@charset "utf-8";
@import url('simple-line-icons.css');
@import url('NanumGothic.css');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700');


 /* 사이트 공통 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:'NanumGothic Regular', sans-serif;font-weight:normal;word-break:normal;}


div.wrapper {overflow: hidden;position: relative;width:100%;}
div#headerWrap a {text-decoration: none;}
div.gnbWrap ul, div.gnbWrap li {margin: 0;padding: 0;list-style:none;}
hr {display: none;}

ul#gnb a {display: block;}
ul#gnb > li > a {font-weight: bold;}

div#container {}



div#footerWrap {border-top: 1px solid #dee2ec;background-color: #fff;}
div#footerWrap,
div#footerWrap a {text-decoration: none;}




/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.wrapper,
div.popupWrap{min-width:320px;font-size:14px;line-height:1.5;}

div#headerWrap {z-index: 50;position: relative;}
div#headerWrap h1 {z-index: 50;position: relative;height: 55px;padding: 0;background-color: #fff;border-bottom: 1px solid #dfdfdf;}
div#headerWrap h1 a {display: block;padding: 13px 0 12px;}
div#headerWrap h1 img {display: block;height: 30px;margin: 0 auto;}

div#headerWrap p.viewGnb {z-index: 50;position: absolute;right: 0;top: 0;width: 55px;height: 55px;}
div#headerWrap p.viewGnb a {background: url('/image/common/viewGnb.png') center center no-repeat;background-size: 50px;}
div#headerWrap p.viewGnb a.on {background-image: url('/image/common/viewGnb_on.png');}


div.gnbWrap {position: fixed;right: -100%;top: 0;width: 100%;height: 100%;padding: 105px 0 76px 60px;background-color:rgba(0,0,0,.7);box-sizing:border-box;}
div.gnbWrap > * {display: none;}
div.gnbWrap a {color: #fff;}

ul#gnb {overflow-x: hidden;overflow-y: scroll;height: 100%;background-color: #fff;}
ul#gnb > li {border-bottom: 1px solid #fff;}
ul#gnb > li > a {padding: 7px 38px 7px 15px;color: #000;font-size: 15px;line-height: 23px;background: #f1f1f1 url('/image/common/gnbBg_m.png') right 0 no-repeat;background-size: 28px;}
ul#gnb > li > a.on {background-position: right -38px;}

ul#gnb ul {display: none;padding: 0 10px 10px;}
ul#gnb ul li {padding-top: 10px;}
ul#gnb ul a {color: #838282;font-size: 14px;}
ul#gnb ul a:before {content: "- ";}

div.headerUtil ul {position: absolute;left: 0;width: 100%;padding-left: 60px;box-sizing:border-box;}
div.headerUtil li {float: left;box-sizing:border-box;}
div.headerUtil a {display: block;text-align: center;}

div.headerUtil .admin {display: block !important;}
div.headerUtil ul.util {top: 55px;height: 50px;}
div.headerUtil ul.util li {width: 39%;padding: 13px 5px;background-color: #42a9f6}
div.headerUtil ul.util.admin li {width: 26%;}
div.headerUtil ul.util a {padding: 2px 0;border: 1px solid #fff;border-radius: 14px;font-size: 12px;}

div.headerUtil ul.util li.home {width: 22% !important;padding:11px 0 12px;}
div.headerUtil ul.util li.home a {padding: 3px 0 4px;font-size: 0;border: 0 none;}
div.headerUtil ul.util li.home a:before {display:block;width: 100%;text-indent: 0;text-align: center;font-size: 20px;}

div.headerUtil ul.more {bottom: 0;height: 76px;}
div.headerUtil ul.more li {width: 50%;background-color: #494949;}
div.headerUtil ul.more li.mobileOnly {border-top: 1px solid #626262;}
div.headerUtil ul.more li:nth-child(2),
div.headerUtil ul.more li:nth-child(5) {border-right: 1px solid #626262;}
div.headerUtil ul.more a {padding: 8px 0;}



div#footerWrap {padding: 10px;text-align: center;font-size: 12px;}
div#footerWrap li {display: inline-block;}
div#footerWrap ul.sitePolicy,
div#footerWrap div.ssl {display: none;}


h2.pageTit,
dl#lnb > dt {display: none;}

dl#lnb {z-index: 30;position: relative;height: 40px;background-color: #42a9f6;}
dl#lnb p a {display: block;position: relative;height: 21px;padding: 9px 2em 10px 10px;color: #fff;font-weight: bold;line-height: 21px;}
dl#lnb p a i {position: absolute;right: 1em;top: 50%;margin-top: -0.5em;}
dl#lnb ul {display: none;position: absolute;left: 0;top: 40px;width: 100%;padding: 0 10px 10px;border: 2px solid #42a9f6;border-top: 0 none;background-color: #fff;box-sizing:border-box;}
dl#lnb li {padding-top: 5px;}

div.contents {padding-top: 10px;}
div.contents > div {padding: 10px;}
}



/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.wrapper,
div.popupWrap {font-size:16px;line-height:1.5;}
div.wrapper {min-width:1200px;}

div.wrapper {position: relative;padding-top: 119px;border-top: 3px solid #42a9f6;}

div#headerWrap {z-index: 50;position: absolute;left: 0;top: 0;width: 100%;height: 118px;border-bottom: 1px solid #d5d5d5;}
div#headerWrap > div {height: 118px;border-bottom: 1px solid #d5d5d5;background-color: #fff;}
div#headerWrap a {display: block;text-decoration: none;}
div#headerWrap h1 {z-index: 60;position: absolute;left: 50%;top: 30px;margin-left: -600px;width: 266px;height: 61px;}

div.headerUtil {overflow: hidden;position: absolute;left: 50%;top: 0;width: 602px;margin-left: -2px;font-size: 12px;}
div.headerUtil ul {float: left;}
div.headerUtil li {float: left;position: relative;padding-left:20px;}
div.headerUtil li:before {position: absolute;left: 10px;top: 6px;content: "|";font-size: 12px;}
div.headerUtil li.home,
div.headerUtil ul:first-child li:nth-child(2) {padding-left: 0;}
div.headerUtil li.home:before,
div.headerUtil li.home a:before,
div.headerUtil ul:first-child li:nth-child(2):before {content: "";}
div.headerUtil a {line-height: 21px;padding: 5px;color: #3a3a3a;}

div.headerUtil li.home a {display: inline-block;padding: 5px 10px;margin-right: 10px;color: #fff;background-color: #42a9f6;}
div.headerUtil li.admin a {color: #42a9f6;}

div.gnbWrap {}
ul#gnb {overflow: hidden;position: absolute;left: 50%;top: 31px;width: 1200px;height: 87px;margin-left: -600px;}
ul#gnb > li {float: left;width: 125px;}
ul#gnb > li > a {font-size: 18px;height: 33px;padding: 27px 0;color: #3a3a3a;text-align: center;}
ul#gnb ul {border-right: 1px solid #fff;border-left: 1px solid #fff;}
ul#gnb > li:first-child {padding-left: 300px;background: url('/image/common/gnbBg.png') 0 124px no-repeat;}
ul#gnb > li:first-child ul {border-left-color:transparent;}
ul#gnb ul {}
ul#gnb ul li {padding:0 0 15px;}
ul#gnb ul li:first-child {padding-top: 15px;}
ul#gnb ul a {text-align: center;font-size: .9em;word-break:keep-all;}

ul#gnb > li:hover ul,
ul#gnb > li:focus ul {background-color: #f4fbff;border-color: #d5d5d5;}
ul#gnb > li:first-child:hover ul,
ul#gnb > li:first-child:focus ul {}

hr.header {display: block;z-index: 60;position: absolute;left: 0;top: 118px;width: 100%;height: 1px;border: 0 none;background-color: #d5d5d5;}

div#footerWrap, div#footerWrap a {color: #1d1d1d;}
div#footerWrap > div {position: relative;width: 850px;padding:30px 0 20px 350px;margin: 0 auto;background: url('/image/common/footer_logo.png') 20px center no-repeat;font-size: 14px;}

div#footerWrap ul {overflow: hidden;}
div#footerWrap li {float: left;margin-left: 8px;}
div#footerWrap li:first-child {margin-left: 0;}

div#footerWrap ul.sitePolicy {padding-bottom: 15px;}
div#footerWrap ul.sitePolicy li {position: relative;padding-left: 10px;}
div#footerWrap ul.sitePolicy a {font-size: 16px;}
div#footerWrap ul.sitePolicy li:before {position: absolute;left: 0;top: 2px;content: "|";font-size: 14px;}
div#footerWrap ul.sitePolicy li:first-child {padding-left: 0;}
div#footerWrap ul.sitePolicy li:first-child:before {content: "";}

div#footerWrap div.ssl {position: absolute;right: 25px;top: 50%;width: 122px;height: 66px;margin-top: -33px;}

div.wrapper {background:#fff url('/image/common/conBg.jpg') center 119px no-repeat;}
h2.pageTit {margin: 0;padding-left: 220px;text-align: center;color: #fff;font-weight: bold;font-size: 50px;line-height: 173px;text-shadow:0 0 5px rgba(0,0,0,.5);}
div#container {width: 1200px;margin: 0 auto 50px;}
div#container:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: ".";}

dl#lnb {float: left;width: 220px;margin-top: -130px;}
dl#lnb > dt {height: 45px;padding: 42px 0 43px;text-align: center;color: #fff;font-size: 30px;font-weight: bold;background: #42a9f6 url('/image/common/lnb_titBg.jpg') right bottom no-repeat;}
dl#lnb dd p {display: none;}
dl#lnb dd > ul > li {border-bottom: 1px solid #e5e5e5;}
dl#lnb dd > ul > li > a {padding: 12px 30px 13px 20px;color: #6f6f6f;font-size: 16px;line-height: 24px;}
dl#lnb dd > ul > li.on > a {color: #3a9ded;background:#f5f5f5 url('/image/common/lnb_on.png') right center no-repeat;}
dl#lnb dd > ul ul {padding:0 0 10px 30px;}
dl#lnb dd > ul ul a {margin-top: 10px;padding-left: 10px;background: url('/image/common/lnb_sub.png') 0 8px no-repeat;font-size: 14px;color: #6f6f6f;}
dl#lnb dd > ul ul li.on a {background-image: url('/image/common/lnb_sub_on.png');color: #3a9ded;}

dl#lnb dd > ul ul a:hover,
dl#lnb dd > ul ul a:focus {text-decoration: underline;}

div.contents {float: right;width: 940px;padding-top: 30px;}
}








/* ========================================================================================================== */
/* ===================================================  Intro ================================================== */
/* ========================================================================================================== */
body.intro {overflow-x: hidden;position: relative;height: 100%;box-sizing:border-box;}
body.intro p, body.intro ul, body.intro li {margin: 0;padding: 0;list-style:none;}
body.intro a, body.intro img {display: block;}

body.intro div.wrapper {overflow: visible;border-top: 0 none;}

body.intro hr.header {display: none;}


body.intro div#container {text-align: center;margin: 0 auto;}
body.intro img {margin: 0 auto;}
body.intro div#container ul {padding: 30px 0;}
body.intro div#container li {display: inline-block;}



/*  Mobile : ~ width:959px  */
@media screen and (max-width: 959px) {
body.intro div.wrapper {background-position: center 55px;background-repeat: no-repeat;background-size: 100%;}
body.typeA div.wrapper {background-image: url('/image/main/introBg_a_m.jpg');}
body.typeB div.wrapper {background-image: url('/image/main/introBg_b_m.jpg');}
body.typeC div.wrapper {background-image: url('/image/main/introBg_c_m.jpg');}

body.intro div.contents {padding: 200px 0 60px;}
body.intro div.contents p img {width: 240px;}

ul.introMenu a {width: 80px;background-position: 0 0;background-repeat: no-repeat;background-size: 90px;}
ul.introMenu a img {width: 100%;}

/*
ul.introMenu a {height: 93px;}
ul.introMenu li:nth-child(1) a {background-image: url('/image/main/introMenu_general_m.png');}
ul.introMenu li:nth-child(2) a {background-image: url('/image/main/introMenu_member_m.png');}
ul.introMenu li:nth-child(3) a {background-image: url('/image/main/introMenu_eng_m.png');}
*/
}




/* PC : width:960px ~ */
@media screen and (min-width: 960px) {
body.intro div.wrapper {padding:141px 0 0;background-position: center 140px;background-repeat: no-repeat;}
body.typeA div.wrapper {background-image: url('/image/main/introBg_a.jpg');}
body.typeB div.wrapper {background-image: url('/image/main/introBg_b.jpg');}
body.typeC div.wrapper {background-image: url('/image/main/introBg_c.jpg');}

body.intro div#headerWrap,
body.intro div#headerWrap > div {height: 140px;}
body.intro div#headerWrap h1 {top: 50%;margin: -30px 0 0 -133px;}


body.intro div#container div.contents {float: none;width: 1200px;padding: 250px 0 50px;}
}







/* Main */
.main .wrapper {background: #eceff8;}

.main #container {}
.main #container:after {clear: both;display: block;height: 0;line-height: 0;}

.main p, .main ul, .main li,
.main dl, .main dt, .main dd {margin: 0;padding: 0;list-style:none;}
.main a {display: block;text-decoration: none;color: inherit;}


div.mainBnr {position: relative;}
div.mainBnr img {display: block;}
div.mainBnr div.bx-controls {z-index: 20;position: absolute;}
div.mainBnr div.bx-controls div {display: inline-block;}
div.mainBnr div.bx-controls a {width: 14px;height: 14px;margin-right: 6px;line-height: 14px;border-radius:7px;text-indent: -10000px;background-color: #9a99a7;}
div.mainBnr div.bx-controls a.active {width: 34px;background-color: #006db0;}

dl.mainBbs {position: relative;background-color: #fff;}
dl.mainBbs dt {z-index: 10;position: absolute;padding-bottom: 5px;border-bottom: 3px solid #006db0;font-weight: 400;color: #006db0;text-align: center;}
dl.mainBbs dd {padding-top: 10px;margin-top: -1px;border-top: 1px solid #e1e1e1;}
dl.mainBbs dd, dl.mainBbs dd a {color: #6f6f6f;}

dl.mainBbs li {position: relative;}
dl.mainBbs li a {position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
dl.mainBbs li span {position: absolute;right: 0;top: 50%;}
dl.mainBbs p.more {position: absolute;}

ul.mainQuick li {background-position: right bottom;background-repeat: no-repeat;}
ul.mainQuick li:nth-child(1) {background-image: url('/image/main/mainMenu_01.png');background-color: #42a9f6;}
ul.mainQuick li:nth-child(2) {background-image: url('/image/main/mainMenu_02.png');}
ul.mainQuick li:nth-child(3) {background-image: url('/image/main/mainMenu_03.png');background-color: #2d3d8e;}
ul.mainQuick li:nth-child(4) {background-image: url('/image/main/mainMenu_04.png');}
ul.mainQuick li:nth-child(5) {background-image: url('/image/main/mainMenu_05.png');background-color: #717171;}
ul.mainQuick li:nth-child(6) {background-image: url('/image/main/mainMenu_06.png');background-color: #efaa2a;}

ul.mainQuick a {color: #fff;}

ul.mainQuick a.newsletter {display: table-cell;width: 500px;vertical-align: middle;background-color: #d6d6d6;}
ul.mainQuick a.newsletter img {display: inline-block;vertical-align: middle;}
ul.mainQuick li.wide {}
ul.mainQuick li.wide:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.mainQuick li.wide a {float: left;width: 33.3%;background-image: url('/image/main/mainMenu_arr.png');background-repeat: no-repeat;}
ul.mainQuick li.wide a:nth-child(1) {width: 33.4%;background-color: #00a094;}
ul.mainQuick li.wide a:nth-child(2) {background-color: #2d707d;}
ul.mainQuick li.wide a:nth-child(3) {background-color: #4e3892;}

div.mainSponsor {position: relative;}
div.mainSponsor li {display: inline-block;vertical-align: top;margin: 0 12px;}
div.mainSponsor ul, div.mainSponsor ul li {margin: 0;padding: 0;list-style:none;}
div.mainSponsor a, div.sponsor img {display: block;}

div.mainSponsor div.bx-controls a {
	position: absolute;
	/* top: 15px; */
	width: 15px;
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
	text-indent: -10000px;
}
div.mainSponsor div.bx-controls a:before {position: absolute;left: 0;top: 0;width: 15px;text-indent: 0;color: #d6d6d6;}



div.mainSponsor li a {
	display: block;
	width: 100%;
	height: 100%;
}

div.mainSponsor li a > img {
	height: 100%;
}
/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {

div.mainBnr img {width: 100%;}
div.mainBnr div.bx-controls {left: 0;bottom: 20px;width: 100%;height: 14px;text-align: center;}

dl.mainBbs {padding:46px 10px 10px;margin: 10px;border: 1px solid #dee2ec;}
dl.mainBbs dt {left: 10px;top: 15px;font-size: 16px;}

dl.mainBbs li {margin-top: 5px;padding-right: 80px;}
dl.mainBbs li span {margin-top: -12px;}
dl.mainBbs p.more {right: 10px;top: 8px;}

ul.mainQuick {overflow: hidden;margin: 10px;}
ul.mainQuick li {float: left;width: 33.3%;background-size:auto 100%;}
ul.mainQuick li:nth-child(3n+1) {clear: both;width: 33.4%;}
ul.mainQuick li:nth-child(2),
ul.mainQuick li:nth-child(4) {background-size: 100% 100%;}
ul.mainQuick a {height: 163px;padding: 25px 0 0 15px;font-size: 16px;}


ul.mainQuick li:nth-child(5),
ul.mainQuick li:nth-child(6) {background-position: right 30px bottom 25px;background-size: 48px;}


ul.mainQuick li.vertical a {height: 123px;}
ul.mainQuick li.vertical a.newsletter {height: 40px;padding-top: 0;}
ul.mainQuick li.vertical a.newsletter img {height: 15px;padding-left: 10px;}

ul.mainQuick li.wide {clear: both;width: 100%;}
ul.mainQuick li.wide a {height: 100px;padding: 15px 0 0 15px;font-size: 16px;line-height: 20px;box-sizing:border-box;background-position: right 15px bottom 15px;}

div.mainSponsor {padding: 15px;border-top: 1px solid #dee2ec;background-color: #fff;}

div.mainSponsor li {width: 100px !important;height: 26px;}
div.mainSponsor div.bx-controls a {
	top: 50%;
	transform: translateY(-50%);
	height: 26px;
}
div.mainSponsor div.bx-controls a:before {line-height: 26px;}
div.mainSponsor a.bx-prev:before {content: "\f104";}
div.mainSponsor a.bx-next:before {content: "\f105";}
div.mainSponsor a.bx-prev {left: 15px;}
div.mainSponsor a.bx-next {right: 0;}
}



/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
.main div#container {width: 1200px;margin: 50px auto;}
.mainCon  {float: left;width: 730px;}

div.mainBnr div.bx-controls {left: 60px;bottom: 46px;height: 14px;}

dl.mainBbs {height: 160px;border-top: 1px solid #dee2ec;border-bottom: 1px solid #dee2ec;padding: 73px 40px 0;}
dl.mainBbs dt {left: 40px;top: 30px;font-size: 24px;line-height: 36px;}

dl.mainBbs li {margin-top: 12px;padding-right: 100px;}
dl.mainBbs li span {margin-top: -12px;}
dl.mainBbs p.more {right: 40px;top: 30px;}

ul.mainQuick {float: right;width: 470px;}
ul.mainQuick li {float: left;width: 235px;height: 235px;}
ul.mainQuick a {height: 185px;padding: 50px 0 0 30px;font-size: 25px;}

ul.mainQuick li:nth-child(5), ul.mainQuick li:nth-child(5) a,
ul.mainQuick li:nth-child(6), ul.mainQuick li:nth-child(6) a,
ul.mainQuick li.wide, ul.mainQuick li.wide a {height: 117px;}

ul.mainQuick li:nth-child(5),
ul.mainQuick li:nth-child(6) {background-position: right 25px center;}

ul.mainQuick li:nth-child(5) a,
ul.mainQuick li:nth-child(6) a {display: table-cell;width: 600px;height: 117px;padding: 0 0 0 30px;vertical-align: middle;}

ul.mainQuick li.vertical a {height: 125px;}
ul.mainQuick li.vertical a.newsletter {height: 65px;padding-top: 0;}
ul.mainQuick li.vertical a.newsletter img {padding-left: 15px;}

ul.mainQuick li.wide {clear: both;width: 100%;}
ul.mainQuick li.wide a {padding: 28px 0 0 28px;font-size: 20px;line-height: 30px;box-sizing:border-box;background-position: right 15px bottom 15px;}

div.mainSponsor {
	position: absolute;
	top: 170px;
	right: 50%;
	margin-right: -784px;
}

div.mainSponsor ul {
	/* padding: 0 20px; */
	/* transform: translate3d(0px, 0px, 0px) !important; */
}
div.mainSponsor li {display: block;width: 160px !important; margin-bottom: 11px !important; border: 1px solid #b7b7b7;box-sizing: border-box;background-color: #fff;}

div.mainSponsor ul li {height: 60px;}
div.mainSponsor ul li:first-child {margin-top: 0 !important;}
div.mainSponsor li a {vertical-align: middle;}
div.mainSponsor div.bx-controls a {left: 50%;height: 45px;}
div.mainSponsor div.bx-controls a:before {line-height: 45px;}
/* div.mainSponsor a.bx-prev {margin-left: -600px;}
div.mainSponsor a.bx-next {margin-left: 585px;} */

.mainSponsor.pc-rolling {
	top: 190px;
	padding-top: 60px;
	padding-bottom: 80px;
	overflow: hidden;
}
.mainSponsor.pc-rolling:not(.full) ul li {
	height: 70px;
	margin-bottom: 20px !important;
}
div.mainSponsor div.bx-controls a {
	display: block;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 35px;
	height: 37px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 0 0;
}
div.mainSponsor a:before {
	display: none;
}
div.mainSponsor a.bx-prev {
	top: 0;
}
div.mainSponsor a.bx-next {
	bottom: 0;
}
.bx-prev {
	background-image: url('../image/common/ic_btn_spon_prev.png');
}
.bx-next {
	background-image: url('../image/common/ic_btn_spon_next.png');
}

.mainSponsor.pc-rolling.full {
	top: 170px;
	padding-top: 0;
	padding-bottom: 0;
}
.mainSponsor.full .bx-controls a {
	display: none;
}

.mainSponsor.pc-rolling.full .bx-viewport{
	min-height: 700px;
}
}







/* ========================================================================================================== */
/* ================================================ 회원 로그인  =============================================== */
/* ========================================================================================================== */
body.memberLogin {overflow-x: hidden;position: relative;height: 100%;background: url('/image/common/login_bg.jpg') center center no-repeat;background-size:100%;box-sizing:border-box;}
body.memberLogin div.wrapper {overflow: visible;border-top: 0 none;padding: 0;background: none;}

.memberLogin p.viewGnb,
.memberLogin div.gnbWrap,
.memberLogin hr.header {display: none !important;}

.memberLogin div#headerWrap,
.memberLogin div#headerWrap h1,
.memberLogin div#headerWrap > div {position: static;height: auto;background: none;border-bottom: 0 none;}
.memberLogin div#headerWrap h1 {margin: 0 auto;}

body.memberLogin div#footerWrap {position: fixed;left: 0;bottom: 0;width: 100%;min-width:320px;box-sizing:border-box;}


.memberLogin div.wrapper {}
.memberLogin p,
.memberLogin ul, .memberLogin li {margin: 0;padding: 0;list-style:none;}

.memberLogin div#container {width: auto;padding: 0;background-color: #fff;}
.memberLogin div.loginArea p {text-align: center;color: #787878;}
.memberLogin div.loginArea p:first-child {color: #282828;font-size: 1.8em;line-height: 1.4em;font-weight: bold;}
.memberLogin div.loginArea p:first-child span {color: #006db0;}

.memberLogin div.formArea {position: relative;}
.memberLogin div.formArea dl {position: relative;margin-top: 10px;padding-left: 50px;border: 1px solid #d5d5d5;}
.memberLogin div.formArea dt {position: absolute;left: 10px;top: 0;color: #787878;}
.memberLogin div.formArea dd input {border-color: #fff;}
.memberLogin div.formArea p.btn * {width: 100%;height: 100%;border: 0 none;background-color: #006db0;font-weight: bold;font-size: 1.5em;}

.memberLogin ul.loginUtil {padding-top: 10px;text-align: center;}
.memberLogin ul.loginUtil li {display: inline-block;vertical-align: top;}
.memberLogin ul.loginUtil li:first-child:after {padding:0 8px 0 10px;content: "|";}
.memberLogin ul.loginUtil a {text-decoration: none;color: #000;font-weight: bold;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
body.memberLogin {min-width:320px;background-size: auto 100%;}
.memberLogin div.wrapper {width: 90%;min-width:90%;padding:40px 10px;margin: 0 auto;}
.memberLogin div#container {padding: 20px 10px;margin: 20px auto;}
.memberLogin > div.loginArea {padding: 20px 10px;}
.memberLogin div.formArea {padding-bottom: 10px;}
.memberLogin div.formArea p.btn {margin-top: 10px;height: 40px;}
}



/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
body.memberLogin {min-height:807px;padding-bottom: 153px;}

.memberLogin h1 {}
.memberLogin div.wrapper {position: absolute;left: 50%;top: 150px;width: 620px;min-width:620px;margin-left: -310px;}

.memberLogin div#container {}
.memberLogin > div.loginArea {width: 500px;padding: 40px 60px;margin: 100px auto;background-color: #fff;border-radius:20px;box-shadow:0 0 10px rgba(0,0,0,.6);}
.memberLogin div.formArea {margin: 30px 0 20px;padding-right: 150px;}
.memberLogin div.formArea dt {}
.memberLogin div.formArea p.btn {position: absolute;right: 0;top: 10px;width: 140px;height: 84px;}
}


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

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 .popHeader {background-position:center top;background-repeat:no-repeat;}

.popHeader {padding-top: 82px;}
.skin01 .popHeader {background-image:url('/image/common/popupTit_bg01.png');background-color: #42a9f6;}
.skin02 .popHeader {background-image:url('/image/common/popupTit_bg02.png');background-color:#f2f2f2;}

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

.skinWrap .contWrap {min-height:268px; width:100%; padding-bottom:22px;}
.skinWrap .contWrap .content {padding:20px; color:#444; line-height:20px; font-size:14px;}
.skinWrap .contWrap .content a {text-decoration:underline; color:#51A5ED;}
.skinWrap .contWrap .content .btnWrap {text-align:center; margin:30px 0;}


.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.layerPopup {display: none;z-index: 100;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.8);}
div.layerPopup > div.popupWrap {position: absolute;left: 50%;top: 50%;transform:translate(-50%, -50%);background-color: #fff;box-sizing:border-box;}
/*  Mobile : ~ width:959px  */
@media screen and (max-width: 959px) {
div.layerPopup > div.popupWrap {width: 80%;max-height: 80%;}
}

/* PC : width:960px ~ */
@media screen and (min-width: 960px) {
}



div.popupWrap {margin:0;}

div.popupWrap h1 {margin: 0;background-color: #2c3d8d;color: #fff;text-align: center;font-family: 'NanumSquareR', sans-serif;}
div.popupWrap p.close {padding:10px 0;}
div.popupWrap p.close a {display:block;width: 100px;padding: 10px 0;border-radius:4px;margin:0 auto;background-color: #42a9f6;color: #fff;text-decoration: none;text-align: center;font-weight: bold;}

/* 팝업 > 이메일 무단 수집 거부 */
div#popupEmail {width:100%;}
div#popupEmail div.popupCon {color: #000;}
div#popupEmail div.popupCon p.date {padding-top:20px;font-weight: bold;}


/* 팝업 > 비밀번호 생성 Tip */
div#popupPwd {}
div#popupPwd dt, div#popupPwd dd,
div#popupPwd ul {padding: 0;margin: 0;}

div#popupPwd dt {font-weight: bold;margin-top: 1.5em;}
div#popupPwd li {position: relative;margin-top: 10px;padding:0.3em  0 0.3em 2.5em;list-style:none;}
div#popupPwd span {position: absolute;left: 0;top: 0;width: 2em;height: 1em;line-height: 1em;padding: 0.5em 0;border-radius:1em;background-color: #ccc;color: #000;text-align: center;}



/* 팝업 > Q&A */
div#popupQna {}
div#popupQna h1 {text-align: left;background-color: #1d2a6f;}
div#popupQna dl, div#popupQna dt, div#popupQna dd, div#popupQna p {margin: 0;padding: 0;}
div#popupQna dt {color: #2d3c8d;background: url('/image/popup/bl_q.png') 0 0 no-repeat;font-weight: 700;}
div#popupQna dd {background: url('/image/popup/bl_a.png') 0 0 no-repeat;}

/*  Mobile : ~ width:959px  */
@media screen and (max-width: 959px) {
div.popupWrap h1 {padding: 10px 10px 12px;font-size: 18px;}
div.popupWrap div.popupCon {padding: 10px;}
div.popupWrap p.close a {width:80px;}
div#popupQna dt, 
div#popupQna dd {background-size: 16px;background-position: 0 2px;}
div#popupQna dt {padding:0 0 0 25px;}
div#popupQna dd {margin-top: 20px;padding:0 0 0 25px;}
}




/* PC : width:960px ~ */
@media screen and (min-width: 960px) {
div.popupWrap h1 {padding: 10px 20px 12px;font-size: 30px;}
div.popupWrap div.popupCon {padding:10px 30px 10px;font-size: 15px;}
div.popupWrap p.close a {width:120px;}

div#popupEmail,
div#popupPwd,
div#popupQna {width:700px;}

div#popupQna div.popupCon {padding: 25px;}
div#popupQna h1 {font-size: 26px;}
div#popupQna dt {padding:3px 0 3px 40px;}
div#popupQna dd {margin-top: 40px;padding:3px 0 3px 40px;}
}


div.intro{}
div.intro p.webinarLink {width:1155px;margin: 0 auto 80px;}
div.intro p.webinarLink a {display: block;box-shadow: 0 11px 18px rgba(0 0 0 / 28%);}

p.coronaNotice a{display:inline-block;}
p.coronaNotice a img{display:block;}

/*  Mobile : ~ width:959px  */
@media screen and (max-width: 959px) {
p.coronaNotice{width: 100%;}
p.coronaNotice a{width: 100%;}
p.coronaNotice a img{width: 100% !important;}

}




/* PC : width:960px ~ */
@media screen and (min-width: 960px) {

div.intro{padding-top:50px;}
p.coronaNotice{text-align: left;}
p.coronaNotice{padding-left: 25px !important;}

}