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

body{font-size:16px;}

.box1{ width:100%; max-width:1200px; margin:0 auto; position:relative; }

#header{position:fixed; top:0; left:0; width:100%; z-index:2; background:#fff; border-bottom:1px solid #ccc;}

#header .header_top{background:#0045ac; overflow:hidden;}
#header .header_top .l_dv{float:left; overflow:hidden;}
#header .header_top .l_dv .home{background:#fff; float:left;}
#header .header_top .l_dv .home .xi{color:#002e73; line-height:40px; font-size:1.3em; width:50px; text-align:center;}
#header .header_top .l_dv .fav{background:#002e73; float:left; transition:0.3s;}
#header .header_top .l_dv .fav:hover{background:#0058db;}
#header .header_top .l_dv .fav .xi{color:#fff; line-height:40px; font-size:1.2em; width:50px; text-align:center;}

#header .header_top .r_dv{float:right; background:#0c3788; line-height:40px; width:140px; text-align:center; transition:0.3s; cursor:pointer;}
#header .header_top .r_dv:hover{background:#0058db;}
#header .header_top .r_dv span{font-size:15px; color:#fff; padding-left:35px; background:url(../images/inc/icon_ham.png) no-repeat left center;}

#header .gnb_area{position:relative; z-index:99;  background:#fff; }
#header .gnb_area .logo{position:absolute; left:0; top:15px;}

#header .gnb_area .gnb{float:right; margin-right:2%;}
#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 40px; height:82px; font-family:notokrR; line-height:82px; font-size:1.23em; color:#222; background:url(../images/inc/gnb_icon.jpg) no-repeat left center;}
#header .gnb_area .gnb > li .dp1::before{content:''; position:absolute; bottom:0; left:50%; width:0; height:3px; background:#0045ac; transition:0.3s;}
#header .gnb_area .gnb > li .dp1:hover::before{width:35px;}
#header .gnb_area .gnb > li .dp1::after{content:''; position:absolute; bottom:0; right:50%; width:0; height:3px; background:#0045ac; transition:0.3s;}
#header .gnb_area .gnb > li .dp1:hover::after{width:35px;}

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


#header .gnb_area .gnb > li:hover .dp1{color:#007fc1}
#header .gnb_area .gnb > li .dp1.on {color:#007fc1!important;}

#header .gnb_area .gnb > li:hover .dp2{background:#fff;}
#header .gnb_area .gnb > li.on .dp2{background:#fff!important; }

#header .gnb_area .gnb > li.on .dp2 a{color:#fff!important;}
#header .gnb_area .gnb > li .dp2 a:hover{background:#e4e4e4; color:#222}


#header .gnb_area .gnb .dp2{ position:absolute; left:50%; margin-left:-110px; width:220px; padding:10px 0; background:#fff; text-align:center; border:1px solid #ccc; 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 .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;}

/*all menu*/
#header .ham_menu{background:#fff; display:none; border-top:1px dashed #ccc; width:100%; position:fixed; top:40px; left:0; z-index:100;}
#header .ham_menu .gnb {padding:0 1.5%; overflow:hidden;}
#header .ham_menu .gnb > li{ float:left; width:24%; margin:25px 0.5% 30px 0.5%}
#header .ham_menu .gnb > li .dp1{ display:block; background:#007fc1; text-align:center; line-height:30px; font-weight:600; font-size:16px; color:#fff; border-radius:3px 3px 0 0;}

#header .ham_menu .gnb > li .dp1 .icon{ display:block; background-repeat:no-repeat; background-position:center center; height:70px;}
#header .ham_menu .gnb > li.m_1 .dp1 .icon{ background:url(../images/inc/s_visu1_bg.jpg) no-repeat center center; background-size:180%;}
#header .ham_menu .gnb > li.m_2 .dp1 .icon{ background:url(../images/inc/s_visu2_bg.jpg) no-repeat center center; background-size:180%;}
#header .ham_menu .gnb > li.m_3 .dp1 .icon{ background:url(../images/inc/s_visu3_bg.jpg) no-repeat center center; background-size:180%;}
#header .ham_menu .gnb > li.m_4 .dp1 .icon{ background:url(../images/inc/s_visu4_bg.jpg) no-repeat center center; background-size:180%;}
#header .ham_menu .gnb > li.m_5 .dp1 .icon{ background:url(../images/inc/s_visu5_bg.jpg) no-repeat center center; background-size:180%;}
#header .ham_menu .gnb > li.m_6 .dp1 .icon{ background:url(../images/inc/s_visu6_bg.jpg) no-repeat center center; background-size:180%;}
#header .ham_menu .gnb > li .dp2 > li > a{ display:block; font-size:1em; color:#333; padding:5px 0 3px 0px; position:relative; padding-left:15px;}
#header .ham_menu .gnb > li .dp2 > li > a::before{content:''; position:absolute; left:7px; top:13px; width:4px; height:2px; background:#999; display:inline-block; *display:inline; zoom:1;}
#header .ham_menu .gnb > li .dp2 > li > a::before{background:#333;}


#header .ham_menu .gnb > li .dp2 > li > a:hover{opacity:0.6;}
#header .ham_menu .close{ font-size:17px; font-weight:600; color:#fff; clear:both; background:#333; text-align:center; padding:15px 0; cursor:pointer}
#header .ham_menu .close:hover{background:#555;}
#header .ham_menu .slo1{font-size:1.69em; text-align:center; padding:30px 0 0 0; color:#333;}
#header .ham_menu .slo2{font-size:1.15em; text-align:center; color:#777; margin-top:9px;}

#header .ham_menu .gnb > li.m_guide{display:none;}



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

#contents{margin-top:123px;}

.sub #contents .lnb_area{ width:250px; position:absolute; left:0; top:0; box-shadow:3px 10px 45px rgba(0,0,0,0.3)}
.sub #contents .lnb_area .gnb > li{ display:none}
.sub #contents .lnb_area .lnb_tit{height:153px; background:url(../images/inc/lnb_tit.jpg) no-repeat 0 0;}

.sub #contents .lnb_area .lnb_tit .p1{color:#97b9eb; font-size:16px; padding:51px 0 2px 30px;}
.sub #contents .lnb_area .lnb_tit h2{ z-index:inherit; display:block; font-size:25px; font-weight:600; color:#fff; padding-left:30px; }
.sub #contents .lnb_area .gnb .dp1{ display:none}
.sub #contents .lnb_area .gnb .dp2{padding:20px 24px;}
.sub #contents .lnb_area .gnb .dp2 > li{position:relative; text-align:left; transition:0.3s; padding:15px 0 15px 10px; border-bottom:1px solid #ddd;}
.sub #contents .lnb_area .gnb .dp2 > li::before{content:''; position:absolute; left:0; top:22px; width:3px; height:3px; background:#0045ac;}
.sub #contents .lnb_area .gnb .dp2 > li > a{color:#666; font-size:1em; display:block; text-decoration:none;}

.sub #contents .lnb_area .gnb .dp2 > li:hover{}
.sub #contents .lnb_area .gnb .dp2 > li.on{}
.sub #contents .lnb_area .gnb .dp2 > li.on a{color:#0045ac!important; }

.sub #contents .lnb_area .cs_dv {text-align:center; padding-top:10px; padding-bottom: 30px;}
.sub #contents .lnb_area .cs_dv_bot_ti {background:#353535; color:#fff !important; padding:5px 10px; margin-top:20px; font-size:1.125em;}
.sub #contents .lnb_area .cs_dv_bot_ti a{ color:#fff;}
.sub #contents .lnb_area .cs_dv_ti {border-radius:30px; background:#0045ac; width:131px; height:32px; line-height:32px; color:#fff; font-size:1.077em; font-weight:bold; margin:0 50px 20px 50px; }
.sub #contents .lnb_area .cs_dv_tx li + li{ margin-top:8px}
.sub #contents .lnb_area .cs_dv_tx .in_ti {font-weight:600;}
.sub #contents .lnb_area .cs_dv_tx .in_ti1 {font-weight:600; margin-left:-38px;}


.sub #contents .lnb_area .cs_dv_tx .in_tx {margin-left:10px; text-align:left;}

.sub #contents .lnb_area .cs_dv_tx ul li {line-height:1.6; color:#222; font-size:1.125em;}
.sub #contents .lnb_area .xi-document {font-size:1.500em; vertical-align:middle; padding-left:5px;}

a:-webkit-any-link { color: inherit }

/*contents기본배치*/
#contents{ position:relative; z-index:1}
.sub .doc{ padding:50px 0 120px; overflow:hidden; }
.sub .svisu_area{ position:relative; }
.sub .svisu_area .svisual{width:100%; height:219px;}
.sub .svisu_area .visu_sgarea{ text-align:center; position:relative; padding:75px 0 0 0;}
.sub .svisu_area .visu_sgarea .copy1{font-size:1.50em; color:#fff; text-shadow:2px 2px 2px rgba(0,0,0,0.1);}
.sub .svisu_area .visu_sgarea .copy2{font-size:1.375em; color:#fff; text-shadow:2px 2px 2px rgba(0,0,0,0.1); margin-top:10px; font-weight:600;}

.sub .lnb_this_bg{background:#e8e8e8;}

.sub .navi {position:absolute; right:0; top:27px;}
.sub .navi > li{ display:inline-block; *display:inline; zoom:1; font-size:14px; color:#333; font-family:ng, sans-serif;}
.sub .navi i{color:#999;}
.sub .navi .home{color:#333; font-size:14px;}
.sub .navi .this{color:#007fc1;}
 
.sub .sub_con{position:relative; z-index:1; margin-top:45px;}
.sub .sub_con .gnb_area{}
.sub .sub_con .con_area{padding-left:300px; max-width:900px;}

.sub .sub_con .this_page{ font-size:1.6em; padding:25px 0 0 0; font-weight:600;  }


/*main 스타일*/
.main_visu{ position:relative; width:2000px; left:50%; margin:0 0 0 -1000px; top:0; overflow:hidden; z-index:99;} 
.main_visu .slides .slogan_in{ position:absolute; left:0; top:90px; z-index:9;  width:100%; text-align:center;}
.main_visu .slides .slogan_in .slogan { font-size:2.688em; color:#fff; font-weight:600; }
.main_visu .slides .slogan_in .slogan .tt{ display:inline-block; *display:inline; zoom:1; padding:20px 0 15px 0; background:url(../images/main/visu_icon.png) no-repeat right top;}
.main_visu .slides .slogan_in .slogan_2 { color:#fff; font-size:1.375em; font-weight:bold;}

.main_visu .slides{ overflow:hidden}
.main_visu .prod_area .slides li{ width:100%; height:740px;}	
.main_visu .flex-viewport{ overflow:visible !important}
.main_visu .flex-control-nav{position:absolute; bottom:280px; left:50%;  z-index:2;}
.main_visu .flex-control-nav > li{ display:inline-block; *display:inline; zoom:1; vertical-align:bottom; margin-right:6px;}
.main_visu .flex-control-nav > li > a{ display:block; width:10px; height:20px; background:#fff; font-size:0;  transition:all 0.3s; cursor:pointer;}
.main_visu .flex-control-nav > li > a.flex-active{height:45px; background:#0045ac;} 
.main_visu .prod_area{ width:100%; position:relative; height:1032px;}
.main_visu .prod_area .inner{ position:absolute; left:0; bottom:0; z-index:9; width:100%; background:rgba(0,0,0,0.5) url(../images/main/main_bg.jpg) no-repeat left -300px center; overflow:hidden;}
.main_visu .prod_area .inner .area1{ float:left; background:#0c3788; width:30%; padding:34px 0; min-height:196px;}
.main_visu .prod_area .inner .area1 .tit{ font-size:1.375em; font-family:nsR; color:#fff; margin-bottom:5px;}
.main_visu .prod_area .inner .area1 .tit2{ font-size:2.313em; font-family:nsB; color:#fff;}
.main_visu .prod_area .inner .area1 .line{ width:30px; height:2px; background:#fff; margin:20px 0;}
.main_visu .prod_area .inner .area1 .txt{ font-size:0.938em; font-family:notokrR; color:#fff;}
.main_visu .prod_area .inner .area1 .view { background:url(../images/main/view_iconfff.png) no-repeat center right; border-bottom:4px solid #fff; width:120px; margin-top:20px; }
.main_visu .prod_area .inner .area1 .view a { color:#fff; width:120px; padding:7px 0px; display:block; font-family:notokrR; font-size:0.75em; transition:all 0.3s}
.main_visu .prod_area .inner .area1 .view a:hover{ padding:7px 15px;} 
.main_visu .prod_area .inner .area2{ float:left; width:70%; background:url(../images/main/main_area.png) no-repeat left center; height:260px;}
.main_visu .prod_area .inner .area2 .in_ul2{ overflow:hidden;}
.main_visu .prod_area .inner .area2 .in_ul2 li{ float:left; width:33.33%; text-align:center; margin-top:35px;}
.main_visu .prod_area .inner .area2 .in_ul2 li.bg1{ background:url(../images/main/main_icon01.png) no-repeat center center;}
.main_visu .prod_area .inner .area2 .in_ul2 li.bg2{ background:url(../images/main/main_icon03.png) no-repeat center center;}
.main_visu .prod_area .inner .area2 .in_ul2 li.bg3{ background:url(../images/main/main_icon02.png) no-repeat center center;}
.main_visu .prod_area .inner .area2 .in_ul2 li a{ display:block; color:#fff; font-size:1.063em; margin-top:50px; padding-top:70px; border-left:1px solid rgba(255,255,255,0.5);}
.main_visu .prod_area .inner .area2 .in_ul2 li.first a{ border:none;}
.mid_con{ padding:50px 0}
.mid_con .cover_con{ overflow:hidden; margin-left:-40px;}
/* .mid_con .cover_con .con_li{ float:left; width:50%;} */ /* 상담 및 문의 숨김요청 전 */
.mid_con .cover_con .con_li{ width:60%; margin: 0 auto} /* 상담 및 문의 숨김요청 후 */
.mid_con .cover_con .con_li .cont1{ margin-left:40px;}
.mid_con .cover_con .con_li .cont1.noti{ position:relative;}
.mid_con .cover_con .con_li .cont1.noti .title{ color:#111; font-family:nsR; font-size:1.250em;}
.mid_con .cover_con .con_li .cont1.noti .plus{ position:absolute; top:0; right:0; border:1px solid #ccc; background:url(../images/main/m_plus.png) no-repeat center center; width:35px; height:35px;
cursor:pointer; transition:all 0.3s;}
.mid_con .cover_con .con_li .cont1.noti .plus:hover{ border:1px solid #0045ac;}
.mid_con .cover_con .con_li .cont1.noti .txt_line{ margin-top:37px;}
.mid_con .cover_con .con_li .cont1.noti .txt_line .txt_w{ overflow:hidden;}
.mid_con .cover_con .con_li .cont1.noti .txt_line .txt_w p{ padding:12px 0;}
.mid_con .cover_con .con_li .cont1.noti .txt_line .txt_w p.date{ width:20%; border-bottom:1px solid #ccc; text-align:center; font-size:0.938em; color:#888; float:left;}
.mid_con .cover_con .con_li .cont1.noti .txt_line .txt_w p.date .day{ font-size:1.250em; color:#1b3864; display:block; line-height:1.3} 
.mid_con .cover_con .con_li .cont1.noti .txt_line .txt_w p.tit{ width:75%; border-bottom:1px solid #ccc; float:right;} 
.mid_con .cover_con .con_li .cont1.noti .txt_line .txt_w p.tit a{ display:inline-block; font-size:0.938em; color:#666; line-height:2.8; transition:all 0.3s;}
.mid_con .cover_con .con_li .cont1.noti .txt_line .txt_w p.tit a:hover{ color:#0045ac;}

.mid_con .cover_con .con_li .cont1 .bnr1{ border:1px solid #ccc;}
.mid_con .cover_con .con_li .cont1 .bnr1 div.one { background:url(../images/main/customer.jpg) no-repeat center center / cover; height:130px; position:relative; }
.mid_con .cover_con .con_li .cont1 .bnr1 div.one p.tit { background:url(../images/main/customer_icon01.png) no-repeat left; font-size:1.375em; color:#fff; position:absolute; left:140px; top:50px; padding-left:58px; font-weight:bold;}
.mid_con .cover_con .con_li .cont1 .bnr1 div.two{ padding:20px 0; }
.mid_con .cover_con .con_li .cont1 .bnr1 div.two p.txt{ text-align:center; font-size:0.875em; color:#666; font-family:notokrR;}
.mid_con .cover_con .con_li .cont1 .bnr1 div.two p.txt span.title{ font-size:1.063rem; color:#1b3965; display:block; font-weight:bold; margin-bottom:5px;}
.mid_con .cover_con .con_li .cont1 .bnr1 div.two p.txt span.tel{ font-size:1.250em; color:#333; font-weight:bold; display:block; margin-top:21px;}

.mid_con .cover_con .con_li .cont1 .bnr2{ border:1px solid #ccc;}
.mid_con .cover_con .con_li .cont1 .bnr2 div.one { background:url(../images/main/inquiry.jpg) no-repeat center center; height:130px; position:relative; }
.mid_con .cover_con .con_li .cont1 .bnr2 div.one p.tit { background:url(../images/main/inquiry_icon02.png) no-repeat left; font-size:1.375em; color:#fff; position:absolute; left:180px; top:50px; padding-left:50px; font-weight:bold;}
.mid_con .cover_con .con_li .cont1 .bnr2 div.two{ padding:20px 0; }
.mid_con .cover_con .con_li .cont1 .bnr2 div.two p.txt{ text-align:center; font-size:0.875em; color:#666; font-family:notokrR;}
.mid_con .cover_con .con_li .cont1 .bnr2 div.two p.txt span.title{ font-size:1.063rem; color:#1b3965; display:block; font-weight:bold; margin-bottom:5px;}

.mid_con .cover_con .con_li .cont1 .bnr2 div.two p.view a{ font-size:0.75em; color:#666; font-family:nsB; display:block; margin:17px auto 0; border:1px solid #ccc; width:100px; padding:5px 0; text-align:center; transition:all 0.3s; background:url(../images/main/view_icon_bot.png) no-repeat right 8px center;}
.mid_con .cover_con .con_li .cont1 .bnr2 div.two p.view a:hover{ border:1px solid #0045ac; background:#0045ac; color:#fff;}

.main_wrap .bot_gall {width:100%; max-width:1200px; margin:0 auto; margin-bottom:100px; position:relative;}
.main_wrap .bot_gall .gall_in ul {overflow:hidden; margin-left:-20px;}
.main_wrap .bot_gall .gall_in ul li {float:left; width:25%;}
.main_wrap .bot_gall .gall_in .gall_li_in {border:1px solid #ccc; background:#fff; margin-left:20px; padding:10px;} 
.main_wrap .bot_gall .tit { text-align:center; margin-top:10px;}
.main_wrap .bot_gall .gall_ti {font-size:1.250em; font-weight:600; padding-bottom:10px;}
.main_wrap .bot_gall .gall_more {font-size:1.000em; color:#9b9b9b; position:absolute; right:0; top:0;}







/*footer1 up*/
#footer{ position:relative; background:#eeeff0; padding:30px 0; border-top:1px solid #ccc;}
#footer .f_logo{text-align:center; padding-bottom:10px;}
#footer .footerup .left_ul{text-align:center; margin-bottom:30px;}
#footer .footerup .left_ul li{position:relative; display:inline-block; *display:inline; zoom:1; margin: 0 10px;}
#footer .footerup .left_ul li::before{content:''; position:absolute; left:-12px; top:4px; width:1px; height:10px; background:#bbb;}
#footer .footerup .left_ul li:first-child::before{background:none;}
#footer .footerup .left_ul li a{ color:#333; font-size:0.92rem; text-decoration:none;}
#footer .footerup .left_ul li a:hover{color:#007fc1}

#footer .copy ul{ text-align:center;}
#footer .copy ul li{position:relative; display:inline-block; *display:inline; zoom:1; margin:0 10px; font-size:14px; color:#666666; margin-bottom:3px; vertical-align:middle;}
#footer .copy ul li .st1{color:#333; font-weight:600;}
#footer .copy ul li .mg_l{margin-left:31px;}
#footer .copy ul li.br{margin-left:0!important;}
#footer .copy ul .copyright{margin-top:15px; font-size:11px; color:#888686;  display:block;}

/* sitemap */
.sitemap .gnb{ overflow:hidden; margin-left:-2%;}
.sitemap .gnb > li{ float:left; width:18%; margin-left:2%;}
.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 #ccc; border-bottom:1px solid #ccc; text-align:center; font-size:1.3em; font-weight:600; color:#666; padding:20px 0;}
.sitemap .gnb > li:hover .dp1{ background:#f1f1f1; 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:#666;}
.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;}

/*agree & privacy*/
.sub .agree_area{  position:relative; height:500px; overflow-y:scroll;}
.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.308em; font-weight:600; color:#fff; padding:20px 15px 0;}
.sub .agree_area .agree_box{ margin-left:180px; background-color:#f9f9f9; padding:20px;}
.sub .agree_area .agree_box .txt{ font-weight:600; color:#444; line-height:20px; margin-bottom:15px;}
.sub .agree_area .agree_box .agree_in{ height:140px; padding:15px; border:1px solid #ccc; background:#fff; line-height:18px; overflow-y:scroll;}
.sub .agree_area .agree_box .agree_in p{ line-height:18px; margin-bottom:12px;}
.sub .agree_area .agree_box .agree_in.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;}

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







/*------------------------------------------sub----------------------------------------------*/
/*sub1_1*/
.sub1_1 {overflow:hidden;}
.sub1_1 .txt_box {float:left; width:60%; line-height:1.5;}
.sub1_1 .txt_box .tit {font-size:1.375em; padding-bottom:10px;}
.sub1_1 .txt_box .tit .tit_in {color:#0045ac; font-weight:600;}
.sub1_1 .txt_box .tit2 {color:#b9b9b9; font-size:1.125em; position:relative; }
.sub1_1 .txt_box .tit2::before {content:""; position:absolute; background:#0073e2; width:17%; height:1px; top:50px; left:0;}
.sub1_1 .txt_box .txt1 {color:#222222;  margin-top:40px;}
.sub1_1 .txt_box .txt2{color:#222222;  margin-top:20px;}
.sub1_1 .txt_box .txt2 .txt2_in {color:#ff0000; font-weight:600;}

.sub1_1 .txt_box .txt3 {color:#222222; ; margin-top:20px;}
.sub1_1 .txt_box .txt4 {color:#222222; ; margin-top:20px;}
.sub1_1 .txt_box .txt5 {color:#222222; margin-top:20px; color:#575757; }
.sub1_1 .img_box {width:40%; float:right;}

/*sub1_2*/
.sub1_2 .sub1_2_table .tbl_st {border:1px solid #ccc;  margin-bottom:40px; }
.sub1_2 .sub1_2_table .tbl_st thead th {border:1px solid #ddd; border-right:1px solid #ccc;  padding:10px 20px; background:#0045ac; color:#fff; font-weight:normal; text-align:center;}
.sub1_2 .sub1_2_table .tbl_st tbody th {border:1px solid #ddd; border-right:1px solid #ccc; padding:15px 20px; background:#cfcfcf; font-size:1.000em; font-weight:normal; color:#0c254b; text-align:left;}
.sub1_2 .sub1_2_table .tbl_st tbody td {border:1px solid #ddd; border-right:1px solid #ccc; padding:15px 20px; text-align:left;}

.sub1_2 .info_box {position:relative;}
.sub1_2 .info_box .ti  {font-size:1.125em; font-weight:bold; vertical-align:middle;  background:#fff url(../images/temp/sub_icon.png) no-repeat left 5px center; position:absolute; top:-15px; padding:3px 35px; }
.sub1_2 .info_box {border:2px solid rgba(23, 52, 124, 0.3); ; padding:20px 20px; margin-bottom:30px;}
.sub1_2 .info_box .tx {padding-left:36px; line-height:1.9; color:#666; font-size:0.938em; }
.sub1_2 .tit {font-size:1.6em; padding:25px 0; font-weight:600; margin-bottom:30px;}
.sub1_2 .txt_box .tx_bold {font-weight:600; color:#0045ac;}

/*sub1_3*/
.sub1_3 .txt {margin-top:30px; line-height:1.8; border-bottom:1px solid #ccc; padding-bottom:20px; font-size:1.250em;}
.sub1_3 .txt .xi {font-size:1.250em; padding-right:10px;  line-height:1.3;}
.sub1_3 .txt .txt_in {color:#666;}


/*sub2_1 손해사정사란*/
.sub2_1 .txt_box {position:relative;}
.sub2_1 .txt_box .ti  {font-size:1.125em; font-weight:bold; vertical-align:middle;  background:#fff url(../images/temp/sub_icon.png) no-repeat left 5px center; position:absolute; top:-15px; padding:3px 35px; }
.sub2_1 .txt_box {border:2px solid rgba(23, 52, 124, 0.3); ; padding:20px 20px;}
.sub2_1 .txt_box .tx {padding-left:36px; line-height:1.9; color:#393939; }
.sub2_1 .txt_box2 {position:relative; margin:30px 0;}
.sub2_1 .txt_box2 .ti  {font-size:1.125em; font-weight:bold; vertical-align:middle;  background:#fff url(../images/temp/sub_icon.png) no-repeat left 5px center; position:absolute; top:-15px; padding:3px 35px; }
.sub2_1 .txt_box2 {border:2px solid rgba(23, 52, 124, 0.3); ; padding:20px 20px;}
.sub2_1 .txt_box2 .tx {padding-left:36px;  line-height:1.9; color:#393939;  }
.sub2_1 .txt_box .tx2 {color:#ff0000; padding-left:36px; font-size:0.938em;}

.sub2_1 .txt_box .ti_in {font-size:0.938em; padding-left:36px; color:#0045ac; font-weight:300; margin:10px 0;}


/*sub2_2 절차*/
.sub2_2 .top {text-align:center;  }
.sub2_2 .top ul li {float:left; width:25%; position:relative; margin-bottom:60px; }
.sub2_2 .top ul li .txt_box { margin-top:15px;}
.sub2_2 .top ul li .txt { color:#4b4b4b; font-size:0.929em; }
.sub2_2 .top ul li .num {color:#fff; background:#0067b3;  position:absolute; width:30px; height:30px; line-height:30px; left:50%; margin-left:-15px; top:-15px; }
.sub2_2icon {position:absolute; right:-5px; top:70px; color:#757577;}



/*sub2_3 필요성*/
.sub2_3 .img_box {margin-bottom:70px;}
.sub2_3 .img_box ul {overflow:hidden; margin-left:-10px; }
.sub2_3 .img_box ul li {float:left; width:25%;  text-align:center;}
.sub2_3 .img_box .li_in {margin-left:19px; position:relative;}
.sub2_3 .img_box .num {color:#fff; background:#0067b3;  position:absolute; width:30px; height:30px; line-height:30px; left:50%; margin-left:-15px;
 bottom:86px;}
.sub2_3 .img_box .ti_txt { border:1px solid #ccc; padding:25px 20px; font-size:0.875em; }
.sub2_3 .txt_box .txt_box_in .box_ti {color:#0045ac; font-weight:600; font-size:1.125em; position:relative; border-top:1px solid #ccc; padding:10px 0;}
.sub2_3 .txt_box .txt_box_in .box_ti::before {content:""; position:absolute; width:10%; height:1px; left:0; top:-1px; background:#0045ac;} 
.sub2_3 .txt_box .box_tx {color:#666;}
.sub2_3 .txt_box .txt_box_in {margin-bottom:30px;}

/*sub3_1*/
.sub3_1 .txt_box {position:relative;}
.sub3_1 .txt_box .tit  { font-weight:bold; vertical-align:middle;  background:#fff url(../images/temp/sub_icon.png) no-repeat left 5px center; position:absolute; top:-15px; padding:3px 35px; }
.sub3_1 .txt_box {border:2px solid rgba(23, 52, 124, 0.3); padding:20px 20px;}
.sub3_1 .txt_box .txt {padding-left:36px; text-indent:-9px; line-height:1.9; color:#393939;  }

.sub3_1 .txt_box2 {position:relative; margin:30px 0;}
.sub3_1 .txt_box2 .tit  {  font-weight:bold;  vertical-align:middle;  background:#fff url(../images/temp/sub_icon.png) no-repeat left 10px center; position:absolute; top:-15px; padding:3px 35px;}
.sub3_1 .txt_box2 {border:2px solid rgba(23, 52, 124, 0.3); ; padding:20px 20px;}
.sub3_1 .txt_box2 .txt {padding-left:36px; text-indent:-9px; line-height:1.9; color:#393939;  }

.sub3_1 .txt_box3 {position:relative; }
.sub3_1 .txt_box3 .tit  { font-weight:bold;  vertical-align:middle;  background:#fff url(../images/temp/sub_icon.png) no-repeat left 10px center; position:absolute; top:-15px; padding:3px 35px;}
.sub3_1 .txt_box3 {border:2px solid rgba(23, 52, 124, 0.3); ; padding:20px 20px;}
.sub3_1 .txt_box3 .txt {padding-left:36px; text-indent:-9px; line-height:1.9; color:#393939;  }

/*sub3_2*/
.sub3_2 .tbl_3_2 thead th {border-right:1px solid #ddd; border-bottom:1px solid #0045ac; background:#0045ac; padding:10px 0; vertical-align:middle; color:#fff;} 
.sub3_2 .tbl_3_2 tbody td {border-right:none; border-bottom:1px solid #ddd; padding:15px 0; vertical-align:middle; text-align:center;}
.sub3_2 .tbl_3_2 tbody .td_back {background:#f9f9f9;}

/*sub4_1*/
.sub4_1 .sub4_1_tbl .tbl_st4 {border-top:1px solid #ccc;}
.sub4_1 .sub4_1_tbl .tbl_st4 th { border-bottom:1px solid #ddd;  font-size:0.938em; font-weight:normal; background:#f9f9f9;color:#666;}
.sub4_1 .sub4_1_tbl .tbl_st4 td {padding:10px; border-bottom:1px solid #ddd; font-size:0.938em; }
.sub4_1 .sub4_1_tbl .tbl_st4 td .inp_w200 {border:1px solid #ddd; }

.sub4_1 .board_btn {text-align:center; padding-top:40px; }
.sub4_1 .board_btn .button_st {background:#0045ac; padding:0 30px; line-height:35px; color:#fff; border:none;}

.sub4_1 .agree_box {border:1px solid #ccc; margin-bottom:30px; background:#f5f5f5; padding:20px 20px;}
.sub4_1 .agree_box .agree_tit {overflow:hidden;}
.sub4_1 .agree_box .agree_tit .agr_ti {font-size:0.929em; color:#777; float:left;}
.sub4_1 .agree_box .agree_tit .agr_check {font-size:0.929em; color:#777; float:right; right:8px;}
.sub4_1 .agree_box .agree_in {border:1px solid #ccc; margin:5px 5px; background:#fff; padding:20px 10px; height:90px; overflow:auto; }
.sub4_1 .agree_box .agree_in p {font-size:0.929em; color:#666;}


/*전화상담*/
.sub4_1 .sub4_1_box {background:#fffff; border:1px solid #ddd;  padding:20px 20px;}
.sub4_1 .txt_box {overflow:hidden;}
.sub4_1 .txt_box .txt_in_box {float:left; width:60%; } 
.sub4_1 .txt_box .txt_in_box p {padding-bottom:10px;}
.sub4_1 .txt_box .txt_in_box .map_fax_mon {padding-left:32px;}
.sub4_1 .txt_box .txt_in_box .map_fax_mon2 {padding-left:32px;}

.sub4_1 .txt_box .xi {font-size:1.500em; padding-right:10px;  line-height:1.3;}
.sub4_1 .img_box {overflow:hidden;}
.sub4_1 .img_box .call_img {float:right; width:40%;}


/*------------------------------------------반응형----------------------------------------------*/
@media all and (max-width:1023px){
	
.box1{ width:96%; }

#header .gnb_area .gnb > li .dp1{padding:0 20px;}
#header .gnb_area .gnb .dp2 > li > a {font-size:13px;}

#footer .copy ul li{font-size:15px;}

.sub .sub_con{ margin-top:15px;}
.sub #contents .lnb_area .gnb .dp2 > li > a{font-size:0.87rem;}
.sub #contents .lnb_area {display:none;}
.sub .sub_con .this_page {padding:0; text-align:center; padding-bottom:14px;}
.sub .svisu_area .svisual {height:174px;}
.sub .navi {text-align:center; border-bottom:1px solid #ccc; padding-bottom:10px; top:inherit; right:inherit; position:relative;}
.sub .sub_con .con_area {padding-left:0px; max-width:100%;}

/*main*/
.main_visu {width:100%; left:0; margin:0;}


/****************sub*******************/
/*sub1_1*/
.sub1_1 .txt_box {width:59%; line-height:1.3;} 
.sub1_1 .txt_box .txt1 {font-size:1.000em;}
.sub1_1 .txt_box .txt2 {font-size:1.000em;}
.sub1_1 .txt_box .txt3 {font-size:1.000em;}
.sub1_1 .txt_box .txt4 {font-size:1.000em;}
.sub1_1 .txt_box .txt5 {font-size:1.000em;}

/*sub1_2*/
.sub1_2 .info_box .tx {0.938em}
.sub1_2 .sub1_2_table .tbl_st tbody th {0.938em}
.sub1_2 .sub1_2_table .tbl_st tbody td {0.938em}
.sub1_2 .tit {margin-bottom:}


/*sub2_2*/
.sub2_1 {font-size:16px;}
.sub2_2 .top ul li .txt {font-size:14px;}



/*sub2_3*/
.sub2_3 .img_box .ti_txt {font-size:inherit;}
.sub2_3 .txt_box .box_tx {font-size:16px; line-height:1.5;}


/*sub4_1*/
.sub4_1 .txt_box .xi {font-size:1.9em;}






}


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

.sub .doc {padding:14px 0 120px;}

#header{height:63px;}
#header .gnb_area .gnb{display:none;}
#header .header_top{display:none;}
#header .gnb_area .logo{top:10px;}
#header .gnb_area .logo img{width:200px; padding:8px 0 0 4px;}

.mobile_menu{display:block;}

#footer .footerup .left_ul{display:none;}
#footer .copy ul li{font-size:14px;}

#contents{margin-top:63px;}

.sub #contents .lnb_area {display:none;}	
.sub #contents .lnb_area .gnb li .dp2 > li{width:50%; height:35px; border-bottom:1px solid #749ab5;}
.sub #contents .lnb_area .gnb li.m_6 .dp2 > li{width:50%;}
.sub #contents .lnb_area .gnb li.m_3 .dp2 > li{width:50%;}
.sub #contents .lnb_area .gnb .dp2 > li > a{font-size:10px; padding-top:11px;}

.sub .svisu_area .visu_sgarea{ padding-top:50px;}
.sub .svisu_area .visu_sgarea .copy2 { width:80%; margin:0 auto; line-height:1.4;}



.sub #contents .lnb_area{margin-top:0;}

.sub .navi{right:inherit; left:4px; top:0; font-size:0.938em; text-align:left;}

.sub .svisu_area .svisual{height:130px!important;}
.sub .agree_area {border-bottom:1px solid #0045ac; border-top:1px solid #0045ac; height:100px;}
.sub .st.agree_area .agree_box {padding:20px 10px;}
.sub .st.agree_area .agree_box .agree_in p {font-size:1.000em; line-height:1.7;}
.sub .st.agree_area .agree_box .agree_in{padding:0;}

.sub .sub_con .this_page  {text-align:left;}
	

.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:210px;}
.sitemap .gnb > li {width:48%;}
.sitemap .gnb > li .dp1 {font-size:1.375em;}

/*sub1_1*/
.sub1_1 .img_box {display:none;}
.sub1_1 .txt_box {float:none; width:100%;}

/*sub1_2*/
.sub1_2 .sub1_2_table .tbl_st {margin-bottom:0;}
.sub1_2 .tit {margin-bottom:5px;}

/*sub2_1*/
.sub2_1 .txt_box {padding:10px 8px;}
.sub2_1 .txt_box .ti {top:-15px; padding:7px 31px; font-size:0.75em;}
.sub2_1 .txt_box .tx {font-size:0.75em;}
.sub2_1 .txt_box2{padding:10px 8px;}
.sub2_1 .txt_box2 .ti {font-size:0.75em;}
.sub2_1 .txt_box2 .tx {font-size:0.75em;}
.sub2_1 .txt_box .tx2 {font-size:0.75em;}
.sub2_1 .txt_box .ti_in {font-size:0.75em;}

/*sub2_2*/
.sub2_2 {padding-top:30px;}
.sub2_2 .top ul{ margin-left:00px}
.sub2_2 .top ul li { float:none; width:100%; padding-left:0px; padding-left:0;}
.sub2_2 .top ul li .bg1{ background:#f1f1f1;}
.sub2_2 .top ul li .txt_box p{ display:inline;}
.sub2_2icon { display:none;}


/*2_3*/
.sub2_3 .img_box ul li{ width:50%;}
.sub2_3 .img_box ul{ margin-left:-10px; margin-top:-10px;}
.sub2_3 .img_box .li_in{ margin-left:10px; margin-top:10px;}
.sub2_3 .img_box .li_in .img{ height:130px; overflow:hidden;}
.sub2_3 .img_box .num{ bottom:60px;}

/*sub3_1*/
.sub3_1 .txt_box {padding:20px 13px; }
.sub3_1 .txt_box .tit {top:-15px; padding:7px 31px; }
.sub3_1 .txt_box .txt {font-size:0.75em;}
.sub3_1 .txt_box2 {padding:10px 20px;}
.sub3_1 .txt_box2 .txt {font-size:0.75em;}
.sub3_1 .txt_box3 .txt {font-size:0.75em;}


/*main*/
.main_visu .slides .slogan_in{ top:70px;}
.main_visu .slides .slogan_in .slogan_2{ font-size:1.5em; line-height:1.6; width:80%; margin:0 auto;}

.main_visu .slides li{ height:600px !important;}
.main_visu .prod_area{ height:600px !important;}
.main_visu .prod_area .inner{ left:inherit; margin-left:0; background:rgba(0,0,0,0.5);}
.main_visu .prod_area .inner .box1{ width:100%;}
.main_visu .prod_area .inner .area1{ float:none; padding:20px 0; min-height:inherit; text-align:center; width:100%;}
.main_visu .prod_area .inner .area1 .line{ margin:20px auto;}
.main_visu .prod_area .inner .area1 .view{ margin:10px auto 0; border-bottom:2px solid #fff;}
.main_visu .prod_area .inner .area1 .view a{ text-align:left;}
.main_visu .prod_area .inner .area2{ float:none; height:160px; margin:0 auto; width:100%; background:rgba(0,0,0,0.5);}
.main_visu .prod_area .inner .area2 .in_ul2 li{ margin-top:20px;}
.main_visu .prod_area .inner .area2 .in_ul2 li a{ padding-top:0px;}
.main_visu .prod_area .inner .area2 .in_ul2 li.bg1{ background-size:50px;}
.main_visu .prod_area .inner .area2 .in_ul2 li.bg2{ background-size:50px;}
.main_visu .prod_area .inner .area2 .in_ul2 li p{padding-top:30px;}

.mid_con{ padding:10px 0 30px;}
.mid_con .cover_con{ margin-left:0px;}
.mid_con .cover_con .con_li{ float:none; width:100%; }
.mid_con .cover_con .con_li .cont1{ margin-left:0; margin-top:20px;}
.mid_con .cover_con .con_li .cont1 .bnr1 div.one p.tit{ padding:20px 0 20px 50px; top:35px; left:50%; margin-left:-100px;}
.mid_con .cover_con .con_li .cont1 .bnr2 div.one p.tit{ padding:20px 0 20px 40px; top:35px; left:50%; margin-left:-65px;}

.main_wrap .bot_gall{ margin-bottom:40px;}
.main_wrap .bot_gall .gall_in ul{ margin-left:-15px; margin-top:-15px;}
.main_wrap .bot_gall .gall_in ul li{ width:50%;}
.main_wrap .bot_gall .gall_in .gall_li_in{ margin-top:15px; margin-left:15px;}
.main_wrap .bot_gall .tit{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:70%; margin:0 auto; margin-left:20%; text-align:center; margin-top:10px;}

#footer{ padding:20px 0;}
#footer .f_logo{ margin-bottom:10px;}
#footer .f_logo img{ width:200px;}
#footer .copy ul li{ font-size:12px; line-height:1.6; margin-bottom:0;}



}