@import url("reset.css");
@import url("main.css");
@import url("swiper.min.css");

/*main*/
/*main 리뉴얼 하단에도 있음*/
.f-red{color:#ff3a3a; vertical-align:top;}
#section0{position:relative;background:url(../img/slide_bg111.jpg) no-repeat center 0;background-size:cover;}
#section0 h1{position:relative; bottom:-30px; text-align:center; font-size:40px;opacity:0;}
#section0 .center_box{max-width:1240px;margin:0 auto;}
#section0 .tit_box{float:left;width:340px;}
#section0 .tit_box h1{font-size:40px;color:#fff;}
#section0 .tit_box .txt{font-size:17px;color:#ddd;text-align:left;margin-top:20px;line-height:25px;}
#section0 .eng_tit_box h1{text-align:left;}
#section0 .eng_tit_box .txt{font-size:15px;}
#section0 .tit_box .bottom_txt{border-top:1px solid #547ac1;border-bottom:1px solid #547ac1;margin-top:50px;}
#section0 .tit_box .bottom_txt .service{padding:25px 0 25px 80px;}
#section0 .tit_box .bottom_txt a:nth-child(1) .service{background:url(../img/main_icon01_1.png) left center no-repeat;}
#section0 .tit_box .bottom_txt a:nth-child(2) .service{background:url(../img/main_icon01_2.png) left center no-repeat;border-top:1px solid #547ac1;border-bottom:1px solid #547ac1;}
#section0 .tit_box .bottom_txt a:nth-child(3) .service{background:url(../img/main_icon01_3.png) left center no-repeat;border-top:1px solid #547ac1;border-bottom:1px solid #547ac1;}
#section0 .tit_box .bottom_txt a:nth-child(4) .service{background:url(../img/main_icon01_4.png) left center no-repeat;}
#section0 .tit_box .bottom_txt a:hover .service{opacity:0.5;}
#section0 .tit_box .bottom_txt .service p{font-size:14px;color:#fff;line-height:20px;text-align:left;}
#section0 .tit_box .bottom_txt .service p span{font-size:22px;font-weight:500;display:block;margin-top:5px;}
#section0 .slide_cont1{float:right;margin-top:10px;}
#section0 .eng_slide_cont1{margin-top:50px;}
#section0 .jp_slide_cont1{margin-top:50px;}
#section0 .slide_cont1 li{display:inline-block;background:#fff;}
#section0 .slide_cont1 li:hover p img{opacity:0.6;}
#section0 .slide_cont1 li:hover .box{opacity:0.6;}
#section0 .slide_cont1 .li_2{margin:0 5px;}
#section0 .slide_cont1 li .box{background:#fff;text-align:center;padding:35px 0;}
#section0 .slide_cont1 li .box .title{font-size:25px;margin-bottom:15px;}
#section0 .eng_slide_cont1 li .box .title{font-size:21px;margin-bottom:15px;}
#section0 .slide_cont1 li .box p{font-size:16px;line-height:25px;}
#section0 .slide_cont1 li .box p span{font-weight:600;}

#section1{background:url(../img/slide_bg02.jpg) no-repeat center 0;background-size:cover;}
#section1 .center_box{max-width:1240px;margin:0 auto;}
#section1 .center_box h1{font-size:45px;color:#fff;line-height:130%;position:relative;top:-60px;}
#section1 .center_box h1 p{font-size:28px;color:#d2d2d2;}
#section1 .center_box .cont2 ul li{float:left;width:303px;height:400px;text-align:center;position:relative;top:-25px;}
#section1 .center_box .cont2 ul li.info01{margin-right:9px;background:#fff url(../img/intro01.png) center 100px no-repeat}
#section1 .center_box .cont2 ul li.info02{margin-right:9px;background:url(../img/intro02.jpg) no-repeat;top:50px;}
#section1 .center_box .cont2 ul li.info03{margin-right:9px;background:url(../img/intro03.jpg) no-repeat}
#section1 .center_box .cont2 ul li.info04{background:url(../img/intro04.jpg) no-repeat;top:50px;}
#section1 .center_box .cont2 ul li a{display:block;width:100%;height:100%;box-sizing:border-box;transition:all 0.3s;border: 6px solid transparent;}
#section1 .center_box .cont2 ul li:hover a{border-color:#23358c}
#section1 .center_box .cont2 ul li .txt_box{position:absolute;top:80px;width:100%;}
#section1 .center_box .cont2 ul li.info01 .txt_box{top:180px;}
#section1 .center_box .cont2 ul li .tit{font-size:25px;color:#fff;line-height:150%;margin-bottom:20px}
#section1 .center_box .cont2 ul li.info01 .tit{color:#333;}
#section1 .center_box .cont2 ul li .detail{font-size:18px;color:#666;}

#section2{background:#f0f0f0;}
#section2 .center_box{max-width:1240px;margin:0 auto;}
#section2 .center_box h1{font-size:45px;color:#333;margin-bottom:15px;}
#section2 .center_box .txt{font-size:22px;color:#666;margin-bottom:40px;}
#section2 .center_box .cont3{}
#section2 .center_box .cont3 ul li{float:left;width:406px;height:239px;margin:0 11px 11px 0;box-sizing:border-box;text-align:left;}
#section2 .center_box .cont3 ul li:nth-child(1){width:615px;}
#section2 .center_box .cont3 ul li:nth-child(2){width:614px;margin-right:0;}
#section2 .center_box .cont3 ul li:nth-child(5){margin-right:0;}
#section2 .center_box .cont3 ul li.tech01{background:#fff url(../img/tech_icon01.png) 440px center no-repeat;}
#section2 .center_box .cont3 ul li.tech02{background:#fff url(../img/tech_icon02.png) 440px center no-repeat;}
#section2 .center_box .cont3 ul li.tech03{background:#fff url(../img/tech_icon05.png) 295px 125px no-repeat;}
#section2 .center_box .cont3 ul li.tech04{background:#fff url(../img/tech_icon04_1.png) 295px 125px no-repeat;}
#section2 .center_box .cont3 ul li.tech05{background:#fff url(../img/tech_icon05_1.png) 295px 125px no-repeat;}
#section2 .center_box .cont3 ul li a{display:block;height:100%;padding:50px 0 0 50px;box-sizing:border-box;}
#section2 .center_box .cont3 ul li .tit{font-size:25px;margin-bottom:20px;color:#333;}
#section2 .center_box .cont3 ul li .detail{font-size:17px;color:#666;line-height:130%;}
#section2 .center_box .cont3 ul li:hover{background:#2959b1 url(../img/more.png) 320px 150px no-repeat;}
#section2 .center_box .cont3 ul li:nth-child(1):hover{background:#2959b1 url(../img/more.png) 530px 150px no-repeat;}
#section2 .center_box .cont3 ul li:nth-child(2):hover{background:#2959b1 url(../img/more.png) 530px 150px no-repeat;}
#section2 .center_box .cont3 ul li:hover .tit{color:#fff;}
#section2 .center_box .cont3 ul li:hover .detail{color:#fff;}

#section3{background:#fff;}
#section3 .cont4{position:relative;top:-68px;}
#section3 .cont4 ul li{float:left;width:33.3333%;height:350px;position:relative;}
#section3 .cont4 ul li.main_footer01{background:url(../img/slide_cont01.jpg) no-repeat;background-size:cover;}
#section3 .cont4 ul li.main_footer02{background:url(../img/slide_cont02.jpg) no-repeat;background-size:cover;}
#section3 .cont4 ul li.main_footer03{background:url(../img/slide_cont03.jpg) no-repeat;background-size:cover;}
#section3 .cont4 ul li a{display:block;width:100%;height:100%;}
#section3 .cont4 ul li .txt_box{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);letter-spacing:-1px;width:100%;}
#section3 .cont4 ul li .txt_box .tit{font-size:23px;color:#fff;margin:10px 0 15px;}
#section3 .cont4 ul li .txt_box span{font-size:17px;color:#fff;line-height:150%;}
#section3 .cont4 ul li:hover{opacity:0.7;}
/*main 리뉴얼*/


.scroll{position:absolute; left:0; bottom:100px; width:100%; text-align:center;}
.scroll .inner{position:relative; display:inline-block; }
.scroll .inner img{position:relative; z-index:3;}
.scroll .bg{position:absolute; z-index:2; margin:-20px 0 0 -20px; left:50%; top:50%; width:40px; height:40px; background:rgba(0,0,0,0.7); border-radius:50%;}
/*.scroll img{position:absolute; left:50%; top:50%; margin:-13px 0 0 -13px;}*/

.over_cover{position:absolute; left:0; top:0; bottom:0; width:100%; height:100%; border-radius:7px;
background:rgba(255,255,255,0.5);
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
transition: opacity 0.7s;
}

.section .tb{position:relative; z-index:3; }

/* #section0 .txt{padding:8px 0 40px; text-align:center; font-size:22px; font-family:"noto-medium"; color:#fff; opacity:0;} */
/* .m_cont1_1{margin:0 auto 10px; padding:0 9% 40px; max-width:1240px; background:rgba(255,255,255,0.7); border-radius:10px; box-sizing:border-box;} */
/* .m_cont1_1 ul li{float:left; width:33.33%; text-align:center;} */
/* .m_cont1_1 ul li span{display:block; text-align:center;} */
/* .m_cont1_1 ul li .title{margin-bottom:25px; padding-top:40px;  font-size:28px; font-family:"noto-medium"; color:#333;} */
/* .m_cont1_1 ul li img{margin-bottom:28px;} */
/* .m_cont1_1 ul li span{font-size:22px; color:#666; } */
/* .m_cont1_1 ul li strong{display:block; color:#333; font-family:"noto-medium"; font-size:26px;} */
/* .m_cont1_2 ul li{float:left; margin-left:2%; width:49%;  background:rgba(255,255,255,0.7); border-radius:10px; text-align:left;} */
/* .m_cont1_2 ul li:hover{background:rgba(255,255,255,1);} */
/* .m_cont1_2 ul li a{padding:30px 0 0 30px; display:block; height:104px; box-sizing:border-box; font-size:14px; color:#666;} */
/* .m_cont1_2 ul li a span{padding-top:5px; display:block;  font-family:"noto-medium"; font-size:22px; color:#333;} */
/* .m_cont1_2 ul li:first-child{margin-left:0; } */
/* .m_cont1_2{margin:0 auto; max-width:1240px; } */
/* .m_cont1_2 ul li.icon_1 a{background:url(../img/main_icon_4.png) no-repeat right bottom;} */
/* .m_cont1_2 ul li.icon_2 a{background:url(../img/main_icon_5.png) no-repeat right bottom;} */
/* .m_cont1_2 ul li.icon_3 a{background:url(../img/main_icon_6.png) no-repeat right bottom;} */
/* .m_cont1_2 ul li.icon_4 a{background:url(../img/main_icon_7.png) no-repeat right bottom;} */

/* #section1{} */
/* #section1 h1{position:relative; text-align:center; font-size:50px; font-family:"noto-medium"; color:#fff; } */
/* #section1 .txt{position:relative; padding:8px 0 40px; text-align:center; font-size:22px; font-family:"noto-medium"; color:#fff; } */
/* .m_cont2{margin:0 auto; max-width:1240px;} */
/* .m_cont2 img{width:100%;} */
/* .m_cont2 li{position:relative; border-radius:7px; overflow:hidden;} */

/* .m_cont2 li:hover .over_cover{opacity: 0.9; visibility: visible;} */
/* .m_cont2 .left_area{float:left; width:75.56%;} */
/* .m_cont2 .left_area li{float:left; margin:0 1% 1.2% 0; width:32.33%; } */
/* .m_cont2 .right_area{float:right; width:24.44%;} */
/* .m_cont2 .right_area li{margin-bottom:3%; } */

/* #section2{background:#f0f0f0;} */
/* #section2 h1{position:relative; text-align:center; font-size:50px; font-family:"noto-medium";} */
/* #section2 .txt{padding:8px 0 40px; text-align:center; font-size:22px; font-family:"noto-medium"; color:#666;} */
/* .m_cont3{margin:0 auto; max-width:1240px;} */
/* .m_cont3 li{position:relative; float:left; margin-bottom:10px; } */
/* .m_cont3 li img{width:100%; } */
/* .m_cont3 li.bn_left{float:left; width:49.43%;} */
/* .m_cont3 li.bn_right{float:right; width:49.43%;} */
/* .m_cont3 .left_area{float:left; padding-right:0.8%; width:50%; box-sizing:border-box;} */
/* .m_cont3 .right_area{float:right; padding-left:0.8%; width:50%; box-sizing:border-box;} */
/* .m_cont3 li:hover .over_cover{opacity: 0.9; visibility: visible;} */

/* #section3{background:url(../img/main_bg_4.jpg) no-repeat center center; background-size:cover;} */
/* .m_cont4{margin:0 auto; max-width:1240px;} */
/* .m_cont4 ul{background:rgba(255,255,255,0.7); border-radius:10px; } */
/* .m_cont4 li{float:left;  width:33.33%;  background:url(../img/main_bar.png) repeat-y 0 0; box-sizing:border-box;} */
/* .m_cont4 li:first-child{background:none;} */
/* .m_cont4 li>div{position:relative; padding:35px 206px 0 40px; height:220px; box-sizing:border-box;} */
/* .m_cont4 li.icon_1>div{background:url(../img/main_icon_8.png) no-repeat right 40px center;} */
/* .m_cont4 li.icon_2>div{background:url(../img/main_icon_9.png) no-repeat right 40px center;} */
/* .m_cont4 li.icon_3>div{background:url(../img/main_icon_10.png) no-repeat right 40px center;} */
/* .m_cont4 li strong{margin-bottom:15px; display:block; font-size:22px; font-family:"noto-medium";} */
/* .m_cont4 li span{margin-bottom:45px; line-height:1.5;  display:block; font-size:15px; font-family:"noto-medium"; color:#666;} */
/* .m_cont4 .more{position:absolute; left:40px; bottom:40px; color:#ff3a3a; font-size:17px;  font-family:"noto-medium";} */
/* #section3 .scroll .bg{background:rgba(255,255,255,0.2);} */

.main_container_web{padding:0 0 67px;}

.navigation{position:fixed; right:0; top:36%; z-index:100; overflow:hidden;}
.navigation ul li{position:relative; margin-bottom:20px; width:125px; height:20px; text-align:right;}
.navigation ul li img{vertical-align:top;}
.navigation ul li .white_bar{position:absolute; right:0; top:0; vertical-align:top; -webkit-transform:translateX(112px); transform:translateX(112px);}
.navigation ul li .black_bar{position:absolute; right:0; top:0; width:112px; height:20px; display:inline-block; background-color:#2b2b2b; vertical-align:top; -webkit-transform: translateX(0); transform: translateX(0);}
.navigation ul li.on .white_bar{-webkit-transform: translateX(0);  transform: translateX(0);}
.navigation ul li.on .black_bar{-webkit-transform: translateX(112px); transform: translateX(112px);}

.navi_open{position:absolute; right:30px; top:20px;  width:40px;}
.navi_open a{width:30px; height:23px; display:block;}
.navi_open span{display:block;position:absolute;height:5px;width:50%;background:#666;opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:.25s ease-in-out}
.navi_open span:nth-child(even){left:50%}
.navi_open span:nth-child(odd){left:0}
.navi_open span:nth-child(1),.navi_open span:nth-child(2){top:0}
.navi_open span:nth-child(3),.navi_open span:nth-child(4){top:10px}
.navi_open span:nth-child(5),.navi_open span:nth-child(6){top:20px}
.navi_open .mainnav-open span{background:#fff;}
.navi_open .mainnav-open span:nth-child(1),.navi_open .mainnav-open span:nth-child(6){-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.navi_open .mainnav-open span:nth-child(2),.navi_open .mainnav-open span:nth-child(5){-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.navi_open .mainnav-open span:nth-child(1){left:2px;top:3px}.navi_open .mainnav-open span:nth-child(2){left:calc(50% - 3px);top:3px}
.navi_open .mainnav-open span:nth-child(3){left:-50%;opacity:0}.navi_open .mainnav-open span:nth-child(4){left:100%;opacity:0}
.navi_open .mainnav-open span:nth-child(5){left:2px;top:12px}
.navi_open .mainnav-open span:nth-child(6){left:calc(50% - 3px);top:12px}

/*layout*/
.sub_container{position:relative; z-index:1; padding-bottom:200px;}
.lnb_area{position:relative; z-index:3; background-color:#23358c;}
.lnb{margin:0 auto; }
.lnb>ul>li{position:relative; float:left; width:200px;  border-right:1px solid #162159;  }
/*eng/jp 추가*/
.lnb>ul>li.global_lnb_2dep{width:265px;}
/*eng/jp 추가*/
.lnb>ul>li>a{height:50px; line-height:50px; font-size:15px;}
.lnb>ul>li.home{width:70px; height:50px; line-height:50px; text-align:center;  border-left:1px solid #162159; }
.lnb>ul>li.lnb_1dep>a{padding:0 40px 0 20px; background:url(../img/lnb_arrow.gif) no-repeat right 30px center; display:block; color:#a7aed1;}
.lnb>ul>li.lnb_2dep>a{padding:0 40px 0 20px; background:url(../img/lnb_arrow_2.gif) no-repeat right 30px center #162159; display:block;  color:#fff;}
.sub_title{margin-bottom:25px; padding:90px 0 30px; text-align:center; background:url(../img/title_bar.png) no-repeat center bottom; font-size:50px; color:#333;}
.sub_txt{font-size:22px; color:#333; text-align:center; }
.s_lnb{position:absolute; left:0; top:49px; padding:10px 0;  width:100%;  background-color:#23358c; display:none;}
.lnb ul li .s_lnb li{margin-bottom:10px; padding-left:20px; }
/*eng/jp 추가*/
.lnb ul li.global_lnb_2dep .s_lnb li{padding-left:15px; }
/*eng/jp 추가*/
.lnb ul li .s_lnb li a{color:#fff; line-height:auto;  height:auto;}
.lnb_2dep .s_lnb{background-color:#162159;}
.s_menu{padding:25px 0 95px; text-align:center; }
.s_menu ul{display:inline-block;}
.s_menu li{float:left; margin:0 9px; padding-bottom:10px; width:130px;  box-sizing:border-box; }
.s_menu li a{display:block; padding-right:28px; font-size:17px; color:#666; background:url(../img/tab_arrow_off.png) no-repeat right 6px;}
/*eng 추가*/
.eng_s_menu li{width:140px;}
.eng_s_menu li a{font-size:16px;}
/*eng 추가*/
/*jp 추가*/
.jp_s_menu li{width:148px;}
.jp_s_menu li a{font-size:15px;}
/*jp 추가*/
.s_menu li.menu_on{background:url(../img/menu_red_bar.gif) repeat-x 0 bottom;}
.s_menu li.menu_on a{color:#23358c; background:url(../img/tab_arrow_on.png) no-repeat right 6px;}

.btn_top{position:fixed; right:20px; bottom:50px; z-index:90;}

/*title*/
.title_style_1{padding-left:25px; background:url(../img/bulit_3.gif) no-repeat 0 center; font-size:22px; color:#666;}
.title_style_2{margin-bottom:30px; padding-left:30px; background:url(../img/icon_check.jpg) no-repeat 0 center; font-size:22px; color:#222; font-family:"noto-medium";}
/*jp 추가*/
.jp_title_style_2{font-family:Meiryo;}
/*jp 추가*/

/*btn*/
.basic-btn01{width:208px; height:45px; line-height:45px; border:1px solid #e1d7d7; border-bottom:2px solid #cfbebe; display:inline-block; border-radius:6px; text-align:center; font-size:16px; color:#997a7a; font-family:"noto-bold";
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fffefe+0,faf6f6+50,f6efef+100 */
background: #fffefe; /* Old browsers */
background: -moz-linear-gradient(top,  #fffefe 0%, #faf6f6 50%, #f6efef 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fffefe 0%,#faf6f6 50%,#f6efef 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fffefe 0%,#faf6f6 50%,#f6efef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffefe', endColorstr='#f6efef',GradientType=0 ); /* IE6-9 */
}

/*history*/
.history_bg{background:url(../img/hisstory_bg.jpg) no-repeat center 0;}
.history{margin:0 auto; }
.circle_year{position:relative;}

.history .gray_year{position:absolute; left:50%; top:38px;  margin-left:160px; width:120px; height:120px; line-height:120px; background:url(../img/gray_year_bg.gif) repeat 0 0; border-radius:50%; text-align:center; font-size:16px; color:#fff; box-sizing:border-box; cursor:pointer;}
.history .tab_on{margin:0 auto; padding-top:70px; width:198px; height:198px; background:url(../img/red_year_bg.gif) repeat 0 0; border-radius:50%; text-align:center; font-size:26px; color:#fff; box-sizing:border-box; cursor:pointer;}
.history_list{position:relative; padding:50px 0 100px; background:url(../img/history_bar.gif) repeat-y center 0;}
.history_list>div{position:relative; }
.history_list .left{padding-right:50%; width:50%;}
.history_list .right{padding-left:50%; width:50%;}
.history_list .red_circle{position:absolute; left:50%; top:20px; margin-left:-5px; width:10px; height:10px; background-color:#c90122; border-radius:50%; display:inline-block; }
.history_list .year{margin-bottom:50px; display:block; font-size:35px; color:#rrr; font-weight:600;}
.history_list .left ul{padding-right:50px;}
.history_list .right ul{padding-left:50px;}
.history_list .left .year{padding-right:50px; text-align:right;}
.history_list .right .year{padding-left:50px;}
.history_list ul li{position:relative; padding-left:90px; }
.history_list ul li span{position:absolute; left:0; top:4px; font-size:16px; color:#333;}
.history_list ul li p{margin-bottom:9px; line-height:1.7; font-size:16px; color:#666;}
.history_list .left ul li{padding-right:90px; padding-left:0;}
/*jp 추가*/
.history_list_jp ul li p{font-size:15px;;}
.history_list_jp ul li{padding-left:70px;}
.history_list_jp .left ul li{padding-right:70px; padding-left:0;}
/*jp 추가*/
.history_list .left ul li span{left:auto; right:0; }
.history_list .left ul li p{text-align:right;}
.history_bg_1{background:url(../img/hsitory_img_3.png) no-repeat right 40px center;}
.history_bg_2{background:url(../img/hsitory_img_2.png) no-repeat 20px center;}
.history_bg_3{background:url(../img/hsitory_img_1.png) no-repeat right 110px center;}
.history_bg .sub_txt{margin-bottom:320px;}
.history_list .btm_circle{position:absolute; left:50%; bottom:0; margin-left:-5px; width:10px; height:10px; background-color:#c90122; border-radius:50%; display:inline-block; }
.tab_cont>div{display:none;}
.tab_cont>div:first-child{display:block;}

/*개요*/
.f-red{color:#c90122;}
.ub_summary{background:url(../img/summary_bg.jpg) no-repeat center 196px; }
.ub_summary .txt_1{margin-bottom:75px; padding-top:350px; text-align:center; line-height:1.8; font-size:16px; color:#666;}
.ub_summary .txt_1 strong{font-size:17px; color:#505050; font-family:"noto-medium"; font-weight:normal;}
.ub_summary .logo_area{float:left; width:34%;}
.ub_summary .logo_area img{width:100%;}
.ub_summary .txt_area{float:right; width:60%;}
.ub_summary .txt_area ul li:first-child{border-top:none;}
.ub_summary .txt_area ul li{position:relative; padding:17px 0 17px 130px; border-top:1px solid #e7e7e7; font-size:18px; color:#777;}
.ub_summary .txt_area ul li span.title{position:absolute; left:0; top:17px; padding-left:25px; width:130px; background:url(../img/bulit_2.gif) no-repeat 5px center; font-size:18px; font-family:"noto-medium"; box-sizing:border-box;}
/*eng 추가*/
.ub_summary .eng_txt_area ul li{padding:17px 0 17px 170px;}
.ub_summary .eng_txt_area ul li span.title{width:150px;}
/*eng 추가*/

/*ceo 인사말*/
.ceo_intro{position:relative;}
.ceo_intro .sub_txt img{max-width:100%;}
.intro_txt{position:relative; padding:25px 0 0 525px;}
.intro_txt p{margin-bottom:18px; line-height:1.65; font-size:15px; font-family:"noto-light";}
.intro_txt .ceo_photo{position:absolute; left:70px; top:25px;}
.ceo_sign{padding-top:25px;}
.ceo_sign img{margin-left:10px; }

/*사업목표*/
.objectives{padding-top:90px; }
.objectives img{max-width:100%;}

/*조직도*/
.organization .sub_title{margin-bottom:55px;}
.organization .ceo{background:url(../img/ceo_bg.jpg) no-repeat center 0; text-align:center;}
.organization .ceo .bar{padding-bottom:62px; background:url(../img/organization_bar.gif) no-repeat center bottom;}
.organization .ceo .bar span{padding:15px; width:124px; height:124px; line-height:124px; display:inline-block; background:url(../img/organization_top.jpg) no-repeat center 0; text-align:center; font-size:24px; color:#c90122; font-family:"noto-medium";}
.department_wrap{}
.department_bar{height:63px; display:block; background:url(../img/organization_bar2.gif) no-repeat 0 0; background-size:100%;}
.department_wrap>div{float:left; margin-left:2%; width:15%;}
.department_wrap>div:first-child{margin-left:0;}
.department_wrap .department{margin-bottom:10px; height:53px; line-height:53px;text-align:center;  display:block; background:url(../img/organization_bg.jpg) no-repeat center 0; text-align:center; background-size:cover; border-radius:10px 10px 0 0; font-size:18px; color:#fff; }
/*eng 추가*/
.department_wrap .department{font-size:16px;}
/*eng 추가*/
.department_wrap .bd_r .department{border-radius:10px;}
.team_list{padding:24px 0 10px 25px; background-color:#fafafa; border:1px solid #ccc; border-radius:0 0 10px 10px; }
.team_list li{margin-bottom:18px; padding-left:15px; background:url(../img/bulit_4.png) no-repeat 0 7px; font-size:18px; color:#666;}
/*eng 추가*/
.jp_team_list{padding:24px 0 10px 15px; }
.jp_team_list li{font-size:16px;}
/*eng 추가*/
/*jp 추가*/
.team_list_jp{padding:24px 0 10px 10px;}
.team_list_jp li{padding-left:10px;font-size:15px;}
/*jp 추가*/

/*온라인 상담요청*/
.necessary{margin:-2px 5px 0;width:7px; height:7px; display:inline-block; background:url(../img/icon_necessary.png) no-repeat 0 0; text-indent:-9999px;}
.online_request .sub_title{margin-bottom:65px;}
.online_request .sub_txt{font-size:26px;}
.online_request .txt_1{padding:60px 0 20px; text-align:center; line-height:1.6; font-size:18px; color:#666;}
.online_request .txt_2{margin-bottom:55px; text-align:center; font-size:16px; color:#895454; font-family:"noto-medium";}
.online_request h2{margin-bottom:10px; font-size:16px; color:#666; font-family:"noto-bold";}
.online_request .terms_box{padding:15px; height:150px; overflow:auto; box-sizing:border-box; border:1px solid #ddd; line-height:1.4; font-family:"돋움","dotum"; font-size:12px; color:#a6a6a6;}
.online_request .terms_box *{font-family:"돋움","dotum"; font-size:12px; color:#a6a6a6;}
.online_tb{margin-bottom:20px; border-top:2px solid #ccc; border-bottom:2px solid #ccc;}
.online_tb th{padding:11px 0; background-color:#efeaea; border-top:1px solid #fff; vertical-align:top;}
.online_tb th label{font-size:16px; color:#666; }
.online_tb tr:first-child th,.online_tb tr:first-child td{border-top:none;}
.online_tb td{padding:6px 10px; border-top:1px solid #e6e6e6; }
.online_tb td select{width:25.5%; height:26px; line-height:24px; border:1px solid #ccc;}
.online_tb input[type=text]{width:65%; height:26px; line-height:24px; }
.online_tb .title input[type=text]{width:100%;}
.online_tb textarea{padding:15px; width:100%; height:230px; box-sizing:border-box; border:1px solid #ccc;}
.online_tb td.spam span{padding:10px; display:inline-block; font-family:"noto-light"; background-color:#efefef; font-size:16px;}
.online_tb td.spam input[type=text]{margin-left:10px; width:100px;}
.terms_agree{padding:5px 0 30px; text-align:right;}
.terms_agree label{font-size:14px; color:#666;}

/*인증특허내역*/
.certi_list{margin-bottom:30px; padding-left:5.24%;}
.certification h2{margin-bottom:57px;}
.certification .sub_title{margin-bottom:70px;}
.certi_list li{float:left; margin-left:2.4%;  width:21.29%;}
.certi_list li img{width:100%;}
.certi_list .img_area{border:1px solid #ddd;}
.certi_list .txt_area{padding-top:15px; height:100px; text-align:center; box-sizing:border-box; font-size:15px; color:#666; font-family:"noto-demilight";}

/*협력사소개*/
.family_site{text-align:center;}
.family_site .sub_txt{margin-bottom:55px; }
.family_site ul li{float:left; margin:0 0.8%; width:41.93%; display:inline-block;}
.family_site .img_area{border:1px solid #ddd;}
.family_site .img_area img{width:100%;}
.family_site .txt_area{padding-top:18px; height:95px; box-sizing:border-box; text-align:center; font-size:15px; color:#666; font-family:"noto-demilight";}

/*찾아오시는길*/
.location{margin:0 auto; width:700px;}
.location .sub_txt{margin-bottom:65px; }
.map_area img{width:100%;}
.location .add{padding:18px 0; text-align:center; }
.location .add span{margin:0 5px; padding:2px 0 2px 25px; display:inline-block; font-size:16px; font-family:"noto-medium";}
/*eng 추가*/
.location .add span span.br{display:block;}
/*eng 추가*/
.location .add span.icon_now{background:url(../img/icon_location.png) no-repeat 0 2px;}
.location .add span.icon_tel{background:url(../img/icon_tel.png) no-repeat 0 2px;}
.location .add span.icon_tel strong{font-size:15px; color:#777;}
.location .gray_box{position:relative; margin-bottom:10px; padding:15px 185px 15px 155px; background-color:#f5f5f6;}
.location .gray_box .title{position:absolute; left:25px;  padding-left:35px; width:130px; height:35px; line-height:35px; display:inline-block; text-align:center; box-sizing:border-box; font-size:16px; color:#555; font-family:"noto-medium";}
.location .subway .title{ background:url(../img/icon_subway.png) no-repeat 0 0;}
.location .bus .title{background:url(../img/icon_bus.png) no-repeat 0 0;}
.location th{line-height:1.6; font-size:16px; color:#1e3caf;}
.location th.f-green{font-size:16px; color:#6a9d21;}
.location td{line-height:1.6; font-size:15px; color:#666;}
.location .txt{position:absolute; right:25px; top:25px; font-size:16px; color:#666;}
/*jp 추가*/
.location_jp th{font-size:15px;}
.location_jp th.f-green{font-size:15px;}
.location_jp th.f-green{font-size:15px;}
.location_jp .gray_box{padding:30px 50px 30px 155px;}
.location_jp .txt{right:12px;top:69px;color:#000;}
/*jp 추가*/

/*차량관제서비스*/
.car_control_1{padding-bottom:45px; background:url(../img/car_control_bg.jpg) no-repeat center bottom; background-size:cover;}
.car_control_1 .img_area{text-align:center;}
.car_control_1 .img_area img{max-width:100%;}
.car_control_1 .txt_1{margin-bottom:25px; line-height:1.4; text-align:center; font-size:26px; }
.car_control_1 .txt_2{margin-bottom:45px; line-height:1.4; text-align:center; font-size:18px; color:#666; }
.car_control_2{padding:100px 0 120px; background:url(../img/car_control_bg2.jpg) no-repeat center 0; background-size:cover;}
.car_control_2 .img_area{text-align:center;}
.car_control_2 .img_area img{max-width:100%;}
.car_control_2 ul li{float:left; margin-left:1.33%; padding:2px; width:24%; height:200px; box-sizing:border-box; background-color:#fff; border-radius:3px; overflow:hidden;}
.car_control_2 ul li:first-child{margin-left:0;}
.car_control_2 .title{position:relative; padding-bottom:10px; height:65px; line-height:65px; display:block; text-align:center; font-size:26px; color:#802d3a; background-color:#e8e5e4;}
/*eng 추가*/
.eng_car_control_2 .title{font-size:22px;}
.eng_car_control_2 .eng_title{line-height: 22px;display:block;padding-top:5px;padding-bottom:5px;}
/*eng 추가*/
.car_control_2 .title .arrow{position:absolute; left:50%; bottom:0; margin-left:-9px; width:18px; text-align:center; }
.car_control_2 .txt_area{padding-top:26px; text-align:center; line-height:1.6; font-size:14px; color:#665252; }
.car_control_2 .txt_area strong{display:block; font-size:18px; color:#665252; font-family:"noto-medium";}

/*주요기능*/
.import_skil>ul{border-top:2px solid #ccc; border-bottom:1px solid #ccc;}
.import_skil>ul>li{position:relative; padding:28px 0 28px 220px; min-height:90px;border-bottom:1px solid #ccc;}
.import_skil>ul>li .title{position:absolute; left:0; top:28px; padding-top:70px; width:220px; text-align:center; display:inline-block; font-size:16px; color:#1f1f1f;}
.import_skil>ul>li.icon_1 .title{background:url(../img/skil_icon_1.jpg) no-repeat center 0;}
.import_skil>ul>li.icon_2 .title{background:url(../img/skil_icon_2.jpg) no-repeat center 0;}
.import_skil>ul>li.icon_3 .title{background:url(../img/skil_icon_3.jpg) no-repeat center 0;}
.import_skil>ul>li.icon_4 .title{background:url(../img/skil_icon_4.jpg) no-repeat center 0;}
.skil_list li{padding-left:10px; background:url(../img/bulit_4.gif) no-repeat 0 9px; line-height:1.6; font-size:14px; color:#4e4e4e; }
.skil_list li.f-red{color:#96021a;}

/*기대효과*/
.hope_effect h2{margin-bottom:20px; text-align:center; font-size:26px;}
.condition_list{position:relative; padding:2px 0 2px 40px; text-align:center; display:inline-block; line-height:1.5; font-size:18px; }
.condition_list .f-small{display:block; color:#666; font-size:16px;}
.condition_list .number{position:absolute; left:0; top:2px; width:29px; height:28px; line-height:24px; text-align:center; background:url(../img/number_bg.png) no-repeat 0 0; font-size:14px; color:#fff; font-family:"noto-bold";}
.condition_list strong{font-size:18px; color:#ab3e50; font-weight:normal;}
.hope_effect .img_area{text-align:center;}
.hope_effect .img_area img{max-width:100%;}
.condition_step{padding:25px 0 20px; text-align:center; }
.condition_step ul{display:inline-block;}
.condition_step li{float:left; padding-left:5px;width:230px; background:url(../img/icon_plus.gif) no-repeat 0 70px; line-height:1.4; font-size:15px; color:#666;}
.condition_step li:first-child{background:none;}
.condition_step li.icon_1 span{background:url(../img/car_condition_icon1.jpg) no-repeat center 0;}
.condition_step li.icon_2 span{background:url(../img/car_condition_icon2.jpg) no-repeat center 0;}
.condition_step li.icon_3 span{background:url(../img/car_condition_icon3.jpg) no-repeat center 0;}
.condition_step li.icon_4 span{background:url(../img/car_condition_icon4.jpg) no-repeat center 0;}
.condition_step li .f-red{padding-top:165px; display:block; color:#925454; font-family:"noto-medium";}
/*jp 추가*/
.condition_step li .jp_red{color:#925454;font-family:Meiryo;}
/*jp 추가*/
.hope_effect .txt_1{margin-bottom:58px;}
.hope_effect .txt_2{margin-bottom:45px;}
.hope_effect .txt_3{margin-bottom:7px; text-align:center;}

/*sub_style*/
.sub_style_1{padding-bottom:150px; background:url(../img/system_bg.jpg) no-repeat center 0;}
.sub_style_1 .img_area{text-align:center;}
.sub_style_1 .img_area img{max-width:100%;}
.sub_style_1 .title_style_1{margin-bottom:30px; color:#222;}
.sub_style_1 .sub_cont{padding:0 70px;}

.sub_style_2 .img_area{text-align:center;}
.sub_style_2 .img_area img{max-width:100%;}
.sub_style_2 .title_style_1{margin-bottom:30px; color:#222;}
.sub_style2_list>li{float:left; width:47.7%; height:540px;}
.sub_style2_list>li:nth-child(2n){float:right; }
.sub_style2_list>li .title{margin-bottom:18px; padding-left:10px; display:block; background:url(../img/bulit_4.png) no-repeat 0 7px; font-size:20px; color:#222;}
.sub_style2_list>li span{vertical-align:top;}
.sub_style2_list .txt_area{padding-top:15px; }
.sub_style2_list .txt_area li{margin-bottom:8px; padding-left:10px; background:url(../img/bulit_4.gif) no-repeat 0 10px; line-height:1.5; font-size:16px; color:#444; letter-spacing:-1px;}
/*eng 추가*/
.eng_style2_list .txt_area li{margin-bottom:25px;}
/*eng 추가*/
.sub_style2_list .txt_area li.f-red{padding-left:0; background:none; font-size:18px; color:#6f2c2c; font-family:"noto-medium"; }
.sub_style2_list.sub_style2_list_1{padding-bottom:50px;}
.sub_style2_list.sub_style2_list_1>li{height:290px;}
.sub_style2_list.sub_style2_list_2>li{height:460px;}

/*렌터카관제서비스*/
.rentalcar_service{padding-bottom:150px; background:url(../img/rentalcar_bg.jpg) no-repeat center bottom;}
.rentalcar_service .txt_1{margin-bottom:20px; text-align:center; line-height:1.4; font-size:26px;}
.rentalcar_service .txt_1 span{vertical-align:top;}
.rentalcar_service .txt_2{margin-bottom:55px; text-align:center; line-height:1.5; font-size:18px; color:#666; }
.rentalcar_service .img_area{margin-bottom:120px; text-align:center;}
.rentalcar_service .img_area img{max-width:100%; }
.rentalcar_service .condition_list{margin-bottom:35px; font-size:26px;}
.rentalcar_service .condition_list .number{top:10px; }
.rentalcar_service .img_area2{text-align:center;}
.rentalcar_service .img_area2 img{max-width:100%;}

/*스마트DTG*/
.intro_txt_1{margin-bottom:25px; line-height:1.4; text-align:center; font-size:26px; }
.intro_txt_2{margin-bottom:25px; line-height:1.4; text-align:center; font-size:18px; color:#666; }
.intro_txt_3{margin-bottom:70px; text-align:center; font-size:14px; color:#978383;}
.dtg_intro_1 .img_area{padding-bottom:58px; text-align:center; background:url(../img/dtg_intro_bg.jpg) no-repeat center 0; background-size:cover;}
.dtg_intro_1 .img_area img{max-width:100%;}
.dtg_intro_2{padding-bottom:160px; background:url(../img/dtg_intro_bg2.jpg) no-repeat center bottom;}
.dtg_intro_2 .img_area{text-align:center;}
.dtg_intro_2 .img_area img{max-width:100%;}
.dtg_intro_2 .check_list{padding:30px 0 135px;}
.dtg_intro_2 .check_list li{line-height:1.6; }
.dtg_intro_2 .txt_1{margin-bottom:35px;}
.dtg_intro_2 .txt_1 p{font-size:26px;}
.dtg_intro_2 .txt_1 .number{top:7px;}
.dtg_intro_2 .txt_2{margin-bottom:95px;}
.check_list{text-align:center; }
.check_list ul{display:inline-block;}
.check_list ul li{float:left; margin:0 25px; padding-left:20px; background:url(../img/icon_check2.png) no-repeat 0 0; font-size:16px; color:#925454; font-family:"noto-medium";}
.jp_check_list ul li{font-family:Meiryo;}

/*dtg 설치방법*/
.install_step li{position:relative; padding:40px 40px 40px 430px; height:277px; border-bottom:1px solid #999; border-top:1px solid #999;}
.install_step .img_area{position:absolute; left:40px; top:40px; }
.install_step .txt_area{width:100%; height:277px; display:table; text-align:center; }
.install_step .txt_area .inner{display:table-cell; vertical-align:middle;}
.install_step .number{margin-bottom:16px; width:68px; height:68px; line-height:68px; text-align:center; display:inline-block; border-radius:50%; background-color:#c90122; font-size:40px; font-family:"noto-bold"; color:#fff;}
.install_step .txt_area p{line-height:1.5; font-size:22px; color:#96021a; }
.install_step .txt_area p img{margin-top:5px; vertical-align:top;}
.install_step .txt_area p.txt_1{margin-bottom:8px; padding-top:10px;  font-size:16px; color:#000;}
.install_step .txt_area p.txt_2{color:#666; font-size:14px; }
.icon_important{margin-right:5px; width:17px; height:17px; background-color:#454545; display:inline-block; text-align:center; border-radius:50%;  font-size:13px; color:#fff; }

/*eco*/
.eco_intro{padding-bottom:130px; text-align:center; background:url(../img/eco_bg_2.jpg) no-repeat center bottom; }
.eco_intro .txt_1{margin-bottom:6px; line-height:1.4;  font-size:26px; }
.eco_intro .txt_3{margin-bottom:24px; display:block; text-align:center; font-size:14px; color:#666;}
.eco_intro .txt_2{line-height:1.6; font-size:18px; color:#666;}
.eco_bg_1{padding-bottom:600px;background:url(../img/eco_bg_1.jpg) no-repeat center bottom;  background-size:cover;}
.eco_intro .img_area{text-align:center;}
.eco_intro .img_area img{max-width:100%;}
.import_skil>ul>li.eco_icon_1 .title{background:url(../img/ehco_icon_1.jpg) no-repeat center 0;}
.import_skil>ul>li.eco_icon_2 .title{background:url(../img/ehco_icon_2.jpg) no-repeat center 0;}
.import_skil>ul>li.eco_icon_3 .title{background:url(../img/ehco_icon_3.jpg) no-repeat center 0;}
.import_skil>ul>li.eco_icon_4 .title{background:url(../img/ehco_icon_4.jpg) no-repeat center 0;}

.eco_wrap .sub_style2_list>li{height:675px;}
.eco_wrap .sub_style2_list.list_1>li{height:550px;}
.sub_style_2 .txt_1{margin-bottom:16px; font-size:17px; color:#6f2c2c; font-family:"noto-medium"; letter-spacing:-1px;}
.sub_style_2 .eco_list li{position:relative; padding-left:120px; }
.sub_style_2 .eco_list li .txt_2{position:absolute; left:10px; top:0; }
/*jp 추가*/
.jp_sub_style_2 .txt_1{font-family:Meiryo;}
.jp_sub_style_2 .eco_list li{padding-left:165px; }
.jp_sub_style_2 .eco_list li .txt_2{font-weight:600;}
/*jp 추가*/
/*eng 추가*/
.eng_style2_list .eco_list li .txt_2{width:110px;line-height:20px;}
/*eng 추가*/
.sub_style_2 .eco_list p{font-size:16px; color:#666;}

/*chi 추가*/
.chi_style2_list .txt_area li{margin-bottom:25px;}
.chi_style2_list .eco_list li{position:relative; padding-left:130px; }
.chi_style2_list .eco_list li .txt_2{width:110px;line-height:20px;}

/*컴온버스*/
.common_bus_intro{padding-bottom:150px; background:url(../img/common_bus_bg.jpg) no-repeat center bottom; text-align:center;}
.common_bus_intro .txt_1{margin-bottom:16px; line-height:1.4;  font-size:26px; }
.common_bus_intro .txt_2{margin-bottom:45px; line-height:1.6; font-size:18px; color:#666;}
.common_bus_intro .img_area{margin-bottom:90px; text-align:center;}
.common_bus_intro .img_area img{max-width:100%;}
.common_bus_intro h2{margin-bottom:26px;}
.common_bus_intro h2 span{padding-left:40px; display:inline-block; background:url(../img/icon_important.png) no-repeat 0 0; font-size:26px; color:#333;}
.common_bus_intro .left_area{float:left; padding:2px 10px 2px 195px; width:49.19%; height:202px; background:url(../img/common_bus_icon1.jpg) no-repeat 2px 2px #fff; box-sizing:border-box; border-radius:2px; display:table;}
.common_bus_intro .right_area{float:right; padding:2px 10px 2px 195px; width:49.19%; height:202px; background:url(../img/common_bus_icon2.jpg) no-repeat 2px 2px #fff; box-sizing:border-box; border-radius:2px; display:table;}
.common_bus_intro .txt_area h3{margin-bottom:18px; text-align:left; color:#802d3a; font-size:20px; }
.common_bus_intro .txt_area li{margin-bottom:4px;padding-left:10px; background:url(../img/bulit_1.gif) no-repeat 0 7px; text-align:left;  line-height:1.5;  font-size:14px; color:#665252;}
.common_bus_intro .txt_area .inner{display:table-cell; vertical-align:middle;}

/*영상관제센터*/
.common_bus_intro.video_control{background:url(../img/video_control_bg.jpg) no-repeat center bottom;}

/*제품소개*/
.product_info .sub_sec_top{display:flex;flex-wrap:wrap;margin-top:80px;}
.product_info .sub_sec_top .img_area{width:460px;position:relative;}
.product_info .sub_sec_top .img_area img{max-width:100%;position:absolute;top:50%;left:50%;transform:translate(-55%, -50%);-webkit-transform:translate(-55%, -50%);-moz-transform:translate(-55%, -50%);}
.product_info .sub_sec_top .txt_area{width:765px;}
.product_info .sub_sec_top .txt_area .txt_box{border-top:2px solid #a0a0a0;border-bottom:2px solid #a0a0a0;}
.product_info .sub_sec_top .txt_area .txt_cont:nth-child(2){border-top:1px solid #a0a0a0;border-bottom:1px solid #a0a0a0;}
.product_info .sub_sec_top .txt_area .txt_cont{display:flex;}
.product_info .sub_sec_top .txt_area .txt_cont .title{width:25%;position:relative;text-align:center;background:#fafafa;}
.product_info .sub_sec_top .txt_area .txt_cont .title p{display:block;width:100%;position:absolute;top:50%;left:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);color:#802d3a;font-size:18px;font-weight:600;}
.product_info .sub_sec_top .txt_area .txt_cont .detail{width:75%;padding:20px 0 5px;}
.product_info .sub_sec_top .txt_area .txt_cont .detail li{margin-bottom:13px;margin-left:30px;font-size:17px;position:relative;}
/*jp 추가*/
.product_info .sub_sec_top .jp_txt_area .txt_cont .detail li{margin-bottom:10px;margin-left:30px;font-size:15px;position:relative;line-height:150%;}
/*jp 추가*/
.product_info .sub_sec_top .txt_area .txt_cont .detail li span.br{display:block;}
.product_info .sub_sec_top .txt_area .txt_cont:nth-child(2) .detail li{margin-left:40px;}
.product_info .sub_sec_top .txt_area .txt_cont:nth-child(2) .detail li:before{content:"";width:2px;height:2px;border-radius:50%;background:#333;position:absolute;left:-10px;top:10px;}
.product_info .sub_sec_top .txt_area .txt_cont span.br{display:block;}
.product_info .sub_sec{display:flex;flex-wrap:wrap;margin-top:100px;}
.product_info .sub_sec .box_inner{width:595px;}
.product_info .sub_sec .box_inner:nth-child(even){margin-left:50px;}
.product_info .sub_sec .box_inner .top_box{margin-bottom:30px;}
.product_info .sub_sec .box_inner .top_box .main_img{position:relative;width:100%;height:300px;}
.product_info .sub_sec .box_inner .top_box .main_img img{max-width:100%;max-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);}
.product_info .sub_sec .box_inner .top_box .product_title{font-size:26px;color:#c90122;font-weight:600;margin-bottom:20px;}
.product_info .sub_sec .box_inner .top_box .sub_img{overflow:hidden;}
.product_info .sub_sec .box_inner .top_box .sub_img .left_img{width:49%;height:180px;float:left;border:1px solid #ddd;float:left;position:relative;}
.product_info .sub_sec .box_inner .top_box .sub_img .left_img img{max-width:90%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);}
.product_info .sub_sec .box_inner .top_box .sub_img .right_img{width:49%;height:180px;float:left;border:1px solid #ddd;float:right;position:relative;}
.product_info .sub_sec .box_inner .top_box .sub_img .right_img img{max-width:90%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);}
.product_info .sub_sec .box_inner .bottom_box{}
.product_info .sub_sec .box_inner .bottom_box .table_tit{background:#9c7c7c;color:#fff;font-size:15px;line-height:45px;border-radius:4px;border:2px solid #fff;}
.product_info .sub_sec .box_inner .bottom_box .table_tit>div{display:inline-block;}
.product_info .sub_sec .box_inner .bottom_box .table_tit .tit1{width:40%;text-align:center;}
.product_info .sub_sec .box_inner .bottom_box .table_tit .bar{width:1px;height:13px;background:#b09696;margin-left:-2px;}
.product_info .sub_sec .box_inner .bottom_box .table_tit .tit2{width:58%;text-align:center;}
.product_info .sub_sec .box_inner .bottom_box table{width:100%;margin-top:2px;}
.product_info .sub_sec .box_inner .bottom_box table th.sub_tit{padding-left:20px;background:#eeebeb;color:#9c7c7c;text-align:left;border:2px solid #fff;border-right:none;border-radius:6px 0 0 6px;font-size:18px;font-weight:400;letter-spacing:-1px;}
.product_info .sub_sec .box_inner .bottom_box table td{background:#fff;line-height:45px;letter-spacing:-1px;;}
.product_info .sub_sec .box_inner .bottom_box table td p{padding-left:20px;border:2px solid #eeebeb;margin:1px;margin-left:0;border-radius:0 3px 3px 0;font-size:16px;}


/*가입 및 이용안내*/
.use_info .sub_title{margin-bottom:70px;}
.use_info h2{margin-bottom:25px; font-size:24px; color:#c90122; font-family:"noto-medium";}
/*jp 추가*/
.use_info h2.jp_h2{font-family:Meiryo;}
/*jp 추가*/
.use_info .txt_1{line-height:1.6; font-size:16px; color:#666;}
.use_info .txt_2{margin-bottom:30px; line-height:1.6; font-size:16px; color:#444; font-family:"noto-light";}
.use_info .img_area{text-align:center; }
.use_info .img_area img{max-width:100%;}
.use_info .img_area_1{margin-bottom:95px;}
.use_info .img_area_2{padding:30px 0 40px;}
.use_info .imb_area_3{margin-bottom:40px;}
.use_info .txt_3{margin-bottom:30px; padding:14px 0; text-align:center; background-color:#f3efec; font-size:15px; color:#957560; font-family:"noto-medium";}
/*jp 추가*/
.use_info .jp_txt_3{font-family:Meiryo;}
/*jp 추가*/
.use_info .btn_area{margin-bottom:70px; text-align:center; }
.use_info .list{margin-bottom:105px;}
.use_info .list li{position:relative; padding:28px 10px 28px 185px; min-height:60px; border-bottom:1px solid #a0a0a0;}
.use_info .list li:first-child{border-top:1px solid #a0a0a0;}
.use_info .list .title{position:absolute; left:80px; top:30px; padding-top:45px; display:inline-block; text-align:center; font-size:16px; color:#88515f; font-family:"noto-medium";}
/*eng 추가*/
.use_info .eng_list .title{top:15px;}
/*eng 추가*/
.use_info .list .icon_1 .title{background:url(../img/use_info_icon1.jpg) no-repeat center 0;}
.use_info .list .icon_2 .title{background:url(../img/use_info_icon2.jpg) no-repeat center 0;}
.use_info .list .icon_3 .title{background:url(../img/use_info_icon3.jpg) no-repeat center 0;}
.use_info .list p{line-height:1.5; font-size:15px; color:#555; letter-spacing:-1px;}
.use_info .process li{margin-bottom:25px; }
.use_info .process .img_area{float:left; width:47.5%;}
.use_info .process .txt_area{float:right; padding-top:20px; width:47.5%;}
.use_info .process .txt_area .number{margin-right:5px;width:18px; height:18px; line-height:18px; display:inline-block; background-color:#8c6464; text-align:center; border-radius:50%; font-size:13px; color:#fff;}
.use_info .process .txt_area .title{font-size:18px; color:#936f6f; font-family:"noto-medium";}
/*jp 추가*/
.use_info .process .jp_txt_area .title{font-family:Meiryo;}
/*jp 추가*/
.use_info .process .txt_area p{line-height:1.6; font-size:16px; color:#444;}

/*지사및대리점*/
.agency .sub_title{margin-bottom:70px;}
.agency .img_area img{width:100%;}

/*고객센터안내*/
.service_center .sub_title{margin-bottom:70px;}
.service_center .txt_1{margin-bottom:25px; text-align:center; }
.service_center .txt_1 .left{padding-left:30px; display:inline-block; background:url(../img/icon_quotes_1.gif) no-repeat 0 0;}
.service_center .txt_1 .right{padding-right:30px; display:inline-block; background:url(../img/icon_quotes_2.gif) no-repeat right 0; font-size:30px; color:#c90122; font-family:"noto-medium";}
.service_center .txt_2{margin-bottom:30px;line-height:1.5; text-align:center; font-size:16px; color:#444;}
.service_center .img_area{text-align:center;}
.service_center .img_area img{max-width:100%;}


/*사이트맵*/
.sitemap_bg{position:fixed; left:0; top:0; bottom:0; z-index:100;width:100%; height:100%; background:rgba(35,53,140,0.9); display:none;}
.sitemap_wrap{position:absolute; left:50%; top:175px; z-index:101; margin-left:-620px; width:1240px; display:none;}
.sitemap_wrap *{color:#fff;}
.sitemap_wrap .inner{position:relative; }
.sitemap_wrap h1{padding-bottom:25px; font-size:30px; font-family:"noto-black"; border-bottom:1px solid #5768bf;}
.sitemap_wrap .inner>ul>li{padding:25px 0; border-bottom:1px solid #5768bf;}
.sitemap_wrap .inner>ul>li>span{float:left; width:16%; display:inline-block; font-size:30px; font-family:"noto-medium";}
.sitemap_wrap ul>li .s_sitemap{float:left; padding-top:10px; width:84%}
.sitemap_wrap ul>li .s_sitemap li{float:left; padding:0 20px; }
/*eng 추가*/
.sitemap_wrap ul.eng_sitemap>li .s_sitemap li{padding:0 20px 20px 20px; }
/*eng 추가*/
/*jp 추가*/
.sitemap_wrap .inner>ul.jp_sitemap>li>span{width:20%;}
.sitemap_wrap ul.jp_sitemap>li .s_sitemap{width:80%}
.sitemap_wrap ul.jp_sitemap>li .s_sitemap li{padding:0 20px 20px 20px; }
/*jp 추가*/
.sitemap_wrap ul>li .s_sitemap li a{color:#bfc6e6; font-size:18px; font-family:"noto-medium";}
.sitemap_close{position:absolute; right:0; top:15px; }
.sitemap_close a{font-family:"noto-black"; font-size:20px;}

/*주요고객사 소개*/
.client_tb tr{border-top:#ccc solid 1px;}
.client_tb tr td{padding:0 0 20px 0; font-size:0;}
.client_tb img{width:100%; max-width:927px;}
.client_tb th{font-size:18px}
.client_tb td{}
.client_tb td .thum{width:23%; display:inline-block; box-sizing:border-box; border:#eee solid 1px; margin:1%; text-align:center}
.client_tb td .thum img{width:100%; max-width:168px;}
.client_tb td .tt{width:100%; border-bottom:#eee solid 1px; padding:20px 0; text-align:center; font-size:22px; margin-bottom:20px}


/*----------- 웹 -----------*/
@media (min-width: 1250px){

/*response*/
.web{display:block;}
.mobile{display:none;}
.enter{display:block;}

.main_web{display:block;}
.main_mobile{display:none;}
.navi_open{display:none;}
.footer_web{display:block;}
.footer_mobile{display:none;}

/*header*/
.header_web_main{position:fixed; left:0; top:0; z-index:6; width:100%;   background-color:#fff;}
.header{margin:0 auto; max-width:1240px;}
.header .logo{float:left; padding:18px 0; }
.header .menu_area{float:right;}
.header .gnb{float:left;}
.header .util{float:right; }
.gnb>ul>li{position:relative; float:left; padding:0 65px; background:url(../img/bulit_1.gif) no-repeat 0 center;}
.gnb>ul>li:first-child{background:none;}

/*main 리뉴얼*/
.gnb>ul>li.mb_block{display:none;}
/*main 리뉴얼*/

.gnb>ul>li>a{padding:30px 0; display:block; text-align:center; font-size:18px; font-family:"noto-medium";}
.gnb>ul>li:hover>a{color:#23358c;}
.gnb>ul>li:hover .s_gnb{border-top:2px solid #23358c;}
.s_gnb{position:absolute; left:0; top:79px; z-index:20; padding-top:40px; width:100%; display:block; border-top:2px solid #f3f2f7; display:none;}
.gnb>ul>li:first-child .s_gnb ul{background:none;}
.s_gnb ul{padding-top:15px; height:310px; background:url(../img/gnb_bar.gif) no-repeat 0 0; box-sizing:border-box;}
.s_gnb li{margin-bottom:15px; text-align:center; }
.s_gnb li a{font-size:14px; color:#666; }
.s_gnb li a:hover{color:#23358c;}
.gnb_cover{position:absolute; left:0; top:79px; z-index:10; width:100%; height:355px; background:url(../img/gnb_bg.gif) repeat 0 0; display:none;}

.util{border-right:1px solid #e4e4e4;}
.util li{float:left; width:124px; border-left:1px solid #e4e4e4;}
.util li a{padding:33px 0; display:block; text-align:center;}
.util li a span{padding-left:24px; display:inline-block;}
.util li.icon_sitemap span{ background:url(../img/icon_sitemap.png) no-repeat 0 0;}
.util li.icon_contact span{background:url(../img/icon_contact.png) no-repeat 0 0;}
/*main 리뉴얼*/
.util li.icon_global{position:relative;}
.util li.icon_global span{background:url(../img/icon_global.png) no-repeat 0 0;}
.util li.icon_global .global_menu{position:absolute;top:82px;left:-1px;border:1px solid #666;border-top:none;box-sizing:border-box;display:none;z-index:100;}
.util li.icon_global .global_menu li{background:#f4f4f4;border:none;}
.util li.icon_global .global_menu li a{padding:10px 0;}
/* .util li.icon_global:hover .global_menu{display:block;} */
/*main 리뉴얼*/


/*main*/
.m_cont1_1 ul li{opacity:0;}
.swiper-slide .tb{width:100%; display:table; }
.swiper-slide .tb .td_c{display:table-cell; width:100%; vertical-align:middle;}
.swiper-container {width: 100%;height: 100%;margin-left: auto;margin-right: auto;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.slide_4 .swiper-slide .td_c{padding-bottom:290px; }
.slide_4{position:relative; height:}


/*footer*/
.footer_web{background-color:#fff; border-top:1px solid #e4e4e4;}
.footer_web.footer_web_main{position:fixed; left:0; bottom:0; z-index:6; width:100%; background-color:#fff; border-top:1px solid #e4e4e4;}
.footer_web .footer{margin:0 auto; max-width:1240px;}
.footer_web .footer_logo{float:left; padding:18px 0; }
.service_go{position:relative;float:right; width:165px; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.service_go .footer_menu_open{padding:25px 0; display:block; text-align:center; cursor:pointer;}
.service_go .footer_menu_open span{padding-right:45px; display:inline-block; background:url(../img/service_arrow.gif) no-repeat right center;}
.footer_service_list{position:absolute; left:0; bottom:67px; z-index:3; padding:10px; width:100%; box-sizing:border-box;  background:rgba(255,255,255,0.9); display:none; border:1px solid #ddd;}
.footer_service_list ul li a{padding:0; }
.footer_service_list ul li{padding:8px 0; text-align:center; }

/*main 리뉴얼*/
#section3 .footer_menu_wrap{position:relative; left:0; bottom:0; width:100%;z-index:10; }
#section3 .footer_menu{position:relative;  margin:0 auto; max-width:1240px;  box-sizing:border-box; }
#section3 .footer_menu>ul{float:left;width:1030px;}
#section3 .footer_menu>ul>li{float:left; width:33%;}
#section3 .footer_menu>ul>li .title{padding:45px 0 25px; display:block; text-align:left; font-size:30px; color:#333;}
#section3 .footer_menu .s_menu{padding:0; text-align:left; height:180px;}
#section3 .footer_menu .s_menu li{float:left; margin:0 0 10px; padding-bottom:0; width:50%; }
#section3 .footer_menu .s_menu li.align{margin-top:9px;}
#section3 .footer_menu .s_menu li a{padding-right:0; text-align:left; background:none; font-size:14px; color:#666;letter-spacing:-1px;}
#section3 .family_site{float:right;width: 210px;margin-top: 75px;}
#section3 .family_site li{float:none; margin:0; margin-bottom:8px; display:block;}
/*main 리뉴얼*/

/* #section3 .footer_menu_wrap{position:absolute; left:0; bottom:67px; width:100%; background:rgba(255,255,255,0.9); z-index:10; } */
/* #section3 .footer_menu{position:relative;  margin:0 auto; max-width:1240px;  padding-right:190px; box-sizing:border-box; } */
/* #section3 .footer_menu>ul>li{float:left; width:33%;} */
/* #section3 .footer_menu>ul>li .title{padding:45px 0 25px; display:block; text-align:left; font-size:30px; color:#333;  font-family:"noto-medium";} */
/* #section3 .footer_menu .s_menu{padding:0; text-align:left; height:180px;} */
/* #section3 .footer_menu .s_menu li{float:left; margin:0 0 10px; padding-bottom:0; width:50%; } */
/* #section3 .footer_menu .s_menu li a{padding-right:0; text-align:left; background:none; font-size:15px; font-family:"noto-medium"; color:#666;} */
/* #section3 .family_site{position:absolute; right:0; top:48px; } */
/* #section3 .family_site li{float:none; margin:0; margin-bottom:8px; display:block;} */

/*layout*/
.lnb{max-width:1240px;}
.history{max-width:1240px;}
.sub_cont{margin:0 auto; max-width:1240px;}

/*개요*/
.ub_summary{padding:0 90px;}

/*sub_style*/
.sub_style_2{margin:0 auto; width:1100px;}

/*가입및이용안내*/
.use_info{margin:0 auto; width:1100px;}

/*연혁*/
.history_bg_1{min-height:331px;}
.history_bg_2{min-height:377px;}
.history_bg_3{min-height:435px;}

/*family_site*/
.family_site ul{padding:0 7.25%;}
.family_site ul li{float:left; margin:0 0.5%; width:49%;}




}

/*----------- 태블릿 -----------*/
@media all and (min-width:768px) and (max-width:1249px){

/*response*/
.web{display:block;}
.mobile{display:none;}
body{overflow:visible !important;}

.main_web{height:1px; overflow:hidden;}

.main_mobile{display:block;}
.footer_web{display:none;}
.footer_mobile{display:block;}
.scroll{display:none;}
.main-pager-box{display:none;}

/*header*/
.header_wrap{width:100%;   background-color:#fff;}
.header{margin:0 auto; max-width:1240px;}
.header .logo{padding:15px 0; text-align:center;}
.header .logo img{width:100px; }


.util{display:none;}
.gnb{position:absolute; right:0; top:0; z-index:30; width:50%; display:none;}
.gnb>ul{position:relative; z-index:20; background-color:#fff; }
.gnb>ul>li{border-bottom:1px solid #ddd;}
.gnb>ul>li.mb_block{display:block;}
.gnb>ul>li>a{padding:15px 10px; display:block;font-size:17px; }
.s_gnb{padding:15px 10px; background-color:#ddd; display:none;}
.s_gnb li{padding-bottom:10px; }
.s_gnb li a{font-size:14px;}
.gnb_cover{position:fixed; left:0; top:0; bottom:0; z-index:10; width:100%; height:100%; background:rgba(0,0,0,0.7); display:none;}


/*main*/
.f-red{color:#ff3a3a; vertical-align:top;}

/*main 리뉴얼*/

#m_section0{}
#m_section0 .m_cont1_1{margin-bottom:0; border-radius:0; padding:0 3% 40px; background:url(../img/slide_bg02.jpg) no-repeat center center; background-size:cover;}
#m_section0 .m_cont1_1 h1{padding-top:25px; text-align:center; font-size:23px; color:#fff;}
#m_section0 .m_cont1_1 .txt{padding:8px 0 40px; line-height:1.4; text-align:center; color:#d2d2d2; font-size:18px;}
#m_section0 .m_cont1_1 ul li{float:left; margin-left:2.9%; width:31.4%; text-align:center; background:rgba(255,255,255,0.9); box-sizing:border-box; border-radius:3px; overflow:hidden}
#m_section0 .m_cont1_1 ul li:first-child{margin-left:0;}
#m_section0 .m_cont1_1 ul li img{max-width:100%; margin-bottom:15px;}
#m_section0 .m_cont1_1 ul li .txt_box{height:100px;position:relative;}
#m_section0 .m_cont1_1 ul li .title{margin-bottom:15px; padding-top:5px; color:#333; text-align:center; font-size:18px;font-weight:600;}
#m_section0 .m_cont1_1 ul li span{display:block; text-align:center;  color:#666; font-size:13px;}
#m_section0 .m_cont1_1 ul li strong{display:block; color:#333; font-size:14px;margin-top:5px;}

#m_section0 .m_cont1_2{padding:20px 3%; background:url(../img/main_bg_2.jpg) no-repeat center center;background-size:cover;}
/* #m_section0 .m_cont1_2 ul li{position:relative; float:left; background:rgba(0,0,0,0.5);width:49.5%;border-radius:8px;} */
#m_section0 .m_cont1_2 ul li{position:relative; float:left; background:rgba(0,0,0,0.5);width:33%;border-radius:8px;}
#m_section0 .m_cont1_2 ul li.icon_2{margin:0 0.5%;}
#m_section0 .m_cont1_2 ul li a{padding:10px 50px 0 10px; margin:0 10px 10px 0; display:block; height:90px; box-sizing:border-box; font-size:13px; color:#d2d2d2;}
#m_section0 .m_cont1_2 ul li.icon_1 a{background: url(../img/main_icon01_1.png) no-repeat right bottom;}
#m_section0 .m_cont1_2 ul li.icon_2 a{background: url(../img/main_icon01_2.png) no-repeat right bottom;}
#m_section0 .m_cont1_2 ul li.icon_3 a{background: url(../img/main_icon01_3.png) no-repeat right bottom;}
#m_section0 .m_cont1_2 ul li a span{padding-top:5px; display:block; font-size:17px; color:#fff;font-weight:600;}

#m_section1{background:#f0f0f0;}
#m_section1 .m_cont2{padding: 20px 3%;}
#m_section1 .m_cont2 ul li{float: left;width: 49.5%;height:200px;box-sizing: border-box;text-align: left;margin-bottom:1%;border-radius:8px;}
#m_section1 .m_cont2 ul li:nth-child(2n){margin-left:1%;}
#m_section1 .m_cont2 ul li.tech01{background: #fff url(../img/tech_icon01.png) 90% center no-repeat;}
#m_section1 .m_cont2 ul li.tech02{background: #fff url(../img/tech_icon02.png) 90% center no-repeat;}
#m_section1 .m_cont2 ul li.tech03{background: #fff url(../img/tech_icon05_1.png) 90% center no-repeat;}
#m_section1 .m_cont2 ul li.tech04{background: #fff url(../img/tech_icon04_1.png)  90% center no-repeat;}
#m_section1 .m_cont2 ul li.tech05{background: #fff url(../img/tech_icon05.png) 90% center no-repeat;width:100%;}
#m_section1 .m_cont2 ul li.tech06{background: #fff url(../img/tech_icon06.png)  90% center no-repeat;}
#m_section1 .m_cont2 ul li a{display:block;width:100%;height:100%;}
#m_section1 .m_cont2 ul li a .tit{font-size:20px;margin:20px;font-weight:600;}
#m_section1 .m_cont2 ul li a .detail{font-size:15px;margin-left:20px;color:#666;line-height:150%;}

#m_section2{}
#m_section2 .m_cont3{}
#m_section2 .m_cont3 ul li{width:33.3333%;height:200px;float:left;text-align:center;position:relative;}
#m_section2 .m_cont3 ul li.icon_1{background: url(../img/slide_cont01.jpg) no-repeat;background-size: cover;}
#m_section2 .m_cont3 ul li.icon_2{background: url(../img/slide_cont02.jpg) no-repeat;background-size: cover;}
#m_section2 .m_cont3 ul li.icon_3{background: url(../img/slide_cont03.jpg) no-repeat;background-size: cover;}
#m_section2 .m_cont3 ul li a{display:block;width:100%;height:100%;}
#m_section2 .m_cont3 ul li a div{width:100%;position:absolute;top:50%;left:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);}
#m_section2 .m_cont3 ul li a div strong{font-size:18px;color:#fff;display:block;margin:10px 0;}
#m_section2 .m_cont3 ul li a div span{font-size:14px;color:#fff;line-height:150%;}


/*main 리뉴얼*/


/* #m_section0{} */
/* #m_section0 h1{padding-top:25px; text-align:center; font-size:23px; font-family:"noto-medium";} */
/* #m_section0 .txt{padding:8px 0 40px; line-height:1.4; text-align:center; font-family:"noto-medium"; color:#fff; font-size:18px;} */
/* .m_cont1_1{margin-bottom:0; border-radius:0; padding:0 3% 40px; background:url(../img/main_bg_1.jpg) no-repeat center center; background-size:cover; } */
/* .m_cont1_2{padding:20px 3%; background:url(../img/main_bg_2.jpg) no-repeat center center; background-size:cover;} */

/* .m_cont1_1 ul li{float:left; margin-left:2.9%; padding:0 1% 10px; width:31.4%; text-align:center; background:rgba(255,255,255,0.7); box-sizing:border-box;} */
/* .m_cont1_1 ul li:first-child{margin-left:0; } */
/* .m_cont1_1 ul li span{display:block; text-align:center;  color:#666; font-size:15px;} */
/* .m_cont1_1 ul li .title{margin-bottom:15px; padding-top:20px;  font-family:"noto-medium"; color:#333; text-align:center; font-size:15px;  } */
/* .m_cont1_1 ul li img{max-width:100%; margin-bottom:15px;} */
/* .m_cont1_1 ul li strong{display:block; color:#333; font-family:"noto-medium";  font-size:15px;} */

/* .m_cont1_2 ul li{position:relative; float:left;  background:rgba(255,255,255,0.7); } */
/* .m_cont1_2 ul li a{padding:10px 50px 0 10px; display:block; height:100px; box-sizing:border-box; font-size:13px; color:#666;} */
/* .m_cont1_2 ul li a span{padding-top:5px; display:block;  font-family:"noto-medium"; font-size:17px; color:#333;} */
/* .m_cont1_2 li:hover .over_cover{opacity: 0.9; visibility: visible;} */
/* .m_cont1_2 ul li.icon_1 a{background:url(../img/main_icon_4.png) no-repeat right bottom; background-size:auto 60px;} */
/* .m_cont1_2 ul li.icon_2 a{background:url(../img/main_icon_5.png) no-repeat right bottom;  background-size:auto 60px;} */
/* .m_cont1_2 ul li.icon_3 a{background:url(../img/main_icon_6.png) no-repeat right bottom;  background-size:auto 60px;} */
/* .m_cont1_2 ul li.icon_4 a{background:url(../img/main_icon_7.png) no-repeat right bottom;  background-size:auto 60px;} */

/* #section1{background:url(../img/main_bg_2.jpg) no-repeat center center; background-size:cover;} */
/* #section1 h1{text-align:center; font-size:50px; font-family:"noto-medium"; color:#fff;} */
/* #section1 .txt{padding:8px 0 40px; text-align:center; font-size:22px; font-family:"noto-medium"; color:#fff;} */
/* .m_cont2{padding:20px 3%; } */
/* .m_cont2 img{width:100%;} */
/* .m_cont2 .left_area{float:left; width:75.56%;} */
/* .m_cont2 .left_area li{float:left; margin:0 1% 1.2% 0; width:32.33%; } */
/* .m_cont2 .right_area{float:right; width:24.44%;} */
/* .m_cont2 .right_area li{margin-bottom:3%; } */

/* #m_section1{background:url(../img/main_bg_3.jpg) no-repeat center center; background-size:cover;} */
/* #m_section1 h1{text-align:center; font-size:50px; font-family:"noto-medium"; } */
/* #m_section1 .txt{padding:8px 0 40px; text-align:center; font-size:22px; font-family:"noto-medium"; color:#666;} */
/* .m_cont3{padding:20px 3%; } */
/* .m_cont3 li{position:relative; float:left; margin-bottom:10px; width:100%;} */
/* .m_cont3 li img{width:100%; } */
/* .m_cont3 li.bn_left{float:left; width:49.43%;} */
/* .m_cont3 li.bn_right{float:right; width:49.43%;} */
/* .m_cont3 .left_area{float:left; padding-right:0.8%; width:50%; box-sizing:border-box;} */
/* .m_cont3 .right_area{float:right; padding-left:0.8%; width:50%; box-sizing:border-box;} */
/* .m_cont1_2 li:hover .over_cover{opacity: 0.9; visibility: visible;} */


/* #m_section2{background:url(../img/main_bg_4.jpg) no-repeat center center; background-size:cover;} */
/* .m_cont4{padding:20px 3%; } */
/* .m_cont4 ul{background:none;} */
/* .m_cont4 li{float:left; margin-left:2.9%; width:31.4%; height:150px; margin-bottom:10px; box-sizing:border-box; background:rgba(255,255,255,0.7); border-radius:5px;} */
/* .m_cont4 li:first-child{margin-left:0; background:rgba(255,255,255,0.7); } */
/* .m_cont4 li>div{position:relative; padding:15px 80px 15px 20px; height:150px;} */
/* .m_cont4 li.icon_1>div{background:url(../img/main_icon_8.png) no-repeat right 10px center; background-size:60px;} */
/* .m_cont4 li.icon_2>div{background:url(../img/main_icon_9.png) no-repeat right 10px center;  background-size:60px;} */
/* .m_cont4 li.icon_3>div{background:url(../img/main_icon_10.png) no-repeat right 10px center;  background-size:60px;} */
/* .m_cont4 li strong{margin-bottom:15px; display:block; font-size:15px; font-family:"noto-medium";} */
/* .m_cont4 li span{margin-bottom:15px; line-height:1.5;  display:block; font-family:"noto-medium"; color:#666;} */
/* .m_cont4 li .more {left:20px; bottom:20px;  font-size:15px; color:#ff3a3a;} */

.main_container_web{padding:0 0 67px;}

/*footer*/
.footer_mobile.footer_wrap{padding-bottom:20px; width:100%; background-color:#fff; border-top:1px solid #e4e4e4;}
.footer_mobile .footer{margin:0 auto; max-width:1240px;}
.footer_mobile .footer_logo{float:none; padding:18px 0 10px; text-align:center; }
.footer_mobile .footer_logo img{width:65px;}
.footer_mobile .footer{text-align:center; }
.footer_mobile .footer span{ padding:0 5px; line-height:1.5; display:inline-block; font-size:12px; }


/*layout*/
.lnb{padding:0 20px;}
.history{padding:0 20px;}
.sub_cont{padding:0 20px;}
.s_menu ul{display:block; border-top:1px solid #ddd;}
.s_menu li{margin:0; padding:10px 0; width:33.33%; border:1px solid #ddd; box-sizing:border-box; border-top:none;}
.s_menu li a{padding-right:0; background:none;}
.s_menu li.menu_on a{background:none;}
.s_menu.s_menu_1 li{width:25%;}
.s_menu .s_menu_2 li{width:50%;}

/*history*/
.history_list .right ul{padding-left:30px; }
.history_list .left ul{padding-right:30px;}
.history_bg_1{background:url(../img/hsitory_img_3.png) no-repeat right 40px center; background-size:200px;}
.history_bg_2{background:url(../img/hsitory_img_2.png) no-repeat 20px center; background-size:200px;}
.history_bg_3{background:url(../img/hsitory_img_1.png) no-repeat right 110px center; background-size:200px;}
.history_list ul li span{font-size:15px;}
.history_list ul li p{font-size:15px;}

/*개요*/
.ub_summary .logo_area{float:none; padding-bottom:20px; width:100%; text-align:center;}
.ub_summary .logo_area img{max-width:100%; width:auto; }
.ub_summary .txt_area{float:left; width:100%; }

/*ceo인사말*/
.intro_txt .ceo_photo{top:25px; left:0; width:280px;}
.intro_txt{padding-left:310px;}

/*조직도*/
.department_wrap .department{font-size:15px;}
.team_list{padding:15px 8px;}
.team_list li{font-size:13px;}

/*온라인상담*/
.online_tb input[type=text]{width:100%; }
.online_tb td select{width:100%;}
.online_tb textarea{padding:10px; height:150px;}

/*인증특허내역*/
.certi_list{padding-left:0; }
.certi_list li{margin:0 0.5%; width:24%; }

/*협력사소개*/
.family_site ul li{float:left; margin:0 1% 0 0; width:49.5%; }
.family_site ul li:nth-child(2n){margin-right:0;}

/*차량관제 서비스*/
.car_control_1 .txt_1{font-size:20px;}
.car_control_1 .txt_2{font-size:15px;}
.car_control_2 .title{height:50px; line-height:50px; font-size:20px;}
/*jp 추가*/
.jp_car_control_2 .title{font-size:18px;}
/*jp 추가*/
/*eng 추가*/
.eng_car_control_2 .eng_title{padding-top:0;padding-bottom:10px;line-height:22px;}
/*eng 추가*/
.car_control_2 .txt_area{padding-top:15px;}

/*기대효과*/
.condition_step li{width:50%; height:230px; box-sizing:border-box;}

/*dtg 설치방법*/
.install_step li{padding:40px 10px 40px 410px;}
.install_step .img_area{left:10px;}
.install_step .txt_area p{font-size:18px;}
.install_step .number{width:50px; height:50px; line-height:50px; font-size:30px;}

/*컴온버스*/
.common_bus_intro .left_area{margin-bottom:10px; float:none; width:100%;}
.common_bus_intro .right_area{float:none; width:100%;}

/*사이트맵*/
.sitemap_wrap{left:0; margin-left:0; padding:0 3%; width:94%; }
.sitemap_wrap .inner>ul>li>span{display:block; }
.sitemap_wrap ul>li .s_sitemap li{padding:0 10px 10px;}

/*제품소개*/
.product_info .sub_sec_top .img_area{width:100%;}
.product_info .sub_sec_top .img_area img{position:relative;}
.product_info .sub_sec_top .txt_area{width:100%;margin-top:60px;}
.product_info .sub_sec_top .txt_area .txt_cont span.br{display:inline;}
.product_info .sub_sec .box_inner{width:100%;}
.product_info .sub_sec .box_inner:nth-child(even){margin-left:0;}



}

/*----------- 모바일 -----------*/
@media all and (max-width:767px){

/*response*/
.web{display:none;}
.mobile{display:block;}
body{overflow:visible !important;}

.main_web{height:1px; overflow:hidden;}
.main_mobile{display:block;}
.footer_web{display:none;}
.footer_mobile{display:block;}
.scroll{display:none;}
.main-pager-box{display:none;}

/*header*/
.header_wrap{width:100%;   background-color:#fff;}
.header{margin:0 auto; max-width:1240px;}
.header .logo{padding:15px 0; text-align:center;}
.header .logo img{width:100px; }


.util{display:none;}
.gnb{position:absolute; right:0; top:0; z-index:30; width:50%; display:none; }
.gnb>ul{position:relative; z-index:20;background-color:#fff; }
.gnb>ul>li{border-bottom:1px solid #ddd; }
.gnb>ul>li>a{padding:15px 10px; display:block;font-size:17px; }
.s_gnb{padding:15px 10px; background-color:#ddd; display:none;}
.s_gnb li{padding-bottom:10px; }
.s_gnb li a{font-size:14px;}
.gnb_cover{position:fixed; left:0; top:0; bottom:0; z-index:10; width:100%; height:100%; background:rgba(0,0,0,0.7); display:none;}

/*title*/
.title_style_1{padding-left:15px; background:url(../img/bulit_3.gif) no-repeat 0 2px; background-size:12px; font-size:16px; color:#666;}

/*main*/
.f-red{color:#ff3a3a; vertical-align:top;}

/*main 리뉴얼*/

#m_section0{}
#m_section0 .m_cont1_1{margin-bottom:0; border-radius:0; padding:0 3% 40px; background:url(../img/slide_bg02.jpg) no-repeat center center; background-size:cover;}
#m_section0 .m_cont1_1 h1{padding-top:25px; text-align:center; font-size:23px; color:#fff;}
#m_section0 .m_cont1_1 .txt .mb_br{display:block;}
#m_section0 .m_cont1_1 .txt{padding:8px 0 40px; line-height:1.4; text-align:center; color:#d2d2d2; font-size:18px;}
#m_section0 .m_cont1_1 ul li{float:left; margin-left:0; width:100%; text-align:center; background:rgba(255,255,255,0.5); box-sizing:border-box;}
#m_section0 .m_cont1_1 ul li:nth-child(2){margin:20px 0;}
#m_section0 .m_cont1_1 ul li img{height:200px;margin: 20px 0 15px 0;}
#m_section0 .m_cont1_1 ul li .txt_box{height:80px;position:relative;}
#m_section0 .m_cont1_1 ul li .title{margin-bottom:10px; padding-top:5px; color:#333; text-align:center; font-size:16px;font-weight:600;}
#m_section0 .m_cont1_1 ul li span{display:block; text-align:center; color:#444; font-size:13px;}
#m_section0 .m_cont1_1 ul li strong{display:block; color:#222; font-size:14px;margin-top:5px;}

#m_section0 .m_cont1_2{padding:20px 3%; background:url(../img/main_bg_2.jpg) no-repeat center center;background-size:cover;}
#m_section0 .m_cont1_2 ul li{position:relative; float:left; background:rgba(0,0,0,0.5);width:100%;border-radius:8px;}
#m_section0 .m_cont1_2 ul li.icon_2{margin:15px 0;}
#m_section0 .m_cont1_2 ul li a{padding:10px 50px 0 10px; margin:0 10px 10px 0; display:block; height:90px; box-sizing:border-box; font-size:13px; color:#d2d2d2;}
#m_section0 .m_cont1_2 ul li.icon_1 a{background: url(../img/main_icon01_1.png) no-repeat right bottom;background-size:auto 50px;}
#m_section0 .m_cont1_2 ul li.icon_2 a{background: url(../img/main_icon01_2.png) no-repeat right bottom;background-size:auto 50px;}
#m_section0 .m_cont1_2 ul li.icon_3 a{background: url(../img/main_icon01_3.png) no-repeat right bottom;background-size:auto 50px;}
#m_section0 .m_cont1_2 ul li a span{padding-top:5px; display:block; font-size:17px; color:#fff;font-weight:600;}

#m_section1{background:#f0f0f0;}
#m_section1 .m_cont2{padding: 20px 3%;}
#m_section1 .m_cont2 ul li{float: left;width: 100%;height:165px;box-sizing: border-box;text-align: left;margin-bottom:15px;border-radius:8px;}
/* #m_section1 .m_cont2 ul li:nth-child(2n){margin-left:1%;} */
#m_section1 .m_cont2 ul li.tech01{background: #fff url(../img/tech_icon01.png) 93% center no-repeat;background-size:auto 50px;}
#m_section1 .m_cont2 ul li.tech02{background: #fff url(../img/tech_icon02.png) 93% center no-repeat;background-size:auto 50px;}
#m_section1 .m_cont2 ul li.tech03{background: #fff url(../img/tech_icon05.png) 93% center no-repeat;background-size:auto 50px;}
#m_section1 .m_cont2 ul li.tech04{background: #fff url(../img/tech_icon04_1.png)  93% center no-repeat;background-size:auto 50px;}
#m_section1 .m_cont2 ul li.tech05{background: #fff url(../img/tech_icon05_1.png) 93% center no-repeat;background-size:auto 50px;}
#m_section1 .m_cont2 ul li.tech06{background: #fff url(../img/tech_icon06.png)  93% center no-repeat;background-size:auto 50px;}
#m_section1 .m_cont2 ul li a{display:block;width:100%;height:100%;}
#m_section1 .m_cont2 ul li a .tit{font-size:20px;margin:20px;font-weight:600;}
#m_section1 .m_cont2 ul li a .detail{font-size:15px;margin-left:20px;color:#666;line-height:150%;}

#m_section2{}
#m_section2 .m_cont3{}
#m_section2 .m_cont3 ul li{width:100%;height:170px;float:left;text-align:center;position:relative;}
#m_section2 .m_cont3 ul li.icon_1{background: url(../img/slide_cont01.jpg) no-repeat;background-size: cover;}
#m_section2 .m_cont3 ul li.icon_2{background: url(../img/slide_cont02.jpg) no-repeat;background-size: cover;}
#m_section2 .m_cont3 ul li.icon_3{background: url(../img/slide_cont03.jpg) no-repeat;background-size: cover;}
#m_section2 .m_cont3 ul li a{display:block;width:100%;height:100%;}
#m_section2 .m_cont3 ul li a div{width:100%;position:absolute;top:50%;left:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);}
#m_section2 .m_cont3 ul li a div strong{font-size:18px;color:#fff;display:block;margin:10px 0;}
#m_section2 .m_cont3 ul li a div span{font-size:14px;color:#fff;line-height:150%;}

/*main 리뉴얼*/


/* #m_section0{} */
/* #m_section0 h1{padding-top:25px; text-align:center; font-size:23px; font-family:"noto-medium";} */
/* #m_section0 .txt{padding:8px 0 40px; line-height:1.4; text-align:center; font-family:"noto-medium"; color:#fff;} */
/* .m_cont1_1{padding:0 3% 40px; background:url(../img/main_bg_1.jpg) no-repeat center center; background-size:cover; } */
/* .m_cont1_2{padding:20px 3%; background:url(../img/main_bg_2.jpg) no-repeat center center; background-size:cover;} */
/* #m_section0 .txt{font-size:15px;} */

/* .m_cont1_1 ul li{float:none; margin-left:0; margin-bottom:10px; padding-bottom:10px; width:100%; text-align:center; background:rgba(255,255,255,0.7); box-sizing:border-box;} */
/* .m_cont1_1 ul li:first-child{margin-left:0; } */
/* .m_cont1_1 ul li span{display:block; text-align:center;  color:#666; font-size:15px;} */
/* .m_cont1_1 ul li .title{margin-bottom:15px; padding-top:20px;  font-family:"noto-medium"; color:#333; text-align:center; font-size:15px;  } */
/* .m_cont1_1 ul li img{max-width:100%; margin-bottom:15px;} */
/* .m_cont1_1 ul li strong{display:block; color:#333; font-family:"noto-medium"; font-size:15px;} */

/* .m_cont1_2 ul li{float:none; margin-left:0; margin-bottom:10px; width:100%; background:rgba(255,255,255,0.7); } */
/* .m_cont1_2 ul li:nth-child(2n){float:none; } */
/* .m_cont1_2 ul li a{padding:10px 50px 0 10px; display:block; height:90px; box-sizing:border-box; font-size:13px; color:#666;} */
/* .m_cont1_2 ul li a span{padding-top:5px; display:block;  font-family:"noto-medium"; font-size:15px; color:#333;} */

/* .m_cont1_2 ul li.icon_1 a{background:url(../img/main_icon_4.png) no-repeat right bottom; background-size:auto 40px;} */
/* .m_cont1_2 ul li.icon_2 a{background:url(../img/main_icon_5.png) no-repeat right bottom;  background-size:auto 40px;} */
/* .m_cont1_2 ul li.icon_3 a{background:url(../img/main_icon_6.png) no-repeat right bottom;  background-size:auto 40px;} */
/* .m_cont1_2 ul li.icon_4 a{background:url(../img/main_icon_7.png) no-repeat right bottom;  background-size:auto 40px;} */

/* #section1{background:url(../img/main_bg_2.jpg) no-repeat center center; background-size:cover;} */
/* #section1 h1{text-align:center; font-size:50px; font-family:"noto-medium"; color:#fff;} */
/* #section1 .txt{padding:8px 0 40px; text-align:center; font-size:22px; font-family:"noto-medium"; color:#fff;} */
/* .m_cont2{padding:20px 3%; } */
/* .m_cont2 img{width:100%;} */
/* .m_cont2 .left_area{float:left; width:75.56%;} */
/* .m_cont2 .left_area li{float:left; margin:0 1% 1.2% 0; width:32.33%; } */
/* .m_cont2 .right_area{float:right; width:24.44%;} */
/* .m_cont2 .right_area li{margin-bottom:3%; } */

/* #m_section1{background:url(../img/main_bg_3.jpg) no-repeat center center; background-size:cover;} */
/* #m_section1 h1{text-align:center; font-size:50px; font-family:"noto-medium"; } */
/* #m_section1 .txt{padding:8px 0 40px; text-align:center; font-size:22px; font-family:"noto-medium"; color:#666;} */
/* .m_cont3{padding:20px 3%; } */
/* .m_cont3 li{float:left; margin-bottom:10px; width:100%;} */
/* .m_cont3 li img{width:100%; } */
/* .m_cont3 li.bn_left{float:left; width:49.43%;} */
/* .m_cont3 li.bn_right{float:right; width:49.43%;} */
/* .m_cont3 .left_area{float:left; padding-right:0.8%; width:50%; box-sizing:border-box;} */
/* .m_cont3 .right_area{float:right; padding-left:0.8%; width:50%; box-sizing:border-box;} */


/* #m_section2{background:url(../img/main_bg_4.jpg) no-repeat center center; background-size:cover;} */
/* .m_cont4{padding:20px 3%; } */

/* .m_cont4 ul{background:none;} */
/* .m_cont4 li{float:none; margin-left:0;  width:100%; height:auto; margin-bottom:10px; box-sizing:border-box; background:rgba(255,255,255,0.7); border-radius:5px;} */
/* .m_cont4 li:first-child{margin-left:0; background:rgba(255,255,255,0.7);} */
/* .m_cont4 li>div{position:relative; padding:15px 80px 15px 20px;  height:150px; } */
/* .m_cont4 li.icon_1>div{background:url(../img/main_icon_8.png) no-repeat right 10px center; background-size:60px;} */
/* .m_cont4 li.icon_2>div{background:url(../img/main_icon_9.png) no-repeat right 10px center;  background-size:60px;} */
/* .m_cont4 li.icon_3>div{background:url(../img/main_icon_10.png) no-repeat right 10px center;  background-size:60px;} */
/* .m_cont4 li strong{margin-bottom:15px; display:block; font-size:15px; font-family:"noto-medium";} */
/* .m_cont4 li span{margin-bottom:15px; line-height:1.5;  display:block; font-family:"noto-medium"; color:#666;} */
/* .m_cont4 li .more {left:15px; bottom:15px; color:#ff3a3a; font-size:13px; } */

.main_container_web{padding:0 0 67px;}

/*footer*/
.footer_mobile.footer_wrap{padding-bottom:20px; width:100%; background-color:#fff; border-top:1px solid #e4e4e4;}
.footer_mobile .footer{margin:0 auto; max-width:1240px;}
.footer_mobile .footer_logo{float:none; padding:18px 0 10px; text-align:center; }
.footer_mobile .footer_logo img{width:65px;}
.footer_mobile .footer{text-align:center; }
.footer_mobile .footer span{ padding:0 5px; line-height:1.5; display:inline-block; font-size:12px; }

/*layout*/
.lnb>li{width:25%;}
.lnb>ul>li.home{width:12%; box-sizing:border-box;}
.lnb>ul>li.lnb_1dep{padding:0 10px; width:40%; box-sizing:border-box; font-size:13px; background:none;}
.lnb>ul>li.lnb_2dep{width:48%; box-sizing:border-box; font-size:13px; background:none; }
.history{padding:0 10px;}
.sub_cont{padding:0 10px;}
.sub_title{margin-bottom:35px; padding:50px 0 30px; font-size:25px;}
.sub_txt{font-size:15px; }
.sub_container{padding-bottom:50px;}
.s_menu{padding-bottom:30px;}
.s_menu ul{display:block; border-top:1px solid #ddd;}
.s_menu li{margin:0; padding:10px 0; width:33.33%; border:1px solid #ddd; box-sizing:border-box; border-top:none; }
.s_menu li a{padding-right:0; background:none; font-size:13px; }
/*eng 추가*/
.eng_s_menu li a{font-size:12px; }
/*eng 추가*/
/*jp 추가*/
.jp_s_menu li a{font-size:12px; }
/*jp 추가*/
.s_menu li.menu_on{background-size:100% 2px; }
.s_menu li.menu_on a{background:none;}
.s_menu.s_menu_1 li{width:25%;}
.s_menu .s_menu_2 li{width:33.333%;}
.lnb>ul>li.lnb_1dep>a{padding:0 20px 0 10px; background:url(../img/lnb_arrow.gif) no-repeat right 10px center; font-size:13px;}
.lnb>ul>li.lnb_2dep>a{padding:0 20px 0 10px; background:url(../img/lnb_arrow_2.gif) no-repeat right 10px center #162159; font-size:13px;}
/*eng/jp 추가*/
.lnb>ul>li.global_lnb_2dep>a{background:url(../img/lnb_arrow_2.gif) no-repeat right 5px center #162159; font-size:12px;}
/*eng/jp 추가*/

/*title*/
.title_style_2{font-size:18px;}

/*history*/
.history .tab_on{padding-top:40px; width:120px; height:120px; font-size:20px; display:inline-block; }
.history .gray_year{position:relative; left:0; top:-10px; margin:0; padding-top:30px; line-height:1.5; width:100px; height:100px; display:inline-block; font-size:14px; cursor:pointer;}
.history_bg .sub_txt{margin-bottom:50px; }
.history_list{padding-bottom:0; background:none;}
.history_list>div{margin-bottom:40px; }
.history_list .btm_circle{display:none;}
.history_list .red_circle{display:none;}
.history_list .right ul{padding-left:0; }
.history_list .left ul{padding:0;}
.history_bg_1{background:none;}
.history_bg_2{background:none;}
.history_bg_3{background:none;}
.history_list ul li{padding-left:80px;}
.history_list ul li span{font-size:15px;}
.history_list ul li p{font-size:15px;}
.history_list .right{padding-left:10px; width:100%; box-sizing:border-box;}
.history_list .left{padding-left:10px; padding-right:0; width:100%; box-sizing:border-box;}
.history_list .left ul li{padding-left:80px; padding-right:0; }
.history_list .left ul li span{right:auto; left:0; }
.history_list .left .year{padding-left:0; margin-bottom:20px;  text-align:left; font-size:25px;}
.history_list .right .year{margin-bottom:20px; padding-left:0; text-align:left; font-size:25px; }
.history_list .left ul li p{text-align:left; }


/*개요*/
.ub_summary{background-size:500px;}
.ub_summary .logo_area{float:none; padding-bottom:20px; width:100%; text-align:center;}
.ub_summary .logo_area img{max-width:100%; width:auto; }
.ub_summary .txt_area{float:left; width:100%; }
.ub_summary .txt_1{padding-top:250px;}
.ub_summary .txt_1{font-size:13px;}
.ub_summary .txt_1 strong{font-size:15px;}
.ub_summary .txt_area ul li{padding:15px 10px; font-size:13px; }
.ub_summary .txt_area ul li span.title{position:relative; left:0; top:0; margin-bottom:10px; width:100%; display:block; font-size:14px; }

/*ceo인사말*/
.intro_txt .ceo_photo{display:none;}
.intro_txt{padding-left:0;}

/*조직도*/
.organization .ceo .bar{background:none;}
.department_wrap>div{margin-left:0; margin-bottom:20px; width:100%;}
.team_list{padding:20px 20px 10px; }
.team_list li{margin-bottom:10px;font-size:15px;}
.department_bar{display:none;}

/*온라인상담요청*/
.online_request .sub_txt{font-size:15px;}
.online_request .txt_1{padding-top:30px; font-size:15px;}
.online_request .txt_2{font-size:13px; }
.online_tb th label{font-size:12px;letter-spacing:-1px;}
.online_tb input[type=text]{width:100%; }
.online_tb td select{width:100%;}
.online_tb textarea{padding:10px; height:150px;}
.necessary{margin:-2px 1px 0;}

/*인증특허내역*/
.certification h2{margin-bottom:30px;}
.certi_list{padding-left:0; }
.certi_list li{margin:0 1%; width:48%; }
.certi_list .txt_area{height:70px; font-size:13px;}

/*협력사소개*/
.family_site ul li{float:left; margin:0 1% 0 0; width:49.5%; }
.family_site ul li:nth-child(2n){margin-right:0;}
.family_site .txt_area{padding-top:10px; height:70px; font-size:13px;}

/*찾아오시는길*/
.location{width:auto;}
.location .add span{display:block; text-align:left; line-height:1.5; }
/*eng 추가*/
.location .add span span.br{display:inline-block;padding:0;margin:0;}
/*eng 추가*/
.location .gray_box .title{padding-left:40px; text-align:left;}
.location .gray_box{padding:15px 10px;}
.location .gray_box .title{position:relative; left:0; top:0; margin-bottom:10px; }
.location .txt{position:relative; right:auto; top:0; padding-top:10px; display:block; text-align:right;}

/*차량관제 서비스*/
.car_control_1 .txt_1{font-size:18px;}
.car_control_1 .txt_2{font-size:13px;}
.car_control_2{padding:50px 0;}
.car_control_2 .title{height:50px; line-height:50px; font-size:20px;}
.car_control_2 .txt_area{padding-top:15px;}
.car_control_2 ul li{float:none; margin-left:0; margin-bottom:10px; width:100%; }
.car_control_2 ul li{height:170px;}

/*주요기능*/
.import_skil>ul>li{padding:20px 10px;}
.import_skil>ul>li .title{position:relative; left:0; top:0; margin-bottom:20px; width:100%; display:block; }
.skil_list li{}

/*기대효과*/
.condition_step li{padding:25px 0 10px; width:100%;  box-sizing:border-box; background:url(../img/icon_plus.gif) no-repeat center 0;}
.condition_list strong{font-size:15px;}
.condition_list{font-size:15px;}
.condition_list .f-small{font-size:13px;}
.hope_effect .txt_4{margin-bottom:20px; padding:10px; line-height:1.5; background-color:#836b6b; font-size:15px; color:#fff; }
.hope_effect .txt_4 .f-yellow{vertical-align:top; color:#ffffbf;}

/*sub_style*/
.sub_style_1 .sub_cont{padding:0 10px;}
.sub_style2_list li{float:none; margin-bottom:40px; width:100%; height:auto; box-sizing:border-box;}
.sub_style2_list li:nth-child(2n){float:none;}
.sub_style2_list>li .title{font-size:18px;}
.sub_style2_list .txt_area li{font-size:13px; }
.sub_style2_list .txt_area li.f-red{font-size:15px;}
.sub_style2_list.sub_style2_list_1>li{height:auto;}
.sub_style2_list.sub_style2_list_2>li{height:auto;}

/*렌터카관제서비스*/
.rentalcar_service{padding-bottom:60px; }
.rentalcar_service .txt_1{font-size:18px; }
.rentalcar_service .txt_2{margin-bottom:40px; font-size:15px; }
.rentalcar_service .img_area{margin-bottom:50px;}
.rentalcar_service .condition_list .number{top:4px;}
.rentalcar_service .condition_list{font-size:17px;}

/*스마트DTG*/
.intro_txt_1{font-size:18px; }
.intro_txt_2{margin-bottom:40px; padding-bottom:100px; font-size:15px; }
.intro_txt_3{margin-bottom:30px; font-size:12px; }
.darkred_box{margin-bottom:20px; padding:10px; text-align:center; line-height:1.5; background-color:#836b6b; font-size:15px; color:#fff; }
.darkred_box .f-yellow{vertical-align:top; color:#ffffbf;}
.dtg_intro_2 .check_list{padding:0 0 50px;}
.dtg_intro_2 .txt_1 .condition_list .number{top:4px;}
.dtg_intro_2 .txt_1 p{font-size:18px;}
.dtg_intro_2 .txt_1 .condition_list .number{top:4px;}
.dtg_intro_2 .txt_2{margin-bottom:50px; }

/*dtg 설치방법*/
.install_step li{padding:20px 10px; height:auto; }
.install_step .img_area{position:relative; left:0; top:0; margin-bottom:20px; text-align:center; }
.install_step .img_area img{max-width:100%; }
.install_step .txt_area{height:auto; }
.install_step .txt_area p{font-size:18px;}
.install_step .number{width:35px; height:35px; line-height:35px; font-size:20px;}

/*eco*/
.eco_intro .txt_1{font-size:18px;}
.eco_intro .txt_2{font-size:15px;}
.eco_bg_1{padding-bottom:30px; background:none;}
/*수정*/
.eco_wrap .sub_style2_list.list_1>li{height:auto;}
/*수정*/
.sub_style_2 .eco_list li{padding-left:100px;}
/*jp 추가*/
.jp_sub_style_2 .eco_list li{padding-left:120px; }
/*jp 추가*/
.eng_style2_list .eco_list li{padding-left:125px;}
.sub_style_2 .eco_list p{font-size:13px;}

/*chi 추가*/
.chi_style2_list .eco_list li .txt_2{width:90px;}

/*컴온버스*/
.common_bus_intro{padding-bottom:50px;}
.common_bus_intro .txt_1{margin-bottom:16px; line-height:1.4;  font-size:18px; }
.common_bus_intro .txt_2{margin-bottom:45px; line-height:1.6; font-size:15px; color:#666;}
.common_bus_intro h2 span{padding:3px 0 3px 40px; display:inline-block; font-size:18px;}
.common_bus_intro .left_area,.common_bus_intro .right_area{float:none; margin-bottom:20px; width:100%; padding:15px 10px;  background-image:none; background-color:#fff; box-sizing:border-box;}
.common_bus_intro .img_area{margin-bottom:30px;}

/*가입 및 이용안내*/
.use_info h2{font-size:18px;}
.use_info .title_style_2{font-size:18px;}
.use_info .list li{padding:15px;}
.use_info .list li .title{position:relative; left:0; top:0; margin-bottom:20px; width:100%; text-align:center;}
.use_info .process .img_area{float:none; width:100%;}
.use_info .process .txt_area{float:none; width:100%;}

/*사이트맵*/
.sitemap_wrap{left:0; top:20px; margin-left:0; padding:0 10px; width:95%; box-sizing:border-box;}
.sitemap_wrap h1{font-size:25px;}
.sitemap_wrap .inner>ul>li{padding:15px 0;}
.sitemap_wrap .inner>ul>li>span{float:none; width:100%; display:block; }
.sitemap_wrap ul>li .s_sitemap{float:none; width:100%;}
.sitemap_wrap .inner>ul>li>span{font-size:20px;}
.sitemap_wrap ul>li .s_sitemap li{padding:0 10px 10px;}
.sitemap_wrap ul>li .s_sitemap li a{font-size:14px;}

/*제품소개*/
.product_info .sub_sec_top{margin-top:40px;}
.product_info .sub_sec_top .img_area{width:80%;margin:0 auto;}
.product_info .sub_sec_top .img_area img{position:relative;}
.product_info .sub_sec_top .txt_area{width:100%;margin-top:60px;}
.product_info .sub_sec_top .txt_area .txt_cont span.br{display:block;}
.product_info .sub_sec_top .txt_area .txt_cont .title p{font-size:14px;}
.product_info .sub_sec_top .txt_area .txt_cont .detail li{font-size:13px;margin-bottom:8px;word-break:keep-all;}
.product_info .sub_sec_top .jp_txt_area .txt_cont .detail li{word-break:normal;}

/*chi 추가*/
.product_info .sub_sec_top .chi_txt_area .txt_cont .detail li{word-break:normal;}

.product_info .sub_sec_top .txt_area .txt_cont .detail li span.br{display:inline;}
.product_info .sub_sec{margin-top:30px;}
.product_info .sub_sec .box_inner{width:100%;}
.product_info .sub_sec .box_inner:nth-child(even){margin-left:0;}
.product_info .sub_sec .box_inner .top_box .main_img{height:200px;margin:80px 0;}
.product_info .sub_sec .box_inner .top_box .product_title{font-size:20px;}
.product_info .sub_sec .box_inner .top_box .sub_img .left_img{height:150px;}
.product_info .sub_sec .box_inner .top_box .sub_img .right_img{height:150px;}
.product_info .sub_sec .box_inner .bottom_box .table_tit{font-size:13px;}
.product_info .sub_sec .box_inner .bottom_box table th.sub_tit{font-size:13px;}
.product_info .sub_sec .box_inner .bottom_box table td{line-height:33px;}
.product_info .sub_sec .box_inner .bottom_box table td p{font-size:13px;}

/*주요고객사 소개*/
.client_tb th{font-size:16px;}
.client_tb td .thum{width:48%; display:inline-block; box-sizing:border-box; border:#eee solid 1px; margin:1%; text-align:center}

}