@charset "utf-8";

@import url("/_ssc/base.css");

#skipNavi {position: absolute; margin: 0 auto; width: 200px; list-style: none; font-size: 1.15em; top: -10.5em; left: 0; z-index: 20; background:#eee; border:1px solid #ccc;}
#skipNavi a:active, #skipNavi a:focus{
position: absolute; padding-top: 0.5em; width: 200px; height: 2em; top: 10.5em; text-align: center; color: #000; font-weight:bold; background: #eee; border: 1px solid #ccc; outline: 0;}


.top_openClose{display:block; position:absolute; top:0; left:45%; height:28px; }
.top_openClose a.t_open{display:none;}


/* header */
#header{position:relative; height:auto; 
	/* background:url('../../images/header/header_bg_2020_autumn.jpg') 50% 0 no-repeat;   */
}

.h_wrap{}

.h_top{margin:0px auto; overflow:hidden; background:#0071bb; height:45px; }
.h_top .f_box{width:1250px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; height:100%;}
.ht_left{float:left; background:#034ea2; height:100%;}
.ht_left a{color:#fff; display:flex; align-items:center; font-size:16px; font-weight:bold; width:100%; height:100%; padding:0 15px;
}
.ht_left ul{overflow:hidden;}


.ht_right{height:100%; position:relative;}
.ht_right ul{display:flex; height:100%;}
.ht_right ul li{border-left:1px solid #5ea5d4;}
.ht_right ul li:frist-child{border-left:none;}
.ht_right ul li:last-child{border-right:1px solid #5ea5d4;}
.ht_right ul li a{color:#fff; font-size:16px; font-weight:400; padding:0 22px; width:100%; height:100%; display:flex; align-items:center;
box-sizing:border-box;}


.ht_right .searchbox {z-index:400; position:relative; margin:0px; padding:0px; float:right; right:220px; width:45px; height:22px;} 
.ht_right .searchbox .search {    display: none;    position: absolute;    right:34px;    top:0px;    z-index: 1; background:#353535; height: 22px; width:170px;  } 
.ht_right .searchbox input.searchinput { border:1px solid #353535; font-weight: bold; background:#353535; background:#000; height: 20px; line-height: 20px; padding-left:10px; color:#fff; width:140px;}
.ht_right .searchbox input.searchbbtn02 {position: absolute;    right: 0px;    top:0px; width:13px; height:13px; z-index:400;}
.ht_right .searchbox .searchbtn {position: absolute;    right:0px; top:0px; width:34px; height: 22px;}
.ht_right .searchbox .searchbtn a {width: 45px; height: 22px;}
.ht_right .searchbox .search fieldset {border:0; margin:0; padding:0; }
.ht_right .searchbox .search legend{ text-indent:-5000px; line-height:0; font-size:0; position:absolute;  top:0; left:0;}
  
   


.sch_box{width:307px; height:40px; background:#fff; border:3px solid #0071bb; border-radius:10px; display:flex; align-items:center; opacity:1;  }
.sch_box input[type="text"]{margin:0px 0 0 15px; padding:2px 0 1px 0px; width:100%; height:100%; border:none; background:none; font-size:14px;
color:#919191;}
.sch_box input[type="image"]{position:absolute; top:0; right:0; background:#0071bb; padding:10px; border-radius:0 10px 10px 0;}


.hc_bottom{overflow:hidden; position: absolute; bottom: 0; left: 0;font-size: 16px; width:100%;}
.hc_bottom div{float:left;}

.h_bottom{overflow:hidden; position:relative; height:130px; display:flex;}
.h_bottom h1{display: flex;}
.logo_wrap::after{display: inline-block; content: ''; width: 2px; height: ;margin: 0 15px; width: 2px;
height: 45px; background: #7da0cd;}
.h_bottom h1.mlogo{ display:none;}
.h_bottom h1.tlogo{ display:none;}
.h_bottom .slogan { height:51px; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); }
.h_bottom .slogan img{width: 335px; height: 35px;}
.h_bottom .h_box{width:1250px; margin:0 auto; display:flex; align-items:center; justify-content:space-between;}

.util_hm{display: flex; font-size: 16px; align-items: center;
}
.util_hm .sw_link{margin-right: 17px;}
.util_hm .global{display: flex;}
.util_hm .global li:first-child{margin-right: 17px;}
.new_link{background: url(/images/header/new_link02.png)no-repeat; width: 103px; height: 25px;
margin-left:20px;}
.h_bottom .special { float:right; width:209px;  background:#870067; background:#aa4130; padding:13px; overflow:hidden; height:38px; margin-top:5px; }
.h_bottom .special a {  color:#fff;}
.h_bottom .special span { margin-left:0px; font-size:180%; color:#fff; vertical-align:middle; font-weight:500; line-height:50px; padding-top:15px;  }
.h_bottom .special span span { font-size:140%; letter-spacing:-3px;  font-weight:600; vertical-align:top; padding-top:0px;}



.h_bottom .special2 { float:right; width:235px;  overflow:hidden; height:63px; margin-top:5px; }
.h_bottom .special2 a { margin:0px; padding:0px;}
 

.h_bottom .gg2018 { float:right; width:235px; padding:0px; overflow:hidden; height:63px; margin-top:5px; }
.h_bottom .gg2018 a {  color:#000;}
.h_bottom .gg2018 span { margin-left:0px; font-size:230%; color:#000; vertical-align:middle; font-weight:500; line-height:50px; padding-top:15px; }
.h_bottom .gg2018 span span { font-size:140%; letter-spacing:-3px;  font-weight:600; vertical-align:top; padding-top:0px;}

.h_bottom .weather_outer {float:right; width:235px;  overflow:hidden; height:100px; margin-top:10px; }
.h_bottom dl.weather  {  color:#000; }
.h_bottom dl.weather dt  { float:left; color:#000; font-weight:600; vertical-align:top; margin-right:2px; padding-top:15px; letter-spacing:-1px; }
.h_bottom dl.weather dd { float:left; width:26px; height:16px; border-radius:50px;  font-weight:600; text-align:center; margin-right:8px; padding:13px 10px 17px 10px;}
.h_bottom dl.weather dd.good {border:2px solid #0000e4; color:#0000e4; }
.h_bottom dl.weather dd.good a {color:#0000e4; }
.h_bottom dl.weather dd.normal {  border:2px solid #197b30; color:#197b30;}
.h_bottom dl.weather dd.normal a { color:#197b30;}
.h_bottom dl.weather dd.bad  {  border:2px solid #ff9611; color:#fff; background:#ff9610;  }
.h_bottom dl.weather dd.bad a {  color:#fff;   }
.h_bottom dl.weather dd.verbad { padding:6px 10px 13px 10px; height:31px; color:#fff; background:#ed1c24; width:30px; }
.h_bottom dl.weather dd.verbad a {  color:#fff; }
.h_bottom dl.weather dd.gray {border:2px solid #4f4f4f; color:#4f4f4f;  padding:6px 10px 13px 10px; height:27px;  }
.h_bottom dl.weather dd.gray a {color:#4f4f4f; }

 .main_top{background:#f0f5f9;}
.h_contents{ padding:75px 0 65px; width:1250px; margin:0 auto;}
.hc_top{margin-bottom:29px; height:380px;display: flex; justify-content:space-between;}
.main_visual{float:left; margin-right:10px; width:661px; height:238px; overflow:hidden; position:relative;}

.main_visual .bx-wrapper .slide {position:relative;}
.main_visual .bx-wrapper .slide a {display:none;}
.main_visual .bx-wrapper .slide a:first-child{display:block;}
.main_visual .bx-wrapper .slide .img img {width:100%;}
.main_visual .bx-wrapper .slide a img {width:661px !important; margin:0; padding:0; border:0;}
.main_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {position:absolute; bottom:10px; right:5px; display:block; width:47px; font-size:15px; color:#000;  }
.main_visual .bx-wrapper .bx-pager a {width:13px; height:13px; margin:0 3px; border-radius:10px; text-indent:-9999px; background:#fefefe;}
.main_visual .bx-wrapper .bx-pager a:hover {background:#d3d3d3;}
.main_visual .bx-wrapper .bx-pager a.active {background:#feb900;}
.main_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {bottom:10px; right:80px; width:47px; }
.main_visual .bx-wrapper .bx-controls-direction a.bx-prev{top:90px; left:10px; width:45px; height:73px; background:url(../../images/header/h_prev_arr.png) 0 0 no-repeat; z-index:1; opacity:0.8;}
.main_visual .bx-wrapper .bx-controls-direction a.bx-next{top:90px; right:10px; width:45px; height:73px; background:url(../../images/header/h_next_arr.png) 0 0 no-repeat; z-index:1; opacity:0.8;}
.main_visual .bx-wrapper .bx-controls-auto .bx-start{top:101px; right:45px; margin:0; width:22px; height:22px; background:url(../../images/header/mv_start.gif) 0 0 no-repeat; z-index:1;}
.main_visual .bx-wrapper .bx-controls-auto .bx-stop{top:101px; right:30px; margin:0; width:21px; height:22px; background:url(../../images/header/mv_stop.gif) 0 0 no-repeat; z-index:1;}


/* 비쥬얼 팝업존*/
.mvisual {position:relative; box-sizing: border-box; width:833px; display:block; height:380px; overflow:hidden; margin:0; padding:0; margin-right:42px;}
.popup02{width:100%; height:100%;}
.popup02 .pop_list02{width:100%; height:100%;}
.popup02 .pop_list02 > li{width:100%; height:100%;}

.popup02 .pop_list02 > li:first-child{display:block;}

.popup02 .pop_ctrl02 {position:relative; margin:0px; padding:0px; z-index:9; background:rgba(0, 0, 0, 0.6); position:absolute; bottom:0; right:0; min-width:185px;
height:33px; display:flex; align-items:center; border-radius:10px 0 0 0;}
.popup02 .pop_ctrl02 button{display:block; background:none; /*float:left; margin:0; padding:0; background-color:#fff;*/ font-size:0; line-height:0; border:0; margin-top:-150px;}

.popup02 .pop_ctrl02 button:first-child{border-left:none;}

.popup02 .pop_ctrl02 .pop_prev02 {background:url(../../images/header/h_prev_arr02.png)no-repeat; width:8px;height:14px; bottom:9px; left:16px; position:absolute; cursor:pointer;}
.popup02 .pop_ctrl02 .pop_stop02 {background:url(../../images/header/pause_btn.png)no-repeat; width:12px;height:15px; bottom:9px; right:40px; position:absolute;}
.popup02 .pop_ctrl02 .pop_play02 {background:url(../../images/header/play_btn_0.png)no-repeat; width:12px;height:15px; bottom:9px; right:40px; position:absolute;}
.popup02 .pop_ctrl02 .pop_next02 {background:url(../../images/header/h_next_arr02.png)no-repeat; width:8px; height:14px; bottom:9px; right:70px; position:absolute; cursor:pointer;}

.popup02 .pop_ctrl02 .pop_prev02:hover,
.popup02 .pop_ctrl02 .pop_next02:hover {opacity:1;}
#popcount {margin:0px; color:#fff; font-size:17px; line-height:1em; vertical-align:middle; position:absolute; bottom:9px; 
right:95px;}

.popup02 .pop_list02 {margin:0px; display:block;}
.popup02 .pop_list02 {width:100%;margin:0px;}
.popup02 .pop_list02 > li > a{display:block; float:left; width:100%; height:100%;}
.popup02 .pop_list02 > li > a img{width:100%; height:100%; object-fit:fill; display:block;}

.pz_list03 {position:absolute; bottom: 9px; right:15px; z-index:100; width:15px; height:15px;}
 
/*후원자 마당*/
.right_img{display:flex;}
.right_img a{margin-right:9px;}
.right_img a:last-child{margin-right:0;}

@media only screen and (max-width:1000px) {
	.mvisual{margin-right:6px;}
}

@media only screen and (max-width:767px) { 
	
	.mvisual{margin-right:0px;}
	
	.popup02 { width:100%; height:auto; margin:0px; padding:0px; }
	.popup02 .pop_ctrl02 { margin-top:0px; }
	/*.popup02 .pop_ctrl02 .pop_prev02 { top:35px;}*/
	/*.popup02 .pop_ctrl02 .pop_next02 { top:35px;}*/
    .pz_list03 {bottom:8px }
	
	
	

}
.d_none{display: none;}


.m_content{display: flex;}
.columnWrap{width: 170px; margin-right: 20px;}
.columnWrap .top_box, .columnWrap .bottom_box{
	border-radius: 11px; 
	margin-bottom: 18px; 
	border: 3px solid transparent;
	background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #00a1dc 0%, #034ea2 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
	width: 164px;
    height: 105px;
}
.columnWrap .top_box em{
	background: url(../images/main/left_icon.png) no-repeat;
	content: '';
	display: inline-block;
	width: 35px;
	height: 31px;
}
.columnWrap .se_box p{
	padding-left: 14px;
	font-size: 18px;
	font-weight: bold;
}
.columnWrap .bottom_box em{
	background: url(../images/main/left_icon02.png) no-repeat;
	content: '';
	display: inline-block;
	width: 35px;
	height: 31px;
}
.columnWrap .bottom_box{margin-bottom: 0;}
.columnWrap .top_box a, .columnWrap .bottom_box a{display: flex;align-items: center; justify-content: center; height: 100%;}


.bottom_con{display: flex; justify-content: space-between;}

.left_icon{width: calc(100% - 417px); margin-right: 44px;}
.left_icon ul{display: flex; align-items: center;justify-content: space-between;}
.left_icon ul li{width: calc(100% / 6); height: 90px; border: 1px solid #bdbdbd; border-radius: 10px;
    margin-right: 4px; box-sizing: border-box; overflow:hidden;}
.left_icon ul li:last-child{margin-right:0;}
.left_icon ul li a{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; gap:10px; background:#fff; text-decoration:none;}
.left_icon ul li a span{font-size:18px; color:#222; font-weight:bold; line-height:22px;}
.left_icon ul li:hover{border-color:#0071bb;}
.left_icon ul li:hover span{color:#0071bb;}

/*아이콘*/
.left_icon ul li .ico01{background:url(../../images/main/2025_icon01.png) no-repeat; min-width:34px; height:50px;}
.left_icon ul li .ico02{background:url(../../images/main/2025_icon02.png) no-repeat; min-width:36px; height:32px;}
.left_icon ul li .ico03{background:url(../../images/main/2025_icon03.png) no-repeat; min-width:43px; height:27px;}
.left_icon ul li .ico04{background:url(../../images/main/2025_icon04.png) no-repeat; min-width:36px; height:30px;}
.left_icon ul li .ico05{background:url(../../images/main/2025_icon05.png) no-repeat; min-width:30px; height:38px;}
.left_icon ul li .ico06{background:url(../../images/main/2025_icon06.png) no-repeat; min-width:38px; height:28px;}

/*아이콘 hover*/
.left_icon ul li:hover .ico01{background:url(../../images/main/ico01_color.png) no-repeat; min-width:34px; height:50px;}
.left_icon ul li:hover .ico02{background:url(../../images/main/ico02_color.png) no-repeat; min-width:36px; height:32px;}
.left_icon ul li:hover .ico03{background:url(../../images/main/ico03_color.png) no-repeat; min-width:43px; height:27px;}
.left_icon ul li:hover .ico04{background:url(../../images/main/ico04_color.png) no-repeat; min-width:36px; height:30px;}
.left_icon ul li:hover .ico05{background:url(../../images/main/ico05_color.png) no-repeat; min-width:30px; height:38px;}
.left_icon ul li:hover .ico06{background:url(../../images/main/ico06_color.png) no-repeat; min-width:38px; height:28px;}

.popupzone1{position:relative; height:15px;}
.popupzone1 a{width:100%; height:100%; display:block; position:static;}
.popupzone1 h3{margin-bottom:7px; /*margin-left:-33px;*/ background:none; padding:0px; text-align:left; color:#fff;visibility: hidden;}
.popupzone1 h3 a {margin-bottom:7px; background:none; padding:0px; color:#222; letter-spacing:-0.1px; text-align:center;}
.popupzone1 span {color:#dd3d55; font-weight:600; font-size:110%; display:block; padding:0; width:40px; height:17px; margin:-25px 0 0 143px; letter-spacing:-0.1px;}
.popupzone1 .bx-wrapper .bx-viewport {margin-top:7px;}
.popupzone1 .bx-wrapper .slide {position:relative; overflow:hidden; width:286px; height:177px; }
.popupzone1 .bx-wrapper .slide a {display:block;}
.popupzone1 .bx-wrapper .slide .img img {width:100%;}
.popupzone1 .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {position:absolute; top:-20px; right:88px; text-align:right; display:block; padding:0; width:40px; height:13px; font-size:12px;}
.popupzone1 .bx-wrapper .bx-pager a {width:13px; height:13px; margin:0 3px; border-radius:10px; text-indent:-9999px; background:#fefefe;}
.popupzone1 .bx-wrapper .bx-pager a:hover {background:#d3d3d3;}
.popupzone1 .bx-wrapper .bx-pager a.active {background:#feb900;}
.popupzone1 .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {position:absolute; top:-20px; right:55px; width:7px; height:11px;}
.popupzone1 .bx-wrapper .bx-controls-direction a.bx-prev{top:-20px; right:72px; width:6px; height:11px; background:url(../../images/header/pz_prev_arr_s.gif) 0 0 no-repeat;}
.popupzone1 .bx-wrapper .bx-controls-direction a.bx-next{top:-20px; right:30px; width:6px; height:11px; background:url(../../images/header/pz_next_arr_s.gif) 0 0 no-repeat;}
.popupzone1 .bx-wrapper .bx-controls-auto .bx-start{width:7px; height:11px; background:url(../../images/header/pz_start_s.gif) 0 0 no-repeat;}
.popupzone1 .bx-wrapper .bx-controls-auto .bx-stop{width:7px; height:11px; background:url(../../images/header/pz_pause_s.gif) 0 0 no-repeat;}
.popupzone2{display:none;}


/*2020.08.26 배너 더보기*/
.layercon {width: 1250px; height: 820px; margin:0 auto;}
.layer_close {position: relative;}
.layer_close a { z-index: 10;   position: absolute;   right: 15px;   top: 50%;   transform: translateY(65%);}
.layer_title { width:100%; height: 70px; background-color: #0071bb;}
/* .layer_title {position: fixed; width: 1250px; height: 70px; background-color: #0071bb;} */
.layer_title h3 {color: #fff; font-weight: 600; font-size: 30px; line-height: 70px; margin-left: 30px; position: relative;}
.layer_title h3 span {font-size: 20px; color: #fff;}
.layerlist {padding: 2%; height: 700px; overflow: auto;}
/* .layerlist ul {padding-top: 70px;} */
.layerlist ul li {float: left; width: 49.5%; margin-right: 1%; margin-bottom: 20px;}
.layerlist ul li:nth-child(2n) {margin-right:0;}


@media (max-width:1250px) {	
	.layercon {width: 100%; height: auto;}
	.layer_close a { transform: translateY(35%);}
	.dim-layer .pop-layer {width: 80%;}
	.layer_title {height:50px; width:100%;}
	.layer_title h3 {width: 100%; font-size: 25px; line-height: 50px;}
	.layer_title h3 span {font-size: 16px;}
	.layerlist {height: 600px;}

}

@media (max-width:830px) {
	.dim-layer {overflow: auto;}
	.dim-layer .dimBg {height: 200% !important;}
	.dim-layer .pop-layer {position: absolute; top:335px;}
	.layer_title h3 {font-size: 16px; margin-left: 5px;}
	.layerlist {height: 500px;}
	.layerlist ul li {width: 100%; margin-right: 0;}
	.layer_close a { transform: translateY(50%); right: 10px;}
	.layer_close a img {width: 80%; height: auto;}
}

/*2020.08.26 서브 배너 더보기*/
.layerlist02 {padding: 2%; height: 700px; overflow: auto;}
/* .layerlist02 ul {padding-top: 70px;} */
.layerlist02 ul li {float: left; width: 24.2%; margin-right: 1%; margin-bottom: 20px;}
.layerlist02 ul li:nth-child(4n) {margin-right:0;}

@media (max-width:1250px) {	
	.layercon {width: 100%; height: auto;}
	.layer_close {float: none !important;}
	.dim-layer2 .pop-layer2 {width: 80%;}	
	.layerlist02 {height: 600px;}
	.layerlist02 ul li {width: 32.6%; margin-right: 1%;}
	.layerlist02 ul li:nth-child(2n) {margin-right:1%;}
	.layerlist02 ul li:nth-child(3n) {margin-right:0;}
}


/* 알림마당_전체보기 */
.pz_list {position:absolute; top:20px; right:20px; z-index:100;}
.pz_list02 {position:absolute; top:0px; right:5px; z-index:100; }
.PZPlusRe {position:absolute;left: 0px;top:0px; margin:0;padding:0;width:99.5%; display:none;z-index:10000; border:1px solid #0071bb; background:#FFF;}
.PZPlusRe h3 { margin:0px; padding:0px 0 0 10px; font-size:16px; font-weight:600; background:none; color:#fff; height:30px; line-height:30px; background:#0071bb; }
.PZPlusRe .PZList_frm { margin:0; padding:0; width:100%; height:206px; overflow: auto; background:#fff;}   
.PZPlusRe .PZList_frm ul { list-style:none; margin:0; padding:0 2%; width:96%;}
.PZPlusRe .PZList_frm ul li {  margin:0px; padding:0px;}
.PZPlusRe .PZList_frm ul li a { text-decoration:none; letter-spacing:-1px; border-bottom: 1px dashed #ccc;  padding:3px 0 3px 12px; background:url(../../images/main/dot01.gif) 3px 15px no-repeat; margin:0px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:98%; float:left; line-height:160%; display:block;color:#333;  }
.PZPlusRe .PZList_frm ul li a:hover {color:#0176b8;}
.PZPlusRe .btn { position: absolute; top:0px; right:0px;}
.PZPlusRe .btn a { padding:6px; display:block;}
 
.PZPlusRe .PZList_frm p { list-style:none; margin:0; padding:0 2%; width:96%;}
.PZPlusRe .PZList_frm p a { text-decoration:none; font-size:14px; border-bottom: 1px dashed #ccc;  padding:1px 0 1px 9px; margin:0px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:98%; float:left; line-height:160%; display:block;color:#333;  }

.hc_etc{float:left; min-width:375px; height:380px; position:reletive;}
.greeting{position: relative; width:100%; height:100%;}
.greeting .m_img{display:none;}
.greeting2{display:none;}
.syber1{width:235px; height:115px; background:url(../../images/header/syber_bg.gif) 0 0 no-repeat;}
.syber1 h3{margin:0; padding:0; width:0; height:0; text-indent:-9999px;}
.syber1 div{overflow:hidden; padding:37px 0 0 11px;}
.syber1 a{float:left; margin-right:7px;}
.syber2{display:none;}


.h_link1{overflow:hidden; margin-right:10px; width:661px; height:40px; background:url(../../images/header/menu_bg01.png) repeat-x;}
.h_link1 a{padding:0px 18px 0px 18px; /*width:111px;*/ height:40px; border-right:1px solid #445968; font-size:14px; color:#fff; text-align:left; font-weight:bold; letter-spacing:-1px; background:url(../images/header/h_dot.png) no-repeat 10px 50%; line-height:37px;}
.h_link1 a.lst{border:none;}
.h_link1 a img{margin:6px 3px 0 0;}
.h_link1 span a {border-right:0px solid #445968 !important; padding:0px 5px 0px 18px; margin-left:2px;}
.h_link1 h3 {float:left; color:#fff; font-weight:600; background:none; font-size:14px; line-height:37px; padding-left:16px; letter-spacing:-1px;}
.h_link1 h3 a {background:none; padding-left:0px;}


.h_link2{overflow:hidden; width:100%; height:85px; background:#034ea2; display: flex; align-items: center; box-sizing:border-box; padding:10px 0;}
.h_link2 a{color:#fff; font-weight:bold; text-align:center; width: 100%; text-decoration: none; width:100%; height:100%; 
display:flex; align-items:center; justify-content:center; border-right:1px dashed #eef4fd;}
.h_link2 a:last-child{border-right:0;}
.h_link2 a.lst{background:none;}
.h_link2_1{display:none;}

.h_link3{width:235px; height:40px; background:url(../../images/header/menu_bg02.png) repeat-x;}
.h_link3 a{display:block; padding:0px 0px 0px 40px; line-height:37px; background:url(../../images/header/calendar_icon.png) 27px 5px no-repeat; font-size:14px; color:#fff; font-weight:bold; text-align:center;}
.h_link3_1{display:none;}
.t_link{display:none;}

/* gnb */
/* gnb */
.gnb{background: #fff; position:relative; height:70px;  z-index:10; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;}
.gnb_wrap{width:1250px; margin:0 auto;}
.gnb_wrap>ul{overflow:hidden; width:100%; margin:0 auto;}
.gnb_wrap>ul>li{float:left; /*margin-right:126px;*/ width:20%; text-align:center; margin-right:0px; /*padding:5px 0 10px;*/ padding:0px; line-height:70px;}
/*.gnb_wrap>ul>li>a:hover{text-decoration:none; background: #001664; display:block;}*/
/* 2016.12.04 수정 */
.gnb_wrap>ul>li>a{font-size:20px; font-weight:bold; color:#222; letter-spacing:-1px; position:relative;}
.gnb_wrap>ul>li>a.active{text-decoration:none; /*background: #001664;*/ display:inline-block; color:#222; position:relative;}
.gnb_wrap>ul>li>a.active:after{content:''; position:absolute; bottom:0;; left:0; width:100%; height:6px; background:#034ea2;}


.gnb_wrap ul li div.gnb_sub{display:none; position:absolute; top:70px; left:0; width:100%; 
background:#fff; z-index:10;}
.gnb_wrap ul li div.gnb_sub.active{display:block; position:absolute; top:70px; left:0; width:100%; 
background: #fff; z-index:9999; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; padding:40px 0 60px;}
/*20250617*/
.gnb_wrap ul li div.gs_wrap{width:1250px; margin:0 auto; display:flex; justify-content:space-between;
background: #fff url(../images/main/menu_bg.png) no-repeat left 20px top 0;}
.gnb_wrap ul li div.gs_wrap:after{display:block; content:""; clear:both; text-align:left;}
.gnb_wrap ul li div.gs_wrap h3{min-width:200px; color:#034ea2; font-size:25px; font-weight:bold; line-height:1em; padding-top:10px; text-align:left;}

.gnb_wrap ul li div.gs_wrap ul{overflow:hidden; display:flex !important; flex-wrap:wrap; gap:13px 30px; padding:0 !important;}
.gnb_wrap ul li div.gs_wrap ul li{margin:0; width:calc((100% / 4) - 23px);}
.gnb_wrap ul li div.gs_wrap ul li.lst{border:none;}
.gnb_wrap ul li div.gs_wrap ul li.depth_n{border-bottom:none;}
.gnb_wrap ul li div.gs_wrap ul li a{font-size:16px; text-align:left; letter-spacing:-1px; display: block; 
padding: 11px 14px; line-height:1em; color:#222; border-radius:10px; background:#e8e8e8;}
.gnb_wrap ul li div.gs_wrap ul li a.active {background:#dce9fb; color:#222; text-decoration:none;}
.gnb_wrap ul li div.gs_wrap ul li ul{float:left; margin-bottom:15px;  margin-left:20px; /*margin-bottom:0px; margin-right:0px;*/ 
padding:10px 0 0 20px; /*padding-top:10px;*/ display:flex; flex-direction:column; border:0px solid #000; padding-top:15px !important;}

/*.gnb_wrap ul li div.gs_wrap ul li ul{float:left; padding-top:10px; margin-bottom:15px; margin-right:20px; margin-right:0px; padding-top:5px; padding-left:10px; padding-bottom:0px; margin-bottom:0px; width:1010px;  border:0px solid #000; }*/


.gnb_wrap ul li div.gs_wrap ul li ul li{margin-right:0; border-bottom:none; /*padding:0px;*/ position:relative; }
.gnb_wrap ul li div.gs_wrap ul li ul li:before{width:1px; height:1px; background:#222; content:''; display:block; position:absolute; top:8px; left:0;
}
.gnb_wrap ul li div.gs_wrap>ul>li>ul>li>a{padding:0; text-align:left; line-height:1em;  letter-spacing:-2px; color:#222; border:none; width:150px;
background:none; padding-left:8px;  text-decoration:none; }

.gnb_wrap ul li div.gs_wrap ul li ul.w177p { width:177px; margin-bottom:0px;}
.gnb_wrap ul li div.gs_wrap ul li ul li.halfli a { width:60px !important; }

.gnb_wrap ul li div.gs_wrap ul li ul li a:hover,
.gnb_wrap ul li div.gs_wrap ul li ul li a:focus  { color:#034ea2; border:none;}
.gnb_wrap ul li div.gnb_sub div ul:first-child{position:relative; display:none; z-index:10;}

.icon_type {float:none !important; padding-top:20px !important; padding-bottom:30px; height:auto; 
width:calc(100% - 200px); text-align:center; margin:0 auto !important; display:block; gap:20px !important;}
.icon_type li{display:inline-block; float:none !important; border:none; padding:0px; width:calc((100% / 11) - 20px) !important;}
.icon_type li a {display:block;  background:none !important;  
border:none !important;  padding:0 !important;}
.icon_type li a span {font-size:18px; font-weight:600; letter-spacing:-1px; background:none !important; display:block;text-align:center; line-height:1em;
padding:10px 0 20px 0;}
.icon_type li ul {height:50px; padding:0px 0px 30px 0px; top:120px; position:absolute; left:0%; overflow:hidden; width:1010px !important;  float:none !important; border-top:1px solid #99d8f1 !important; text-align:center !important; margin:0px auto !important; }
.icon_type li ul li { border:none; /*padding:0px;*/ display:inline; text-align:center; overflow:hidden; float:none !important;}
.icon_type li ul li a { color:#fff; background:url(../gmi/cni/icon_type_bulit02.png) no-repeat 5px 0 !important;  margin:0px auto !important; letter-spacing:-1px !important;  line-height:28px !important; height:30px; padding-right:15px !important; width:auto !important;   }  


.icon_type li div{
height:50px; padding:0px 0px 30px 0px; 
top:166px; position:absolute; left:0%; overflow:hidden; width:100% !important;  
float:none !important; border-top:1px solid #99d8f1 !important; text-align:center !important; 
margin:0px auto !important; position:absolute;}
.icon_type li div a { color:#fff; float:left; background:url(../gmi/cni/icon_type_bulit02.png) no-repeat 5px 17px !important; list-style:none; margin:0px !important; width:auto !important; letter-spacing:-1px !important;  line-height:28px !important; height:30px; padding: 5px 20px 5px 15px!important; } 

.icon_type li .img{width:80px !important; height:80px; border:1px solid #b6cddf; 
position:static; border-radius:20px; padding:0; margin:0;}
.icon_type li:hover .img{border:1px solid #034ea2 !important;}
.icon_type li:hover a span{color:#034da1 !important;}

.icon_type li.type1s .img{ background:url(../../images/sub/icon001.png) no-repeat center !important;}
.icon_type li.type1s div.list_box { padding-left:10%;}


.icon_type li.type2s .img{ background:url(../../images/sub/icon002.png) no-repeat center; }
.icon_type li.type2s div.list_box { padding-left:10%;}


.icon_type li.type3s .img{ background:url(../../images/sub/icon003.png) no-repeat center;}
.icon_type li.type3s div.list_box { padding-left:20%;}

.icon_type li.type4s .img{ background:url(../../images/sub/icon004.png) no-repeat center;}
.icon_type li.type4s div.list_box { padding-left:20%;}

.icon_type li.type5s .img{ background:url(../../images/sub/icon005.png) no-repeat center;}
.icon_type li.type5s div.list_box { padding-left:35%;}

.icon_type li.type6s .img{ background:url(../../images/sub/icon006.png) no-repeat center;}
.icon_type li.type6s div.list_box { padding-left:40%;}

.icon_type li.type7s .img{ background:url(../../images/sub/icon007.png) no-repeat center;}
.icon_type li.type7s div.list_box { padding-left:50%;}

.icon_type li.type8s .img{ background:url(../../images/sub/icon008.png) no-repeat center;}
.icon_type li.type8s div.list_box { padding-left:60%;}


.icon_type li.type9s .img{ background:url(../../images/sub/icon009.png) no-repeat center;}
.icon_type li.type9s div.list_box { padding-left:65%;}

.icon_type li.type10s .img{ background:url(../../images/sub/icon010.png) no-repeat center;}
.icon_type li.type10s div.list_box { padding-left:10%;}


.icon_type li.type11s .img{ background:url(../../images/sub/icon011.png) no-repeat center;}
.icon_type li.type11s div.list_box { padding-left:15%;}





.icon_type_dong {float:none !important; padding:40px 0; /*height:130px;*/ text-align:center;
width:100% !important; margin:0 auto !important; display:block; gap:0 !important;}
.icon_type_dong li{display:inline-block; float:none !important; border:none; padding:0px; overflow:hidden;  width:66px !important; flex:1 !important;}
/*.icon_type li a {padding:60px 0px 0px 0px !important; width:66px !important; display:block;  background:none !important; margin:0px !important; border:none !important; float:left; }*/
.icon_type_dong li a { width:66px !important; display:block;  background:none !important;  border:none !important;  }
.icon_type_dong li a span {  width:66px !important; font-size:16px; font-weight:600; letter-spacing:-1px; background:none !important; vertical-align:top; 
display:block; padding:60px 0px 0px 0px !important; overflow:hidden; text-align:center; margin:0px 0px 0px -9px !important;}



.icon_type_dong li.dong_type1s { background:url(../../images/sub/dong_type1s.png) no-repeat top center !important;}
.icon_type_dong li.dong_type1s:hover,
.icon_type_dong li.dong_type1s:focus { background:url(../../images/sub/dong_type1son.png) no-repeat top center !important;}

.icon_type_dong li.dong_type2s { background:url(../../images/sub/dong_type2s.png) no-repeat top center;}
.icon_type_dong li.dong_type2s:hover,
.icon_type_dong li.dong_type2s:focus { background:url(../../images/sub/dong_type2son.png) no-repeat top center;}

.icon_type_dong li.dong_type3s { background:url(../../images/sub/dong_type3s.png) no-repeat top center;}
.icon_type_dong li.dong_type3s:hover,
.icon_type_dong li.dong_type3s:focus { background:url(../../images/sub/dong_type3son.png) no-repeat top center;}

.icon_type_dong li.dong_type4s { background:url(../../images/sub/dong_type4s.png) no-repeat top center;;}
.icon_type_dong li.dong_type4s:hover,
.icon_type_dong li.dong_type4s:focus { background:url(../../images/sub/dong_type4son.png) no-repeat top center;}

.icon_type_dong li.dong_type5s { background:url(../../images/sub/dong_type5s.png) no-repeat top center;}
.icon_type_dong li.dong_type5s:hover,
.icon_type_dong li.dong_type5s:focus { background:url(../../images/sub/dong_type5son.png) no-repeat top center;}

.icon_type_dong li.dong_type6s { background:url(../../images/sub/dong_type6s.png) no-repeat top center;}
.icon_type_dong li.dong_type6s:hover,
.icon_type_dong li.dong_type6s:focus { background:url(../../images/sub/dong_type6son.png) no-repeat top center;}

.icon_type_dong li.dong_type7s { background:url(../../images/sub/dong_type7s.png) no-repeat top center;}
.icon_type_dong li.dong_type7s:hover,
.icon_type_dong li.dong_type7s:focus { background:url(../../images/sub/dong_type7son.png) no-repeat top center;}

.icon_type_dong li.dong_type8s { background:url(../../images/sub/dong_type8s.png) no-repeat top center;}
.icon_type_dong li.dong_type8s:hover,
.icon_type_dong li.dong_type8s:focus { background:url(../../images/sub/dong_type8son.png) no-repeat top center;}

.icon_type_dong li.dong_type9s { background:url(../../images/sub/dong_type9s.png) no-repeat top center;}
.icon_type_dong li.dong_type9s:hover,
.icon_type_dong li.dong_type9s:focus { background:url(../../images/sub/dong_type9son.png) no-repeat top center;}

.icon_type_dong li.dong_type10s { background:url(../../images/sub/dong_type10s.png) no-repeat top center;}
.icon_type_dong li.dong_type10s:hover,
.icon_type_dong li.dong_type10s:focus { background:url(../../images/sub/dong_type10son.png) no-repeat top center;}

.icon_type_dong li.dong_type1s, 
.icon_type_dong li.dong_type2s, 
.icon_type_dong li.dong_type3s, 
.icon_type_dong li.dong_type4s,
.icon_type_dong li.dong_type5s,
.icon_type_dong li.dong_type6s, 
.icon_type_dong li.dong_type7s, 
.icon_type_dong li.dong_type8s, 
.icon_type_dong li.dong_type9s, 
.icon_type_dong li.dong_type10s  { margin:0px 1.2% !important;} 



.error_info {  padding:0px 3%; margin:5% auto; overflow:hidden; width:94%; text-align:center; background:url(../images/header/error_info_ico.png) no-repeat top center;}
.error_info .info { font-size:300%; font-weight:500;  text-align:center; border-bottom:2px dashed #6e839e; padding-top:350px; letter-spacing:-3px; padding-bottom:50px; margin-bottom:20px; word-break:keep-all; }
.error_info .info span { font-size:60%; display:block; margin-top:30px; }

.error_info .explan { font-size:120%; text-align:center; line-height:180%; word-break:keep-all; }



.gnb_wrap ul li.lst{margin-right:0;}



/* 하단배너 슬라이드 */
.banner_zone{height:70px; display:flex; align-items:center; clear:both;}
.banner_wrap{overflow:hidden; width:1250px; margin:0 auto;}
.banner_wrap h3{float:left; background:none; font-size:22px; line-height:34px; color:#000;}

.site_link {overflow:hidden; position:relative; margin:0 auto;}
.site_link ul {float:right; width:1026px; height:34px;}
.site_link ul li a {display:inline-block; padding:0 20px; line-height:34px; font-size:17px; font-weight:bold; color:#666;}

.site_link1 {overflow:hidden; position:relative; margin:0 auto;}
.site_link1 ul {float:right; margin-top:9px; width:1071px; height:34px;}
.site_link1 ul li a {display:inline-block; padding:0 20px;}

.btn_field {position:absolute; top:8px; left:5px; margin-left:10px;}
.btn_field > span {float:left; margin-left:13px; height:18px}

/* footer */
.footer_menu{background:#3a3a3a;}
.fm_wrap{width:1250px; height:50px; margin:0 auto;}
.fm_wrap:after{display:block; content:""; clear:both;}
.f_menu{float:left; display:flex;}
.f_menu a{display:inline-block; margin-top:15px; display:flex; align-items:center;
color:#fff; font-size:16px; letter-spacing:-1px; line-height:1em;}
.f_menu a:after{width:1px; height:1px; background:#ebebeb; content:''; display:inline-block; margin:0 20px;}
.f_menu a:last-child:after{display:none;}
.f_menu a.fst{background:none; padding-left:0px;}
.f_option{position:relative; float:right;}
.f_option:after{display:block; content:""; clear:both;}
.f_option div{float:left; border-left:1px solid #737373;}

/* 관련사이트 */
.familySite {right:52px; top:0;}
.familySite ul {float:left; font-weight:400;}
.familySite .submit{display:none;}
.familySite .btn_family {float:left; width:260px; height:50px; display:flex; align-items:center; padding-left:20px; text-transform:uppercase; 
background:url('/images/main/top_btn.png') no-repeat right center;  letter-spacing:0px; font-size:16px; color:#fff;}
/*.familySite .btn_family.open { background:url('/images/footer/bottom_btn.gif') no-repeat right center;}	*/
.familyList {position:absolute; right:50px; bottom:50px; padding:0 0 0 15px; width:213px; border:1px solid #373e4c; background-color:#4f5664; display:none; letter-spacing:-1px; word-spacing:-1px; z-index:9999;}
.familyList li {line-height:34px;}
.familyList li a {display:block; color:#fff; font-size:13px;} 

#footer{height:150px; background-color:#f5f6f8; clear:both;}
.f_wrap{overflow:hidden; width:1250px; margin:0 auto;}
.f_infor{float:left; margin-top:20px; font-size:16px; letter-spacing:-1px; color:#333;}
.f_etc{overflow:hidden; float:right; margin-top:20px;}
.f_etc ul{overflow:hidden; float:left;}
.f_etc ul li{float:left; margin-left:4px;}
.f_etc p{float:left; margin-left:14px;}

.mobile_menu{display:none;}
.m_sch{display:none;}
#m_search{display:none;}
.common_tab { display:none;}
.common_tab_outer { display:none;}





/* 모바일 메뉴 */
.skip { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
#shadow_device{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.7; z-index:1030; }
#touchArea{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000}

#topmenu{display:none; position:absolute;top:0; left:-224px; width:260px; overflow:auto; padding-bottom:0px; height:100%;opacity:0;  z-index:1040;  background:url(../../images/common/mobile_topmenu_bg.gif) repeat-y; /*background:#1e304c;*/ background:#016cba; z-index:1040; letter-spacing:-1px;}

#topmenu h1 {text-align:center; margin:0px; padding:20px; background:none; border:0px;}
#topmenu .tmc a.tmcd{padding:10px;color:#fff}
#topmenu .tmc a.ov{font-size:14px; font-weight:700}
#topmenu .tmc .thm{padding:10px;background:#f9f9f9}
#topmenu .tmc .thm a{padding:5px 10px;line-height:1.2}

#topmenu a{display:block; color:#fff}
#topmenu .global{display:table;width:100%;border-bottom:1px solid #016cba; /*background:#1a5189;*/ background:#338dc9;}
#topmenu .global a{display:table-cell;width:100px; padding:10px; text-align:center;border-left:1px solid #016cba;}
#topmenu .global a:first-child{border:0; }

/* 마우스 오버 메뉴 상단 css 2016.12.09*/
/*#topmenu > #gnb_device > li > ul > li > a.active{padding:10px 0;padding-left:20px; background:#000000 url(../../images/common/tm_th2_bul02.png) no-repeat 94% 49%; }*/



 
#topmenu > #gnb_device > li > ul > li > ul > li > a.hover,
#topmenu > #gnb_device > li > ul > li > ul > li > a.active{padding:3px 0 3px 30px;/*padding-left:30px;*/ background:url(../images/header/th4off.png) no-repeat 21px 55%; text-decoration:none !important; }

#topmenu #gnb_device .th1{ /*border-bottom:1px solid #273853;*/ border-bottom:1px solid #338dc9;}
#topmenu #gnb_device .th1:first-child{border-top:0}
#topmenu #gnb_device .th1 a.th1_lnk{padding:15px 0;padding-left:15px; font-weight:bold; background:url(../../images/common/tm_plus.png) no-repeat 95% 49%;}
#topmenu #gnb_device .th1 a.ov,
#topmenu #gnb_device .th1 a.th1_lnk:active{padding-left:15px; background:#004588 url(../../images/common/tm_minus.png) no-repeat 95% 49%;}
#topmenu #gnb_device .th1 li a img{padding:8px 0 0 3px;}


#topmenu #gnb_device .th2{background:#162841;}
#topmenu #gnb_device .th2 li{border-top:1px solid #273853; background:url(../../images/common/tm_th2_bul.png) no-repeat 94% 49%;}
#topmenu #gnb_device .th2 li a{padding:10px 0;padding-left:20px; background:url(../../images/common/tm_th2_bul02.png) no-repeat 94% 49%;}
#topmenu #gnb_device .th2 li a:active{color:#90daf7;}
#topmenu #gnb_device .th2 li li{background:none;border-top:0;} 
#topmenu #gnb_device .th2 li li a{padding:3px 0;padding-left:30px;color:#c8ccd7;border-top:0;background: url(../images/header/th4on.png) no-repeat 21px 50%;}
#topmenu #gnb_device .th2 li li a:hover,
#topmenu #gnb_device .th2 li li a:active{color:#90daf7; text-decoration:none !important;   }
#topmenu #gnb_device .th2 li li a:before{/*content:"·";*/display:inline;margin-right:5px;color:#7183b1; }
#topmenu #gnb_device .th2 li a img{padding:8px 0 0 3px;}
#topmenu #gnb_device .th2 li li a img{padding:8px 0 0 3px;}


#topmenu #gnb_device .th3{display:none;padding:10px 0; background:#0c3e70; background:#016cba;}
#topmenu #gnb_device .th3 li{border-top:1px solid #fff;}
#topmenu #gnb_device .th3 li a{padding:10px 0;padding-left:0px;color:#fff !important; }
#topmenu #gnb_device .th3 li a:active{color:#fff;}
#topmenu #gnb_device .th3 li a:hover {color:#fff; text-decoration:none !important; background:url(../images/header/th4off.png) no-repeat 21px 55%; }
#topmenu #gnb_device .th3 li li{background:none;border-top:0} 
#topmenu #gnb_device .th3 li li a{padding:3px 0;padding-left:25px;color:#fff !important;border-top:0; background:none; }
#topmenu #gnb_device .th3 li li a:hover,
#topmenu #gnb_device .th3 li li a:active{color:#fff !important;text-decoration:none !important; background: none !important;   }
#topmenu #gnb_device .th3 li li a:before{content:"·"; display:inline; margin-right:5px;color:#7183b1; }
#topmenu #gnb_device .th3 li li a img{padding:8px 0 0 3px;}

#topmenu #gnb_device .th4{display:none;padding:5px 0; background:#092f54; background:#284776;}
#topmenu #gnb_device .th4 li{border-top:1px solid #fff;  }
#topmenu #gnb_device .th4 li a{padding:5px 0;padding-left:20px; font-size:13px; color:#fff !important;}
#topmenu #gnb_device .th4 li a:active{color:#fff; }
#topmenu #gnb_device .th4 li a:hover{color:#fff; text-decoration:none !important; background:none; }
#topmenu #gnb_device .th4 li li{background:none;border-top:0;} 
#topmenu #gnb_device .th4 li li a{padding:3px 0;padding-left:0px;color:#fff !important;border-top:0; background: none !important; }
#topmenu #gnb_device .th4 li li a:hover,
#topmenu #gnb_device .th4 li li a:active{color:#fff !important; text-decoration:none !important;  }
#topmenu #gnb_device .th4 li li a:before{content:"·";display:inline; margin-right:5px;color:#7183b1; }
#topmenu #gnb_device .th4 li li a img{padding:8px 0 0 3px; padding:0px 0px 0px 3px;}
/**/
@media only screen and (min-width:1000px) {
.m_sns_tzone_wrap{display: none;}

}


@media only screen and (max-width:1279px) {
	.bottom_con{display:block;}
	.columnWrap{display: none;}
	.columnWrap{margin-top: 27px;}
	
	.columnWrap .se_box .top_box{width: 45%;margin-right: 2%;height: 92px;}
	.columnWrap .se_box .bottom_box{width: 45%;}
	.m_content{display: block;}
	.d_none{display: block;display: flex; justify-content: space-between;width: 100%;}
	.d_none .se_box{display: flex;}
	.box_n{display: block !important;margin-top: 0;width: 591px;}

	.box_n .se_box .top_box{width: 49%;margin-right: 2%;height: 92px;}
	.box_n .se_box .bottom_box{width: 49%;height: 92px;}
	.d_none.right_img a{width: 100%; height: 100%; display: inline-block;}
	.left_icon{width: 100%; margin-bottom: 15px; margin-right:0;}
	.left_icon ul{margin-right: 0;}
	/* header */
	#header{/*background:url(../../images/header/pc_header_bg.jpg) 50% 0 no-repeat;*/}
	/*.h_wrap{width:983px;}*/
	.h_contents{width:983px; margin:0 auto;}
	.mvisual{width:566px;}
	.h_top .f_box,
	.h_bottom .h_box,
	.bottom_con
	{width:983px;}
	.popup02 .pop_list02 > li > a{position:relative; padding-top:47%; display:block;}
	.popup02 .pop_list02 > li > a img{position:absolute; top:0; left:0; width:100%; height:100%;}
	.h_bottom .slogan {display: inline-block; width: auto;}
	.h_bottom .slogan img{display: block; width: 80%; margin: auto;}
	
	.h_bottom .special {  width:252px;   padding:13px 30px 13px 30px; }
	.h_bottom .special span {margin-left:10px;}

	.h_bottom .gg2018 {  width:252px;   padding:0px; }
	.h_bottom .gg2018 span {margin-right:10px;}
	
	.syber{display:none;}
	.syber1{display:none;}
	
	
	.syber2{display:block; margin-bottom:6px; padding:0px; width:312px; height:16px; background:url(../../images/header/syber_bg1.gif) 0 0 no-repeat; height:40px;}
	.syber2 a{font-size:14px; font-weight:bold; color:#fff; letter-spacing:-2px; line-height:37px; }
	.syber2 a.fst{margin:0 28px 0 42px;}
	.syber2 a.lst{margin:0 16px 0 46px;}

	.h_link2_1{display:block; overflow:hidden; width:302px; height:40px; background:#377bc2; width: 100%;}
	.h_link2_1 a{float:left; display:block; padding:10px 0 10px 0; width:33.33%; height:20px;  font-size:14px; color:#fff; 
		font-weight:bold; text-align:center;border-right: 1px solid #5f95ce; box-sizing: border-box; height: 40px;
	}
	
	.h_link2_1 a.lst{background:none; border-right: 0;}

	.h_link3_1{display:block; margin-bottom:6px;}
	.h_link3_1{width:312px; height:40px; background:url(../../images/header/menu_bg02.png) repeat-x;}
	.h_link3_1 a{display:block; padding:0px 0px 0px 50px; margin:0px; background:url(../../images/header/calendar_icon.png) 16px 5px no-repeat; font-size:14px; color:#fff; font-weight:bold; line-height:37px; height:40px;}


	/* gnb */
	.gnb_wrap{width:983px; }
	.gnb_wrap ul li div.gs_wrap h3{display:none !important;}

	.gnb_wrap ul li div.gs_wrap{width:983px; background:none;}
	.gnb_wrap ul li div.gs_wrap ul{width:auto;}
	.gnb_wrap ul li div.gs_wrap ul.icon_type{width:100% !important;}
	.gnb_wrap ul li div.gs_wrap ul.icon_type li{/*margin:0 8px 10px;*/}
	
	
	
	
	


	


	/* 하단배너 슬라이드 */
	.banner_wrap{width:983px;}
	.site_link ul{width:780px;}
	.btn_field{left:0;}

	/* footer */
	.fm_wrap{width:983px;}
	.fm_wrap a.fst{padding-left:0;}
	.f_wrap{width:983px;}
	

	


@media only screen and (max-width:1000px) {
    .h_contents{width:750px; margin:0 auto; padding-top:5px;}
	.h_contents img{width:100%;}
	.mvisual{height:auto;}
	.hc_etc{height:auto;}
	.hc_top{flex-direction:column;}
    .hc_bottom{position:static;}
	.mvisual{width:100%; margin:0 0 20px 0;}
	.h_top .f_box,
	.h_bottom .h_box,
	.bottom_con
	{width:750px;}
	#footer{height:auto;}
	.f_etc{display:none;}
	.f_wrap{width: 750px;}
	.fm_wrap{width: 750px;}
	.site_link ul{width:545px;}
	.banner_wrap{width:750px;}
	.util_hm{display: none;}
    .pc_sns_tzone_wrap{display: block;}
    .m_sns_tzone_wrap{display: none;}
	.gnb{display: none}
    #header{/*background:url(../../images/header/t_header_bg.jpg) 50% 0 no-repeat;*/}	
	.greeting .pc_img{display:none;}
	.greeting .m_img{display:block;}
	 /*#h_switch {padding-top:57px; }*/
	.h_top { display:none;}
	.h_bottom h1{float:none; text-align:center; }
	.h_bottom .special { display:none;}
	.h_bottom .special2 { display:none;}
	.h_bottom .gg2018 { display:none;}
	.h_bottom .weather_outer { display:none;}
	 
    .h_bottom h1{ display:none; }
	.h_bottom h1.tlogo{ display:block; width:400px;} 
	.h_bottom h1.mlogo{ display:none;} 
	.h_bottom .slogan { display:none;}
	.mobile_menu{display:block; position:absolute; top:49px; left:10px;}
	.m_sch{display:block; position:absolute; top:8px; right:0;}

	.bottom_con{width:750px !important;}
	.h_bottom{display: flex; align-items: center; justify-content: center;}
	
	.icon_type02 { display:none;}
	
	.common_tab_outer {  display:block; padding:0px 0px 20px 0px; position:relative;}
	.common_tab { display:block; margin-bottom:0px; position:relative; padding:0px;}
    .common_tab:after {clear: both; content: ""; display: block;}
	.common_tab li { background:#fff; border:1px solid #ddd; border-radius:0px; box-sizing:content-box; display:inline-block; float:left; margin:-1px 0px 0px -1px; overflow: hidden; position: relative; width:19.6%; letter-spacing:-1px; }
	.common_tab li a {/*background: url(../../images/sub/tab_bg.png) no-repeat 90% 50%; */ display: block;  padding:0px 10px 0px 10px; font-weight:600;  line-height:37px; height:37px; position:relative; }
	.common_tab li.ov, 
	.common_tab li.on,
	.common_tab li:hover { background: #134383; border:1px solid #114283;}
	.common_tab li:hover a, 
	.common_tab li.ov a, 
	.common_tab li.on a {background:url(../../images/sub/common_tab.png) no-repeat 90% 50%; color: #fff;}
	
	.common_tab_menu  {margin:0px; padding:10px; padding-bottom:0px; overflow:hidden; background:#ebebeb; width:96%;}
	.common_tab_menu li {margin:0px 0 12px 0; padding:0px; float:left; display:inline;}
	.common_tab_menu li a {margin-left:20px; padding-left:10px; background:url(../gmi/cni/list_type3_bulit.gif) no-repeat left 8px; font-weight:600; font-size:14px;}
	
	.common_tab_outer .show, .common_tab_outer.show { visibility:inherit; }
    .common_tab_outer .hide, .common_tab_outer.hide { height:0; visibility:hidden; }



    .none{display:none;}
	
	.down_menu { margin:0px; padding:0px; overflow:hidden; width:98.5%;  z-index:30; /*position:absolute; top:100px;*/ background:url(../gmi/cni/down_menu.png) no-repeat 2% top;}
	.down_menu.down_menu2 { background:url(../gmi/cni/down_menu.png) no-repeat 24% top;}
	.down_menu.down_menu3 { background:url(../gmi/cni/down_menu.png) no-repeat 46% top;}
	.down_menu.down_menu4 { background:url(../gmi/cni/down_menu.png) no-repeat 67% top;}
	.down_menu.down_menu5 { background:url(../gmi/cni/down_menu.png) no-repeat 88% top;}
	.down_menu.down_menu6 { background:url(../gmi/cni/down_menu.png) no-repeat 2% top;}
	.down_menu.down_menu7 { background:url(../gmi/cni/down_menu.png) no-repeat 24%  top;}
	.down_menu.down_menu8 { background:url(../gmi/cni/down_menu.png) no-repeat 46% top;}
	.down_menu.down_menu9 { background:url(../gmi/cni/down_menu.png) no-repeat 67% top;}
	.down_menu.down_menu10 { background:url(../gmi/cni/down_menu.png) no-repeat 88% top;}
	.down_menu ul { margin:0px; margin-top:13px; padding:20px; list-style:none; background:#134383; overflow:hidden;}
	.down_menu ul li {width:50%; float:left; display:inline; font-size:15px; letter-spacing:-1px; margin-bottom:10px;}
	.down_menu ul li a {color:#fff; background:url(../gmi/cni/down_menu_bulit.png) no-repeat left 45%; padding-left:10px; line-height:20px;}
	.down_menu ul li.w100p {width:100% !important;}
	.down_menu ul ul {margin:10px 0 0 0; background:#cfe8ff; padding:10px 10px 0px 8px; overflow:hidden;}
	.down_menu ul ul li a {background:url(../gmi/cni/down_menu_bulit02.png) no-repeat left 45%; color:#000; font-size:90%; line-height:18px;}	
	
	.h_bottom .h_box{justify-content:center;}

	/*Tablet 통합검색*/
	#m_search{display:block;}
	#m_search .search_btn {display:block; position:absolute; top:46px; right:10px;}
	#m_search .search_btn a {display:block; width:39px; height:38px; display:block; background:url(/_gmi/cni/redaeh/search_btn.gif) no-repeat center 50%;}
	#m_search .search_btn a span{position:absolute; left:-10000px;}
	#m_search .search_input_rwd {padding:10px 0 10px 10px; background-color:#145192; height:32px; position:absolute; z-index:555; width:96%; top:64px; left:1%; display:none;}
	#m_search .search_input_rwd label {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; visibility:hidden; overflow:hidden;}
	#m_search .search_input_rwd input[type="text"] {background:#fff; width:85%; height:15px; border:0; float:left; padding:6px 0 9px 10px; font-size:13px; border-radius:0px !important;}
	#m_search .search_input_rwd input[type="image"] {float:left;position:absolute; top:6px; right:65px;}
	#m_search .search_input_rwd .close_btn {display:block; width:50px; height:48px; position:absolute; right:1px; top:6px;}
	#m_search .search_input_rwd span{position:absolute; left:-10000px;}
	.hc_top{height:auto;}
	.pz_list {position:absolute; top:12px; right:5px; z-index:100;}

	.top_openClose{bottom:9px; left:41%;}


	.sch_box{display:none;}
	.h_link3_1{display:none;}
	.syber2{display:none;}
	.h_link2_1{display:none;}
	
	/*.gnb{display:none;}*/	

	/*.banner_wrap{width:750px;}*/
	/*.site_link ul{width:630px;}*/

	/*#footer{height:auto;}*/
	/*.fm_wrap{width:750px;}*/
	/*.f_wrap{width:750px}*/
	/*.f_etc{display:none;}*/


@media only screen and (max-width:767px) {
	.h_contents{width:100%; margin:0 auto; padding:0 0 5px;}
	.h_top .f_box,
	.h_bottom .h_box,
	.hc_top,
	.bottom_con
	{width:100%;}
	
	.popup02{width:100%;}
	.bottom_con{padding:0 10px; box-sizing:border-box; width:100% !important;}
	.left_icon ul{display:flex; flex-wrap: wrap;}
  .left_icon ul li{width:calc((100% /3) - 10px);}
  .left_icon ul li:nth-child(3n){margin-right:0;}
   .left_icon ul li{margin-bottom: 10px;}
  .pc_sns_tzone_wrap{display: block;}
  .m_sns_tzone_wrap{display: none;}

	.d_none{display: block;margin-bottom: 15px;}	
	.box_n{width: 100%;}
  .right_img img{width:100%;}
    #header{/*background:url(../../images/header/m_header_bg.jpg) 50% 0 no-repeat;*/}

	#twrap{width:100%; margin:0; padding:0; /*position:relative;*/ }
	.wrap{/*position:relative;width:100%;*//*min-width:768px;*/ /*overflow:hidden;*/ }

	#header{height:auto;}
	#header{/*background:url(../../images/header/mo_header_bg.jpg) 50% 0 no-repeat;*/}
	.h_wrap{ width:auto; padding:0%;}
	.h_top{display:none;}
	.h_bottom{height:62px;}
	.h_bottom h1{position:absolute; top:12px; left:50%; margin:0 0 0 -94px; }

	.h_bottom h1.mlogo{ display:block; width:188px; top:15px;}
    .h_bottom h1.tlogo{ display:none;}
	.hc_top{padding-bottom:10px; height:auto; margin-bottom:0px; overflow:hidden;display:block;}
	.hc_etc{float:none;}
	.t_link{display:none;}
	#h_switch {padding-top:0px; }
	
	.right_img{justify-content:center;s}
	


	.mobile_menu{top:17px;}
	.m_sch{top:26px;}

	#m_search .search_btn{top:12px;}
	#m_search .search_input_rwd{margin-top:10px; height:auto;}
	#m_search .search_input_rwd input[type="text"]{width:78%;}
	
	
	.top_openClose{display:none;}
	
	.banner_wrap{padding:0 2%; width:auto;}
	.site_link ul{width:76%;}
	

	.footer_menu{height:auto;}
	.fm_wrap{padding:20px 2%; width:auto; height:auto; position:relative;}
	.fm_wrap a{padding:3px 0; margin:0px; width:auto; padding:5px 10px; padding:5px 0; background:none; border:1px solid #a7abb2; text-align:center; font-size:14px; letter-spacing:-1px; }
	.f_menu{float:none; text-align:center;}
	.f_menu a { width:49%; float:left; margin-left:-1px; margin-top:-1px; height:19px; line-height:19px;}
	.f_menu a.fst{padding-left:0px;}
	.f_menu a.lst{background:#0071bb; top:20px; right:3.7%; position:absolute; width:47%;}
	.f_wrap{padding:10px 2%; width:auto;}
	.f_infor{margin:0;}
	.f_infor p span {display: block;}
	.f_infor p.fmn{display:none;}
	
	.f_option{position:relative; float: none;}
	.f_option:after{display:block; content:""; clear:both;}
	.f_option div{float:left;}

	/* 관련사이트 */
	.familySite {left:0px; top:0;  width:49%; }
	.familySite ul {float:left; font-weight:400;}
	.familySite .submit{display:none;}
	.familySite .btn_family {float:left;  width:100%; margin-top:-1px; margin-left:-1px; height:29px; line-height:29px; padding:0px; text-transform:uppercase; background:url('/images/footer/top_btn_m.gif') no-repeat 90% center; letter-spacing:0px; font-size:14px; color:#fff158;}
	.familySite .btn_family.open { background:url('/images/footer/bottom_btn_m.gif') no-repeat 90% center; }
	.familyList {position:absolute; left:0%; bottom:31px; padding:10px 0 0 15px; width:46.5%; background-color:#4f5664; display:none; letter-spacing:-1px; word-spacing:-1px; z-index:9999;}
	.familyList li {line-height:20px; text-align:center; margin:0px; padding:0px;}
	.familyList li a {display:block; color:#fff; font-size:13px; border:none; text-align:left; padding-left:20px;} 



.error_info { background-size:175px 159px; margin:10% auto;} 
.error_info .info { font-size:200%; padding-top:200px; letter-spacing:-2px; padding-bottom:20px;}

.m_box_wrap{display:block;}

}

@media only screen and (max-width:580px) {
   /*모바일*/
    /*.popup02 .pop_ctrl02 .pop_prev02 {background:url(../../images/header/h_prev_arr.png) no-repeat; width:45px;height:73px; top:60px; left:10px; position:absolute;  opacity:0.8;
	background-size:27px;}
	.popup02 .pop_ctrl02 .pop_next02 {background:url(../../images/header/h_next_arr.png) no-repeat; width:45px; height:73px; top:60px; right:0px; position:absolute;  opacity:0.8;background-size:27px;}
	*/
	#m_search .search_input_rwd input[type="text"]{width:69%;}
	.site_link ul{width:62%;}
		
	.f_menu a.lst{ right:3.4%;}
	


}
@media only screen and (max-width:640px) {
	.left_icon ul li{width:calc((100% / 2) - 10px);}
	.left_icon ul li:nth-child(2n){margin-right:0;}
}
@media only screen and (max-width:380px) {

	#m_search .search_input_rwd input[type="text"]{width:60%;}
	.site_link ul{width:70%;}
	
	.common_tab_menu  {margin:0px; padding:10px; padding-bottom:0px; overflow:hidden; background:#ebebeb; width:93%;}
	.common_tab_menu li {margin:0px 0 12px 0; padding:0px; float:left; display:inline; width:45%;}
	.common_tab_menu li a {margin-left:10px;  }
	
	
	
}

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

	.wrap {width:320px;}

}