@charset "utf-8";

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

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

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

#header {width:100%;height: 120px;position:absolute;left:0;top: 40px; z-index:400;}
#header a { text-decoration: none}
.headerWrap {position:relative;width: 1170px;margin:0 auto;}
.topGroup{height:50px;background: #f7f7f7;}
#header .temp {height: 120px;width:1170px; margin:0 auto; background:#fff;}
.topBox{ display:none;}
.gnb_wrap{position:relative;width:100%;text-align: center;}

/* topGroup */
.topGroup{float:right;height:50px;background:#005181;position: relative;width: 800px;}
.topGroup:before{ content:''; display: block; position: absolute; left:-50px; top:0; width: 0px;height:0px; border-right:50px solid transparent;border-bottom:50px solid #005181; transform:rotate(180deg); }
.topGroup li{float:left;padding: 0 9px;color:rgba(123, 194, 235, 0.7);line-height: 50px;letter-spacing: -0.03em;}
.topGroup li:before{ content:''; display: block; float:left; width:20px; height: 50px; background:url('../images/common/top_ico.png') no-repeat 0 50%; margin-right: 5px;}
.topGroup li:nth-child(1){ font-size:13px;}
.topGroup li:nth-child(1):before{ background-position: 0 50%;}
.topGroup li:nth-child(2):before{ background-position: -40px 50%;}
.topGroup li:nth-child(3):before{ background-position: -80px 50%;}
.topGroup li.kakao{background:#3c1e1e; position: relative; float:right; height: 50px; font-size:1em; padding:0;}
.topGroup li.kakao:before{  content:''; display: block; position: absolute; left:-50px; top:0; width: 0px;height:0px; border-right:50px solid #005181;border-bottom:50px solid #3c1e1e; transform:rotate(180deg); }
.topGroup li.kakao a{ color:#ffe800; font-weight: 500; line-height: 50px; padding:0 20px 0 10px;}
.topGroup li.kakao a:before{content:'';display: block;float:left;width:29px;height: 50px;background:url('../images/common/ico_kakao.png') no-repeat 0 50%;}

/* logo */
.headerWrap .logo {position:absolute;top: 0px;left: 35px;font-size:0;line-height:0;width: 289px;height: 120px;}
.headerWrap .logo a {display:block;width: 100%;height: 120px;box-sizing:border-box;}
.headerWrap .logo.logo01 a {background: url('../images/common/ci01.png?v=250727') no-repeat 0 center;}
.headerWrap .logo.logo02 a {background: url('../images/common/ci02.png?v=250727') no-repeat 0 center;}
.headerWrap .logo.logo03 a {background: url('../images/common/ci03.png?v=250727') no-repeat 0 center;}
.headerWrap .logo.logo04 a {background: url('../images/common/ci04.png?v=250727') no-repeat 0 center;}

/* gnb menu */
#gnb {position:absolute;right: 35px;top:50px;} /*메뉴위치*/
#gnb:after {display:block; content:""; clear:both;}
#gnb > li {/* text-align:center; */float:left; width:152px;}
#gnb > li .tit{ position:relative;}
#gnb > li .tit > a {color: #111;font-size: 1.21em;font-weight: 500;display: inline-block;line-height: 70px;padding:0;letter-spacing:-0.05em;/* border-width: 0 1px 0px 0; *//* margin-top:1px; */}
#gnb > li:first-child .tit > a {/* border-width: 0px 1px; */}
#gnb > li .tit a:hover,
#gnb > li .tit a:focus,
#gnb > li .tit a:active,
#gnb > li:hover .tit a{color:#09a0f7; }
#gnb > li.on .tit a {color:#09a0f7;}
#gnb > li .tit a::after	{content:"";/* position: absolute; *//* left:0; */width: 100%;display: block;height: 5px;margin-top: -10px;padding:1px 0;border-bottom:4px solid #09a0f7;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; 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: #09a0f7 !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: block;/* width: 100%; */min-width:210px;position:absolute;left: 1px;box-sizing:border-box;box-shadow: 2px 2px 3px rgba(0,0,0,0.2); visibility: hidden; }
#gnb > li:nth-child(1) > div{left: -40px;}
#gnb > li:nth-child(2) > div{left: 115px;}
#gnb > li:nth-child(3) > div{left: 260px;}
#gnb > li:nth-child(4) > div{left: 405px;}
#gnb > li:nth-child(5) > div{left: 550px;}
#gnb > li.over > div {background: #fff;border-top: 4px solid #09a0f7;z-index:10;}
#gnb > li:focus > div,
#gnb > li:active > div,
#gnb > li:hover > div{-webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease, visibility 0.4s linear 0s;
    -moz-transition: opacity 0.4s ease, -moz-transform 0.4s ease, visibility 0.4s linear 0s;
    -ms-transition: opacity 0.4s ease, -ms-transform 0.4s ease, visibility 0.4s linear 0s;
    -o-transition: opacity 0.4s ease, -o-transform 0.4s ease, visibility 0.4s linear 0s;
    transition: opacity 0.4s ease, transform 0.4s ease, visibility 0.4s linear 0s; visibility: visible;}
#gnb > li.over .depth2{ display:block;}

#gnb .depth2{padding: 20px 20px 28px 20px;box-sizing:border-box;position:relative; display:none;}
#gnb .depth2:before{ content:''; display: block; width:100%; height: 7px; background: url('../images/common/ico_depth2.png') no-repeat 50% 0; position: absolute; top:-11px; left: 0;}
#gnb .depth2 li{position:relative;}
	
#gnb > li > div > ul > li {padding:0;background:none;font-size:0.95em;letter-spacing:-0.05em;text-align:left;font-weight:500;float: none;}
#gnb > li > div > ul > li:first-child {margin-top:0;}
#gnb > li > div > ul > li > a {display: inline-block;color: #696969;font-size: 0.98em;padding: 5px 0px 3px 10px;margin: 0;letter-spacing: -0.04em;}

#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:#09a0f7; font-weight:600;}
#gnb > li > .ulWrap > ul > 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;}
#gnb > li > .ulWrap > ul > li.target > a:focus,
#gnb > li > .ulWrap > ul > li.target > a:active,
#gnb > li > .ulWrap > ul > li.target > a:hover{ background:none;}
#gnb > li > .ulWrap > ul > li.target a:hover:after {margin-top: 0px}

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

/* footer */
#footer{position:relative; background:#16394d; }
.footerBox {position:relative;width:1100px; margin:0px auto; }

#footer .info { color:#fff;  padding:50px 0; overflow: hidden;}
#footer .info address{ font-style:normal;}
#footer .info address span{display:block;float:left;line-height: 1.4;position: relative;width:30%;text-align: left;font-size: 1.07em;font-weight: 300;padding-left:80px;min-height: 57px;}
#footer .info address span:nth-child(1){ width:40%; padding-top:5px;}
#footer .info address span:after{ content:''; display:block; position: absolute; left:0; top:-5px; width:57px; height: 57px; background-position: 50% 50%; background-repeat: no-repeat;}
#footer .info address span:nth-child(1):after{ background-image:url('../images/common/foot_ico01.png'); }
#footer .info address span:nth-child(2):after{ background-image:url('../images/common/foot_ico02.png'); }
#footer .info address span:nth-child(3):after{ background-image:url('../images/common/foot_ico03.png'); }
#footer .info address span:nth-child(1) em{ display: none;}
#footer .info address span em{display:block;position: relative;}
#footer .info address span:nth-child(2) em{display:inline-block;margin-right:5px;}
#footer .info address span strong{font-size: 1.25em;line-height: 1.2em;}
#footer .info address span:nth-child(3) strong{ font-weight: 400;}
#footer .info address span .tel{color: #ffc637;font-size: 1.55em;}

#footer p.copyright {display: block; height: 50px; line-height: 50px; font-size:.95em; font-weight: 300; color: rgba(255,255,255,0.32); text-align: center; background:#0d222e;}

/* quickmenu */
.quickmenu{position:fixed;right:-85px;top:100px;z-index:10;-webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.quickmenu li {margin-top:5px; text-align:right;}
.quickmenu li a {display:inline-block;width:80px;height:80px;border-radius:40px;overflow:hidden;position:relative;transition:padding .3s ease-out;}
.quickmenu li a span {font-size:0;line-height:0;text-indent:-999px;width:0;}
.quickmenu li a span em{ font-size:0.8em;}
.quickmenu li a:before {display:inline-block;width:80px;height:80px;content:'';position:absolute;left:0;top:0;background-repeat:no-repeat !important; background-position: 50% 50% !important;}
.quickmenu li.time a {background-color:#005181;}
.quickmenu li.time a:before {background-image:url('../images/common/ico_quick01.png'); background-color: #005181;}
.quickmenu li.tel a {background-color:#09a0f7;}
.quickmenu li.tel a:before {background-image:url('../images/common/ico_quick02.png'); background-color: #09a0f7;}
.quickmenu li.kakao a {background-color:#fddb00;}
.quickmenu li.kakao a:before {background-image:url('../images/common/ico_quick_kakao.png'); background-size: 50px;background-color: #fddb00;}
.quickmenu li .btn-top {text-align:right;width:80px;height:80px;overflow:hidden;display:inline-block;background:#f4f4f4 url(../images/common/ico_quick_top.png) 50% 50% no-repeat;border-radius:40px; font-size:0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.quickmenu li a:hover {padding-left:80px;width:auto;min-width:80px;box-shadow:0 14px 30px rgba(0, 0, 0, 0.1);}
.quickmenu li a:hover span {display:inline-block;width:auto;padding-right:1.3em;font-size:1.6em;font-weight:400 !important;line-height:80px;text-indent:0;color:#fff;}
.quickmenu li.kakao a:hover span {color:#020303;}
.quickmenu li .btn-top:hover{box-shadow:0 14px 30px rgba(0, 0, 0, 0.1);}
.quickmenu.on{ right:20px;}

@media only screen and (max-width:1024px) {	
	body{font-size:14px;}
	.topGroup{width:auto;float: none;height: 40px;position: absolute;right: 20px;top: 10px;overflow: hidden;border-radius: 5px;background: none;}
	.topGroup li{padding: 0 10px !important;}
	.topGroup li.kakao a{padding: 0 5px 0 10px;}
	.topGroup li, .topGroup li:before, .topGroup li.kakao, .topGroup li.kakao a, .topGroup li.kakao a:before{line-height: 40px;height: 40px;}	
	.topGroup li.kakao{background: #ffe800;border-radius: 5px;padding: 0 10px !important;}
	.topGroup li.kakao a{ color:#3c1e1e; padding: 0 5px;}
	.topGroup li.kakao a:before{ background: url('../images/common/ico_quick_kakao.png') no-repeat 50% 50%; background-size: 25px; background-position: 50% 50%;}
	.topGroup:before,
	.topGroup li.kakao:before,
	.topGroup li:nth-child(1),
	.topGroup li:nth-child(2),
	.topGroup li:nth-child(3){ display:none;}
	#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;}
	
	#wrap{width:100%; min-width:300px; margin:0 auto; background:#fff;}
	#header {position:absolute;padding-top:0;top: 0;min-width:300px;height:auto;}
	#header .headerWrap{height: auto;}		
	#header .temp { height:auto;}
	
	/* logo */
	.headerWrap .logo {position: relative;top: inherit;left: inherit;margin: 0 auto;width: 200px;height: 60px;}
	.headerWrap .logo.logo01 a{height: 60px;top:0;background-size: 200px 45px;-moz-background-size: 200px 45px;-webkit-background-size: 200px 45px;background-position-x: 0;}
	.headerWrap .logo.logo02 a{height: 60px;top:0;background-size: 190px 50px;-moz-background-size: 190px 50px;-webkit-background-size: 190px 50px;background-position-x: 0;}
	.headerWrap .logo.logo03 a{height: 60px;top:0;background-size: 190px 47px;-moz-background-size: 190px 47px;-webkit-background-size: 190px 47px;background-position-x: 0;}
	
	/* mGnb */
	#mGnb {position:absolute;left: 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;left: 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;left: 220px;}
	#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: #09a0f7;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:#fff;}
	.topBox li a:hover{ text-decoration:underline; font-weight:700;}	
	.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: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.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: 50px;line-height: 50px;padding: 0px 0 0px 20px;border:none;width:auto !important;position:relative;font-weight:400;}	 
	#gnb > li .tit > a:hover, 
	#gnb > li .tit > a:focus,
	#gnb > li .tit > a:active,
	#gnb > li:hover .tit a{ color:#004f99; font-weight: 700;}
	#gnb > li .tit > a:after{ display:none;}
	#gnb > li .tit a::after	{ content:""; position: absolute;left:0;width: 100%;height: 5px;padding:1px 0;border-bottom:4px solid #0e5ebe; 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 > div {width:auto !important;position:static;left:inherit;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;}
	#gnb > li > div > ul > li:before{ display:none;}		
	
	/*하위메뉴*/
	#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;padding:0;display:block; margin-left: 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-left: 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 !important; text-decoration:underline;}		
	#gnb .depth2:before{ display: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; line-height: 1.6;}
	#gnb > li > div > ul > li > ul li a:before{content:'';display:block;background: #abadb3;width:5px;height:1px;position:absolute;top:11px;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:50; top:0px; left:0; width:100%; height:100%; background: rgba(0,0,0,0.6); display:none;}
	
	/* footer */	
	#footer{}	
	#footer .info{padding:30px 0;}
	#footer .info address span{ font-size: 1.01em;}
	#footer .info address span:nth-child(1){ width:35%}
	#footer .info address span:nth-child(2){ width:35%}
	#footer .info address span:nth-child(3){ width:30%}
	#footer p.copyright{  height:40px; line-height:40px; }
	
	/* quickmenu */
	.quickmenu{top:10px;}
	.quickmenu.on{ right:10px; top:10px;}
	.quickmenu li { margin-top: 0}
	.quickmenu li a, .quickmenu li .btn-top { width:55px; height: 55px;}
	.quickmenu li a:hover span{ line-height: 55px; font-size:1.2em;}
	.quickmenu li.time a:before,
	.quickmenu li.tel a:before,
	.quickmenu li.kakao a:before{ width:55px; height: 55px; background-size:30px;}
	.quickmenu li .btn-top{ background-size:22px;}
	.quickmenu li a:hover{padding-left:55px;}
	
}
@media only screen and (max-width:815px) {		
	#footer .info{ padding:0}
	#footer .info address span{padding: 10px 0 10px 70px;}
	#footer .info address span:nth-child(1){width:100%;border-bottom:1px solid rgba(255,255,255,0.2);min-height: 65px;padding-top: 22px;}
	#footer .info address span:nth-child(2),
	#footer .info address span:nth-child(3){ width:50%}
	#footer .info address span:nth-child(2){border-right: 1px solid rgba(255,255,255,0.2);}
	#footer .info address span:after{width: 40px;height: 40px;background-size:cover;top: 15px;left: 15px;}

}
@media only screen and (max-width:640px) {	
	body{ font-size:13px;}
	#container {padding-top: 50px;}
	
	/* topGroup */
	.topGroup{height:35px;top:10px;right: 10px;min-width: auto;background:none;}
	.topGroup li, .topGroup li:before, .topGroup li.kakao, .topGroup li.kakao a, .topGroup li.kakao a:before{ line-height:35px; height:35px;}
	.topGroup li.kakao{ padding: 0 5px !important;}
	.topGroup li.kakao a:before{ background-size:25px;}
	/* logo */
	.headerWrap .logo {width: 156px;left: 10px;height: 50px;}
	.headerWrap .logo.logo01 a{width: 156px;height: 50px;background-size: 156px 35px;-moz-background-size: 156px 35px;-webkit-background-size: 156px 35px;}
	.headerWrap .logo.logo02 a{width: 156px;height: 50px;background-size: 156px 41px;-moz-background-size: 156px 41px;-webkit-background-size: 156px 41px;}
	.headerWrap .logo.logo03 a{width: 156px;height: 50px;background-size: 156px 39px;-moz-background-size: 156px 39px;-webkit-background-size: 156px 39px;}

	/* mGnb */
	#mGnb{ width:50px; height:50px;}
	#mGnb span{right:15px; width:25px;}
	#mGnb a{ height:50px; }
	#mGnb span:nth-child(1){top: 18px;}
	#mGnb span:nth-child(2){top: 25px;}
	#mGnb span:nth-child(3){top: 32px;}
	#mGnb.mGnbOn span{ top:24px; }
	
	/* topBox */
	.topBox{ height:50px;}
	.topBox .home{ width:50px; margin-right:10px;}
	.topBox li a{ line-height:50px;}
	.topBox li a:after{padding-left: 7px;}
		
	/* Gnb */
	.gnb_wrap{width: 270px;}
	#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;}
	#gnb > li:first-child .tit > a{ text-indent:0; background-image:none;}
	#gnb > li > div > ul > li > ul{padding: 6px 15px;}
		
	/* footer */	
	#footer{}	
	#footer .info{padding:15px 0 0 0;}
	#footer .info address span{ display: inline-block; width:50%; min-height: inherit; padding:10px 0 10px 55px ;}
	#footer .info address span:after{ width:35px; height: 35px; top:10px;left:10px; background-size:cover;}
	#footer .info address span:nth-child(1){min-height: 45px;padding-top: 5px;}
	#footer .info address span:nth-child(1):after{ top:-3px; }
	#footer .info address span:nth-child(2){}
	#footer .info address span:nth-child(2) br{ display:block;}
	#footer .info address span:nth-child(3):after{ left:10px; }
	#footer .info address span:nth-child(3){padding-left:60px;}
	#footer .info address span br{ display:none;}
	#footer .info address span strong{ font-size:1.15em !important;}
	#footer p.copyright{  height:35px; line-height:35px; }
	
	/* quickmenu */
	.quickmenu {top:75%;}
	.quickmenu.on{top:75%;}
	.quickmenu li.time {/* display: none */}
	.quickmenu li a, .quickmenu li .btn-top { width:40px; height: 40px;}
	.quickmenu li a:hover span{ line-height: 40px;}
	.quickmenu li.time a:before,
	.quickmenu li.tel a:before,
	.quickmenu li.kakao a:before{ width:40px; height: 40px; background-size:22px;}
	.quickmenu li .btn-top{ background-size:18px;}
	.quickmenu li a:hover{padding-left:40px;}
}
@media only screen and (max-width:480px) {
	.topGroup{ height:35px; top:8px;}
	.topGroup li.kakao{ padding:0 !important;}
	.topGroup li.kakao a{ display: block;}
	.topGroup li.kakao a em{ display:none;}

}

@media only screen and (max-width:425px) {
	#footer .info address span{ width:100%; border-bottom: 1px solid rgba(255,255,255,0.2);}
	#footer .info address span:nth-child(2){ border-right:0}
	#footer .info address span:last-child{ border:.0}
}



/*
================================================================================
SUB LAYOUT
================================================================================
*/
/* visual_area */
.visual_area{height: 400px;overflow: hidden;display: block;background:#142a3d url('../images/sub/sub_visual_01.jpg') 50% 0% no-repeat;background-size: cover !important;}
.visual_area .txtBox{width:1100px;margin: 0 auto;display:block;color:#fff;z-index:2;}
.visual_area .txtBox p{color:#fff;font-size: 1.3em;line-height: 1.4em;display: inline-block;position: relative;margin-top: 220px;} 
.visual_area .txtBox p strong{display: block;font-size: 2.5em;line-height: 1em;margin-bottom: 15px;}
/*.visual_area.top_img01 { background: url('../images/sub/sub_visual_01.jpg') 50% 0% no-repeat;}
.visual_area.top_img02 { background: url('../images/sub/sub_visual_02.jpg') 50% 0% no-repeat;}
.visual_area.top_img03 { background: url('../images/sub/sub_visual_03.jpg') 50% 0% no-repeat;}
.visual_area.top_img04 { background: url('../images/sub/sub_visual_04.jpg') 50% 0% no-repeat;}
.visual_area.top_img05 { background: url('../images/sub/sub_visual_05.jpg') 50% 0% no-repeat;}
.visual_area.top_img06 {background: url('../images/sub/sub_visual_etc.jpg') 50% 0% no-repeat;}
.visual_area.top_img02 .txtBox p{ color:#444;}*/

/* location */
.topnavWrap{position: relative; height: 45px; background-color: #f2f2f2;width: 100%; border-bottom:1px solid rgba(0,0,0,0.1);z-index: 10;}
.topnavWrap .container{ padding:0}
.location > li.home{border:0;margin-left: 1px;}
.location > li{position: relative;float: left;}
.location > li.loc_dep{min-width: 205px;width: 240px;}
.location > li > button{display: block;width: 100%;line-height: 45px;text-align: left;padding:  0  20px;font-size: 0.93em;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: #5a5a5a;border-right: 1px solid rgba(0,0,0,0.1);}
.location > li > button span{display:block;padding-right:20px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow: hidden;}
.location > li.loc_dep2 > button { color:#111; font-weight: 500;}
.location > li.on > button{background-image: url(../images/common/location_arrow_on.png); background-color:#07a0f7; color:#fff !important;}
.location > li.home a{display: block;line-height: 45px; padding: 0;width: 45px;background-image: url(../images/common/ico_home2.png);background-repeat: no-repeat;background-position: center center;text-indent: -9999px;background-color:#09a0f7;}
.location > li.loc_dep ul{display: none;position: absolute;top: 45px;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.93em;line-height: 1.4;}
.location > li.loc_dep ul li a:hover{ color:#333; text-decoration: underline}
.location > li.loc_dep ul li.on { background-color: #eee;font-weight: 500}
.location > li.loc_dep ul li.on a{ color: #111; }

/* cont-ctrl-btns */
.cont-ctrl-btns { float: right; position: relative;}
.cont-ctrl-btns button {background:url('../images/common/cont_ctrls.png') no-repeat;display: block; float:left; width: 45px;height: 45px; border-right:1px solid rgba(0,0,0,0.1);}
.cont-ctrl-btns .lbl-fsize { visibility: hidden; font-size:0;}
.cont-ctrl-btns .bt-fsize1 {background-position: 0px 0px; border-left:1px solid #d1d3d1;}
.cont-ctrl-btns .bt-fsize2 {background-position: -45px 0px;}
.cont-ctrl-btns .bt-print {background-position: -90px 0px;}
.cont-ctrl-btns .bt-fsize1:hover {background-position: 0px -45px;}
.cont-ctrl-btns .bt-fsize2:hover {background-position: -45px -45px;}
.cont-ctrl-btns .bt-print:hover {background-position: -90px -45px;}	


/* title_area */	
.title_area{ overflow: hidden; margin: 0 auto 50px;width: 1080px;}
.title_area h2{ font-size: 2.4em;line-height:1.4em; font-weight: 500;  color: #383737; float: left;}
.title_area .location {text-align:left; float: right;margin-top: 10px;}
.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.93em; color:#8b8b8b;}
.title_area .location a:last-child span {color:#111; font-weight: 500;}
.title_area .location a.home{ margin-right: 10px;}
.title_area .location a.home img {vertical-align:middle; margin-top:-3px;}

@media only screen and (max-width:1024px){	
	.visual_area{ height:150px; background-position: 50% 100% !important;}
	.visual_area .txtBox{ padding:0 15px; }
	.visual_area .txtBox p{ margin-top: 30px; font-size: 1em;}
	
	.topnavWrap{}
	.location > li > button{font-size:0.95em;}
	.location > li.loc_dep ul li a{ font-size:0.95em;}
} 
@media only screen and (max-width:640px){	
	.visual_area{height:130px;}	
	.visual_area .txtBox p strong{ font-size:2.3em; margin-bottom: 10px;}
	
	.topnavWrap{ height:40px;}
	.topnavWrap .innerWrap{ padding-left:0 !important; padding-right:0 !important;}
	.location > li.loc_dep ul{ top:40px;}
	.location > li.home a,
	.location > li > button{ line-height: 40px;}
	.location {position:relative;padding-left:40px;box-sizing:border-box; width: 100%;}
	.location > li.home{position:absolute;left:0;width:40px; margin-left: 0}
	.location > li.home a{width:40px;box-sizing:border-box;border-left:none;}
	.location > li.loc_dep{width: 100%;box-sizing:border-box;min-width:auto;position:static;}	
	/*.location > li:last-child{ width:50%;}*/	
	.location.cols1 > li.loc_dep{ width:100%;}
	.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;}	
	.cont-ctrl-btns { display:none;}
	
}

@media only screen and (max-width:480px) {
	.visual_area{height: 110px;}
	.visual_area .txtBox p{ margin-top: 20px; }	
	.visual_area .txtBox p strong{ font-size:2em; margin-bottom: 8px;}
}


/* content */
.sub_content_wrap {position:relative;width: 1250px;overflow: hidden;margin:0 auto;}
#sub_content{position:relative;overflow: hidden;margin: 55px auto 0 auto;}
#sub_content:after{ content:''; display:block; position:absolute; left:-1px; top:0; width:1px; height:100%; background:#dbdbdb;  z-index: 1}
#page{clear:both; min-height:500px;width: 1100px; margin: 0 auto; padding-bottom: 50px}
.sub_content_wrap p{ margin-bottom:15px;}
.sub_content_wrap li p{ margin-bottom:5px;}
#page.noWrap {width:100%;padding-bottom: 0px}
#page table p{ margin-bottom:0;}

.sub_content_wrap.wildBox #menu{ display:none;}
.sub_content_wrap.wildBox #sub_content{ width:100%;}
.ttl00{clear: both;font-size:2.5em;margin:55px 0 0;position:relative;font-weight: 400;color: #333; text-align: center; line-height: 1.2;}
.ttl00:before{content:''; display:block; position:absolute; top:-15px; left:0; background:url('../images/common/ttl00_ico.png') no-repeat center top; width:100%; height:9px;}
.ttl00 + .section_box{ margin-top:40px;}
.ttl00 + p{ text-align:center; margin-top: 10px; margin-bottom: 0 !important;}
.ttl01{clear: both; font-size:1.47em;color:#333; margin:50px 0 15px; position:relative;}
.ttl01:before{content:''; display:block; position:absolute; top:-8px; left:0; background:#09a0f7; width:45px; height:3px;}
.ttl02{clear: both;font-size:1.2em;color:#09a0f7;margin:40px 0 10px;position: relative;}
.ttl01 span,
.ttl02 span,
.ttl03 span{ display: inline-block; color: #444; font-size: .85em; font-weight: 400;}
.ttl03{clear: both;font-size:1.15em; ;color:#222;margin:20px 0 8px; position: relative;padding-left: 15px;}
.ttl03:before{content:'';display: block;position: absolute;left: 0px;top: 6px;width: 5px;height: 5px; border-radius: 50%; border: 3px solid #09a0f7}
.ttl04{clear: both;font-size:1.1em; ;color:#555;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;}
.ttl01 + .ttl02 { margin-top: 25px}
.ttl02 + .ttl03 { margin-top: 0}


@media only screen and (max-width:1024px) {	
	/* content */	
	.sub_content_wrap { width: 100%; margin: 0 auto;}
	#sub_content {width:100%; min-width: 320px;padding: 20px 0 0;margin:0 auto;float: none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
	#sub_content:after{ display:none;}
		
	.cont-ctrl-btns{display:none;}	
	#sub_content p{ margin-bottom:10px;}	
	
	/* title */
	.title_area h2{font-size: 2.4em;}	
	.title_area{position:relative;margin-bottom: 40px;width: 100%;max-width: 815px;min-width: 320px;padding: 0 15px}	
	.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.6em; color:#111; margin:0 0 8px}

	#page {width: 100%; max-width: 815px;min-width: 320px;padding: 0 15px 25px;}
	#page.noWrap {max-width: 100%;padding: 0;}
	
	.ttl02:before{ top:7px;}
	.ttl02:after{ top:14px;}
}

@media only screen and (max-width:640px) {	
	#sub_content{padding: 15px 0 0;}
	#sub_content p{ margin-bottom:5px;}
	.title_area .location { display: none}
	#page{ min-height:300px;max-width: 100%;}
	
	.title_area span{ margin-bottom:10px;}
	.title_area h2 {font-size: 2em;}
	.title_area{margin-bottom: 30px; max-width: 100%;}
	.ttl00{margin:35px 0 0;line-height:1.2em;font-size: 2em;}
	.ttl02:before, .ttl02:after{ width:4px; height: 4px;}
	.ttl02:before{ top:6px;}
	.ttl02:after{ top:13px;}
}