@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1650px){	
#header .gnb_wrap .gnb > li .dp1 {padding:0 3em;}
#header .top_wrap .logo, #header .top_wrap .utile_wrap {width:inherit;}

}

@media screen and (max-width:1560px){

}

@media screen and (max-width:1360px){

}

@media screen and (max-width:1280px){	
body{ font-size:14px;}

/**/
#header .top_wrap .logo {width:19em;}

/**/
.page_tbg_Wrap {height:290px;}
.page_tbg_TW {margin:-190px auto 3px auto}

}

@media screen and (max-width:1200px){
#header .gnb_wrap .gnb > li .dp1 {padding:0 2.5em;}	

/**/
.mainSlider .el .slogan .t2 {font-size:2.5em;}
	

}
@media screen and (max-width:1050px){
.main_Con1_Wrap .con1 .list > li .inner {box-sizing:border-box; overflow:hidden;}
.main_Con1_Wrap .con1 .list > li .inner .tw {padding:2em .5em;}
.main_Con1_Wrap .con1 .list > li .inner .tw .tx {height:3em;}

}


@media screen and (max-width:1024px){


}

@media screen and (max-width:1000px){
#header .gnb_wrap {display:none}
#header .utile_wrap .all {border:1px solid #fff; margin-left:0; padding:15px;}
#header .utile_wrap .all:hover {background:#003876; transition:.3s; border:1px solid #003876}
#header .utile_wrap .all:hover .all_btn .ham {background:#fff;}

}

@media screen and (max-width:900px){
.mainSlider .el {height:50vh;}	
.mainSlider .el .slogan {top:10em;}
.mainSlider .el .slogan .t2 {font-size:2em;}	

.mainControl,
.mainPaging, 
.mainScroll {display:none}

.main_Con1_Wrap .ti_w  {padding:30px 0;}
.main_Con1_Wrap .ti_w .t1 {font-size:1.6em;}
.main_Con1_Wrap .con1 .list > li {width:50%;}
.main_Con1_Wrap .con1 .list > li .inner .tw {padding:2em .5em 0 .5em;}
.main_Con1_Wrap .con1 .list > li .inner .icon {width:80%; margin:0 auto;}

.main_Con2_Wrap {height:inherit; margin-bottom:0;}
.main_Con2_Wrap .ti_w {padding:50px 0;}
.main_Con2_Wrap .ti_w .t1 {font-size:1.4em;}
.main_Con2_Wrap .ti_w .t2 {font-size:1.6em;}

.family_wrap .control {display:none}
.family_wrap .family {width:100%;}

#footer .foot_wrap .menu_wrap .menu > li > a {font-size:.875em; margin-right:1em;}
#footer .foot_wrap .con .bottom_wrap {display:block; flex-wrap:inherit; align-content:inherit; align-items:inherit;}
#footer .foot_wrap .info_wrap {flex:inherit; padding:1.5em 0;}
#footer .foot_wrap .bottom_wrap .logo {margin-top:0; margin-bottom:1.5em}
#footer .foot_wrap .bottom_wrap .logo img {width:50%;}

#contents .subtop_wrap .sub_visual {height:18em;}
#contents .sub_slogan .t1 {font-size:2em;}
#contents .sub_slogan .in {margin-top:30px}

.page_col {display:block; flex-wrap:inehrit;}
.page_col > .con {flex:inherit; margin-left:0; border-top:none; padding:0;}
.page_col > .tit {width:100%; padding:1em 0 1.5em 0}

.page_tit .tt > strong br {display:none}

.root_daum_roughmap_landing {width:100% !important;}
.root_daum_roughmap .wrap_map {height:250px !important;}

.person_list > li {width:100%;}
.person_list.wd3 > li {width:100%;}

.page_tbg_Wrap {display:none}
.page_tbg_TW {padding:2em 1em; width:100%; margin:0; background:#fafafa}
.page_tbg_TW .t1 {font-size:1.4em;}

.page_inFo_Wrap1 .list {margin-left:0;}
.page_inFo_Wrap1 .list > li {width:100%;}
.page_inFo_Wrap1 .list > li .in {margin-left:0; margin-bottom:3em;}
.page_inFo_Wrap1 .list .con .txt {font-size:1.063em}

.inFo_list > li .inner {display:block; flex-wrap:ineherit; justify-content:inherit;  align-content:inherit; align-items:inherit;}
.inFo_list .tw, .inFo_list .img {width:100%;}
.inFo_list > li:nth-child(2n) .tw {text-align:left}

.inFo_list2 {display:block; flex-wrap:inherit; margin:0 0 1em 0;}
.inFo_list2 > li {flex:inherit;}
.inFo_list2 > li .in {margin:0 0 2em 0;}
.inFo_list2 > li .in .tt {text-align:left !important; font-size:1.063em}


}

@media screen and (max-width:768px){
body{ font-size:13px;}

}

@media screen and (max-width:560px){

}

@media screen and (max-width:460px){

}

@media screen and (max-width:380px){
body{ font-size:11px;}

}

@media screen and (max-width:320px){

}

@media screen and (max-width:280px){
body{ font-size:10px;}

}

@media all and (max-width:1024px) and (orientation:landscape){

}

@media screen and (max-device-width:1024px){

}
