@charset "UTF-8"; 

#wrap {position:relative; overflow:hidden;}
#top_layout, #body_layout, #foot_layout {position:relative; width:100%;}
#top_layout .top_inner, #body_layout .body_inner, #foot_layout .foot_inner {position:relative; max-width:1520px; margin:0 auto;}
#body_layout .body_inner {margin:0 auto 100px;}
#body_layout .body_inner:after {content:''; display:block; visibility:hidden; clear:both;}
.inner {position:relative; max-width:1520px; margin:0 auto;}

/* media query */
@media screen and (max-width:1520px){
	#body_layout .body_inner {margin:0 auto 50px;}
}

@media screen and (max-width:1200px){
	#body_layout .body_inner .body_inbox {margin-top:0;}
}

@media screen and (max-width:1024px){
	#top_layout .top_inner, #body_layout .body_inner, #foot_layout .foot_inner {width:100%;}
	#body_layout .body_inner {margin:0 auto 50px;}
}
@media screen and (max-width:767px) {
	#body_layout .body_inner {margin-bottom:40px;}
}

/********************************
 top-nav
 *******************************/
.topInner {box-shadow:0 6px 15px 0 rgba(32, 54, 121, 0.07);}

.logo_box {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:0 auto; min-height:90px; max-width:1520px;}

/*로고-pc*/
.logo {display:inline-block; font-size:0; line-height:1;}
.logo a {position:relative; display:inline-block; width:166px; height:36px; font-size:0;}
.logo a:before {content:''; display:inline-block; position:absolute; left:0; top:0; width:166px; height:36px; background:url(../../kdgas/images/logo.png) 0 0 no-repeat;}



/********************************
 contents : sub
 *******************************/
.contents_inner {display:block; width:100%; min-height:400px;}

.content_box {position:relative; padding-top:50px; background-color:#fff;}

@media screen and (max-width:1520px) {
	.contents_inner .sub_top:before {content:''; bottom:unset; top:0; height:100%; background:linear-gradient(-135deg, #ef9412 5%, #8f5d3e 40%, #3a5396 75%, #1263f0 90%); opacity:0.1;}
	.contents_inner .sub_top .sns_box {right:30px;}
	
	/* .location_box > li {width:200px;} */
	
	.content_box {padding:50px 40px;}
}
 
@media screen and (max-width:1200px) {
	.location_box > li {margin-left:20px;}
	.location_box > li:before {left:-12px;}
}

@media screen and (max-width:1024px) {
	.contents_inner {width:100%; padding:0; transition:width 0.1s linear;}
}

@media screen and (max-width:920px) {

}

@media screen and (max-width:767px) {
	.content_box {padding:40px 20px;}
}

@media screen and (max-width:640px) {
	.content_box {padding:35px 20px;}
}

@media screen and (max-width:480px) {
}


/********************************
 footer : 공통
 *******************************/
#foot_layout {background-color:#f4f6fa;}
.foot_infobox {position:relative; padding:30px 0 50px; color:#333; font-size:1.8rem;}
.foot_infobox .inner {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center}

.footArea {width:calc(100% - 220px);}

.foot_infolink a {display:inline-block; padding:18px 20px 18px 0; font-size:1.8rem; font-family:'OneMobile'; color:#1362d8;}

.foot_infobox .f_txtbox {}
.foot_infobox .f_txtbox ul{display:flex; flex-wrap:wrap;}
.foot_infobox .f_txtbox ul li {position:relative; padding-left:44px;}
.foot_infobox .f_txtbox ul li:before {content:''; display:inline-block; position:absolute; top:50%; left:20px; margin-top:-3px; width:6px; height:6px; background-color:#b8c1cf; border-radius:50%;}
.foot_infobox .f_txtbox ul li:first-child {padding-left:0px;}
.foot_infobox .f_txtbox ul li:first-child:before {display:none;}
.foot_infobox .copyright {margin-top:10px;}

.footCcm {padding:12px 10px 10px; text-align:center; background-color:#fff; border-radius:15px;}
.footCcm .txt {margin-bottom:5px; font-size:1.6rem; font-family:'OneMobile';}
.footCcm .txt p {}




/* 상단이동 버튼 */
.move_top {position:fixed; right:20px; bottom:20px; width:55px; text-indent:-9999px; height:55px; overflow:hidden; background:#d93750 url(../../kdgas/images/icon_top.png) no-repeat center center; border-radius:50%;  z-index:69;}



/* media query */
@media screen and (max-width:1520px) {
	.foot_infobox {padding:30px 40px 50px;}
}

@media screen and (max-width:1200px) {
	.foot_infobox {padding:30px 20px 50px;}
}

@media screen and (max-width:1024px) {
	
	
}

@media screen and (max-width:920px) {
	.foot_infobox .inner {text-align:center; justify-content:center;}
	
	.footArea {width:100%;}
	
	.foot_infolink a {padding:10px 20px;}
	.foot_infobox .f_txtbox ul {justify-content:center;}
	
	.footCcm {display:flex;  align-items:center; margin-top:10px; text-align:left;}
	.footCcm .txt {margin-bottom:0; margin-right:10px;}
	.footCcm  img {width:45px;}
}

@media screen and (max-width:767px) {
	.foot_infobox {padding:15px 20px 50px;}
	
	.foot_topbox .foot_infolink li a {font-size:1.6rem;}
	.foot_infobox .f_txtbox ul li {font-size:1.6rem;}
	.foot_infobox .copyright {font-size:1.6rem;}
	
	.footCcm .txt {font-size:1.5rem;}
}

@media screen and (max-width:630px) {
	.foot_infobox .f_txtbox ul {display:block; text-align:center;}
	.foot_infobox .f_txtbox ul li {padding-left:0;}
	.foot_infobox .f_txtbox ul li:before {display:none;}
}

@media screen and (max-width:480px) {
	
	.move_top {right:10px; bottom:10px;}
	
}