@charset "utf-8";
body {width:100%; min-width:1100px;}
li{list-style:none;}
/* header */
#header {width:100%; height:115px; z-index:1000; background:url('../images/common/header_top_bg.jpg') 0 0 repeat-x;}
#header_content {width:100%;height:115px;}
#header_content .header_top{width:1100px;  margin:0 auto; position:relative;}
#header_content .logo {position:absolute; top:30px; left:0; z-index:1000;}
.topmenu {*zoom:1; width:100%; height:50px; line-height:50px; }
.topmenu:after {content:" "; display:block; clear:both;}
.topmenu ul {*zoom:1; float:right; line-height:50px; letter-spacing:-0.03em; padding-right:8px;}
.topmenu ul:after {content:" "; display:block; clear:both;}
.topmenu ul li {float:left; font-size:12px; font-weight:normal; padding:4px 0 0 0px;}
.topmenu ul li.last{margin-left:25px;}
.topmenu ul li span { padding:0 10px; display:inline-block; color:#c7c7c7}
.topmenu ul li a {color:#535455; display:inline-block;}
.topmenu ul li a:hover, .topmenu ul li a:focus { color:#333; text-decoration:underline;}

/* gnb */
nav#gnb{width:100%; position:absolute; top:40px; left:0; z-index:999;width:100%;margin:0;letter-spacing:-0.03em;}
nav#gnb > ul {*zoom:1; width:1100px;margin:0 auto;}
nav#gnb > ul:after {content:" "; display:block; clear:both;}
nav#gnb > ul > li{float:left; position:relative; width:124px; text-align:center;padding-left:29px;}
nav#gnb > ul > li:first-child{margin-left:220px;}
nav#gnb > ul > li.m6{width:80px; padding-left:35px;}
nav#gnb > ul > li > a{display:block; font-size:18px; height:60px; line-height:60px; font-weight:600; color:#151515;} 
nav#gnb > ul > li > a:hover,nav#gnb > ul > li > a:focus,nav#gnb > ul > li.active > a{color:#2c2f96;}
nav#gnb > ul > li:hover a > span, nav#gnb > ul > li:focus  a > span{padding:34px 0; border-bottom:3px solid #2c2f96;}

nav#gnb > ul > li .gnb-2dep{display:none; position:absolute; top:75px; left:10px; width:130px; line-height:30px; padding-top:19px;padding-left:18px; /*height:100px;*/}
nav#gnb > ul > li.m6 .gnb-2dep{padding-left:0;}
nav#gnb > ul > li:hover .gnb-2dep{}
nav#gnb > ul > li .gnb-2dep li{padding:6px 0; text-align:center; line-height:18px;}
nav#gnb > ul > li .gnb-2dep li a{color:#333; font-size:16px;font-weight:400;}
nav#gnb > ul > li .gnb-2dep li a:hover,nav#gnb > ul > li .gnb-2dep li a:focus{color:#4563bd; font-weight:600;}
#gnbBg{position:absolute; top:75px; left:0px; width:100%; height:0; background-color:#fff;
background:url('../images/common/submenu_bg.png') 16% 25px no-repeat #fff;display:none;border-top:1px solid #cecece;border-bottom:1px solid #212a6c}


/* mobile gnb */
.allmenu{display:none;}
#m_gnb{display:none;}
#nav{display:none;}


/* container // S*/
#container{width:100%;}
#container .mainvisual{background:url('../images/main/visual.jpg') 50% 0 no-repeat; width:100%; height:700px;}
#container .mainvisual .main_wrap{width:1100px; margin:0 auto;}
#container .mainvisual .main_wrap h3{font-size:60px;font-weight:900;letter-spacing:-0.03em;color:#fff;text-shadow:3px 3px 3px #151515;padding-top:250px;}
#container .mainvisual .main_wrap h3 span{display:block;}
#container .mainvisual .main_wrap h3 span.right{text-align:right;padding-right:30px;}

#container .content1{width:100%;height:710px; position:relative;}
#container .content1 .box_con{width:100%;height:670px;  background:url('../images/main/con1_bg.png') center 0 no-repeat;position:absolute;top:-48px;}
#container .content1 .box_con ul{width:1100px; margin:0 auto; position:relative;}
#container .content1 .box_con li{width:550px;height:530px;float:left;color:#0e1c39;}
#container .content1 .box_con li h4{font-size:45px;font-weight:900;letter-spacing:-0.05em;padding:50px 0 40px;}
#container .content1 .box_con li p{font-size:15px; letter-spacing:-0.03em;font-weight:600;padding:23px 0 44px;line-height:25px;}
#container .content1 .box_con li p.m_p{display:none;}
#container .content1 .box_con li a{font-size:16px;display:inline-block; padding:10px 50px; border:1px solid #0e1c39;color:#0e1c39;text-align:center;font-weight:600;
transition:all .4s;-webkit-transition:all .4s;-ms-transition:all .4s;-moz-transition:all .4s;}
#container .content1 .box_con ul:after{content:"";display:block;clear:both;}
#container .content1 .box_con li.navy{background:url('../images/main/con1_li2_2.jpg') 0 48px no-repeat;color:#fff; width:515px; padding-left:35px;}
#container .content1 .box_con li.navy h4{padding:97px 0 40px;font-weight:600;}
#container .content1 .box_con li.first {background:url('../images/main/con1_li1_bg.jpg') 126px 100% no-repeat;}
#container .content1 .box_con li.wide{width:100%; position:absolute; top:390px;left:0;color:#fff;}
#container .content1 .box_con li.wide .text_box{width:845px; height:494px; margin:0 auto;background:url('../images/main/li3_wide_bg.jpg') center 0 no-repeat;position:relative;}
#container .content1 .box_con li.wide .text_box .t_bg{width:405px;padding:0 0 0 25px;height:275px; background:url('../images/main/con1_li3_h4_bg.png') 0 0 no-repeat;position:absolute;right:0;bottom:0;}
#container .content1 .box_con li.wide h4{padding:50px 0 40px;font-size:45px;font-weight:600;}
#container .content1 .box_con li.wide p{padding:0 0 45px 0;font-size:15px;line-height:24px;}
#container .content1 .box_con li.aw a{ border:1px solid #fff;color:#fff;}
#container .content1 .box_con li.aw a:hover, #container .content1 .box_con li.aw a:focus{background-color:#fff;color:#0e1c39;}
#container .content1 .box_con li.first a:hover, #container .content1 .box_con li.first:focus{background-color:#0e1c39; color:#fff;}

#container .content2{width:100%;height:650px;background:url('../images/main/con2_bg.jpg') 50% center no-repeat;}
#container .content2 .map_con{width:1100px;height:650px;margin:0 auto; background:url('../images/main/con2_map.png') center 165px no-repeat;}
#container .content2 .map_con p.intro{width:100%; padding:470px 0 30px 0; text-align:center; font-size:18px;letter-spacing:-0.03em;color:#e2dbd2;line-height:30px;}
#container .content2 .map_con .btn{width:100%;text-align:center;}
#container .content2 .map_con a{display:inline-block;padding:8px 50px; color:#eedcc4;border:1px solid #eedcc4; font-weight:600;font-size:16px;text-align:center;
transition:all .4s;-webkit-transition:all .4s;-ms-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;}
#container .content2 .map_con a.left{margin-right:25px;}
#container .content2 .map_con a.right{margin-left:25px;}
#container .content2 .map_con a:hover,#container .content2 .map_con a:focus{background-color:#eedcc4;color:#0e1c39;}


/* footer_wrap // S*/
#footer_wrap{width:100%; background-color:#f2f2f2; height:100px;}
#footer_wrap .footer{width:1100px; padding:20px 0; height:60px; margin:0 auto; *zoom:1;}
#footer_wrap .footer address{font-size:14px; line-height:22px;font-weight:400; color:#212121;text-align:center;}


/* sub start */
#subvisual{background:url('../images/sub/subvisual.jpg') 50% 0 no-repeat; min-height:196px;}
#subvisual .sub_wrap{width:1100px; margin:0 auto;}
#subvisual .sub_wrap h3{font-size:35px; font-weight:900; letter-spacing:-0.03em;color:#fff; text-shadow:3px 3px 3px #151515;padding-top:70px;}
#subvisual .sub_wrap h3 span{display:block;}
#subvisual .sub_wrap h3 span.left{text-align:left;padding-left:217px; width:auto;}
#subvisual .sub_wrap h3 span.right{text-align:right;padding-right:217px; width:auto; font-size:40px;}

#sub_wrap{width:100%; min-height:500px;}
#sub_wrap .sub_container{width:1100px; margin:0 auto; *zoom:1; padding:35px 0 0;}
#sub_wrap .sub_container:after{content:" "; display:block; clear:both;}

#sub_leftmenu{float:left; width:200px; min-height:124px;}
#sub_leftmenu .tit_box{background:url('../images/sub/tit_bg.gif') 0 0 no-repeat; height:129px;}
#sub_leftmenu .tit_box h2{font-size:30px; letter-spacing:-0.03em; font-weight:600; color:#fffefe; text-align:center; padding-top:65px;}

#lnb {width:200px;} 
#lnb ul li{font-size:18px;}
#lnb ul li a{display:block; width:176px; letter-spacing:-0.03em; padding-left:20px; height:49px; line-height:49px; font-weight:400; color:#151515; border-bottom:1px solid #ddd;}
#lnb ul li a:hover , #lnb ul li.on a {font-weight:600; background:url('../images/sub/menu_on.gif') 95% center no-repeat; color:#00215c;}
#lnb ul li.longname{font-size:17px;}
#lnb ul li.longname a{line-height:22px;height:52px;padding-top:5px;}
#sub_cont{float:left; margin:20px 0 0 50px; width:850px; background-color:#fff;}
#sub_cont .sub_top{*zoom:1; margin-bottom:61px;}
#sub_cont .sub_top:after{content:" "; display:block; clear:both;}
#sub_cont .sub_top .subtitle_wrap{float:left;}
#sub_cont .sub_top .subtitle_wrap h3{font-size:27px; font-weight:600; color:#151515;}
#sub_cont .sub_top .subtitle_wrap h3.long_title{font-size:22px; font-weight:600; color:#3a3a3a; letter-spacing:-0.025em;}
#sub_cont .sub_top .subpath_wrap{float:right;}
#sub_cont .sub_top .subpath_wrap .path{margin-top:10px; vertical-align:middle; font-size:14px; line-height:15px; font-weight:400; color:#555;}
#sub_cont .sub_top .subpath_wrap .path span.right_arrow{display:inline-block; background:url('../images/sub/path_arrow.png') 0 0 no-repeat; width:6px; height:10px; margin:0 7px; vertical-align:middle;}
#sub_cont .sub_top .subpath_wrap .path img {vertical-align:middle;}
#con_area{min-height:320px; padding:0 0 60px 0;}
#con_area > img {width:100%;}

/* 01 - 01 */
.gayo{padding-bottom:100px;}
.gayo h3{font-size:30px;font-weight:600;letter-spacing:-0.025em;color:#151515;line-height:40px;padding:0 65px 30px;}
.gayo h3 .sky{font-size:35px;color:#00aeff;}
.gayo h3 .blue{color:#0a328c;padding-left:80px;}


.gayo ul li{width:283px; height:120px;float:left;border-top:1px solid #ccc; border-left: 1px solid #ccc; box-sizing:border-box;}
.gayo ul:after{content:""; display:block; clear:both;}
.gayo ul li:last-child{width:566px;}
.gayo ul li.right{border-right:1px solid #ccc;}
.gayo ul li.btm{border-bottom:1px solid #ccc;}
.gayo ul li p{font-size:15px; color:#555555; padding:30px 0 0 95px;letter-spacing:-0.05em;}
.gayo ul li:last-child p{padding:20px 0 0 95px;}
.gayo ul li.i5 p{padding:15px 0 0 95px;}
.gayo ul li.i4 p{padding:30px 0 0 95px;}

.gayo ul li p span{font-weight:600;color:#000;display:block;padding-bottom:15px;}
.gayo ul li.i1{background:url('../images/sub/gayo_icon1.jpg') 15px 20px no-repeat;}
.gayo ul li.i2{background:url('../images/sub/gayo_icon2.jpg') 15px 20px no-repeat;}
.gayo ul li.i3{background:url('../images/sub/gayo_icon3.jpg') 15px 25px no-repeat;}
.gayo ul li.i4{background:url('../images/sub/gayo_icon4.jpg') 15px 30px no-repeat;height:140px;}
.gayo ul li.i5{background:url('../images/sub/gayo_icon5.jpg') 15px 30px no-repeat;height:140px;}
.gayo ul li.i6{background:url('../images/sub/gayo_icon6.jpg') 15px 25px no-repeat;height:140px;}
.gayo ul li.i7{background:url('../images/sub/gayo_icon7.jpg') 15px 20px no-repeat;}
.gayo ul li.i8{background:url('../images/sub/gayo_icon8.jpg') 15px 25px no-repeat;}

/* 01 - 02 */
.intro_box {background:url('../images/sub/ceo_box_bg.png') 100% 100% no-repeat; padding:0 0 0px 0;position:relative;margin-bottom:50px;}
.intro_box h3 {font-size:33px;line-height:44px; font-weight:900;letter-spacing:-0.03em;font-style:italic;color:#273e7f;padding:0 0 30px 0;}
.intro_box h3 span{color:#1c9b42;}
.intro_box > p{font-size:17px; line-height:28px; padding-bottom:30px;color:#252525;}
.intro_box .sign{position:absolute;right:0;bottom:0; font-size:18px; font-weight:600; color:#222;}
.intro_box .sign p span{color:#005baa;}
.intro_box .sign p{float:left;padding-right:10px;}
.intro_box .sign:after{content:"";display:block;clear:both;}
.intro_box .sign p img{margin-top:-20px;}

/* 01 - 03 */
.mem{padding-bottom:100px;}
.mem_box{background:url('../images/sub/ceo_dot_bg.png') center 135px no-repeat;}
.mem_box h3{width:150px; height:150px; margin:0 auto;text-align:center; line-height:150px; font-size:22px; letter-spacing:-0.03em;font-weight:600;color:#111;
background:url('../images/sub/ceo_bg.png') center center no-repeat;}
.mem_box .team{padding:105px 0 0 74px;}
.mem_box .team dl{float:left;margin-right:22px;font-size:18px;font-weight:600;letter-spacing:-0.03em;color:#151515; text-align:center;}
.mem_box .team:after{content:"";display:block;clear:both;}
.mem_box .team dl.t4{margin-right:0;}
.mem_box .team dl dt{display:block;width:160px;height:50px;text-align:center;line-height:50px;color:#fff;}
.mem_box .team dl.t1 dt{background-color:#0070b1;}
.mem_box .team dl.t2 dt{background-color:#0e8bb5;}
.mem_box .team dl.t3 dt{background-color:#20a8a5;}
.mem_box .team dl.t4 dt{background-color:#7ea57b;}
.mem_box .team dl dd{width:158px;height:48px;text-align:center;line-height:50px;color:#151515;margin-top:10px;border:1px solid #999999;}


/* 01 - 04 */
.years{padding-bottom:100px;}
.years .y_list dl{margin-bottom:40px;}
.years .y_list dt{float:left;display:block;width:200px;padding:30px 0 30px 52px;font-size:40px;color:#2e2e2e;font-weight:700;}
.years .y_list dd{float:left;width:564px;min-height:46px;padding:28px 0 28px 28px;font-size:16px; line-height:25px;color:#222222;border:1px solid #ccc;}
.years .y_list dl:after{content:"";display:block; clear:both;}
.years .y_list dl.c1 dd{border-left:5px solid #23b8c5;}
.years .y_list dl.c1 dt{background:url('../images/sub/year_bg1.jpg') 100% center no-repeat;}
.years .y_list dl.c2 dd{border-left:5px solid #66a090;}
.years .y_list dl.c2 dt{background:url('../images/sub/year_bg2.jpg') 100% center no-repeat;}
.years .y_list dl.c3 dd{border-left:5px solid #5696d8;}
.years .y_list dl.c3 dt{background:url('../images/sub/year_bg3.jpg') 100% center no-repeat;}

.years .y_list dl.dd3 dt{padding:50px 0 30px 52px; background-position:100% 66px;}
.years .y_list dl.dd1 dt{padding:20px 0 15px 52px;}
.years .y_list dl.dd1 dd{min-height:0px;}


/* 01 - 05 */
.spon{padding-bottom:50px;}
.spon .s_img li{float:left;margin:0 0 0 40px; }
.spon .s_img ul:after{content:"";display:block;clear:both;}
.spon .s_img li:last-child{margin:0 0 0 80px; padding-top:60px;}
.spon .s_img li p{border:1px solid #cfcfcf; margin-bottom:40px}


/* 01- 06 */
.way{padding-bottom:100px;}
.way .map_box{text-align:center;padding-bottom:50px;}
.way .way_info ul li{line-height:50px; height:50px; border-bottom:1px solid #cfcfcf;padding:0 0 0 85px;font-size:16px; letter-spacing:-0.03em;color:#333333;}
.way .way_info li span{display:inline-block;padding-right:55px;font-weight:600;color:#111;}
.way .way_info ul li.add{background:url('../images/sub/map_1.png') 30px center no-repeat;}
.way .way_info ul li.call{background:url('../images/sub/map_2.png') 30px center no-repeat;}
.way .way_info ul li.fax{background:url('../images/sub/map_3.png') 30px center no-repeat;border-bottom:none;}

/* 02 - 01 video phone */
.video{padding-bottom:50px;}
.video .top h2{font-size:32px;color:#0f85ab;letter-spacing:-0.03em;font-weight:600;text-align:center;padding:65px 0 15px 0;word-break:keep-all;}
.video .top p{font-size:18px;color:#191919;letter-spacing:-0.06em;text-align:center;font-weight:600;word-break:keep-all;}
.video .top li{float:left;padding-left:120px;padding-right:30px;}
.video .top li.last{padding-right:120px;padding-left:30px;}
.video .top ul{padding:40px 0 120px 0;}
.video .top ul:after{content:"";display:block;clear:both;}

.phone .btm_tb h3.logo_dot{font-size:25px; line-height:50px; color:#0f85ab; font-weight:600; padding:0 0 0 38px; background:url('../images/sub/t_logo_dot.jpg') 0 9px no-repeat;}
.phone .btm_tb table th{background-color:#0f85ab;color:#fff;border:1px solid #ddd; padding:10px 0;font-size:15px;font-weight:600;}
.phone .btm_tb table td.first{color:#010101;font-weight:600;text-align:center;background-color:#eff9fe;}
.phone .btm_tb table td{border:1px solid #ddd;padding:13px 15px; font-size:15px; color:#151515; letter-spacing:-0.03em;line-height:20px;}
.phone .btm_tb table td.img_td{padding:25px 25px 20px 25px;}
.phone .btm_tb table td.img_td li{float:left; text-align:center;font-size:14px;line-height:25px;}
.phone .btm_tb table td.img_td li:first-child{margin-right:20px;}
.phone .btm_tb table td.img_td ul:after{content:"";display:block;clear:both;}
.phone .btm_tb table td span{font-weight:600;}
.phone .btm_tb table td.lh{line-height:35px;}
.phone .btm_tb table td p.lh{line-height:30px;}
.phone .btm_tb table tbody{border-bottom:2px solid #0f85ab;}
	
.video .btm_tb table td span.blank{display:inline-block;width:39px;}

/* 02 - 02 lobby phone*/
.lobby{padding-bottom:50px;}
.lobby .top h2{font-size:32px;color:#0f85ab;letter-spacing:-0.03em;font-weight:600;text-align:center;padding:65px 0 30px 0;}
.lobby .top p{text-align:center;padding-bottom:120px;}
.lobby .btm_tb table td.lh{line-height:30px;}

/* 02 - 03 guard phone */
.guard{padding-bottom:50px;}
.guard .top h2{font-size:32px;color:#0f85ab;letter-spacing:-0.03em;font-weight:600;text-align:center;padding:65px 0 15px 0;}
.guard .top li{float:left;padding:0 30px;}
.guard .top li.last{padding:0 30px 0 0;}
.guard .top ul{padding:40px 0 120px 0;}
.guard .top ul:after{content:"";display:block;clear:both;}
.guard .btm_tb table td span.blank{display:inline-block;width:39px;}

/* 02 - 04 door phone*/
.door{padding-bottom:50px;}
.door .top h2{font-size:32px;color:#0f85ab;letter-spacing:-0.03em;font-weight:600;text-align:center;padding:65px 0 15px 0;}
.door .top p{font-size:18px;color:#191919;letter-spacing:-0.06em;text-align:center;font-weight:600;}
.door .top p.img{padding:38px 0 120px 0;}
.door .btm_tb table td.lh{line-height:25px;}
.door .btm_tb table td.img_td{padding:25px 20px 20px 20px;}
.door .btm_tb table td.img_td li{float:left; text-align:center;font-size:14px;line-height:25px;}
.door .btm_tb table td.img_td li:first-child{margin-right:7px;}
.door .btm_tb table td.img_td3 li:last-child{margin-left:7px;}
.door .btm_tb table td.img_td ul:after{content:"";display:block;clear:both;}
.door .btm_tb table td.center{text-align:center;}


/* 02 - 05 wall pad */
.wallpad{padding-bottom:80px;}
.wallpad .wall2{margin-top:70px;}
.wallpad .top h2{font-size:32px;color:#0f85ab;letter-spacing:-0.03em;font-weight:600;text-align:center;padding:65px 0 15px 0;word-break:keep-all;}
.wallpad .top p{font-size:18px;color:#191919;letter-spacing:-0.06em;text-align:center;font-weight:600;word-break:keep-all;}
.wallpad .top p.img{padding:38px 0 120px 0;}
.wallpad .top li{float:left;padding-left:105px;padding-right:5px;}
.wallpad .top li.last{padding-right:120px;padding-left:30px;}
.wallpad .top ul{padding:40px 0 120px 0;}
.wallpad .top ul:after{content:"";display:block;clear:both;}

.wallpad .btm_tb table td.img_td{padding:25px 10px 20px 10px;}
.wallpad .btm_tb table td.center{text-align:center;}
.wallpad .wall2 .btm_tb table td.img_td li{float:left; text-align:center;font-size:14px;line-height:25px; margin-right:5px;}
.wallpad .btm_tb table td.img_td li:first-child{margin-right:5px;}

/* 03 -  01 자동문원격제어*/
.jadong{padding-bottom:50px;}
.jadong .tab_box{padding-bottom:60px;}
.jadong .tab_box li{float:left;font-size:16px;font-weight:600;text-align:center;width:423px; height:43px;line-height:45px;}
.jadong .tab_box ul:after{content:"";display:block;clear:both;}
.jadong .tab_box li a{display:block;border:1px solid #004a80;color:#004a80;background-color:#fff;}
.jadong .tab_box li a.active{background-color:#004a80;color:#fff;}
.jadong .tab_box li a:hover,.jadong .tab_box li a:focus{background-color:#004a80;color:#fff;}
.jadong .tabs h3.logo_t{font-size:25px; line-height:50px; color:#0f85ab; font-weight:600; padding:0 0 20px 38px; background:url('../images/sub/t_logo_dot.jpg') 0 9px no-repeat;}
.jadong .tabs .ja1{margin-bottom:30px;}
.jadong .tabs .ja1 ul li{float:left;}
.jadong .tabs .ja1 ul:after{content:"";display:block;clear:both;}
.jadong .tabs .ja1 ul{background:url('../images/sub/ja_line_bg.jpg') 450px 17px no-repeat;}
.jadong .tabs .ja1 li.first{padding-top:96px;}
.jadong .tabs .ja1 li.last{margin-left:123px;}
.jadong .tabs .ja1 li p{width:260px;height:35px;line-height:35px; background-color:#e1f4fd;color:#151515;font-size:16px;margin-bottom:10px;}
.jadong .tabs .ja1 li p span{display:inline-block;width:22px; height:22px; line-height:22px;text-align:center;margin:0 18px 0 5px;border-radius:3px;background-color:#004a80;color:#fff;}
.jadong .tabs .ja2 p{margin-bottom:70px;}


/* 04 - 01 차량차단기*/
.cha{padding-bottom:50px;}
.cha .top{ text-align:center;padding:30px 0 100px 0;}
.cha h2{font-size:32px;letter-spacing:-0.02em;color:#0f85a9;font-weight:600;padding:40px 0 0 0;}
.jucha_tb h3.logo_t{font-size:25px; line-height:50px; color:#0f85ab; font-weight:600; padding:0 0 15px 38px; background:url('../images/sub/t_logo_dot.jpg') 0 9px no-repeat;}
.jucha table td{border-bottom:1px solid #ddd; padding:15px 20px 15px 20px; font-size:16px; color:#292929; font-weight:600;letter-spacing:-0.03em; line-height:22px;
/* background:url('../images/sub/sky_ring.png') 20px 22px no-repeat; */}
.jucha table td span.sky_dot{padding:0 0 0 10px; background:url('../images/sub/sky_ring.png') 0px center no-repeat;}
.jucha table tr.last_tr td{border-bottom:none;}


/* 04 - 02 차량번호인식기 */
.insik{padding-bottom:50px;}
.insik .top{ text-align:center;padding:50px 0 100px 0;}
.insik h2{font-size:32px;letter-spacing:-0.02em;color:#0f85a9;font-weight:600;padding:40px 0 0 0;line-height:40px;}
.insik h2 span{font-size:20px;}
.jucha table td p.detail{padding-top:5px;font-size:15px;font-weight:400;line-height:26px;}


/* 04 - 03 무인정산기*/
.muin{padding-bottom:50px;}
.muin .top{text-align:center;padding:30px 0 100px 0;}
.muin .top li{width:50%;float:left;text-align:center;}
.muin .top li.first{padding-top:110px;}
.muin .top ul:after{content:"";display:block;clear:both;}
.muin h2{font-size:32px;letter-spacing:-0.02em;color:#0f85a9;font-weight:600;padding:40px 0 0 0;line-height:40px;}
.muin table td{ background:url('../images/sub/sky_ring.png') 5px 22px no-repeat; }


/* 05 - 01  주요실적 */
.result{padding-bottom:50px;}
.result .tabs li{width:33%; height:40px; line-height:40px;text-align:center;font-size:16px;font-weight:600;float:left;letter-spacing:-0.03em;}
.result .tabs ul:after{content:"";display:block;clear:both;}
.result .tabs li a{background-color:#fff;color:#00215c;display:block;border:1px solid #00215c;border-left:none;}
.result .tabs li:first-child a{border-left:1px solid #00215c;}
.result .tabs li a.active{background-color:#00215c;color:#fff;}
.result .tabs li a:hover, .result .tabs li a:focus{background-color:#00215c;color:#fff;}

.result .r_list{margin:50px 0 0 0;}
.result .r_list ul {padding:15px 0 20px 30px;border-top:1px solid #00215c;border-bottom:2px solid #ddd;}
.result .r_list ul li{width:31%; padding-left:2%; float:left; height:40px; line-height:40px; font-size:14px; color:#252525; letter-spacing:-0.05em;background:url('../images/sub/blue_dot.png') 0px center no-repeat;}
.result .r_list ul li a.img_y{font-weight:600;color:#101010;}


/* board _ list */
.board_list_Table table{border-top:2px solid #5a625e;}
.board_list_Table table thead tr th{background-color:#f3f4ec; font-size:16px; font-weight:600; color:#222; padding:14px 0; text-align:center; border-bottom:1px solid #cdcdcd;}
.board_list_Table table tbody tr td{font-size:15px; font-weight:400; color:#444; padding:14px 0; text-align:center; border-bottom:1px solid #cdcdcd;}
.board_list_Table table tbody tr td.align-left{text-align:left; padding:14px 20px;}



/* 견적문의  */
.personal_date_wrap h3.logo_t{font-size:20px; line-height:50px; color:#0f85ab; font-weight:600; padding:0 0 10px 38px; background:url('../images/sub/t_logo_dot.jpg') 0 9px no-repeat;}
.personal_date_wrap .p_d_scroll{overflow-y:scroll; border:1px solid #ddd; height:130px; padding:10px;color:#777;font-size:14px;background-color:#f7f7f7;line-height:20px;}
.personal_date_wrap .check{font-size:14px;color:#666;padding:5px 0;text-align:right;}

.table_input_box h3.logo_t{font-size:20px; line-height:50px; color:#0f85ab; font-weight:600; padding:0 0 10px 38px; background:url('../images/sub/t_logo_dot.jpg') 0 9px no-repeat;}
.table_input_box table tbody{border-top:3px solid #0f85ab; border-bottom:3px solid #ddd;}
.table_input_box table th{background-color:#f4f7fb;border-bottom:1px solid #ddd; padding:10px 18px;text-align:left;font-size:15px;font-weight:600;color:#010101;}
.table_input_box table td{border-bottom:1px solid #ddd; padding:10px 18px;}

.table_input_box table td input[type="text"],.table_input_box table td input[type="email"]{
 width:250px; 
 height:35px;
 line-height:35px;
 text-indent:10px;
 color:#444;
 border:1px solid #cfcfcf;
 border-radius:5px;
 outline:none;
 transition:all .5s;
 -webkit- transition:all .5s;
 -ms- transition:all .5s;
 -moz- transition:all .5s;

}
.table_input_box table td input[type="text"]:focus,.table_input_box table td input[type="email"]:focus{
 border:1px solid #47aed0;
 box-shadow:0 0 5px #47aed0;-webkit-box-shadow:0 0 5px #47aed0;-ms-box-shadow:0 0 5px #47aed0;-moz-box-shadow:0 0 5px #47aed0;
}

.table_input_box table tbody tr td textarea{
	width:650px;height:200px;resize:none;
	
}

/* 견적문의 보내기버튼*/
.table_input_box .btn_box{padding:20px 0; text-align:center;}
.table_input_box .btn_box .btn-skin{padding:8px 40px; background-color:#0f85ab; color:#fff; border:1px solid #0f85ab;border-radius:5px; cursor:pointer; font-size:18px;font-weight:600;
transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;}
.table_input_box .btn_box .btn-skin:hover,.table_input_box .btn_box .btn-skin:focus{background-color:#ddd;border:1px solid #ddd;color:#333;font-weight:600;}

/* 주요실적 _ veiw */
.r_view{padding:59px 25px 20px; background:url('../images/sub/result_top_bg.jpg') no-repeat 0 0;}
.r_view h3.r_title{padding:0 0 0 20px; margin:15px 0 10px;font-size:17px;color:#151515;font-weight:600;background:url('../images/sub/blue_dot.png') no-repeat 5px center;}
.r_view dl dt{margin-bottom:10px;}
.r_view dl dd{width:105px;height:80px;margin-right:7px;float:left;border:1px solid #ddd;}
.r_view dl dd:last-child{margin-right:0;}
.r_view dl:after{content:"";display:block;clear:both;}

.r_view .btn_box{padding:20px 0; text-align:center;}
.r_view .btn_box a{display:inline-block; padding:5px 35px;background-color:#00215c;color:#fff;text-align:center;border-radius:5px;font-weight:600;}







/* -----------  MOBILE 반응형 CSS  ------------------- */
@media screen and (max-width:640px) {
	body {min-width:320px; width:100%; height:100%;}

	#header {width:100%;height:70px;}
	#header_content{height:70px;}
	#header_content .header_top {width:100%;}
	.topmenu{display:none;}
	#header_content .logo{top:15px;left:10px;}
	#header_content .logo a img{width:85%;}
	
	nav#gnb > ul {width:100%; display:none;/**/}
 
	/* gnb */
	.allmenu {float: right; display: block; cursor: pointer; position: absolute; top:30px; right:15px; z-index:1001;}

	#m_gnb, #nav{display: block; z-index: 1000;}
	#nav {position: absolute; top: 70px !important; right: 0; width: 100%; text-align: left; z-index: 1000; border-top:1px solid #ddd;}
	#nav li {line-height:50px; font-size:16px; font-weight:600; background:#fff; position: relative;}
	#nav > li{border-bottom:1px solid #ddd;}
	#nav > li > a{ background:url("../images/common/m_nav_arrow.png") 97% 50% no-repeat;}
	#nav li a{display: block; color:#191919; padding: 0 0 0 20px;}

	#nav1_s li {width:100%; font-size:14px; line-height:40px;padding:0; font-weight:600; background:#0f203f;}
	#nav1_s li a {color:#fff; padding:0 0 0 30px; display:block; background:none; border-top:1px solid #dfdfdf;}
	#nav1_s li:first-child a {border-top:none;}

	#nav2_s li {width:100%; font-size:14px;  line-height:40px;padding:0; font-weight:600; background:#0f203f;}
	#nav2_s li a {color:#fff; padding:0 0 0 30px; display:block; background:none; border-top:1px solid #dfdfdf;}
	#nav2_s li:first-child a {border-top:none;}

	#nav3_s li {width:100%; font-size:14px;  line-height:40px;padding:0; font-weight:600; background:#0f203f;}
	#nav3_s li a {color:#fff; padding:0 0 0 30px; display:block; background:none; border-top:1px solid #dfdfdf;}
	#nav3_s li:first-child a {border-top:none;}

	#nav4_s li {width:100%; font-size:14px;  line-height:40px;padding:0; font-weight:600; background:#0f203f;}
	#nav4_s li a {color:#fff; padding:0 0 0 30px; display:block; background:none; border-top:1px solid #dfdfdf;}
	#nav4_s li:first-child a {border-top:none;}

	#nav5_s li {width:100%; font-size:14px;  line-height:40px;padding:0; font-weight:600; background:#0f203f;}
	#nav5_s li a {color:#fff; padding:0 0 0 30px; display:block; background:none; border-top:1px solid #dfdfdf;}
	#nav5_s li:first-child a {border-top:none;}

	#nav6_s li {width:100%; font-size:14px;  line-height:40px;padding:0; font-weight:600; background:#0f203f;}
	#nav6_s li a {color:#fff; padding:0 0 0 30px; display:block; background:none; border-top:1px solid #dfdfdf;}
	#nav6_s li:first-child a {border-top:none;}


	/* container // S*/
	#container{width:100%;}
	#container .mainvisual{background:url('../images/main/visual.jpg') 50% 0 no-repeat; width:100%; height:250px;background-size:cover;}
	#container .mainvisual .main_wrap{width:100%; margin:0 auto;}
	#container .mainvisual .main_wrap h3{font-size:20px;padding-top:75px;}
	#container .mainvisual .main_wrap h3 span.left{margin-left:30px;}
	#container .mainvisual .main_wrap h3 span.right{font-size:25px;text-align:right;padding-right:30px;}

	#container .content1{width:100%;height:100%; position:relative;}
	#container .content1 .box_con{width:100%;height:auto;  background:url('../images/main/con1_bg.png') center -10px no-repeat;position:absolute;top:-48px;}
	#container .content1 .box_con ul{width:100%; margin:0 auto; position:relative;}
	#container .content1 .box_con li{width:44%;padding:0 3%;height:160px;float:left;color:#0e1c39;}
	#container .content1 .box_con li h4{font-size:20px;font-weight:900;letter-spacing:-0.05em;padding:23px 0px 15px;margin-bottom:15px;}
	#container .content1 .box_con li p.pc_p{display:none;}
	#container .content1 .box_con li p.m_p{display:block;font-size:14px; letter-spacing:-0.03em;font-weight:600;padding:15px 0 17px;line-height:14px;}
	#container .content1 .box_con li a{font-size:12px;display:inline-block; padding:5px 18px;}
	#container .content1 .box_con ul:after{content:"";display:block;clear:both;}
	#container .content1 .box_con li.navy{background:url('../images/main/con1_li2_2.jpg') 1px 40px no-repeat;background-size:cover;width:44%;padding:40px 3% 0; }
	#container .content1 .box_con li.navy h4{padding:20px 0px 15px;margin-bottom:30px;}
	#container .content1 .box_con li.first {height:180px; background:url('../images/main/con1_li1_bg.jpg') 0 100% no-repeat;background-size:100% 100%;}
	#container .content1 .box_con li.wide{width:100%; position:absolute; top:180px;left:0;color:#fff;padding:0;}
	#container .content1 .box_con li.wide .text_box{width:100%; height:250px;background:url('../images/main/li3_wide_bg.jpg') center center no-repeat;background-size:cover;}
	#container .content1 .box_con li.wide .text_box .t_bg{width:50%;padding:0 0 0 25px;height:150px; background:url('../images/main/con1_li3_h4_bg.png') 0 0 no-repeat;position:absolute;right:0;bottom:0;}
	#container .content1 .box_con li.wide h4{padding:25px 0 15px;font-size:20px;margin-bottom:15px;}
	#container .content1 .box_con li.wide p{padding:0 0 20px 0;font-size:15px;line-height:20px;}

	#container .content2{width:100%;height:350px;margin-top:382px;background:url('../images/main/con2_bg.jpg') 50% center no-repeat;}
	#container .content2 .map_con{width:100%;height:auto;background:url('../images/main/con2_map.png') center 30px no-repeat;background-size:60%;}
	#container .content2 .map_con p.intro{width:90%; padding:150px 5% 30px; word-break:keep-all;font-size:14px;line-height:22px;}
	#container .content2 .map_con a{padding:6px 30px;font-size:14px;}
	#container .content2 .map_con a.left{margin-right:10px;}
	#container .content2 .map_con a.right{margin-left:10px;}


	/* footer_wrap // S*/
	#footer_wrap{width:90%; padding:0 5%;height:auto;}
	#footer_wrap .footer{width:100%;height:auto;}
	#footer_wrap .footer address{word-break:keep-all;font-size:11px;line-height:18px;}
	#footer_wrap .footer address .m_b{display:block;}
	#footer_wrap .footer address .none{display:none;}

	/* sub start */

	
	#subvisual {width:100%;
		background-size:cover;
	}
	#subvisual .sub_wrap {width:100%;}
	#subvisual .sub_wrap h3 {font-size:20px;}
	#subvisual .sub_wrap h3 span.left {padding-left:15px;}
	#subvisual .sub_wrap h3 span.right {padding-right:15px; font-size:25px; margin:10px 0 0;}
	#sub_wrap .sub_container{width:auto; padding:30px 15px;}
	#sub_leftmenu {display:none;}
	#sub_cont {width:100%; float:none; margin:0;}
	#sub_cont .sub_top .subpath_wrap{float:left;}
	#sub_cont .sub_top .subtitle_wrap {width:100%;float:none;}




	/* 01 - 01 */
	.gayo{padding-bottom:0px;}
	.gayo h3{font-size:20px;line-height:30px;padding:0 20px 30px;word-break:keep-all;}
	.gayo h3 .sky{font-size:30px;line-height:40px;}
	.gayo h3 .blue{padding-left:0px;}


	.gayo ul li{width:99%; float:none;border:1px solid #ccc; border-bottom:none;}
	.gayo ul li.btm{border-bottom:none;}
	.gayo ul li:last-child{width:99%;border-bottom:1px solid #ccc;}

	.gayo ul li p{font-size:15px;padding:30px 0 0 95px;letter-spacing:-0.03em; word-break:keep-all;line-height:20px;}
	.gayo ul li.i4 p, .gayo ul li.i5 p{padding:20px 0 0 95px;}
	.gayo ul li:last-child p{padding:10px 0 0 95px;}


	/* 01 - 02 */
	.intro_box {background:none;}
	.intro_box h3 {font-size:25px;line-height:30px; }
	.intro_box > p{word-break:keep-all;}
	.intro_box p br{display:none;}
	.intro_box .sign{position:absolute;right:0;bottom:-50px; }





	/* 01 - 03 */
	.mem{padding-bottom:0px;}
	.mem_box{background:none}
	.mem_box .team{width:100%;padding:50px 0 0 0px;}
	.mem_box .team dl{width:49%;margin-right:1%;margin-bottom:20px;}
	.mem_box .team dl.t4{margin-right:0;}
	.mem_box .team dl dt{;width:100%;}
	.mem_box .team dl dd{width:99%;}


	/* 01 - 04 */
	.years{padding-bottom:0px;}
	.years .y_list dt{float:none;display:block;width:200px;padding:10px 0 10px 20px;font-size:30px;color:#2e2e2e;font-weight:700;}
	.years .y_list dd{float:none;width:90%;min-height:46px;padding:28px 0 28px 5%;font-size:15px; line-height:25px;color:#222222;border:1px solid #ccc;}

	.years .y_list dl.dd1 dt{padding:10px 0 10px 20px;}
	.years .y_list dl.dd1 dd{min-height:0px;}

	.years .y_list dl.c1 dt{background:url('../images/sub/m_year_bg1.jpg') 0 center no-repeat;}
	.years .y_list dl.c2 dt{background:url('../images/sub/m_year_bg2.jpg') 0 center no-repeat;}
	.years .y_list dl.c3 dt{background:url('../images/sub/m_year_bg3.jpg') 0 center no-repeat;}
	.years .y_list dl.dd3 dt{padding:10px 0 10px 20px; background-position:0 21px;}




	/* 01 - 05 */
	.spon{padding-bottom:0px;}
	.spon .s_img li{width:100%;margin:0 0 0 0px;text-align:center;}
	.spon .s_img li img{width:70%;}
	.spon .s_img li:last-child{margin:0 0 0 0; padding-top:40px;}
	.spon .s_img li p{margin-bottom:30px}

	/* 01- 06 */
	.way{padding-bottom:0px;}
	.way .map_box img{width:100%;}
	.way .way_info ul li{line-height:22px; height:90px; border-bottom:1px solid #cfcfcf;padding:20px 0 20px 50px;font-size:16px; letter-spacing:-0.03em;color:#333333;}
	.way .way_info li span{display:block;width:100%;height:30px;padding-right:0;font-weight:600;color:#111;}
	.way .way_info ul li.add{background:url('../images/sub/map_1.png') 10px 15px no-repeat;}
	.way .way_info ul li.call{background:url('../images/sub/map_2.png') 10px 15px no-repeat;height:50px}
	.way .way_info ul li.fax{background:url('../images/sub/map_3.png') 10px 15px no-repeat;height:50px;border-bottom:none;}

	

	/* 02 - 01 video phone */
	.video .top h2{font-size:25px;padding:0 0 15px 0;word-break:keep-all;}
	.video .top p{font-size:16px;letter-spacing:-0.03em;word-break:keep-all;}
	.video .top li{width:100%;padding-left:0;padding-right:0;text-align:center;}
	.video .top li.last{padding-right:0;padding-left:0;}
	.video .top ul{padding:40px 0 60px 0;}

	.phone .btm_tb h3.logo_dot{font-size:25px; line-height:35px; letter-spacing:-0.05em;padding:0 0 10px 35px; background:url('../images/sub/t_logo_dot.jpg') 0 4px no-repeat;}
	.phone .btm_tb table td{padding:13px 8px;line-height:20px;word-break:keep-all;font-size:13px;}
	.phone .btm_tb table td.img_td{padding:5px;}
	.phone .btm_tb table td.img_td li{;line-height:20px;}
	.phone .btm_tb table td.img_td li img{width:80%;}
	.phone .btm_tb table td.img_td li:first-child{margin-right:0px;}
	.phone .btm_tb table td.lh{line-height:25px;}
	.phone .btm_tb table td p.lh{line-height:25px;}

	.video .btm_tb table td span.blank{display:none;}
	
	/* 02 - 04 door phone*/
	.door .top h2{font-size:25px;padding:0px 0 15px 0;}
	.door .top p{font-size:16px;word-break:keep-all;}
	.door .top p.img{padding:38px 0 80px 0;}

	.door .btm_tb table td.lh{line-height:25px;}
	.door .btm_tb table td.img_td{padding:5px 0px;}
	.door .btm_tb table td.img_td li{width:100%;float:left; text-align:center;font-size:12px;line-height:25px;}
	.door .btm_tb table td.img_td img{width:80%;}
	.door .btm_tb table td.img_td li img{width:40%;}
	.door .btm_tb table td.img_td li:first-child{margin-right:0px;}
	.door .btm_tb table td.img_td3 li:last-child{margin-left:0px;}
	.door .btm_tb table td.img_td ul:after{content:"";display:block;clear:both;}
	.door .btm_tb table td.center{text-align:center;}

	/* 02 - 03 guard phone */
	.guard{padding-bottom:0px;}
	.guard .top h2{font-size:32px;color:#0f85ab;letter-spacing:-0.03em;font-weight:600;text-align:center;padding:0px 0 15px 0;}
	.guard .top li{width:100%;float:none;padding:0px;text-align:center;}
	.guard .top li img{width:90%;}
	.guard .top li.last{padding:0 0px 0 0;}
	.guard .top ul{padding:40px 0 60px 0;}

	.guard .btm_tb table td span.blank{display:none;}




		/* 02 - 05 wall pad */

		.wallpad{padding-bottom:0px;}
		.wallpad .wall2{margin-top:80px;}
		.wallpad .top h2{font-size:25px;color:#0f85ab;letter-spacing:-0.03em;font-weight:600;text-align:center;padding:0px 0 15px 0;word-break:keep-all;}
		.wallpad .top p{font-size:16px;color:#191919;letter-spacing:-0.06em;text-align:center;font-weight:600;word-break:keep-all;}
		.wallpad .top p.img{padding:38px 0 70px 0; text-align:center;}
		.wallpad .top li{float:none;padding-left:0px;padding-right:0px;text-align:center;}
		.wallpad .top li.last{padding-right:0px;padding-left:0px;padding-top:20px;}
		.wallpad .top ul{padding:40px 0 60px 0;}

		.wallpad .btm_tb table td.img_td{padding:25px 5px 20px 5px;}
		.wallpad .btm_tb table td.img_td img{width:50%;}
		.wallpad .btm_tb table td.center{text-align:center;}
		.wallpad .wall2 .btm_tb table td.img_td li{float:none; text-align:center;font-size:14px;line-height:25px; margin-right:5px;}
		.wallpad .btm_tb table td.img_td li:first-child{margin-right:5px;}





	/* 03 -  01 자동문원격제어*/
	.jadong{padding-bottom:0px;}
	.jadong .tab_box li{float:left;font-size:13px;width:50%; height:40px;line-height:40px;letter-spacing:-0.09em;}
	.jadong .tabs .ja1{margin-bottom:30px;}
	.jadong .tabs h3.logo_t{font-size:20px; }
	.jadong .tabs .ja1 ul li{float:left;width:100%;}
	.jadong .tabs .ja1 ul{background:none}
	.jadong .tabs .ja1 li.first{padding:0px 0 30px 0;text-align:center;}
	.jadong .tabs .ja1 li.first img{width:100%;}
	.jadong .tabs .ja1 li.last{margin-left:0px;}
	.jadong .tabs .ja1 li p{margin:0 auto 10px;}
	.jadong .tabs .ja2 p{margin-bottom:50px;}
	.jadong .tabs .ja2 p img{width:100%;}
	.jadong .tabs .ja3 img{width:100%;}

	/* 04 - 01 차량차단기*/
	.cha{padding-bottom:0px;}
	.cha .top img{width:100%;}
	.jucha table td{ font-size:13px; line-height:20px;word-break:keep-all; padding:10px 15px;}


	/* 04 - 02 차량번호인식기 */
	.insik{padding-bottom:0px;}
	.insik .top img{width:80%;}
	.jucha table td p.detail{font-size:12px;line-height:20px;word-break:keep-all;}

	/* 04 - 03 무인정산기*/
	.muin{padding-bottom:0px;}
	.muin .top{text-align:center;padding:0px 0 100px 0;}
	.muin .top li{width:100%;float:none;text-align:center;}
	.muin .top li img{width:80%;}
	.muin .top li.first{padding-top:0px;padding-bottom:30px;}
	.muin h2{font-size:32px;letter-spacing:-0.02em;color:#0f85a9;font-weight:600;padding:40px 0 0 0;line-height:40px;}
	.muin table td{ background:url('../images/sub/sky_ring.png') 5px 17px no-repeat; padding:10px 20px;}


/* 05 - 01  주요실적 */
.result{padding-bottom:0px;}
.result .tabs li{font-size:14px;letter-spacing:-0.05em;}
.result .r_list ul {padding:15px 0 20px 10px;}
.result .r_list ul li{width:98%; padding-left:10px; float:left;font-size:16px; letter-spacing:-0.05em;}








	/* 견적문의 */
	.table_input_box table tbody tr td textarea{
		width:100%;height:200px;resize:none;
	}

	.personal_date_wrap .p_d_scroll{font-size:12px;}
	.personal_date_wrap .check{font-size:12px;}

	.table_input_box table th{padding:10px 12px;font-size:12px;word-break:keep-all;}
	.table_input_box table td{padding:10px 12px;}

	.table_input_box table td input[type="text"],.table_input_box table td input[type="email"]{
		 width:190px; 
		 height:35px;
		 line-height:35px;
		 text-indent:10px;
		 font-size:12px;
	}


	/* 견적문의 보내기버튼*/
	.table_input_box .btn_box .btn-skin{padding:5px 30px; font-size:15px;}

} /* end */



/* -----------  MOBILE 반응형 CSS  ------------------- */
@media screen and (max-width:1600px) {

	#gnbBg{background:#fff;}
}