@charset "utf-8";





/******* base *******/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,input,select,textarea,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
/*table, caption, tbody, tfoot, thead, tr, th, td,*/
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { padding:0px; margin:0px; vertical-align:top; }
html { font-size:15px; font-weight:500; color:#8e8e99; overflow-y:auto; text-align:center; }
/*html { font-family:"nanumbarungothic","나눔바른고딕",sans-selif;font-weight:100;overflow-y:auto;text-align:center;color:#666;font-size:16px;line-height:26px;letter-spacing:normal; }*/

html, body {width:100%;-webkit-text-size-adjust:none;}
body{position:relative;min-width:320px;overflow:hidden; }
ul, ol {list-style-type:none}
h1,h2,h3,h4,h5,h6,th{font-weight:normal}
table{border-collapse:collapse;border-spacing:0}
img,fieldset{border:0;outline:none}
label {cursor:pointer}
i, em, address {font-style:normal}
caption,legend{visibility:hidden;width:0px;height:0px;font-size:0px;line-height:0px}
/* html5 ie9 else */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; padding:0; margin:0; }
input,select,textarea{font-weight:300}
textarea{resize:none;border:none;background:none}
a {text-decoration:none;color:#333;cursor:pointer;}
a:link, a:visited {text-decoration:none;color:#333;}
a:hover, a:focus, a:active{background:none;text-decoration:none;}
input[type="submit"] { 
background: none;
border: 0;
color: inherit;
/* cursor: default; */
font: inherit; line-height: normal; overflow:visible; padding:0; -webkit-appearance: button; /* for input */ -webkit-user-select: none; /* for button */ -moz-user-select: none; -ms-user-select: none; cursor:pointer}





/******* layout *******/

header { position:relative; width:100%; min-width:320px; }
.navi { position:absolute; width:100%; height:80px; box-sizing:border-box; background:url(../images/common/bg_line.png) repeat-x bottom center; z-index:50; }
h1 { padding:0 2%; left:0; text-align:left; }
h1 a { display:inline-block;width:137px; height:79px;background:url(../images/logo.png) no-repeat 0 27px; text-indent:-9999px; }
h1 a:hover { background:url(../images/logo.png) no-repeat 0 27px; }
.gnb { position:absolute; top:0; left:50%; margin-left:-465px; width:930px; z-index:2;overflow:hidden;height:80px;letter-spacing:0; }
.gnb ul li { position:relative;float:left; width:155px; text-align:center; }
.gnb ul li a:hover { text-decoration:none; }
.gnb .depth1 { position:relative; display:block; color:#fff; font-size:16px; line-height:78px; }
.gnb .depth1 span{display: block; text-transform: uppercase;line-height:78px;}
.gnb .depth1 span:nth-child(2){display: none;}
.gnb .depth1:hover span:first-child{display: none;}
.gnb .depth1:hover span:nth-child(2){display: block;}
.gnb ul li ul { display:block;padding:30px 0; height:300px; opacity:0;transform:translateY(20px); }
.gnb ul li ul li { float:none; height:30px; width:auto; }
.gnb ul li ul li a  {font-size:14px; color:#666; }
.gnb ul li ul li a:hover { color:#e60012; }
.gnb ul li ul li a:last-child{display: none;}
.gnb ul li ul li:hover a:first-child{display: none;}
.gnb ul li ul li:hover a:last-child{display: block;}
.gnb .line { position:absolute; display:block; bottom:-2px; height:5px; width:0%; background:#e60012; left:75px; }
.navi-bg { position:absolute; display:block;width:100%; height:0px; left: 0; top: 80px; z-index:1; overflow: hidden; }
.navi-bg .white-bg { width:100%;height:100%; background:#fff; }
.navi-bg.open { border-bottom:1px solid rgba(0,0,0,.1); }
.menu-icon { display:none; }



/* search */
.search { position:absolute; top:27px; right:5%; }
.search a{ background:url(../images/common/btn_search.png) no-repeat; width:29px; height:29px; display:inline-block; text-indent:-9999px; }
.login a.btnLogin { background:url(../images/common/btn_login.png) no-repeat; width:29px; height:29px; display:inline-block; text-indent:-9999px; }
.search.on a { background:url(../images/common/btn_close.png) no-repeat; width:29px; height:29px; display:inline-block; text-indent:-9999px; }
.search label { visibility:hidden; position:absolute; }
.search .searchBox { position:absolute; top:52px; right:0px; background:#fff; width:290px; height:72px; display:none; -moz-box-shadow:0px 0px 10px #A8A8A8; -webkit-box-shadow:0px 0px 10px #A8A8A8; box-shadow:0px 0px 10px #A8A8A8;}
.search .searchBox input[type="text"] { width:200px; height:46px; margin:10px  5px 10px 15px; border:0; border-right:1px solid #e4e6e9; float:left; color:#666; }
.search .searchBox .btn-srch { border:0; float:left; cursor:pointer; position:absolute; top:22px; right:20px; background:url(../images/common/btn_search3.png) no-repeat; width:29px; height:29px; text-indent:-9999px; display:inline-block; }
.search .searchBox input[type="button"]:hover { background:url(../images/common/btn_search4.png) no-repeat; }



/* login */
.login { position:absolute; top:27px; right:2%; }

.login .btnLogin a { background:url(../images/common/btn_login.png) no-repeat; width:29px; height:29px; display:inline-block; text-indent:-9999px; }


.login .loginBox { position:absolute; top:52px; right:0px; padding:20px 20px 0; background:#fff; width:260px; display:none; box-shadow:0px 1px 3px #e4e6e9; }
.login .loginBox .info { position:relative; font-size:14px; }
.login .loginBox .info label { position:absolute; left:0; top:10px; visibility:hidden; }
.login .loginBox .info input { border:0; border-bottom:1px solid #e4e6e9; padding:20px 0; width:100%; background:#fff; }
.login .loginBox .info input:last-child { margin-bottom:30px; }
.login .loginBox .btnLogin { border:0; background:#e60012; color:#fff; width:100%; padding:15px 0; text-align:center;  cursor:pointer; font-size:16px; overflow:hidden; display:block; }
.login .loginBox ul { text-align:center; display:inline-block; margin:30px 0; }
.login .loginBox ul li { color:#e4e6e9; float:left; margin-right:10px; }
.login .loginBox ul li a { color:#666; font-size:14px; }
.login .loginBox ul li a:hover { color:#333; }
.login .loginBox ul li:first-child a { margin-right:10px; }

.mypBox { position:absolute; top:52px; right:0px; padding:30px; background:#fff; width:260px; display:none; box-shadow:0px 1px 3px #e4e6e9; }
.mypBox p { color:#333; }
.mypBox p span { color:#000; font-weight:400; font-size:20px; }
.mypBox ul { text-align:center; display:inline-block; margin:25px 0 0; width:100%;}
/*.mypBox li { width:33.33%; float:left; }*/
.mypBox li { width:50%; float:left; }
.mypBox li a { font-size:12px; color:#e60012; border:1px solid #e60012; display:block; background:#fff; margin:-1px; padding:5px 0; }
.mypBox li a:nth-child(2n+2) { margin-left:-2px; }
.mypBox li a:hover { background:#fa0012; color:#fff; }



/* language */
.language {position:absolute; top:25px; right:130px; letter-spacing:0; width:73px; z-index:90}
.language a.sel-tit {display:block; color:#fff; font-size:12px; background:url(http://www.cjenc.co.kr/kr/images/common/arr_w.png) no-repeat 74% center; height:30px; padding-right:11px; line-height:30px; box-sizing:border-box; }
.language.on a.sel-tit  {color:#333; background:url(http://www.cjenc.co.kr/kr/images/common/f_arr.png) no-repeat 74% center;}
.language-in {position:relative; text-align:center; border:1px solid transparent; box-sizing:border-box}
.language.on .language-in {width:73px; height:65px; background:#fff; border:1px solid #ccc; }
.language.on .language-in ul {display:block;}
.language-in ul {display:none; position:absolute; top:31px; background:#fff; z-index:3; width:100%; box-sizing:border-box; padding-top:2px}
.language-in ul li {font-size:14px; line-height:24px; text-align:left; padding-left:18px}
.language-in ul li a {color:#666; display:block}
.language-in ul li a:hover { text-decoration:none; }
.language-in ul li a span {padding-right:12px}
.language-in ul li a:hover span { color:#999; background:url(http://www.cjenc.co.kr/kr/images/common/language_bg.png) no-repeat right center; }


/* language2 */
.language2 {position:absolute; top:21px; right:8%; letter-spacing:0; width:73px; z-index:90}
.language2 a { color:#fff; font-size:11px; }
.language2 a:hover { color:#d5d5d5; }
.language2 li:first-child { background:url(../images/common/icon_language1.png) no-repeat left 3px; padding-left:10px; }
.language2 li:last-child { background:url(../images/common/icon_language2.png) no-repeat left 3px; padding-left:10px; }




/* other */
.bgw { background:#fff; }
.navi.wh { background:#fff; border-bottom:1px solid #e4e6e9; -moz-box-shadow:0px 2px 10px #9E9E9E; -webkit-box-shadow:0px 2px 10px #9E9E9E; box-shadow:0px 2px 10px #9E9E9E;}
.navi.wh .gnb .depth1 { color:#333; }
.navi.wh .language a.sel-tit  { color:#666 !important; background:url(http://www.cjenc.co.kr/kr/images/common/f_arr_on.png) no-repeat 74% center; }
.navi.wh .language.on a.sel-tit { background:url(http://www.cjenc.co.kr/kr/images/common/f_arr.png) no-repeat 74% center; }
.motion { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.delay1{ -webkit-transition-delay:0.1s; -moz-transition-delay:0.1s; -o-transition-delay:0.1s; transition-delay:0.1s; }
.delay2{ -webkit-transition-delay:0.2s; -moz-transition-delay:0.2s; -o-transition-delay:0.2s; transition-delay:0.2s; }
.delay3{ -webkit-transition-delay:0.3s; -moz-transition-delay:0.3s; -o-transition-delay:0.3s; transition-delay:0.3s; }
.depth1-line-show{ width:100% !important; left:0px !important; }
.navi-bg.open{ height:270px; }
.gnb.open{ /*height:310px;*/height:335px; }
.gnb ul li ul.open{ -webkit-transform:translateY(0px); -moz-transform:translateY(0px); -o-transform:translateY(0px); transform:translateY(0px); opacity:1; }


.login a.btnLogout {
    background: url(../images/common/btn_logout.png) no-repeat;
    width: 29px;
    height: 29px;
    display: inline-block;
    text-indent: -9999px;
}
.navi.wh .language2 a{color: #000;}
.navi.wh .search>a{background: url(../images/common/btn_search0.png) no-repeat;}
.navi.wh .login>a.btnLogin{background: url(../images/common/btn_login0.png) no-repeat;}
.navi.wh .login>a.btnLogout{background: url(../images/common/btn_logout0.png) no-repeat;}
.navi.wh .search.on>a{background: url(../images/common/btn_close0.png) no-repeat;}
.navi.wh .login.on > a.btnLogin{background: url(../images/common/btn_close0.png) no-repeat;}
.navi.wh .login.on > a.btnLogout{background: url(../images/common/btn_close0.png) no-repeat;}


.login.on > a { background:url(../images/common/btn_close0.png) no-repeat; width:29px; height:29px; display:inline-block; text-indent:-9999px; }

/******* footer *******/

#footer { font-size:16px; line-height:30px; }
#footer .footerArea01 { background:#fcfcfc; border-top:1px solid #e4e6e9; border-bottom:1px solid #e4e6e9; padding:60px 0; }
#footer .footerArea01 .footerGroup { width:1100px; margin:0 auto; position:relative; overflow:hidden; }
#footer .footerArea01 h2 {display:inline-block;width:133px; height:27px;background:url(../images/common/footerLogo.png) no-repeat 0; text-indent:-9999px; float:left; margin-right:120px; }
#footer .footerArea01 dl { width:190px; text-align:left; float:left; }
#footer .footerArea01 dl dt { color:#333; font-weight:400; margin-bottom:20px; }
#footer .footerArea01 dl dd { font-size:14px; }
#footer .footerArea01 dl dd a { color:#999; }
#footer .footerArea01 dl dd a:hover { text-decoration:none; color:#666; }
#footer .btnTop a { position:absolute; right:0; top:0; background:url(../images/common/btn_top.png) no-repeat; width:60px; height:60px; text-align:center; }
#footer .footerArea02 { margin:60px auto; }
#footer .footerArea02 ul li { color:#d4d6d9; display:inline-block; *display:inline; zoom:1; padding-right:15px; }
#footer .footerArea02 ul li a { color:#999; padding-right:15px; }
#footer .footerArea02 ul li a:hover { text-decoration:none; color:#666; }
#footer .footerArea02 .copyright { font-size:14px; color:#999; }
#footer .btnSocial { margin-top:10px; }
#footer .btnSocial img { vertical-align:middle; }
#footer .btnSocial a:hover { opacity:0.8; }




/******* button *******/

.search_write_wrap { position:relative; overflow:hidden; }

.btnSearch03 { background:url(../images/common/btn_search_off.png) no-repeat center #d4d6d9; width:67px; height:55px; display:inline-block; zoom:1; *display:inline; text-indent:-9999px; float:left;  }
.btnSearch03:hover { background:url(../images/common/btn_search_over.png) no-repeat center #e4e6e9; }

.btnWriteWrap { display:inline-block; }
.btnWrite { display:inline-block; zoom:1; *display:inline; width:55px; height:55px; background:url(../images/common/btn_write.png) no-repeat center #e60012; text-indent:-9999px; position:absolute; right:0; bottom:30px; }
.btnWrite:hover { background:url(../images/common/btn_write.png) no-repeat center #fa0012; }

.btnOk { width:130px; height:44px; line-height:44px; display:inline-block; zoom:1; *display:inline; font-size:14px; margin:0 3px; }
.btnOk a { color:#fff; display:block; background:#e60012; border:1px solid #e60012; font-weight:400; }
.btnOk a:hover { background:#fa0012; }

.btnCancel { width:130px; height:44px; line-height:44px; display:inline-block; zoom:1; *display:inline; font-size:14px; margin:0 3px; }
.btnCancel a { color:#666; display:block; border:1px solid #d4d6d9; }
.btnCancel a:hover { background:#f9f9f9; }

input.btnOk  { width:130px; height:45px; line-height:45px; display:inline-block; zoom:1; *display:inline; font-size:14px; margin:0 3px; color:#fff; background:#e60012; border:1px solid #e60012; font-weight:400; }
input.btnOk:hover { background:#fa0012; }






/* 레이어 */
.alertLayer { position:absolute;z-index:30;width:290px;left:50%;margin-left:-175px; font-size:13px; }
.ta40 { top:40%; }
.ta60 { top:65%; }





/* 중복확인 레이어 , 우편번호 레이어 */
.alertLayer, .alertLayer2, .postLayer { display:none;/*box-shadow:0px 1px 3px #e4e6e9;*/ border:1px solid #e4e6e9; background:#fff; padding:30px; }
.alertLayer .layerTop, .alertLayer2 .layerTop, .postLayer .layerTop { position:relative; }
.alertLayer .layerTop h4, .alertLayer2 .layerTop h4, .postLayer .layerTop h4 { font-size:20px; font-weight:400; color:#333; text-align:left; margin-bottom:30px; }
.alertLayer .layerTop .closeBtn, .alertLayer2 .layerTop .closeBtn, .postLayer .layerTop .closeBtn { position:absolute; top:0; right:0; }
.alertLayer .layerTop .closeBtn  a, .alertLayer2 .layerTop .closeBtn  a, .postLayer .layerTop .closeBtn  a { background:url(../images/member/btn_close.png) no-repeat; width:25px; height:25px; display:inline-block; text-indent:-9999px; }

.jungbokLayer .layerContents { background:url(../images/member/icon01.png) no-repeat center top; padding-top:105px; }
.jungbokLayer .layerContents em { color:#e60012; }
.jungbokFailLayer .layerContents { background:url(../images/member/icon02.png) no-repeat center top; padding-top:105px; }
.jungbokFailLayer .layerContents em { color:#00c6ff; }
.alertLayer p { margin-bottom:30px; }

.postLayer { position:absolute; z-index:30; width:400px; left:50%; margin-left:-230px; font-size:13px; }
.postLayer .layerTop p { text-align:left; color:#333; }
.postLayer .layerTop p em { color:#999; }
.postLayer .layerContents input[type="text"] { border:1px solid #e4e6e9; padding:5px; width:324px; margin-right:5px; background:#fbfbfb; }
.postLayer .scrollArea{ height:154px;margin:0 auto;margin-top:5px;border:1px solid #e4e6e9;overflow:auto;}
.postLayer .postTable{border-collapse:collapse;}
.postLayer .postTable th{padding:3px 0;border:1px solid #eaeaea;border-top:none;}
.postLayer .postTable td{padding:3px 0;border:1px solid #eaeaea;}
.postLayer .postTable td a{padding-left:5px;font-size:12px;}
.postLayer .postTable td a:hover{color:#000000;text-decoration:underline}
.postLayer .search_input a { border:1px solid #999; color:#666; display:inline-block; border:1px solid #d4d6d9; width:52px; }
.postLayer .search_input a:hover { background:#f9f9f9; }

.email_chg input { margin-left:0 !important; }
.postLayer .layerContents p { color:#999; text-align:left; }