@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);


@font-face {
     font-family: 'S-CoreDream-3Light';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}


@font-face {
     font-family: 'S-CoreDream-4Regular';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}


@font-face {
     font-family: 'S-CoreDream-5Medium';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}


@font-face {
     font-family: 'S-CoreDream-6Bold';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream-7ExtraBold';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}


/* 초기화 */
html {overflow-y:scroll}

body {margin:0;padding:0;font-size:24px;font-family:'S-CoreDream-3Light', sans-serif; line-height:150%}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;}
ul:after {display:block;visibility:hidden;clear:both;content:""}

/* 상단 레이아웃 */
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#hd_wrapper {position:relative;margin:0 auto;zoom:1}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}


/* 메인메뉴 */
#gnb{position:relative;}
#gnb h2{position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb .gnb_wrap{margin:0 auto;max-width:1600px;width:100%;position:relative;}
#gnb #gnb_1dul {font-size:1em;padding: 0;zoom:1;}
#gnb .case_dae {font-size:1em;}
#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb .gnb_1dli_logo{float:left;text-align:center;position:relative;width:32.5%;padding-top:15px}

#gnb .gnb_1dli a{color:#000; text-decoration: none}

#gnb .gnb_1dli a:hover { color:#4d45b8;}


.mon_data { display:none }


/* active class */
a.active,
.active a {
  color: #4d45b8 !important;
  font-family:'S-CoreDream-4Regular', sans-serif;
  font-weight:bold;
}

a.active2,
.active2 a {
  color: #ffffff !important;
  font-family:'S-CoreDream-6Bold', sans-serif;
  font-weight:bold;
 }

#gnb .gnb_1dli{float:left;line-height:30px;padding:0px;position:relative;margin-top:0px;}

.gnb_1dli .bg{display:inline-block;width:10px;height:10px;overflow:hidden;background:url(../img/gnb_bg2.gif) no-repeat 50% 50%;text-indent:-999px}
.gnb_1da {display:inline-block;color:#000;text-decoration:none;}
.gnb_1da a:focus, .gnb_1da a:hover{ color:#000;}
.gnb_2dli{border-top:1px solid #253dbe}
.gnb_2dli:first-child{border:0}
.gnb_2dul {display:none;position:absolute;top:50px;min-width:140px;background:#1a30a7;padding: 0;
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
-moz-box-shadow:  0 1px 5px rgba(0,0,0,0.1);
box-shadow: 0 1px 5px rgba(0,0,0,0.1);}
.gnb_2da {display:block;padding:0 10px;line-height:40px;color:#c3cbf7;text-align:left;text-decoration:none}
a.gnb_2da:hover{background:#0e2080;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;}

.gnb_1dli_air .gnb_2da {}
.gnb_1dli_on .gnb_2da {}
.gnb_2da:focus, .gnb_2da:hover {color:#fff}
.gnb_1dli_over .gnb_2dul {display:block;left:0}
.gnb_1dli_over2 .gnb_2dul {display:block;right:0;background:#fff}
.gnb_wrap .gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2em;color:#fff}
.gnb_wrap .gnb_empty a{color:#fff;text-decoration:underline}
.gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a{color:#555}

#gnb .gnb_close_btn{background:#4158d1;color:#fff;width:50px;height:50px;border:0;vertical-align:top;font-size:1em;position:absolute;top:-50px;left:0}
#gnb .gnb_mnal{padding:0}

#gnb_all{display:none;position:absolute;width:100%;z-index:99;margin-top:14px;background:#faf9f9;border-bottom:1px solid #4b2d27}
#gnb_all .gnb_al_ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb_all .gnb_al_ul{margin:0 auto;width:100%;max-width:1280px;border:0px;padding-left:300px;padding-right:20px;}
#gnb_all .gnb_al_li{background:#faf9f9;float:left;padding:5px;min-width:135px;border-right:1px solid #f0eded;height:100%;min-height:100px }
#gnb_all .gnb_al_li .gnb_al_a{font-size:1em;padding:10px;display:block;position:relative;margin-bottom:10px;background: #eff1f9;border-bottom: 1px solid #dee2f1;color:#243071}
#gnb_all .gnb_al_li:first-child{border-left:1px solid #f0eded;}
#gnb_all .gnb_al_li li {line-height:2em;text-align:left;padding:2px 2px 2px 10px;}
#gnb_all .gnb_al_li li i{color:#9ca6cc}
#gnb_all .gnb_al_li li a{color:#d6d6d6}
#gnb_all .gnb_al_li li a:hover{color:maroon}

/* 중간 레이아웃 */

#aside {float:right;width:230px;padding:0;background: #f8e9d7;height: 100%;border: 1px solid #adbfd2;margin:20px 0 20px 20px}


/* 하단 레이아웃 */
#ft_img { background:url(/img/boeun.jpg);width:100%;height:183px;margin-top:30px}
#ft {background:#343434;padding-top:30px;padding-bottom:10px;margin:0 auto;text-align:center}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft_wr {width:100%;margin:0 auto;position:relative;}
#ft_link{padding:15px 0;border-bottom:1px solid #eee;background:#f6f6f6}
#ft_link a{;display:inline-block;padding:0 8px;line-height:1.083em;font-weight:bold}
#ft_catch{margin:0 auto;max-width:1600px;width:100%;height:80px;display:block;color:#fffff;font-size:1em;font-weight:bold;line-height:130%}
#ft_copy{ color:#b1b1b1;font-size:1em;background:#333332;text-align:center }
#top_btn {cursor:pointer;position:fixed;bottom:20px;right:60px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;padding-top:3px;z-index:90;background:rgba(255,255,255,0.5);}
#top_btn:hover{border-color:#3059c7;background:#3059c7;color:#fff}



#pc_go { cursor:pointer;position:fixed;bottom:0px;width:100%;max-width:240px;bottom:150px;right:40px; }


#m_go { cursor:pointer;position:fixed;bottom:0px;width:100%;font-size:16px }
#m_go .f_left { width:40%;float:left;text-align:center;background:#cce2ff;font-size:1.1em;color::#4d45b8;}
#m_go .f_left >  a{ display:block;color:#4d45b8;margin:16px;text-decoration: none }
#m_go .f_right { width:60%;float:right;text-align:center;background:#4d45b8;font-size:0.9em;color:#fff; }
#m_go .f_right > a{ display:block;color:#fff;margin:15px;text-decoration: none }
#m_go .f_right .bi { font-weight:600;font-size:1.3em;margin-left:10px;;margin-right:10px;  }
#m_go .f_right > a .arrow {width:32px;height:32px; }
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:1em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}


/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:1em;text-decoration:none;text-align:center}
.clear {clear:both }
.close_menu { display: none; }
.mobile_menu { display: none; }

#ft_link .gan { text-align:center; }
#ft_link  a { text-align:center;color:#59575b;font-size:1em }

#header {  z-index:10000000 }


#st-basic { color:#6b6b6b }
#st-basic a{ color:#6b6b6b }

/* default css 무력화 */
#aside { background:url('/img/mobile_menu_bg.jpg');color:#3c3c3c }   


/*모바일 css 추가*/
#mobile_top_menu { width:100%;height:70px;background:url('/img/mobile_bg.png');}
#mobile_top_menu a{ color:#fff;}
#mobile_top_menu .right_m{ float:left;width:250px;height:55px;padding-top:20px;padding-left:20px;}
#mobile_top_menu .right_m_title { margin-right:10px;font-size:1em;color:gold }
#mobile_top_menu #mobile_close_tab { float:right;width:50px;height:70px;padding-top:10px;padding-right:5px; }


