@charset "utf-8";

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

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

/* header */
#wrap { position:relative; min-width: 1250px;}
.innerWrap{position:relative;width: 1200px;margin:0 auto;  }
.topnav .innerWrap{width:1200px;}
@media only screen and (max-width: 1080px){
	.innerWrap,  #header .innerWrap {width: 100% !important;padding-left: 20px !important;padding-right: 20px !important;}
}
@media only screen and (max-width: 768px){ 
	.innerWrap, #header .innerWrap {padding-left: 15px !important; padding-right:15px !important; max-width: inherit;}
}

#header {width:100%;height: 140px;position:absolute;left:0;top: 0px;z-index: 910;background-color:#fff;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);word-break: keep-all;}
#header a {text-decoration: none;display: block;}
#header:after{content:'';position:absolute;display: block;top: 140px;left:0;width:100%;height: 1px;background: #ededed;opacity:0;transition:opacity .3s, height .3s;-webkit-transition:opacity .3s, height .3s;}
.gnb_wrap{position:relative;width:100%;}
#mGnb { display:none;}

/* topGroup */
.topGroup{height: 40px;background: #f7f7f7;}
.otherSite {position:relative;float:left;overflow:hidden;}
.otherSite li{float:left;/* width: 165px; */-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;position: relative;}
.otherSite li a{color: #717171;font-size:13px;text-align: center;display: inline-block;line-height: 40px;height: 40px;width: 100%;padding: 0 15px;}
.otherSite li:nth-child(1):after{content:'';display: block;position: absolute;right: -10px;top:0;width: 0px;height: 0px;border-bottom: 40px solid #efefef;border-left: 0px solid transparent;border-right: 10px solid transparent;}
.otherSite li:nth-child(1){background:#fff;}
.otherSite li:nth-child(1) a {color: #555;}
.otherSite li:hover a{ color:#222e82;}

/* logo */
#header .logo {display: table;position:absolute;top: 0px;left: 0;line-height:0;width: 325px;height: 100px;z-index: 10;}
#header .logo a {display:table-cell;vertical-align: middle;width: 100%;box-sizing:border-box;background: url('../images/common/ci.png') no-repeat 0% 50%;font-size: 0;}

/* topBox */
#header .topBox{ /* height: 40px; */display: none;}


/* util */
#header .util{position:absolute;top: 31px;right: 0;z-index: 1;}
#header .util > li{float:left;height: 38px;position: relative;margin-left: 10px;}
#header .util > li:first-child{margin-left:0;}
#header .util > li > a, #header .util > li > button{display: block;width: 38px;height: 38px;padding: 0;line-height: 36px;font-size: 0;}
#header .util li a:hover,
#header .util li a:focus{ color:#111;}

/* member_area */
.member_area a{background: url('../images/common/ico_my.png') no-repeat 50% 50%;background-size: 23px;}
.member_area a:hover, .member_area a:focus { background-image: url('../images/common/ico_my_on.png');}

/* bn_siteMap */
.bn_siteMap{width: 38px;height: 38px;display:table;vertical-align:middle;text-align:center;}
.bn_siteMap a{width: 100%;height: 100%;vertical-align:middle;margin:0 auto;display: table-cell !important;}
.bn_siteMap span{font-size:0;position:absolute;top:50%;left:50%;/* transform: translate(-50%, -50%); *//* transform:translate(-50%, -50%); */margin-left: -10px;display:inline-block;width: 55%;height: 3px;background: #323232;transition:all .5s cubic-bezier(.5,0,0,1) 0s;-webkit-transition:all .5s cubic-bezier(.5,0,0,1) 0s;}
.bn_siteMap span:before,
.bn_siteMap span:after{content:'';position:absolute;top:-4px;left:0;background: #222;height: 3px;transition:all .5s cubic-bezier(.5,0,0,1) 0s;-webkit-transition:all .5s cubic-bezier(.535,0,0,1) 0s;}
.bn_siteMap span:before{transform: translateY(-7px);width:100%;top: 0px;}
.bn_siteMap span:after{transform: translateY(7px);width:100%;top: 0px;}
.bn_siteMap a:hover span:before, .bn_siteMap a:focus span:before{ width:65%;}
.bn_siteMap a:hover span:after, .bn_siteMap a:focus span:after{ width:55%;}

/* quickmenu */
.quick_menu{position: fixed;right: 20px;bottom: 20px;width: 50px; z-index: 10;}
.quick_menu ul li{padding:0;margin: 0 0 5px 0;border-radius: 50px;}
.quick_menu ul li a{display:block;width:100%;height: 50px;border-radius: 50px; border:2px solid #ad3dd1; text-align:center;box-sizing:border-box;background: #fff url('../images/common/ico_quick.png') no-repeat 0 0;transition-duration:0.4s;line-height:1.2;font-size: 0;box-shadow:0px 5px 10px rgba(0,0,0,0.25);}
.quick_menu ul li:last-child a{ margin-bottom:0;}
.quick_menu ul li.ico_k a{background-position: 0px 0px;background-color:#fae100 !important; border-color:#fae100 !important;}
.quick_menu ul li.ico_y a{background-position: -50px 0px;background-color:#d82423; border-color:#d82423;}
.quick_menu ul li.ico_b a{background-position: -100px 0px;background-color:#42d31a; border-color:#42d31a;}
.quick_menu ul li.ico_f a{background-position: -150px 0px; background-color:#4961b0; border-color:#4961b0;}
.quick_menu ul li.ico_i a{background-position: -200px 0px; background-color:transparent; border-color:transparent;}
.quick_menu ul li.colse a{background-position: -250px 0px;background-color:#444; border-color:#444;}
.quick_menu ul li.ico a{background-color:#ad3dd1;}
.quick_menu ul li.ico_i{background:url('../images/common/ico_instarBg.jpg') no-repeat 0 0; background-size:cover;}
.quick_menu ul li a:focus,
.quick_menu ul li a:hover{background-image: url('../images/common/ico_quick_on.png');color:#fff;background-color:#fff;box-shadow:0px 5px 10px rgba(0,0,0,0.3);}
.quick_menu ul li.ico_i a:hover{background-color:#fff; border-color:#d62f80;}
.quick_menu.on{ top:10px;}
.quick_menu.over{/* top: 20px; */right: 20px;}

/* btn-top */
.quick_menu .btn-top {width: 50px;height: 50px;overflow:hidden;background: #e94e1e url('../images/common/toTop.png') center center no-repeat; border-radius: 50%;display: block;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;z-index: 11; box-shadow:0px 5px 10px rgba(0,0,0,0.15);}
.quick_menu .btn-top span{font-size: 0;}
.quick_menu .btn-top:hover, .quick_menu .btn-top:focus{box-shadow: 0 3px 10px rgba(0,0,0,0.3); } 

/* gnb menu */
#gnb {text-align: center;position: relative;/* padding-right: 95px; *//* float: right; */} /*메뉴위치*/
#gnb:after {display:block; content:""; clear:both;}
#gnb > li {text-align:center;float:left;display: block;width: 16.66666666%;/* position: relative; */}
#gnb > li:nth-last-child(2),
#gnb > li:last-child,
#gnb > li.pc_non{ display:none;}
#gnb > li .tit{ position: absolute; top:0;}
#gnb > li:nth-child(1) .tit{right:695px;}
#gnb > li:nth-child(2) .tit{right:580px;}
#gnb > li:nth-child(3) .tit{right:465px;}
#gnb > li:nth-child(4) .tit{right:325px;}
#gnb > li:nth-child(5) .tit{right:215px;}
#gnb > li:nth-child(6) .tit{right:120px;}
#gnb > li .tit > a {color: #111;font-size: 1.25em;font-weight: 700;display:block;line-height: 101px;padding: 0 20px;position: relative;letter-spacing:-0.05em;}
#gnb > li .tit a:hover,
#gnb > li .tit a:focus,
#gnb > li .tit a:active,
#gnb > li:hover .tit a,
#gnb > li.on .tit a{color: #e94e1f !important;}
#gnb > li .tit a::after{content:'';position:absolute;top: 35px;right: 5px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width: 7px;height: 7px;border-radius: 50%;background: #e94e1f;opacity:0;transition:width .3s, opacity .3s;-webkit-transition:width .3s, opacity .3s;z-index: 6;}
#gnb > li .tit a:hover:after, 
#gnb > li .tit a:focus:after,
#gnb > li .tit a:active:after,
#gnb > li:hover .tit a:after,
#gnb > li.on .tit a:after {/* width:100%; */opacity:1;}

/* 하위메뉴 */
#gnb > li > div {display: none;/* display: block !important; */padding: 1.8em 1em 0 1.5em;height: 219px;margin-top: 100px;text-align: left;border-left: 1px solid #ededed;}
#gnb .sTit a{ display: block;position:relative; font-size:17px; font-size: 1.05em; color:#111;font-weight: 500;}
#gnb .sTit a:after{ content:''; display:inline-block; width:6px; height:10px; margin-left: 10px;background: url('../images/common/sTit_arrow.svg')no-repeat 0 0; }
#gnb .depth2{position:relative;overflow:hidden;margin:0 !important;width:100%; transition:opacity .3s, height .3s;-webkit-transition:opacity .3s, height .3s;padding-top: 0.5em;opacity:1;height: 100%;}
#gnb > li.over > div {background: #fefaf8;z-index:10;}
#gnb > li:nth-child(6) .ulWrap{border-right:1px solid #ededed;}
#gnb > li > .ulWrap > ul > li{display: block;transition:color .3s;-webkit-transition:color .3s;}
#gnb > li > div > ul > li > a {display: inline-grid;display: -ms-grid;vertical-align: top;position: relative;color: #666;font-size: 0.95em;line-height: 1.4em;padding: 4px 0px;margin: 0;font-weight: 500;letter-spacing: -0.04em; }

#gnb li.on .sTit a:after,
#gnb li:hover .sTit a:after,
#gnb li:focus .sTit a:after,
#gnb li:active .sTit a:after{ animation:ani_bn 1s forwards Infinite; -webkit-animation:ani_bn 1s forwards Infinite;}
#gnb > li > .ulWrap > ul > li > a:focus,
#gnb > li > .ulWrap > ul > li > a:active,
#gnb > li > .ulWrap > ul > li > a:hover{ text-decoration:underline;}

#gnb > li > .ulWrap > ul > li.target a:after,
#gnb > li > .ulWrap > ul > li a[target="_blank"]:after{content:'';display:inline-block;margin: -3px 0 0 10px;background:url('../images/common/ic_blank_b.gif') no-repeat 0 0;width:14px;height:14px;vertical-align: middle;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);}
#gnb > li > .ulWrap > ul > li.target > a:focus:after,
#gnb > li > .ulWrap > ul > li.target > a:active:after,
#gnb > li > .ulWrap > ul > li.target > a:hover:after,
#gnb > li > .ulWrap > ul > li a[target="_blank"]:focus:after,
#gnb > li > .ulWrap > ul > li a[target="_blank"]:active:after,
#gnb > li > .ulWrap > ul > li a[target="_blank"]:hover:after{ background-image:url('../images/common/ic_blank.gif')}
/*#gnb > li > .ulWrap > ul > li.target a:hover:after,
#gnb > li > .ulWrap > ul > li a[target="_blank"]:hover:after{margin-top: 0px;}*/
#gnb > li > .ulWrap > ul > .arrow.on .depth3,
#gnb > li > .ulWrap > ul > .arrow .depth3{display: none;}

/* #header.on */
#header.on{height: 360px;}
#header.on:after{opacity:1; }

/* block */
#mobileblock, #pcblock{position:fixed;z-index:50;top: 0px;left:0;width:100%;height:100%;background: rgba(0,0,0,0.6);display:none;}
.gnbblock{position:fixed; z-index:50; top:0px; left:0; width:100%; height:100%; background: rgba(0,0,0,0.6); display:none;}

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

/* footer */
#footer{position:relative;padding: 50px 0;background: #f2f2f2;border-top: 1px solid #e1e1e1;overflow: hidden;}
#footer .foot_ci { display: block; position: absolute; left: 0; top: 0; }
#footer .foot_util{margin-bottom: 15px;overflow:hidden;}
#footer .foot_util > li{float:left;position:relative;}
#footer .foot_util > li:last-child {margin-right: 0px;}
#footer .foot_util > li > a{font-size: 1em;line-height: 35px;display: inline-block; color: #4a4a4a; padding-right: 20px;}
#footer .foot_util > li:first-child > a{font-weight:500;}
#footer .foot_util > li > a:focus,
#footer .foot_util > li > a:hover{ color:#111; }

#footer .info {position: relative;color: #797979;padding-left: 400px;font-size: 1.125em;}
#footer .info address{display: block; clear: both;}
#footer .info address span:first-child{display:block;}
#footer .info address span:first-child:after{display:none;}
#footer .info address span{display: inline-block;line-height: 1.2em; font-size: 0.9em;}
#footer .info address span em{ display:inline-block;}
#footer .info address span b{font-weight: 300;}
#footer .info address span:after,
#footer .info address span em:after{content:'·';display:inline-block;margin: -5px 0.5em 0 0.5em;vertical-align: middle; color: #838383;}
#footer .info address span em:last-child:after,
#footer .info address span:last-child:after{ display:none;}
#footer .info address span b{ display:inline-block; padding-right:5px;}
#footer p.copyright {clear:both;margin-top: 10px;letter-spacing: -0.03em;line-height: 1.2em;font-size: 0.75em;/* font-size: 12px; */color: #797979;}


@media only screen and (max-width: 1080px) {
	body{font-size: 15px;}
	.bn_siteMap, #header:after, #gnb .sTit a, #gnb > li > .ulWrap > ul > li > a:after{display: none !important;}
	#container {padding-top: 120px;}
	#header .headerWrap{width:100%;margin:0 auto;}
	
	#wrap{width:100%;min-width: 280px;margin:0 auto; }
	#header {height: 120px;background: #fff;top: 0;}
	#header.on{height:auto; background:#fff;}
	#header.on:after{height: 1px;top: 80px;opacity: 1; display: none;}
	
	#header .util{right:80px; top:0px;}
	#header .util > li {height:auto;}
	.member_area a{ width:80px !important; height: 80px !important; background-position: 100% 50%;}
	.quick_menu, .quick_menu.over{top: auto !important;bottom: 10px !important;right: 10px !important;}
	
	/* logo */
	#header .logo {left: 20px;height: 80px;width: 280px;padding: 10px 0;}
	#header .logo a{height: 100%;top:0;background-size:contain;background-position: 50% 50%;}
		
	/* mGnb */
	#mGnb {display: table;position:absolute;right: 0;top: 0px;z-index: 999;overflow:hidden;width: 80px;height: 80px;font-size:0;/* background: #33599f; */}		
	#mGnb a{ width: 80%; position: relative;height: 100%;vertical-align: middle;margin: 0 auto;display: table-cell !important;}
	#mGnb span{font-size: 0;position: absolute;top: 50%;left: 50%;/* -webkit-transform: translate(-50%, -50%); *//* transform: translate(-50%, -50%); */margin-left: -16px;display: inline-block;width: 40%;height: 3px;background: #323232;transition: all .5s cubic-bezier(.535,0,0,1) 0s;-webkit-transition: all .5s cubic-bezier(.535,0,0,1) 0s;border-radius: 4px;}
    #mGnb span:before,
	#mGnb span:after{content:'';position:absolute;top:-4px;left:0;background: #323232;height: 3px;transition:all .5s cubic-bezier(.535,0,0,1) 0s;-webkit-transition:all .5s cubic-bezier(.535,0,0,1) 0s;border-radius: 4px;}
	#mGnb span:before{transform:translateY(-5px);width: 100%;top:-4px;}
	#mGnb span:after{transform:translateY(5px);width: 100%;top:4px;}
	#mGnb a:hover span:before, #mGnb a:focus span:before{width: 72%;}
	#mGnb a:hover span:after, #mGnb a:focus span:after{width: 72%;}
	    
	#mGnb.mGnbOn{position:fixed;top:0px;left: inherit;right: 0;width: 80px;height: 80px;border-left: 1px solid rgba(255,255,255,0.15);}
	#mGnb.mGnbOn span{top: 34px;height: 0;background: #fff;}	
	#mGnb.mGnbOn span:before,
	#mGnb.mGnbOn span:after{top: 50%;width: 100% !important;background: #fff;}
	#mGnb.mGnbOn span:before{-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg); }
	#mGnb.mGnbOn span:after{-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg); }
	
	/* topBox */
	#header .topBox{ display: block;overflow: hidden; background: #e94e1e; color:#fff;height: 80px;}
	#header .topBox .ci_mb{ display: block !important; margin:0 auto; background: url('../images/common/ci_w.png') no-repeat 50% 50%;height: 100%; font-size:0; background-size:270px;}
				
	/* gnb menu */
	.gnb_wrap {position:fixed;right: -100%;top: 0px;width: 80%;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%;overflow:hidden;overflow-y:auto;z-index:3;}	
	#gnb > li:first-child .tit > a{ font-weight:500;}
	#gnb > li:first-child .ico-dot{display:none;}
	#gnb {position:static;float:none;padding-right:inherit;width:100%;height: 100%;right: inherit; margin-bottom: 5em; padding:0;}
	#gnb > li {visibility:inherit;position:static;margin:0;padding:0;background:none;text-align:left;float:none;display: block;border-bottom: 1px solid #ddd;border-right:none;width: 100% !important;}
	#gnb > li .tit{ position:relative; right:inherit !important; top:inherit;}
	#gnb > li:nth-last-child(2),
	#gnb > li:last-child,
	#gnb > li.pc_non{display: block;}
	#gnb > li .tit > a{color: #222 !important;background: url(../images/common/ico_mgnb.png) no-repeat right 25px center;font-size: 1.25em;height: 3em;line-height: 3em;padding: 0 0 0 1em;width:auto !important;position:relative;font-weight: 500;} 

	#gnb > li .tit > a:hover, 
	#gnb > li .tit > a:focus,
	#gnb > li .tit > a:active,
	#gnb > li:hover .tit a,
	#gnb > li.over .tit a,
	#gnb > li.on .tit a{color: #fff !important;background-image: url(../images/common/ico_mgnb_on.png);background-color: #f38400;}
	#gnb > li .tit a::after{display:none;}
			
	#gnb > li > div {left: inherit !important;top: inherit !important;min-width: inherit;margin:0;padding: 0px 0;border:0;background-color: #fefaf8;box-shadow:none;visibility: visible;position: relative !important;height: 100%;width: 100% !important;}
	#gnb > li > div > ul > li {margin:0;width:auto;float: none !important;}
	#gnb > li > div > ul > li:before{ display:none;}	
	
	/* depth2 */
	#gnb > li .ulWrap { display:none;}
	#gnb > li.over .ulWrap { display:block; border:none; }
	#gnb > li.over .depth2{ display:block;}	
	#gnb .depth2{border-left:none;height:auto;padding: 0 !important;width:100%;float:none !important;display:block;margin-left: 0 !important;margin-right: 0 !important;border-top: 1px solid #e2e2e2;}
	#gnb .depth2 li:first-child:after,
	#gnb .depth2 li:first-child:before{ display:none;}	
	#gnb > li > div > ul > li > a {display:block;margin:0;border-top: 1px solid #edd;padding: 0.9em 1em;line-height: 1.25em;background-position: left 15px center;font-size: 1.125em;text-align: left;color: #555;}	
	#gnb > li > div > ul > li > a:hover,
	#gnb > li > div > ul > li > a:focus,
	#gnb > li > div > ul > li > a:active,
	#gnb > li > div > ul > li.on > a{ text-decoration:underline; color: #e94e1f !important;}		
	#gnb > li > div > ul > li:first-child > a{border-top:0}
	#gnb .depth2:before{ display:none;}
	
	/* depth3 */
	#gnb > li > div > ul > li > ul{display: block !important;background: #fff;padding: 0.58em 1em 0.8em 1em;overflow: hidden;margin: 0;font-size:1em;border-top: 1px solid #ebebeb; letter-spacing:-0.05em;height: 100%;}
	#gnb > li > div > ul > li > ul li{line-height:24px;float: left;width: 50%;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;text-align: left;}
	#gnb > li > div > ul > li > ul li a:before{content:'';display:block;background: #abadb3;width:5px;height:1px;position:absolute;top: 13px;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;}
	
	/* footer */	
	#footer {padding: 30px 0 40px 0;}
	#footer .foot_ci{position:relative; left:inherit; top:inherit; text-align: center;}
	#footer .foot_ci img{ width: 250px;}
	#footer .info{padding: 0;text-align: center;float: none;width: 100%;clear: both;}
    #footer .foot_util {min-height: inherit;margin: 20px 0 15px 0;}	
	#footer .foot_util > li{float: none !important;display: inline-block !important;vertical-align: top;}
	#footer .foot_util > li > a{font-size: 1.1em;line-height: 1em;}    
	#footer .info address{margin: 10px 0;}	
	#footer .info address span{ margin-bottom: 0;}
}
@media only screen and (max-width:768px) {	
	body{font-size: 14px;}
	#container {padding-top: 100px;}	
	#header{height: 100px;}
	
	/* logo */
	#header .logo {left: 15px;width: 240px;height: 60px; padding: 0;} 
	
	/* quickmenu */	
	.quick_menu, .quick_menu.over{width: 40px;}
	.quick_menu ul li a{ height: 40px;width: 40px;}
	.quick_menu ul li.ico_k a{background-position: -6px -5px;}
	.quick_menu ul li.ico_y a{background-position: -53px -2px;}
	.quick_menu ul li.ico_b a{background-position: -105px -5px;}
	.quick_menu ul li.ico_f a{background-position: -153px -2px;}
	.quick_menu ul li.ico_i a{background-position: -203px -2px;}
	.quick_menu ul li.colse a{background-position: -253px -2px;}
	.quick_menu .btn-top.on,
	.quick_menu .btn-top {width:40px;height: 40px;   } 
    
	/* mGnb */
	#mGnb span{ margin-left: -12px;}
	#mGnb span, #mGnb span:before, #mGnb span:after{/* background-color:#fff; */}
    #mGnb span:before{top:-2px;}
	#mGnb span:after{top:2px;}	
	#mGnb{width: 60px;height: 61px;}
	#mGnb.mGnbOn{height: 60px;width: 60px;}
	#mGnb.mGnbOn span{top: 30px; }
	
	/* topBox */
	#header .topBox{height: 60px;}
	#header .topBox .ci_mb{height:60px;background-size: 220px;background-position: 20px 50%;}
	
	/* topGroup */
	.topGroup .top_util{padding-right: 65px; display: none;}
	#header .util{right:60px;}
	.member_area a{ width:60px !important; height: 60px !important;}
	
	/* Gnb */
	.gnb_wrap{width:90%;}
	#gnb > li.on .tit a,
	#gnb > li .tit > a:hover, 
	#gnb > li .tit > a:focus,
	#gnb > li .tit > a:active,		
	#gnb > li .tit > a{padding-left:15px;}
	#gnb .depth2{padding: 0;height: calc(100% - 260px);}
	
	/* footer */		
	#footer{padding: 25px 0 35px 0;}	
	#footer .foot_ci img{ width:195px;}
	#footer .info address{width:100%;}
	#footer .info address span{margin-bottom: 0;line-height: 1.4em;}
	#footer .info address span:after{display:none;}

	
	#footer .foot_util{ margin: 15px 0;}	
	#footer .foot_util > li > a{ font-size:1em;padding-right: 10px;} 
	#footer .foot_util > li:after{margin: -0.05em 0.5em 0 0.5em;}

}
@media only screen and (max-width:550px) {
    #footer .foot_util > li:after {margin: -0.05em 0.3em 0 0.5em;}
    #footer .foot_util > li > a{letter-spacing:-0.05em;padding-right: 5px;}
}
@media only screen and (max-width:480px) {	
	#container {padding-top: 90px;}	
	#header{height: 90px;}
	.gnb_wrap{ width:100%;}

	.topGroup{height:35px;}
	#header .topGroup .innerWrap{padding:0 !important;}
	.otherSite li a{height:35px;line-height: 35px;font-size: 12px;padding: 0 12px;}
	.otherSite li:nth-child(1):after{border-bottom: 35px solid #efefef}
	
	/* logo */
	#header .logo { padding: 10px 0;width: 200px;height: 55px;}
	
	/* topBox */
	#header .topBox,
	#header .topBox .ci_mb{ height:55px;background-position: 15px 50%;}	
	#header .topBox .ci_mb >a{height:55px;}	
	
	/* mGnb */
	#mGnb{width: 55px;height: 56px;}
	#mGnb.mGnbOn{height: 55px;width: 55px;}
	#mGnb.mGnbOn span{top: 26px;}
	
	#gnb > li .tit > a{line-height: 2.75em;height: 2.75em;font-size:1.2em;}
	#gnb > li > div > ul > li > a{font-size: 1.15em;padding: 0.6em 1em;}
	
	/* util */	
	#header .top_util{padding-right: 60px;}
	#header .util{ right:55px;}
	.member_area a{ width:55px !important; height:55px !important;}
	
  	 #footer{padding: 20px 0 30px 0;}
	#footer .foot_util{margin: 15px 0 13px 0;} 
	#footer p.copyright{margin-top: 10px;}	
	#footer .info address span{ display: block;}
	#footer .info address span em{display: block; margin-bottom: 1px;}
	#footer .info address span:after, #footer .info address span em:after{display: none;}
}

	
/*
================================================================================
SUB LAYOUT
================================================================================
*/
/* visual_area */
.visual_area{position: relative;height: 250px; background-position: 50% 100%;background-repeat: no-repeat;background-size:cover !important;z-index: 1; border-radius: 0 0 0 12em;border-radius: 0 0 0 200px; overflow: hidden; }
.visual_area:before, .visual_area:after { content:''; display: block;background-repeat: no-repeat;position: absolute; z-index: 1;background-size: cover; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
.visual_area:before{background-image:url('../images/sub/bg_dot1.svg'); bottom:-50px; left: 5em;width: 200px;height: 200px;	animation:ani_dot 8s ease-in Infinite Alternate;-webkit-animation:ani_dot 5s ease-out Infinite Alternate;opacity: 0;}
.visual_area:after{background-image:url('../images/sub/bg_dot2.svg'); top:-50%; right: 3em;width: 270px;height: 270px;opacity: 0;	animation:ani_dot2 5s ease-in Infinite Alternate;-webkit-animation:ani_dot2 5s ease-out Infinite Alternate;}
.visual_area .innerWrap{display:table; background-position: 100% 100%;height: 100%; background-repeat:no-repeat; /*background-image:url('../images/sub/sub_visual_pic.png');*/z-index: 2;}
.visual_area .innerWrap:after{  content:''; display:block;width: 100%;  height:250px;background:url('../images/sub/sub_visual_pic.png') no-repeat 100% 100%;position:absolute; right: -55px; bottom:-50px; opacity: 0; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
.visual_area.topImg01{background: linear-gradient(90deg, #addd53, #5ea346 35%);}
.visual_area.topImg02{background: linear-gradient(90deg, #addd53, #00a7aa 35%);}
.visual_area.topImg03{background: linear-gradient(90deg, #addd53, #0085c0 35%);}
.visual_area.topImg04{background: linear-gradient(90deg, #ff9275, #5d4cb6 35%);}
.visual_area.topImg05{background: linear-gradient(90deg, #ff9275, #964e90 35%);}
.visual_area.topImg06{background: linear-gradient(90deg, #ff9275, #c35767 35%);}
.visual_area.topImg07,
.visual_area.topImg08{background: linear-gradient(90deg, #a19390, #717d8d 35%);}/*
.visual_area.topImg01 .innerWrap {background-image: url('../images/sub/sub_visual_pic_01.png'); }
.visual_area.topImg02 .innerWrap {background-image: url('../images/sub/sub_visual_pic_02.png'); }
.visual_area.topImg03 .innerWrap {background-image: url('../images/sub/sub_visual_pic_03.png'); }
.visual_area.topImg04 .innerWrap {background-image: url('../images/sub/sub_visual_pic_04.png'); }
.visual_area.topImg05 .innerWrap {background-image: url('../images/sub/sub_visual_pic_05.png'); }
.visual_area.topImg06 .innerWrap {background-image: url('../images/sub/sub_visual_pic_06.png'); }
.visual_area.topImg07 .innerWrap {background-image: url('../images/sub/sub_visual_pic_etc.png'); }*/

.start .visual_area:before,
.start .visual_area:after{ opacity: 0.1;}
.start .visual_area .innerWrap:after{ bottom:0; opacity: 1;}

.visual_area .txtBox{margin: 105px 0 30px 0;color: #fff; }
.visual_area .txtBox .tit{font-size: 2.8em;line-height: 1em;/* display:block; *//* position: absolute; *//* top: 57%; */left: 0;/* margin-bottom: 5px; */font-weight: 500;letter-spacing: 0;} 
.visual_area .txtBox span{display:block;font-size: 1em;line-height: 1em;/* text-transform: uppercase; */font-weight: 300;letter-spacing: 0.03em;opacity: 0.5;}

.lnbWrap {position: relative;height: 60px;width: 1200px;margin: 0 auto;}
.lnbWrap .lnb{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;bottom:0;width:100%;/* background-color:#fff; */z-index:10;border-radius: 22px 22px 0 0;/* overflow: hidden; */}
.lnbWrap .lnb.mobile{display:none;}
.lnbWrap .lnb .home{width: 65px;height: 60px; border-radius:22px 0 0 0;display: none;}
.lnbWrap .lnb .home a{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; width:100%; height:100%; border-right:1px solid rgba(255,255,255,0.15);}
.lnbWrap .lnb > ul li{float:left;}
.lnbWrap .lnb > ul li a{position:relative;margin: 0 30px 0 0px;height:100%;line-height: 80px; display: block; font-weight:500; font-size: 1.45em;color: rgba(255,255,255,0.6);}
.lnbWrap .lnb > ul li a:after{ content:''; display:block; width:7px; height:7px; background:#fff; position:absolute; right: -12px;top: 17px; border-radius:50%;opacity: 0;-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;}
.lnbWrap .lnb > ul li a:hover,
.lnbWrap .lnb > ul li a:focus,
.lnbWrap .lnb > ul li.on a{color: #fff; text-decoration: none; }
.lnbWrap .lnb > ul li a:hover:after,
.lnbWrap .lnb > ul li a:focus:after,
.lnbWrap .lnb > ul li.on a:after{ opacity:1;}
.lnbWrap .lnb ul li .depth3{display: none;}


@media only screen and (max-width:1500px){	
	.visual_area{border-radius: 0 0 0 150px;}
}
@media only screen and (max-width:1400px){	
	.visual_area{ border-radius: 0;}
}
@media only screen and (max-width:1080px){	
	.sub_util{display:none;}
	.visual_area{height: 200px;border-radius: 0 0 0 0px; }	
	.visual_area:before{width:100px; height:100px; left: -20px;}
	.visual_area:after{ width:150px; height:150px; right:0;top: -40%;}
	.visual_area .innerWrap:after{ background-size: auto 65%;right: -50px;}	
	.visual_area .innerWrap{padding: 0 !important;}
	.visual_area .txtBox{ margin: 92px 0 20px 0;padding-left: 20px;}
	.visual_area .txtBox .tit{ left:20px;font-size: 2.5em;}
	.lnbWrap{height: 50px; width: 100%; margin: 0; background: rgba(15, 28, 50, 0.8);z-index: 1;padding: 0 20px;}
	.lnbWrap .lnb > ul li a{ font-size: 1.1em;line-height: 50px;margin-right: 25px;}
	.lnbWrap .lnb > ul li a:after{ width:5px; height:5px;}
		
	
}
@media only screen and (max-width:768px){	
	.visual_area{/* border-radius:0 0 0 30px; */height: 50px; overflow: inherit; }
	.visual_area .lnb.pc,
	.visual_area .txtBox{display:none;}
	.visual_area:before{ width: 30px; height: 30px;bottom: -10px;left: -8px; display:none;}
	.visual_area:after{ width: 50px; height: 50px;right: -5px;top: -5px; display:none;}	
	.visual_area .innerWrap{  padding:0 !important;background-image:none  !important;}
	.visual_area .innerWrap:after{ display:none;background-size: 280px;}
	.lnbWrap .lnb > ul li a{ font-size:1.05em;line-height: 50px;margin-right: 30px;}
	.lnbWrap .lnb > ul li a:after{ width:5px; height:5px;}
	.visual_area .lnb .home{width:50px; height:50px;display: block;}
	.visual_area .lnb.mobile{display:-webkit-box;display:-ms-flexbox;display:flex; bottom: inherit;height:100%;/* display: none; *//* background: rgba(255,255,255,0.95); */}
	.visual_area .lnb.mobile .large{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width: calc(50% - 25px);padding:0 30px;-webkit-box-sizing:border-box;box-sizing:border-box;font-weight:500;color: #fff;}
	.visual_area .lnb.mobile .small{position:relative;width: calc(50% - 25px);-webkit-box-sizing:border-box;box-sizing:border-box;}
	.visual_area .lnb.mobile .small::after{content:''; display:block; width:6px; height:10px; background:url('../images/common/icon_arrow3.png') no-repeat 50%; position:absolute; right:30px; top:50%; -webkit-transform:rotate(90deg) translateX(-50%); -ms-transform:rotate(90deg) translateX(-50%); transform:rotate(90deg) translateX(-50%); -webkit-transition:all 0.6s; -o-transition:all 0.6s; transition:all 0.6s; background-size:contain;}
	.visual_area .lnb.mobile .small.active::after{-webkit-transform:rotate(270deg) translateX(50%);-ms-transform:rotate(270deg) translateX(50%);transform:rotate(270deg) translateX(50%);}
	.visual_area .lnb.mobile .small span{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;  width:100%; height:100%; padding: 0 30px; -webkit-box-sizing:border-box; box-sizing:border-box; border-left: 1px solid rgba(255,255,255,0.15); font-weight:500; color: #fff;}
	.visual_area .lnb.mobile ul{position:absolute;width:calc(100% - 2px);background-color:#fff;border:1px solid #f2f2f2;display:none; left:0;z-index: 99;box-shadow: 0 3px 3px rgba(0,0,0,0.15);}
	.visual_area .lnb.mobile ul li{ /* border-bottom:1px solid #f2f2f2; */ -webkit-box-sizing:border-box; box-sizing:border-box; width:100%; -webkit-transition:0.6s; -o-transition:0.6s; transition:0.6s;}	
	.visual_area .lnb.mobile ul li a{ padding: 15px 20px;background: url('../images/common/ico_next.svg') no-repeat right 20px center;background-size: 5px;display: block;border-bottom: 1px solid #f2f2f2;}
	.visual_area .lnb.mobile ul li:last-child a{border-bottom:0;}
	.lnbWrap{ width:100%;background: none; padding:0;}	
	.lnbWrap .lnb, .visual_area .lnb .home{border-radius:0;}
}
@media only screen and (max-width:480px){	
	.visual_area{/* padding-top:60px; */ }	
	.visual_area .inr::after{width:360px; height:130px; right:50%; transform:translateX(50%);}
	.visual_area .lnb.mobile .small{border-left:0; width: calc(55% - 15px); position: unset;}
	.visual_area .lnb.mobile .large,
	.visual_area .lnb.mobile .small span{ padding:0 20px;}
	.visual_area .lnb.mobile .small::after{right:20px}
	.visual_area .lnb.mobile ul{left: 0; width:100%;}

}
/* sub_util */
.sub_util{position: absolute;right: 0;top: 0; z-index: 1;}
.sub_util .print {display: inline-block;border: 1px solid #fff;border-radius: 15px; -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; }
.sub_util .print button {overflow:hidden;width: 70px;height: 28px;line-height: 28px;vertical-align: middle;color: #fff;font-size: 0.88em;}
.sub_util .print button:before{content:'';display:inline-block;vertical-align: middle;width: 16px;height: 14px;margin-right: 5px;background-image:url('../images/common/print_sprite.png');background-position:left top;}
.sub_util .print button span{ display:inline-block; vertical-align: middle;}
.sub_util .print:hover{background-color:#363c5a; border-color:#363c5a; }

/* location */
.location {line-height: 60px;font-size: 0.88em;display: inline-block;margin-right: 5px;}
.location span {display:inline-block;vertical-align: middle;padding: 0 10px 0 15px;background: url(../images/common/icon_location_arrow.png) no-repeat 0px 48%;color: rgba(255,255,255,0.6);}
.location a{display:inline-block; vertical-align:top; }
.location a.home{margin-right: 5px;}
.location a.home img {vertical-align:middle; margin-top:-3px;}

/* title_area */	
.title_area{position: relative;padding: 0 0 50px 0;display: none;}
.title_area h3{font-size: 2.1em;line-height: 1em;font-weight: 700;color: #111; text-align: center; text-transform: uppercase;}
.title_area .desc{ font-size:1.125em; margin-top:20px; color:#555;}
@media only screen and (max-width:768px){	
    .location{line-height: 45px;}
    .location span{font-size:0.9em;}
}



/* content */
#sub_content{position:relative;width: 100%;padding:0; margin: 70px auto 0px auto;}
#page{clear:both;min-height:500px;margin: 0 auto;padding-bottom: 70px; width:1200px;font-size: 1.15em;}
#page .title_area{display:block;}
#page.wide{ width:100%;}
.wideBox{ padding:70px 0; margin-top: 100px;}
.wideBox.bg01{background:#f3f3f3;}
.wideBox .inner{width:900px; margin: 0 auto;}
#page table p{ margin-bottom:0;}

#page .ttl01:first-child, #page .ttl02:first-child{ margin-top: 0 !important;}
.ttl00{ clear: both; font-size:2.185em; font-weight: 700;color: #222;margin:100px 0 40px;letter-spacing:-1px;}
.ttl01{clear: both;font-size: 1.55em;font-weight: 700;color: #222;margin:100px 0 15px;letter-spacing:-1px;}
.ttl01.tC{text-align:center;}
.ttl01.tC + p{text-align:center;margin-bottom: 45px;}
.ttl02{ overflow: hidden;clear: both;font-size: 1.35em;/* font-size: 22px; */font-weight: 500;color: #333;margin:50px 0 10px;letter-spacing:-1px; position:relative;}
.ttl01 span, .ttl02 span, .ttl03 span{ display: inline-block; margin: 0; vertical-align: middle;color: #717171; font-weight: 400; margin-left: 5px;}
.ttl01 span{font-size: .6em;}
.ttl02 span{font-size: .75em;}
.ttl03 span{font-size: .8em;}
.ttl03{clear: both;font-size: 1.25em;color: #333;margin:20px 0 10px;font-weight: 500;letter-spacing:-1px;}
.ttl_check {position: relative;display: block;margin-bottom: 6px;padding-left: 20px;font-size: 1.1em;font-weight: 500;color: #333}
.ttl_check:before {content: '';position: absolute;top: 6px;left: 0;width: 15px;height: 13px;background: url(../images/board/icon_check.gif);background-size: 100%}


.ttl01 + .ttl02 { margin-top: 25px;}
.ttl02 + .ttl03 { margin-top: 0;}
.ttl01 span.txt_sm{ font-size:0.7em; padding-left: 10px;}
.ttl01 span .button, .ttl02 span .button, .ttl03 span .button { margin-bottom: 0;}
.ttl01 + div, .ttl02 + div, .ttl03 + div{margin-top: 0;}


@media only screen and (max-width:1080px) {
	
	/* content */	
	#sub_content {margin: 50px auto 0px auto;float: none;}
	#sub_content:after{ display:none;}
	
	/* title */
	.title_area{position:relative;width: 100%;padding: 0 0 40px 0;}	
    .sub_util{right: 20px;}
	#page {width: 100%;/* padding-bottom: 45px; */ padding: 0 20px 45px 20px;font-size: 1.1em;}
	#page.noWrap {max-width: 100%;padding: 0;}
	#page.wide{padding:0;}
	#page.wide .wideBox + .btn_area{ margin-bottom:45px;}
	.wideBox{padding:50px 0; margin-top:80px;}
	.wideBox .inner{width:100%; padding: 0 20px;}
	
	.ttl01.center + p{margin-bottom: 35px !important;}
}

@media only screen and (max-width: 768px) {	
    .sub_content_wrap{}
	#sub_content {width:100%;margin: 40px auto 0px auto;}
	#page{ min-height:300px;max-width: 100%;/* padding-bottom: 30px; */ z-index: 1; padding: 0 15px 30px 15px;}	
	.wideBox{padding:40px 0; margin-top: 40px;}
	.wideBox .inner{padding: 0 15px;}
	
	/* title */
	.title_area{position:relative;width: 100%;padding: 0 0 30px 0;}		
	.title_area h3 span{padding-left:0; display: inline-block;}	
	.title_area h3{font-size: 2em;}	
	.title_area .desc{font-size:1em;  margin-top:15px;padding: 0 15px;}
	.title_area .desc br{display:none;}
	.title_area .location{margin-top: -30px;}	
	
	.ttl00{ margin:40px 0 20px; font-size: 1.95em;}
	.ttl01{ margin:40px 0 13px; font-size: 1.6em;}
	.ttl02{margin:28px 0 8px;font-size: 1.4em;}
	.ttl02:before{height: 18px;width: 3px;}
	.ttl03{ margin:15px 0 5px;}
	.ttl01 + .ttl02 { margin-top: 20px;}
	.ttl02 + .ttl03 { margin-top: 0;}
	.ttl01.center + p{margin-bottom: 30px !important;}	
	.ttl01 span{font-size: .65em;}
	.ttl02 span{font-size: .75em;}
	.ttl03 span{font-size: .88em;}
}

@media only screen and (max-width:480px) {
	#sub_content{ margin: 30px auto 0px auto;}
	.title_area{/* text-align:center; */padding: 0 0 20px 0;}
	.title_area h3{ font-size:1.75em;}
	.title_area .location{float: none;display: inline-block;margin-top: 5px;}
	.title_area .location span, .title_area .location strong {font-size: 11.5px;padding: 0 2px 0 12px;}
	.title_area .location .btnPrint{display: none;}
	.ttl01.center + p{margin-bottom: 25px !important;}
	.ttl01 span.fR, .ttl02 span.fR, .ttl03 span.fR{ float:left !important; margin-left: 0;}
}


/* ani_bn */
@keyframes ani_bn {
  0%{-webkit-transform:translateX(0); transform:translateX(0); }
  80%{-webkit-transform:translateX(5px);transform:translateX(5px);}
  100%{-webkit-transform:translateX(0);transform:translateX(0); }
}
@-webkit-keyframes ani_bn {
  0%{-webkit-transform:translateX(0);transform:translateX(0); }
  80%{-webkit-transform:translateX(5px);transform:translateX(5px); }
  100%{-webkit-transform:translateX(0);transform:translateX(0); }
}

/* ani_dot */
@keyframes ani_dot {	
  0%{-webkit-transform:translateY(0); transform:translateY(0); opcity:0.05;}
  70%{-webkit-transform:translateY(15%);transform:translateY(15%); opcity:0.15;}
  100%{-webkit-transform:translateY(0);transform:translateY(0); opcity:0.05; }
}
@-webkit-keyframes ani_dot {
  0%{-webkit-transform:translateY(0);transform:translateY(0); opcity:0.05;}
  70%{-webkit-transform:translateY(15%);transform:translateY(15%); opcity:0.15}
  100%{-webkit-transform:translateY(0);transform:translateY(0); opcity:0.05;}
}
@keyframes ani_dot2 {	
  0%{-webkit-transform:translateY(0); transform:translateY(0); opcity:0.1;}
  70%{-webkit-transform:translateY(-35px);transform:translateY(-35px); opcity:0.15;}
  100%{-webkit-transform:translateY(0);transform:translateY(0); opcity:0.1; }
}
@-webkit-keyframes ani_dot2 {
  0%{-webkit-transform:translateY(0);transform:translateY(0); opcity:0.1;}
  70%{-webkit-transform:translateY(-35px);transform:translateY(-35px); opcity:0.15;}
  100%{-webkit-transform:translateY(0);transform:translateY(0); opcity:0.1;}
}