@charset "utf-8";



@font-face {    
 font-family: 'NotoSansKR-Regular-Hestia';    
 src: url('/new/font/eot/NotoSansKR-Regular-Hestia.eot'); /* IE9 Compat Modes */    
 src: url('/new/font/eot/NotoSansKR-Regular-Hestia.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */        
 url('/new/font/woff/NotoSansKR-Regular-Hestia.woff') format('woff'), /* Modern Browsers */        
 url('/new/font/ttf/NotoSansKR-Regular-Hestia.ttf')  format('truetype'), /* Safari, Android, iOS */        
 url('/new/font/svg/NotoSansKR-Regular-Hestia.svg#svgMothnnaFont') format('svg'); /* Legacy iOS */
}

@font-face {    
 font-family: 'NotoSansKR-Light-Hestia';    
 src: url('/new/font/eot/NotoSansKR-Light-Hestia.eot'); /* IE9 Compat Modes */    
 src: url('/new/font/eot/NotoSansKR-Light-Hestia.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */        
 url('/new/font/woff/NotoSansKR-Light-Hestia.woff') format('woff'), /* Modern Browsers */        
 url('/new/font/ttf/NotoSansKR-Light-Hestia.ttf')  format('truetype'), /* Safari, Android, iOS */        
 url('/new/font/svg/NotoSansKR-Light-Hestia.svg#svgMothnnaFont') format('svg'); /* Legacy iOS */
}



body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0}
fieldset,img{border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes: none}
legend {font-size:0px}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
body {position:relative;background:#fff;-webkit-text-size-adjust: none; font-family:'Dotum','TAHOMA';}
body,th,td,input,select,textarea,button {font-size:12px;color:#111111}
a {color:#111111;text-decoration:none}
a:active, a:hover {text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
button::-moz-focus-inner,
input::-moz-focus-inner{border:0;padding:0;}
table {border-spacing: 0;border-collapse: collapse;}
table caption {display:none;}

/* 박스고정 */
.fixedBox {-webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
.boxBorder {border:1px solid #dddddd}


/* 상단 */
#headerWrap {width:100%; height:200px; border-bottom:1px solid #b8b8b8; font-size:12px; }
#headerWrap #header {position:relative; text-align:center; max-width:1080px; height:154px; margin:0 auto;}
#headerWrap #header h1 {position:absolute; top:11px; left:0px; }
#headerWrap #header h1 span {display:inline-block; width:99px; height:18px; background:url('/new/img/common/sub_logo.jpg') no-repeat; }
#headerWrap #header .T1 {margin-left:110px;}
#headerWrap #header .T1 li {float:left; margin-top:18px;  margin-right:10px;}
#headerWrap #header .T1 a {color:#777}
#headerWrap #header h2 {position:absolute; top:80px; left:0px; font-size:38px;   letter-spacing:-3px }

#headerWrap #header .QM {position:absolute; top:10px; right:0px}
#headerWrap #header .QM li {float:left; margin-left:10px; height:26px; line-height:26px;}

#headerWrap #header .QM li .btn_bookmark {border:0px; font-size:12px; letter-spacing:-1px; color:#777777; height:26px; background:#fff; cursor:pointer;}
#headerWrap #header .search {position:absolute;  text-align:left; width:475px; background:#fff; overflow:hidden; height:40px; top:75px; right:0px; border:2px solid #006cb8; z-index:99}
#headerWrap #header .search input {width:80%; height:100%; margin-left:10px; border:0px; font-size:16px; color:#999; }
#headerWrap #header .search a {float:right; width:23px; height:23px; margin:8px;}

#headerWrap #GNB {width:100%; height:50px; border-top:1px solid #ededed;  overflow:hidden;}
#headerWrap #GNB .GnbArea {position:relative; max-width:1080px; height:46px; margin:0 auto;}
#headerWrap #GNB .btn-list {width:46px; height:45px; position:absolute; background:#fff; z-index:100; border-left:1px solid #ededed; border-right:1px solid #ededed; text-align:center; float:left;}
#headerWrap #GNB .btn-list span {display:block; width:100%; height:100%; background:url('/new/img/common/btn_list.gif') center no-repeat ; cursor:pointer}

#headerWrap #GNB #touchSlider {z-index:1; }
#headerWrap #GNB .M1 {width:100%; height:46px; top:0px; left:70px; position:absolute;} 
#headerWrap #GNB .M1 li {float:left; position:relative; height:100%; line-height:46px; letter-spacing:-0.7px; font-size:14px; font-weight:600; margin-right:30px; color:#333}
#headerWrap #GNB .M1 .over a {color:#006cb8}
#headerWrap #GNB .M1 li .ico-over {width:100%; display:block; height:50px; top:0px; left:0px; position:absolute; background:url('/new/img/main/bg_menu_category.gif') bottom center no-repeat; z-index:1111}
#headerWrap #GNB .weather {position:absolute; top:0px; right:0px; width:205px; height:45px; background:#fff; overflow:hidden; z-index:2;}
#headerWrap #GNB .weather div {float:left;  font-weight:600; line-height:46px; height:46px; font-size:14px; }
#headerWrap #GNB .weather ul {float:left;}
#headerWrap #GNB .weather li {text-align:right;  width:125px; line-height:46px; height:46px; font-size:14px;}
#headerWrap #GNB .weather li span {display:inline-block; width:25px}
#headerWrap #GNB .weather li img {border:0px; display:inline;}
#headerWrap #GNB .btnSlider {display:none;}

#wrap {position:relative; width:100%; height:auto; min-width:300px}

 .main-Login {width:354px; height:138px; position:absolute; top:0px; right:0px; margin-top:12px;}
 .main-Login .loginBox {width:352px; height:138px; background:#fff; border:1px solid #dddddd; position:relative;}
 .main-Login .loginBox .idBox {width:174px; height:39px; overflow:hidden; background:#f5f7f8; position:absolute; top:20px; left:20px;}
 .main-Login .loginBox .pwBox {width:174px; height:39px; overflow:hidden; background:#f5f7f8; position:absolute; top:58px; left:20px;}
 .main-Login .loginBox label {position:absolute; line-height:37px; padding-left:10px}
 .main-Login .loginBox input[type='text'], .loginBox input[type='password'] {border:0px; height:100%; width:100%; padding-left:10px; background:#f5f7f8;}
 .main-Login .loginBox .btn_login {position:absolute; display:block; font-size:13px; top:20px; right:100px; width:77px; line-height:77px; height:77px; font-weight:600; text-align:center; border:0px; color:#fff; background:#006cb8; }
 .main-Login .loginBox .join {position:absolute; display:block; font-size:13px; top:20px; right:20px; line-height:75px; width:77px; height:77px; font-weight:600; text-align:center; border:2px solid #006cb8; color:#006cb8; background:#fff}
 .main-Login .loginBox .userFind {position:absolute; bottom:16px; left:20px}
 .main-Login .loginBox .speedJoin {position:absolute; bottom:12px; right:20px; height:20px; line-height:20px;}
 .main-Login .loginBox .speedJoin img {vertical-align:middle; margin-left:3px}
 .main-AD2 {width:354px; height:auto; position:absolute; top:159px; right:0px;}
 .main-AD2 span {width:352px; height:138px; display:block; background:url('/new/img/main/mainAD2.jpg');}

 .main-Login .loginBox .memInfo {position:absolute; top:17px; left:17px; color:#333333}
 .main-Login .loginBox .memId {font-size:16px; display:block; margin-top:10px; font-weight:600; }
 .main-Login .loginBox .memId strong {color:#006cb8}
 .main-Login .loginBox .btn_modify {position:absolute; top:38px; right:78px; }
 .main-Login .loginBox .btn_logout {position:absolute; top:38px; right:17px; }
 .main-Login .loginBox .btn {width:60px; height:24px; border:1px solid #ddd; text-align:center; line-height:24px; color:#555555}
 .main-Login .loginBox .memState {width:100%; position:absolute; bottom:0px; left:0px;}
 .main-Login .loginBox .memState li {width:25%; height:60px; text-align:center; padding-top:10px; font-size:13px; color:#555555; border-top:1px solid #ddd; border-left:1px solid #ddd; float:left; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
 .main-Login .loginBox .memState li:first-child {border-left:0px;}
 .main-Login .loginBox .memState li span {display:block; margin-top:10px;}
 .main-Login .loginBox .memState li span b {color:#f1387a}


.ADBox {width:534px; height:288px;  margin-top:8px; float:left; margin-left:8px;}
.ADBox li {float:left; overflow:hidden; width:100%; height:138px; border:1px solid #ddd}
.ADBox li img {width:100%;}
.ADBox .top {margin-bottom:8px;}



/* 상단 1080 */
@media all and (max-width:1080px){
#headerWrap #header h1 {left:20px; }
#headerWrap #header .T1 {margin-left:130px;}
#headerWrap #header .T1 li {float:left; margin-top:18px;  margin-right:10px;}
#headerWrap #header .T1 a {color:#777}

#headerWrap #header h2 {left:20px;}

#headerWrap #header .top-ad {right:20px}
#headerWrap #header .QM  {display:none}
#headerWrap #header .search  {width:400px; right:20px}
#headerWrap #header .search input {width:300px;}
#headerWrap #header .top-tag {width:300px; left:267px;}
#headerWrap #GNB .weather {width:140px}
#headerWrap #GNB .weather .topDate{display:none;}

.ADBox {width:100%; height:auto; margin-left:0;  overflow-y:auto; overflow-x:hidden;}
.ADBox li {width:50%; margin-right:1%; height:auto; border:0px;}
.ADBox li:last-child {width:49%; margin-right:0%;}
.ADBox li img {width:100%;}
.ADBox .top {margin-bottom:8px;}
.ADBox .last {margin-left:0px;}
}

@media all and (max-width:950px){
#headerWrap #GNB .weather {display:none;}
#headerWrap #GNB .btnSlider { text-align:right;  display:block; position:absolute; right:0px; top:0px; z-index:999999999999}
#headerWrap #GNB .btnSlider img {border:0px; float:left;}
}
/* 상단 800 */
@media all and (max-width:800px){
#headerWrap #header .T1 {display:none}
#headerWrap #header .top-ad {display:none}
#headerWrap #header h1 {position:relative; top:0px; left:0px; margin:0 auto; padding-top:10px;}

#headerWrap #header h2 {position:relative; font-size:40px; top:0px; left:0px; margin:0 auto; padding-top:5px;}

#headerWrap #header .search  {width:97%; top:100px; left:1%; text-align:left;}
#headerWrap #header .search input {width:75% }
#headerWrap #header .top-tag {width:97%; top:155px; left:1%;}
#headerWrap #header .QM  {display:none;}

#headerWrap #GNB .weather {display:none;}
}
@media all and (max-width:727px){
.ADBox {width:86%; margin-left:7%; }
.ADBox li {width:100%; margin-right:0%;}
.ADBox li:last-child {width:100%; }
}
/* 상단 800 */
@media all and (max-width:640px){
#headerWrap {height:200px;}
#headerWrap #header {height:154px; }
#headerWrap #header .top-tag {display:none;}
}


#footer {width:100%; height:305px; border-top:1px solid #b8b8b8; font-size:12px;}
#footer .footerNotice {width:100%; height:46px; border-bottom:1px solid #ededed}
#footer .footerNotice .cont {width:1080px; height:46px; margin:0 auto; line-height:46px; position:relative;}
#footer .footerNotice .cont h3 {font-size:16px; float:left; margin-right:20px;}
#footer .footerNotice .cont .btn_link1 {position:absolute; top:12px; right:60px;}
#footer .footerNotice .cont .btn_link2 {position:absolute; top:12px; right:153px;}
#footer .footerNotice .cont .btn_top {position:absolute; top:0px; right:0px;}

#footer .footerNotice .info {width:1080px; height:260px; margin:0 auto; position:relative;}
#footer .footerNotice .info .footer_logo {position:absolute; top:36px; left:0px;}
#footer .footerNotice .info .menu {position:absolute; top:36px; left:220px;}
#footer .footerNotice .info .menu li {float:left; padding-left:10px; padding-right:10px; height:20px; line-height:20px; background:url('/new/img/common/bg_f_menu.gif') right no-repeat;}
#footer .footerNotice .info .menu .bb a {color:#006cb8}
#footer .footerNotice .info .menu li:last-child {background:none}
#footer .footerNotice .info .comInfo {position:absolute; top:66px; left:230px; line-height:24px;}
#footer .footerNotice .info .tel {position:absolute; top:36px; right:0px; }
#footer .footerNotice .info .partner {position:absolute; width:100%; top:150px; left:0px; }
#footer .footerNotice .info .partner div {float:left; margin-right:30px; line-height:18px;}
#footer .footerNotice .info .partner h3 {font-size:16px; margin-bottom:10px; }
#footer .footerNotice .info .partner li {float:left; margin-right:12px;}

/* 상단 1080 */
@media all and (max-width:1080px){
#footer {height:405px; }
#footer .footerNotice .cont {width:100%; padding-left:10px; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
#footer .footerNotice .cont .btn_link1 {display:none;}
#footer .footerNotice .cont .btn_link2 {display:none;}

#footer .footerNotice .info {width:100%;}
#footer .footerNotice .info .comInfo {top:76px;}
#footer .footerNotice .info .tel {top:76px; right:10px; }
}
@media all and (max-width:727px){
#footer {height:480px; }
#footer .footerNotice .info .footer_logo {left:10px;}
#footer .footerNotice .info .tel {top:210px; right:10px; }
#footer .footerNotice .info .menu {top:90px; left:10px;}
#footer .footerNotice .info .comInfo { top:140px; left:20px; }
#footer .footerNotice .info .partner {position:absolute; top:320px; left:10px; }
#footer .footerNotice .info .partner li {width:26%; margin-right:1%; overflow:hidden;}
#footer .footerNotice .info .partner li img{width:100%;}
}


/*180514 진정원 GNB CSS START*/
.menuGnb {display:none;position:relative;width:1078px;height:550px;border:1px solid #006cb8;margin:0 auto;background:#fff;}
.menuGnbUl {width:1078px;height:550px;}
.menuGnbLi{display:inline-block;width:215.8px;height:auto;text-align:center;font-size:14px;color:#006cb8;line-height:44px;vertical-align:top;margin-bottom:10px;margin-right:-4px;font-weight:bold;}
.menuSubLi{font-size:14px;height:30px;color:#000;line-height:30px;font-weight:normal;}
.menuGnbTop {display:none;}
.menuGnbBottom {display:none;}

@media all and (max-width:1080px){
.menuGnb {display:none;position:relative;width:100%;height:550px;border:1px solid #006cb8;margin:0 auto;background:#fff;}
.menuGnbUl {width:100%;height:550px;}
.menuGnbLi{display:inline-block;width:20%;height:auto;text-align:center;font-size:14px;color:#006cb8;line-height:44px;vertical-align:top;margin-bottom:10px;margin-right:-4px;font-weight:bold;}
.menuSubUl{width:100%;height:auto;margin-top:10px;}
.menuSubLi{font-size:14px;width:100%;height:30px;color:#000;line-height:30px;font-weight:normal;}
.menuGnbTop {display:none;}
.menuGnbBottom {display:none;}
}
@media all and (max-width:727px){
.menuGnb {display:none;position:absolute;top:0px;width:100%;height:923px;margin:0 auto;background:#fff;border:0px;}
.menuGnbUl {width:100%;height:auto;}
.menuGnbLi{display:block;width:100%;height:auto;text-align:left;line-height:69px;vertical-align:top;margin:0 auto;border-bottom:1px solid #dddddd;}
.menuGnbLi:last-child {border-bottom:0px;}
.menuGnbLi a{padding-left:36px;font-size:20px;font-weight:normal;font-family:'NotoSansKR-Regular-Hestia';}
.menuSubUl{width:100%;height:auto;margin-top:10px;display:none;}
.menuSubLi{width:100%;}
..menuSubLi a{font-size:14px;color:#000;font-weight:normal;margin-left:50px;height:30px;line-height:30px;text-align:left;}
#gnbLine1{display:none;}
#gnbLine2{display:none;}
#gnbLine3{display:none;}
/*상단*/
.menuGnbTop{display:block;width:100%;height:177px;font-family:'NotoSansKR-Regular-Hestia';}
.mobileLogin{display:block;width:100%;height:110px;background:#006cb8;font-size:1.2em;font-weight:bold;}
.mobileJoin{display:block;width:100%;height:67px;background:#1f8cd9;font-size:1.2em;font-weight:bold;}
.mobileJoin ul{height:67px;}
.mobileLoginBox{display:inline-block;width:25%;height:45px;border:1px solid #72b1dd;color:#fff;line-height:45px;text-align:center;margin-top:32.5px;margin-left:34px;}
.simpleLogin {display:inline-block;width:45%;height:45px;padding-left:25px;color:#fff;font-weight:normal;}
.mobileClose {float:right;color:#fff;margin-right:3%;height:45px;line-height:45px;margin-top:9%;}
.mobileJoinBox {display:inline-block;width:25%;height:45px;border:1px solid #72b1dd;color:#fff;line-height:45px;text-align:center;margin-top:9px;margin-left:34px;}
.mobileJoinText {display:inline-block;width:52%;height:45px;padding-left:25px;color:#fff;font-weight:normal;}
.mobileInfoBox {display:inline-block;width:24%;height:67px;border-right:1px solid #87c4f0;color:#87c4f0;text-align:center;line-height:33.5px;}
.mobileInfoBox:last-child {display:inline-block;width:23%;height:67px;color:#87c4f0;text-align:center;border-right:0px;line-height:33.5px;}
.mobileMem {display:inline-block;width:40%;margin-right:0px;margin-left:10%;height:110px;}
.mobileMemBox{display:inline-block;width:30%;height:45px;border:1px solid #72b1dd;color:#fff;line-height:45px;text-align:center;margin-top:32.5px;margin-left:2%;}
.mobileMem span {display:block;color:#fff;margin-bottom:10px;}
.mobileMem span:first-child {display:block;color:#fff;margin-top:20px;}
/*하단영역*/
.menuGnbBottom{display:block;height:50px;width:100%;}
.mobileLogout{display:inline-block;width:49.9%;float:left;height:50px;line-height:50px;text-align:center;background:#1f8cd9;border-right:1px solid #87c4f0;margin-right:-1px;font-size:20px;color:#fff;}

.mobileNotice{display:inline-block;width:49.9%;float:right;height:50px;line-height:50px;text-align:center;font-size:20px;color:#fff;background:#1f8cd9;}


/*로그인페이지*/
.mobileLoginArea {position:relative;width:100%;height:auto;margin:0 auto;}
.LoginArea {position:relative;width:100%;height:auto;padding-top:50px;}
.TextArea {width:100%;height:auto;margin-bottom:30px;}
.TextArea span:first-child{display:block;font-size:30px;text-align:center;color:#333333;margin-bottom:30px;}
.TextArea span:last-child{display:block;font-size:12px;text-align:center;color:#555555;}
.IdArea {width:100%;height:auto;}
.PassArea {width:100%;height:auto;margin-bottom:30px;}
.mobileLoginInput {width:90%;height:50px;margin-left:5%;}
.ButtonArea1{width:100%;height:auto;margin-bottom:40px;}
.mobileLoginButton {width:91%;height:50px;margin-left:5%;background:#006cb8;border:1px solid #006cb8;font-size:20px;color:#fff;}
.ButtonLine {width:90%;border:1px solid #dddddd;margin-left:5%;margin-bottom:40px;}
.mobileJoinButton {width:91%;height:50px;margin-left:5%;background:#fff;border:1px solid #006cb8;font-size:20px;color:#006cb8;margin-bottom:15px;}
.IdFind {width:91%;height:20px;margin-left:5%;}
.IdFind div:first-child{float:left;height:30px;line-height:30px;}
.IdFind div:last-child{float:right;height:30px;line-height:30px;}
.IdFind div:last-child a{height:30px;line-height:30px;}
/**/
}
/*180514 진정원 GNB CSS END*/