@charset "utf-8";

@font-face{
	font-family:NotoSansM;
	src:url(../../../../style/font/notokr-medium.eot);
    src:local('※'), url(../../../../style/font/notokr-medium.woff) format('woff');
}
@font-face{
	font-family:NotoSansR;
	src:url(../../../../style/font/notokr-regular.eot);
    src:local('※'), url(../../../../style/font/notokr-regular.woff) format('woff');
}
@font-face{
	font-family:NanumSquareR;
	src:url(../../../../style/font/NanumSquareR.eot);
    src:local('※'), url(../../../../style/font/NanumSquareR.woff) format('woff');
}
@font-face{
	font-family:NanumBarunGothicB;
	src:url(../../../../style/font/NanumBarunGothicBold.eot);
    src:local('※'), url(../../../../style/font/NanumBarunGothicBold.woff) format('woff');
}
@font-face{
	font-family:LatoT;
	src:url(../../../../style/font/Lato-Thin.eot);
    src:local('※'), url(../../../../style/font/Lato-Thin.woff) format('woff');
}
@font-face{
	font-family:LatoM;
	src:url(../../../../style/font/Lato-Medium.eot);
    src:local('※'), url(../../../../style/font/Lato-Medium.woff) format('woff');
}
@font-face{
	font-family:LatoB;
	src:url(../../../../style/font/Lato-Bold.eot);
    src:local('※'), url(../../../../style/font/Lato-Bold.woff) format('woff');
}
@font-face{
	font-family:NG;
	src:url(../../../../style/font/NanumGothic.eot);
    src:local('※'), url(../../../../style/font/NanumGothic.woff) format('woff');
}

/* Layout */
html body{background-color:#fff}
#divWrapper{min-width:1200px}
.seoul-gnb-holder{max-width:1200px !important}
.header{width:1200px;height:92px;margin:32px auto 0}
#divContents{position:relative;width:1200px;margin:10px auto 0;}
#divWrapper #divContent{font-family:NanumBarunGothic,sans-serif}
#divContent{margin-top: 30px;}
#divContent .loginForm{background-color:#fff}

/* Top Information */
/* .topInfo{position:absolute;top:0;left:0;width:100%;font-family:NanumBarunGothic,sans-serif} */
.topInfo > div{width:1200px;margin:0 auto}
.topInfo > div > p{float:left;width:78px;height:20px;margin:8px 32px 0 0;background:url(../../../../image/ko/local/ico-sprite-common-gnb.png) no-repeat 0 0;text-indent:-9999px;overflow:hidden}
.topInfo > div > dl.news{float:left;margin-top:14px;}
.topInfo > div > dl.news dt{float:left;width:16px;height:11px;margin-right:6px;background:url(../../../../image/ko/local/ico-sprite-common-gnb.png) no-repeat -1px -45px;text-indent:-9999px;overflow:hidden}
.topInfo > div > dl.news dd{float:left;line-height:100%}
.topInfo > div > dl.news dd a{color:#666;font-size:12px}
.topInfo > div > dl.topMenu{float:right}
.topInfo > div > dl.topMenu dd{}
.topInfo > div > dl.topMenu dd > ul > li{float:left;border-left:1px solid #e3e4e4;text-indent:-9999px;overflow:hidden}
.topInfo > div > dl.topMenu dd > ul > li.topMenu4{border-right:1px solid #ece4e4}
.topInfo > div > dl.topMenu dd > ul > li a{display:block;width:54px;height:37px;background-image:url(../../../../image/ko/local/ico-sprite-common-gnb.png);background-repeat:no-repeat}
.topInfo > div > dl.topMenu dd > ul > li.topMenu1 a{background-position:-80px 3px}
.topInfo > div > dl.topMenu dd > ul > li.topMenu2 a{background-position:-134px 4px}
.topInfo > div > dl.topMenu dd > ul > li.topMenu3 a{background-position:-188px 4px}
.topInfo > div > dl.topMenu dd > ul > li.topMenu4 a{background-position:-242px 4px}

/* Logo */
.logoM{display:none}
.representative{float:left;margin:17px 0 0 10px}

/* Calligraphy */
.representative{float:left}

/* My Library */
.myLibrary{display:none}

/* Global Menu */
#divGlobalMenu{float:right;margin-top:35px}
#divGlobalMenu > ul > li{float:left;margin:8px 0 0 12px;padding-left:13px;background:url(../../../../image/ko/local/bar1.gif) no-repeat 0 2px;line-height:13px}
#divGlobalMenu > ul > li:first-child{margin-left:0;padding-left:0;background:none}
#divGlobalMenu > ul > li.search{margin-top:0;padding:0;background:none}
#divGlobalMenu > ul > li img{vertical-align:top}
#divGlobalMenu > ul > li > a{font-size:13px;color:#787878;font-family:NanumBarunGothic, sans-serif}
#divGlobalMenu > ul > li.log a{color:#37272a}
#divGlobalMenu > ul > li.membership a{color:#37272a}
#divGlobalMenu > ul > li.myLibMenu > a{padding-left:20px;background:url(../../../../image/ko/local/myLibMenuBg2.png) no-repeat 0 2px;color:#006EAF}
#divGlobalMenu > ul > li.onlineCard > a{padding-left:20px;background:url(../../../../image/ko/local/myInfo8.jpg) no-repeat;}
#divGlobalMenu > ul > li.myLibMenu > div{display:none;position:absolute;top:124px;left:0;width:100%;padding:15px 0 20px;background:url(../../../../image/ko/local/myLibMenuBg.png) repeat 0 0;border-top:1px solid #e6e6e6;z-index:200}
#divGlobalMenu > ul > li.myLibMenu > div > div{position:relative;width:1200px;margin:0 auto;height:162px}
#divGlobalMenu > ul > li.myLibMenu > div > div > div.myLib{float:left;width:730px;height:162px;background-color:#fff}
#divGlobalMenu > ul > li.myLibMenu > div > div > div.myLib > p{margin:20px 28px 0;padding:0 0 15px 5px;border-bottom:1px solid #e0e0e0;color:#000;font-size:18px}
#divGlobalMenu > ul > li.myLibMenu > div > div > div.myLib ul{width:700px;margin:17px auto 0}
#divGlobalMenu > ul > li.myLibMenu > div > div > div.myLib ul li{float:left;width:87px;text-align:center}
#divGlobalMenu > ul > li.myLibMenu > div > div > div.myLib ul li.myLib7{display:none}
#divGlobalMenu > ul > li.myLibMenu > div > div > div.myLib ul li a{display:inline-block;padding-top:45px;color:#424242;font-size:14px}
#divGlobalMenu > ul > li.myLibMenu > div > div > div.myLib ul li.myLib1 a{background:url(../../../../image/ko/local/myLib1.png) no-repeat 50% 3px}
#divGlobalMenu > ul > li.myLibMenu > div > div > div.myLib ul li.myLib2 a{background:url(../../../../image/ko/local/myLib2.png) no-repeat 50% 4px}
#divGlobalMenu > ul > li.myLibMenu > div > div > div.myLib ul li.myLib3 a{background:url(../../../../image/ko/local/myLib3.png) no-repeat 50% 4px}
#divGlobalMenu > ul > li.myLibMenu > div > div > div.myLib ul li.myLib4 a{background:url(../../../../image/ko/local/myLib4.png) no-repeat 50% 0}
#divGlobalMenu > ul > li.myLibMenu > div > div > div.myLib ul li.myLib5 a{background:url(../../../../image/ko/local/myLib5.png) no-repeat 50% 2px}
#divGlobalMenu > ul > li.myLibMenu > div > div > div.myLib ul li.myLib6 a{background:url(../../../../image/ko/local/myLib6.png) no-repeat 50% 1px}
#divGlobalMenu > ul > li.myLibMenu > div > div > div.myLib ul li.myLib7 a{background:url(../../../../image/ko/local/myLib7.png) no-repeat 50% 1px}
#divGlobalMenu > ul > li.myLibMenu > div > div > div.myLib ul li.myLib8 a{background:url(../../../../image/ko/local/myLib8.png) no-repeat 50% 1px}
#divGlobalMenu > ul > li.myLibMenu > div > div > div.myLib ul li.myLib9 a{background:url(../../../../image/ko/local/myLib9.png) no-repeat 50% 1px}
#divGlobalMenu > ul > li.myLibMenu > div > div > div.myInfo{float:right;width:458px;height:162px;background-color:#fff}
#divGlobalMenu > ul > li.myLibMenu > div > div > div.myInfo > p{margin:20px 28px 0;padding:0 0 15px 12px;border-bottom:3px solid #126ec1;color:#000;font-size:18px}
#divGlobalMenu > ul > li.myLibMenu > div > div > div.myInfo ul{width:420px;margin:10px auto 0}
#divGlobalMenu > ul > li.myLibMenu > div > div > div.myInfo ul li{float:left;margin-right:20px;padding:6px 0 7px}
#divGlobalMenu > ul > li.myLibMenu > div > div > div.myInfo ul li a{display:block;padding:3px 0 3px 35px;color:#555;font-size:14px}
#divGlobalMenu > ul > li.myLibMenu > div > div > div.myInfo ul li.myInfo1 a{background:url(../../../../image/ko/local/myInfo1.png) no-repeat 13px 0}
#divGlobalMenu > ul > li.myLibMenu > div > div > div.myInfo ul li.myInfo2 a{background:url(../../../../image/ko/local/myInfo2.png) no-repeat 11px 0}
#divGlobalMenu > ul > li.myLibMenu > div > div > div.myInfo ul li.myInfo3 a{background:url(../../../../image/ko/local/myInfo3.png) no-repeat 11px 0}
#divGlobalMenu > ul > li.myLibMenu > div > div > div.myInfo ul li.myInfo4 a{background:url(../../../../image/ko/local/myInfo4.png) no-repeat 11px 0}
#divGlobalMenu > ul > li.myLibMenu > div > div > div.myInfo ul li.myInfo5 a{background:url(../../../../image/ko/local/myInfo5.png) no-repeat 0 0;padding-left:35px}
#divGlobalMenu > ul > li.myLibMenu > div > div > div.myInfo ul li.myInfo6 a{background:url(../../../../image/ko/local/myInfo6.png) no-repeat 4px 0;padding-left:30px}
#divGlobalMenu > ul > li.myLibMenu > div > div > div.myInfo ul li.myInfo7 {width: 300px;}
#divGlobalMenu > ul > li.myLibMenu > div > div > div.myInfo ul li.myInfo7 a{background:url(../../../../image/ko/local/myInfo8.jpg) no-repeat 13px 0}
#divGlobalMenu > ul > li.myLibMenu a.menuClose{position:absolute;bottom:10px;right:-56px}
#divGlobalMenu > ul > li.myLibMenu a.menuClose img{vertical-align:top}
#divGlobalMenu > ul > li.language{position:relative;z-index:210}
#divGlobalMenu > ul > li.language > a{padding-right:10px;background:url(../../../../image/ko/local/languageBg.png) no-repeat 100% 1px;color:#414141;font-size:11px;font-family:NanumBarunGothicB, sans-serif;letter-spacing:0}
#divGlobalMenu > ul > li.language ul{display:none;position:absolute;top:20px;left:0;width:78px;border:1px solid #c5c5c5;background-color:#fff}
#divGlobalMenu > ul > li.language ul li{margin:0 9px}
#divGlobalMenu > ul > li.language ul li a{display:block;padding:8px 5px 9px;border-bottom:1px solid #ececec}
#divGlobalMenu .insideSearch{display:none;position:absolute;top:124px;left:0;width:100%;height:106px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;background-color:#f5f5f5;z-index:120}
#divGlobalMenu .insideSearch fieldset{position:relative;width:820px;margin:24px auto 0}
#divGlobalMenu .insideSearch fieldset label{float:left;width:181px;height:54px;margin-right:9px;background:#006EAF;color:#ffffff;font-size:16px;text-align:center;line-height:54px}
#divGlobalMenu .insideSearch fieldset input{float:left}
#divGlobalMenu .insideSearch fieldset .searchLayer2{position:absolute;top:51px;left:3px;width:100%;}
#divGlobalMenu .insideSearch fieldset .searchLayer2 ul{height:132px;margin-right:90px;padding:15px 30px 15px;background-color:#fff;border:1px solid #dedede;overflow-y:scroll}
#divGlobalMenu .insideSearch fieldset .searchLayer2 ul li{margin-top:10px;font-size:14px}
#divGlobalMenu .insideSearch fieldset .searchLayer2 ul li:first-child{margin-top:0}
#divGlobalMenu .insideSearch fieldset .searchLayer2 ul li a{color:#585858}
#divGlobalMenu .insideSearch fieldset input[type="text"]{width:554px;height:52px;padding:0 10px;border:1px solid #006EAF;border-right:none}
#divGlobalMenu .insideSearch fieldset a.searchClose{position:absolute;top:7px;right:-204px}
#divGlobalMenu > ul > li.share{position:relative;background:none;margin:0 14px 0 16px;padding:0;z-index:200}
#divGlobalMenu > ul > li.share > a{display:inline-block;margin-top:1px}
#divGlobalMenu > ul > li.share > ul{display:none;position:absolute;top:33px;left:-15px;width:50px;padding:8px 0;background-color:#fff;border:1px solid #ddd}
#divGlobalMenu > ul > li.share > ul > li{margin-top:6px;text-align:center}
#divGlobalMenu > ul > li.share > ul > li:first-child{margin-top:0}

/* Top Menu */
div#divTopMenu{position:relative;height:84px;background:url(../../../../image/ko/local/topMenuBg.jpg) no-repeat 50% 0;z-index:100}
div#divTopMenu.fix{position:fixed;top:0;left:0;width:100%;background-image:url(../../../../image/ko/local/topMenuFixBg.png)}
div#divTopMenu > div{width:1200px;margin:0 auto}
div#divTopMenu > div .topMenu1{float:left;margin-top:33px}
div#divTopMenu > div .topMenu1 > ul > li{float:left;margin-left:60px}
div#divTopMenu > div .topMenu1 > ul > li:first-child{margin-left:0}
div#divTopMenu > div .topMenu1 > ul > li > a{padding-top:5px;padding-bottom:32px;color:#fff;font-size:18px}
div#divTopMenu > div .topMenu1 > ul > li > a:hover{border-top:1px solid #00f0ff;color:#00f0ff}
div#divTopMenu > div .topMenu1 > ul > li.on > a{background:url(../../../../image/ko/local/topMenuOn.png) no-repeat 50% 100%;border-top:1px solid #00f0ff;color:#00f0ff}
div#divTopMenu > div .topMenu1 > ul > li > div{display:none;position:absolute;top:84px;left:0;width:100%;padding-bottom:8px;background:url(../../../../image/ko/local/topMenuBg.png) repeat-x 0 100%}
div#divTopMenu > div .topMenu1 > ul > li > div > div{background:#f2f2f2;opacity:0.95}
div#divTopMenu > div .topMenu1 > ul > li > div > div > div{position:relative;width:1200px;margin:0 auto}
div#divTopMenu > div .topMenu1 > ul > li > div > div > div a.menuClose{position:absolute;top:34px;right:0}
div#divTopMenu > div .topMenu1 > ul > li > div > div > div a.menuClose img{vertical-align:top}
div#divTopMenu > div .topMenu1 > ul > li > div > div > div > p{position:absolute;top:30px;left:0;width:250px;height:170px;padding-top:50px;color:#f8f8f8;font-size:30px;font-family:NanumSquareR, sans-serif;text-align:center}
div#divTopMenu > div .topMenu1 > ul > li.menu1 > div > div > div > p{background:url(../../../../image/ko/local/menu11.jpg) no-repeat 0 0}
div#divTopMenu > div .topMenu1 > ul > li.menu2 > div > div > div > p{background:url(../../../../image/ko/local/menu12.jpg) no-repeat 0 0}
div#divTopMenu > div .topMenu1 > ul > li.menu3 > div > div > div > p{background:url(../../../../image/ko/local/menu13.jpg) no-repeat 0 0}
div#divTopMenu > div .topMenu1 > ul > li.menu4 > div > div > div > p{background:url(../../../../image/ko/local/menu14.jpg) no-repeat 0 0}
div#divTopMenu > div .topMenu1 > ul > li > div > div > div > ul{width:1200px;height:280px;margin:0 auto}
div#divTopMenu > div .topMenu1 > ul > li > div > div > div > ul > li{float:left;margin-left:31px;padding-left:31px;border-left:1px solid #e4e1e2}
div#divTopMenu > div .topMenu1 > ul > li > div > div > div > ul > li{height:220px;margin-top:34px}
div#divTopMenu > div .topMenu1 > ul > li > div > div > div > ul > li:first-child{margin-left:290px;padding-left:0;border-left:none}
div#divTopMenu > div .topMenu1 > ul > li > div > div > div > ul > li > p{margin-bottom:15px;color:#000;font-size:18px;font-family:NanumSquareR, sans-serif;letter-spacing:-1px}
div#divTopMenu > div .topMenu1 > ul > li > div > div > div > ul > li > p a{color:#4c4c4c}
div#divTopMenu > div .topMenu1 > ul > li > div > div > div > ul > li > ul > li{margin-top:8px}
div#divTopMenu > div .topMenu1 > ul > li.menu2 > div > div > div > ul > li > ul > li{margin-top:6px}
div#divTopMenu > div .topMenu1 > ul > li > div > div > div > ul > li > ul > li:first-child{margin-top:0}
div#divTopMenu > div .topMenu1 > ul > li > div > div > div > ul > li > ul > li a{padding-left:8px;background:url(../../../../image/ko/local/bullet1.gif) no-repeat 0 9px;color:#444;font-size:14px}
div#divTopMenu > div .topMenu1 > ul > li > div > div > div > ul > li > ul > li a:hover{color:#1aacba;font-size:14px}
div#divTopMenu > div .topMenu1 > ul > li > div > div > div > div{background:url(../../../../image/ko/local/topMenu1Bg.png) no-repeat 100% 100%}
div#divTopMenu > div .topMenu1 > ul > li > div > div > div > div p{color:#554246;font-size:13px}
div#divTopMenu > div .topMenu1 > ul > li > div > div > div > div p:first-child{padding:50px 0 10px;color:#37272a;font-size:28px}
div#divTopMenu > div .topMenu2{float:right;margin-top:33px;margin-right:77px}
div#divTopMenu > div .topMenu2 > ul > li{float:left;margin-left:30px;padding-left:15px;background:url(../../../../image/ko/local/bar2.gif) no-repeat 0 5px}
div#divTopMenu > div .topMenu2 > ul > li:first-child{margin-left:0;padding-left:0;background:none}
div#divTopMenu > div .topMenu2 > ul > li > a{padding-top:5px;padding-bottom:32px;color:#eebb5e;font-size:18px}
div#divTopMenu > div .topMenu2 > ul > li > a:hover{border-top:1px solid #fa4b4b;color:#fa4b4b}
div#divTopMenu > div .topMenu2 > ul > li.on > a{background:url(../../../../image/ko/local/topMenuOn.png) no-repeat 50% 100%;border-top:1px solid #fa4b4b;color:#fa4b4b}
div#divTopMenu > div .topMenu2 > ul > li > div{display:none;position:absolute;top:84px;left:0;width:100%;padding-bottom:8px;background:url(../../../../image/ko/local/topMenuBg.png) repeat-x 0 100%}
div#divTopMenu > div .topMenu2 > ul > li > div > div{background:#f2f2f2;}
div#divTopMenu > div .topMenu2 > ul > li > div > div > div{position:relative;width:1200px;margin:0 auto}
div#divTopMenu > div .topMenu2 > ul > li > div > div > div a.menuClose{position:absolute;top:34px;right:0}
div#divTopMenu > div .topMenu2 > ul > li > div > div > div a.menuClose img{vertical-align:top}
div#divTopMenu > div .topMenu2 > ul > li > div > div > div > p{position:absolute;top:30px;left:0;width:250px;height:160px;padding-top:60px;color:#f8f8f8;font-size:30px;font-family:NanumSquareR, sans-serif;text-align:center}
div#divTopMenu > div .topMenu2 > ul > li.menu1 > div > div > div > p{background:url(../../../../image/ko/local/menu21.jpg) no-repeat 0 0}
div#divTopMenu > div .topMenu2 > ul > li.menu2 > div > div > div > p{background:url(../../../../image/ko/local/menu24.jpg) no-repeat 0 0}
div#divTopMenu > div .topMenu2 > ul > li.menu3 > div > div > div > p{background:url(../../../../image/ko/local/menu22.jpg) no-repeat 0 0}
div#divTopMenu > div .topMenu2 > ul > li.menu4 > div > div > div > p{background:url(../../../../image/ko/local/menu23.jpg) no-repeat 0 0}
div#divTopMenu > div .topMenu2 > ul > li > div > div > div > ul{width:1200px;height:280px;margin:0 auto}
div#divTopMenu > div .topMenu2 > ul > li > div > div > div > ul > li{float:left;border-left:1px solid #e4e1e2}
div#divTopMenu > div .topMenu2 > ul > li > div > div > div > ul > li:first-child{margin-left:282px}
div#divTopMenu > div .topMenu2 > ul > li > div > div > div > ul > li{height:220px;margin-top:31px}
div#divTopMenu > div .topMenu2 > ul > li.menu1 > div > div > div > ul > li{margin-left:25px;padding-left:24px}
div#divTopMenu > div .topMenu2 > ul > li.menu1 > div > div > div > ul > li:first-child{margin-left:290px;padding-left:0;border-left:none}
div#divTopMenu > div .topMenu2 > ul > li.menu2 > div > div > div > ul > li{margin-left:20px;padding-left:19px}
div#divTopMenu > div .topMenu2 > ul > li.menu2 > div > div > div > ul > li:first-child{margin-left:290px;padding-left:0;border-left:none}
div#divTopMenu > div .topMenu2 > ul > li.menu3 > div > div > div > ul > li{margin-left:20px;padding-left:19px}
div#divTopMenu > div .topMenu2 > ul > li.menu3 > div > div > div > ul > li:first-child{margin-left:290px;padding-left:0;border-left:none}
div#divTopMenu > div .topMenu2 > ul > li.menu4 > div > div > div > ul > li{height:auto;margin-top:60px;margin-left:40px;padding:3px 0 3px 40px;border:none}
div#divTopMenu > div .topMenu2 > ul > li.menu4 > div > div > div > ul > li:first-child{margin-left:290px}
div#divTopMenu > div .topMenu2 > ul > li.menu4 > div > div > div > ul > li.menu1{background:url(../../../../image/ko/local/menuListBg1.png) no-repeat 0 5px}
div#divTopMenu > div .topMenu2 > ul > li.menu4 > div > div > div > ul > li.menu2{background:url(../../../../image/ko/local/menuListBg2.png) no-repeat 0 0}
div#divTopMenu > div .topMenu2 > ul > li.menu4 > div > div > div > ul > li.menu3{background:url(../../../../image/ko/local/menuListBg3.png) no-repeat 0 0}
div#divTopMenu > div .topMenu2 > ul > li.menu4 > div > div > div > ul > li.menu4{background:url(../../../../image/ko/local/menuListBg4.png) no-repeat 0 0}
div#divTopMenu > div .topMenu2 > ul > li > div > div > div > ul > li > p{margin-bottom:15px;color:#000;font-size:18px;font-size:18px;font-family:NanumSquareR, sans-serif;letter-spacing:-1px}
div#divTopMenu > div .topMenu2 > ul > li.menu4 > div > div > div > ul li > p{text-align:left}
div#divTopMenu > div .topMenu2 > ul > li.menu4 > div > div > div > ul > li > p{margin-bottom:0;padding:0;border:none}
div#divTopMenu > div .topMenu2 > ul > li > div > div > div > ul > li > p a{color:#000}
div#divTopMenu > div .topMenu2 > ul > li > div > div > div > ul > li > ul > li{margin-top:8px}
div#divTopMenu > div .topMenu2 > ul > li > div > div > div > ul > li > ul > li:first-child{margin-top:0}
div#divTopMenu > div .topMenu2 > ul > li > div > div > div > ul > li > ul > li a{padding-left:8px;background:url(../../../../image/ko/local/bullet1.gif) no-repeat 0 9px;color:#444;font-size:14px}
div#divTopMenu > div .topMenu2 > ul > li > div > div > div > ul > li > ul > li a:hover{color:#fa272b;font-size:14px}
div#divTopMenu > div .topMenu2 > ul > li > div > div > div > div{background:url(../../../../image/ko/local/topMenu2Bg.png) no-repeat 100% 100%}
div#divTopMenu > div .topMenu2 > ul > li > div > div > div > div p{color:#554246;font-size:13px}
div#divTopMenu > div .topMenu2 > ul > li > div > div > div > div p:first-child{padding:50px 0 10px;color:#37272a;font-size:28px}
 
/* Whole Menu */
.wholeMenuP{position:absolute;top:0;left:0;width:100%;z-index:100}
.wholeMenuP > div{width:1200px;margin:0 auto;padding-bottom:8px;background:url(../../../../image/ko/local/topMenuBg.png) repeat-x 0 100%}
.wholeMenuP > div > div{position:relative;background:url(../../../../image/ko/local/wholeMenuBgP.png) no-repeat 0 0}
.wholeMenuP > div > div > ul{display:none;padding:26px 0 26px 21px;overflow:hidden}
.wholeMenuP > div > div > ul > li{float:left; margin-left:7px}
.wholeMenuP > div > div > ul > li.wholeMenu1{width:121px;margin-left:0}
.wholeMenuP > div > div > ul > li.wholeMenu2{width:147px}
.wholeMenuP > div > div > ul > li.wholeMenu3{width:121px}
.wholeMenuP > div > div > ul > li.wholeMenu4{width:121px}
.wholeMenuP > div > div > ul > li.wholeMenu5{width:164px}
.wholeMenuP > div > div > ul > li.wholeMenu6{width:160px}
.wholeMenuP > div > div > ul > li.wholeMenu7{width:141px}
.wholeMenuP > div > div > ul > li.wholeMenu8{width:141px}
.wholeMenuP > div > div > ul > li > a{position:relative;display:block;height:37px;color:#fff;font-size:16px;font-family:NanumBarunGothic, sans-serif;line-height:37px;text-align:center}
.wholeMenuP > div > div > ul > li.wholeMenu1 > a,
.wholeMenuP > div > div > ul > li.wholeMenu2 > a,
.wholeMenuP > div > div > ul > li.wholeMenu3 > a,
.wholeMenuP > div > div > ul > li.wholeMenu4 > a{background:#18548c}
.wholeMenuP > div > div > ul > li.wholeMenu5 > a,
.wholeMenuP > div > div > ul > li.wholeMenu6 > a,
.wholeMenuP > div > div > ul > li.wholeMenu7 > a,
.wholeMenuP > div > div > ul > li.wholeMenu8 > a{background:#1a4079}
.wholeMenuP > div > div > ul > li > ul{padding:22px 0 0 0}
.wholeMenuP > div > div > ul > li > ul > li{margin-top:20px;padding-left:16px}
.wholeMenuP > div > div > ul > li > ul > li:first-child{margin-top:0}
.wholeMenuP > div > div > ul > li > ul > li > a{display:block;font-size:16px;font-family:NanumBarunGothicB, sans-serif;font-weight:600}
.wholeMenuP > div > div > ul > li.wholeMenu1 > ul > li > a,
.wholeMenuP > div > div > ul > li.wholeMenu2 > ul > li > a,
.wholeMenuP > div > div > ul > li.wholeMenu3 > ul > li > a,
.wholeMenuP > div > div > ul > li.wholeMenu4 > ul > li > a{color:#e2d7c9}
.wholeMenuP > div > div > ul > li.wholeMenu5 > ul > li > a,
.wholeMenuP > div > div > ul > li.wholeMenu6 > ul > li > a,
.wholeMenuP > div > div > ul > li.wholeMenu7 > ul > li > a,
.wholeMenuP > div > div > ul > li.wholeMenu8 > ul > li > a{color:#e8e6f8}
.wholeMenuP > div > div > ul > li > ul > li > ul > li{margin-top:7px}
.wholeMenuP > div > div > ul > li > ul > li > ul > li > a{display:inline-block;padding-left:8px;font-size:14px;letter-spacing:-0.5px}
.wholeMenuP > div > div > ul > li.wholeMenu1 > ul > li > ul > li > a,
.wholeMenuP > div > div > ul > li.wholeMenu2 > ul > li > ul > li > a,
.wholeMenuP > div > div > ul > li.wholeMenu3 > ul > li > ul > li > a,
.wholeMenuP > div > div > ul > li.wholeMenu4 > ul > li > ul > li > a{background:url(../../../../image/ko/local/bullet3.gif) no-repeat 0 5px;color:#c7b299}
.wholeMenuP > div > div > ul > li.wholeMenu5 > ul > li > ul > li > a,
.wholeMenuP > div > div > ul > li.wholeMenu6 > ul > li > ul > li > a,
.wholeMenuP > div > div > ul > li.wholeMenu7 > ul > li > ul > li > a,
.wholeMenuP > div > div > ul > li.wholeMenu8 > ul > li > ul > li > a{background:url(../../../../image/ko/local/bullet4.gif) no-repeat 0 5px;color:#ab97a8}
.wholeMenuP > div > div > ul > li > ul > li > ul > li > a:hover, .wholeMenuP > div > div > ul > li > ul > li > ul > li > a:focus{color:#ffac52}
.wholeMenuBtnP{position:absolute;top:34px;right:0}
.wholeMenuBtnP img{vertical-align:top}
.wholeMenuPClose{display:none;position:absolute;bottom:19px;right:14px}
.wholeMenuPClose img{vertical-align:top}
.wholeMenu{display:none}
 
 /* Title */
/* #divTitle{padding: 27px 0 0;color:#222;font-size:30px;font-weight:normal;font-family:NanumSquareR, sans-serif} */
.sub-title {
  color:#323232;
  font-size:30px;
  font-weight: bold;
  margin-top: 25px;
  padding-left: 10px;
  border-bottom:4px solid #8ed1de;
  margin-bottom: 10px;
  padding-bottom: 10px;
  box-sizing: border-box;
}
.sub-title h2 {display: inline-block; font-weight: normal}


/* Tab Menu */
#divTabMenu{position:relative;height: 60px;margin:12px 0 8px;padding:0 0;overflow: hidden}
#divTabMenu p{display:none}
#divTabMenu > div{position:relative;padding:0;background-color:#fff;border: 1px solid #e2e2e2;}
#divTabMenu ul li:hover{background: #0399d8;color:white;}
#divTabMenu ul li{float:left;height:50px;padding:0 23px;margin:0;font-size:16px;margin-top:0;line-height:50px;border-right:1px solid #e2e2e2;min-width: 121px;text-align: center;}
#divTabMenu ul li.selected{background: #0399d8;}
#divTabMenu ul li a{display:block;padding:0;position: relative}
#divTabMenu ul li a:hover, #divTabMenu ul li a focus{color:white;}
#divTabMenu ul li.selected a{color: white;}
#divTabMenu ul li.selected a::after{
	content: '';
	background:url(../../../../image/ko/local/arrow03.png) 50% 100% no-repeat;
    width: 15px;
    height: 8px;
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
}
#divTabMenu ul li:hover a{
	color:white;
}
#divTabMenu .hoverline{position:absolute;top:0;left:0;height:51px;background:url(../../../../image/ko/local/tabMenuBg.png) no-repeat 50% 0;border-bottom:2px solid #666;border-top:2px solid #666}

.mThumbnailScroller{background:none !important}
#divTabMenu ul li.selected{line-height:50px}
.mTS_horizontal .mTSContainer{overflow:visible}
.mTSButtonLeft, .mTSButtonRight{margin-top:-34px !important}
.mTSButtonLeft{left:0 !important}
.mTSButtonRight{right:0 !important;background-position:100% 0 !important}
 
/* Location */
#divLocation{position:absolute;top:38px;right:0}
#divLocation ul li{float:left;background:url(../../../../image/ko/local/locationBg.png) no-repeat 0 50%;margin-left:10px;padding-left:15px}
#divLocation ul li.home{background:none;margin:0;padding:0}
#divLocation ul li a{color:#454545}
  
/* Quick Menu */
.quickMenu{position:fixed;top:0;right:0;width:180px;height:100%;z-index:150;background: #e2e2e2;}
.quickMenu > div{height:100%;background-color:#e8e8e8}
.quickMenu h2{    
	padding-top: 90px;
    text-align: center;
    padding-bottom: 30px;
    background: url(../../../../image/ko/local/finger.png) no-repeat center 30px #20407b;
    text-align:center;
    color:#fff;
    font-size:21px}
.quickMenu h2 span{display:block;color:#fff;letter-spacing:0}
.quickMenu ul.menuList{
	margin-bottom: 20px;
    padding-top: 10px;
    padding-left: 40px;
	}
.quickMenu ul.menuList li{margin:10px 0 0 0;}
.quickMenu ul.menuList li a{color:#303030;font-size:14px}
.quickMenu ul.myMenu li{font-size:14px}
.quickMenu ul.myMenu li a{
	display:block;
	color:#fff;
	height: 57px;
    line-height: 57px;
    background: url(../../../../image/ko/local/my_book.png) no-repeat 40px center #958b82;
    background-size: 18px;
    display: block;
    margin: 0 auto;
    color: #fff;
    padding-left: 70px;
    font-size: 15px;
    }
.quickMenu .firstVisit{position:relative;}
.quickMenu .firstVisit{
	text-align:center;
	top: auto;
    right: 0;
    width: 100%;
    background: #8ed1de;
    position: relative;
    height: 125px;
	}
	
.quickMenu .firstVisit .close{position:absolute;top:13px;right:23px}
.quickMenu .visitPop{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:url(../../../../image/ko/local/firstVisitBg.png) repeat 0 0;z-index:100}
.quickMenu .visitPop > div{position:relative;top:50%;left:50%;width:598px;margin:-299px 0 0 -299px;background-color:#fff;background:url(../../../../image/ko/local/main/main_popup/img_back.png) repeat 0 0;padding-top: 148px;}
.quickMenu .visitPop > div div{margin:78px 44px 0;padding-bottom:62px}
.quickMenu .visitPop > div div ul{margin:32px 0 32px;}
.quickMenu .visitPop > div div ul:after{clear: both;display:block;content: ''}
.quickMenu .visitPop > div div ul li{float:left;width:25%;text-align:center}
.quickMenu .visitPop > div div ul li img {height: 55px;}
.quickMenu .visitPop > div div ul li span{display:block;margin-top:15px;color:#727272;font-size:15px}
.quickMenu .visitPop > div .popClose{position:absolute;top:24px;right:18px}
.quickMenu .quickOpen{display:none;position:absolute;top:50%;left:-32px;margin-top:-46px}
.quickMenu .quickClose{    
	color: #5a5a5a;
    font-size: 14px;
    font-weight: bold;
    width: 39px;
    height: 115px;
    position: absolute;
    left: -38px;
    top: 48%;
    margin-top: -51px;}
/* 퀵메뉴 닫혀있을 시 CSS */
/* .quickMenu{right: -166px;}
.quickMenu .quickOpen{display:block}
.quickMenu .quickClose{display:none} */
 
/* Library */
.library{padding:28px 0 29px;background-color:#efeff1;}
.library > div{width:1200px;margin:0 auto;overflow:hidden}
.library > div div{float:left;overflow:hidden}
.library > div div.library2{margin-left:22px}
.library > div h2{float:left;width:165px;height:130px;padding-top:35px;color:#fff;font-weight:normal;text-indent:20px}
.library > div div.library1 h2{background:url(../../../../image/ko/local/main/libraryBg1.jpg) no-repeat 0 0;font-family:NanumSquareR, sans-serif}
.library > div div.library2 h2{background:url(../../../../image/ko/local/main/libraryBg2.jpg) no-repeat 0 0;font-family:NanumSquareR, sans-serif}
.library > div div > ul{float:left;margin:35px 0 0 30px}
.library > div div > ul > li{float:left;margin-left:24px}
.library > div div > ul > li:first-child{margin-left:0}
.library > div div > ul > li > ul > li{margin-top:10px;padding-left:7px;background:url(../../../../image/ko/local/main/bullet2.gif) no-repeat 0 9px}
.library > div div > ul > li > ul > li:first-child{margin-top:0}
.library > div div > ul > li > ul > li a{color:#444}

/* Footer Menu */
.footerMenu{border-bottom:1px solid #ddd}
.footerMenu > div{width:1200px;margin:0 auto;height:66px}
.policy{float:left;margin-top:25px;overflow:hidden}
.policy li{float:left;margin-left:28px}
.policy li a{color:#333;font-size:14px}
.policy li.privacy{margin-left:0}
.policy li.privacy a{color:#b8222d}
.visitor{float:right;margin-top:19px}
.visitor > a{float:left;margin-right:14px;}
.visitor .familySite{position:relative;float:left;margin-right:5px}
.visitor .familySite > a{display:inline-block;width:215px;height:24px;border:1px solid #cecece;color:#444;font-size:13px;line-height:24px;text-indent:10px;background:url(../../../../image/ko/local/siteUp.gif) no-repeat 96% 50%}
.visitor .familySite.on > a{background-image:url(../../../../image/ko/local/siteDown.gif)}
.visitor .familySite ul{display:none;position:absolute;bottom:26px;left:0;width:215px;padding:10px 0;font-size:13px;background-color:#fff;border:1px solid #cecece;border-bottom:none}
.visitor .familySite.on ul{display:block}
.visitor .familySite ul li{margin-top:5px}
.visitor .familySite ul li:first-child{margin-top:0}
.visitor .familySite ul li a{display:block;padding:0 10px;color:#444}
.visitor .visit{float:left;width:213px;height:24px;border:1px solid #cecece}
.visitor .visit dl{width:50%;float:left;line-height:24px;}
.visitor .visit dl dt{float:left;margin-right:8px;padding-left:10px;color:#8e8e8e;font-size:10px}
.visitor .visit dl dd{float:left;color:#6c6c6c;font-size:11px;font-weight:600}
.visitor .visit dl dd.todayVisitor{color:#b8222d}
.footer{position:relative;width:1200px;min-height:177px;margin:0 auto;background:url(../../../../image/ko/local/footerBg.png) no-repeat 75% 7px;overflow:hidden}
.footer .footerLogo{position:absolute;top:50px;left:5px}
.footer .footerLogo img{vertical-align:top}
.footer .address{margin:61px 0 5px 93px;color:#444;font-size:13px;line-height:20px}
.footer .qrCode{margin-left:93px}
.footer .wa{position:absolute;top:50px;right:0}
.footer .wa a{display:inline-block;margin-left:0}
.footer .wa img{vertical-align:top}
#divFooter .topBtn{display:none;}