@charset "utf-8";
* {padding:0; margin:0 auto}
body{min-width:320px;font-size:13px;font-weight:400;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,select,button{
line-height:1.7em;margin:0;padding:0;-webkit-text-size-adjust:none;font-family:'NanumGothic','나눔고딕','돋움', 'Dotum', sans-serif; color:#323d4f;letter-spacing:-0.05em;}
a{color:inherit}
a:link, a:active{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
ul, ol, li, dl, dt, dd{list-style:none;}
p,form,h1,h2,h3,h4,h5,h6,fieldset,legend{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{line-height:1.2em;}
hr{display:none;}
em{font-style:normal;}
img, form, input, select{border:0 none;vertical-align:middle;}
label, button{cursor:pointer;}
select, textarea, input[type=file], input[type=text],input[type=password]{border:1px #ccc solid;background:#fff;vertical-align:middle; text-indent:6px;border-radius:0;}
select readonly, textarea readonly, input[type=file] readonly, input[type=text] readonly,input[type=password]readonly{border:1px #fff solid;}
input[type=password] {-webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
input[type=button]{cursor:pointer;}
input[type=text]{font-family:'NanumGothic', 나눔고딕, dotum;}
input.radio {border:1px #ccc solid !important;}
label,input[type=radio],input[type=checkbox]{vertical-align:middle;}
input[type=radio]{width:16px;height:16px;border:1px #ccc solid !important;}
input[type="radio"]:checked {background-color:#333 !important;}
input[type=checkbox]{width:14px;height:14px;}
textarea,input[type="text"],input[type="button"],input[type="submit"] {-webkit-appearance: none; border-radius:0;}
table{border-collapse:collapse;width:100%;}
input,button {-webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
/* Font */
@font-face { font-family:'NanumGothic';
src: url('NanumGothic.eot'); /* IE9 Compat Modes */
src:url('NanumGothic.eot?#iefix') format('embedded-opentype'),
src: local('☺'), url('NanumGothic.woff') format("woff"), /* IE 9, Firefox 3.6+, Chrome 6+ */
url('NanumGothic.ttf') format("truetype"); /* Safari, Android, iOS */
}
@font-face {font-family:'NanumGothicB';font-weight:700;
src: local('NanumGothicBold'), local('NanumGothicBold'),
url(NanumGothicBold.eot),
url(NanumGothicBold.eot?#iefix) format('embedded-opentype'),
url(NanumGothicBold.woff) format('woff'),
url(NanumGothicBold.otf) format('opentype');
}
.txt11{ font-size:0.7em !important}
.txt12{ font-size:0.8em !important}
.txt13{ font-size:0.9em !important}
.txt14{ font-size:1em !important}
.txt15{ font-size:1.1em !important}
.txt16{ font-size:1.2em !important}
.pt5{padding-top:5px !important}
.pt10{padding-top:10px !important}
.pt15{padding-top:15px !important}
.pt25{padding-top:28px !important;}
.pl15{padding-left:15px !important}
.pl5{padding-left:5px !important}
.pl10{padding-left:10px !important}
.p15{padding:0 15px 0 15px !important}
.m25{margin-left:25px;margin-top:15px !important}
.ml5{margin-left:5px !important}
.ml10{margin-left:10px !important}
.ml15{margin-left:15px !important}
.mr5{margin-right:5px !important}
.mr10{margin-right:10px !important}
.mr15{margin-right:15px !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb25{margin-bottom:25px !important}
.w110{width:110px !important}
.w50{width:50px !important}
.hidden{position:absolute;top:-10000px;font-size:0;line-height:0;}
.none{display:none !important}
/*align*/
.clear{clear:both;}
.fRight{float:right !important;}
.fLeft{float:left !important;}
.fR{float:right !important;}
.fL{float:left !important;}
.tL{text-align:left !important;}
.tLeft{text-align:left !important;}
.tR{text-align:right !important;}
.tRight{text-align:right !important;}
.tC{text-align:center !important;}
.tCenter{text-align:center !important;}
.vT{vertical-align:top;}
.vM{vertical-align:middle;}
/* font style */
.underline{text-decoration:underline;}
.white{color:#fff !important;}
.gray{color:#5b5a5a;}
.bold{font-weight:bold;}
.red{color:#b40a14 !important;}
.red_deep{color:#a70e13;}
.blue{color:#3f63bf !important;}
.orange{color:#e25000 !important;}
.green{color:#00692b;}
.blue1{color:#cfdffe;}
.sky{ color:#06bbda}
.black{color:#000;}
.eng{font-family:arial;letter-spacing:0}
.big{font-size:20px;font-weight:bold;letter-spacing:-0.05em}
/* form */
caption{display:none;}
fieldset{border:0;}
legend{display:none;}
select, textarea,input[type=text],input[type=file],input[type=password],input[type=email],input[type=search]{display:inline-block;font-size:1em;border:1px #ccc solid;vertical-align:middle}
select,input[type=text],input[type=password],input[type=email],input[type=search]{height:33px;line-height:33px;}
input[type=file]{height:22px;line-height:22px;padding:8px 0;}
select, option{text-align:center}
.wS{width:50px}
.wM{width:148px}
.wL{width:236px}
.wXL{width:350px}
/*btn*/
.btn_area{overflow:hidden; width:100%}
.btn_area ul{ display:inline-block; text-align:center;*display:inline; zoom:1}
.btn_area li{ display:inline-block; float:left; margin:0 2px}
.btn_area.btm_area{margin:30px 0 0 0; text-align:center; display:inline-block}
.btn{text-align:center;text-decoration:none;display:inline-block;*display:inline;vertical-align:middle;zoom:1;}
.btnXS{height:33px;line-height:33px; padding:0;font-size:0.9em; display:inline-block; text-align:center}
.btnS{height:35px;line-height:35px; padding:0 16px;font-size:0.9em;}
.btnM{height:48px;line-height:48px; padding:0 13px;font-size:1em;}
.btnL{height:64px;line-height:64px; padding:0 52px;font-size:1.2em;font-weight:700;}
.btnL_p{height:59px;line-height:59px;padding:0 32px;font-size:23px;font-weight:700;}
.btnBlack{color:#fff;background-color:#000;}
.btnBlackRe{color:#000;border:1px solid #000 !important;background-color:#fff;}
.btngray{color:#9b9fa7;background:#fff; border:1px #9b9fa7 solid}
.btngray_dark{background:#323d4f; border:1px #262e3c solid; color:#fff}
.btngray_light{color:#727272;border:1px solid #979797;}
.btnRed{color:#b40a14;border:1px solid #b40a14;background-color:#fff;}
.btnblue{color:#fff;border:1px solid #0e4fb1; background:#0e4fb1}
.btn[class*="ico_"]{position:relative;background-repeat:no-repeat;background-position-y:center;}
.item{position:relative; display:inline-block}
.item .i_label{margin:0px 0 0 10px; position:absolute; color:#9b9fa7; cursor:text; z-index:1; font-weight:normal; font-size:1em; width:100%; line-height:2.8; text-align:left}
.item .i_text{position:relative; background:transparent; color:#252525;}
.item .i_search { background-color:#fff; position:absolute; border:none; margin:6px 0 0 -32px; z-index:1}
.item_s{position:relative; display:inline-block}
.item_s .i_label{margin:1px 0 0 10px; position:absolute; color:#9b9fa7; cursor:text; z-index:1}
.item_s .i_text{position:relative; background:transparent; color:#252525;}
.item_s .i_search { background-color:#fff; position:absolute; border:none; margin:6px 0 0 -32px; z-index:1}
/* layout */
/* common */
.container{position:relative;max-width:920px;height:100%;margin:0 auto; background:#fff; min-height:500px; border-left:1px #c5c5c5 solid; border-right:1px #c5c5c5 solid}
.radio_area span{margin-right:56px;}
.radio_area span label{margin-left:4px;}
/* gnb */
#wrap .gnb_wrap{background:#0e4fb1}
/*공통*/
.gnb_wrap{height:185px;}
.gnb_wrap #gnb{height:45px;background:#171948;}
.gnb_wrap #gnb h1{position:absolute;top:79px;left:0;z-index:500; color:#fff; text-align:center; width:100%; font-size:1.7em}
.gnb_wrap #gnb h1 img{}
.gnb_wrap #gnb .menu_area{position:absolute;float:left;width:100%;height:100%;}
.gnb_wrap #gnb .menu_area ul.depth01{height:100%;margin-left:1px;}
.gnb_wrap #gnb .menu_area ul.depth01>li{float:left;height:100%;line-height:50px;margin-left:-1px;text-align:center;border-right:1px solid #292929;border-left:1px solid #292929;}
.gnb_wrap #gnb .menu_area ul.depth01>li:first-child+li{border-left:1px solid transparent;}
.gnb_wrap #gnb .menu_area ul.depth01>li>a{display:block;padding:0 32px;color:#fff;font-weight:700;}
.gnb_wrap #gnb .menu_area ul.depth01>li>a img{height:18px;opacity:0.7;}
.gnb_wrap #gnb .menu_area ul.depth01>li.current>a img,.gnb_wrap #gnb .menu_area ul.depth01>li:hover>a img{opacity:1;}
.gnb_wrap #gnb .menu_area .depth02_area{position:absolute;top:51px;left:0;width:100%;height:64px;z-index:20;}
.gnb_wrap #gnb .menu_area ul.depth02>li{position:relative;float:left;}
.gnb_wrap #gnb .menu_area ul.depth02>li>a{display:block;line-height:64px;padding:0;font-size:18px;font-weight:500;color:#fff;border:none;background:none;}/**/
.gnb_wrap #gnb .menu_area ul.depth02>li>a span{display:none;}
.gnb_wrap #gnb .menu_area ul.depth02>li.last{margin-right:0 !important;}
.gnb_wrap #gnb .menu_area ul.depth02 div {position:absolute;left:-9999px;}
.gnb_wrap #gnb .menu_area ul.depth02>li>a + div{position:absolute;padding:0;border:none;border-radius:0 !important;}
.gnb_wrap #gnb .menu_area ul.depth02>li:hover>a + div{visibility:visible;left:50%;top:63px;margin-left:-94px;}
.gnb_wrap #gnb .menu_area ul.depth03{width:187px;background:#fff;}
.gnb_wrap #gnb .menu_area ul.depth03:before{content:"";display:block;position:absolute;top:-10px;left:50%;width:19px;height:11px;margin-left:-9px;background:url(../images/ico_arrow_gnb1dpth.png) no-repeat;}
.gnb_wrap #gnb .menu_area ul.depth03>li{position:relative;width:100%;}
.gnb_wrap #gnb .menu_area ul.depth03>li>a{display:block;height:38px;line-height:38px;padding-left:19px;text-align:left;font-size:15px;color:#343434;font-weight:400;background-color:#fff !important;background-repeat:no-repeat;background-position:right center;}
.gnb_wrap #gnb .menu_area ul.depth03>li>a span{display:block;}
.gnb_wrap #gnb .menu_area ul.depth03>li .current>a,
.gnb_wrap #gnb .menu_area ul.depth03>li:hover>a,
.gnb_wrap #gnb .menu_area ul.depth03>li:active>a{color:#fff;}
.gnb_wrap #gnb .menu_area ul.depth03>li:hover .arrow,
.gnb_wrap #gnb .menu_area ul.depth03>li:active .arrow{background-image:url(../images/ico_arrow_gnb2dpth_on.png) !important;}
.gnb_wrap #gnb .menu_area ul.depth03>li:hover ul{top:0;left:100%;margin-left:0;}
.gnb_wrap #gnb .menu_area ul.depth04{position:absolute;top:0;left:-9999px;width:187px;background:#fff;}
.gnb_wrap #gnb .menu_area ul.depth04>li{padding-left:15px;padding-bottom:2px;text-align:left;}
.gnb_wrap #gnb .menu_area ul.depth04>li>a{display:inline-block;height:35px;line-height:37px;font-size:15px;color:#343434;font-weight:400;}
.gnb_wrap #gnb .menu_area ul.depth04>li.current>a,
.gnb_wrap #gnb .menu_area ul.depth04>li>a:hover,
.gnb_wrap #gnb .menu_area ul.depth04>li>a:active{color:#343434;background:url(../images/bg_gnb.png) repeat-x left bottom;}
.gnb_wrap #gnb .form_area{position:relative; max-width:900px; height:100%; margin:0 auto; z-index:400;}
.gnb_wrap #gnb .form_area>span.fLeft { margin:11px 0 0 0;}
.gnb_wrap #gnb .form_area>span.fRight { margin:7px 0 0 0;}
.gnb_wrap #gnb .form_area p{display:inline-block;color:#888;}
.gnb_wrap #gnb .form_area input[type=button]{line-height:1em;margin:0 8px;color:#cdcdcd;background-color:transparent;font-weight:500;}
.gnb_wrap #gnb .form_area .search_area{position:relative;width:242px;height:29px;margin-left:5px;background:#fff;}
.gnb_wrap #gnb .form_area .search_area input[type=text]{position:relative;width:203px;height:100%;line-height:29px !important;padding-left:6px;border:none;font-size:13px;}
.gnb_wrap #gnb .form_area .search_area a{position:absolute;top:5px;right:5px;width:20px;height:19px;text-indent:-9999px;background:url(../images/ico_search.png) no-repeat;}
/*footer*/
#footer{ bottom:0; width:100%; margin:0 auto; text-align:center}
#footer h1{position:absolute;left:32px;top:48px;}
#footer .footer_inner{width:920px}
#footer .footer_menu{overflow:hidden;padding:9px 0;text-align:right;border-top:1px solid #c5c5c5; background:#ebebeb;}
#footer .footer_menu ul{display:inline-block;}
#footer .footer_menu li{display:inline-block;padding:0 19px 0 18px; *display:inline; cursor:pointer;}
#footer .footer_menu li a{color:#636363;}
#footer .copyrights_area{width:920px; padding:0 20px; display:inline-block; text-align:left; color:#7d7d7d;}
#footer .copyrights_area p{color:#7d7d7d;}
#footer .copyrights_area .container{overflow:hidden;}
#footer .copyrights_area address{line-height:1.7em;margin:28px 0 5px 0;letter-spacing:-0.02em; font-size:11px}
#footer .short_cut_ftr{display:inline-block;height:29px;margin-left:2px;}
#footer .short_cut_ftr a{display:inline-block;height:100%;line-height:29px;margin-left:6px;padding:0 14px;font-size:14px;color:#fff;background:#606060;}
img[src*="MemberStatOK"]{position:absolute;top:-9999px;}
#footer address{font-style:normal; line-height:1.5; float: left; width:100%; font-size:11px; margin:25px 0 0;}
#footer img{ position:absolute; top:34px; right:0}
#footer .biz{color:#000; border:1px #ccc solid; padding:1px 3px; vertical-align:middle; margin:0 2px}
#footer .biz:hover{ background:#f6f6f6; color:#555}
#footer .bank{color:#6d6e71; font-size:11px; text-align:left; margin:1em 0; letter-spacing:-0.0625em; width:100%; display:inline-block}
#footer .bank .bankname{color:#58585a; font-weight:bold}
#footer .bank .btn_servic{background:#e2e2e2; color:#3e3e3e; padding:1px 4px; display:inline-block; margin:0 6px; font-size:11px; font-weight:bold }
/* Top Go Button */
.btnGoTop{display:block;position:fixed;right:15px;bottom:20px;width:40px;height:40px;font-size:0;line-height:0;border:3px solid #bbb;border-radius:6px;cursor:pointer;background:#fff;opacity:0.8;z-index:9999;}
.btnGoTop img{width:40px;}
/* 미디어 쿼리*/
@media all and (max-width:999px){
#wrap .gnb_wrap #gnb .menu_area ul.depth02>li{margin-left:8.5% !important;}
}
@media all and (max-width:900px){
.gnb_wrap #gnb .form_area{max-width:92%}
.gnb_wrap #gnb .menu_area ul.depth01>li>a{padding:0 13px;}
.gnb_wrap #gnb .form_area .search_area{width:190px;}
.gnb_wrap #gnb .form_area .search_area input[type=text]{width:153px;}
}
@media all and (max-width:800px){
}
@media all and (min-width:737px){
.gnb_wrap #gnb .menu_area{display:block !important;left:0 !important;}
.gnb_wrap #gnb .menu_area ul.depth02>li:hover>a + div{ display:block !important;}
}
@media all and (max-width:860px){
.btnM{font-size:16px;}
.ico_bookview{ padding-left:40px;}
.ico_bookview img{left:12px;}
}
@media all and (max-width:736px){
#wrap{max-width:736px}
/* common */
.ver_web{display:none !important;}
.ver_mobile{display:block !important;}
.ver_web_inline{display:none !important;}
.ver_mobile_inline{display:inline-block !important;}
.radio_area span{margin-right:22px;}
#overlay{display:none;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:url(../images/bg_overlay.png) repeat;z-index:500;}
.member_step{position:absolute; left:-9999; visibility:hidden; width:0; height:0; margin-bottom:0; border:none}
.member_step li.current{background:#000; color:#fff; visibility:inherit; position:absolute; height:100px }
/* gnb */
#wrap .gnb_wrap #gnb h1{background:#0e4fb1; font-size:1.5em}
#wrap .gnb_wrap #gnb .menu_ar#171948ea ul.depth01>li.current{border-right:none !important;border-left:none !important;background:#a00912 !important;}
#wrap .gnb_wrap #gnb .menu_area ul.depth01>li>a{background:#6e060c;}
#wrap .gnb_wrap #gnb .menu_area ul.depth02>li{margin-left:0 !important;border-bottom:1px solid #ac272f;}
#wrap .gnb_wrap #gnb .menu_area ul.depth02>li>a{background-color:#a00912;}
#wrap .gnb_wrap #gnb .menu_area ul.depth03>li:hover>a,
#wrap .gnb_wrap #gnb .menu_area ul.depth03>li:active>a{background-color:inherit !important;}
/* 공통 */
.btn_open_menu:hover{}
.gnb_wrap{height:48px;}
.gnb_wrap #gnb{height:100%;}
.gnb_wrap #gnb .container{position:static;}
.gnb_wrap #gnb h1{position:relative;top:0;left:0;line-height:48px;text-align:center; color:#fff; text-align:center}
.gnb_wrap #gnb h1 img{height:26px !important;}
.gnb_wrap #gnb .menu_area{display:none;top:0;left:-281px;float:none;width:281px;height:100%;z-index:600;box-shadow:2px 0px 5px #333;}
.gnb_wrap #gnb .menu_area .btn_close_menu{position:absolute;top:9px;left:290px;z-index:200;}
.gnb_wrap #gnb .menu_area .btn_close_menu img{width:30px;}
.gnb_wrap #gnb .menu_area *{text-align:left;}
.gnb_wrap #gnb .gnb_menu a{position:absolute;z-index:500;}
.gnb_wrap #gnb .gnb_menu a img{width:100%;}
.gnb_wrap #gnb .gnb_menu .btn_open_menu{top:11px;left:15px;width:22px;}
.gnb_wrap #gnb .gnb_menu .btn_search{top:13px;right:15px;width:24px;}
.gnb_wrap #gnb .menu_area ul.depth01>li{position:absolute;top:0;width:100%;float:none;border-right:none;border-left:none;}
.gnb_wrap #gnb .menu_area ul.depth01>li.current,
.gnb_wrap #gnb .menu_area ul.depth01>li:hover,
.gnb_wrap #gnb .menu_area ul.depth01>li:active{border-right:none !important;border-left:none !important;background:#a00912;}
.gnb_wrap #gnb .menu_area ul.depth01>li:first-child+li{ border-left:none;}
.gnb_wrap #gnb .menu_area ul.depth01>li>a{padding-left:15px;}
.gnb_wrap #gnb .menu_area ul.depth01>li>a img{height:25px;}
.gnb_wrap #gnb .menu_area ul.depth01>.current{z-index:100;}
.gnb_wrap #gnb .menu_area .depth02_area{position:relative;top:0;height:auto;}
.gnb_wrap #gnb .menu_area ul.depth02{margin-left:0 !important;}
.gnb_wrap #gnb .menu_area ul.depth02 div{}/**/
.gnb_wrap #gnb .menu_area ul.depth02 ul{position:relative;left:0;}
.gnb_wrap #gnb .menu_area ul.depth02>li{float:none;margin-right:0 !important;margin-left:0 !important;border-bottom:1px solid #ac272f;}
.gnb_wrap #gnb .menu_area ul.depth02>li>a{line-height:61px;padding-left:15px;font-size:16px;background-size:auto 9px;background-repeat:no-repeat;background-position:right center;}
.gnb_wrap #gnb .menu_area ul.depth02>li>a.arrow{background-image:url(../images/ico_arrow_open.png) !important;}/**/
.gnb_wrap #gnb .menu_area ul.depth02>li>a span{display:block;float:right;}
.gnb_wrap #gnb .menu_area ul.depth02>li>a span img{height:9px;}
.gnb_wrap #gnb .menu_area ul.depth02>li.open>a{border-bottom:1px solid #585858;background-color:#2f2f2f !important;background-image:url(../images/ico_arrow_close.png) !important;}
.gnb_wrap #gnb .menu_area ul.depth02>li:hover>a + ul{top:0;left:0;margin-left:0;}
.gnb_wrap #gnb .menu_area ul.depth02>li>ul {display:none;position:relative;left:0;top:0;margin-left:0;}
.gnb_wrap #gnb .menu_area ul.depth02>li>a + div{position:relative;left:0;width:100%;}
.gnb_wrap #gnb .menu_area ul.depth02>li:hover>a + div{ display:none;left:0;top:0;margin-left:0;}
.gnb_wrap #gnb .menu_area ul.depth03{width:100%;border:none !important;background:#383838;}
.gnb_wrap #gnb .menu_area ul.depth03:before{display:none;}
.gnb_wrap #gnb .menu_area ul.depth03 li a{background-color:transparent !important}
.gnb_wrap #gnb .menu_area ul.depth03>li{border-bottom:1px solid #414141;}
.gnb_wrap #gnb .menu_area ul.depth03>li>a{height:58px;line-height:58px;padding-left:16px;font-size:16px;color:#fff;font-weight:400;background-color:#383838;}
.gnb_wrap #gnb .menu_area ul.depth03>li .current>a,
.gnb_wrap #gnb .menu_area ul.depth03>li:hover>a,
.gnb_wrap #gnb .menu_area ul.depth03>li:active>a{background-color:#383838 !important;}
.gnb_wrap #gnb .menu_area ul.depth03>li .arrow{background-image:none !important;}
.gnb_wrap #gnb .menu_area ul.depth03>li:hover .arrow,
.gnb_wrap #gnb .menu_area ul.depth03>li:active .arrow{background-image:none !important;}
.gnb_wrap #gnb .menu_area ul.depth03>li ul{display:block !important;position:relative;left:0 !important;overflow:hidden;border:none !important;}
.gnb_wrap #gnb .menu_area ul.depth03 li a span{display:none !important;}
.gnb_wrap #gnb .menu_area ul.depth04{position:relative;top:100%;left:0 !important;width:auto;margin-top:-13px;padding-bottom:10px;padding-left:10px;border:none;background:inherit;}
.gnb_wrap #gnb .menu_area ul.depth04>li{float:left;width:48%;padding-left:0;padding-bottom:2px;text-indent:6px;}
.gnb_wrap #gnb .menu_area ul.depth04>li.even{width:52%;}
.gnb_wrap #gnb .menu_area ul.depth04>li.odd{width:44%;}
.gnb_wrap #gnb .menu_area ul.depth04>li>a{height:30px;line-height:30px;font-size:16px;color:#fff;}
.gnb_wrap #gnb .menu_area ul.depth04>li>a:before{content:"- ";}
.gnb_wrap #gnb .menu_area ul.depth04>li.current>a,
.gnb_wrap #gnb .menu_area ul.depth04>li>a:hover,
.gnb_wrap #gnb .menu_area ul.depth04>li>a:active{color:#fff;background:none !important;}
.gnb_wrap #gnb .menu_area ul.depth04>li.odd{border-left:1px solid #464646;}
.gnb_wrap #gnb .form_area{display:none;}
/*footer*/
#footer h1{display:none;}
#footer .footer_menu{padding:5px 0;text-align:center; font-size:0.9em}
#footer .footer_menu ul{display:block}
#footer .footer_menu li{padding:0 10px 0 12px;}
#footer .copyrights_area{font-size:12px;background:#3e3e3e; width:96%; padding:0 2%; text-align:center}
#footer .copyrights_area address{line-height:1.65em;margin:22px 0 10px 0; letter-spacing:-0.03em;}
#footer .copyrights_area address p{color:#7d7d7d; text-align:center}
#footer .biz{color:#d1d3d4; border:1px #ccc solid; padding:1px 3px; vertical-align:middle; margin:0 2px}
#footer .biz:hover{ background:#f6f6f6; color:#555}
#footer .bank{color:#6d6e71; margin:0 0 2em 0; text-align:center}
#footer .bank .bankname{ color:#909090}
#footer .bank .btn_servic{background:#adadad; color:#3e3e3e; padding:1px 4px; display:inline-block; margin:0 6px; font-size:11px; font-weight:bold }
#footer .short_cut_ftr{display:block;margin-left:0px;}
#footer .short_cut_ftr a{margin:0 3px;font-size:15px;color:#3e3e3e;border:1px solid #bebebe;background:#fff;}
/* 회원가입 */
.join_area{padding:30px 20px !important}
.join_area h2{font-size:0.8em}
.userinfo dl{width:100%}
.join_area .agreechk.agree_y .terms{font-size:0.8em}
/* common */
html{min-height:100%;}
body{height:100%;position:relative;font-size:13px;}
.ver_web{display:none !important;}
.ver_mobile{display:block !important;}
.ver_web_inline{display:none !important;}
.ver_mobile_inline{display:inline-block !important;}
/*btn*/
.btn_area.btm_area{text-align:center !important;}
.btnL{height:45px;line-height:45px;padding:0 40px;font-size:1.3em;}
.btnL_p{height:40px;line-height:40px;padding:0 26px;font-size:18px;}
.btnM{height:40px;line-height:40px;font-size:14px; padding:5px 10px; width:145px; display:inline-block}
/* pop */
#pop_header h3{padding-left:18px; font-size:1em; line-height:49px}
.head_right_close{padding:0; margin:14px 12px 0 0}
}
@media all and (min-width:737px){
/* common */
.ver_web{display:block;}
.ver_mobile{display:none;}
.ver_web_inline{display:inline-block !important;}
.ver_mobile_inline{display:none !important;}
/* pop */
#pop_header h3{padding-left:18px; font-size:1em; line-height:49px}
.head_right_close{padding:0; margin:14px 12px 0 0}
}
@media screen and (max-width:600px) {
.join_area h2{font-size:1.1em}
.join_area {padding:20px!important;}
.certify li{width:49.2%!important;}
}
@media screen and (min-width:361px) and (max-width:480px){
.mt25{margin-top:10px !important}
.btnS{height:35px;line-height:35px;padding:0 13px;font-size:0.8em;}
.btnM{height:48px;line-height:48px;padding:0 13px;font-size:1em;}
.btnL{height:50px;line-height:50px;padding:0 22px;font-size:1.3em;font-weight:700;}
.container{min-height:auto}
/* Footer */
#footer .footer_inner{width:100%}
/* pop */
#pop_header h3{padding-left:18px; font-size:1em; line-height:49px}
.head_right_close{padding:0; margin:14px 12px 0 0}
}
@media screen and (min-width:321px) and (max-width:360px){
.mt25{margin-top:10px !important}
.btnS{height:35px;line-height:35px;padding:0 13px;font-size:0.8em;}
.btnM{height:48px; line-height:48px; padding:0 6px; font-size:0.9em; width:120px;}
.btnL{height:50px;line-height:50px;padding:0 22px;font-size:1.3em;font-weight:700;}
.container{min-height:auto}
.resultinfo dt {width:28%}
/* Footer */
#footer .footer_inner{width:100%}
/* pop */
#pop_header h3{padding-left:18px; font-size:1em; line-height:49px}
.head_right_close{padding:0; margin:14px 12px 0 0}
}
@media all and (max-width:320px){
.mt25{margin-top:10px !important}
.btnS{height:35px;line-height:35px;padding:0 13px;font-size:0.8em;}
.btnM{height:43px; line-height:43px; padding:0 5px; font-size:0.8em; width:115px;}
.btnL{height:50px;line-height:50px;padding:0 22px;font-size:1.3em;font-weight:700;}
.container{min-height:auto}
.resultinfo dt {width:28%}
/* Footer */
#footer .footer_inner{width:100%}
/* pop */
#pop_header h3{padding-left:18px; font-size:1em; line-height:49px}
.head_right_close{padding:0; margin:14px 12px 0 0}
}