@charset "utf-8";
/* CSS Document */
/* *******************************************************
 * filename : sub.css
 * description : 서브페이지 레이아웃 및 컨텐츠 CSS
 * date : 2020-02-14
******************************************************** */

/* ******************  서브 컨텐츠공용 ********************** */
.width10 {width: 10% !important;}
.width20 {width: 20% !important;}
.width30 {width: 30% !important;}
.width40 {width: 40% !important;}
.width50 {width: 50% !important;}
.width60 {width: 60% !important;}
.width70 {width: 70% !important;}
.width80 {width: 80% !important;}
.width90 {width: 90% !important;}
.width100 {width:100% !important;}
#main_head{ border-bottom:1px solid rgba(255,255,255,0.4)}
#container .sub_visu {height: 416px;position: relative; width:100%; display:table; background-size:cover; background-repeat:no-repeat; background-position:50% 50%}
.sub_visu .title {text-align: center;color: #fff;font-size: 55px;font-weight:700;height: 100%;display: table-cell;vertical-align: middle; padding-top:70px;}
.depth_wrap {width: 100%;height: 60px;background: #f7f7f7;}
.depth_wrap .innerLocation {position: relative;max-width: 1200px;padding-left: 65px;margin: 0 auto;box-sizing:border-box;}
#sub_content{width:100%; padding:90px 0 150px;}
.content-tit {padding:15px 0 25px;color:#111;font-size: 38px;font-weight:600; border-bottom:1px solid #ddd; position:relative; margin-bottom:70px}
.content-tit:before{ content:""; display:block; width:50px; height:3px; background:#b01116; margin-bottom:10px;}
#container .sub_visu.visu01{ background-image:url(../../img/sub_visu01.jpg);}
#container .sub_visu.visu02{ background-image:url(../../img/sub_visu02.jpg);}
#container .sub_visu.visu03{ background-image:url(../../img/sub_visu03.jpg);}
#container .sub_visu.visu04{ background-image:url(../../img/sub_visu04.jpg);}
/* location bar */
.close{ display:none!important}
.navi {height:65px;}
.navi > article { float:left;  position:relative; box-sizing:border-box; } 
.navi > article#home {position: absolute;top:0;left:0;width: 65px;height: 60px;background: url('../../img/ico_location_home.png') no-repeat center center; }
.navi > article#home a{display: block;width: 100%;height: 100%;border-left: 1px solid #eaeaea;border-right: 1px solid #eaeaea;box-sizing:border-box;}
.navi > article#home img { vertical-align:middle;}
.navi > article.depth { width:210px; border-right: 1px solid #eaeaea;}
.navi > article.depth2{width: 240px;}
.navi > article.depth1> a { display:block; color: #222!important; }
.navi > article.depth > div { position:absolute; top:100%; background-color:#e9e9e9;  width:100%;  z-index:10; height:0; overflow:hidden;}
.navi > article.depth > div a { padding:0 0 0 30px; color:#222;display:block; line-height:45px; font-size:16px; font-weight:400}
.navi > article.depth > a { display: block;width: 100%;height: 60px; padding: 0px 20px;padding-right: 30px;outline: none; text-align: left;font-size: 17px; color: #b01116;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;background: url(../../img/ico_select_on.png) no-repeat top 50% right 20px;background-size: 8px 5px; line-height:60px; font-weight:500}
.navi > article.depth > div a:hover{border-top-color:#3e6dc2;background-color:#b01116;color:#fff}\
/*****************버튼 공통***************************/
.cm-btn-controls{overflow:hidden; text-align:center; padding-top:30px;}
.cm-btn-controls.cm-btn-align-left{text-align:left;}
.cm-btn-controls.cm-btn-align-right{text-align:right;}
.cm-btn-controls .left-btn-controls{float:left; }
.cm-btn-controls .right-btn-controls{float:right;}
.cm-btn-controls button,.cm-btn-controls a{display:inline-block; width:150px; height:42px; border:0; color:#fff; background-color:#000; font-size:17px; margin:0 2px 5px 2px;  cursor:pointer; vertical-align:top; text-align:center; font-weight:400; -webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px; }
.cm-btn-controls a{line-height:42px;}
.cm-btn-controls.cm-btn-long-controls button,.cm-btn-controls.cm-btn-long-controls a{width:100%; height:50px; margin:0px; margin-bottom:5px;}
.cm-btn-controls.cm-btn-long-controls a{box-sizing:border-box; line-height:50px;}
.cm-btn-controls .btn-style01{background-color:#3a4050;}
.cm-btn-controls .btn-style02{background-color:#8c8c8c;}
.cm-btn-controls .btn-style03{box-sizing:border-box; background:#fff; border:1px solid #888; color:#222;}
/* ****************** SUB :: 인사말 ********************** */
#greeting{width:100%; position:relative; background:url(../../img/greerting_img.jpg) no-repeat right top}
#greeting .text_inner{ width:50%; box-sizing:border-box; padding-right:50px;}
#greeting .text_inner dl dt{ font-size:42px; line-height:1.3; font-weight:500}
#greeting .text_inner dl dt >span{display:block; color:#b01116; font-weight:700;}
#greeting .text_inner dl dd{ margin-top:30px; color:#444; font-size:17px; line-height:1.7; font-weight:300}
/* ****************** SUB :: 사업영역 ********************** */
.summary-top-box {position: relative;margin: 80px auto 0;}
.summary-top-box .top-blue-box  {position:absolute; left:0; top:50px; width:450px; height:500px;padding-left: 50px; }
.summary-top-box .top-blue-box .inner {background-color: #1a0c79; width:100%; height:100%; padding:75px 35px; position:relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;  }
.summary-top-box .top-blue-box .inner:before {content:"";  display:block; width: 14px; height:141px; background-color:#b01116; position:absolute; right:0; bottom:0;}
.summary-top-box .top-blue-box .inner .top-tit-en {font-size: 20px; color: rgba(255,255,255,0.6); font-style:italic;}
.summary-top-box .top-blue-box .inner .top-tit-kr {font-size: 40px; line-height:56px; color:#fff; margin-top:45px; font-weight:300; letter-spacing:-1.8px}
.summary-top-box .top-blue-box .inner .top-tit-txt {font-size: 18px; line-height:32px; letter-spacing:-0.75px; color:rgba(255,255,255,0.8); margin-top:55px;}
.summary-top-box .top-txt-box { padding-top:40px;  padding-left: 457px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.summary-top-box .top-txt-box .txt {padding-left:4.3%;font-size:17px; line-height: 30px; letter-spacing:-0.75px; color:#333; word-break:keep-all;}
.summary-con {margin-top:155px; }
.summary-con02 {margin-top:130px;}
.summary-con02 .inner {}
.summary-con02 .in-con {width:calc( 25% - 23px); float:left; margin-right:30px; border:1px solid #ddd; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.summary-con02 .in-con:last-child{ margin-right:0}
.summary-con02 dl {width:100%; text-align:center;min-height: 340px;}
.summary-con02 dl dt {vertical-align:middle; text-align:center;  position:relative; padding:45px 0 15px; min-height:205px}
.summary-con02 dl dt:before {content:""; width:49px; height:2px; background-color:#b01116; position:absolute; top:-1px; left: 50%; margin-left: -24.5px;}
.summary-con02 dl dt span {display:block;}
.summary-con02 dl dt .tit {font-size:18px; letter-spacing:-0.75px; font-weight:500; color: #111; margin-top:20px; display:table; width:100%; height:55px; vertical-align:middle; line-height:55px;}
.summary-con02 .in-con:first-child dl dt .tit{ line-height:normal!important}
.summary-con02 dl dd {vertical-align:middle;}
.summary-con02 dl dd .txt {font-size: 16px; line-height: 29px; letter-spacing:-0.75px; color:#555; padding:30px 16px; position:relative; word-break:keep-all;}
.summary-con02 dl dd .txt:before {content: "";display: block;position: absolute;top: 0;left: 50%;margin-left: -9px;width: 18px;height: 2px;background-color:#222;}
/* ****************** SUB :: 연혁 ********************** */
.history-content-wrap {margin: 78px 0 0 0;font-family: 'NanumSquare', sans-serif; background:url(../../img/history_bg.jpg) no-repeat bottom center;}
.history-list-box .history-year-box{overflow:hidden; position:relative; padding-left:285px}
.history-list-box .history-year-box h4{position:absolute; left:0; top:0;  color:#222; font-size:30px; font-weight:600; letter-spacing:-1.5px; }
.history-list-box .history-year-box h4:after{position:absolute; top:15px; left:110px; content:""; width:56px; height:3px; background-color:#b01116; }
.history-list-box .history-year-box .history-year-item {overflow:hidden; position:relative; padding-bottom:10px}
.history-list-box .history-year-box .history-year-item:before{position:absolute; top:0px; left:120px; width:1px; height:100%; background-color:#ddd; content:"";}
.history-list-box .history-year-box .history-year-item .history-year{position:absolute; top:5px; left:0px; width:120px;}
.history-list-box .history-year-box .history-year-item .history-year:after{position:absolute; display:block; content:""; top:50%; right:-4px; width:7px; height:7px; margin-top:-3px; background-color:#b01116; -webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
.history-list-box .history-year-box .history-year-item .history-year strong{color:#1e1e1e; font-weight:600; font-size:23px;font-style:italic}
.history-list-box .history-year-box .history-year-item .history-info-con{padding-left:158px; }
.history-list-box .history-year-box .history-year-item:last-child .history-info-con{  padding-bottom:35px;}
.history-list-box .history-year-box .history-year-item .history-info-con p{position:relative; margin-bottom:10px; padding-left:30px; color:#5b5b5b; font-size:17px; font-weight:400;line-height:1.4; word-break:keep-all}
.history-list-box .history-year-box .history-year-item .history-info-con p:first-child{margin-top:7px}
.history-list-box .history-year-box .history-year-item .history-info-con p .history-month{position:absolute; top:0px; left:0px;color:#333; font-weight:600; }
.history-list-box .history-year-box .history-year-item .history-info-con p span{}
/******************* SUB :: 인증현황 ********************** */
#businessList section {}
#businessList #product1Con > ul {width:100%;}
#businessList #product1Con > ul > li{float:left; display:inline-block; font-size:15px; line-height: 24px; letter-spacing: -0.75px; color:#676767; font-weight: normal; width:23%;margin: 0 1% 30px;}
#businessList #product1Con > ul > li > figure{ width:100%; box-sizing:border-box; }
#businessList #product1Con > ul > li figure figcaption{text-align: center;padding: 20px 0; font-size: 19px;color: #222;}
#businessList #product1Con > ul > li:hover figure figcaption{ color:#b01116}
#businessList #product1Con > ul >  li img {margin-top: 2px; border:1px solid #DDDDDD; width:100%; height:auto;}
.certify-content ul li a img {opacity: 0.85;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.certify-content ul li:hover a img {opacity: 1;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

/******************* SUB :: 찾아오시는 길 ********************** */
.location-content-wrap ul.tabs {clear:both;margin:0 0 80px 0;padding:0;display:table;width:100%; border:1px solid #ddd}
.location-content-wrap ul.tabs li {margin: 0;	padding: 0;overflow: hidden;border-left:1px solid #ddd;display:table-cell;background:#ffffff;}
.location-content-wrap ul.tabs li:first-child {border:none;}
.location-content-wrap ul.tabs li a {display:block;font-size:18px;padding:20px;text-align:center;color:#404d56; letter-spacing:1px}
.location-content-wrap ul.tabs li.active, .location-content-wrap ul.tabs li:hover {background: #d72749; /* Old browsers */
background: -moz-linear-gradient(left, #d72749 1%, #92142c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #d72749 1%,#92142c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #d72749 1%,#92142c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d72749', endColorstr='#92142c',GradientType=1 ); /* IE6-9 */}
.location-content-wrap ul.tabs li.active a, .location-content-wrap ul.tabs li:hover a {color:#fff; background:url(../../img/company_location_icon.png) no-repeat 30% 50%}
.location-content-wrap .tab_container {clear: both;width: 100%;margin:0;}
.location-content-wrap .tab_content {padding: 0px;}
.location-content-wrap dl {margin-top:20px;}
.location-content-wrap dt {font-size:16px;color:#111;font-weight:600;border-bottom:1px solid #000000;width:145px;float:left;padding:25px 15px;box-sizing:border-box;}
.location-content-wrap dd {font-size:16px;color:#555;border-bottom:1px solid #cecece;width:1055px;float:left;padding:25px;box-sizing:border-box;}
/******************* SUB :: 제품소개 ********************** */
#product01 .img_info {width: 100%;height: 270px;margin-top: 20px;box-sizing: border-box;}
#product01 .img_info .img_wrap { width: 46%;float: left; border:1px solid #ddd; box-sizing:border-box;}
#product01 .img_info .info_wrap { width: 54%;float: left;padding: 15px 35px 0 35px;box-sizing: border-box;}
#product01 .img_info .info_wrap > h3 {position: relative;font-size:24px;line-height: 1.7;font-weight: normal;color: #b01116;margin-bottom:15px;}
#product01 .img_info .info_wrap > p {font-size: 16px;line-height: 27px;color: #666;font-weight:300}
#product01 .product-info-box{margin:37px 0 80px}
#product01 .product-info-box .info-box-list li{margin-bottom:50px}
#product01 .product-info-box .info-box-list li strong{position:relative; font-weight:500; font-size:22px; color:#333; line-height:1.5em; padding-left:25px; }
#product01 .product-info-box .info-box-list li strong:before{position:absolute; display:inline-block; content:""; width:11px; height:11px; background:url("../../img/need_box_before.png"); left:0; top:13px}
#product01 .product-info-box .info-box-list li p{}
#product01 .product-info-box .info-box-list li p span{display:block; background:#f3f3f3; font-weight:300; font-size:16px; color:#444; line-height:1.875em; word-break:keep-all; padding:23px 25px;margin-top:15px}
#product01 figure.select{ text-align:center; margin-top:-26px}
.dl_list dl {display: table;width: 100%;padding:25px 0;border-bottom: 1px solid #ddd; padding-left:25px}
.dl_list dl:first-child{ margin-top:20px}
.dl_list dt {display: table-cell;width:25%;padding-right: 5%;vertical-align: middle;}
.dl_list dt span {display: inline-block;vertical-align: middle;margin-right: 8%;font-size:26px; letter-spacing: -0.5px; color:#b01116;font-weight: 600;}
.dl_list dt p {display: inline-block;vertical-align: middle;font-size: 20px;line-height: 34px;letter-spacing: -0.1px; color: #444444;}
.dl_list dd {display: table-cell;vertical-align: middle;}
.dl_list dd p {font-size: 17px;line-height: 24px;color: #444444; font-weight:300}

.circle_title{position: relative;font-weight: 500;font-size: 22px;color: #333;line-height: 1.5em;padding-left: 25px;text-align: left; margin-bottom:20px}
.circle_title::before{position: absolute;display: inline-block;content: ""; width: 11px;height: 11px;background: url(../../img/need_box_before.png);left: 0;top: 13px;}
.module_list{ text-align:center; margin-top:35px}
.module_list li { float: left;background: url(../../img/cell_crs_line.jpg) no-repeat center bottom;width: 32%;background-size: 100% auto;margin-left: 2%;}
.module_list li:first-child{ margin-left:0}
.cell-crs-txt {border: 1px solid #b01116;padding: 35px 0;height:445px;}
.cell-crs-txt .img_area{ border-bottom:1px solid #ddd; padding-bottom:15px}
.cell-crs-txt .num {font-size: 20px;line-height: 30px;letter-spacing: -0.25px;color:#b01116;font-weight: 700; padding-right:5px}
.cell-crs-txt h5 {font-size: 18px; line-height: 30px;letter-spacing: -0.5px; color: #444444; font-weight: 500;margin: 20px 0 10px;}
.cell-crs-txt .num, .cell-crs-txt h5{ display:inline-block;}
.cell-crs-txt p {font-size: 16px;line-height:25px;color: #444444; font-weight:300; padding:0 35px}
.cell-crs-txt p i {color: #b01116;margin-right: 5px; font-size: 20px;}


#product02.product-cir {margin:0 auto 40px;}
.product-cir-tit-box .product-cir-tit {font-size:26px; letter-spacing:-0.25px; color: #222; font-weight:400; margin:0px 0 15px; background:url(../../img/titleBg.png) no-repeat 0 50%; padding-left:10px;}
.product-cir .product-cir-tit-box .product-cir-tit-txt {font-size: 18px;line-height:30px;color:#333;font-weight: 300;}
.product-cir .product-cir-box {margin-top: 25px;}
#product02.product-cir .product-cir-box ul {margin: 55px 0 0;}
#product02.product-cir .product-cir-box ul li {width:calc(25% - 15px);margin-right:20px; float:left;}
#product02.product-cir .product-cir-box ul li:last-child{ margin-right:0}
.product-cir .product-cir-box ul li .product-cir-con {position: relative; text-align:center;}
.product-cir .product-cir-box ul li .product-cir-con img {position: relative;z-index: 50;}
.product-cir .product-cir-box ul li .product-cir-inner {background-color: #fff;border: 1px solid #dedede; position: relative;padding: 78px 15px 30px;height: 280px;margin-top: -50px;z-index: 1;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
#product02.product-cir .product-cir-box ul li .product-cir-inner .product-cir-con-tit {border-bottom: 1px solid #dedede;padding-bottom: 20px;font-weight: 500;font-size: 20px; letter-spacing: -0.55px;color: #3f3f3f;}
#product02.product-cir .product-cir-box ul li .product-cir-inner .product-cir-con-txt {color: #666; font-weight:300;font-size:16px;line-height: 28px;margin-top: 20px;letter-spacing: -0.55px; text-align:left;}
.pro_tabs{ margin:70px auto 40px}
.pro_tabs li {float: left;padding: 1px 1px 1px 1px;background: #d9d9d9; line-height: 58px;box-sizing:border-box; margin-left:-1px; width:50%;}
.pro_tabs li a {display: block;text-align: center; font-size: 15px; color: #666;background: #fff;}
.pro_tabs li.active {background: linear-gradient(to right, #fd767a, #b01116);padding: 2px 2px 0 2px;line-he ight: 58px; position:relative; z-index:1}
.pro_tabs li.active a{ color:#b01116}
.pro_tabs#pro_tab li {width: 14.25%!important; }

.specifi_img{ margin:60px 0}
.table_wrap{ width:100%;}
.table_wrap table{ width:100%; border-top:2px solid #b01116}
.table_wrap table thead{ background:#f9f9f9;}
.table_wrap table tr th, .table_wrap table tr td{ font-size:16px; color:#333; padding:10px 0; border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-weight:300; text-align:center;}
.table_wrap table tr th:last-child, .table_wrap table tr td:last-child{ border-right:0;}
.table_wrap table tr th{font-weight:500; padding:17px 0}
.table_wrap .sub_inner_titl{font-size:20px; background:url(../../img/titleBg.png) no-repeat 0 50%; padding-left:10px; color:#222; font-weight:500; margin-bottom:15px;}
.busi-content {margin-top: 55px;}
.busi-con-tit-box {text-align: center;}
.busi-con-tit-box .busi-con-tit {font-size: 35px; letter-spacing: -0.55px; color: #1d1d1d; font-weight: 400; word-break: keep-all;}
.busi-con-tit-box .busi-con-tit::after {width: 5px;height: 13px; margin: 15px auto 40px;background-color: #1d1d1d;content: "";display: block;}
.img-content ul { margin: 0 -15px;}
.img-content ul li {float: left;width: 31%; margin: 0 14.3px;margin-bottom: 20px;}
.img-content ul.type4 li{ width:23.3%; margin:0 10px}
.img-content ul.type4 li .img-con-txt-box{ position:relative; top:0; margin:0;width:100%; background:#eee}
#product04 .busi-content{ margin-top:35px}
.img-content ul li img {width: 100%;}
.img-content .img-con-txt-box { position: relative; float: right;width: 91.68%; margin-top: -57px; margin-bottom: 20px;text-align: left;background-color: #fff;padding: 0 0 0 34px; word-break: keep-all; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.img-content .img-con-txt-box .img-con-tit {font-size: 19px; line-height: 32px; letter-spacing: -0.55px;color: #474747;font-weight: 400;display: table;height: 58px;}
.img-content .img-con-txt-box .img-con-tit em {display: table-cell;vertical-align: middle; font-style:normal;}
.img-content .img-con-txt-box .img-con-tit span {font-size: 23px;color: #2e4483;}
.img-content .img-con-txt-box .img-con-txt-wrap {height: 72px;}
.img-content .img-con-txt-box .img-con-txt {display: table-row;font-size: 16px;line-height: 24px;letter-spacing: -0.55px;color: #474747;}

#systemCon .system-content li {margin-bottom:40px;}
#systemCon .system-content li .system-con-img {width: 50%;height:210px;float: right; background: no-repeat center;background-size: cover; overflow:hidden;}
#systemCon .system-content li.system-con-img-left .system-con-img {float: left;}
#systemCon .system-content .system-con-explain {width: 50%;float: left;display: table;height:210px;border: 1px solid #ced2df;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; background:#fff;}
#systemCon .system-content li.system-con-img-left .system-con-explain {border-left: none;border-right: 5px solid #ced2df;}
#systemCon .system-content li.system-con-img-right .system-con-explain {border-right: none;border-left: 5px solid #ced2df;}
#systemCon .system-content .system-con-explain .system-con-explain-box {display: table-cell;vertical-align: middle;padding: 0 40px 0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}
#systemCon .system-content .system-con-explain .system-con-explain-box .system-con-explain-tit {font-size: 20px; letter-spacing: -0.25px;color: #2e4483;font-weight:500; margin-bottom:6px;}
#systemCon .system-content .system-con-explain .system-con-explain-box .system-con-explain-txt {font-size: 16px;line-height: 25px;letter-spacing: -0.5px;color: #666;font-weight: 300;}
#product05 .program ul{ margin-top:30px}
#product05 .program ul li{ float:left; width:calc( 33.333% - 20px); margin-right:30px; box-sizing:border-box; border:1px solid #ddd; margin-bottom:25px}
#product05 .program ul li:nth-child(3n){ margin-right:0;}
#product05 .program ul li> img{ width:100%;}
#product05 .contact{}
#product05 .contact .contact_title1 {font-size: 25px;color: #333;text-align: center;padding-top:80px;}
#product05 .contact .contact_title1:after {display: block;margin: 18px auto 20px;content: '';width: 20px;height: 2px;background: #333;}
#product05 .contact .contact_txt{text-align: center;font-size: 16px;font-weight: 300;padding-bottom: 30px;width: 60%;margin: 0 auto;}
#product05 .contact .table_type_1 table {table-layout: fixed;width: 100%;border-top: 2px solid #333;}
.table_type_1 table thead tr th {padding: 10px;font-size:15px;border: 1px solid #ddd;border-bottom: none; font-weight:500}
.table_type_1 table thead tr th:first-child, .table_type_1 table tbody tr td:first-child{border-left: none;}
.table_type_1 table thead tr th:last-child, .table_type_1 table tbody tr td:last-child{ border-right:none;}
.table_type_1 table tbody tr td {padding: 10px;font-size: 15px;color: #666;text-align: center;border: 1px solid #ddd;}
.busiAccorDiv{margin:60px auto 0px; border-bottom:1px solid #d9d9d9}
.busiAccorDiv .list{display:table; width:100%; box-sizing:border-box; padding:40px 200px 40px 40px; position:relative; border:1px solid #d9d9d9; border-bottom:none}
.busiAccorDiv .list .img{width:220px; height:170px; display:table-cell; vertical-align:middle}
.busiAccorDiv .list .txtArea{display:table-cell; padding:0 40px 0 60px; vertical-align:middle}
.busiAccorDiv .list .txtArea .tit{font-size:27px; color:#000;}
.busiAccorDiv .list .txtArea .tit span.cord{ font-size:20px; display:block; color:#b01116;}
.busiAccorDiv .list .txtArea .dotList2{margin-top:20px; word-break:keep-all;font-size:15px;line-height:1.7;	}
.busiAccorDiv .list .pro_btn{width:156px; height:50px; display:block; line-height:45px; box-sizing:border-box; border-radius:30px; border:1px solid #d9d9d9; position:absolute; top:50%; transform:translateY(-50%); right:40px; background:url('../../img/controller_accor_open.gif') no-repeat right 30px top 50%; font-size:16px; color:#000; padding-left:32px}
.busiAccorDiv .list.on{border:1px solid #b01116; border-bottom:1px solid #b01116}
.busiAccorDiv .list.on .txtArea .tit{color:#b01116}
.busiAccorDiv .list.on .txtArea .dotList2 li{color:#00448d;font-size:15px!important; line-height:1.7;}
.busiAccorDiv .list.on .pro_btn{border:1px solid #b01116; color:#fff; background:url('../../img/controller_accor_close.gif') no-repeat right 	30px top 50% #b01116}
.busiAccorDiv .view{padding:45px 40px 65px; box-sizing:border-box; border:1px solid #d9d9d9; border-bottom:none; display:none}
.busiAccorDiv .view .noti{display:none}
.busiAccorDiv .view .img{text-align:center}
.busiAccorDiv .view .img img{width:100%}
.busiAccorDiv .view .viewList{margin-top:30px}
.busiAccorDiv .view .viewList .line{padding:40px 0; overflow:hidden; border-top:1px solid #e7e7e7; word-break:keep-all}
.busiAccorDiv .view .viewList .line:first-child{border-top:none}
.busiAccorDiv .view .viewList .line:last-child{padding-bottom:0}
.busiAccorDiv .view .viewList .line .tit{float:left; width:200px; margin-right:25px; font-size:20px; line-height:30px; color:#000; font-weight:bold;}
.busiAccorDiv .view .viewList .line .txt{float:left; width:calc(100% - 225px); width:-webkit-calc(100% - 225px); font-size:16px; line-height:26px; color:#555}
.img_box { border: 1px solid #d9d9d9;text-align: center;box-sizing:border-box;text-align:center;width:100%; padding:10px 0} 
table.detail_list{border:0;cellpadding:"0"; cellspacing:"0"; width:100%;margin-top: 20px;}
.detail_list caption { display: none; }
.detail_list th, .detail_list td {width: 25%;text-align: center;border: 2px solid #fff; padding:7px 0;line-height: 26px; font-weight:400; font-size:16px}
.detail_list th {background: #5f869a;letter-spacing: 0;color: #fff; padding:15px 0}
.detail_list td {background: #f4f4f4;font-weight:400;color: #555;}
.view_tit{ font-size:20px; font-weight:bold; position:relative;margin-bottom:25px}
.view_tit:after{ content:""; display:block; height:3px; width:45px; background:#b01116; margin:10px 0}

/******************* SUB :: 온라인문의 ********************** */
.bbs-inquiry-agree-con {margin-bottom: 50px;}
.bbs-inquiry-agree-con .agree-tit{color:#464646; font-size:18px; letter-spacing:-0.3px; font-weight:500; padding-bottom:15px;}
.inquiry-agreement-con{}
.bbs-inquiry-agree-con textarea{border:1px solid #ddd; height:175px; overflow-y:auto; overflow-x:hidden; padding:20px; background-color:#f6f6f6; width:100%; font-size:14px; line-height:1.6}
.bbs-inquiry-agree-con .agree-txt{padding-top:10px; font-size:15px; letter-spacing:-0.3px; color:#868686;}
.inquiry-essential-txt{text-align:right; color:#373737; font-size:13px; letter-spacing:-0.3px; position:absolute; right:0; bottom:0}
.essential-icon{color:#cf0505;}
.inquiry_sec h4{ font-size: 20px;color: #222;position: relative; margin-bottom:10px}
.inquiry_sec h4:after{display: inline-block;width: 5px;height: 5px;border-radius: 5px;background-color: #b01116;margin-left: 5px; content: "";}
.write-tbl{width:100%; border-top:1px solid #333;}
.write-tbl th,.write-tbl td{padding:8px 10px; letter-spacing:-0.5px; border-bottom:1px solid #ddd;}
.write-tbl th{color:#464646; font-size:14px; font-weight:500; text-align:left;}
.write-tbl .write-input,
.write-tbl .write-select,
.write-tbl .write-textarea{height:38px; border:0px; width:63%; background-color:#fff; border:1px solid #d2d2d2; font-size:14px; vertical-align:middle;padding-left: 8px;}
.write-tbl .write-input:focus{border-color:#333;}
.write-tbl .write-input{text-indent:10px;}
.write-tbl .write-select{height:38px;}
.write-tbl .write-textarea{width:100%; height:200px; resize:none;}
.write-tbl td input[type="file"]{height:auto; padding:10px 0;text-indent:0; border:0;}
.write-tbl td .write-sub-txt{color:#888; margin-left:10px; font-size:11px; color:#aaa; letter-spacing:-0.5px;}
.write-tbl td .write-sub-txt2{display:block; color:#888; margin-top:5px; font-size:11px; color:#aaa;  letter-spacing:-0.5px;}
.write-tbl .hypen{margin:0 5px;}
.write-tbl .input-check{padding:10px 0;}
.write-tbl .input-check span{margin-right:30px;}
.write-tbl .input-check span label{vertical-align:middle; font-size:14px;}
.address-fieldset .write-input{margin-top:6px;}
.address-fieldset .write-input:first-child{margin-top:0;}
.write-tbl .address-btn{display:inline-block; min-width:114px; padding:0 10px; height:38px; border:1px solid #464646; vertical-align:middle; text-align:center; color:#464646; font-size:14px; font-weight:400; margin-left:10px;}
.write-tbl .address-btn:hover{background-color:#464646; color:#fff;}
.btn_address{display: inline-block; padding:0 20px; vertical-align: top; color: #fff;width: 187px;box-sizing: border-box;color: #fff;background: none; height: 38px; line-height:38px; font-size:14px; background:#777}
.radioCont li{float:left; padding-right:30px; font-size:15px; color:#666;}
.radioCont li input{ margin-right:5px}
.frm_info{ color:#e73221; font-size:14px; font-weight:bold; margin-top:5px; display:block;}
.filebox{ width: 100%;overflow: hidden;margin-bottom: 20px;}
.filebox .file_wr{width:100%; display:inline-block;}
.filebox > div.file_wr:nth-of-type(3){ float:right;}
.filebox .file_wr input{width: calc(100% - 133px); color:#aaa; font-size:13px;}
.filebox .file_wr label{display: inline-block; padding: 0 20px;vertical-align: top;color: #fff;width:130px;box-sizing: border-box;color: #fff;background: none;height: 38px;line-height: 38px; font-size: 14px; background: #777;}
.filebox input[type="file"]{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}