@charset "utf-8";
/*
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display&display=swap');
@import url('font/NanumSquare.css');
*/
@import url('font/NanumBarunGothic.css');

 /* 사이트 공통 CSS */
/* default font-family */
body,
div.wrapper,
div.popupWrap,
input[type='text'],
input[type='password'],
input[type='file'],
input[type='submit'],
input[type='button'],
input[type='reset'],
select,
a,
textarea,
button {font-family:'NanumBarunGothic', 'Malgun Gothic', sans-serif;word-break:normal;}




/* ========================================================================================================== */
/* ================================================== 레이아웃 ================================================== */
/* ========================================================================================================== */


div.wrapper,
div.popupWrap {font-size:17px;line-height:1.5;font-weight:300;}

div.wrapper {overflow: hidden;position: relative;min-width:1100px;width:100%;}
div#headerWrap {z-index: 50;}

div#headerWrap a,
div#footerWrap a,
div.lnb a {text-decoration: none;}
div#headerWrap h1 a,
div#headerWrap h1 img {display: block;}

div.gnbWrap ul, div.gnbWrap li,
div.lnb, div.lnb p, div.lnb dl, div.lnb dt, div.lnb dd, div.lnb ul, div.lnb li,
div#footerWrap, div#footerWrap p, div#footerWrap ul, div#footerWrap li {margin: 0;padding: 0;list-style:none;}

hr {display: none;}


div#headerWrap {position: relative;height: 71px;padding-top: 77px;background:url('/image/common/bg.png') 0 0 repeat-x;}
div#headerWrap h1 {z-index: 100;position: absolute;left: 50%;top:26px;width: 387px;height: 22px;margin-left: -186px;}

ul.gnbUtil {position: absolute;left: 50%;top: 10px;margin: 0 0 0 460px;padding: 0;}
ul.gnbUtil li {float: left;margin: 0;list-style:none;font-size: 12px;font-family: 'Malgun Gothic', sans-serif;color: #696969;}
ul.gnbUtil li:after {display: inline-block;content: "|";padding: 0 10px;}
ul.gnbUtil li:last-child:after {display: inline; content: "";}
ul.gnbUtil a {color: #696969;}

div#footerWrap {background: #6d6d6d;font-size: 15px;color: #d2d2d2;text-align: center;}
div#footerWrap a {display: inline-block;color: #fff;}
div#footerWrap > div {width: 1100px;padding: 25px 0;margin: 0 auto;}
div#footerWrap li {display: inline-block;}
div#footerWrap ul.footerUtil li:before {display: inline-block;padding: 0 10px;content: "|";color: #fff;}
div#footerWrap ul.footerUtil li:first-child:before {padding: 0;content: "";}
div#footerWrap address {padding-top: 25px;}

ul#gnb, ul#gnb ul, ul#gnb li {margin: 0;padding: 0;list-style:none;}
/* ul#gnb {position: relative;z-index: 50;overflow: hidden;width: 1100px;margin: 0 auto;} */
ul#gnb {position: relative;z-index: 50;overflow: hidden;width: 1500px;margin: 0 auto;}
ul#gnb a {display: block;text-align: center;color: #fff;font-size: 16px;letter-spacing:-1px;}
/* ul#gnb > li {float: left;width: 184px;} */
ul#gnb > li {float: left;width: 220px;}
ul#gnb > li:nth-child(7) {float: left;width: 180px;}
ul#gnb > li:first-child {width: 180px;}
ul#gnb > li > a {padding: 20px 0 24px;color: #3d3d3d;font-size: 21px;font-weight: bold;} /*기존 16px->21px 수정*/
ul#gnb ul {padding: 10px 0 20px;}
ul#gnb ul li {padding-top: 10px;}

ul#gnb ul a:hover,
ul#gnb ul a:focus {color: #ffe400;}
/* div.gnbBg {position: absolute;left: 50%;top: 148px;width: 1100px;margin-left: -550px;background-color:rgba(2,59,137,.9);box-shadow:0 0 10px rgba(0,0,0,.1);} */
div.gnbBg {position: absolute;left: 50%;top: 148px;width: 1500px;margin-left: -770px;background-color:rgba(2,59,137,.9);box-shadow:0 0 10px rgba(0,0,0,.1);}

div#container {padding-bottom: 60px;}

div.titArea {position: relative;height: 84px;padding: 61px 0 65px;text-align: center;background: url('/image/common/topVisual_01.png') center top no-repeat;color: #fff;font-size: 16px;}
.sub01 div.titArea {background-image: url('/image/common/topVisual_01.png');}
.sub02 div.titArea {background-image: url('/image/common/topVisual_02_v2.png');} /* 240903 수정 */
.sub03 div.titArea {background-image: url('/image/common/topVisual_03_v2.png');}
.sub04 div.titArea {background-image: url('/image/common/topVisual_04.png');}
.sub05 div.titArea {background-image: url('/image/common/topVisual_05.png');}
.sub06 div.titArea {background-color: #9e9c94;background-image: url('/image/common/topVisual_06.png');}

.pageTit {padding-bottom: 10px;margin: 0;text-align: center; color: #fff;font-size: 45px;line-height: 50px;font-weight: bold;}
div.titArea dl, div.titArea dt, div.titArea dd {margin: 0;padding: 0;}
div.titArea dd img {padding-top: 3px;vertical-align: top;}

div.contents {width: 1100px;margin:30px auto 0;}

/* 240903 추가 start */
#wingBnr {position: absolute;top: 238px;right: 0;padding: 14px 12px 23px 12px;background-color: #fff;border: 1px solid #f3f1f1;border-radius: 3px;text-align: center;box-sizing: border-box;}
#wingBnr li  + li{margin-top: 6px;}
#wingBnr li a img {display: block;margin: 0 auto;}
#wingBnr li a span {display: inline-block;margin-top: 3px;font-size: 13px;text-decoration: none;color: #000;letter-spacing: -0.025em;}
/* 240903 추가 end */


/* ========================================================================================================== */
/* =================================================== Main ================================================== */
/* ========================================================================================================== */
div.main, div.main h3, div.main dl, div.main dt, div.main dd, div.main ul, div.main li, div.main a, div.main p {margin: 0;padding: 0;list-style:none;text-decoration: none;}
div#container.main a {display: block;}

div#container.main {padding-bottom: 0;}

div.mainBnr {position: relative; height: 485px; background: url('/image/main/mainBnr_220418.png') center top no-repeat;}
div.mainBnr img {display: block; margin: 0 auto;}
/* 20210203 css 추가 */
div.mainBnr .mainLinkArea{position:absolute;margin-left:-550px;top:0px;left:50%;width:465px;height:366px;}
div.mainBnr .mainLinkArea a{color:transparent;}
div.mainBnr .mainLinkArea .main_link01{position:absolute;width:82px;height:44px;left:226px;top:35px;background-color:transparent;}
div.mainBnr .mainLinkArea .main_link02{position:absolute;width:82px;height:55px;left:260px;top:300px;background-color:transparent;}

/* 2022-05-20 메인 배너 영역 수정 */
div.mainCon {height: 550px;background: url('/image/main/mainBnr_new_bg_left.png') left bottom no-repeat, url('/image/main/mainBnr_new_bg_right.png') right top no-repeat, #cbd4eb;} /* 240903 수정 */
div.mainBnr.new {width: 1100px;height: auto;margin: 0 auto;background: none;padding-left: 570px;box-sizing: border-box;}
div.mainBnr.new > div:first-child {text-align: right;}
div.mainBnr.new > div:first-child img {display: inline-block;vertical-align: top;}

div.mainBnr.new div.rollingArea {position: absolute;top: 0;left: 50%;margin-left: -550px;width: 550px;}
div.mainBnr.new div.rollingArea li {width: 550px;height: 550px;}
div.mainBnr.new div.rollingArea a,
div.mainBnr.new div.rollingArea img {display: block;}

div.mainBnr.new div.rollingArea .bx-viewport {height: auto !important;}
div.mainBnr.new div.rollingArea .bx-pager {position: absolute;top: 20px;right: 20px;font-size: 0;line-height: 0;}
div.mainBnr.new div.rollingArea .bx-pager > div {display: inline-block;vertical-align: top;margin-left: 5px;}
div.mainBnr.new div.rollingArea .bx-pager > div:first-child {margin-left: 0;}
div.mainBnr.new div.rollingArea .bx-pager > div a {width: 10px;height: 10px;border-radius: 5px;background-color: #fff;}
div.mainBnr.new div.rollingArea .bx-pager a.active {width: 25px;background-color: #023b89;}
div.mainBnr.new div.rollingArea div.bx-controls-direction {position: static;}
div.mainBnr.new div.rollingArea .bx-prev,
div.mainBnr.new div.rollingArea .bx-next {position: absolute;top: 50%;display: block;width: 22px;height: 38px;margin-top: -19px;background-repeat: no-repeat;background-position: center center;font-size: 0;line-height: 0;}
div.mainBnr.new div.rollingArea .bx-prev {left: 15px;background-image: url('/image/main/mainBnr_prev.png') ;}
div.mainBnr.new div.rollingArea .bx-next {right: 15px;background-image: url('/image/main/mainBnr_next.png') ;}

div.mainBbs {position: relative;}
div.mainBbs ul.tabMenu {padding: 12px 30px;background-color: #19315c;font-size: 0;line-height: 0;}
div.mainBbs ul.tabMenu li {position: relative;float: none;display: inline-block;padding-left: 30px;vertical-align: top;}
div.mainBbs ul.tabMenu li:before {position: absolute;top: 50%;left: 15px;width: 1px;height: 16px;margin-top: -8px;background-color: #fff;content: '';}
div.mainBbs ul.tabMenu li:first-child {padding-left: 0;}
div.mainBbs ul.tabMenu li:first-child:before {display: none;}
/* div.mainBbs ul.tabMenu li a {border: 0 none;padding: 0;color: #fff;font-size: 21px;line-height: 35px;} 
div.mainBbs ul.tabMenu li.on a {background-color: transparent;color: #9cddff;font-weight: bold;} */ /* 240903 수정 */
div.mainBbs ul.tabMenu li span {padding: 0;font-size: 21px;font-weight: bold;line-height: 1.66;color: #fff;;} /* 240903 수정 */
div.mainBbs div.tabCon {padding: 20px 30px;background-color: #456aae;}
div.mainBbs div.tabCon li {position: relative;margin-top: 5px;padding: 0 90px 0 0;}
div.mainBbs div.tabCon li:first-child {margin-top: 0;}
div.mainBbs div.tabCon a {display: inline-block;vertical-align: top;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color: #fff;font-size: 15px;line-height: 25px;}
div.mainBbs div.tabCon span {position: absolute;top: 50%;right: 0;margin-top: -10px;font-size: 14px;line-height: 20px;color: #c5d0ee;}
div.mainBbs .more {position: absolute;top: 18px;right: 30px;}
/* 240903 추가 start */
div.mainBbs + div.mainBbs {margin-top: 12px;}
div.mainBbs.notice ul.tabMenu li span {color: #9cddff;}
div.mainBbs.news ul.tabMenu li span {color: #d0f7a3;}
div.mainBbs.news ul.tabMenu {background-color: #467014;}
div.mainBbs.news div.tabCon {background-color: #7eae45;}
div.mainBbs.news div.tabCon span {color: #dee9d3;}
/* 240903 추가 end */

div.mainBnr.new div.mainLinkArea {position: static;margin: 10px 0 0;padding: 0;width: auto;height: auto;font-size: 0;line-height: 0;}
div#container.main div.mainBnr.new div.mainLinkArea a {display: inline-block;vertical-align: top;}
div#container.main div.mainBnr.new div.mainLinkArea a:last-child {margin-left: 9px;}
div.mainBnr.new div.mainLinkArea img {display: block;}



/* 
	새 글 알림영역 기존 css 201013

div.mainBnr div.nPost {position: absolute; top: 42px; left: 50%; width: 352px; height: 402px; margin-left: 197px; padding: 26px 35px 30px;  background-color: rgba(255,255,255,0.8); border: 1px solid rgba(255,255,255,0.8); border-radius: 17px; box-sizing: border-box; z-index: 0;}
div.mainBnr div.nPost h2 {margin: 0 0 22px; padding: 0 0 0 35px; line-height: 38px; background: url('/image/main/icon_nBell.png') no-repeat 0 3px; font-family: 'NanumBarunGothicBold', sans-serif; font-size: 22px;}
div.mainBnr div.nPost .titPost strong {display: inline-block; margin: 0 0 15px; padding: 4px 8px 4px; background-color: #4173e3; border-color: #4173e3; font-family: 'NanumBarunGothic', sans-serif; font-weight: 500; text-align: center; font-size: 14px;color: #fff;}
div.mainBnr div.nPost .postBnr ul li {position: relative; min-height: 200px; padding: 0 0 58px;}
div.mainBnr div.nPost .postBnr ul li a {line-height: 1.6; font-family: 'NanumBarunGothicUltraLight', sans-serif; font-size: 15px; color: #565656; letter-spacing: -1px;}
div.mainBnr div.nPost .postBnr ul li a strong {display: inline-block; padding-bottom: 18px; line-height: 1.5; font-family: 'NanumBarunGothic', sans-serif; font-weight: 500; font-size: 17px; color: #000;}
div.mainBnr div.nPost .postBnr ul li a + span {position: absolute; bottom: 40px; right: 0; font-family: 'NanumBarunGothic', sans-serif; font-weight: 500; font-size: 14px; color: #4173e3;}

div.mainBnr div.nPost div.bx-pager {z-index: 90;position: absolute; left:0; bottom: 25px; width: 100%; text-align: center; font-size:0;}
div.mainBnr div.nPost div.bx-pager > div {display: inline-block; vertical-align: top; margin-left: 6px;}
div.mainBnr div.nPost div.bx-pager > div:first-child {margin-left: 0;}
div.mainBnr div.nPost div.bx-pager a {display: block; width: 14px; height: 14px; text-indent: -10000px; background-color: #999; border-radius: 10px;}
div.mainBnr div.nPost div.bx-pager a.active {width: 37px; background-color: #4173e3;} 

*/


div.mainSomnipathy {width: 1050px;margin: 50px auto;}
div.mainSomnipathy h3 {padding-bottom: 30px;text-align: center;font-weight: bold; font-size: 32px;}
div.mainSomnipathy ul {overflow: hidden;}
div.mainSomnipathy li {float: left;width: 340px;margin: 0 0 15px 15px;background-position: 0 0;background-repeat: no-repeat;}
div.mainSomnipathy li:nth-child(3n+1) {clear: both;margin-left: 0;}
div.mainSomnipathy a {position: relative;height: 260px;padding: 20px; text-align: center; color: #fff;font-size: 14px;}
div.mainSomnipathy a > span {height: 220px;padding: 20px 10px;}
div.mainSomnipathy strong,
div.mainSomnipathy span {display: block;}
div.mainSomnipathy strong {height: 52px;padding-bottom:10px;font-size: 22px;line-height: 26px;}
div.mainSomnipathy span.exp {display: none;height: 120px;letter-spacing:-1px;}
div.mainSomnipathy span.more {position: absolute;left: 50%;bottom: 40px;width: 136px;padding: 5px 0 6px; margin-left:-69px; border: 1px solid #fff;}


div.mainSomnipathy a:hover,
div.mainSomnipathy a:focus {color: #000;}
div.mainSomnipathy a:hover > span,
div.mainSomnipathy a:focus > span {background-color: rgba(255,255,255,.8);}
div.mainSomnipathy a:hover span.exp,
div.mainSomnipathy a:focus span.exp {display: block;}
div.mainSomnipathy a:hover span.more,
div.mainSomnipathy a:focus span.more {color: #000;border-color: #000;}


div.mainSelfCheck {padding: 60px 0;background: url('/image/main/selfCheckBg.png') center top no-repeat;background-size: cover;text-align: center;}
div.mainSelfCheck h3 {padding-bottom: 50px;font-weight: bold;font-size: 32px;color: #fff;}
div.mainSelfCheck li {display: inline-block;position: relative;} /* 240903 수정 */
div.mainSelfCheck li + li {margin-left: 25px;} /* 240903 수정 */
div.mainSelfCheck li a {color: #fff;font-size: 22px;}
/* 240903 추가 start */
div.mainSelfCheck li:hover a::after {content: '';position: absolute;inset: -1px -1px 42px -1px;}
div.mainSelfCheck li:nth-child(1):hover a::after {background: url('/image/main/selfCheck_01_hover.png') no-repeat center center/cover;}
div.mainSelfCheck li:nth-child(2):hover a::after {background: url('/image/main/selfCheck_02_hover.png') no-repeat center center/cover;}
div.mainSelfCheck li:nth-child(3):hover a::after {background: url('/image/main/selfCheck_03_hover.png') no-repeat center center/cover;}
div.mainSelfCheck li:nth-child(4):hover a::after {background: url('/image/main/selfCheck_04_hover.png') no-repeat center center/cover;}
/* 240903 추가 end */
div.mainSelfCheck img {display: block;margin: 0 auto 10px;}

/* 240903 추가 start */
/* '수면장애 자가측정을 직접 해보세요!' 밑 이미지 떨어져서 가로값 수정 */
@media screen and (max-width: 1200px) {
	div.mainSelfCheck li {max-width: 22%;}
	div.mainSelfCheck img {width: 100%;}
}
/* 240903 추가 end */

/* 240903 추가 start */
div.mainDoctor {padding-top: 84px;background: url('/image/main/mainDoctor_bg.png') no-repeat;background-size: cover;}
div.mainDoctor .mainDoctor-wrap {position: relative;max-width: 1100px;margin: 0 auto;padding-bottom: 63px;background: url('/image/main/mainDoctor_doctor.png') no-repeat left bottom;}
div.mainDoctor h3 {padding-bottom: 25px;font-family: 'NanumBarunGothicBold',sans-serif;font-size: 32px;}
div.mainDoctor .info {margin-left: 42%;}
div.mainDoctor .info h4 {margin: 0;padding: 0;border-bottom: 1px solid;border-image: linear-gradient(to right, rgba(2, 59, 137, 0.3), rgba(255, 255, 255, 0.3)) 1;font-size: 30px;color: #000000;line-height: 0.8;}
div.mainDoctor .info h4 strong {font-size: 55px;color: #023b89;}
div.mainDoctor .info p {color: #000;font-size: 18px;letter-spacing: -0.030em;}
div.mainDoctor .info p.info-head {margin-block: 39px 8px;font-family: 'NanumBarunGothicBold',sans-serif;font-size: 24px;}
div.mainDoctor .info .listBl > li {margin-bottom: 0;padding-left: 20px;font-size: 18px;color: #000;}
div.mainDoctor .info .listBl > li + li {margin-top: 14px;}
div.mainDoctor .info .listBl > li::before {left: 6px;color: #000;}
div.mainDoctor .btn-box {position: absolute;right: 0;bottom: 40px;}
div.mainDoctor .btn-box a {width: 168px;height: 52px;border: 0px none;border-radius: 26px;}
div.mainDoctor .btn-box a span {display: flex;justify-content: center;align-items: center;gap: 28px;height: inherit;background-color: #ffffff;border-radius: inherit;font-family: 'NanumBarunGothicBold',sans-serif;font-size: 16px;color: #193ea9;box-shadow: 0 0 10px rgba(69, 126, 217, 0.35);}
div.mainDoctor .btn-box a span::after {content: '';width: 12px;height: 12px;background: url('/image/main/mainDoctor_arrow.png') no-repeat center center;}
/* 240903 추가 end */
 
/* IE에 대한 스타일 추가 2022-05-19 */
@media all and (-ms-high-contrast:none) {
	div.mainMedia p span {letter-spacing: -2px;} /* IE10 */
	*::-ms-backdrop, div.mainMedia p span {letter-spacing: -2px;} /* IE11 */
}
.ie7 div.mainMedia p span,
.ie8 div.mainMedia p span,
.ie9 div.mainMedia p span {letter-spacing: -2px;}

@supports (-ms-ime-align:auto) {
    div.mainMedia p span {letter-spacing: -2px;} /* For Edge */  
}

div.mainMedia p a {margin-top: 10px;}
div.mainMedia ul {overflow: hidden;padding-top: 100px;}
div.mainMedia li {float: left;margin: 0 0 10px 10px;}
div.mainMedia li:nth-child(1),
div.mainMedia li:nth-child(7) {clear: both; margin-left: 0;}


/* 240903 추가 start */
div.mainLocation .mainLocation-wrap {position: relative;max-width: 1100px;margin:0 auto;padding-block: 50px;}
div.mainLocation .mainLocation-info {position: absolute;top: 50px;right: 0;width: 399px;height: 430px;padding: 40px 25px 40px 38px;background: linear-gradient(to right bottom, #58a0c6fa, #4862b7fa);line-height: 1.25;letter-spacing: -0.025em;z-index: 1;box-sizing: border-box;}
div.mainLocation .mainLocation-info h3 {margin-bottom: 33px;font-family: 'NanumBarunGothicBold',sans-serif;font-size: 32px;color: #fff;}
div.mainLocation .mainLocation-info dl {margin-top: 9px;padding-top: 5px;padding-left: 40px;}
div.mainLocation .mainLocation-info dl dt {font-family: 'NanumBarunGothicLight',sans-serif;font-size: 18px;color: #fff;}
div.mainLocation .mainLocation-info dl dd {margin-top: 12px;font-family: 'NanumBarunGothicBold',sans-serif;font-size: 22px;color: #f7f03b;}
div.mainLocation .mainLocation-info dl.treat {background: url('/image/main/mainLocation_treat.png') no-repeat top left;}
div.mainLocation .mainLocation-info dl.sleep {background: url('/image/main/mainLocation_sleep.png') no-repeat top left;}
div.mainLocation .mainLocation-info dl.sleep dd {letter-spacing: -0.045em;}
div.mainLocation .mainLocation-info dl.time {background: url('/image/main/mainLocation_time.png') no-repeat top left;}
div.mainLocation .mainLocation-info dl.time dd {color: #fff;}
div.mainLocation .mainLocation-dim {position: absolute;top: 50px;right: 288px;width: 161px;height: 430px;background: linear-gradient(to left, #13318680, transparent);z-index: 0;}
/* 240903 추가 end */


div.mainReserv {background: url('/image/main/reservBg.png') center top no-repeat, #12484f;} /* 240904 수정 */
div.mainReserv a {width: 1100px;height: 91px;padding: 79px 0 80px;margin: 0 auto;background: url('/image/main/reservBg_more.png') right center no-repeat;color: #fff;;font-family: 'NanumBarunGothicLight', sans-serif;font-size: 26px;line-height: 1.2;}
div.mainReserv a strong {display: block;font-family: 'NanumBarunGothic', sans-serif;font-size: 50px;font-weight: bold;}


div.mainInfo {overflow: hidden;width: 1100px;padding: 35px 0;margin: 0 auto;}
div.main div.mainInfo > * {float: left;width: 278px;height: 204px;padding: 32px;border: 1px solid #dadada;}
div.mainInfo > dl {margin-right: 34px;}
div.mainInfo dt {color: #000;font-size: 24px;font-weight: bold;}
div.mainInfo dd {position: relative;}
div.mainInfo dd li {margin-top: 20px;}
div.mainInfo dd li a {position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color: #696969;font-size: 15px;}
div.mainInfo dd p.more {position: absolute;right: 0;top: -50px;}

div.mainInfo div.info {background: url('/image/main/infoBg.png') right top no-repeat;color: #000;font-size: 15px;}
div.mainInfo div.info ul {height: 169px;border-bottom: 1px solid #dadada;margin-bottom: 15px;}
div.mainInfo div.info span {display: block;color: #023b89;font-size: 26px;font-weight: bold;letter-spacing:-2px;}




/* 로그인 */
div.loginWrap {position: relative;width: 100%;min-width:900px;height: 100%;min-height:705px;background: url('/image/common/bg_login.jpg') center center no-repeat;background-size: 100%;font-family: 'NanumBarunGothic', sans-serif;}
div.loginWrap div.formArea {position: absolute;left: 50%;top: 50%;width: 460px;margin: -302px 0 0 -230px;}
div.loginWrap div.formArea > * {background-color: rgba(255,255,255,.2);color: #fff;}
div.loginWrap div.formArea > p {padding: 0 0 25px;text-align: center;font-size: 16px;margin-bottom: 4px;}
div.loginWrap div.formArea > p:first-child {font-size: 29px;padding: 40px 0 0;margin: 0;}
div.loginWrap div.formArea > p:first-child span {color: #3cdbf8;font-weight: bold;}

div.loginWrap div.formArea form {width: 320px;padding: 180px 70px 50px;background: rgba(255,255,255,.2) url('/image/common/loginBg.png') center 42px no-repeat;}
div.loginWrap div.formArea dt {padding: 10px 10px 5px;font-size: 16px;}
div.loginWrap div.formArea dd input,
div.loginWrap div.formArea input[type=checkbox]{background-color: transparent;}
div.loginWrap div.formArea dd input {width: 298px;height: 32px;border-color: rgba(255,255,255,.3);}
div.loginWrap .loginUtil {padding-top: 5px;}
div.loginWrap .loginUtil input {vertical-align: top;}
div.loginWrap .btn {padding-top: 15px;}
div.loginWrap .btn .btnDef {width: 100%;height: 40px;padding: 0;font-size: 20px;}


/* 팝업 */
div.popupWrap, div.popupWrap p, div.popupWrap ul, div.popupWrap li,
div.popupWrap dl, div.popupWrap dt, div.popupWrap dd, div.popupWrap a {margin: 0;padding: 0;list-style:none;text-decoration: none;}

div#popupAlert {width: 410px;padding: 40px;border: 5px solid #11b6f2;border-radius:10px;background-color: #fff;}
div#popupAlert div.popupCon {text-align: center;color: #777;font-size: 16px;font-weight: 300;}
div#popupAlert .pointTxt {color: #252f68;font-size: 18px;font-weight: 400;}

div#popupAlert div.btn {padding-top: 30px;text-align: center;}
div#popupAlert div.btn a {padding: 10px 20px;}






/* ========================================================================================================== */
/* ================================================ 게시판 팝업 =============================================== */
/* ========================================================================================================== */

body.pop {margin:0; padding:0; height:100%; background-color:#fff;font-family:'Malgun Gothic', '맑은 고딕', sans-serif;word-break:break-all;}
body.pop form {margin:0; padding:0;}

#popClose {position:static; height:22px; line-height:22px; font-size:13px; overflow:hidden; text-align:right; background-color:#b2b2b2;}
#popClose:after {content:""; display:block; clear:both; visibility:hidden; height:0; font-size:0;}
.ie7 #popClose {zoom:1;}
#popClose * {vertical-align:middle;}
#popClose .fl {width:50%; margin-left:10px;}
#popClose .fl label, #popClose .fl input[type='checkbox'] {float:left;}
#popClose .fl label {margin:0 10px 0 5px; font-weight:bold; color:#fff;}
#popClose .fl input[type='checkbox'] {margin:5px 0 0 0;}

@media all and (-ms-high-contrast:none) {
	#popClose .fl input[type='checkbox'] {margin-top:1px;} /* IE10 */
	*::-ms-backdrop, #popClose .fl input[type='checkbox'] {margin-top:4px;} /* IE11 */
}
.ie7 #popClose .fl input[type='checkbox'],
.ie8 #popClose .fl input[type='checkbox'],
.ie9 #popClose .fl input[type='checkbox'] {margin:0;}
#popClose a,
#popClose label {display:inline-block; margin-top:-1px; margin-right:10px; font-weight:bold; color:#fff;}

/* popup skin */
.skinWrap {position:relative; min-height:100%;} /* width:500px; */
.skinWrap.skin02 {border: 1px solid #e8ecef;}
.skinWrap .popHeader {}

.popHeader {padding-top: 80px;}
.skin01 .popHeader {border-top: 3px solid #004d8f;background:url('/image/popup/popupTit_01.png') center 28px no-repeat, url('/image/popup/popupBg_01.png');}
.skin02 .popHeader {background:#edf3fc url('/image/popup/popupBg_02.png') center 28px no-repeat;}

.skinWrap .popHeader .tit {margin: 0;padding:10px 20px 10px 20px;color:#000;font-weight:bold; font-size:16px;line-height:1.2;background-color:#fff;}
.skin02 .popHeader .tit {}

.skinWrap .contWrap {min-height:268px; width:100%; padding-bottom:22px;}
.skinWrap .contWrap .content {padding:20px; color:#444; line-height:20px; font-size:14px;}
.skinWrap .btnArea {text-align:center; margin:30px 0;}
.skinWrap .btnArea a {padding: 8px 10px 6px;}

.skinWrap #popClose {position:fixed; bottom:0; left:0; width:100%;}
.ie7 .skinWrap #popClose {position:static;}
.skinWrap #popClose a {text-decoration:none;}
.skinWrap #popClose form {background-color:#b2b2b2;}


/* ========================================================================================================== */
/* ====================================================  팝업 ================================================== */
/* ========================================================================================================== */

div.popupWrap {margin:0;}

div.popupWrap h1 {padding: 15px 0;margin: 0;background-color: #11b6f2;color: #fff;text-align: center;font-size: 18px;}
div.popupWrap div.popupCon {padding: 20px;}
div.popupWrap p.close {padding:10px 0;}
div.popupWrap p.close a {display:block;width: 100px;padding: 10px 10px;border-radius:4px;margin:0 auto;background-color: #11b6f2;color: #fff;text-decoration: none;text-align: center;font-weight: bold;}
div.popupWrap .btn {text-align: center;}
div.popupWrap .btn a {display: inline-block;min-width:50px;padding: 10px;}



/* 팝업 : 이메일 무단 수집거부 */
div#popupEmail {width: 580px;color:#393939;}
div#popupEmail div.popupCon {padding-left: 115px;background: url('/image/popup/email_bg.png') 20px 30px no-repeat;}
div#popupEmail p.date {font-weight: bold;padding-top: 30px;}




/* 새 글 알림영역 수정 201013 */
div.mainBnr div.nPost_new {position: absolute; bottom: 0; left: 50%; width: 1100px !important; height: 105px; margin-left: -550px; padding: 25px 70px 25px 185px;  background-color: rgba(255,255,255,0.9); border: 1px solid rgba(255,255,255,0.8);  box-sizing: border-box; z-index: 0;}

div.mainBnr div.nPost_new * {vertical-align: middle;}
div.mainBnr div.nPost_new h2 {background: url('/image/main/icon_nBell.png') no-repeat 0 0; display:inline-block; text-indent: -99999px; width: 26px; height: 29px; margin: 0; margin-right: 10px; position: absolute; top:19px; left:80px;}

div.mainBnr div.nPost_new div.postBnr {display:inline-block; width: 840px !important;}

div.mainBnr div.nPost_new .titPost {display: block; width: 125px !important; font-size: 0; margin-right: 10px; position: absolute; bottom:19px; left:35px;}
div.mainBnr div.nPost_new .titPost strong {display: inline-block; margin: 0; padding: 4px 8px 4px; background-color: #4173e3; border-color: #4173e3; font-family: 'NanumBarunGothic', sans-serif; font-weight: 500; text-align: center; font-size: 14px;color: #fff;}
div.mainBnr div.nPost_new .postBnr ul{font-size: 0;}
div.mainBnr div.nPost_new .postBnr ul li {position: relative; padding: 0 0 0; margin: 0; height: 29px;}
div.mainBnr div.nPost_new .postBnr ul li a {display:inline-block !important; width: 725px !important; line-height: 1.6; font-family: 'NanumBarunGothicUltraLight', sans-serif; font-size: 15px; color: #565656; letter-spacing: -1px;  text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
div.mainBnr div.nPost_new .postBnr ul li a strong {display: inline-block; line-height: 1.6; font-family: 'NanumBarunGothic', sans-serif; font-weight: 500; font-size: 17px; color: #000;}
div.mainBnr div.nPost_new .postBnr ul li a + span {position: absolute; top: 50%; margin-top: -11px; right: 0; font-family: 'NanumBarunGothic', sans-serif; font-weight: 500; font-size: 14px; color: #4173e3;}


div.mainBnr div.bx-viewport {height: 58px !important; overflow: hidden;}

div.mainBnr div.bx-controls-direction {position: absolute; top:50%; margin-top: -14px; right:35px;}
div.mainBnr div.bx-controls-direction a {display:block; background-repeat: no-repeat; background-position: 0 0; width: 17px; height: 9px; text-indent: -99999px;}
div.mainBnr div.bx-controls-direction a.bx-prev {background-image: url(/image/sub/mainBnr_prev.png); margin-bottom: 10px;}
div.mainBnr div.bx-controls-direction a.bx-next {background-image: url(/image/sub/mainBnr_next.png);}


/* main visual con */
@font-face {
    font-family: 'Godo';
    src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoM.woff2') format('woff2'),
         url('//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoM.woff') format('woff');
    font-weight: 400;
    font-display: swap;
}
.font-godo,
.font-godo *{
    font-family: 'Godo', sans-serif;
}
.main-visual-con{
    width: 100%;
    height: 100%;
    background-color: #fff;
    box-sizing: border-box;
}
.main-visual-con *{
    box-sizing: border-box;
}
.main-visual-con01{
    padding: 55px 20px;
    background-repeat: no-repeat;
    background-position: center 0;
    background-image: url('/image/main/bg_mainvisual_con01.png');
    background-size: cover;
}
.text-center{
    text-align: center;
}
.main-visual-con01 p{
    font-size: 22px;
    font-weight: 400;
    line-height: 1.5;
    color: #171b49;
    letter-spacing: -0.04em;
}
.main-video-wrap{
    margin-top: 40px;
    text-align: center;
}
.main-video-tit{
    margin-bottom: 15px;
    font-size: 19px;
    font-weight: 500;
    letter-spacing: -0.075em;
    color: #16a6db;
}
.main-video-tit span{
    display: inline-block;
    width: 55px;
    padding: 3px 0;
    margin-right: 5px;
    border-radius: 30px;
    background-color: #16a6db;
    color: #fff;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
}
.main-video-wrap .img-wrap{
    display: inline-block;
    box-shadow: 0 5px 10px rgba(65,72,121,0.5);
    vertical-align: top;
}
.main-video-wrap .img-wrap > a{
    display: block;
}
.main-video-wrap .img-wrap img{
    max-width: 100%;
}