@charset "utf-8";
/* CSS Document */
body{ font-size:16px;}

.box1{ width:95%; max-width:1200px; margin:0 auto; position:relative;}
.sub #header { position:absolute; top:0; left:0; width:100%; z-index:999;}
.sub #header.on { position:fixed;}
.sub #header .top_area { background:#04397d; }
.sub #header .gnb_area { background:#fff; box-shadow:0 6px 15px rgba(0,0,0,0.3); -webkit-box-shadow:0 6px 15px rgba(0,0,0,0.3); -ms-box-shadow:0 6px 15px rgba(0,0,0,0.3); }

.sub #header .gnb_area .logo { width:206px; height:58px; display:inline-block; padding:12px 0; background:url(../images/inc/h_logo1.png) no-repeat left center; }
.sub #header .gnb_area .logo a { display:block; height:100%; width:100%; }


#header .gnb_area .logo { width:206px; height:58px; display:inline-block; padding:12px 0; background:url(../images/inc/h_logo.png) no-repeat left center; }
#header .gnb_area .logo a { display:block; height:100%; width:100%; }

.sub #header .gnb_area .box1 > .gnb > li .dp1{ color:#222; font-weight:600; }
.sub #header .gnb_area .box1 > .gnb > li:after { color:#666; }

.sub #header .gnb_area .r_menu > a { display:inline-block; width:40px; height:36px; border:1px solid #ccc; position:relative; }
.sub #header .gnb_area .r_menu .m_all_btn{ display:none !important;}
.sub #header .gnb_area .r_menu .p_all_btn *{ transition:0.5s ease;}
.sub #header .gnb_area .r_menu .p_all_btn > ul > li { width:100%; height:2px; background:#04397d; margin:0 0 4px 0; }
.sub #header .gnb_area .r_menu .p_all_btn .bar_m { width:70%; }
.sub #header .gnb_area .r_menu .p_all_btn .bar_b { margin:0; }
.sub #header .gnb_area .r_menu .p_all_btn:hover .bar_t, .sub #header .gnb_area .p_all_btn:hover .bar_b{ width:50%;}
.sub #header .gnb_area .r_menu .p_all_btn:hover .bar_m{ width:100%;}
.sub #header .gnb_area .r_menu .p_all_btn.on{ border-color:#04397d;}
.sub #header .gnb_area .r_menu .p_all_btn.on .bar_t{ -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); width:100%; margin:5px 0 0 0; background:#04397d;}
.sub #header .gnb_area .r_menu .p_all_btn.on .bar_m{ display:none;}
.sub #header .gnb_area .r_menu .p_all_btn.on .bar_b{ -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); width:100%; margin:-2px 0 0 0; background:#04397d;}
.sub #header .gnb_area .r_menu .home { background:url(../images/inc/home_icon1.png) no-repeat center center; }

#header{ position:fixed; top:0; left:0; width:100%; z-index:999; }
#header .top_area{ background:rgba(0,0,0,0.15); z-index:9; position:relative; overflow:hidden; }
#header .top_area .symbol_txt { float:left; color:#fff; font-size:0.8em; background:rgba(255,255,255,0.3) url(../images/inc/bookmark.png) no-repeat left 25px center; padding:8px 25px 9px 45px;}
#header .top_area .top_menu{ position:absolute; right:0px; top:5px; }
#header .top_area .top_menu > li{ display:inline-block; *display:inline; zoom:1; text-align:center; padding:0 14px 0 7px; background:url(../images/inc/top_menu_dot.png) no-repeat right center; }
#header .top_area .top_menu > li a{ font-size:0.75em; color:#fff; line-height:1.2; }
#header .top_area .top_menu > li:last-child { background:none; padding:0 0px 0 7px; }
#header .top_area ol.font { overflow:hidden; float:right; padding-top:4px; }
#header .top_area ol.font li { float:left; width:28px; height:24px; border:1px solid #fff; box-sizing:border-box; cursor:pointer; }
#header .top_area ol.font li.big { background:url(../images/inc/font_big.png) no-repeat center center; }
#header .top_area ol.font li.ori { background:url(../images/inc/font_dot.png) no-repeat center center; border-left:0; border-right:0; }
#header .top_area ol.font li.small { background:url(../images/inc/font_small.png) no-repeat center center; }

#header .gnb_area{ background:rgba(0,0,0,0.1); position:relative; z-index:1000; width:100%; margin-top:-1px; }
#header .gnb_area .menu{ display:none;}
#header .gnb_area .box1 > .gnb { width:auto; position:absolute; left:260px; top:0; }
#header .gnb_area .box1 > .gnb > li { float:left; position:relative; text-align:center; cursor:pointer; }
#header .gnb_area .box1 > .gnb > li:after { position:absolute; right:0; top:50%; margin-top:-9px; content:"/"; color:#fff; opacity:0.7; font-size:0.813em; }
#header .gnb_area .box1 > .gnb > li.m_6:after { display:none; }
#header .gnb_area .box1 > .gnb > li .dp1{ display:block; position:relative; font-size:1.063em; color:#fff; height:100%; padding:28px 25px 32px; }
#header .gnb_area .box1 > .gnb > li > a:hover, #header .gnb_area .box1 > .gnb > li.on > a { color:#115dc0 !important; }
#header .gnb_area .box1 > .gnb .dp2{ position:absolute; left:0; bottom:auto; width:425px; padding:20px 15px; min-height:145px; background:#fff; border-left:1px solid #ddd; border-bottom:2px solid #04397d; border-right:1px solid #ddd; }
#header .gnb_area .box1 > .gnb .dp2 > li{padding:0 4px;}
#header .gnb_area .box1 > .gnb .dp2 > li > a{ display:block; padding:5px 12px; text-align:left; width:140px; border-bottom:1px solid #ddd; color:#666; font-size:0.875em; }
#header .gnb_area .box1 > .gnb .dp2 > li > a:hover { color:#04397d; }
#header .gnb_area .box1 > .gnb > li .dp2 > li > a { display:block; }
#header .gnb_area .box1 > .gnb > li .dp2 > li:first-child > a .icon { position:absolute; z-index:inherit; right:20px; top:20px; height:145px; width:235px; background-repeat:no-repeat; background-position:center center; background-size:auto 100%; }
#header .gnb_area .box1 > .gnb > li.m_1 .dp2 > li:first-child > a .icon { background-image:url(../images/inc/s_visu1.jpg) }
#header .gnb_area .box1 > .gnb > li.m_2 .dp2 > li:first-child > a .icon { background-image:url(../images/inc/s_visu2.jpg) }
#header .gnb_area .box1 > .gnb > li.m_3 .dp2 > li:first-child > a .icon { background-image:url(../images/inc/s_visu3.jpg) }
#header .gnb_area .box1 > .gnb > li.m_4 .dp2 > li:first-child > a .icon { background-image:url(../images/inc/s_visu4.jpg) }
#header .gnb_area .box1 > .gnb > li.m_5 .dp2 > li:first-child > a .icon { background-image:url(../images/inc/s_visu5.jpg) }
#header .gnb_area .box1 > .gnb > li.m_6 .dp2 > li:first-child > a .icon { background-image:url(../images/inc/s_visu6.jpg) }

#header .gnb_area .box1 > .gnb .dp2,
#header .gnb_area .box1 > .gnb .dp3,
#header .gnb_area .box1 > .gnb .m_guide,
#header .gnb_area .box1 > .gnb .m_member,  
#header .gnb_area .box1 > .gnb .m_mypage,
#header .gnb_area .box1 > .gnb .m_sitemap,
#header .gnb_area .box1 > .gnb .m_search{display:none;}

#header .gnb_area .r_menu { float:right; margin-top:22px; }
#header .gnb_area .r_menu > a { display:inline-block; width:40px; height:36px; border:1px solid #fff; position:relative; }
#header .gnb_area .r_menu .m_all_btn { display:none;}
#header .gnb_area .r_menu .p_all_btn { margin-right:2px;}
#header .gnb_area .r_menu .p_all_btn *{ transition:0.5s ease;}
#header .gnb_area .r_menu .p_all_btn > ul { position:absolute; left:50%; top:50%; width:20px; margin:-7px 0 0 -10px; z-index:999; }
#header .gnb_area .r_menu .p_all_btn > ul > li { width:100%; height:2px; background:#fff; margin:0 0 4px 0; }
#header .gnb_area .r_menu .p_all_btn .bar_m { width:70%; }
#header .gnb_area .r_menu .p_all_btn .bar_b { margin:0; }
#header .gnb_area .r_menu .home { background:url(../images/inc/home_icon.png) no-repeat center center; }

#header .allmenu_area { display:none; }
#header .allmenu_area{ background:#fff; border-top:none; width:96%; padding:20px 2% 40px 2%; height: auto; position:absolute; z-index:9999; left:0; bottom:auto; box-shadow:0 10px 18px rgba(0,0,0,0.3); -webkit-box-shadow:0 10px 18px rgba(0,0,0,0.3); -ms-box-shadow:0 10px 18px rgba(0,0,0,0.3); display:none;}
#header .allmenu_area .gnb{ overflow:hidden;}
#header .allmenu_area .gnb > li{ float:left; width:20%; }
#header .allmenu_area .gnb > li .dp1{ display:block; font-size:0.938em; color:#222; border-bottom:2px solid #04397d; font-weight:600; padding:77px 0 8px 0; margin:0 8px 10px 8px; position:relative; }
#header .allmenu_area .gnb > li .dp1 > .icon { position:absolute; z-index:inherit; left:0; top:0; width:100%; height:70px; background-repeat:no-repeat; background-size:cover; background-position:center; }
#header .allmenu_area .gnb > li.m_1 .dp1 .icon { background-image:url(../images/inc/s_visu1.jpg); }
#header .allmenu_area .gnb > li.m_2 .dp1 .icon { background-image:url(../images/inc/s_visu2.jpg); }
#header .allmenu_area .gnb > li.m_3 .dp1 .icon { background-image:url(../images/inc/s_visu3.jpg); } 
#header .allmenu_area .gnb > li.m_4 .dp1 .icon { background-image:url(../images/inc/s_visu4.jpg); }
#header .allmenu_area .gnb > li.m_5 .dp1 .icon { background-image:url(../images/inc/s_visu5.jpg); }
#header .allmenu_area .gnb > li.m_6 .dp1 .icon { background-image:url(../images/inc/s_visu6.jpg); }

#header .allmenu_area .gnb > li .dp2 { margin-left:20px; }
#header .allmenu_area .gnb > li .dp2 > li > a{ position:relative; display:block; font-size:0.813em; color:#555; padding:0 0 0 8px; line-height:32px; border-bottom:1px solid #eee;}
#header .allmenu_area .gnb > li .dp2 > li > a .icon{ display:block; width:3px; height:3px; background:#666; position:absolute; left:0; top:50%; margin:-1.5px 0 0 0;}
#header .allmenu_area .gnb > li .dp2 > li > a:hover { background:#f5f5f5; }
#header .allmenu_area .gnb > li .dp3{ padding:8px 0; border-bottom:1px solid #ddd;}
#header .allmenu_area .gnb > li .dp3 > li{ padding:0 0 0 12px;}
#header .allmenu_area .gnb > li .dp3 > li > a{ position:relative; font-size:0.75em; color:#777; line-height:24px; padding:0 0 0 8px;}
#header .allmenu_area .gnb > li .dp3 > li > a .icon{ display:block; width:3px; height:1px; background:#666; position:absolute; left:0; top:50%; margin:-0.5px 0 0 0;}
#header .allmenu_area .gnb > li .dp4,
#header .allmenu_area .gnb > li.m_guide,
#header .allmenu_area .gnb > li.m_member,
#header .allmenu_area .gnb > li.m_mypage{ display:none;}

#header.on .top_area { background:#04397d; }
#header.on .gnb_area { background:#fff; box-shadow:0 6px 15px rgba(0,0,0,0.3); -webkit-box-shadow:0 6px 15px rgba(0,0,0,0.3); -ms-box-shadow:0 6px 15px rgba(0,0,0,0.3); }
#header.on .gnb_area .logo { background:url(../images/inc/h_logo1.png) no-repeat center; }
#header.on .gnb_area .box1 > .gnb > li .dp1{ color:#222; font-weight:600; }
#header.on .gnb_area .box1 > .gnb > li:after { color:#666; }

#header.on .gnb_area .r_menu > a { display:inline-block; width:40px; height:36px; border:1px solid #ccc; position:relative; }
#header.on .gnb_area .r_menu .m_all_btn { display:none;}
#header.on .gnb_area .r_menu .p_all_btn *{ transition:0.5s ease;}
#header.on .gnb_area .r_menu .p_all_btn > ul > li { width:100%; height:2px; background:#04397d; margin:0 0 4px 0; }
#header.on .gnb_area .r_menu .p_all_btn .bar_m { width:70%; }
#header.on .gnb_area .r_menu .p_all_btn .bar_b { margin:0; }
#header.on .gnb_area .r_menu .p_all_btn:hover .bar_t, #header.on .gnb_area .all_btn:hover .bar_b{ width:50%;}
#header.on .gnb_area .r_menu .p_all_btn:hover .bar_m{ width:100%;}
#header.on .gnb_area .r_menu .p_all_btn.on{ border-color:#04397d;}
#header.on .gnb_area .r_menu .p_all_btn.on .bar_t{ -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); width:100%; margin:5px 0 0 0; background:#04397d;}
#header.on .gnb_area .r_menu .p_all_btn.on .bar_m{ display:none;}
#header.on .gnb_area .r_menu .p_all_btn.on .bar_b{ -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); width:100%; margin:-2px 0 0 0; background:#04397d;}
#header.on .gnb_area .r_menu .home { background:url(../images/inc/home_icon1.png) no-repeat center center; }

#header.w_bg .top_area { background:#04397d; }
#header.w_bg .gnb_area { background:#fff; box-shadow:0 6px 15px rgba(0,0,0,0.3); -webkit-box-shadow:0 6px 15px rgba(0,0,0,0.3); -ms-box-shadow:0 6px 15px rgba(0,0,0,0.3); }
#header.w_bg .gnb_area .logo { background:url(../images/inc/h_logo1.png) no-repeat center; }
#header.w_bg .gnb_area .box1 > .gnb > li .dp1{ color:#222; font-weight:600; }
#header.w_bg .gnb_area .box1 > .gnb > li:after { color:#666; }

#header.w_bg .gnb_area .r_menu > a { display:inline-block; width:40px; height:36px; border:1px solid #ccc; position:relative; }
#header.w_bg .gnb_area .r_menu .m_all_btn { display:none;}
#header.w_bg .gnb_area .r_menu .p_all_btn *{ transition:0.5s ease;}
#header.w_bg .gnb_area .r_menu .p_all_btn > ul > li { width:100%; height:2px; background:#04397d; margin:0 0 4px 0; }
#header.w_bg .gnb_area .r_menu .p_all_btn .bar_m { width:70%; }
#header.w_bg .gnb_area .r_menu .p_all_btn .bar_b { margin:0; width:50%;}
#header.w_bg .gnb_area .r_menu .p_all_btn:hover .bar_t, #header.w_bg .gnb_area .all_btn:hover .bar_b{ width:50%;}
#header.w_bg .gnb_area .r_menu .p_all_btn:hover .bar_m{ width:100%;}
#header.w_bg .gnb_area .r_menu .p_all_btn.on{ border-color:#04397d;}
#header.w_bg .gnb_area .r_menu .p_all_btn.on .bar_t{ -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); width:100%; margin:5px 0 0 0; background:#04397d;}
#header.w_bg .gnb_area .r_menu .p_all_btn.on .bar_m{ display:none;}
#header.w_bg .gnb_area .r_menu .p_all_btn.on .bar_b{ -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); width:100%; margin:-2px 0 0 0; background:#04397d;}
#header.w_bg .gnb_area .r_menu .home { background:url(../images/inc/home_icon1.png) no-repeat center center; }
#contents .lnb_line{ position:absolute; left:0; top:0; width:20%; max-width:218px; height:100%; display:block; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; z-index:9;} 

#contents{ position:relative; z-index:1; }
#contents .s_visu_area{width:100%; height:180px; position:relative; background-size:cover; background-repeat:no-repeat; background-position:center top; }
#contents .s_visu_area.bg_1{ background-image:url(../images/inc/sub_visu1.jpg); }
#contents .s_visu_area.bg_2{ background-image:url(../images/inc/sub_visu2.jpg); }
#contents .s_visu_area.bg_3{ background-image:url(../images/inc/sub_visu3.jpg); }
#contents .s_visu_area.bg_4{ background-image:url(../images/inc/sub_visu4.jpg); }
#contents .s_visu_area.bg_5{ background-image:url(../images/inc/sub_visu5.jpg); }
#contents .s_visu_area.bg_6{ background-image:url(../images/inc/sub_visu6.jpg); }
#contents .s_visu_area.bg_guide{ background-image:url(../images/inc/sub_visu6.jpg); }
#contents .s_visu_area.bg_member{ background-image:url(../images/inc/sub_visu7.jpg); }
#contents .s_visu_area.bg_mypage{ background-image:url(../images/inc/sub_visu8.jpg); }
#contents .s_visu_area .slogan{ padding-top:60px; position:relative; padding-left:13px; }
#contents .s_visu_area .slogan p { text-shadow:1px 1px 1px rgba(0,0,0,0.7); color:#fff; }
#contents .s_visu_area .slogan .en { font-family:"Times New Roman", Times, serif; font-size:1.375em; }
#contents .s_visu_area .slogan .kr { font-size:1.563em; font-family:"notokrM"; }
#contents .s_visu_area .slogan span.bar { width:3px; height:49px; background:#fff; position:absolute; left:0; bottom:1px; box-shadow:1px 1px 1px rgba(0,0,0,0.6); }

.sub .doc{padding:25px 0 100px 0; min-height:240px;}
#contents .sub_con{position:relative; z-index:1;}
#contents .sub_con .sub_nav { border-bottom:1px solid #dcdcdc; }
#contents .sub_con .sub_nav .box1{ position:relative; z-index:9999;}
#contents .sub_con .sub_nav .nav{ position:relative; z-index:inherit; float:left;}

#contents .sub_con .nav{ *zoom:1;}
#contents .sub_con .nav:after{ content:""; display:block; clear:both;}
#contents .sub_con .nav > li{ float:left; position:relative; z-index:1}

#contents .sub_con .nav .menu1 .gnb .m_guide{ display:none !important;}
#contents .sub_con .nav .menu1 .gnb .m_member{ display:none !important;}
#contents .sub_con .nav .menu1 .gnb .m_mypage{ display:none !important;}
#contents .sub_con .nav .menu1 .gnb .dp2,
#contents .sub_con .nav .menu2 .gnb > li,
#contents .sub_con .nav .menu2 .gnb .dp1,
#contents .sub_con .nav .menu2 .gnb .dp3{ display:none}
#contents .sub_con .nav .home > a{ display:block; width:52px; height:48px; border-left:1px solid #dcdcdc; background:url(../images/sub/sub_nav_icon1.png) no-repeat center center; font-size:0;}
#contents .sub_con .nav .gnb{ position:absolute; z-index:inherit; left:0; bottom:auto; width:100%; display:none; border:1px solid #dcdcdc; box-sizing:border-box; background:#fff; }
#contents .sub_con .nav .gnb a{ display:block; height:48px; line-height:48px; font-size:0.875em; color:#04397d; padding:0 25px; border-bottom:1px solid #dcdcdc; }
#contents .sub_con .nav .gnb a:hover { background:#f9f9f9; }
#contents .sub_con .nav .menu2 .gnb a { color:#115dc0; }
#contents .sub_con .nav .menu_st{ border-right:1px solid #dcdcdc; line-height:49px; font-size:0.938em; font-weight:600; min-width:120px; padding:0 65px 0 25px; background-repeat:no-repeat; background-position:88% center; cursor:pointer; height:48px; }
#contents .sub_con .nav .menu_st > a{ color:#04397d;}
#contents .sub_con .nav .menu1 .menu_st{ color:#04397d; background-image:url(../images/sub/sub_nav_icon2.png); border-left:1px solid #dcdcdc; }
#contents .sub_con .nav .menu2 .menu_st{ color:#115dc0; background-image:url(../images/sub/sub_nav_icon3.png);}
#contents .sub_con .nav > li:hover .gnb{ display:block;}
#contents .sub_con .down { float:right; overflow:hidden; }
#contents .sub_con .down > li { float:left; }
#contents .sub_con .down > li.txt { height:48px; line-height:48px; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; padding:0 22px; color:#115dc0; font-size:0.938em; font-weight:600; }

#contents .sub_con .down > li.icon a { display:block; border-right:1px solid #dcdcdc; background:#f9f9f9 url(../images/sub/sub_nav_down.png) no-repeat center center; width:48px; height:48px; cursor:pointer; }
#contents .sub_con .down > li.icon a:hover { background-color:#e9e9e9; }

#contents .sub_con .con_area{ } 
#contents .sub_con .con_area .tit_area{ position:relative; border-bottom:1px dashed #dcdcdc; }
#contents .sub_con .con_area .tit_area h3 { font-size:1.625em; font-weight:600; color:#222; padding:30px 0 15px; }
#contents .sub_con .con_area .tit_area .nav{ position:absolute; right:0; top:45px; text-align:right;}
#contents .sub_con .con_area .tit_area .nav > li{display:inline-block; *display:inline; zoom:1; vertical-align:middle; font-size:0.875em; color:#868686; padding:0 10px 0 17px; background:url(../images/inc/cate_arrow.gif) no-repeat left 4px; line-height:1.2; }
#contents .sub_con .con_area .tit_area .nav > li.home{ background:none; }
#contents .sub_con .con_area .tit_area .nav > li.this{ color:#04397d; padding:0 0 0 17px; font-weight:600; }

#footer{ width:100%; }
#footer .f_link { background:#353439; }
#footer .f_link .f_list{ overflow:hidden; text-align:center; float:left; }
#footer .f_link .f_list > li { float:left; padding:0 18px 0 16px; background:url(../images/inc/f_bar.png) no-repeat right center; }
#footer .f_link .f_list > li.f_1 { padding-left:0; }
#footer .f_link .f_list > li.f_5 { background:none;}
#footer .f_link .f_list > li > a{ font-size:0.875em; color:#fff; line-height:48px; }

#footer .f_link .r_list { float:right; padding-top:6px; }
#footer .f_link .r_list > li { display:inline-block; position:relative; }
#footer .f_link .r_list > li > a { display:block; height:35px; border:1px solid #aeaeaf; text-align:center; font-size:0.813em; line-height:35px; padding:0 45px 0 20px; color:#fff; position:relative; box-sizing:border-box; }
#footer .f_link .r_list > li > a:after { content:"+"; color:#fff; font-size:1.063em; position:absolute; right:20px; top:0; }
#footer .f_link .r_list > li > a:hover, #footer .f_link .r_list > li > a.enter { background:#222; transition:0.3s; }
#footer .f_link .r_list > li > ul { display:none; position:absolute; bottom:34px; left:0; z-index:99; width:100%; background:#fff; box-sizing:border-box; }
#footer .f_link .r_list > li > ul li a { font-size:0.813em; padding:8px 5px 8px 20px; display:block; border:1px solid #ccc; border-bottom:none; }
#footer .f_link .r_list > li > ul li a:hover { background:#04397d; color:#fff; transition:0.1s; border:1px solid #04397d; border-bottom:none; }
#footer .f_link .top { text-align:center; background:url(../images/main/footer_gotop.png) no-repeat top 15px center rgba(255,255,255,0.2); width:52px; height:50px; color:#fff; position:absolute; right:0; top:0; line-height:63px; font-size:0.688em; border-left:1px solid #474747; border-right:1px solid #474747; }
#footer .f_link .top:hover { background-color:#555; }

#footer .f_copy{ background:#413f42; padding:25px 0 60px 0; position:relative; }
#footer .f_copy dl{ overflow:hidden; }
#footer .f_copy dl > dd { margin:0 25px 0 0; float:left; font-size:0.875em; color:#ddd; letter-spacing:-0.3px; }
#footer .f_copy dl > dd > a{ color:#ddd; }
#footer .f_copy dl > dd > a:hover{ text-decoration:underline;}
#footer .f_copy .copy{ font-size:0.75em; color:#bbb; margin:15px 0 0 0;}
#footer .f_copy .f_logo { position:absolute; right:0; top:0; }


/*intro*/
.int_top_area{ position:absolute; left:0; top:24px; z-index:999; width:100%; overflow:hidden;}
.int_top_area .inner{ width:96%; margin:0 auto; overflow:hidden;}
.int_top_area .logo{ float:left;}
.int_top_area .top_menu{ float:right; overflow:hidden; padding:15px 0;}
.int_top_area .top_menu > li { float:left;}
.int_top_area .top_menu > li a { font-size:1em; color:#fff; letter-spacing:-0.5px; text-shadow:1px 1px 1px rgba(0,0,0,.45);}
.int_top_area .top_menu > li:last-child a:after { display:none;}
.int_top_area .top_menu > li a:after { content:''; width:1px; height:10px; margin:0 14px; display:inline-block; background:#fff; box-shadow:1px 1px 1px rgba(0,0,0,.45);}
.int_main_visu{ position:relative; width:100%; z-index:9;}
.int_main_visu .intro_box { position:absolute; width:100%; z-index:10; top:215px; text-align:center;}
.int_main_visu .intro_box p { color:#fff; text-shadow:1px 1px 2px rgba(0,0,0,.45); text-align:center; letter-spacing:-.5px; line-height:1.2;}
.int_main_visu .intro_box p.intro_top { display:inline-block; *display:inline; zoom:1; vertical-align:middle; text-transform:uppercase; font:400 1.375em Georgia, "Times New Roman", Times, serif; position:relative; width:310px; margin:0 auto;}
.int_main_visu .intro_box p.intro_top:before {content:''; position:absolute; width:73px; height:1px; margin-top:-0.5px; left:0; top:50%; background:#fff; box-shadow:1px 1px 2px rgba(0,0,0,.45); }
.int_main_visu .intro_box p.intro_top:after {content:''; position:absolute; width:73px; height:1px; margin-top:-0.5px; right:0; top:50%; background:#fff; box-shadow:1px 1px 2px rgba(0,0,0,.45); }
.int_main_visu .intro_box p.intro_tit { font-size:2.875em; font-family:notokrB, sans-serif; margin:20px 0;}
.int_main_visu .intro_box p.intro_txt {text-transform:uppercase; font-size:1.375em; font-family:notokrB, sans-serif; line-height:28px;}
.int_main_visu .intro_box a.main_btn { display:inline-block; *display:inline; zoom:1; font:600 1.125em ng, sans-serif; color:#fff; text-shadow:1px 1px 2px rgba(0,0,0,.45); text-align:center; letter-spacing:-.5px; margin-top:28px; padding:0 60px; line-height:54px; border:2px solid #fff;  box-shadow:1px 1px 2px rgba(0,0,0,.45); transition:.4s; }
.int_main_visu .intro_box a.main_btn:hover { background:rgba(255,255,255,.45); }

.int_main_visu .intro_ico { margin:68px auto 0 auto; width:60%; font-size:0;}
.int_main_visu .intro_ico > li { display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:33.33%;}
.int_main_visu .intro_ico > li.bg1 a{ background:rgba(15,170,139,.75); transition:.4s;}
.int_main_visu .intro_ico > li.bg1 a:hover{ background:rgba(15,170,139,.95);}
.int_main_visu .intro_ico > li.bg2 a{ background:rgba(36,190,198,.75); transition:.4s;}
.int_main_visu .intro_ico > li.bg2 a:hover{ background:rgba(36,190,198,.95);}
.int_main_visu .intro_ico > li.bg3 a{ background:rgba(34,113,174,.75); transition:.4s;}
.int_main_visu .intro_ico > li.bg3 a:hover{ background:rgba(34,113,174,.95);}
.int_main_visu .intro_ico > li a { display:block; padding:40px 0; text-align:center; margin:0 15px;}
.int_main_visu .intro_ico > li a > p {font:600 1.25rem ng, sans-serif; color:#fff;letter-spacing:-1px; margin-top:10px;}
.int_main_visu > ul > li{ width:100%; position:relative; background-size:cover;}

.int_main_visu .flex-direction-nav{ position:absolute; right:-188px; bottom:50px; z-index:99999; width:64px;}
.int_main_visu .flex-direction-nav li a{ position:absolute; width:18px; height:16px; background-repeat:no-repeat; background-color:#fff; background-position:center center;  font-size:0; line-height:0; border:1px solid #ccc;}
.int_main_visu .flex-pauseplay a{ position:absolute; right:-166px; bottom:32px; width:18px; height:16px; background-repeat:no-repeat; background-color:#fff; background-position:center center;  font-size:0; line-height:0; border:1px solid #ccc;}
.int_main_visu .flex-direction-nav li a.flex-prev{ left:0; top:0; background-image:url(../images/main/btn_prev1.png)}
.int_main_visu .flex-direction-nav li a.flex-next{ right:0; top:0; background-image:url(../images/main/btn_next1.png)}
.int_main_visu .flex-pauseplay a.flex-pause{ background-image:url(../images/main/btn_pause.png)}
.int_main_visu .flex-pauseplay a.flex-play{ background-image:url(../images/main/btn_play.png)}
.int_main_visu .flex-direction-nav li a:hover,
.int_main_visu .flex-pauseplay a:hover{ filter:alpha(opacity=100);opacity:1;}
.int_main_visu .flex-control-paging{ display:none; position:absolute; left:0; bottom:333px; z-index:999; text-align:center;} 
.int_main_visu .flex-control-paging > li{ display:inline-blcok; *display:inline; zoom:1; vertical-align:top; margin:0 5px;}
.int_main_visu .flex-control-paging > li > a{ width:11px; height:11px; border:2px solid #fff; border-radius:50%;}
.int_main_visu .flex-control-paging > li > a.flex-active, .int_main_visu .flex-control-paging > li > a:hover{ width:11px; height:11px; border:2px solid #fff; border-radius:50%; background:url(img/dot.png) no-repeat center center;}


/*main*/
.wrap { width:100%; background:url(../images/main/main_bg.png)no-repeat top 120px left -70px}
.visual_wrap{ position:relative; width:100%; }
.visual_wrap .visual ul li{ height:653px; background-size:cover;}
.tit_wrap{ position:absolute; width:100%; z-index:9; top:180px;} 

.visual_wrap .tit_wrap div.left_txt {float:left; width:40%; /*background:url(../images/main/main_txt_bg2.png)no-repeat left bottom;*/}
.visual_wrap .tit_wrap div.left_txt > p {font-size:2.8em; font-family:Georgia, "Times New Roman", Times, serif; text-shadow:3px 3px 3px rgba(0,0,0,0.4); line-height:1.1; letter-spacing:2px; color:#fff; 
margin-top:-10px }
.visual_wrap .tit_wrap div.left_txt p.point {position:relative; margin-left:0;}
.visual_wrap .tit_wrap div.left_txt p.point:after { content:url(../images/main/main_txt_bg2.png); position:absolute; width:189px; height:20px; left:220px; top:19px; }

.visual_wrap .tit_wrap div.right_box {width:40%; box-sizing:border-box; background:rgba(18,85,172,.8); padding:48px 25px; float:left; }
.visual_wrap .tit_wrap div.right_box > div {width:100%; overflow:hidden; position:relative;}
.visual_wrap .tit_wrap div.right_box div.box_tit {margin-bottom:25px;}
.visual_wrap .tit_wrap div.right_box div.box_tit:after { content:''; position:absolute; top:35px; left:0; width:14px; height:1px; background:#fff;}
.visual_wrap .tit_wrap div.right_box div.box_tit p.tit {font:600 1.25em ng,sans-serif; color:#fff; float:left; letter-spacing:-.5px; }
.visual_wrap .tit_wrap div.right_box div.box_tit a.plus_ico { float:right; width:26px; height:26px; border:2px solid #fff; border-radius:50%; background:url(../images/main/plus_ico.png)no-repeat center center; transition:.4s; }
.visual_wrap .tit_wrap div.right_box div.box_tit a.plus_ico:hover {background:#fff url(../images/main/plus_ico_b.png)no-repeat center center; }
.cont_three > li .three_box{position:relative;}
.visual_wrap .tit_wrap div.right_box  div.visual_wrap2 .visual2 .txt_box p { font-family:ng,sans-serif; font-size:0.875em; color:rgba(255,255,255,.8); line-height:22px; letter-spacing:-.5px; }
.visual_wrap .tit_wrap div.right_box  div.visual_wrap2 .visual2 .txt_box .txt_tit { font-weight:600; font-size:0.938em; font-family: ng,sans-serif; margin-bottom:13px; color:#fff; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:85%;}
.visual_wrap .tit_wrap div.right_box  div.visual_wrap2 .visual2 .txt_box .cont_txt{ height:70px; overflow:hidden;}
.visual_wrap .tit_wrap div.right_box  div.visual_wrap2 .visual2 .txt_box .date {text-align:right; letter-spacing:-.5px; margin-top:5px;}

.visual_wrap2 .visual2 .flex-direction-nav li {} 
.visual_wrap2 .visual2 .flex-direction-nav li a{ position:absolute; z-index:inherit; top:0px; text-indent:9999px; display:block; width:29px; height:29px; transition:.4s;}
.visual_wrap2 .visual2 .flex-direction-nav li a.flex-prev{ right:69px; width:26px; height:26px; border:2px solid #fff; border-radius:50%;  background:url(../images/inc/btn_prev_w.png) no-repeat center center;} 
.visual_wrap2 .visual2 .flex-direction-nav li a.flex-next{ right:35px; width:26px; height:26px; border:2px solid #fff; border-radius:50%;  background:url(../images/inc/btn_next_w.png) no-repeat center center;}
.visual_wrap2 .visual2 .flex-direction-nav li a.flex-prev:hover { background:#fff url(../images/inc/btn_prev_1.png) no-repeat center center}
.visual_wrap2 .visual2 .flex-direction-nav li a.flex-next:hover { background:#fff url(../images/inc/btn_next_1.png) no-repeat center center}

.visual_wrap1 .visual .flex-direction-nav li {} 
.visual_wrap1 .visual .flex-direction-nav li a{ position:absolute; z-index:inherit; top:18px; text-indent:9999px; display:block; width:29px; height:29px; transition:.4s;}
.visual_wrap1 .visual .flex-direction-nav li a.flex-prev{ right:69px; width:26px; height:26px; border:2px solid #1255ac; border-radius:50%;  background:url(../images/inc/btn_prev_1.png) no-repeat center center;} 
.visual_wrap1 .visual .flex-direction-nav li a.flex-next{ right:35px; width:26px; height:26px; border:2px solid #1255ac; border-radius:50%;  background:url(../images/inc/btn_next_1.png) no-repeat center center;}
.visual_wrap1 .visual .flex-direction-nav li a.flex-prev:hover { background:#1255ac url(../images/inc/btn_prev_w.png) no-repeat center center;} 
.visual_wrap1 .visual .flex-direction-nav li a.flex-next:hover{ background:#1255ac url(../images/inc/btn_next_w.png) no-repeat center center;}



/*new******************************************************************************************************/
.visual .slogan{ position:absolute; top:170px; left:0; background:rgba(18,85,172,.8); padding:30px;}
.visual .slogan p{ color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,0.3);}
.visual .slogan .tit1{ font-size:2em; font-family:notokrB; margin-bottom:20px;}
.visual .slogan .tit2{ font-size:1.25em; font-family:notokrM; margin-bottom:5px;}
.visual .slogan .tit2 span{ display:block; font-size:1rem; margin-top:5px;}
.visual .slogan .tit3{ font-size:1em; font-family:notokrM; margin-top:20px; line-height:1.5;}
.visual .slogan .btn a.link{ display:inline-block; margin-top:20px; background:#ff9c00; color:#fff; width:150px; text-align:center; line-height:40px; font-family:notokrM;}
.visual .slogan .btn a.link:hover{}
/*******************************************************************************************************/



/*공지사항*/
.cont_one, .cont_two {overflow:hidden; padding:30px 0;}
.cont_one > li, .cont_two > li {width:50%; float:left; }
.cont_one > li.one_left > div { position:relative; background:#1255ac; padding:0 30px;}
.cont_one > li.one_right > div { position:relative; background:#00a4ca; padding:0 30px;}
.cont_one > li > div a.plus_ico { position:absolute; right:30px; top:50%; z-index:1; margin-top:-13px; width:26px; height:26px; border:2px solid #fff; border-radius:50%; background:url(../images/main/plus_ico.png)no-repeat center center; transition:.4s;}
.cont_one > li > div a.plus_ico:hover {background:#fff url(../images/main/plus_ico_b.png)no-repeat center center;}
.cont_one > li.one_right > div a.plus_ico:hover {background:#fff url(../images/main/plus_ico_s.png)no-repeat center center;}
.cont_one > li > div p { font:600 1.125em ng,sans-serif; color:#fff; line-height:65px; padding:0 0px 0 0; background:url(../images/main/tit_bg1.png)no-repeat left 80px top -10px; letter-spacing:-.5px; }
.cont_one > li > ul {border:1px solid #ddd; background:#fff; border-top:none; padding:25px 30px;}
.cont_one > li.one_left > ul {border-right:none;}
.cont_one > li > ul > li { padding-bottom:14px; margin-bottom:14px; border-bottom:1px solid #ddd;}
.cont_one > li > ul > li:last-child{ padding-bottom:0; margin-bottom:0; border-bottom:none;}

.cont_one > li > ul li div.one_tit {margin-bottom:7px; float:right;}
.cont_one > li > ul li div.one_tit > a span { display:inline-block; *display:inline; zoom:1; vertical-align:middle; font:0.813em ng,sans-serif; color:#fff; padding:8px 24px; background:#ff9c00; margin-left:10px;}
.cont_one > li > ul li div.one_tit > a span.done { background:#a5a5a5; }

.cont_one > li > ul li div.one_txt { overflow:hidden;}
.cont_one > li > ul li div.one_txt p {font:600 0.938em ng,sans-serif; color:#222; background:url(../images/main/one_point.png)no-repeat left center; padding-left:12px; float:left; line-height:31px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:80%;}
.cont_one > li > ul li div.one_txt a {font:0.813em ng,sans-serif; float:right; padding:6px 18px; border:2px solid #5b5e63; background:#5b5e63; color:#fff; transition:.4s;}
.cont_one > li > ul li div.one_txt a:hover {background:#fff; color:#5b5e63; }

/*중간 바*/
.wi_100{ background:rgba(18, 85, 171, 0.1); padding:30px;}
.cont_two > li.two_left p { font:400 1.5em notokrM; color:#1255ac; letter-spacing:-.5px;}
.cont_two > li.two_left p.tit { font:400 3.375em notokrB; position:relative; line-height:43px; margin-bottom:15px;}
.cont_two > li.two_left p.tit:after { content:''; position:absolute; top:20px; left:380px; width:50px; height:8px; background:#1255ac; }
.cont_two > li.two_right p {text-align:right; font:400 1em notokrM; color:#444444; line-height:20px; }
.cont_two > li.two_right p.tit {font:400 1.5em notokrB; color:#1255ac; letter-spacing:-.5px; line-height:27px; margin-bottom:20px; }

/*게시판 모음*/
.wi_100_2{ background:url(../images/main/main_bg2.png) no-repeat right bottom; padding:30px 0 70px 0;}
.cont_three { margin-left:-45px;}
.cont_three > li {width:33.33%; float:left; }
.cont_three > li .three_box {margin-left:45px;}
.cont_three > li .three_box div.box_tit {width:100%; overflow:hidden; padding:18px 0 30px 0; position:relative;}
.cont_three > li .three_box div.box_tit:after { content:''; position:absolute; top:0; left:0; width:31px; height:4px; background:#00a4ca;}
.cont_three > li .three_box div.box_tit > p.tit { float:left; font:400 1.5em notokrB, sans-serif; color:#222222; line-height:1.2;}
.cont_three > li .three_box div.box_tit > a.plus_ico { float:right; width:26px; height:26px; border:2px solid #1255ac; border-radius:50%; background:url(../images/main/plus_ico_b.png)no-repeat center center; transition:.4s; }
.cont_three > li .three_box div.box_tit > a.plus_ico:hover { background:#1255ac url(../images/main/plus_ico.png)no-repeat center center; }
.cont_three > li .three_box{position:relative;}
.cont_three > li .three_box div.visual_wrap1 .visual .txt_box p {margin:0; font-size: 0.938em; font-family: ng,sans-serif; color:#444; }
.cont_three > li .three_box div.visual_wrap1 .visual .txt_box .txt_tit { font-weight:600; font-size:1em; margin:15px 0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:90%; }
.cont_three > li .three_box div.visual_wrap1 .visual .txt_box .txt_txt { text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:95%;}
.cont_three > li .three_box div.visual_wrap1 .visual .txt_btm{ margin-top:13px;}
.cont_three > li .three_box div.visual_wrap1 .visual .txt_btm > p {font-weight:400; font-size:0.938em; font-family:ng,sans-serif; color:#777; float:right; letter-spacing:-.5px;}
.cont_three > li .three_box div.visual_wrap1 .visual .txt_btm > p:first-child { float:left;} 

.cont_three > li .three_box .three_board > p {float:left; font:600 1.125em ng,sans-serif;}
.cont_three > li .three_box .three_board > a.more {float:right; font:600 0.875em ng,sans-serif;}

.cont_three > li .three_box .three_board { overflow:hidden; padding-bottom:18px; border-bottom:1px solid #ddd; margin-bottom:17px; }
.cont_three > li .three_box .three_board_none { border-bottom:none; margin-bottom:0; padding-bottom:0;}
.cont_three > li .three_box .three_board ul.board_1 { margin-top:19px;}
.cont_three > li .three_box .three_board ul.board_1.hei{ height:79px; overflow:hidden;}
.cont_three > li .three_box .three_board ul.board_1 li > a {float:left; font:400 0.938em ng,sans-serif; color:#555; line-height:26px; letter-spacing:-.5px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:70%; }
.cont_three > li .three_box .three_board ul.board_1 li > a:hover{ text-decoration:underline;}

.cont_three > li .three_box .three_board ul.board_1 li > p.date {float:right;font:400 0.938em ng,sans-serif; line-height:26px; color:#777; letter-spacing:-.5px;}

.cont_three > li .three_box .more_btn a {padding:14px 0; width:47.6%; text-align:center; line-height:49px; float:left; border:2px solid #1255ac; background:#1255ac; color:#fff; font:0.938em ng,sans-serif; letter-spacing:-.5px; transition:.4s;}
.cont_three > li .three_box .more_btn a.more_right { float:right; border:2px solid #00a4ca; background:#00a4ca;}
.cont_three > li .three_box .more_btn a:hover {border:2px solid #1255ac; background:#fff; color:#1255ac;}
.cont_three > li .three_box .more_btn a.more_right:hover {border:2px solid #00a4ca; background:#fff; color:#00a4ca;}

.cont_last {padding:0px 0 50px 0; margin-left:-20px; overflow:hidden;}
.cont_last > li {width:25%; float:left; }
.cont_last > li > a { display:block;}
.cont_last > li div.txt_box { margin-left:20px; padding:24px;}
.cont_last > li div.txt_box > div p { font:400 0.875em ng,sans-serif; color:#fff; line-height:22px; margin-bottom:50px;}
.cont_last > li div.txt_box > div p.tit {font:600 1.25em ng,sans-serif; margin-bottom:18px;} 

.cont_last > li div.txt_box > div .ico { display:block; width:26px; height:26px; border:2px solid #fff; border-radius:50%; background:url(../images/main/plus_ico.png)no-repeat center center; transition:.4s;}

.cont_last > li div.bg1 { background:#20b492;}
.cont_last > li div.bg1 > div {background:url(../images/main/bottom_ico_01.png)no-repeat right bottom; transition:0.2s;} 
.cont_last > li div.bg1 > div:hover {background:url(../images/main/bottom_ico_01.png)no-repeat 96% 95%; transition:0.2s ease-in-out;} 
.cont_last > li div.bg1 > div .ico:hover { background:#fff url(../images/main/plus_ico_1.png)no-repeat center center;}
.cont_last > li div.bg2 { background:#14b9c1;}
.cont_last > li div.bg2 > div {background:url(../images/main/bottom_ico_02.png)no-repeat right bottom; transition:0.2s;}
.cont_last > li div.bg2 > div:hover {background:url(../images/main/bottom_ico_02.png)no-repeat 96% 95%; transition:0.2s ease-in-out;} 
.cont_last > li div.bg2 > div .ico:hover { background:#fff url(../images/main/plus_ico_2.png)no-repeat center center;}
.cont_last > li div.bg3 { background:#2faaca;}
.cont_last > li div.bg3 > div {background:url(../images/main/bottom_ico_03.png)no-repeat right bottom; transition:0.2s;}
.cont_last > li div.bg3 > div:hover {background:url(../images/main/bottom_ico_03.png)no-repeat 96% 95%; transition:0.2s ease-in-out;} 
.cont_last > li div.bg3 > div .ico:hover { background:#fff url(../images/main/plus_ico_3.png)no-repeat center center;}
.cont_last > li div.bg4 { background:#2c8db6;}
.cont_last > li div.bg4 > div {background:url(../images/main/bottom_ico_04.png)no-repeat right bottom; transition:0.2s;}
.cont_last > li div.bg4 > div:hover {background:url(../images/main/bottom_ico_04.png)no-repeat 96% 95%; transition:0.2s ease-in-out;} 
.cont_last > li div.bg4 > div .ico:hover { background:#fff url(../images/main/plus_ico_4.png)no-repeat center center;}

/* sitemap */
.sitemap .gnb{ overflow:hidden; margin-left:-2%;}
.sitemap .gnb > li{ float:left; width:31.3%; margin-left:2%;}
.sitemap .gnb > li .dp3,
.sitemap .gnb > li.m_member,
.sitemap .gnb > li.m_guide { display:none}
.sitemap .gnb > li .dp1{ display:block; border-top:3px solid #04397d; border-bottom:1px solid #04397d; text-align:center; font-size:1.188em; font-family:"nsB"; color:#04397d; padding:15px 0;}
.sitemap .gnb > li:hover .dp1{ background:#04397d; 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:0.813em; }
.sitemap .gnb > li .dp2 > li > a:hover{ color:#000;}
.sitemap .gnb > li.m_1, .sitemap .gnb > li.m_2, .sitemap .gnb > li.m_3 { min-height:360px; }

/*agree & privacy*/
.sub .agree_area{ border-top:2px solid #04397d; position:relative;}
.sub .agree_area .agree_tt{ position:absolute; left:0; top:0; width:178px; height:100%; border-left:1px solid #ccc; border-right:1px solid #ccc; background:url(../images/member/agree_bg.png) no-repeat left top; text-align:right;}
.sub .agree_area .agree_tt strong{ display:inline-block; *display:inline; zoom:1; font-size:1.063em; font-weight:600; color:#fff; padding:20px 15px 0;}
.sub .agree_area .agree_box{ /*margin-left:180px;*/ background-color:#f9f9f9; padding:20px; border:1px solid #ddd; }
.sub .agree_area .agree_box .txt{ font-weight:600; color:#444; line-height:20px; margin-bottom:15px;}
.sub .agree_area .agree_box .agree_in{ padding:20px; border:1px solid #ccc; background:#fff; line-height:1.5; color:#333; font-size:0.875em; }
.sub .agree_area .agree_box .agree_in p{ line-height:1.4; margin-bottom:15px;}
.sub .agree_area .agree_box .agree_in.h_st{ overflow-y:hidden; height:auto;}
.sub .agree_area .agree_box .agree_in .prv_tt { text-align:center; font-size:1.5em; font-weight:600; color:#222; margin-bottom:20px; }
.sub .agree_area .agree_box .agree_in .date { text-align:right; font-size:0.875em; color:#555; margin-bottom:0; font-weight:600; }
.sub .agree_area .agree_box .agree_in .date span { font-weight:normal; }
.sub .agree_area .agree_box .agree_in strong { display:inline-block; margin-bottom:10px; } 
.sub .agree_area .agree_box .agree_in strong span.ic { display:inline-block; margin-right:7px; }

.sub .agree_area .agree_box .agree_in2{ padding:15px; border:1px solid #ccc; background:#fff; }
.sub .agree_area .agree_box .agree_in2 p{ line-height:18px; margin-bottom:15px;}
.sub .agree_area .agree_box .agree_in2.h_st{ overflow-y:hidden; height:auto;}

.sub .agree_area .agree_box .agree_inp{ margin-top:25px; text-align:right;}
.sub .agree_area .agree_box .agree_inp input,
.sub .agree_area .agree_box .agree_inp label{ vertical-align:middle; cursor:pointer;}
.sub .agree_area .agree_box .agree_inp input{ margin-left:15px;}
.sub .agree_area .agree_box .agree_inp label{ margin-left:8px;}
.sub .agree_area .agree_box .agree_inp label:hover{ color:#3992ed;}

.sub .agree_area.st .agree_box{ margin-left:0; padding:30px;}
.sub .agree_area.st .agree_box .agree_in{ padding:30px;}

.email_agree{ padding:20px; line-height:1.5; color:#333; font-size:0.875em; }
.email_agree .agree_tit{font-size:1em; color:#333; text-align:center; padding:20px; border:1px solid #ccc; word-break:keep-all; border-radius:5px; background:#F6F6F6;}


/*탈퇴페이지*/
.out_box{ margin-bottom:30px; border:1px solid #ccc; padding:30px 40px;}
.out_box .out_txt1{ color:#333; font-weight:600; line-height:1.6; margin-bottom:20px; font-size:1.125em;}
.out_box .out_txt1 span{ color:#115dc0;}
.out_box .out_ul li{ font-size:0.875em; line-height:1.6;}


/* sub 공통 */
.top_bg { margin-bottom:20px; height:210px;  }
.top_bg.sub_1 { background:url(../images/sub1/sub1_visu.jpg) no-repeat center; }
.top_bg.sub_8 { background:url(../images/sub1/sub8_visu.jpg) no-repeat center; }

.top_tit { font-family:"nsB"; font-size:1.438em; line-height:33px; margin-bottom:30px; } 
.top_tit .nsr { font-family:"nsR"; }
.top_tit .c_green { color:#2e8155; }

.biz_tit { padding-left:15px; font-size:1.125em; font-weight:600; color:#333; position:relative; margin-bottom:20px; }
.biz_tit:before { content:""; position:absolute; bottom:2px; left:0; width:3px; height:15px; background:#2e8155; } 

.box_st1 { border:1px solid #ddd; padding:20px; margin-bottom:40px; background:#fcfcfc; }
.box_st1 p { line-height:1.5; font-size:0.938em; color:#555; }
.box_st1 ul li { font-size:0.875em; color:#555; margin-bottom:10px; line-height:1.4; }
.box_st1 ul li:last-child { margin-bottom:0; }
.box_st1 ul li span { display:block; font-size:0.75em; color:#888; }

/*tab*/
.con_idx .idx { display:none; }
.con_idx .idx:first-child { display:block; }
.con_idx .idx .tab_txt { margin-top:30px; padding:0 5px;  }

.wrap_idx .tab_idx { overflow:hidden; margin-bottom:30px; margin-left:-0.5%; }
.wrap_idx .tab_idx li { float:left; cursor:pointer; margin-left:0.5%;  text-align:center;}
.wrap_idx .tab_idx li > a{ position:relative; display:block; overflow:hidden; padding:10px 0; background:#fff; border:1px solid #ccc; border-radius:20px; font-size:.875em; color:#555; transition:.4s;}
.wrap_idx .tab_idx li > a .xi{ filter:alpha(opacity=50); opacity:0.5; font-size:1.25em; vertical-align:top; margin-left:3px;}
.wrap_idx .tab_idx li > a:before{ content:""; position:absolute; left:0; bottom:0; width:100%; height:0; background:#3ba5ff; filter:alpha(opacity=20); opacity:0.2;}
.wrap_idx .tab_idx li:hover > a:before{ height:100%; transition:.3s;}
.wrap_idx .tab_idx.ea_8 li { width:12%; box-sizing:border-box; }
.wrap_idx .tab_idx li:hover > a{ border-color:#3ba5ff; color:#093070;}
.wrap_idx .tab_idx li.on > a{ background:#3ba5ff; border-color:#3ba5ff; color:#fff;}
.wrap_idx .tab_idx li.on > a .xi{ filter:alpha(opacity=100); opacity:1;}
.wrap_idx .tab_idx li.on:hover > a:before{ height:0;}


/* sub1_1 */
.top_cont{ overflow:hidden;}
.top_cont .left{ float:left;}
.top_cont .left .tit1{ font-size:1.5em; font-family:notokrL; text-transform:uppercase; color:#333; letter-spacing:5px}
.top_cont .left .line{ width:40px; height:4px; background:#0755b9; margin:20px 0; }
.top_cont .left .tit2{ font-size:1.875em; font-family:notokrR; text-transform:uppercase; color:#0755b9;}
.top_cont .left .tit3{ font-size:1.5em; font-family:notokrR; color:#333; margin-top:15px; line-height:1.2; }
.top_cont .left .tit3 span{ color:#0377ce;}
.top_cont .left .tit4{ font-size:1.5em; font-family:notokrR; color:#fff; background:#0755b9; padding:4px; height:55px; line-height:55px; width:340px; margin-top:72px;}
.top_cont .left .tit4 span.whi{ display:inline-block; padding:0 25px}
.top_cont .left .tit4 span.blu{ display:inline-block; background:#fff; color:#0755b9; padding:0 40px; height:55px;}
.top_cont .right{ float:right;}

.mid_cont{ margin-top:40px;}
.mid_cont .txt{ font-size:1em; color:#555; margin-top:30px; line-height:1.6;}
.mid_cont .txt.bold{ font-weight:600; color:#333;}

.bot_cont{ margin-top:40px; text-align:right;/* background:url(../images/sub/1_1img2.png) no-repeat right center;*/ padding-right:110px;}
.bot_cont p{ line-height:1.6; color:#333; font-weight:600;}


/*1_2*/
.top_tit{ text-align:center; }
.top_tit .tit{ font-size:1.25em; font-family:notokrB; color:#063190; text-transform:uppercase;}
.top_tit .line{ width:60px; height:3px; background:#188cf1; margin:20px auto;}
.top_tit .txt{ font-family:nsR; font-size:1.25em; color:#555; line-height:1.6; background:url(../images/sub/arrow.png) no-repeat center bottom; padding-bottom:40px}
.top_tit .txt span{ display:block;}

.cont{}
.cont .ul_box{ overflow:hidden; margin:-20px 0 0-20px}
.cont .ul_box li{ float:left; width:33.33%;}
.cont .ul_box li div.in_txt{ padding:20px; margin:20px 0 0 20px; border:1px solid #ccc;}
.cont .ul_box li div.in_txt.bg1{ background:url(../images/sub/icon1.png) no-repeat left 20px top 70px;}
.cont .ul_box li div.in_txt.bg2{ background:url(../images/sub/icon2.png) no-repeat left 20px top 75px;}
.cont .ul_box li div.in_txt.bg3{ background:url(../images/sub/icon3.png) no-repeat left 20px top 70px;}
.cont .ul_box li div.in_txt.bg4{ background:url(../images/sub/icon4.png) no-repeat left 20px top 70px;}
.cont .ul_box li div.in_txt.bg5{ background:url(../images/sub/icon5.png) no-repeat left 20px top 75px;}
.cont .ul_box li div.in_txt.bg6{ background:url(../images/sub/icon6.png) no-repeat left 20px top 73px;}

.cont .ul_box li div.in_txt .no{ font-size:1.5em; font-family:notokrR; color:#188cf1;}
.cont .ul_box li div.in_txt .line{ width:50%; height:1px; background:#188cf1; margin:15px 0;}
.cont .ul_box li div.in_txt .tx{ font-size:0.938em; color:#333; line-height:1.6; padding-left:100px;}



/*1_3*/
.sub_history{ width:100%; margin:auto;}
.sub_history .tit{ border-bottom:1px solid #e3e3e3; border-top:1px solid #ddd; padding:10px 20px; cursor:pointer; background-image:url(../images/sub/plus.png); background-repeat:no-repeat; background-position:center right 20px; }
.sub_history:first-child .tit{ border-color:#ddd}
.sub_history .tit .t1{ vertical-align:bottom; font-size:1.6em; color:#333; letter-spacing:-2px; font-weight:600; }
.sub_history .tit .t2{ vertical-align:bottom; font-size:1.2em; color:#676767; padding-left:5px}
.sub_history .tit.on{ background-image:url(../images/sub/plus.png); }
.sub_history .tit.on .t1, 
.sub_history .tit.on .t2{color:#111} 
.sub_history .con{border-bottom:1px solid #645d5d; padding:0 20px;/* display:none*/}
.sub_history .con .history{ border-top:1px dashed #e3e3e3; padding:10px 10px}
.sub_history .con .history:first-child{ border-top:none}
.sub_history .con .history > li{margin-top:10px}
.sub_history .con .history > li:first-child{margin-top:0}
.sub_history .con .history > li > span{ display:inline-block; *display:inline; zoom:1; vertical-align:top} 
.sub_history .con .history > li .year{ width:80px; text-align:right; font-size:1em; font-family:notokrM; color:#115dc0; line-height:23px;}
.sub_history .con .history > li .month{ width:50px; text-align:right; font-size:1em; font-family:notokrM; color:#888; line-height:23px;} 
.history li span.month_1{ padding-left:117px; font-size:.875em;font-weight:600;color:#777; }
.sub_history .con .history > li .tt{ width:80%; padding-left:25px; font-size:0.875em; color:#676767; line-height:23px;}

.doc_history {background:url(../images/sub/history_bg.png)no-repeat right top;}
.history_t_box .his_tit {font-family:"Times New Roman", Times, serif; font-size:2.5em; text-align:center; color:#777; margin-bottom:5px}


/* sub1_5 */
.info_box1{ margin-bottom:40px;}
.info_box1 .info_form{ overflow:hidden; margin-left:-10px;}
.info_box1 .info_form li{ float:left; width:20%; text-align:center;}
.info_box1 .info_form li div.in_box2{ border:2px solid #ccc; border-radius:5px; margin-left:10px; margin-bottom:10px; padding:25px 0; cursor:pointer; transition:all 0.3s; color:#333; 
background:#fff url(../images/sub/1_5_logo1.png) no-repeat left -10px top -25px;}
.info_box1 .info_form li div.in_box2:hover{ border:2px solid #04397d; background:#fff url(../images/sub/1_5_logo2.png) no-repeat left -5px top -13px; color:#04397d;}

.ethics{ border:1px solid #ccc; background:#f8f8f8; padding:30px 30px; position:relative; margin-top:10px;}
.ethics .eth_ol1 .eth_li1{ font-size:0.875em; line-height:1.6; color:#666; list-style:decimal; margin-left:20px; margin-top:10px;}
.ethics .eth_ol1 .eth_li1.first{ margin-top:0;}
.ethics .eth_ol2{ margin-top:10px;}
.ethics .eth_ol2 .eth_li2{ text-indent:-18px; padding-left:18px; line-height:1.6; margin-top:5px;}
.ethics .in_tit1{ color:#333; font-size:0.875em; font-weight:600; margin-bottom:5px;}
.ethics .eth_ol2 .eth_li2 sup.red{ color:red;}
.ethics .eth_ol3{ margin-top:10px;}
.ethics .eth_ol3 .eth_li3{ text-indent:-22px; padding-left:22px;}

.ethics .bty{ position:absolute; top:-30px; right:0; width:50px; background:#fff; color:#04397d; font-size:0.75em; text-align:center; height:20px; line-height:20px;
border:1px solid #04397d; border-radius:5px; cursor:pointer; transition:all 0.3s;}
.ethics .bty:hover{ background:#04397d; color:#fff;}

.ethics .eth_ul1 .eth_li1{font-size:0.875em; line-height:1.6; color:#666; margin-top:10px;}
.ethics .eth_ul1 .eth_li1.first{ margin-top:0;}
.ethics .eth_ul2 .eth_li2{margin-left:18px}


/*1_6*/
.g_info_area{ overflow:hidden; margin-left:-25px; margin-top:10px;}
.g_info_area > li{ float:left; width:50%; cursor:pointer;}
.g_info_area > li .inner{ position:relative; margin-left:25px; margin-bottom:25px; padding:7px; background:url(../images/inc/pat_st1.png) repeat;}
.g_info_area > li:hover .t_box{ background:#f2f2f2;}
.g_info_area > li .t_box{ position:relative; z-index:2; background:#fff; padding:25px; overflow:hidden; transition:all 0.3s;}
.g_info_area > li .t_box .lef{ float:left; width:45%; margin-right:5%;}
.g_info_area > li .t_box .lef div.pic{ border:1px solid #ccc;}
.g_info_area > li .t_box .rig{ float:right; width:50%;}
.g_info_area > li .t_box .rig .info_tit{ font-size:1.125em; font-family:notokrM, sans-serif; color:#143e80; text-align:center;}
.g_info_area > li .t_box .rig .line{ display:block; position:relative; width:100%; height:1px; background:#ccc; margin:20px 0;}
.g_info_area > li .t_box .rig .line:before{ content:''; position:absolute; left:50%; top:50%; width:30px; height:5px; margin:-2.5px 0 0 -15px; background:#2f72c5; z-index:1;}
.g_info_area > li .t_box .rig .list > li{ font-size:0.938em; letter-spacing:-0.6px; color:#444; line-height:1.6;}
.lt_pat1{ position:absolute; left:0; top:0; z-index:1; width:57px; height:57px; background:#315794;}
.lt_pat2{ position:absolute; left:57px; top:0; z-index:1; width:44px; height:57px; background:#01cabe;}



/*4_1*/
.top_img_b{ background:url(../images/sub/4_1img1.jpg) no-repeat center center; padding:50px 40px;}
.top_img_b .in_tit{ font-size:1.625em; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,0.3)}
.top_img_b .in_tit span{ font-weight:600; color:#abd0fe;}
.top_img_b .in_txt{ font-size:1.125em; color:#fff; line-height:1.3; margin-top:20px; text-shadow:1px 1px 1px rgba(0,0,0,0.3)}

.sub_tit{ font-size:1.125em; color:#333; background:url(../images/sub/sub_tit.png) no-repeat left center; padding-left:25px; font-weight:600; margin-top:50px; }
.sub_tit span{ font-size:0.875rem;}

.sub_tit2{ font-size:1.125em; color:#333; background:url(../images/sub/sub_tit.png) no-repeat left center; padding-left:25px; font-weight:600; margin-bottom:10px; }
.sub_tit2 span{ font-size:0.875rem;}

.sub_tit3{ font-size:1.125em; color:#333; background:url(../images/sub/sub_tit.png) no-repeat left center; padding-left:25px; font-weight:600; margin-top:50px; margin-bottom:10px; }
.sub_tit3 span{ font-size:0.875rem;}

.sub_cont{ margin-left:26px; margin-top:15px;}
.sub_cont .ul_st1 li{ font-size:14px; color:#333; background:url(../images/sub/li_tit.png) no-repeat left 7px; padding-left:13px; margin-bottom:13px;}

.sub_cont2{ margin-left:0; margin-top:15px;}
.sub_cont2 .in_tit1{ color:#ff6b00; font-size:18px; font-weight:600; margin-bottom:5px; margin-top:10px;}
.sub_cont2 .ul_st1 li{ font-size:14px; color:#666; background:url(../images/sub/li_tit.png) no-repeat left 9px; padding-left:13px; line-height:1.6;}


.sub_table { border:0px; padding:0px; margin-bottom:10px; text-align:center; font-size:0.875em }
.sub_table thead th { background:#1255ac; color:#fff; border-bottom:1px solid #ccc; padding:10px 20px; border-right:1px solid #ccc; }
.sub_table tbody th { background:#4177bd; color:#fff; font-weight:600; border-bottom:1px solid #ccc; border-right:1px solid #ccc; line-height:18px; padding:15px 20px; vertical-align:middle; }
.sub_table tbody td { color:#555555; border-bottom:1px solid #ccc; border-right:1px solid #ccc; line-height:18px; padding:15px 20px; vertical-align:middle; }

.p_st1{ font-size:0.875em; color:#333; background:url(../images/sub/txt_tit.png) no-repeat left 2px; padding-left:25px; margin-top:20px; line-height:1.6;}
.p_st2{ font-size:0.875em; color:#333; background:url(../images/sub/txt_tit.png) no-repeat left 2px; padding-left:25px; margin-top:6px; line-height:1.6;}

.wid_10{ width:10%;}
.wid_20{ width:20%;}
.wid_30{ width:30%;}
.wid_40{ width:40%;}
.wid_50{ width:50%;}
.wid_60{ width:60%;}
.wid_70{ width:70%;}
.wid_80{ width:80%;}
.wid_90{ width:90%;}

.btn_w{ margin-top:70px;}
.btn_w .in_p{ text-align:center;}
.btn_w .in_p .btn_join{ width:200px; height:50px; background:#04397d; border:1px solid #04397d; color:#fff; font-weight:600; transition:all 0.3s;}
.btn_w .in_p .btn_join:hover{ background:#fff; color:#04397d;}


/*4_2*/


/*5_1*/
.contact{ width:100%; border:1px solid #ccc; text-align:center; padding:20px 0; margin:20px auto 0; color:#333; font-weight:600; background:#f8f8f8; line-height:2;}



/*table*/
.table_st1{ border-top:2px solid #04397d; border-collapse:collapse; table-layout:fixed}
.table_st1 th,
.table_st1 td{ padding:15px 10px; font-size:0.875rem; color:#111;}
.table_st1 th{ background:#f0f2f4; font-weight:600; border-bottom:1px solid #ccc; border-right:1px solid #ccc; border-left:0;}
.table_st1 th.result{ border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.table_st1 td.focus{ background:#f6fcff;}
.table_st1 td{ border:1px solid #ccc; border-left:0; border-right:1px solid #ccc;}
.table_st1 th:last-child, .table_st1 td:last-child{ border-right:0;}

.secure_bg{ width:2000px; height:10000px; background:#000; position:absolute; z-index:100000000; left:50%; top:0; margin:0 0 0 -1000px; filter:alpha(opacity=70);opacity:0.7;}
.secure_box{ border:4px solid #04397d; width:920px; height:540px; padding:40px; background:#fff; position:fixed; z-index:1000000001; left:50%; top:50%; margin:-310px 0 0 -500px; overflow:auto;}

.login_box {margin:30px auto; width:65%;}
.login_box .inner {padding:75px 70px 60px 70px; border:1px solid #e6e6e6; border-top:3px solid #04397d; box-sizing: border-box; overflow:hidden; }
.login_box .img { float:left; width:200px; text-align:center; }
.login_box .login_zone { float:right; width:380px; padding-top:10px; }
.login_box .login_zone .input_area input { margin-bottom:10px; padding:10px; width:100%; height:42px; box-sizing:border-box; font-size:0.875em; border:1px solid #dcdcdc; }
.login_box .login_zone p { margin:2px 0 13px; font-size:0.813em; color:#115dc0; }
.login_box .login_zone .login_btn { width:100%; height:52px; border:1px solid #04397d; background:#04397d; text-align:center; font-size:1.125em; color:#fff; cursor:pointer; box-sizing:border-box; border-radius:2px; }
.login_box .login_zone .login_btn:hover { border:1px solid #04397d; background:#fff; color:#04397d; transition:0.3s; }
.login_box .login_zone .login_btn2 { width:100%; height:52px; border:1px solid #666; background:#666; text-align:center; font-size:1.125em; color:#fff; cursor:pointer; box-sizing:border-box; border-radius:2px; }
.login_box .login_zone .login_btn2:hover { border:1px solid #666; background:#fff; color:#666; transition:0.3s; }
.login_box .login_zone .login_etc { overflow:hidden; width:331px; margin:13px auto 0; }
.login_box .login_zone .login_etc li { float:left; padding-right:30px; text-align:center; position:relative; }
.login_box .login_zone .login_etc li:last-child { padding-right:0; }
.login_box .login_zone .login_etc li a { font-size:0.875em; }
.login_box .login_zone .login_etc li:after { display:inline-block; content:""; zoom:1; position:absolute; left:-15px; top:50%; margin-top:-7px; background:#bfbfbf; width:1px; height:14px; }

.join3_box {margin:30px auto; width:50%;}
.join3_box .inner {padding:75px 70px 60px 70px; border:1px solid #e6e6e6; border-top:3px solid #04397d; box-sizing: border-box; overflow:hidden; }
.join3_box .ac img { width:150px; }
.join3_box p.txt1 { font-size:0.938em; margin-bottom:10px; color:#555; }
.join3_box p.txt2 { font-size:1em; color:#333; margin-bottom:30px; }
.join3_box p.txt2 span { font-size:1.15em; color:#115dc0; font-weight:600; }
.join3_box .login_btn { margin-top:30px; width:40%; height:42px; border:1px solid #04397d; background:#04397d; text-align:center; font-size:1.068em; color:#fff; cursor:pointer; box-sizing:border-box;}
.join3_box .login_btn:hover { border:1px solid #04397d; background:#fff; color:#04397d; transition:0.3s; }

.find_box { margin:30px auto; width:65%;}
.find_box .inner{ padding:40px 0; border:1px solid #e6e6e6; border-top:3px solid #04397d; box-sizing: border-box; overflow:hidden; }
.find_box .inner > div { float:left; width:50%; padding:0 30px; box-sizing:border-box; }
.find_box div.find_pw { float:right; border-left:1px dashed #dcdcdc; }
.find_box div .join_tit { margin-bottom:25px; }
.find_box div .input_area { height:140px; margin-bottom:25px; }
.find_box div .input_area p { margin-top:5px; }
.find_box div .input_area p span { display:inline-block; font-size:0.8em; width:25%; color:#555; background:url(../images/main/point02.png) no-repeat left center; padding-left:10px; box-sizing:border-box; }
.find_box div .input_area input { width:73%; padding:0 10px; height:42px; border:1px solid #dcdcdc; background:#fafafa; box-sizing:border-box; }
.find_box div .find_area { text-align:center;}
.find_box div .find_area .find_tit{ font-size:1em; color:#222; }
.find_box div .find_area .find_info{ font-size:1.25em; font-weight:600; color:#111; letter-spacing:-0.5px; line-height:50px; margin:10px 0; background:#f2f2f2; width:100%; }
.find_box div .find_area .find_stit{ font-size:0.813em; color:#666; margin:0 0 21px 0; }
.find_box div .find_btn { width:100%; background:#04397d; border:1px solid #04397d; box-sizing:border-box; color:#fff; padding:10px 0; border-radius:2px; }
.find_box div .find_btn:hover { background:#fff; color:#04397d; transition:0.3s; }

.tooltip{position: fixed; z-index: inherit; width:auto; height:auto; border-radius:5px;  z-index:1; padding:.3em; border:1px solid #aaa; box-shadow:1px 1px 3px #ccc; color:#333; display:none;
background: #eeeeee; text-align:left; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */}
.tooltipbtn{cursor:pointer;}
.tooltipbtn:hover .tooltip{ display:block;}
.tooltipbtn.tootippop .tooltip{ display:none;}
.tooltipbtn .nobr{ white-space:nowrap}
.tooltipbtn .size{ width:300px; max-width:100%; white-space:normal}
.tooltipbtn .inner{ margin-top:10px}







@media screen and (max-width:1260px){
body{ font-size:15px;}
.sub1_2 .top_cont .img{ width:55%;}
.sub1_2 .top_cont .top_txt{ margin-right:140px;}
}

@media screen and (max-width:1240px){
#header .gnb_area .box1 > .gnb{ display:none;}
.sub1_2 .top_cont .img{ width:55%;}
.sub1_2 .top_cont .top_txt{ margin-right:100px;}
.sub1_2 .top_cont:before{ height:240px;}
.sub1_2 .mid_cont_box{ margin:0 0 70px 0;}
.visual_wrap .tit_wrap div.left_txt{ background-size:contain;}

}