@charset "utf-8";
/* Theme Color : #fbf2de,#f8e5be,#f1cc7d,#f4bd48(3),#c88c0a(4.5),#815d1e(5) */
.themeBG {background-color:#c88c0a !important}
.themeBG1 {background-color:#f4bd48 !important}
.themeBG2 {background-color:#815d1e !important}
.themeBG3 {background-color:#f8e5be !important}
.themeBG4 {background-color:#fbf2de !important}
.themeBG5 {background-color:#243c85 !important}

.themeBD, #sitemap > li {border-color:#c88c0a !important}
.themeBD1, .rdoBtn input[type="radio"]:checked + label, .rdoBtn input[type="checkbox"]:checked + label, .rdoBtn.checked label  {border-color:#f4bd48 !important}

.themeFC, .htitle, .libSite li a:hover, .calendar td.choice .day, #sitemap > li > a {color:#c88c0a !important}
.themeFC1 {color:#f4bd48 !important}
.themeFC2 {color:#815d1e !important}

.themeColor, .themeBtn, .tB01, #gnbNavM, #gnbNav.fixed, .tnb .choiced a, .virtSelect a, .ss-controls > a,.popupHeader, .calendar td.today .today, .mobileAppWrap .infoList::before, .step-list li::before, .paging span.current, .tnb li.choiced a,.tnb li.choiced a:hover,.tnb li.choiced a:focus, .ebookLib li.on {background-color:#c88c0a !important}
.themeColor1, .themeBtn1, .nav-controls > a, .rdoBtn input[type="radio"]:checked + label, .rdoBtn input[type="checkbox"]:checked + label, .rdoBtn.checked label, .locationList > li::before {background-color:#f4bd48 !important}
.themeColor2, .themeBtn2 {background-color:#815d1e !important}
.themeColor3, .themeBtn3 {background-color:#fff !important; border:1px solid #e2e2e2; box-sizing:border-box; color:#333 !important;}

/* top menu */
#blackBG {display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1003;background-color:#000;opacity:0.5}
#header {position:relative;z-index:40;background-color:#fff}
.headerInner {position:relative; background-color:#fff;}

/* snb */
#snb {background:#fff;border-bottom:1px solid #ddd;z-index:1002;}
.siteUtilGroup {position:relative;z-index:1001;max-width:1200px;height:40px;margin:0 auto;line-height:40px}
.libSite {position:absolute;top:0;left:0;z-index:11}
.libSite > a {display:inline-block; padding:0 10px; font-size:1.125em;color:#666666;vertical-align:top;background:#fff;box-sizing:border-box;font-weight:400; border-right:1px solid #ddd;}
.libSite > a::after {content:"";display:inline-block;margin-left:15px;vertical-align:middle;border-top:5px solid #666;border-right:4px solid transparent;border-left:4px solid transparent}
.libSite ul {display:none;position:absolute;top:100%;left:0;width:100%;padding:0 12px 3px;border:1px solid #ccc;box-sizing:border-box;background-color:#fff;box-shadow:0 2px 5px rgba(0,0,0,.2)}
.libSite li + li {border-top:1px dotted #ccc}
.libSite li a {display:inline-block;font-size:0.938em;color:#333;vertical-align:top}

.siteMenu {float:right;position:relative;color:#333;text-align:right;font-size:1em;}
.siteMenu > ul {float:left; overflow: hidden;}
.siteMenu > ul > li {float:left;position:relative;}
.siteMenu > ul > li a {display:block;padding:0 12px;font-size:1.125em;}
.siteMenu > ul > li + li::before {content:"";display:block;position:absolute;top:50%;left:0;width:1px;height:10px;margin-top:-5px;background-color:#ccc}
.siteMenu > ul > li a:hover,.siteMenu li a:focus {text-decoration:underline;}
.siteMenu > ul > li.userInfo {position:relative;padding:0 12px 0 30px;border-left:0}
/* .siteMenu > ul > li.userInfo::before {content:"";display:block;position:absolute;top:5px;left:0;width:25px;height:25px;background:url(/include/image/common/btn_snb.png) -4px -84px no-repeat} */
.langs {float:right;position:relative;text-align:left;border-right:1px solid rgba(255,255,255,.5);border-left:1px solid rgba(255,255,255,.5)}
.langs > a {display:inline-block;padding:0 30px 0 12px;color:#fff;vertical-align:top;background:url(/include/image/common/arr_snb.png) 100% center no-repeat}
.langs > a:hover,.langs > a:focus {text-decoration:none}
.langs ul {display:none;position:absolute;top:100%;left:0;width:100%;padding:0 12px 3px;border:1px solid #ccc;box-sizing:border-box;background-color:#fff}
.langs li + li {border-top:1px dotted #ccc}
.langs li a {display:inline-block;padding:0;color:#333;vertical-align:top}
/* logo */
#logo {height:62px;padding:32px 0 0;line-height:0;vertical-align:top}
#logo img {display:inline-block;vertical-align:top}

/* 검색영역 */
/* #btnSearchTop {display:block;overflow:hidden;position:absolute;top:20px;right:10px;width:20px;height:20px;background:url(/include/image/common/btn_snb.png) 0 -80px no-repeat;background-size:20px auto} */
#btnSearchTop {display:block;overflow:hidden;position:absolute;top:10px;right:15px;width:0;height:32px;margin:0;padding-left:32px;background:url(/include/image/common/btn_snb.png) 0 -160px no-repeat}
.searchBoxWrap {position:relative;z-index:888;max-width:550px;height:55px;margin:0 0 0 448px;padding:30px 0 10px;font-size:1.071em}
.searchBox {position:relative;padding:0 60px 0 0;margin:0 auto;border:2px solid #666;background-color:#fff}
/* .searchBox::after {content:"";display:block;position:absolute;top:50%;left:105px;margin-top:-3px;border-top:5px solid #526000;border-right:5px solid transparent;border-left:5px solid transparent} */
.searchBox select {position:absolute;top:0;left:0;z-index:10;width:120px;height:53px;line-height:53px;padding:0 20px 0 5px;border:0;background:transparent none}
.searchBox .keywordInput input {width:100%;height:53px;line-height:53px;border:none}
.searchBox .btnSearch {display:block;position:absolute;top:0;right:0;width:60px;height:53px;color:#fff;text-align:center;line-height:48px;}
.keywordPop {position:absolute;top:45px;right:-135px;width:100px;height:25px;padding-right:15px;overflow:hidden;}
.keywordPop .keywordList li {overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.keywordPop .keywordList a {line-height:24px}
.keywordPop .controlArea {position:absolute;top:0;right:0}
.keywordPop .controlArea a {display:block;margin:5px 0;line-height:0}
.keywordPop .controlArea a#btnUp {border-right:6px solid transparent;border-bottom:7px solid #bababa;border-left:6px solid transparent}
.keywordPop .controlArea a#btnDwon {border-top:7px solid #bababa;border-right:6px solid transparent;border-left:6px solid transparent}

/* gnb */
#gnbNav {position:relative;z-index:777;margin:0 auto;}
#submenuArea {display:none;position:absolute;top:206px;left:0;right:0;z-index:776;width:100%;height:260px;border-top:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0;background-color:#fff;}
#submenuLink {position:absolute;top:0;left:0;right:calc(50% + 280px);height:100%;color:#fff;background:url(/include/image/intro/common/bg_gnb_intro.png) right top no-repeat,linear-gradient(90deg, #43bbe7 10%,#2a7ad5 80%)}
#submenuLink .catchphrase {padding:30px 30px 0 0;font-size:1.125em;text-align:right}
#submenuLink .catchphrase strong {display:block;font-size:1.389em;}
#submenuLink .link {position:absolute;right:30px;bottom:27px}
#submenuLink .link a {display:inline-block;width:128px;font-size:1.063em;line-height:38px;text-align:center;border:1px solid rgba(255,255,255,.5);background-color:rgba(25,152,219,.5)}
#submenuLink .link a + a {margin-left:11px}
#gnb {position:relative;max-width:1200px;height:70px;margin:0 auto; padding-right:70px; overflow:hidden; box-sizing:border-box;}
#gnb > li {position:relative;float:left;width:14.28571428571429%;height:100%;text-align:center}
#gnb > li > a {display:inline-block;height:70px;padding-bottom:0px;font-weight:500;font-size:1.375em;line-height:70px;color:#333;box-sizing:border-box; text-underline-position:under; text-underline-position:under;}
#gnb > li > ul {position:relative;padding:10px 12px;text-align:center;font-size:1em;}
/* #gnb > li > ul::before {content:"";position:absolute;top:0;left:0;height:100%;border-left:1px solid #d0d0d0} */
#gnb > li > ul ul {display:none}
#gnb > li > ul a {display:inline-block;margin:2px 0;color:#666;word-break:keep-all;letter-spacing:-0.025em;}
#gnb > li.fbC > a {padding-bottom:3px;border-bottom:3px solid #c88c0a}
/* #gnb > li.fbC > a:hover,#gnb > li.fbC > a:focus {text-decoration:none} */
#gnb #gnb9,#gnb #gnb10 {display:none !important}
.btnTotal {position:absolute; top:0; left:50%; margin-left:570px}
.btnTotal a {display:block; overflow:hidden; width:30px; height:70px; background:url(/include/image/common/btn_totalmenu.png) 50% 50% no-repeat}

/* mobile menu */
#mobileIndexOpen {display:block;overflow:hidden;position:absolute;top:10px;left:15px;width:32px;height:32px;background:url(/include/image/common/btn_snb.png) 0 0 no-repeat; z-index:779}
#mobileIndexClose {overflow:hidden;padding:10px;border-bottom:1px solid #e4e4e4}
#mobileIndexClose > a {float:right;display:block;width:30px;height:30px;background:url(/include/image/common/btn_mobile_close.png) 0 0 no-repeat}
#gnbNavM {display:none;overflow-y:auto;position:fixed;top:0;left:-240px;z-index:1300;width:240px;height:100%;background-color:#fff}
#gnbM > li {border-bottom:1px solid #e4e4e4}
#gnbM > li > a {display:block;padding:13px 10px;font-size:1.154em;color:#fff}
#gnbM > li ul {display:none}
#gnbM > li > ul > li {border-top:1px solid #e4e4e4; background:#f9f9f9;}
#gnbM > li ul > li > a {display:block;padding:10px}
#gnbM > li > ul > li > a::before {content:"- ";display:inline}
#gnbM > li ul ul {padding:5px 0;border-top:1px solid #e4e4e4;background-color:#eff3fb}
#gnbM > li ul ul > li {margin:2px 0}
#gnbM > li ul ul > li > a {display:inline-block;padding:3px 10px 3px 15px}
#gnbM > li ul ul > li > a::before {content:"· ";display:inline}
#gnbM ul {padding:0}
#gnbM a.current {font-weight:bold;font-size:1.071em;color:#c88c0a;}

/* content wrap */
.contentGroup {padding:0 0 50px}
.contentGroup:after {content:"";display:block;clear:both}

/* lnb */
#lnbNav {float:left;width:270px;margin-top:-1px;}
#lnbNav h2 {position:relative;font-weight:normal;font-size:2.188em;line-height:160px;color:#fff;text-align:center; background:url(/include/image/lsy/common/lnbNav_bg.jpg)no-repeat;}
#lnb {overflow:hidden;word-break:keep-all;border-top:0;background-color:#fff}
#lnb a:hover,#lnb a:focus {text-decoration:underline;}
#lnb a[target="_blank"]::after {content:"";display:inline;padding-right:22px;background:url(/include/image/button/ico_blank_hover.png) 100% 50% no-repeat}
#lnb > li > a {display:block;position:relative;padding:10px 20px;font-weight:500;font-size:1.250em;line-height:30px; border-bottom:1px solid #e2e2e2; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; background:url(/include/image/button/ico_more_g.png) 91% 50% no-repeat;}
#lnb > li > a.current {font-size:1.250em;color:#fff;border:0;background:#815d1e url(/include/image/button/ico_left_open.png) 91% 50% no-repeat;}
#lnb > li > a.current:hover,#lnb > li > a.current:focus {text-decoration:none}
#lnb > li > ul > li > a.current {font-weight:bold;}
#lnb .submenu {padding:10px 20px;border-bottom:1px solid #d8d8d8;background-color:#f5f5f5;border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2;}
#lnb .submenu li + li {margin-top:3px}
#lnb .submenu li {font-size:1.125em;}
#lnb .submenu a::before {content:"· "}

/* contents */
#contents {position:relative;z-index:10;padding:50px 0;word-break:keep-all}

/* navi */
.naviandtitle {overflow:hidden;position:relative;min-height:160px;padding:0;border-bottom:1px solid #e2e2e2}
.naviandtitle h3 {position:relative;font-size:1.875em;line-height:1;color:#333;padding-top:20px;margin-top:30px;}
.naviandtitle h3::before {content:""; position:absolute; top:0; left:0; width:25px; height:4px; background:#333;}
.naviandtitle .navi {position:absolute;bottom:0;width:100%;height:50px;line-height:50px;color:#666;border-top:1px solid #e2e2e2;}
.naviandtitle .navi a {display:inline-block;overflow:hidden;width:21px;height:50px;vertical-align:top;text-indent:10em;background:url(/include/image/common/ico_home.png) 0 center no-repeat;}
.naviandtitle .navi > strong {display:inline-block;font-weight:normal;vertical-align:top;}
 
/*footer*/
#footer {position:relative;padding-bottom:30px;color:#eaeaea;background-color:#fff}
.fnb {padding:0; background:#fff; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.fnb ul {position:relative;max-width:1200px;margin:0 auto;background:#fff; box-sizing:border-box;}
.fnb li {float:left;position:relative;line-height:60px;font-size:1.125em;vertical-align:top; color:#666;}
.fnb li + li {margin-left:13px;padding-left:14px}
.fnb li + li::before,.fAdd address span::before {content:"";position:absolute;top:50%;left:0;width:1px;height:10px;margin-top:-5px;background-color:#666}

.fnb b {font-weight:bold;color:#000}
.familySite {position:absolute;top:14px;left:50%;margin-left:350px;padding-right:20px;font-size:0.875em}
.familySite::after {content:"";position:absolute;top:17px;right:65px;border-top:5px solid #666;border-right:5px solid transparent;border-left:5px solid transparent}
.familySite select {display:block;width:230px;height:35px;font-size:1.200em;color:#666;line-height:35px;border:1px solid #666; box-sizing:border-box; border-radius:17px; padding:0 20px;}
.familySite select option {font-size:inherit;font-family:inherit;background-color:#fff}
.familySite a.btnGo {display:block;position:absolute;top:0;right:0;width:50px;font-size:1.200em;color:#bbbbbb;line-height:35px;text-align:center;background:#666;border-radius:0 17px 17px 0; border-left:1px solid #666;padding-right:3px;}
.fAdd {position:relative;overflow:hidden;max-width:1200px;margin:0 auto;padding:0 0 0 400px;color:#999; box-sizing:border-box;margin-top:50px;}
.footer_logo {position:absolute; top:5px;left:0;}
.fAdd ul {overflow: hidden; margin-left:-1em;}
.fAdd ul li {float:left;position:relative;margin-right:1em;padding-left:15px}
/* .fAdd ul li::before {content:"";display:block;position:absolute;top:50%;left:0;width:0;height:12px;margin-top:-6px;border-right:1px solid #757575}
.fAdd ul li:first-child::before {display:none;} */
.fAdd address span {display:inline-block;position:relative;margin-left:20px;padding-left:21px;white-space:nowrap;vertical-align:baseline}
.fAdd cite {display:block;font-weight:normal}

#btnTopScroll {bottom:202px;}

@media screen and (max-width:1024px){
	.mobileShow {display:block !important}
	.mobileShowInline {display:inline-block !important}
	.mobileHide,.mobileShow2,.mobileShow3,.mHide,#lnbNav,.btnTotal,.studylink,.snsPrint {display:none !important}
	#header {border-bottom:1px solid #e4e4e4}
	.siteUtilGroup {height:30px;line-height:30px; background:#f5f5f5;}
	.siteMenu > ul > li.userInfo::before {top:3px}
	.siteMenu > ul > li.sitemap {display:none}
	.naviandtitle h3 {padding:15px 0 10px}
	#logo {position:inherit;top:inherit;left:inherit;width:40%;height:50px;padding:5px 0;text-align:center;margin:0 auto; box-sizing:border-box;}
	#logo a {display:block;height:40px;line-height:40px;box-sizing:border-box;}
	#logo img {vertical-align: middle;}
	#topSearchForm {display:none;position:absolute;top:-1px;right:0;width:100%;z-index:800;}
	#searchTopClose {display:none;overflow:hidden;position:absolute;top:-2px;right:10px;width:32px;height:32px;background:url(/include/image/common/btn_search_close.png) 50% 50% no-repeat; z-index: 801; background-size: 28px;}
	.searchBoxWrap {margin:0 auto; max-width:100%; background:#fff;}
	.searchBox {max-width:80%;}
	.contentGroup {padding:0 15px}
	.familySite {right:15px;left:inherit;margin:0}
	#footer {padding:0 0 20px;}
	.fAdd {padding:0; margin: 20px 10px 0;}
	.fnb {text-align: center;}
	.fnb li {float:none; display:inline-block; line-height: 50px;}
}
@media screen and (max-width:800px){
	.mobileShow2 {display:block !important}
	.mobileHide2, .familySite {display:none !important}
	.WebHide {display:block !important}
}
@media screen and (max-width:640px){
	#contents {padding:30px 0 40px;}
	body {font-size:0.813em}
	.naviandtitle {min-height: 130px;}
	.naviandtitle h3 {padding:10px 0 10px;font-size:1.692em;line-height:1.5}
	.naviandtitle .navi {height:40px; line-height:40px;}
	.naviandtitle .navi a {height:35px;}
	.fAdd .name {display:block}
	.fAdd .info > li {display:inline-block}
}
@media screen and (max-width:480px){
	.mobileShow3 {display:block !important}
	.mobileHide3 {display:none !important}
	#logo {width:50%;}
}
@media screen and (max-width:375px){
	/* #logo {height:40px} */
}
@media screen and (min-width:1025px){
	.webHide,.mobileShow,.mobileShowInline,.mobileShow2,.mobileShow3,#mobileIndexOpen,#mobileIndexClose,#btnSearchTop {display:none !important}
	.btnTotal {display:block !important}
	#wrap {min-width:1200px}
	.libSite > a {min-width:180px; padding:0 15px; border-left:1px solid #ddd;}
	.libSite > a::after {display:block;position:absolute;top:50%;right:18px;margin-top:-3px;margin-left:0}
	#logo {position:absolute;top:0;left:0}
	.headerInner,.contentGroup {width:1200px;margin:0 auto}
	#contentcore {float:right;width:880px}
	#contents {min-height: 600px;}
	#gnbNav.fixed {position:fixed;top:0;left:0;right:0;width:100%;padding:0;border:0;z-index:780;}
	#gnbNav.fixed + #submenuArea {position:fixed;top:61px}
	#gnbNav.fixed #gnb > li > a,#gnbNav.fixed #gnb > li.fbC > a {color:#fff!important}
	#gnbNav.fixed .btnTotal a {border-color:rgba(255,255,255,.5);background-image:url(/include/image/common/btn_totalmenu_fixed.png)}
}