@charset "euc-kr";
/* CSS Document */
body{ font-size:16px}
body.sub{ background-image:url(../images/inc/sub_bg_img.jpg); background-position:center top; background-repeat:no-repeat; background-attachment:fixed; background-size:cover;}

.box1{ width:95%; max-width:1200px; margin:0 auto; position:relative; }
.pc_hide{ display:none}

#header{ position:fixed; z-index:100; left:0; top:0; width:100%}
/* #header *{ transition:0.3s} */
#header .header_wrap{ position:relative; z-index:inherit}
#header .header_wrap .bg{ position:absolute; z-index:inherit; left:0; top:0; width:100%; height:100%; background:#fff; filter:alpha(opacity=90);opacity:0.9;}
#header.on .header_wrap .bg{filter:alpha(opacity=100);opacity:1;}
#header .header_wrap .home_wrap{ position:relative; z-index:101; border-bottom:1px solid #ddd}
#header .header_wrap .home_wrap .logo { display:none; }
#header .header_wrap .home_wrap .left{ float:left}
#header .header_wrap .home_wrap .right{ float:right}
#header .header_wrap .home_wrap .etc_menu{ font-size:0;}
#header .header_wrap .home_wrap .etc_menu > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top; margin-left:1px}
#header .header_wrap .home_wrap .etc_menu > li:first-child{ margin-left:0}
#header .header_wrap .home_wrap .etc_menu > li > a{ display:block; position:relative; z-index:inherit; width:40px; height:29px}
#header .header_wrap .home_wrap .etc_menu > li > a .bg{ position:absolute; z-index:inherit; left:0; top:0; width:100%; height:100%; background:#000; filter:alpha(opacity=20);opacity:0.2;}
#header .header_wrap .home_wrap .etc_menu > li > a .icon{position:absolute; z-index:inherit; left:0; top:0; width:100%; height:100%; background-position: center; background-repeat:no-repeat}
#header .header_wrap .home_wrap .etc_menu > li.allmenu > a .icon{ background-image:url(../images/inc/icon_allmenu.png)}
#header .header_wrap .home_wrap .etc_menu > li.bookmark > a .icon{ background-image:url(../images/inc/icon_bookmark.png)}
#header .header_wrap .home_wrap .etc_menu > li:hover > a .bg{filter:alpha(opacity=40);opacity:0.4}
#header .header_wrap .home_wrap .etc_menu > li.on > a .bg{filter:alpha(opacity=100);opacity:1; background:#0069bf}
#header .header_wrap .home_wrap .js-toggle-nav { display:none; }

#header .header_wrap .home_wrap .etc_menu > li .allmenu_wrap{ position:absolute; z-index: inherit; left:0; bottom:auto; width:100%; font-size:1rem; display:none}
#header .header_wrap .home_wrap .etc_menu > li .allmenu_wrap{ transition:0}
#header .header_wrap .home_wrap .etc_menu > li .allmenu_wrap .allmenu_con{background:#fff;border:1px solid #0069bf; padding:20px 40px 40px 40px}
#header .header_wrap .home_wrap .etc_menu > li .allmenu_wrap .gnb{ overflow:hidden; margin:0 0 0 -10px;}
#header .header_wrap .home_wrap .etc_menu > li .allmenu_wrap .gnb > li.m_guide{ display:none}
#header .header_wrap .home_wrap .etc_menu > li .allmenu_wrap .gnb > li{ float:left; width:16.66%}
#header .header_wrap .home_wrap .etc_menu > li .allmenu_wrap .gnb > li .dp1,
#header .header_wrap .home_wrap .etc_menu > li .allmenu_wrap .gnb > li .dp2{ display:block; margin:0 0 0 10px}
#header .header_wrap .home_wrap .etc_menu > li .allmenu_wrap .gnb > li .dp1 .va_tt{ display:block; text-align:center; font-family:ns, sans-serif; font-size:1.063em; color:#111; padding:10px 0; border-bottom:1px dotted #333}
#header .header_wrap .home_wrap .etc_menu > li .allmenu_wrap .gnb > li .dp1 .va{ display:block; background-position:center center; background-repeat:no-repeat; background-size:cover; width:100%;height:100px;}
#header .header_wrap .home_wrap .etc_menu > li .allmenu_wrap .gnb > li.m_1 .dp1 .va{background-image:url(../images/inc/sub_bg_1.jpg)}
#header .header_wrap .home_wrap .etc_menu > li .allmenu_wrap .gnb > li.m_2 .dp1 .va{background-image:url(../images/inc/sub_bg_2.jpg)}
#header .header_wrap .home_wrap .etc_menu > li .allmenu_wrap .gnb > li.m_3 .dp1 .va{background-image:url(../images/inc/sub_bg_3.jpg)}
#header .header_wrap .home_wrap .etc_menu > li .allmenu_wrap .gnb > li.m_4 .dp1 .va{background-image:url(../images/inc/sub_bg_4.jpg)}
#header .header_wrap .home_wrap .etc_menu > li .allmenu_wrap .gnb > li.m_5 .dp1 .va{background-image:url(../images/inc/sub_bg_5.jpg)}
#header .header_wrap .home_wrap .etc_menu > li .allmenu_wrap .gnb > li.m_6 .dp1 .va{background-image:url(../images/inc/sub_bg_6.jpg)}
#header .header_wrap .home_wrap .etc_menu > li .allmenu_wrap .gnb > li .dp2 > li > a{ display:block; font-size:.813em; padding:10px; border-bottom:1px solid #ddd; color:#666}
#header .header_wrap .home_wrap .etc_menu > li .allmenu_wrap .gnb > li .dp2 > li > a:hover{ color:#111; background:#f5f5f5}
#header .header_wrap .home_wrap .etc_menu > li .allmenu_wrap .gnb > li:hover .dp1{ background:#0069bf}
#header .header_wrap .home_wrap .etc_menu > li .allmenu_wrap .gnb > li:hover .dp1 .va_tt{ color:#fff}
#header .header_wrap .home_wrap .etc_menu > li .allmenu_wrap .logo{display:block; width:180px; margin:0 auto; padding-bottom:15px}
#header .header_wrap .home_wrap .etc_menu > li .allmenu_wrap .allmenu_close{ background:#0069bf; display:block; color:#fff; padding:10px 0; text-align:center; font-size:.938em; font-weight:600}

#header .header_wrap .home_wrap .home_menu{ float:left}
#header .header_wrap .home_wrap .home_menu > li{ display:inline-block; *display:inline; zoom:1; vertical-align: middle}
#header .header_wrap .home_wrap .home_menu > li > a{ display:block; font-size:.625em; font-weight:600; color:#666; line-height:29px; padding:0 10px;}
#header .header_wrap .home_wrap .home_menu > li > a:hover{ color:#111; text-decoration:underline;}

#header .header_wrap .home_wrap .language{ float:left; margin-left:20px}
#header .header_wrap .home_wrap .language > li > a{ display:block; position:relative; z-index:inherit;}
#header .header_wrap .home_wrap .language > li > a .bg{ position:absolute; z-index:inherit; left:0; top:0; width:100%; height:100%; background:#0a3883; filter:alpha(opacity=20);opacity:0.2;}
#header .header_wrap .home_wrap .language > li > a .icon{ position:relative; z-index:inherit; display:block; background-position:10px center; background-repeat:no-repeat; font-size:.625em; font-weight:600; color:#0a3883; line-height:29px; height:29px; padding:0 10px 0 40px; }
#header .header_wrap .home_wrap .language > li.eng > a .icon{ background-image:url(../images/inc/icon_eng.png)}
#header .header_wrap .home_wrap .language > li.kor > a .icon{ background-image:url(../images/inc/icon_kor.png)}
#header .header_wrap .home_wrap .language > li:hover > a .bg{ filter:alpha(opacity=40);opacity:0.4;}
#header .header_wrap .home_wrap .language > li:hover > a .icon{ color:#fff}

#header .header_wrap .top_wrap{ position:relative; z-index:inherit; border-bottom:1px solid #ddd}
#header .header_wrap .top_wrap .logo{ float:left;}
#header .header_wrap .top_wrap .logo > a{ display:block; padding:15px 0}

#header .header_wrap .top_wrap .gnb_wrap{ float:right}
#header .header_wrap .top_wrap .gnb_wrap .gnb{ margin-right:-35px}
#header .header_wrap .top_wrap .gnb_wrap .gnb > li.m_guide{ display:none}
#header .header_wrap .top_wrap .gnb_wrap .gnb > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top}
#header .header_wrap .top_wrap .gnb_wrap .gnb > li .dp1{ display:block; padding:30px 35px 25px 35px;}
#header .header_wrap .top_wrap .gnb_wrap .gnb > li .dp1 .va_tt{ font-family:ns, sans-serif; font-size:1.125em; font-weight:600; color:#333}
#header .header_wrap .top_wrap .gnb_wrap .gnb > li:hover .dp1 .va_tt,
#header .header_wrap .top_wrap .gnb_wrap .gnb > li.on .dp1 .va_tt{ color:#005ba6}
#header .header_wrap .top_wrap .gnb_wrap .gnb > li{ position:relative; z-index:inherit}
#header .header_wrap .top_wrap .gnb_wrap .gnb > li .dp2{ position:absolute; z-index:inherit; left:0; bottom:auto; width:180px; left:50%; margin-left:-90px; display:none; padding-top:1px; transition:0}
#header .header_wrap .top_wrap .gnb_wrap .gnb > li .dp2 > li{ }
#header .header_wrap .top_wrap .gnb_wrap .gnb > li .dp2 > li > a{ display:block; padding:8px 15px; background:#242e4f; font-size:.875em; color:#fff; border:1px solid #021535; text-align:center; font-weight:600; margin-bottom:-1px; filter:alpha(opacity=90);opacity:0.9;}
#header .header_wrap .top_wrap .gnb_wrap .gnb > li .dp2 > li > a:hover{background:#fff; color:#242e4f}

.fade{ position: fixed; z-index:102; width:100%; height:100%; left:0; top:0; background:#fff;}

#footer{ position:relative; z-index:inherit}
.main #footer{ position:fixed; z-index:inherit; left:0; bottom:0; width:100%}
.main #footer .footer_menu{ display:none}
#footer .footer_menu{ text-align:center; border-bottom:1px solid #333}
#footer .footer_menu .btn{ display:inline-block; *display:inline; zoom:1; background:rgba(0,0,0,0.7); border-radius:5px 5px 0 0; font-size:.813em; font-weight:600; color:#fff; padding:10px 30px;}
#footer .footer_menu .btn .icon{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; background-image:url(../images/inc/footer_menu_close.png); width:11px; height:5px; margin-left:10px}
#footer .footer_menu .btn.open .icon{background-image:url(../images/inc/footer_menu_open.png);}
#footer .footer_menu .menu_wrap{ position:relative; z-index:inherit;}
#footer .footer_menu .menu_wrap .bg{ position:absolute; z-index:inherit; left:0; top:0; width:100%; height:100%; background:#000; filter:alpha(opacity=60); opacity:0.6;}
#footer .footer_menu .menu_wrap .menu{ position:relative; z-index:inherit; text-align:left;}
#footer .footer_menu .menu_wrap .menu .gnb{ border-left:1px solid #333; overflow:hidden}
#footer .footer_menu .menu_wrap .menu .gnb > li.m_guide{ display:none}
#footer .footer_menu .menu_wrap .menu .gnb > li{ float:left; width:16.66%;}
#footer .footer_menu .menu_wrap .menu .gnb > li .dp1,
#footer .footer_menu .menu_wrap .menu .gnb > li .dp2{ display:block; border-right:1px solid #333; padding-left:20px; padding-right:20px}
#footer .footer_menu .menu_wrap .menu .gnb > li .dp1{ color:#fff; font-size:.875em; font-weight:600; border-bottom:1px solid #333; height:40px}
#footer .footer_menu .menu_wrap .menu .gnb > li .dp2{ padding-top:10px; padding-bottom:20px}
#footer .footer_menu .menu_wrap .menu .gnb > li .dp2 > li > a{ display:block; color:#fff; font-size:.813em; filter:alpha(opacity=80); opacity:0.8; padding:5px 0;}
#footer .footer_menu .menu_wrap .menu .gnb > li:hover{ background:rgba(0,0,0,0.7); }
#footer .footer_menu .menu_wrap .menu .gnb > li .dp2 > li > a:hover{ filter:alpha(opacity=100);opacity:1;}

#footer .footer_wrap{ position:relative; z-index:inherit; padding:15px 0 20px 0}
#footer .footer_wrap .bg{ position:absolute; z-index:inherit; left:0; top:0; width:100%; height:100%; background:#000; filter:alpha(opacity=90);opacity:0.9;}
#footer .footer_wrap .box1{ position:relative; z-index:inherit}
#footer .footer_wrap .logo{ float:left; width:150px; margin-top:3px; }
#footer .footer_wrap .info{ display:flex; flex-wrap:wrap; width:100%; margin-left:30px;}
#footer .footer_wrap .info .f_br { display:none; }
#footer .footer_wrap .info > dd{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; font-size:.75em; color:#fff; padding-right:15px; margin-top:5px}
#footer .footer_wrap .info > dd:nth-child(n+1):nth-child(-n+2){ /*width:100%*/}
#footer .footer_wrap .info > dd.pr_n{ width: 100%; margin-top: 2em;}
#footer .footer_wrap .info > dd:last-child{ width:100%;}
#footer .footer_wrap .info > dd .point{ color:#ffb400; text-decoration:underline}
#footer .footer_wrap .info > dd.copyright{ display:block; font-size:.625em; margin-top:10px; color:#999}
#footer .footer_wrap .info > dd.copyright .adm{ border:1px solid #fff; font-weight:600; color:#fff; margin-left:10px; border-radius:2px; padding:1px 5px; }
#footer .footer_wrap .menu{ float:right; margin-top:8px}
#footer .footer_wrap .menu > li{ display:inline-block; *display:inline; zoom:1; vertical-align:middle}
#footer .footer_wrap .menu > li > a{ display:block; font-size:.75em; font-weight:600; color:#fff; background:url(../images/inc/footer_menu_sec.gif) no-repeat left center; padding:0 5px 0 10px}
#footer .footer_wrap .menu > li:first-child > a{ background:none}

#contents{}
#contents .slogan{ text-align:center; padding:30px 0}
#contents .slogan .t1{ font-family:ns, sans-serif; font-size:1.6em; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,0.5); }
#contents .slogan .t1 .line{ display:block; margin:9px auto; width:20px; height:1px; background:#fff}
#contents .slogan .t2{ font-size:.938em; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,0.5);}

#contents .lnb_wrap .gnb{ padding:0 40px}
#contents .lnb_wrap .gnb > li,
#contents .lnb_wrap .gnb > li .dp1{ display:none}
#contents .lnb_wrap .gnb > li .dp2{ font-size:0; margin-left:-1px}
#contents .lnb_wrap .gnb > li .dp2 > li{ display:inline-block; *display:inline; zoom:1; width:12.5%; font-size:1rem;}
#contents .lnb_wrap .gnb > li .dp2 > li > a{ display:block; margin-left:1px; height:40px; padding:5px 0; border:1px solid #fff; border-bottom:none; text-align:center;}
#contents .lnb_wrap .gnb > li .dp2 > li > a .va_tt{ font-size:.938em; font-weight:600; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,0.5); }
#contents .lnb_wrap .gnb > li .dp2 > li.on > a,
#contents .lnb_wrap .gnb > li .dp2 > li:hover > a{ background: url(../images/inc/lnb_on.png) no-repeat center bottom #fff}
#contents .lnb_wrap .gnb > li .dp2 > li.on > a .va_tt,
#contents .lnb_wrap .gnb > li .dp2 > li:hover > a .va_tt{ color:#111; text-shadow:none;}

#contents .quick_wrap{ position:absolute; z-index:99; left:50%; margin-left:620px}
#contents .quick_wrap .quick > a{ display:block; background:#000; width:100px; height:100px}
#contents .quick_wrap .quick > a .icon{ display:block; height:60px; background-repeat:no-repeat; background-position:center}
#contents .quick_wrap .quick > a .tt{ display:block; text-align:center; font-size:.813em; color:#fff}
#contents .quick_wrap .quick.q_1 > a{ background-color:#111}
#contents .quick_wrap .quick.q_2 > a{ background-color:#333}
#contents .quick_wrap .quick.q_3 > a{ background-color:#222}
#contents .quick_wrap .quick.q_mail > a{ background-color:#0069bf; margin:10px 0}
#contents .quick_wrap .quick.q_1 > a .icon{ background-image:url(../images/inc/quick_1.png)}
#contents .quick_wrap .quick.q_2 > a .icon{ background-image:url(../images/inc/quick_2.png)}
#contents .quick_wrap .quick.q_3 > a .icon{ background-image:url(../images/inc/quick_3.png)}
#contents .quick_wrap .quick.q_mail > a .icon{ background-image:url(../images/inc/quick_mail.png)}
#contents .quick_wrap .gotop{ margin:0 auto}
#contents .gotop{ display:block; width:43px; height:43px; text-align:center; background:url(../images/inc/gotop.png); filter:alpha(opacity=70);opacity:0.7;}
#contents .gotop:hover{ filter:alpha(opacity=100);opacity:1;}

.sub #contents{ padding-bottom:80px}

#contents .doc_wrap{ position:relative; background:#fff; padding:0 40px; overflow:hidden; }
#contents .doc_wrap .water_m{ position:fixed; left:50%; margin-top:-99px; top:50%; margin-left:-96.5px; background:url(../images/inc/water.gif) no-repeat; opacity:0.1; padding:0 40px; width:100%; height:10000px; z-index:99; display:none;}

#contents .doc_wrap .sub_tit{ border-bottom:1px solid #ccc; padding-top:40px}
#contents .doc_wrap .sub_tit .tit{ float:left; font-size:1.875em; font-weight:600; color:#111; font-family:ns,sans-serif; position:relative; z-index:inherit; padding-bottom:15px}
#contents .doc_wrap .sub_tit .tit .line{ position:absolute; z-index:inherit; left:0; bottom:-1px; width:100%; height:1px; background:#111}
#contents .doc_wrap .sub_tit .nav{ float:right; margin-top:15px}
#contents .doc_wrap .sub_tit .nav > li{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; font-size:.75em; color:#777}
#contents .doc_wrap .sub_tit .nav > li.this{ color:#111;}
#contents .doc_wrap .doc{ min-height:450px; padding:40px 0 120px 0}


body.bg_2 #contents .doc_wrap .sub_tit .nav > li.print { display:none; }

/*main*/
.main_wrap{ background-repeat:no-repeat; background-position:center top}
.main_wrap.main_intro{ background-image:url(../images/main/intro1.jpg)}
.main_wrap.con_a{ background-image:url(../images/main/con_a1.jpg)}
.main_wrap.con_b{ background-image:url(../images/main/con_b1.jpg)}
.main_wrap.con_c{ background-image:url(../images/main/con_c1.jpg)}
.main_wrap.con_d{ background-image:url(../images/main/con_d.jpg)}

.main_wrap .intro_slogan{ text-align:center; position:relative; z-index:inherit; top:100px}
.main_wrap .intro_slogan .tit{ display:inline-block; *display:inline; zoom:1; padding:0 25px 25px 25px; position:relative; font-size:3.250em; color:#000; font-family:Georgia, "Times New Roman", Times, serif;}
.main_wrap .intro_slogan .tit .line{ position:absolute; width:100%; height:1px; left:0; bottom:0; background:#555; filter:alpha(opacity=50); opacity:0.5;}
.main_wrap .intro_slogan .tit .line .circle{ position:absolute; width:10px; height:10px; top:-5px; background:#000; border-radius:10px}
.main_wrap .intro_slogan .tit .line .circle.l{ left:0;}
.main_wrap .intro_slogan .tit .line .circle.r{ right:0;}
.main_wrap .intro_slogan .tt{ font-size:1.063em; color:#444; text-align:center; margin-top:20px; line-height:1.6; font-weight:600; }

.main_wrap .main_tt{ padding-top:50px}
.main_wrap .main_tt .tit{display:inline-block; *display:inline; zoom:1; font-family:ns,sans-serif; font-size:3em; font-weight:600; padding:0 20px 10px 0; border-bottom:1px solid #666; color:#000; }
.main_wrap .main_tt .tt{ font-size:1.125em; color:#333; padding-top:20px; line-height:1.5; }
.main_wrap .main_tt .link{ margin-top:40px}
.main_wrap .main_tt .link .btn{font-size:1.125em; display:inline-block; *display:inline; zoom:1; padding:10px 30px; background:#21b1dc; filter:alpha(opacity=90);opacity:0.9; font-family:Arial, Helvetica, sans-serif; font-weight:600; color:#fff}
.main_wrap .main_tt .link .btn .arrow{display:inline-block; *display:inline; zoom:1;margin-left:10px; font-weight:normal}
.main_wrap .main_tt .link .btn:hover{ filter:alpha(opacity=100);opacity:1;}

.main_nav_wrap{ position:fixed; z-index:inherit; left:0; width:100%;}
.main_nav_wrap .box1{ position:relative; z-index:inherit}
.main_nav_wrap .main_nav{ text-align:center; font-size:0}
.main_nav_wrap .main_nav > li{ display:inline-block; *display:inline; zoom:1; vertical-align:bottom; width:20%; font-size:1rem;}
.main_nav_wrap .main_nav > li > a{ display:block; position:relative; z-index:inherit; padding:1px;}
.main_nav_wrap .main_nav > li > a .nav_line{ position:absolute; z-index:inherit; left:-1px; top:-1px; width:100%; height:100%; filter:alpha(opacity=30);opacity:0.3; border:1px solid #fff; border-radius:3px}
.main_nav_wrap .main_nav > li > a .img{ position:relative; z-index:inherit; padding:10px}
.main_nav_wrap .main_nav > li > a .img .line{ position:absolute; z-index:inherit; left:0; top:0; width:100%; height:100%; filter:alpha(opacity=50);opacity:0.5;}
.main_nav_wrap .main_nav > li > a .img .bg{ position:relative; z-index:inherit; display:block; background-repeat:no-repeat; background-position:center; background-size:cover; height:120px}
.main_nav_wrap .main_nav > li > a .tt{ display:block; padding:10px; font-weight:600; color:#fff; font-size:0.72rem; }
.main_nav_wrap .main_nav > li > a:hover .line{filter:alpha(opacity=90);opacity:0.9; transition:0.3s}
.main_nav_wrap .main_nav > li.nav_a > a .img .line,
.main_nav_wrap .main_nav > li.nav_a > a .tt{ background:#1760cf}
.main_nav_wrap .main_nav > li.nav_b > a .img .line,
.main_nav_wrap .main_nav > li.nav_b > a .tt{ background:#10841a}
.main_nav_wrap .main_nav > li.nav_c > a .img .line,
.main_nav_wrap .main_nav > li.nav_c > a .tt{ background:#0d96d6}
.main_nav_wrap .main_nav > li.nav_d > a .img .line,
.main_nav_wrap .main_nav > li.nav_d > a .tt{ background:#94b400}
.main_nav_wrap .main_nav > li.nav_a > a .img .bg{ background-image:url(../images/main/con_a1.jpg)}
.main_nav_wrap .main_nav > li.nav_b > a .img .bg{ background-image:url(../images/main/con_b1.jpg)}
.main_nav_wrap .main_nav > li.nav_c > a .img .bg{ background-image:url(../images/main/con_c1.jpg)}
.main_nav_wrap .main_nav > li.nav_d > a .img .bg{ background-image:url(../images/main/con_d.jpg)}
.main_nav_wrap .gotop{ position:absolute; z-index:inherit; left:50%; bottom:0; margin-left:620px}

.main_wrap.con_a_a{ background-image:url(../images/main/con_2.jpg)}
.main_nav_wrap .main_nav > li > a_a{ display:block; position:relative; z-index:inherit; padding:1px;}
.main_nav_wrap .main_nav > li > a_a .nav_line{ position:absolute; z-index:inherit; left:-1px; top:-1px; width:100%; height:100%; filter:alpha(opacity=30);opacity:0.3; border:1px solid #fff; border-radius:3px}
.main_nav_wrap .main_nav > li > a_a .img{ position:relative; z-index:inherit; padding:10px}
.main_nav_wrap .main_nav > li > a_a .img .line{ position:absolute; z-index:inherit; left:0; top:0; width:100%; height:100%; filter:alpha(opacity=50);opacity:0.5;}
.main_nav_wrap .main_nav > li > a_a .img .bg{ position:relative; z-index:inherit; display:block; background-repeat:no-repeat; background-position:center; background-size:cover; height:120px}
.main_nav_wrap .main_nav > li > a_a .tt{ display:block; padding:10px; font-weight:600; color:#fff; font-size:0.72rem; }
.main_nav_wrap .main_nav > li > a_a:hover .line{filter:alpha(opacity=90);opacity:0.9; transition:0.3s}
.main_nav_wrap .main_nav > li.nav_a_a > a .img .line,
.main_nav_wrap .main_nav > li.nav_a_a > a .tt{ background:#10841a}
.main_nav_wrap .main_nav > li.nav_a_a > a .img .bg{ background-image:url(../images/main/con_2.jpg)}
.main_nav_wrap .main_nav > li.nav_b > a .tt{ background:#165c7d}



/* sub */
.sub_tt_box { text-align:center; position:relative; z-index:inherit; margin-top:50px; margin-bottom:35px; }
.sub_tt_box .line { border-bottom:1px solid #ccc; position:absolute; z-index:inherit; width:100%; height:50%; left:0; }
.sub_tt_box .con { position:relative; z-index:inherit; }
.sub_tt_box .con .circle { background:url(../images/inc/circle.png) no-repeat; background-size:contain; width:6px; height:6px; display:inline-block; zoom:1; vertical-align:middle; }
.sub_tt_box .con .sub_tt { display:inline-block; zoom:1; vertical-align:middle; padding:20px; background:#fff; margin:0 -4px; font-weight:600; font-size:2em; color:#000; }


.top_tit { background:url(../images/inc/top_tit1.png) no-repeat left top 2px; background-size:contain; padding-left:48px; font-size:1.188em; font-weight:600; margin-bottom:25px; color:#0069bf; }
.mid_tit { background:url(../images/inc/mid_tit.png) no-repeat left center;  font-size:1.063em; font-weight:600; margin-left:28px; padding-left:20px; margin-bottom:15px; } 
.mid_txt { font-size:0.938em;  margin-left:48px; margin-bottom:10px; line-height:1.5; }
.mid_tit span { font-size:0.938em; font-weight:normal; }
.bot_tit { background:url(../images/inc/bot_tit.jpg) no-repeat left center;  font-size:1.063em;  margin-left:48px; padding-left:15px; margin-bottom:20px; } 

.img_box { margin-left:28px; border:1px solid #ccc; text-align:center; padding:20px; margin-bottom:30px; }
.img_box1 { border:1px solid #ccc; text-align:center; padding:20px; margin-bottom:30px; }
.img_box2 { overflow:hidden; margin-left:28px; }
.img_box2 > figure { margin:0; width:48.5%; }
.img_box2 > figure:first-child { float:left;  }
.img_box2 > figure:last-child { float:right; }

.img_box2 > figure img { width:100%; }

.mid_box { margin-left:28px; border:1px solid #ccc; background:#f9f9f9; padding:20px; margin-bottom:30px; }
.mid_box .txt { font-size:0.938em;  line-height:1.6; }
.mid_box ul li { background:url(../images/inc/mini_con.png) no-repeat left top 7px; padding-left:10px; margin-bottom:10px; font-size:0.938em; }
.mid_box ul li:last-child { margin-bottom:0; }
.mid_box ul li span.in_li { display:block; font-size:0.875em; padding-top:8px; }

.table_box1 { margin-left:28px; } 
.sub_table { width:100%; }
.sub_table thead tr th { border-left:1px solid #fff; background:#444; font-weight:600; padding:10px 0; text-align:center; font-size:0.938em; color:#fff; }
.sub_table thead tr th:first-of-type { border-left:none; }

.sub_table tbody tr th { border-top:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:10px; text-align:center; font-size:0.938em; background:#f8f8f8; }
.sub_table tbody tr td { border-bottom:1px solid #ddd; border-left:1px solid #ddd; padding:10px; text-align:center; font-size:0.875em; line-height:1.5; }
.sub_table tbody tr td:first-of-type { border-left:none; }
.sub_table tbody tr td img { max-width:100%; }
.sub_table tbody tr td ul li { background:url(../images/inc/mini_con.png) no-repeat left top 7px; text-align:left; margin-bottom:10px; font-size:0.938em; margin-left:10px; padding-left:10px; line-height:1.5; }
.sub_table tbody tr td ul li:last-child { margin-bottom:0; }
.sub_table tbody tr td.left { text-align:left; padding-left:20px; }

.sub_table.sub3_1 tbody tr td { background:#f2f2f2; }
.sub_table.sub3_1 tbody tr td.blue { background:#e4f3fa; }


/* sub1_1 */
.sub1_1 { overflow:hidden; }

.sub1_1 .tit_area { float:left; }
.sub1_1 .tit_area > h1 { font-family:ns, sans-serif; font-size:23px; }
.sub1_1 .tit_area .tit1 { color:#000; background:url(../images/sub/sub1_1_icon1.png) no-repeat left top 42px; padding-left:40px; padding-top:60px; }
.sub1_1 .tit_area .tit2 { padding-top:15px; padding-left:40px; background:url(../images/sub/sub1_1_icon2.png) no-repeat right top; padding-right:37px; }
.sub1_1 .tit_area .tit2 .c_logo { color:#0071bc; font-style:italic; display:inline-block; margin-right:3px; }

.sub1_1 .img_area { float:right; width:33%; margin-bottom:30px; margin-right:10px; }
.sub1_1 .img_area img { max-width:100%; }

.sub1_1 hr { border:none; border-bottom:1px solid #ddd; width:100%; margin-bottom:40px; }

.sub1_1 .txt_area { padding-left:20px;  }
.sub1_1 .txt_area .tt { font-size:1.2em; font-weight:600; margin-bottom:35px; color:#333; clear:both; }
.sub1_1 .txt_area .txt { float:left; width:60%; color:#555; font-size:14px; line-height:1.9; }

.sub1_1 .txt_area .bg_img { float:right; width:36%; padding-right:10px; }
.sub1_1 .txt_area .bg_img img { max-width:100%; }

/* sub1_1 en */
.sub1_1.en .tit_bg { background:url(../images/sub/sub1_1_bg1a.png) no-repeat right 30px top; background-size:contain;  }
.sub1_1.en .tit_bg .tit1 { background:url(../images/sub/sub1_1_icon1.png) no-repeat left 20px top 40px; padding-left:60px; }
.sub1_1.en .tit_bg .tit2 { padding-left:60px; background:url(../images/sub/sub1_1_icon2.png) no-repeat left 510px top 5px; }

.sub1_1.en .tit_area .tit2 .c_logo { margin-right:0; }
.sub1_1.en .img_area { width:36%; }



/*sub1_3*/
.sub1_3 .sub_tt_box:first-of-type { margin-top:0; }


/*sub3*/
.sub3 .sub_tt_box:first-of-type { margin-top:0; }


/* sub1_4 ¿¬Çõ */
.sub_history_img { text-align:center; }
.sub_history_tit{ text-align:center; border-bottom:1px solid #aaa; padding:25px 0}
.sub_history_tit .t1{ font-family:Georgia, "Times New Roman", Times, serif; font-size:2.5em; font-style:italic; color:#00388b}
.sub_history_tit .t2{ font-family:Georgia, "Times New Roman", Times, serif; font-size:.938em; color:#999; margin-top:10px}

.sub_history_wrap{ position:relative; z-index:inherit}
.sub_history_wrap .sub_history_line{ position:absolute; z-index:inherit; width:1px; background:#ddd; left:50%; height:1000px; margin-left:-1px; top:-49px}
.sub_history_wrap .sub_history > li{ position:relative; z-index:inherit; width:50%; margin-top:50px}
.sub_history_wrap .sub_history > li .history{ padding:0 20px}
.sub_history_wrap .sub_history > li .history .year{ font-family:ns, sans-serif; font-size:2.188em; font-weight:600; color:#333; position:relative; z-index:inherit; letter-spacing:-1px}
.sub_history_wrap .sub_history > li .history .year .dot{ position:absolute; z-index:inherit; background:url(../images/inc/page_tit2.png) no-repeat left center; width:10px; height:10px; top:50%; margin-top:-5px}
.sub_history_wrap .sub_history > li .history .list{ position:relative; z-index:inherit; margin-top:15px}
.sub_history_wrap .sub_history > li .history .list .tt{  display:block;  font-size:.875em; color:#666; line-height:1.4; margin-bottom:15px; }
.sub_history_wrap .sub_history > li.odd{ left:0; text-align:right;  }
.sub_history_wrap .sub_history > li.odd .history .list .tt { background:url(../images/inc/dot_tm1.png) no-repeat top 8px right; padding-right:10px; }
.sub_history_wrap .sub_history > li.even{ left:50%;  }
.sub_history_wrap .sub_history > li.even .history .list .tt { background:url(../images/inc/dot_tm1.png) no-repeat top 8px left; padding-left:10px; }

.sub_history_wrap .sub_history > li.odd .history .year .dot{ right:-25px}
.sub_history_wrap .sub_history > li.even .history .year .dot{ left:-25px}
.sub_history_wrap .sub_history > li.odd .history .list .month{ right:5px}
.sub_history_wrap .sub_history > li.even .history .list .month{ left:5px}


/* sub1_7 */
.sub1_7 .cont_area { overflow:hidden; }
.sub1_7 .cont_area .cont { float:left; width:50%; position:relative; padding-bottom:30px; margin-bottom:30px; border-bottom:1px dashed #ddd; overflow:hidden; }
.sub1_7 .cont_area .cont > div { float:left; width:46%; }
.sub1_7 .cont_area .cont dl { float:left; margin-left:3%; width:51%; box-sizing:border-box; padding-right:20px; }
.sub1_7 .cont_area .cont dl dt { background:url(../images/inc/mid_tit2.png) no-repeat left center; padding-left:15px; font-size:15px; font-weight:bold; margin-bottom:15px; }
.sub1_7 .cont_area .cont dl dd { padding-left:15px; font-size:14px; line-height:1.5;  }


/*sub1_8*/
.map_area { height:400px; }




/* sub6_4 */
.sub6_4 .site_list { margin-left:48px; margin-bottom:-25px; }
.sub6_4 .site_list ul { margin-right:-20px; overflow:hidden; }
.sub6_4 .site_list ul li { float:left; width:20%; margin-bottom:25px; text-align:center; }

.sub6_4 .site_list ul li a {  display:block; border:2px solid #ddd; margin-right:20px; }
.sub6_4 .site_list ul li a:hover { border:2px solid #005ba6; }
.sub6_4 .site_list ul li p { text-align:center; padding:10px 0; font-size:13px; font-family:"µ¸¿ò", dotum; color:#666; }


/* find */
.id_st { width:100%; border:none; border:1px solid #999; padding-left:5px; height:29px; box-sizing:border-box; }
.id_st.select { padding-left:0; }

.login_wrap { width:100%; }
.login_top_box { padding-bottom:30px; text-align:center; width:80%; margin:0 auto; border-bottom:1px dashed #ccc; }
.login_top_box ul .tit1 { font-size:20px; font-family:"ns"; font-weight:600; color:#444; margin-bottom:15px; }
.login_top_box ul .tit1 .title1 { font-size:24px; font-family:"ns"; color:#0069bf; }
.login_top_box ul .txt2 { font-size:15px;  color:#666; line-height:1.5; }
.login_wrap .mid_wrap > div { float:left; vertical-align:middle; }
.login_wrap .mid_wrap .login_w1 { padding-top:20px; }
span.line { width:100%; border-bottom:1px solid #ccc; display:block;  }

.login_wrap .mid_wrap1 .id_st { height:31px; }
.login_wrap .mid_wrap1 { width:50%; margin:30px auto; overflow:hidden; vertical-align:middle; }
.login_wrap .mid_wrap1 .icon { width:23%; }
.login_wrap .mid_wrap1 .icon img { padding-top:16px; }
.login_wrap .mid_wrap1 .login_w { width:50%; margin-right:4%; }
.login_wrap .mid_wrap1 .id .txt { width:30%; font-size:15px; color:#222; line-height:31px;  }
.login_wrap .mid_wrap1 .id > p { width:70%; float:left; margin-bottom:6px; }
.login_wrap .mid_wrap1 .login_btn1 { color:#fff; font-size:17px; width:23%; height:68px; line-height:65px; margin-top:20px; text-align:center;  background:#0069bf; cursor:pointer; border:1px solid #0069bf; box-sizing:border-box; }
.login_wrap .mid_wrap1 .login_btn1:hover { background:#fff; color:#0069bf; transition:0.3s; }
.login_wrap .mid_wrap1 .m_delete { font-size:0.813em;  margin-top:5px; margin-left:38%; }



/**/
.page_tab{ position: absolute;}
.page_tab > li{ margin-top:10px}
.page_tab > li:first-child{ margin-top:0}
.page_tab > li > a{ display:block; width:150px; background-color:#aaa}
.page_tab > li > a .icon{ display:block; height:100px; background-position:center; background-repeat:no-repeat;}
.page_tab > li > a .tt{ display:block; font-family:ns, sans-serif; font-size:1.063em; color:#fff}

.page_tab_con{ margin-left:190px}

/**/
.box_st{ border-radius:5px; padding:30px; border:1px solid #ddd}
.tt_st1{ font-family:ns,sans-serif; font-size:1.125em; color:#666; line-height:1.4}
.tt_st1 strong{ color:#333; font-weight:600;}
.tt_st2{ font-size:.938em; color:#333; line-height:1.4}

.page_sec{}
.page_sec2{ margin-top:20px}

.page_icon{ background:url(../images/inc/page_icon.png) no-repeat left top; font-family:ns; sans-serif; font-size:1.25em; color:#111; font-weight:600; padding-left:25px}

.dl_st{ margin-top:50px}
.dl_st:first-child{ margin-top:0}
.dl_st > dd{ margin:15px 0 0 28px}




/* sub4_1 */
.network{ z-index:10; margin:30px 0 50px 0; }

.network .point > li{position:absolute;}
.network .point .tt{display:block; background:#666666; padding:4px 8px; font-size:14px; line-height:20px; color:#fff; border-radius:5px; cursor:pointer;}
.network .point .icon{width:15px; height:15px; display:inline-block; *display:inline; zoom:1; border-radius:20px; background:#666666 url(../images/sub/location.png) no-repeat center center; no-repeat center center; z-index:3; cursor:pointer; }
.network .point .right{margin-left:25px}
.network .point .on .icon,
.network .point > li:hover .icon{background:#0069bf url(../images/sub/location.png) no-repeat center center; z-index:5;}
.network .point .on .tt,
.network .point > li:hover .tt{background:#0069bf;}
/*
.network .point .seoul{left:160px; top:138px;}
.network .point .gyeonggi{left:230px; top:148px;}
.network .point .gangwon{left:330px; top:118px;}
.network .point .incheon{left:110px; top:173px;}
.network .point .chungbuk{left:260px; top:268px;}
.network .point .chungnam{left:190px; top:320px;}
.network .point .gyeongbuk{left:365px; top:298px;}
.network .point .gyeongnam{left:330px; top:430px;}
.network .point .jeonnam{left:110px; top:498px;}
.network .point .jeju{left:105px; top:678px;}*/

.network .detail_wrap{ border:1px solid #ccc; border-radius:10px; z-index:20; border-top:3px solid #666; background:#fff; overflow-y:scroll; width:50%; float:right; position:inherit; height:-webkit-fill-available; margin-top:30px; box-sizing:border-box; }
.network .detail_wrap .idx.detail { display:none; padding:0 0 10px 0; }
.network .detail_wrap .idx.detail.on { display:block; }
.network .detail_wrap .detail .tit{font-size:20px; font-weight:600; color:#111; text-align:center; padding:15px 0 20px 0; }
.network .detail_wrap .detail .info{ margin:5px; overflow:hidden; text-align:center; padding:0 15px; }
.network .detail_wrap .detail .info img { max-width:100%; }
.network .detail_wrap .detail .info .tt { text-align:left; background:url(../images/inc/tit.jpg) no-repeat left center; padding-left:15px; margin-bottom:10px; font-size:15px; }
.network .detail_wrap .detail .info .tt span { color:#ea6402; } 
.network .detail_wrap .detail .info .name{float:left; color:#666; padding-left:5px;}
.network .detail_wrap .detail > li .li_over{overflow-y:scroll; margin:0 36px; max-height:514px;}
.network .detail_wrap .detail > li .li_over > li{float:left; margin:0 5px;}

.sub4_1 .network { overflow:hidden; position:inherit; padding:0; }
.sub4_1 .wrap_idx .left_list { width:43%; float:left; position:relative; }
.sub4_1 .wrap_idx .left_list img { width:100%; }

.sub4_1 .network .point .incheon { left:17%; top:25%; }
.sub4_1 .network .point .seoul { left:28%; top:19%; }
.sub4_1 .network .point .gyeonggi { left:40%; top:21%; }
.sub4_1 .network .point .gangwon { left:67%; top:16%; }
.sub4_1 .network .point .chungnam { left:30%; top:44%; }
.sub4_1 .network .point .chungbuk { left:46%; top:35%; }
.sub4_1 .network .point .gyeongbuk { left:76%; top:40%; }
.sub4_1 .network .point .jeonnam { left:21%; top:63%; }
.sub4_1 .network .point .gyeongnam { left:70%; top:56%; }
.sub4_1 .network .point .jeju { left:17%; top:90%; }

.privacy_wrap { border:1px solid #ddd; border-top:2px solid #666; padding:20px; line-height:1.5; }
.privacy_wrap .tt { margin-bottom:20px; font-weight:bold; font-size:.9rem; color:#333; }
.privacy_wrap .txt { margin-bottom:15px; font-size:.9rem; color:#333; }



.sitemap .gnb{ overflow:hidden; margin-left:-3%;}
.sitemap .gnb > li{ float:left; width:30.3%; margin-left:3%; margin-bottom:60px;}
.sitemap .gnb > li.m_guide,
.sitemap .gnb > li.m_member,
.sitemap .gnb > li.m_mypage{ display:none}
.sitemap .gnb > li .dp1{ display:block; border-top:3px solid #0071bc; border-bottom:1px solid #0071bc; text-align:center; font-size:1.063em; color:#0071bc; padding:12px 0;}
.sitemap .gnb > li:hover .dp1{ background:#0071bc; color:#fff}
.sitemap .gnb > li .dp2 > li > a{ display:block; border-bottom:1px dotted #999; color:#666; padding:10px 0; text-align:center; font-size:.813em;}
.sitemap .gnb > li .dp2 > li > a:hover{ color:#000;}
.sitemap .gnb > li.m_4{ clear:left;}









@media print{
#header{ position:relative}
#header .header_wrap .top_wrap .gnb_wrap .gnb > li .dp1{ padding-left:25px; padding-right:25px}
#contents{ padding-top:0 !important}
body.sub{ background-size:auto 100%}
}


@media all and (max-width:1170px){
#contents .doc_wrap .doc { padding:30px 0 100px 0 }

#header .header_wrap .home_wrap{ height:70px}
#header .header_wrap .home_wrap .logo { display:block; text-align:center; }
#header .header_wrap .home_wrap .logo a img { max-width:200px; padding-top:19px; }
#header .header_wrap .home_wrap .left { float:none; }
#header .header_wrap .home_wrap .left .etc_menu > .bookmark { display:none; }
#header .header_wrap .home_wrap .left .etc_menu > .allmenu > a { height:35px; }
#header .header_wrap .home_wrap .left .etc_menu > .allmenu > a.btn { position:absolute; left:0; top:18px; }
#header .header_wrap .home_wrap .left .etc_menu > li .allmenu_wrap { z-index:9; top:51px; }
#header .header_wrap .home_wrap .left .etc_menu > li .allmenu_wrap .gnb > li .dp1 .va { height:70px; }
#header .header_wrap .home_wrap .left .etc_menu > li .allmenu_wrap .gnb > li .dp1 .va_tt { font-size:0.8em; padding:10px 0 8px; }
#header .header_wrap .home_wrap .left .etc_menu > li .allmenu_wrap .gnb > li .dp2 > li > a { font-size:0.7em; }
#header .header_wrap .home_wrap .home_menu { display:none; }
#header .header_wrap .home_wrap .language{ position:absolute; right:0; top:21px;}

#header .header_wrap .top_wrap .logo { display:none; }
#header .header_wrap .top_wrap .gnb_wrap { float:none; }
#header .header_wrap .top_wrap .gnb_wrap .gnb { width:95%; margin:0 auto; }
#header .header_wrap .top_wrap .gnb_wrap .gnb > li { width:16%; text-align:center; }
#header .header_wrap .top_wrap .gnb_wrap .gnb > li .dp1 { padding:15px 0 13px; }
#header .header_wrap .top_wrap .gnb_wrap .gnb > li .dp1 .va_tt { font-size:1.3em; }
#header .header_wrap .top_wrap .gnb_wrap .gnb > li .dp2 { display:none !important; }

#contents .lnb_wrap .gnb { padding:0 20px; }
#contents .lnb_wrap .gnb > li .dp2 > li { width:25%; }
#contents .lnb_wrap .gnb > li .dp2 > li > a { font-size:0.7rem; height:auto; padding:10px 0; }
#contents .lnb_wrap .gnb > li .dp2 > li > a .va_tt { font-size:0.8em; }
#contents .lnb_wrap .gnb > li .dp2 > li.on > a, #contents .lnb_wrap .gnb > li .dp2 > li:hover > a { background:#fff; }

.main_wrap { background-size:cover; }
.main_wrap.main_intro { padding-top:124px !important; } 
.main_wrap .intro_slogan .tt { font-size:1.38em; }
.main_wrap .main_tt { padding-top:100px; }
.main_wrap .main_tt .tt { font-size:1.3em; }
.main_nav_wrap .main_nav > li { width:28%; }

#footer .footer_wrap .logo { float:none; margin:0 auto 15px; }
#footer .footer_wrap .info { display: block; float:none; margin:0 auto; text-align:center; }
#footer .footer_wrap .info > dd.pr_n { padding-right:0; }
#footer .footer_wrap .info .f_br { display:block; }
#footer .footer_wrap .menu { float:none; text-align:center;}


#contents .quick_wrap { display:none; }

#contents .slogan .t2 { font-size:1.3em; }
#contents .doc_wrap { padding:0 20px; }


.sub1_1 .tit_area > h1 { font-size:1.2em; }
.sub1_1 .tit_area .tit1 { background:url(../images/sub/sub1_1_icon1.png) no-repeat left top 22px; padding-left:30px; padding-top:40px; background-size:27px; }
.sub1_1 .tit_area .tit2 { background-size:27px; background-position:right top; padding-left:30px; padding-right:30px; }

.sub1_1 .img_area { width:32%; }

.sub1_1.en .tit_area > h1 { font-size:1.35em; }
.sub1_1.en .img_area { width:36%; }

.sub_history_img img { width:35%; }

.sub1_7 .cont_area .cont  { text-align:center; }
.sub1_7 .cont_area .cont > div { float:none; margin-bottom:15px; width:auto; }
.sub1_7 .cont_area .cont dl { float:none; margin-left:0; width:auto; }
.sub1_7 .cont_area .cont dl dt { width:fit-content; margin:0 auto 10px; font-size:1.2em; }
.sub1_7 .cont_area .cont dl dd { font-size:0.8em; }

.sub4_1 .network .detail_wrap { margin-top:0; height:480px; }

.box_st { padding:20px 15px; }

}


@media all and (max-width:1041px){
#contents .doc_wrap .doc { min-height:380px; }
#contents .doc_wrap .sub_tit .tit { font-size:1.4em; }
#contents .doc_wrap .sub_tit .nav { margin-top:10px; }
#contents .doc_wrap .sub_tit .nav > li { font-size:0.835em; }
#contents .doc_wrap .sub_tit .nav > li.print { display:none; }

#footer .footer_wrap .info > dd.copyright .adm { display:none; }


.sub1_1 .tit_area > h1 { font-size:1.13em; }
.sub1_1 .tit_area .tit1 { padding-top:30px; background-size:25px; background-position:left top 12px; padding-left:30px; }
.sub1_1 .tit_area .tit2 { background-size:25px; padding-left:30px; }

.sub1_1 .txt_area .txt { font-size:0.938em; width:54%; line-height:1.6; }
.sub1_1 .txt_area .bg_img { width:41%; }

.sub_table tbody tr td { padding:8px; }
.sub_table tbody tr td.left { padding-left:15px; }
 
.sub_tt_box { margin-top:30px; margin-bottom:20px; }

.top_tit { padding-left:40px;  font-size:1.4em; background-size:32px; }
.mid_tit { padding-left:15px; margin-bottom:15px; background-size:7px; } 
.mid_txt { margin-left:43px; margin-bottom:10px; }
.bot_tit { padding-left:15px; margin-bottom:20px;  } 

.mid_box ul li { background-position:left top 5px; }

.sub4_1 .network .detail_wrap { height:400px; }

/* sub6_4 */
.sub6_4 .site_list { margin-left:40px; }
.sub6_4 .site_list ul li { width:33%; }

.sitemap .gnb > li .dp1 { font-size:1.2em; }
.sitemap .gnb > li .dp2 > li > a { font-size:1.1em; }
}
@media all and (max-width:954px){

}



@media all and (max-width:890px){
.sub1_1 hr { display:none; }
.sub1_1 .tit_area { display:none; }
.sub1_1 .img_area { display:none; }

.sub4_1 .network .point .tt { font-size:1em; line-height:17px; padding:3px 5px; }
.sub4_1 .network .point .right { margin-left:15px; }
.sub4_1 .network .detail_wrap .detail .tit { font-size:1.3em; }
.sub4_1 .network .detail_wrap .detail .info .tt { font-size:0.938em; }

.mid_tit { background:url(../images/inc/mid_tit.png) no-repeat left top 1px; background-size:7px; }

}


@media all and (max-width:758px){
#contents .doc_wrap .doc { padding:20px 0 80px 0; min-height:330px; }
#header .header_wrap .home_wrap { height:64px; }
#header .header_wrap .home_wrap .left { display:none; }
#header .header_wrap .home_wrap .js-toggle-nav { display:block; width:35px; height:35px; background:#ccc; position:absolute; left:0; top:15px; text-align:center; }
#header .header_wrap .home_wrap .language { top:15px; }
#header .header_wrap .home_wrap .language > li > a .icon { font-size:0; line-height:0; width:35px; height:35px; padding:0; background-position:center center; }
#header .header_wrap .home_wrap .logo a img { max-width:160px; }
#header .header_wrap .top_wrap { display:none; }
#contents .lnb_wrap { display:none; }
#contents .doc_wrap .sub_tit { padding-top:20px; }
#contents .doc_wrap .sub_tit .tit { font-size:1.3em; padding-bottom:10px; }
#contents .doc_wrap .sub_tit .nav { margin-top:5px; }

#footer .footer_wrap .logo { width:110px; margin-bottom:10px; }
#footer .footer_wrap .info > dd { margin-top:3px; }
#footer .footer_wrap .menu { display:none; }
/* footer Àüü¸Þ´º */ #footer .footer_menu { display:none; }


.main_wrap.main_intro { padding-top:65px !important; }
.main_wrap .main_tt { padding-top:50px !important; }
.main_wrap .main_tt .tit { font-size:2em; }
.main_wrap .main_tt .tt { font-size:1.1em; padding-top:10px; }
.main_wrap .main_tt .link .btn { padding:10px 20px; }
.main_wrap .intro_slogan { top:50px; }
.main_wrap .intro_slogan .tit { font-size:1.8em; } 
.main_wrap .intro_slogan .tt { font-size:1em; padding:0 50px; }
.main_wrap .intro_slogan.eng .tt { padding:0 30px; }
.main_wrap .intro_slogan .tt br { display:none; }
.main_nav_wrap .main_nav > li { width:32%; }
.main_nav_wrap .main_nav > li > a .img .bg { height:80px; }

.top_tit { padding-left:25px; font-size:1.2em; background-size:20px; margin-bottom:15px; }
.top_tit.mt50 { margin-top:25px !important; }
.top_tit.mt70 { margin-top:40px !important; }
.mid_tit { padding-left:15px; margin-bottom:10px; background-size:8px; margin-left:0px; } 
.mid_txt { margin-left:0px; margin-bottom:10px; }
.bot_tit { margin-left:0; padding-left:15px; margin-bottom:15px; } 

.img_box { margin-left:0; padding:10px; margin-bottom:20px; }
.img_box1 { margin-left:0; padding:10px; margin-bottom:20px; }
.img_box2 { margin-left:0; padding:10px; margin-bottom:20px; }

.mid_box { margin-left:0; padding:10px; margin-bottom:20px; }
.table_box1 { overflow-x:scroll; margin-left:0; }
.table_box1 table { width:800px; }
.sub_table tbody tr td.left { padding-left:10px; }

.sub1_1 .txt_area { padding-left:0; }
.sub1_1 .txt_area .tt { margin:0 auto 20px; line-height:1.5; width:97%; text-align:center; }
.sub1_1 .txt_area .txt { float:none; width:100%; }
.sub1_1 .txt_area .bg_img { display:none; }

.sub_tt_box { margin-top:30px; margin-bottom:10px; }
.sub_tt_box .con .sub_tt { font-size:1.5em; padding:15px 10px; }


.sub_history_tit { padding:15px 0; }
.sub_history_img img { width:50%; }
.sub_history_wrap .sub_history > li .history { padding:0 10px; }
.sub_history_wrap .sub_history > li { margin-top:25px; }
.sub_history_wrap .sub_history > li .history .year { font-size:1.5em; }
.sub_history_wrap .sub_history > li .history .list .tt { margin-bottom:10px; }
.sub_history_wrap .sub_history > li .history .list .tt br { display:none; }
.sub_history_wrap .sub_history > li.even .history .year .dot { left:-15px; }
.sub_history_wrap .sub_history > li.odd .history .year .dot { right:-15px; }

/* sub1_7 */
.sub1_7 .cont_area .cont { float:none; width:100%; text-align:left; padding:0 10px 20px 10px; box-sizing:border-box; height:auto !important; }
.sub1_7 .cont_area .cont > div { float:left; width:40%; }
.sub1_7 .cont_area .cont dl { float:left; margin-left:3%; width:57%; }
.sub1_7 .cont_area .cont dl dt { width:100%; background-size:5px; font-size:1em; padding-left:10px; }
.sub1_7 .cont_area .cont dl dd { padding-left:10px; }


/* sub1_8 */
.map_area { height:250px; }


.sub4_1 .network { margin:15px 0 0 0; }
.sub4_1 .wrap_idx .left_list { float:none; width:100%; position:relative; text-align:center; }
.sub4_1 .network .point .tt { font-size:1em; line-height:17px; padding:3px 5px; }
.sub4_1 .network .point .right { margin-left:15px; }
.sub4_1 .network .detail_wrap { float:none; width:100%; height:265px; margin-top:20px; }
.sub4_1 .network .detail_wrap .detail .tit { font-size:1.3em; }
.sub4_1 .network .detail_wrap .detail .info .tt { font-size:0.938em; }

.box_st { padding:0; border:none; }

/* sub6_4 */
.sub6_4 .site_list { margin-left:0px; }
.sub6_4 .site_list ul li { width:50%; }
}

.l-nav .m_guide { display:none; }


@media all and (max-width:537px){
.main_nav_wrap .main_nav > li > a .tt { height:26px; padding:5px 17px; }
.main_nav_wrap .main_nav > li.nav_b > a .tt { line-height:26px; }
}


@media all and (max-width:400px){
.main_nav_wrap .main_nav > li > a .tt { padding:5px 10px; }
}