/* 메인 비쥬얼*/
.visual_Wrap {position:relative;}
.tab_main_v {display:none; }
.mob_main_v {width:100%; min-height:185px; max-height:373px;} 
.mob_main_v img {width:100%; min-height:185px; max-height:370px !important; }
@media (min-width:1100px) {
.tab_main_v {display:block; width:100%; height:500px;}
.mob_main_v {display:none;}	
.tab_main_v img {width:100%; height:500px !important;}
}
.v_tit {position:absolute; top:20px; left:3.5%; margin-left:17.5px; font-size:20px; line-height:25px; color:#fff; text-shadow:1px 1px 1px grey; z-index:99;}
.v_tit img {width:756px; height:243px; size:30%;}
@media (min-width:500px) {
.v_tit {top:50px; left:3.5%; margin-left:25px; font-size:35px; line-height:40px; }	
}

@media (min-width:768px) {
.v_tit {top:110px; left:3.5%; margin-left:35px; font-size:45px; line-height:50px; }	
}
@media (min-width:1100px) {
.v_tit {top:135px; left:50%; margin-left:-550px; font-size:45px; line-height:50px; }	
.v_tit img { max-height:5000px; margin-top:-120px; margin-left:-40px; }
}
 /* 비주얼 박스*/
.visual_box::after {display:block; content:""; clear:both;} 
.visual_box .v_box01 {width:93%; margin:0 auto; height:150px; text-align:center; padding-top:25px; border-bottom:1px solid #E9E9E9;}
.visual_box .v_box02 {width:93%; margin:0 auto; height:120px; text-align:center; padding-top:25px;}
.visual_box .v_banner {width:93%; clear:both; margin:0 auto; height:81px; text-align:center;  } 
.visual_box .v_banner img{ width:93%;}
.visual_box .box_tit {font-size:23px; margin-bottom:20px; letter-spacing:-1px; font-weight:500;}
.numb {font-size:28px; color:#464646; font-weight:600; margin-bottom:15px; line-height:22px;}
.box01_wrap {width:253px; margin:0 auto;}
.box01_wrap_ {margin-top:12px;}
.box01_1 {width:68px; height:60px; background-color:#01b2c2; color:#fff; text-align:center; padding-top:10px; font-size:15px; line-height:20px; float:left;}
.box01_1_color {background-color:#019ac3; letter-spacing:-2px;}
.box01_2 {width:185px; height:60px; background-color:#eaeaea; color:#636363; float:left; line-height:22px; font-size:16px; padding-top:7px;}
.box01_2_ span{letter-spacing:-1.5px} 
.box_sub { width:250px; margin:0 auto; text-align:left; font-size:16px; line-height:22px; color:#636363;}
.box_btn_wrap { width:250px; height:40px; margin:12px auto 0 auto; font-size:16px; font-weight:500;}
.box01_wrap::after {display:block; content:""; clear:both;}
.box_btn01 {width:120px; height:40px; line-height:40px; margin-right:10px; background-color:#363a91;color:#fff; float:left;}
.box_btn02 {float:left; width:120px; height:40px; line-height:40px; border:1px solid #363a91; color:#363a91;}
.visual_box .v_box02 {margin-bottom:25px;}
@media (max-width:599px){ 
.visual_box {height:410px;}/*height:386px;*/
}

@media (min-width:600px) {
.visual_box {height:430px;}/*height:346px;*/
.visual_box .v_box01 {width:50%; float:left; height:178px; text-align:center;  padding-top:25px; border-bottom:0px solid #E9E9E9;} 
.visual_box .v_box02 {width:50%; float:left; height:120px; text-align:center;  padding-top:25px;} 
.visual_box .v_banner { width:100%; clear:both; height:136px; text-align:center;  margin-top:10px;}
.visual_box .v_box01 {padding-left:3.5%;  height:165px;}
.visual_box .v_box02 {padding-left:3.5%; /*margin-bottom:0;*/margin-bottom:13px;}		


}

@media (min-width:600px) and (max-width:1099px) {
	.box_sub { margin-bottom:19px}
}
@media (min-width:1100px) {
.visual_box {position:absolute; top:67px; right:50%; margin-right:-590px; z-index:99;}/*top:55px*/
.visual_box .v_box01, .visual_box .v_box02, .visual_box .v_banner {width:335px; float:none; background-color:#fff;}
.visual_box .bord { width:250px; margin:0px auto 17px auto; height:1px; background-color:#e4e3e3; margin-top:-12px;}
.visual_box .v_box01 {padding-left:0; padding-top:30px; border-bottom:0px solid #E9E9E9;}
.visual_box .v_box02 {padding-right:0;  padding-top:1px;}	
.visual_box .v_banner img { width:335px; }
}
 /* 메인 비쥬얼*/
 
 #contents {margin-top:30px !important; clear:both; position:relative;}
/* 콘텐츠배너영역*/
#section_Wrap {width:100%; margin:0px auto 30px auto; }

#section_Wrap .section01 .banner01 {width:100%; position:relative; max-height:373px;} 
#section_Wrap .section01 .banner01 img {max-height:373px;} 

#section_Wrap .section011 .banner09 {width:50%; position:relative; max-height:373px;} 
#section_Wrap .section011 .banner09 img {max-height:373px;} 
#section_Wrap .section011 .banner10 {width:50%; position:relative; max-height:373px;} 
#section_Wrap .section011 .banner10 img {max-height:373px;} 


#section_Wrap .section11 .banner11, #section_Wrap .section11 .banner12 {float:left; width:50%; position:relative;} 
#section_Wrap .section02 .banner02, #section_Wrap .section02 .banner03 {float:left; width:50%; position:relative;}  
#section_Wrap .section03 .banner04, #section_Wrap .section03 .banner05 {float:left; width:50%; position:relative;} 
#section_Wrap .section05 .banner07, #section_Wrap .section05 .banner08 {float:left; width:50%; position:relative;} 

#section_Wrap .section011 .banner09, #section_Wrap .section011 .banner10 {float:left; width:50%; position:relative;} 

#section_Wrap .section04 .banner06 {width:100%; position:relative;} 
#section_Wrap .section02::after, .section03::after, .section05::after, .section11::after {display:block; content:""; clear:both;}
#section_Wrap .section01 .banner01 img, #section_Wrap .section02 .banner02 img, #section_Wrap .section02 .banner03 img, #section_Wrap .section03 .banner04 img, #section_Wrap .section03 .banner05 img, #section_Wrap .section04 .banner06 img, #section_Wrap .section05 .banner07 img, #section_Wrap .section05 .banner08 img, #section_Wrap .section011 .banner09 img, #section_Wrap .section011 .banner10 img, #section_Wrap .section11 .banner11 img, #section_Wrap .section11 .banner12 img {width:100%; height:100%;}
#section_Wrap .bn_txt {position:absolute; top:0; left:20px; right:0; bottom:0; color:#fff;}

#section_Wrap .section02, #section_Wrap .section03, #section_Wrap .section05, #section_Wrap .section011, #section_Wrap .section11  {text-align:left;}
@media (max-width:480px) {
#section_Wrap .bn_txt .bn_bd {width:20px; height:1px; background-color:#fff; margin-top:15px;}
#section_Wrap .bn_txt .bn_sub { display:none;}
#section_Wrap .bn_txt .bn_sub05 {display:none;}
#section_Wrap .bn_txt .bn_tit {font-size:18px;letter-spacing:-2px; margin-top:25px;}
#section_Wrap .bn_txt .bn_tit05 {font-size:18px; letter-spacing:-2px;}
#section_Wrap .bn_txt .bn_tit05 span { letter-spacing:-0.5px;}
#section_Wrap .bn_txt .bn_btn {width:75px; height:25px; font-size:12px; border:1px solid #fff; line-height:24px; text-align:center;margin-top:20px;}	
}

@media (min-width:481px) {
#section_Wrap .bn_txt {position:absolute; top:0; left:30px; right:0; bottom:0; color:#fff;}
#section_Wrap .bn_txt .bn_bd {width:38px; height:1px; background-color:#fff; margin-top:23px;}
#section_Wrap .bn_txt .bn_sub {font-size:14px; line-height:30px;letter-spacing:-1px;margin-top:15px; margin-bottom:15px; }
#section_Wrap .bn_txt .bn_tit {font-size:26px; letter-spacing:-2px; margin-top:35px;}
#section_Wrap .bn_txt .bn_btn {width:73px; height:27px; border:1px solid #fff; line-height:27px; text-align:center; font-size:12px;margin-top:20px;}

#section_Wrap .bn_tit span {line-height:100px; font-size:24px; font-weight:400;}

#section_Wrap .bn_txt .bn_tit05 {font-size:26px; }
#section_Wrap .bn_txt .bn_sub05 {font-size:17px;line-height:30px;letter-spacing:-0.5px;margin-top:15px; margin-bottom:15px;}

}
.section_bord {width:100%; height:1px; background-color:#e4e3e3;}
@media (min-width:1100px) {
#section_Wrap {width:1100px; margin:45px auto 45px auto;}
#section_Wrap::after {display:block; clear:both; content:"";} 	
#section_Wrap .section_bord {display:none;}
#section_Wrap .sec01 {width:100%}
#section_Wrap .section01, #section_Wrap .section02, #section_Wrap .section11 {float:left; width:50%;}
#section_Wrap .section011, #section_Wrap .section02 {float:left; width:50%;}				
#section_Wrap .sec02 {width:100%}
#section_Wrap .section03, #section_Wrap .section04 {float:left; width:50%;}
#section_Wrap .section03, #section_Wrap .section05 {float:left; width:50%;}	
#section_Wrap .bn_txt .bn_tit {font-size:24px;letter-spacing:-2px; margin-top:25px;}
}

/* 콘텐츠배너영역*/

/* 뉴스·공지*/
.notice, .icon {width:93%; margin:0 auto; padding:25px 25px;}
.notice::after, .not_wrap::after, .icon::after {display:block; content:""; clear:both;}
.not {font-size:18px; font-weight:600; float:left;}
.gray {color:#a5a5a5; font-weight:300;}
.icon p {font-size:18px; font-weight:600;}
.more {font-size:18px; float:right; color:#454545;}
.notice ul::after, .icon ul::after {display:block; clear:both; content:"";}
.notice ul, .icon ul {margin-top:17px;}
.notice li{width:100%; line-height:28px;}
.not_l {float:left;}
.not_r {float:right;}
.icon_Wrap {width:100%; background:#f1f1f1;}
.icon {background-color:#f1f1f1;}
.icon li { float:left; position:relative;  height:71px;}
.icon li {margin-right:calc(25% - 60px); width:48px;}
.icon li:nth-child(5) {width:48px; margin-right:0;}
.icon li.color01 a{background-color:#5acbd5;}
.icon li.color02 a{background-color:#5a9dd5;}
.icon li:nth-child(1) a .icon_img {background-image:url(../img/main/icon01.png); background-size:60% auto; background-color:#5acbd5;  }
.icon li:nth-child(2) a .icon_img {background-image:url(../img/main/icon02.png); background-size:60% auto; background-color:#5a9dd5;  }
.icon li:nth-child(3) a .icon_img {background-image:url(../img/main/icon03.png); background-size:60% auto; background-color:#5acbd5;  }
.icon li:nth-child(4) a .icon_img {background-image:url(../img/main/icon04.png); background-size:60% auto; background-color:#5a9dd5; }
.icon li:nth-child(5) a .icon_img {background-image:url(../img/main/icon05.png); background-size:60% auto; background-color:#5acbd5;}
.icon li a .icon_img {position:absolute; top:0; 
						 background-repeat:no-repeat; background-position:center; text-indent:-9999px;
						 width:48px; height:48px;  border-radius:50%;}	
.notice, .icon {height:172px;}
.icon li .icon_name {font-size:9px; letter-spacing:-1px;font-weight:400; position:absolute; bottom:0; left:0; right:0; text-align:center; color:#444444;}
.icon li .icon_name_ {display:none;}
@media (min-width:420px) {
.icon li .icon_name {font-size:11px;}	
.icon li:nth-child(2) a .icon_name {width:77px; left:-13px}
.icon li .icon_name_ {display:inline-block}
}

@media (min-width:768px) {
.notice, .icon { padding:50px 50px; height:257px;}
.not, .icon p {font-size:28px;}	
.notice ul, .icon ul {margin-top:34px;}
.notice li {font-size:16px; line-height:34px; }
.more { font-size:30px; font-weight:300;}
.icon li a .icon_img {width:96px; height:96px;}
.icon li {width:96px; height:123px; margin-right:calc(25% - 120px)}
.icon li:nth-child(5) {width:96px; margin-right:0;}
.icon li .icon_name {font-size:16px; letter-spacing:-1px;}
.icon li:nth-child(2) a .icon_name {width:120px; left:-10px}

}
@media (min-width:1100px) {
	.section_bord {display:none;}
	#cont_sect02_wrap { width:100%; background-color:#f1f1f1; border-top:1px solid #e1e0e0;}
	#cont_sect02  {width:1100px; margin:0 auto; }
#cont_sect02_wrap::after {display:block; clear:both; content:"";}
.icon { padding:37px 47px 37px 10px;}
.notice { padding:37px 33px 37px 50px; border-left:1px solid #e1e0e0}
.notice {float:right; width:40%;}
.more { font-size:40px;}
.icon {float:left; width:60%;}
.icon li .icon_name {font-size:15px; letter-spacing:-1px;}
}