@charset "utf-8";

.sub_visual{position:relative;width:100%;}
.sub_visual .wrap_1100{background:url("/img/sub/sub_visual.jpg") no-repeat right center;height:165px;border-bottom:1px solid #ebebeb;}
.sub_visual .visual_tit{font-size:40px;color:#333;;font-family: 'NanumBarunGothic';font-weight:normal;padding-top:60px;}
.sub_visual .visual_tit span{font-size:25px;color:#999;}


.sub_content{position:relative;width:1100px;margin:0 auto;padding:37px 0 80px 0;}
.sub_content:after{content:"";display:block;clear:both;}


.sub_content .page_tit{float:right;position:relative;padding-top:31px;margin-bottom:30px; }
.sub_content #snb{float:left;width:246px;border-top:1px solid #e5e5e5;}
.sub_content #snb li{border-bottom:1px solid #e5e5e5;}
.sub_content #snb li a{display:block;line-height:90px;padding-left:20px;font-size:18px;color:#444;font-family: 'NanumBarunGothic';transition:none}
.sub_content #snb li:hover a,
.sub_content #snb li.active a{background:url("/img/sub/snb_active_icon.png") no-repeat 95% center;color:#cb092b;}
.sub_content .sub_section{float:right;width:780px;}

.sub_section{min-height:500px}
.sub_section .sub_section_top{position:relative;background-color:#f8f8f8;border-left:3px solid #cb092b;margin-bottom:50px;}
.sub_section .sub_tit{padding-left:16px;line-height:50px;font-size:20px;font-weight:bold;color:#444;font-family: 'NanumBarunGothic';font-weight:normal;}
.sub_section .sub_loc{position:absolute;right:17px;top:0;line-height:50px;font-family:"Dotum";color:#999;}
.sub_section .sub_loc a,
.sub_section .sub_loc span{color:#999;}
.sub_section .sub_loc .loc_position{font-weight:bold;color:#cb092b;}

.product01_content img { width:100%; }

/* LNB renewal */
.sub_content #newLnb { border-top:1px solid #e0e0e0; float:left; height:fit-content; max-width:246px; overflow:hidden; width:100%; }
.sub_content #newLnb > ul > li { border-bottom:1px solid #ebebeb; }
.sub_content #newLnb > ul > li > a { align-items:center; background:#fff; display:flex; justify-content:space-between; min-height:90px; padding:0 20px; }
.sub_content #newLnb > ul > li > a:hover { background:#fafafa; }
.sub_content #newLnb > ul > li > a span { color:#1a1a1a; font-size:15px; font-weight:700; }
.sub_content #newLnb > ul > li > a i { align-items:center; background:#f0f0f0; border-radius:50%; display:flex; flex-shrink:0; height:24px; justify-content:center; transition:background .2s, transform .25s; width:24px; }
.sub_content #newLnb > ul > li > a i svg { height:11px; stroke:#999; transition:stroke .2s; width:11px; }

.sub_content #newLnb > ul > li > a.active span { color:#C8102E; }
.sub_content #newLnb > ul > li > a.active i { background:#C8102E; transform:rotate(180deg); }
.sub_content #newLnb > ul > li > a.active i svg { stroke:#fff; }

.sub_content #newLnb > ul > li > ul { background:#fafafa; max-height:0; opacity:0; overflow:hidden; transition:max-height .3s cubic-bezier(.4, 0, .2, 1), opacity .2s; }
.sub_content #newLnb > ul > li > ul.open { max-height:400px; opacity:1; }
.sub_content #newLnb > ul > li > ul > li > a { align-items:center; border-top:1px solid #efefef; color:#555; display:flex; font-size:14px; gap:10px; padding:12px 20px 12px 28px; position:relative; }
.sub_content #newLnb > ul > li > ul > li > a:before { background:#ccc; border-radius:50%; content:""; flex-shrink:0; height:4px; transition:background .12s; width:4px; }
.sub_content #newLnb > ul > li > ul > li > a.on,
.sub_content #newLnb > ul > li > ul > li > a:hover { background:rgba(200,16,46,0.04); color:#C8102E; }
.sub_content #newLnb > ul > li > ul > li > a.on:before,
.sub_content #newLnb > ul > li > ul > li > a:hover:before { background:#C8102E; }

@media screen and (max-width:768px) {
	.sub_content #newLnb { float:none; max-width:inherit; width:100%; }
	.sub_content #newLnb > ul > li > a { min-height:40px; }
	.sub_content #newLnb > ul > li > a span { font-size:13px; }
	.sub_content #newLnb > ul > li > a i { background:transparent; border-radius:0; height:14px; width:14px; }
	.sub_content #newLnb > ul > li > a i svg { height:10px; width:10px; }

	.sub_content #newLnb > ul > li > a.active i { background:transparent; }
	.sub_content #newLnb > ul > li > a.active i svg { stroke:#C8102E; }

	.sub_content #newLnb > ul > li > ul > li > a { font-size:13px; padding:11px 16px 11px 28px; }
	.sub_content #newLnb > ul > li > ul > li > a:before { display:none; }
}
/* LNB renewal end */


/* 인사말 */
.about01_content{font-family: 'NanumBarunGothic';}
.about01_content .txt01{font-size:25px;color:#444;font-weight:normal;}
.about01_content .txt02{font-size:18px;color:#444;}
.about01_content .txt02 .company{color:#cb092b;}
.history_content{margin-top:80px;}
.history_list{position:relative;margin-top:36px;padding:40px 0 0 0 ;background:url("/img/sub/history_bg01.png") repeat-y center;}
.history_list li{position:relative;margin-bottom:50px;}
.history_list li .year{display:block;text-align:center;width:100px;margin:0 auto;background-color:#FFF;font-size:30px;line-height:150%;color:#333;font-weight:900;}
.history_list li .history-cont:after{content:"";display:block;clear:both;}
.history_list li .history-txt{position:relative;}
.history_list li .history-txt.txt_right:after{ position: absolute;  left: -9px; top:13px; background: url("/img/sub/dot01.png") no-repeat center center;    width: 19px;    height: 19px;    content: "";    display: block;}
.history_list li .history-txt.txt_left:after{ position: absolute;  right: -10px; top:13px; background: url("/img/sub/dot01.png") no-repeat center center;    width: 19px;    height: 19px;    content: "";    display: block;}
.history_list li .history-txt p{font-size:18px;color:#666;padding:10px 0;line-height:24px;}
.history_list li .history-txt p .st01{color:#0278c2;font-weight:bold;}
.history_list li .history-txt .htxt{position:relative;}
.history_list li .history-txt .mon{position:absolute;top:0;font-size:18px;line-height:24px;color:#cb092b;}
.history_list li .txt_right{position:relative;    float: right;    width: 50%;    text-align: left;padding-left:110px;box-sizing:border-box;}
.history_list li .txt_right .mon{left:35px;}
.history_list li .txt_right .himg{left:0;}
.history_list li .history-txt .himg{position:absolute;bottom:-160px;height:160px;display:none;}
.history_list li .txt_left{    float: left;    width: 50%;    text-align: right;padding-right:110px;box-sizing:border-box;}
.history_list li .txt_left .mon{right:35px;}
.history_list li .txt_left .himg{right:0;}
.history_list.prev_history{display:none;padding-bottom:40px;}
.history_more{display:block;width:900px;margin:0 auto;height:88px;line-height:88px;text-align:center;font-size:24px;font-weight:bold;color:#333;border:1px solid #ddd;}
.history_more .more_img{display:inline-block;background:url("/img/sub/icon_more02.png") no-repeat;width:33px;height:33px;vertical-align:middle;margin-top:-4px;}
/* .history_more.active .more_img{background:url("/img/sub/icon_more02_off.png") no-repeat;} */

.ta_write {width:100%;border:1px solid #dcdcdc;}
.ta_write th{height:50px;border:1px solid #dcdcdc;background:#f9f9f9;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:14px;border:1px solid #dcdcdc;}
.ta_write td label{vertical-align:middle;}
.ta_write td input[type="text"],
.ta_write td input[type="password"],
.ta_write td input[type="file"]{height:27px;}
.ta_write td input[type="checkbox"]{margin-top:2px;}
.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_write td .e_txt{font-size:14px;color:#fc3030;vertical-align:middle;margin-left:5px;}


.ta_list01{width:100%;table-layout:fixed;border:1px solid #dcdcdc;}
.ta_list01 thead th{height:40px;border-bottom:1px solid #ccc;background-color:#fbfbfb;font-size:13px;color:#67686a;border:1px solid #dcdcdc;}
.ta_list01 tbody td{font-size:13px;height:40px;border: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:1px solid #dcdcdc;}
.ta_view01 thead th{padding:7px 20px;border:1px solid #dcdcdc;text-align:left;font-size:12px;color:#333;background-color:#fbfbfb;}
.ta_view01 thead th .subject{display:block;width:100%;font-size:13px;color:#666;line-height:170%;}

.ta_view01 thead th .view-info{position:absolute;right:22px;top:50%;margin-top:-9px;font-size:13px;color:#888888;}
.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_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:780px;}
.ga_list:after{content:"";display:block;clear:both;}
.ga_list li{float:left;width:230px;margin-left:22px;margin-bottom:48px;}
.ga_list li .ga_img{position:relative;display:block;width:228px; height:127px; overflow:hidden;border:1px solid #ddd;}
.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:after{position:absolute;left:-1px;top:-1px;bottom:-1px;right:-1px;border:3px solid #cb092b;content:"";display:block;}
.ga_list li:hover .ga_subject{color:#cb092b;text-decoration:underline;}
.ga_list li .ga_company{color:#444;font-size:14px;margin-bottom:7px;display:block;}
.ga_list li .ga_subject{display:block;font-size:16px;color:#333;margin-bottom:11px;font-weight:bold;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%;}

.ga_list.event li{position:relative;width:403px;border:1px solid #e7e7e7;margin-right:20px;margin-bottom:25px;
		transition: 0.3s all;
	-moz-transition: 0.3s all;
	-webkit-transition: 0.3s all;
}
.ga_list.event li:hover {border-color:#3e73b9;}
.ga_list.event li .ga_img{position:relative;border:none;border-bottom:1px solid #ddd;width:403px;height:163px;
	transition: 0.4s all;
	-moz-transition: 0.4s all;
	-webkit-transition: 0.4s all;
}
.ga_list.event li:hover .ga_img{opacity:0.6;}
.ga_list.event li .ga_cont{text-align:left;font-size:12px;padding:14px;}
.ga_list.event li .ga_subject{margin-bottom:8px;font-size:15px;color:#4b4b4b;}
.ga_list.event li .ga_name{font-size:14px;margin-bottom:8px;color:#505050;font-weight:bold;}
.ga_list.event li .ga_txt{font-size:12px;line-height:18px;color:#9a9595;}
.ga_list.event li .mark{position:absolute;left:0;top:0;width:50px;height:50px;text-align:center;line-height:50px;font-size:13px;font-weight:bold;color:#fff;}



.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;}

.tbl_wrap table {width:100%;border-top:1px solid #999;border-collapse:collapse;border-spacing:0;table-layout:auto;margin-bottom:42px;}
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {height:35px;border-top:1px solid #999;border-bottom:1px solid #ddd;background:#f9f9f9;color:#333;font-size:14px;text-align:center;font-weight:bold;}
.tbl_head01 thead a {color:#717171;font-size:14px;}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {padding:15px 8px;font-size:14px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;line-height:1.5em;word-break:break-all;text-align:left;vertical-align:middle;color:#999;}
.tbl_head01 td.td_subject{text-align:left;font-size:14px;}
.tbl_head01 td.td_subject > a{display:inline-block;max-width:92%;    white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;vertical-align:middle;}
.tbl_head01 td.td_subject > a.reply{padding-left:17px;background:url("../img/sub/icon_reply.png") no-repeat left -5px;}
.tbl_head01 td.td_subject img{vertical-align:middle;margin-left:4px;margin-top:-2px;}
.tbl_head01 tr:hover td{background-color:#fafafa;}
.tbl_head01 tr:hover td.td_subject a{font-weight:bold;color:#000;}
.tbl_wrap .bo_bottom{position:relative;}
.tbl_wrap .btn-wrap{text-align:right;}

.view-content .view-top{position:relative;padding:20px 130px 20px 32px;;background-color:#f9f9f9;border-top:1px solid #999999;border-bottom:1px solid #dfdfdf;}
.view-content .view-top .vSubject{width:100%;font-size:14px;font-weight:bold;color:#333;line-height:130%;}
.view-content .view-top .date{position:absolute;right:32px;top:19px;color:#999v;font-size:15px;}
.view-content .view-info{height:48px;border-bottom:1px solid #b4b4b4;padding:0 32px;}
.view-content .view-info:after{content:"";display:block;clear:both;}
.view-content .view-info .vName{float:left;line-height:48px;font-size:14px;}
.view-content .view-info .tit{position:relative;padding-right:12px;margin-right:8px;}
.view-content .view-info .tit:after{position:absolute;right:0;top:50%;margin-top:-7px;width:1px;height:14px;background-color:#b4b4b4;content:"";display:block;}
.view-content .view-info .vLookup{float:right;line-height:48px;font-size:14px;}
.view-content .view-cont{border-bottom:1px solid #b4b4b4;}
.view-content .view-cont .view_text{padding:30px 32px;}
.view-content .view_file{border-top:1px solid #b4b4b4;padding:14px 20px;}
.view-content .view_file a{display:block;line-height:34px;font-size:15px;color:#777;}
.view-content .view_file a img{margin-right:4px;}
.view-content .view-cont img{max-width:100%;}
.view-content .view-pos li{height:48px;line-height:48px;padding:0 32px;font-size:14px;border-bottom:1px solid #b4b4b4;}
.view-content .view-pos li:first-child{border-color:#dfdfdf;}
.view-content .view-pos li:after{content:"";display:block;clear:both;}
.view-content .view-pos li .tit{float:left;display:inline-block;color:#535353;width:108px;}
.view-content .view-pos li .subject{float:left;width:67%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.view-content .view-pos li .date{float:right;}
.view-content .view-info-file table{width:100%;}
.view-content .view-info-file table th{height:48px;text-align:center;background-color:#f9f9f9;border-bottom:1px solid #dfdfdf;font-size:14px;color:#444;}
.view-content .view-info-file table td{height:48px;border-bottom:1px solid #dfdfdf;padding-left:20px;font-size:14px;color:#777;}
.view-content .btn-wrap{text-align:right;margin:30px 0; }
.view-content .reply{padding:23px;border:1px solid #eaeaea;margin-bottom:25px;background-color:#f8f8f8;}
.view-content .reply .reply_content{position:relative;padding-top:18px;border-top:1px dashed #cacaca;}
.view-content .reply .reply_content:first-child{border-top:0;padding-top:0;}
.view-content .reply .reply_info{font-size:13px;color:#949494;}
.view-content .reply .reply_info .name{font-size:14px;font-weight:bold;color:#000;display:inline-block;margin-right:12px;}
.view-content .reply .reply_info img{vertical-align:middle;margin-top:-2px;margin-left:4px;}
.view-content .reply .reply_content.rere .reply_info{position:relative;padding-left:21px;}
.view-content .reply .reply_content.rere .reply_info:after{position:absolute;left:0;top:0;width:10px;height:10px;border-left:3px solid #000;border-bottom:3px solid #000;content:"";display:block;}
.view-content .reply .reply_text{font-size:14px;line-height:150%;color:#373737;padding:18px 18px 36px 18px;}
.view-content .reply .reply_btn{position:absolute;right:0;bottom:18px;}
.view-content .reply .reply_btn a{display:inline-block;font-size:13px;color:#000;font-weight:bold;padding:0 10px;border-left:1px solid #adadad;line-height:100%;}
.view-content .reply .reply_btn a:first-child{border-left:0;}
.view-content .reply .reply_btn a:hover{text-decoration:underline;}
.view-content .reply .re_write{position:relative;padding:23px;background-color:#FFF;}
.view-content .reply .re_write textarea{height:75px;width:100%;box-sizing:border-box;}
.view-content .reply .re_write .re_write_cont{position:relative;padding-left:82px;margin-bottom:20px;}
.view-content .reply .re_write .re_write_cont .tit{position:absolute;left:0;top:50%;margin-top:-8px;font-size:13px;color:#000;}
.view-content .reply .re_write .btn-wrap{text-align:center;margin:0;}
.view-content .reply .re_write .pw_check{position:absolute;right:23px;bottom:31px;font-size:12px;color:#717171;}


.btn-style01{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-style01 img{vertical-align:middle;margin-right:5px;margin-top:-2px;}
.btn-style01:hover{background-color:#f7f7f7;}
.btn-style01.can{background-color:#e6e6e6;color:#a6a6a6;}
.btn-style01.can:hover{background-color:#f3f3f3;}
.btn-style02{display:inline-block;padding:0 28px;height:42px;text-align:center;line-height:42px;background-color:#012b5d;color:#fff;font-size:14px;font-weight:bold;font-family:"Nanum Gothic";}


.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;}

.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;}

area{outline:none;}

.agency_tab{margin-bottom:70px;}
.agency_tab:after{content:"";display:block;clear:both;}
.agency_tab > li{float:left;width:254px;margin-left:8px;}
.agency_tab > li a{display:block;border:1px solid #dbdbdb;line-height:68px;height:68px;font-size:22px;color:#888;text-align:center;}
.agency_tab > li:first-child{margin-left:0;}
.agency_tab > li.active a{border-color:#cb092b;color:#cb092b;}

.agency_box {overflow: hidden; height: 0;}
.agency_box.on {height: auto;}
.agency_box:after{content:"";display:block;clear:both;}
.agency_box .map_wrap{float:left;width:360px;}
.agency_box .area_list{float:right;width:400px;}
.agency_box .area_list li{position:relative;padding:26px 20px;border-top:1px solid #e5e5e5;}
.agency_box .area_list li:first-child{border-top:0;}
.agency_box .area_list li .al_tit{font-size:20px;color:#444;display:block;font-weight:normal;margin-bottom:16px;}
.agency_box .area_list li .al_table{width:100%;}
.agency_box .area_list li .al_table th{width:60px;font-size:14px;color:#444;line-height:40px;padding:6px 0;padding-left:45px;}
.agency_box .area_list li.ar01 .al_table th{background:url("/img/sub/icon_area01.png") no-repeat left center;}
.agency_box .area_list li.ar02 .al_table th{background:url("/img/sub/icon_area02.png") no-repeat left center;}
.agency_box .area_list li.ar03 .al_table th{background:url("/img/sub/icon_area03.png") no-repeat left center;}
.agency_box .area_list li.ar03_01 .al_table th{background:url("/img/sub/icon_area03_01.png") no-repeat left center;}
.agency_box .area_list li.ar04 .al_table th{background:url("/img/sub/icon_area04.png") no-repeat left center;}
.agency_box .area_list li.ar05 .al_table th{background:url("/img/sub/icon_area05.png") no-repeat left center;}
.agency_box .area_list li .al_table .ph th{background:url("/img/sub/icon_ph.png") no-repeat left center;}
.agency_box .area_list li .al_table td{font-size:13px;color:#777;}
.agency_box .area_list li.active:after {content:"";display:block;position:absolute;left:-1px;top:-1px;bottom:-1px;right:-1px;border:2px solid #e5e5e5;z-index:1;}
.agency_box .area_list li.active.ar01:after{border-color:#cb092b;}
.agency_box .area_list li.active.ar02:after{border-color:#0080c3;}
.agency_box .area_list li.active.ar03:after{border-color:#009d04;}
.agency_box .area_list li.active.ar03_01:after{border-color:#ab4ff9;}
.agency_box .area_list li.active.ar04:after{border-color:#04bdc4;}
.agency_box .area_list li.active.ar05:after{border-color:#ff8315;}

.snb-active {display: none;}
fieldset .btn_submit {background: #cb092b;}
.sub_section .btn_submit {background:#cb092b ;}
.btn_confirm a {display: inline-block;padding:8px 15px; background:#cb092b ; color: #fff;}

/* mobile */
@media screen and (max-width: 768px){
	.sub_visual .wrap_1100 { height: 40vw; background: url("/img/mo/sub_visual.png") no-repeat 33% center / cover; border-bottom: 0;}
	.sub_visual .visual_tit {display: inline-block; font-size: 20px; padding-left: 15px; padding-top: 30px;}
	.sub_visual .visual_tit span {font-size: 14px;}
	
	.sub_content {width: 100%; padding: 0;}
	.sub_content #snb {float: none; width: 100%; border-top: 0;}
	.sub_content .sub_section {float: none; width: 100%; padding: 15px; padding-bottom: 40px; box-sizing: border-box;}
	.sub_section .sub_tit {font-size: 16px;}
	.sub_section .sub_loc {font-size: 10px;}

	.snb-active {position: relative; display: block;padding: 0 30px; line-height: 50px; font-size: 18px; color: #fff;  background: #cb092b; text-align: center;}
	.snb-active:before {display: block; content: ''; position: absolute; top: 26px; right: 22px; width: 10px; height: 2px; border-radius: 2px; background: #fff; transform: rotate(45deg); transition: all .2s;}
	.snb-active:after {display: block; content: ''; position: absolute; top: 26px; right: 16px; width: 10px; height: 2px; border-radius: 2px; background: #fff; transform: rotate(-45deg); transition: all .2s;}
	.snb-active.on:before {right: 16px;}
	.snb-active.on:after {right: 22px;}
	.sub-content.dev .layout {padding: 0 10px;}
	#snb {position: relative; z-index: 60;}
	#snb > ul > li {display: block;}
	.sub_content #snb li a { line-height: 58px; text-align: center; padding-left: 0;}
	.sub_content #snb li:hover a {background: none;}
	#snb > ul > li.active {display: none;}
	#snb > ul {display: none; position: absolute; left: 0; right: 0; top: 50px; border: 1px solid #ddd; border-top: 0; background: #fff;}

	.sub_section {padding: 15px;}

	.history_content {margin-top: 40px;}
	.history_list {background-position: 13px 50px; padding: 0;}
	.history_list li  {margin-bottom: 25px;}
	.history_list li .txt_left {text-align: left; float: none; width: 100%; padding-left: 90px; box-sizing: border-box; padding-right: 0;}
	.history_list li .txt_left .mon {right: auto; left: 30px;}
	.history_list li .history-txt.txt_left:after {right: auto; left: 5px;}
	.history_list li .history-txt .mon {font-size: 14px;}
	.history_list li .history-txt p {font-size: 14px;}

	.history_list li .txt_right {text-align: left; float: none; width: 100%; padding-left: 90px; box-sizing: border-box; padding-right: 0;}
	.history_list li .txt_right .mon { left: 30px;}
	.history_list li .history-txt.txt_right:after {left: 5px;}

	.agency_tab > li {float: none; width: 100%; margin-left: 0;}
	.agency_tab > li a {line-height: 52px; height: 52px; font-size: 18px;}
	.agency_box .map_wrap {float: none; width: 100%; margin-top: -40px;}
	.agency_box .area_list {float: none; width: 100%;}
	.agency_box .area_list li {padding: 25px 10px;}
	.agency_box .area_list li .al_tit {font-size: 18px;}

	#bo_gall .gall_li {width: 100% !important; float: none; margin-bottom: 40px !important;}
	#bo_gall .gall_con .gall_href img {width:  calc(100% - 2px); height: auto;}
	
	.tbl_head01 thead th {font-size: 12px; height: auto;}
	.tbl_head01 td {padding: 10px 5px; font-size: 11px; word-break: keep-all; text-align: center;}
	.tbl_head01 td.td_subject {font-size: 11px; text-align: left;}
	.tbl_head01 td.td_subject > a {display: block;   max-width: 46vw;}
	#bo_list .td_name {text-align: center;}
	#bo_w .tbl_frm01 textarea,
	#bo_w .tbl_frm01 td .frm_input {width: 100%; box-sizing: border-box;}
	#bo_cate a {width: 75px; font-size: 11px;}

	#pw_confirm {width: 90%; text-align: center;}
	
}