@charset "euc-kr";
/**
°øÅë ·¹ÀÌ¾Æ¿ô
*/
.m{display:none !important;}
.mask{visibility:hidden; opacity:0; display:block; position:fixed; top:0; left:0; bottom:0; right: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;}

#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:1200px; margin:0 auto; box-sizing:border-box;}
.inner:after{content:''; display:block; clear:both; width:100%;}

@media all and (max-width:1230px) {
	#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:27px; left:0; line-height:160%; text-align:center; text-align:left;}
.logo *{display:inline-block; vertical-align:top;}
.logo a{width:100%; text-decoration:none; color:#222;}
.logo img{margin:0 5px 0 0;}
.logo strong{width:100%; line-height:110%; font-size:27px; font-weight:600;}
.logo span > span{display:block; font-size:15px; line-height:100%; padding:2px 0 3px 2px; font-weight:400; text-transform:uppercase;}
@media all and (max-width:1230px) {
	.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 span{text-align:left;}
	.logo strong{font-size:23px;}
	.logo span > span{padding:2px 0 4px 2px; font-size:13px;}
}
@media all and (max-width:768px) {
	.logo {top:10px; left:10px;}
	.logo img{height:41px;}
	.logo strong{font-size:20px;}
	.logo span > span{padding:3px 0 4px 2px; font-size:11px; letter-spacing:-0.7px;}
}
@media all and (max-width:568px) {
	.logo {top:9px;}
	.logo img{height:40px;}
}
@media all and (max-width:380px) {
	.logo img{height:37px;}
	.logo strong{font-size:19px;}
	.logo span > span{padding:3px 0 4px 1px; font-size:10px; letter-spacing:-0.2px;}
}

#top{position:relative; width:100%; height:44px; font-size:15px; background:#eaeaea;}
#top:after{content:''; display:block; clear:both; width:100%;}

.global{float:left;}
.global a[target="_blank"]:after{content:''; display:inline-block; width:12px; height:12px; margin:-1px 0 0 6px; vertical-align:middle; background:url(/images/common/ico_blank.png) no-repeat;}
.global > li{position:relative; float:left; box-sizing:border-box;}
.global > li:before,
.global > li:first-child:after{content:''; display:block; position:absolute; top:50%; right:-1px; width:1px; height:14px; margin:-7px 0 0 0; background:#c2c2c2;}
.global > li:first-child:after{right:auto; left:0;}
.global > li.current:first-child:after{display:none;}
.global > li > a{display:block; line-height:44px; padding:0 25px;}
.global > li.current > a{font-weight:500; background:#fff;}
.global > li.list > a.on{color:#fff; background:#488aca;}
.global > li.list > a:after{content:''; display:inline-block; vertical-align:middle; margin:-2px 0 0 5px; width:22px; height:22px; border-radius:50%; transition:transform 0.3s ease-in-out; background:#375999 url(/images/common/ico_util.png) no-repeat -31px 9px;}
.global > li.list > a.on:after{border-top-color:#fff; transform:rotate(180deg);}

.global li div{display:none; z-index:98; position:absolute; top:44px; left:0; width:100%; padding:0 8px; font-weight:400; background:#ecf3ff; border:1px solid #7c9acc; border-top:none; border-radius:0 0 4px 4px;  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 #7c9acc; text-align:center; box-sizing:border-box;}
.global li div li:first-child a{border-top:none;}
.global li div a:hover{background:#e3eeff;}
.global .list1 div{width:316px;}
.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:1230px) {
	.global > li > a{padding:0 16px 0 17px;}
}
@media all and (max-width:1024px) {
	#top{height:auto; font-size:15px;}
	#top .inner{padding:0;}

	.global{width:100%;}
	.global > li{width:24%;}
	.global > li:last-child{width:28%;}
	.global > li:last-child:before{display:none;}
	.global > li > a{width:100%; height:40px; line-height:41px; padding:0; text-align:center;}
	.global > li.list > a.on{color:#fff; background:#4b70af;}
	.global li div{top:40px; left:0;}
	.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;}
	
	.global > li.current{display:none;}
	.global > li{width:30%;}
	.global > li:last-child{width:40%;}
	.global > li > a{height:36px; line-height:37px;}
	.global li div{top:36px;}
}
@media all and (max-width:568px) {
	.global .list1 div{width:250px;}
	.global a[target="_blank"]:after{margin-left:4px;}
}
@media all and (max-width:380px) {
	#top{font-size:13px;}
	.global > li > a{height:33px; line-height:34px;}
	.global li div{top:33px; padding:0 3px;}
	.global li div a{height:37px; line-height:38px;}
	.global > li.list > a:after{margin:-2px 0 0 8px; border-top-width:6px;}
	.global .list1 div{width:213px;}
}

#font_control {float:right; margin:7px 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:29px; height:29px; margin:0 0 0 5px; font-size:13px; line-height:29px; border-radius:50%; color:#fff; background:#bb9c5c;}
#font_control li.img a{text-indent:-999px; font-size:0; background:#bb9c5c url(/images/common/ico_util.png) no-repeat 10px 9px;}
#font_control li.small a{background-position:-73px 13px;}
#font_control li.print a{background-position:-125px 7px;}
#font_control li a:hover{background-color:#b07b37;}

#header{position:relative; height:100px;}
#header .inner{padding:31px 0 0 0; text-align:right;}
@media all and (max-width:1230px) {
	#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:54px;}
}

/* ¸ÞÀÎ¸Þ´º */
#menuArea{z-index:93; overflow:hidden; position:absolute; top:44px; left:0; width:100%; background:#fff;}
#menuArea.on{box-shadow:0 15px 15px rgba(0,0,0,0.15);}
#menuArea:after{z-index:97; content:''; display:block; position:absolute; top:100px; left:0; width:100%; height:1px; background:#eee;}

#menuArea .bar{z-index:100; opacity:0; display:block; position:absolute; top:97px; left:0; width:60px; height:7px; border-radius:7px; background:#1f3c5b; transition:0.25s ease-in-out;}

body.on .mask{z-index:92; visibility:visible; opacity:1; top:auto; bottom:0; height:calc(100% - 198px);}

#topmenu{float:left; width:100%; padding:0 50px 0 22%; box-sizing:border-box;}
#topmenu > li{position:relative; float:left; width:20%; line-height:0;}
#topmenu li.menu9,
#topmenu li.last{display:none;}
#topmenu > li > a{display:block; line-height:100px; font-size:21px; font-weight:400; color:#333; text-align:center; letter-spacing:-1px; text-decoration:none;}
#topmenu li a[target="_blank"]:after{content:''; display:inline-block; width:10px; height:10px; margin:-5px 0 0 4px; vertical-align:middle; background:url(/images/common/ico_blank.png) no-repeat;}
#topmenu > li > a[target="_blank"]:after{margin-top:28px;}

#topmenu > li:hover > a,
#topmenu > li > a:hover,
#topmenu > li > a:active,
#topmenu > li > a:focus,
#topmenu > li.current_on > a{color:#004e96; font-weight:500;}

#topmenu li .menu{position:relative; display:none; z-index:96; width:100%; height:300px; padding:22px 0 0 0; box-sizing:border-box; border-right:1px solid #efefef; background:#fff;}
#topmenu li:first-child .menu{border-left:1px solid #efefef;}
#topmenu li:first-child .menu:before{content:''; display:block; position:absolute; bottom:-60px; left:-250px; width:250px; height:285px; opacity:0.25; background:url(/images/common/logo_l.png) no-repeat;}
#topmenu li:focus .menu,
#topmenu li:hover .menu{background:#f5f8fc;}

#topmenu li ul{padding:0 10px;}
#topmenu li ul li{float:none; width:100%;}
#topmenu li ul a{position:relative; z-index:2; display:block; margin:0 0 5px 0; padding:5px 3px 5px 8px; font-size:17px; font-weight:400; text-align:left; line-height:120%;}
#topmenu li li:hover > a,
#topmenu li li a:hover,
#topmenu li li a:active,
#topmenu li li a:focus,
#topmenu li > div > ul > li.current_on > a{font-weight:500;}

#topmenu ul ul{display:none;}


.btn_menu{z-index:97; position:absolute; top:79px; right:50%; width:28px; margin:0 -600px 0 0; background:none;} 
.btn_menu .bar{display:block; width:100%; height:3px; margin:5px 0 5px 0; border-radius:3px; background:#656565; transition:0.25s ease;}
.btn_menu .bar2{width:21px;}
.btn_menu.on .bar{background:#fff;}
.btn_menu.on .bar2{display:none;}
.btn_menu.on .bar1{transform:rotate(45deg) translate(8px, 4px);}
.btn_menu.on .bar3{transform:rotate(-45deg) translate(1px, 3px);}

.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:1230px) {
	.btn_menu{right:15px; margin:0;}
}
@media all and (max-width:1024px) {
	.btn_menu{z-index:101; display:block; top:60px; width:30px;}
	.btn_menu.on{top:45px;}
	.btn_menu.on .bar{background:#656565;}
}
@media all and (max-width:768px) {
	.btn_menu{top:50px; right:10px; width:33px; height:33px; padding:0 3px;}
	.btn_menu.on{top:15px;}
	.btn_menu .bar{margin:5px 0;}
	.btn_menu_close{top:17px; width:35px; height:35px;}
	.btn_menu_close .bar{top:16px; left:4px;}
}
@media all and (max-width:568px) {
	.btn_menu{top:49px;}
}
@media all and (max-width:380px) {
	.btn_menu{top:44px;}
}

/* ÇÏ´Ü*/
.linksite{float:left; width:100%; margin:0 0 31px; text-align:left; font-weight:400;}
.linksite > li{float:left; position:relative; width:23.75%; margin:0 0 0 1.66%; box-sizing:border-box;}
.linksite > li:first-child{margin:0;}
.linksite > li > a{z-index:1; overflow:hidden; position:relative; display:block; height:60px; line-height:60px; padding:0 0 0 30px; transition:0.25s ease-in-out; border-radius:10px; background:#fff;}
.linksite > li > a:after{content:''; display:block; position:absolute; top:50%; left:83%; width:12px; height:6px; margin:-3px 0 0 0; transition:0.3s ease-in-out; background:url(/images/common/ico_ctrl.png) no-repeat 0 -84px;}
.linksite > li:nth-child(n + 3) > a:after{width:20px; background-position:100% -121px;}
.linksite > li.on > a{color:#fff; background:#2e343d;}
.linksite > li.on > a:after{transform:rotate(180deg);}
.linksite > li:nth-child(n + 3) > a:hover:after{width:30px;}
.linksite li div{display:none; z-index:56; position:absolute; bottom:59px; 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 #2e343d; border-bottom:none; box-sizing:border-box; background:#fff;}
.linksite li div:before{content:''; display:block; position:absolute; bottom:0; right:0; width:145px; height:120px; opacity:0.5; background:url(/images/common/logo_l.png) no-repeat; background-size:190px;}
.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:22px 0.7em 22px 22px; box-sizing:border-box;}
.linksite li div ul li{position:relative; float:left; width:100%; padding:0 1.5%; box-sizing:border-box; vertical-align:top;}
.linksite li div ul li:before{content:''; display:block; position:absolute; top:50%; left:2%; width:2px; height:2px; margin:-2px 0 0 0; background:#aaa;}
.linksite li div ul li a{display:block; padding:10px 0 8px 0.5em; transition:0.35s ease-in-out; border-bottom:1px dotted rgba(0,0,0,0.17); color:#3b434f;}
.linksite li div ul li a:hover{box-shadow:inset 0 40px 0 rgba(0,0,0,0.04);}
.linksite > li.on > a{color:#fff; background:#2e343d;}
.linksite > li.on:nth-child(-n+2) > a{border-radius:0 0 10px 10px;}

@media all and (max-width:1024px) {
	.linksite {margin:0 0 35px;}
	.linksite > li > a{height:52px; line-height:53px; padding:0 0 0 20px; font-size:15px;}
	.linksite > li > a:after{left:auto; right:15px;}
	
	.linksite li div{bottom:52px;}
	.linksite li div:before{width:120px; height:95px; background-size:150px;}
}
@media all and (max-width:768px) {
	.linksite{margin:0 0 30px;}
	.linksite > li{width:49%; margin:0 0 11px 2%;}
	.linksite > li:nth-child(odd){margin-left:0;}
	.linksite > li > a{height:47px; line-height:48px; padding:0 0 0 12px; border-radius:7px;}
	.linksite > li.on:nth-child(-n+2) > a{border-radius:0 0 7px 7px;}
	.linksite li div{bottom:47px;}
	.linksite li div ul{padding:16px 17px 19px 17px;}
	.linksite li div:before{width:75px; height:70px; background-size:110px;}
}
@media all and (max-width:568px) {
	.linksite > li{margin-bottom:8px;}
	.linksite > li > a{height:43px; line-height:44px; font-size:14px;}
	.linksite > li > a:after{right:14px;}
	.linksite li div{bottom:43px; font-size:14px;}
	.linksite li div ul{padding:12px 14px 16px 14px;}
}
@media all and (max-width:380px) {
	.linksite{margin:0 0 28px;}
	.linksite > li{margin-bottom:7px;}
	.linksite > li > a{height:39px; line-height:40px; font-size:13px; border-radius:5px;}
	.linksite > li.on:nth-child(-n+2) > a{border-radius:0 0 5px 5px;}
	.linksite > li > a:after{right:10px;}
	.linksite li div{bottom:39px; font-size:13px;}
	.linksite li div ul li a{padding:9px 0 7px 0.5em;}
}

#charge{margin:60px 0 0 0; padding:20px 10px; border:1px solid #ddd; text-align:center;}

#footer{position:relative; float:left; width:100%; padding:37px 0 70px 0; line-height:120%; background:#eaeaea;}
#footer .inner{z-index:1;}
#footer:after{content:''; display:block; clear:both; width:100%;}

#footer .info{position:relative; clear:both; width:100%; padding:5px 0 0 242px; box-sizing:border-box;}
#footer .logo{top:0;}
#footer address{padding:0 0 10px;}
#footer .copyright{letter-spacing:-0.5px; color:rgba(51,51,51,1); font-size:14px; text-transform:uppercase;}
#footer .wa_mark {position:absolute; top:0; right:0;}

@media (max-width: 1024px) {
	#footer {padding:33px 0;}
	#footer .info{padding:0; text-align:center;}
	#footer .logo{position:static; display:inline-block; width:100%; text-align:center;}
	#footer address{padding:20px 0 3px; font-size:14px;}
	#footer .copyright{font-size:12px;}
	#footer .wa_mark {position:static;display: block;margin: 10px 0 0;}
}
@media all and (max-width:768px) {
	#footer{padding:25px 0 30px;}
	#footer address{font-size:13px;}
	#footer .copyright{font-size:11px;}
}
@media all and (max-width:568px) {
	#charge{padding:17px 10px 16px;}

	#footer address{padding:20px 0 5px;}
	#footer address span{display:block;}
}
@media all and (max-width:380px) {
	#charge{padding:15px 10px 14px;}

	#footer{padding:22px 0 30px;}
	#footer address{padding:17px 0 5px; font-size:12px;}
	#footer address span{padding:2px 0 0 0;}
	#footer .copyright{font-size:9px;}
}

.btn_top{z-index:2; display:block; position:absolute; top:-43px; right:50%; width:80px; height:80px; padding:40px 0 0 0; margin:0 -735px 0 0; font-size:17px; font-family:"Noto Sans KR"; border-radius:50%; color:#fff; text-align:center; background:#3f79b7; box-sizing:border-box;}
.btn_top:before{content:''; display:block; position:absolute; top:28px; left:50%; width:7px; height:7px; margin:0 0 0 -3px; border-top:1px solid #fff; border-left:1px solid #fff; transform:rotate(45deg); transition:top 0.3s ease-in-out;} 
.btn_top:hover{color:#fff; box-shadow:1px 1px 1px rgba(0,0,0,0.25);}
.btn_top:hover:before{top:25px;}

@media all and (max-width:1484px) {
	.btn_top{left:auto; right:15px; margin:0;}
}
@media all and (max-width:1024px) {
	.btn_top{top:107px; width:60px; height:60px; padding:24px 0 0 0; font-size:14px;}
	.btn_top:before,
	.btn_top:hover:before{top:18px;}
}
@media all and (max-width:768px) {
	.btn_top{top:154px; right:12px; width:55px; height:55px; font-size:13px;}
	.btn_top:before,
	.btn_top:hover:before{top:15px;}
}
@media all and (max-width:568px) {
	.btn_top{top:141px; width:50px; height:50px; padding:22px 0 0 0; font-size:12px;}
	.btn_top:before{top:14px;}
}
@media all and (max-width:380px) {
	.btn_top{top:133px; width:45px; height:45px; padding:20px 0 0 0; font-size:11px;}
	.btn_top:before{top:13px;}
	.btn_top:hover:before{top:10px;}
}

/*
¼­ºê ·¹ÀÌ¾Æ¿ô
*/
#container_sub{position:relative; overflow:hidden; width:100%;}
#subContent{position:relative; width:1200px; margin:0 auto; padding:40px 0 80px 0; box-sizing:border-box;}
#subContent:after{content:''; display:block; clear:both;}
#subContent #content{float:left; width:76.5%;}
#fontSize{float:left; width:100%;}
@media all and (max-width:1230px) {
	#subContent{width:100%; padding:40px 15px 80px;}
}
@media all and (max-width:1024px) {
	#subContent{padding-top:0;}
	#subContent #content{width:100%;}
}
@media all and (max-width:768px) {
	#subContent{padding-left:10px; padding-right:10px;}
}

#subVisual{position:relative; width:100%; background:url(/images/minutes/common/bg_subvisual.jpg) no-repeat 50% 0; background-size:cover;}
#subVisual .inner{display:table; height:190px;}
#subVisual .inner:after{content:''; display:block; position:absolute; top:0; right:0; width:518px; height:198px; background:url(/images/minutes/common/bg_subvisual.png) no-repeat 100% 0;}
#subVisual h2{display:table-cell; vertical-align:middle; position:relative; line-height:100%; font-size:50px; letter-spacing:-3px; color:#1f3c5b;}

@media all and (max-width:1024px) {
	#subVisual .inner{height:115px;}
	#subVisual .inner:after{height:100%; width:50% ;background-size:contain;}
	#subVisual h2{padding:0 0 0 10px; font-size:30px;}
}
@media all and (max-width:768px) {
	#subVisual .inner{height:95px;}
	#subVisual h2{font-size:25px;}
}
@media all and (max-width:568px) {
	#subVisual .inner{height:72px;}
	#subVisual h2{font-size:22px;}
}
@media all and (max-width:380px) {
	#subVisual .inner{height:67px;}
	#subVisual h2{font-size:20px; letter-spacing:-1px;}
}

/* ¹®¼­Á¤º¸ */
.location {position:absolute; right:0; top:-100px;}
.location .home{float:left; width:20px; height:20px; margin:2px 0 0 0; text-indent:-999px; font-size:0; background:url(/images/common/ico_home.png) no-repeat 50% 0;}
.location span{position:relative; float:left; padding:0 0 0 30px; line-height:23px; font-size:18px;}
.location span:before{content:''; display:inline-block; position:absolute; left:11px; top:50%; width:7px; height:7px; margin:-4px 0 0 0; border-bottom:1px solid #9f9f9f; border-right:1px solid #9f9f9f; transform:rotate(-45deg);}

@media all and (max-width:1024px) {
	.location {top:35px; right:50px;}
	.location span{line-height:20px; padding:0 0 0 25px;  font-size:14px;}
	.location span:before{left:7px;}
	.location .home{margin:0;}
}
@media all and (max-width:768px) {
	.location {top:32px;}
	.location span{line-height:17px; padding:0 0 0 19px; font-size:13px;}
	.location span:before{left:4px; margin:-5px 0 0 0;}
	.location .home{margin:-2px 0 0 0; background-size:15px; background-position:50% 15%;}
}
@media all and (max-width:568px) {
	.location{position:static; float:left; width:100%; padding:10px 0 0 0; text-align:center;}
}
@media all and (max-width:380px) {
	.location{padding:8px 0 0 0;}
	.location span{padding:0 0 0 16px; font-size:12px;}
	.location span:before{left:3px;}
}

#pageInfo{position:relative; width:100%; padding:7px 0 20px 0; margin:0 0 30px; border-bottom:1px solid #c9c9c9;}
#pageTitle{max-width:1200px; margin:0 auto; box-sizing:border-box;}
#pageTitle h3{line-height:100%; font-size:41px; font-weight:500;}
@media all and (max-width:1024px) {
	#pageInfo{padding:30px 0 15px; margin:0 0 30px;}
	#pageTitle h3{font-size:27px;}
}
@media all and (max-width:768px) {
	#pageInfo{padding:30px 0 12px 0; margin:0 0 25px;}
	#pageTitle h3{font-size:23px;}
}
@media all and (max-width:568px) {
	#pageInfo{float:left; padding:25px 0 10px 0; margin:0 0 20px;}
	#pageTitle h3{font-size:21px;}
}
@media all and (max-width:380px) {
	#pageInfo{padding:22px 0 8px 0; margin:0 0 17px;}
	#pageTitle h3{font-size:20px;}
}

.sns_share{z-index:2; position:absolute; right:0; top:9px; text-align:center;}
.sns_share a,
.sns_share .btn_share{display:block; font-size:0; text-indent:-999px; background:#3752b7 url(/images/common/ico_sns.png) no-repeat 9px 6px}
.sns_share .tit{display:none; padding:0 0 8px; font-size:18px; font-weight:800; text-align:center;}
.sns_share .btn_share{width:39px; height:39px; border-radius:50%; background:#cfcfcf url(/images/common/ico_share.png) no-repeat 9px 50%;}
.sns_share .btn_share:hover{background-color:#bfbfbf;}
.sns_share.on .btn_share{background-position:-21px 50%;}
.sns_share .list{position:absolute; top:52px; right:0; visibility:hidden; opacity:0; width:115px; padding:15px 0 10px 0; transition:0.25s ease-in-out; border-radius:10px; box-shadow:0 0 13px rgba(0,0,0,0.1); background:#fff;}
.sns_share.on .list{visibility:visible; opacity:1; top:45px;}
.sns_share .list li{display:inline-block; margin:0 0 5px 0; vertical-align:top;}
.sns_share a{width:40px; height:40px; border-radius:5px; background-position:15px 10px;}
.sns_share .bl{background-color:#24be00; background-position:-59px 11px;}
.sns_share .kko{background-color:#f7b331; background-position:-136px 11px;}
.sns_share .tw{background-color:#1cbbdf; background-position:-21px 11px;}
.sns_share .insta{background-color:#c536a4; background-position:-97px 10px;}

@media all and (max-width:1024px) {
	.sns_share{top:auto; bottom:10px;}
}
@media all and (max-width:768px) {
	.sns_share .btn_share{width:35px; height:35px; background-position:7px 50%;}
	.sns_share.on .btn_share{background-position:-23px 50%;}
	.sns_share.on .list{top:42px;}
}
@media all and (max-width:568px) {
	.sns_share{bottom:7px;}
}
@media all and (max-width:380px) {
	.sns_share .btn_share{width:32px; height:32px;}
	.sns_share.on .list{top:37px;}
	.sns_share.on .btn_share{background-position:-25px 50%;}
}

/* ¼­ºê¸Þ´º */
#submenu{z-index:1; position:relative; float:left; width:20.166%; margin:0 3.333% 0 0;}
#submenu .sm_tit{position:relative; width:100%; height:154px; text-align:center; border-radius:30px 0 0 0; background:#3f79b7;}
#submenu .sm_tit h2{width:100%; padding:33px 0 0 0; font-size:30px; color:#fff; font-weight:500;}
#submenu .sm_tit h2:after{content:''; display:block; width:44px; height:1px; margin:13px auto 16px; background:rgba(255,255,255,0.2);}
#submenu .sm_tit p{font-weight:100;font-size:15px;color: #fff;}

#submenu .depth2 {width:100%;}
#submenu .depth2 > li{line-height:0; margin:5px 0 0 0;}
#submenu .depth2 > li > a{position:relative; display:block; line-height:140%; padding:17px 40px 17px 20px; font-size:17px; font-weight:300; color:#312f2f; text-decoration:none; box-sizing:border-box; border:1px solid #ddd; background:#fff;}
#submenu .depth2 > li > a:after{content:''; position:absolute; top:50%; right:28px; width:13px; height:3px; transform:translateY(-50%); background:url(/images/common/ico_snb.gif) no-repeat 0 100%;}
#submenu .depth2 > li:hover > a,
#submenu .depth2 > li > a:hover,
#submenu .depth2 > li > a:focus,
#submenu .depth2 > li > a:active,
#submenu .depth2 > li.current_on > a{color:#fff;font-weight:400;border-color: #aa8757;background: #aa8757;}
#submenu .depth2 > li:hover > a:after,
#submenu .depth2 > li.current_on > a:after,
#submenu .depth2 > li > a:hover:after{height:13px; background-position:0 0;}
#submenu .depth2 li ul {display:none; padding:15px 10px 15px 24px; border-bottom:1px solid #d6dadf; background:#f6f6f6;}

#submenu .depth2 li ul li a{position:relative; display:block; padding:0.4em 0 0.4em 8px; font-size:100%; line-height:100%; color:#606060;}
#submenu .depth2 li ul li a:before{content:''; display:block; position:absolute; top:12px; left:0; width:3px; height:3px; border-radius:50%; background:#a3a3a3;}
#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:400;}
#submenu .depth2 li ul li a:hover:before,
#submenu .depth2 li ul li a:focus:before,
#submenu .depth2 li ul li.current_on a:before{background:#000;}

@media all and (max-width:1200px) {
	#submenu .sm_tit h2{font-size:27px;}
}

/* ¸ð¹ÙÀÏ ¸Þ´º */
#gnb_all{visibility:hidden; overflow:hidden; z-index:96; opacity:0; position:absolute; top:100%; left:0; width:100%; height:0; text-align:center; box-sizing:border-box; transition:0.5s ease; background:rgba(0,0,0,0.8);}
#gnb_all .m_top{display:none;}
#gnb_all.on{visibility:visible; opacity:1; top:0; height:100%;}
#gnb_all:before{z-index:-1; content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.3);}
#gnb_all a{display:block; color:#fff;}
#gnb_all > ul > li:hover > a,
#gnb_all a:hover{color:#ffee63;}
#gnb_all > ul {position:absolute; left:50%; top:200px; width:100%; max-width:1200px; margin:0 0 0 -600px;}
#gnb_all > ul > li{position:relative; float:left; width:20%; padding:0 30px; font-size:17px; vertical-align:top; box-sizing:border-box;}
#gnb_all > ul > li:before{content:''; position:absolute; top:5px; left:0; width:1px; height:15px; background:#fff;}
#gnb_all > ul > li:first-child:before{display:none;}
#gnb_all > ul > li > a{padding:0 0 20px; font:500 24px/120% "score";}
#gnb_all ul li li{padding:8px 0;}
#gnb_all ul ul ul {padding:5px 0 0 0;}
#gnb_all ul ul ul li{padding:4px 0; font-size:85%;}
#gnb_all ul ul ul li a:before{content:''; display:inline-block; vertical-align:middle; width:6px; height:1px; margin:-3px 3px 0 0; background:#fff;}

@media all and (max-width:1230px) {
	#gnb_all > ul{left:0; margin:0;}
}
@media all and (max-width:1024px) {
	#gnb_all{position:fixed; top:0; left:auto; right:-100%; width:60%; height:100%; overflow-y:auto; z-index:100; text-align:left; background:#eee; transition:right 0.25s ease-in-out;}
	#gnb_all:before{display:none;}
	#gnb_all a,
	#gnb_all a:hover{color:#333;}
	#gnb_all > ul > li:hover > a{color:#fff;}
	#gnb_all ul li li{padding:0;}
	#gnb_all .tit{display:none;}
	#gnb_all.on{right:0;}
	#gnb_all .m_top{display:block; position:relative; height:110px; background:#fff;}
	#gnb_all .logo{position:absolute; top:35px; left:12px; text-align:left; transform:none;}
	#gnb_all > ul{top:110px; float:left; width:100%; height:calc(100% - 110px); border-top:3px solid #1f3c5b; box-sizing:border-box;}
	#gnb_all > ul a{display:block; text-decoration:none; cursor:pointer;}
	#gnb_all > ul > li{position:static; float:none; width:43%; padding:0; border-bottom:1px solid rgba(0,0,0,0.2);}
	#gnb_all > ul > li:before{display:none;}
	#gnb_all > ul > li > a{position:relative; height:3.5em; padding:0 0 0 1em; line-height:3.5em; font-size:120%; font-weight:400; color:#fff; background:#1f3c5b;}
	#gnb_all > 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);}
	#gnb_all > ul > li.current_on > a:hover,
	#gnb_all > ul > li.current_on > a,
	#gnb_all > ul > li > a.on,
	#gnb_all > ul > li > a.on:hover{font-weight:500; color:#1f3c5b; background:#f4e4a8;}
	#gnb_all > ul > li.current_on > a:before,
	#gnb_all > ul > li > .on:before{display:block;}
	#gnb_all > ul > li > div {position:absolute; top:0; left:43%; display:none; width:57%; height:100%; padding:13px 0.8em 0 1.2em; background:#fff; box-sizing:border-box;}
	#gnb_all > ul > li.current_on .menu,
	#gnb_all > ul > li .on + .menu{display:block !important;} 
	#gnb_all > ul > li > div > ul > li {margin:0 0 2px; border-bottom:1px solid #e6e6e6;}
	#gnb_all > ul > li > div > ul > li > a{position:relative; padding:10px 0 10px 1.2em; font-size:100%; font-weight:400;}
	#gnb_all > ul > li > div > ul > li > a:before,
	#gnb_all > 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;}
	#gnb_all > 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;}
	#gnb_all > ul > li > div ul li.hasUl > a.on:after{margin:-4px 0 0 0; transform:rotate(225deg);}
	#gnb_all > ul > li > div > ul > li > a:before{position:absolute; top:16px; left:0.2em; width:13px; height:13px; margin:0; border:4px solid #ccc; border-left:4px solid #102746; border-top:4px solid #102746; background:none;}
	#gnb_all > ul > li > div > ul > li > ul{overflow:hidden; width:100%; margin:2px 0 0 0; padding:0.6em 0 0.5em 0.5em; font-weight:400; box-sizing:border-box; background:#f3f3f3;}
	#gnb_all > ul > li > div > ul > li > ul li a{position:relative; padding:4px 0 4px 13px;}
	#gnb_all > ul > li > div > ul > li > ul li a:before{content:''; display:block; position:absolute; top:13px; left:4px; width:4px; height:4px; border-radius:50%; background:#3f79b7;}
	#gnb_all > ul > li.current_on .current_on > a{font-weight:500; color:#1f3c5b;}
	#gnb_all ul ul ul li{padding:0;}
}
@media all and (max-width:768px) {
	#gnb_all .m_top{height:72px;}
	#gnb_all .logo{top:15px;}
	#gnb_all > ul {top:72px; height:calc(100% - 72px);}
	#gnb_all > ul > li > a{padding:0 0 0 0.7em; font-size:16px;}
	#gnb_all > ul > li > a:before{right:-7px; margin:-7px 0 0 0; border-left:13px solid #fff; border-top:13px solid transparent;}
	#gnb_all > ul > li > div{padding:0.6em 0.7em 0.5em 0.7em;}
	#gnb_all > ul > li > div > ul > li > a{padding:8px 0 8px 1.2em; font-size:15px; background-size:13px;}
	#gnb_all > ul > li > div > ul > li > a:before{top:13px; width:10px; height:10px; border-width:3px;}
	#gnb_all > ul > li > div > ul > li > ul{padding:0.5em 0 0.4em 0.4em;}
	#gnb_all > ul > li > div > ul > li > ul li a{font-size:14px;}
	#gnb_all > ul > li > div > ul > li > ul li a:before{top:10px;}
}
@media all and (max-width:568px) {
	#gnb_all{width:285px;}
}
@media all and (max-width:380px) {
	#gnb_all > ul > li > a{font-size:15px;}
	#gnb_all > ul > li > div > ul > li > a{font-size:14px;}
	#gnb_all > ul > li > div > ul > li > a:before{top:10px;}
	#gnb_all > ul > li > div > ul > li > ul li a{padding:3px 0 3px 13px; font-size:13px;}
}