@charset "utf-8";

/*
================================================================================
LAYOUT
================================================================================
*/

/* Loading 
.loaded{background:url(../images/common/loading.gif) 50% 250px no-repeat;}*/

/* header */
#wrap {min-width:1260px; position:relative;}
#header {width:100%;height: 90px;position:absolute;left:0;top:0;z-index:400;}
#header .temp {height: 90px;width:1260px;padding: 0 40px;margin:0 auto;background: #fff;position: relative; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1)}
#header .temp:after{content:'';display: block;width: 100%;height: 1px;background: #d8d9da;position: absolute;top: 90px;left:0;}

.headerWrap {position:relative;width:1180px;height: 90px;margin:0 auto;}
.headerWrap.group { height:35px;}

/* logo */
.headerWrap .logo {position:absolute;left: 10px;top:0;font-size:0;text-indent:-10000px;line-height:0;width:172px;height: 100%;background:url('../images/common/ci.png') no-repeat 0 50%;z-index: 99;}
.headerWrap .logo a { display:block; width:172px; height:110px; box-sizing:border-box;}

/* gnb menu */
.topBox,
#gnb > li:last-child,
#gnb > li:nth-last-child(2) { display:none}
#gnb {position:absolute;right: 350px;top:0;} /*메뉴위치*/
#gnb:after {display:block; content:""; clear:both;}
#gnb > li {position:relative; text-align:center; float:left; }
#gnb > li .tit > a {color:#333;font-size: 18px;font-weight: 700;display:block;padding:0;width: 150px;line-height: 90px;font-family: '나눔스퀘어','Nanum Square', sans-serif;}

#gnb > li .tit a:hover,
#gnb > li .tit a:focus,
#gnb > li .tit a:active,
#gnb > li .tit a.on {color:#ed1a3b; }

#gnb > li .tit a::after	{ content:""; position: absolute;left: 15%;width: 70%;height: 5px;padding:1px 0;border-bottom:4px solid #ed1a3b; opacity: 0;-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;-moz-transition: opacity 0.2s, -moz-transform 0.2s;transition: opacity 0.2s, transform 0.2s;-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);transform: translateY(-5px);z-index:9;}
#gnb > li a::after	{bottom: 0;-webkit-transform: translateY(5px);-moz-transform: translateY(5px);transform: translateY(5px);}
#gnb > li a.on::after,
#gnb > li a:hover::after,
#gnb > li a:focus::after{opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);}

#gnb > li.over .tit a{color: #ed1a3b !important;}
#gnb > li.over .tit a::after{opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);}

/* 하위메뉴 bg height:165px;-- 높이값 */
#gnb > li > div {display:none;height: 360px; width: 100%; padding:8px 0;position:absolute;}
#gnb > li.over > div { background:#f6f6f6;}
#gnb > li:first-child > div{ margin-left:-1px; border-left:0;}
#gnb > li:last-child > div{ border-right:0; margin-right:-1px;}
#gnb > li > div > ul > li {float:none; padding:0; background:none; font-size:0.95em; letter-spacing:-0.05em; font-weight:400; position:relative;}
#gnb > li > div > ul > li:first-child {margin-top:0;}
#gnb > li > div > ul > li > a {display:block;color:#585858;padding: 5px 2px 5px 2px;line-height: 1.4em;}
#gnb > li > div > ul > li > a em{display:block;}

#gnb > li.over > div li a{}
#gnb > li.over .tit > a{ color:#333}
#gnb > li > div > ul > li > a:hover,
#gnb > li > .ulWrap > ul > li > a:focus, #gnb > li > .ulWrap > ul > li > a:active { color:#ec1744;}

/* util */
.util{position:absolute;top: 28px;right: 205px;z-index:1;}
.util li{float:left; height:35px }
.util li a{ display: inline-block; padding:0 0px 0 10px; color:#666; line-height:35px; font-size: 0.88em;}
.util li a:hover{ color:#ec1744;}
.util li a:hover:before{color:#737373;}

/* bn_siteMap */
.bn_siteMap{display:block;position:absolute;right: 150px;top: 21px;width:50px;height:50px;background:url('../images/common/btn_siteMap.png') no-repeat 100% 50%;font-size:0;filter: alpha(opacity=80);opacity: 0.8;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.bn_siteMap:hover{filter: alpha(opacity=100); opacity: 1;}

/* logo_cnm */
.logo_cnm{display:block;position:absolute;right: 10px;top: 20px;width:95px;height:55px;background: url('../images/common/logo_cnm.png') no-repeat 100% 50%;font-size:0;}


/* container */
#container { padding-top:0;}
#container:after {display:block; content:""; clear:both;}

/* footer */
#footer{position:relative; padding:0 0 50px 0; background:#2b2b2b; }
#footer:before{ content: ''; display: block; background:#4c4c4c; width: 100%; height: 1px; position: absolute; top:65px; left: 0;}
.footerBox {position:relative;width:1200px; margin:0px auto; }
#footer .footBtn.link1{}
#footer .footBtn.link1 .bn{ display: none;}
#footer .foot_util{ overflow:hidden; margin-bottom:35px; min-height: 65px; }
#footer .foot_util li{ float:left; position:relative; margin-right: 30px}
#footer .foot_util li:last-child { margin-right: 0px;}
#footer .foot_util li:last-child:after{ background:none;}
#footer .foot_util li:after{ content:''; display:none; background:#555; width:1px; height:15px; position:absolute; right:-15px; top:42%;}
#footer .foot_util li a{ color:#d2d0cf; font-size:.95em;  font-weight: bold;line-height: 65px; display: block;}
#footer .foot_util li a:hover{ text-decoration:underline;}

#footer .footBtn.link2{float:right;position: absolute;right: 0;top: 97px;}
#footer .footBtn.link2 a{display:block;line-height:50px;height:50px;width: 190px;padding:0 10px 0 20px;box-sizing:border-box;background: #2b2b2b;border: 1px solid #656667;color:#fff;font-size:.9em;font-weight: 200;}
#footer .footBtn.link2 .bn{ background:#2b2b2b url('../images/common/footBtn_arrow.png') no-repeat 90% 50%;}
#footer .footBtn.link2 ul{display:none;position:absolute;bottom:50px;left:0px;z-index:10000;border: 1px solid #656667;border-width: 1px 1px 0;}
#footer .footBtn.link2 ul li { border-bottom:1px solid #656667;}
#footer .footBtn.link2 ul li:last-child{ border-bottom:0;}
#footer .footBtn.link2 ul li a:hover{ text-decoration:underline;}
#footer .footBtn.link2 ul li a{border:0;width: 188px;}
#footer .foot_logo{ float:left; width: 197px; display: block;}
#footer .info {margin-bottom:5px;color:#d2d0cf;padding-left: 270px;width: 900px;}
#footer .info address{ display:inline-block; font-style:normal;}
#footer .info address span{display:inline-block;line-height:1.3;margin:0 10px 0px 0;font-size:.9em;font-weight:100;}
.footerBox p.copyright {clear:both;font-size:.9em;font-weight: 100; line-height:1.3; color: #646363; padding-top: 5px;}

/* 콘텐츠 상단으로 이동 */
footer .btn-top {width:51px;height:51px;overflow:hidden;background:#eb1d2b url('../images/common/toTop.png') center center no-repeat;display:block;  position:fixed;bottom:78px;right:-85px;z-index:300; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
footer .btn-top.on {right: 30px;}
footer .btn-top:hover{}

@media only screen and (max-width:1024px) {	
	body{ font-size:15px;}
	
	#wrap,
	#header .headerWrap,
	#container,
	#footer .footerBox {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
	#container { padding-top: 75px;}
	#header .temp,
	#header .headerWrap,
	#footer .guide,
	#footer .footerBox{width:100%; max-width:815px; min-width:300px; margin:0 auto;}
	.quickmenu,
	#header .temp:after{ display:none;}
	.headerWrap{ padding:0 10px;}
	
	#wrap{width:100%; min-width:300px; margin:0 auto; background:#fff;}
	#header {min-width:300px;height:75px;background:#fff;}
	#header .headerWrap{height: auto;}		
	#header .temp { height:auto; padding: 0}
		
	/* logo */
	.headerWrap .logo {top:inherit;left:inherit; position: relative; margin: 0;width: 140px;height: 75px;background-size: 140px 45px;-moz-background-size: 140px 45px;-webkit-background-size: 140px 45px;}
	.headerWrap .logo a{width: 140px;height: 75px;}
	
	/* util */
	.util{top: 21px;right: 175px;}
	
	/* logo_cnm */
	.logo_cnm{top: 0;height: 75px;background-size: 75px;}

	/* mGnb */
	.bn_siteMap{ display:none;}
	#mGnb {position:absolute;right: 100px;top: 0px;z-index: 999;overflow:hidden;width: 75px;height: 75px;font-size:0;text-indent:-10000px;}		
	#mGnb a{display: block;width:100%;position: relative;height: 75px;}
	#mGnb span{position:absolute;right:22px;display: block;height: 2px;width: 30px;border-bottom: 2px solid rgba(0,0,0,0.5);transition: 0.3s all ease;-webkit-transition: 0.3s all ease;-moz-transition: 0.3s all ease;-ms-transition: 0.3s all ease;-o-transition: 0.3s all ease;}
	#mGnb a:hover span{ border-color :rgba(0,0,0,0.8);}
	#mGnb span:nth-child(1){ top:30px;}
	#mGnb span:nth-child(2){top:38px;}
	#mGnb span:nth-child(3){top:46px;}
	#mGnb.mGnbOn{position:fixed; top:0px; right:0px;}
	#mGnb.mGnbOn span{ border-color:#fff !important;top: 37px;}	
	#mGnb.mGnbOn span:nth-child(1){-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg);transform: rotate(45deg);}
	#mGnb.mGnbOn span:nth-child(2){ display:none;}		
	#mGnb.mGnbOn span:nth-child(3){ -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
	
	/* topBox */
	.topBox{ display:block;overflow: hidden; background: #222;color:#fff;height:75px;}
	.topBox .home{border-right:1px solid rgba(0,0,0,0.4);width: 60px;background:url('../images/common/ico_home.png') no-repeat 50% 50%;font-size:0;margin-right: 15px;}
	.topBox li{ float:left;}
	.topBox li:nth-child(2) a{ padding-left:0;}
	.topBox li a{display:block;padding:0 5px;line-height: 75px;font-weight:500;color:rgba(255,255,255,0.5);}
	.topBox li.on a,
	.topBox li a:hover{ color:#fff;}	
	.topBox li a:after{ content:'/'; display:inline-block; padding-left:10px; font-size:0.9em; font-weight:100; color:rgba(255,255,255,0.5) !important;}
	.topBox li:last-child a:after{ display:none;}	
				
	/* gnb menu */
	.gnb_wrap {position:fixed;right:-280px;top: 0px;width:280px;height:100%;z-index:998;display:none;}
	.gnb_wrap .gnbIn {position:relative; height:100%;}
	.gnb_wrap nav {position:relative;width:auto;height:100%;background: #fff;overflow:hidden;overflow-y:auto;z-index:3;}
	
	#gnb {position:static; float:none; padding-right:inherit;}
	#gnb > li {position:static;margin:0 !important;padding:0;background:none;text-align:left;float:none;width:auto;border-bottom: 1px solid #ccc;border-right:none;}
	#gnb > li > div .sTit{ display:none;}	
	#gnb > li:last-child,
	#gnb > li:nth-last-child(2){ display: block;}
	
	#gnb > li .tit > a {display:block;color: #282828;height: 55px;line-height: 55px;padding: 0px 0 0px 20px;border:none;width:auto !important;position:relative;background: url('../images/common/arrow_depth.png') no-repeat 89% center;}
	#gnb > li .tit > a:hover, 
	#gnb > li .tit > a:focus,
	#gnb > li .tit > a:active {color:#ed1a3b !important;}
	#gnb > li .tit > a:after{ display:none;}
		
	#gnb > li > div {width:auto !important;position:static;left:inherit;margin:0;padding: 0px 0;border:0;height:auto;background-color: #ffffff;}
	#gnb > li > div > ul > li {margin:0;width:auto; float:none;}
	#gnb > li > div > ul > li:before{ display:none;}		
	#gnb > li > div > ul > li > a em{display:inline-block;}
	
	/*하위메뉴*/
	#gnb > li.over .depth2{ display:block;}
	#gnb > li > div .depth2{ margin-left:0 !important}
	#gnb .depth2{ background:#f7f7f7; border-left:none;  height:auto;  width:100%; float:none; padding:0;}
	#gnb .depth2 li:first-child:after,
	#gnb .depth2 li:first-child:before{ display:none;}	
	#gnb > li > div > ul > li > a {display:block; margin:0;color: #555;border-top: 1px solid #e2e2e2; padding: 14px 2px 14px 20px}	
	#gnb > li > div > ul > li > a:hover,
	#gnb > li > div > ul > li > a:focus,
	#gnb > li > div > ul > li > a:active{ color:#000 !important; text-decoration:underline;}	
	#gnb > li > .ulWrap > ul > li > a:hover{ background:none;}		
	
	/* depth3 */
	#gnb > li > div > ul > li > ul{background: #fff;padding: 8px 20px;margin: 0;font-size:1em;border-top: 1px solid #ebebeb;display:none;letter-spacing:-0.05em;height: 100%;}
	#gnb > li > div > ul > li > ul li{line-height:24px;/* padding-left:6px; */position:relative;margin-bottom: 0;}
	#gnb > li > div > ul > li > ul li a {color: #555;font-size: 1em;display: block;padding: 2px 0 2px 10px;position:relative;}
	#gnb > li > div > ul > li > ul li a:before{content:'';display:block;background: #abadb3;width:5px;height:1px;position:absolute;top:15px;left:0;}
	#gnb > li > div > ul > li > ul li a:hover, 
	#gnb > li > div > ul > li > ul li a:active{ color:#555; text-decoration:underline;}
	#gnb > li > .ulWrap > ul > .arrow > ul li a:hover,
	#gnb > li > .ulWrap > ul > .arrow.on > ul li a:hover{ background:none;}
	#gnb > li > div > ul > li > ul li a:hover:before, 
	#gnb > li > div > ul > li > ul li a:active:before{background:#555; }
	#gnb .depth3 li:first-child:before,
	#gnb .depth3 li:first-child:after{ display:none !important;}

	/* mobileblock */	
	#mobileblock{position:fixed; z-index:997; top:0px; left:0; width:100%; height:100%; background: rgba(0,0,0,0.6); display:none;}		
	
	/* footer */		
	#footer:before{ top:55px;}
	#footer .foot_util li a{ line-height:55px;}
	#footer .btn-top{bottom:221px;}
	footer .btn-top.on { right: 15px;}
	#footer {background-position: 0 -10px}
	#footer{padding: 0px 0px 25px 0px;}
	#footer:after{top:0; height:50px;}	
	#footer .foot_logo{ margin:0 auto; width:170px; float: none; }
	#footer .foot_logo img{ width:100%; }
	#footer .foot_util{ text-align:center; margin-bottom:25px; overflow: hidden; min-height: inherit}
	#footer .foot_util li{ display:inline-block;float: none}
	#footer .info{ padding-left:0; width: 100%; text-align: center; padding: 15px}
	#footer .info address span{display: block;margin: 0 0 5px 0;}
	#footer .info address span:nth-child(2){margin: 0 8px;display: inline-block;}
	#footer .info address span:nth-child(3){display: inline-block;}
	#footer .footBtn.link2{ display:none;}
}


@media only screen and (max-width:640px) {	
	body{ font-size:14px;}
	
	#header,
	#header .headerWrap{ height:60px;}
	#container { padding-top: 60px;}	
	
	/* logo */
	.headerWrap .logo {width: 109px;height: 60px;background-size: 109px 35px;-moz-background-size: 109px 35px;-webkit-background-size: 109px 35px;}
	.headerWrap .logo a{width: 109px; height: 60px;}	
	
	/* util */
	.util{top: 13px;right: 125px;}
	.util li a{padding: 0 0 0 7px;font-size: 0.8em;}

	/* logo_cnm */
	.logo_cnm{top: 0;height: 60px;background-size: 55px;}

	/* mGnb */
	#mGnb{width:60px;height:60px;right: 70px;}
	#mGnb span{right:15px; width:25px;}
	#mGnb a{ height:60px; }
	#mGnb span:nth-child(1){top: 23px;}
	#mGnb span:nth-child(2){top: 30px;}
	#mGnb span:nth-child(3){top: 37px;}
	#mGnb.mGnbOn span{ top:30px; }
	
	/* topBox */
	.topBox{ height:60px;}
	.topBox .home{ width:60px; margin-right:10px;}
	.topBox li a{ line-height:60px;}
	.topBox li a:after{padding-left: 7px;}
		
	/* Gnb */
	.gnb_wrap{width: 260px;}
	#gnb > li.on .tit a,
	#gnb > li .tit > a:hover, 
	#gnb > li .tit > a:focus,
	#gnb > li .tit > a:active,		
	#gnb > li .tit > a{ height:45px; line-height:45px; padding-left:15px; background-position-x:92%;}
	#gnb > li > div > ul > li > a{ padding:9px 0 9px 15px;}
	#gnb > li > div > ul > li > ul{padding: 6px 15px;}
	
	#footer .foot_logo{ width: 145px;}
}

@media only screen and (max-width:497px) {	
	#footer .btn-top{bottom: 5px;right: 5px;width: 45px;height: 45px;background-color: rgba(235, 29, 43, 0.8);}
}

@media only screen and (max-width:480px) {
	.logo_cnm{ display:none;}
	#mGnb{ right:0;}
	.util{ right:60px;}


	#footer:before{ display:none;}
	footer .footBtn.link1 { padding: 20px 0;}
	#footer .footBtn.link1 .bn{ display:block; color: #fff; text-align: center; border:1px solid #3e3e3e; line-height: 35px; margin: 0 20px;}
	#footer .footBtn.link1 ul{display:none;position:absolute;bottom:230px;left:0px;z-index:300; padding: 0 20px; margin-bottom: 0; width: 100%;}
	#footer .foot_util { padding:0}
	#footer .foot_util li { float: none; width: 100%; height: 35px;  margin-right: 0;} 
	#footer .foot_util li a { font-size: 0.9em; line-height: 34px;  font-weight: normal;  background: #2b2b2b; border-bottom: 1px solid #3e3e3e;}	
	#footer:before{ top:70px;}
	#footer .info address span em{/* display: block; */}
	#footer .info address span:nth-child(2){ margin: 0 8px 0 0px;}
}

@media only screen and (max-width:400px) {
	#footer .footBtn.link1 ul{ bottom:246px;}	
}



/*
================================================================================
SUB LAYOUT
================================================================================
*/
/* 왼쪽메뉴 */
#menu {position:relative;width: 250px;float:left;height:100%;margin:0;}
#menu .tit {width: 250px;height:120px;  margin-bottom:0; background: #fff ; padding-top:15px; font-weight:700;color:#eb1d2b; font-size:2em; display: table-cell; vertical-align: middle; text-indent:20px; line-height: 1em; letter-spacing: -1px;}
#menu .tit em{font-size:13px;color:#c6e49f; font-weight:100;letter-spacing:-0.03em; display:block; }
#menu nav{padding-bottom:200px;} 
#menu .lnb {margin:0 auto;}
#menu .lnb > li{/* border-top:1px solid #d0d0d0; */}
#menu .lnb > li:first-child{border-top:0;}
#menu .lnb > li > a {display:block;padding:15px 25px 15px 20px;font-size:1em;font-weight: 700;color:#545454;line-height: 1.3em;box-sizing: border-box;letter-spacing:-0.08em;background:#fff url('../images/common/ico_lnb_g.png') no-repeat right 15px  top 18px;}
#menu .lnb > li > a:hover, 
#menu .lnb > li > a:focus, 
#menu .lnb > li > a:active {background-image:url('../images/common/ico_lnb_on2.png'); color:#eb1d2b; text-decoration:none; font-weight: 700;}

#menu .lnb > li.arrow > a{background-image: url('../images/common/ico_lnb_arrow.png')}
#menu .lnb > li.arrow.open > a,
#menu .lnb > li.arrow > a:hover,
#menu .lnb > li.arrow > a:focus,
#menu .lnb > li.arrow > a:active{background-image: url('../images/common/ico_lnb_on.png');}

#menu .lnb > li.on > a{color:#fff; text-decoration:none; font-weight: 700; background-color:#eb1d2b; background-image:url('../images/common/ico_lnb_w.png');}
#menu .lnb > li.arrow.on > a{ background-color:#eb1d2b; background-image:url('../images/common/ico_lnb_on_w.png') ;}
#menu .lnb > li.target a:after{content:'';display:inline-block;margin: 0 10px;background:url('../images/common/ic_blank.gif') no-repeat 0 0;width:14px;height:14px;vertical-align: middle;filter: alpha(opacity=60); opacity: 0.6;}
#menu .subLnb {display:none;background-color:#f7f7f7;padding: 10px 0;border-top:1px solid #dcdcdc;}
#menu .subLnb li a {display:block;color:#5d5d5d;padding: 4px 10px 4px 23px;font-size:0.95em;font-weight:400;position:relative;line-height: 1.4; overflow: hidden; text-overflow: ellipsis;}
#menu .subLnb li a:before{ content:''; display:block; background:#afb6bb; width:3px; height:3px; position:absolute; left:15px; top:13px;}
#menu .subLnb li a:hover, 
#menu .subLnb li a:focus, 
#menu .subLnb li a:active, 
#menu .subLnb li.on a { color:#eb1d2b;}
#menu .subLnb li.on a{ font-weight:700;}
#menu .subLnb li.on a:before,
#menu .subLnb li a:hover:before{  background:#eb1d2b; }


/* visual_area */
.visual_area{height: 398px;background:#2b3840 url('../images/sub/sub_visual_01.jpg') 50% 0 no-repeat;/* background-size:cover !important; */}
.visual_area .txtBox{display:block;height: 100%;margin:0 auto;position: relative;width: 1200px;/* display: none; */}
.visual_area .txtBox p{text-align:center;color:#fff;font-size:3em;line-height:1.3;font-weight: 500;z-index: 1;display: block;margin: 0 auto;vertical-align: middle;padding-top: 190px;} 
.visual_area .txtBox p span{font-size: 0.3em;display:block;text-transform:uppercase; color: rgba(255,255,255,.85);}
.visual_area .txtBox .bg{content: '';display: block;width:300px;height: 135px;background:rgba(24, 47, 96, 0.55);/*mix-blend-mode: multiply;*/position: absolute;bottom:20px;left: 0; border-bottom:5px solid #182f60;}

.visual_area.top_img01{ background:#485c87 url('../images/sub/sub_visual_01.jpg') 50% 0 no-repeat;}
.visual_area.top_img02{ background:#485c87 url('../images/sub/sub_visual_02.jpg') 50% 0 no-repeat;}
.visual_area.top_img03{ background:#485c87 url('../images/sub/sub_visual_03.jpg') 50% 0 no-repeat;}
.visual_area.top_img04{ background:#485c87 url('../images/sub/sub_visual_04.jpg') 50% 0 no-repeat;}
.visual_area.top_img05{ background:#485c87 url('../images/sub/sub_visual_01.jpg') 50% 0 no-repeat;}
.visual_area.top_img06{ background:#485c87 url('../images/sub/sub_visual_05.jpg') 50% 0 no-repeat;}

@media only screen and (min-width:1600px) {
	.visual_area{ background-size:cover !important;}
}

@media only screen and (max-width:1024px) {
	.visual_area{height: 240px;background-size: cover !important;}
	.visual_area .txtBox {width: 100%;max-width: 815px;}	
	.visual_area .txtBox p{font-size:2.8em;padding: 70px 15px 0;max-width: 685px;} 
	.visual_area .txtBox p img{ width:100%}
	.visual_area .txtBox p span{ font-size:0.35em;}
	.visual_area .txtBox .bg{ height: 35%; width: 100%;}
}
@media only screen and (max-width:640px) {
	.visual_area{ height: 180px;}
	.visual_area .txtBox {}
	.visual_area .txtBox p{font-size:2.1em;padding: 50px 15px 0;max-width: 450px;} 
	.visual_area .txtBox .bg{ bottom:10px;}
}

/* title_area */
#sub_content .title_area{  position: relative; margin-bottom: 60px; }
.title_area .pageTitle{clear: both;font-size: 2em;line-height:1em;color: #646464;letter-spacing: -0.01em;font-weight: 400;}
.title_area .pageTitle span{font-size: 0.6em;display: inline-block;color:#afafaf;text-transform: uppercase;line-height:1em;margin-left: 7px;font-weight: 700;vertical-align: middle;}
.title_area .pageTitle em{font-size: 1.2em;font-weight: 700;line-height:1.2em;color: #4e5258;display:block;margin:35px 0 0px;letter-spacing: -0.07em;}
.inner{ width: 1200px; margin: 0 auto; position: relative;}

/* location */
.topnavWrap{position: absolute;top: 350px;left: 0;z-index: 200;/* border-bottom: 1px solid #fff; */background-color: rgba(49,51,55,0.8);width: 100%;}
.location{}
.location > li.home{border:0;margin-left: 1px;}
.location > li{position: relative;float: left;/* border-right: 1px solid rgba(255,255,255,0.15); */}
.location > li.loc_dep{min-width: 200px;width: 200px;}
.location > li > a{display: block;line-height: 48px;padding:  0  20px;font-size: 0.95em;background-image: url(../images/common/location_arrow.png);background-repeat: no-repeat;background-position: 100% center;-webkit-background-origin: content-box;background-origin: content-box;color: #fff;border-right: 1px solid rgba(255,255,255,0.15);}
.location > li > a span{display:block;padding-right:20px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow: hidden;}
.location > li.on > a{background-image: url(../images/common/location_arrow_on.png); background-color: rgba(49,51,55,1);}
.location > li.home a{padding: 0;width: 50px;background-image: url(../images/common/icon_home.png);background-repeat: no-repeat;background-position: center center;text-indent: -9999px;background-color:#eb1d2b;}
.location > li.loc_dep ul{display: none;position: absolute;top: 49px;width: 100%;border: 1px solid #e5e5e5;left: 0px;padding: 10px 0;background-color: #fff;border-top: none;box-shadow: 1px 1px 3px rgba(0,0,0,0.2);}
.location > li.loc_dep ul li a{display: block;padding: 5px 20px 7px 20px;font-size: 0.95em;line-height: 1.4; overflow: hidden;
    text-overflow: ellipsis;}
.location > li.loc_dep ul li a:hover{ color:#333; text-decoration: underline}

@media only screen and (max-width:1024px) {
	.cont-ctrl-btns { display:none;}
	.inner{ width: 100%; max-width: 815px;}
	.topnavWrap{top: 267px;}
}

@media only screen and (max-width:670px) {	
	.location {position:relative;padding-left:50px;box-sizing:border-box; width: 100%;}
	.location > li.home{position:absolute;left:0;width:50px; margin-left: 0}
	.location > li.home a{width:50px;box-sizing:border-box;border-left:none;}
	.location > li.loc_dep{width: 50%;box-sizing:border-box;min-width:auto;position:static;}
	.location > li:last-child{ width:50%;}	
	.location.cols3 > li.loc_dep{width: 33.3%;}
	.location.cols3 > li:last-child{ width:33.4%;}	
	.location > li > a{ padding:0 10px 0 15px;}
	.location > li > a span{ padding-right:12px;}
}
@media only screen and (max-width:640px) {	
	.topnavWrap { top: 192px;}
}

/* cont-ctrl-btns */
.cont-ctrl-btns { float: right; line-height: 45px; position: relative}
.cont-ctrl-btns:after {clear:both;content:"";display:block;background: rgba(255,255,255,0.8);width: 1px;height: 15px;position: absolute;top: 17px;left: 138px;}
.cont-ctrl-btns button {background:url('../images/common/cont_ctrls.png') no-repeat;width: 25px;height: 25px;vertical-align:middle;}
.cont-ctrl-btns .lbl-fsize { color:#fff; font-size:13px; margin:0 5px 0 10px;}
.cont-ctrl-btns .bt-fsize1 {background-position: -2px -53px;}
.cont-ctrl-btns .bt-fsize2 {background-position: -30px -53px;margin-right: 15px;}
.cont-ctrl-btns .bt-print {background-position: -85px -53px;margin: 0 5px  0 10px;}
.cont-ctrl-btns .bt-star {background-position: -113px -53px;}
.cont-ctrl-btns .bt-fsize1:hover {background-position: -2px -3px;}
.cont-ctrl-btns .bt-fsize2:hover {background-position:-30px -3px;}
.cont-ctrl-btns .bt-print:hover {background-position:-85px -3px}	
.cont-ctrl-btns .bt-star:hover {background-position: -113px -3px;}

/* content */
.sub_content_wrap {position:relative;width: 1200px;margin: 0 auto;overflow: hidden;}
.sub_content_wrap:before{ content:''; display:block; position:absolute; left:0; top:0; width:1px; height:100%; background:#d9d9d9; z-index: 1}
.sub_content_wrap:after{ content:''; display:block; position:absolute; right:0; top:0; width:1px; height:100%; background:#d9d9d9;  z-index: 1}
#sub_content{padding: 55px 40px 50px 40px;float: left;width: 950px;position: relative;;}
#sub_content:after{ content:''; display:block; position:absolute; left:0; top:0; width:1px; height:100%; background:#d9d9d9;  z-index: 1}
#page{clear:both; min-height:600px;}
.sub_content_wrap p{ margin-bottom:15px;}
.sub_content_wrap li p{ margin-bottom:5px;}
#page table p{ margin-bottom:0;}

/* section_box */
.section_box{ margin:75px auto 65px auto; position:relative; overflow:hidden;}
.section_box .con{ width:670px; float:right;}
.section_box .con .ttl02:first-child{ margin-top:0;}
.section_box p{ margin-bottom:0px;}
.section_box p + p {margin-top:10px;}
.section_box p + ul, .section_box p + ol{margin-top:10px;}
.section_box p + dl {margin-top:15px;}
.section_box .con + ul{ vertical-align: top;}
.section_box .ttl01{ float:left; clear: both; position:relative; max-width:200px;}

/* ttl */
.ttl01{clear: both;font-size: 1.535em;color: #eb1d2b;margin:50px 0 15px;position: relative;line-height: 1.2;text-transform: uppercase;padding-top:13px;}
.ttl01:before{content:'';display:block;background:url('../images/common/bul_01.gif') no-repeat 0 0;width:40px;height:5px;position:absolute;top: 0;}
.ttl02{clear: both;font-size:1.4em;color: #eb1d2b;margin:30px 0 10px;position: relative;font-weight: 700;text-transform: uppercase;}
.ttl03{clear: both;font-size: 1.25em; color: #eb1d2b;margin:15px 0 10px; position: relative; font-weight: 700;text-transform: uppercase; line-height: 1.2em; padding-left:15px;}
.ttl03:before{content:'';display:block;background:#fff; border:3px solid #eb1d2b; width:6px; height:6px; position:absolute; top:5px; left:0; border-radius:50%}
.ttl04{clear: both;font-size:1.1em; ;color:#444;margin:20px 0 5px; position: relative;padding-left: 15px;}
.ttl04:before{content:'';display: block;position: absolute;left: 4px;top: 8px;background:#5d5d5d;width: 3px;height: 3px;}
.ttl05{clear: both;font-size:1em; ;color:#333;margin:20px 0 5px; letter-spacing:-0.05em;font-family: 'Malgun Gothic', '맑은 고딕', sans-serif;}


.ttl01 span,
.ttl02 span,
.ttl03 span{ display: inline-block; color: #8a8383; font-size: .75em; letter-spacing: -0.05em; font-family: 'Malgun Gothic', '맑은 고딕', sans-serif;}
.ttl01 + .ttl02 { margin-top: 25px}
.ttl01:first-child,
.ttl02 + .ttl03 { margin-top: 0}
.ttl01 em,
.ttl02 em,
.ttl03 em{ display:block;}
.ttl01 + .txt{ color:#485d88; font-size: 1.1em; float:left; padding-left: 150px;}
.ttl01.style02{font-size: 2.6em; margin: 50px 0 20px 0; line-height: 1;}
.ttl01.style02 span{ font-size:0.7em;}

.ttl01.style03{padding-left: 48px;font-size:2.5em;color:#485c87;}
.ttl01.style03:before{content:'';display:block;width: 37px;height: 37px;background:url('../images/sub/pageTite_ico.png') no-repeat 0 0;position:absolute;left:0;top:0;}


@media only screen and (max-width:1024px) {
	
	.sub_content_wrap:before,
	.sub_content_wrap:after,
	#sub_content:after{ display:none;}
	
	/* content */	
	.sub_content_wrap{max-width: 815px;width: 100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;margin:0 auto;float: none;padding:0;}
	#sub_content { border-left: 0; padding:45px 0; width: 100%;}
	#sub_content .title_area{width:100%;}
	
	.visual_area .txtBox{/* width:auto; */}		
	.sub_content_wrap p{ margin-bottom:12px;}	
	
	/* section_box */
	.section_box{margin: 45px 0 30px 0;}
	.section_box .ttl01,
	.section_box .ttl02,
	.section_box .con{ float:none !important; max-width:inherit !important; width:auto;}
	.section_box em{ display:inline;}	
	
	/* title */	
	#sub_content .title_area{position:relative;margin-bottom:30px;}

	.title_area .location { margin-bottom: 20px;}
	.title_area .location span, .title_area .location strong { padding-left:12px; background:url('../images/common/icon_location_arrow.gif') no-repeat 3px center; font-size: 12px }
	.title_area .location strong { font-weight:normal;color:#777}
	.title_area .location a.home img {vertical-align:middle; margin-top:-1px}	
	.title_area .pageTitle{ font-size:1.9em;}
	.title_area .pageTitle em{ margin-top:20px;}
	.ttl01.style02{font-size: 2.2em; margin: 40px 0 15px 0;}
	.ttl01.style03{padding-left: 40px;font-size:2.2em;}
    .ttl01.style03:before{width: 30px;height: 30px;background-size:cover;}
	.title_area .pageTitle span:after{background-size: 25px;width: 25px;height: 25px;margin-left: 10px;}

	/* 왼쪽메뉴 */
	#menu {position:static; width:auto; float:none; margin:0;background-color: #eee; height: 50px; display: none;}
	#menu .tit {display:block;position:relative;width:100%;height:50px;line-height:50px;margin-bottom:0;color: #1755a6;cursor:pointer;font-size:1.3em;background: #f7f7f7 url("../images/common/bgLnbDepth.png") no-repeat 97% -65px;padding: 0;border: 1px solid #CCC; border-width:0 0 1px 0; }
	#menu .tit em{ display:none;}
	#menu .tit{ color:#fff; background: url("../images/common/bgLnbDepth.png") no-repeat 97% 16px, #7e787d url('../images/common/lnb_bg.jpg') 0 0 no-repeat; background-size:auto, cover;}
	
	#menu nav{display:none; position:relative; padding-bottom:0; box-shadow: 0px 5px 10px rgba(0,0,0,0.2); z-index: 99 }

	#menu .lnb{ border-width:0 0 1px 0; width:100%; margin-top:-1px; background: #fff;}
	#menu .lnb > li{width:100% !important; float: none;border-top:1px solid #d0d0d0;}
	#menu .lnb > li > a {padding:16px 20px;font-size:1.15em;line-height: 1.3;font-weight:400; background:#fff url('../Images/common/ico_lnb_g.png') no-repeat 96.5% center;border:0; color: #555;height: 50px; }
	#menu .lnb > li > a:after{ display:none !important;}
	#menu .lnb > li > a:hover, 
	#menu .lnb > li > a:focus, 
	#menu .lnb > li > a:active,
	#menu .lnb > li.on > a{background:#fff url('../images/common/ico_lnb_on2.png') no-repeat 96.5%  center !important; color:#485d88; }	
	#menu .lnb > li.on > a{ font-weight:700;}
	
}
@media only screen and (max-width:815px) {
	#sub_content{ padding:40px 15px; max-width: inherit;}
}
@media only screen and (max-width:640px) {	
	/* container */
	#sub_content{padding: 35px 15px;}
	
	#page{ min-height:300px;}
	.title_area .pageTitle{font-size: 1.8em;}
	.title_area .pageTitle span{ font-size:0.7em;}
	.title_area .pageTitle em{margin-top:15px;font-size: 1.05em;}
	.ttl01.style02{font-size: 2.2em; margin: 30px 0 10px 0;}
	.ttl01.style03{font-size: 1.8em;padding-left: 30px;}
	.ttl01.style03:before{width: 22px;height: 22px;top:1px;}
	.title_area .pageTitle span:after{background-size: 20px;width: 20px;height: 20px;margin-left: 7px;}
}

@media only screen and (max-width:480px) {
	#sub_content{ padding:30px 10px;}
	.title_area .location { margin-bottom: 5px;}
	
}