@charset "utf-8";

/*=================
모바일 및 기본 세팅 
===================*/
.container{  width:100%; margin:0 auto}
html.open,body.open{ overflow:hidden}

/*주요홈페이지*/
#header{ border-bottom:#c3c9d1 solid 1px;}

#header .go_site{ display:none;}

#header .top_left_menu{ position:absolute; top:80px; left:-200%; width:270px; text-align:center; z-index:2000 }
#header .top_left_menu.open{position:fixed; left:0; transition:0.3s}
#header .top_left_menu li{ display:inline-block; width:45%; font-size:14px;}
#header .top_left_menu li a{ display:block; border:#8d8d8d solid 1px; padding:10px 0; background:#fff; color:#1b1b1b}

#header .logo{ padding:20px 0px; text-align:center; line-height:0}
#header .logo img{ width:50%;} 
#header .mobile_menu{ display:block; position:absolute; top:15px; left:15px; background:#fff; width:45px; height:45px;  transition:0.3s;}
#header .mobile_menu:before{ display:block; content:"";  position:absolute;  top:14px; left:12px;  width:20px; height:3px; background:#2c2c2c; }
#header .mobile_menu:after{ display:block; content:"";  position:absolute;  top:26px; left:12px;  width:20px; height:3px; background:#2c2c2c; }
#header .mobile_menu span{ display:block; position:absolute; top:50%; left:12px; text-indent:-9999px; width:20px;  height:3px;background:#2c2c2c; margin-top:-2px;}
#header .mobile_menu.open{position:fixed; top:15px; left:210px; border:#d0d0d0 solid 1px; transition:0.3s; z-index:1500}
#header .mobile_menu.open:before{ top:20px; transform:rotate(45deg); transition:0.3s}
#header .mobile_menu.open:after{ top:20px; transform:rotate(-45deg); transition:0.3s}
#header .mobile_menu.open span{ display:none}

#header .etc_btn{}
#header .etc_btn .all_menu{ display:none}
#header #all_menu_wrap{ display:none; }
#header .etc_btn .all_search{ position:absolute; right:15px; top:25px; display:block; width:21px; height:21px; background:url(/home/ilgang/images/common/icon_search.png) left center no-repeat; background-size:21px; text-indent:-9999px }

#header .gnb_wrap{ position:absolute; top:0; left:-200%; width:270px; padding-top:130px; background:#f1f1f1 url(/home/ilgang/images/common/logo.png) 10px 15px no-repeat; background-size:55%; z-index:1000 }
#header .gnb_wrap.open{ position:fixed; left:0;  transition:0.3s}
#header .gnb_wrap.open .gnb{ overflow:auto; }
#header .gnb_wrap > .gnb{ padding-bottom:25px;}
#header .gnb_wrap > .gnb > li { position:relative; font-size:16px; }
#header .gnb_wrap > .gnb > li:before{ position:absolute; right:19px; top:25px; margin-top:-9px; display:block; content:""; width:2px; height:18px; background:#868686;  transition:0.3s  }
#header .gnb_wrap > .gnb > li:after{ position:absolute; right:11px; top:26px; margin-top:-2px; display:block; content:""; width:18px; height:2px; background:#868686;  transition:0.5s }
#header .gnb_wrap > .gnb > li.open:before{ top:40px; opacity:0; }
#header .gnb_wrap > .gnb > li.open:after{ position:absolute; right:11px; top:26px; margin-top:-2px; display:block; content:""; width:18px; height:2px; background:#008044;  transition:0.5s }
#header .gnb_wrap > .gnb > li.open > a{ color:#008044 }
#header .gnb_wrap > .gnb > li > a{ display:block; padding:18px 15px 18px 18px; background:#fff; border-bottom:#d7d7d7 solid 1px;}
#header .gnb_wrap > .gnb > li > ul{ display:none; background:#f8f8f8;  border-bottom:#d7d7d7 solid 1px; }
#header .gnb_wrap > .gnb > li > ul > li{ position:relative;}
#header .gnb_wrap > .gnb > li > ul > li > a{ display:block; font-size:14px; font-weight:300; color:#5c5c5c; padding:15px; border:0; padding-left:25px;  border-bottom:#d7d7d7 solid 1px;}
#header .gnb_wrap > .gnb > li > ul > li > a:hover{ font-weight:500 }
#header .gnb_wrap > .gnb > li > ul > li:last-child > a{  border-bottom:0; }
#header .drawer{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.6); visibility:hidden; z-index:900}
#header .drawer.open{ left:0; visibility:visible; transition:0.3s }

#total_search{ display:block; clear:both;  background:#062a5a; padding:0; height:0px; overflow:hidden; transition:0.3s}
#total_search.open{ padding:25px 10px;  height:150px; transition:0.3s }
#total_search:after{ display:block; content:""; clear:both}
#total_search h2{ display:none; }
#total_search h2 em{ display:block; font-weight:700; font-style:normal} 
#total_search form{ float:left; position:relative; width:100%; margin-left:0;}
#total_search form fieldset:after{ display:block; content:""; position:absolute; right:70px; top:6px;  width:1px; height:26px; background:#ccc}

#total_search form #search_field{ border:0; width:100%;  height:40px; border-radius:10px; padding:0 15px; font-size:14px;}
#total_search form #search_btn{ position:absolute; right:0; top:0; width:60px; height:40px; padding-left:20px;  padding-bottom:5px;  }
#total_search form #search_btn{ background:#fff url(/home/ilgang/images/common/icon_search_b.png) 2px center no-repeat; background-size:20px; border:0; border-radius:20px; font-size:14px; cursor:pointer }

#total_search .latest_word{ padding:15px 0; }
#total_search .latest_word a{ color:#fff; padding:0 5px; font-size:12px}
#total_search #search_close{ display:block; clear:both; width:85px; height:40px; margin:0 auto; line-height:40px; color:#fff; font-size:14px; padding-left:40px; border-radius:10px 10px 0 0; }
#total_search #search_close{ background:#00132d url(/home/ilgang/images/common/icon_close.png) 20px center no-repeat; background-size:15px; }

#visual_area{  position:relative; background:url(/home/ilgang/images/main/main_visual.jpg) left no-repeat; background-size:cover; min-height:250px}
#visual_area:after{ clear:both; display:block; content:"" } 



/*알림 - 최근글*/
.notice{ position:absolute; bottom:0; background:rgba(0,0,0,.6); width:100%; padding:15px;}
.notice .container{ position:relative }
.notice h2{ color:#fff; font-size:16px; margin-bottom:10px; }
.notice ul li a{ display:block; padding:5px 0; color:#fff; font-size:12px;  }
.notice .more{ position:absolute; right:0; top:0;  color:#fff;  font-size:12px; }


/*메인컨텐츠*/

#main_con_wrap{}
.info_banner{ background: linear-gradient(to right, #9fcd61 0%,#9fcd61 50%,#e5e5e5 51%,#e5e5e5 100%);  }
.info_banner .banner01{ background:#9fcd61; padding:10px; text-align:right;}
.info_banner .banner01 img{ width:90%;}
.info_banner .banner02{ padding-left:95px; padding-top:15px; padding-right:15px; padding-bottom:15px; background:#e5e5e5 url(/home/ilgang/images/main/bg_banner.jpg) left bottom no-repeat; background-size:contain }
.info_banner .banner02 p{ font-size:12px; line-height:120%; color:#555  }
.info_banner .banner02 a{ display:block; margin-top:10px; background:url(/home/ilgang/images/main/bg_go.jpg) no-repeat; background-size:contain; text-indent:-9999px}

.quick_menu{ padding:10px; overflow:hidden }
.quick_menu h2{ font-size:16px; margin-bottom:10px;  }
.quick_menu li{ float:left; width:32%; margin-right:2%;}
.quick_menu li:last-child{ margin-right:0; } 
.quick_menu li img{ width:100%; }
.quick_menu li span{ font-size:12px;}

.info_map{  padding:10px; }
.info_map h2{ font-size:16px; margin-bottom:10px; }
.info_map .info li{ position:relative; font-size:14px; line-height:1.3; padding-left:10px; }
.info_map .info li:before{ position:absolute; left:2px; top:8px; width:4px; height:2px; background:#666; content:""}
.info_map .map{ padding:10px 0; overflow:hidden}
.info_map .map li{ display:inline-block; width:45%; margin:2%; padding:2px; background: linear-gradient(to right, #6db60b 0%,#497bd0 100%);}
.info_map .map li a{ display:block; padding:10px; font-size:14px; background:#fff url(/home/ilgang/images/main/arrow_s.jpg) 90% center no-repeat; }


.breadcrumb_wrap{ display:none; position:relative; height:42px;  border-bottom:#d0d0d0 solid 1px;}
.breadcrumb_wrap .container{ position:relative; overflow-x:auto;  overflow-y:hidden;}
.breadcrumb_wrap .skip_block{ display:block; content:''; clear:both; width:80px; height:41px; position:absolute; right:0; top:0; background:linear-gradient(to right, rgba(255,255,255,0), #fff);  transition:0.3s}
.breadcrumb_wrap .skip_block.open{ position:fixed; top:225px; transition:0.3s}
.breadcrumb{ position:relative;  }
.breadcrumb > li{ position:relative; float:left;  font-size:14px;/* font-weight:500; */ padding:0 10px; letter-spacing:-0.05em }
.breadcrumb > li.active:after{ position:absolute; display:block; content:""; background:#00ab4e; left:0; bottom:0;  width:100%; height:4px;}
.breadcrumb > li > a{ display:block; padding:13px 0; }
.breadcrumb > li > ul{ display:none; position:absolute; width:100%; background:#fff; border:#d0d0d0 solid 1px; padding:20px 15px;}
.breadcrumb > li > ul > li{ }
.breadcrumb > li > ul > li > a{ display:block; padding:5px 0; width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}

.left_menu{ display:none}


#content_area .content_wrap .content{ min-height:500px;}
.content_wrap .content_top{ padding-top:10px; padding-bottom:10px; border-bottom:#c6c6c6 solid 1px }
.content_wrap .content_top:after{ display:block; content:""; clear:both}
.content_wrap .content_top h3{ float:left; font-size:18px; width:80%; padding-top:11px; padding-left:10px}
.content_wrap .content_top .share_list{ float:right; }
.content_wrap .content_top .share_list > li{ display:none; position:relative; line-height:0;}
.content_wrap .content_top .share_list > li:first-child{ display:block; width:50px; transition:0.5s}
.content_wrap .content_top .share_list li a{ display:block;  width:40px;}
.content_wrap .content_top .share_list li a img{ width:100%;}

.content_wrap .content_top .share_list li.open{ height:40px;  transition:0.5s}
.content_wrap .content_top .share_list li ul{ display:none; width:40px; position:absolute; top:42px; left:0;  visibility:hidden; z-index:100; overflow:hidden}
.content_wrap .content_top .share_list li.open ul{display:block}
.content_wrap .content_top .share_list li ul.open{visibility:visible; }
.content_wrap .content{ padding:10px; }

.satisfaction_wrap > div{ border:#d1d1d1 solid 1px; }
.satisfaction{  width:100%; padding:15px; background:#f9f9f9}
.satisfaction h5{ font-size:14px; font-weight:500; padding:0 0 10px 50px; height:50px; color:#6f6f6f; line-height:120%}
.satisfaction h5:before{ display:none }
.satisfaction form#satisfy{ padding:0 0 5px 0; background:url(/home/ilgang/images/sub/icon_speech.png) left top no-repeat; background-size:40px; border-bottom:#d0d0d0 solid 1px}
.satisfaction form#satisfy .satisfy_list{ float:left}
.satisfaction form#satisfy .satisfy_list li{ float:left;  line-height:150%;}
.satisfaction form#satisfy input[type='radio']{margin-right:0; margin-top:0; width:17px; height:17px; vertical-align:0px; opacity:0; position:absolute;  cursor:pointer}
.satisfaction form#satisfy input[type='radio'] + label { background:url(/home/ilgang/images/sub/radio_off.png) left center  no-repeat; width:17px; height:17px; font-size:14px; font-weight:500; padding-left:22px; color:#707070; cursor:pointer; margin-right:5px;}
.satisfaction form#satisfy input[type='radio']:checked + label{  background:url(/home/ilgang/images/sub/radio_on.png) left center  no-repeat; }
.satisfaction form#satisfy input[type='radio']:focus + label{  background:url(/home/ilgang/images/sub/radio_on.png) left center  no-repeat; border:#999 dashed 1px }
.satisfaction form#satisfy label{ line-height:18px;}
.satisfaction form#satisfy .write_wrap{ margin-bottom:20px; }
.satisfaction form#satisfy .write_wrap #stsfdgCn{ width:80%; border:#898989 solid 1px; height:30px; line-height:30px; margin-top:10px; padding:0 10px}
.satisfaction form#satisfy .write_wrap #stsfdgSubmit { width:20%; border:#272727 solid 1px; background:#656565; font-size:12px; color:#fff;  height:30px; vertical-align:top;  margin-top:10px; cursor:pointer; margin-left:-4px  }
.satisfaction .charger{ font-size:14px; line-height:160%; padding-top:10px; overflow:hidden}
.satisfaction .charger dl:after{ display:block; content:""; clear:both}
.satisfaction .charger dl dt,.satisfaction .charger dl dd{ float:left;  font-size:12px;  margin-right:0;}
.satisfaction .charger dl dt{ width:30%; margin-right:10px; font-weight:bold;}
.satisfaction .charger dl dd{ width:60%; margin-right:0; color:#858585}
.satisfaction .charger .btn_error{ clear:both; display:block; font-size:12px; font-weight:bold; margin-top:10px; padding: 5px 5px 5px 35px; background:#eee url(/home/ilgang/images/sub/icon_write.png) 10px center no-repeat }




#bottom{ clear:both; padding:15px 15px 50px; background:#f7f7f7; border-top:#ccc solid 1px;}
#bottom .logo{ text-align:center;}
#bottom .bottom_menu{ margin-top:10px; margin-bottom:15px; text-align:center}
#bottom .bottom_menu a{ display:inline-block; padding:0 5px; margin:5px 0; border-right:#c7c7c7 solid 1px; color:#545454; font-size:12px; font-weight:bold}
#bottom .bottom_menu a.privacy { color: #1b75bc; font-weight: bold;}
#bottom .bottom_menu a:first-child { padding-left:0;}
#bottom .bottom_menu a:last-child{ border:0 }
#bottom p{ color:#737272; font-size:12px; font-weight:bold; margin-top:5px; text-align:center}
#bottom #go_top{ position:fixed;  right:15px; bottom:15px; width:40px; margin:0; z-index:3000 }
#bottom #go_top img{ width:100%; }

/*==================
스마트폰 기본 세팅 
==================*/

/*smartphones ( portrait )*/
@media all and (min-width:375px) {

}
@media all and (min-width:425px) {

}
/*smartphones ( landscape )*/
@media all and (min-width:321px) and (max-width:360px) {

}

/*smartphones ( landscape )*/
@media all and (min-width:361px) and (max-width:375px) {

}

/*smartphones ( landscape )*/
@media all and (min-width:376px) and (max-width:414px) {

}

/*smartphones ( landscape )*/
@media all and (min-width:415px) and (max-width:480px) {

}

/*tablet( portrait )*/
@media all and (min-width:640px) {

}
@media all and (min-width:641px) and (max-width:767px) {

}


/*tablet ( portrait )*/
@media all and (min-width:768px) and (max-width:1023px) {
#header .logo { padding:16px 0}
#header .logo img{ width:20%;} 

#visual_area{ position:relative; min-height:280px}

.notice{ }
.notice h2{ float:left; width:12%;color:#fff; font-size:18px; margin-bottom:0;}
.notice ul{ float:left; width:80%; }
.notice ul li { float:left; width:50%;} 
.notice ul li a{ display:block; width:90%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding:5px 0; color:#fff; font-size:12px;  }
.notice .more{top:5px; }

.info_banner > div > div{ float:left; width:50%; min-height:132px; }
.info_banner .banner01{  } 
.info_banner .banner01 img{ width:90%}
.info_banner .banner02{ padding-left:120px; background-size:auto 100%}
.info_banner .banner02 p{ font-size:14px; margin-top:15px;}

.quick_menu{ float:left; width:50%; padding:25px 10px;  }
.quick_menu h2{ margin-bottom:15px;}
.info_map{ float:left; width:50%; padding:25px 10px;  }
.info_map h2{ margin-bottom:15px;}
.info_map .info{ float:left; width:60%;  }
.info_map .map{ float:right; padding:0; width:35%;}
.info_map .map li{ display:block; width:100%; margin:0; margin-bottom:10px }
}


/*=================
데스크탑 기본 세팅 
===================*/
@media all and (min-width:1024px) {

.container{  width:1024px; margin:0 auto}	
#header .container{ }

#header .zoom_inout{ float:left; }
#header .zoom_inout a{ float:left;  font-size:12px; background:#fff; padding:10px; border:#b9b9b9 solid 1px;  }
#header .zoom_inout .zoom{ display:block; width:34px; height:34px; border-left:0; background-image:url(/home/ilgang/images/common/zoom_inout.png); background-repeat:no-repeat; font-size:0; text-indent:-9999px }
#header .zoom_inout a.normal{ background-position:-35px -34px;  }
#header .zoom_inout a.normal:hover{ background-position:-35px -1px}
#header .zoom_inout a.bigger{ background-position:-69px -34px ; }
#header .zoom_inout a.bigger:hover{ background-position:-69px 0}
#header .zoom_inout a.smaller{ background-position:0 -34px ; }
#header .zoom_inout a.smaller:hover{ background-position:0 0}
    
#header .go_site{ display:block; background:#f0f0f0; padding:0; height:34px; text-align:right; transition:0.3s}
#header .go_site.open{ height:130px; transition:0.3s;}
#header .go_site .btn_go_site{ display:inline-block;  width:200px; margin:0 auto; text-align:center; background:#fff url(/home/ilgang/images/common/arrow_open.jpg) 15px center no-repeat; padding:10px 10px 10px 35px; border:#b9b9b9 solid 1px; font-size:12px;}
#header .go_site.open .btn_go_site{ display:none }
#header .go_site .container{ width:1024px;}
#header .total_site{ display:block; position:absolute; top:-274px; left:0;  width:100%; height:0px; font-size:0; padding-top:0; padding-bottom:0; background:#f0f0f0;  text-align:left; transition:0.3s; overflow:hidden; z-index:110}
#header .total_site.open{ top:0;  height:130px ;padding-top:17px; padding-bottom:20px; transition:0.3s; }
#header .total_site .container{ position:relative}
#header .total_site h2{ display:inline-block; background:url(/home/ilgang/images/common/icon_title.png) no-repeat; padding-left:45px; margin-top:30px; font-size:14px; width:130px;}
#header .total_site h2{ font-weight:bold; color:#747373; vertical-align:top;}
#header .total_site a{ display:inline-block; width:10.5%; background:transparent;  vertical-align:top;}
#header .total_site a span{ display:block; line-height:100%;}
#header .total_site a span.icon{ display:block; margin:0 auto;  width:60px; height:62px; background-image:url(/home/ilgang/images/common/icon_site.png); }
#header .total_site a span.icon{ background-repeat: no-repeat; background-position:0 0; line-height:normal; }
#header .total_site a span.title{ font-size:12px; font-weight:bold; color:#747373; text-align:center; padding-top:12px; line-height:120%;}
#header .total_site a span.title.new_win{ background:url(/home/ilgang/images/common/win_new.png) right 3px no-repeat}
#header .total_site a span.title.none{ padding-top:7px;}
#header .total_site a span.icon01{ background-position:0 0;}
#header .total_site a span.icon02{ background-position:-60px 0;}
#header .total_site a span.icon03{ background-position:-120px 0;}
#header .total_site a span.icon04{ background-position:-180px 0;}
#header .total_site a span.icon05{ background-position:-240px 0;}
#header .total_site a span.icon06{ background-position:-300px 0;}
#header .total_site a span.icon07{ background-position:-360px 0;}
#header .total_site a span.icon08{ background-position:-420px 0;}
#header .total_site a span.icon09{ background-position:-480px 0;}
#header .total_site a span.icon10{ background-position:-540px 0;}
#header .total_site a span.icon11{ background-position:-600px 0;}
#header .total_site a span.icon12{ background-position:-900px 0;}
#header .total_site a span.icon13{ background-position:-720px 0;}
#header .total_site a span.icon14{ background-position:-780px 0;}
#header .total_site a.other_site{ float:right; margin-right:5%;}
#header .total_site a.close_site{ position:absolute; right:0; width:55px; padding:5px 10px 5px 20px; }
#header .total_site a.close_site{ border:#ccc solid 1px; background:#fff url(/home/ilgang/images/common/arrow_close.jpg) 5px center no-repeat ; font-size:12px; text-indent:0}

#header .mobile_menu{ display:none; }

#header .container{ position:relative; }
#header .top_left_menu{  left:0; top:auto; float:left; width:auto; padding:30px 0;}
#header .top_left_menu li{ float:left; width:auto; }
#header .top_left_menu li a{ position:relative; display:block;  font-size:12px; font-weight:bold;   border:0; padding:14px;  text-align:center; background:#d9d9d9; color:#787878}
#header .top_left_menu li:first-child > a{ padding-left:50px;background-image:url(/home/ilgang/images/common/icon_top_off.png); background-repeat:no-repeat; background-position: 20px center;}
#header .top_left_menu li:first-child > a:hover,#header .top_left_menu li:first-child > a.active{ background-color:#ff8a00; color:#fff; background-image:url(/home/ilgang/images/common/icon_top_on.png); }


/*기타버튼*/
#header .etc_btn{ display:block; position:absolute; right:0;  top:0; padding:20px 0; }
#header .etc_btn a{ display:inline-block; padding:22px 0 22px 30px; margin-left:10px; font-size:14px; font-weight:500}
#header .etc_btn a.all_menu{ display:inline-block; background:url(/home/ilgang/images/common/icon_all.png) left center no-repeat }
#header .etc_btn a.all_search{ display:inline-block; position:relative; width:auto; height:auto; text-indent:0; right:0; top:0; background:url(/home/ilgang/images/common/icon_search.png) left center no-repeat;  background-size:21px; }
#header .logo{ padding:20px 0}
#header .logo img{ width:auto }

#header .gnb_wrap{  position:relative; left:0; background:#fff; padding:0; width:auto; border-top:#b9b9b9 solid 1px;}
#header .gnb_wrap:after{ display:block; content:""; clear:both}

#header .gnb_wrap > .gnb{ padding-bottom:0; }
#header .gnb_wrap > .gnb > li { float:left; width:20%; position:relative; font-size:18px; }
#header .gnb_wrap > .gnb > li:before,#header .gnb_wrap > .gnb > li:after{ display:none; transition:0.3s  }
#header .gnb_wrap > .gnb > li.open:before,#header .gnb_wrap > .gnb > li.open:after{ display:none; }
#header .gnb_wrap > .gnb > li > a{ display:block; text-align:center; background:transparent; color:#464646; font-weight:500; border:none }
#header .gnb_wrap > .gnb > li > ul{ display:none; position:absolute; width:100%;  background:#f8f8f8;border: 1px solid #ccc;}
#header .gnb_wrap > .gnb > li:hover ul{ display:block; }
#header .gnb_wrap > .gnb > li > ul > li > a{ border:none; text-align:center; padding:15px 0; border-bottom:#d0d0d0 solid 1px}
#header .gnb_wrap > .gnb > li > ul > li > a:hover{  color:#424242; font-weight:bold}


#total_search h2{ display:block; float:left; color:#fff;  font-size:25px; font-weight:300; height:65px; padding-left:80px; background:url(/home/ilgang/images/common/icon_sch_title.png) left top no-repeat; line-height:120%}
#total_search form{ float:left; position:relative; width:67%; margin-left:30px;}
#total_search form fieldset:after{ display:block; content:""; position:absolute; right:110px; top:10px;  width:1px; height:40px; background:#ccc}

#total_search form #search_field{ border:0; width:100%;  height:60px; border-radius:20px; padding:0 25px; font-size:16px;}
#total_search form #search_btn{ position:absolute; right:0; top:0; width:100px; height:58px; padding-left:20px;  padding-bottom:5px;  }
#total_search form #search_btn{ background:#fff url(/home/ilgang/images/common/icon_search_b.png) 2px center no-repeat; border:0;border-radius:20px; font-size:18px; cursor:pointer }

#total_search .latest_word{ padding:15px 0; }
#total_search .latest_word a{ color:#fff; padding:0 10px; font-size:16px;}
#total_search #search_close{ display:block; float:left; clear:none; width:115px; height:60px; line-height:60px; color:#fff; font-size:18px; padding-left:50px; border-radius:20px; margin-left:20px }
#total_search #search_close{ background:#00132d url(/home/ilgang/images/common/icon_close.png) 20px center no-repeat }

#visual_area{ position:relative; min-height:370px}

.notice{ padding:25px 0;}
.notice h2{ float:left; width:12%;color:#fff; font-size:18px; margin-bottom:0; margin-left:25px;}
.notice ul{ float:left; width:80%; }
.notice ul li { float:left; width:50%;} 
.notice ul li a{ display:block; width:90%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding:5px 0; color:#fff; font-size:14px;  }
.notice .more{ top:5px; right:auto; }

.info_banner{ overflow:hidden}
.info_banner > div > div { float:left; width:50%; min-height:180px; }
.info_banner .banner01{ padding:25px 40px;} 
.info_banner .banner01 img{ width:auto}
.info_banner .banner02{ padding-left:170px; background-size:auto}
.info_banner .banner02 p{ font-size:16px; margin-top:45px; letter-spacing:-0.03em}
.info_banner .banner02 a{ width:219px; height:20px;}

.quick_menu{ float:left; width:50%; padding:45px 25px;  }
.quick_menu h2{ font-size:18px; margin-bottom:15px;}
.quick_menu li span{ font-size:14px; display:block; padding:15px 0}
.info_map{ float:left; width:50%; padding:45px 25px;   }
.info_map h2{font-size:18px; margin-bottom:15px;}
.info_map .info{ float:left; width:60%; margin-top:25px;  }
.info_map .info li{ font-size:16px; margin-bottom:5px; }
.info_map .map{ float:right; padding:0; width:35%; margin-top:10px; }
.info_map .map li{ display:block; width:100%; margin:0; margin-bottom:10px }
.info_map .map li a{ padding:15px; font-size:14px; font-weight:500; color:#000 }


#content_area{ outline:0;}

/*sub_area*/
.breadcrumb_wrap{ display:block; height:48px; border:0; margin-top:20px; }
.breadcrumb_wrap .container{ overflow:visible}
.breadcrumb_wrap .skip_block{ display:none}
.breadcrumb_wrap .breadcrumb{ position:relative; float:left;  background:#fff }
.breadcrumb_wrap .breadcrumb:after{ position:absolute; right:-21px; display:block; content:""; width:21px; height:48px; }
.breadcrumb_wrap .breadcrumb > li{ position:relative; float:left; font-size:14px;/* font-weight:500; */ padding:0; margin:0; }
.breadcrumb_wrap .breadcrumb > li:after{ position:absolute; right:2px; top:50%; display:block; width:8px; height:14px; margin-top:-7px; content:""; background:url(/home/ilgang/images/sub/bread_more.png) no-repeat; cursor:pointer}
.breadcrumb_wrap .breadcrumb > li:first-child a{ background:#fff url(/home/ilgang/images/sub/bread_home.jpg) left center no-repeat; text-indent:-9999px; padding:0 40px 0 0; }
.breadcrumb_wrap .breadcrumb > li:last-child:after{ display:none; }
.breadcrumb_wrap .breadcrumb > li:last-child a{ padding-right:10px}
.breadcrumb_wrap .breadcrumb > li > a{ display:block; padding:0 20px 0 10px; line-height:47px;}


.left_menu{ display:block; float:left; width:220px; margin-top:20px;}
.left_menu h2{ background:url(/home/ilgang/images/sub/bg_left.jpg) no-repeat; width:220px; height:140px; color:#fff; text-align:center; line-height:140px; font-size:28px}
.left_menu > ul > li { position:relative; border-left:#d7d7d7 solid 1px; border-right:#d7d7d7 solid 1px; font-size:16px; font-weight:500}
.left_menu > ul > li:before{ position:absolute; right:18px; top:23px; margin-top:-9px; display:block; content:""; width:4px; height:18px; background:#cacaca;  transition:0.3s  }
.left_menu > ul > li:after{ position:absolute; right:11px; top:23px; margin-top:-2px; display:block; content:""; width:18px; height:4px; background:#cacaca;  transition:0.5s }
.left_menu > ul > li.open:before{ top:23px; opacity:1; transform:rotate(-90deg)}
.left_menu > ul > li.open:after{ position:absolute; right:11px; top:23px; margin-top:-2px; display:block; content:""; width:18px; height:4px; background:#fd8900;transform:rotate(180deg);  transition:0.5s }
.left_menu > ul > li.open > a{ color:#fd8900 }
.left_menu > ul > li > a{ display:block; padding:15px 15px 15px 18px; border-bottom:#d7d7d7 solid 1px;}
.left_menu > ul > li > ul{ display:none; background:#f8f8f8; padding:15px 15px 15px 20px; border-bottom:#d7d7d7 solid 1px; }
.left_menu > ul > li > ul > li{ position:relative;}
.left_menu > ul > li > ul > li > a{ display:block; font-size:16px; font-weight:300; color:#5c5c5c; padding:5px 0; border:0; padding-left:10px;}
.left_menu > ul > li > ul > li > a:hover,.left_menu > ul > li > ul > li.active > a{ font-weight:500 }
.left_menu > ul > li > ul > li:before{ position:absolute; top:13px; display:block; content:""; width:5px; height:3px; background:#5c5c5c}

.content_wrap{ width:930px; float:right; padding-bottom:30px; overflow:hidden}
.content_wrap .content_top{ padding-top:0; padding-bottom:10px; border-bottom:#c6c6c6 solid 1px;  overflow:hidden }
.content_wrap .content_top h3{ float:left; font-size:32px;  font-weight:700; width:auto; padding:0;  color:#484848; letter-spacing:-0.05em}
.content_wrap .content_top .share_list{ float:right; }
.content_wrap .content_top .share_list li{display:block; float:left; position:relative; margin-left:10px; z-index:100}
.content_wrap .content_top .share_list li a{ display:block;  width:50px;}
.content_wrap .content_top .share_list > li:first-child{ width:50px; transition:0.5s}
.content_wrap .content_top .share_list > li:last-child{ display:block; }
.content_wrap .content_top .share_list li.open{ width:300px; transition:0.5s}
.content_wrap .content_top .share_list li ul{ width:250px; position:absolute; top:0; left:50px; visibility:visible; transition:0.3s;  overflow:hidden}
.content_wrap .content_top .share_list li ul.open{ transition:0.3s;  visibility:visible}
.content_wrap .content_top .share_list li ul li{ float:left }

.content_wrap .content{ padding:30px 0 ; min-height:500px}

.satisfaction{ padding:30px;}
.satisfaction h5{ font-size:16px; padding-left:0;}
.satisfaction form#satisfy{ padding:0 0 5px 107px;  background-size:auto;}
.satisfaction form#satisfy .satisfy_list li{ float:left; }
.satisfaction form#satisfy input[type='radio'] + label { margin-right:16px;}
.satisfaction form#satisfy .write_wrap{ float:left; margin-bottom:20px; }
.satisfaction form#satisfy .write_wrap #stsfdgCn{ width:256px; margin:0; }
.satisfaction form#satisfy .write_wrap #stsfdgSubmit { width:100px; margin-left:-5px; margin-top:0;}
.satisfaction .charger dl:after{ display:none}
.satisfaction .charger dl dt,.satisfaction .charger dl dd{ float:left; }
.satisfaction .charger dl dt{ width:auto; margin-right:20px;}
.satisfaction .charger dl dd{  width:auto; margin-right:40px;}
.satisfaction .charger .btn_error{ clear:none; float:right; margin:0; }

#relative_site_area{ background:#fff; border-top:0; clear:both}
#relative_site_area .relative_list{ margin-top:-1px}
#relative_site_area .relative_list > li{ display:block !important;  float:left;  position:relative; width:20%; }
#relative_site_area .relative_list > li > a{ display:block; padding:22px 0 22px 30px; color:#fff; font-size:16px; font-weight:500; background:#525252 url(/home/ilgang/images/main/arrow_up.png) 90% center no-repeat !important; border:#272727 solid 1px !important}
#relative_site_area .relative_list > li > a:hover{  background-position:90% 40%; transition:0.3s }
#relative_site_area .relative_list > li.admin_info > a{ background-color:#3776b7  !important; border:#104a86 solid 1px }
#relative_site_area .relative_list > li.minwon_info > a{ background-color:#239b6f  !important; border:#0f6545 solid 1px }
#relative_site_area .relative_list > li.laguage_select{ display:none !important}
#relative_site_area .relative_list > li > ul{ display:none; position:absolute; bottom:61px; background:#f6f6f6; width:100%; padding:15px; height:250px;border:#272727 solid 1px; overflow-y:auto; z-index:1000}
#relative_site_area .relative_list > li:hover > ul{ display:block}
#relative_site_area .relative_list > li > ul > li{ }
#relative_site_area .relative_list > li > ul > li > a{ display:block; padding:5px; color:#6f6f6f; font-size:14px; font-weight:500}
#relative_site_area .relative_list > li > ul > li > a:hover{ color:#fff; background:#525252}

#bottom{ padding-top:40px; }
#bottom .logo{ float:right; text-align:left}
#bottom .bottom_menu{ text-align:left;}
#bottom .bottom_menu a{ font-size:14px}
#bottom p{ text-align:left;}
#bottom #go_top{ position:fixed;  right:15px; bottom:15px; width:80px; margin:0; z-index:3000 }

 }
 @media all and (min-width:1100px) {
.container{  width:1200px; margin:0 auto}	
#header .go_site .container{ width:1200px;}

#visual_area{ min-height:540px; }

 }