@charset "utf-8";

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

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

/* header */
#wrap { position:relative; min-width:1150px;}
.innerWrap{position:relative;width:1100px;margin:0 auto;}
@media only screen and (max-width : 640px ){ 
	.innerWrap, #header .headerWrap { width: 100%;min-width: 320px; padding-left: 15px !important; padding-right:15px !important;}
}

#header {width:100%;height: 125px;position:absolute;left:0;top:0;z-index:400;background: #fff;}
#header a { text-decoration: none;}
.headerWrap {position:relative;width: 1100px;margin:0 auto;}
.topGroup{height:75px;background: #fff;}
#header .temp {height: 85px;width:100%;margin:0 auto;}
.topBox{ display:none;}
.gnb_wrap{position:relative;width:100%;background: linear-gradient(90deg, #1958cc, #951fc7);}


/* logo */
.headerWrap .logo {position:absolute;top: 0px;left: 0;font-size:0;;line-height:0;width: 280px;height: 75px;}
.headerWrap .logo a {display:block;width: 100%;height: 75px;box-sizing:border-box;background: url('../images/common/ci.png') no-repeat 0 55%;}

/* util */
.topGroup .util{position:absolute;top: 22px;right:0;font-family:'malgun Gothic';z-index:11;}
.topGroup .util li:first-child:after{ display:none;}
.topGroup .util li{float:left;height: 28px;position: relative;}
.topGroup .util li a,
.topGroup .util li button{display: inline-block;padding: 0 10px;color: #797979;line-height: 28px;font-size: 14px;position:relative;}
.topGroup .util li:after{content:'';position:absolute;left:0;top: 10px;width:1px;height:13px;border-left: 1px solid #c6c6c6;}
.topGroup .util li:first-child a:after{ display:none;}
.topGroup .util li a:hover{color: #000;}

/* cont-ctrl-btns */
.cont-ctrl-btns {float:right;margin-top: 1px;padding-right: 10px;}
.cont-ctrl-btns button {background:#fff url('../images/common/cont_ctrls.png') no-repeat;width: 17px;height: 17px;vertical-align:middle;border: 1px solid #454545;margin-right: -2px;padding: 0 !important;}
.cont-ctrl-btns .lbl-fsize {font-size: 14px;background:#fff;height:25px;line-height: 25px;padding: 0 10px;display: inline-block;vertical-align: middle;margin-right: -4px;}
.cont-ctrl-btns .lbl-fsize:last-child{ font-size:0}
.cont-ctrl-btns .bt-fsize1 {background-position: -2px -21px;}
.cont-ctrl-btns .bt-fsize2 {background-position:-21px -21px; margin-right:0; }
.cont-ctrl-btns button:hover{ background-color:#959595; border-color: #959595;}
.cont-ctrl-btns .bt-print:hover{ background-color:#37aec2; border-color: #37aec2;}
.cont-ctrl-btns .bt-fsize1:hover {background-position:-2px -2px}
.cont-ctrl-btns .bt-fsize2:hover {background-position:-21px -2px;}

.topGroup .util li.login:after{ display:none;}
.topGroup .util li.login a{background:#8e99a3;border-radius:3px;color:#fff;font-size:13px;padding-left: 30px;}
.topGroup .util li.login a:before{content:'';display:block;position:absolute;left: 8px;top: 5px;width: 17px;height: 17px;background:url('../images/common/cont_ctrls.png') no-repeat;background-position: -55px 0px;}

.topGroup .util li.bn_siteMap{position:absolute;right:0;top: 53px;display:block;height: 50px;}
.topGroup .util li.bn_siteMap:after{ display:none;}
.topGroup .util li.bn_siteMap a{font-size:0;display: block; width:50px; height:50px; background:url('../images/common/btn_siteMap.png') no-repeat 50% 50%;}

/* gnb menu */
#gnb {position:relative; width:1100px; margin: 0 auto;} /*메뉴위치*/
#gnb:after {display:block; content:""; clear:both;}
#gnb > li {float:left;width: 16%;}
#gnb > li:last-child,
#gnb > li:nth-last-child(2){ display:none;}
#gnb > li:nth-child(1), #gnb > li:nth-child(2){ width:13.5%;}
#gnb > li:nth-child(3){ width:14.5%;}
#gnb > li:nth-child(4){ width:22%;}
#gnb > li:nth-child(5){ width:16.5%;}
#gnb > li:nth-child(6){ width:14%;}
#gnb > li .tit{ position:relative;}
#gnb > li .tit > a {color: #fff;font-size: 1.125em;font-weight: 500;display:block;line-height: 50px;padding: 0;letter-spacing:-0.05em;text-align: center;}
#gnb > li .tit a:after{content:'';width: 12px;height: 6px;background: url(../images/common/ico_depth2.png) no-repeat;margin-left:-6px;position:absolute;bottom: -1px;left:50%;opacity: 0;z-index: 3;}
#gnb > li .tit a:hover,
#gnb > li .tit a:focus,
#gnb > li .tit a:active,
#gnb > li:hover .tit a{color:#ffd13e; }
#gnb > li.on .tit a {color:#ffd13e;}
#gnb > li:hover .tit a:after,
#gnb > li:focus .tit a:after,
#gnb > li:active .tit a:after{ opacity:1}

/* 하위메뉴 bg height:165px;-- 높이값 */
#gnb > li > div {display: none;position: absolute;top: 50px;left: 0;width: 100%;height: 50px;box-sizing:border-box;overflow: hidden;}
#gnb > li.over > div {z-index:10;}
#gnb > li:focus > div,
#gnb > li:active > div,
#gnb > li:hover > div{opacity:1;}
#gnb > li.over .depth2{/* display:block; */}

#gnb .depth2{box-sizing:border-box;position:relative;width: 100%;/* display:none; */}
#gnb > li:nth-child(2) .depth2{ padding-left:0px; }
#gnb > li:nth-child(3) .depth2{ padding-left:60px;}
#gnb > li:nth-child(4) .depth2{ padding-left:550px;}
#gnb > li:nth-child(5) .depth2{ padding-left:660px;}
#gnb > li:nth-child(6) .depth2{ padding-left:350px;}
#gnb .depth2 li{position:relative;}
	
#gnb > li > div > ul > li {padding:0;background:none; text-align:left;float: left;}
#gnb > li > div > ul > li:first-child {margin-top:0;}
#gnb > li > div > ul > li > a {display: inline-block;color: #5b5a5a;font-size: 1em;padding: 0 15px;line-height: 50px;margin: 0;letter-spacing: -0.04em; font-weight:500;}

#gnb > li > .ulWrap > ul > li > a:focus,
#gnb > li > .ulWrap > ul > li > a:active,
#gnb > li > .ulWrap > ul > li > a:hover,
#gnb > li:hover > div > ul > li:hover > a{ color:#114297; font-weight:600;}

#gnb > li.target > .tit > a:after{content:'';display:inline-block;margin: -4px 0 0 5px;background:url('../images/common/ic_blank_w.png') no-repeat 0 0;width:13px;height:13px;vertical-align: middle;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);opacity: 1;position: relative;bottom:inherit;left: inherit;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
#gnb > li.target > .tit > a:focus:after,
#gnb > li.target > .tit > a:active:after,
#gnb > li.target > .tit > a:hover:after{ background-image:url('../images/common/ic_blank_y.png') ;}

#gnb > li > .ulWrap > ul > li.target > .tit > a:after{content:'';display:inline-block;margin: 0 10px;background:url('../images/common/ic_blank.png') no-repeat 0 0;width:13px;height:13px;vertical-align: middle;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);}
#gnb > li > .ulWrap > ul > li.target > .tit > a:focus,
#gnb > li > .ulWrap > ul > li.target > .tit > a:active,
#gnb > li > .ulWrap > ul > li.target > .tit > a:hover{ background:none;}
#gnb > li > .ulWrap > ul > li.target > .tit > a:hover:after {margin-top: 0px}

#header .depth2_bg{background:#fff;height: 50px;width:100%;position: absolute;top:125px;left: 0;display: none;box-shadow: 0px 2px 4px rgba(0,0,0,0.15);}
#header .depth2_bg.on{ display: block;}


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

/* footer */
#footer{position:relative;background: #3b3b3b;padding: 45px 0 60px 0;}
#footer .foot_ci{ float:left;  margin-right:35px; font-size: 0;}
#footer .foot_ci a{display:block;width: 278px;height: 40px;background: url('../images/common/foot_ci.png') no-repeat 50% 0;}

#footer .foot_util{overflow:hidden;float: left;}
#footer .foot_util li{vertical-align: top;display: inline-block;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:block;background: #767676;width:1px;height:15px;position:absolute;right:-15px;top: 13px;}
#footer .foot_util li a{color: #fff;/* font-size: .935em; */line-height: 40px;display: block;}
#footer .foot_util li:first-child a{color: #69b8f5;}
#footer .foot_util li a:hover{ text-decoration:underline;}

#footer .footBtn{float:right;position:relative; }
#footer .footBtn button.bn{display:block;line-height: 40px;height: 40px;width: 245px;padding: 0 10px 0 15px;box-sizing:border-box;background: #5f5f5f;color: #fff;font-size: 1em;font-weight: 300;text-align: left;position: relative;}
#footer .footBtn button.bn:after{content:'';display:block;position:absolute;right:0;bottom: 0;width: 40px;height: 40px;background: #2e2e2e url('../images/common/arrow_footBtn.png') no-repeat 50% 50%;}
#footer .footBtn .footer_link{display:none;position:absolute;bottom: 39px;left:0px;z-index: 100;width: 245px;}
#footer .footBtn .footer_link li {border-bottom: 1px solid #777;}
#footer .footBtn .footer_link li a{display:block;padding:7px 10px;background: #5f5f5f;color: #ffffff;font-size: 1em;font-weight: 400;}
#footer .footBtn .footer_link li a:hover{ text-decoration:underline; color:#fff;}
#footer .footBtn .footer_link li a:after{content: '';display: inline-block;margin-left: 10px;width: 13px;height: 13px;background: url(../images/common/ic_blank_w.png) no-repeat;opacity: 0.7;}
#footer .footBtn .footer_link li a:hover:after{opacity: 1;}

#footer .info {color: #fff;overflow: hidden; padding-top: 30px;font-weight: 100;clear: both;}
#footer .info address{ font-style:normal; margin-bottom: 5px;  margin-top:-7px;}
#footer .info address span{display: inline-block;line-height: 1.1;font-size: .935em;font-size: 15px;position: relative;padding-right: 10px;margin-right: 5px;}
#footer .info address span em{display:inline-block;position: relative;padding-left: 10px;margin-left: 5px;}
#footer p.copyright {clear:both;font-size:13px;line-height: 1.3;color: #c9c9c9;}

/* 콘텐츠 상단으로 이동 */
footer .btn-top {width:60px;height:60px;overflow:hidden;background:#f4f4f4 url('../images/common/ico_toTop.png') center center no-repeat;display:block;border-radius:50%;position:fixed;bottom: 135px;right:-85px;z-index:900;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
footer .btn-top.on {right: 10px;}
footer .btn-top:hover{box-shadow:0 14px 30px rgba(0, 0, 0, 0.1); }

@media only screen and (max-width : 640px ){	
	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: 60px;}
	#header .temp,
	#header .headerWrap,
	#footer .footerBox{width:100%; min-width:320px; margin:0 auto;}
	.bn_siteMap{ display:none;}
	
	#wrap{width:100%; min-width:300px; margin:0 auto; background:#fff;}
	#header {position:absolute;padding-top:0;min-width:300px;height:auto;}
	#header:before{ top:85px;}
	#header .headerWrap{height: auto;max-width: 815px;}		
	#header .temp { height:auto;}
	
	
	/* topGroup */
	.topGroup .util{top: 17px;right: 60px;}
	.topGroup .util li,
	.topGroup .util li.bn_siteMap{display:none;}
	.topGroup .util li.login {display:block; }
	.topGroup, .topGroup .util li{height: 28px;}
	.topGroup .util li.login a{font-size: 12px !important;padding: 0 7px 0 25px;}	
	.topGroup .util li.login a:before{background-size:60px;background-position: -47px 0;width: 13px;height: 17px;top: 7px;left: 7px;}	
	
	/* logo */
	.headerWrap .logo {width: 190px; left: 15px; height: 60px; top: 0;}
	.headerWrap .logo a{width: 190px;height: 60px;top: 0;background-size: contain;}	
	
	/* mGnb */
	#mGnb {position:absolute;right:0;top: 0px;z-index: 999;overflow:hidden;width: 60px;height: 60px;font-size:0;text-indent:-10000px;}		
	#mGnb a{display: block;width:100%;position: relative;height: 60px;}
	#mGnb span{position:absolute;right: 15px;display: block;height: 2px;width: 30px;border-bottom: 2px solid #707070;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 span:nth-child(1){ top:21px;}
	#mGnb span:nth-child(2){top:29px;}
	#mGnb span:nth-child(3){top:37px;}
	#mGnb.mGnbOn{position:fixed; top:0px;}
	#mGnb.mGnbOn span{ border-color:#fff;top: 29px;}	
	#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: linear-gradient(90deg, #1958cc, #951fc7);color:#fff;height:60px;}
	.topBox .home{border-right:1px solid rgba(255,255,255,0.3);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: 60px;font-weight:500;color: rgba(255,255,255,0.75);}
	.topBox li.on a{ color:#fff;}
	.topBox li a:hover{ text-decoration:underline;}	
	.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:-260px;top: 0px;width:260px;height:100%;z-index:200;display:none; background:#fff;}
	.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; width:100%;}
	#gnb > li {visibility:inherit; position:static;margin:0;padding:0;background:none;text-align:left;float:none;width:auto !important;border-bottom: 1px solid #ccc;border-right:none;}
	#gnb > li:first-child .tit > a{ text-indent:0; background-image:none;}
	#gnb > li:last-child, #gnb > li:nth-last-child(2){display: block;}
	#gnb > li.on .tit a,
	#gnb > li .tit > a:hover, 
	#gnb > li .tit > a:focus,
	#gnb > li .tit > a:active,
	#gnb > li .tit > a {display:block;color: #282828;height: 45px;line-height: 45px;padding: 0px 0 0px 15px;border:none;width:auto !important;position:relative;font-weight:400;text-align: left;}	 
	#gnb > li .tit > a:hover, 
	#gnb > li .tit > a:focus,
	#gnb > li .tit > a:active,
	#gnb > li:hover .tit a{ color:#222e82 !important; font-weight: 700;}
	#gnb > li .tit > a:after{ display:none;}

	#gnb > li.target > .tit > a:after,
	#gnb > li.target > .tit > a:focus:after,
	#gnb > li.target > .tit > a:active:after,
	#gnb > li.target > .tit > a:hover:after{ background-image:url('../images/common/ic_blank.png') !important; margin-left:10px;}	
		
	#gnb > li > div {width:auto !important;position: static !important;left: inherit !important;margin:0;padding: 0px 0;border:0;height: auto ;background-color: #ffffff;box-shadow:none;visibility: visible;}
	#gnb > li > div > ul > li {margin:0;width:auto;float: none !important;}
	#gnb > li > div > ul > li:before{ display:none;}		
	#gnb > li > div > ul > li > ul{padding: 6px 15px;}
	
	/*하위메뉴*/
	#gnb > li .ulWrap { display:none;}
	#gnb > li.over .ulWrap { display:block; border:none;}
	#gnb > li.over .depth2{display:block;}
	
	#gnb .depth2{background:#f7f7f7;border-left:none;height:auto;width:100%;float:none !important;padding: 0 !important;display:block;margin-left: 0 !important;margin-right: 0 !important;}
	#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: 5px 0px 3px 20px;line-height: 30px;background-position: left 15px center;font-size: 1.05em;text-align: left;}	
	#gnb > li > div > ul > li > a:hover,
	#gnb > li > div > ul > li > a:focus,
	#gnb > li > div > ul > li > a:active{ color:#000; text-decoration:underline;}		
	#gnb .depth2:before{ display:none;}	
	
	/* mobileblock */	
	#mobileblock{position:fixed; z-index:50; top:0px; left:0; width:100%; height:100%; background: rgba(0,0,0,0.6); display:none;}
	
	/* footer */	
	#footer{ padding: 25px 0 30px 0;}	
	#footer .foot_util{padding: 0; margin-left:-5px; float:none;text-align: center;}
	#footer .foot_util li{text-align:center;margin: 0 10px 0 0;}
	#footer .foot_util li a{line-height: 25px;font-size: 0.9em;}
	#footer .foot_util li:after{top: 7px;right: -8px;height: 12px;}
	#footer .footBtn{padding: 15px 0 0 0;width: 100%;}
	#footer .footBtn button.bn{height: 35px;line-height: 35px;width: 100%;font-size: 0.9em;}
	#footer .footBtn button.bn:after{ width:35px; height:35px;}
	#footer .footBtn .footer_link{bottom: 35px;width: 100%;}
	#footer .footBtn .footer_link li a{ font-size:0.9em;}
	
	#footer .foot_ci{margin: 0 0 15px 0;float: none;}
	#footer .foot_ci a{width: 100%;height: 30px;margin: 0 auto;background-size: contain;}
	#footer p.copyright{ font-size:12px;}
	
	#footer .footerBox{padding: 25px 0 35px 0; }
	#footer .info{text-align:center;float: none;padding-top: 20px;}
	#footer .info address{margin-top:0;}
	#footer .info address span{display:block;margin: 0 auto 5px auto;padding: 0;font-size: 0.9em;}
	#footer .info address span:after, #footer .info address span em:after{ height:14px; display:none;}
	#footer .info address span em:after{ height:11px; top:2px;}	
	
	#footer .btn-top{ bottom:10px; width:40px; height:40px; background-size: 21px;}
		
}

@media only screen and (max-width:480px) {
	.topGroup .util{display:none;}
	
	#footer .info address span br{ display:block;}	
	#footer .btn-top{ width:40px; height:40px; background-size: 21px;}
}


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

*/
/* visual_area */
.visual_area{height: 230px;overflow: hidden;background-position: 50% 0;background-repeat: no-repeat;background-size:cover !important;z-index: 1;}
.visual_area .innerWrap{display:table; }
.visual_area.topImg01{background-image:url('../images/sub/sub_visual_01.jpg');}
.visual_area.topImg02{background-image:url('../images/sub/sub_visual_02.jpg');}
.visual_area.topImg03{background-image:url('../images/sub/sub_visual_03.jpg');}
.visual_area.topImg04{background-image:url('../images/sub/sub_visual_04.jpg');}
.visual_area.topImg05{background-image:url('../images/sub/sub_visual_05.jpg');}
.visual_area.topImg06{background-image:url('../images/sub/sub_visual_06.jpg');}
.visual_area.topImg07{background-image:url('../images/sub/sub_visual_member.jpg');}
.visual_area.topImg08{background-image:url('../images/sub/sub_visual_etc.jpg');}
.visual_area .txtBox{display:table-cell;vertical-align: middle;text-align: right;height: 230px;}
.visual_area .txtBox p{color: #fff;font-size: 2.815em;line-height: 1em;font-weight: 500;display:block;position: relative;margin-bottom: 5px;} 
.visual_area .txtBox span{display:block;font-size: 1.125em;color:rgba(255,255,255,0.3);line-height: 1em;font-weight: 900;}

/* 왼쪽메뉴 */
#menu {position:relative;width: 260px;float:left;height:100%;margin:0;}
#menu .tit {width: 260px;height: 160px;margin-bottom:0;background: linear-gradient(135deg, #1958cc 45%, #951fc7 100%);background-size: cover;padding-top:15px;font-weight:700;color:#fff;font-size: 1.88em;display: table-cell;vertical-align: middle;text-align:center;line-height: 1em;letter-spacing: -1px; display:none;}
#menu .tit em{font-size:13px;color: rgba(162, 228, 242, 0.5);font-weight:100;letter-spacing:-0.03em;display:block;}
#menu nav{padding-bottom:100px;} 
#menu .lnb {margin:0 auto;/* width: 220px; */}
#menu .lnb > li{border-bottom: 1px solid #eaeaea;}
#menu .lnb > li:first-child{border-top:0;}
#menu .lnb > li > a {display:block;padding: 13px 25px 14px 20px;font-size: 1.125em;font-weight: 300;color: #404040;line-height: 1.3em;box-sizing: border-box;letter-spacing:-0.08em;background-image:none;background-position: right 17px center !important;background-repeat: no-repeat;-webkit-transition: all .0s ease-in-out;-moz-transition: all .0s ease-in-out;-ms-transition: all .0s ease-in-out;-o-transition: all .0s ease-in-out;transition: all .0s ease-in-out;}
#menu .lnb > li > a:hover, #menu .lnb > li > a:focus, #menu .lnb > li > a:active, #menu .lnb > li.on > a {color:#0d2d4e;text-decoration:none;font-weight: 400;background: transparent url('../images/common/ico_lnb_over.png')  no-repeat;}

#menu .lnb > li.arrow > a{background: url('../images/common/ico_lnb_arrow.png')  no-repeat;}
#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_arrow_on2.png');}
#menu .lnb > li.arrow.on > a{background-color: #595c61;background-image:url('../images/common/ico_lnb_arrow_on.png');}

#menu .lnb > li.on {}
#menu .lnb > li.on > a{color:#fff;font-weight: 400;background: #0d2d4f url('../images/common/ico_lnb_on.png') no-repeat;}

#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:#f7f8fd;padding: 10px 0;border-top:1px solid #dcdcdc;}
#menu .subLnb li a {display:block;color: #555;padding:3px 10px 3px 25px;font-size:1em;line-height: 1.4;font-weight:400;position:relative;}
#menu .subLnb li a:before{content:'';display:block;background: #555;width:3px;height:3px;position:absolute;border-radius: 50%;left:15px;top:14px;}
#menu .subLnb li a:hover, 
#menu .subLnb li a:focus, 
#menu .subLnb li a:active, 
#menu .subLnb li.on a {color: #1e55cc;font-weight: 500;text-decoration: none;}
#menu .subLnb li.on a:before{background: #1e55cc;}

.topImg07 + .sub_content_wrap #menu,
.topImg07 + .sub_content_wrap:after{ display:none;}
.topImg07 + .sub_content_wrap #sub_content{ width:100%;}


/* title_area */	
.title_area{overflow: hidden;margin: 50px auto;padding-bottom: 15px;border-bottom: 1px solid #e1e1e1;}
.title_area h3{font-size: 2.125em;line-height: 1em;font-weight: 500;color: #222;float: left;}
.title_area .location {text-align:left;float: right;margin-top: 4px;}
.title_area .location span {display:inline-block;padding:0 8px 0 15px;background:url('../images/common/icon_location_arrow.gif') no-repeat 0px center;font-size: 0.88em;color:#8b8b8b;}
.title_area .location a:last-child span {color: #202020;font-weight: 400;padding-right:0;}
.title_area .location a.home{ margin-right: 10px;}
.title_area .location a.home img {vertical-align:middle; margin-top:-3px;}
.title_area .location .btnPrint{background: #fff url('../images/common/ico_btnPrint.png') no-repeat 50% 50%;font-size: 0;display: block;float: right;width: 35px;height: 30px;background-size: 21px;border: 1px solid #929292;opacity: 0.6;margin-left: 5px;}
.title_area .location .btnPrint:hover{ opacity:1;}

@media only screen and (max-width : 640px ){		
	.visual_area,
	.visual_area .txtBox{height: 130px;padding: 0;width: 100%;}	
	.visual_area .txtBox p{font-size: 2.35em;}	
	.visual_area .txtBox span{font-size: 1.1em;line-height: 1.4em;font-weight: 700;} 
}
@media only screen and (max-width:480px) {	
	.visual_area{background-position: 38% 0;}
	.visual_area .txtBox p{font-size: 2.2em;}
	.visual_area .txtBox span{font-size: 1.05em;line-height: 1.3em;} 
}


/* content */
.sub_content_wrap {position:relative;width: 1100px;margin: 0 auto;z-index: 2;overflow: hidden;height: 100%;}
.sub_content_wrap:before,
.sub_content_wrap:after,
#sub_content:after { content:''; display:block; width:1px; height:100%; background: #eaeaea; position:absolute; top:0;}
.sub_content_wrap:before{ left:0;}
.sub_content_wrap:after{ left:260px;}
#sub_content:after{ right:0px;}
#sub_content{position:relative;float:right;width: 840px;padding: 0 50px;}
#page{clear:both;min-height:500px;margin: 0 auto;padding-bottom: 70px;}
.sub_content_wrap p{ margin-bottom:15px;}
.sub_content_wrap li p{ margin-bottom:5px;}
#page table p{ margin-bottom:0;}

.ttl01{clear: both;font-size: 1.43em;font-weight: 500;color: #2b405b;margin:60px 0 15px;position:relative;}
.ttl01:before{content:'';display:block;position:absolute;top: -10px;left:0;background: linear-gradient(90deg, #2b50cb, #951fc7);width: 24px;height: 4px;}
.ttl01.center{text-align:center;}
.ttl01.center:before{ left:50%; margin-left:-12px;}
.ttl01.center + p{text-align:center;margin-bottom: 45px;}
.ttl02{clear: both;font-size: 1.2em;font-weight: 500;color: #1e55cc;margin:35px 0 10px;position: relative;}
.ttl01 span,
.ttl02 span,
.ttl03 span{display: inline-block;color: #555;font-size: .85em;font-weight: 400;}
.ttl03{clear: both;font-size: 1.1em;color: #2b405b;margin:20px 0 8px;position: relative;padding-left: 15px;font-weight: 500;}
.ttl03:before{content:'';display: block;position: absolute;left: 0px;top: 7px;width: 11px;height: 11px;border-radius: 50%;box-shadow: 0 0 0 3px inset #1e55cc;}
.ttl01 + .ttl02 { margin-top: 15px;}
.ttl02 + .ttl03 { margin-top: 0;}

@media only screen and (max-width : 640px ){
	
	/* content */	
	.sub_content_wrap { width: 100%; margin: 0 auto;}
	.sub_content_wrap:before, .sub_content_wrap:after, #sub_content:after{display:none;}
	#sub_content {width:100%;min-width: 320px;padding: 0 15px;margin:0 auto;float: none;max-width: 815px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
	#sub_content:after{ display:none;}
	#sub_content p{ margin-bottom:10px;}	
	
	/* 왼쪽메뉴 */
	#menu {position:static; width:auto; float:none; margin:0;background-color: #eee;}
	#menu .tit {display:block;position:relative;width:100%;height: 45px;line-height: 45px;margin-bottom:0;cursor:pointer;font-size:1.25em; padding: 0; color:#fff;background: linear-gradient(90deg, #1958cc, #951fc7);}
	#menu .tit:after{ content:''; position: absolute; right:15px; top:12px; width: 20px; height: 20px; background: url("../images/common/bgLnbDepth.png") no-repeat;}
	#menu .tit em{ display:none;}		
	
	#menu nav{display:none; position:relative; padding-bottom:0;background: #fff; }
	
	#menu .lnb{ border-width:0 0 1px 0; width:100%; margin-top:-1px;}
	#menu .lnb > li > a {padding: 12px 40px 12px 20px;font-size:1.05em;line-height: 1.2;font-weight:400;background-position: right 15px  center !important; background-color:#fff;}
	#menu .lnb > li.on > a{ text-shadow: none;}
	
	#menu .lnb > li.arrow.on > a{background-color: #0d2d4f;color: #fff;}
	#menu .subLnb{background-color: #f3f5f8;padding:10px 0;border-right: 0;border-top: 1px solid #dcdcdc;}
	#menu .subLnb li a {text-align:left;padding: 2px 10px 2px 25px;font-size: 0.95em;}
	#menu .subLnb li a:before{ top: 9px;}
	#menu .subLnb li a:hover, 
	#menu .subLnb li a:focus, 
	#menu .subLnb li a:active, 
	#menu .subLnb li.on a {text-decoration:underline;}		
	
	/* title */
	.title_area h3{ font-size: 1.75em;}	
	.title_area{position:relative;margin: 30px auto 25px auto;width: 100%;}		
	.title_area .location{ display:none;}
	.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{margin-right: 0;}
	.title_area .location a.home img {vertical-align:middle; margin-top:-1px}	
	.title_area .pageTitle{ font-size:1.6em; color:#111; margin:0 0 8px}	
	
	#page {width: 100%;padding: 0 0 30px;min-height: 300px;}
	#page.noWrap {max-width: 100%;padding: 0;}
	
	.ttl01{ margin:40px 0 13px;}
	.ttl02{ margin:28px 0 8px;}
	.ttl03{ margin:15px 0 5px;}
	.ttl01 + .ttl02 { margin-top: 10px;}
	.ttl02 + .ttl03 { margin-top: 0;}
	.ttl01:before{top: -6px;width: 18px;height: 3px;}
	.ttl01.center:before{ margin-left:-9px;}
	.ttl02:before, .ttl02:after{ width:4px; height: 4px;}
	.ttl01.center + p{margin-bottom: 30px !important;}	
}

@media only screen and (max-width:480px) {	
	.title_area{}
	.title_area h3 {}
	.title_area .location span, .title_area .location strong {font-size: 11.5px;padding: 0 2px 0 12px;}
	.ttl01.center + p{margin-bottom: 25px !important;}
}