@charset "UTF-8";

/* 
Last Updated : 2016-07-11
Author       : amy
Version      : 1.0
*/

/* reset css */
html, body, ul, ol, dl, li, dt, dd, form, fieldset, legend {margin:0; padding:0; outline:0; border:0; background:transparent;}
h1, h2, h3, h4, h5, h6, p {margin:0; font-weight:normal;}
fieldset, img {border:0; vertical-align:middle;}
table {border-collapse:collapse; border-spacing:0; table-layout:fixed;}
caption, th, td {text-align:left; vertical-align:top; font-weight:normal;}
caption, legend {visibility:hidden; width:1px; height:1px; margin:0; padding:0; background:none; font-size:0; line-height:0; text-indent:-9999em}
label {display:none;}
body, input, textarea, select {font-size:12px;color:#555;line-height:1.5em; font-family:'nanumgothic', 'Noto Sans KR', dotum, Arial,Helvetica, sans-serif;}
ul, ol, dl, li {list-style:none;}
abbr, acronym {border-bottom: .1em dotted; cursor:help;}
a {color:inherit; text-decoration:none}
button {outline:0; border:0;}

/* Input Reset */
input[type="checkbox"]{margin:0; vertical-align:middle; margin-right:2px} 
input[type="radio"]{margin:0; vertical-align:middle; margin-right:2px}

/* Mobile Reset */
*{-webkit-text-size-adjust:none}
input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="image"], input[type="tel"], input[type="number"], textarea{-webkit-appearance:none; -webkit-border-radius:0}
select {-webkit-border-radius:0;}

/* rayout css */
html,body{min-width:320px;  font-size:12px;}
body{width:100%; max-width:100%; font-family:dotum,Arial,Helvetica,sans-serif; color:#4f4f4f; }
#wrap {width:100%; max-width:100%; min-width:320px; height:100%; position:relative; padding-top:61px; padding-bottom:150px;}
#naver_dic_audio_controller {display:none;}

/* common CSS */
.text-hidden {overflow:hidden !important; clip:rect(1px, 1px, 1px, 1px) !important; position:absolute !important; width:1px !important; height:1px !important;}

/* header */
#header {width:100%; height:60px; overflow:hidden; text-align:center; position:fixed; top:0; left:0; background:#fff; z-index:998; box-shadow:0 2px 2px #d2d2d2;}
#header .logoarea {display:inline-block; height:60px;}
#header .logoarea img {height:60px; padding-left:32%;}
#header .call {float:right; width:60px; height:60px;}
#header .call img {width:100%;}

#contents  {width:100%; overflow:hidden; font-family:sans-serif; letter-spacing:-1px; font-size:14px; line-height:22px;}
.title_text {display:block; font-size:20px; font-weight:600; text-align:center; line-height:30px; margin:20px 0;}

.mainbnr {width:100%; overflow:hidden; margin-bottom:35px;}
.mainbnr img {width:100%;}

.event_main_title {display:block; font-size:20px; text-align:center; line-height:28px;  color:#5e4193; margin-bottom:25px;}
.event_main_title2 {display:block; font-size:20px; text-align:center; line-height:28px;  color:#fff; margin-bottom:25px;}

.img_area {width:100%; overflow:hidden;}
.img_area img {width:100%;}
.bold {font-weight:600;}

.event_type01 {width:100%; overflow:hidden; box-sizing:border-box; padding:0 4%; margin-bottom:15px;}
.event_type01 ul li {width:48%; float:left; text-align:center; margin-bottom:20px;}
.event_type01 ul li .type01 {display:block; font-size:15px; font-weight:600; color:#fff; height:35px; line-height:35px; background:url('/m/images/event/20180403/bg_event_type01_01.png') no-repeat center center; background-size:100%; margin-bottom:5px;}
.event_type01 ul li .type02 {display:block; font-size:15px; font-weight:600; color:#fff; height:35px; line-height:35px; background:url('/m/images/event/20180403/bg_event_type01_02.png') no-repeat center center; background-size:100%; margin-bottom:5px;}
.event_type01 ul li:nth-child(odd) {margin-right:4%;}

.event_type02 {width:100%; overflow:hidden; box-sizing:border-box; padding:35px 4% 20px; margin-bottom:35px; background:#f2f2f2;}
.event_type02 ul li {width:49%; float:left; line-height:20px; margin-bottom:20px; padding-left:6%; box-sizing:border-box; background:url('/m/images/event/20180403/bg_event_type02.png') no-repeat left 6px; background-size:15px; letter-spacing:-1px;}
.event_type02 ul li:nth-child(odd) {margin-right:2%;}

.event_type03 {width:100%; overflow:hidden; box-sizing:border-box; padding:0 4%; margin-bottom:15px;}
.event_type03 .sub_title {display:block; margin-bottom:5px; font-size:16px; font-weight:600; color:#5e4193;}
.event_type03 ul {overflow:hidden; margin-bottom:20px;}
.event_type03 ul li { background:url('/m/images/event/20180403/bg_event_type03.png') no-repeat left 8px; font-size:12px; padding-left:12px;}

.event_type04 {width:100%; overflow:hidden; box-sizing:border-box; padding:35px 4%; background:#5e4193;}
.event_type04 .title_img {display:block; text-align:center; margin-bottom:20px;}
.event_type04 .title_img img {width:70%}
.event_type04 p {color:#fff; text-align:center; margin-bottom:20px;}
.event_type04 .event_type04_list {width:100%; overflow:hidden; box-sizing:border-box; padding-left:50%; background:url('/m/images/event/20180403/img_event_type04.png') no-repeat 7.5% center; background-size:35%; margin-bottom:20px;}
.event_type04 .event_type04_list li {line-height:24px;color:#fff; background:url('/m/images/event/20180403/bg_event_type04.png') no-repeat left 11px; padding-left:14px}
.avi_contents {width:100%; overflow:hidden; box-sizing:border-box;}

.event_type05 {width:100%; overflow:hidden; box-sizing:border-box; padding:35px 4%; background:#f2f2f2;}
.event_type05 ul li {height:24px; line-height:24px; background:url('/m/images/event/20180403/bg_event_type05.png') no-repeat left 8px; padding-left:16px; background-size:12px}

.event_type06 {width:100%; overflow:hidden; box-sizing:border-box; padding:35px 4%; background:#595894;}
.event_type06 p {color:#fff; text-align:center; margin-bottom:20px;}
.event_type06 .event_type06_list {width:100%; overflow:hidden; box-sizing:border-box; padding-left:50%; background:url('/m/images/event/20180403/img_event_type06.png') no-repeat 7.5% center; background-size:35%;}
.event_type06 .event_type06_list li {line-height:24px;color:#fff; background:url('/m/images/event/20180403/bg_event_type06.png') no-repeat left 11px; padding-left:14px}

.event_type07 {width:100%; overflow:hidden; box-sizing:border-box; padding:35px 4%; background:#4a4a53;}
.event_type07 p {height:75px; color:#eaeaea; margin-bottom:15px; background:url('/m/images/event/20180403/img_event_type07.png') no-repeat left center; padding-left:28%; background-size:22%;}
.event_type07 .event_type07_box {display:block; background:#fff url('/m/images/event/20180403/bg_event_type07.png') no-repeat 4% center; padding:4% 4% 4% 8%; }

.event_type08  {width:100%; overflow:hidden; box-sizing:border-box; padding:35px 4%; background:#875f85; margin-bottom:35px;}
.event_type08 p {color:#fff;}

.event_type09 {width:100%; overflow:hidden; box-sizing:border-box; /* margin-bottom:35px; */}
.event_type09 .event_type09_list {width:92%; margin:0 4%; overflow:hidden; box-sizing:border-box; padding-left:28%; background:url('/m/images/event/20180403/tit_event_type09.png') no-repeat 0 8px; background-size:20%;}
.event_type09 .event_type09_list li {line-height:24px; background:url('/m/images/event/20180403/bg_event_type07.png') no-repeat left 11px; padding-left:14px}


.review_area {width:100%; overflow:hidden; padding:35px 4% 0; box-sizing:border-box; background:#f2f2f2; margin-bottom:35px;}
.review_area .title {display:block; overflow:hidden; margin-bottom:8%; text-align:center;}
.review_area .title img {width:50%;}
.review_area .review_rolling {width:100%; overflow:hidden; position:relative;}
.review_area .review_rolling .phone {width:100%; height:100%; box-sizing:border-box; position:absolute; top:0; left:0; z-index:100}
.review_area .review_rolling .phone img {width:100%; height:100%;}
.review_area .review_rolling li {width:100%; overflow:hidden; padding:20% 10% 10%;  box-sizing:border-box; background:#a0c0d7;}
.review_area .review_rolling li img {width:100%;}
.review_area .review_rolling .reviewbnr-pagination {width:100%; height:30px; line-height:30px; text-align:center; bottom:0; left:20%; background:#679abf; z-index:100; overflow:hidden;}
.review_area .review_rolling .reviewbnr-pagination .swiper-pagination-bullet-active {background:#5e4193;}

.cf_area  {width:100%; overflow:hidden; padding:0 4%; box-sizing:border-box; margin-bottom:35px;}
.cf_area .title {display:block; overflow:hidden; margin-bottom:8%; text-align:center;}
.cf_area .title img {width:30%;}

.branch_call {width:100%; overflow:hidden;}
.branch_call ul li {float:left; width:33.33%; height:57px; background:#f2f2f2; text-align:center; border-right:1px solid #cccccc;  border-bottom:1px solid #cccccc; box-sizing:border-box; padding:10px 0;}
.branch_call ul li:nth-child(3n) {border-right:0;}
.branch_call ul li .branch {display:block; font-weight:600; font-size:16px;}

.branch_call_number {width:100%; overflow:hidden; position:fixed; top:59px; left:0; z-index:999;}
.branch_call_number ul {width:100%; overflow:hidden; background:rgba(0,0,0,0.5);}
.branch_call_number ul li {float:left; width:25%; background:#555555; color:#fff; text-align:center; border-right:1px solid #666666;  border-bottom:1px solid #666666; box-sizing:border-box; padding:10px 0;}
.branch_call_number ul li .branch {display:block;}

#advice_area {width:100%; overflow:hidden; position:fixed; bottom:0; left:0; z-index:999;}
#advice_area .form_area {width:100%; overflow:hidden; padding:4%; box-sizing:border-box; background:#5e4193;}
#advice_area .form_area table {table-layout:fixed; width:100%;}
#advice_area .form_area table th {color:#fff; font-weight:600; padding:3px 0; vertical-align:middle;}
#advice_area .form_area table td {color:#fff; padding:3px 0; vertical-align:middle; line-height:25px;}
#advice_area .form_area table td input[type="text"] {width:100%; height:25px; box-sizing:border-box; border:none}
#advice_area .form_area table td select {width:100%; height:25px; background:#fff;border:0px;}
#advice_area .form_area table td .callnumber {width:31.3%; height:25px; box-sizing:border-box; border:0;}
#advice_area .form_area table td .bar{display:inline-block;text-align:center;width:3%;font-size:10px;}
#advice_area .form_area table td .person_infor_open {float:right; display:inline-block; height:25px; line-height:25px; padding:0 2%; background:#2d1853;}
#advice_area .form_area table td .bold {font-weight:600;}
#advice_area > button {width:100%; height:30px; background:#2d1853; line-height:30px; color:#fff;}

/* 개인정보취급방침 */
#person_infor_layer {width:100%; overflow:hidden; position:fixed; top:0; left:0; z-index:9999;}
#person_infor_layer .title {display:block; height:40px; background:#523d76; padding:0 4%; box-sizing:border-box; line-height:40px;}
#person_infor_layer .title img {height:14px;}
#person_infor_layer .person_infor_content {background:#fff; padding:4%; box-sizing:border-box;}
#person_infor_layer .person_infor_content .bold {display:block; font-size:14px; font-weight:600; margin-bottom:10px;}
#person_infor_layer .person_infor_content p {margin-bottom:10px;}
#person_infor_layer .person_infor_content ul {margin-bottom:10px;}
#person_infor_layer .person_infor_close  {display:block; height:30px; background:#333333; line-height:30px; color:#fff; text-align:center; font-weight:600;}

/* footer */
#footer {width:100%; display:inline-block; position:relative;}
#footer .copyright {width:100%; text-align:center; padding:10px 0; background:#cccccc; font-size:11px; }
#footer .copyright img {width:25%;}