@charset "UTF-8";

/* font */
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

/* reset */
*{max-height:10000000px; -webkit-text-size-adjust:none;}
html,body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{padding:0; margin:0;}
body{font-family:'Noto Sans KR', sans-serif, Helvetica; font-size:15px; font-weight:400; color:#333; line-height:100%; letter-spacing:-0.4px;}
h1,h2,h3,h4,h5,h6{font-weight:500; line-height:100%;}
strong, b{font-weight:500;}
fieldset,img,button{border:0;}
img,input,button{vertical-align:top;}
table{width:100%; border-collapse:collapse; word-break:break-all;}
address,em,i{font-style:normal;}
ol,ul,li{list-style:none;}
hr{display:none;}
a{text-decoration:none; color:#aaa;}
a:hover,a:active{text-decoration:none;}
legend{position:absolute; left:-9999px; top:0}
caption{overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
button{font-family:'Noto Sans KR', sans-serif, Helvetica; background:none; vertical-align:top; cursor:pointer;}
button::-moz-focus-inner{padding:0; border:0;}
html.on, body.on, html.on body{overflow:hidden; height:100%;}
textarea{font-family:'Noto Sans KR', sans-serif, Helvetica;}
input, textarea, button {-webkit-appearance:none; -moz-appearance:none; appearance:none;}
input, textarea, button, select {-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0;}

/* common */
input,select,textarea{font-family:'Noto Sans KR', sans-serif, Helvetica; font-weight:300;}
input[type="text"],input[type="password"],textarea{font-size:15px;}
img{width:100%;}
.blind{overflow:hidden; position:absolute; left:-9999px; top:0; width:1px; height:1px; font-size:0; line-height:0;}
.clearfix:after{display:block; clear:both; content:"";}
input::-ms-input-placeholder{color:#aaa; font-size:14px;}
input::-webkit-input-placeholder{color:#aaa; font-size:14px;}
input::-moz-placeholder{color:#aaa; font-size:14px;}
textarea::-ms-input-placeholder{color:#aaa; font-size:14px;}
textarea::-webkit-input-placeholder{color:#aaa; font-size:14px;}
textarea::-moz-placeholder{color:#aaa; font-size:14px;}
input.basic{height:45px; padding:5%; background:#f3f3f3; box-sizing:border-box; border:2px solid #eaeaea; outline-color:#2484c6;}
select.basic{height:45px; padding:5%; background:#f3f3f3; box-sizing:border-box; border:2px solid #eaeaea; outline-color:#2484c6; color:#aaa;}
select.basic option{color:#333;}
select.first_select{margin-left:0;}
input.full{width:100%;}

#wrap{overflow:hidden; width:100%;}
#container{padding-top:61px;}
#header{position:fixed; width:100%; height:59px; background:#fff; border-bottom:2px solid #e8e8e8; z-index:100;}
#header .header_type1{display:block;}
#header .header_type2{display:none;}
.mypage #header .header_type1{display:none;}
.mypage #header .header_type2{display:block;}
#header .header_type1 .logo{display:block; position:absolute; left:15px; top:17px; width:145px; height:23px; background:url(/resources/images/common/logo.png) 0 0 no-repeat; background-size:100% auto;}
#header .header_type2 a.home{display:block; position:absolute; left:15px; top:16px; width:26px; height:23px; background:url(/resources/images/common/home.png) 0 0 no-repeat; background-size:100% auto;}
#header .header_type2 h2{display:none;}
#header .header_type2 h2.on{display:block; text-align:center;}
#header .header_type2 h2.on a{font-size:22px; font-weight:400; line-height:60px; color:#2484c6;}
#header .header_type2 h2.on a:after{content:""; display:inline-block; width:22px; height:22px; margin:0 0 4px 5px; background:url(/resources/images/common/lnb_arrow_off.png) 0 0 no-repeat; vertical-align:middle;}
#header .header_type2 #lnb ul{overflow:hidden; position:absolute; left:0; top:59px; width:100%; height:0; background-color:#f3f3f3; text-align:center; box-sizing:border-box; z-index:99; transition:height .5s ease;}
#header .header_type2 #lnb ul.on{height:328px;}
#header .header_type2 #lnb ul > li{font-size:18px; color:#aaa; font-weight:300; line-height:2em;}
#header .header_type2 #lnb ul > li:first-child{padding-top:20px;}
#header .header_type2 #lnb ul > li.on a{color:#2484c6;}
#header .header_type2 .lnb_bg{display:none; position:fixed; left:0; top:59px; z-index:98; width:100%; height:100%; background:rgba(0, 0, 0, 0.5);}
#header .header_type2 .lnb_bg.on{display:block;}
#header .btn_menu{display:block; position:absolute; right:15px; top:20px; width:25px; height:19px; background:url(/resources/images/common/btn_menu.png) 0 0 no-repeat; background-size:100% auto;}
#header .btn_close{display:block; position:absolute; right:15px; top:20px; width:19px; height:19px; background:url(/resources/images/common/btn_gnb_close.png) 0 0 no-repeat; background-size:100% auto; z-index:3001;}
#gnb{overflow-y:scroll; position:fixed; right:-100%; top:0; z-index:3000; width:300px; height:100%; background:#fff;}
#gnb .login{padding:22px 0 22px 30px; border-bottom:2px solid #e8e8e8; overflow:hidden;}
#gnb .login li{float:left;}
#gnb .login li.member{margin-left:20px;}
#gnb .login a{color:#333; font-size:15px;}
#gnb .login a.login_before{color:#2484c6;}
#gnb .login a.logout{color:#888;}
#gnb .quick_menu{padding:22px 0; background:#2484c6;}
#gnb .quick_menu ul{overflow:hidden;}
#gnb .quick_menu li{float:left; width:25%; text-align:center; border-left:1px solid #126ba9; box-sizing:border-box;}
#gnb .quick_menu li:first-child{border-left:none;}
#gnb .quick_menu li a{color:#fff; line-height:120%;}
#gnb .gnb_inner{margin:0 30px;}
#gnb .depth1{width:100%; border-bottom:1px solid #e8e8e8;}
#gnb .depth1.on{border-bottom:none;}
#gnb .depth1 > a.dep_arrow{display:block; padding:20px 0; font-size:18px; color:#333; background:url(/resources/images/common/gnb_arrow_on.gif) right center no-repeat; background-size:16px auto;}
#gnb .depth1 > a.dep_arrow.on{background:url(/resources/images/common/gnb_arrow_off.gif) right center no-repeat; background-size:13px auto;}
#gnb .depth1 .depth2_wrap a{color:#666;}
#gnb .depth2_wrap{display:none; padding:20px 0; border-top:2px solid #e8e8e8; overflow:hidden;}
#gnb .depth2_wrap.on{display:block;}
#gnb .depth2_wrap > div{overflow:hidden;}
#gnb .depth2_wrap > div:last-child li:last-child {margin-bottom:0;}
#gnb .depth2_wrap > div .tit{float:left; width:43%; color:#222; line-height:1.25em;}
#gnb .depth2_wrap > div .tit.line1{margin-bottom:25px;}
#gnb .depth2_wrap > div .tit.hidden{color:#cacaca;}
#gnb .depth2_wrap > div .tit.hidden:after{content:""; display:inline-block; width:17px; height:17px; margin-left:4px; background:url(/resources/images/common/ico_soon.png) center center no-repeat; background-size:100% auto; vertical-align:top;}

#gnb .depth2_wrap > div ul{float:right; width:57%;}
#gnb .depth2_wrap > div li{margin-bottom:20px; line-height:1.25em;}
#gnb .depth2_wrap > div li.last{margin-bottom:0;}
#gnb .depth2_wrap > div li.hidden{color:#cacaca;}
#gnb .depth2_wrap > div li.new:after{content:""; display:inline-block; width:17px; height:17px; margin-left:4px; background:url(/resources/images/common/ico_new.png) center center no-repeat; background-size:100% auto; vertical-align:top;}
#gnb .depth2_wrap > div li.update:after{content:""; display:inline-block; width:17px; height:17px; margin-left:4px; background:url(/resources/images/common/ico_update.png) center center no-repeat; background-size:100% auto; vertical-align:top;}
#gnb .depth2_wrap > div li.hidden:after{content:""; display:inline-block; width:17px; height:17px; margin-left:4px; background:url(/resources/images/common/ico_soon.png) center center no-repeat; background-size:100% auto; vertical-align:top;}
#gnb .depth2_wrap > div li.out_link:after{content:""; display:inline-block; width:16px; height:16px; margin-left:4px; background:url(/resources/images/common/ico_out2.png) center center no-repeat; vertical-align:middle;}


#gnb + .gnb_bg{display:none; position:fixed; left:0; top:0; z-index:2000; width:100%; height:100%; background:rgba(0, 0, 0, 0.5);}
#gnb + .gnb_bg.on{display:block;}
#gnb li.gnb-top {float:left;}
#gnb li.gnb-top.fst{margin-right:10px;}
#gnb li.gnb-top:first-child {border-left:none;}
#gnb .depth2_wrap li.out:after{display:inline-block; width:10px; height:10px; margin-left:7px; content:""; background:url(/resources/images/common/ico_out.gif) 0 0 no-repeat; background-size:10px auto;}
#gnb .depth2_wrap li.long{width:100%;}

#footer{position:relative; background:#f5f5f5; z-index:97;}
#footer .footer_top{position:relative; height:55px; background:#dbdbdb; overflow:hidden;}
#footer .footer_top ul{padding:12px 0 0 6%; overflow:hidden;}
#footer .footer_top li{float:left; padding:0 5%; border-left:1px solid #bfbfbf; text-align:center;}
#footer .footer_top li:first-child{padding-left:0; border-left:none;}
#footer .footer_top li a{color:#666; font-size:12px;}
#footer .footer_top .top{display:inline-block; position:absolute; right:0; top:0; width:55px; height:55px; background:url(/resources/images/common/btn_top.jpg) 0 0 no-repeat; background-size:cover; text-indent:-9999px;}
#footer .sec{padding:15px 15px 19px;}
#footer .sec p{font-size:12px; color:#afafaf; line-height:150%;}
#footer .footer_bot{padding-top:15px; overflow:hidden;}
#footer .footer_bot .family{float:left;}
#footer .footer_bot .family select{height:29px; line-height:21px; padding-left:10px; padding-right:25px; border:1px solid #cecece; background:url(/resources/images/common/ico_more.gif) right 5px center no-repeat; background-size:8px 8px; font-size:13px; color:#333; -webkit-border-radius: 0;-webkit-appearance: none;-moz-appearance: none; appearance: none;}
#footer .footer_bot .btn_pc{display:inline-block; float:left; height:29px; padding-left:10px; padding-right:29px; margin-left:5px; line-height:27px; border:1px solid #cecece; font-size:13px; color:#333; -webkit-border-radius: 0; box-sizing:border-box; background:url(/resources/images/common/ico_btn_pc.gif) right 10px center no-repeat; background-size:4px 8px;}
#footer .footer_bot .isms{display:inline-block; float:right; width:40%; height:30px; margin-top:1px; background:url(/resources/images/common/isms_logo.jpg) 0 0 no-repeat; background-size:100% auto;}

/* btn*/
.commonBtn{display:inline-block; line-height:45px; border-radius:22px; color:#fff; text-align:center;}
.commonBtn.full{width:100%;}
.commonBtn.half{float:left; width:49%;}
.commonBtn.half:first-child{margin-right:2%;}
.commonBtn.etc{border-radius:0;}
.commonBtn.square{margin-left:2%; border-radius:0;}
.wtype1{width:49%;}
.wtype2{width:100%;}
.wtype3{width:70%;}
.wtype4{width:28%;}
.type2{background-color:#2484c6;}
.type3{background-color:#888;}
.type4{background-color:#666;}
.type5{background-color:#22bcc6;}

#blockUi{display:none; position:fixed; left:0; top:0; z-index:100; width:100%; height:100%; background-color:rgba(255,255,255,.5);}
#blockUi.on{display:block;}
#blockUi img{display:block; position:fixed; left:50%; top:50%; width:100px; margin:-50px 0 0 -50px;}

/* brief */
.brief_wrap{display:none; position:absolute; left:0; top:0; z-index:20000; width:100%; height:100%;}
.brief_wrap .top{position:absolute; left:0; top:0; width:100%; padding:17px 5% 0 4%; box-sizing:border-box; z-index:20001;}
.brief_wrap .top h1{float:left; width:51%;}
.brief_wrap .top .pop_close_btn{overflow:hidden; display:block; float:right; width:19px; height:19px; margin-top:3px; background:url(/resources/images/common/brief/pop_close.png) 0 0 no-repeat; background-size:19px; text-indent:-9999px;}
.brief_wrap .pop_inner{position:relative; height:100%; box-sizing:border-box;}
.brief_wrap .brief_swipe{position:relative; height:100%; background:url(/resources/images/common/brief/brief_slide1.jpg) 0 0 no-repeat; background-size:100% 100%;}
.brief_wrap .pop_inner .middle{height:100%; box-sizing:border-box;}
.brief_wrap .pop_inner .middle .tit_area{padding:0;}
.brief_wrap .swiper-slide{position:relative; overflow-y:auto; -webkit-overflow-scrolling:touch;}
.brief_wrap .slide1{background:url(/resources/images/common/brief/brief_slide1.jpg) 0 0 no-repeat; background-size:100% 100%;}
.brief_wrap .slide1 .slide_inner{position:absolute; top:35%;}
.brief_wrap .slide2{background:url(/resources/images/common/brief/brief_slide2.jpg) 0 0 no-repeat; background-size:100% 100%;}
.brief_wrap .slide2 .slide_inner{position:absolute; top:20%;}
.brief_wrap .slide2 .tit_area{margin-bottom:7%;}
.brief_wrap .slide3{background:url(/resources/images/common/brief/brief_slide3.jpg) 0 0 no-repeat; background-size:100% 100%;}
.brief_wrap .slide3 .slide_inner{position:absolute; top:13.7%;}
.brief_wrap .slide3 .tit_area{margin-bottom:7%;}
.brief_wrap .slide4{background:url(/resources/images/common/brief/brief_slide4.jpg) 0 0 no-repeat; background-size:100% 100%;}
.brief_wrap .slide4 .slide_inner{position:absolute; top:13.7%;}
.brief_wrap .slide4 .tit_area{margin-bottom:10%;}
.brief_wrap .slide5{background:url(/resources/images/common/brief/brief_slide5.jpg) 0 0 no-repeat; background-size:100% 100%;}
.brief_wrap .slide5 .slide_inner{position:absolute; top:13.7%;}
.brief_wrap .slide5 .tit_area{margin-bottom:7%;}
.brief_wrap .slide6{background:url(/resources/images/common/brief/brief_slide6.jpg) 0 0 no-repeat; background-size:100% 100%;}
.brief_wrap .slide6 .slide_inner{position:absolute; top:35.3%;}
.brief_wrap .slide7{background:url(/resources/images/common/brief/brief_slide7.jpg) 0 0 no-repeat; background-size:100% 100%;}
.brief_wrap .slide7 .slide_inner{position:absolute; top:18.9%;}
.brief_wrap .slide7 .tit_area{margin-bottom:35%;}
.brief_wrap .slide8{background:url(/resources/images/common/brief/brief_slide8.jpg) 0 0 no-repeat; background-size:100% 100%;}
.brief_wrap .slide8 .slide_inner{position:absolute; top:13.6%;}
.brief_wrap .slide8 .tit_area{margin-bottom:13.5%;}
.brief_wrap .slide9{background:url(/resources/images/common/brief/brief_slide9.jpg) 0 0 no-repeat; background-size:100% 100%;}
.brief_wrap .slide9 .slide_inner{position:absolute; top:13.6%;}
.brief_wrap .slide9 .tit_area{margin-bottom:9.5%;}
.brief_wrap .slide10{background:url(/resources/images/common/brief/brief_slide10.jpg) 0 0 no-repeat; background-size:100% 100%;}
.brief_wrap .slide10 .slide_inner{position:absolute; top:13.6%;}
.brief_wrap .slide10 .tit_area{margin-bottom:9.5%;}
.brief_wrap .slide10 .cont_area{padding:0 8.66%}
.brief_wrap .slide10 .cont_area ul{overflow:hidden;}
.brief_wrap .slide10 .cont_area ul li{float:left; width:48.08%; margin-left:3.84%; margin-bottom:4%;}
.brief_wrap .slide10 .cont_area ul li:nth-child(odd){margin-left:0;}
.brief_wrap .slide10 .cont_area ul li:nth-child(5), .brief_wrap .slide10 .cont_area ul li:nth-child(6){margin-bottom:0;}
.brief_wrap .slide11{background:url(/resources/images/common/brief/brief_slide11.jpg) 0 0 no-repeat; background-size:100% 100%;}
.brief_wrap .slide11 .slide_inner{position:absolute; top:13.34%;}
.brief_wrap .slide11 .tit_area{margin-bottom:3.5%;}
.brief_wrap .slide12{background:url(/resources/images/common/brief/brief_slide12.jpg) 0 0 no-repeat; background-size:100% 100%;}
.brief_wrap .slide12 .slide_inner{position:absolute; top:13.6%;}
.brief_wrap .slide12 .tit_area{margin-bottom:14.5%;}
.brief_wrap .slide13{background:url(/resources/images/common/brief/brief_slide13.jpg) 0 0 no-repeat; background-size:100% 100%;}
.brief_wrap .slide13 .slide_inner{position:absolute; top:20.2%;}
.brief_wrap .slide13 .tit_area{margin-bottom:7%;}
.brief_wrap .slide13 .cont_area a{display:block; width:45%; margin:0 auto;}
.brief_wrap .slide14{background:url(/resources/images/common/brief/brief_slide14.jpg) 0 0 no-repeat; background-size:100% 100%;}
.brief_wrap .slide14 .slide_inner{position:absolute; top:13.6%;}
.brief_wrap .slide14 .tit_area{margin-bottom:6.5%;}
.brief_wrap .slide15{background:url(/resources/images/common/brief/brief_slide15.jpg) 0 0 no-repeat; background-size:100% 100%;}
.brief_wrap .slide15 .slide_inner{position:absolute; top:21.88%;}
.brief_wrap .slide15 .tit_area{margin-bottom:11.5%;}
.brief_wrap .slide15 .cont_area a{display:block; width:45%; margin:0 auto;}
.brief_wrap .pop_inner .bottom{position:absolute; left:0; bottom:4%; width:100%; padding:0 4.4%; box-sizing:border-box;}
.brief_wrap .pop_inner .slide_control{position:relative; z-index:100;}
.brief_wrap .swiper-button-prev, .brief_wrap .swiper-button-next{overflow:hidden; width:45px; height:45px; top:0; margin-top:0; background-image:url(/resources/images/common/brief/arr_bg.png); background-size:90px; box-sizing:border-box; text-indent:-9999px; opacity:1;}
.brief_wrap .swiper-button-prev{left:0; background-position:0 0;}
.brief_wrap .swiper-button-next{right:0; background-position:100% 0;}
.brief_wrap .swiper-pagination{position:static; bottom:0; padding:10px 45px 0; box-sizing:border-box; color:#fff;}
.brief_wrap .swiper-pagination span{display:inline-block; padding:5px 30px;}
.brief_wrap .swiper-pagination .current_num{border-right:1px solid #4d6266;}
.brief_wrap.wide{overflow-y:scroll; -webkit-overflow-scrolling:touch;}
.brief_wrap.wide .middle{height:auto;}
.brief_wrap.wide .slide_inner{padding-bottom:10%;}
.brief_wrap.wide .pop_inner{overflow-y:scroll; -webkit-overflow-scrolling:touch; min-height:1100px;}
.brief_wrap.wide .swiper-slide{min-height:1100px;}
.brief_wrap.wide .pop_inner .bottom{bottom:13%;}

@media (max-width:320px){
#footer .footer_top li{padding:0 4%;}
#footer .footer_bot .isms{width:45%;}
#footer .footer_bot .family select{font-size:12px; padding:0 15px 0 5px;}
#footer .footer_bot .btn_pc{font-size:12px; padding:0 15px 0 5px;}
}