@charset "utf-8";
/* *******************************************************
 * filename : main.css
 * description : 메인 레이아웃 및 컨텐츠 CSS
 * date : 2020-03-26
******************************************************** */
@import url('https://fonts.googleapis.com/css?family=Nanum+Brush+Script&display=swap');
.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;}
/* ****************** 버튼 :: 공통 ********************** */
.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:#0174b7;}
.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;}


#wrap #container {position: relative; width: 100%;}
#container .sub_visual{position:relative;width:100%;height:420px;padding:210px 0 0 0;background-position:center;box-sizing:border-box; background-repeat:no-repeat;}
#container .sub_visu1{ background-image:url(../../img/sub1_bg.jpg);}
#container .sub_visu2{ background-image:url(../../img/sub2_bg.jpg);}
#container .sub_visu3{ background-image:url(../../img/sub3_bg.jpg);}
#container .sub_visu4{ background-image:url(../../img/sub4_bg.jpg);}
#container .sub_visual .wrap{height:100%;}
#container .sub_visual.visual_text {height:340px;padding:130px 0 0 0;}
#container .sub_visual .text_area{width:1040px;margin:0 auto;}
#container .sub_visual .text_area h2{color:#fff;font-size:60px; font-weight:700;text-transform: uppercase;}
#container .sub_visual .text_area .location{}
#container .sub_visual .text_area .location:after{content:'';display:block;clear:both;}
#container .sub_visual .text_area .location li{float:left;color:#fff;font-size:14px; font-weight:500}
#container .sub_visual .text_area .location li span.small{ font-size:11px}
#container .sub_visual .text_area .location li:after{content:'';display:inline-block;width:5px;height:7px;margin:0 12px;background:url(../../img/breadcrumbs.png) 0 0 no-repeat;position: relative;top: -1px;}
#container .sub_visual .text_area .location li:last-child:after{content:none;}
.dot-bar li{ position: relative;font-size: 16px;font-weight: 300;padding-left: 11px; line-height: 1.6;color: #444;}
.dot-bar li:before {position: absolute; top: 11px;left: 0;content: "";display: inline-block;width: 3px;height: 3px;background-color: #adb3c0;}
/*BtnArea*/
.BtnArea { text-align: center; }
.BtnArea button { min-width: 5rem; border: 1px solid #ddd; background: #fff; color: #555; padding: .6rem 0; }
.BtnArea button:hover { border-color: #333; -webkit-transition: all .2s; transition: all .2s; }
.BtnArea .btn_list, .BtnArea .btn_submit { background: #333; color: #fff; border-color: #333; }
.BtnArea .btn_list:hover, .BtnArea .btn_submit:hover { background: #fff; color: #555; border: 1px solid #333; }
.BtnArea .btn_md { min-width: 4.4rem; padding: .5rem 1.5rem; font-size: .75rem; }
.BtnArea .btn_sm { min-width: 3.7rem; padding: .4rem 1.2rem; font-size: .75rem; }
/*중단 메뉴*/
.middleNav_wrap{width:100%; position:absolute; bottom:0; left:0; box-sizing:border-box;}
.middleNav_wrap .middle_nav{width:100%; height:58px;}
.middleNav_wrap .middle_nav #mysubmenu{ width:100%; height:100%; position:relative;}
.middleNav_wrap .middle_nav #mysubmenu > div{ width:100%; height:100%;}
.middleNav_wrap .middle_nav #mysubmenu > div > ul{height:100%;}
.middleNav_wrap .middle_nav #mysubmenu > div > ul > li{ float:left; height:100%; box-sizing:border-box;margin-left: 2px;background-color: rgba(0, 0, 0, 0.25); width:calc(25% - 2px)}
.middleNav_wrap .middle_nav #mysubmenu > div > ul > li:fist-child{margin-left:0}
.middleNav_wrap .middle_nav #mysubmenu > div > ul> li > a{ display:block; width:100%; height:100%; text-align:center; line-height:57PX; font-size:18px; font-weight:500; color:#fff;}
.middleNav_wrap .middle_nav #mysubmenu > div > ul> li > a.on, .middleNav_wrap .middle_nav #mysubmenu > div > ul> li > a#bo_cate_on{ background:#fff; color:#0174b7;}
.middleNav_wrap .middle_nav #mysubmenu > div > ul.type2 > li{/*구버전 익스플로러 위한 width*/ width:49%;width: calc(50% - 2px);}
.middleNav_wrap .middle_nav #mysubmenu > div > ul.type3 > li{/*구버전 익스플로러 위한 width*/ width:33%;width: calc(33% - 2px);}
.middleNav_wrap .middle_nav #mysubmenu > div > ul.type3 > li:nth-of-type(2){/*구버전 익스플로러 위한 width*/ width:34%;width: calc(34% - 2px);}
.middleNav_wrap .middle_nav #mysubmenu > div > ul.type4 > li{/*구버전 익스플로러 위한 width*/ width:24%; width: calc(25% - 2px);}
.middleNav_wrap .middle_nav #mysubmenu > div > ul.type5 > li{/*구버전 익스플로러 위한 width*/width:19%;width: calc(20% - 2px);}
.middleNav_wrap .middle_nav #mysubmenu > div > ul.type6 > li{/*구버전 익스플로러 위한 width*/width:15%;width: calc(16.6666% - 2px);}
#sub_content{padding: 5rem 0 9.4rem; position:relative;}
#sub_tit_wrap{text-align: center;color: #333; font-size: 38px;font-weight: 600;letter-spacing: -0.6px;border-bottom: 1px solid #d6d6d6;}
#sub_tit_wrap h3{position: relative; top: 1px;display: inline-block;padding-bottom: 28px; font-size: 40px; font-weight: 500;border-bottom: 2px solid #333;}

/* technologies 중단메뉴 */
.tech .middleNav_wrap .middle_nav #mysubmenu > div > ul > li > a{line-height: 58px; font-size: 16px;}
.tech .middleNav_wrap .middle_nav #mysubmenu > div > ul > li:nth-child(3) > a, .tech .middleNav_wrap .middle_nav #mysubmenu > div > ul > li:nth-child(4) > a {line-height: 1.6; box-sizing: border-box; padding: 3px 20px 0px;}


/*서브타이틀 스타일*/
.text-cir {position:relative; display:inline-block; line-height:1;padding-left:42px;font-size: 26px;}
.text-cir:before {content:"";display:block; position:absolute; width:35px; height:25px; top:3px;left:0; background:url(../../img/sub_tit_dot.png) no-repeat left center; background-size:100%}
.cont_inner.m_top30{ margin-top:30px}
/*테이블 공통*/
.table_wrap{width: 100%;}
.table_wrap table {width:100%;border-top: 1px solid #1262aa; margin-top:25px}
.table_wrap table th, .table_wrap table td {border-bottom: 1px solid #ddd;  text-align:left; font-size: 15px; line-height: 40px; padding:9px 0; }
.table_wrap table th {color: #222;font-weight: 400;background-color: #f5f5f5;text-align: center;border-left:0; text-align:center; font-size:16.5px}
.table_wrap table td {border-left: 1px solid #ddd;padding-left: 35px;text-align: left;}

/*=====개별 CSS =======*/
/* 인사말 */
.slg1{font-size:27px;color:#222;line-height:140%;text-align:center;}
.slg1_btm{margin:15px 0 0;font-size:17px;color:#666;text-align:center;}
.ceo{max-width:1200px;width:100%;margin:0 auto;padding:80px 0 0;overflow:hidden;}
.ceo .imgarea{float:left;position:relative;z-index:10;box-sizing:border-box;width:610px;padding:30px 0 50px 50px;background:#fff;transform:translateX(50%);transition:all 1s;perspective:1000px; margin-right:20px}
.ceo .imgarea .box{position:relative;position:absolute;left:0;top:0;width:250px;height:250px;background:url(../../img/m12_bg_dot.png) repeat;opacity:0;transform:translateZ(-100px);}
.ceo .imgarea .box>div:nth-child(1){width:0;height:2px;background:#0174b7;position:absolute;left:20px;top:-20px;}
.ceo .imgarea .box>div:nth-child(2){width:2px;height:0;background:#0174b7;position:absolute;right:-20px;top:-20px;}
.ceo .imgarea .box>div:nth-child(3){width:0;height:2px;background:#0174b7;position:absolute;right:-20px;bottom:20px;}
.ceo .imgarea .box>div:nth-child(4){width:2px;height:0;background:#0174b7;position:absolute;left:20px;bottom:20px;}
.ceo .imgarea .pht{position:relative;z-index:100;}
.ceo .imgarea .logo{position:absolute;right:20px;bottom:0;transform:translateY(-50%)}
.ceo .imgarea .logo img{width:30%;}
.ceo .txtarea{float:right;width:calc(100% - 630px);padding-top:30px;transform:translateX(-50%);transition:all 1s;}
.ceo .txtarea h4{font-size:25px;color:#000;margin-bottom:30px; position:relative;}
.ceo .txtarea h4:before{ background:url(../../img/bg_dd1.png) no-repeat center; background-size:100%; width:65px; height:50px; position:absolute; left:0; top:0; content:""; display:block; margin-left:-20px; margin-top:-20px}
.ceo .txtarea p{font-size:16px;color:#555;margin-bottom:30px;word-break: keep-all;line-height: 1.6;font-weight: 300;}
.ceo .txtarea p.last{font-size:18px;color:#000; font-weight:500}
.ceo .txtarea p.last .name{font-size:30px; margin-left:15px;}
.ceo .txtarea p.last .sign{margin-left:10px;}
.ceo.in-view .imgarea{transform:translateX(0%);transition:all 1s 1.5s;}
.ceo.in-view .imgarea .box{opacity:1;transform:translateZ(0px);transition:all 0.6s;}
.ceo.in-view .imgarea .box>div:nth-child(1){width:100%;height:2px;transition:all 0.4s 0.2s;}
.ceo.in-view .imgarea .box>div:nth-child(2){width:2px;height:100%;transition:all 0.4s 0.6s;}
.ceo.in-view .imgarea .box>div:nth-child(3){width:100%;height:2px;transition:all 0.4s 1s;}
.ceo.in-view .imgarea .box>div:nth-child(4){width:2px;height:100%;transition:all 0.4s 1.4s;}
.ceo.in-view .imgarea .logo{position:absolute;right:20px;bottom:0;text-align:center;transform:translateY(0);transition:all 1s 1.5s;}
.ceo.in-view .imgarea .logo img{width:100%;vertical-align:middle;transition:all 1s 1.5s;}
.ceo.in-view .txtarea{transform:translateX(0%);transition:all 1s 1.5s;}

/*회사연혁*/
#history .history{ }
#history .history .tit{ display: block; margin-bottom:25px; color:#484848;line-height:40px;font-weight: 700; font-size: 1.5rem; text-align: center;}
#history .history .history-bg{ float:left;width:50%;height:490px;background:url(../../img/history_bg.png) no-repeat; background-size:contain;transform: translateY(40px);transition: all 0.8s 0.3s; opacity:0}
#history .history .list-1st{ position:relative; float:left; width: 50%; background:url(../../img/history_list_bg.png) right bottom no-repeat;opacity: 0;transform: translateX(30px);transition: all 0.8s;}
#history .history .list-1st:before{ display:block;content:"";position:absolute;left:0px;top:0;width:5px;height:98%; border-radius:5px; background:#e3e3e3}
#history .history .list-1st li{ position:relative;padding-bottom:10px;background:none;overflow:hidden; line-height: 1; margin-left: -9px;}
#history .history .list-1st > li{ margin-bottom:35px;}
#history .history .list-1st li > span{ display:table-cell; vertical-align:top; line-height:1.5}
#history .history .list-bar{ clear: both; padding-left: 60px;}
#history .history .list-1st li span.year{ display:block; margin-bottom: 20px;font-size:23px; font-weight:700; color:#0174b7;font-family:'Montserrat', sans-serif; padding-top:2px; margin-right:10px}
#history .history .list-1st li span.year:before{ display:inline-block;content:"";margin-right:35px;width:16px;height:16px;background-color:#0174b7; border-radius:50%; border:4px solid #fff; vertical-align:middle}
#history .history .list-1st li span.info{ width:calc(100% - 120px); padding-left:83px;line-height:1.2}
#history .history .list-1st li span.info ul li{ margin-bottom:5px; word-break: keep-all; line-height: 1.3;}
#history .list-bar li{ padding-left:16px; font-size: 16px;font-weight: 300; color: #444;}
#history .list-bar li dl { display:block; width:100%;}
#history .list-bar li dl dt, #history .list-bar li dl dd{ display:inline-block; vertical-align:top; line-height:1.6}
#history .list-bar li dl .in_year{font-weight: 600;position: relative;letter-spacing: 0;display: inline-block;font-size: 17px; padding-left:10px;width:45px; margin-right:15px}
#history .list-bar li dl dd{ width:calc( 100% - 80px) }
#history .list-bar li dl .in_year:after{position: absolute;top:12px; left: 0; content: "";display: inline-block;width: 3px;height:3px;background-color: #8f8979;}
#history .list-bar li dl dd p { display:table; width:100%; position:relative; margin-bottom:5px}
#history .list-bar li dl dd p span, #history .list-bar li dl dd p em{ display:table-cell;  font-size:16px}
#history .list-bar li dl dd p em{ font-weight:600; width:35px;}
#history .list-bar li strong{ font-weight:500}
/*연혁 애니 in-view*/
#history .history .history-bg.in-view{transform: translateY(0);transition: all 0.8s; opacity:1}
#history .history .list-1st.in-view{opacity: 1; transform: translateX(0px);transition: all 0.8s 0.3s;}
/*미션 및 비전*/
#company .cont_inner{ position:relative;}
#company .cont_inner:before{ content:""; display:block; width:100%; height:100%; background:#f9f9f9; position:absolute; left:0; top:0; z-index:-1;
 	background-color: #f9f9f9;
     background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#fff)); 
     background-image: -webkit-linear-gradient(top, #f9f9f9, #fff); 
     background-image:    -moz-linear-gradient(top, #f9f9f9, #fff); 
     background-image:     -ms-linear-gradient(top, #f9f9f9, #fff); 
     background-image:      -o-linear-gradient(top, #f9f9f9, #fff); 
     background-image:         linear-gradient(top, #f9f9f9, #fff);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f9f9f9', EndColorStr='#fff');
}
#company .produce-tit{ position:relative; font-size: 30px; text-align: center; line-height: 1.4; color:#000; margin-bottom: 72px; font-weight:300}
#company .produce-tit:before{ position: absolute; bottom: -24px; left: 50%; margin-left: -331px; content:""; display: inline-block; width:672px; height: 64px; background:url(../../img/produce_tit_bg.png) no-repeat; background-size: contain; }
#company .produce-tit strong{ display: inline-block; font-weight: 500; }
.vision-imgwrap {text-align: center;}
.vision-list {margin-top: 70px; padding:0 4%; box-sizing:border-box;}
.vision-list li {float: left; margin-left: 1%; width: 32.6%;padding: 35px 25px 35px 27px; border:1px solid #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 240px;}
.vision-list li:first-child {margin-left: 0;}
.vision-tit {font-size: 24px; font-weight: 300; letter-spacing: 0.7px; color: #333; margin-bottom: 20px; -ms-word-break: keep-all; word-break: keep-all;}
.vision-list .first-list .vision-tit{color:#d41124;}
.vision-list .second-list .vision-tit{color:#0174b7;}
.vision-list .third-list .vision-tit{color:#505050;}
.vision-list li .vision-para {font-size: 16px; color: #666; line-height: 28px; font-weight: 300; -ms-word-break: keep-all; word-break: keep-all;}

/*조직도*/
.org .org-top{text-align:center;}
.org .org-top h4{font-size:34px;letter-spacing:-0.65px;line-height:1.352em;color:#444444;font-weight:300;padding-bottom:34px;word-break:keep-all}
.org .org-top h4 b{font-weight:500}
.org .org-top img{max-width:100%}
.org .org-bottom{margin-top:107px}
.org .org-bottom > div .org-bottom-tit{font-weight:500;font-size:26px;letter-spacing:-0.65px;color:#282828}
.department-contact{margin:0 -0.6%}
.department-contact .contact-list-item{float:left; width:32.13%; margin:0 0.6%; position:relative;  margin-top:25px;}
.department-contact.type2 .contact-list-item{ width:49%; }
.department-contact .contact-list-item:after{content:"";width:100%;height:6px;background:#eeeeee;display:inline-block;position:absolute;z-index:-1}
.department-contact dl{padding:33px 28px;border:1px solid #cdcdcd;}
.department-contact dl dt{font-size:18px;letter-spacing:-0.65px;color:#279a46;font-weight:500;padding-bottom:16px;border-bottom:1px solid #d8d8d8;margin-bottom:20px;position:relative}
.department-contact dl dt:after{content:"";width: 50px;height:1px;background:#279a46;display:inline-block;position:absolute;left:0;bottom:0;margin-bottom:-1px}
.department-contact dl dd p{font-size:16px;color:#4d4d4d;letter-spacing:0px;font-weight:400;position:relative; display:table;padding-bottom:10px}
.department-contact dl dd p:before{content:"";width:2px;height:2px;background:#595959;display:inline-block;margin-bottom:6px}
.department-contact dl dd p span{font-weight:500;letter-spacing:-0.65px;margin-left:6px; margin-right:10px;display:table-cell; vertical-align:top; position:relative; width:22%; padding-left: 6px;}
.department-contact dl dd p span:last-child{ width:78%; font-weight:400}
.department-contact dl dd p:last-child{ padding-bottom:0} 
.department-contact dl dd p span b{ display: block;font-size: 16px;font-weight: 400;margin-bottom: 4px;}

/*오시는 길*/
.map_wrap  .map{ width:100%; height:450px;}
.addr_box{margin:50px 0 0;}
.addr_box ul{width:100%; margin:0 auto;}
.addr_box ul:after{display:block; content:""; clear:both;}
.addr_box ul li{float:left; height:275px; padding:45px 0; box-sizing:border-box; text-align:center; font-size:17px;  }
.addr_box ul li+li{margin-left: 2px;}
.addr_box ul li .icon{width:90px; height:90px; display:block; border-radius:50%; margin:0 auto;}
.addr_box ul .addr .icon{background:#fff url(../../img/m16_icon1.png)no-repeat center;}
.addr_box ul .tel .icon{background:#fff url(../../img/m16_icon2.png)no-repeat center;}
.addr_box ul .fax .icon{background:#fff url(../../img/m16_icon3.png)no-repeat center;}
.addr_box ul .email .icon{background:#fff url(../../img/m16_icon4.png)no-repeat center;}
.addr_box ul li .tit{font-weight:600; margin:12px 0;}
.addr_box ul li.type1{width: 504px;background:#0174b7;}
.addr_box ul li p{}
.addr_box ul li.type1 p{color:#fff; font-weight:500;}
.addr_box ul li.type1 .txt{font-weight:300;}
.addr_box ul li.type2{width:230px; background:#eaeaea;}
.addr_box ul li.type2 .tit{color:#0174b7;}
.addr_box ul li.type2 .txt{color:#777;}

/*==================
보유기술
==================*/
#technology{}
.technology-detail-box{margin-bottom:38px; word-break:keep-all;}
.technology-detail-box .detail-tit {margin-bottom:1.5rem;}
.technology-detail-box .detail-tit strong{display:inline-block; position:relative;color:#1b1b1b; /* font-size:28px; */ font-size:1.75rem; line-height:1.2em;  letter-spacing:-1px; font-weight:400; }
.technology-detail-box .detail-tit strong:after{display:inline-block; margin-left:10px; width:8px; height:8px; background-color:#db2721; border-radius:50%; content:"";}
.technology-detail-box .detail-txt{color:#666; /* font-size:15px; */ font-size:0.9375rem; font-weight:300; line-height:1.625rem; }
.technology-detail-box .detail-txt span{ display:block; padding-left:15px; box-sizing:border-box; width:100%; position:relative; word-break:keep-all;}
.technology-detail-box .detail-txt span:before{ content:"";display:inline-block; width:5px; height:1px; background:#666; margin-right:5px; position:absolute; left:0; 
top:12px;}
.technology-img img{max-width:100%}
.technology-img p{width:70%;background: #d51c29;text-align: center;font-size: 16px;color: #ffffff;line-height: 1.6;position: absolute;bottom: -20px;left: 50%;transform: translateX(-50%); padding: 6px 0;}
.technology-img-wrap{margin-top:34px}
.technology-img-wrap .technology-img:nth-child(1), .technology-img-wrap .technology-img:nth-child(2),  .technology-img-wrap.type3 .technology-img{ margin-top:0}
.technology-img-wrap .technology-img{width:47.7%; float:left; position:relative;margin-top: 75px;}
.technology-img-wrap .technology-img > span{ display:block;box-sizing: border-box;border: 1px solid #ddd; padding-bottom:3%}
.technology-img-wrap .technology-img.left-img{float:left}
.technology-img-wrap .technology-img.right-img{float:right}
.technology-img-wrap.type3 .technology-img{width: calc(33.333% - 14px);margin-right: 20px;}
.technology-img-wrap .technology-img:last-child{ margin-right:0;}

/*==================
고객지원
==================*/
/*공지사항 게시판 공통*/

/*인증현황*/
.certificate-list-con > ul{margin:0 -0.5%; margin-top:45px;}
.certificate-list-con > ul li{float:left; width:19%; margin:15px 0.5% 0px 0.5%; }
.certificate-gallery-img-thumb{position:relative; border:1px solid #eee;}
.certificate-gallery-img-thumb > span{display:block; width:100%; position:relative;}
.certificate-gallery-img-thumb > span img{width:100%; height:322px;}
.certificate-gallery-img-thumb .over-thum{position:absolute; top:-1px; left:-1px; bottom:-1px; right:-1px; border:2px solid #0174b7;opacity:0;filter:Alpha(opacity=0); visibility:hidden; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s; }
.certificate-gallery-img-thumb .over-thum span.material-icons{position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px; width:50px; height:50px; background-color:#0174b7; text-align:center; line-height:50px; color:#fff; -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
.certificate-list-con > ul li:hover .certificate-gallery-img-thumb .over-thum{opacity:1.0;filter:Alpha(opacity=100); visibility:visible;}
.property-gallery-tit{font-size:15px; line-height:22px; color:#444; font-weight:400; letter-spacing:-0.5px; text-align:center; max-width:100%; padding-top:17px; height:100px; word-break:keep-all; box-sizing:border-box;}
/*온라인 문의*/
.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; box-sizing:border-box; word-break:keep-all;}
.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:#202020; font-size:15px; font-weight:500; text-align:left;}
.write-tbl th.none_impor{ padding-left:20px;}
.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; box-sizing:border-box;}
.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;}