@charset "utf-8";
/*───────────────────────────────────────────────────────────
" board｜errors｜goods｜service｜layout/board｜layout/display｜layout/goods "
" layout/popup.html "
위 폴더 및 페이지 커스텀 및 layout, navigation, button, company 관련 편집 css 파일 입니다.
** header, footer, main 관련은 /css/skin.css 에 있습니다.
───────────────────────────────────────────────────────────*/
/*───────────────────────────────────────────────────────────
common.css 커스텀 css 아래에 작성
───────────────────────────────────────────────────────────*/
/*───────────────────────────────────────────────────────────
font common
───────────────────────────────────────────────────────────*/
body {}/*letter-spacing:-0.2px;*/
div, dd, li, p, span, td, dt, h1, h2, h3, h4, h5, h6, strong, b, em, th {}
b, dt, strong, em, th, h1, h2, h3, h4, h5, h6 {font-weight:700;}/* Noto Sans KR은 500 사용 */
input, button, textarea, select {}
/* webfont */
.ff_open {font-family: 'Open Sans', 'Nanum Gothic', sans-serif !important;}
.ff_noto {font-family: "Noto Sans KR", 'Nanum Gothic', sans-serif !important;}
.ff_mont {font-family: 'Montserrat', 'Nanum Gothic', sans-serif !important;}
.ff_nanum {font-family: 'Lato','Nanum Gothic', dotum, sans-serif !important;}
.ff_lato {font-family: 'Lato', 'Nanum Gothic', sans-serif !important;}
.ff_nbg {font-family: 'Nanum Barun Gothic','Nanum Gothic', sans-serif !important;}
.ff_open, .ff_open a, .ff_open span, .ff_open div, .ff_open ul, .ff_open li, .ff_open p {font-family: 'Open Sans' !important;}
.ff_noto, .ff_noto a, .ff_noto span, .ff_noto div, .ff_noto ul, .ff_noto li, .ff_noto p {font-family: 'Noto Sans KR', 'Noto Sans' !important; font-weight:400;}
/* font weight */
.fw_t {font-weight:300;}
.fw_n {font-weight:400;}
.fw_b {font-weight:700;}/* Noto Sans KR은 500 사용 */
.fw_eb {font-weight:800;}/* Noto Sans KR은 700 사용 */
/*** common ***/
/*** TABLE | 서브페이지 전체 사용 ( board / member / layout ) ***/
/*** BOARD ***/
/*** GOODS ***/
/*** MEMBER ***/
/*** SERVICE ***/
/*───────────────────────────────────────────────────────────
sub 공통
───────────────────────────────────────────────────────────*/
.sub_vis{height:500px;}
.sub_vis .w_custom{height:430px;position:relative;}
.sub_vis h2{box-sizing:border-box;padding:0 15px;position:absolute;top:48.5%;left:0;transform:translateY(-50%);width:100%;text-align:center;color:#fff;font-size:50px;font-weight:700;letter-spacing:-0.03em;font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif}
.sub_vis h2 p{word-break:keep-all;font-size:20px;letter-spacing:-1.2px;font-weight:300;margin-top:15px;line-height:1.5}
#side_box{background:rgba(0,0,0,0.5);transform:translateY(-100%);position:relative;z-index:5;}
#side_box .sub_menu dl{}
#side_box .sub_menu dl dt{font-size:0;cursor:pointer;position: relative;z-index:5;}
#side_box .sub_menu dl dd{display:flex;text-align:center;letter-spacing:-0.03em;height:70px;}
#side_box .sub_menu dl dd a{width:100%;border-left:1px solid rgba(255,255,255,0.3);display:flex;width:100%;height:100%;color:#fff;font-size:18px;vertical-align:middle;justify-content:center;align-items:center;font-family:'Noto Sans KR';}
#side_box .sub_menu dl dd a:last-child{border-right:1px solid rgba(255,255,255,0.3);}
#side_box .sub_menu dl dd a span{font-size:inherit;font-weight:inherit;width:100%;padding:0 15px;font-family:inherit;}
#side_box .sub_menu dl dd a.on{border-left:1px solid #fff;background:#fff;color:#178143;font-weight:700;}
#side_box .sub_menu dl dd a.on + a{border-left:0;}
#side_box .sub_menu dl dd a:last-child.on{border-right:1px solid #fff;}
@media only screen and (max-width:1280px){
#side_box .w_custom{width:100%;padding-left:0;padding-right:0;}
}
@media only screen and (max-width:1023px) {
.sub_vis{height:350px}
.sub_vis .w_custom{height:280px;}
.sub_vis h2{font-size:36px;}
.sub_vis h2 p{font-size:18px;margin-top:10px;}
#side_box .sub_menu dl dd a{font-size:16px;}
}
@media only screen and (max-width:800px) {
#side_box .sub_menu dl dd a{font-size:15px;}
}
@media only screen and (max-width:640px) {
.sub_vis{height:200px;}
.sub_vis .w_custom{height:200px;}
.sub_vis h2{font-size:28px;}
.sub_vis h2 p{font-size:15px;margin-top:10px;}
#side_box{background:#ffff;transform:translateY(0)}
#side_box .sub_menu dl dt{font-size: 16px;font-weight:500;color:#333;height: 55px;line-height: 1.4;background:#fff;border-bottom:1px solid #ddd;padding:0 15px;display: flex;align-items: center;}
#side_box .sub_menu dl dt:after{content:'';width: 8px;height: 8px;border-bottom:1px solid #888;border-right:1px solid #888;position:absolute;top: 50%;right:15px;transform:rotate(45deg);margin-top: -8px;}
#side_box .sub_menu dl dd{position:absolute;width:100%;top:100%;left:0;height:auto;padding:15px 0;box-shadow:0 7.5px 20px 0 rgba(0,0,0,0.2);background:#fff;display:none;}
#side_box .sub_menu dl dd.open{display:block;}
#side_box .sub_menu dl dd a{color:#888;font-size:16px;display:block;padding:6px 0;text-align:left;}
#side_box .sub_menu dl dd a.on{color:#333333;font-weight:500;}
#side_box .sub_menu dl dd a span{padding:0 15px;display:block;box-sizing:border-box;}
}
@media only screen and (max-width:320px) {
.sub_vis h2{padding:0 10px;}
}
/* tab */
.sub_box_tab{margin-bottom:60px;}
.sub_box_tab ul{display:flex;align-items:center;justify-content:center;}
.sub_box_tab ul li{width:100%;max-width:240px;text-align:center;}
.sub_box_tab ul li + li{margin-left:20px;}
.sub_box_tab ul li a{box-sizing:border-box;border:1px solid #ddd;background:#eee;display:flex;align-items:center;justify-content:center;width:100%;height:100%;height:70px;font-size:22px;color:#555;font-weight:500;letter-spacing:-0.03em;}
.sub_box_tab ul li a.on{background:#178143;border:1px solid #178143;color:#fff;box-shadow:0 0 38px rgba(0,0,0,0.27)}
.box_tab_panel{overflow:hidden;height:0;}
.box_tab_panel.on{overflow:visible;height:auto}
.sub_line_tab{margin-bottom:60px;}
.sub_line_tab ul{display:flex;align-items:center;}
.sub_line_tab ul li{width:100%;text-align:center;}
.sub_line_tab ul li a{box-sizing:border-box;border-top:1px solid #ddd;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content:center;width:100%;height:100%;height:70px;font-size:20px;color:#333;font-weight:400;letter-spacing:-0.03em;}
.sub_line_tab ul li a.on{color:#178143;font-weight:500;border-bottom:2px solid #178143}
.line_tab_panel{overflow:hidden;height:0;}
.line_tab_panel.on{overflow:visible;height:auto}
@media only screen and (max-width:1023px) {
.sub_box_tab{margin-bottom:45px;}
.sub_box_tab ul li{max-width:170px;}
.sub_box_tab ul li + li{margin-left:15px;}
.sub_box_tab ul li a{height:60px;font-size:16px;}
.sub_box_tab ul li a.on{box-shadow:0 0 25px rgba(0,0,0,0.27)}
.sub_line_tab{margin-bottom:45px;}
.sub_line_tab ul li a{height:55px;font-size:15px;color:#333;font-weight:400;letter-spacing:-0.03em;}
.sub_line_tab ul li a.on{color:#178143;font-weight:500;border-bottom:2px solid #178143}
}
@media only screen and (max-width:640px) {
.sub_box_tab{margin-bottom:30px;}
.sub_box_tab ul li{max-width:145px;}
.sub_box_tab ul li + li{margin-left:7.5px;}
.sub_box_tab ul li a{height:45px;font-size:15px;}
.sub_box_tab ul li a.on{box-shadow:0 0 19px rgba(0,0,0,0.27)}
.sub_line_tab{margin-bottom:30px;}
.sub_line_tab ul li a{height:40px;font-size:14px;color:#333;font-weight:400;letter-spacing:-0.03em;}
.sub_line_tab ul li a.on{color:#178143;font-weight:500;border-bottom:2px solid #178143}
}
/* map */
.sub_float_box .float_wrap{width:100%;position:relative;}
.sub_float_box .map_box{transition:all 0.3s;height:500px;}
.sub_float_box .float_tit{transition:all 0.3s;position:absolute;bottom:-140px;left:80px;padding:50px 40px 40px;min-width:320px;background:#222;box-sizing:border-box;box-shadow:12px 12px 27px rgba(0,0,0,0.22)}
.sub_float_box .float_tit span{transition:all 0.3s;display:block;font-size:18px;color:#178143;letter-spacing:-0.02em;font-weight:500;margin-bottom:20px;}
.sub_float_box .float_tit strong{transition:all 0.3s;color:#fff;display:block;font-size:34px;letter-spacing:-0.03em;font-weight:700;line-height:1.4}
.sub_float_box .float_info{transition:all 0.3s;padding-left:470px;width:100%;padding-top:35px;box-sizing:border-box;}
.sub_float_box .map_info dl{display:flex;table-layout:fixed;width:100%;}
.sub_float_box .map_info dl dt{transition:all 0.3s;width:190px;font-size:20px;letter-spacing:-0.04em;color:#222;font-weight:400;border-bottom:1px solid #222;padding:18px 0;display:block;padding-left:50px;box-sizing:border-box;background-repeat:no-repeat;}
.sub_float_box .map_info dl dd{line-height:1.6;transition:all 0.3s;font-size:18px;color:#333;letter-spacing:-0.03em;border-bottom:1px solid #ddd;width:calc(100% - 190px);padding:18px 0;padding-left:30px;display:block;box-sizing:border-box;}
.sub_float_box .map_info dl.map_add dt{background-image:url('../images/sub/map_add_icon.png');background-position:15px 20px;}
.sub_float_box .map_info dl.map_tel dt{background-image:url('../images/sub/map_tel_icon.png');background-position: 12px 22px;}
.sub_float_box .map_info dl.map_fax dt{background-image:url('../images/sub/map_fax_icon.png');background-position: 10px 22px;}
.sub_float_box .map_info dl.map_email dt{background-image:url('../images/sub/map_email_icon.png');background-position: 10px 25px;}
@media only screen and (max-width:1023px) {
.sub_float_box .map_box{height:400px;}
.sub_float_box .float_tit{left:30px;padding:40px 30px 30px;min-width:270px}
.sub_float_box .float_tit span{font-size:16px;margin-bottom:15px;}
.sub_float_box .float_tit strong{font-size:28px}
.sub_float_box .float_info{padding-left:330px;}
.sub_float_box .map_info dl dt{font-size:18px;width:170px;padding-left:45px;}
.sub_float_box .map_info dl dd{font-size:16px;padding-left:20px;width:calc(100% - 170px);}
}
@media only screen and (max-width:850px) {
.sub_float_box .float_tit{min-width:220px;}
.sub_float_box .float_info{padding-left:320px;}
}
@media only screen and (max-width:767px) {
.sub_float_box .float_info{padding-left:0;padding-top:170px;}
}
@media only screen and (max-width:640px) {
.sub_float_box .map_box{height:300px;}
.sub_float_box .float_tit{left:20px;bottom:-80px;padding:30px 20px 20px;min-width:200px}
.sub_float_box .float_tit span{font-size:15px;margin-bottom:10px;}
.sub_float_box .float_tit strong{font-size:24px}
.sub_float_box .float_info{padding-top:120px;}
.sub_float_box .map_info dl dt{font-size:15px;width:30%;padding-left:35px;}
.sub_float_box .map_info dl dd{font-size:14px;padding-left:15px;width:70%;word-wrap:break-word;}
.sub_float_box .map_info dl.map_add dt{background-image:url('../images/sub/map_add_icon.png');background-position:8px 18px; background-size:15px;}
.sub_float_box .map_info dl.map_tel dt{background-image:url('../images/sub/map_tel_icon.png');background-position: 7px 20px; background-size:17px;}
.sub_float_box .map_info dl.map_fax dt{background-image:url('../images/sub/map_fax_icon.png');background-position: 5px 20px; background-size:18px;}
.sub_float_box .map_info dl.map_email dt{background-image:url('../images/sub/map_email_icon.png');background-position: 5px 23px; background-size:18px;}
}
@media only screen and (max-width:640px) {
.sub_float_box .float_tit{left:10px}
.sub_float_box .float_tit strong{font-size:22px}
}
/*───────────────────────────────────────────────────────────
** navigation, button 관련 css 영역
───────────────────────────────────────────────────────────*/
/*───────────────────────────────────────────────────────────
button common
───────────────────────────────────────────────────────────*/
/* custom button type */
/* button 공통 요소 */
.btn, .btn_lg, .btn_sm, .btn_md {font-weight:700;border-style:solid !important;border-width:1px !important;padding:0;margin:0;text-indent:0;vertical-align:top !important;text-align:center;display:inline-block;box-sizing:border-box;cursor:pointer;box-shadow:none;outline:0 !important;}
/* button 크기별 */
.btn_wd {width:100%;height:50px;line-height:48px;font-size:17px;}
.btn {width:108px;height:40px;line-height:38px;font-size:15px;}
.btn_lg {width:92px;height:72px;line-height:70px;font-size:14px;}
.btn_md {width:60px;line-height:28px;height:30px;font-size:13px;}
.btn_sm {height:30px;line-height:28px;width:auto !important;padding:0 8px;font-size:inherit;border-color:#aaa !important;background-color:#aaa !important;color:#fff !important;}
/* button 색상별 */
.btn_point, .btn_point:hover {border-color:#222 !important;background-color:#222 !important;color:#fff !important;}
.btn_basic, .btn_basic:hover {border-color:#777 !important;background-color:#777 !important;color:#fff !important;}
.btn_default, .btn_default:hover {border-color:#aaa !important;background-color:#aaa !important;color:#fff !important;}
.btn_info, .btn_info:hover {border-color:#d3d3d3 !important;background-color:#fff !important;color:#555 !important;}
.btn_reset, .btn_reset:hover {border-color:#d3d3d3 !important;background:#fff url(../images/common/icon_btn_reset.gif) no-repeat 9px 50% !important;padding:0 10px 0 30px !important;color:#555 !important;}
/* button wrapper */
.btn_wrap {margin:0 auto;padding:0;padding-top:2.8%;font-size:0;vertical-align:top;display:inline-block;}
.btn_wrap.ta_center {width:100%;}
.btn_wrap a + a,
.btn_wrap button + button,
.btn_wrap a + button,
.btn_wrap button + a {margin-left:12px;vertical-align:top;}
.btn_wrap button > a, .btn_wrap a > a{margin-left:0;}
.view_btn .btn_wrap.ta_right {position:absolute;right:0px;top:0px;}
@media only screen and (max-width:1200px) {
/* button wrapper */
.btn_wrap {padding-top:3.8%;}
}
@media only screen and (max-width:1023px) {
/* button wrapper */
.btn_wrap {padding-top:4.2%;}
.view_btn .btn_wrap.ta_left {position:absolute;left:0px;top:0px;}
}
@media only screen and (max-width:860px) {
}
@media only screen and (max-width:767px) {
/* button wrapper */
.btn_wrap {padding-top:5.2%;}
}
@media only screen and (max-width:640px) {
/* button wrapper */
.btn_wrap {padding-top:5.8%;}
.btn_wrap a + a,
.btn_wrap button + button,
.btn_wrap a + button,
.btn_wrap button + a {margin-left:8px;}
}
@media only screen and (max-width:479px) {
/* button 크기별 */
.btn_wd {font-size:16px;}
.btn {width:70px;font-size:13px;}
.btn_lg {width:72px;font-size:13px;}
.btn_md {width:60px;font-size:12px;}
.btn_sm {padding:0 4px;font-size:12px;}
/* button wrapper */
.btn_wrap a + a,
.btn_wrap button + button,
.btn_wrap a + button,
.btn_wrap button + a {margin-left:6px;}
.view_btn .paging {width:100%;min-height:87px;}
.view_btn .paging + .btn_wrap.ta_right{top:70px;}
}
@media only screen and (max-width:320px) {
/* button 크기별 */
.btn {width:68px;}
.btn_md {width:44px;font-size:12px;}
}
/*───────────────────────────────────────────────────────────
COMPANY
───────────────────────────────────────────────────────────*/
.about_top{background:url('../images/sub/about_top_bg.jpg') no-repeat center;background-size:cover}
.about_top .w_custom{display:flex;align-items:center;padding: 0 20px 80px 0;flex-direction:row-reverse;}
.about_top .about_txt{padding-bottom:60px;box-sizing:border-box;width:calc(100% - 430px);padding-left:80px;}
.about_top .about_txt em{line-height:1}
.about_top .about_txt strong{word-break:keep-all;padding-top:100px;position:relative;display:block;font-size:46px;color:#178143;font-weight:700;letter-spacing:-0.04em;font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;}
.about_top .about_txt strong:before{content:'“';position:absolute;top:0;left:0;font-size:100px;color:rgba(0,0,0,0.2);font-weight:500;letter-spacing:-0.04em;}
.about_top .about_txt p{word-break:keep-all;font-size:22px;color:#000;letter-spacing:-0.02em;font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;margin-top:20px;}
.about_top .about_txt div{margin-top:100px;display:flex;align-items:center;}
.about_top .about_txt div span{font-size:20px;letter-spacing:-0.02em;font-weight:400;color:#000;margin-right:25px;}
.about_bottom{background:#fff;margin-top:-80px;position:relative;padding:80px;padding-right:0;width:1280px;margin:-80px auto 0;box-sizing:border-box;}
.about_bottom:before{content:'';position:absolute;top:0;right:-100%;width:100%;height:100%;background:#fff;}
.about_bottom p{word-break:keep-all;font-size:18px;color:#000;font-weight:300;letter-spacing:-0.04em;font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;}
.about_bottom p + p{margin-top:20px}
@media only screen and (max-width:1440px) {
.about_top .about_img_box{width:auto;}
.about_top .about_txt{width:auto}
.about_bottom{margin-left:30px;box-sizing:border-box;width:calc(100% - 30px);padding:50px;}
}
@media only screen and (max-width:1380px) {
.about_top .about_img_box{min-width:430px;}
.about_top .about_txt{min-width:calc(100% - 430px);padding-left:50px;}
.about_top .about_txt strong{font-size:40px;}
.about_top .about_txt p{font-size:18px;}
.about_top .about_txt div{margin-top:30px;}
}
@media only screen and (max-width:1023px) {
.about_top .w_custom{align-items:flex-start}
.about_top .about_img_box{min-width:400px;}
.about_top .about_txt{min-width:calc(100% - 400px);padding-top:40px;padding-right:15px;padding-left:0;}
.about_top .about_img_box{}
.about_top .about_txt strong:before{font-size:80px;}
.about_top .about_txt strong{padding-top:70px;font-size:34px;}
.about_top .about_txt p{font-size:16px;margin-top:15px;}
.about_top .about_txt div span{font-size:16px;}
.about_top .about_txt div img{width:90px;}
.about_bottom{padding:40px;margin-top:-80px;}
.about_bottom p{font-size:16px;}
.about_bottom p + p{margin-top:15px;}
}
@media only screen and (max-width:767px) {
.about_top .w_custom{flex-wrap:wrap;}
.about_top .about_img_box{min-width:100%;}
.about_top .about_txt{min-width:100%;padding-right:100px;padding-bottom:20px;padding-left:30px;}
.about_img_box img {width:calc(75% - 0px); padding-left:14%;}
}
@media only screen and (max-width:640px) {
.about_top .w_custom{padding:10px 15px;}
.about_top .about_txt{padding-top:0}
.about_top .about_txt strong{font-size:26px;}
.about_top .about_txt strong:before{font-size:70px;}
.about_top .about_txt p{font-size:15px;margin-top:10px;}
.about_top .about_txt div span{font-size:15px;}
.about_bottom{padding:30px;margin-left:20px;width:calc(100% - 20px)}
.about_bottom p{font-size:15px;}
}
@media only screen and (max-width:550px) {
.about_top .about_txt{padding-right:0; padding-left:0;}
.about_img_box img {width:calc(84% - 0px); padding-left:8%;}
.about_top .about_img_box {padding-bottom:40px;}
}
@media only screen and (max-width:320px) {
.about_top .about_txt strong{font-size:26px;}
}
/* 찾아오시는 길 */
.sub_float_box .float_tit.headquarters{background:background: rgb(8,177,167);background: linear-gradient(137deg, rgba(8,177,167,1) 0%, rgba(29,184,90,1) 100%);padding:35px 40px 35px;min-height:450px;bottom:-302px;}
.sub_float_box .float_tit.headquarters:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url('../images/sub/headquarters_tit.png') no-repeat right bottom;background-size:100% auto;}
.sub_float_box .float_tit.headquarters span{color:#fff;}
.sub_float_box + .sub_float_box{margin-top:156px}
@media only screen and (max-width:1023px) {
.sub_float_box .float_tit.headquarters{bottom: -314px;min-height: 390px;padding:40px 30px 30px;}
.sub_float_box + .sub_float_box{margin-top:120px}
}
@media only screen and (max-width:767px) {
.sub_float_box .float_tit.headquarters{bottom:-140px;min-height:auto;min-width:360px;}
.sub_float_box .float_tit.headquarters:before{background-size:auto 100%;}
}
@media only screen and (max-width:640px) {
.sub_float_box .float_tit.headquarters{bottom:-80px;padding:30px 20px 20px;min-width:300px;}
.sub_float_box + .sub_float_box{margin-top:100px}
}
@media only screen and (max-width:320px) {
.sub_float_box .float_tit.headquarters{min-width:270px;}
}
/* 회사개요 */
.summary_con_top{position:relative;z-index:1;width:calc(100% - 15px);max-width:1590px;margin-left:auto;background:url('../images/sub/sub_summary_img.jpg') no-repeat;background-size:cover;background-position:center;padding:80px;box-sizing:border-box;box-shadow:13px 13px 51px rgba(0,0,0,0.35)}
.summary_con_top span{font-size:16px;font-weight:600;color:#178143;letter-spacing:0.2em;display:block;margin-bottom:20px;}
.summary_con_top strong{display:block;font-size:38px;color:#fff;font-weight:500;letter-spacing:-0.04em;word-break:keep-all;padding-right:300px;}
.summary_con_bot{}
.summary_con_bot .w_custom{padding:200px 0 98px;margin-top:-138px;background:#f5f5f5 url('../images/sub/summary_bot_bg.png') no-repeat; background-position:left bottom;position:relative;display:flex;}
.summary_con_bot .w_custom:before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:#f5f5f5;}
.summary_con_bot .w_custom:after{content:'';position:absolute;top:0;right:-100px;width:100px;height:100%;background:#f5f5f5;}
.summary_con_bot .summary_tit{width:157px;line-height:1;font-size:35px;color:#333;letter-spacing:-0.04em;font-weight:500;font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;}
.summary_con_bot .summary_txt{padding-left:100px;box-sizing:border-box;width:calc(100% - 157px)}
.summary_con_bot .summary_txt p{font-size:18px;letter-spacing:-0.04em;color:#333;word-break:keep-all;line-height:1.6}
.summary_con_bot .summary_txt p + p{margin-top:20px;}
/* 연혁 */
.w_custom.his_wrap{padding-top:80px;position:relative;}
.his_wrap .his_a{position:absolute;top:-90px;left:0;}
.his_box{padding-bottom:360px;background:url('../images/sub/his_img.jpg') no-repeat;background-size:cover;background-position:center;}
.his_wrap .sub_box_tab{padding-top:20px;}
.his_wrap .nav_wrap h3{font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif}
.sub_float_box .float_tit.his_tit{padding:45px 50px 50px}
.sub_float_box .float_tit.his_tit strong{font-size:40px;font-weight:500}
.sub_float_box .float_info.his_con{padding-left:540px;padding-top:70px;}
.sub_float_box .his_con dl{display:flex;}
.sub_float_box .his_con dt{font-size:36px;font-weight:500;letter-spacing:-0.04em;color:#333;width:140px;text-align:right;padding-right:50px;position:relative;box-sizing:border-box;}
.sub_float_box .his_con dt:before{content:'';position:absolute;top: 15px;right: -5px;width:10px;height:10px;border-radius:100%;background:#178143;box-shadow:0 0 0 5px rgb(0,148,63,0.2);z-index: 3;}
.sub_float_box .his_con dd{position:relative;padding-left:50px;padding-bottom:70px;margin-top:7px;/* border-left:1px solid #ddd; */width:calc(100% - 140px);box-sizing:border-box;}
.sub_float_box .his_con dd:before{content:'';width:1px;height:100%;background:#ddd;position:absolute;top: 13px;left:0;}
.sub_float_box .his_con dd:after{content:'';transition:all 1s;width:1px;height:0;background:#178143;position:absolute;top: 13px;left:0;}
.sub_float_box .his_con dl.on dd:after{height:100%;}
.sub_float_box .his_con dl:last-child dd:before,.sub_float_box .his_con dl:last-child dd:after{display:none;}
.sub_float_box .his_con dd > ul > li{display:flex;}
.sub_float_box .his_con dd > ul > li + li{margin-top:5px;}
.sub_float_box .his_con dd > ul > li strong{font-size:22px;font-weight:400;letter-spacing:-0.04em;color:#000;margin-right:35px;padding-top:2px;}
.sub_float_box .his_con dd > ul > li > ul > li{word-break:keep-all;font-size:20px;font-weight:300;color:#000;letter-spacing:-0.04em;}
.sub_float_box .his_con dd > ul > li > ul > li + li{margin-top:12px;}
.sub_float_box .his_con dd > ul > li > ul > li em{font-size:inherit;font-family:inherit;font-weight:500;color:#00943f}
@media only screen and (max-width:1300px) {
.summary_con_bot .w_custom{padding:200px 40px 98px;}
.summary_con_top strong{font-size:36px;padding-right:200px;}
.sub_float_box .float_info.his_con{padding-left:480px;}
}
@media only screen and (max-width:1200px) {
.summary_con_top{padding:60px;}
.summary_con_bot .summary_txt{padding-left:60px;}
}
@media only screen and (max-width:1023px) {
.summary_con_top{padding:40px}
.summary_con_top span{font-size:15px;}
.summary_con_top strong{font-size:26px;padding-right:180px;}
.summary_con_bot .w_custom{padding:180px 30px 80px;}
.summary_con_bot .summary_tit{font-size:30px;}
.summary_con_bot .summary_txt{padding-left:30px;}
.summary_con_bot .summary_txt p{font-size:15px;}
/* 연혁 */
.w_custom.his_wrap{padding-top:70px;}
.his_wrap .his_a{position:absolute;top:-50px;left:0;}
.his_wrap .sub_box_tab{padding-top:10px;}
.his_box{padding-bottom:300px;}
.sub_float_box .float_info.his_con{padding-left:340px;padding-top:50px;}
.sub_float_box .float_tit{bottom:-100px}
.sub_float_box .float_tit.his_tit{padding:40px 30px 40px;}
.sub_float_box .float_tit.his_tit strong{font-size:28px;}
.sub_float_box .his_con dt{font-size:28px;width:110px;padding-top:2px;}
.sub_float_box .his_con dd{padding-bottom:40px;width:calc(100% - 110px)}
.sub_float_box .his_con dd > ul > li strong{font-size:20px;margin-right:20px;}
.sub_float_box .his_con dd > ul > li > ul > li{font-size:18px;}
}
@media only screen and (max-width:850px) {
.sub_float_box .float_info.his_con{padding-left:300px;}
}
@media only screen and (max-width:767px) {
.summary_con_top strong{padding-right:100px;}
.summary_con_top strong br{display:none;}
.sub_float_box .float_info.his_con{padding-left:0;padding-top:100px}
}
@media only screen and (max-width:640px) {
.summary_con_top{padding:30px 20px;}
.summary_con_top span{font-size:14px;margin-bottom:10px;}
.summary_con_top strong{font-size:16px;padding-right:80px;}
.summary_con_top strong br{display:none;}
.summary_con_bot .w_custom{display:block;background-size:200px auto;padding:140px 15px 60px;margin-top:-100px;}
.summary_con_bot .summary_txt{padding-left:0;padding-top:20px;}
.summary_con_bot .summary_tit{font-size:20px;width:100%;}
.summary_con_bot .summary_txt{width:100%;}
.summary_con_bot .summary_txt p{font-size:14px;}
/* 연혁 */
.w_custom.his_wrap{padding-top:30px;}
.his_wrap .his_a{position:absolute;top:-20px;left:0;}
.his_wrap .sub_box_tab{padding-top:20px;}
.his_box{padding-bottom:220px;}
.sub_float_box .float_tit.his_tit{padding:30px 20px 30px;}
.sub_float_box .float_tit.his_tit strong{font-size:24px;}
.sub_float_box .float_info.his_con{padding-top:120px;}
.sub_float_box .his_con dt{font-size:20px;text-align:left;padding-top:5px;width:70px;}
.sub_float_box .his_con dt:before{width:8px;height:8px;}
.sub_float_box .his_con dd{padding-left:30px;margin-top:6px;padding-bottom:30px;width:calc(100% - 70px)}
.sub_float_box .his_con dd > ul > li strong{margin-right:15px;font-size:18px;}
.sub_float_box .his_con dd > ul > li > ul > li{font-size:15px;margin-top:2px;}
}
@media only screen and (max-width:479px) {
.summary_con_top strong{padding-right:0;}
}
/* 조직도 */
.chart_middle {position:relative;}
.sub_chart{position:relative;background:url('../images/sub/work_bg.jpg') no-repeat;background-position:center 80px;padding-top:20px;}
.sub_chart .line_wrap{position:relative;}
.sub_chart .line_wrap:after{content:'';width:1px;height:70px;position:absolute;bottom:-60px;left:50%;margin-left:-0.5px;background:#2fa087}
.sub_chart .round_tit{margin:0 auto;width:160px;height:160px;border-radius:50%;background:#ddd;position:relative;box-shadow:12px 12px 30px rgba(51,51,51,0.33);overflow:hidden;}
.sub_chart .round_tit span{line-height:1.1;word-break:keep-all;position:absolute;top:50%;left:50%;width:130px;height:130px;box-shadow:12px 12px 30px rgba(51,51,51,0.33);border-radius:50%;background:#fff;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;font-size:25px;letter-spacing:-0.03em;font-weight:500;color:#333;text-align:center;}
.sub_chart .round_tit span:before{content:'';width:12px;height:12px;position:absolute;bottom:-5px;left:50%;margin-left:-6px;background:#2fa087;border:3px solid #fff;border-radius:50%;box-sizing:border-box;}
.sub_chart .round_tit span strong{font-size:inherit;font-weight:inherit;}
.sub_chart .round_tit span em{display:block;color:#555;letter-spacing:-0.03em;font-size:20px;font-weight:400;margin-bottom:7px;}
.sub_chart .round_tit:before{content:'';position:absolute;top: 82%;left: 109%;width: 130%;height: 130%;transform: translate(-50%,-50%) rotate(30deg);background:#333;}
.sub_chart .round_tit.chairman{background: rgb(1,170,181);background: linear-gradient(230deg, rgba(1,170,181,1) 0%, rgba(46,177,148,1) 100%);}
/* 회장 */
.sub_chart .round_tit.chairman:before{display:none;}
/* 안전관리 책임자 */
.sub_chart .line_wrap.safety{position:absolute;top:20px;left:50%;margin-left:-380px;}
.sub_chart .line_wrap.safety:before{content:'';width:12px;height:12px;position:absolute;z-index:6;top:50%;right:-23px;margin-top:-6px;background:#2fa087;border:3px solid #fff;border-radius:50%;box-sizing:border-box;}
.sub_chart .line_wrap.safety:after{display:none}
.sub_chart .line_wrap.safety .round_tit span{padding-top:4px;box-sizing:border-box;}
.sub_chart .round_tit.blue{background:#4175bb;}
.sub_chart .round_tit.blue:before{background:#244d84;}
.sub_chart .round_tit.blue span:before{display:none;}
/* 사장 */
.sub_chart .president{width:270px;margin:0 auto;}
.sub_chart .president:before{content:'';width:120px;height:1px;background:#2fa087;position:absolute;top:50%;left:-65px;margin-top:-0.5px;}
.sub_chart .president .round_tit{margin:60px auto;width:200px;height:200px;box-shadow:0 0 0 30px rgba(103,200,201,0.2);background: rgb(101,192,125);background: linear-gradient(146deg, rgba(101,192,125,1) 0%, rgba(0,172,195,1) 100%);}
.sub_chart .president .round_tit span{width:158px;height:158px;color:#178143;font-size:38px;}
.sub_chart .president .round_tit:before{display:none;}
.sub_chart .president .round_tit span:before{display:none}
.sub_chart .president > span{content:'';width:320px;height:1px;background:#2fa087;position:absolute;top:99px;right:-290px;margin-top:-0.5px;}
.sub_chart .president > span:before{content:'';width:12px;height:12px;position:absolute;z-index:6;top:50%;right:0;margin-top:-6px;background:#2fa087;border:3px solid #fff;border-radius:50%;box-sizing:border-box;}
.sub_chart .down_chart{position:relative;}
.sub_chart .down_chart:before{content:'';width:74px;height:1px;position:absolute;top:-1px;right:-72px;background:#3da68f}
.sub_chart .down_chart:last-child:before{display:none;}
.sub_chart .down_chart .down_chart_tit{margin-top:40px;position:relative;box-shadow:8px 8px 25px rgba(0,0,0,0.2);display:block;width:100%;max-width:260px;text-align:center;padding:15px 5px;box-sizing:border-box;font-size:22px;font-weight:500;color:#333;letter-spacing:-0.03em;border:2px solid #2eb395;border-radius:10px;box-sizing:border-box;background:#fff;}
.sub_chart .down_chart .down_chart_tit:before{content:'';position:absolute;top:-43px;border-top:1px solid #3da68f;width:50%;height:40px;}
.sub_chart .down_chart .down_chart_tit:after{content:'';position:absolute;top:-43px;width:calc(50% + 25px);background:#3da68f;height:1px;}
.sub_chart .down_chart .down_chart_tit em{color:#666;font-weight:inherit;font-size:18px;display:block;margin-bottom:7px;}
.sub_chart .down_chart li {word-break:keep-all;position:relative;margin-top:10px;width:100%;max-width:260px;text-align:center;font-size:18px;color:#666;letter-spacing:-0.03em;background:#eee;border-radius:10px;box-sizing:border-box;padding:8px 5px 10px;}
.sub_chart .down_chart li:before{content:'';width:1px;height:10px;position:absolute;top:-10px;left:50%;margin-left:-0.5px;background:#2fa087;}
.sub_chart .down_chart li:first-child{margin-top:25px;}
.sub_chart .down_chart li:first-child:before{height:25px;top:-25px;}
.sub_chart .down_chart li.down_chart_st{background:#2eb395;color:#fff;font-size:20px;}
/* 전무 */
.sub_chart .m_director_line{width:calc(25% - 70px);position:absolute;top:20px;right:0;margin-left:70px;text-align:center;}
.sub_chart .m_director_line .line_wrap{display:inline-block;}
.sub_chart .m_director_line .round_tit span:before{background:#7db541;}
.sub_chart .m_director_line .line_wrap:after{height:354px;bottom:-344px;background:#7db541}
.sub_chart .m_director_line .down_chart li{margin:10px auto 0}
.sub_chart .m_director_line .down_chart li:first-child{margin:25px auto 0}
.sub_chart .m_director_line .down_chart li:before{background:#7eb641}
.sub_chart .m_director_line .down_chart .down_chart_tit{border:2px solid #7eb641;margin:330px auto 0}
.sub_chart .m_director_line .down_chart .down_chart_tit:before{display:none;}
.sub_chart .m_director_line .down_chart .down_chart_tit:after{display:none;}
.sub_chart .round_tit.green{background:#7eb641;}
.sub_chart .round_tit.green span{padding-top:4px;box-sizing:border-box;}
.sub_chart .round_tit.green:before{background:#709f3e;}
/* 상무 */
.sub_chart .round_tit.mint{background:#2eb294;}
.sub_chart .round_tit.mint:before{background:#53bb9f;}
.director_top_wrap{position:relative;width:100%;padding-top:51px;}
.director_top_wrap:before{content:'';width:1px;height:100%;background:#3da68f;position:absolute;top:0;left:50%;margin-left: -0.5px;}
.director_top_wrap .director_top{display:flex;width:75%;}
.director_top_wrap .director_top:before{content:'';width:55px;height:50px;border-right:1px solid #3da68f;border-bottom:1px solid #3da68f;border-radius:0 0 55px 0;position:absolute;top:0;left:50%;margin-left:-55px}
.director_top_wrap .director_top:after{content:'';width:55px;height:50px;border-left:1px solid #3da68f;border-bottom:1px solid #3da68f;border-radius:0 0 0 55px;position:absolute;top:0;left:50%;margin-left:0}
.director_top_wrap .director_top01{width:calc(33.33% - 59px);position:relative;}
.director_top_wrap .director_top02{width:calc(66.66% - 20px);display:flex;margin-left:70px;}
.director_top_wrap .director_top02 .down_chart{width:50%;}
.director_top_wrap .director_top02 .down_chart:nth-child(2){margin-left:100px;}
.sub_chart .director_top_wrap .director_top01 .down_chart .down_chart_tit:before{right:0;border-left:1px solid #3da68f;border-radius:30px 0 0 0}
.sub_chart .director_top_wrap .director_top01 .down_chart .down_chart_tit:after{display:none}
.sub_chart .director_top_wrap .director_top02 .down_chart:nth-child(1) .down_chart_tit:before{right:0;border-left:1px solid #3da68f;border-radius:30px 0 0 0}
.sub_chart .director_top_wrap .director_top02 .down_chart:nth-child(1) .down_chart_tit:after{left:0;}
.sub_chart .director_top_wrap .director_top02 .down_chart:nth-child(1):before{display:none;}
.sub_chart .director_top_wrap .director_top02 .down_chart:nth-child(2) .down_chart_tit:before{left:0;border-right:1px solid #3da68f;border-radius: 0 30px 0 0}
.sub_chart .director_top_wrap .director_top02 .down_chart:nth-child(2) .down_chart_tit:after{display:none;}
.sub_chart .director_top_wrap .director_top01:before{content:'';width:74px;height:1px;position:absolute;top:-1px;right:-72px;background:#3da68f}
.sub_chart .director_bot {padding-top:100px;position:relative;display:flex;flex-wrap:wrap;}
.sub_chart .director_bot > div{display:flex;position:relative;width:calc(50% - 50px);}
.sub_chart .director_bot > div:nth-child(2){margin-left:100px;}
.sub_chart .director_bot:before{content:'';width:55px;height:99px;border-right:1px solid #3da68f;border-bottom:1px solid #3da68f;border-radius:0 0 40px 0;position:absolute;top:0;left:50%;margin-left: -55.5px;}
.sub_chart .director_bot:after{content:'';width:55px;height:99px;border-left:1px solid #3da68f;border-bottom:1px solid #3da68f;border-radius:0 0 0 40px;position:absolute;top:0;left:50%;margin-left: -0.5px;}
.sub_chart .director_bot .down_chart{width:50%;margin-left:70px;}
.sub_chart .director_bot .down_chart:nth-child(2n+1){margin-left:0;}
.sub_chart .director_bot > div:nth-child(1) .down_chart:nth-child(1) .down_chart_tit:before{right:0;border-left:1px solid #3da68f;border-radius:30px 0 0 0}
.sub_chart .director_bot > div:nth-child(1) .down_chart:nth-child(1) .down_chart_tit:after{display:none;}
.sub_chart .director_bot > div:nth-child(1) .down_chart:nth-child(2):before{display:none}
.sub_chart .director_bot > div:nth-child(1) .down_chart:nth-child(2) .down_chart_tit:before{right:0;border-left:1px solid #3da68f;border-radius:30px 0 0 0}
.sub_chart .director_bot > div:nth-child(1) .down_chart:nth-child(2) .down_chart_tit:after{left:0;}
/* .sub_chart .director_bot > div:nth-child(2) .down_chart:nth-child(1){margin-left:100px;} */
.sub_chart .director_bot > div:nth-child(2) .down_chart:nth-child(1) .down_chart_tit:before{left:0;border-right:1px solid #3da68f;border-radius: 0 30px 0 0}
.sub_chart .director_bot > div:nth-child(2) .down_chart:nth-child(1) .down_chart_tit:after{right:0;}
.sub_chart .director_bot > div:nth-child(2) .down_chart:nth-child(2) .down_chart_tit:before{left:0;border-right:1px solid #3da68f;border-radius: 0 30px 0 0}
.sub_chart .director_bot > div:nth-child(2) .down_chart:nth-child(2) .down_chart_tit:after{display:none;}
@media only screen and (max-width:1280px) {
.sub_chart .president > span{width:260px;right:-180px;}
}
@media only screen and (max-width:1023px) {
.sub_chart{background-size:150% auto;}
.sub_chart .round_tit{width:130px;height:130px;}
.sub_chart .round_tit span{width:100px;height:100px;font-size:17px;}
.sub_chart .round_tit span em{font-size:16px;margin-bottom:5px;}
.sub_chart .round_tit.green span{padding-top:5px;}
.sub_chart .line_wrap.safety{margin-left:-305px;top:25px;}
.sub_chart .president:before{width:65px;left:-20px;}
.sub_chart .president > span{top:90px;width:200px;right:-100px;}
.sub_chart .president .round_tit{width:180px;height:180px;}
.sub_chart .president .round_tit span{width:145px;height:145px;}
.sub_chart .down_chart .down_chart_tit{font-size:18px;}
.sub_chart .down_chart .down_chart_tit em{font-size:16px;margin-bottom:5px;}
.sub_chart .down_chart .down_chart_tit:before{width:36%;}
.sub_chart .down_chart li{font-size:15px}
.sub_chart .down_chart li.down_chart_st{font-size:16px;}
.sub_chart .m_director_line{margin-left:30px;width:calc(25% - 25px);top:25px;}
.sub_chart .m_director_line .down_chart .down_chart_tit{margin:304px auto 0;}
.director_top_wrap .director_top01{width:calc(33.33% - 20px);}
.director_top_wrap .director_top02{margin-left:30px;width:calc(66.66% - 20px)}
.director_top_wrap .director_top02 .down_chart:nth-child(2){margin-left:40px;}
.sub_chart .director_top_wrap .director_top02 .down_chart:nth-child(1) .down_chart_tit:before{right:14%;}
.sub_chart .director_top_wrap .director_top02 .down_chart:nth-child(2) .down_chart_tit:before{left:14%;}
.sub_chart .director_bot > div{width:calc(50% - 20px)}
.sub_chart .director_bot > div:nth-child(2){margin-left:40px;}
.sub_chart .director_bot .down_chart{margin-left:30px;}
/* .sub_chart .director_bot .down_chart:nth-child(3){margin-left:40px;} */
.sub_chart .director_bot > div:nth-child(1) .down_chart:nth-child(1) .down_chart_tit:before{right:14%;}
.sub_chart .director_bot > div:nth-child(1) .down_chart:nth-child(2) .down_chart_tit:before{right:14%;}
.sub_chart .director_bot > div:nth-child(1) .down_chart:nth-child(2) .down_chart_tit:after{left:-65px;width:calc(50% + 89px);}
.sub_chart .director_bot > div:nth-child(2) .down_chart:nth-child(1) .down_chart_tit:before{left:14%;}
.sub_chart .director_bot > div:nth-child(2) .down_chart:nth-child(2) .down_chart_tit:before{left:14%;}
}
@media only screen and (max-width:820px) {
.sub_chart .president > span{width:150px;right:-40px;}
.sub_chart .down_chart .down_chart_tit:before{width:34%;}
.sub_chart .director_top_wrap .director_top02 .down_chart:nth-child(1) .down_chart_tit:before{right:16%;}
.sub_chart .director_top_wrap .director_top02 .down_chart:nth-child(2) .down_chart_tit:before{left:16%;}
.sub_chart .director_bot > div:nth-child(1) .down_chart:nth-child(1) .down_chart_tit:before{right:16%;}
.sub_chart .director_bot > div:nth-child(1) .down_chart:nth-child(2) .down_chart_tit:before{right:16%;}
.sub_chart .director_bot > div:nth-child(2) .down_chart:nth-child(1) .down_chart_tit:before{left:16%;}
.sub_chart .director_bot > div:nth-child(2) .down_chart:nth-child(2) .down_chart_tit:before{left:16%;}
}
@media only screen and (max-width:700px) {
.sub_chart .down_chart .down_chart_tit:before{width:29.5%;}
.sub_chart .director_top_wrap .director_top02 .down_chart:nth-child(1) .down_chart_tit:before{right:20.5%;}
.sub_chart .director_top_wrap .director_top02 .down_chart:nth-child(2) .down_chart_tit:before{left:20.5%;}
.sub_chart .director_bot .down_chart:nth-child(1) .down_chart_tit:before{right:20.5%;}
.sub_chart .director_bot .down_chart:nth-child(2) .down_chart_tit:before{right:20.5%;}
.sub_chart .director_bot .down_chart:nth-child(3) .down_chart_tit:before{left:20.5%;}
.sub_chart .director_bot .down_chart:nth-child(4) .down_chart_tit:before{left:20.5%;}
.sub_chart .down_chart:before{width:70px;right:-65px;}
.director_top_wrap .director_top:after{width:50px;}
}
@media only screen and (max-width:640px) {
.sub_chart{background-size:180% auto;}
.sub_chart .line_wrap:after{height:60px;bottom:-53px;}
.sub_chart .round_tit{width:100px;height:100px;}
.sub_chart .round_tit span{width:80px;height:80px;font-size:16px;}
.sub_chart .round_tit span em{font-size:12px;margin-bottom:3px;}
.sub_chart .round_tit span:before{width:9px;height:9px;border:2px solid #fff;bottom:-3px;margin-left:-4.5px;}
/* 전무 */
.sub_chart .m_director_line{margin-left:0;width:calc(50% - 17.5px);top:130px;}
.sub_chart .m_director_line .down_chart .down_chart_tit{margin:130px auto 0}
.sub_chart .m_director_line .line_wrap:after{height:167px;bottom:-160px;background:#7db541}
.sub_chart .m_director_line .down_chart:nth-child(2n+2):after{display:none;}
.sub_chart .m_director_line .down_chart li:first-child{margin-top:20px;}
/* 사장 */
.sub_chart .president.line_wrap:after{bottom:-105px;height:115px;}
.sub_chart .president:before{height:44px;width:50px;background:none;border-top:1px solid #3da68f;border-left:1px solid #3da68f;border-radius:25px 0 0 0 ;top:55%;left:24px;}
.sub_chart .president > span{height:44px;width:50%;background:none;border-top:1px solid #3da68f;border-right:1px solid #3da68f;border-radius:0 22px 0 0 ;top:55%;right:0;}
.sub_chart .president > span:before{width:9px;height:9px;top:auto;bottom:-4px;right:-5px;margin-top:0;border:2px solid #fff;}
.sub_chart .president .round_tit{width:129px;height:129px;box-shadow:0 0 0 20px rgb(103 200 201 / 20%);margin:50px auto 105px;}
.sub_chart .president .round_tit span{width:103px;height:103px;font-size:24px;}
.sub_chart .down_chart{padding-top:26px;}
.sub_chart .down_chart:after{content:'';position:absolute;top:0;width: 50%;height:30px;border-bottom:1px solid #3da68f;}
.sub_chart .down_chart:nth-child(2n+1):after{right: -17.5px;border-right:1px solid #3da68f;border-radius:0 0 30px 0}
.sub_chart .down_chart:nth-child(2n+2):after{left: -18px;border-left:1px solid #3da68f;border-radius:0 0 0 30px}
.sub_chart .down_chart .down_chart_tit{font-size:15px;padding:10px 5px;margin-top:29px;}
.sub_chart .down_chart:nth-child(2n+2) .down_chart_tit{margin-left:auto;}
.sub_chart .down_chart .down_chart_tit:before{height:25px;top:-27px;width:27%;}
.sub_chart .down_chart .down_chart_tit:after{content:'';}
.sub_chart .down_chart .down_chart_tit em{font-size:14px;margin-bottom:4px;}
.sub_chart .down_chart li{font-size:13px;}
.sub_chart .down_chart:nth-child(2n+2) li{margin-left:auto;}
.sub_chart .down_chart .down_chart_tit:after{display:none;}
.sub_chart .down_chart:before{display:none;}
.sub_chart .director_bot:before{display:none}
.sub_chart .director_bot:after{display:none;}
.sub_chart .down_chart li:first-child{margin-top:20px;}
.sub_chart .down_chart li:first-child:before{height:20px;top:-20px;}
.sub_chart .down_chart li.down_chart_st{font-size:15px;}
.director_top_wrap{padding-top:0;margin-top:-3px;}
.director_top_wrap .director_top:before{display:none;}
.director_top_wrap .director_top:after{display:none;}
.director_top_wrap .director_top{display:block;width:100%;}
.director_top_wrap .director_top01{width:calc(50% - 17.5px);min-height:300px;}
.director_top_wrap .director_top02{width:100%;margin-left:0;}
.director_top_wrap .director_top02 .down_chart:nth-child(2){margin-left:35px;}
.sub_chart .director_top_wrap .director_top01:before{display:none;}
.sub_chart .director_top_wrap .director_top01 .down_chart .down_chart_tit:before{right:calc(24% - 1px);border-radius:20px 0 0 0;}
.sub_chart .director_top_wrap .director_top02 .down_chart:nth-child(1) .down_chart_tit:after{display:none;}
.sub_chart .director_top_wrap .director_top02 .down_chart:nth-child(1) .down_chart_tit:before{right:calc(24% - 1px);border-radius:20px 0 0 0;}
.sub_chart .director_top_wrap .director_top02 .down_chart:nth-child(2) .down_chart_tit:before{left:calc(24% - 1px);border-radius:0 20px 0 0;}
.sub_chart .director_bot{padding-top:0;position:relative;}
.sub_chart .director_bot > div{flex-wrap:wrap;width:100%}
.sub_chart .director_bot > div:nth-child(2){margin-left:0;}
.sub_chart .director_bot > div:nth-child(1):before{display:block;content:'';width:1px;height: 100%;background:#3da68f;position:absolute;top:0;left:50%;margin-left:-0.5px;border-right:0;}
.sub_chart .director_bot .down_chart{width:calc(50% - 17.5px);margin-left:0;position:relative;}
.sub_chart .director_bot .down_chart:nth-child(2n+2){margin-left:35px;}
.sub_chart .director_bot > div:nth-child(1) .down_chart:nth-child(1) .down_chart_tit:before{right:calc(24% - 1px);border-radius:20px 0 0 0}
.sub_chart .director_bot > div:nth-child(1) .down_chart:nth-child(2) .down_chart_tit:before{right:auto;left:calc(24% - 1px);border-right:1px solid #3da68f;border-left:0;border-radius:0 20px 0 0}
.sub_chart .director_bot > div:nth-child(2) .down_chart:nth-child(1) .down_chart_tit:before{left:auto;right:calc(24% - 1px);border-left:1px solid #3da68f;border-right:0;border-radius: 20px 0 0 0}
.sub_chart .director_bot > div:nth-child(2) .down_chart:nth-child(2) .down_chart_tit:before{left:calc(24% - 1px);border-radius: 0 20px 0 0}
/* 안전관리 */
.sub_chart .line_wrap.safety{margin-left:-164px;top:130px}
.sub_chart .line_wrap.safety:before{top:-13px;right:44%;margin-right:-2px;width:9px;height:9px;border:2px solid #fff;}
}
@media only screen and (max-width:530px) {
.sub_chart .president > span{width:50%;right:22px;}
}
@media only screen and (max-width:440px) {
.sub_chart .president > span{right:40px;}
}
@media only screen and (max-width:360px) {
.director_top_wrap .director_top01{min-height:340px;}
.sub_chart .line_wrap.safety{margin-left:-145px;}
.sub_chart .president:before{left:43px;}
}
@media only screen and (max-width:320px) {
.sub_chart .president > span{right:50px;}
}
/*───────────────────────────────────────────────────────────
business
───────────────────────────────────────────────────────────*/
/*about*/
.overview_con{display:flex;flex-wrap:wrap;align-items:center;position:relative;z-index: 1;}
.overview_con .overview_bg_con1{transition:all 0.3s;background:#178143;width: 90px;height: 160px;position:absolute;top: -95px;right: 90px;transform: skew(-41deg);z-index: -1;}
.overview_con .overview_bg_con1:before{content:'';position:absolute;top: 37%;right: -30px;background:#333;width: 50px;height: 53px;/* margin-left: -70px; */}
.overview_con .overview_bg_con2{transition:all 0.3s;background:#25366c;width: 70px;height: 80px;position:absolute;bottom: -10px;left: -30px;transform: skew(-41deg);z-index: -1;}
.overview_img_box{transition:all 0.3s;width:480px;height:480px;border:1px dashed #178143;border-radius:50%;box-sizing:border-box;padding:10px;margin-left:76px;}
.overview_img_box .img_box_bg{transition:all 0.3s;width:100%;height:100%;border-radius:50%;background:url('../images/sub/overview_img_box_bg.png') no-repeat;background-size:cover;box-sizing:border-box;padding:50px;}
.overview_img_box .overview_img_con{transition:all 0.3s;display:block;width:100%;height:100%;border-radius:50%;box-sizing:border-box;border:2px solid #178143;box-shadow:16px 16px 16px rgba(0,0,0,0.18);background:url('../images/sub/overview_img_con.jpg') no-repeat;background-size:cover;}
.overview_txt_box{transition:all 0.3s;padding-left:80px;width:calc(100% - 636px)}
.overview_txt_box strong{transition:all 0.3s;word-break:keep-all;font-size:34px;letter-spacing:-0.04em;color:#222;font-weight:400;margin-bottom:20px;display:block;}
.overview_txt_box strong em{font-size:inherit;color:#178143;font-weight:500;}
.overview_txt_box p{transition:all 0.3s;word-break:keep-all;font-size:20px;color:#222;letter-spacing:-0.04em;line-height:1.8}
.coverage_area{transition:all 0.3s;padding-top:100px;text-align:center;}
.coverage_area .coverage_tit{transition:all 0.3s;font-size:54px;letter-spacing:-0.02em;font-weight:700;text-align:center;margin-bottom:45px;background: rgb(39,47,111);background: linear-gradient(103deg, rgba(39,47,111,1) 25%, rgba(5,148,66,1) 100%);-webkit-background-clip: text; color: transparent;display:inline-block;}
.coverage_map{transition:all 0.3s;width:100%;padding-bottom:860px;background:url('../images/skin/trade.gif') no-repeat;background-size:cover;background-position:center;}
@media only screen and (max-width:1280px) {
.overview_img_box{margin-left:0;}
.overview_txt_box{width:calc(100% - 500px);padding-left:50px;}
.overview_img_box{width:450px;height:450px;}
.overview_txt_box strong{font-size:30px;}
}
@media only screen and (max-width:1023px) {
.coverage_map{padding-bottom:70%;}
.overview_txt_box strong{font-size:24px;margin-bottom:15px;}
.overview_txt_box p{font-size:16px;}
.overview_img_box{width:370px;height:370px;}
.overview_img_box .img_box_bg{padding:40px;}
.overview_txt_box{padding-left:30px;width:calc(100% - 400px);}
.overview_con .overview_bg_con1{right:30px;height:110px;width:80px;}
.overview_con .overview_bg_con1:before{width:40px;height:43px;right:-20px;}
.coverage_area .coverage_tit{font-size:36px;margin-bottom:25px;}
}
@media only screen and (max-width:800px) {
.overview_img_box{width:320px;height:320px;}
.overview_img_box .img_box_bg{padding:30px;}
.overview_txt_box{width:calc(100% - 350px);}
.overview_con .overview_bg_con1{right:30px;height:100px;width:70px;}
.overview_con .overview_bg_con2{width:60px;height:70px;bottom:-40px;}
.coverage_area{padding-top:80px;}
}
@media only screen and (max-width:750px) {
.overview_img_box{width:300px;height:300px;}
.overview_img_box .img_box_bg{padding:25px;}
.overview_txt_box{width:calc(100% - 320px);padding-left:20px;}
.overview_con .overview_bg_con1{right:30px;height:80px;width:50px;}
.overview_con .overview_bg_con1:before{right:-10px;height:33px;width:30px;}
.overview_con .overview_bg_con2{width:50px;height:60px;bottom:-20px;}
}
@media only screen and (max-width:640px) {
.overview_con{display:block;}
.coverage_map{padding-bottom:80%;}
.overview_img_box{margin:0 auto;width:400px;height:400px;}
.overview_txt_box{width:100%;text-align:center;margin-top:30px;padding-left:0;}
.overview_txt_box strong{font-size:20px;}
.overview_txt_box p{font-size:15px;line-height:1.5}
.overview_con .overview_bg_con2{width:40px;height:50px;bottom:-40px;left:-15px;}
.overview_con .overview_bg_con1{right:0;top:-40px}
.coverage_area .coverage_tit{font-size:30px;margin-bottom:20px;}
.coverage_area{padding-top:60px;}
}
@media only screen and (max-width:479px) {
.overview_img_box{width:300px;height:300px;}
.overview_txt_box{margin-top:15px;}
}
/* customer */
.sub_customer_box{position:relative;}
.sub_customer_box:before{content:'';position:absolute;top:-69px;left:0;background:url('../images/sub/customer_bg_img.jpg') no-repeat center top;width:100%;height:100%;}
.customer_logo_list {display:flex;flex-wrap:wrap;}
.customer_logo_list li{border:1px solid #ddd;box-sizing:border-box;border-radius:10px;overflow:hidden;margin-left:24px;width:calc(25% - 18px);margin-bottom:24px;box-shadow:16px 16px 16px rgba(0,0,0,0.1)}
.customer_logo_list li:nth-child(4n+1){margin-left:0;}
.customer_text_list{border:1px solid #ddd;border-radius:10px;box-sizing:border-box;padding:60px 80px;box-shadow:16px 16px 16px rgba(0,0,0,0.1);margin-top:26px;}
.customer_text_list ul{display:flex;flex-wrap:wrap;}
.customer_text_list ul li{word-break:keep-all;width:33.33%;font-size:18px;letter-spacing:-0.02em;color:#000;position:relative;padding-left:20px;box-sizing:border-box;margin-top:25px;padding-right:20px;}
.customer_text_list ul li:before{content:'';width:5px;height:5px;background:#178143;position:absolute;top:8px;left:0;}
.customer_text_list ul li:nth-child(-n+3){margin-top:0;}
@media only screen and (max-width:1023px) {
.customer_logo_list li{width:calc(33.33% - 20px);margin-left:30px;}
.customer_logo_list li:nth-child(4n+1){margin-left:30px;}
.customer_logo_list li:nth-child(3n+1){margin-left:0;}
.customer_text_list{padding:40px 50px;}
.customer_text_list ul li{width:50%;font-size:16px;padding-left:15px;padding-right:15px;margin-top:20px;}
.customer_text_list ul li:before{top:7px;}
.customer_text_list ul li:nth-child(-n+3){margin-top:25px;}
.customer_text_list ul li:nth-child(-n+2){margin-top:0;}
}
@media only screen and (max-width:640px) {
.sub_customer_box:before{top:-55px;}
.customer_logo_list li{width:calc(50% - 15px);margin-left:30px;box-shadow:8px 8px 8px rgba(0,0,0,0.1);margin-bottom:15px;}
.customer_logo_list li:nth-child(4n+1){margin-left:30px;}
.customer_logo_list li:nth-child(3n+1){margin-left:30px;}
.customer_logo_list li:nth-child(2n+1){margin-left:0;}
.customer_text_list{box-shadow:8px 8px 8px rgba(0,0,0,0.1);padding:20px 20px;margin-top:15px;}
.customer_text_list ul li{font-size:14px;margin-top:15px;padding-left:10px;padding-right:10px;}
.customer_text_list ul li:before{width:4px;height:4px;top:6px;}
}
@media only screen and (max-width:479px) {
.customer_logo_list{padding-top:25px;}
.customer_logo_list li{width:calc(50% - 7.5px);margin-left:15px;}
.customer_logo_list li:nth-child(4n+1){margin-left:15px;}
.customer_logo_list li:nth-child(3n+1){margin-left:15px;}
.customer_logo_list li:nth-child(2n+1){margin-left:0;}
}
/* product */
.sub_product h4{font-size:34px;letter-spacing:-0.03em;font-weight:500;color:#333;text-align:center;margin-bottom:40px;}
.sub_product .product_list dl{display:flex;align-items:center;}
.sub_product .product_list dl + dl{margin-top:40px;}
.sub_product .product_list dt{width:250px;height:180px;border-radius:90px;padding:15px;background:#ddd;box-sizing:border-box;position:relative;margin-right:36px;}
.sub_product .product_list dt span{width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:24px;font-weight:500;letter-spacing:-0.03em;background: rgb(229,229,229);background: linear-gradient(156deg, rgba(229,229,229,1) 25%, rgba(255,255,255,1) 54%, rgba(255,255,255,1) 100%);border-radius:75px;box-shadow:7px 7px 7px rgba(0,0,0,0.3)}
.sub_product .product_list dt:before{content:'';width:18px;height:1px;position:absolute;top:50%;margin-top:-0.5px;right:-18px;}
.sub_product .product_list dt:after{content:'';width:8px;height:8px;border-radius:50%;position:absolute;top:50%;right:-24px;margin-top:-4px;}
.sub_product .product_list dd{width:calc(100% - 286px);display:flex;align-items:center;flex-wrap:wrap;}
.sub_product .product_list dd ul{width:25%;box-sizing:border-box;padding:0 5px;}
.sub_product .product_list dd ul li{width:100%;height:80px;box-sizing:border-box;border:1px solid #ddd;border-radius:40px;padding:9px;}
.sub_product .product_list dd ul li span{box-sizing:border-box;padding:0 5px;display:flex;width:100%;height:100%;border-radius:30px;align-items:center;justify-content:center;font-size:18px;color:#fff;letter-spacing:-0.03em;text-align:center;}
.sub_product .product_list dd ul li + li{margin-top:10px;}
.sub_product > div:nth-child(1){padding:10px 0 100px}
.sub_product > div:nth-child(1) .product_list dl:nth-child(1) dt{background:#3461a5}
.sub_product > div:nth-child(1) .product_list dl:nth-child(1) dt:before{background:#3461a5}
.sub_product > div:nth-child(1) .product_list dl:nth-child(1) dt:after{background:#3461a5}
.sub_product > div:nth-child(1) .product_list dl:nth-child(1) dt span{color:#3461a5}
.sub_product > div:nth-child(1) .product_list dl:nth-child(1) dd ul:nth-child(1) li:nth-child(1) span{background:#3461a5}
.sub_product > div:nth-child(1) .product_list dl:nth-child(1) dd ul:nth-child(1) li:nth-child(2) span{background:#55719a}
.sub_product > div:nth-child(1) .product_list dl:nth-child(1) dd ul:nth-child(2) li:nth-child(1) span{background:#232d3d}
.sub_product > div:nth-child(1) .product_list dl:nth-child(1) dd ul:nth-child(2) li:nth-child(2) span{background:#4c70a6}
.sub_product > div:nth-child(1) .product_list dl:nth-child(1) dd ul:nth-child(3) li:nth-child(1) span{background:#22457e}
.sub_product > div:nth-child(1) .product_list dl:nth-child(1) dd ul:nth-child(3) li:nth-child(2) span{background:#84a0cb}
.sub_product > div:nth-child(1) .product_list dl:nth-child(2) dt{background:#079c5c}
.sub_product > div:nth-child(1) .product_list dl:nth-child(2) dt:before{background:#079c5c}
.sub_product > div:nth-child(1) .product_list dl:nth-child(2) dt:after{background:#079c5c}
.sub_product > div:nth-child(1) .product_list dl:nth-child(2) dt span{color:#079c5c}
.sub_product > div:nth-child(1) .product_list dl:nth-child(2) dd ul:nth-child(1) li:nth-child(1) span{background:#079c5c}
.sub_product > div:nth-child(1) .product_list dl:nth-child(2) dd ul:nth-child(1) li:nth-child(2) span{background:#62ac8c}
.sub_product > div:nth-child(1) .product_list dl:nth-child(2) dd ul:nth-child(2) li:nth-child(1) span{background:#1a4633}
.sub_product > div:nth-child(1) .product_list dl:nth-child(2) dd ul:nth-child(2) li:nth-child(2) span{background:#39a375}
.sub_product > div:nth-child(1) .product_list dl:nth-child(2) dd ul:nth-child(3) li:nth-child(1) span{background:#1a8255}
.sub_product > div:nth-child(1) .product_list dl:nth-child(3) dt{background:#21a7a2}
.sub_product > div:nth-child(1) .product_list dl:nth-child(3) dt:before{background:#21a7a2}
.sub_product > div:nth-child(1) .product_list dl:nth-child(3) dt:after{background:#21a7a2}
.sub_product > div:nth-child(1) .product_list dl:nth-child(3) dt span{color:#21a7a2}
.sub_product > div:nth-child(1) .product_list dl:nth-child(3) dd ul:nth-child(1) li:nth-child(1) span{background:#21a7a2}
.sub_product > div:nth-child(1) .product_list dl:nth-child(3) dd ul:nth-child(1) li:nth-child(2) span{background:#6a9291}
.sub_product > div:nth-child(1) .product_list dl:nth-child(3) dd ul:nth-child(1) li:nth-child(3) span{background:#56b7b3}
.sub_product > div:nth-child(1) .product_list dl:nth-child(3) dd ul:nth-child(2) li:nth-child(1) span{background:#233c3b}
.sub_product > div:nth-child(1) .product_list dl:nth-child(3) dd ul:nth-child(2) li:nth-child(2) span{background:#217b77}
.sub_product > div:nth-child(1) .product_list dl:nth-child(3) dd ul:nth-child(2) li:nth-child(3) span{background:#6a9291}
.sub_product > div:nth-child(1) .product_list dl:nth-child(3) dd ul:nth-child(3) li:nth-child(1) span{background:#92ccca}
.sub_product > div:nth-child(1) .product_list dl:nth-child(3) dd ul:nth-child(3) li:nth-child(2) span{background:#21a7a2}
.sub_product > div:nth-child(1) .product_list dl:nth-child(3) dd ul:nth-child(3) li:nth-child(3) span{background:#233c3b}
.sub_product > div:nth-child(1) .product_list dl:nth-child(3) dd ul:nth-child(4) li:nth-child(1) span{background:#56b7b3}
.sub_product > div:nth-child(1) .product_list dl:nth-child(3) dd ul:nth-child(4) li:nth-child(2) span{background:#217b77}
.sub_product > div:nth-child(2){padding:100px 0;background:#f5f5f5}
.sub_product > div:nth-child(2) .product_list dl:nth-child(1) dt{background:#ec570e}
.sub_product > div:nth-child(2) .product_list dl:nth-child(1) dt:before{background:#ec570e}
.sub_product > div:nth-child(2) .product_list dl:nth-child(1) dt:after{background:#ec570e}
.sub_product > div:nth-child(2) .product_list dl:nth-child(1) dt span{color:#ec570e}
.sub_product > div:nth-child(2) .product_list dl:nth-child(1) dd ul:nth-child(1) li:nth-child(1) span{background:#ec570e}
.sub_product > div:nth-child(2) .product_list dl:nth-child(1) dd ul:nth-child(2) li:nth-child(1) span{background:#923304}
.sub_product > div:nth-child(2) .product_list dl:nth-child(1) dd ul:nth-child(3) li:nth-child(1) span{background:#eaaf92}
.sub_product > div:nth-child(2) .product_list dl:nth-child(2) dt{background:#8d2a8e}
.sub_product > div:nth-child(2) .product_list dl:nth-child(2) dt:before{background:#8d2a8e}
.sub_product > div:nth-child(2) .product_list dl:nth-child(2) dt:after{background:#8d2a8e}
.sub_product > div:nth-child(2) .product_list dl:nth-child(2) dt span{color:#8d2a8e}
.sub_product > div:nth-child(2) .product_list dl:nth-child(2) dd ul:nth-child(1) li:nth-child(1) span{background:#8d2a8e}
.sub_product > div:nth-child(2) .product_list dl:nth-child(2) dd ul:nth-child(2) li:nth-child(1) span{background:#501551}
.sub_product > div:nth-child(2) .product_list dl:nth-child(2) dd ul:nth-child(3) li:nth-child(1) span{background:#d694d7}
@media only screen and (max-width:1100px) {
.sub_product .product_list dt{width:180px;height:130px;font-size:20px;border-radius:70px;}
.sub_product .product_list dt span{font-size:20px;}
.sub_product .product_list dt span{border-radius:55px;}
.sub_product .product_list dd{width:calc(100% - 216px)}
.sub_product .product_list dd ul li span{font-size:15px;}
}
@media only screen and (max-width:1023px) {
.sub_product h4{font-size:26px;margin-bottom:30px;}
.sub_product .product_list dl + dl{margin-top:20px;}
.sub_product .product_list dt{font-size:18px;}
.sub_product .product_list dd{align-items:flex-start}
.sub_product .product_list dd ul{width:50%;margin-bottom:10px;}
.sub_product .product_list dd ul li span{font-size:15px;}
.sub_product > div:nth-child(1){padding:20px 0 80px;}
.sub_product > div:nth-child(2){padding:80px 0;}
}
@media only screen and (max-width:640px) {
.sub_product h4{font-size:22px;margin-bottom:20px;}
.sub_product .product_list dl{display:block;}
.sub_product .product_list dl + dl{margin-top:15px;}
.sub_product .product_list dt{font-size:16px;margin:0 auto 30px;width:200px;height:110px;padding:12px;}
.sub_product .product_list dt span{font-size:16px;}
.sub_product .product_list dt:before{margin-top:0;top:auto;bottom:-15px;right:auto;left:50%;margin-left:-0.5px;width:1px;height:15px;}
.sub_product .product_list dt:after{top:auto;bottom:-20px;right:auto;left:50%;margin-left:-4px;margin-top:0;}
.sub_product .product_list dd{align-items:flex-start;width:100%;}
.sub_product .product_list dd ul{width:50%;margin-bottom:10px;}
.sub_product .product_list dd ul li{height:70px;padding:5px;}
.sub_product .product_list dd ul li span{font-size:14px;}
.sub_product > div:nth-child(1){padding:30px 0 60px;}
.sub_product > div:nth-child(2){padding:60px 0;}
}
@media only screen and (max-width:479px) {
.sub_product .product_list dd{width:calc(100% + 5px);margin-left:-2.5px;}
.sub_product .product_list dd ul{padding:0 2.5px;width:100%}
}
/*───────────────────────────────────────────────────────────
fleet
───────────────────────────────────────────────────────────*/
.popup_bg{display:none;position:fixed;width:100%;height:100%;top:0;left:0;z-index:30;background:rgba(0,0,0,0.4)}
.sub_popup_con{display:none;width:calc(100% - 30px);max-width:1100px;height:80%;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:31;background:#fff;box-shadow:14px 14px 18px rgba(0,0,0,0.24);padding:60px;;box-sizing:border-box;overflow-y:auto; -ms-overflow-style: none; scrollbar-width: none; }
.sub_popup_con::-webkit-scrollbar{ display: none}
.sub_popup_con .popup_tit{padding-bottom:30px;font-size:42px;color:#222;font-weight:400;letter-spacing:0.03em;text-align:center;position:relative;display:block;margin-bottom:35px;}
.sub_popup_con .popup_tit:before{content:'';width:30px;height:2px;background:#178143;position:absolute;bottom:0;left:50%;margin-left:-15px;}
.sub_popup_con .popup_table{margin-top:40px;border-top:2px solid #000;}
.sub_popup_con .popup_table .table_tr{display:grid;grid-template-columns:50% 50%}
.sub_popup_con .popup_table .table_tr dl{display:table;border-bottom:1px solid #ddd;table-layout:fixed;width:100%;}
.sub_popup_con .popup_table .table_tr dl dt,.sub_popup_con .popup_table .table_tr dl dd{word-break:break-all;display:table-cell;vertical-align:middle;}
.sub_popup_con .popup_table .table_tr dl dt{background:#f5f5f5;width:49%;padding:20px 20px;font-size:18px;font-weight:500;color:#222}
.sub_popup_con .popup_table .table_tr dl dd{width:51%;padding:20px 20px;font-size:18px;color:#666;}
.sub_popup_con .popup_table .table_tr dl dd strong{font-size:inherit;color:#333;font-weight:600;}
.sub_popup_con .popup_table .table_tr .rowspan4{grid-row: span 4}
.sub_popup_con .close_btn{width:40px;height:40px;position:absolute;top:30px;right:30px;cursor:pointer;}
.sub_popup_con .close_btn:before{content:'';width:25px;height:2px;background:#888888;transform:rotate(45deg);position:absolute;top:10px;right:0;}
.sub_popup_con .close_btn:after{content:'';width:25px;height:2px;background:#888888;transform:rotate(135deg);position:absolute;top:10px;right:0;}
@media only screen and (max-width:1023px) {
.sub_popup_con{padding:50px 40px 60px;}
.sub_popup_con .popup_tit{padding-bottom:20px;margin-bottom:25px;font-size:32px;}
.sub_popup_con .popup_tit:before{width:20px;margin-left:-10px;}
.sub_popup_con .popup_table{margin-top:30px;}
.sub_popup_con .popup_table .table_tr dl dt{font-size:16px;width:40%;}
.sub_popup_con .popup_table .table_tr dl dd{font-size:16px;width:60%;}
}
@media only screen and (max-width:640px) {
.sub_popup_con{padding:40px 20px 40px}
.sub_popup_con .popup_tit{padding-bottom:15px;margin-bottom:20px;font-size:24px;}
.sub_popup_con .popup_tit:before{width:15px;margin-left:-7.5px;}
.sub_popup_con .popup_table{margin-top:20px;}
.sub_popup_con .popup_table .table_tr{display:block;}
.sub_popup_con .popup_table .table_tr dl dt{font-size:15px;padding:15px 15px;}
.sub_popup_con .popup_table .table_tr dl dd{font-size:15px;padding:15px 15px;}
.sub_popup_con .close_btn{width:30px;height:30px;top:15px;right:15px;}
.sub_popup_con .close_btn:before{width:20px;}
.sub_popup_con .close_btn:after{width:20px;}
}
@media only screen and (max-width:479px) {
.sub_popup_con .popup_table .table_tr dl dt{font-size:14px;padding:10px 15px;}
.sub_popup_con .popup_table .table_tr dl dd{font-size:14px;padding:10px 15px;}
}
/* tanker */
.tanker_list{display:flex;flex-wrap:wrap;}
.tanker_list > li{width:calc(50% - 20px );box-shadow:9px 12px 18px rgba(0,0,0,0.24);position:relative;}
.tanker_list > li:nth-child(2n+2){margin-left:40px;}
.tanker_list > li + li + li{margin-top:40px;}
.tanker_list > li > a{position:absolute;top:0;left:0;width:100%;height:100%;font-size:0;z-index:3}
.tanker_list > li .tanker_img_box{position:relative;overflow:hidden;}
.tanker_list > li .tanker_img_box a{transition:all 0.3s;width:100%;height:100%;display:block;font-size:0;position:absolute;bottom:-100%;left:0;background:rgba(23,129,67,0.8);opacity:0;}
.tanker_list > li .tanker_img_box span{transition:all 0.3s;width:100%;height:100%;display:block;font-size:0;position:absolute;bottom:-100%;left:0;background:rgba(23,129,67,0.8);opacity:0;}
.tanker_list > li .tanker_img_box span:before{content:'';position:absolute;top:50%;left:50%;height:30px;width:3px;background:#fff;margin-left:-1.5px;margin-top:-15px;}
.tanker_list > li .tanker_img_box span:after{content:'';position:absolute;top:50%;left:50%;height:3px;width:30px;background:#fff;margin-top:-1.5px;margin-left:-15px;}
.tanker_list > li .tanker_text_box{padding:25px 30px 35px;}
.tanker_list > li .tanker_text_box .tanker_tit{border-bottom:1px solid #ddd;padding-bottom:20px;margin-bottom:25px;}
.tanker_list > li .tanker_text_box .tanker_tit strong,.tanker_list > li .tanker_text_box .tanker_tit span{display:inline-block;vertical-align:top;}
.tanker_list > li .tanker_text_box .tanker_tit strong{font-size:30px;font-weight:600;color:#222;}
.tanker_list > li .tanker_text_box .tanker_tit span{font-size:18px;font-weight:500;color:#178143;margin-left:20px;padding-top:10px;}
.tanker_list > li .tanker_text_box .tanker_info{display:flex;flex-wrap:wrap;}
.tanker_list > li .tanker_text_box .tanker_info li{width:50%;position:relative;padding-left:10px;box-sizing:border-box;}
.tanker_list > li .tanker_text_box .tanker_info li + li + li{margin-top:15px;}
.tanker_list > li .tanker_text_box .tanker_info li:before{content:'';position:absolute;top:9px;left:0;width:3px;height:3px;background:#555;border-radius:50%;}
.tanker_list > li .tanker_text_box .tanker_info li dl{}
.tanker_list > li .tanker_text_box .tanker_info li dt,.tanker_list > li .tanker_text_box .tanker_info li dd{display:inline-block;vertical-align:top;font-size:18px;letter-spacing:-0.02em;font-weight:400}
.tanker_list > li .tanker_text_box .tanker_info li dt{color:#222;padding-right:5px;}
.tanker_list > li .tanker_text_box .tanker_info li dd{color:#666;}
@media only screen and (max-width:1100px) {
.tanker_list > li .tanker_text_box{padding:20px 25px 30px;}
.tanker_list > li .tanker_text_box .tanker_info li dt, .tanker_list > li .tanker_text_box .tanker_info li dd{font-size:16px;}
}
@media only screen and (min-width:1023px) {
.tanker_list > li:hover span{bottom:0;opacity:1;}
}
@media only screen and (max-width:1023px) {
.tanker_list > li{width:calc(50% - 10px)}
.tanker_list > li:nth-child(2n+2){margin-left:20px;}
.tanker_list > li .tanker_text_box .tanker_tit{padding-bottom:15px;margin-bottom:20px;}
.tanker_list > li .tanker_text_box .tanker_tit strong{font-size:24px;}
.tanker_list > li .tanker_text_box .tanker_tit span{font-size:16px;margin-left:15px;padding-top:5px;}
.tanker_list > li .tanker_text_box .tanker_info li{width:100%;}
.tanker_list > li .tanker_text_box .tanker_info li + li{margin-top:10px;}
.tanker_list > li .tanker_text_box .tanker_info li + li + li{margin-top:10px;}
}
@media only screen and (max-width:767px) {
.tanker_list > li .tanker_text_box .tanker_tit span{margin-left:0;display:block;}
}
@media only screen and (max-width:640px) {
.tanker_list > li{width:100%;box-shadow:5px 6px 9px rgba(0,0,0,0.24);}
.tanker_list > li:nth-child(2n+2){margin-left:0;}
.tanker_list > li + li{margin-top:20px;}
.tanker_list > li + li + li{margin-top:20px;}
.tanker_list > li .tanker_text_box{padding:20px 20px 25px;}
.tanker_list > li .tanker_text_box .tanker_tit{padding-bottom:12px;margin-bottom:15px;}
.tanker_list > li .tanker_text_box .tanker_tit span{margin-left:5px;display:inline-block;font-size:14px;padding-top:3px;}
.tanker_list > li .tanker_text_box .tanker_tit strong{font-size:18px;}
.tanker_list > li .tanker_text_box .tanker_info li dt, .tanker_list > li .tanker_text_box .tanker_info li dd{font-size:14px;}
}
/* chemical */
.chemical_img{padding-bottom:540px;width:100%;background:url('../images/sub/chemical_img.jpg') no-repeat;background-size:cover;background-position:center;}
.chemical_text{box-sizing:border-box;width:90%;max-width:1500px;margin-left:auto;background:#fff url('../images/sub/chemical_text_bg.jpg') no-repeat bottom right 70px;margin-top:-100px;padding:70px 310px 230px 70px;box-sizing:border-box;}
.chemical_text strong{word-break:keep-all;font-size:34px;letter-spacing:-0.03em;color:#333;font-weight:500;display:block;margin-bottom:20px;}
.chemical_text strong em{font-size:inherit;color:#178143;font-weight:inherit;}
.chemical_text p{font-size:20px;letter-spacing:-0.04em;color:#222;word-break:keep-all;line-height:1.8}
.chemical_text p + p{margin-top:15px;}
@media only screen and (max-width:1700px) {
.chemical_text{max-width:90%;padding:60px 60px 200px ;background:#fff url('../images/sub/chemical_text_bg.jpg') no-repeat bottom right 0;}
}
@media only screen and (max-width:1023px) {
.chemical_img{padding-bottom:450px;}
.chemical_text{max-width:92%;padding:40px 40px 180px;width:calc(100% - 70px);}
.chemical_text strong{font-size:26px;}
.chemical_text strong br{display:none;}
.chemical_text p{font-size:18px;line-height:1.6}
}
@media only screen and (max-width:640px) {
.chemical_img{padding-bottom:400px;}
.chemical_text{padding:30px 0 100px; background-size:250px auto;margin-top:-80px;max-width:100%;width:calc(100% - 30px);margin-left:auto;margin-right:auto;}
.chemical_text strong{font-size:20px;}
.chemical_text p{font-size:14px;line-height:1.6}
}
@media only screen and (max-width:479px) {
.chemical_img{padding-bottom:280px;}
/* .chemical_text{max-width:100%;width:100%;} */
.chemical_text{padding:25px 0 80px; margin-top:-70px;}
}
/*───────────────────────────────────────────────────────────
board
───────────────────────────────────────────────────────────*/
input[type="text"], input[type="password"], input[type="number"], input[type="date"]{border:1px solid #ddd;padding:0 19px;letter-spacing:-0.03em;color:#999}
input[type="text"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="date"]:focus{border:1px solid #000;color:#333}
select{border:1px solid #ddd;background:#fff url('../images/sub/select_arrow.png') no-repeat right 19px center;letter-spacing:-0.03em;}
select {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
/* IE 에서 Select box 화살표 제거 */
select::-ms-expand { display: none; }
input[type="checkbox"] { display:none; }
input[type="checkbox"] + label {line-height:1.5;cursor:pointer;display:inline-block;position:relative;padding-left:35px;word-break:keep-all;}
input[type="checkbox"] + label:before, input[type="checkbox"] + label::before {position:absolute;top:1px;left:0; content:""; width:25px; height:25px; margin:0; vertical-align:middle; background:url("../images/skin/icon_chk.png") no-repeat 0 50%; cursor:pointer; background-size:contain;}
input[type="checkbox"]:checked + label:before, input[type="checkbox"]:checked + label::before { background:url("../images/skin/icon_chk_on.png") no-repeat 0 50%; background-size:cover;}
/* pagaing wrap */
.paging {text-align:center;padding-top:2px;line-height:30px;font-size:0;margin:80px auto 0 auto;vertical-align:top;box-sizing:border-box;}
.paging span {display:inline-block;vertical-align:top;}
.paging a {display:inline-block; font-size:15px; color:#999;padding:0 5px;border:0;box-sizing:border-box;height:30px;line-height:30px;min-width:30px;text-align:center; vertical-align:top;border-radius:50%;}
.paging a img {height:33px;width:30px;vertical-align:top;}
.paging span + span a,
.paging a + a,
.paging a + span a{border-left:0;margin-left:10px;}
.paging .on a{color:#fff; font-weight:bold;background:#178143}
.paging a.on{color:#fff; font-weight:bold;background:#178143}
.paging .arrow a {font-size:0;width:30px;border:1px solid #ddd;}
.paging .arrow a img {display:none;}
.paging .arrow.prev{}
.paging .arrow.next {}
.paging .arrow.first a {background:#fff url("../images/sub/paging_first.png") no-repeat center;background-size:auto;}
.paging .arrow.prev a {margin-right:18px;background:#fff url("../images/sub/paging_prev.png") no-repeat center;background-size:auto;}
.paging .arrow.next a {margin-left:18px;background:#fff url("../images/sub/paging_next.png") no-repeat center;background-size:auto;}
.paging .arrow.last a {background:#fff url("../images/sub/paging_last.png") no-repeat center;background-size:auto;}
.view_btn {text-align:center;line-height:40px;position:relative;min-height:80px;}
.view_btn .paging {display:inline-block;}
@media only screen and (min-width:1023px) {
.paging a:hover {color:#fff; font-weight:bold;background:#178143}
}
@media only screen and (max-width:1023px) {
select{background:#fff url('../images/sub/select_arrow.png') no-repeat right 15px center;background-size:14px auto}
input[type="checkbox"] + label {padding-left:32px;}
input[type="checkbox"] + label:before, input[type="checkbox"] + label::before{width:22px;height:22px;top:0;}
}
@media only screen and (max-width:640px) {
select{background:#fff url('../images/sub/select_arrow.png') no-repeat right 10px center;background-size:12px auto}
input[type="checkbox"] + label {padding-left:30px;}
input[type="checkbox"] + label:before, input[type="checkbox"] + label::before{width:20px;height:20px;}
.paging a:hover {color:#999; font-weight:400;background:#fff}
}
/* 검색 */
.board_search {line-height:1.6;margin-bottom:40px;padding:0;text-align:right;background-color:#fff;font-size:0;width:100%;box-sizing:border-box;}
.board_search fieldset {line-height:inherit;font-size:0;}
.board_search select,
.board_search input,
.board_search span,
.board_search label {vertical-align:top;font-size:18px;line-height:inherit;}
.board_search select,.board_search input.input_text {margin-right:0;background-color:#fff;height:55px;padding:0 19px;box-sizing:border-box;}
.board_search select {width:160px;margin-right:10px;height:55px;}
.board_search input.input_text {width:320px;}
.board_search .board_search_sel {display:inline-block;vertical-align:middle;font-size: 0;width:auto;}
.board_search .btn_md {font-size:0;height:55px;width:55px;background-color:#178143 !important;border-color:#178143 !important;background-repeat:no-repeat;background-size:auto;background-position:center;background-image:url('../images/sub/board_search_btn.png')}
@media only screen and (max-width:1023px) {
.board_search{margin-bottom:35px;}
.board_search select,.board_search input,.board_search span,.board_search label {font-size:16px;}
.board_search select,.board_search input.input_text {height:45px;padding:0 15px;}
.board_search .btn_md{width:45px;height:45px;background-size:18px;}
.paging{margin-top:60px;}
}
@media only screen and (max-width:640px) {
.board_search{margin-bottom:30px;}
.board_search select,.board_search input,.board_search span,.board_search label {font-size:14px;}
.board_search select,.board_search input.input_text {height:40px;padding:0 10px;}
.board_search .btn_md{width:40px;height:40px;}
.board_search .board_search_sel{width:100%;margin-right:0;margin-bottom:10px;}
.board_search .board_search_sel select{width:100%;margin-left:0;}
.board_search input.input_text{width:calc(100% - 40px);}
.paging{margin-top:40px;}
}
@media only screen and (max-width:497px) {
.board_search input.btn_md{width:40px;height:40px;}
}
/* 리스트 */
.sub_board ul.bbs_gallery {margin-left:0px;padding:10px 0 0 0;}
.sub_board ul.bbs_gallery:after {clear:both;content:"";display:block;}
ul.bbs_gallery li {float:left;width: calc(33.33% - 26.66px); margin:0 40px 60px 0;position:relative;}
ul.bbs_gallery li:nth-of-type(4n) {margin-right:40px;}
ul.bbs_gallery li:nth-of-type(3n) {margin-right:0px;}
ul.bbs_gallery li a {}
ul.bbs_gallery_top {padding:0 0 0 0;}
ul.bbs_gallery li .thumb {transition:all 0.3s;position:relative;text-align:center;width:100%;padding:0 0 80%;height:0;position: relative;border:0;box-sizing:border-box;overflow:hidden;vertical-align:top;font-size:0;}
ul.bbs_gallery li .thumb a {width:100%;height:100%;vertical-align:top;position:absolute;left:0;bottom:0;right:0;z-index:5;background:rgba(23,129,67,0);transition:all 0.3s;}
ul.bbs_gallery li .thumb a:before{content:'';width:29px;height:3px;background:#fff;position:absolute;top:calc(100% + 3px);left:50%;margin-top:-1.5px;margin-left:-14.5px;transition:all 0.3s;}
ul.bbs_gallery li .thumb a:after{content:'';width:3px;height:29px;background:#fff;position:absolute;top:calc(100% + 15px);left:50%;margin-left:-1.5px;margin-top:-14.5px;transition:all 0.3s;}
ul.bbs_gallery li .thumb img {width: 100%;height: 100%;vertical-align:top;box-sizing:border-box;position: absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
ul.bbs_gallery li .txt_info {padding:20px 0 0;display:flex;align-items:center;justify-content:space-between;}
ul.bbs_gallery li .txt_info .board_tit {padding: 0;line-height: 1.5;font-size: 0;text-align: left;width:calc(100% - 110px)}
ul.bbs_gallery li .txt_info .board_tit h3 {font-size: 20px;color: #333333;font-weight: 500;letter-spacing:-0.03em;}
ul.bbs_gallery li .txt_info .board_tit .board_ico,
ul.bbs_gallery li .txt_info .board_tit img,
ul.bbs_gallery li .txt_info .board_tit h3 {display:inline-block;vertical-align:middle;}
ul.bbs_gallery li .txt_info .board_tit h3 .board_ico {}
ul.bbs_gallery li .txt_info .board_tit img {vertical-align: middle;margin-right: 5px;}
ul.bbs_gallery li .txt_info .board_tit h3 {width: 100%;}
ul.bbs_gallery li .txt_info .board_tit h3 strong {vertical-align: top;font-size: inherit;color: inherit;font-weight: inherit;line-height: inherit;word-break:break-all;display: inline-block;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;display:block;}
ul.bbs_gallery li p {display:block;font-size: 18px;color: #888;line-height:1.5;margin:0;text-align: right;width:110px;}
ul.bbs_gallery li.no_data {line-height:20px;padding:122px 0;font-size:15px;}
.bbs_no_data {padding:1.2%;font-size:15px;line-height:20px;border-top:1px #ddd solid;border-bottom:1px #ddd solid;text-align:center;box-sizing:border-box;}
@media only screen and (min-width:1023px) {
ul.bbs_gallery li:hover .thumb a{background:rgba(23,129,67,0.83)}
ul.bbs_gallery li:hover .thumb a:before,ul.bbs_gallery li:hover .thumb a:after{top:50%;}
ul.bbs_gallery li:hover .thumb{box-shadow:8px 8px 18px 0 rgba(0,0,0,0.2)}
}
@media only screen and (max-width:1023px) {
ul.bbs_gallery li {width: calc(33.33% - 12px); margin:0 18px 40px 0;}
ul.bbs_gallery li:nth-of-type(4n) {margin-right:18px;}
ul.bbs_gallery li .txt_info{padding-top:15px;}
ul.bbs_gallery li .txt_info .board_tit{width:calc(100% - 100px)}
ul.bbs_gallery li .txt_info .board_tit h3{font-size:18px;}
ul.bbs_gallery li p{font-size:16px;width:100px;}
}
@media only screen and (max-width:767px) {
ul.bbs_gallery li {width: calc(50% - 10px); margin:0 20px 30px 0;}
ul.bbs_gallery li:nth-of-type(4n) {margin-right:20px;}
ul.bbs_gallery li:nth-of-type(3n) {margin-right:20px;}
ul.bbs_gallery li:nth-of-type(2n) {margin-right:0;}
}
@media only screen and (max-width:640px) {
ul.bbs_gallery li .txt_info{padding-top:10px;}
ul.bbs_gallery li .txt_info .board_tit{width:calc(100% - 80px)}
ul.bbs_gallery li .txt_info .board_tit h3{font-size:16px;}
ul.bbs_gallery li p{font-size:14px;width:80px;}
}
@media only screen and (max-width:479px) {
ul.bbs_gallery li {width: 100%; margin:0 0 40px 0;}
ul.bbs_gallery li:nth-of-type(4n) {margin-right:0;}
ul.bbs_gallery li:nth-of-type(3n) {margin-right:0;}
ul.bbs_gallery li:nth-of-type(2n) {margin-right:0;}
}
/* 뷰페이지(공통) */
.bbs_view div.view_tit{border-top:2px solid #000;background:#fff;padding:30px 40px;border-bottom:1px solid #ddd;}
.bbs_view div.view_tit > h3{width:100%;font-size:26px;letter-spacing:-0.03em;font-weight:500;color:#222;line-height:1.5;font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif}
.bbs_view div.view_tit > h3 .notice{font-size:16px;color:#fff;font-weight:500;letter-spacing:-0.03em;padding:0 15px;height:30px;line-height:30px;border-radius:15px;background:#178143;display:inline-block;vertical-align:top;margin-top:6px;margin-right:20px;}
.bbs_view div.view_tit > p{width:100%;text-align:left;margin-top: 18px;}
.bbs_view div.view_tit > p span{color:#888;display:inline-block;vertical-align:top;position:relative;font-size:18px;letter-spacing:-0.03em;padding-right: 30px;margin-right: 26px;}
.bbs_view div.view_tit > p span em{font-size:inherit;font-weight:400;color:#555;margin-right:3px;}
.bbs_view div.view_tit > p span:before{content:'';position:absolute;top:50%;right:0;width:1px;height:12px;background:#ddd;margin-top: -4px;}
.bbs_view div.view_tit > p span:last-child:before{display:none;}
.sub_board .bbs_view .extra_editor_wrap{border-top:0;border-bottom:1px solid #ddd;display:block;padding:20px 50px;background:#f5f5f5;box-sizing:border-box;margin-top:0;}
.sub_board .bbs_view .extra_editor_wrap > h4, .sub_board .bbs_view .extra_editor_wrap > div.extra_cont{display:inline-block;background:none;padding:0;}
.sub_board .bbs_view .extra_editor_wrap > h4{width: 134px;font-size:18px;font-weight:400;color:#555;letter-spacing:-0.03em;}
.sub_board .bbs_view .extra_editor_wrap > div.extra_cont{width:calc(100% - 138px);box-sizing:border-box;}
.sub_board .bbs_view .extra_editor_wrap div.extra_cont > span{position:relative;padding-left:20px;margin-left: 17px;color:#333;font-weight:400;letter-spacing:-0.03em;font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;font-size:18px;}
.sub_board .bbs_view .extra_editor_wrap div.extra_cont > span:before{content:'';width:1px;height:12px;background:#ddd;position:absolute;top:50%;left:0;margin-top:-4px;}
.sub_board .bbs_view .extra_editor_wrap div.extra_cont > span a{color:inherit;font-weight:inherit;font-family:inherit;font-size:inherit;text-decoration:underline;}
.bbs_view div.view_cont{padding:60px 30px;border-bottom:1px solid #ddd;}
.view_btn{min-height:120px;}
.view_btn .btn_wrap{padding-top:60px;}
.view_btn .btn_wrap .btn_point{height:60px;line-height:58px;background:#222;min-width:140px;box-sizing:border-box;font-size:18px;font-weight:400;}
@media only screen and (max-width:1023px) {
.bbs_view div.view_tit{padding:20px 30px;}
.bbs_view div.view_tit > h3{font-size:22px;}
.bbs_view div.view_tit > h3 .notice{font-size:15px;margin-right:15px;margin-top:3px;}
.bbs_view div.view_tit > p{margin-top:15px;}
.bbs_view div.view_tit > p span{font-size:16px;padding-right:20px;margin-right:16px;}
.bbs_view div.view_tit > p span:before{height:10px;}
.sub_board .bbs_view .extra_editor_wrap{padding:15px 30px;}
.sub_board .bbs_view .extra_editor_wrap > h4{font-size:16px;width:120px;}
.sub_board .bbs_view .extra_editor_wrap > div.extra_cont{width:calc(100% - 124px)}
.sub_board .bbs_view .extra_editor_wrap div.extra_cont > span{font-size:16px;padding-left:15px;margin-left:12px;}
.sub_board .bbs_view .extra_editor_wrap div.extra_cont > span:before{height:10px;margin-top:-3px;}
.bbs_view div.view_cont{padding:50px 30px;border-bottom:1px solid #ddd;}
.view_btn .btn_wrap{padding-top:50px;}
.view_btn .btn_wrap .btn_point{height:50px;line-height:48px;min-width:120px;font-size:16px;}
}
@media only screen and (max-width:640px) {
.bbs_view div.view_tit{padding:20px 15px;}
.bbs_view div.view_tit > h3{font-size:18px;}
.bbs_view div.view_tit > h3 .notice{font-size:14px;margin-right:10px;margin-top:2px;height:25px;line-height:23px;padding:0 13px;}
.bbs_view div.view_tit > p{margin-top:10px;padding-top:0;}
.bbs_view div.view_tit > p span{font-size:14px;padding-right:10px;margin-right:6px;}
.sub_board .bbs_view .extra_editor_wrap{padding:12px 15px;}
.sub_board .bbs_view .extra_editor_wrap > h4{font-size:14px;width:105px;}
.sub_board .bbs_view .extra_editor_wrap div.extra_cont{width:calc(100% - 109px)}
.sub_board .bbs_view .extra_editor_wrap div.extra_cont > span{font-size:14px;padding-left:12px;margin-left:10px;}
.bbs_view div.view_cont{padding:35px 20px;}
.view_btn .btn_wrap{padding-top:40px;}
.view_btn .btn_wrap .btn_point{height:45px;line-height:43px;min-width:100px;font-size:15px;}
}
@media only screen and (max-width:350px) {
.bbs_view div.view_tit{padding:15px 10px;}
.bbs_view div.view_tit > p span{font-size:13px;padding-right:7px;margin-right:3px;}
.sub_board .bbs_view .extra_editor_wrap{padding:10px;}
.sub_board .bbs_view .extra_editor_wrap div.extra_cont > span{font-size:13px;}
}
table.bbs_list{border-top:2px solid #000;border-bottom:1px solid #ddd;}
table.bbs_list th {padding-top:15px;padding-bottom:15px;border-bottom: 1px solid #000;color:#333;font-weight:500;letter-spacing:-0.03em;font-size:20px;height:80px;box-sizing:border-box;}
table.bbs_list td {padding-top:13px;padding-bottom:13px;height:80px;box-sizing:border-box;font-size:18px;letter-spacing:-0.03em;color:#999}
table.bbs_list td .board_tit h3{font-size:18px;letter-spacing:-0.03em;color:#333}
table.bbs_list td .board_tit h3 strong{transition:all 0.3s;}
table.bbs_list tr.board_notice td{background:#f7f7f7;}
table.bbs_list tr.board_notice td .board_tit h3{font-weight:700}
table.bbs_list tr.board_notice .notice_txt{min-width: 70px;height:30px;line-height:30px;background:#178143;border-radius:15px;color:#fff;display:inline-block;font-size:16px;font-weight:500}
@media only screen and (min-width:1023px) {
table.bbs_list td .board_tit h3 strong:hover{color:#178143;text-decoration:underline;}
}
@media only screen and (max-width:1023px) {
table.bbs_list col:nth-child(1){width:100px}
table.bbs_list col:nth-child(3){width:100px}
table.bbs_list col:nth-child(4){width:100px}
table.bbs_list col:nth-child(5){width:100px}
table.bbs_list th {font-size:17px;height:65px;}
table.bbs_list td{font-size:16px;height:65px;}
table.bbs_list tr.board_notice .notice_txt{height:28px;font-size:15px;line-height:28px}
table.bbs_list td .board_tit h3{font-size:16px;}
}
@media only screen and (max-width:640px) {
table.bbs_list col:nth-child(1){width:60px}
table.bbs_list col:nth-child(3){width:55px}
table.bbs_list col:nth-child(4){width:55px}
table.bbs_list col:nth-child(5){width:55px}
table.bbs_list th {font-size:15px;height:50px;padding:0 3px;}
table.bbs_list td{font-size:14px;padding:3px;height:55px;}
table.bbs_list tr.board_notice .notice_txt{height:20px;font-size:12px;line-height:20px;min-width:45px;}
table.bbs_list td .board_tit .board_ico{display:inline-block;vertical-align:middle;}
table.bbs_list td .board_tit h3{font-size:14px;width:83%;display:inline-block;vertical-align:middle;}
table.bbs_list td .board_tit h3 strong{width:95%;}
table.bbs_list td .board_tit img{margin-right:3px;vertical-align:top;margin-top:4px;}
}
@media only screen and (max-width:640px) {
table.bbs_list col:nth-child(3){display:none;}
table.bbs_list col:nth-child(4){width:50px}
table.bbs_list col:nth-child(5){width:50px}
table.bbs_list tr.board_notice td .board_tit h3{width:80%;}
table.bbs_list th{font-size:14px;}
table.bbs_list th:nth-child(3){display:none;}
table.bbs_list td{font-size:13px;}
table.bbs_list td .board_tit h3{font-size:13px;}
table.bbs_list td:nth-child(3){display:none;}
}
/*** TABLE write ( board/_form_board_write ｜ board/_form_board_answer_write ｜ member/join ｜ member/mypage ｜ member/withdrawal ｜ member/change_pw ｜ member/periodic_change_pw ) ***/
.board_write_wrap{border-top:2px solid #000;padding:37px 40px;border-bottom:1px solid #ddd;}
table.bbs_write {table-layout:fixed;width:100%;border-top:0;text-align:left;box-sizing:border-box;}
table.bbs_write th,table.bbs_write td {font-size:16px;padding-top:12.5px;padding-bottom:12.5px;padding-left:0;padding-right:0;letter-spacing:-0.03em;line-height:1.5;border-bottom:0;font-weight:400;color:#666;text-align:left;vertical-align:middle;box-sizing:border-box;}
table.bbs_write th {padding-left:0;padding-right:0;font-size:20px;font-weight:500;color:#444;background-color:#fff;letter-spacing:-0.03em;}
table.bbs_write th.th_v_top{vertical-align:top;padding-top:25px;}
table.bbs_write td {}
table.bbs_write th,table.bbs_write td,table.bbs_write tr span,table.bbs_write tr input,table.bbs_write tr select {vertical-align:middle;}
table.bbs_write tr span,table.bbs_write tr input,table.bbs_write tr select,table.bbs_write tr textarea,table.bbs_write tr label {color:#666;font-size:inherit;font-weight:400;display:inline-block;}
table.bbs_write tr select {background:#fff;}
table.bbs_write td select,table.bbs_write td input[type="text"],table.bbs_write td input[type="password"],table.bbs_write td input[type="number"],table.bbs_write td input[type="date"] {min-width:auto;width:100%;max-width:300px; height:55px}
table.bbs_write td input[type="text"].email_input,table.bbs_write td input[type="text"].mobile_input{max-width:700px}
table.bbs_write tr td input[name="is_secret"]+ label{margin-bottom:10px;}
.board_write_wrap + div .policy_cont{margin-top:60px;border:1px solid #ddd;padding:30px;}
.board_write_wrap + div .policy_cont label{font-size:18px;letter-spacing:-0.03em;margin-right:0;width:calc(100% - 90px)}
.board_write_wrap + div .policy_cont label em{font-size:inherit;font-weight:400;color:#178143;}
.board_write_wrap + div .policy_cont > div{padding-bottom:25px;display:flex;justify-content:space-between;align-items:flex-start;}
.board_write_wrap + div .policy_text_box{word-break:keep-all;white-space:pre-line;padding:30px;box-sizing:border-box;height:120px;overflow-y:auto;background:#f5f5f5;color:#888;font-size:16px;letter-spacing:-0.03em;font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;line-height:1.6}
.board_write_wrap + div .policy_text_box.on{height:auto;}
.policy_cont .btn_info{line-height:1.5;width:90px !important;box-sizing:border-box;padding-left:0;height:auto;border:0 !important;position:relative;font-size:16px;color:#666;letter-spacing:-0.03em;font-weight:400;padding-right:20px;}
.policy_cont .btn_info:before{content:'';position:absolute;top:50%;margin-top:-8px;right:0;width:8px;height:8px;border-right:1px solid #666;border-bottom:1px solid #666;transform:rotate(45deg)}
.policy_cont .btn_info.on:before{transform:rotate(-135deg);margin-top:-2px;}
table.bbs_write tr td #captcha_box{height:100%;vertical-align:top;}
table.bbs_write .captcha_wrap{max-width:calc(100% - 200px);border:1px solid #ddd;display:inline-block;height:55px;vertical-align:top;margin-right:6px;box-sizing:border-box;padding: 6.5px 10px;}
table.bbs_write .captcha_wrap img{height:100% !important;vertical-align:top;}
table.bbs_write .captcha_wrap .btn_reset{font-size:0;width:40px !important;padding:0 !important;height:40px;margin-left:6px;border:1px solid #ddd;box-sizing:border-box;background:#fff url(../images/common/icon_btn_reset.gif) no-repeat center!important}
table.bbs_write tr td input[name="captcha"] {min-width:200px;width:200px;box-sizing:border-box;}
.btn_wrap{padding-top:60px;}
.btn_wrap .btn{height:60px;line-height:58px;min-width:140px;box-sizing:border-box;font-size:18px;font-weight:400;}
.btn_wrap .btn.btn_point{background:#222;}
@media only screen and (max-width:1023px) {
.board_write_wrap{padding:30px}
table.bbs_write th,table.bbs_write td{font-size:15px;padding:7.5px 0}
table.bbs_write th{font-size:18px;}
table.bbs_write td select,table.bbs_write td input[type="text"],table.bbs_write td input[type="password"],table.bbs_write td input[type="number"],table.bbs_write td input[type="date"]{height:50px;}
.board_write_wrap + div .policy_cont{margin-top:50px;padding:25px;}
.board_write_wrap + div .policy_cont > div{padding-bottom:20px;}
.board_write_wrap + div .policy_cont label{font-size:16px;}
.board_write_wrap + div .policy_text_box{padding:25px;font-size:15px;}
.policy_cont .btn_info{font-size:15px;padding-right:15px;}
.policy_cont .btn_info:before{width:7px;height:7px;margin-top:-7px;}
.policy_cont .btn_info.on:before{margin-top:-3px;}
table.bbs_write .captcha_wrap{height:50px;max-width:fit-content;}
table.bbs_write .captcha_wrap .btn_reset{width:35px !important;height:35px;}
.btn_wrap{padding-top:50px;}
.btn_wrap .btn{height:50px;line-height:48px;min-width:120px;font-size:16px;}
}
@media only screen and (max-width:860px) {
table.bbs_write .captcha_wrap{margin-right:0;}
table.bbs_write tr td #captcha_box{display:inline-block;}
table.bbs_write tr td input[name="captcha"]{width:100%;display:block;max-width:100%;min-width:100%;margin-top:10px;}
}
@media only screen and (max-width:640px) {
.board_write_wrap{padding:20px}
table.bbs_write th,table.bbs_write td{font-size:14px;padding:5px 0}
table.bbs_write th{font-size:16px;}
table.bbs_write td select,table.bbs_write td input[type="text"],table.bbs_write td input[type="password"],table.bbs_write td input[type="number"],table.bbs_write td input[type="date"]{height:45px;}
.board_write_wrap + div .policy_cont{margin-top:40px;padding:20px;}
.board_write_wrap + div .policy_cont > div{padding-bottom:15px;}
.board_write_wrap + div .policy_cont label{font-size:15px;}
.board_write_wrap + div .policy_text_box{padding:20px;font-size:14px;}
.policy_cont .btn_info{font-size:14px;padding-right:10px;}
.policy_cont .btn_info:before{margin-top:-6px;}
.policy_cont .btn_info.on:before{margin-top:-2px;}
/* table.bbs_write .captcha_wrap{height:40px;} */
.btn_wrap{padding-top:40px;}
.btn_wrap .btn{height:45px;line-height:43px;min-width:100px;font-size:15px;}
}
@media only screen and (max-width:479px) {
table.bbs_write colgroup col:first-of-type{min-width:110px;}
table.bbs_write .captcha_wrap{border:0;padding:0;}
table.bbs_write td .btn_sm.btn_reset{padding:0 !important;width:45px !important;height:45px;display:block;margin-top:5px;margin-left:0;}
table.bbs_write tr td input[name="captcha"]{width:calc(100% - 55px);float:right;max-width:calc(100% - 55px);min-width:calc(100% - 55px);}
}