@charset "utf-8";html{font-size:62.5%;-webkit-text-size-adjust:none;-ms-text-size-adjust:none}








body{margin:0;padding:0;line-height:1.5}
.container4 {}


a{text-decoration:none}
a:focus{outline:thin dotted}
a:hover,a:active{outline:0;text-decoration:underline}
abbr[title]{border-bottom:1px dotted}
strong{font-weight:bold}
blockquote{margin:1em 40px}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:"";content:none}
small{font-size:85%}
ul,ol,dl,dt,dd{margin:0;padding:0}
a img{border:0;vertical-align:top}
ul,ol,li{list-style:none}
i,em,address{font-style:normal}
figure,form{margin:0}
fieldset{margin:0;padding:0;border:0 none;vertical-align:top}
label{cursor:pointer}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
button,input{line-height:normal}
input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible}
button{cursor:pointer;-webkit-appearance:none;*overflow:visible;box-sizing:content-box;border:0 none;background:transparent;padding:.4em 1em}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*width:13px;*height:13px;vertical-align:middle}
input[type="search"]{-webkit-appearance:none;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;border-radius:0}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top;resize:vertical}
input:invalid,textarea:invalid{background-color:#f0dddd}
table{width:100%;border-collapse:collapse;border-spacing:0;word-wrap:break-word;word-break:break-all}
td{vertical-align:middle}
select{vertical-align:middle}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary,main{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
[hidden]{display:none}
summary{cursor:pointer}
summary:hover,summary:focus{background:#ddd}
summary::-webkit-details-marker{display:none}
.no-details details>*{display:none}
.no-details details>summary:before{float:left;width:20px;content:'► '}
.no-details details.open>summary:before{content:'▼ '}
.no-details details summary{display:block}
::-moz-selection{background:#82807f;color:#fff;text-shadow:none}
::selection{background:#82807f;color:#fff;text-shadow:none}
::-webkit-input-placeholder{color:#808080}
:-moz-placeholder{color:#808080}
textarea::-webkit-input-placeholder{color:#808080}
mark{background-color:#fefcb4}
.ir{position:relative;overflow:hidden}
.ir .cont{position:absolute;z-index:0}
.ir .img{position:relative;width:100%;z-index:10}
.clearfix:before,.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}
.clearfix{*zoom:1}
.blind{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}
.hn_hidden{display:none}
html{background-color:#fff}
body{min-width:320px;color:#585858}
h1,h2,h3,h4,h5,h6{margin:0;padding:0}
h1{font-size:1.6em}
em{color:#721eff}
img{max-width:100%;height:auto}
a{color:#585858}



#signin-form{width:305px; margin:0 auto}
#signin-form .signin-title{margin-bottom:20px; text-align:center}

#signin-form .signin-idpw{float:left; width:220px; margin-right:5px}
#signin-form .signin-idpw input{display:block; width:210px; margin:0 0 5px 0; padding:11px 0 10px 8px; background:#fff; border:1px solid #bbb; border-radius:0; font-family:돋움,sans-serif; font-size:12px; color:#aaa; outline:none; -webkit-appearance:none}
#signin-form .signin-submit{float:left; width:80px}
#signin-form .signin-submit #siginin-btn{display:block; width:79px; height:79px; margin:0; padding:0; background:#4a4a4a; border:none; border-radius:0; font-family:돋움,sans-serif; font-size:12px; font-weight:bold; color:#fff; outline:none; cursor:pointer; -webkit-appearance:none}

#signin-form .signin-ex{clear:both;padding-top:3px; text-align:left;  margin-top:6px; font-family:돋움,sans-serif; font-size:11px; color:#888}
#signin-form .signin-ex a{color:#888}
#signin-form .signin-ex a:hover,
#signin-form .signin-ex a:focus{color:#4a4a4a}
#signin-form .signin-ex .signin-auto{float:left}
#signin-form .signin-ex .signin-find{float:right}
#signin-form .signin-ex .signin-auto input{margin:0 6px 0 0; padding:0; vertical-align:top; cursor:pointer}
#signin-form .signin-ex .signin-auto label{cursor:pointer}

#signin-form  #warning > p{margin:10px 0; font-family:돋움,sans-serif; font-size:11px; color:#888}
#signin-form .agreement{margin-bottom:15px; padding:15px 15px 10px 15px; background:#f8f8f8; border:1px solid #dedede; border-radius:5px}




.touch select{font-size:16px}
#skipnav{position:absolute;left:-100%;color:#fff;background:#424242;font-size:1.4em}
#skipnav:focus{display:block;position:static;left:0;height:1em;padding:.5em 0 1em;font-weight:bold;text-align:center;line-height:1.5;vertical-align:middle;outline:1px dotted #585858}
input[type="text"],input[type="file"],input[type="password"],input[type="email"],input[type="search"],input.text{-webkit-appearance:none;height:32px;padding:0;outline-color:#373737;background:#fff;color:#808080;font-size:12px;line-height:1.4;*line-height:32px;text-indent:1em;vertical-align:middle}
input[type="text"].text-max,input[type="file"].text-max,input[type="password"].text-max,input[type="email"].text-max,input[type="search"].text-max,input.text.text-max{width:99.5%}
textarea{padding:1em;border:1px solid #acacad;outline-color:#373737;font-size:14px;line-height:1.6}
input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,input[type="search"]:focus,input.text:focus,textarea:focus{}
.touch input[type="text"],.touch input[type="file"],.touch input[type="password"],.touch input[type="email"],.touch input[type="search"],.touch input.text,.touch textarea{font-size:16px}
.flexible-obj{overflow:hidden;position:relative;width:100%;height:0;padding-bottom:56.25%}
.flexible-obj>iframe,.flexible-obj>object,.flexible-obj>embed,.flexible-obj>img{position:absolute;top:0;left:0;width:100%;height:100%;*height:auto;*min-height:100%}

.dot-list li{color:#767676;text-align:left;font-size:13px;padding-left:10px;background:url(../img/log_dot.gif) 0 9px no-repeat}				   /* help 문구 , dot 블릿 */

@media only all and (max-width:767px){

.header{background-color:#none;}		/* xe스타일 반응 767 배경 충돌 */	  
.header .logo{padding:18px 0 10px}
.header .logo-a{width:149px;height:32px;background:url(images/a/logo_e_white.png) 0 0 no-repeat;background-size:100%}
.header .logo-img{display:none}
.gnb-container{padding-left:0;padding-right:0}
.gnb{height:auto}
.gnb>a{margin-left:15px;margin-right:15px;font-size:15px}
.no-touch .gnb .gnb-a1,.no-touch .gnb .gnb-a2,.no-touch .gnb .gnb-a3,.no-touch .gnb .gnb-a4,.no-touch .gnb .gnb-a5{font-size:15px;line-height:1.3}
.btn-toggle-util{display:none}
.lnb{padding:10px 0}
.lnb a>span{display:none}
.util-menu{position:static;top:auto;width:auto;margin-bottom:1.5em;padding-top:3.25%}
.util-list{display:block;position:static;width:auto;margin:0;font-size:0}
.util-list>li{display:inline-block;*display:inline;*zoom:1;width:33.33333333%;margin-left:-1px;margin-right:-1px;font-size:13px;text-align:center;white-space:nowrap}
.util-list>li .beauty-point{position:relative}
.util-list>li .beauty-point:after{content:'';position:absolute;overflow:hidden;top:0;left:0;width:100%;height:100%;background:#fff url(images/a/a_beautypoint.png) center center no-repeat;background-size:auto 60%}
.util-list .toggle-on{position:relative;background:transparent;color:#000}
.util-list .toggle-on:after{content:'';position:absolute;top:-1px;left:50%;z-index:10;width:16px;height:9px;margin-left:-8px;background:url(images/a/icons.png) 0 -83px no-repeat}
.util-list.status-login-success>li.on-login,.util-list.status-login-success>li.only-mobile{display:inline-block;*display:inline;*zoom:1}
.util-online-mall{margin-top:-363px;margin-left:251px}
.util-online-mall .deco-arr{display:none;top:100%;left:42px;width:16px;height:9px;background-position:0 -83px}
.bottom-floater-container{display:none}
.links-area .layout{padding-top:10px}
.footer .copyright{margin-top:0}
.footer-links .wa-link{width:50px}
.footer-li:first-child{display:none}
}

@media screen and (max-width:900px){	 
.cont_wgt2_2{float:left;width:100% !important; margin:0;}	  /* 좌측 치우침 방지 */
}



@media only all and (max-width:640px){.gnb>a{padding-left:8px;padding-right:8px}
.gnb>a>i{display:none}
.footer-links{position:relative;width:320px;padding-left:25px;padding-right:50px;margin:0 auto}
.footer-links .wa-link{position:absolute;top:0;right:0}
.footer-li:nth-child(5){border-left:0}
}
@media only all and (max-width:480px){.gnb>a{margin-left:4px;margin-right:4px}
.footer-links{position:relative;width:228px;padding-left:0;padding-right:58px;margin:0 auto}
.footer-li{margin:0 3px;padding-left:8px}
.footer-li:nth-child(4){border-left:0}
.footer-li:nth-child(5){border-left:1px solid #d5d5d5}
}
@media only all and (min-width:1280px){.logo{padding:25px 0}
.logo-a{width:220px}
.lnb{padding:30px 0}
.bottom-floater .bar{margin-left:7%;margin-right:7%}
.bottom-floater p{margin:1em 1em 1em 0}
}
@media only all and (min-width:1440px){.bottom-floater .bar{margin-left:100px;margin-right:100px}
}
@media only all and (min-width:1600px){.util-list{min-width:500px;text-align:right;border-top:0 none}
.util-list>li{display:inline-block;*display:inline;*zoom:1;margin-left:-1px;border-top:1px solid #d5d5d5}
.util-list.status-login-success>li.on-login{display:inline-block;*display:inline;*zoom:1}
.util-list.status-login-success>li.only-mobile{display:none}
.util-online-mall{margin-top:33px;margin-left:168px}
.util-online-mall .deco-arr{left:50%;top:-9px;width:16px;height:9px;margin-left:-8px;background-position:0 -73px}
}
sup{display:inline-block;*display:inline;*zoom:1;margin-top:-0.3em;font-size:smaller;font-family:arial,sans-serif;vertical-align:middle;line-height:1}
.zh{font-family:sans-serif;font-weight:normal}
.animate-object{-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s}
.break{display:block}
.only-mobile{display:none}
@media only all and (max-width:767px){.only-mobile{display:block}
.skip-mobile{display:none}
}
.btn2{display:inline-block;*display:inline;*zoom:1;position:relative;overflow:hidden;border:1px solid #999;padding:.8em 2.5em;background-color:#fff;text-align:center;font-size:1.6em;line-height:1.3;vertical-align:middle;text-decoration:none}
.btn2 span{z-index:2;color:#585858}
.btn2.btn-b{font-size:18px;padding:1.1em 2.5em}
.btn2.btn-m{font-size:14px;padding:.7em 2em}
.btn2.btn-s{font-size:12px;padding:.4em 2em}
.btn2.btn-max{display:block}
.btn2.btn-gray{background-color:#999}
.btn2.btn-gray span{color:#fff;  }
.btn2.btn-dark{border-color:#424242;background-color:#424242}
.btn2.btn-dark span{color:#fff}
.btn2.btn-green{border-color:#78dca0;background-color:#78dca0}
.btn2.btn-green span{color:#191919}
@media only all and (max-width:767px){.btn2{font-size:1.4em}
.btn2.btn-b{font-size:16px}
}
@media only all and (max-width:480px){.btn2{font-size:1.2em}
.btn2.btn-b{font-size:14px}
}




.login-section{max-width:560px;margin:0 auto; }																			/* 전체 가로폭 축소 */
.login-section h1.h1{color:#424242;font-size:3.4em;font-weight:normal;text-align:center}										/* 로그인 큰글씨 */
.login-section h1.h1 small{display:block;color:#767676;font-size:14px; margin-top:8px; }											/* 로그인 아래 글 */
.login-section .login-box{position:relative;padding:50px 50px 40px 50px; margin:30px 0 0 0;background:url(../img/bg_login.jpg) center top no-repeat;background-size:100% 3px}		    /* 분리 라인 이미지 , help와 세로간격 */
.login-section .login-box input.text{width:100%;padding:1px;border:1px solid #d5d5d5}
.login-section .login-box .button-box2{position:absolute;top:50px;left:67.5%; }										  /* 로그인 버튼 */
.login-section .login-box .button-box2 .btn2{padding:29px 29px; font-size:17px; }								   /* 로그인 버튼 font */

.login-section .user-form{position:relative;width:48%;padding-left:95px}						    /* 아이디 비밀번호 입력폼 */
.login-section .user-form .label{position:absolute;top:8px;left:10px;font-size:15px;}		  /* 아이디 비밀번호 */
.login-section .user-form+.user-form{margin-top:10px}
.login-section .user-form.saveid{color:#767676;font-size:13px;font-weight:normal important;}
.login-section .help-box{padding:30px 45px;background:#f5f5f5; }
.login-section .help-box .dot-list li{overflow:hidden}
.login-section .help-box .dot-list li+li{margin-top:3px}
.login-section .help-box .dot-list li .help-txt{float:left}
.login-section .help-box .dot-list li .anchor-box{float:right;min-width:160px}
.login-section .help-box .dot-list li .anchor-box .func{text-align:left}
.login-section .help-box a.btn2{font-size:11px;padding:.20em 0;min-width:86px}		   	   /* 비번찾기 회원가입 버튼 */

.login-section .error-box{margin:20px 30px 0;padding:8px 40px;background:#fffbce;border:1px solid #eae7d9;text-align:center}
.login-section .error-box>p{margin-left:-40px;color:#da2109;font-size:14px}
.login-section .error-box .icon.error{width:19px;height:19px;margin-right:10px;background:url(../img/icon_error_msg.png) center center no-repeat}
@media only all and (max-width:767px){

.login-section {}											 /* 우측 간격 추가  */
.login-section h1.h1 small>span{display:block}
.login-section .login-box{padding:35px 30px}
.login-section .login-box .button-box2{position:static;margin-top:20px;text-align:center}
.login-section .login-box .button-box2 .btn2{font-size:14px;padding:1.45em 6em}
.login-section .user-form{width:70%;padding-left:23%}
.login-section .help-box{padding:5% 0}
.login-section .help-box .dot-list li{background:0}
.login-section .help-box .dot-list li .anchor-box{float:inherit}
.login-section .help-box .dot-list li .anchor-box .func{text-align:center}
.login-section .help-box .help-txt{display:none;float:inherit}
.login-section .help-box a.btn2{min-width:131px}
.login-section .hidden-ml{display:none}
.login-section .error-box{margin:20px 6.5% 0}
.login-section .error-box>p{margin-left:0}
}
@media only all and (max-width:480px){.login-section h1.h1{font-size:24px}
.login-section h1.h1 small{margin-top:10px;font-size:14px}
.login-section .login-box{padding:28px 20px;margin-top:15px}
.login-section .login-box .user-form{width:100%;padding:0}
.login-section .login-box .label{display:none}
.login-section .login-box .button-box2 .btn2{display:block;width:100%;padding:1.45em 0}
.login-section .login-box input.text{height:30px}
.login-section .help-box li{padding:0}
.login-section .help-box a.btn2{min-width:100px}
.login-section .error-box{margin:20px 0 0}
}