@charset "utf-8";

@font-face {
	font-family: 'Nanum Myeongjo';
	font-style: normal;
	font-weight: 700;
	src: url('/css/font/NanumMyeongjoBold.eot');
	src: url('/css/font/NanumMyeongjoBold.eot?#iefix') format('embedded-opentype'),
		url('/css/font/NanumMyeongjoBold.woff') format('woff'),
		url('/css/font/NanumMyeongjoBold.ttf') format('truetype');
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
@font-face {
	font-family: 'Nanum Myeongjo';
	font-style: normal;
	font-weight: 400;
	src: url('/css/font/NanumMyeongjo.eot');
	src: url('/css/font/NanumMyeongjo.eot?#iefix') format('embedded-opentype'),
		url('/css/font/NanumMyeongjo.woff') format('woff'),
		url('/css/font/NanumMyeongjo.ttf') format('truetype');
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#search,
.linksite, 
#footer .link {display:none;}

#header { height: 104px; }

.logo { top: 30px; }
.logo a > span { margin-top: -10px; }
.logo span > span{padding:3px 0 3px 1px; font-size:18px; color: #777; letter-spacing: -1px;}
.logo strong { font-size: 27px; font-weight: 800; color: #464646; letter-spacing: -1px; }

#top { border-bottom: none; height: 44px; background: #e8e8e8; }
#top .inner { text-align: left; }
#top .global > li { display: block; float: left; border-right:1px solid #e8e8e8; box-sizing: border-box; }
#top .global > li > a { display: block; padding: 0 2em; line-height: 44px; text-transform: uppercase; background: #80b6d3; color: #fff; }
#top .global > li.list > a:after { border-top-color: #fff; }
#top .global > li > a.current:after { border-top-color: #555; }
#top .global > li > a:hover, 
#top .global > li > a:active, 
#top .global > li > a:focus { background-color: #6fb1d4; color: #fff; }
#top .global > li > a:hover:after, 
#top .global > li > a:active:after, 
#top .global > li > a:focus:after { border-top-color: #fff; }

#font_control2 {float:right; padding:9px 0 0 0;}
#font_control2 ul{overflow:hidden; width:100%;}
#font_control2 li{float:left; padding:0 5px; color:#fff; text-align:center; font-size:14px; font-weight:700; font-family:"맑은 고딕","Malgun Gothic", sans-serif;}
#font_control2 li.print{padding:0 0 0 11px}
#font_control2 li a{display:block; width:26px; height:26px; color:#666;}
#font_control2 li.btns a{text-indent:-999px; font-size:0; background:#6a6a6a url("/images/member/common/ico_util.png") no-repeat 14px 11px;}
#font_control2 li.btns a:hover{background-color:#303030;}
#font_control2 li.big a{background-position:9px -43px;}
#font_control2 li.small a{background-position:9px -87px;}
#font_control2 li.one a{width:auto;}
#font_control2 li.print a{text-indent:-999px; font-size:0; opacity:0.7; background:url("/images/member/common/ico_print.png") no-repeat 0 1px;}
#font_control2 li.print a:hover{opacity:1;}

#menuArea { border-bottom-color: #cdcdcd; }
#menuArea:before { top: 106px; background: #cdcdcd; }
#menuArea .bar { top: 103px; background: #80b6d3; }
#topmenu { padding-right: 0; }
#topmenu > li { width: 16.66%; }
#topmenu li .menu { height: 150px; }
#topmenu > li > a { line-height: 106px; font-weight: 400; font-size: 20px; }
#topmenu > li:hover > a, 
#topmenu > li > a:hover, 
#topmenu > li > a:active, 
#topmenu > li > a:focus, 
#topmenu > li.current_on > a { color: #80b6d3; }

#footer{padding: 40px 0; color:#4c4c4c; border-top:1px solid #ccc; background:#f3f3f3;}
#footer address{font-size: 15px; margin:0 0 5px;}
#footer .copyright { font-size: 13px; color: #777575; }

.location{margin-top: -30px; border:none; background: transparent;}
.location .inner { background: #a39360; }
.location,
.location .home{height:60px;}
.location .home{border-left:1px solid rgba(255,255,255,0.45);}
.location a:hover,
.location a:focus,
.snb > li > a.on{background-color:rgba(255,255,255,0.1);}
.snb > li > a{line-height:60px; border-right-color:rgba(255,255,255,0.45);}
.snb ul{top:60px;}
.snb > li > a:after{opacity:1; width:auto; height:auto; margin:-3px 0 0 0; background:none; border-radius:0; border-top:6px solid #fff; border-left:4px solid transparent; border-right:4px solid transparent;}
.snb > li > a:hover:after,
.snb > li > a.on:after{background:none;}

#pageTitle h3{position:relative; padding: 20px 0 45px; margin:0 0 50px; font-weight:900; font-size:35px; text-align:left;}
#pageTitle h3:before { width: 94px; height: 5px; background: #c0c0c0; }
#pageTitle h3:after{ position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; margin: 0; background: #c0c0c0; }

#subVisual { background: url("/images/committee/sub/bg_visual.jpg") left top repeat-x; }
#subVisual .img { width: 79.25%; position: relative; overflow: hidden; float: right; }
#subVisual .img .wrap { position: relative; padding-top: 30%; overflow: hidden; transition: .3s; }
#subVisual .img .wrap .centered { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%); }
#subVisual .img .wrap .centered img { position: absolute; top: 0; left: 0; width: auto; max-width: none; height: 100%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
#subVisual .txt { max-width: 460px; height: 170px; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; }
#subVisual .txt > * { line-height: normal; word-break: keep-all; }
#subVisual .txt h2 { font-size: 44px; font-weight: 800; color: #00315e; letter-spacing: -2px; }
#subVisual .txt p { font-size: 18px; color: #5b5c5d; font-weight: 100; margin-top: 10px; }

#submenu { width: 230px; }
#submenu .sm_tit { background: #3a94cd url("/images/committee/sub/bg_submenu_tit.png") left bottom no-repeat; }
#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 { background: #71bbdf; border-color: #71bbdf; }

#subContent { margin-top: 40px; }
#subContent #content { width: 75.42%; }

@media all and (max-width:1024px) {
	#header { height: 70px; }
	
	#top{height:35px; font-size:14px;}
	#top .btn_global{line-height:34px; background:#fff;}
	#top .global > li > a{padding:0 1.5em; line-height:35px; color:#555; background:#fff;}
	#top .global > li.list > a:after{border-top-color:#555;}
	#top .global li div{top:0;}
	#top .btn_global.on + .global{top:35px;}

	.logo { top: 13px; }
	.logo a > span { margin-top: -3px; }
	.logo span > span{padding:2px 0 1px 1px; font-size:15px;}
	.logo strong{font-size:24px;}
	.m_top .logo strong span{color:#ffe389;}
	.m_top .logo strong { color: #fff; }
	.m_menu > ul > li > .on{background-color:#3ba39f;}

	.btn_menu { margin: 0; }

	.location { margin-top: 0px; }
	.location, .location .home{height:40px;}
	.location .inner{width:100%;}
	.snb > li,
	.snb > li:first-child{width:auto;}
	.snb > li > a{line-height:40px; padding-right: 30px;}
	.snb ul{top:40px;}

	#footer { text-align: center; }

	#subVisual .txt { width: 360px; height: 160px; }
	#subVisual .txt h2 { font-size: 38px;}

	#pageTitle h3{padding:10px 0 35px; margin:0; font-size:28px;}

	#subContent { width: 98%; margin: 0 auto; margin-top: 20px; }
	#subContent #content { width: 100%; }

	#sub_default{padding:30px 0 0 0;}
	
}
@media all and (max-width:768px) {
	#top{height:30px; font-size:13px;}
	#top .btn_global{height:29px; line-height:30px;}
	#top .btn_global.on + .global{top:30px;}
	#top .global > li > a.current:after{margin-top:-3px;}

	#header { height: 55px; }
	
	.logo { top: 10px; }
	.logo span > span{padding-bottom:0; font-size:12px;}
	.logo strong{font-size:19px;}
	.logo strong span { font-size: 22px; }

	#subVisual .txt { height: 140px; }
	#subVisual .txt h2 { font-size: 30px; }
	#subVisual .txt p { font-size: 16px; }

	#pageTitle h3{padding: 0 0 25px; font-size:24px;}

	#subContent{ margin-top: 10px;}
	#sub_default{padding:25px 0 0 0;}
}
@media all and (max-width:568px) {

	.location, .location .home{height:37px;}
	.snb > li > a{line-height:37px;}
	.snb ul{top:37px;}

	#subVisual .txt { width: 100%; height: 60px; }
	#subVisual .txt h2 { font-size: 23px;  line-height:31px;}
	#subVisual .txt p { display: none; }

	#pageTitle h3{padding:18px 0; font-size:22px;}

	#subContent{}
	#sub_default{padding:20px 0 0 0;}
}
@media all and (max-width: 520px) {
	#subVisual .txt { width: 150px; height: 90px; }
}
@media all and (max-width:400px) {
	#top { font-size: 12px; }

	.snb > li:first-child{display:block;}

	.logo span > span{font-size:11px;}
	.logo strong{font-size:18px;}

	#pageTitle h3{font-size:21px;}

	#sub_default{padding:17px 0 0 0;}
}
@media all and (max-width: 375px) {
	#footer address { font-size: 14px; }

	#subVisual .txt { width: 40%; height: 54px; }
	#subVisual .txt h2 { font-size: 24px; }
}