@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:#007fc1; 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:#007fc1; line-height:40px; font-size:1.3em; width:50px; text-align:center;}
#header .header_top .l_dv .fav{background:#005590; float:left; transition:0.3s; cursor:pointer;}
#header .header_top .l_dv .fav:hover{background:#309eeb;}
#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:#005590; line-height:40px; width:140px; text-align:center; transition:0.3s; cursor:pointer;}
#header .header_top .r_dv:hover{background:#309eeb;}
#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 32px; height:82px; line-height:82px; font-size:1.15em; color:#222; background:url(../images/inc/gnb_icon.jpg) no-repeat left center;}
#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:15.5%; margin:25px 0 30px 1%;}
#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.m_1 .dp1{background:#00e4b7}
#header .ham_menu .gnb > li.m_2 .dp1{background:#00cfbe}
#header .ham_menu .gnb > li.m_3 .dp1{background:#00b7c8}
#header .ham_menu .gnb > li.m_4 .dp1{background:#00a2d0}
#header .ham_menu .gnb > li.m_5 .dp1{background:#0087da}
#header .ham_menu .gnb > li.m_6 .dp1{background:#007fc1;}


#header .ham_menu .gnb > li .dp2{border:1px solid #bbb; padding:10px 5px; min-height:200px; background:#f7f7f7; border-top:0;}
#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:hover{}

#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; margin-top:10px;}
#header .ham_menu .close:hover{background:#555;}
#header .ham_menu .slo1{font-size:1.69em; text-align:center; padding:40px 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:100%; margin-top:-50px;}
.sub #contents .lnb_area .gnb {}
.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; background:rgba(9, 77, 126, 0.8);}
.sub #contents .lnb_area .gnb .dp2 > li{position:relative; display:inline-block; *display:inline; zoom:1; width:20%; height:50px; text-align:center; transition:0.3s;}

.sub #contents .lnb_area .gnb li.m_3 .dp2 > li{width:25%;}
.sub #contents .lnb_area .gnb li.m_6 .dp2 > li{width:16.66%;}

.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 > a{color:#fff; font-size:1.07rem; display:block; padding-top:15px; text-decoration:none;}

.sub #contents .lnb_area .gnb .dp2 > li:hover{background:rgba(9, 77, 126, 0.6);}
.sub #contents .lnb_area .gnb .dp2 > li.on{background:#e8e8e8;}
.sub #contents .lnb_area .gnb .dp2 > li.on a{color:#007fc1!important; font-weight:600; }


/*contents기본배치*/
#contents{ position:relative; z-index:1}
.sub .doc{ padding:30px 0 130px; overflow:hidden; }
.sub .svisu_area{ height:280px; width:100%; position:relative; }
.sub .svisu_area .visu_sgarea{ text-align:left; position:relative; padding:94px 0 0 20px;}
.sub .svisu_area .visu_sgarea .copy1{font-size:1.92em; color:#fff; text-shadow:2px 2px 2px rgba(0,0,0,0.1);}
.sub .svisu_area .visu_sgarea .copy1 .st1{font-size:1em; color:#ffd000; font-weight:600;}
.sub .svisu_area .visu_sgarea .copy2{margin-top:10px;}
.sub .svisu_area .visu_sgarea .copy2 li{color:#fff; font-size:1.07em;  padding-left:8px; position:relative; margin-bottom:3px; text-shadow:2px 2px 2px rgba(0,0,0,0.1);} 
.sub .svisu_area .visu_sgarea .copy2 li:before{content:''; position:absolute; left:0; top:10px; width:3px; height:3px; background:#007fc1;}

.sub .lnb_this_bg{background:#e8e8e8;}

.sub .navi {position:absolute; right:20px; top:33px;}
.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; }
.sub .sub_con .gnb_area{}
.sub .sub_con .con_area{width:100%;}

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


/*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:23%; 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 #007fc1; border-bottom:1px solid #007fc1; text-align:center; font-size:1.125em; font-weight:600; color:#007fc1; padding:15px 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:320px;}

/*agree & privacy*/
.sub .agree_area{ border:1px solid #ccc; border-top:2px solid #007fc1; 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 .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:20px;}
.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; padding-left:5px; font-size:0.875em; line-height:1.6;}
.sub .agree_area.st .agree_box .agree_in p >strong{font-size:1.154em; color:#333; margin-left:-5px;}


/*온라인문의 동의*/
.agree_wrap2{ background:#f5f5f5; padding:20px 20px 30px 20px; margin-bottom:20px;}
.agree_wrap2.fin{ padding-top:40px; padding-bottom:80px}
.agree_wrap2 .agree{ margin-top:20px; padding-top:20px; border-top:1px solid #ccc}
.agree_wrap2 .agree:first-child{ margin-top:0; padding-top:0; border-top:none}
.agree_wrap2 .agree .agree_tit .tit{ font-size:1.25em; color:#777; line-height:25px; margin-bottom:10px;}
.agree_wrap2 .agree .agree_tit .tit .agreeCheck{ display:inline-block; margin-right:10px;}

.agree_wrap2 .agree .agree_tit .tit2{ font-size:0.875em; color:333; line-height:25px; margin-top:10px; font-weight:600;}
.agree_wrap2 .agree .agree_tit .tit2 .agreeCheck{ display:inline-block; margin-right:10px; font-weight:600;}
.agree_wrap2 .agree.on .agree_tit .tit2{ color:#111}

.agree_wrap2 .agree .agree_con{ background:#fff; border:1px solid #ddd; padding:20px; margin-top:10px; height:100px; font-size:.875em; color:#666; line-height:1.6; overflow:auto}




  /***********************************************************************************************************************************************/
 /*subpage***************************************************************************************************************************************/	
/***********************************************************************************************************************************************/



/*공통*/
.page_tit{ font-size:1.25em; font-weight:600; color:#333; background:url(../images/inc/tit_bg.png) no-repeat left top 7px; padding-left:25px; margin:0 0 10px 0;}
.page_tit2{ font-size:1.25em; font-weight:600; color:#333; background:url(../images/inc/tit_bg.png) no-repeat left top 7px; padding-left:25px; margin:50px 0 10px 0;}



/*1_1 인사말*/
.greet_tit{ overflow:hidden; border-bottom:1px solid #ccc; padding-bottom:15px;}
.greet_tit .big_t{ float:left; width:36%; font-size:3.5em; color:#007fc1; font-weight:600; line-height:1;}
.greet_tit .line{ float:left; width:5px; height:45px; background:#999; margin-top:10px; margin-right:20px;}
.greet_tit .small_t{ float:left; width:45%; font-size:1.3em; color:#777; line-height:1.4;}
.greet_tit .small_t span{ color:#444;}
.greet_txt{ margin-top:30px; overflow:hidden;}
.greet_txt .first_txt{ font-size:1.3em; margin-bottom:20px; line-height:1.6; color:#666;}
.greet_txt .first_txt span{ color:#333;}
.greet_txt .in_greet{ float:right; width:60%;}
.greet_txt .in_greet .in_txt{ margin-top:30px; font-size:1em; color:#666; line-height:1.6;}
.greet_txt .in_greet .in_txt span{ color:#007fc1;}
.greet_txt .in_greet .last_txt{ margin-top:50px; font-size:1.375em; color:#111;}
.greet_txt .greet_img{ float:left; width:36%;}
.greet_txt .greet_img .name{ text-align:center; font-size:1.25em; color:#333; margin-top:15px;}
.greet_txt .greet_img .name span{ font-size:1.375em; margin-left:5px; font-family:batang; font-weight:bold;}


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

.doc_history {background:url(../images/inc/history_bg.png)no-repeat right top 80px;}
.history_t_box{ position:relative;}
.history_t_box .line{ position:absolute; width:50px; height:35px; background:url(../images/sub1/history_line.png) no-repeat center center; top:50px; right:50%; margin-right:-205px;}
.history_t_box .his_tit2 {font-family:"Times New Roman", Times, serif; font-size:2.5em; text-align:center; color:#777;}
.history_t_box .his_tit1{ font-size:1em; text-align:center; color:#333; line-height:1.5; border:1px solid #ccc; width:40%; border-radius:50px; background:#f2f2f2 ; margin:20px auto; padding:10px 0; }
.history_t_box .his_tit1 span{ font-size:1.25em; color:#019c72; font-family:notokrM;}



/*1_5 오시는길*/
.root_daum_roughmap {width:100% !important; padding:0 !important; border:none !important}




/*2_1 사업영역*/
.link_prod .bn{ margin:-15px 0 0 -15px; overflow:hidden;}
.link_prod .bn > li{ float:left; width:25%; }
.link_prod .bn > li .inner { margin:15px 0 0 15px; cursor:pointer; cursor:pointer; position:relative; background-repeat:no-repeat; background-position:left top; transition:.4s; }
.link_prod .bn > li .bg { position:absolute; z-index:inherit; top:0; left:0; width:100%; height:100%; background:#000; filter:alpha(opacity=45); opacity:0.45; transition:.4s;}
.link_prod .bn > li .tt { position:absolute; z-index:inherit; top:0; left:0; width:100%; height:289px; text-align:center; transition:.4s;}
.link_prod .bn > li .tt1 { display:block;}
.link_prod .bn > li .p_name1{ width:100%; height:100%; text-align:center; position:absolute; filter:alpha(opacity=100); opacity:1; transition:.4s;}
.link_prod .bn > li .p_name1 span{ color:#fff; font-size:1.25em; font-weight:600; text-shadow:1px 1px 1px rgba(0,0,0,0.5);}

.link_prod .bn > li .tt2 { box-sizing:border-box; padding:60px 30px 50px 30px; filter:alpha(opacity=0); opacity:0; top:20px; text-align:left; }
.link_prod .bn > li .tt2 .title { font-size:1.5em; color:#fff; letter-spacing:-0.5px; display:block; margin-bottom:30px; }
.link_prod .bn > li .tt2 .txt { font-size:0.938em; color:#fff; line-height:1.4; height:85px; display:block; overflow:hidden; }
.link_prod .bn > li .tt2 .arr { display:block; font-size:10px; color:#fff; width:55px; height:17px; background:url(../images/sub/more_arr.png) no-repeat bottom; margin-top:30px; }
.link_prod .bn > li:hover { background-position:right top;}
.link_prod .bn > li:hover .p_name1{ filter:alpha(opacity=0); opacity:0;}
.link_prod .bn > li:hover .bg { background:#005590; filter:alpha(opacity=85); opacity:0.85;}
.link_prod .bn > li:hover .tt2 { filter:alpha(opacity=100);opacity:1; top:-10px;}

.process_wrap { }
.process_wrap .proc_list { margin:-40px -50px 0 0; overflow:hidden; }
.process_wrap .proc_list .proc { float:left; width:33.33%;}
.process_wrap .proc_list .proc.w4 { float:left; width:25%;}
.process_wrap .proc_list .proc .inner { margin:40px 50px 0 0; position:relative; }
.process_wrap .proc_list .proc .inner .img{ border:1px solid #ccc; overflow:hidden;}
.process_wrap .proc_list .proc .inner .tt { padding:12px 0; border-bottom:1px dashed #bbb; }
.process_wrap .proc_list .proc .inner .tt .step { display:inline-block; font-size:0.75em; color:#fff; background:#10a3d5; padding:3px 10px; border-radius:5px; margin-right:8px; vertical-align:middle; }
.process_wrap .proc_list .proc .inner .eraser { position:absolute; left:0; top:156px; width:135px; background:#f7f7f7; border:1px solid #ccc; padding:10px 0 7px; box-sizing:border-box; text-align:center; }
.process_wrap .proc_list .proc .inner .eraser img { height:45px; }
.process_wrap .proc_list .proc .inner .eraser span { font-size:0.813em; display:inline-block; width:100%; margin-top:5px; }

.prod_1{ margin-top:50px;}
.prod_wrap{border:1px solid #ddd; background:#fff; margin-top:30px; transition:.3s;} 
.prod_wrap:hover{border:1px solid #999;}
.prod_wrap .txt_wrap{ float:right; width:60%;}
.prod_wrap .txt_wrap p.title1{ padding:3% 0 0 0; font-family:'ns', sans-serif; font-size:1.625em; color:#333; font-weight:600; line-height:1.2;}
.prod_wrap .txt_wrap p.line{ width:100px; height:3px; background:#000489; margin:15px 0; position:relative;}
.prod_wrap .txt_wrap p .line2{ width:30px; height:3px; background:#bb2025; position:absolute; right:0; top:0;}

.prod_wrap .txt_wrap .sub_sp{ padding-right:30px; overflow:hidden;}
.prod_wrap .txt_wrap .sub_sp .info li.tt{line-height:1.8; font-family:'notokrR', sans-serif; font-size:.938em; color:#005590; letter-spacing:-0.5px;}
.prod_wrap .txt_wrap .sub_sp .info li.tt .xi{ line-height:1; margin-right:5px;}
.prod_wrap .txt_wrap .sub_sp .info li.tt1{line-height:1.8; font-family:'notokrR', sans-serif; font-size:.938em; color:#777; letter-spacing:-0.5px; margin-left:7px; 
background:url(../images/inc/li_tit2.jpg) no-repeat left center; padding-left:8px;}

.prod_wrap .img_wrap{ float:left; width:40%; text-align:center; position:relative;}
.prod_wrap .img_wrap .img_big{ width:85%;}
.prod_wrap .img_wrap .img_big > a{ display:block; position:relative;}
.prod_wrap .img_wrap .img_big > a .bg{ position:absolute; top:0; left:0; width:100%; height:100%; background:#000; filter:alpha(opacity=15); opacity:0.15; transition:.3s;}


/*3_1*/
.sub_c1{ position:relative;}
.sub_c1 .in_con1{}
.sub_c1 .in_con1 .img1{ display:inline-block; border:1px solid #ccc; padding:10px 20px 0 20px;}
.sub_c1 .in_con2{ position:absolute; width:40%; padding:50px 50px; border:1px solid #ddd; background:rgba(242,242,242,0.9); box-shadow:10px 10px 0px rgba(0,0,0,0.2); top:100px; right:10px;}
.sub_c1 .in_con2 .line{ width:100px; height:2px; background:#000489; margin-bottom:5px; position:relative;}
.sub_c1 .in_con2 .line span.line2{ width:30px; height:2px; background:#bb2025; position:absolute; right:0; top:0;}
.sub_c1 .in_con2 .txt1{ font-size:0.875em; color:#666; line-height:1.6;}
.sub_c1 .in_con2 .txt1 span{ font-size:1.5em; font-weight:600; color:#ff6b00;}

.sub_c2 .ul_c{ overflow:hidden;}
.sub_c2 .ul_c .li_c1{ float:left; width:35%;}
.sub_c2 .ul_c .li_c1 .in_con{ border:1px solid #ccc; text-align:center;}

.sub_c2 .ul_c .li_c2{ float:left; width:65%;}
.sub_c2 .in_ul1{ overflow:hidden; margin-left:30px;}
.sub_c2 .in_li1{ float:left; width:50%; height:156px;}
.sub_c2 .in_li1 .in_con{ text-align:center; height:100%; padding:0 20px;}
.sub_c2 .in_li1 .in_con .txt1{ color:#666; font-weight:600; font-size:1em; line-height:1.6;}
.sub_c2 .in_li1 .in_con .txt1 span.line{ display:block; width:250px; height:1px; background:#999; margin:10px auto;}
.sub_c2 .in_li1 .in_con .txt1 span.blo{ display:block; font-size:1.5em; color:#005590;}
.sub_c2 .in_li1 .in_con.bg1{ background:rgba(0, 0, 0, 0.2);}
.sub_c2 .in_li1 .in_con.bg2{ background:rgba(0, 0, 0, 0.1);}
.sub_c2 .in_li1 .in_con.bg3{ background:rgba(0, 0, 0, 0.1);}
.sub_c2 .in_li1 .in_con.bg4{ background:rgba(0, 0, 0, 0.2);}





.txt_w1{ border:1px solid #ccc; padding:30px; background:#f8f8f8;}
.txt_w1 .tit1{ color:#333; background:url(../images/inc/lnb_arrow_on.png) no-repeat left 7px; padding-left:15px; line-height:1.4;} 
.txt_w1 .tit2{ color:#333; background:url(../images/inc/lnb_arrow_on.png) no-repeat left 7px; padding-left:15px; margin-top:20px; line-height:1.4;} 
.txt_w1 .tit1 span.ora{ font-weight:600; color:#ff6b00;}
.txt_w1 .tit1 span.blue{ font-weight:600; color:#007fc1;}
.txt_w1 .tit2 span.ora{ font-weight:600; color:#ff6b00;}
.txt_w1 .tit2 span.blue{ font-weight:600; color:#007fc1;}
.txt_w1 .txt1{ font-size:1em; color:#333; line-height:1.6;}
.txt_w1 .txt1 span.ora{ font-size:1.375em; font-weight:600; color:#ff6b00;}
.txt_w1 .txt1 span.blue{ font-weight:600; color:#007fc1;}

.txt_w1 .in_ul .li_t{ font-size:0.875em; color:#333; line-height:1.6em; background:url(../images/inc/li_tit.jpg) no-repeat left 11px; padding-left:10px; margin-top:15px; }
.txt_w1 .in_ul .li_t:first-child{ margin-top:0;}

.txt_w1 .in_ul2{ margin-left:15px;}
.txt_w1 .in_ul2 .li_t{ font-size:0.875em; color:#333; line-height:1.6em; background:url(../images/inc/li_tit.jpg) no-repeat left 11px; padding-left:10px; margin-top:5px; }

.txt_w1 .in_ul3{}
.txt_w1 .in_ul3 .li_t3{ line-height:1.6em; margin-top:5px; }

.sub_c3 .img_ul{ overflow:hidden; margin:0 0 0 -20px;}
.sub_c3 .img_ul .img_li{ float:left; width:50%;}
.sub_c3 .img_ul .img_li.wid1{ width:60%;}
.sub_c3 .img_ul .img_li.wid2{ width:40%;}
.sub_c3 .img_ul .img_li .in_img{ border:1px solid #ccc; padding:10px 0; margin:0 0 0 20px; text-align:center;}
.sub_c3 .in_ex1{ margin-top:10px; font-size:0.875em; color:#333; font-weight:600;}
.sub_c3 .in_ex1 img{ vertical-align:middle;}

.img_w1{ border:1px solid #ccc; padding:30px; text-align:center;}

.flo_wrap{}
.flo_wrap .ex_ul1{ overflow:hidden; margin:0 0 0 -30px;}
.flo_wrap .ex_ul1 .ex_li1{ float:left; width:50%;}
.flo_wrap .ex_ul1 .ex_li1 .in_wrap{ margin:0 0 0 30px;}
.flo_wrap .ex_ul1 .ex_li1 .in_wrap .img{ border:1px solid #ccc;}
.flo_wrap .ex_ul1 .ex_li1 .in_wrap .tit{ text-align:center; padding:15px 0; border-bottom:1px solid #ccc; color:#333;}
.flo_wrap .ex_ul1 .ex_li1 .in_wrap .tit .xi{ font-size:1.25em; display:inline-block; vertical-align:top; margin-right:5px; color:#ff6b00;}


.table_w{}
.table_w .ex{ font-size:.75em; margin-top:5px; color:#666;}
.tbl_st2 { border:0px; padding:0px; margin-bottom:10px; font-size:0.875em; text-align:center; border-top:2px solid #007fc1; }
.tbl_st2.no_border{ border-top:0;}
.tbl_st2 thead th { background:#f7faff; color:#333333; border-bottom:1px solid #ccc; border-right:1px solid #ccc; line-height:1.5; padding:10px 20px; text-align:center; }
.tbl_st2 tbody th { background:#f8f8f8; color:#444444; font-weight:600; border-bottom:1px solid #ccc; border-right:1px solid #ccc; line-height:1.5; padding:10px 20px; vertical-align:middle; text-align:center; }
.tbl_st2 tbody td { color:#555555; border-bottom:1px solid #ccc; border-right:1px solid #ccc; line-height:1.5; padding:10px 20px; vertical-align:middle; }
.tbl_st2 tbody td .ind{ padding-left:10px; text-indent:-10px;}
.tbl_st2 thead th:last-child, .tbl_st2 tbody th:last-child, .tbl_st2 tbody td:last-child { border-right:none; }

.tbl_st2 thead th.blue{ background:#4f81bd; color:#fff;}
.tbl_st2 thead th.red{ background:#c0504d; color:#fff;}
.tbl_st2 tbody td.blue{ background:#d0d7e7; color:#fff;}
.tbl_st2 tbody td.red{ background:#e6b8b8; color:#fff;}
.tbl_st2 tbody td .line1{ display:inline-block; background:#003499; color:#fff; padding:1px 10px 3px; border-radius:10px;}
.tbl_st2 tbody td .line2{ display:inline-block; background:#606d00; color:#fff; padding:1px 10px 3px; border-radius:10px;}
.tbl_st2 tbody td .line3{ display:inline-block; background:#6691c9; color:#fff; padding:1px 10px 3px; border-radius:10px; margin-right:10px;}
.tbl_st2 tbody td .line4{ display:inline-block; background:#fa5f2c; color:#fff; padding:1px 10px 3px; border-radius:10px; margin-right:10px;}
.tbl_st2 tbody td .line5{ display:inline-block; background:#26a97f; color:#fff; padding:1px 10px 3px; border-radius:10px; margin-right:10px;}

.tbl_st3 { border:1px solid #ccc; padding:0px; margin-bottom:10px; font-size:0.875em; text-align:center;}
.tbl_st3 thead th { background:#005590; color:#fff; border-bottom:1px solid #ccc; border-right:1px solid #ccc; line-height:18px; padding:10px 10px; text-align:center;}
.tbl_st3 tbody th { background:#f8f8f8; color:#444444; font-weight:600; border-bottom:1px solid #ccc; border-right:1px solid #ccc; line-height:18px; padding:10px 10px; vertical-align:middle; text-align:center; }
.tbl_st3 tbody td { color:#555555; border-bottom:1px solid #ccc; border-right:1px solid #ccc; line-height:18px; padding:10px 10px; vertical-align:middle; text-align:center; }
.tbl_st3 thead th:last-child, .tbl_st2 tbody th:last-child, .tbl_st2 tbody td:last-child { border-right:none; }


/*제품특징*/
.prod_wrap2{ overflow:hidden; margin-bottom:100px;}
.prod_wrap2 .img_w{ float:left; width:45%}
.prod_wrap2 .txt_w{ float:right; width:52%;}
.prod_wrap2 .img_w .img_box{ overflow:hidden;}

.prod_wrap2 .l_view2{ overflow:hidden;}
.prod_wrap2 .l_view2 .big_img .border_dv{border:1px solid #ccc; text-align:center;}
.prod_wrap2 .l_view2 .big_img .border_dv img{width:100%;}

.prod_wrap2 .txt_w .in_w .title1{ font-size:1.5em; color:#333; font-family:notokrM;}
.prod_wrap2 .txt_w .in_w .line{ width:100%; height:3px; background:#111; margin:20px 0;}

.prod_wrap2 .txt_w .in_w .option_w{ overflow:hidden;}

.prod_wrap2 .txt_w .in_w .tit1{ font-size:1.125em; color:#666; font-family:notokrM; margin-bottom:10px;}
.prod_wrap2 .txt_w .in_w .tit2{ font-size:1.125em; color:#666; font-family:notokrM; margin-bottom:10px; margin-top:20px;}
.prod_wrap2 .txt_w .in_w .opti{ border:1px solid #ccc;  padding:15px 20px;}
.prod_wrap2 .txt_w .in_w .opti .txt1{ color:#666; line-height:1.6; background:url(../images/inc/li_tit.jpg) no-repeat left 13px; padding-left:10px;}

.prod_wrap2 .txt_w .in_w .opti .txt_ex{ color:#666; font-size:0.875em; line-height:1.6;}
.prod_wrap2 .txt_w .in_w .btn_w{ margin-top:30px; text-align:right;}
.prod_wrap2 .txt_w .in_w .btn_w p{ display:inline-block;}
.prod_wrap2 .txt_w .in_w .btn_w p .view_btn{ font-size:1em;}
.prod_wrap2 .txt_w .in_w .btn_w p .view_btn.s1{ width:160px; line-height:40px;}
.prod_wrap2 .txt_w .in_w .btn_w p .view_btn.c1{ border:1px solid #007fc1; background:#fff; color:#007fc1; transition:all 0.3s;}
.prod_wrap2 .txt_w .in_w .btn_w p .view_btn.c1:hover{ border:1px solid #007fc1; background:#007fc1; color:#fff;}

.sub_in_cont .btn_w2{ margin-bottom:0px; text-align:right;}
.sub_in_cont .btn_w2 p{ display:inline-block;}
.sub_in_cont .btn_w2 p .view_btn{ font-size:1em;}
.sub_in_cont .btn_w2 p .view_btn.s1{ line-height:40px;padding:0 30px;}
.sub_in_cont .btn_w2 p .view_btn.c1{ border:1px solid #007fc1; background:#fff; color:#007fc1; transition:all 0.3s;}
.sub_in_cont .btn_w2 p .view_btn.c1:hover{ border:1px solid #007fc1; background:#007fc1; color:#fff;}


.view_w{ margin-top:70px;}
.view_w .bottom_tit{ font-size:1.25em; background:url(../images/inc/tit_bg.png) no-repeat left center; padding-left:20px;}
.view_w .line{ width:100%; height:1px; background:#ccc;}
.view_w .more_view{ margin-top:30px; text-align:center;}

/*new*/
.sub_c2 .yg_ul1{ overflow:hidden;}
.sub_c2 .yg_ul1 .yg_li1{ float:left; width:25%; height:156px;}
.sub_c2 .yg_ul1 .yg_li1 .in_con{ text-align:center; height:100%; padding:0 20px;}
.sub_c2 .yg_ul1 .yg_li1 .in_con .txt1{ color:#666; font-weight:600; font-size:1em; line-height:1.6;}
.sub_c2 .yg_ul1 .yg_li1 .in_con .txt1 span.line{ display:block; width:250px; height:1px; background:#999; margin:10px auto;}
.sub_c2 .yg_ul1 .yg_li1 .in_con .txt1 span.blo{ display:block; font-size:1.5em; color:#005590;}
.sub_c2 .yg_ul1 .yg_li1 .in_con.bg1{ background:rgba(0, 0, 0, 0.1);}
.sub_c2 .yg_ul1 .yg_li1 .in_con.bg2{ background:rgba(0, 0, 0, 0.2);}
.sub_c2 .yg_ul1 .yg_li1 .in_con.bg3{ background:rgba(0, 0, 0, 0.1);}
.sub_c2 .yg_ul1 .yg_li1 .in_con.bg4{ background:rgba(0, 0, 0, 0.2);}

.sub_c2 .yg_ul4{ overflow:hidden;}
.sub_c2 .yg_ul4 .yg_li1{ float:left; width:25%; height:156px;}
.sub_c2 .yg_ul4 .yg_li1 .in_con{ text-align:center; height:100%; padding:0 20px;}
.sub_c2 .yg_ul4 .yg_li1 .in_con .txt1{ color:#666; font-weight:600; font-size:1em; line-height:1.6;}
.sub_c2 .yg_ul4 .yg_li1 .in_con .txt1 span.line{ display:block; width:250px; height:1px; background:#999; margin:10px auto;}
.sub_c2 .yg_ul4 .yg_li1 .in_con .txt1 span.blo{ display:block; font-size:1.5em; color:#005590;}
.sub_c2 .yg_ul4 .yg_li1 .in_con.bg1{ background:rgba(0, 0, 0, 0.1);}
.sub_c2 .yg_ul4 .yg_li1 .in_con.bg2{ background:rgba(0, 0, 0, 0.2);}
.sub_c2 .yg_ul4 .yg_li1 .in_con.bg3{ background:rgba(0, 0, 0, 0.1);}
.sub_c2 .yg_ul4 .yg_li1 .in_con.bg4{ background:rgba(0, 0, 0, 0.2);}



.sub_c2 .yg_ul2{ overflow:hidden;}
.sub_c2 .yg_ul2 .yg_li2{ float:left; width:20%; height:156px;}
.sub_c2 .yg_ul2 .yg_li2 .in_con{ text-align:center; height:100%; padding:0 20px;}
.sub_c2 .yg_ul2 .yg_li2 .in_con .txt1{ color:#666; font-weight:600; font-size:1em; line-height:1.6;}
.sub_c2 .yg_ul2 .yg_li2 .in_con .txt1 span.line{ display:block; width:180px; height:1px; background:#999; margin:10px auto;}
.sub_c2 .yg_ul2 .yg_li2 .in_con .txt1 span.blo{ display:block; font-size:1.5em; color:#005590;}
.sub_c2 .yg_ul2 .yg_li2 .in_con.bg1{ background:rgba(0, 0, 0, 0.2);}
.sub_c2 .yg_ul2 .yg_li2 .in_con.bg2{ background:rgba(0, 0, 0, 0.1);}
.sub_c2 .yg_ul2 .yg_li2 .in_con.bg3{ background:rgba(0, 0, 0, 0.2);}
.sub_c2 .yg_ul2 .yg_li2 .in_con.bg4{ background:rgba(0, 0, 0, 0.1);}
.sub_c2 .yg_ul2 .yg_li2 .in_con.bg5{ background:rgba(0, 0, 0, 0.2);}

.sub_c2 .yg_ul1{ overflow:hidden;}
.sub_c2 .yg_ul1 .yg_li1{ float:left; width:33.33%; height:156px;}
.sub_c2 .yg_ul1 .yg_li1 .in_con{ text-align:center; height:100%; padding:0 20px;}
.sub_c2 .yg_ul1 .yg_li1 .in_con .txt1{ color:#666; font-weight:600; font-size:1em; line-height:1.6;}
.sub_c2 .yg_ul1 .yg_li1 .in_con .txt1 span.line{ display:block; width:250px; height:1px; background:#999; margin:10px auto;}
.sub_c2 .yg_ul1 .yg_li1 .in_con .txt1 span.blo{ display:block; font-size:1.5em; color:#005590;}
.sub_c2 .yg_ul1 .yg_li1 .in_con.bg1{ background:rgba(0, 0, 0, 0.1);}
.sub_c2 .yg_ul1 .yg_li1 .in_con.bg2{ background:rgba(0, 0, 0, 0.2);}
.sub_c2 .yg_ul1 .yg_li1 .in_con.bg3{ background:rgba(0, 0, 0, 0.1);}
.sub_c2 .yg_ul1 .yg_li1 .in_con.bg4{ background:rgba(0, 0, 0, 0.2);}
.sub_c2 .yg_ul1 .yg_li1 .in_con.bg5{ background:rgba(0, 0, 0, 0.1);}
.sub_c2 .yg_ul1 .yg_li1 .in_con.bg6{ background:rgba(0, 0, 0, 0.2);}

.sub_c2 .ul_c{ overflow:hidden; }
.sub_c2 .ul_c .wd_100{ float:left; width:50%;}
.sub_c2 .ul_c .li_c1 .in_con{ border:1px solid #ccc; text-align:center; margin:0 0 0 20px;}

.sub3_3_tab {padding-top:10px;}
.tbl_st2 al2 {text-align:center; }

.txt_w1_st .txt1 { background:url(../images/inc/lnb_arrow_on.png) no-repeat left 7px; line-height:1.4;}
.txt_w1_st .txt2 {padding:0 0 10px 15px; background:url(../images/inc/lnb_arrow_on.png) no-repeat left 7px; line-height:1.4;}

.sub_c3 .yg_ul1{ overflow:hidden;}
.sub_c3 .yg_ul1 .yg_li1{ float:left; width:25%; height:156px;}
.sub_c3 .yg_ul1 .yg_li1 .in_con{ text-align:center; height:100%; padding:0 20px;}
.sub_c3 .yg_ul1 .yg_li1 .in_con .txt1{ color:#666; font-weight:600; font-size:1em; line-height:1.6;}
.sub_c3 .yg_ul1 .yg_li1 .in_con .txt1 span.line{ display:block; width:250px; height:1px; background:#999; margin:10px auto;}
.sub_c3 .yg_ul1 .yg_li1 .in_con .txt1 span.blo{ display:block; font-size:1.5em; color:#005590;}
.sub_c3  .in_con.bg1 {padding-top:10px;}
.sub_c3 .yg_ul1 .yg_li1 .in_con.bg1{ background:rgba(0, 0, 0, 0.1);}
.sub_c3 .yg_ul1 .yg_li1 .in_con.bg2{ background:rgba(0, 0, 0, 0.2);}
.sub_c3 .yg_ul1 .yg_li1 .in_con.bg3{ background:rgba(0, 0, 0, 0.1);}
.sub_c3 .yg_ul1 .yg_li1 .in_con.bg4{ background:rgba(0, 0, 0, 0.2);}
.sub_c3 .yg_ul1 .yg_li1 .in_con.bg5{ background:rgba(0, 0, 0, 0.2);}
.sub_c3 .yg_ul1 .yg_li1 .in_con.bg6{ background:rgba(0, 0, 0, 0.1);}
.sub_c3 .yg_ul1 .yg_li1 .in_con.bg7{ background:rgba(0, 0, 0, 0.2);}
.sub_c3 .yg_ul1 .yg_li1 .in_con.bg8{ background:rgba(0, 0, 0, 0.1);}

.w_s {padding:0; margin-top:10px;}
.pd10 {margin-top:10px;}
.color {color:#6497cf; font-weight:600;}
.in_con2.top {position:absolute; width:40%; padding:50px 50px; border:1px solid #ddd; background:rgba(242,242,242,0.9); box-shadow:10px 10px 0px rgba(0,0,0,0.2); top:70px; right:10px;}








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



/*6_6*/
.site_w{}
.site_w .site_ul1{ overflow:hidden; margin:-20px 0 0 -20px;}
.site_w .site_ul1 li{ float:left; width:25%;}
.site_w .site_ul1 li .in_box{ margin:20px 5px 5px 20px; box-shadow:2px 2px 5px rgba(0,0,0,0.2); border:1px solid #ddd; border-radius:5px; padding:15px; text-align:center; transition:all 0.3s;}
.site_w .site_ul1 li .in_box:hover{ box-shadow:2px 2px 5px rgba(0,0,0,0.5);}
.site_w .site_ul1 li .in_box .img{}
.site_w .site_ul1 li .in_box .txt{ border-top:1px solid #ccc; padding-top:15px; font-size:0.875em; color:#666; margin-top:10px;}





/*메인스타일*/
.main_visu{ position:relative; width:2000px; left:50%; margin:0 0 0 -1000px; top:0; overflow:hidden; z-index:99;} 
.main_visu .slogan{ position:absolute; left:0; top:50px; z-index:9; filter:alpha(opacity=0); opacity:0; width:100%; text-align:center;}
.main_visu .slogan .tit1{ font-size:1.563em; color:#fff; margin-bottom:10px;}
.main_visu .slogan .tit2{ font-size:2.25em; color:#fff; margin-bottom:20px;}
.main_visu .slogan .tit2 span{ font-size:2.5rem; color:#ffcc00; font-family:nsB; }
.main_visu .slogan .icon{}
.main_visu .slogan .view a{ background:#0168b0; color:#fff; display:block; width:100px; margin:30px auto 0; font-family:nsR; line-height:32px}

.main_visu .poduct{ position:absolute; top:50px; right:50%; margin-right:-580px; filter:alpha(opacity=0); opacity:0;}

.main_visu .slides{ overflow:hidden}
.main_visu .prod_area .slides li{ width:100%; height:1032px;}
/*	.main_visu .prod_area .slides li.st1{ background:url(../images/img/m_visu1.jpg) no-repeat center top;}
.main_visu .prod_area .slides li.st2{ background:url(../images/img/m_visu2.jpg) no-repeat center top;}
*/	.main_visu .flex-viewport{ overflow:visible !important}
.main_visu .flex-control-nav{ display:none;}
.main_visu .flex-control-nav > li{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-right:6px;}
.main_visu .flex-control-nav > li > a{ display:block; width:40px; height:4px; background:#fff; font-size:0; filter:alpha(opacity=40); opacity:0.4;}
.main_visu .flex-control-nav > li > a.flex-active{ filter:alpha(opacity=100); opacity:1;} 
.main_visu .prod_area{ width:100%;}

.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/left_bg1.jpg) no-repeat left -300px center; overflow:hidden;}
.main_visu .prod_area .inner .area1{ float:left; background:#007fc1; width:31%; 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:nsB; 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:69%; background:url(../images/main/main_area1.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:50%; text-align:center; margin-top:60px;}
.main_visu .prod_area .inner .area2 .in_ul2 li.bg1{ background:url(../images/main/biz_icon1.png) no-repeat center top;}
.main_visu .prod_area .inner .area2 .in_ul2 li.bg2{ background:url(../images/main/biz_icon2.png) no-repeat center top;}
.main_visu .prod_area .inner .area2 .in_ul2 li a{ display:block; border-left:1px solid rgba(255,255,255,0.5); padding-top:100px;}
.main_visu .prod_area .inner .area2 .in_ul2 li a p.txt1{ font-family:nsB; font-size:1.25em; color:#fff; margin-bottom:10px}
.main_visu .prod_area .inner .area2 .in_ul2 li a p.txt2{ font-family:nsR; font-size:1.125em; color:#ccc; margin-bottom:10px}
.main_visu .prod_area .inner .area2 .in_ul2 li.first a{ border:none;}
.main_visu .prod_area .inner .area2 .in_ul2 li a:hover p{ color:#fff;}

.mid_con{ padding:50px 0}
.mid_con .cover_con{ overflow:hidden; margin-left:-40px;}
.mid_con .cover_con .con_li{ float:left; width:33.33%;}
.mid_con .cover_con .con_li .cont1{ margin-left:40px; cursor:pointer;}
.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/s_bg1.jpg) no-repeat center center; height:130px; position:relative; }
.mid_con .cover_con .con_li .cont1 .bnr1 div.one p.tit { background:url(../images/main/main_bnr1.png) no-repeat left; font-size:1.375em; color:#fff; position:absolute; left:70px; top:40px; padding-left:50px;}
.mid_con .cover_con .con_li .cont1 .bnr1 div.two{ padding:34px 0; }
.mid_con .cover_con .con_li .cont1 .bnr1 div.two p.txt{ text-align:center; font-size:1em; color:#666; font-family:nsR; line-height:1.4;}
.mid_con .cover_con .con_li .cont1 .bnr1 div.two p.txt span.title{ font-size:1.313rem; color:#1b3965; display:block; font-family:nsB; margin-bottom:10px;}
.mid_con .cover_con .con_li .cont1 .bnr1 div.two p.txt span.blo{display:block;}

.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/s_bg2.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/main_bnr2.png) no-repeat left; font-size:1.375em; color:#fff; position:absolute; left:70px; top:40px; padding-left:50px;}
.mid_con .cover_con .con_li .cont1 .bnr2 div.two{ padding:34px 0; }
.mid_con .cover_con .con_li .cont1 .bnr2 div.two p.txt{ text-align:center; font-size:1em; color:#666; font-family:nsR;}
.mid_con .cover_con .con_li .cont1 .bnr2 div.two p.txt span.title{ font-size:1.313rem; color:#1b3965; display:block; font-family:nsB; margin-bottom:10px;}

.mid_con .cover_con .con_li .cont1 .bnr2 div.two p.view a{ font-size:0.75em; color:#333; 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;}
.mid_con .cover_con .con_li .cont1 .bnr2 div.two p.view a:hover{ border:1px solid #0045ac; background:#0045ac; color:#fff;}

#main_bnr1 { background:url(../images/main/bottom_bg1.jpg) no-repeat center top; padding:30px 0; }
#main_bnr1 p.txt1 { font-family:nsB; font-size:2.125em; letter-spacing:1px; margin-bottom:5px; }
#main_bnr1 p.txt2 { color:#555; font-size:1.25em; margin-bottom:20px; font-family:nsR;}
#main_bnr1 .btn a{ display:inline-block; border:1px solid #007fc1; background:#007fc1; color:#fff; font-size:0.875em; padding:8px 20px 5px; border-radius:50px; margin-top:10px;}
#main_bnr1 .btn a .xi{ color:#fff; font-size:1.5em; vertical-align:middle; margin-left:8px;}
#main_bnr1 .btn a:hover{ background:#fff; color:#007fc1;}
#main_bnr1 .btn a:hover .xi{ color:#007fc1;}


 

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

#header .header_top .l_dv .fav{display:none;}
#header .gnb_area .gnb > li .dp1{padding:0 20px;}

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

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


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

#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:140px;}

.mobile_menu{display:block;}

#contents{margin-top:63px;}
.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 .copy2 li{}
.sub .svisu_area .visu_sgarea .copy2 li:before{top:5px;}

.sub #contents .lnb_area{margin-top:0;}
.sub .sub_con .this_page{padding:10px 0 40px 20px;}
.sub .navi{right:inherit; left:20px; top:42px;}

.sub .svisu_area{height:200px;}
.sub .svisu_area .svisual{height:200px!important; background-position:right -550px center !important;}
.sub .svisu_area .visu_sgarea{padding:80px 0 0 20px;}
.sub .svisu_area .visu_sgarea .copy1{text-shadow:2px 2px 2px rgba(0,0,0,0.5);}

#footer{ padding:20px 0;}
#footer .footerup .left_ul{display:none;}
#footer .copy ul li{font-size:10px;}
#footer .f_logo img{ width:150px;}

/*공통*/
.page_tit{ background:url(../images/inc/tit_bg.png) no-repeat left top; padding-left:20px;}
.page_tit2{background:url(../images/inc/tit_bg.png) no-repeat left top; padding-left:20px; margin:30px 0 10px 0;}


/*1_1 인사말*/
.greet_tit{ overflow:hidden; border-bottom:1px solid #ccc; padding-bottom:15px;}
.greet_tit .big_t{ float:none; width:100%; font-size:3em; margin-bottom:10px;}
.greet_tit .line{ float:none; display:none;}
.greet_tit .small_t{ float:none; width:100%; border-left:5px solid #ccc; padding-left:10px;}
.greet_tit .small_t br{ display:none;}
.greet_txt{ margin-top:20px;}
.greet_txt .first_txt{margin-bottom:20px;}
.greet_txt .in_greet{ float:none; width:100%;}
.greet_txt .greet_img{ float:none; width:100%; max-width:425px; margin:20px auto 0;}


/*1_2*/
.history_t_box .line{ position:absolute; width:50px; height:35px; background:url(../images/sub1/history_line.png) no-repeat center center; top:35px; right:50%; margin-right:-150px;}
.history_t_box .his_tit1{ font-size:1em; text-align:center; color:#333; line-height:1.5; border:1px solid #ccc; width:100%; border-radius:50px; background:#f2f2f2 ; margin:20px auto; padding:10px 0; }
.sub_history .con{ padding:0;}
.sub_history .tit{ padding:10px 20px 10px 10px}
.sub_history .con .history > li .month{ text-align:left;}
.sub_history .con .history > li .tt{ padding-left:0; width:100%}

/*2_1*/
.link_prod .bn > li{ width:50%;}
.prod_wrap .img_wrap{ float:none; width:100%;}
.prod_wrap .img_wrap .img_big{ width:100%;}
.prod_wrap .txt_wrap{ float:none; width:100%; padding:0 20px 20px;}

.process_wrap .proc_list{ margin:-20px -20px 0 0;}
.process_wrap .proc_list .proc{ width:50%;}
.process_wrap .proc_list .proc .inner{ margin:20px 20px 0 0;}

.process_wrap .proc_list .w4.proc{ width:50%;}

.txt_w1{ padding:10px;}
.txt_w1 .tit1{ background:url(../images/inc/lnb_arrow_on.png) no-repeat left 2px}
.txt_w1 .tit2{ background:url(../images/inc/lnb_arrow_on.png) no-repeat left 2px; margin-top:10px;}
.txt_w1 .in_ul2 .li_t{ background:url(../images/inc/li_tit.jpg) no-repeat left 6px}

.flo_wrap .ex_ul1{ margin:0 0 0 -20px;}
.flo_wrap .ex_ul1 .ex_li1 .in_wrap{ margin:0 0 0 20px;}
.flo_wrap .ex_ul1 .ex_li1 .in_wrap .tit{ padding:10px 0; }

.img_w1{ padding:10px;}
.sub_c1 .in_con1 .img1{ padding:10px 10px 0 10px; display:inherit;}
.sub_c1 .in_con2{ position:relative; width:auto; padding:20px 20px; border:1px solid #ccc; background:rgba(242,242,242,1); box-shadow:0px 0px 0px rgba(0,0,0,0.0); top:0; right:0; margin-top:10px;}

.sub_c2 .ul_c .li_c1{ float:none; width:100%;}
.sub_c2 .ul_c .li_c2{ float:none; width:100%;}
.sub_c2 .in_ul1{ margin-left:0;}
.sub_c2 .in_li1 .in_con .txt1 span.line{ width:100%;}
.sub_c3 .img_ul .img_li{ float:none; width:100%;}
.sub_c3 .img_ul .img_li.wid1{ width:100%;}
.sub_c3 .img_ul .img_li.wid2{ width:100%;}
.sub_c3 .img_ul{ margin:-10px 0 0 0}
.sub_c3 .img_ul .img_li .in_img{ margin:10px 0 0 0}

.prod_wrap2{ margin-bottom:0;}
.prod_wrap2 .img_w{ float:none; width:100%;}
.prod_wrap2 .txt_w{ float:none; width:100%; margin-top:20px;}
.prod_wrap2 .txt_w .in_w .opti{ padding:10px}
.prod_wrap2 .txt_w .in_w .opti .txt1{ background:url(../images/ifyg_ul4nc/li_tit.jpg) no-repeat left 8px;}
.prod_wrap2 .txt_w .in_w .btn_w{ margin-top:20px; text-align:center;}

.sub_c2 .yg_ul1 .yg_li1{ width:50%;}
.sub_c2 .yg_ul1 .yg_li1 .in_con .txt1 span.line{ width:100%;}
.sub_c2 .yg_ul1 .yg_li1 .bg3.in_con{ background:rgba(0, 0, 0, 0.2)}
.sub_c2 .yg_ul1 .yg_li1 .bg4.in_con{ background:rgba(0, 0, 0, 0.1)}

.sub_c2 .yg_ul2 .yg_li2{ width:50%;}1-
.sub_c2 .yg_ul2 .yg_li2 .in_con .txt1 span.line{ width:100%;}6
.sub_c2 .yg_ul2 .yg_li2 .bg3.in_con{ background:rgba(0, 0, 0, 0.1)}
.sub_c2 .yg_ul2 .yg_li2 .bg4.in_con{ background:rgba(0, 0, 0, 0.2)}

.sub_c2 .ul_c .li_c1 .in_con{ margin:0 0 10px 0 }

.sub_c3 .yg_ul1 .yg_li1{ width:50%;}
.sub_c3 .yg_ul1 .yg_li1 .in_con .txt1 span.line{ width:100%;}

.sub_c3 .yg_ul1 .yg_li1 .bg3.in_con{ background:rgba(0, 0, 0, 0.2)}
.sub_c3 .yg_ul1 .yg_li1 .bg4.in_con{ background:rgba(0, 0, 0, 0.1)}
.sub_c3 .yg_ul1 .yg_li1 .bg5.in_con{ background:rgba(0, 0, 0, 0.1)}
.sub_c3 .yg_ul1 .yg_li1 .bg6.in_con{ background:rgba(0, 0, 0, 0.2)}


/*table*/
.mobile_w{ overflow-x:scroll;}
.scrolling{ table-layout:fixed; width:800px !important;}

.tbl_st2 thead th{ padding:10px 10px}
.tbl_st2 tbody th{ padding:10px 10px}
.tbl_st2 tbody td{ padding:10px 10px}
.tbl_st2 tbody td img{ width:100%;}

/*tab*/
.wrap_idx2 .tab_idx li { float:none; margin-left:0.5%; margin-bottom:3px;}
.wrap_idx2 .tab_idx.ea_3 li { width:99.5%; box-sizing:border-box;}
.wrap_idx2 .tab_idx.ea_4 li { width:99.5%; box-sizing:border-box;}
.wrap_idx2 .tab_idx.ea_6 li { width:99.5%; box-sizing:border-box;}

/*agree*/
.agree_wrap2{ padding:10px}
.agree_wrap2 .agree .agree_tit .tit{ margin-bottom:0;}

/*site*/
.site_w .site_ul1{ margin:-10px 0 0 -10px;}
.site_w .site_ul1 li{ width:50%;}
.site_w .site_ul1 li .in_box{ margin:10px 0 0 10px;}





/*main*/
.main_visu{ top:-60px}
.main_visu .slogan .tit2{ font-size:2em;}
.main_visu .slogan .tit2 span{ font-size:1.5rem;}
.main_visu .slogan .icon img{ width:300px;}
.main_visu .poduct{ display:none;}
.main_visu .slides li{ height:700px !important;}

.main_visu .prod_area .inner{ left:inherit; margin-left:0; background:rgba(0,0,0,0.5);}
.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:20 auto;}
.main_visu .prod_area .inner .area1 .view{ margin:10px auto 0}
.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:35%;}
.main_visu .prod_area .inner .area2 .in_ul2 li{ margin-top:35px;}
.main_visu .prod_area .inner .area2 .in_ul2 li a{ padding-top:55px;}
.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;}

.mid_con{ padding:0 0 0 0;}
.mid_con .cover_con{ margin-left:0px; margin-top:-10px}
.mid_con .cover_con .con_li{ float:none; width:100%;}
.mid_con .cover_con .con_li .cont1{ margin-left:0px; margin-top:10px;}
.mid_con .cover_con .con_li .cont1 .bnr1 div.two{ padding:15px;}

.mid_con .cover_con .con_li .noti.cont1 .title{ font-size:1.25rem; padding-top:10px;}
.mid_con .cover_con .con_li .noti.cont1{ margin-bottom:25px;}

#main_bnr1{ padding:20px 0; background:url(../images/main/bottom_bg1.jpg) no-repeat right -680px top}
#main_bnr1 p.txt1{ margin-bottom:10px;}
#main_bnr1 p.txt2{ width:65%; line-height:1.4;}
#main_bnr1 .btn a{ display:block; width:150px; text-align:center; margin-top:5px;}



}