@charset "utf-8";
/* CSS Document */

body{font-size:16px;}
.wrap{position: relative; z-index:inherit; left:50%; top:0; width:2000px; margin-left:-1000px}
.box0{ padding:0 3%}

.box1{ width:100%; max-width:1200px; margin:0 auto; position:relative; }
.box2{ width:98%; max-width:1600px; /*max-width:1500px;*/ margin:0 auto; position:relative; }
.box3{ width:100%; max-width:100% !important; margin:0 auto; position:relative; }
.box4{ width:100%; max-width:1800px; margin:0 auto; position:relative;}
#header{position:fixed; top:0; left:0; width:100%; z-index:5; border-bottom:1px solid rgba(255,255,255,.2);}

#header .gnb_area{ text-align:center; height:70px;} 


#header .gnb_area .right_menu{position:absolute; right:30px; top:0px; font-size:0;}
#header .gnb_area .right_menu .contact_dv{display:inline-block; *display:inline; zoom:1; vertical-align:middle; border-left:1px solid rgba(255,255,255,.2); text-align:center; width:70px; cursor:pointer;}
#header .gnb_area .right_menu .contact_dv .xi{color:#fff; line-height:70px; font-size:24px;}

#header .gnb_area .ham_btn{display:inline-block; *display:inline; zoom:1; vertical-align:middle; border-right:1px solid rgba(255,255,255,.2); border-left:1px solid rgba(255,255,255,.2); height:70px; width:70px; cursor:pointer;}
#header .gnb_area .ham_btn .all_btn{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:26px; height:20px; text-align:right;} 
#header .gnb_area .ham_btn .all_btn span{ width:26px; height:3px; background:#fff; margin-bottom:6px; transition:0.3s ease; display:block; transition:0.3s ease;}
#header .gnb_area .ham_btn:hover .all_btn span.a1,
#header .gnb_area .ham_btn:hover .all_btn span.a3{ margin-left:5px;}

 
#header .gnb_area .logo{position:absolute; left:30px; top:20px;}
#header .gnb_area .logo a{ width: 234px; height: 31px; background:url(../images/inc/t_logo_white_N.png) no-repeat 0 center; display:block; background-size:100%;}

#header .gnb_area .gnb{display:inline-block; *display:inline; zoom:1; vertical-align:middle; padding-left:76px; }
#header .gnb_area .gnb:after{ content:""; display:block; clear:both;}
#header .gnb_area .gnb > li{ float:left; position:relative; cursor:pointer;}
#header .gnb_area .gnb > li .dp1{ display:block; position:relative; padding:0 26px; height:70px; line-height:70px; font-size:1.18em; color:#fff;; font-family:notokrM; }

#header .gnb_area .gnb > li > a{ text-decoration:none; } 

#header .gnb_area .gnb .dp2{ position:absolute; left:50%; margin-left:-90px; width:180px; padding:10px 0; background:#fff; text-align:center; border-top:0; }
#header .gnb_area .gnb .dp2 > li{text-align:center;}
#header .gnb_area .gnb .dp2 > li > a{ display:block; padding:10px 0; color:#333; font-size:0.92em; padding:10px 0;}
#header .gnb_area .gnb .dp2 > li:first-child > a{ border-top:0;}

#header .gnb_area .gnb > li:hover .dp1{color:#0c61b5}
#header .gnb_area .gnb > li .dp1.on{background:#0c61b5; color:#fff;}

#header .gnb_area .gnb > li .dp2 a:hover{ background:#f1f1f1;}

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

#header.ani{background:rgba(0,0,0,0.4); border-bottom:0;}
#header:hover{background:#fff; border-bottom:0;}
#header:hover .gnb_area .gnb > li .dp1{color:#222;}
#header:hover .gnb_area .gnb > li .dp1.on{color:#fff;}
#header:hover .gnb_area .logo a{background:url(../images/inc/t_logo_N.png) no-repeat 0 center;}
#header:hover .gnb_area .ham_btn{background:#0c61b5}
#header:hover .gnb_area .ham_btn .all_btn span{background:#fff;}
#header:hover .gnb_area .ham_btn {border-right:1px solid #ddd; border-left:1px solid #ddd;}
 
#header:hover .gnb_area .right_menu .contact_dv{border-left:1px solid #ddd; background:#0c61b5;}
#header:hover .gnb_area .right_menu .contact_dv .xi{color:#fff}
#header .gnb_area .right_menu .contact_dv:hover{background:#3292f0; transition:0.3s;}
#header:hover .gnb_area .ham_btn:hover{background:#3292f0; transition:0.3s;}

#header.ani *{ transition:0.3s ease;}


#header .ham_menu{position:fixed; left:0; top:0; width:100%; height:100%; background:#f1f1f1; display:none; z-index:10;} 
#header .ham_menu .close{position:fixed; top:22px; right:15px; font-size:20px; color:#fff; background:#0067be; width:40px; height:40px; line-height:40px; text-align:center; cursor:pointer; border-radius:50%;}
#header .ham_menu .close:hover{background:#66adce;}
#header .ham_menu .ham_gnb{padding:50px 3% 0; background:#f1f1f1; overflow-y:scroll; /*스크롤 임시*/}
#header .ham_menu .ham_gnb .gnb{ overflow:hidden;margin-left:-1%;}
#header .ham_menu .ham_gnb .gnb > li{ float:left; width:15.65%; margin-left:1%; margin-bottom:12px;}
#header .ham_menu .ham_gnb .gnb > li.m_member,
#header .ham_menu .ham_gnb .gnb > li.m_mypage,
#header .ham_menu .ham_gnb .gnb > li.m_guide{ display:none}
#header .ham_menu .ham_gnb .gnb > li .dp1{ display:block; border:1px solid #ccc; border-bottom:2px solid #666; text-align:center; font-size:1em; font-weight:600; color:#333; padding:6px; background:#fff; border-radius:5px 5px 0 0;}
#header .ham_menu .ham_gnb .gnb > li .dp2 > li > a{ display:block; border-bottom:2px dotted #666; font-size:87.5%; color:#555; padding:5px 0; text-align:center; font-size:1em;}
#header .ham_menu .ham_gnb .gnb > li .dp3 {overflow:hidden; padding:5px 10px; background:#f9f9f9}
#header .ham_menu .ham_gnb .gnb > li .dp3 > li {width:50%; float:left;}
#header .ham_menu .ham_gnb .gnb > li .dp3 > li > a{ display:block; border-bottom:1px dotted #999; font-size:.75em; color:#777; padding:5px 0; text-align:center; margin:0 3px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#header .ham_menu .ham_gnb .gnb > li:hover .dp1{ color:#fff; border:1px solid #1d59a5; border-bottom:2px solid #1d59a5;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1953a2+0,79b4cf+100 */
background: #1953a2; /* Old browsers */
background: -moz-linear-gradient(left,  #1953a2 0%, #79b4cf 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #1953a2 0%,#79b4cf 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #1953a2 0%,#79b4cf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1953a2', endColorstr='#79b4cf',GradientType=1 ); /* IE6-9 */

}
#header .ham_menu .ham_gnb .gnb > li .dp2 > li > a:hover{ color:#222; font-weight:600;}
#header .ham_menu .ham_gnb .gnb > li.m_1,
#header .ham_menu .ham_gnb .gnb > li.m_2,
#header .ham_menu .ham_gnb .gnb > li.m_3,
#header .ham_menu .ham_gnb .gnb > li.m_4,
#header .ham_menu .ham_gnb .gnb > li.m_5{}
#header .ham_menu .logo{text-align:center; margin-top:11px; position:absolute; left:10px; top:15px;}
#header .ham_menu .logo_bottom_txt{text-align:center; padding-top:14px; padding-bottom:3px; color:#222; font-size:2em; font-family:notokrM; background:rgba(255,255,255,1)}
#header .ham_menu .logo_bottom_txt2{text-align:center; padding-bottom:12px; border-bottom:3px solid #222; font-size:0.92em; color:#999; letter-spacing:6px; background:rgba(255,255,255,1)}

/*----------------lnb-----------------------*/

#contents{}

/*.sub #contents .lnb_area{ width:100%; margin-top:-70px;}
.sub #contents .lnb_area .gnb {text-align:center;}
.sub #contents .lnb_area .gnb > li{ display:none}
.sub #contents .lnb_area .tit{height:78px; }
.sub #contents .lnb_area .tit h2{ z-index:inherit; display:block;  line-height:78px; font-size:20px; font-weight:600; color:#fff; padding-left:24px; }
.sub #contents .lnb_area .gnb .dp1{ display:none}
.sub #contents .lnb_area .gnb .dp2{font-size:0; }
.sub #contents .lnb_area .gnb .dp2 > li{position:relative; display:inline-block; *display:inline; zoom:1; width:25%; height:50px; text-align:center; transition:0.3s;
background:rgba(0,0,0,0.6);}
.sub #contents .lnb_area .gnb li.m_1 .dp2 > li{ width:19.99%;}
.sub #contents .lnb_area .gnb li.m_2 .dp2 > li{width:16.66%;}
.sub #contents .lnb_area .gnb li.m_3 .dp2 > li{width:33.33%;}
.sub #contents .lnb_area .gnb .dp2 > li::before{content:''; position:absolute; right:0; top:0; width:1px; height:100%; background:rgba(255,255,255,0.3);}
.sub #contents .lnb_area .gnb .dp2 > li:last-child::before{background:none;}
.sub #contents .lnb_area .gnb .dp2 > li > a{color:#fff; font-size:1.07rem; display:block; padding:15px 0; text-decoration:none;}
.sub #contents .lnb_area .gnb .dp2 > li:hover{background:rgba(0,0,0,0.4);}
.sub #contents .lnb_area .gnb .dp2 > li.on{background:#e8e8e8;}
.sub #contents .lnb_area .gnb .dp2 > li.on a{color:#333!important; }*/

#contents .submenu_wrap .nav{ position:relative; z-index:inherit;}

#contents .submenu_wrap {width:100%; margin-top:-70px; background:rgba(0,0,0,.7);}
#contents .submenu_wrap .nav{ *zoom:1;}
#contents .submenu_wrap .nav:after{ content:""; display:block; clear:both;}
#contents .submenu_wrap .nav > li{ float:left; position:relative; z-index:1}

#contents .submenu_wrap .nav .menu1 .gnb .m_guide{ display:none !important;}
#contents .submenu_wrap .nav .menu1 .gnb .m_member{ display:none !important;}
#contents .submenu_wrap .nav .menu1 .gnb .m_mypage{ display:none !important;}
#contents .submenu_wrap .nav .menu1 .gnb .dp2,
#contents .submenu_wrap .nav .menu2 .gnb > li,
#contents .submenu_wrap .nav .menu2 .gnb .dp1,
#contents .submenu_wrap .nav .menu2 .gnb .dp3{ display:none}
#contents .submenu_wrap .nav .menu3 .gnb > li, 
#contents .submenu_wrap .nav .menu3 .gnb > li .dp1, 
#contents .submenu_wrap .nav .menu3 .gnb > li .dp2 > li, 
#contents .submenu_wrap .nav .menu3 .gnb > li .dp2 > li > a, 
#contents .submenu_wrap .nav .menu3 .gnb > li .dp3 > li .dp4{ display:none; }
/*#contents .submenu_wrap .nav .menu3 .gnb .m_2 .dp3 > li {display:block;}*/
#contents .submenu_wrap .nav .home > a{ display:block; width:60px; height:50px; border-right:1px solid rgba(255,255,255,0.4); border-left:1px solid rgba(255,255,255,0.4);  background:url(../images/inc/nav_icon_home.png) no-repeat center center; font-size:0 }
#contents .submenu_wrap .nav .gnb{ position:absolute; z-index:inherit; left:0; top:50px; width:100%; padding:10px 0; display:none; background:rgba(0,0,0,.9)}
#contents .submenu_wrap .nav .gnb > li {display:block ;}
#contents .submenu_wrap .nav .gnb a{ display:block; line-height:1.2; font-size:.875em; color:#fff; padding:8px 25px;}
#contents .submenu_wrap .nav .gnb a:hover{ background:rgba(255,255,255,.1); }
#contents .submenu_wrap .nav .menu_st{ border-right:1px solid rgba(255,255,255,0.4); line-height:50px; font-size:.938em; padding:0 70px 0 25px; background-repeat:no-repeat; background-position:90% center; min-width:110px; cursor:pointer}
#contents .submenu_wrap .nav .menu_st > a{ color:#ffffff;}

#contents .submenu_wrap .nav .menu1 .menu_st{ color:#ffffff; background-image:url(../images/inc/nav_arrow.png);}
#contents .submenu_wrap .nav .menu2 .menu_st{ color:#ffffff; background-image:url(../images/inc/nav_arrow.png);}
#contents .submenu_wrap .nav .menu3 .menu_st{ color:#ffffff; background-image:url(../images/inc/nav_arrow.png);}
#contents .submenu_wrap .nav > li:hover .gnb{ display:block;}


/*#contents .submenu_wrap .nav .menu3{ width:27%}*/


/*contents기본배치*/
#contents{ position:relative; z-index:1}
.sub .doc{ padding:70px 0 150px; overflow:hidden; }
.sub .svisu_area{ width:100%; position:relative; }
.sub .svisu_area .svisual{ height:330px;}
.sub .svisu_area .visu_sgarea{ text-align:center; position:relative; padding-top:85px;}
.sub .svisu_area .visu_sgarea .copy1{font-size:2.5em; color:#fff; text-shadow:2px 2px 1px rgba(0,0,0,0.2); font-family:Arial, Helvetica, sans-serif}
.sub .svisu_area .visu_sgarea .copy1 .st1{font-size:1em; color:#ffd000; font-weight:600;}
.sub .svisu_area .visu_sgarea .copy2 {position:relative;color:#fff; font-size:1.23em; position:relative; padding-top:25px; text-shadow:2px 2px 1px rgba(0,0,0,0.2);} 
.sub .svisu_area .visu_sgarea .copy2::before{content:''; position:absolute; top:10px; left:50%; margin-left:-20px; width:40px; height:3px; background:#fff;}

.sub .lnb_this_bg{background:#e8e8e8;}

.sub .navi {position:absolute; right:0; top:33px;}
.sub .navi > li{ display:inline-block; *display:inline; zoom:1; font-size:.813em; letter-spacing:-1px; color:#666; font-family:ng, sans-serif;}
.sub .navi i{color:#999; font-size:.875em; vertical-align:middle; }
.sub .navi .home{color:#666; font-size:17px;}
.sub .navi .this{color:#0067be;}
 
.sub .sub_con{position:relative; z-index:1; }
.sub .sub_con .gnb_area{}
.sub .sub_con .con_area{width:100%;}

.sub .sub_con .this_page{ font-size:1.725em; padding:25px 0; font-weight:600; /*text-align:center;*/}

/****/
.tit_wrap {margin-bottom:50px;}
.tit_wrap .pro_tit {font-size:2em; font-family:Arial, Helvetica, sans-serif; font-weight:600; text-align:center; position:relative;}
.tit_wrap .pro_tit > span {display:inline-block; background:#444; color:#fff; padding:0 20px; line-height:1.3; border-radius:15px 0;}
.tit_wrap .pro_tit:after {position:absolute; content:''; width:100%; height:40px; background:#fff; left:0; top:40%; z-index:-1; border-radius:40px; border-top:1px solid #999;}
.pro_tit_s {text-align:center; font-size:1.125em; color:#666; /*font-family:notokrR, sans-serif; */ margin-top:5px;}




/* sub1_1 */
/*.sub1_1bg {background:url(../images/sub/1_1bg_01.jpg)no-repeat center center;}*/
.sub1_1tit {font-size:1.875em; color:#333; letter-spacing:-1px; font-weight:bold; /*font-family:notokrM,sans-serif;*/ }
.sub1_1tit span, .sub1_1icon span{color:#003f98;}
.sub1_1tit > img {width:220px;}
.sub1_1icon{font-size:1.875em; color:#333; letter-spacing:-1px; font-weight:bold;}
/*.sub1_1icon:before{position:absolute; content:url(../images/sub/1_1img1.png); top:77px; left:-45px; }*/
.sub1_1tit:after {content:''; display:block; width:40%; height:2px; background:linear-gradient(to right, #003f98, rgba(255,255,255,0)); margin:15px 0 25px 0;}
.sub1_1t_wrap {overflow:hidden;}
.sub1_1t_wrap .sub1_1t_left { width:58%; float:left;}
.sub1_1t_wrap .sub1_1t_rigt { width:35%; float:right;}
.sub1_1t_wrap .sub1_1t_left .sub1_left_in {margin-right:50px; padding-top:35px;}
.sub1_1t_wrap .sub1_1t_left .sub1_left_in .t1 {font-size:1em; line-height:1.4; margin-bottom:20px; color:#222; }
.sub1_1t_wrap .sub1_1t_left .sub1_left_in .t1 > span {color:#003f98;}
.sub1_1t_wrap .sub1_1t_left .sub1_left_in .t2 {font-size:1em; margin-top:65px; color:#111; font-weight:600; text-align:right;}
.sub1_1t_wrap .sub1_left_in .fontf1{font-size:1.125em !important; }
.sub1_1bg {background:url(../images/sub/1_1img_02.png) no-repeat right top; background-position-y:-20px; background-size:47%;}







/* sub1_2 */
.sub1_2bg {background:url(../images/sub/1_2bg_01.jpg)no-repeat center top; /*background-position-y:146px; background-position-x:86%*/}

.sub1_l_wrap {width:45%; float:left; padding-top:59px;}
.sub1_r_wrap {width:55%; float:right; padding-top:40px;}
.sub1_r_wrap table{ margin-left:20px;}
.sub1_tbl {border-top:2px solid #003f98;}
.sub1_tbl th {font-family:notokrM,sans-serif; font-weight:400; background:#f5f5f5; font-weight:600 }
.sub1_tbl td { background:rgba(255,255,255,.35);  }
.sub1_tbl .tbl_list {margin-top:-5px}
.sub1_tbl .tbl_list li {padding-left:10px; margin-top:5px; position:relative;}
.sub1_tbl .tbl_list li:before {content:''; position:absolute; left:0; top:8px; background:#999; width:5px; height:1px;}
.sub1_tbl .tbl_list .s_t1 {font-size:.938em; color:#666}
.sub1_tbl td > p {margin:2px 0}
.sub1_1b_wrap {margin-top:100px;}
.sub1_1b_left {width:75%; float:left;}
.sub1_1b_rght {width:25%; float:left;}
.sub1_1b_wrap .sub1_1b_img  {/*margin-top:30px*/}
.sub1_1b_wrap .sub1_1b_img .sub3_7b_img {margin-top:0;}
.sub1_1b_rght p {margin-left:5px; margin-top:5px; border:1px solid #ccc; padding:3px;}

.history_top { margin:auto; margin-top:200px; text-align:center;}
.sub_history_wrap{ position:relative; z-index:inherit; padding-bottom:150px; }
.sub_history_wrap .sub_history_line{ position:absolute; z-index:inherit; width:1px; background:#ddd; left:50%; height:100%; margin-left:-1px; top:-49px}
.sub_history_wrap .sub_history > li{ position:relative; z-index:inherit; width:50%; margin-top:30px}
.sub_history_wrap .sub_history > li:first-child{ margin-top:50px}
.sub_history_wrap .sub_history > li .history{ padding:0 20px}
.sub_history_wrap .sub_history > li .history .year{ font-family:Georgia, "Times New Roman", Times, serif; font-size:2em; font-weight:600; color:#888; 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/jum_ico.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 .month{ position:absolute; z-index:inherit; top:0; width:60px; /*font-size:1.125em;*/ color:#0c61b5; font-family:notokrM, sans-serif; line-height:1.1;}
.sub_history_wrap .sub_history > li .history .list .tt{ display:block; font-size:.938em; color:#444; margin:5px 0; position:relative; }
.sub_history_wrap .sub_history > li.odd{ left:0; text-align:right}
.sub_history_wrap .sub_history > li.even{ left:50%}

.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:0px}
.sub_history_wrap .sub_history > li.even .history .list .month{ left:0px}

.sub_history_wrap .sub_history > li.odd .history .list .tt { padding-right:55px;}
.sub_history_wrap .sub_history > li.odd .history .list .tt:before {position:absolute; content:''; top:10px; right:45px; width:5px; height:1px; background:#333}
.sub_history_wrap .sub_history > li.even .history .list .tt { padding-left:55px;}
.sub_history_wrap .sub_history > li.even .history .list .tt:before {position:absolute; content:''; top:10px; left:45px; width:5px; height:1px; background:#333}

/* 1_4 */
.sub1_4wrap{text-align:center;}

/* 1_5 */


/* 1_6 */
.map_wrap{ width: 100%; overflow: hidden;}
.root_daum_roughmap.os_mac, .root_daum_roughmap.os_mac button, .root_daum_roughmap.os_mac input, .root_daum_roughmap.os_mac select, .root_daum_roughmap.os_mac td, .root_daum_roughmap.os_mac textarea, .root_daum_roughmap.os_mac th{ width:100% !important;}

.map_tt, .map_tt2{margin-bottom:20px; background:url(../images/sub1/tit_bg.png) no-repeat center left; }
.map_tt p, .map_tt2 p{font-size:1.438em; font-family:notokrM, sans-serif; padding-left:24px; letter-spacing:-1.5px; }
.map_tt2{display:block; margin: 40px 0 20px 0;}


/*sub2_0*/
.sub2_1top_wrap{ background:url(../images/sub/2_1bg_01.jpg)no-repeat center top; padding:45px 0; background-size:cover; background-attachment:fixed; margin-bottom:120px;}
.sub2_1top_wrap .sub2_1top_box {overflow:hidden; text-align:center;}
.sub2_1top_wrap .sub2_1top_box > li {display:inline-block; width:30%; vertical-align:top }
.sub2_1top_wrap .sub2_1top_box .sub2_1top_in { background:rgba(255,255,255,.8); padding:25px; border-radius:10px; text-align:left; margin:0 10px; overflow:hidden;}
.sub2_1top_wrap .sub2_1top_box .sub2_1top_in .tit {font-size:1.125em; font-weight:bold; margin-bottom:5px; letter-spacing:-1px;}
.sub2_1top_wrap .sub2_1top_box .sub2_1top_in .tit:after {content:''; display:block; width:55px; height:2px; background:linear-gradient(to right, #900, rgba(255,255,255,0)); margin:10px 0;}
.sub2_1top_wrap .sub2_1top_box .sub2_1top_in .img {margin:15px 0 10px 0; }
.sub2_1top_wrap .sub2_1top_box .sub2_1top_in .txt {font-size:.875em; line-height:1.4; border-top:1px dashed #aaa; padding:10px;}
.sub2_1top_wrap .sub2_1top_box .sub2_1top_in .btn { display:inline-block; float:right; padding:5px 10px; background:#0c61b5; color:#fff; font-size:.75em; border-radius:5px; transition:.3s}
.sub2_1top_wrap .sub2_1top_box .sub2_1top_in .btn:hover {opacity:.8; filter:alpha(opacity:80);}

.sub2_1btm_wrap .sub2_1btm_in {background:#f6f6f6; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:35px 25px; position:relative; margin-bottom:35px; cursor:po}
.sub2_1btm_wrap .sub2_1btm_in .l_wrap {width:30%; float:left;}
.sub2_1btm_wrap .sub2_1btm_in .r_wrap {width:70%; float:right;}
.sub2_1btm_wrap .sub2_1btm_in .l_wrap2 {width:70%; float:left;}
.sub2_1btm_wrap .sub2_1btm_in .r_wrap2 {width:30%; float:right;}
.sub2_1btm_wrap .sub2_1btm_in .r_wrap3 {width:100%; float:inherit;}
.sub2_1btm_wrap .sub2_1btm_in .r_wrap > dl {margin-left:30px; padding-left:15px; position:relative;}
.sub2_1btm_wrap .sub2_1btm_in .l_wrap2 > dl {margin-left:0px; margin-right:30px; }
.sub2_1btm_wrap .sub2_1btm_in .r_wrap3 > dl {margin-left:0px; }
.sub2_1btm_wrap .sub2_1btm_in .l_wrap2 .btn {margin-right:30px; }
.sub2_1btm_wrap .sub2_1btm_in .r_wrap dl:before { content:''; position:absolute; width:3px; height:55px; background:#0c61b5; left:0; top:0; }
.sub2_1btm_wrap .sub2_1btm_in .r_wrap .tit{ font-size:1.375em; margin:7px 0; font-weight:600;}
.sub2_1btm_wrap .sub2_1btm_in .r_wrap .txt{  line-height:1.3; color:#444; margin-left:10px;}
.sub2_1btm_wrap .sub2_1btm_in .btn {display:inline-block; color:#0c61b5; font-size:.75em; padding:0 3px 5px 3px; border-bottom:1px dashed #0c61b5; float:right; margin-top:20px; }
/*.sub2_1btm_wrap .sub2_1btm_in .btn {display:inline-block; position:absolute; right:20px; bottom:20px; color:#0c61b5; font-size:.75em; padding:0 3px 5px 3px; border-bottom:1px dashed #0c61b5 }*/
.sub2_1btm_wrap .sub2_1btm_in .btn .xi {margin-left:10px; font-size:1.313em; vertical-align:middle; }
.sub2_1btm_wrap .sub2_1btm_in .sub2_1btm_in2 {margin-top:30px; margin-left:-20px;}
.sub2_1btm_wrap .sub2_1btm_in .sub2_1btm_in2 > li {display:inline-block; width:33%; vertical-align:top;}
.sub2_1btm_wrap .sub2_1btm_in .sub2_1btm_in2_in {padding:20px; background:rgba(255,255,255,.9); border:1px solid rgba(255,255,255,.9); transition:.3s; margin-left:20px; cursor:pointer }
.sub2_1btm_wrap .sub2_1btm_in .sub2_1btm_in2_in:hover { border:1px solid #0c61b5; }
.sub2_1btm_wrap .sub2_1btm_in .sub2_1btm_in2_in dl {margin-top:10px;}
.sub2_1btm_wrap .sub2_1btm_in .sub2_1btm_in2_in .t1 {font-size:1.188em; font-weight:600}
.sub2_1btm_wrap .sub2_1btm_in .sub2_1btm_in2_in .t1:after {content:''; display:block; width:55px; height:2px; background:linear-gradient(to right, #900, rgba(255,255,255,0)); margin:10px 0;}
.sub2_1btm_wrap .sub2_1btm_in .sub2_1btm_in2_in .t2 {font-size:.938em; line-height:1.3}



/*sub2_1*/
.sub2_01top_tit {background:#e5e5e5; margin-bottom:80px;}
.sub2_01top_tit .sub2_01top_bg {/*background:url(../images/sub/2_01bg_01.png)no-repeat right bottom;*/ overflow:hidden;}
.sub2_01top_tit .sub2_01top_bg .sub2_01top_l {width:60%; float:left;}
.sub2_01top_tit .sub2_01top_bg .sub2_01top_r {width:40%; position:absolute; right:0; bottom:0;}
.sub2_01top_tit .sub2_01top_bg .sub2_01top_l dl {padding:55px 0; margin-right:40px;}
.sub2_01top_tit .sub2_01top_bg .sub2_01top_l .tit {font-size:1.75em; margin-bottom:10px; font-weight:600; font-family:notokrM,sans-serif;}
.sub2_01top_tit .sub2_01top_bg .sub2_01top_l .tit:after {content:''; display:block; width:55px; height:2px; background:linear-gradient(to right, #900, rgba(255,255,255,0)); margin:15px 0 20px 0;}
.sub2_01top_tit .sub2_01top_bg .sub2_01top_l .txt {line-height:1.4; color:#444; font-size:1.063em; padding:;}
.tit_wrap201 {margin-top:100px;}
.sub2_01sect_btn {text-align:Center;}
.sub2_01sect_btn > li {width:230px; display:inline-block; margin:0 5px;}
.sub2_01sect_btn .sect_btn { display:inline-block; width:100%; line-height:35px; border-radius:10px; background:#226eae; border:2px solid #226eae; color:#fff; transition:.3s; cursor:pointer;}
.sub2_01sect_btn .sect_btn:hover {color:#226eae; background:#fff;}

.prod_tbl_wrap {margin-top:30px;}
.prod_tbl {border-top:2px solid #003f98;}
.prod_tbl tr th, .prod_tbl tr td {border:1px solid #ddd}
.prod_tbl tr th {background:#f5f5f5}
.prod_tbl tr td {text-align:center; font-size:.813em; letter-spacing:-.5px;}
.prod_tbl tr .tbl_top_t {font-size:1.25em; font-family:notokrM,sans-serif; margin-bottom:2px;}
.prod_tbl .prod_tbl_btn a {display:block; margin:3px 0; color:#226eae;}
.prod_tbl tr .tbl_left_t { font-family:notokrR,sans-serif; margin-bottom:2px;}

.pro_tit_ko {font-size:1.625em !important; font-family:notokrM,sans-serif !important;}
.sub2_01prod_info > li {border:1px solid #ddd; padding:25px; margin-bottom:50px;}
.sub2_01prod_info .top_tit { font-size:1.438em; font-family:ns,sans-serif; font-weight:600;} 
.sub2_01prod_info .top_tit:after {content:''; display:block; width:30px; height:3px; background:#0c61b5; margin:10px 0 15px 0;}
.sub2_01prod_info .prod_img {overflow:hidden; text-align:center;}
.sub2_01prod_info .prod_img > li {width:30%; display:inline-block; margin:0 5px;}
.sub2_01prod_info .prod_img .prod_img_in {text-align:left;  }
.sub2_01prod_info .prod_img .prod_img_in .t1 { font-size:.75em; color:#666; margin-bottom:5px; padding-left:5px; position:relative; }
.sub2_01prod_info .prod_img .prod_img_in .t1:before { position:absolute; content:''; width:2px; height:10px; background:#999; left:0; top:50%; margin-top:-5px;}

.sub2_01prod_info > li .sub3_1_img_w {text-align:center; background:#f8f8f8; border:1px dashed #ccc; padding:15px; margin-top:20px;}
.sub2_01prod_info > li .sub3_1_img_w .img_w2 li {width:33.33%;}
.sub2_01prod_info > li .sub3_1_img_w .img_w2 li .ti {font-size:0.875em; padding-top:13px; color:#222;}


.sub2_01prod_info .sub2_01prod_t { background:#f5f5f5; padding:15px 25px; margin-top:20px; border-radius:20px 0 20px 0;}
.sub2_01prod_info .sub2_01prod_t .t1 { font-size:.938em; margin:5px 0; line-height:1.4; }
.sub2_01prod_info .sub2_01prod_t .t1.st2 {text-align:center;}
.sub2_01prod_info .sub2_01prod_info_img_ti {text-align:center; padding-top:10px; font-size:0.938em; color:#333;}
.sub2_01prod_btn {float:right; display:block; width:110px; line-height:30px; border:1px solid #0c61b5; color:#0c61b5 !important; margin-top:10px; text-align:center; font-family:notokrM,sans-serif; font-size:.625em; transition:.3s}
.sub2_01prod_btn2 {width:180px; margin-left:5px;}
.sub2_01prod_btn i {margin-right:3px; font-size:1em;}
.sub2_01prod_btn:hover {background:#0c61b5; color:#fff !important;}

/*sub2_1_1*/
.prod_v_wrap {margin-bottom:30px; background:#f2f5f8; padding:35px 30px; }
.prod_v_wrap .prod_img {width:40%; float:left;}
.prod_v_wrap .prod_box {width:60%; float:right;}
.prod_v_wrap .prod_box .prod_box_in {margin-left:35px;}
.prod_box .prod_box_in .prod_tit {font-size:1.5em; font-family:notokrM,sans-serif;}
.prod_box .prod_box_in .prod_cate {font-size:1.063em; font-family:notokrM,sans-serif; color:#0c61b5; padding:5px 0 20px 0; border-bottom:1px dashed #ddd; margin-bottom:25px;}
.prod_box .prod_box_in .prod_txt {font-size:.938em; font-family:notokrR,sans-serif; line-height:1.3}
.prod_box .prod_box_in .prod_ico_box {overflow:hidden;}
.prod_box .prod_box_in .prod_ico_box > li {width:10%; float:left;}
.prod_box .prod_box_in .prod_ico_box .prod_ico {margin-right:5px}
.prod_box .prod_box_in .prod_charact {margin-top:20px;}
.prod_box .prod_box_in .prod_charact dt {font-weight:600; padding-left:8px; position:relative; margin-bottom:4px;}
.prod_box .prod_box_in .prod_charact dt:before { position:absolute; content:''; width:5px; height:5px; border-radius:50%; left:0; top:8px; background:#333}
.prod_box .prod_box_in .prod_charact dd {margin-left:8px;}
.prod_box .prod_box_in .prod_charact .list_t { font-size:.875em; letter-spacing:-1px; padding-left:8px; position:relative; color:#333; margin-top:3px}
.prod_box .prod_box_in .prod_charact .list_t:before { position:absolute; content:''; width:3px; height:1px; left:0; top:8px; background:#aaa;}
.prod_box .prod_box_in .prod_q_btn0 {width:170px; display:inline-block; float:right; border-radius:25px; overflow:hidden; margin-top:20px;}
.prod_box .prod_box_in .prod_q_btn0 .prod_q_btn { display:block; width:100%; line-height:40px; background:#db6aa4; color:#fff !important; font-family:notokrM,sans-serif; float:right; text-align:center; }
.prod_box .prod_box_in .prod_q_btn0 .prod_q_btn .xi {display:inline-block; margin-right:3px;}


.hover_st1{ position:relative; transition:.3s}
.hover_st1:after{content:"\e93f"; font-family:xeicon!important; position:absolute; right:-20px; top:50%; margin-top:-20px; transition:.3s; font-size:20px}
.hover_st1:hover{ padding-right:10px;}
.hover_st1:hover:after{ right:10px}

/*sub2_2_1*/
.prod_img_box > span {display:inline-block;}
.prod_img_box .prod_name {display:inline-block;}

.prod_img_box .prod_name { font-size:.75em; color:#666; margin-bottom:5px; padding-left:5px; position:relative; }
.prod_img_box .prod_name:before { position:absolute; content:''; width:2px; height:10px; background:#999; left:0; top:50%; margin-top:-5px;}


/*sub2_4*/
.e_prod_list {overflow:hidden; margin:0 0 -20px -20px;}
.e_prod_list > li {width:25%; float:left; }
.e_prod_list .e_prod_in { margin:0 0 20px 20px; border:1px solid #ddd; cursor:pointer; transition:.3s}
.e_prod_list .e_prod_in .e_prod_img {position:relative;}
.e_prod_list .e_prod_in .e_prod_img .tit {position:absolute; background:rgba(0,0,0,.6); padding:5px 3%; /*height:30px;*/ color:#fff; font-family:notokrM,sans-serif; left:0; bottom:0; width:94%; text-align:right; transition:.3s}
/*.e_prod_list .e_prod_in .e_prod_tbox .tit {background:#0c61b5; padding:0px 10px; height:30px ; margin-top:-30px; color:#fff; font-family:notokrM,sans-serif; z-index:999;}*/
.e_prod_list .e_prod_in .e_prod_tbox .list {padding:10px 20px; }
.e_prod_list .e_prod_in .e_prod_tbox .list .t1 {padding-left:10px; position:relative; font-size:.875em; color:#333; margin:4px 0; line-height:1.3}
.e_prod_list .e_prod_in .e_prod_tbox .list .t1:before {position:absolute; content:''; width:5px; height:1px; background:#999; left:0; top:8px;}

.e_prod_list .e_prod_in:hover { border:1px solid #0c61b5; }
.e_prod_list .e_prod_in:hover .e_prod_img .tit {background:rgba(12,97,181,.7);}


.e_prod_cha {background:#f5f5f5; padding:50px 25px;}
.e_prod_cha .e_prod_cha_wrap {overflow:hidden;}
.e_prod_cha .e_prod_cha_wrap > li {width:25%; float:left;}
.e_prod_cha .e_prod_cha_wrap .e_prod_cha_in {margin-left:15px; border:1px solid #0c61b5; background:#fff;}
.e_prod_cha .e_prod_cha_wrap .e_prod_cha_in .tit {background:#0c61b5; padding:10px; text-align:Center; color:#fff; font-family:notokrM,sans-serif;}
.e_prod_cha .e_prod_cha_wrap .e_prod_cha_in .txt {padding:20px; }
.e_prod_cha .e_prod_cha_wrap .e_prod_cha_in .txt dt {font-weight:600; margin-bottom:10px;}
.e_prod_cha .e_prod_cha_wrap .e_prod_cha_in .txt .t1 {color:#555; font-size:.875em; line-height:1.4}
.e_prod_cha .e_prod_cha_wrap .e_prod_cha_in .txt .t1 .t_ps {display:block; color:rgba(12,97,181,.7); font-size:.875em;}
.e_prod_cha .e_prod_cha_wrap .e_prod_cha_in .btn {display:inline-block; color:#0c61b5; font-size:.75em; padding:0 3px 5px 3px; border-bottom:1px dashed #0c61b5; float:right; margin-top:20px; }
.e_prod_cha .e_prod_cha_wrap .e_prod_cha_in .btn .xi {margin-left:10px; font-size:1.313em; vertical-align:middle; }


/*sub2_6*/
.palce_tab_w2 {margin-top:40px;}
.palce_ul02 { margin-left:-5px;}
.palce_ul02 > li {width:16.66%; float:left; position:relative;}
.palce_ul02 > li .palce_in02 {margin-left:5px;margin-bottom:25px; border:1px solid #ddd; border-top:2px solid #0064a5;}
.palce_ul02 > li .palce_in02 .in_con { position:relative; border-bottom:1px solid #ddd;}
.palce_ul02 > li .palce_in02 .in_con > img {width:100%;}
.palce_ul02 > li .palce_in02 .in_con > p {position:absolute; left:0; bottom:0; padding:15px 0;  width:100%; text-align:center; font-size:1.125em; background:rgba(255,255,255,.8);  background:rgba(0,0,0,0.6); color:#fff;}
.palce_ul02 > li .palce_in02 .in_con > p span {font-size:1.5em; vertical-align:text-bottom; display:inline-block; line-height:1; font-weight:400; color:#013d98; margin-left:-20px;}
.palce_ul02 > li .palce_in02 .in_con2 {padding:10px;}
.palce_ul02 > li .palce_in02 .in_con2 > li {position:relative; color:#222; font-size:0.875em; text-align:center;}
.palce_ul02 .num {display:inline-block; border-radius:25px; text-align:center; width:70px; height:28px; line-height:28px; background:#db6aa4; color:#fff; font-size:0.750em; position:absolute; z-index:11111; top:-15px; left:50%; margin-left:-35px;}


.sub_2_6_step {padding:5px 20px;}
.sub_2_6_step li {position:relative; margin-right:45px;}
.sub_2_6_step li:before {position:absolute; content:"\ea3e"; color:#0c61b5; font-style:normal; font-family:xeicon; top:40%; left:-35px; font-size:20px; }
.sub_2_6_step > li.st:before {opacity:0;}
.sub_2_6_step li:first-child:before {opacity:0;}
.sub_2_6_step li > img {border:3px solid rgba(28,66,149,.85);}
.sub_2_6_step li > span {display:block; font-size:0.750em; color:#666; padding:8px 0 0 5px; position:relative;}
/*.sub_2_6_step li > span:before {position:absolute; content:""; width:2px; height:10px; background:#999; left:0; top:50%;} */

.sub_2_6_step.st li:before {opacity:0;}

.sub_2_6_step_t {margin-left:15px;}
.sub_2_6_step_t > li {padding-left:13px; font-size:0.938em; color:#555; position:relative;}
.sub_2_6_step_t > li:before {position:absolute; content:""; left:3px; top:8px; width:5px; height:1px; background:#999;}
.sub_2_6_step_t > li.st:before {background:none;}
.sub_2_6_step_t > li.col {color:#F00;}
.sub_2_6_step_t > li.tit {color:#111; padding-top:10px;}
.sub_2_6_step_t > li.tit:before {opacity:0;}

/*sub2_4_0*/
.sub2_4_0top_bg {background:url(../images/sub/2_4_0bg_01.png)no-repeat right top; background-size:auto 100%;}
.sub2_01prod_info .top_tit > span {color:#0c61b5;}
.sub2_01prod_info .sub2_4_1prod_img {margin-top:30px; padding:25px 0; border-top:1px dashed #ddd; }
.sub2_01prod_info .sub2_4_1prod_img.st {border:none; margin-top:0; padding:0; }
.sub2_01prod_info .sub2_4_1prod_img.st2 {padding:25px 0 0 0;}
.sub2_01prod_info .sub2_4_1prod_img .s_tit {font-family:notokrM,sans-serif; font-size:1.125em; margin-bottom:10px; padding-left:20px; position:relative;}
.sub2_01prod_info .sub2_4_1prod_img .s_tit:before {position:absolute; content:''; width:15px; height:15px; background:url(../images/inc/tit_ico.png)no-repeat center center; left:0; top:50%; margin-top:-7.5px }
.sub2_01prod_info .sub2_4_1prod_img .s_t_ps {margin-top:5px; font-size:.75em; text-align:right; color:#903}
.sub2_01prod_info .sub2_01prod_t .t1 .t0 {display:block; font-weight:600; margin-bottom:5px;}
.sub2_01prod_info .sub2_01prod_t .t01 {margin-top:15px}
.sub2_01prod_info .sub2_4_1prod_img .img {text-align:center;}

.sub2_01prod_info .sub2_4_1btn_wrap {margin-top:30px;}
.sub2_01prod_info .sub2_4_1btn_wrap .s_tit {font-family:notokrM,sans-serif; font-size:1.125em; margin-bottom:5px; padding-left:20px; position:relative;}
.sub2_01prod_info .sub2_4_1btn_wrap .s_tit:before {position:absolute; content:''; width:15px; height:15px; background:url(../images/inc/tit_ico.png)no-repeat center center; left:0; top:50%; margin-top:-7.5px }

.sub2_01prod_info .sub2_4_1btn_wrap .sub2_4_1btn { display:inline-block; padding:0 10px; line-height:30px; border:1px solid #0c61b5; color:#0c61b5 !important; margin-top:10px; text-align:center; font-family:notokrM,sans-serif; font-size:.938em; transition:.3s}
.sub2_01prod_info .sub2_4_1btn_wrap .sub2_4_1btn i {margin-right:3px; font-size:1em; }
.sub2_01prod_info .sub2_4_1btn_wrap .sub2_4_1btn:hover {background:#0c61b5; color:#fff !important;}

.sub2_01prod_info .sub2_4_1prod_img .sub2_4_1prod_list {text-align:Center;}
.sub2_01prod_info .sub2_4_1prod_img .sub2_4_1prod_list > li {width:40%; display:inline-block;}
.sub2_01prod_info .sub2_4_1prod_img .sub2_4_1prod_list .sub2_4_1list_in {margin:0 5px;}
.sub2_01prod_info .sub2_4_1prod_img .sub2_4_1prod_list .sub2_4_1list_in.st {margin:10px 5px;}
.sub2_01prod_info .sub2_4_1prod_img .sub2_4_1prod_list .sub2_4_1list_in .list_t_box {padding:10px; background:#0c61b5; text-align:Center; color:#fff; font-weight:600}
.sub2_01prod_info .sub2_4_1prod_img .sub2_4_1prod_list .sub2_4_1list_in .list_t_box > span {display:block; }

.sub2_01prod_info .sub2_4_1prod_img .sub2_4_1prod_list.st {overflow:hidden;}
.sub2_01prod_info .sub2_4_1prod_img .sub2_4_1prod_list > li.st {width:50%; float:left;}

.sub2_01prod_info .sub2_4_1prod_img .sub2_4_1prod_list > li.st2 {width:50%; float:none;}

.sub2_4_1prod_list .sub2_4_1list_in .list_t_box .txt {font-size:.75em; margin-bottom:5px; font-weight:400}
.sub2_4_1prod_list .sub2_4_1list_in .list_t_box .tit {font-size:1.188em; }
.sub2_4_1prod_list .sub2_4_1list_in .list_img {background:#e3e3e3; text-align:center;}

.sub2_01prod_info .sub2_4_1prod_img .sub2_4_1prod_list2 > li {width:49%; display:inline-block;}
.sub2_4_1prod_list2 .sub2_4_1list_in .list_t_box .txt {font-size:.75em; margin-top:5px; font-weight:400}
.sub2_4_1prod_list2 .sub2_4_1list_in .list_t_box .tit {font-size:1.188em; margin-bottom:10px }
.sub2_4_1prod_list .sub2_4_1list_in .list_img {padding:20px;background:#fff; border:1px solid #0c61b5;}

/* 2_4_1 */
.sub2_4_8section{border:1px solid #ddd; padding:25px; margin-bottom:50px;}
.sub2_4_8section ul{overflow:hidden;}
.sub2_4_8section li{float:left; width:49%; padding:0 5px;}
.sub2_4_8section img{max-width:100%;}
.sub2_4_8section .list_t_box{background:#0c61b5; text-align:center; color:#fff; font-weight:600; padding:20px 0;}
.sub2_4_8section .sub2_4_1list_in{margin:0 5px;}
.sub2_4_8section .sub2_4_1list_in .tit2{font-size:1.125em;}
.sub2_4_8section .sub2_4_1btn_wrap{font-family:notokrM,sans-serif; font-size:1.125em; margin-bottom:10px; padding-left:20px; position:relative;}
.sub2_4_8section .sub2_4_1btn_wrap .s_tit{font-size:1.188em;}
.sub2_4_8section .sub2_4_1btn_wrap .s_tit:before{content:""; background:url(../images/inc/tit_ico.png) no-repeat center center; position:absolute; width:15px; height:15px; margin-top:-7.5px; left:0; top:50%;}


/* 2_4_8 */


.sub2_4_8section{border:1px solid #ddd; padding:25px; margin-bottom:50px;}
.sub2_4_8section ul{overflow:hidden;}
.sub2_4_8section li{float:left; width:49%; padding:0 5px;}
.sub2_4_8section img{max-width:100%;}
.sub2_4_8section .list_t_box{background:#0c61b5; text-align:center; color:#fff; font-weight:600; padding:20px 0;}
.sub2_4_8section .sub2_4_1list_in{margin:0 5px;}
.sub2_4_8section .sub2_4_1list_in .tit2{font-size:1.125em;}
.sub2_4_8section .sub2_4_1btn_wrap{font-family:notokrM,sans-serif; font-size:1.125em; margin-bottom:10px; padding-left:20px; position:relative;}
.sub2_4_8section .sub2_4_1btn_wrap .s_tit{font-size:1.188em;}
.sub2_4_8section .sub2_4_1btn_wrap .s_tit:before{content:""; background:url(../images/inc/tit_ico.png) no-repeat center center; position:absolute; width:15px; height:15px; margin-top:-7.5px; left:0; top:50%;}






/**/
.s_tit_ico_wrap {font-family:notokrM,sans-serif; font-size:1.125em; margin-bottom:10px; padding-left:20px; position:relative;}
.s_tit_ico_wrap:before {position:absolute; content:''; width:15px; height:15px; background:url(../images/inc/tit_ico.png)no-repeat center center; left:0; top:50%; margin-top:-7.5px }


/*sub3_1*/
.sub3_1top_bg {background:url(../images/sub/3_1bg_01.jpg)no-repeat center center; padding:50px 0; margin-bottom:80px;}
.sub3_1top_bg.sub3_2 {background:url(../images/sub/3_2bg_01.jpg);}
.sub3_1top_bg.sub3_3 {background:url(../images/sub/3_3bg_01.jpg);}


.sub3_1top_bg .t1 { text-align:center; color:#fff; }
.sub3_1top_bg .tit { font-size:1.75em; font-weight:600; }
.sub3_1top_bg .tit:after {content:''; display:block; width:35px; height:3px; background:rgba(255,255,255,.6); margin:20px auto 30px auto;}
.sub3_1top_bg .txt { font-size:1.125em; }

.sub3_1top_tit {font-size:1.125em; padding-left:20px; position:relative; line-height:1.4; margin-bottom:20px; /*font-family:notokrM,sans-serif; */color:#333}
.sub3_1top_tit:before {content:''; position:absolute; width:14px; height:14px; background:url(../images/sub1/tit_bg.png)no-repeat center center; left:0; top:5px; }

.sub3_1point_Wrap {border:3px solid #ddd; padding:25px 35px;}
.sub3_1point_Wrap .tit {background:#003f98; color:#fff; padding:3px 8px; border-radius:5px; display:inline-block; margin-bottom:10px; }
.sub3_1point_Wrap .tit > i {font-size:1em; margin-right:4px; display:inline-block;}
.sub3_1point_Wrap .list {margin-left:15px;}
.sub3_1point_Wrap .list > li {padding-left:10px; position:relative; margin:3px 0;}
.sub3_1point_Wrap .list > li:before{ position:absolute; content:''; left:0; top:8px; width:5px; height:1px; background:#999; }

.sub3_1point_Wrap .list.st {overflow:hidden;}
.sub3_1point_Wrap .list.st > li {float:left; width:33%;}
.sub3_1point_Wrap .list > li.po_st:before {background:none; }
.sub3_1point_Wrap .list > li.po_st {/*color:#003f98;*/ color:#333; }
.sub3_1point_Wrap .list > li.col {color:#666;}
.sub3_1point_Wrap .sub3_1_list_img {position:absolute; top:30%; right:7%;}
.sub3_1point_Wrap .sub3_1_list_img.st {top:15%;}

.sub3_1info_wrap {background:#f3f3f3 url(../images/sub/3_1bg_02.png)no-repeat center top; padding:45px 0; margin-top:100px;}
.sub3_1info_wrap.st2 {margin-top:0;}
.sub3_1info_wrap2 {background:#f8f8f8 url(../images/sub/3_1bg_02.png)no-repeat center top; padding:45px 0; margin-top:0px;}
.sub3_1info_in {margin:10px 0;}
.sub3_1info_in .sub3_1info_t {width:70%; float:left;}
.sub3_1info_in .sub3_1info_i {width:30%; float:right;}
.sub3_1info_in .sub3_1info_t.st {float:none; width:inherit;}
.sub3_1info_in .sub3_1info_t2 { float:right;}
.sub3_1info_in .sub3_1info_i2 { float:left;}
.sub3_1info_in .sub3_1info_t .sub3_1info_tin {margin-right:20px;}
.sub3_1info_in .sub3_1info_t2 .sub3_1info_tin {margin-left:20px;}
.sub3_1info_in .sub3_1info_t .sub3_1info_tin dt {font-size:1.313em; /*font-family:notokrM,sans-serif;*/ font-weight:bold; letter-spacing:-0.5px;}
.sub3_1info_in .sub3_1info_t .sub3_1info_tin dt:after {content:''; display:block; width:15%; height:2px; background:linear-gradient(to right, #0c61b5, rgba(255,255,255,0)); margin:15px 0 20px 0;}
.sub3_1info_in .sub3_1info_t .sub3_1info_tin dd {padding-left:10px;}
.sub3_1info_in .sub3_1info_t .sub3_1info_tin .txt {font-size:.938em; line-height:1.4; margin-top:10px; color:#444}
.sub3_1info_in .sub3_1info_t .sub3_1_img_w {text-align:center; background:#f8f8f8; border:1px dashed #ccc; padding:15px; margin-top:20px;}
.tit_wrap301 {margin-top:120px;}
.sub3_1info2_btn  { text-align:Center;}
.sub3_1info2_btn > li {display:inline-block; width:22%; margin:auto;}
.sub3_1info2_btn .sub3_1info2_in { border:5px solid rgba(28,66,149,.6); border-radius:100px 100px 0 0 ; overflow:hidden; cursor:pointer; transition:.3s; margin:0 10px;}
.sub3_1info2_btn .sub3_1info2_in .top_img {transition:.3s}
.sub3_1info2_btn .sub3_1info2_in .txt_box { padding:20px 15px; text-align:left;}
.sub3_1info2_btn .sub3_1info2_in .txt_box dt {font-size:1.25em; /*font-family:notokrM,sans-serif; */ font-weight:bold;color:rgba(28,66,149,.8); margin-bottom:8px; transition:.3s;}
.sub3_1info2_btn .sub3_1info2_in .txt_box dd { font-size:.875em; line-height:1.4; color:#444;  }

.sub3_1info2_btn .sub3_1info2_in:hover { border:5px solid rgba(28,66,149,.85); }
.sub3_1info2_btn .sub3_1info2_in:hover .top_img {opacity:.7; filter:alpha(opacity:7);}
.sub3_1info2_btn .sub3_1info2_in:hover .txt_box dt { color:rgba(28,66,149,1);}


.sub3_1info_in .sub3_1info_t .sub3_1_setp {padding-top:20px;}
.sub3_1info_in .sub3_1info_t .sub3_1_setp .sub3_1_ul {overflow:hidden; margin-left:-20px;} 
.sub3_1info_in .sub3_1info_t .sub3_1_setp .sub3_1_ul li {float:left; width:25%; position:relative;}
.sub3_1info_in .sub3_1info_t .sub3_1_setp .sub3_1_ul li:before {position:absolute; content:"\ea3e"; color:#0c61b5; font-style:normal; font-family:xeicon; top:32%; left:0; font-size:20px; }
.sub3_1info_in .sub3_1info_t .sub3_1_setp .sub3_1_ul li:first-child:before{opacity:0;}

.sub3_1info_in .sub3_1info_t .sub3_1_setp .sub3_1_ul li .sub3_1_step_in {margin-left:20px; padding:0 15px;}
.sub3_1info_in .sub3_1info_t .sub3_1_setp .sub3_1_ul li .sub3_1_step_in .img {border:5px solid rgba(28,66,149,.85);}
.sub3_1info_in .sub3_1info_t .sub3_1_setp .sub3_1_ul li .sub3_1_step_in .ti {text-align:center; font-size:0.875em; padding-top:13px; color:#222;}

.sub3_1info_in .sub3_1info_t .sub3_1_setp.st2 .sub3_1_ul li {width:33.33%;}
.sub3_1info_in .sub3_1info_t .sub3_1_setp.st2 .sub3_1_ul li:before {opacity:0;}


/* 4_1 */

.sub4_mg {margin:0 20px;}




/* 5_1 */
.sub5_box_mg{margin-bottom:40px;}
.sub5_box_mg.st {margin:30px 0 0 0; position:relative;/*6_1서비스메뉴position의 relative*/}
.sub5_1 .sub5_1top_bg{background:url(../images/sub/5_1bg.png) no-repeat right top; background-size:auto;}
.sub5_1 .sub5_img_mg{margin-top:15px;}
.sub5_1 .tb_txt{padding:6px 0; font-size:0.813em;}
.sub5_1 .sub5_tb_mg{position:relative; top:-10px;}
.sub5_1 .sub5_tb_mg .prod_tbl_wrap{margin-bottom:-60px;}
.sub5_1 .sub5_wrap .s5_tit{margin-top:-40px; font-size:1.188em;}

/* sub5 하단 제품목록 */
.tb_txt{margin-bottom:70px;}
/*.sub5_pro li{width:24%;}*/
.sub5_pro li{width:25%; margin-bottom:20px; }
.sub5_pro dd{height:90px;}

/*
.sub5_wrap{font-family:notokrM,sans-serif; margin-bottom:10px; padding-left:20px; position:relative;}
.sub5_wrap .s_tit{font-size:1.188em;}
.sub5_wrap .s_tit:before{content:""; background:url(../images/inc/tit_ico.png) no-repeat center center; position:absolute; width:15px; height:15px; margin-top:-7.5px; left:0; top:50%;}
*/

/* 5_2 */
.sub5_2 .sub5_2top_bg{background:url(../images/sub/5_2bg.png) no-repeat right top; background-size:auto;}
.sub5_2 .box1 tit_wrap .sub5_list{margin:0 5px;}
.sub5_2 .box1 tit_wrap .sub5_list li{float:left; width:100px;}
.sub5_2 .sub2_4_1prod_img .img{max-width:100%;}
.sub5_2 .sub5_wrap{margin-top:20px;} 
.sub5_2 .sub5_img_area{display:inline-block; }
.sub5_2 .sub5_img_area .a5{max-width:100%; float:left;}
.sub5_2 .sub5_img_area .a5{margin:0 14px;}
/* 탑이미지 패딩값 */
.sub5_2 .sub5_2top_bg .sub2_01top_l dl{padding:55px 0; margin-right:40px;}
.sub5_2 .sub5_2top_bg .sub2_01top_l .tit{font-size:1.75em; margin-bottom:10px; font-weight:600; font-family:notokrM, sans-serif;}
.sub5_2 .sub5_2top_bg .sub2_01top_l .tit:after{content:""; display:block; width:55px; height:2px; background:linear-gradient(to right, #900, rgba(255,255,255,0)); margin:15px 0 20px 0;}
.sub5_2 .sub5_2top_bg .sub2_01top_l .txt{line-height:1.4; color:#444; font-size:1.063em;}
/* 이미지 텍스트 */
.sub5_wrap{font-family:notokrM,sans-serif; margin-bottom:10px; padding-left:20px; position:relative;}
.sub5_wrap .s_tit{font-size:1.188em;} 
.sub5_wrap .s_tit:before{content:""; background:url(../images/inc/tit_ico.png) no-repeat center center; position:absolute; width:15px; height:15px; margin-top:-7.5px; left:0; top:50%;}

/* 5_3 */
.sub5_3 .sub5_3top_bg{background:url(../images/sub/5_3bg.png) no-repeat right top; background-size:auto;}
.sub5_3 .sub5_3top_bg .sub2_01top_l{width:60%; float:left;}
.sub5_3 .sub5_3top_bg .sub2_01top_l dl{padding:55px 0; margin-right:40px;}
.sub5_3 .sub5_3top_bg .sub2_01top_l .tit{font-size:1.75em; margin-bottom:10px; font-weight:600; font-family:notokrM, sans-serif;}
.sub5_3 .sub5_3top_bg .sub2_01top_l .tit:after{content:""; display:block; width:55px; height:2px; background:linear-gradient(to right, #900, rgba(255,255,255,0)); margin:15px 0 20px 0;}
.sub5_3 .sub5_3top_bg .sub2_01top_l .txt{line-height:1.4; color:#444; font-size:1.063em;}


/* 6_1 */
/*.sub6_txt{padding-left:10px; margin-top:12px; margin-bottom:5px;}*/
.sub6_txt{padding-left:25px; }
.sub6_w li{width:33%; float:left; padding-left:15px; position:relative;  margin:3px 0; color:#888;}
/*.sub6_w li:before{width:4px; height:4px; border-radius:100%; background:#ddd; content:""; display:inline-block;}*/
.sub6_w{overflow:hidden; margin-left:15px;}
.sub6_w li:before{ position:absolute; content:""; left:0; top:8px; width:5px; height:1px; background:#999;}
.sub_q_btn {width:170px;  margin-top:20px;}
/*.sub_q_btn .sub_q_btn_in > a {border-radius:25px;  display:block; width:100%; line-height:40px; background:#db6aa4; color:#fff !important; font-family:notokrM,sans-serif;  text-align:center;
}*/
.sub_q_btn .sub_q_btn_in .xi {display:inline-block; margin-right:3px;}



/* 6_2 */
.top_tit_pdf_bt {text-align:right; padding-top:15px;}
.top_tit_pdf_bt > a {display:inline-block; background:#db6aa4; color:#fff; line-height:40px; text-align:center; border-radius:25px; width:170px; font-size:0.938em; font-family:notokrM,sans-serif;}
.top_tit_pdf_bt > a > .pdf_img { padding-right:5px;}
.sub_q_btn {width:170px;  margin-top:20px;}
.sub_q_btn .sub_q_btn_in > a {border-radius:25px;  display:block; width:100%; line-height:40px; background:#db6aa4; color:#fff !important; font-family:notokrM,sans-serif;  text-align:center;
}
.sub_q_btn .sub_q_btn_in .xi {display:inline-block; margin-right:3px;}
.sub6_2tb th{text-align:center;}
.sub6_2tb td dl, .sub6_2tb tr td{text-align:left; line-height:2; font-size:0.938em; }

/* 6_3 */
.sub6_3_list_w {}
.sub6_3_list_w .ti {font-size:1.125em; color:#111; font-family:ns,sans-serif; font-weight:600; padding:40px 0 10px 0;}
.sub6_3_list_w .ti.pd_none {padding-top:0;}
.sub6_3_list_w .xi {}
.sub6_3_list_w .list_t_w {padding:20px; border:1px dashed #ccc;}
.sub6_3_list_w .list_t_w > dl {padding:10px 20px; background:#f5f5f5; margin-bottom:15px;}
.sub6_3_list_w .list_t_w > dl.pd_none {margin-bottom:0;}
.sub6_3_list_w .list_t_w > dl > dd {line-height:2.2; font-size:0.938em;}
.sub6_3_list_w .list_t_w .t_num {font-weight:600;}
.sub6_3_list_w .list_t_w .f_num {}
.sub6_3_list_w .list_t_w .name {}
.sub6_3_list_w .list_t_w .add {}
.sub6_3_list_w .list_t_w .xi {border-radius:50%; background:#0c61b5; color:#fff; width:25px; height:25px; line-height:25px; text-align:center; font-size:0.938em; margin-right:8px; vertical-align:middle; }
.sub_q_btn {width:170px;  margin-top:20px;}
/*.sub_q_btn .sub_q_btn_in > a {border-radius:25px;  display:block; width:100%; line-height:40px; background:#db6aa4; color:#fff !important; font-family:notokrM,sans-serif;  text-align:center;
}*/
.sub_q_btn .sub_q_btn_in .xi {display:inline-block; margin-right:3px;}


/* 6_4 */
.sub6_4tb th{text-align:center; }
.sub3_1_img_w_tit {text-align:right; color:#444; font-size:0.875em; padding-top:30px;}
.sub2_01prod_info.st > li .sub3_1_img_w {margin-top:10px;}





/* 7_1 */
.sub7_1area a:link, .sub7_2area a:link, .sub7_3area a:link {color: #3498db; text-decoration: none;}
.sub7_1area a:visited, .sub7_2area a:visited, .sub7_3area a:visited {color: #3498db; text-decoration: none;}
.sub7_1area a:hover, a:active, a:focus, .sub7_2area a:hover, a:active, a:focus, .sub7_3area a:hover, a:active, a:focus {color: #3498db; text-decoration: underline;}

.sub7_1area {background:url(../images/sub/ptn_map_base_global.png) no-repeat, #f9f9f9; background-position-y:20px; background-position-x:50%; height:930px; position:relative; border:1px solid #ddd;}
/*.sub7_1area{background:url(../images/sub/ptn_map_base_global.png) no-repeat, #f9f9f9; background-position-y:54px; background-position-x:331px; height:460px; position:relative; border:1px solid #ddd; }*/
.sub7_1area .boxLabeledMenu.korea {position:absolute; left:669px; top:146px; width:219px;}
.boxLabeledMenu .headerr{background:#3c5d8a; padding:8px 12px;}
.boxLabeledMenu .headerr .heading {color: #fff; display: table; font-size: 14px; text-align: center; width: 100%;}
.boxLabeledMenu .headerr .heading span {display: table-cell;}
.boxLabeledMenu .headerr .heading span.link {vertical-align: middle;}
.boxLabeledMenu .headerr .heading span.icon {width: 28px;}
.boxLabeledMenu .headerr .heading span.link + span.icon {padding-left: 12px;}
.boxLabeledMenu .headerr .heading span.icon + span.icon {padding-left: 3px;}
.boxLabeledMenu .headerr .heading span.icon img {background-color: #fff; height: 28px; width: 28px;}
.boxLabeledMenu .headerr .heading a:link,
.boxLabeledMenu .headerr .heading a:visited {color: #fff; text-decoration: underline;}
.boxLabeledMenu .headerr .heading a:hover {color: #fff;}

.boxBaseMap .legend{margin-left:40px; margin-top:60px;}
.boxBaseMap .legend li {background-image: none; display: table; margin: 0; padding-left: 0; width: 100%;}
.boxBaseMap .legend li + li {margin-top:10px;}
.boxBaseMap .legend li span {display: table-cell;vertical-align: middle;}
.boxBaseMap .legend li span.icon {width: 30px;}
.boxBaseMap .legend li span.icon img {width: 100%;}
.boxBaseMap .legend li span.text {padding-left: 12px; font-family:'notokrM'; color:#333;}

.sub3_1info3_btn .info3_btn {display:inline-block; width:19%; margin:auto;}

.boxLabeledMenu.seoul{position:absolute; top:290px; left:450px; width:240px;}
.boxLabeledMenu.cheonan{position:absolute; top:500px; left:620px; width:260px;}




/* style_y */
.patent_form {}
.patent_form > ul {margin-left:-20px;overflow:hidden;}
.patent_form .patent_box { width:25%; float:left;}
.patent_form .patent_box .patent_box_i {border:1px solid #ddd; border-top:2px solid #cdcdcd; margin:0 0 20px 20px; transition:.3s; cursor:pointer; }
.patent_form .patent_box .patent_box_i .pat_tit {padding:10px ; text-align:center; border-bottom:1px solid #ddd; font-family:notokrM, sans-serif; color:#777; font-size:.938em; transition:.3s; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.patent_form .patent_box .patent_box_i .pat_img {padding:10px; text-align:center;}
.patent_form .patent_box .patent_box_i:hover { border:1px solid #014da1; border-top:2px solid #014da1;}
.patent_form .patent_box .patent_box_i:hover .pat_tit { border-bottom:1px solid #014da1; color:#222;}


/* 7_2 */
.sub7_2area{background:url(../images/sub/ptn_map_base_global2.png) no-repeat, #f9f9f9; background-position-y:54px; background-position-x:331px; height:460px; position:relative; border:1px solid #ddd; }
.boxLabeledMenu.china {position:absolute; left: 345px; top: 229px; width: 258px;}
.boxLabeledMenu.taiwan {position:absolute; left: 667px; top: 214px; width:158px;}
.boxLabeledMenu.southeastasia{position:absolute; left: 467px; top: 303px;}
.boxLabeledMenu.europe{position:absolute; left: 292px; top:47px; width: 207px;}
.boxLabeledMenu.northamerica{position:absolute; left: 954px; top:148px; width: 197px;}
.boxLabeledMenu.korea{position:absolute; left:600px; top:91px; width: 197px;}
.boxLabeledMenu.japan{position:absolute; left:703px; top:153px; width: 197px;}



/* 7_3 */
.sub7_3area{background:url(../images/sub/ptn_map_base_global3.png) no-repeat, #f9f9f9; background-position-y:20px; background-position-x:200px; height:930px; position:relative; border:1px solid #ddd;}

.boxLabeledMenu .contents {background-color: #fff; border-left: 1px solid #3c5d8a; border-right: 1px solid #3c5d8a; font-size: 13px;}
.boxLabeledMenu .contents ul {margin: 0;}
.boxLabeledMenu .contents ul li {background-image: none; border-bottom: 1px solid #3c5d8a; display: table; margin: 0; padding: 0; width: 100%;}
.boxLabeledMenu .contents ul li a {background-image: url("../images/sub/arrow_right_dark_blue.png"); background-position: 0 50%; background-repeat: no-repeat; display: inline-block; padding-left: 15px;}
.boxLabeledMenu .contents ul li span {display: table-cell; padding-bottom: 6px; padding-right: 4px; padding-top: 6px;}
.boxLabeledMenu .contents ul li span.link {padding-left: 10px; vertical-align: middle;}
.boxLabeledMenu .contents ul li span.icon {width: 28px;}
.boxLabeledMenu .contents ul li span.icon img {height: 28px; width: 28px;}
.boxLabeledMenu .contents ul li span.icon.wide {width: 60px;}

.boxLabeledMenu.towakyoto{position:absolute; top:226px; left:350px; width:240px;}
.boxLabeledMenu.towateckyoto{position:absolute; top:387px; left:350px; width:240px;}
.boxLabeledMenu.towatectohoku{position:absolute; top:334px; left:752px; width:240px; }
.boxLabeledMenu.towakanto{position:absolute; top:450px; left:752px; width:240px; }
.boxLabeledMenu.towateckanto{position:absolute; top:542px; left:752px; width:240px; }
.boxLabeledMenu.kanagawa{position:absolute; top:630px; left:752px; width:240px; }
.boxLabeledMenu.bantic{position:absolute; top:750px; left:644px; width:240px; }
.boxLabeledMenu.aichi{position:absolute; top:820px; left:644px; width:240px; }
.boxLabeledMenu.osaka{position:absolute; top:777px; left:110px; width:240px; }
.boxLabeledMenu.towateckyushu{position:absolute; top:505px; left:95px; width:240px; }
.boxLabeledMenu.towakyushu{position:absolute; top:413px; left:95px; width:240px; }


/* 7_1_1 */
.sub7_01prod_info .top_tit{font-size:1.438em; font-family:ns,sans-serif; font-weight:600; margin-bottom:20px; clear:both;}
.sub7_01prod_info .top_tit:after {content:''; display:block; width:30px; height:3px; background:#0c61b5; margin:10px 0 15px 0;}
.sub7_tit{margin-bottom:10px; }
.sub7_01prod_info{overflow:hidden; border:1px solid #ddd; padding:25px; margin-bottom:20px;}
.sub7_01prod_info li{margin-bottom:40px;}
.icon_middle{vertical-align:middle; margin:25px;}
.sub7_01prod_t{ background:#f5f5f5; padding:15px 25px; border-radius:20px 0 20px 0; width:70%; float:left; margin-bottom:20px; min-height:142px}
.sub7_img_w{float:right; }
.sub7_img_w img{ width:225px}
.sub7_01prod_info .t1{margin-bottom:5px;}
.sub7_01prod_info .top_tit2{font-size:1.438em; font-family:ns,sans-serif; font-weight:600; margin-bottom:20px; clear:both; margin-top:30px; }
.sub7_01prod_info .sub7_line{width:100%; height:1px; background:#ddd; display:block; margin-top:30px;}

/* 탭 */
.tab_list{ overflow:hidden; padding:0 0 0 1px;margin-bottom:30px;}
.tab_list > li{ float:left; text-align:center;}
.tab_list *{ transition:0.3s;}
.tab_list.st20 > li{ width:20%;}
.tab_list.st25 > li{ width:25%;}
.tab_list.st33 > li{ width:33.33%;}
.tab_list.st50 > li{ width:50%;}
.tab_list > li .tt{ position:relative; display:block; font-size:1em; font-family:notokrM, sans-serif; color:#222; line-height:46px; border:1px solid #ccc; background:#fff; margin-left:-1px;}
.tab_list > li .tt:after{ content:''; display:block; position:absolute; left:0; bottom:-1px; z-index:inherit; width:100%; height:2px; background:#0c61b5; filter:alpha(opacity=0); opacity:0; transition:0.3s;}
.tab_list > li:hover .tt:after, .tab_list > li .tt.on:after{ /*background:#0c61b5;*/ filter:alpha(opacity=100); opacity:1; transition:0.3s;}
.tab_list > li:hover .tt, .tab_list > li .tt.on{ /*color:#0c61b5;*/ color:#fff; background:#333; }   
.tab_cont{ padding-top:40px;}

.icon_w{padding:10px 0 30px 0; }
.icon_w img{width:20px; height:22px; padding-bottom:-5px;}
.icon_w p{display:table-cell; }
.icon_mg{padding:0 5px; font-weight:600; color:#555;}


/* 8_1 인재채용 */
.sub8_1{margin-top:60px; }
.sub8_1 .top_tt_area{text-align:center;background:url(../images/sub/sub1_6_bg.jpg) no-repeat center center;height:369px;margin-top:-100px;}
.sub8_1top_p {height:100%; white-space:nowrap;}
.top_wh{padding:30px 70px; background:rgba(255,255,255,.7);}
.top_wh i{display:block;line-height:29px;}
.top_wh .box_top{font-size:2em; letter-spacing:-2px;color:#333;}
.top_wh .line{display:block; width:6%;height:3px; background:#0856a1; margin:12px auto;}
.box_bottom{font-size:1.125em;}
.sub8_1 .top_tt_area{background:url(../images/sub/sub8_1bg.jpg) no-repeat center center; height:369px;}
.doc .tab_content{margin-top:40px;}
.doc .tab_content .tt{font-size:1.438em; font-weight:600; margin-bottom:20px; }

.sub8_1 .icon{text-align:center; position:relative; top:15px; }

.sub8_1 .tab_content .process { position:relative; margin:30px 0 50px; overflow:hidden; }
.doc .tab_content .process > li { background:url(../images/sub/imgProcess.png) no-repeat left top; position:relative !important; z-index:1; float:left; box-sizing:r-box; margin:0; padding:22px 0 0; 
width:125px; height:220px; }
.sub8_1 .tab_content .process > li.process_2 { margin-left:66px; background-position:-127px top; }
.sub8_1 .tab_content .process > li.process_3 { margin-left:66px; background-position:-252px top; }
.sub8_1 .tab_content .process > li.process_4 { margin-left:66px; background-position:-378px top; }
.sub8_1 .tab_content .process > li.process_5 { margin-left:66px; background-position:-536px top; }

.sub8_1 .tab_content .process li span { display:block; position:absolute; top:160px; width:120px; text-align:center; color:#333;line-height:1.3; }
.sub8_1 .tab_content .process li span b {color:#0856a1; margin-bottom:3px; display:block;}
.sub8_1 .tab_content .process li:before { content:""; display:block; position:absolute; top:64px; left:-59px; width:37px; height:15px; background:url(../images/sub/imgProcess.png) no-repeat right top; }
.sub8_1 .tab_content .process_detail {margin-top:10px;}
.sub8_1 .tab_content .process_detail > li { overflow:hidden; position:relative; margin-bottom:30px; padding:15px 30px; /*border-top:1px solid #555; *//*border-bottom:1px solid #eee;*/}
.sub8_1 .tab_content .process_detail > li > div { float:left; }
.sub8_1 .tab_content .process_detail > li .process_tit { margin-right:60px; font-size:4.688em; font-weight:600;  color:#eee; padding-left:42px; position:relative; }
.sub8_1 .tab_content .process_detail > li:before{content:""; width:180px; height:1px; background:#555; position:absolute; left:0; top:0;}
.sub8_1 .tab_content .process_detail > li:after{content:""; width: 100%; height:1px; background:#ddd; position:absolute; left:210px; top:0;}
.sub8_1 .tab_content .process_detail > li .process_tit .word { color:#3E1946; font-size:0.240em; letter-spacing:0.5px;  position:absolute; left:0; top:40%; }
.sub8_1 .tab_content .process_detail > li .process_txt { height:90px; display:table; }
.sub8_1 .tab_content .process_detail > li .process_txt .process_tit1{margin-right:10px; font-size:1em; font-weight:600;}
.sub8_1 .tab_content .process_detail > li .process_txt2 .process_tit1{/margin-right:10px; font-size:1em; font-weight:600;}

.sub8_1 .tab_content .process_detail > li .process_txt2 li { position:relative; line-height:1.6;}
.sub8_1 .tab_content .process_detail > li .process_txt p { font-size:1em; line-height:1.5; display:table-cell; margin-top:1em;}

.sub8_1 .tab_content .process_detail.exp li .process_tit { padding-left:0; }
.sub8_1 .tab_content .process_detail.exp li .process_txt { left:105px; }

.ulmg{margin-top:25px;}


/*.process_txt .btn1{background:#005aa6; padding:0.8em 1.5em; color:#fff; cursor:pointer; margin-top:1em; width:40%; text-decoration:none; display:block;}
.xi-download:before{content:"\eb7c"; color:#fff; font-size:1em;}
*/


.trans400{-webkit-transition:all 0.4s; -moz-transition:all 0.4s; -o-transition:all 0.4s; -ms-transition:all 0.4s; transition:all 0.4s;}
.btn1{ padding:0.5em 1.5em 0.5em 1em; background:#fff; text-decoration:none !important; margin-top:1em; border:1px solid #005aa6; }
.btn1 .ib{color:#005aa6;}
.btn1 .xi-download{color:#005aa6; font-size:1em; line-height:1.6; margin-right:3px;}  
.btn1:hover{background:#005aa6; color:#fff; text-decoration:none !important; }
.btn1:hover .xi-download, .btn1:hover p.ib{color:#fff;}
.p_f1{color:#fff;}
.p_f2{color:#003f98;}
.f_bold{font-weight:bold;}






/***********main***********/
.section{ background-repeat:no-repeat; background-position:center top; position:relative}



#main_visual .camera_bar_cont{ height:10px; top:auto !important; bottom:0; border-top:1px solid #000}
#main_visual .camera_prev,
#main_visual .camera_next,
#main_visual .camera_play,
#main_visual .camera_stop{ position:absolute; z-index:999; width:100%; top:61.5%; text-align:center; cursor:pointer}
#main_visual .camera_prev{ margin-left:-120px}
#main_visual .camera_next{ margin-left:120px; }
#main_visual .camera_play,
#main_visual .camera_stop{ display:none !important}
#main_visual .camera_prev span:before,
#main_visual .camera_next span:before,
#main_visual .camera_play span:before,
#main_visual .camera_stop span:before{ font-family:xeicon!important; font-size:1.5em; color:#fff}
#main_visual .camera_prev span:before{ content:"\e93d";}
#main_visual .camera_next span:before{ content:"\e940";}
#main_visual .camera_play span:before{ content:"\ea3e";}
#main_visual .camera_stop span:before{ content:"\ea3b";}
#main_visual .camera_prev:hover,
#main_visual .camera_next:hover,
#main_visual .camera_play:hover,
#main_visual .camera_stop:hover{}

#main_visual .camera_pag_ul{ position:absolute; z-index:999; width:100%; top:63%; text-align:center; font-size:0}
#main_visual .camera_pag_ul > li{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; cursor:pointer; width:60px; height:2px; background:rgba(255,255,255,.5); }
#main_visual .camera_pag_ul > li.cameracurrent{ height:4px; background:#fff}

.main_slogan{ position:absolute; left:50%; top:50%; width:1200px; margin:-180px 0 0 -600px; text-align:center}
.main_slogan > p {color:#fff; text-shadow:1px 1px 2px rgba(0,0,0,.8); width:75%; margin:auto;}
.main_slogan .main_slo_t1 {font-family:notokrB, sans-serif; font-size:3.75em; margin-bottom:40px; letter-spacing:-4px}
.main_slogan .main_slo_t2 {font-family:notokrR, sans-serif; font-size:1.375em; line-height:1.4; letter-spacing:-1px}

.mainNav_wrap{ position:fixed; z-index:999; right:0; bottom:50px}
#mainNav > li *{transition:.3s}
#mainNav > li > a{ display:block; text-align:right}
#mainNav > li > a .line,
#mainNav > li > a .tt{ display:inline-block; *display:inline; zoom:1; vertical-align:middle}
#mainNav > li > a .line{ width:30px; height:5px; background:#fff; margin-left:5px}
#mainNav > li > a .tt{ font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:.813em; opacity:0; line-height:20px}
#mainNav > li:hover > a .line,
#mainNav > li.on > a .line{ width:100px}
#mainNav > li:hover > a .tt,
#mainNav > li.on > a .tt{ opacity:1}

#scrollAni{ position: fixed; left:50%; width:100px; margin-left:-50px; text-align:center; bottom:3em; opacity:1; z-index:100;}
#scrollAni .xi{ vertical-align:middle}
#scrollAni .xi-mouse{font-size:3em; color:#fff; margin-right:-7px}
#scrollAni .xi-scroll{font-size:2em; color:#fff; margin-left:-7px}
#scrollAni .tt{ display:block; color:#fff; font-size:.75em; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif}
#scrollAni.hide{ opacity:0; z-index:-1}

/**/
.section {position:relative;}
.con_box {position:absolute; top:42%; left:0; width:100%; }
.section .sect_tit {position:absolute; top:18%; left:0; text-align:center; width:100%; z-index:999999999;}
.section .sect_tit > p {color:#fff;}
.section .sect_tit .t1 {font-size:2.813em; font-family:notokrB,sans-serif; }
.section .sect_tit .t2 {font-size:1em; font-family:notokrM,sans-serif; margin-top:20px;}
.section .sect_tit .btn {display:block; margin:35px 0; transition:.3s;}
.section .sect_tit .btn:hover {opacity:.75; filter:alpha(opacity:75);}

#section1 .slide{ background-position:center top; background-repeat:no-repeat;position:relative;}
.con1_box {position:absolute; top:42%; left:0; width:100%; }
.con1_box .con1_box_in {width:100%; background:rgba(0,0,0,.8); overflow:hidden;}
.con1_box .txt_wrap {width:60%; float:left; }
.con1_box .img_wrap {width:40%; float:left; position:relative;}
.con1_box .txt_wrap div {padding:50px 0 50px 70px;}
.con1_box .txt_wrap p , .con1_box .txt_wrap a {color:#fff;}
.con1_box .txt_wrap .tit {font-size:2.188em; font-family:notokrB,sans-serif; line-height:1.1}
.con1_box .txt_wrap .txt {font-size:1.125em; font-family:notokrM,sans-serif; margin:22px 0 80px 0; line-height:1.3;}
.con1_box .txt_wrap .btn {width:95px; height:25px; display:inline-block; font-size:.813em; font-family:notokrR,sans-serif; background:url(../images/main/con1_more_bg.png)no-repeat right bottom; background-size:100% auto;} 
.con1_box .txt_wrap .btn .xi {margin-left:5px; font-size:11px;}
.con1_box .img_wrap .con1_img1 {position:absolute; right:90px; bottom:60px;}
.con1_box .img_wrap .con1_img2 { right:35px; bottom:0px;}
/**/
.section .con2_box {overflow:hidden; margin-left:-30px;}
.section .con2_box .con_box0 {width:33.33%; float:left;}
.section .con2_box .con2_box_in {padding:50px 40px; margin-left:30px; box-shadow:1px 1px 3px rgba(0,0,0,.5); height:250px; cursor:pointer; transition:.3s;}
.section .con2_box .con2_box_in > p {color:#fff; transition:.3s;}
.section .con2_box .con2_box_in .t1 {font-size:1.563em; font-family:notokrM,sans-serif; letter-spacing:-1px;}
.section .con2_box .con2_box_in .t2 {font-size:.938em; font-family:notokrR,sans-serif; letter-spacing:-1px; line-height:1.3; margin-top:15px;}

.section .con2_box .con2_box_in.bg001 {background:url(../images/main/con2_bg_01.jpg)no-repeat center center; background-size:100% 100%;}
.section .con2_box .con2_box_in.bg002 {background:url(../images/main/con2_bg_02.jpg)no-repeat center center; background-size:100% 100%;}
.section .con2_box .con2_box_in.bg003 {background:url(../images/main/con2_bg_03.jpg)no-repeat center center; background-size:100% 100%;}

.section .con2_box .con2_box_in:hover {opacity:.9; filter:alpha(opacity:90); }
.section .con2_box .con2_box_in:hover .t1 {color:#888;}
/**/
.section .con3_box .con2_box_in.bg001 {background:url(../images/main/con3_bg_01.jpg)no-repeat center center; background-size:100% 100%;}
.section .con3_box .con2_box_in.bg002 {background:url(../images/main/con3_bg_02.jpg)no-repeat center center; background-size:100% 100%;}
.section .con3_box .con2_box_in.bg003 {background:url(../images/main/con3_bg_03.jpg)no-repeat center center; background-size:100% 100%;}
/**/
#section4 .main_board{ width:100%; overflow:hidden; padding:35px 0; background:rgba(0,0,0,.3); position:relative;}
#section4 .main_board .tit{ width:20%; float:left; font-family:NotokrM, sans-serif; font-size:1.25em;  text-align:Center; color:#fff; cursor:pointer; border-right:1px solid #ddd; box-sizing:border-box; }
#section4 .main_board .tit .xi { font-size:30px; margin-right:8px; vertical-align:middle;}
/*.main_board .tit:hover{filter:alpha(opacity=100);opacity:1;}*/
#section4 .main_board .con{ width:80%; float:left; }
#section4 .main_board_slide { padding:0 50px 0 30px; z-index:inherit}
#section4 .main_board_slide .tt_wrap{ display:block; text-align:left; overflow:hidden}
#section4 .main_board_slide .tt_wrap .tt{ font-size:.938em; color:#fff; float:left; width:88%; line-height:36px; font-family:NotokrM, sans-serif; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
#section4 .main_board_slide .tt_wrap .tt:hover{ text-decoration:underline}
#section4 .main_board_slide .tt_wrap .date{line-height:36px; font-size:.938em; color:rgba(255,255,255,.5); float:right; width:12%; font-family:NotokrR, sans-serif; }
#section4 .main_board_slide .flex-direction-nav{ position:absolute; z-index:inherit; right:0px; top:0px}
#section4 .main_board_slide .flex-direction-nav a{ display:block; font-size:0; line-height:0; width:53px; height:53px; background-repeat:no-repeat; background-position: center center;  filter:alpha(opacity=70);opacity:0.7; border-left:1px solid #666}
#section4 .main_board_slide .flex-direction-nav a.flex-prev{ background-image:url(../images/main/main_board_prev.png); border-bottom:1px solid #666}
#section4 .main_board_slide .flex-direction-nav a.flex-next{ background-image:url(../images/main/main_board_next.png);}
#section4 .main_board_slide .flex-direction-nav a:hover{filter:alpha(opacity=100);opacity:1;}

#section4 .con4_box {margin-top:30px; overflow:hidden; margin-left:-15px}
#section4 .con4_box > li {width:25%; float:left;}
#section4 .con4_box .con4_box_in {margin-left:15px; height:220px;  background-repeat:no-repeat; background-position: center center; text-align:center; transition:.3s; cursor:pointer}
#section4 .con4_box .con4_box_in .con4_box_tt { height:100%; font-size:1.375em; font-family:notokrM,sans-serif; color:#fff; transition:.3s;}

#section4 .con4_box .con4_box_in:hover {opacity:.9; filter:alpha(opacity:90); }
#section4 .con4_box .con4_box_in:hover .con4_box_tt {color:#888;}

#section4 .con4_box .con4_box_in.bg001 {background-image:url(../images/main/con4_bg_01.jpg);}
#section4 .con4_box .con4_box_in.bg002 {background-image:url(../images/main/con4_bg_02.jpg);}
#section4 .con4_box .con4_box_in.bg003 {background-image:url(../images/main/con4_bg_03.jpg);}
#section4 .con4_box .con4_box_in.bg004 {background-image:url(../images/main/con4_bg_04.jpg);}


/**/
.con5_box {overflow:hidden;}
.con5_box > li {width:50%; float:left;}
.con5_box .con5_faq_wrap {margin-right:20px; background:#fff; padding:60px 40px; height:290px}
/* .con5_box .con5_faq_wrap {margin-right:20px; background:#fff; padding:30px 40px; height:290px} */
.con5_box .con5_faq_wrap .tit {font-family:notokrM,sans-serif; font-size:1.563em; margin-bottom:10px;}
.con5_faq_wrap .con5_input {position:relative; border:1px solid #ddd; margin-bottom:5px}
.con5_faq_wrap .con5_input .txt {position:absolute; left:15px; top:11px; font-size:.938em; font-family:notokrR,sans-serif;}
.con5_faq_wrap .con5_input .txt .xi{ font-size:22px; vertical-align:middle; color:#666; margin-right:5px;  }
.con5_faq_wrap .con5_input .txt span {display:inline-block; vertical-align:middle;}
.con5_faq_wrap .input_st{display:inline-block; *display:inline; zoom:1; vertical-align:middle; box-sizing:border-box; border:none; color:#77 !important}
.con5_faq_wrap textarea.input_st {padding:10px 10px 10px 130px !important; width:100%; height:60px !important;}
/*.con5_faq_wrap input.input_st::-webkit-input-placeholder{ font-size:.938em; color:#888}
.con5_faq_wrap input.input_st::-moz-placeholder{ font-size:.938em; color:#888}
.con5_faq_wrap input.input_st::-moz-placeholder{ font-size:.938em; color:#888}
.con5_faq_wrap input.input_st::-ms-input-placeholder{ font-size:.938em; color:#888}*/
.con5_faq_wrap input[type=text].input_st, input[type=tel].input_st,
.con5_faq_wrap input[type=password].input_st{line-height:50px; height:50px; padding:0 20px 0 130px;}
.con5_faq_wrap input[type=file].input_st{ background:none; border:none}

.con5_faq_wrap .con5_btn {margin-top:10px; display:inline-block; width:100%; height:50px; line-height:50px; background:#003f87; border:1px solid #003f87; color:#fff; font-size:1.063em; font-family:notokrM,sans-serif; transition:.3s; }
.con5_faq_wrap .con5_btn:hover {background:#fff; color:#003f87;}

.con5_add_wrap {overflow:hidden;}
.con5_add_wrap > li { width:50%; float:left; }
.con5_add_wrap .con5_add_in { margin-left:20px; background:#fff; border:1px solid #ddd;}
.con5_add_wrap .con5_add_in .con5_add_t {padding:25px 25px 20px 25px; border-bottom:1px solid #ddd;}
.con5_add_wrap .con5_add_in .con5_add_t dt {font-size:1.25em; font-family:notokrM,sans-serif; margin-bottom:10px;}
.con5_add_wrap .con5_add_in .con5_add_t dd { margin-top:10px; }
.con5_add_wrap .con5_add_in .con5_add_t dd .xi { width:30px; height:30px; border-radius:50%; line-height:30px; text-align:center; color:#fff; font-size:20px; background:#878787; vertical-align:middle; margin-right:4px;}
.con5_add_wrap .con5_add_in .con5_add_t dd .tt {font-family:notokrM,sans-serif; letter-spacing:-1px; vertical-align:middle;}
.con5_add_wrap .con5_add_in .con5_add_t .tt_cal .xi {background:#0c4da2;} 
.con5_add_wrap .con5_add_in .con5_add_t .tt_cal .tt {font-size:1.375em; color:#0c4da2;}
.con5_add_wrap .con5_add_in .con5_add_t .tt_fax .tt {font-size:1em; }

.con5_add_wrap.st2 > li {float: unset; width: 100%; margin-bottom: 10px;}
.con5_add_wrap.st2 > li:last-child {margin-bottom: unset;}
.con5_add_wrap.st2 .con5_add_in {display: flex; align-items: center; }
.con5_add_wrap.st2 .con5_add_in .con5_add_t {width: 30%; padding: 20px 20px 15px 20px;}
.con5_add_wrap.st2 .con5_add_in .con5_add_t dt {font-size: 1.125em;}
.con5_add_wrap.st2 .con5_add_in .con5_add_t dd .xi {width: 25px; height: 25px; line-height: 25px; font-size: 15px;}
.con5_add_wrap.st2 .con5_add_in .con5_add_t .tt_cal .tt {font-size: 1.25em;}
.con5_add_wrap.st2 .con5_add_in .con5_add_t .tt_fax .tt {}
.con5_add_wrap.st2 > li .con5_add_map {flex: 1;}

/**/
.root_daum_roughmap {width:100% !important; }
.root_daum_roughmap .wrap_controllers {display:none !important;}
.root_daum_roughmap .cont {display:none;}
/**/
#section5 .con5_faq_wrap {position:relative;}
#section5 .con5_faq_wrap .agree_btn {position:absolute; right:40px; top:60px; display:inline-block; padding:0 10px; line-height:25px; border:1px solid #bbb; background:#bbb; color:#fff; font-family:notokrM,sans-serif; font-size:.813em; border-radius:7px; transition:.3s;}
#section5 .con5_faq_wrap .agree_btn:hover {color:#003f87; border-color:#003f87; background:#fff;}

/* 온라인 문의 개인정보방침 팝업 */
.agree_pop_wrap{padding:50px 25px;}
.agree_pop_wrap .terms_area .terms_box{height:500px; font-size:14px;}
.agree_pop_wrap .cont_check{font-size:15px; }
.agree_pop_wrap .agree_btn{width:250px; height:40px; line-height:40px; border:1px solid #003f87; color:#fff; font-family:'notokrM', sans-serif; transition:3s; display:block; text-align:center; font-size:17px; background:#003f87;
display:block; margin:30px auto; }
.agree_pop_wrap .agree_btn:hover{background:#fff; color:#003f87; cursor:pointer;}





/**/
#footer{position:relative; z-index:1;} 

#footer .f_menu{overflow:hidden;}
#footer .f_menu .l_dv{float:left; width:83%;}
#footer .f_menu .r_dv{float:left; width:17%; position:relative; padding:30px 0 55px;}

#footer .f_menu_bg{background:#2d2d2d;}
#footer .f_menu .l_dv .gnb{overflow:hidden;}
#footer .f_menu .l_dv .gnb > li{position:relative; float:left; width:16.66%; padding:30px 0 55px;}
#footer .f_menu .l_dv .gnb > li::before{content:''; background:#383838; width:1px; height:100%; position:absolute; left:0; top:0;}
#footer .f_menu .l_dv .gnb > li.m_1,
#footer .f_menu .l_dv .gnb > li.m_4,
#footer .f_menu .l_dv .gnb > li.m_guide{display:none;}
#footer .f_menu .l_dv .gnb > li .dp1{color:#fff; font-size:16px; margin:0 25px 25px 20px; display:block; font-family:notokrM;}
#footer .f_menu .l_dv .gnb > li .dp2 li a {color:#bbb; font-size:13px; display:block; margin-bottom:15px; margin-left:20px; font-family:notokrR;}
#footer .f_menu .l_dv .gnb > li .dp2 li a:hover{color:#999!important;}
#footer .f_menu .l_dv .gnb > li .dp3 {display:none}
#footer .f_menu .r_dv::before{content:''; background:#383838; width:1px; height:100%; position:absolute; left:0; top:0;}
#footer .f_menu .r_dv::after{content:''; background:#383838; width:1px; height:100%; position:absolute; right:0; top:0;}
#footer .f_menu .r_dv .family_dv{width:80%; margin:0 auto; border:1px solid #666; position:relative; cursor:pointer;}
#footer .f_menu .r_dv .family_dv:hover{background:#222; border:1px solid #444;}
#footer .f_menu .r_dv .family_dv .family_name{padding:12px 15px; position:relative;}
#footer .f_menu .r_dv .family_dv .family_name> p{color:#fff; font-size:13px; font-family:notokrM; background:url(../images/inc/select_arr_white.png) no-repeat right center;}
#footer .f_menu .r_dv .family_dv ul{position:absolute; left:-1px; top:100%; border:1px solid #555; width:100%; padding:5px 0; display:none; background:#2d2d2d}
#footer .f_menu .r_dv .family_dv ul li a{font-size:13px; color:#fff; padding:6px 15px; display:block; }
#footer .f_menu .r_dv .family_dv ul li a:hover{background:#333;}

#footer .f_menu .r_dv .dv01{text-align:right; margin:10%;}
#footer .f_menu .r_dv .dv01 a{font-size:13px; color:#bbb; display:block; margin-bottom:16px;}
#footer .f_menu .r_dv .dv01 .xi{width:40px; height:40px; border:1px solid #888; line-height:40px; color:#fff; font-size:20px; border-radius:50%; text-align:center; cursor:pointer; transition:0.3s;}
#footer .f_menu .r_dv .dv01 .xi:hover{background:#222; border:1px solid #444;}

#footer .f_info{position:relative; padding:50px 0 50px; background:#2d2d2d; border-top:1px solid #383838;}
#footer .f_info .f_logo{position:absolute; left:0; top:8px;}
#footer .f_info .f_info_txt{padding-left:280px; font-size:0; text-align:left;}
#footer .f_info .f_info_txt li{display:inline-block; *display:inline; zoom:1; margin-right:24px; font-size:14px; color:#bbb; font-family:notokrR; margin-bottom:5px;}
#footer .f_info .f_info_txt li.copy{display:block; color:#777; margin-top:25px; font-size:12px;}

/* sitemap */
.sitemap .gnb{ overflow:hidden; margin-left:-1%;}
.sitemap .gnb > li{ float:left; width:24%; margin-left:1%;}
.sitemap .gnb > li.m_member,
.sitemap .gnb > li.m_mypage,
.sitemap .gnb > li.m_guide{ display:none}
.sitemap .gnb > li .dp1{ display:block; border-top:3px solid #007fc1; border-bottom:1px solid #007fc1; text-align:center; font-size:1.3em; font-weight:600; color:#007fc1; padding:20px 0;}
.sitemap .gnb > li:hover .dp1{ background:#007fc1; color:#fff}
.sitemap .gnb > li .dp2 > li > a{ display:block; border-bottom:1px dotted #999; font-size:87.5%; color:#666; padding:10px 0; text-align:center; font-size:1em;}
.sitemap .gnb > li .dp2 > li > a:hover{ font-weight:bold; color:#007fc1;}
.sitemap .gnb > li.m_1,
.sitemap .gnb > li.m_2,
.sitemap .gnb > li.m_3,
.sitemap .gnb > li.m_4,
.sitemap .gnb > li.m_5{ min-height:410px;}


/*privacy*/

.terms_area{ padding:20px; background:#f7f7f7; border-top:2px solid #333; border-bottom:1px solid #999; font-size:0.875em; color:#555; font-weight:400; line-height:1.6;}
.terms_area .terms_box{ padding:30px; background:#fff; border:1px solid #eee; overflow-y:scroll; height:200px;}
.terms_area .terms_box strong{ color:#111; font-weight:600; font-size:1.153em;}
.terms_area.agree{ padding:15px 20px; border:1px solid #aaa; line-height:1.4;}
.terms_area.agree .tit{ margin-bottom:15px; padding-left:5px; font-size:1.250em; color:#000; font-weight:500; letter-spacing:-1px;}
.terms_area.agree .tit i{ vertical-align:middle;}
.terms_area.agree .tit .xi{ padding-right:5px;}
.terms_area.agree .terms_box{ padding:20px 30px; height:150px; overflow-y:scroll;}
.terms_area.agree .check{ margin-top:10px; text-align:right;}

.sub4_2tb_mg{margin-top:30px; }
.cont_check{text-align:right; padding-top:8px;}



/*이메일무단수집거부*/
.page_email{ letter-spacing:-1px;}
.page_email .line{ margin:30px 0 30px 0; height:1px; background:#ccc;}
.page_email .email_top{ padding:20px 30px; background:#f9f9f9; border:1px solid #ddd; text-align:center; color:#111; font-weight:400; line-height:1.4;}
.page_email .email_con{}
.page_email .email_con .tit{ text-align:center; font-size:1.125em; color:#000;}
.page_email .email_con .con_wrap{ margin-top:40px;}
.page_email .email_con .con_wrap > dt{ margin-bottom:10px;}
.page_email .email_con .con_wrap > dt > span{ display:block; position:relative; padding-top:2px; padding-left:25px; color:#333;}
.page_email .email_con .con_wrap > dt > span:before{ content:"\eb1f"; position:absolute; top:0; left:0; width:20px; font-family:xeicon; font-size:1.250em;}
.page_email .email_con .con_wrap > dd{ margin-left:25px; font-size:0.875em; color:#666; font-weight:400; line-height:1.8;}



/* agree */


.agree_area{ border-top:2px solid #333; border-bottom:1px solid #666; position:relative; /*height:500px; overflow-y:scroll;*/}
.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;}
.agree_area .agree_tt strong{ display:inline-block; *display:inline; zoom:1; font-size:1.308em; font-weight:600; color:#fff; padding:20px 15px 0;}
.agree_area .agree_box{  background-color:#f9f9f9; padding:30px;}
.agree_area .agree_box .txt{ font-weight:600; color:#444; line-height:20px; margin-bottom:15px;}
.agree_area .agree_box .agree_in{ height:140px; padding:30px; border:1px solid #ccc; background:#fff; line-height:18px; overflow-y:scroll;}
.agree_area .agree_box .agree_in p{ line-height:1.4; margin-bottom:10px; color:#555; font-size:0.875em; font-family:notokrR;}
.agree_area .agree_box .agree_in.h_st{ overflow-y:hidden; height:auto;}
.agree_area .agree_box .agree_inp{ margin-top:25px; text-align:right;}
.agree_area .agree_box .agree_inp input,
.agree_area .agree_box .agree_inp label{ vertical-align:middle; cursor:pointer;}
.agree_area .agree_box .agree_inp input{ margin-left:15px;}
.agree_area .agree_box .agree_inp label{ margin-left:8px;}
.agree_area .agree_box .agree_inp label:hover{ color:#3992ed;}

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

.agree_area .agree_box .agree_in .agree_tit{border:1px solid #ccc; padding:20px; background:#f1f1f1; text-align:center;}
.agree_area.st .agree_box .agree_in p{color:#666;  line-height:21px; padding-left:5px;}
.agree_area.st .agree_box .agree_in p >strong{font-size:1.154em; color:#333; margin-left:-5px;}








/*
@media all and (max-width:1023px){
body{font-size:13px;}
.box1{width:96%;}

#header .ham_menu .logo img{width:133px;}
#header .ham_menu .close{top:20px;}

#header .gnb_area .gnb{display:none;}

.sub #contents .lnb_area .gnb .dp2 > li > a{font-size:0.81rem;}

#footer .f_menu_bg{display:none;}
#footer .f_info{padding:25px 0;}
#footer .copy ul li{font-size:12px;}
#footer .f_info .f_logo{position:unset; margin-bottom:15px; display:block;}
#footer .f_info .f_logo img{width:140px;}

#footer .f_info .f_info_txt{padding-left:0;}
}


@media all and (max-width:768px){
body{font-size:10px;}	

#header .gnb_area .right_menu{display:none;}

.sub .doc{padding:40px 80px;}
.sub .lnb_this_bg{text-align:center;}
.sub .navi{position:static; padding-bottom:20px;}
.sub .sub_con .this_page{padding:25px 0 5px 20px;}


#footer .f_bottom{display:none;}
#footer .f_info .f_info_txt li{font-size:10px;}
#footer .f_info .f_info_txt li.copy{font-size:10px; margin-top:10px;}

}
*/