@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:29px; left:0; line-height:160%; text-align:left; font-family:"NanumSquare";}
.logo *{display:inline-block; vertical-align:top;}
.logo a{text-decoration:none; color:#222;}
.logo img{margin:0 5px 0 0;}
.logo strong{padding:2px 0 6px 0; line-height:100%; font-size:32px; font-weight:800; letter-spacing:-2px;}
.logo span > span{display:block; line-height:100%; padding:0 0 0 2px; font-size:12px; font-weight:700; color:#777; letter-spacing:0.95px;}

@media all and (max-width:1430px) {
	.logo{left:15px;}
}
@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{height:auto; padding:3px 0 3px; font-size:26px; letter-spacing:-1px;}
	.logo span > span{font-size:10px; letter-spacing:0.7px;}
}
@media all and (max-width:768px) {
	.logo {top:10px; left:10px;}
	.logo img{height:41px;}
	.logo strong{font-size:24px;}
	.logo span > span{font-size:9px; letter-spacing:0.8px;}
}
@media all and (max-width:568px) {
	.logo{top:9px;}
	.logo strong{font-size:22px;}
	.logo img{height:39px;}
	.logo span > span{font-size:8px;}
}
@media all and (max-width:380px) {
	.logo img{height:38px;}
	.logo strong{font-size:21px;}
	.logo span > span{letter-spacing:0.55px;}

}

#top{float:left; position:relative; width:100%; height:60px; border-bottom:1px solid #eee; box-sizing:border-box;}
#top:after{content:''; display:block; clear:both; width:100%;}

.global{float:left;}
.global > li{position:relative; float:left; box-sizing:border-box;}
.global > li > a{display:block; line-height:60px; padding:0 30px 0 0; font-family:"NanumSquare"; font-weight:700; color:#555; text-decoration:none; text-align:center;}
.global > li.on > a{color:#333; font-weight:800;}
.global > li.list > a.on{color:#333; font-weight:800;}
.global > li.list > a:after{content:''; display:inline-block; vertical-align:middle; margin:-2px 0 0 10px; border-right:5px solid transparent; border-left:5px solid transparent; border-top:5px solid #959595; transition:transform 0.25s ease-in-out;}
.global > li.on > a:after{border-top-color:#333;}
.global > li.list > a.on:after{margin-top:-5px; border-top-color:#333; transform:rotate(-180deg);}

.global > li > a:before{content:''; display:inline-block; vertical-align:middle; width:32px; height:27px; margin:-3px 9px 0 0; background:url(/images/common/ico_global.png) no-repeat;}
.global > li:nth-child(2) > a:before{background-position:-45px 0;}

.global > li.on > a:before{background-position:0 100%;}
.global > li.list > a.on:before,
.global > li.on:nth-child(2) > a:before{background-position:-45px 100%;}

.global li div{display:none; z-index:96; position:absolute; top:60px; 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:700;}
.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:315px;}
.global .list2 div{width:305px;}
.global .list1 li{display:inline-block; width:30%; margin:0 1.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 .list2 div{width:200px;}
}
@media all and (max-width:1024px) {
	#top{height:auto; font-size:15px;}
	.global{width:100%;}
	.global > li{padding:0 1px 0 0;}
	.global > li > a{height:40px; line-height:40px; padding:0 25px 0 0; text-align:center; font-size:15px;}
	.global > li > a:before{width:25px; height:21px; margin:-1px 5px 0 0; background-size:auto 43px;}
	.global > li:nth-child(2) > a:before{background-position:-36px 0;}
	.global > li.list > a.on:before,
	.global > li.on:nth-child(2) > a:before{background-position:-36px 100%;}
	.global > li.list > a:after{margin:0 0 0 7px;}
	.global li div{top:41px; left:1px; width:calc(100% - 1px);}
	.global .list1 div{width:300px;}
	.global .list2 div{width:175px;}
	.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;}
}
@media all and (max-width:768px) {
	#top{font-size:14px;}
	#top .inner{padding:0 10px;}
	.global > li > a{height:36px; line-height:36px; font-size:14px;}
	.global > li .live{margin:9px 0 0 5px; font-size:9px;}
	.global li div{top:37px; left:auto; right:0;}
	.global li div a{height:36px; line-height:37px;}
	.global .list1 div{width:250px;}
	.global .list2 div{width:100%; min-width:117px;}
}
@media all and (max-width:568px) {
	.global {float:none; display:inline; width:100%;}
	.global > li > a{height:33px; line-height:33px;}
	.global > li > a:before{width:23px; height:19px; background-size:auto 39px;}
	.global > li:nth-child(2) > a:before{background-position:-32px 0;}
	.global > li.list > a.on:before,
	.global > li.on:nth-child(2) > a:before{background-position:-32px 100%;}
	.global li div{top:34px;}
}
@media all and (max-width:380px) {
	.global li div{padding:0 5px 4px;}
	.global li div a{height:34px; line-height:35px;}
	.global .list1 div{width:212px;}
}

#font_control {float:right; padding:15px 0 0 0;}
#font_control ul{float:left;}
#font_control ul > li{float:left; text-align:center;}
#font_control ul > li > a{display:block; width:30px; height:30px; line-height:28px; margin:0 0 0 5px; font-size:12px; color:#777; font-weight:700; font-family:"Noto Sans KR"; border-radius:10px; border:1px solid #ddd; box-sizing:border-box; text-decoration:none; background:#fff;}
#font_control li.img a{text-indent:-999px; font-size:0; background:#fff url(/images/common/ico_util.png) no-repeat 9px 7px;}
#font_control li.small a{background-position:-61px 7px;}
#font_control li.print a{background-position:-96px 8px;}
#font_control li a:hover{border-color:#999;}

.top_sns{float:left; padding:9px 20px 0 0;}
.top_sns a{display:bloc k; width:38px; height:37px; font-size:0; text-indent:-999px; background:#326bdb url(/images/common/ico_sns.png) no-repeat 15px 9px;}
.top_sns a:hover{background-color:#094fd8;}
.top_sns a.insta{background-position:-33px 10px;}
.top_sns a.yt{background-position:-90px 10px;}

@media all and (max-width:1024px) {
	#font_control ul{display:none;}
	.top_sns{padding:6px 0 0 0;}
	.top_sns a{width:28px; height:28px; background-position:9px 5px;}
} 
@media all and (max-width:768px) {
	.top_sns{padding:3px 0 0 0;}
}
@media all and (max-width:568px) {
	#font_control{float:none; width:100%;}
	.top_sns{width:33.33%; padding:0; text-align:center;}
	.top_sns a{position:relative; display:inline-block; height:33px; line-height:33px; width:auto; padding:0 0 0 25px; font-size:14px; text-indent:0; letter-spacing:0; background:none;}
	.top_sns .fb:before{content:''; display:block; position: absolute; top:5px; left:0; width:20px; height:20px; background:#326bdb url(/images/common/ico_sns.png) no-repeat 5px 2px;}
}
@media all and (max-width:380px) {
	.top_sns a{height:30px; line-height:30px; font-size:13px;}
}

#header{clear:both; position:relative; height:109px; width:100%; border-bottom:1px solid #eee;;}
@media all and (max-width:1430px) {
	#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:60px; 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:109px; left:0; width:100%; height:2px; background:#df4f56;}
#menuArea.on:before{display:block;}
#menuArea .bar{position:absolute; top:106px; left:0; width:72px; height:8px; opacity:0; z-index:98; background:#df4f66; 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 50px 0 20%; 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: 12%;line-height:0;}
#topmenu > li:nth-child(8){width:15%;}
#topmenu > li:last-child{display:none;}
#topmenu > li > a{display:block; line-height:109px; font-size:20px; font-weight:800; font-family:"NanumSquare"; color:#333; 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:#e16060;}

#topmenu li .tit{position:absolute; top:0; left:0; width:22%; height:100%; padding:74px 0 0 0; line-height:150%; text-align:left; border-right:1px solid #eee; box-sizing:border-box;}
#topmenu li .tit:after{content:''; display:block; position:absolute; bottom:51px; left:0; width:200px; height:174px; background:url(/images/common/bg_menu1.jpg) no-repeat;}

#topmenu li .menu{display:none; visibility:visible; opacity:1; z-index:96; position:absolute; left:0; top:109px; width:100%; min-height:430px; padding:41px 0 12px 22%; transform:none; transition:none; box-sizing:border-box; box-shadow:none; background:none;}
#topmenu .menu:before{content:''; display:block; position:absolute; right:50%; top:0; width:100%; height:100%; margin:0 600px 0 0; border:none;}
#topmenu li.menu2 .tit:after{background-image:url(/images/common/bg_menu2.jpg);}
#topmenu li.menu3 .tit:after{background-image:url(/images/common/bg_menu8.jpg);}
#topmenu li.menu4 .tit:after{background-image:url(/images/common/bg_menu4.jpg);}
#topmenu li.menu5 .tit:after{background-image:url(/images/common/bg_menu5.jpg);}
#topmenu li.menu6 .tit:after{background-image:url(/images/common/bg_menu6.jpg);}
#topmenu li.menu7 .tit:after{background-image:url(/images/common/bg_menu7.jpg);}
#topmenu li.menu8 .tit:after{background-image:url(/images/common/bg_menu8.jpg);}

#topmenu li .tit h2{z-index:1; position:relative; display:inline-block; height:56px; line-height:110%; font-size:36px; font-weight:800; font-family:"NanumSquare"; color:#222;}
#topmenu li .tit h2:after{z-index:-1; content:''; display:block; position:absolute; top:-8px; right:-34px; width:45px; height:23px; background:url(/images/common/bg_menu.jpg) no-repeat;}
#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:block; height:54px; line-height:51px; padding:0 0 0 12.755%; color:#333; font-weight:800; font-family:"NanumSquare"; border:2px solid #eaeaea; border-radius:5px; box-sizing:border-box;}
#topmenu .menu > ul > li:hover > a,
#topmenu .menu > ul > li.current_on > a,
#topmenu .menu > ul > li > a:hover{color:#e16060; border-color:#df4f54;}
#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; background:linear-gradient(90deg, #fcf8f4 0%, #fbf1f5 100%);}
#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:700; font-family:"Noto Sans KR";}
#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:10px; left:0; display:block; width:5px; height:5px; border-radius:2px; background:#df4f66;}
#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 50px 0 24%;}
}

.btn_menu{z-index:95; position:absolute; top:101px; right:50%; width:30px; margin:0 -700px 0 0;}
.btn_menu .bar{display:block; float:right; width:23px; height:3px; margin:2px 0 3px; border-radius:3px; background:#e65245; transition:0.25s ease-in-out;}
.btn_menu .bar2{width:14px;}
.btn_menu:hover .bar2{width:23px;}

.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 {padding-right:15px;}
	#topmenu .menu > ul > li > a:before{display:none;}
}
@media all and (max-width:1024px) {
	.btn_menu{top:63px;}
}
@media all and (max-width:768px) {
	.btn_menu{top:55px;}

	.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{top:51px; right:10px;}
}
@media all and (max-width:380px) {

}

/* 검색*/
#search{z-index:94; position:relative; float:left; margin:7px 15px 0 0; font-family:"NanumSquare";}
#search form{width:250px; height:36px; padding:0 30px 0 0; border-bottom:2px solid #356bd1; background:#fff; box-sizing:border-box; transition:0.25s ease-in-out;}
#search h2{position: absolute; top:11px; left:0; color:#3a72db; font-size:14px; letter-spacing:0; font-family:"gmarket"; font-weight:900;}
#search input[type="text"]{width:100%; height:34px; line-height:34px; padding:0 0 0 65px; color:#222; border-color:#fff; border:none; text-align:left; box-sizing:border-box;}
#search ::-webkit-input-placeholder{font-size:13px; color:rgba(0,0,0,0.3);}
#search :-ms-input-placeholder{font-size:13px; color:rgba(0,0,0,0.3);}
#search ::placeholder{font-size:13px; color:rgba(0,0,0,0.3);}
#search button{position:absolute; top:10px; right:0; width:30px; height:30px; padding:0; font-size:0; text-indent:-999px; background:transparent;}
#search button:before,
#search button:after{content:''; display:block; position:absolute; top:0; left:10px; width:15px; height:15px; border:2px solid #356bd1; border-radius:50%; box-sizing:border-box;}
#search button:after{left:20px; top:13px; width:7px; height:2px; border:none; border-radius:2px; transform:rotate(45deg); background:#356bd1;}
#search .btn_search{display:none; position:absolute; top:0; right:15px; width:30px; height:30px; padding:0; font-size:0; text-indent:-999px; background:transparent;}
#search .btn_search:before,
#search .btn_search:after{content:''; display:block; position:absolute; top:3px; left:3px; width:18px; height:18px; border:3px solid #292e44; border-radius:50%; box-sizing:border-box; transition:0.25s ease-in-out;}
#search .btn_search:after{top:auto; left:auto; bottom:4px; right:6px; width:10px; height:3px; border:none; border-radius:3px; transform:rotate(45deg); transform-origin:100% 100%; background:#292e44;}
#search.on .btn_search:before{top:auto; left:5px; bottom:6px; width:27px; height:27px; border-radius:0; transform:rotate(45deg); border:none; border-left:3px solid #292e44; transform-origin:0 100%;}
#search.on .btn_search:after{width:27px; border-radius:0;}
#search ul{padding:0 0 0 3px;}
#search li{margin-bottom:10px; font-size:15px;}
#search li:before{top:4px; background:#fff;}

@media all and (max-width:1024px) {
	#search{position:absolute; top:0; left:0; width:100%; margin:0; color:#fff; text-align:left;}
	#search.on{z-index:96;}
	#search h2{position:static; padding:0 0 12px; font-size:28px; color:#fff;}
	#search form{visibility:hidden; opacity:0; position:absolute; top:-10px; right:0; width:100%; height:auto; padding:65px 30px 50px; border-radius:0; border:none; background:#292e44;}
	#search.on form{opacity:1; visibility:visible; top:0;}
	#search .in_sch{position:relative; max-width:500px; margin:0 auto;}
	#search input[type="text"]{height:55px; line-height:55px; padding:0 55px 0 30px;}
	#search .btn_search{display:block; top:60px; right:56px;}
	#search button{top:12px; right:15px; height:37px;}
	#search button:before{left:0; width:25px; height:25px; border-color:#292e44;}
	#search button:after{left:19px; top:25px; width:15px; background-color:#292e44;}
	#search .btn_close{top:30px; right:30px;}
	#search .btn_close:before{top:1px; left:12px; width:27px; height:27px; transform:rotate(45deg); border-radius:0; border:none; border-left:3px solid #fff; transform-origin:0 100%;}
	#search .btn_close:after{left:9px; top:18px; height:3px; width:27px; border-radius:0; background-color:#fff;}
	#search .in_txt{position:relative; margin:0 0 30px;}
}
@media all and (max-width:768px) {
	#search h2{padding:0 0 9px; font-size:24px;}
	#search .btn_search{right:49px; top:52px;}
	#search li{margin:0 0 7px;}
}
@media all and (max-width:568px) {
	#search .btn_search{right:40px; top:48px;}
	#search form{padding:60px 30px 35px;}
	#search h2{font-size:20px;}
	#search li{font-size:14px;}
}
@media all and (max-width:380px) {
	#search h2{font-size:19px;}
	#search li{font-size:13px;}
}

/* 하단*/
#footer{clear:both; position:relative; width:100%; padding:54px 0 40px 0; line-height:120%; color:rgba(255,255,255,0.5); background:#333;}
#footer:after{content:''; display:block; clear:both; width:100%;}
#footer .logo {top:7px;}
#footer .logo strong{font-size:30px; color:rgba(255,255,255,0.7);}
#footer .logo span{font-size:11px;}
#footer .info,
#footer .link{padding:0 0 0 248px;}
#footer .link{padding-bottom:17px;}
#footer .link li{position:relative; display:inline-block;}
#footer .link li a{color:#fff;}
#footer .link li:before{content:''; display:inline-block; width:1px; height:15px; margin:0 37px; background:rgba(255,255,255,0.5); vertical-align:top; transform:skew(20deg);}
#footer .link li:first-child:before{display:none;}
#footer .link .privacy a{color:#fed3cf;}
#footer .info {font-weight:300; text-transform:uppercase; letter-spacing:-0.5px;}
#footer .copyright{padding:7px 0 0 0; font-size:14px; letter-spacing:0; text-transform:uppercase;}

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

/* 하단*/
.linksite{z-index:1; position:relative; clear:both; width:100%; background:#2c2c2c;}
.linksite:after{content:''; display:block; clear:both;}
.linksite .inner > li{float:left; width:25%; box-sizing:border-box;}
.linksite .inner > li > a{position:relative; display:block; height:70px; line-height:70px; padding:0 0 0 29px; color:#fff; text-decoration:none; letter-spacing:-0.5px;}
.linksite .inner > li:first-child:before,
.linksite .inner > li > a:before,
.linksite .inner > li > a:after{content:''; display:block; position:absolute; top:50%; right:40px; width:11px; height:6px; margin:-3px 0 0 0; background:url(/images/common/ico_linksite.png) no-repeat;}
.linksite .inner > li:nth-child(4) > a:after{height:14px; width:14px; margin:-7px 0 0 0; background:url(/images/kr/main/ico_open.png) no-repeat;}
.linksite .inner > li:first-child:before,
.linksite .inner > li > a:before{right:0; width:1px; height:20px; margin:-10px 0 0 0; background:rgba(255,255,255,0.2);}
.linksite .inner > li:first-child:before{right:auto; left:0;}
.linksite .inner > li.on > a{color:#000; background:rgba(255,255,255,0.9); font-weight:700;}
.linksite .inner > li.on > a:after{background-position:0 -7px;}
.linksite li div{display:none; z-index:56; position:absolute; bottom:70px; 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-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; transition:0.35s ease-in-out;}
.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;}
}
@media all and (max-width:1024px) {
	.linksite .inner > li > a{height:52px; line-height:52px; padding:0 0 0 25px;}
	.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 > a{height:45px; line-height:45px; padding:0 0 0 16px;}
	.linksite .inner > li > a:after{right:15px;}
	.linksite .inner > li:first-child:before{left:10px;}
	.linksite li div{left:10px; bottom:45px; width:calc(100% - 20px);}
	.linksite li div:before{width:100px; height:85px; background-size:130px;}
	.linksite li div ul{padding:16px 17px 19px 17px;}
	.linksite li div ul li{width:31.33%; margin:0 1%;}
}
@media all and (max-width:568px) {
	.linksite {font-size:14px; border:none;}
	.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;}
	.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:48%;}
}
@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:60px; height:60px; line-height:60px; margin:0 0 0 759px; text-indent:-999px; font-size:0; border-radius:15px; color:#fff; text-align:center; transition:box-shadow 0.3s ease-in-out; background:#fff url(/images/common/ico_top.png) no-repeat 50% 50%; box-shadow:0 0 7px rgba(0,0,0,0.07); box-sizing:border-box;}
.btn_top:hover{color:#fff; box-shadow:0 0 2px rgba(0,0,0,0.1);}

@media all and (max-width:1830px) {
	.btn_top{left:auto; right:26px; margin:0;}
}
@media all and (max-width:1770px) {
	.btn_top{top:40px;}
}
@media all and (max-width:1280px) {
	.btn_top{top:35px;}
}
@media all and (max-width:768px) {
	.btn_top{right:23px; width:38px; height:38px; line-height:38px; border-radius:10px;}
}
@media all and (max-width:380px) {
	.btn_top{top:32px; width:35px; height:35px; line-height:35px;}
}

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

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

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

/* 문서정보 */
#pageInfo{position:relative; overflow:hidden; width:100%; height:131px; background:url(/images/common/bg_pagetit.jpg) repeat-x 0 100%;}
#pageTitle h3{height:61px; line-height:110%; font-size:36px; font-weight:900; color:#222; letter-spacing:-2px;}

@media all and (max-width:1024px) {
	#pageInfo{display:table; padding:0;}
	#pageTitle{display:table-cell; vertical-align:middle;}
	#pageTitle h3{height:auto; width:100%; padding:0 0 10px; font-size:30px; letter-spacing:-2px; text-align:center;}
}
@media all and (max-width:768px) {
	#pageInfo{height:105px;}
	#pageTitle h3{padding:0 0 8px; font-size:26px;}
}
@media all and (max-width:568px) {
	#pageInfo{height:90px;}
	#pageTitle h3{font-size:23px;}
}
@media all and (max-width:380px) {
	#pageInfo{height:86px;}
	#pageTitle h3{font-size:22px;}
}


.location {float:left;}
.location .home{display:inline-block; vertical-align:top; width:16px; height:16px; text-indent:-999px; font-size:0; background:url(/images/common/ico_home.jpg) no-repeat 50% 50%;}
.location span:before{content:''; display:inline-block; vertical-align:middle; width:7px; height:7px; margin:-3px 20px 0 20px; border-right:1px solid #9f9fa0; border-bottom:1px solid #9f9fa0; transform:rotate(-45deg);}
.location span.end{font-weight:900;}

@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; width:100%; font-size:14px;}
	.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 4px;}
}
@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 8px 0 2px;}
}


.util_wrap{position: absolute; right:0; top:16px;}
.util_wrap .btns{float:left; width:45px; height:45px; margin:0 0 0 10px; font-size:0; text-indent:-999px; box-sizing:border-box; border-radius:15px; box-shadow:0 0 10px rgba(181,181,181,0.15); border:1px solid #ddd; background:#fff url(/images/common/ico_share.png) no-repeat -50px 14px;}
.util_wrap .on .btns,
.util_wrap .btns:hover{border-color:#999;}
.util_wrap .btn_sch{background-position:-48px -28px;}
.sns_share.on .btn_share{background-position:17px -23px;}

.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{bottom:auto; top:50%; margin:-17px 0 0 0;}
	.util_wrap .btns{width:35px; height:35px; margin:0 0 0 9px; border-radius:12px; background-position:-55px 10px;}
	.util_wrap .btn_sch{background-position:-52px -33px;}

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


/* 서브메뉴 */
#submenu{z-index:1; position:relative; float:left; width:18.575%;}
#submenu .sm_tit{display:table; overflow:hidden; position:relative; width:100%; height:180px; letter-spacing:-1px; text-align:center; color:#fff; border-radius:10px; background:#356bd1 url(/images/common/bg_subtit.jpg) no-repeat;}
#submenu .sm_tit > div{display:table-cell; vertical-align:middle;}
#submenu .sm_tit h2{line-height:110%; font-size:30px; font-weight:800; font-family:"Jalnan"; letter-spacing:0;}
#submenu .sm_tit p{padding:21px 0 0 0; line-height:110%; font-family:"gmarket"; font-weight:200; font-size:11px; letter-spacing:2px; color:rgba(255,255,255,0.3); text-transform:uppercase;}

#submenu .depth2 {width:100%; margin:20px 0 0 0; box-sizing:border-box;}
#submenu .depth2 > li{line-height:0; margin:0 0 10px;}
#submenu .depth2 > li > a{z-index:1; position:relative; display:block; height:60px; line-height:60px; padding:0 0 0 29px; border-radius:10px; font-weight:800; font-size:18px; color:#555; border:1px solid #ddd; text-decoration:none; box-sizing:border-box;}
#submenu .depth2 > li > a:before{z-index:-2; content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:0px solid transparent; border-radius:10px;}
#submenu .depth2 > li > a:after{content:''; position:absolute; top:50%; right:30px; width:18px; height:4px; margin:-2px 0 0 0; background:url(/images/common/bg_snb.jpg) no-repeat 0 100%;}
#submenu .depth2 > li:hover > a,
#submenu .depth2 > li > a:hover,
#submenu .depth2 > li > a:focus,
#submenu .depth2 > li.current_on > a{color:#356bd1; box-shadow:0 0 13px rgba(53,107,209,0.2);}
#submenu .depth2 > li:hover > a:before,
#submenu .depth2 > li.current_on > a:before,
#submenu .depth2 > li > a:hover:before{border-width:1px; background: linear-gradient(#fff, #fff), linear-gradient(90deg, #2fadf3 0%, #495dea 100%) border-box; background-clip:content-box, border-box;}
#submenu .depth2 > li:hover > a:after,
#submenu .depth2 > li.current_on > a:after,
#submenu .depth2 > li > a:hover:after{height:18px; margin:-9px 0 0 0; background-position:0 0;}
#submenu .depth2 li ul {display:none; padding:16px 22px 16px 27px; margin:10px 0 0 0; border-radius:10px; background:linear-gradient(90deg, #edf6fb 0%, #edf0f9 100%);}

#submenu .depth2 li ul li a{position:relative; display:block; height:32px; line-height:32px; padding:0 0 0 15px; font-weight:700; font-size:16px; color:#555; text-decoration:none;}
#submenu .depth2 li ul li a:before{content:''; position:absolute; top:50%; left:0; width:5px; height:5px; border-radius:1.5px; margin:-3px 0 0 0; background:#356bd1;}
#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:#222; font-weight:800;}

@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:block; 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; line-height:3em; 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:800; background:linear-gradient(90deg, #2fadf3 0%, #495dea 100%);}
	.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 0 10px 1.2em; font-size:115%;}
	.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:12px; 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:12px; left:4px; width:4px; height:4px; border-radius:50%; background:#0087e7;}
	.m_menu > ul > li.current_on .current_on > a{font-weight:800; 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:12px; 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:10px;}
	.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;}
}