@charset "utf-8";
 
@font-face {
    font-family: 'Montserrat';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2110@1.0/OTWelcomeBA.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
  
@font-face {
	font-family:'Pretendard';
	font-weight:200;
	src:
			local(※), /* IE fix */
			url(/theme/KDwoodtech/fonts/Pretendard-Thin.woff2) format('woff2'),
			url(/theme/KDwoodtech/fonts/Pretendard-Thin.woff) format('woff');
}
@font-face {
	font-family:'Pretendard';
	font-weight:300;
	src:
			local(※), /* IE fix */
			url(/theme/KDwoodtech/fonts/Pretendard-Light.woff2) format('woff2'),
			url(/theme/KDwoodtech/fonts/Pretendard-Light.woff) format('woff');
}
@font-face {
	font-family:'Pretendard';
	font-weight:400;
	src:
			local(※), /* IE fix */
			url(/theme/KDwoodtech/fonts/Pretendard-Regular.woff2) format('woff2'),
			url(/theme/KDwoodtech/fonts/Pretendard-Regular.woff) format('woff');
}
@font-face {
	font-family:'Pretendard';
	font-weight:500;
	src:
			local(※), /* IE fix */
			url(/theme/KDwoodtech/fonts/Pretendard-Medium.woff2) format('woff2'),
			url(/theme/KDwoodtech/fonts/Pretendard-Medium.woff) format('woff');
}
@font-face {
	font-family:'Pretendard';
	font-weight:600;
	src:
			local(※), /* IE fix */
			url(/theme/KDwoodtech/fonts/Pretendard-SemiBold.woff2) format('woff2'),
			url(/theme/KDwoodtech/fonts/Pretendard-SemiBold.woff) format('woff');
}
@font-face {
	font-family:'Pretendard';
	font-weight:bold;
	src:
			local(※), /* IE fix */
			url(/theme/KDwoodtech/fonts/Pretendard-Bold.woff2) format('woff2'),
			url(/theme/KDwoodtech/fonts/Pretendard-Bold.woff) format('woff');
}
@font-face {
	font-family:'Pretendard';
	font-weight:900;
	src:
			local(※), /* IE fix */
			url(/theme/KDwoodtech/fonts/Pretendard-ExtraBold.woff2) format('woff2'),
			url(/theme/KDwoodtech/fonts/Pretendard-ExtraBold.woff) format('woff');
}


 
 
 /* 초기화 */ 
html {overflow-y:scroll}
html,body{width:100%; font-size:90.5%;} 
body{*word-break:break-all;-ms-word-break:break-all; font-size: clamp(16px, 1vw, 18px);margin:0;padding:0;    font-family:'Pretendard', dotum, sans-serif;background:#fff; overflow-x:hidden; word-break:keep-all; font-weight:300; letter-spacing:-.5px;}
body b {font-weight:600;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 { font-size:19px;font-family: 'Pretendard', 'sans-serif';}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

/* container */
#wrap, #container {width:100%;position: relative; overflow:hidden;}
#contents {position:relative;}
#wrap .inner *{-webkit-box-sizing:border-box; box-sizing:border-box;}
body::-webkit-scrollbar{width:0px;}
body::-webkit-scrollbar-thumb {background-color: transparent; border-radius:10px;}
body::-webkit-scrollbar-track {background-color:transparent;}
.split2{position: relative;overflow: hidden;}
.split2 p{position: relative;display: inline-block;vertical-align: top;transform: translateY(100%);opacity: 0;}
.split2 span{position: relative;display: inline-block;vertical-align: top;opacity: 0;}

 
ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'Pretendard', 'sans-serif';font-size:1em}
input[type="submit"] {cursor:pointer}
button {border:0;background:none;cursor:pointer}

textarea, select {font-family: 'Pretendard', 'sans-serif';font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:keep-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}
*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px #9ed4ff;
-moz-box-shadow:0 0 5px #9ed4ff;
box-shadow:0 0 5px #9ed4ff;
border:1px solid #558ab7 !important;
}

.placeholdersjs {color:#aaa !important}


 
 

/* 레이아웃 크기 지정 */ 

 
#hd_wrapper,
#tnb,
#ft_wr {}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}

/* 상단 레이아웃 */
#hd {background:#212020}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#tnb {display:none; border-bottom:1px solid #383838;margin:0 auto}
#tnb:after {display:block;visibility:hidden;clear:both;content:""}
#tnb .inner {margin:0 auto}

#hd_wrapper {position:relative;margin:0 auto;height:140px;zoom:1}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#logo {float:left;padding:30px 0 0}

.hd_sch_wr {display:none; float:left;padding:30px 0;width:445px;margin-left:65px}
#hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_sch {border-radius:30px;overflow:hidden}
#hd_sch #sch_stx {float:left;width:385px;height:45px;padding-left:10px;border-radius:30px 0 0 30px;background:#2c2c2c;border:0;border-right:0;font-size:1.25em;color:#fff}
#hd_sch #sch_submit {float:left;width:60px;height:45px;border:0;background:#2c2c2c;color:#fff;border-radius:0 30px 30px 0;cursor:pointer;font-size:16px}

#hd_define {float:left}
#hd_define:after {display:block;visibility:hidden;clear:both;content:""}
#hd_define li {float:left;font-size:1.083em;line-height:14px;border-right:1px solid #4a4a4a;position:relative;text-align:center;margin:15px 10px 15px 0;padding-right:10px}
#hd_define li:last-child {padding-right:0;margin-right:0;border-right:0}
#hd_define li a {display:inline-block;color:#919191}
#hd_define li.active a {color:#fff}


#hd_qnb {float:right;text-align:right}
#hd_qnb:after {display:block;visibility:hidden;clear:both;content:""}
#hd_qnb li {float:left;font-size:1.083em;line-height:14px;border-right:1px solid #4a4a4a;position:relative;text-align:center;margin:15px 10px 15px 0;padding-right:10px}
#hd_qnb li:last-child {padding-right:0;margin-right:0;border-right:0}
#hd_qnb li span {display:block;margin-top:5px;font-size:0.92em}
#hd_qnb li a {display:inline-block;color:#919191}
#hd_qnb .visit .visit-num {display:inline-block;line-height:16px;padding:0 5px;margin-left:5px;border-radius:10px;background:#da22f5;color:#fff;font-size:10px}


.hd_login {position:absolute;right:0;top:60px}
.hd_login li {float:left;margin:0 5px;border-left:1px solid #616161;padding-left:10px;line-height:13px}
.hd_login li:first-child {border-left:0}
.hd_login a {color:#fff}


 

.gnb_1dli .bg {position:absolute;top:24px;right:8px;display:inline-block;width:10px;height:10px;overflow:hidden;background:url('../img/gnb_bg2.gif') no-repeat 50% 50%;text-indent:-999px}
.gnb_1da {display:block;font-weight:bold;padding:0 15px;color:#080808;text-decoration:none}
.gnb_1dli.gnb_al_li_plus .gnb_1da{padding-right:25px}
.gnb_2dli:first-child {border:0}
.gnb_2dul {display:none;position:absolute;top:54px;min-width:140px;padding-top:2px}
.gnb_2dul .gnb_2dul_box {border:1px solid #e0e2e5;border-top:0;padding:0;
-webkit-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2);
-moz-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2);
box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2)}
.gnb_2da {display:block;padding:0 10px;line-height:40px;background:#fff;color:#080808;text-align:left;text-decoration:none}
a.gnb_2da:hover {color:#577810;background:#f7f7f8;
-moz-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
transition:all 0.3s ease-out}

.gnb_1dli_air .gnb_2da {}
.gnb_1dli_on .gnb_2da {}
.gnb_2da:focus, .gnb_2da:hover {color:#fff}
.gnb_1dli_over .gnb_2dul {display:block;left:0}
.gnb_1dli_over2 .gnb_2dul {display:block;right:0}
.gnb_wrap .gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2.7em;color:#080808}
.gnb_wrap .gnb_empty a {color:#577810;text-decoration:underline}
.gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a {color:#555}

#gnb .gnb_menu_btn {background:#4158d1;color:#fff;width:50px;height:55px;border:0;vertical-align:top;font-size:18px}
#gnb .gnb_close_btn {background:#fff;color:#b6b9bb;width:50px;height:50px;border:0;vertical-align:top;font-size:18px;position:absolute;top:0;right:0}
#gnb .gnb_mnal {float:right;padding:0}

#gnb_all {display:none;position:absolute;border:1px solid #c5d6da;width:100%;background:#fff;z-index:1000;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.2);
-moz-box-shadow:0 2px 5px rgba(0,0,0,0.2);
box-shadow:0 2px 5px rgba(0,0,0,0.2)}
#gnb_all h2 {font-size:1.3em;padding:15px 20px;border-bottom:1px solid #e7eeef}
#gnb_all .gnb_al_ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb_all .gnb_al_ul > li:nth-child(5n+1) {border-left:0}
#gnb_all .gnb_al_li {float:left;width:20%;min-height:150px;padding:20px;border-left:1px solid #e7eeef}
#gnb_all .gnb_al_li .gnb_al_a {font-size:1.2em;display:block;position:relative;margin-bottom:10px;font-weight:bold;color:#577810}
#gnb_all .gnb_al_li li {line-height:2em}
#gnb_all .gnb_al_li li a {color:#555}
#gnb_all_bg {display:none;background:rgba(0,0,0,0.1);width:100%;height:100%;position:fixed;left:0;top:0;z-index:999}

/* 중간 레이아웃 */
#wrapper {}
#container_wr:after {display:block;visibility:hidden;clear:both;content:""}
#container_wr {margin:0 auto;zoom:1}
#aside {display:none; float:right;width:235px;padding:0;height:100%;margin:20px 0 20px 20px}

#container {position:relative;   width:100%;zoom:1; }
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {font-size:1.333em;margin:0 auto;font-weight:bold}
#container_title span {margin:0 auto 10px;display:block;line-height:30px}

.lt_wr {width:32%}
.lt_wr:nth-child(3n+1) {clear:both}
.latest_wr {margin-bottom:0px}
.latest_wr:after {display:block;visibility:hidden;clear:both;content:""}
.latest_top_wr {margin:0 -10px 20px}
.latest_top_wr:after {display:block;visibility:hidden;clear:both;content:""}

/* 하단 레이아웃 */
#ft {background:#212020;margin:0 auto;text-align:center} 
#ft_wr {max-width:1240px;margin:0;padding:40px 0;position:relative;display:inline-block;text-align:left}
#ft_wr:after {display:block;visibility:hidden;clear:both;content:""}
#ft_wr .ft_cnt {width:25%;float:left;padding:0 20px}

#ft_link {text-align:left}
#ft_link a {display:block;color:#fff;line-height:2em;font-weight:bold}
#ft_company h2 {font-size:1.2em;margin-bottom:20px}
#ft_company {font-weight:normal;color:#e3e3e3;line-height:2em}
#ft_catch {margin:20px 0 10px}
#ft_copy {text-align:center;width:1200px;margin:0 auto;padding:20px 0;color:#5b5b5b;font-size:0.92em;border-top:1px solid #383838}
#top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)}
#top_btn:hover {border-color:#3059c7;background:#3059c7;color:#fff}

/* 게시물 선택복사 선택이동 */
#copymove {}
#copymove .win_desc {text-align:center;display:block}
#copymove .tbl_wrap {margin:20px}
#copymove .win_btn {padding:0 20px 20px}
.copymove_current {float:right;background:#ff3061;padding:5px;color:#fff;border-radius:3px}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span {display:none}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../../../img/captcha2.png') no-repeat 0 0 ; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc {display:none;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer; }
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* ckeditor 태그 기본값 */
#bo_v_con ul {display:block;list-style-type:disc;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con ol {display:block;list-style-type:decimal;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con li {display:list-item}

/* 버튼 */
a.btn,.btn {border-radius: 3px; line-height:35px;height:35px;padding:0 10px;text-align:center;font-weight:bold;border:0;font-size:1.1em;
-webkit-transition:background-color 0.3s ease-out;
-moz-transition:background-color 0.3s ease-out;
-o-transition:background-color 0.3s ease-out;
transition:background-color 0.3s ease-out}

a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:right} /* 서식단계 진행 */

.btn_submit {border:0;background:#577810;color:#fff;cursor:pointer;border-radius:3px}
.btn_submit:hover {background:#293809}
.btn_close {border:1px solid #dcdcdc;cursor:pointer;border-radius:3px;background:#fff}
a.btn_close {text-align:center;line-height:50px}

a.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
.btn_cancel:hover {background:#aaa}
a.btn_frmline, button.btn_frmline {display:inline-block;width:128px;padding:0 5px;height:40px;border:0;background:#434a54;border-radius:3px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;color:#bababa;text-decoration:none;vertical-align:middle;border:0;background:transparent}
.btn_b01:hover, .btn_b01:hover {color:#000}
a.btn_b02,.btn_b02 {display:inline-block;background:#253dbe;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle}
a.btn_b02:hover, .btn_b02:hover {background:#0025eb}
a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {background:#ebedf6}
a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle}
a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9}
a.btn_admin,.btn_admin {display:inline-block;color:#d13f4a;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {color:#ff3746}








@media screen and (max-width: 1280px){ 
a.btn, .btn {font-size: 1.1em;}
}    


@media screen and (max-width:980px){
a.btn, .btn, 
.btn_submit {font-size: 1em;} 
 }


@media screen and (max-width:780px){      
 }


@media screen and (max-width:680px){ 
a.btn, .btn,
.btn_submit {font-size:.9em;} 
}



@media screen and (max-width:580px){   
}


@media screen and (max-width:480px){  
}

















/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0 5px;background:#fff;border-top:1px solid #ececec;border-bottom:1px solid #ececec} 
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {  color: #000; font-weight:600; padding:20px 0;font-size:18px; text-align:center;border-bottom:1px solid #ececec;height:40px}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8}
.tbl_head01 td { text-align:center; font-size:16px; color:#666;padding:10px 5px;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1;line-height:1.4em;height:60px;word-break:break-all}
.tbl_head01 tbody tr:hover td {background:#fafafa}
.tbl_head01 a:hover {text-decoration:underline}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}


.tbl_head03 {width:100%; margin:20px 0 10px; border-top:solid 1px #000; min-height:200px}
.tbl_head03 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head03 thead th {font-size:18px; padding:10px 0;font-weight:normal;text-align:center; background:#fff; border-bottom:solid 2px #000; height:60px;   margin-right:0px; color:#666}  
.tbl_head03 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8}
.tbl_head03 tbody td {color:#666;background:#fff;/* padding:0px 5px 10px 5px; */border-bottom:1px solid #ecf0f1;line-height:1.4em;padding:20px 10px; word-break:break-all;} 

.tbl_head04 {width:100%; margin:20px 0 10px; border-top:solid 1px #000; text-align:center;  }
.tbl_head04 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head04 thead th {font-size:18px; padding:10px 0;font-weight:normal;  background:#fff; border-bottom:solid 2px #000; height:60px;   margin-right:0px; color:#333}  
.tbl_head04 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8}
.tbl_head04 tbody td {color:#333;background:#fff;/* padding:0px 5px 10px 5px; */border-bottom:1px solid #ecf0f1;line-height:1.4em;padding:20px 10px; word-break:break-all;} 




/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #d0d3db;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;
-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:40px}

.full_input {width:100%}
.half_input {width:49.5%}
.twopart_input {width:385px;margin-right:10px}
.tbl_frm01 textarea, .write_div textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/*기본 리스트*/
.list_01 ul {border-top:1px solid #ececec}
.list_01 li {border-bottom:1px solid #ececec;background:#fff;padding:10px 15px;list-style:none;position:relative}
.list_01 li:nth-child(odd) {background:#f6f6f6}
.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.list_01 li:hover {background:#f9f9f9}
.list_01 li.empty_li {text-align:center;padding:20px 0;color:#666}

/*폼 리스트*/
.form_01 h2 {font-size:1.167em}
.form_01 li {margin-bottom:10px}
.form_01 ul:after,
.form_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.form_01 .left_input {float:left}
.form_01 .margin_input {margin-right:1%}
.form_01 textarea {height:100px;width:100%}
.form_01 .frm_label {display:inline-block;width:130px}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;color:#666;text-align:center}

/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important}

/* 테이블 항목별 정의 */
.td_board {width:80px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_group {width:80px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {position:relative}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {font-size:1.3em;height:50px;line-height:30px;padding:10px 20px;background:#fff;color:#000;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);
-moz-box-shadow:0 1px 10px rgba(0,0,0,.1);
box-shadow:0 1px 10px rgba(0,0,0,.1)}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin-bottom:15px;padding:0 20px}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;background:#fff;text-align:center;padding:0 10px;border:1px solid #d6e9ff;border-radius:30px;margin-left:5px}
.new_win .win_ul li:first-child {margin-left:0}
.new_win .win_ul li a {display:block;padding:8px 0;color:#6794d3}
.new_win .win_ul .selected {background:#577810;border-color:#577810;position:relative;z-index:5}
.new_win .win_ul .selected a {color:#fff;font-weight:bold}
.new_win .win_desc {position:relative;margin:10px;border-radius:5px;font-size:1em;background:#f2838f;color:#fff;line-height:50px;text-align:left;padding:0 20px}
.new_win .win_desc i {font-size:1.2em;vertical-align:baseline}
.new_win .win_desc:after {content:"";position:absolute;left:0;top:0;width:4px;height:50px;background:#da4453;border-radius:3px 0 0 3px}
.new_win .frm_info {font-size:0.92em;color:#919191}
.new_win .win_total {float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:#577810;background:#f6f6f6;padding:0 10px;border-radius:5px}
.new_win .new_win_con {margin:20px 0;padding:20px}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .new_win_con2 {margin:20px 0}
.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn {text-align:center}
.new_win .cert_btn {margin-bottom:30px;text-align:center}
.new_win .btn_close {padding:0 20px;height:45px;overflow:hidden;cursor:pointer}
.new_win .btn_submit {padding:0 20px;height:45px;font-weight:bold;font-size:1.083em}

/* 검색결과 색상 */
.sch_word {color:#fff;background:#ff005a;padding:2px 5px 3px;line-height:18px;margin:0 2px}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap {position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;font-size:0.92em;background:#333;
-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)}
.sv_wrap .sv:before {content:"";position:absolute;top:-6px;left:15px;width:0;height:0;border-style:solid;border-width:0 6px 6px 6px;border-color:transparent transparent #333 transparent}
.sv_wrap .sv a {display:inline-block;margin:0;padding:0 10px;line-height:30px;width:100px;font-weight:normal;color:#bbb}
.sv_wrap .sv a:hover {background:#000;color:#fff}
.sv_member {color:#333;}
.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;float:left;display:inline-block; margin-bottom:80px;}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {text-align:center}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#eee;border:1px solid #eee}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#959595;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px}
.pg_page:hover {background-color:#fafafa}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa}

.pg_current {display:inline-block;background:#000;border:1px solid #000;color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px}

/* cheditor 이슈 */
.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before {
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
}

/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}













 
 
#footer {background-color:#141414;position: relative;padding:3% 0% 0 0;}
#footer .footcont { display:inline-block; width:100%}
#footer .footcont h1 {  margin:0 0px 0 0 ; vertical-align: top; padding:0; line-height:100%;} 
#footer .footcont h1 img { width:100px}
#footer .sns {margin:25px 0 15px 0}
#footer .sns li {display:inline-block;}
#footer .info {color:#ababab; font-size:16px; font-weight:500; padding:0;text-align: center; margin-top:10px} 
#footer .info a {color:#ababab; }
#footer address {background-color:#2c2c2c; color:#ababab; font-size:16px; margin-top:25px;text-align: center; padding:10px 0;}
 
 
@media screen and (max-width: 1280px){ 
}    
 
@media screen and (max-width:980px){  
#footer .footcont h1 { width:100%; text-align:center;margin:0;float:inherit;}   
}

@media screen and (max-width:780px){      
}

@media screen and (max-width:680px){
#footer .footcont #footer_1dul { display:none}
#footer address,
#footer .info { font-size:16px} 
#footer .footcont h1 img { margin:10px 0px 20px 0} 
}

@media screen and (max-width:580px){  
#footer address,
#footer .info { font-size:15px}
#footer .footcont h1 img {  margin:20px 0px 10px 0}
}

@media screen and (max-width:480px){ 
#footer address,
#footer .info { font-size:14px}
}



 






 


#fp-menu {width:25px;position: absolute; top: 50%;right:-25px;transform:translateY(-50%);-webkit-transform:translateY(-50%);
transition:all .5s .6s ease-in-out;-webkit-transition:all .5s .6s ease-in-out;}
#fp-menu.on {right:25px;}
#fp-menu li {position: relative;margin-bottom:15px; width:12px;height:12px;border: 3px solid #f7f7f7;border-radius: 100%;}
#fp-menu li:last-child {margin-bottom: 0;}
#fp-menu li.on a{opacity: 1;}
#fp-menu li a {opacity: .5;display: block;  position: relative;color: #fff;} 
#fp-menu li.on {border:3px solid #ffae00;} 
#fp-menu li a.togClass:after  { }
#fp-menu li:last-child{margin-bottom: 0;} 

.fp_item {overflow: hidden;} 

.fp_inner { ;margin: 0 auto;text-align: center;padding: 0 7%;}


.fp_inner .txt_box {opacity: 0;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;transform:translateY(-30px);-webkit-transform:translateY(-30px); text-align:left}
.fp_item.on .fp_inner .txt_box {opacity: 1;transform:translateY(0);-webkit-transform:translateY(0);}


.fp_inner .txt_box span {font-size:20px;  font-weight:500;}
.fp_inner .txt_box p {word-break: keep-all;font-size:20px; font-weight:500; line-height:120%}
.fp_inner .txt_box h3 {word-break: keep-all; font-size:84px;   font-weight:800;  margin:40px 0 15px 0;line-height: 100%; }  
 

.fp_inner .latest_wr {opacity: 0;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;transform:translateY(-30px);-webkit-transform:translateY(-30px); text-align:left}
.fp_item.on .fp_inner  .latest_wr {opacity: 1;transform:translateY(0);-webkit-transform:translateY(0);}

 .fpWrap .fp_item {position: relative;background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;
background-size: cover;}
.fpWrap .fp_item:before {display: none;content:'';position: absolute;width: 1px;height: 100%;background-color: rgba(255,255,255,.5);transition:all .5s .6s ease-in-out;-webkit-transition:all .5s .6s ease-in-out;left: -1px;}
#container.load .fp_item:before {left: 99px;} 

 
@media screen and (max-width:1280px){
}
@media screen and (max-width:1080px){
}
@media screen and (max-width:960px){ 
}
/* 모바일에서는 효과 제외 */
@media (max-width: 768px) {
    .fp_inner .txt_box,
    .fp_item.on .fp_inner .txt_box { opacity: 1 !important; }
}
@media screen and (max-width:660px){  
}
@media screen and (max-width:580px){
}
@media screen and (max-width:480px){
}

@media screen and (max-width:380px){  
} 




 





.fpWrap .fp_item2 {background-color:#f7f7f7} 
.fpWrap .fp_item2 .txt_box {position:relative}
.fpWrap .fp_item2 .txt_box > span { color:#333}
.fpWrap .fp_item2 .txt_box > h3 { color:#000; }
.fpWrap .fp_item2 .txt_box > p { color:#333;  }

@media screen and (max-width:1280px){
}
@media screen and (max-width:1080px){
}
@media screen and (max-width:960px){
.fpWrap .fp_item2 #video { width:100%;} 
}
@media screen and (max-width:760px){
}
@media screen and (max-width:660px){  
}
@media screen and (max-width:580px){
}
@media screen and (max-width:480px){
}

@media screen and (max-width:380px){  
}





 
  

.fpWrap .fp_item3 {overflow:hidden; } 
.fpWrap .fp_item3 .txt_box {position:relative}
.fpWrap .fp_item3 .txt_box img { width:100%}
.fpWrap .fp_item3 .txt_box span { color:#333}
.fpWrap .fp_item3 .txt_box h3 { color:#142348; font-family:'Cooper Black';}
.fpWrap .fp_item3 .txt_box p { color:#333;  }
.fpWrap .fp_item3 .txt_box ul { margin-top:5%}
.fpWrap .fp_item3 .txt_box ul li {display:inline-block; border:1px #142348 solid; width:calc((100% / 4) - 8px); text-align:center; padding:20px;border-radius:20px; margin:0 2px}  
.fpWrap .fp_item3  ul li:hover {background-color: #142348; }   
.fpWrap .fp_item3 .txt_box ul li a {color:#142348}
.fpWrap .fp_item3 .txt_box ul li a p {font-size:16px; padding:10px 0}
.fpWrap .fp_item3  ul li:hover a p {color: #fff; }   
.fpWrap .fp_item3 .txt_box ul li a img { width:100%}
.fpWrap .fp_item3 .txt_box ul li:hover a img { -webkit-filter: brightness(0) invert(1); 
filter: brightness(0) invert(1);}
.fpWrap .fp_item3 video { z-index: -1;top:0; right:0; } 






.fpWrap .fp_item3 .txt_box .cafesunny {float:left;width:55%;padding-top:130px;}
.fpWrap .fp_item3 .txt_box .sunnymovie {float:right;width:45%;text-align: right;}
.fpWrap .fp_item3 .txt_box .sunnymovie video {border-radius:25px}
.fpWrap .fp_item3 .txt_box .sunnyface {position: absolute;right:-50px; top:-20px}
.fpWrap .fp_item3 .txt_box .sunnyface img { width:160px;}


@media screen and (max-width:1280px){
}
@media screen and (max-width:1080px){
}
@media screen and (max-width:960px){ 

.fpWrap .fp_item3 video { display:none;}
.fpWrap .fp_item3 .txt_box .sunnyface {display:none}
.fpWrap .fp_item3 .txt_box ul {text-align: center;}
.fpWrap .fp_item3 .txt_box ul li a img { width:60%;display:block;margin:0 auto}
.fpWrap .fp_item3 .txt_box ul li a p {font-size:16px; color:#142348; padding: 10px 0 15px 0; font-weight:bold}
.fpWrap .fp_item3 .txt_box .cafesunny {float:inherit;width:100%;padding-top:0px; text-align: center;}
.fpWrap .fp_item3 .txt_box .sunnymovie {float:inherit;width:100%;text-align: right;}
.fpWrap .fp_item3 .txt_box ul li {border-radius:15px; padding:0;  width:calc((100% / 2) - 8px); margin:5px 2px}
.fpWrap .fp_item3  ul li:hover {background-color: #fff; }
.fpWrap .fp_item3 .txt_box ul li:hover a img { -webkit-filter: brightness(0) invert(1); 
filter: brightness(0) invert(0);}   
}
@media screen and (max-width:760px){
}
@media screen and (max-width:660px){  
}
@media screen and (max-width:580px){ 
.fpWrap .fp_item3 .txt_box ul li a img { width:50%;}
}
@media screen and (max-width:480px){   
}

@media screen and (max-width:380px){  
}






@media screen and (max-width: 1280px){
.fp_inner {  padding:inherit;}
.fp_inner .txt_box h3 {font-size:55px;}  
.fpWrap iframe {display:block;margin-top:30px} 
}    


@media screen and (max-width:980px){    
.fp_inner { padding:inherit;}
#fp-menu { display:none} 
.fp_inner .txt_box span {font-size:18px;}
.fp_inner .txt_box p {font-size:18px;}
.fp_inner .txt_box h3 {font-size:50px;}  


 }


@media screen and (max-width:780px){     
#fp-menu { display:none} 
.fp_inner .txt_box {text-align:center}
.fp_inner .txt_box span {font-size:17px;}
.fp_inner .txt_box p {font-size:18px;}
.fp_inner .txt_box h3 {font-size:40px; margin:20px 0 10px 0 ;}  
 }


@media screen and (max-width:680px){ 
.fp_inner .txt_box span {font-size:16px;}
.fp_inner .txt_box h3 {font-size:36px; margin:10px 0 5px 0 ;} 
.fp_inner .txt_box p {font-size:18px;}
}



@media screen and (max-width:580px){  
.fp_inner .txt_box p {font-size:16px;}
.fp_inner .txt_box p br { display:none;} 
}


@media screen and (max-width:480px){ 
.fp_inner .txt_box h3 {font-size:34px;}  
.fp_inner .txt_box p {font-size:15px;} 
}








 






.footer_banner_zone{position:relative; width:100%; padding:15px 0;}
.footer_banner_zone .bannerWarp{ position:relative; width:2300px; margin:0 auto;}
.footer_banner_zone .bannerWarp .logoBoxTit{ position:absolute; font-size:16px; width:170px; color:#555; top:10px; line-height:23px; letter-spacing:-1px;}
.footer_banner_zone .bannerWarp .caroufredsel_wrapper
.footer_banner_zone .bannerWarp .logoBoxTit span{ color:#069; font-weight:500; font-size:19px;}
.footer_banner_zone .bannerWarp .flow_banner_box{position:relative;   height:340px; overflow:hidden;}
.footer_banner_zone .bannerWarp .flow_banner_box .flow_bann_area{position:absolute;  left:0%;  }
.footer_banner_zone .bannerWarp .flow_banner_box .flow_bann_area ul{*zoom:1;}
.footer_banner_zone .bannerWarp .flow_banner_box .flow_bann_area ul:after{content:""; display:block; clear:both;}
.footer_banner_zone .bannerWarp .flow_banner_box .flow_bann_area ul li{float:left; padding:0 5px; list-style-type:none;}
.footer_banner_zone .bannerWarp .flow_banner_box .flow_bann_area ul li a{}
.footer_banner_zone .bannerWarp .flow_banner_box .flow_bann_area ul li img{ width:240px; }

.txt_box_title { float:left; margin-right:5%;}

/* btn */
.flow_ctrl_box{  position: relative;width:102px}
.flow_ctrl_box a{position:absolute; width: 50px;
height: 50px;font-family: 'Cooper Black'; border:1px #000 solid;line-height: 50px;
text-align: center;}
.flow_ctrl_box a span {}
.flow_ctrl_box a.back{left:0;background-position:0 0; bottom:0px;}
.flow_ctrl_box a.next{right:0px; background-position:16px 0; bottom:0px;}
.flow_ctrl_box a.play{background:none; width:auto; height:auto; top:0; left:-30px; font-size:13px; color:#fff; background:#333; border-radius:15px; text-decoration:none; padding:5px 10px;}
.flow_ctrl_box a.stop{background:none; width:auto; height:auto; top:31px; left:-30px; font-size:13px; color:#fff; background:#333; border-radius:15px; text-decoration:none; padding:5px 10px;}


@media only screen and (max-width:1300px) {  
.flow_ctrl_box img{ width:8px;border:1px #ccc solid; padding:5px 5px; }
}


@media only screen and (max-width:768px) { 

.footer_banner_zone .bannerWarp .flow_banner_box .flow_bann_area ul li{ padding:0 10px;}
.footer_banner_zone .bannerWarp .flow_banner_box .flow_bann_area ul li img{ width:155px; }

}


 











 









 










 
.sub_top_box{ position:relative;display: table; width:100%; height:450px;  text-align:center; background-size:cover; background-position:50% 50%;  -webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
transition: all 0.5s;
}
.sub_vTxt{display: table-cell; vertical-align: middle;}
.sub_vTxt p{ color:#fff;}
.sub_vTxt .sTit{  text-transform: uppercase;
  font-weight: 700; font-size:48px;word-break: keep-all;   position:relative; display:inline-block;padding:5px 15px;}
.sub_vTxt .sTit:before{ content:''; position:absolute; top:0; left:0; right:0; margin:0 auto; border-bottom:1px #fff solid;  width:30%; height:100%; opacity:0.5;}
.sub_vTxt .eTxt{padding-top:10px; font-weight:400; font-size:18px; line-height:120%} 
.sub_top_box .sub-2dep{ position:absolute; bottom:0; left:0; background:#fff; display:inline-block; padding:0 40px; }
.sub_top_box .sub-2dep li{ display:inline-block; padding:0 40px; height:80px; line-height:90px;}
.sub_top_box .sub-2dep a{ color:#333; font-weight:400;}

@media (max-width:1680px) {    
}
@media (max-width:1460px) {  
.sub_vTxt .sTit{ font-size:46px;}
.sub_top_box{ height:300px;}
}
@media (max-width:1220px) {  
.sub_top_box{ height:380px;} 
.sub_vTxt .sTit{ font-size:42px;}
.sub_vTxt .eTxt {width:80%; margin:0 auto;word-break: keep-all; }  
}
@media (max-width:980px) { 
.sub_top_box{ height:350px;} 
.sub_vTxt .sTit{ font-size:32px;}
.sub_vTxt .eTxt {font-size:17px;} 
}
@media (max-width:680px) {   
.sub_top_box{ height:300px;} 
.sub_vTxt .sTit{ font-size:28px;padding:0px 0px 5px 0}
.sub_vTxt .eTxt {font-size:16px;padding-top:5px} 
}
@media (max-width:480px) { 
.sub_top_box{ height:250px;} 
.sub_vTxt .sTit{ font-size:24px;}
.sub_vTxt .eTxt {font-size:15px;}  
}




 

 
.carousel {
    position: relative;
    width: 100%; 
    margin: auto;
    overflow: hidden;
}

.carousel-container {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel-wrapper {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.slide {
    min-width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}

.slide img {
    /*width:95%;*/
    max-height: 100%;
    display: block;
}

.prev-btn, .next-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
    z-index: 1000;  width: 50px;
  height: 50px;
  line-height: 25px;
}

.prev-btn {
    left: 10px;
}

.next-btn {
    right: 10px;
}

.Exterior-design .indicators {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}

.Exterior-design .indicator {
  width: 10px;
  height: 10px;
  background-color: #ccc;
  border-radius: 50%;
  margin: 0 5px;
  cursor: pointer;
}

.Exterior-design .indicator.active {
  background-color: #7b5a20;;
} 


.Exterior-design .content .img { width:100%; margin:1% 0}

.category {width:100%;  text-align:left; padding:0; margin:0px auto 0 auto}
.category .inner .deth2{background-color:#fff;border-top-left-radius:30px;border-top-right-radius:30px;height: 60px;line-height: 60px; display:none}
.category .inner .deth2 ul {  text-align: left;}
.category .inner .deth2 li {display:inline-block; list-style-type:none; margin:0;}
.category .inner .deth2 .m2 {letter-spacing:-1px;}
.category .inner .deth2 .m2 a {color:#000; display:block; padding:0px 25px; font-weight:500; font-size:18px}
.category .inner .deth2 .m2 a:hover {text-decoration:none; color:#333;}
.category .inner .deth2 .selected2 a {position:relative;color:#577810;  font-weight:700;} 
.category .inner .deth2 .selected2 a:hover {color:#577810;}



 
.deth3 {position: relative; margin:20px auto 0 auto; width: 100%;  display: inline-block;text-align:left;}
.category .inner .deth3 li {  margin: 0px; overflow: hidden;
border: none; cursor: pointer; display: inline-block;  transition: background-color 0.3s; height:60px; line-height:60px; font-size: 1.8rem;   background: #fff; ;font-weight:500;  list-style-type:none; padding:0 20px;}
.category .inner .deth3 .selected3 {border-bottom:2px solid #d9d9d9;  transition: 0.3s; color:#333}
.category .inner .deth3 .m3:hover {   }
 




@media all and ( max-width:1200px ){
.category .m2 a {padding:0px 22px;font-size:16px}
}
@media all and ( max-width:800px ){
.category .m2 a {padding:0px 20px;font-size:15px}
}
@media all and ( max-width:680px ){
.category .m2 a {padding:0px 20px;font-size:14px}
}
@media all and ( max-width:580px ){ 
.category { text-align:left;}
.category .m2 a {padding:0px 10px;}
}
@media all and ( max-width:480px ){ 
.category { text-align:left;}
.category .m2 a {padding:0px 8px;}
}




.video{padding:20px ;}
.video-container {position: relative;width: 100%;padding-bottom: 56.25%; height: 0;overflow: hidden;box-sizing: border-box;}
.video-container iframe {position: absolute;top: 0;left: 0;width: 100%; height: 100%;}






.p50 {padding:50px;}
.pt50 {padding-top:50px;}
.pb50 {padding-bottom:50px;}
.mt50 {margin-top:50px;}
.mb50 {margin-bottom:50px;}
.pt100 {padding-top:100px;}
.pb100 {padding-bottom:100px;}
.mt100 {margin-top:100px;}
.mb100 {margin-bottom:100px;}






/*서브 기본*/
.subcontents {min-height:200px; padding:0 0 100px 0; width:100%}
.subcontents h1 {text-align:center; font-size:42px;margin-bottom:50px;        word-break: keep-all;}

.goodtitle {text-align:center;   }
.goodtitle h1 { font-size:38px;margin:50px 0; font-weight:700;  word-break: keep-all;}

@media (max-width:1680px) {   
}
@media (max-width:1460px) { 
.subcontents {padding:0 0 80px 0} 
.subcontents h1,
.goodtitle h1 { font-size:36px; letter-spacing: -1px; } 

}
@media (max-width:1220px) {  
.subcontents {padding:0 0 70px 0} 
.subcontents h1,
.goodtitle h1 { font-size:34px; }
}
@media (max-width:980px) { 
.subcontents {padding:0 0 60px 0} 
.subcontents h1,
.goodtitle h1 { font-size:30px;}
}
@media (max-width:680px) {   
.subcontents h1,
.goodtitle h1 { font-size:28px;}
}
@media (max-width:480px) { 
.subcontents h1,
.goodtitle h1 { font-size:24px;}
}

@media (max-width:380px) { 
.subcontents h1,
.goodtitle h1 { font-size:20px;}
}




 









.inner{width:100%; max-width:1260px;padding:0 20px;margin:0 auto;position: relative;}

@media (max-width:1280px) {  
.inner{width:98%;padding:0}
}
@media (max-width:1020px) {   
}
@media (max-width:980px) {  
}
@media (max-width:680px) {  
}
@media (max-width:480px) { 
}







.about {padding:50px 0}


.about p {font-size: 1.2rem;color: #666;line-height: 1.9;  font-weight: 400;  letter-spacing: -0.25px;  word-break: keep-all;} 
.about h4 {font-size: 3.6rem;  color: #000;  font-weight:700;  line-height: 1.3;word-break: keep-all;}
.about h5 {font-size: 2.2rem;  color: #363636;  font-weight: 600;  line-height: 1.3;word-break: keep-all;}
.about h6 {font-size:1.6rem;  color: #363636;  font-weight:500;  line-height: 1.3;word-break: keep-all;}

.about .ceo {position: relative;  overflow: hidden;padding:250px 0 100px 0}
.about .ceo::after {position: absolute;  content: url('/theme/KDwoodtech/img/sub/ceobg.jpg');  right: 0;  top: 0;  z-index: -1;height:80%}  


@media (max-width:1280px) {  
.about p {font-size: 1.6rem;    line-height: 120%;} 
.about h4 {font-size: 4.2rem;     line-height: 120%;}
.about h5 {font-size: 2.4rem;    line-height: 120%;}
.about h6 {font-size:1.4rem;     line-height: 120%;}
}
@media (max-width:1020px) {   
}
@media (max-width:980px) {  
.about h4 {font-size: 4rem;}
.about h5 {font-size: 2.1rem;} 
}
@media (max-width:680px) { 
.about h4 {font-size: 3rem;}
.about h5 {font-size: 2rem;}
}
@media (max-width:480px) { 
.about h4 {font-size: 2.4rem;}
.about h5 {font-size: 2rem;}  
}





.toptitle h2 {font-size:4rem;color: #000;  font-weight:800;  line-height: 1.3;}
.toptitle span {   font-size:1.6rem; color:#000; font-weight:600;  letter-spacing: -0.15px;  line-height: 1.8;}  
.toptitle .toptitlebg {margin-top:-80px}
.toptitle .toptitlebg img {width:100%}

@media (max-width:1280px) {
.toptitle h2 {font-size:6rem;line-height: 120%;}
.toptitle span {   font-size:1.6rem;line-height: 120%;} 
}
@media (max-width:1020px) {  
.toptitle h2 {font-size:5rem;}
.toptitle span {   font-size:1.4rem;}  
}
@media (max-width:980px) {
.toptitle h2 {font-size:4rem;}
.toptitle span {   font-size:1.2rem;}   
}
@media (max-width:680px) {  
}
@media (max-width:480px) { 
}






.Business .step {position: relative;  overflow: hidden; padding:0} 
.Business .step .title { padding:0px;  background-repeat: no-repeat;  background-size: cover;}
.Business .step .title h4,
.Business .step .title p {color:#333;}  
.Business .step01,
.Business .step02 {display:none}
.Business .step01 .title img,
.Business .step02 .title img {margin-top:30px}
.Business .step .area {padding:0 0 40px 0;border-bottom:1px #eee solid; margin: 0 0 40px 0;  }
.Business .step .area:last-child {margin-bottom:0; border:0}
.Business .step .area h5 {margin-bottom:30px}
.Business .img { width:100%}



 
  
/* 기본 이미지 박스 스타일 */
.image-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 10px;
    width: 100%;
    box-sizing: border-box;
	margin:10px 0;
}

.image-box {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border: 1px solid #ddd;
    background: #f9f9f9;
}

.image-box img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    cursor: pointer; /* 클릭할 수 있음을 나타냄 */
}

/* 팝업 스타일 */
.popup {
    display: none; /* 기본적으로 숨김 */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.8); /* 어두운 배경 */
}

.popup-content {
    position: relative;
    margin: 10% auto; /* 모바일 화면에서는 상단 여백을 적절히 조정 */
    padding: 10px;
    width: 90%;
    max-width: 90%;
    background: #fff; /* 팝업 배경색 */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* 부드러운 그림자 추가 */
}

.popup-content img {
    width: 100%;
    height: auto;
}

.popup-close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 36px;
    font-weight: bold;
    color: #333;
    cursor: pointer;
}

.popup-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* 모바일 스타일 */
@media (max-width: 768px) {
    .image-container {
        grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); /* 모바일에서는 더 작은 열 */
    }

    .popup-content {
        margin: 5% auto; /* 더 작은 여백 */
        padding: 5px; /* 더 작은 패딩 */
        width: 95%; /* 너비를 조금 더 넓게 조정 */
    }

    .popup-close {
        font-size: 30px; /* 모바일에서는 닫기 버튼 크기 조정 */
    }
}

@media (max-width: 480px) {
    .popup-content {
        margin: 5% auto; /* 상단 여백 조정 */
        padding: 5px; /* 패딩 조정 */
        width: 95%; /* 너비 조정 */
    }

    .popup-close {
        font-size: 28px; /* 모바일에서는 더 작은 닫기 버튼 크기 */
    }
}





 

/* 기본 스타일 */
.image-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
    box-sizing: border-box;
}

.image-box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1 1 150px;
    height:350px;
    overflow: hidden;
    border: 1px solid #ddd;
    background: #fff;  padding: 30px;
}

.image-box img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

/* 모바일 스타일 */
@media (max-width: 768px) {
    .image-box {
        flex: 1 1 100px; /* 너비 조정 */
        height: 100px; /* 높이 조정 */
    }
}

@media (max-width: 480px) {
    .image-container {
        flex-direction: column; /* 한 열로 표시 */
    }
    .image-box {
        width: 100%;
        height: auto; /* 자동 높이 조정 */
    }
}



 







 

.ac {text-align:center}
 
 
.txt_box  {position:relative;  }
.txt_box .title span { display:block}
.txt_box .title h2 { font-size:42px;color:#000;   font-weight: 700; text-transform: uppercase;} 
.txt_box .title p {  font-size:18px;  color:#666; font-weight:400} 





@media (max-width:1360px) {   
}
@media (max-width:1020px) {
.txt_box .title h2 { font-size:38px;margin-bottom: 15px;} 
.txt_box .title p {  font-size:17px;}   
}
@media (max-width:980px) {    
.txt_box .title h2 { font-size:36px;margin-bottom: 10px;} 
.txt_box .title p {  font-size:16px;}  
}
@media (max-width:680px) {  
.txt_box .title h2 { font-size:33px;} 
.txt_box .title p {  font-size:16px;}  
}
@media (max-width:480px) { 
}



 
.News {width:100%; margin:0 auto}
.News ul {margin-top:30px}
.News li {text-overflow:ellipsis;overflow:hidden;white-space:nowrap; position:relative;  text-align: left;}
.News li::after {position:absolute; content:'-'; left:0; top:30%; font-size:16px; color:#666;  }
.News li a,
.News li.empty_li {font-weight: 400; color:#000;padding:20px 0 20px 10px;display:inline-block; color:#666; border-bottom:1px #333 dotted; width: 100%;font-size:16px}
.News li a strong {font-weight: 400;}
.News li .lock_icon {display:none;line-height:14px;width:16px;font-size:0.833em;color:#4f818c;background:#cbe3e8;text-align:center;border-radius:2px;font-size: 12px;border:1px solid #a2c6ce;vertical-align:baseline}
.News li .new_icon {display:none;line-height:16px;width:16px;font-size:0.833em;color:#ffff00;background:#6db142;text-align:center;margin-right:3px;border-radius:2px;vertical-align:baseline}
.News .cnt_cm {background:#5c85c1;color:#fff;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;white-space:nowrap;margin-left:5px}
.News li.empty_li {border-bottom:0;line-height:120px}





@media (max-width:1280px) { 

.News {width:100%; margin:0 auto}
}
@media (max-width:1020px) {  
.News li a, .News li.empty_li {font-size:17px;padding:25px 10px;} 
}
@media (max-width:980px) {  
.News li {  overflow: hidden;}
.News li a, .News li.empty_li {font-size:16px;padding:20px 10px;} 
}
@media (max-width:680px) {    
.News li a, .News li.empty_li {font-size:15px;padding:15px 10px;} 
}
@media (max-width:580px) {    
}
@media (max-width:480px) {   
}














.gnb_1dli a {
    /* 공통의 설정 내용 */
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}

.gnb_1dli_1 > a {
    background-color: red;
}

.gnb_1dli_2  > a {
    background-color: orange;
} 


.gnb_1dli a {
    /* 공통의 설정 내용 */
    display: block; 
    color: black;
    background-color: transparent;
}

.gnb_1dli.active > a {
    color: #fff;
    background-color: red;
}

.gnb_2dli.active > a {
    color: #fff;
    background-color: orange;
} 


.pt50 {padding-top:50px;}
.pb50 {padding-bottom:50px;}
.p50 {padding:50px;}
.p30 {padding:30px;}
.mt20 {margin-top:20px;}
.mb20 {margin-bottom:20px;}
.mt30 {margin-top:30px;}
.mb30 {margin-bottom:30px;}
.mt50 {margin-top:50px;}
.mb50 {margin-bottom:50px;}
.mt30 {margin-top:30px;}
.mb30 {margin-bottom:30px;}
.m50 {margin:50px;}
.m30 {margin:30px;}
.pt100 {padding-top:100px;}
.pb100 {padding-bottom:100px;}
.mt100 {margin-top:100px;}
.mb100 {margin-bottom:100px;}



@media screen and (max-width: 1280px){ 
}    

@media screen and (max-width:980px){
.pt50 {padding-top:40px;}
.pb50 {padding-bottom:40px;}
.p50 {padding:40px;}
.p30 {padding:30px;}
.mt50 {margin-top:40px;}
.mb50 {margin-bottom:40px;}
.mt30 {margin-top:20px;}
.mb30 {margin-bottom:20px;}
.m50 {margin:40px;}
.m30 {margin:20px;} 
}

@media screen and (max-width:880px){ 
.pt100 {padding-top:90px;}
.pb100 {padding-bottom:90px;}
.mt100 {margin-top:90px;}
.mb100 {margin-bottom:90px;}

}

@media screen and (max-width:780px){ 
.pt50 {padding-top:30px;}
.pb50 {padding-bottom:30px;}
.p50 {padding:30px;}
.p30 {padding:25px;}
.mt50 {margin-top:30px;}
.mb50 {margin-bottom:30px;}
.mt30 {margin-top:15px;}
.mb30 {margin-bottom:15px;}
.m50 {margin:30px;}
.m30 {margin:15px;} 
.pt100 {padding-top:80px;}
.pb100 {padding-bottom:80px;}
.mt100 {margin-top:80px;}
.mb100 {margin-bottom:80px;}
}
 
@media screen and (max-width:680px){ 
.pt100 {padding-top:70px;}
.pb100 {padding-bottom:70px;}
.mt100 {margin-top:70px;}
.mb100 {margin-bottom:70px;}
}
 
@media screen and (max-width:580px){ 
.pt50 {padding-top:25px;}
.pb50 {padding-bottom:25px;}
.p50 {padding:25px;}
.p30 {padding:20px;}
.mt50 {margin-top:25px;}
.mb50 {margin-bottom:25px;}
.mt30 {margin-top:10px;}
.mb30 {margin-bottom:10px;}
.m50 {margin:25px;}
.m30 {margin:10px;}
.pt100 {padding-top:60px;}
.pb100 {padding-bottom:60px;}
.mt100 {margin-top:60px;}
.mb100 {margin-bottom:50px;}
}
 
@media screen and (max-width:440px){   
.pt50 {padding-top:20px;}
.pb50 {padding-bottom:20px;}
.p50 {padding:20px;}
.p30 {padding:18px;}
.mt50 {margin-top:20px;}
.mb50 {margin-bottom:20px;}
.mt30 {margin-top:10px;}
.mb30 {margin-bottom:10px;}
.m50 {margin:20px;}
.m30 {margin:10px;} 
.mb100 {margin-bottom:40px;} 
}
@media screen and (max-width:320px){ 
.pt50 {padding-top:15px;}
.pb50 {padding-bottom:15px;}
.p50 {padding:15px;}
.p30 {padding:15px;}
.mt50 {margin-top:15px;}
.mb50 {margin-bottom:15px;}
.mt30 {margin-top:10px;}
.mb30 {margin-bottom:10px;}
.m50 {margin:15px;} 
}



 





 *{margin:0;padding:0;} 
html{ -webkit-font-smoothing: antialiased;}
body{*word-break:break-all;-ms-word-break:break-all;   -webkit-text-size-adjust: 100% !important;-moz-text-size-adjust: 100% !important;-ms-text-size-adjust: 100% !important;} 
br{font-family:initial;} 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section,svg {display: block;}
table {border-collapse: collapse; border-spacing: 0;}
img,fieldset,iframe{border:0 none}
ul,ol,li{list-style:none}
em,address{font-style:normal}
img,input,select,textarea{vertical-align:middle}
/*input{-webkit-appearance: none; -webkit-border-radius: 0;}*/
a{color:inherit;text-decoration:none;cursor:pointer}
a:hover{color:inherit; text-decoration:none}
button,label{cursor:pointer;}
button{background:0;border:0;outline:0;font-size:inherit;font-weight:inherit;font-family:inherit}
button img{left:-3px;*left:auto} 
option{padding-right:6px}
textarea{overflow:auto;*margin:-1px 0;padding-right:1px}
.blind, legend, caption{position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
hr{display:none}
legend{*width:0}
:root legend{margin-top:-1px;font-size:0;line-height:0}
caption{*line-height:0}
sub {font-size:10px;}
.clear:after {clear:both;content:'';display:block;}
#bg{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);display:none;z-index:1001;}
div.ie_alert_text {display:none;position: fixed;top: 0;left: 0;width: 100%;height: 50px;background: #ddd;z-index: 10000;text-align: center;padding-top: 10px;font-size: 13px;font-family: 'Noto Sans KR', sans-serif;}
#skip-nav {font-size: 16px;line-height: 40px;position: fixed;z-index: 100000;top: -40px;left: 0;width: 100%;-webkit-transition: .4s;transition: .4s;text-align: center;color: #fff;background: rgba(0,0,0,.6);}
#skip-nav:focus{top:0}
.e_{overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box}




/* header */
#wrap header{position:fixed;top:0;left: 0;width:100%;transition: 0.3s;z-index:99; background:rgba(0,0,0,.2) }
#wrap header *{box-sizing:border-box;}
#wrap header .header_wrap *{box-sizing:border-box;}
#wrap header .header_wrap{position: relative;height: 110px;padding: 0 60px;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
#wrap header .main_logo{position: relative;width:120px;z-index: 98;}
#wrap header .main_logo img { width:100%;/*-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);*/}
#wrap header .main_logo a{display: inline-block;width: 100%; height: 100%;} 
#wrap header .main_logo a svg{width: 100%; height: 100%;} 
#wrap header .area_r{height: 100%;right:0;top:0;display: flex;flex-wrap: wrap;align-items: center;}
#wrap header .search_btn{width:25px;height:25px;margin-left: 50px;display: block;cursor: pointer;}
#wrap header .search_btn svg{width:100%;height:100%;}
#wrap header .search_btn svg *{stroke:#fff;}
#wrap header .util_wrap{display: flex;flex-wrap: wrap;align-items: center;margin-right:30px;}
#util_list{display: flex;flex-wrap: wrap;align-items: center;font-size: 1rem;font-family: 'Lexend',sans-serif;color: rgba(255,255,255,0.9);font-weight: 300;letter-spacing: 0.2px;}
#util_list li{display:flex; flex-wrap:wrap;} 
#util_list li span {color:#fff;  font-weight: 400;    font-family: 'Pretendard', 'sans-serif';font-size: 14px;}
#util_list > li + li:before{display: inline-block;content:"";width: 1px;height: 10px;background: rgba(255,255,255,0.3);margin:12px 10px 0 9px;}
#util_list .language{position:relative;font-weight: 600;font-size: 1.2rem;font-family: 'Play';text-align: left;}
#util_list .language:after{display:block; content:"";}
#util_list .language .title{position:relative;color: #fff;text-transform: uppercase;font-size: 1.2rem;transition: 0.3s;}
#util_list .language .title span{display: inline-block;content: "";width: 5px;height: 5px;margin-top: 3px;margin-left: 7px;border: 2px solid #fff;transform: rotate(45deg);border-top: 0;border-left: 0;vertical-align: top;transition: 0.3s;}
#util_list .language.open .title span{transform: rotate(-135deg);margin-top: 6px;}
#util_list .language .list{position: absolute;width: 78px;top: 25px;right: 0;background: #fff;box-sizing: border-box;display: none;text-align: center;/* box-shadow: 5px 5px 20px rgb(0 0 0 / 10%); */text-transform: uppercase;border: 1px solid #bcbbc2;}
#util_list .language .list li{line-height: 25px;}
#util_list .language .list li:hover a{color: #fff !important;background: #bcbbc2;}
#util_list .language .list li a{position:relative;width: 100%;height: 100%;display: block;color: #888888;transition: 0.3s;}
#util_list .language .list li + li{border-top: 1px solid #bcbbc2;}

#wrap header #nav{color: #fff;font-size:1.4rem;height: 100%;display: flex;flex-wrap: wrap;}
#wrap header #nav .gnb{display: flex;flex-wrap: wrap;align-items: center;height: 100%;}
#wrap header #nav .gnb .menu60 .sub60{display:none !important}
#wrap header #nav [class*="menu"]{text-align: center;height: 100%;}
#wrap header #nav [class*="menu"] + [class*="menu"]{}
#wrap header #nav [class*="menu"] > a{position: relative;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;padding: 0 30px;height: 100%;}
#wrap header #nav [class*="menu"]:not(:last-child) > a:before{display:block;content:"";width: 1px;height: 14px;position: absolute;top: 50%;right: 0;transform: translateY(-50%);background: rgba(255,255,255,0.5);}
#wrap header #nav [class*="menu"] > a:after{position: absolute;content: '';left: 70px;bottom: 0px;transform: scaleX(0);transition: .3s ease-out;width: calc(100% - 140px);height: 2px;transform-origin: center;background: #7b5a20;z-index: 100;}
#wrap header #nav [class*="menu"]:hover > a:after{transform:scaleX(1);transition: .3s ease-out;}
#wrap header #nav [class*="menu"] > a > p{position: relative;}
#wrap header #nav [class*="menu"] > a > p span{width: ;}
#wrap header #nav .lnb{display: none;position: absolute;top: calc(100% - 1px);left: 0;width: 100%;text-align: left;background: #fff;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;z-index: 10;}
#wrap header #nav .lnb .inner{padding: 40px 0;display: flex;flex-wrap: wrap;width:95%;max-width:1680px;}
#wrap header #nav .lnb .info{ padding:0 0 30px 0;  border-bottom:0px solid #e5e5e5;}
#wrap header #nav .lnb .info .dep1{font-size:2rem;color: #7b5a20;font-weight: 600;line-height: 1em; }
#wrap header #nav .lnb .info .txt1{font-size: 1.7rem;color: #777;font-weight: 400;line-height: 1.3;margin-top: 22px;display:none}

#wrap header #nav .lnb .dep2{width:100%;display: flex;flex-wrap: wrap;text-align: left;padding-left: 0px;}
#wrap header #nav .lnb .dep2 > li{   min-width:20%; display:inline-block; padding: 0 1%;   border-right: 1px #eee solid;}
#wrap header #nav .lnb .dep2 > li:last-child {border-right: 0px #eee solid;}
#wrap header #nav .lnb .dep2 > li.w40{width:100%;}
#wrap header #nav .lnb .dep2 > li > a{display: inline-block;font-size: 1.6rem;color: #222222;font-weight: 500;letter-spacing: 0.5px;line-height: 1;margin-bottom: 20px;word-break: keep-all;}
#wrap header #nav .lnb .dep2.list5{justify-content: space-between;padding-right: 100px;}
#wrap header #nav .lnb .dep2.list5 > li{width:auto; }

#wrap header #nav .lnb .dep3 > li {margin-bottom:40px}
#wrap header #nav .lnb .dep3 > li + li{margin-top: 7px;}
#wrap header #nav .lnb .dep3 > li > a{font-size:1.3rem; padding-bottom:10px; color: #7b5a20;font-weight:700;letter-spacing: 0.25px;display: inline-block; margin-bottom:10px}
#wrap header #nav .lnb .dep3 > li > a:hover{color:#7b5a20;font-weight:700;} 

#wrap header #nav .lnb .dep4 > li { line-height:.9; padding:10px 0; border-top:1px #eee solid}
#wrap header #nav .lnb .dep4 > li:last-child  {border-bottom:1px #eee solid}
#wrap header #nav .lnb .dep4 > li > a{font-size: 1.1rem;color: #333;font-weight:600;letter-spacing: 0.25px;display: inline-block;}
#wrap header #nav .lnb .dep4 > li > a:hover{color:#000;font-weight:700;}
 
#wrap header #nav .lnb .dep5 > li {position: relative; line-height:1.2;padding-left:10px;}
#wrap header #nav .lnb .dep5 > li::after{position: absolute;content:'';left:0; width:5px; height:2px; top:12px; background:#666}
#wrap header #nav .lnb .dep5 > li > a{font-size: 15px;color: #6d6d6d;font-weight: 500;letter-spacing: -0.25px;display: inline-block;}
#wrap header #nav .lnb .dep5 > li > a:hover{color:#000;font-weight:500;}

 /*hover 기능*/
#wrap header #nav .lnb .dep4 > li.has-sub > a::after {content: "+"; font-size: 10px; margin-left: 5px; }
#wrap header #nav .lnb .dep5 {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  padding-left: 20px;
}

#wrap header #nav .lnb .dep4 > li.has-sub:hover .dep5 {
  max-height: 1000px;
}


#wrap header #nav .lnb .bg{display:none; width: 360px;height: 220px;overflow: hidden;background: #eee; top:10px;}
#wrap header #nav .lnb .bg span{display: block;width: 100%;height: 100%;}




@media (max-width:1360px) {  
#wrap header #nav .gnb {display:none}
#wrap header .header_wrap { padding:0 50px}
  

}
@media (max-width:1020px) { 
#wrap header .header_wrap { padding:0 40px} 
#wrap header .main_logo {  width:90px;}
#wrap header .util_wrap {  margin-right: 40px;}
}
@media (max-width:980px) {   
#wrap header .header_wrap { padding:0 30px;height:80px;} 
#wrap header .util_wrap {  margin-right: 30px;}
#util_list li #video-trigger span { font-size:15px;}
.popup-content {width:95%}
.close-btn {  top: -50px !important;  right:0px !important;}
}
@media (max-width:680px) {  
#wrap header .header_wrap { padding:0 20px;  height:70px;} 
#wrap header .util_wrap {  margin-right: 20px;}
#util_list li #video-trigger span { font-size:14px;}
}
@media (max-width:480px) { 
}






header .hamburger_btn{position: relative;width: 37px;height: 16px;background: inherit;}
header .hamburger_btn .line{position:relative;width: 100%;height: 2px;background:#fff;/* transition: 0.3s; */display: block;}
header .hamburger_btn .line + .line{margin-top: 5px;}
header .hamburger_btn .line:nth-child(1){width:100%; };
header .hamburger_btn .line:nth-child(3){width:100%;}

body:not(.menu_open) #wrap header:not(.act,.active) .main_logo svg *{fill:#fff; } 
#wrap header.act,#wrap header.active{background: #fff;}
#wrap header.act #nav,
#wrap header.active #nav{color:#000;} 
#wrap header.act .hamburger_btn .line,#wrap header.active .hamburger_btn .line{background: #000;}
#wrap header.act .hamburger_btn .txt,#wrap header.active .hamburger_btn .txt{color: #000; font-weight: 700;}
#wrap header.act #util_list,#wrap header.active #util_list{color: #000;}


#wrap header.act #util_list li span, 
#wrap header.active #util_list li span {color: #000;}


#wrap header.act #util_list .language .title span,#wrap header.active #util_list .language .title span{border-color: #000;}
#wrap header.act #util_list li + li:before,
#wrap header.act #nav [class*="menu"] > a:before,
#wrap header.act #util_list li + li:before,
#wrap header.active #nav [class*="menu"] > a:before,
#wrap header.active #util_list li + li:before{background: rgba(0,0,0,0.5);}
#wrap header.act .search_btn svg *,#wrap header.active .search_btn svg *{stroke:#000;}
#wrap header.act .header_wrap,
#wrap header.active .header_wrap{border-bottom: 1px solid #e5e5e5;}  
#wrap header.active .main_logo img {filter: inherit;}
#wrap header.act .main_logo img {filter: inherit;}
body.hide:not(.menu_open) header{opacity:0; transform:translate3d(0,-100%,0); }
#wrap.open header .main_logo img {filter: inherit;}



#search_wrap{position: fixed;width: 100%;top: 0;left: 0;background: #f5f5f5;z-index: 1001; display: none;}
#search_wrap .close{position: absolute;top: 50px;right: 70px;width: 30px;height: 30px;overflow: inherit;z-index: 20;}
#search_wrap .close:before,
#search_wrap .close:after{display:block;content:"";position: absolute;top: -4px;left: 14px;background: #000;width: 2px;height: 38px;transform: rotate(45deg);}
#search_wrap .close:after{transform: rotate(-45deg);}
#search_wrap .inner{position: relative;padding: 150px 0 180px;}
#search_wrap .search_bar{position: relative;width: 100%;height: 74px;display: flex;flex-wrap: wrap;border-bottom: 2px solid #000;align-items: center;}
#search_wrap .search_bar input{width: calc(100% - 30px);height: 100%;background: transparent;border: 0;outline: 0;padding: 0;font-family: 'Lexend','Noto Sans KR',sans-serif;font-size: 3.3rem;color: #000;font-weight: 400;}
#search_wrap .search_bar input::placeholder{color:#999;font-weight:300;}
#search_wrap .search_bar .submit{width: 30px;height: 30px;}
#search_wrap .search_bar .submit svg{width:100%;height: 100%;}
#search_wrap .hot_keyword{position: relative;;margin-top: 16px;width: 100%;display: flex;flex-wrap: wrap;}
#search_wrap .hot_keyword .tit{position: relative;width: 110px;font-size: 1.8rem;color: #000;font-weight: 500;}
#search_wrap .hot_keyword .tit:after{display: block; content:""; width: 1px;height: 16px;background: #c4c4c4;position: absolute;top: 7px;right: 0;}
#search_wrap .hot_keyword .items{width: calc(100% - 110px);padding: 1px 20px 0 20px;font-size: 0;}
#search_wrap .hot_keyword .items .i{background: #f1f1f1;display: inline-block;border-radius: 4px;border: 1px solid #e0e0e0;font-size: 1.6rem;color: #777777;font-weight: 300;line-height: 1.2;padding: 0px 13px 2px 13px;margin: 3px;}

.indicator .dot{display:flex;}
.indicator .swiper-pagination-bullet{width: 9px;height: 9px;background: transparent;border: 1px solid #fff;opacity: 1;border-radius: 9px;transition: 0.3s;vertical-align: top;margin: 0;display: inline-flex;}
.indicator .swiper-pagination-bullet + .swiper-pagination-bullet{margin-left: 20px;}
.indicator .swiper-pagination-bullet-active{width: 22px;background: #fff;border: 0;}


/*allmenu*/
#allmenu{display:none; position:fixed;top:0;left:0;width: 100vw;height:100vh;overflow: hidden;background:rgba(0,0,0,.8);z-index:99;}
#allmenu *{box-sizing:border-box;}
#allmenu h1.logo {display:none}
#allmenu h1.logo a{display:block; width:100%; height:100%;}
#allmenu .close{position: absolute;top: 45px;right: 50px;width: 40px;height: 40px;z-index: 20;}
#allmenu .close span{position: absolute;top: 0;background: #fff;width: 2px;height: 100%;}
#allmenu .close span:first-child{transform: rotate(-45deg);left: 19px;}
#allmenu .close span:last-child{transform: rotate(45deg);left: 19px;}
#allmenu .all_box{position:relative;width:100%;height:100%; box-sizing: border-box;padding: 0;overflow-y: auto;z-index: 1;}
#allmenu .all_box::-webkit-scrollbar{width:12px;height: 0 !important;}
#allmenu .all_box::-webkit-scrollbar-thumb {background-color: #777;border-radius:10px;border:3px solid #f5f5f5;}
#allmenu .all_box::-webkit-scrollbar-track {background-color:#f5f5f5;}
.open .logo {display:none;}

#allmenu .inner {position: relative; max-width:initial;  }
#allmenu .inner .gnb{color: #fff;display: flex;flex-wrap: wrap;width: 100%;}
#allmenu .inner .gnb .cate{pointer-events: none;}
#allmenu .inner .gnb .cate .dep1{font-size:2rem;color: #fff;line-height: 1.1;font-weight: 600; margin-bottom:24px;}
#allmenu .inner .gnb .cate .dep1 a{display: inline-block;}
#allmenu .inner .gnb .cate .dep1 a p{width: ;}
#allmenu .inner .gnb .Mmenu{position: relative;width: calc(100% / 6);padding:1%; margin: 0;  overflow: hidden;  height: 100vh;}
#allmenu .inner .gnb .Mmenu:last-child {margin-bottom:0}
#allmenu .inner .gnb .Mmenu:before,
#allmenu .inner .gnb .Mmenu:last-child:after{display:block;content:"";position: absolute;top:0;left: 0;width: 1px;height: 100%;background: rgba(255,255,255,0.2); }
#allmenu .inner .gnb .Mmenu:last-child:after{left:auto;right:0;}
#allmenu .inner .gnb .Mmenu + .Mmenu{border-left: 0px solid #dcdcdc;}

#allmenu .inner .gnb .Mmenu .dep2{position: relative;word-break: keep-all;}
#allmenu .inner .gnb .Mmenu .dep2 > li{width: ;}
#allmenu .inner .gnb .Mmenu .dep2 > li + li{margin-top: 40px;}
#allmenu .inner .gnb .Mmenu .dep2 > li > a{position: relative;font-size: 1.6rem;font-weight: 500;line-height: 1.2;color: #fff;display: inline-block;letter-spacing: -0.5px;transition: 0.3s;}

#allmenu .inner .gnb .Mmenu .dep3{margin-top:0px;}
#allmenu .inner .gnb .Mmenu .dep3 > li {margin-top:5px;}
#allmenu .inner .gnb .Mmenu .dep3 > li > a{display: inline-block;font-size: 1.4rem;color: #fff;font-weight:800;letter-spacing: -1px; margin-bottom:5% }
#allmenu .inner .gnb .Mmenu .dep3 > li > a:hover{color:#fff;}

#allmenu .inner .gnb .Mmenu .dep4{margin-bottom:15%}
#allmenu .inner .gnb .Mmenu .dep4 > li {  margin-bottom:2%;  border-bottom:1px #666 dotted;  padding-bottom: 2%;}
#allmenu .inner .gnb .Mmenu .dep4 > li > a{display: inline-block;font-size: 1rem;color: #fff;font-weight:600;letter-spacing: -1px; }
#allmenu .inner .gnb .Mmenu .dep4.active .dep5 { display: block;} 
 
#allmenu .inner .gnb .Mmenu .dep5 {display:none;}
#allmenu .inner .gnb .Mmenu .dep5 > li > a{  padding-left:8px;position: relative; display: inline-block;font-size: 1rem;color: #fff;font-weight:300;letter-spacing: -1px;  margin: 1% 0; }
#allmenu .inner .gnb .Mmenu .dep5 > li > a::after {position: absolute;  content: "";  top: 8px;  left: 0;  background: #fff;  width: 5px;  height: 1px;}



 /*hover 기능*/
#allmenu .inner .gnb .Mmenu .dep4 > li.open .dep5 { transition: max-height 0.3s ease;   display: block;}
#allmenu .inner .gnb .Mmenu .dep5 > li.has-sub > a::after {content: "+"; font-size: 10px; margin-left: 5px; }/* 초기 상태: 안 보임 */
#allmenu .inner .gnb .Mmenu .dep5 {
  max-height: 0;
  overflow: hidden;
  padding-left: 20px;
  transition: max-height 0.3s ease;
}

/* 열렸을 때 부드럽게 보이게 */
#allmenu .inner .gnb .Mmenu .dep4 > li.open > .dep5 {
  max-height: 1000px; /* 예상되는 최대 높이보다 크게 설정 */
}




#allmenu .close{position:absolute;right: 65px;top: 46px;width: 26px;height: 26px;z-index: 100;}
#allmenu .close:before,
#allmenu .close:after{display: block;content:"";position: absolute;top: -5px;left: 12px;background: #fff;transform: rotate(-45deg);width: 2px;height: calc(100% + 9px); ;z-index:10;}
#allmenu .close:after{transform:rotate(45deg);}






@media (max-width:1280px) {  
#allmenu {padding:10% 0}
#allmenu .inner .gnb .Mmenu:before,
#allmenu .inner .gnb .Mmenu:last-child:after{display:none}
#allmenu .inner .gnb .Mmenu .dep3 > li {margin-bottom:5%;}
#allmenu .inner .gnb .Mmenu .dep3 > li:last-child {margin-bottom:0%;}
#allmenu .inner .gnb .Mmenu .dep3 > li > a {  font-weight:700;  font-size: 1.6rem;margin-bottom:1%}
#allmenu .inner .gnb .cate .dep1 {margin-bottom:10px;padding-bottom:10px;border-bottom:1px #eee solid;font-size: 2rem; } 
#allmenu .close {right:10px;top:10px;}
#allmenu .close:before,
#allmenu .close:after{ height: calc(100% + 5px); top:0;}
#allmenu .inner .gnb .Mmenu .dep4 > li > a {  position: relative;    width: 100%;} 

#allmenu .inner .gnb .Mmenu .dep4 > li > a::after { content: "+"; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); font-size: 18px;       color:rgba(255,255,255,.6);font-weight: normal;    cursor: pointer; }
}



@media (max-width:1020px) {  
#allmenu .inner .gnb {justify-content: center;  align-items: center;  height:100vh;     padding: 50px 0;}

#allmenu .inner .gnb .Mmenu {padding:1% 0; width:100%;height:auto}
#allmenu .inner .gnb .Mmenu .dep5,
#allmenu .inner .gnb .Mmenu .dep4 {margin-bottom:10px}
#allmenu .inner .gnb .Mmenu .dep5:last-child,
#allmenu .inner .gnb .Mmenu .dep4:last-child {margin-bottom:0px}
#allmenu .inner .gnb .Mmenu .dep4 > li {margin:0} 
}


@media (max-width:980px) { 
#allmenu {  width:80vw;  right: 0;  left: initial;}
#allmenu .inner .gnb .Mmenu {padding:.5% 0; width:100%;height:auto; margin-bottom:10%}  
}


@media (max-width:680px) { 
#allmenu .inner .gnb { padding:0% 5%;}
#allmenu .inner .gnb .Mmenu .dep3 > li { } 

}
@media (max-width:480px) {  
}


 









.main_home{height: 100vh;z-index: 1;overflow: hidden;}
.main_home .main_slider{position:relative;width: 100%;height: 100%;overflow:hidden;}
.main_home .main_slider .item{position:relative;width: 100%;height: 100%;overflow:hidden;}
.main_home .main_slider .item .bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow:hidden;z-index: 0;}
.main_home .main_slider .item .bg .img{position: relative;width: 100%;height: 100%;z-index: 0;}
.main_home .main_slider .item .bg .img span{position:relative;width: 100%;height: 100%;display: block;}

.main_home .indicator{position: absolute;bottom: 85px;left: 0;width: 100%;margin-top: 100px;z-index: 100;}
.main_home .indicator .inner{display: flex;flex-wrap: wrap;align-items: center;}
.main_home .indicator .btn{position: relative;width: 33px;height: 23px;margin-right: 40px;}
.main_home .indicator .btn svg{width:100%;height:100%;}
.main_home .indicator .btn svg *{stroke:#fff;}
.main_home .indicator .btn.arrow_next{margin-right: initial;margin-left: 40px;}
.main_home .indicator .dot ul{font-size:0;}
.main_home .indicator .dot li{position:relative; display:inline-block;vertical-align:middle}
.main_home .indicator .dot button{position:relative;width: 9px;height: 9px;border: 1px solid #fff;border-radius: 50%;box-sizing:border-box;}
.main_home .indicator .dot li + li{margin-left: 50px;}
.main_home .indicator .dot li + li:before{display:block;content:"";position:absolute;top: 4px;right:100%;width:50px;height:1px;background: rgba(255,255,255,0.2);}
.main_home .indicator .dot li.slick-active button{background: #fff;}


.main_home .main_slider .text_g{padding-top: 70px;height: 100%;display: flex;flex-wrap: wrap;justify-content: center;flex-direction: column;color: #fff;z-index: 10;}
.main_home .main_slider .text_g .title1:before{display:block;content:"";position: absolute;top: 74px;right: calc(100% + 50px);width: 100vw;height: 1px;background: #ddd;}
.main_home .main_slider .text_g .title1{position:relative;font-family: 'Lexend','Noto Sans KR',sans-serif;font-size: 5.5rem;  letter-spacing: -2px; font-weight:600;line-height: 1;}
.main_home .main_slider .text_g .title1.en{font-weight:600;} 
.main_home .main_slider .text_g .title2{font-size:1.4rem;color: #fff;line-height:1;margin-top: 18px;} 

@media (max-width:1280px) {  
.main_home .main_slider .text_g .title1{ font-size: 6rem;}
.main_home .main_slider .text_g .title2{font-size: 2.2rem;line-height:1.5;}
}
@media (max-width:1020px) {  
.main_home .main_slider .text_g .title1{ font-size: 5rem;}
.main_home .main_slider .text_g .title2{font-size: 2rem;line-height:1.3;}
}
@media (max-width:980px) {   
.main_home .main_slider .text_g .title1{ font-size: 4rem;} 
.main_home .main_slider .text_g .title2{font-size:1.8rem;line-height:1.2;}
}
@media (max-width:680px) {  
.main_home .main_slider .text_g .title1{ font-size:3.8rem;} 
.main_home .main_slider .text_g .title2{font-size:1.8rem;line-height:1.2;}
}
@media (max-width:480px) { 
.main_home .main_slider .text_g .title1{ font-size:3.2rem;} 
.main_home .main_slider .text_g .title2{font-size:1.6rem;line-height:1.2;} 
}




 






.partner {margin-top:1.5%}
.partner li {width: calc((100% / 4) - 14px); display:inline-block; border:1px #efefef solid; margin:5px} 

@media (max-width:1280px) {  
}
@media (max-width:1020px) {  
}
@media (max-width:980px) {   
.partner li {width: calc((100% / 3) - 14px);}
}
@media (max-width:680px) { 
.partner li {width: calc((100% / 2) - 14px);}
}
@media (max-width:480px) { 
.partner li {width: calc((100% / 2) - 7px);margin:2px}
}



 
/*.tab-container { margin: 0 auto 50px auto;} 
.tabs {position: relative;  width:100%; margin:0px auto 60px auto;  text-align:center;}
.tab-button {margin:1px;letter-spacing:-1px; overflow: hidden; border:1px #ddd solid;  color:#999; vertical-align: top;  cursor: pointer; display: inline-block;    height:45px; line-height:42px;  font-weight:400;padding:0 25px; font-size:14px}
.tab-button.active { transition: 0.3s; color:#333;border:1px #999 solid; }
.tab-button:hover {  color: #333; border:1px #999 solid; } 
.tab-content { display: none; border-top: none;   text-align:left; } 
.tab-content.active { display: block; }
.tab-content .box {border-bottom: 1px solid #ddd; margin-bottom: 60px;padding-bottom: 60px;}



@media (max-width:1280px) { 
.tab-button {  height:40px;margin:3px; line-height:38px;  font-weight:400;padding:0 20px; }
}
@media (max-width:1020px) { 
.tab-button {  height:40px; line-height:38px;  font-weight:300;padding:0 10px; }   
}
@media (max-width:980px) {   
}
@media (max-width:680px) { 
}
@media (max-width:480px) { 
.tab-button { font-size:13px;}
}*/




/*.Exterior-design {   margin: 0 auto;}
.Exterior-design .content img { width:100%}
.Exterior-design .inner {  padding:0 100px}
.Exterior-design p {font-size:16px;  color: #666;  line-height: 1.9;  font-weight: 400; margin-top:30px;  word-break: keep-all;}
.content {  position: relative;  overflow: hidden;}
.Exterior-design .part { position: relative;  border-bottom: 1px solid #ddd; margin-bottom: 60px;padding-bottom: 60px;}
.Exterior-design .part:last-child{  margin-bottom:0px;padding-bottom:0px; border:0}
.Exterior-design .part h3 { font-size:20px;color:#333;  font-weight:700;  margin: 20px 0 10px 0;}
.Exterior-design .part h5 { font-size:16px;color:#666;  font-weight:700;  margin: 40px 0 10px 0;}
.Exterior-design .part .sildimg {}
.Exterior-design .part .sildimg span {font-size:14px;  margin-top:50px; color:#666;  display: block;}
.Exterior-design .row {display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap;  flex-wrap: wrap; }
.Exterior-design p { width:100%}
.Exterior-design .part .rowtitle { font-size: 1.7rem;color:#333;  font-weight: 600;  margin-bottom:10px;padding:0 10px 10px 10px;border-bottom:1px #333 solid;  display: inline-block;}
.Exterior-design .info {  flex: 0 0 50%;    max-width: 50%;}
.Exterior-design .info:nth-child(1) {padding-right:10px;}
.Exterior-design .info:nth-child(2) {padding-left:10px;}
.Exterior-design .info .text {display:table;  margin-bottom: 15px; }
.Exterior-design .info .text div {font-size: 16px; color: #666;  line-height: 1.9;  font-weight:400;}
.Exterior-design .info .text div:nth-child(1) {display:table-cell; width:180px;    color: #000;font-weight:600; }
.Exterior-design .info .text div:nth-child(2) {display:table-cell; }
.Exterior-design .product {}
#bo_v_con p b {display:block; color:#333; font-size:16px}



#bo_v_con .youtubebtn {    position: absolute;  color: #333;
  top: 0;
  right: 0;
  border: 1px #eee solid;
  background: #f7f7f7;
  padding: 5px 30px;
  border-radius:30px;}
#bo_v_con .youtubebtn img {  width: 50px;}*/

 



#product ul {}
#product ul li {width:calc((100% / 4) - 2.2%);  margin:1% .5%;display:inline-block} 
#product ul li span { font-size: 1.7rem;  text-align:left; font-weight:500; color:#666;  margin-top:10px;  display: block;}
#product ul li img { width:100%; border:1px #f7f7f7 solid;transition: transform 0.3s ease;cursor: pointer;}




#bo_btn_top {}



#product .tab-button {height:auto;  line-height: inherit;}
#product button {width:calc((100% / 4) - 2.2%);  margin:1% .5%;display:inline-block} 
#product button span { font-size:16px;  text-align:left; font-weight:500; color:#666;  margin-top:10px;  display: block;}
#product button img { width:100%; border:1px #f7f7f7 solid;transition: transform 0.3s ease;cursor: pointer;}


#bo_v_con .product ul { }
#bo_v_con .product ul li {  vertical-align: top; width:calc((100% / 4) - 1.2%);  margin:1% .5% 2% .5%;display:inline-block} 
#bo_v_con .product ul li span { font-size: 15px;  text-align:left; font-weight:700; color:#666;  margin:10px 0;  display: block;}
#bo_v_con .product ul li  p {margin-top:0; line-height: 1.3;}
#bo_v_con .product ul li img {width:100%; max-height:180px;min-height:180px; border:1px #eee solid;transition: transform 0.3s ease;cursor: pointer;}
@media (max-width:1280px) { 
.content .part .product ul li img { min-height:auto}
.content .part .product ul li {  width: calc((100% / 3) - 2%);  margin: .5%;}
}
@media (max-width:1020px) {   
}
@media (max-width:980px) {  
.content .part .product ul li p, 
.content .part .product ul li span { font-weight:600;}
}
@media (max-width:680px) {  
.content .part .product ul li p, 
.content .part .product ul li span { font-size: 14px;font-weight:500;}
}
@media (max-width:480px) { 
.content .part .product ul li p, 
.content .part .product ul li span { font-size: 13px;}
}


.makecont {  text-align: center;}
.makecont .makeuse { width: 32%; margin:10px .5%;   display: inline-block;  vertical-align: top;}
.makecont .makeuse img { width:100%}
.makecont .makeuse p { line-height:120%; margin:10px 0 30px 0 }


.horiz .content{margin-bottom:80px; padding-bottom:80px; border-bottom:1px #eee solid}
.horiz .content:last-child {margin-bottom:0px; padding-bottom:0px; border-bottom:0px #eee solid}
.content .part .infohoriz { width: calc(100% / 3); display: table-cell;  vertical-align: top; }
.content .part .infohoriz:nth-child(1) { padding: 0 30px 0 0;}
.content .part .infohoriz:nth-child(3) { padding: 0 0 0 30px;}
.content .part .infohoriz .text{display:table;  margin-bottom: 15px;} 
.content .part .infohoriz .producthoriz { }
.content .part .infohoriz .producthoriz ul {}
.content .part .infohoriz .producthoriz ul li {  margin:1% .5%;display:inline-block} 
.content .part .infohoriz .producthoriz ul li span { font-size: 1.7rem;  text-align:left; font-weight:500; color:#666;  margin-top:10px;  display: block;}
.content .part .infohoriz .producthoriz ul li img { width:100%; border:1px #ddd solid;transition: transform 0.3s ease;cursor: pointer;}




.Exterior-design .box h5 {font-size: 2.1rem;color: #333;  font-weight: 600;  margin-bottom: 20px;}
.Exterior-design h2.Subtitle {display:none; font-size:14px;  color: #a1a1a1; font-weight:400;  margin:20px 0 40px 0;}
.Exterior-design h2.Subtitle img {width:15px;margin:0 5px;  padding-bottom: 3px;}
.Exterior-design .box .woodfeature {}
.Exterior-design .box .woodfeature .Section {margin:50px 0;border-bottom:1px dashed rgb(204, 204, 204); padding-bottom:50px} 
.Exterior-design .box .woodfeature .Section .en {} 
.Exterior-design .box .woodfeature .Section .img {  text-align: center;width:20%;  margin:0 1%; display: inline-block; font-size:0px;  vertical-align: top;}
.Exterior-design .box .woodfeature .Section .img img {  border-radius: 100%;border: 1px solid rgb(204, 204, 204);}
.Exterior-design .box .woodfeature .Section .text {width:75%;  display: inline-block;  vertical-align: top;}
.Exterior-design .box .woodfeature .Section .text .generation {   font-size: 18px;color:#000;  font-weight: 600;}
.Exterior-design .box .woodfeature .Section .text .en {  font-size:14px; color: #999; font-weight: 600; margin-bottom:10px;}
.Exterior-design .box .woodfeature .Section .text p {  margin-top: 10px;}





@media (max-width:1280px) { 
.Exterior-design .box .woodfeature .Section .img {display:block; width:50%;  margin: 0 auto 20px auto;}
.Exterior-design .box .woodfeature .Section .img img { width:100%;    height: auto;}
}
@media (max-width:1020px) {  
.Exterior-design .box .woodfeature .Section {  padding-bottom:40px;  margin: 40px 0; text-align: center;}
.Exterior-design .box .woodfeature .Section .text { width:100%}
}
@media (max-width:980px) {  
.Exterior-design .box .woodfeature .Section { padding-bottom:30px;    margin:30px 0;}  
}
@media (max-width:680px) {    
.Exterior-design .box .woodfeature .Section {  padding-bottom:20px;   margin:20px 0;}  
}
@media (max-width:580px) {    
.Exterior-design .box .woodfeature .Section {   padding-bottom:10px;  margin:10px 0;}  
}
@media (max-width:480px) {   
}






.quick {position: absolute; width: 70px;z-index: 99999;right: 20px;bottom: 20px; }
.quick li {margin:10px}
.quick img {width:100%;border-radius:100%}


@media (max-width:580px) {  
.quick {position: fixed;}
}



 
.product {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
}

.product-item {
position: relative;
width: 23%; 
overflow: hidden;
text-align: center; 
}

.product-item:hover { 
}

.product-item .img-wrap {
position: relative;
width: 100%;  
overflow: hidden;
}

.product-item .img-wrap img { 
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0.8;
}

.product-item .text-wrap {  
z-index: 1;
display: flex;
flex-direction: column;
justify-content: center;
color: #fff; 
text-decoration: none;
}

.product-item h5 {
margin-bottom: 5px;
font-size: 20px;
font-weight: bold;
}

.product-item span {
font-size: 14px;
opacity: 0.9;
}

/* 서브메뉴 */
.product-item .sub-menu {
position: absolute;
top: 0;
left: 0;
width: 100%;
background: rgba(255,255,255,0.95);
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
display: none;
flex-direction: column;
z-index: 10;
}
.product .item01,
.product .item06 {display:none}
.product-item:hover .sub-menu {
display: flex;
}

.product-item .sub-menu li {
border-top: 1px solid #eee;
width: 100%;
}

.product-item .sub-menu li:first-child {
border-top: none;
}

.product-item .sub-menu li a {
display: block;
padding: 10px 15px;
color: #333;
font-size: 16px;
text-align: center; 
}

.product-item .sub-menu li a:hover {
background: #f9f9f9;
}

/* 반응형 */
@media (max-width: 1024px) {
.product-item { width: 48%; }
}

@media (max-width: 768px) {
.product-item { width: 100%; }
}





.goods ul {  text-align: center;   margin:0 auto}
.goods ul li {  display:inline-block; width:calc((100% / 4) - 2.5%);   vertical-align: top;text-align:center; margin:0 .5%; }
.goods ul li img {  } 
.goods ul li img {  overflow: hidden; width:80%;margin-bottom:20px}
.goods ul li h5 {font-size:22px; font-weight:600; color:#000}
.goods ul li span { color:#5a5a5a;font-weight:400;  font-size:16px;margin-top:5px;display:block}

@media (max-width:1280px) {  
}
@media (max-width:1020px) { 
.goods ul li {display:inline-block; width:calc((100% / 4) - 2%); }
.goods ul li h5 {font-size:20px; }  
.goods ul li img {margin-bottom:15px;}
}
@media (max-width:980px) {   
.goods ul li h5 {font-size:18px;letter-spacing:-1px; } 
.goods ul li span {display:none} 
.goods ul li img {margin-bottom:10px;}
}
@media (max-width:680px) {   
.goods ul li { width:calc((100% / 2) - 6%); margin:2% 1%}
.goods ul li h5 {font-size:17px;letter-spacing:-1px; }
.goods ul li img {margin-bottom:5px;}
.product-item .sub-menu {display:none !important}
.goods ul li span {display:block} 
}
@media (max-width:580px) {   
.goods ul li { width:calc((100% / 2) - 4%); margin:2% 1%}
.goods ul li h5 {font-size:17px;letter-spacing:-1px; }
.goods ul li img {margin-bottom:5px;}
}
@media (max-width:480px) {   
.goods ul li { width:calc((100% / 2) - 5%); margin:1% 0%}
.goods ul li h5 {font-size:17px;letter-spacing:-1px; } 
}


/* 모바일 화면에서 hover 트랜지션 해제 */
@media (max-width: 768px) {
  .goods ul li img {
    transition: none; /* 모바일에서는 트랜지션을 제거 */
  }

  .goods ul li:hover img {
    transform: none; /* hover 효과를 비활성화 */
  }
}






.company {  position: relative;}
.company .txt_box {  min-height: 90vh;}
.fp_item3::after {    background-size: auto 100%; content: ""; position: absolute; bottom: 0px; right: 0; width: 100%; height: 100%; background-image: url('/theme/KDwoodtech/img/main/companybg.jpg'); background-position: right bottom; background-repeat: no-repeat;  z-index: -1;}
.company .txt_box .title {  position: absolute;  top: 180px;}
.company .txt_box .title span {font-weight: 600; }
.company .txt_box .title .kr	{font-weight:400;  font-size:24px; color: #000;line-height:1.5  }
.company .txt_box .en	{  line-height: 1;position: absolute;  bottom:50px; font-weight: 600; font-size: 70px; color: #000;   text-align: left;}

@media (max-width:1280px) {  
}
@media (max-width:1020px) {  
.company .txt_box {  min-height: 98vh;}
}
@media (max-width:980px) { 
.company .txt_box {  min-height: auto;}
.company .txt_box .title {position: relative;  top: initial;}
.company .txt_box .en	{margin-top:50px; line-height:1.2;position: relative;  bottom:initial; font-weight: 600; font-size: 40px; color: #000;   text-align: center;}
.fp_item3::after {  background-repeat: no-repeat;  background-size: 100%;  bottom: 10%;}
}
@media (max-width:680px) {    
.company .txt_box .en	{margin-top:46px; line-height:1.1;    font-size: 36px;}
 .fp_item3::after {
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    opacity: .3;}
}
@media (max-width:580px) {   
.company .txt_box .en	{margin-top:26px;    font-size:30px; } 
}
@media (max-width:480px) {   
.company .txt_box .en	{margin-top:20px;    font-size:22px; } 
}



 


.Recommend {  width: 98%;  margin: 0 auto;}
.Recommend .Reproduct {  display: flex;}
.Recommend .Reproduct .ReBox{display: flex;width:50%;justify-content: center;
    align-items: center; }
.Recommend .Reproduct .ReBox .img {margin: 0 auto;}
.Recommend .Reproduct .ReBox .text {padding:0% 7%}
.Recommend .Reproduct .ReBox .text .tit {margin-bottom:30px;font-size:24px; font-weight:700; color:#000; line-height:1.5 }
.Recommend .Reproduct .ReBox .text p {font-size:16px;font-weight:300;color:#000; }
.Recommend .Reproduct .ReBox .text .more { position: relative; display: block; margin-top:100px;font-size:16px; color:#666} 
.Recommend .Reproduct .ReBox .text .more::after {   content: "+"; position: absolute; color:#666;  top: -1px; left:100px}


@media (max-width:1280px) {  
.Recommend .Reproduct .ReBox .text .tit {margin-bottom:20px;font-size:22px;}
.Recommend .Reproduct .ReBox .text .more { margin-top:60px;font-size:15px; }
}
@media (max-width:1020px) { 
.Recommend .Reproduct .ReBox .text .tit {margin-bottom:15px;font-size:20px;}
.Recommend .Reproduct .ReBox {display: flex;width:100%; }
.Recommend .Reproduct {  display: block;}
.Recommend .Reproduct .ReBox .img img{ width:100%;}
.Recommend .Reproduct .ReBox .text .more { margin-top:40px;font-size:15px; }


}
@media (max-width:980px) {    
.Recommend .Reproduct .ReBox .text .tit {margin-bottom:10px;font-size:19px;} 
.Recommend .Reproduct .ReBox .text .more { margin-top:40px;font-size:15px; }
}
@media (max-width:680px) { 
.Recommend .Reproduct .ReBox { margin-bottom:50px;display: inline-block;}
.Recommend .Reproduct .ReBox:nth-child(2) { margin-bottom:0px;}
.Recommend .Reproduct .ReBox .img {width:60%; }
.Recommend .Reproduct .ReBox .text {padding: 3%; text-align: center;}
.Recommend .Reproduct .ReBox .text .more::after {display:none}
.Recommend .Reproduct .ReBox .text .tit {margin-bottom:5px;font-size:18px;}
.Recommend .Reproduct .ReBox .text .more { margin-top:20px;font-size:15px; }
}
@media (max-width:480px) {   
}


@media (max-width:1100px) {   
.fp_inner { width:98%;}
.fp-section.fp-table, .fp-slide.fp-table {height:auto !important}
.fp_item2 .fp-tableCell,
.fp_item3 .fp-tableCell,
.fp_item4 .fp-tableCell,
.fp_item5 .fp-tableCell {height:auto !important; padding:50px 0}
.fp_item2 .fp-tableCell .fp-scrollable,
.fp_item3 .fp-tableCell .fp-scrollable,
.fp_item4 .fp-tableCell .fp-scrollable,
.fp_item5 .fp-tableCell .fp-scrollable {height:auto !important; }
}















.fp_item4 {background-image: url('/theme/KDwoodtech/img/main/fp_item4bg.jpg');}








 
.showroom .slider {position: relative; margin: auto;overflow: hidden;background-color: #f0f0f0; /* 배경색 설정 */;display: table-cell;  width:64%;  text-align: right;}
.showroom .slides {display: flex;transition: transform 0.5s ease-in-out;}
.showroom .slide {min-width: 100%;box-sizing: border-box;}
.showroom .slide img {width: 100%;vertical-align: middle;}
.showroom .prev, .next {position: absolute;top: 50%;width: auto;padding: 16px;margin-top: -22px;color: white;font-weight: bold;font-size: 24px;background-color: rgba(0,0,0,0.5);cursor: pointer;border: none;border-radius: 3px;user-select: none;}
.showroom .prev {left: 0;}
.showroom .next {right: 0;}
.showroom {   text-align: center;margin-top: 50px;}
.showroom .display {  margin-bottom: 50px;  display: table;}
.showroom .display:last-child {margin-bottom:0px;}
.showroom .display .step1{   text-align: left;padding:0 5%; width:35%; vertical-align: middle;display: table-cell; margin-bottom:20px; }

@media (max-width:1280px) { 
}
@media (max-width:1020px) {   
}
@media (max-width:980px) {
.showroom .display {  margin-bottom: 50px;  display: inline-block;}
.showroom .display .step1,
.showroom .slider { width:100%;  display: block;}
.showroom .display .step1 {padding:0}
.showroom .display .step1 {margin:20px 0;}
}
@media (max-width:680px) {  
}
@media (max-width:480px) { 
}
  






































   

.about .m11 .establishment_g{padding-top: 28px;}
.about .m11 .establishment_g .tabs_wrap{margin-bottom:100px;display: flex !important;}
.about .con{position: relative;width: 100%;background: #edeeef;padding: 70px;}
.about .info_g {position: relative;width: 100%;display: flex;flex-wrap: wrap;align-items: center;}
.about .info_g.type2{align-items: flex-start;}
.about .info_g .img{width: 520px; background: #ffffff;}
.about .info_g .img img{width: 100%;}
.about .info_g .info{width: calc(100% - 520px);padding: 20px 0 20px 60px;}
.about .info_g .info .sub_tit{font-size:1.4rem;color: #000;font-weight: 500;margin-bottom: 10px;}
.about .info_g .info .i_list1{margin-top: 42px;}
.about .info_g .info .title{font-size: 2rem;color: #000;font-weight: 600;line-height: 1.4;} 
.about .map iframe{width: 100%;height: 480px;border: 1px solid #cacbcb !important;}
.about .m11 .affiliated_g{padding-top: 100px;}
.about .m11 .affiliated_g .item_list{position: relative;width: 100%;border-top: 2px solid #577810;} 
.about .logo{width: 420px;height: 230px; }
.about .logo img{width: 100%;}
.about .info_g{width:100%;padding:50px 0;}
.about .info_g .title{font-size: 3rem;color: #000;font-weight: 600;}
.about .info_g .i_list1{margin-top: 28px;}
 
.about .i_list1{position:relative;}
.about .i_list1 > li{  line-height: 36px;font-size: 1.5rem;position: relative;display: flex;flex-wrap: wrap;width: 100%;padding-left: 30px;min-height: 32px;background-repeat: no-repeat;background-position: left top 7px;}
.about .i_list1 > li + li{margin-top: 4px;}
.about .i_list1 > li.addr{background-image: url('https://www.takis.co.kr/images/page/m11_addr_icon.png');background-position: top 5px left 0px;}
.about .i_list1 > li.tel{background-image: url('https://www.takis.co.kr/images/page/m11_tel_icon.png');}
.about .i_list1 > li.fax{background-image: url('https://www.takis.co.kr/images/page/m11_fax_icon.png');background-position: left 1px top 5px;}
.about .i_list1 > li.subway{background-image: url('https://www.takis.co.kr/images/page/m11_bus_icon.png');}
.about .i_list1 > li.car{background-image: url('https://www.takis.co.kr/images/page/m11_car_icon.png');}
.about .i_list1 > li .tit{width: 65px;color: #000;}
.about .i_list1 > li .txt{width: calc(100% - 65px);font-size: 1.2rem;margin-top: 1px;}
.about .i_list1 > li .point{color: #577810;font-weight: 500;margin-right: 5px;}
.about .i_list1 > li a{display:inline-block;}
.about .i_list1 > li a:hover{opacity:0.5;transition:0.3s;}
.about .list_style1 > li{position: relative;padding-left: 11px;}
.about .list_style1 > li:before{display: block;content: "-";/* width: 5px; *//* height: 2px; *//* background: #333333; */position: absolute;top: -1px;left: 0;font-weight: 600;color: #222;}

@media (max-width:1280px) { 
.about .con{ padding:50px;}  
.about .info_g{ padding:0px 0;}
}
@media (max-width:1020px) {  
.about .info_g .info { width:100%; padding-left:0px}
.about .info_g .img { width:100%}
.about .con{ padding:40px;}  
}
@media (max-width:980px) {  
.con{ padding:30px;}  
}
@media (max-width:680px) {  
}
@media (max-width:480px) { 
}




.about .map .tab-container {    margin: 0 auto;} 
.about .map .tabs {position: relative;  width: 100%;   text-align: center;}
.about .map .tab-button { width:45%;    border: none;     cursor: pointer;    display: inline-block;    transition: background-color 0.3s;	height:60px; line-height:60px; font-size: 1.2rem;   border: 1px solid #d9d9d9; background: #fff; font-weight:500;}
.about .map .tab-button.active { background: #577810;  border: 0;  transition: 0.3s; color:#fff}
.about .map .tab-button:hover { background-color: #ddd;} 
.about .map .tab-content { display: none; border-top: none;} 
.about .map  .tab-content.active { display: block;}

 

























 
.Subtitle { }
.Subtitle img {margin: 0 10px;}
.menu_level { margin: 0 5px;}
.menu_level a {text-decoration: none;color: #333;}
.menu_level a:hover {text-decoration: underline;}
.menu_level select {border: none;background-color: transparent;font-size: 18px;padding: 5px;cursor: pointer;}
.menu_level select option {font-size: 16px;}
.menu_level .active {font-weight: bold;color: #0a0a0a; }


#depth3_menu { text-align:center; font-size:22px;width:100%; font-weight:700; padding:50px 0 10px 0px; margin-bottom:20px;  display: inline-block;}
#depth4_menu {margin:0 0 1% 0;text-align:center}
#depth4_menu a {  height: 45px;margin:0 1% 1% 1%;line-height: 42px;   font-size: 1rem; border-bottom:2px #eee solid;   padding: 0 30px;display: inline-block;}
#depth4_menu a.active { font-weight: bold; color: #000; border-bottom:2px #000 solid; }
#depth4_menu a:hover { text-decoration: none; font-weight: bold; color: #000; border-bottom:2px #000 solid; }



@media (max-width:1280px) { 
#depth4_menu a { width:45%;  padding: 0 20px;}
}
@media (max-width:1020px) { 
#depth4_menu a { padding: 0 10px;}   
}
@media (max-width:980px) {   
#depth4_menu a { padding: 0 0px;} 
}
@media (max-width:680px) { 
#depth4_menu a {  font-size:14px;}
}
@media (max-width:480px) { 
#depth4_menu a {  font-size:13;}
} 



















@media screen and (max-width:680px){ 
.hd_pops { right: 0; margin: 0 auto;position:absolute;border:1px solid #e9e9e9;background:#fff;width: 95%;left: 0!important;top: 50px!important}
.hd_pops_con {width: auto!important;height: auto!important;}
.hd_pops_con img {width: 100%;height: auto}
.hd_pops_footer button {font-size:14px; letter-spacing: -1px;}
}