@charset "utf-8";
/**
공통 레이아웃
*/
.slick-vertical .slick-slide{border:none;}
.slick-slide{min-height:0;}
.m{display:none !important;}
.mask{visibility:hidden; opacity:0; display:block; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.45);}
.mask.on{z-index:95; visibility:visible; opacity:1; transition:opacity 0.25s linear;}
#content.on + .mask{opacity:0;}

body{width:100%; min-width:320px; overflow-x:hidden; background:#fff;}

#skip-navigation{z-index:9999; position:absolute; left:0; top:0;}
#skip-navigation *{list-style:none; margin:0; padding:0;}
#skip-navigation a{display:block; width:1px; height:1px; overflow:hidden; color:#000; white-space:nowrap;}
#skip-navigation a:focus,
#skip-navigation a:active{width:100px; height:auto; background:#ffd;}

.inner{position:relative; width:1400px; margin:0 auto; box-sizing:border-box;}
.inner:after{content:''; display:block; clear:both; width:100%;}

@media all and (max-width:1430px) {
	#mainmenu,
	.inner{width:100%; padding:0 15px; box-sizing:border-box;}
}
@media all and (max-width:1024px) {
	img{max-width:100%;}
	.m{display:inline-block !important;}
	.w{display:none;}
}
@media all and (max-width:768px) {
	.inner{padding-right:10px; padding-left:10px;}
}

.logo {z-index:94;position:absolute;top: 28px;left:0;line-height:160%;text-align:left;}
.logo *{display:inline-block;vertical-align:top;}
.logo a{display: flex;align-items: center;text-decoration:none;color:#222;}
.logo img{margin: 0 7px 0 0;}
.logo strong{padding: 0 0 7px;line-height:100%;font-size: 28px;font-weight: 600;color: #000;}
.logo span > span{display:block;line-height:100%;font-family: 'Noto Sans KR';font-size: 13px;font-weight: 400;text-transform:uppercase;color: #666;letter-spacing: 0;}

@media all and (max-width:1430px) {
	.logo{left:15px;}
}
@media all and (max-width:1280px) {
	.logo strong{font-size: 28px;}
	.logo span > span{letter-spacing: -0.03em;}
}
@media all and (max-width:1024px) {
	.logo{top:13px; left:15px;}
	.logo *{vertical-align:top;}
	.logo img{height:44px; margin:0 2px 0 0;}
	.logo strong{line-height:110%;padding:3px 0 3px;font-size: 24px;letter-spacing:-1px;}
	.logo span > span{color:#555;}
}
@media all and (max-width:768px) {
	.logo {top:10px; left:10px;}
	.logo img{height:41px;}
	.logo strong{font-size:24px;}
}
@media all and (max-width:568px) {
	.logo{top:9px;}
	.logo strong{font-size:22px;}
	.logo img{height:39px;}
	.logo span > span{font-size: 10px;letter-spacing:-0.4px;}
}
@media all and (max-width:380px) {
	.logo img{height:38px;}
	.logo strong{font-size:21px;padding: 2px 0 3px;}
	.logo span > span{letter-spacing: -1px;}
}

#top{float:left;position:relative;width:100%;height: 50px;background: #e0e9f0;box-sizing: border-box;}
#top:after{content:''; display:block; clear:both; width:100%;}

.global{float:left;}
.global > li{position:relative;float:left;width: 180px;box-sizing:border-box;}
.global > li::after,
.global > li:first-child::before {content:''; position:absolute; top:0; right:0; width:1px; height:100%; background:#d5dde4;}
.global > li:first-child::before {right:auto; left:0;}
.global > li > a{display: block;line-height: 50px;font-size: 15px;font-weight: 400;color: #666;text-decoration:none;text-align:center;box-sizing: border-box;}
.global > li > a::before {content:'';display:inline-block;vertical-align: middle;margin: 0 6px 3px 0;width:30px;height:30px;background: #fff url(/images/common/ico_top_home.png)no-repeat center;border-radius: 50%;}
.global > li:nth-child(2) > a::before {background-image:url(/images/common/ico_top_member.png);}
.global > li:nth-child(3) > a::before {background-image:url(/images/common/ico_top_comm.png);}
.global > li:nth-child(4) > a::before {background-image:url(/images/common/ico_top_ch.png);}
.global > li:nth-child(5) > a::before {background-image:url(/images/common/ico_top_language.png);}
.global > li.on > a::before {background-color:#f1f1f1;}
.global > li.on > a{color: #222;background:#fff;border-radius:10px 10px 0 0;}
.global > li.list.on > a.on{font-weight:500;}
.global > li.list > a.on{font-weight:500; color:#333; background:#fff; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9;}
.global > li.list > a:after{content:'';display:inline-block;vertical-align:middle;width: 9px;height: 9px;margin: -8px 0 0 13px;border-right: 2px solid #666;border-bottom: 2px solid #666;transform: rotate(45deg);transition:transform 0.25s ease-in-out;}
.global > li.on > a:after {border-color:#222;}
.global > li.list > a.on:after{margin-top:-2px; border-color:#222; transform:rotate(-135deg);}
.global > li .live{display:inline-block; vertical-align:top; height:20px; line-height:22px; padding:0 6px; margin:19px 0 0 8px; font-size:12px; letter-spacing:0; border-radius:5px; text-transform:uppercase; color:#222; font-weight:900; font-family:"gmarket"; background:#fff;}

.global li div{display:none;z-index:96;position:absolute;top: 50px;left:0;width:100%;padding:0 8px 5px;background:#fff;border:1px solid #e9e9e9;border-top:none;border-radius:0 0 10px 10px;box-shadow:5px 10px 10px rgba(0,0,0,0.12);box-sizing:border-box;text-align:left;}
.global li div a{display:block;height:44px;line-height:45px;border-top:1px dotted rgba(0,0,0,0.17);text-align:center;box-sizing:border-box;transition:0.25s ease-in-out;font-weight: 500;}
.global li div li:first-child a{border-top:none;}
.global li div a:hover{box-shadow:inset 0 44px 0 rgba(0,0,0,0.04);}
.global li div a[target="_blank"]:after{margin-left:5px;}

.global .list1 div{width: 350px;}
.global .list2 div{width:305px;}
.global .list1 li{float:left;width: 31%;margin:0 1%;vertical-align:top;}
.global .list1 li:nth-child(-n+3) a{border-top:none;}
.global li div .pos a{line-height:110%;}
.global li div .pos span{display:block; padding:4px 0 0 0; font-size:10px;}

@media all and (max-width:1280px) {
	.global > li > a {padding:0 20px;}
	.global .list2 div{width:100%;}
}
@media all and (max-width:1024px) {
	#top{height:auto; font-size:15px;}
	.btn_global{float:left;position:relative;width:140px;height:35px;line-height:36px;padding:0 7px 0 25px;margin:0;font-weight:400;font-size:14px;color:#fff;background: #5d89cb;box-sizing:border-box;}
	.btn_global:before{content:''; display:block; position: absolute; top:50%; left:10px; width:18px; height:12px; margin:-6px 0 0 0; background:url(/images/common/ico_more.png) no-repeat;}
	.btn_global:after{content:''; display:inline-block; margin:-2px 0 0 15px; border-top:6px solid #fff; border-left:5px solid transparent; border-right:5px solid transparent; vertical-align:middle; transition:0.3s ease;}
	.btn_global.on:after{transform:rotate(180deg);}
	.global{opacity:0;visibility:hidden;z-index:99;position:absolute;top:20px;left:15px;width:140px;font-size:15px;font-weight:400;transition:0.3s ease;border-radius:0 0 5px 5px;box-shadow:0 5px 5px rgba(0,0,0,0.15);background: #fff;}
	.btn_global.on + .global{opacity:1; visibility:visible; top:35px;}

	.global > li{width:100% !important;border-top: 1px solid #eee;background:#fff;}
	.global > li:first-child {padding:0;}
	.global > li:after{display:none;}
	.global > li > a{padding:0;height:37px;line-height:38px;color: #333;text-align:center;}
	.global > li > a::before {display:none;}
	.global > li:first-child > a {border-radius:0;padding: 0;font-size: 15px;}
	.global > li.list > a:after{margin-left: 10px;}
	.global > li.list > a.on:after{margin-top:-4px;transform:rotate(-45deg);}
	.global .list {display:block; height:auto;}
	.global .list > a {width:100%; line-height:37px;}
	.global .list > a.on {border:none;}
	.global li div{top:-1px;left:100%;padding:0 5px;border-radius:0 4px 4px 0;box-shadow:3px -3px 10px rgba(0,0,0,0.12);}
	.global .list1 div{width:300px;}
	.global li div a{position:relative; height:40px; line-height:41px;}
	.global li div .pos a{line-height:100%;}
	.global li div .pos span{font-size:9px;}

	.global > li.live > a span {margin: 8px 0 0 5px;font-size: 12px;height: 21px;line-height: 20px;}
}
@media all and (max-width:768px) {
	.btn_global{height:30px; line-height:31px; font-size:13px;}
	.btn_global.on + .global{top:30px;}
	.global{left:10px; font-size:13px;}
	.global > li > a.current:after{margin-top:10px;}
	.global .list1 div{width:240px;}
}
@media all and (max-width:568px) {
	#top .global li div{padding:0 5px;}
	.global li div .pos span{font-size:8px;}
}
@media all and (max-width:380px) {
	.btn_global,
	.global{width:125px !important;}
	.btn_global{font-size:12px;}
	.btn_global:before{width:16px;}
	.global > li > a{height:35px; line-height:36px;}
	.global li div{padding:0 3px;}
	.global li div a{height:37px; line-height:37px;}
	.global .list1 div{width:180px;}
	.global .list1 li{width:31%; margin:0.5%;}
	.global .list1 div a:after{right:0;}
	.global li div .pos span{font-size:7px;}
}

.sns_wrap {position:absolute;top: -9px;right: 177px;}
.sns_wrap a {display:inline-block;width:36px;height:36px;font-size:0;border-radius: 50%;background: url(/images/common/ico_instar.jpg)no-repeat;}
.sns_wrap a.fb {margin:0 0 0 5px; background-image:url(/images/common/ico_facebook.jpg);}

#font_control {float:right;}
#font_control .sns{float:left;}
#font_control ul{float:left;margin: 8px 0 0 0;}
#font_control ul > li{float:left; text-align:center;}
#font_control ul > li > a{display:block;padding: 0 15px;width: auto;height: 34px;line-height: 34px;font-weight: 400;color:#555;box-sizing:border-box;text-decoration:none;}
#font_control li.img a{text-indent: -9999px;padding: 0;width: 34px;font-size:0;background: #fff url(/images/common/ico_util.png) no-repeat 11px 9px;border-radius: 10px;}
#font_control li.small a{background-position: -94px 9px;}
#font_control li.print a{margin: 0 0 0 5px;background-position: -194px 9px;}
#font_control li a:hover{border-color:#999;}

@media all and (max-width:1024px) {
	.sns_wrap {top: 41px;right: 110px;z-index: 2;}
	#font_control ul{display:none;}
} 
@media all and (max-width:768px) {
	.sns_wrap {top: 69px;right: 100px;}
	.sns_wrap a {width:30px;height:30px;background-size: 30px;}
	.sns_wrap a.fb {margin:0 0 0 2px;}
}
@media all and (max-width:568px) {
	.sns_wrap {top:67px;}
	#font_control{float:none; width:100%;}
}
@media all and (max-width:380px) {
	.sns_wrap {right:80px;}
}

#header{clear:both;position:relative;height: 110px;width:100%;}
#header .inner{box-sizing:border-box;}
@media all and (max-width:1630px) {
	#header .inner{padding-right:15px;}
}
@media all and (max-width:1024px) {
	#header{height:70px;}
	#header .inner{width:100%; padding:0;}
}
@media all and (max-width:768px) {
	#header{height:62px;}
}
@media all and (max-width:568px) {
	#header{height:58px;}
}
@media all and (max-width:380px) {
	#header{height:56px;}
}

/* 메인메뉴 */
#menuArea{z-index:93;position:absolute;top: 50px;left:0;width:100%;background:#fff;}
#menuArea.on{box-shadow:0 15px 15px rgba(0,0,0,0.15);}
#menuArea:before{z-index:97; content:''; display:none; position:absolute; top:110px; left:0; width:100%; height:2px; background:#4c8660;}
#menuArea.on:before{display:block;}
#menuArea .bar{position:absolute;top: 107px;left:0;width:72px;height:8px;opacity:0;z-index:98;background: #4c8660;border-radius:8px;transition:0.3s;}

body.on .mask{z-index:92; visibility:visible; opacity:1; top:auto; bottom:0; height:calc(100% - 200px);}

#topmenu{float:left;width:100%;padding: 0 75px 0 25%;box-sizing:border-box;}
#topmenu a[target="_blank"]:after{content:''; display:inline-block; vertical-align:middle; width:14px; height:14px; margin:-4px 0 0 6px; background:url(/images/common/ico_new.png) no-repeat 100% 0;}
#topmenu > li{float:left;width: 16.66%;line-height:0;}
#topmenu > li:last-child{display:none;}
#topmenu > li > a{display:block;line-height: 110px;font-size:20px;font-weight: 400;text-align:center;text-decoration:none;}

#topmenu > li:hover > a,
#topmenu > li > a:hover,
#topmenu > li > a:active,
#topmenu > li > a:focus,
#topmenu > li.current_on > a{color:#328972;}

#topmenu li .tit{position:absolute; top:0; left:0; width:24.25%; height:100%; padding:74px 0 0 0; line-height:150%; text-align:left; border-right:1px solid #eee; box-sizing:border-box;}

#topmenu li .menu{display:none;visibility:visible;opacity:1;z-index:96;position:absolute;left:0;top: 110px;width:100%;min-height:430px;padding:41px 0 12px 24.25%;transform:none;transition:none;box-sizing:border-box;box-shadow:none;background: #fff;}

#topmenu li .tit h2{z-index:1;position:relative;display:inline-block;height:56px;line-height:110%;font-size:36px;font-weight:800;color:#222;}
#topmenu li .tit p span{display:block;}

#topmenu .menu > ul {float:left; width:100%; padding:0 0 0 1.24%; box-sizing:border-box; font-size:18px; font-weight:400;}
#topmenu .menu > ul > li{position:relative; float:left; width:25%; margin:0; padding:0 0 40px 3.59%; box-sizing:border-box;}
#topmenu li li a{position:relative;display: flex;height: 56px;line-height: 100%;align-items: center;padding: 0 17% 0 12.755%;color:#000;font-weight:500;font-family:"score";border:2px solid #eaeaea;border-radius:5px;box-sizing:border-box;word-break: keep-all; text-decoration: none;}
#topmenu .menu > ul > li:hover > a,
#topmenu .menu > ul > li.current_on > a,
#topmenu .menu > ul > li > a:hover{color:#4c8660; border-color:#4c8660;}
#topmenu .menu > ul > li > a:before{content:''; display:block; position:absolute; top:50%; right:25px; width:18px; height:4px; margin:-2px 0 0 0; background:url(/images/common/ico_menu.png) no-repeat;}
#topmenu .menu > ul > li > a:hover:before,
#topmenu .menu > ul > li.current_on > a:before{height:18px; margin:-9px 0 0 0; background-position:0 100%;}

/* 3차 메뉴 */
#topmenu ul ul{position:relative;padding:16px 0 17px 20px;margin:10px 0 0 0;border-radius:5px;border: 1px solid #eaeaea;}
#topmenu ul ul li{float:none; width:100%; padding:0; box-sizing: border-box;}
#topmenu ul ul li a{position:relative; height:auto; line-height:110%; padding:6px 0 6px 15px; font-size:16px; border:none; font-weight:300; font-family:"score";}
#topmenu ul ul li a:after{display:none;}
#topmenu ul ul li a[target="_blank"]:after{right:22px;}
#topmenu ul ul li a:before{content:''; position:absolute; top:12px; left:0; display:block; width:5px; height:5px; border-radius:2px; background:#328972;}
#topmenu ul ul li a:hover,
#topmenu ul ul li a:active,
#topmenu ul ul li a:focus,
#topmenu ul ul li.current_on a{color:#000; text-decoration:underline;}
@media all and (max-width:1280px) {
	#topmenu{padding: 0 80px 0 20%;}
}
.btn_menu{z-index:93;position:absolute;top: 53px;right:50%;width: 40px;height: 93px;margin: 0 -700px 0 0;}
.btn_menu .bar{display: block;width:21px;height:2px;margin: 5px auto;background:#1c1c1c;transition:0.25s ease-in-out;}

.btn_menu_close{display:block; z-index:96; position:absolute; top:27px; right:3%; width:50px; height:50px; border-radius:50%; border:1px solid rgba(0,0,0,0.6); background:none;}
.btn_menu_close .bar{position:absolute; top:24px; left:12px; display:block; width:25px; height:1px; background:rgba(0,0,0,0.6);}
.btn_menu_close .bar1{transform:rotate(45deg);}
.btn_menu_close .bar2{transform:rotate(-45deg);}

@media all and (max-width:1430px) {
	.btn_menu{right:15px; margin:0;}
	#topmenu li .tit{padding-left:15px;}
	#topmenu .menu > ul > li > a:before{display:none;}
}
@media all and (max-width:1280px) {
	#topmenu > li > a {font-size:19px;}
}
@media all and (max-width:1024px) {
	.btn_menu{top: 35px;right:15px;width:50px;height: 70px;}
	.btn_menu span:not(.bar){padding:5px 0 0 0;}
}
@media all and (max-width:768px) {
	.btn_menu{top: 30px;right: 10px;height: 62px;width:45px;}
	.btn_menu .bar{width:24px; margin:5px auto;}

	.btn_menu_close{top:17px; width:35px; height:35px;}
	.btn_menu_close .bar{top:16px; left:4px;}
	.btn_menu span:not(.bar){font-size:0; text-indent:-999px;}
}
@media all and (max-width:568px) {
	.btn_menu{height:58px;}
}
@media all and (max-width:380px) {
	.btn_menu {width:30px;}
	.btn_menu .bar {width:20px;}
}

/* 검색 */
#search{z-index:94; position:absolute; top:0; left:0; width:100%; min-width:320px;}
.btn_sch{display:block;position:absolute;top: 90px;right:50%;width: 30px;height: 30px;line-height:100%;margin: 0 -700px 0 0;font-size:0;background: url(/images/kr/common/ico_sch.png) no-repeat 50% 0;}

#search.on{z-index:95;}
#search fieldset{opacity:0; visibility:hidden; position:absolute; top:-20px; left:0; width:100%; padding:175px 0 165px; color:#fff; font-weight:300; font-size:18px; background:#182239; box-sizing:border-box; transition:0.3s ease-in-out;}
#search.on fieldset{opacity:1; visibility:visible; top:0;}
#search h2{padding:0 0 15px; line-height:110%; color:#fff; font-size:30px; font-weight:600; letter-spacing:0;}
#search .inner{width:770px;}
#search input[type="text"]{width:100%; height:110px; line-height:110px; padding:0 0 0 32px; font-size:40px; border:3px solid #fff; box-sizing:border-box; background:#182239;}
#search ::-webkit-input-placeholder{color:rgba(255,255,255,0.5);}
#search :-ms-input-placeholder{color:rgba(255,255,255,0.5);}
#search ::placeholder{color:rgba(255,255,255,0.5);}
#search .in_txt{position:relative; margin:0 0 40px;}
#search li{line-height:130%; padding: 0 0 0 10px; margin-bottom:10px; font-weight:200;}
#search li:before{top:10px;width: 4px; height: 4px;background:#fff;border: none;}
#search .btn_submit{position:absolute; top:0; right:0; width:110px; height:110px; font-size:0; text-indent:-999px; background:url(/images/common/ico_sch.png) no-repeat 25px 28px;}
#search .btn_close{position:absolute; top:45px; right:50%; display:block; width:60px; height:60px; margin:0 -600px 0 0; font-size:0; text-indent:-999px; background:url(/images/common/ico_sch_close.png) no-repeat 50% 50%;}
@media all and (max-width:1430px) {
	.btn_sch {right: 50px; margin:0;}
	#search .btn_close{right:50px; margin:0;}
}
@media all and (max-width:1024px) {
	.btn_sch {top: 35px;right: 65px;height: 70px;background-position: center;}
	#search .inner{width:75%;}
	#search fieldset{padding:100px 0; font-size:17px;}
	#search .in_txt{margin:0 0 30px;}
	#search h2{padding:0 0 12px; font-size:28px;}
	#search input[type="text"]{height:90px; line-height:90px; padding:0 0 0 25px; font-size:32px;}
	#search .btn_submit{width:90px; height:90px; background-size:auto 40px; background-position:17px 25px;}
	#search .btn_close{right:20px; top:25px;}
}
@media all and (max-width:768px) {
	.btn_sch {top: 30px;right: 60px;height: 62px;}
	#search fieldset{padding:70px 0 50px; font-size:16px;}
	#search h2{padding:0 0 9px; font-size:24px;}
	#search input[type="text"]{height:70px; line-height:70px; padding:0 0 0 20px; font-size:25px;}
	#search .btn_submit{width:70px; height:70px; background-size:auto 30px; background-position:13px 19px;}
	#search .btn_close{top:10px; right:10px;}
	#search li{margin:0 0 7px;}
	#search li:before {top:6px;}
}
@media all and (max-width:568px) {
	.btn_sch{height:58px;background-size: 24px;}
	#search .inner{width:80%;}
	#search fieldset{padding:65px 0 40px; font-size:14px;}
	#search h2{font-size:20px;}
	#search .in_txt{margin:0 0 25px;}
	#search input[type="text"]{height:60px; line-height:60px; padding:0 0 0 15px; font-size:21px;}
	#search .btn_submit{width:60px; height:60px; background-size:auto 25px; background-position:13px 17px;}
}
@media all and (max-width:380px) {
	.btn_sch{right: 45px;}
	#search .inner{width:85%;}
	#search fieldset{padding:60px 0 35px; font-size:13px;}
	#search h2{font-size:19px;}
	#search input[type="text"]{height:55px; line-height:55px; padding:0 0 0 12px; font-size:18px;}
	#search .btn_submit{width:55px; height:55px; background-size:auto 22px; background-position:13px 15px;}
	#search .btn_close{right:5px; top:5px;}
}

/* 하단*/
#footer{clear:both;position:relative;width:100%;padding: 47px 0 69px;line-height:120%;color: #a0a4b0;background: #2e2e2e;}
#footer:after{content:''; display:block; clear:both; width:100%;}
#footer .logo {top: 50px;display: flex;align-items: center;}
#footer .logo strong{color: #a0a4b0;}
#footer .logo span > span{color: #a0a4b0;}
#footer .link{padding-bottom: 30px;}
#footer .link li{position:relative;display:inline-block;vertical-align: middle;}
#footer .link li a{font-size: 15px;color: #a0a4b0;}
#footer .link li:before{content:'';display:inline-block;width: 4px;height: 4px;margin: 0 11px 4px;background: #fefdcb;vertical-align: middle;border-radius: 50%;}
#footer .link li:first-child:before{display:none;}
#footer .link .privacy a{color: #fefdcb;}
#footer .info {padding: 5px 0 0 287px;font-weight:200;text-transform:uppercase;}
#footer .copyright{padding:7px 0 0 0;font-size:14px;text-transform:uppercase;}

@media all and (max-width:1280px) {
	#footer .info {padding-left:300px;}
}
@media all and (max-width:1024px) {
	#footer {padding:35px 0 40px;font-size:15px;}
	#footer .logo{position:static;padding: 20px 0;width:100%;}
	#footer .logo strong{font-size:26px;}
	#footer .info, #footer .link{padding:0;}
	#footer .link{font-size:16px;}
	#footer .link li:before{margin: 0 10px 4px;}
	#footer .copyright{font-size:13px;}
}
@media all and (max-width:768px) {
	#footer .logo strong{font-size:24px;}
	#footer .link li a {font-size:14px;}
	#footer .info{font-size:14px;}
	#footer .copyright{font-size:11px;}
}
@media all and (max-width:568px) {
	#footer {padding:25px 0 35px}
	#footer .logo strong{font-size:22px;}
	#footer .info{font-size:13px;}
	#footer .info span {display:block;}
	#footer .link li:before{margin:0 7px;}
}
@media all and (max-width:380px) {
	#footer{padding:27px 0 35px;}
	#footer .logo {padding:20px 0;}
	#footer .logo strong{font-size:21px;}
}

/* 하단*/
.linksite{z-index:1;position:relative;clear:both;width:100%;background: #444;}
.linksite:after{content:''; display:block; clear:both;}
.linksite .inner > li{float:left;width: 20%;box-sizing:border-box;}
.linksite .inner > li > a{position:relative;display:block;height: 60px;line-height: 60px;padding: 0 0 0 20px;font-size: 20px;color:#fff;text-decoration:none;}
.linksite .inner > li:first-child:before,
.linksite .inner > li > a:before,
.linksite .inner > li > a:after{content:'';display:block;position:absolute;top:50%;right: 20px;width: 16px;height: 10px;margin:-3px 0 0 0;background: url(/images/kr/common/ico_linksite.png) no-repeat;}
.linksite .inner > li > a[target="_blank"]:after {width: 20px;height: 5px;background-image: url(/images/common/ico_link_open.png);}
.linksite .inner > li:first-child:before,
.linksite .inner > li > a:before{top: 0;right:0;margin: 0;width:1px;height: 100%;background: #9899a1;}
.linksite .inner > li:first-child:before{right:auto; left:0;}
.linksite .inner > li.on > a{color:#000;background: #fff;font-weight: 600;}
.linksite .inner > li.on > a:after{background-position:100% 100%;}
.linksite li div{display:none;z-index:56;position:absolute;bottom: 60px;left:0;overflow:hidden;width:100%;border-radius:10px 10px 0 0;box-shadow:3px -5px 15px rgba(0,0,0,0.1);border:1px solid #333;border-bottom:none;box-sizing:border-box;background:#fff;}
.linksite li.on div{display:block;}
.linksite li div ul{width:100%;overflow-x: hidden;overflow-y:auto;max-height:360px;min-height:155px;margin:0 auto;padding:19px 0.7em 24px 22px;box-sizing:border-box;}
.linksite li div ul li{position:relative; float:left; width:22.6%; margin:0 1.2%; box-sizing:border-box; border-bottom:1px dotted rgba(0,0,0,0.17);}
.linksite li div ul li:before{content:''; display:block; position:absolute; top:50%; left:0; width:2px; height:2px; margin:-1px 0 0 0; background:#aaa;}
.linksite li div ul li a{display:block;padding:12px 0 12px 10px;color:#000;font-weight:400;transition:0.35s ease-in-out;box-sizing: border-box;}
.linksite li div ul li a:hover{box-shadow:inset 0 45px 0 rgba(0,0,0,0.04);}


@media all and (max-width:1430px) {
	.linksite li div{left:15px; width:calc(100% - 30px);}
	.linksite .inner > li:first-child:before{left:15px;}
	.linksite .inner > li > a {font-size:18px;}
}
@media all and (max-width:1024px) {
	.linksite .inner > li > a{height:52px;line-height:52px;padding: 0 0 0 15px;font-size: 16px;}
	.linksite .inner > li > a:after{right:15px;}
	.linksite li div{bottom:52px;}
}
@media all and (max-width:768px) {
	.linksite {font-size:15px;}
	.linksite h2{font-size:0; text-indent:-999px;}
	.linksite .inner > li{position:relative; width:100%; border:1px solid rgba(255,255,255,0.3); border-bottom:none;}
	.linksite .inner > li:first-child{border-top:none;}
	.linksite .inner > li > a{height:38px;line-height:38px;font-size: 15px;}
	.linksite .inner > li:first-child:before,
	.linksite .inner > li > a:before{display:none;}
	.linksite li div{bottom:38px; left:-1px; width:calc(100% + 2px);}
	.linksite li div ul{padding:12px 14px 16px 14px;}
	.linksite li div ul li{width: 100%;}
}
@media all and (max-width:568px) {
	.linksite {font-size:14px; border:none;}
	
}
@media all and (max-width:380px) {
	.linksite li div ul li a{padding:10px 0 10px 0.5em;}
}

.btn_top{z-index:2;display:block;position:absolute;top:-95px;left:50%;width: 50px;height: 50px;line-height: 50px;padding: 4px 0 0;margin:0 0 0 837px;font-size: 15px;border-radius:50%;color:#fff;text-align:center;text-decoration: none;transition:box-shadow 0.3s ease-in-out;background: #3ea678;box-sizing:border-box;box-shadow: 0px 0px 20px 0px rgba(46, 128, 203, 0.15);}
.btn_top:before {content:'';display:block;position:absolute;top: 11px;left: 50%;transform: translateX(-50%);width: 12px;height:6px;background: url(/images/common/ico_top.png)no-repeat;}
.btn_top:hover{color:#fff;text-decoration: none;}

@media all and (max-width:1830px) {
	.btn_top{left:auto; right:26px; margin:0;}
}
@media all and (max-width:1620px) {
	.btn_top{top:30px;}
}
@media all and (max-width:1280px) {
	.btn_top{}
}
@media all and (max-width:1024px) {
	.btn_top{top:40px;}
}
@media all and (max-width:768px) {
	.btn_top{right:23px;}
}
@media all and (max-width:568px) {
	.btn_top{top:35px;}
}
@media all and (max-width:380px) {
	.btn_top{top: 25px;right: 15px;width: 45px;height: 45px;line-height: 45px;}
}

/*
서브 레이아웃
*/
#container_sub{position:relative;overflow:hidden;width:100%;}

#subContent{position:relative;width: 1400px;margin:0 auto;padding: 0 0 10em 0;box-sizing:border-box;}
#subContent:after{content:''; display:block; clear:both;}
#subContent #content{float:right;padding: 70px 0 0;width: 76.42%;}

#sub_default{padding:49px 0 0 0; line-height:160%;}
@media all and (max-width:1430px) {
	#subContent{width:100%;padding: 0 15px 10em;}
}
@media all and (max-width:1280px) {
	#subContent #content{width:75%;}
}
@media all and (max-width:1024px) {
	#subContent{padding: 0 15px 10em;}
	#subContent #content{width:100%;padding: 50px 0 0;}
	#sub_default{padding:30px 0 0 0;}
}
@media all and (max-width:768px) {
	#subContent{padding: 0 10px 9em;}
	#subContent #content {padding:30px 0 0;}
	#sub_default{padding:25px 0 0 0;}
}
@media all and (max-width:380px) {
	#sub_default{padding:23px 0 0 0;}
}

/* 문서정보 */
#pageInfo{position:relative;padding: 0 0 25px;width:100%;border-bottom: 1px solid #e5e5e5;}
#pageInfo:after {content:''; display:block; clear:both;}
#pageTitle {display:flex; justify-content:space-between; align-items:center;}
#pageTitle h3{font-size: 40px;font-weight: 500;letter-spacing: 0;}
#pageTitle .btn_copy {text-indent:-9999px;width:37px;height:37px;background:#fff url(/images/kr/common/ico_link.png)no-repeat center;border:1px solid #e5e5e5;border-radius:10px;}

@media all and (max-width:1024px) {
	#pageTitle h3{font-size: 36px;}
}
@media all and (max-width:768px) {
	#pageTitle h3{font-size: 32px;}
}
@media all and (max-width:568px) {
	#pageInfo {padding:0 0 15px;}
	#pageTitle {flex-direction:column; justify-content:center;}
	#pageTitle h3{font-size: 26px;text-align:center;}
	#pageTitle .btn_copy {margin: 10px 0 0;width:30px;height:30px;background-size: 16px;}
}
@media all and (max-width:380px) {
	#pageTitle h3{font-size: 24px;}
	#pageTitle .btn_copy {margin:5px 0 0;}
}


.location {float: right;display: flex;align-items: center;font-size: 14px;line-height: 50px;}
.location .home{display:inline-block;width: 17px;height: 17px;text-indent:-999px;font-size:0;background: url(/images/kr/common/ico_home.png) no-repeat 50% 50%;}
.location span:before{content:'';display: inline-block;width:7px;height: 11px;margin: -5px 20px 0 20px;background: url(/images/kr/common/ico_loc_arrow.png)no-repeat;}

@media all and (max-width:1024px) {
	.location_wrap{height:45px; line-height:43px; margin:0 0 40px;}
	.location{display:flex;flex-wrap:wrap;justify-content:center;/* margin: 0 0 15px; */width:100%;font-size:14px;align-items: center;}
	.location span:before{margin:-2px 20px 0 20px;}
}
@media all and (max-width:768px) {
	.location_wrap{height:40px; line-height:38px; margin:0 0 35px;}
	.location span:before{margin: -2px 10px 0 8px;}
}
@media all and (max-width:568px) {
	.location_wrap{margin:0 0 30px;}
	.location{font-size:13px;}
}
@media all and (max-width:380px) {
	.location_wrap{margin:0 0 27px;}
	.location span:before{margin: -2px 6px 0 8px;}
}


.util_wrap{float: right;margin: -15px 0 0 15px;}
.util_wrap .btns{float:left;width: 50px;height: 50px;margin:0 0 0 10px;font-size:0;text-indent:-999px;box-sizing:border-box;border-radius: 20px;border:1px solid #ddd;background: #fff url(/images/kr/common/ico_share.png) no-repeat 17px 16px;}
.util_wrap .on .btns,
.util_wrap .btns:hover{border-color:#999;}
.util_wrap .btn_copy{background-position: -36px 15px;}
.sns_share.on .btn_share{background-position: 16px -18px;}

.sns_share {z-index:2; position:relative; float:left;}
.sns_share a{display:block; font-size:0; text-indent:-999px; background:#3752b7 url(/images/common/ico_sns.png) no-repeat 9px 6px}
.sns_share .list{visibility:hidden; opacity:0; position:absolute; top:55px; right:0; width:170px; padding:12px 0; border:1px solid #ccc; border-radius:20px; transition:0.25s ease-in-out; box-sizing:border-box; background:#fff; text-align:center;}
.sns_share.on .list{visibility:visible; opacity:1; top:60px;}
.sns_share .list li{display:inline-block; vertical-align:top; margin:0 1px;}
.sns_share a{width:30px; height:30px; border-radius:50%; background-position:10px 7px;}
.sns_share .bl{background-color:#00C401; background-position:-64px 7px;}
.sns_share .kko{background-color:#F2CB3A; background-position:-141px 8px;}
.sns_share .insta{background-color:#c536a4; background-position:-102px 7px;}
.sns_share .tw{background-color:#53C2EF; background-position:-26px 8px;}
.sns_share .fb:hover{background-color:#398DF4;}
.sns_share .bl:hover{background-color:#00DF00;}
.sns_share .tw:hover{background-color:#85D2F3;}
.sns_share .kko:hover{background-color:#F3D356;}
.sns_share .insta:hover{background-color:#8a38b4;}

@media all and (max-width:1024px) {
	.util_wrap{
    margin: 0;
}
	.util_wrap .btns{width:35px;height:35px;margin:0 0 0 9px;border-radius:12px;background-position: -43px 8px;}
	.util_wrap .btn_sch{background-position:-52px -33px;}

	.sns_share .list{top:35px; width:153px; padding:7px 0;}
	.sns_share .btn_share{background-position: 10px 8px;}
	.sns_share.on .list{top:40px;}
	.sns_share.on .btn_share{background-position: 8px -25px;}
}
@media all and (max-width:768px) {
	.util_wrap .btns{margin:0 0 0 5px;}
}
@media all and (max-width:568px) {
	.util_wrap{margin: 0 0 0 8px;}
	.sns_share .list{top:34px;}
	.sns_share.on .list{top:39px;}
}

#subVisual {position: relative;height: 50px;background: -moz-linear-gradient(90deg, rgba(231,246,249,1) 0%, rgba(231,249,240,1) 100%);background: -webkit-linear-gradient(90deg, rgba(231,246,249,1) 0%, rgba(231,249,240,1) 100%);background: linear-gradient(90deg, rgba(231,246,249,1) 0%, rgba(231,249,240,1) 100%);}
#subVisual img {position: absolute; top: 0; left: 50%; transform: translateX(-50%);}

@media all and (max-width:1024px) {
    #subVisual {height: auto;}
    #subVisual img {position: static; transform: translateX(0);}
}


/* 서브메뉴 */
#submenu{z-index:1;position:relative;float:left;margin: -25px 0 0;width: 18.57%;}
#submenu .sm_tit{display:table;overflow:hidden;position:relative;width:100%;height: 150px;letter-spacing:-1px;text-align:center;color:#fff;border-radius: 30px;background: -moz-linear-gradient(135deg, rgba(24,74,166,1) 0%, rgba(26,145,223,1) 100%);background: -webkit-linear-gradient(135deg, rgba(24,74,166,1) 0%, rgba(26,145,223,1) 100%);background: linear-gradient(135deg, rgba(24,74,166,1) 0%, rgba(26,145,223,1) 100%);box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);}
#submenu .sm_tit > div{display:table-cell; vertical-align:middle;}
#submenu .sm_tit h2{font-size: 35px;font-family: "GangwonEduPower";letter-spacing: -0.05em;}
#submenu .sm_tit p{position: relative;padding: 41px 0 0 0;line-height: 1;font-family: 'gmarket';font-weight:200;font-size: 12px;letter-spacing: -0.015em;color: rgba(255,255,255,0.6);text-transform: uppercase;}
#submenu .sm_tit p:before {content:'';display:block;position:absolute;top: 16px;left: 50%;transform: translateX(-50%) rotate(45deg);width: 8px;height: 8px;background: #ffc600;}

#submenu .depth2 {width:100%; margin:20px 0 0 0; box-sizing:border-box;}
#submenu .depth2 > li{line-height:0;margin: 0 0 3px;}
#submenu .depth2 > li > a{position:relative;display: flex;align-items: center;height: 50px;line-height: 100%;font-weight: 400;padding: 0 50px 0 20px;background: #f8f8f8;border-radius: 10px;border: 1px solid #e5e5e5;text-decoration:none;box-sizing:border-box;word-break: keep-all;}
#submenu .depth2 > li > a.hasUl:after{content:'';position:absolute;top:50%;right:30px;transform: translateY(-50%);width: 13px;height: 9px;background: url(/images/kr/common/ico_snb.png) no-repeat 100% 100%;}
#submenu .depth2 > li:hover > a,
#submenu .depth2 > li > a:hover,
#submenu .depth2 > li > a:focus,
#submenu .depth2 > li.current_on > a{font-weight: 600;color: #0971ba;background: #fff;border: 1px solid #0971ba;}
#submenu .depth2 > li:hover > a:after,
#submenu .depth2 > li.current_on > a:after,
#submenu .depth2 > li > a:hover:after{background-position: 0 0;}
#submenu .depth2 li ul {display:none;padding: 14px 20px;margin: 3px 0 0;border-radius: 10px;background: #f0f3fc;}

#submenu .depth2 li ul li a{position:relative;display:block;height: 30px;line-height: 30px;padding:0 0 0 10px;font-size: 14px;font-weight: 400;color: #222;text-decoration:none;}
#submenu .depth2 li ul li a:before{content:'';position:absolute;top: 14px;left:0;width:4px;height: 1px;background: #222;}
#submenu .depth2 li ul li a:hover,
#submenu .depth2 li ul li a:focus,
#submenu .depth2 li ul li a:active,
#submenu .depth2 li ul li.current_on a{color: #000;font-weight:500;}
#submenu .depth2 li ul li a:before:hover,
#submenu .depth2 li ul li a:before:focus,
#submenu .depth2 li ul li a:before:active,
#submenu .depth2 li ul li.current_on a:before {background:#000;}
@media all and (max-width:1280px) {
	#submenu{width:20%;}
	#submenu .sm_tit h2{font-size:28px;}
	#submenu .depth2 > li > a{padding:0 0 0 20px;}
	#submenu .depth2 > li > a:after{right:20px;}
}

/* 모바일 메뉴 */
@media all and (max-width:1024px) {
	.m_menu{position:fixed; top:0; right:-100%; width:60%; height:100%; overflow-y:auto; z-index:100; background:#ddd; transition:right 0.25s ease-in-out;}
	.m_menu .tit{display:none;}
	.m_menu.on{right:0;}
	.m_menu .m_top{position:relative; height:110px; background:#fff;}
	.m_menu .logo{position:absolute; top:35px; left:12px; text-align:left; transform:none;}
	.m_menu > ul{float:left; width:100%; height:calc(100% - 110px); border-top:3px solid #182239; box-sizing:border-box;}
	.m_menu > ul a{display: flex;flex-wrap: wrap;align-items: center;text-decoration:none;cursor:pointer;}
	.m_menu > ul > li{width:43%; border-bottom:1px solid #3d3f4a;}
	.m_menu > ul > li > a{position:relative;height:3em;padding:0 0 0 1em;font-size:130%;color:#fff;background:#182239;}
	.m_menu > ul > li > a:before{display:none; content:''; position:absolute; top:50%; right:-8px; width:0; height:0; margin:-8px 0 0 0; border-left:15px solid #fff; border-top:15px solid transparent; transform:rotate(45deg);}
	.m_menu > ul > li.current_on > a,
	.m_menu > ul > li > .on{font-weight: 500;background:linear-gradient(125deg, #88c37f 0%, #2a9e98 70%);}
	.m_menu > ul > li.current_on > a:before,
	.m_menu > ul > li > .on:before{display:block;}
	.m_menu > ul > li > div {position:absolute; top:110px; left:43%; display:none; width:57%; height:calc(100% - 110px); padding:13px 0.8em 0 1.2em; border-top:3px solid #182239; background:#fff; box-sizing:border-box;}
	.m_menu > ul > li.current_on .menu,
	.m_menu > ul > li .on + .menu{display:block !important;} 
	.m_menu > ul > li > div > ul > li {margin:0 0 2px; border-bottom:1px solid #e6e6e6;}
	.m_menu > ul > li > div > ul > li > a{position:relative;padding:10px 1.2em;font-size:115%;font-weight: 500;}
	.m_menu > ul > li > div > ul > li > a:before,
	.m_menu > ul > li > div > ul > li a[target="_blank"]:after{content:''; position:absolute; top:50%; right:8px; display:block; width:10px; height:10px; margin:-5px 0 0 0; background:url(/images/kr/main/ico_ctrl.png) no-repeat -83px -38px;}
	.m_menu > ul > li > div ul li.hasUl > a:after{content:'';display:block; position:absolute; top:50%; right:10px; width:8px; height:8px; margin:-7px 0 0 0; border-bottom:2px solid #555; border-right:2px solid #555; transition:transform 0.3s; transform:rotate(45deg); background:none;}
	.m_menu > ul > li > div ul li.hasUl > a.on:after{margin:-4px 0 0 0; transform:rotate(225deg);}
	.m_menu > ul > li > div ul li:not(.hasUl) > a[target="_blank"]:after{width:14px; height:14px; margin:-7px 0 0 0; background:url(/images/common/ico_new.png) no-repeat 100% 0;}
	.m_menu > ul > li > div > ul > li > a:before{position:absolute;top: 16px;left:0.2em;width:13px;height:13px;margin:0;border:4px solid #9faab2;border-left:4px solid #143852;border-top:4px solid #143852;border-radius:50%;background:none;}
	.m_menu > ul > li > div > ul > li > ul{display:none; overflow:hidden; width:100%; margin:2px 0 0 0; padding:0.6em 0 0.5em 0.5em; box-sizing:border-box; background:#f3f3f3;}
	.m_menu > ul > li > div > ul > li > ul li a{position:relative; padding:6px 0 6px 13px;}
	.m_menu > ul > li > div > ul > li > ul li a:before{content:'';display:block;position:absolute;top: 15px;left:4px;width:4px;height:4px;border-radius:50%;background:#32acb6;}
	.m_menu > ul > li.current_on .current_on > a{font-weight: 600;color:#222;}
}
@media all and (max-width:768px) {
	.m_menu .m_top{height:72px;}
	.m_menu .logo{top:15px;}
	.m_menu > ul {height:calc(100% - 72px);}
	.m_menu > ul > li > a{padding:0 0 0 0.7em; font-size:16px;}
	.m_menu > ul > li > a:before{right:-7px; margin:-7px 0 0 0; border-left:13px solid #fff; border-top:13px solid transparent;}
	.m_menu > ul > li > div{top:72px; height:calc(100% - 72px); padding:0.6em 0.7em 0.5em 0.7em;}
	.m_menu > ul > li > div > ul > li > a{font-size:15px; background-size:13px;}
	.m_menu > ul > li > div > ul > li > a:before{top: 15px;width:10px;height:10px;border-width:3px;}
	.m_menu > ul > li > div > ul > li > ul{padding:0.5em 0 0.4em 0.4em;}
	.m_menu > ul > li > div > ul > li > ul li a{font-size:14px;}
	.m_menu > ul > li > div > ul > li > ul li a:before{top: 13px;}
	.m_menu > ul > li > div ul li:not(.hasUl) > a[target="_blank"]:after{width:11px; height:11px; background-size:cover;}
}
@media all and (max-width:568px) {
	.m_menu{width:285px;}
	.m_menu .logo{top:17px;}
}