@charset "utf-8";

.sub_visual{position:relative;width:100%;height:340px;}
.sub_visual.visual01{background:url("/img/sub/sub_visual01.jpg") repeat-x center top;}
.sub_visual.visual02{background:url("/img/sub/sub_visual02.jpg") repeat-x center top;}
.sub_visual.visual03{background:url("/img/sub/sub_visual03.jpg") repeat-x center top;}
.sub_visual.visual04{background:url("/img/sub/sub_visual04.jpg") repeat-x center top;}
.sub_visual.visual05{background:url("/img/sub/sub_visual05.jpg") repeat-x center top;}
.sub_visual.visual06{background:url("/img/sub/sub_visual06.jpg") repeat-x center top;}
.sub_visual.visual07{background:url("/img/sub/sub_visual07.jpg") repeat-x center top;}

.sub_visual .sv_tit{text-align:center;position:relative;top:165px;}
.sub_visual .sv_tit h2{font-size:46px;font-weight:bold;color:#fff;font-family: 'Noto Sans Korean';}
.sub_visual .sv_tit p{font-size:18px;color:#fff;font-weight:bold;font-family: 'Noto Sans Korean';}

.sub_nav{height:50px;background-color:#ece9e8;}
.sub_nav .snb{width:940px;margin:0 auto;}
.sub_nav .snb ul:after{content:"";display:block;clear:both;}
.sub_nav .snb  li{float:left;width:25%;}
.sub_nav .snb .list-02  li{float:left;width:50%;}
.sub_nav .snb  li > a{display:block;line-height:50px;text-align:center;font-size:18px;font-weight:500;color:#958681;}
.sub_nav .snb  li.active > a{background-color:#f05a28;color:#fff;}

.sub_container{padding-bottom:80px;}

.sub_content{position:relative;width:940px;margin:0 auto;padding:60px 0 0 0;}
.sub_content .sub_tit{font-size:30px;color:#514a48;font-family: 'Noto Sans Korean';font-weight:normal;margin-bottom:25px;}
.sub_content:after{content:"";display:block;clear:both;}
.sub_content.type02 .sub_tit{float:left;}
.sub_content.type02 .fr_cont{float:right;width:722px;}

.sub-section .section_in{width:940px;margin:0 auto;padding:35px 0;}
.sub-section .section_in:after{content:"";display:block;clear:both;}
.sub-section .section_in .sec_tit{float:left;width:218px;color:#514a48;font-family: 'Noto Sans Korean';font-size:24px;font-weight:normal;letter-spacing:-0.5px;}
.sub-section .section_in .cont{float:right;}
.sub-section .section_in .cont .cont_list li{margin:60px 0;}
.sub-section.section_bg{background-color:#f4f4f4;}

.goods_tit{width:940px;height:66px;line-height:66px;text-align:center;margin:50px auto;background-color:#f4f4f4;}
.goods_tit span{display:inline-block;font-size:22px;font-family: 'Noto Sans Korean';font-weight:bold;color:#f05a28;padding-left:24px;background:url("/img/main/icon_point.png") no-repeat left center;margin-bottom:8px;}

.mb20{margin-bottom:20px;}
.ta_center{text-align:center;}
.ta_right{text-align:right;}
.ta_write {width:100%;border:1px solid #dcdcdc;}
.ta_write th{padding:12px 0;border:1px solid #dcdcdc;background:#fbfbfb;font-size:13px;color:#333;text-align:left;padding-left:22px;}
.ta_write th.point label{position:relative;display:inline-block;}
.ta_write th.point label:after{position:absolute;left:-10px;top:50%;margin-top:-8px;content:"*";display:block;color:#f8121a;}
.ta_write td{padding:6px 8px;font-size:15px;border:1px solid #dcdcdc;}
.ta_write td input[type="text"],
.ta_write td input[type="password"],
.ta_write td input[type="file"]{height:27px;}
.ta_write td input.long{width:98%;}
.ta_write td input.join_input04{width:80px;text-align:center;}
.ta_write td input.join_input03{width:100px;text-align:center;}
.ta_write td input.frm_address{width:50%;text-align:left;}
.ta_write td .add-box{padding:3px 0;}
.ta_write td select{height:30px;font-size:13px;}
.ta_write td select.tel{width:100px;}
.ta_write td textarea{height:120px;width:98%;}
.ta_write td .btn_01{display:inline-block;height:30px;background:#fff;padding:0 15px;font-size:12px;border:1px solid #c9c9c9;color:#888;vertical-align:middle;border-radius:2px;}
.ta_write td .btn_01:hover{background:#f6f6f6;}

.ta_list01{width:100%;table-layout:fixed;border-top:1px solid #5a626d;}
.ta_list01 thead th{height:40px;border-bottom:1px solid #ccc;background-color:#fbfbfb;font-size:13px;color:#67686a;}
.ta_list01 tbody tr.hit td{background-color:#f3f2ef;}
.ta_list01 tbody td{font-size:13px;height:40px;border-bottom:1px solid #dcdcdc;text-align:center;color:#67686a;}
.ta_list01 tbody tr:hover td{background-color:#F7F7F7;}
.ta_list01 tbody td.td_subject{text-align:left;padding-left:20px;}
.ta_list01 tbody td.td_subject a{font-size:13px;color:#666;line-height:170%;}
.ta_list01 tbody tr:hover td.td_subject a{color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.ta_view01{width:100%;table-layout:fixed;border-top:1px solid #5a626d;}
.ta_view01 thead th{position:relative;padding:15px 22px;border-bottom:1px solid #d9d9d9;text-align:left;}
.ta_view01 thead th .subject{display:block;width:72%;font-size:16px;color:#00275e;font-family:"Malgun Gothic";line-height:170%;}
.ta_view01 thead th .view-info{position:absolute;right:22px;top:50%;margin-top:-9px;font-size:13px;color:#888888;font-family:"Malgun Gothic";}
.ta_view01 thead th .view-info span{display:inline-block;margin-left:18px;}
.ta_view01 tbody td.view-cont{padding:30px 20px;border-bottom:1px solid #d9d9d9;}
.ta_view01 tfoot th,
.ta_view01 tfoot td{font-size:13px;padding:7px 20px;border-left:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;}
.ta_view01 tfoot td.date{padding:7px 0;font-size:12px;border-left:none;}
.ta_view01 tfoot td .subject{display:block;width:100%;font-size:13px;color:#666;line-height:170%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ta_view01 tfoot th.tf_tit{background-color:#fbfbfb;}
.ta_view01 tfoot th.tf_tit img{vertical-align:middle;margin-right:5px;}

.bo_txt{font-size:30px;color:#514a48;font-family: 'Noto Sans Korean';margin-bottom:15px;}
.bo_view .btn-wrap{text-align:right;margin:40px 0;}
.bo_write .btn-style04{margin:0 8px;}
.bo_list .btn-wrap{text-align:right;margin-top:20px;margin-bottom:-40px;}
.bo_list .btn-wrap .btn-style01{width:80px;line-height:32px;height:32px;font-size:13px;}

.ga_list{width:1029px;}
.ga_list:after{content:"";display:block;clear:both;}
.ga_list li{float:left;/* width:314px;  */width:237px;margin-right:20px;margin-bottom:23px;}
.ga_list li .ga_img{position:relative;display:block;width:237px;/* height:213px; */ height:325px; overflow:hidden;}
.ga_list li .ga_cont{padding: 15px 0;}
.ga_list li .ga_img .gall_bg{position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.8);padding:12px;box-sizing:border-box;text-align:center;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; /* IE 8 */
       filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=00); /* IE 7 and olders */
       opacity: 0; 
		transition: 0.5s all ease;
		-webkit-transition: 0.5s all ease;
		-moz-transition: 0.5s all ease;
}
.ga_list li .ga_img .gall_bg .gall_tit{position:relative;display:inline-block;font-size:18px;color:#fff;font-weight:bold;padding-right:24px;margin-top:120px;
		transition: 0.5s all ease;
		-webkit-transition: 0.5s all ease;
		-moz-transition: 0.5s all ease;
		transform: scale(1.5);
		-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
		-ms-transform: scale(1.5);
}
.ga_list li .ga_img .gall_bg .gall_tit:after{position:absolute;right:0;top:50%;margin-top:-15px;content:">";color:#a7a3a2;display:block;font-size:25px;font-weight:normal;}

.ga_list li:hover .ga_img  .gall_bg{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 */
       filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); /* IE 7 and olders */
       opacity: 1; 
 }
.ga_list li:hover .ga_img  .gall_tit{
	transform: scale(1.0);
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
	-ms-transform: scale(1.0);
}
.ga_list li .ga_subject{display:block;font-size:17px;color:#333;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:bold;}
.ga_list li .ga_date{font-size:12px;color:#666;}
.ga_list li.empty_list{width:100%;}

.search-box {text-align:right;margin-bottom:10px;}
.search-box select{height:30px;}
.search-box .search-txt{height:28px;}
.search-box .btn-search{display:inline-block;width:54px;border:1px solid #bfbfbf;height:30px;background-color:#FFF;text-align:center;font-size:13px;color:#333;}

.agree-check {font-size:12px;margin:20px 0;}
.agree-check .btn-wrap{margin:60px 0;text-align:center;}
.agree-check .btn-wrap .btn-style01{margin:0 4px;}

.online-form .of-txt01{font-size:20px;font-weight:500;color:#333;margin-bottom:14px;font-family:"Noto Sans Korean";}
.online-form .of-txt02{font-size:14px;color:#777;line-height:150%;margin-bottom:14px}
.online-form .cPoint{color:#f8121a;}

/* .customer01 .sub_top_box{background:url("/img/sub/customer01_top_bg.jpg") no-repeat center top;height:164px;padding:48px 38px;margin-bottom:45px;} */
.customer01 .sub_top_box{margin-bottom:45px;}
.customer01 .sub_top_box .sub_top_txt01{font-size:14px;color:#777;font-weight:bold;line-height:24px;}

.addition03 .sub_top_box{background:url("/img/sub/addition03_top.jpg") no-repeat center top;height:180px;padding:40px 38px;margin-bottom:45px;}
.addition03 .sub_top_box{margin-bottom:45px;}
.addition03 .sub_top_box .sub_top_tit{padding-top:0;font-weight:normal;font-size:30px;margin-bottom:20px;color:#333;}

.addition03 .sub_top_box .sub_top_txt01{font-size:14px;color:#777;font-weight:bold;line-height:24px;margin-bottom:24px;}

.store01 .sub_top_box{/*background:url("/img/sub/store01_top_bg.jpg") no-repeat center top;*/height:164px;/*padding:48px 38px;*//*margin-bottom:45px;*/}
.store01 .sub_top_box .sub_top_txt01{font-size:14px;font-weight:bold;line-height:24px;color:#777;}
.store01 .sub_top_box .sub_tit{/*color:#fff;*/}
.store01 .sub_top_box .sub_tit:after{/*background-color:#FFF;*/}

.cardread_list{width:1015px;}
.cardread_list:after{content:"";display:block;clear:both;}
.cardread_list li{float:left;width: 157px;padding:0 0 10px 0;text-align:center;border:1px solid #ddd;margin-right: 10px;}
.cardread_list li .ctit01{display:inline-block;font-size:20px;font-weight:500;font-family:"Noto Sans Korean";color:#c61118;}
.cardread_list li .ctit02{display:inline-block;font-size:16px;font-weight:400;font-family:"Noto Sans Korean";color:#565656;margin-bottom:10px;}
.cardread_list li .c_btn01{position:relative;display:inline-block;width: 130px;height: 32px;line-height:32px;text-align:center;border:2px solid #ddd;font-size: 12px;font-weight:bold;color:#666;}
.cardread_list li .c_btn01:after{position:absolute;right:12px;top:50%;margin-top:-16px;content:">";color:#7c7c7c;display:block;font-size:12px;font-weight:normal;}
.cardread_list li .c_btn01:hover{background-color:#333;color:#fff;border-color:#333;}
.cardread_list li .c_btn01:hover:after{color:#fff;}

.store_list{width:1011px;}
.store_list:after{content:"";display:block;clear:both;}
.store_list li{float:left;width:323px;border:2px solid #ddd;margin-right:10px;margin-bottom:31px;}
.store_list li .store_cont{padding:21px 18px;}
.store_list li .store_cont .sc_tit{padding-left:25px;font-size:15px;font-weight:bold;color:#797979;line-height:24px;background:url("/img/sub/icon_area.png") no-repeat left center;margin-bottom:7px;}
.store_list li .store_cont .sc_tit strong{color:#333;}
.store_list li .store_cont p,
.store_list li .store_cont address{padding:3px 0;font-size:12px;color:#666;}
.store_list li .store_map{position:relative;display:block;}
.store_list li .store_map:after{width:36px;height:36px;position:absolute;right:0;bottom:0;content:"";display:block;background:url("/img/sub/btn_mapmore.png") no-repeat;opacity:0;transition: 0.5s all;}
.store_list li:hover .store_map:after{opacity:1;}
.store_list li .store_map img{width:323px;height:158px;}

.add01_content .cctv_tab{position:relative;width:450px;margin:0 auto;margin-bottom:41px;}
.add01_content .cctv_tab:after{content:"";display:block;clear:both;}
.add01_content .cctv_tab li{float:left;width:33.33%;text-align:center;}
.add01_content .cctv_tab li a{position:relative;display:block;line-height:47px;font-size:15px;font-weight:bold;color:#acacac;background-color:#f8f8f8;}
.add01_content .cctv_tab li.active a{background-color:#333;color:#fff;}
.add01_content .cctv_tab li.active a:after{position:absolute;width:0;height:0;left:50%;margin-left:-7px;border:8px solid #333; border-top-width:10px;border-bottom-width:0;border-right-color: transparent;
    border-left-color: transparent;bottom:-10px;content:"";display:block;}

.add01_content .product_list{display:none;}
.add01_content .cctv_wrap .cctv_cont{display:none;text-align:center;}

.sub_cont_tab{position:relative;width:450px;margin:0 auto;margin-bottom:41px;}
.sub_cont_tab:after{content:"";display:block;clear:both;}
.sub_cont_tab li{float:left;width:50%;text-align:center;}
.sub_cont_tab li a{position:relative;display:block;line-height:47px;font-size:15px;font-weight:bold;color:#acacac;background-color:#f8f8f8;}
.sub_cont_tab li.active a{background-color:#333;color:#fff;}
.sub_cont_tab li.active a:after{position:absolute;width:0;height:0;left:50%;margin-left:-7px;border:8px solid #333; border-top-width:10px;border-bottom-width:0;border-right-color: transparent;
    border-left-color: transparent;bottom:-10px;content:"";display:block;}

.btn-style01{display:inline-block;width:140px;height:41px;text-align:center;line-height:43px;background-color:#666;
color:#fff;vertical-align:middle;font-size:15px;font-weight:bold;font-family:"Malgun Gothic";}

.btn-style01:hover{background-color:#000;}
.btn-style01.can{background-color:#e6e6e6;color:#a6a6a6;}
.btn-style01.can:hover{background-color:#eee;}

.btn-style03{display:inline-block;padding:0 17px;height:39px;text-align:center;line-height:39px;background-color:#fff;
color:#666;vertical-align:middle;font-size:14px;font-weight:bold;font-family:"Nanum Gothic";border:1px solid #ddd;}
.btn-style03 img{vertical-align:middle;margin-right:5px;margin-top:-2px;}
.btn-style03:hover{background-color:#f7f7f7;}
.btn-style03.can{background-color:#e6e6e6;color:#a6a6a6;}
.btn-style03.can:hover{background-color:#f3f3f3;}
.bo_write .btn-style03{width:100px;margin:0 5px;}
.btn-style04{display:inline-block;width:100px;text-align:center;height:39px;text-align:center;line-height:39px;background-color:#454545;color:#fff;vertical-align:middle;font-size:14px;font-weight:bold;font-family:"Nanum Gothic";border:1px solid #454545;color:#fff;}
.btn-style04:hover{background-color:#000;}
.btn-style04.can{background:#fff;color:#666666;border:1px solid #ddd;}
.btn-style04.can:hover{background-color:#f3f3f3;}

.btn_link{display:inline-block;width:261px;text-indent:23px;height:43px;line-height:41px;font-size:14px;font-weight:bold;color:#fff;background:url("/img/sub/btn_link01.png") no-repeat;}