/* visual(sub) */
.sub_visual_wrap { width:100%; height: 410px;}
#sub_visual { width:100%; height: 100%; background:url(../img/sub/sub_visual01.jpg) top center no-repeat; background-size: cover; position: relative; }
#sub_visual h1{font-size: 2.7em; color:#fff; position: absolute; right:10%; top: 350px; }


/* lnb(sub) */
#lnb_wrap { width: 100%; background-color: #222; }
#lnb { width: 100%; max-width: 1200px; margin: 0 auto; color: #fff; font-size: 15px; letter-spacing: -0.5px; }
#lnb > li { float: left; position: relative;}
#lnb > li.lnb_home { padding: 14px; }
#lnb > li.lnb_menu { line-height: 52px; min-width: 120px; padding: 0 40px 0 20px; background: url(../img/lnb_menu_btn.png) right 15px center no-repeat; border-right: solid 1px #fff; }
#lnb > li.lnb_main { border-right: none; background-color: #444; }
#lnb > li.lnb_menu > ul { position: absolute; top: 52px; left: 0; width: 100%; background-color: #222; z-index: 99; display: none; }
#lnb > li.lnb_menu > ul > li { padding: 0px 20px; border-top: solid 1px #fff; }
#lnb > li.lnb_menu > ul > li:hover { background-color: #444; }
#lnb > li.lnb_menu > ul > li a { display: block; }

/* sub common */
b { font-weight: 700; }
.ft_left { float: left; }
.ft_right { float: right; }
.blue { color:#6c8cc8; }
.sub_title {display: none;}
.sub_cont { margin: 90px auto 180px;}
.sub_con_wrap { max-width: 1200px; width: 100%; margin: 0 auto;}
.sub_img_wrap { position:relative; width: 100%; height:296px; background-color:#f1f1f1; margin-bottom: 90px; }
.sub_img_txt { position:absolute; bottom: 50%; left: 50%; transform: translate(-50%, 50%); color:#fff; text-align: center; width: 90%; }
.sub_img_txt p { line-height: 1.6;}
.sub_img_txt h2 { font-size: 2em; margin-bottom: 25px; font-weight: 700; line-height: 1.4; } 

/* Mobile ? 768px 이하 */
@media (max-width:768px){
	.sub_con_wrap { word-break: keep-all; }
	 #sub_visual {background-size: cover; background-position: top right 38%;}
    #sub_visual h1{font-size: 2.4em; right:5%; top: 350px; }
}
/* Mobile ? 468px 이하 */
@media (max-width:468px){
	.sub_visual_wrap { height: 45vh;}
     #sub_visual h1{display: none;}
	
	#lnb > li.lnb_menu { min-width: 25%;  border-right: none; }
	#lnb > li.lnb_menu > ul > li { padding: 10px 20px;}
	#lnb > li.lnb_menu > ul > li a { line-height: 1.2; }
	.sub_img_txt h2 { font-size: 1.5em;}
}
/* Mobile ? 320px 이하 (ex. iphone5) */
@media (max-width:320px){
   
	#lnb > li.lnb_menu { padding: 0 35px 0 9px; }
}



/* sub0103 오시는 길 */
.sub0103 h2{ text-align: left; color:#5a5a5a; font-weight: 700; font-size: 2em; margin: 40px 0; }
.sub0103 .map { margin-bottom:0px; }
.sub0103 .info_wrap > div { height: auto; box-sizing: border-box; }
.sub0103 .info_wrap .sub_01_adress { width: 100%;  background-color:#73b340; padding: 25px 40px ; margin-bottom:20px; color:#fff; font-size: 1.1rem; font-weight: bold; }
.sub0103 .info_wrap .sub_01_adress img{margin-right: 1%; position: relative; top:3px; }
.sub0103 .info_wrap .sub_01_adress span{margin-right: 1%; }
.sub0103 .info_wrap .sub_01_adress>p{display: inline-block; color:#fff; font-size: 1rem; border-left:1px solid #fff; line-height: 2em; padding-left: 2%; font-weight: normal;}
.sub0103 .info_wrap .sub_01_trans { width: 100%; font-size:1rem;  }
.sub0103 .info_wrap .sub_01_trans::after { content: ""; display: block; clear: both;}
.sub0103 .info_wrap .sub_01_trans > div {float:left; box-sizing: border-box; padding: 2%; width: 49%; background-color:#f1f1f1; }
.sub0103 .info_wrap .sub_01_trans > div span{font-size: 1.1rem; font-weight: bold;}
.sub0103 .info_wrap .sub_01_trans > div span img{margin-right: 2%; position: relative; top:3px; }
.sub0103 .info_wrap .sub_01_trans .bus p{ margin-left: 50px;}
.sub0103 .info_wrap .sub_01_trans .subway {  margin-right: 2%; }
.sub0103 .info_wrap .sub_01_trans .subway p{margin-left: 30px;background: url(../img/sub/sub_01_4.png) no-repeat;padding-left:35px; background-position: 10px;}
.sub0103 .info_wrap .sub_01_trans >div >img { display: inline-block; float:left; height: 23px; background-color:#f1f1f1;  }
.sub0103 .info_wrap .sub_01_trans >div >p {border-left:1px solid #e5e5e5;padding-left:10px;line-height: 2rem;box-sizing: border-box;display: inline-block;}



.sub0103 .info_wrap ul li { float: left; margin-right: 9%; }
.sub0103 .info_wrap ul li:last-of-type { margin-right: 0; }
.sub0103 .info_wrap ul li img { display: block; float:left; }
.sub0103 .info_wrap ul li p { float: left; color: #5a5a5a; line-height: 2.5; margin-left: 10px; }
.sub0103 .info_wrap ul li p span { font-weight: 700; color:#333; margin-right: 10px; }
@media (max-width:768px){
	.sub0103 .info_wrap { height: auto;}
	.sub0103 .info_wrap ul li {margin-bottom: 15px;}
    .sub0103 .info_wrap .sub_01_trans > div {padding: 15px 25px; width: 100%; margin-top: 2%;}
    .sub0103 .info_wrap .sub_01_adress>img{margin-bottom: 10px; }
    .sub0103 .info_wrap .sub_01_adress { margin-bottom:0px; padding: 15px 25px ; }
    .sub0103 .info_wrap .sub_01_adress>p{font-size: 1rem; border-left:0px; line-height: 1.4em; margin-top:4%;}
    .sub0103 .info_wrap .sub_01_trans >div >p {width:70%; float: right;}
    .sub0103 .info_wrap .sub_01_trans .subway p{margin-left:0;box-sizing: border-box;}
    .sub0103 .info_wrap .sub_01_trans .bus p{ margin-left: 0px;}
    
}
@media (max-width:468px){
    .sub0103 .map iframe{width:100%; height:60vh; }
	.sub0103 .info_wrap { padding: 25px 5%; }
	.sub0103 .info_wrap ul li { width:100%; }
	.sub0103 .info_wrap ul li img { width: 7%;}
	.sub0103 .info_wrap ul li p { line-height: 1.4; width: 85%; }
    .sub0103 .info_wrap .sub_01_trans >div >p {width:100%; border:none; padding:5px 0 0 0; line-height:1.5em; margin-top:1%;}
    .sub0103 .info_wrap .sub_01_trans >div >img { margin-bottom: 10px; }
    .sub0103 .info_wrap .sub_01_trans .subway p{background-position: 0 10px;padding-left: 24px;}
    .sub0103 h2{ font-size: 1.7em;  }
}

/* sub0201 주요 서비스 */
.sub0201 .sub_img_wrap { background: url(../img/sub/sub0201_img_bg.jpg) no-repeat;}
.sub0201 .section { position:relative; width: 100%; height: 300px; background-color: #fafafa; overflow: hidden; }
.sub0201 .section .txt_box { z-index: 5; position:relative; width: 25%; height: 300px; color:#fff; font-weight: 600; font-size: 1.3em; text-align: center;  }
.sub0201 .section .txt_box .txt_wrap {  position:absolute; top:50%; left: 50%; width:100%; transform: translate(-50%, -50%); }
.sub0201 .section .txt_box .txt_wrap img { display: block; margin: 0 auto; margin-bottom: 20px; }

.sub0201 .sub_management { margin-bottom: 45px; }
.sub0201 .sub_management .txt_box { background: url(../img/sub/sub0201_service01.jpg)no-repeat;}

.sub0201 .sub_ceo .txt_box { background: url(../img/sub/sub0201_service02.jpg) no-repeat; }
.sub0201 .service {  width: 75%; height: 100%; box-sizing: border-box; padding:6%;  }
.sub0201 .service span { position:absolute; bottom:-3px; right: 0px; font-size: 4em; color:#f3f3f3; font-weight: 800;  }
.sub0201 .service ul { z-index:5; position:relative; float: left; width: 33.33%; }
.sub0201 .service ul li { line-height: 2.5; color:#777; }

@media (max-width:768px){
	.sub0201 .section { height: auto;}
	.sub0201 .section .ft_left { float: none;}
	.sub0201 .section .txt_box { width: 100%; height: 0; padding-top: 45%; background-size: cover; }
	.sub0201 .service { width: 100%; }
	.sub0201 .service ul { width: 50%; }
	.sub0201 .service span { font-size: 3em;}
	#footer .footer_wrap_m br {display: block;}
	.sub0201 .section .txt_box .txt_wrap img { width: 15%; }
}
@media (max-width:468px){
	.sub0201 .service ul { width: 100%; }
	.sub0201 .service span { display: none;}
    
}




/*인사말 임시 디자인 */

.hello_tit { width: 100%; height: 295px; box-sizing: border-box; padding-top: 120px; text-align: center; color: #fff; background: url(../img/main_visual2.jpg) no-repeat; background-size: cover; }
.hello_tit h3 { font-weight: normal; font-size: 25px; }
.hello_tit h3 span { font-weight: 600; }
.hello_tit p { margin-top: 15px; }
.hello_tit .hr { width: 70px; height: 1px; background-color: #59656c; margin: 40px auto 0; }
.hello_cont {padding-left:430px; margin-top: 65px; height: 350px;}
.hello_cont h3 {font-size: 25px; color: #59656c; font-weight: 600; }
.hello_cont p {font-size: 15px; color: #555; line-height: 160%;}
.hello_cont .text_sign {text-align: right; padding-right: 50px; font-size: 17px; color: #333; line-height: 140%; margin-top: 30px;}
.hello_cont .text_sign b {font-size: 17px; color: #333; line-height: 140%; font-weight: 600;}
.hello_cont_box {padding:50px; position: absolute; line-height: 140%; background-color: #f5f5f5; top: 230px; margin-left: 20px; width: 217px; height: 400px; box-shadow: 3px 3px 3px rgba(0,0,0,0.1);}
.hello_cont_box .logoT{font-size: 25px; color: #555; line-height: 160%; font-weight:600; /*font-family: 'nanumsquare'*/ }
.hello_cont_box .text_in_box{font-size: 17px; color: #999; line-height: 180%;}
.hello_cont_box .hr{width: 30px; height: 1px; background-color: #59656c; margin: 20px 0;}

.history_tit { width: 100%; height: 295px; box-sizing: border-box; padding-top: 120px; text-align: center; color: #fff; background: url(../img/history_tit_bg.jpg) no-repeat; }
.history_tit h3 { font-weight: normal; font-size: 25px; }
.history_tit h3 span { font-weight: 600; }
.history_tit p { margin-top: 15px; }
.history_tit .hr { width: 70px; height: 1px; background-color: #9c1d00; margin: 40px auto 0; }
.history_cont { margin-top: 65px; }
.history_cont .history_row { margin-bottom: 50px; }
.history_cont .history_row .history_box { float: left; width: 50%; }

.history_cont .history_row .history_box .history_box_top { text-align: left; margin: 25px 0;  padding: 0 45px;}
.history_cont .history_row .history_box .history_box_top h2 { font-size: 30px; font-weight: bold; color: #9c1d00;}
.history_cont .history_row .history_box .history_box_top .hr { width: 18px; height: 1px; background-color: #9c1d00; margin: 30px 0 0 0; }
.history_cont .history_row .history_box .history_box_top .year { width: 130px; padding: 15px 0; margin: auto; border: solid 1px #d7d7d7; font-size: 15px; }
.history_cont .history_row .history_box .history_box_top:before { content: ''; display: block; width: 206px; height: 2px; background: url(../img/history_box_top_bg.png) no-repeat; position: absolute; bottom: 20px; left: -103px; }
.history_cont .history_row .history_box:first-child .history_box_top:before { display: none; }
.history_cont .history_row .history_box .history_box_btm { border-left: solid 1px #e1e1e1; padding: 45px 40px; }
.history_cont .history_row .history_box:first-child .history_box_btm { border-left: none; }
.history_cont .history_row .history_box .history_box_btm .history {}
.history_cont .history_row .history_box .history_box_btm .history .history_date { float: left; width: 80px; margin-right: 20px; line-height: 27px; font-size: 18px; }
.history_cont .history_row .history_box .history_box_btm .history .history_detail { float: left; width: 350px; line-height: 30px; font-size: 15px; }
.history_cont .history_more_btn { position: relative; text-align: center; }
.history_cont .history_more_btn:before { width: 100%; height: 1px; content: ''; display: block; background-color: #d7d7d7; top: 25px; left: 0; position: absolute; z-index: -1; }
.history_cont .history_more_btn .history_more { width: 250px; height: 50px; color: #9c1d00; letter-spacing: 2px; border: solid 1px #d7d7d7; background-color: #fff; text-align: left; padding: 0 60px; }