@charset "UTF-8";
@import url("font.css");

* {margin:0; padding:0;  }
body {font-family:'Montserrat','Noto Sans KR', 'sans-serif', '맑은고딕','Malgun Gothic', 'Dotum'; line-height: 1.6em;letter-spacing:-0.03em;word-break:keep-all;  font-size:16px;  color:rgba(0, 0, 0, 0.8); }
img{border:0; vertical-align:top;}
form{border:0;}
fieldset{border:0;}
caption {display:none;}
html, body {width:100%; height:100%;font-smooth: always;	-webkit-font-smoothing: antialiased;	-moz-osx-font-smoothing: grayscale;scroll-behavior: smooth;}
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td {margin:0; padding:0;}
ul,ol,li{list-style:none}
input, select { border:none; vertical-align:middle; padding:0 0 0 3px; }
table {border-spacing:0px; border-collapse:collapse;}
textarea, button{vertical-align:middle}
a{color:rgba(0, 0, 0, 0.8); text-decoration:none; -webkit-transition-duration: 0.4s; transition-duration: 0.4s;}
a:hover, a:focus, a:active{color:rgba(0, 0, 0, 0.5); text-decoration:none}
input[type=checkbox], input[type=radio] { width:18px; height:18px;}
#wrap {width:100%; position:relative; min-width:1300px; overflow:hidden; z-index:0;}
::-moz-selection { background: #444; color: #fff;}
::selection { background: #444; color: #fff;}

/* Layout */
#topmenu_w { width:100%;} 
#topmenu_w #topmenu {  width:100%;  width:100%; z-index:999; position:absolute; background:rgba(0, 0, 0, 0.0);transition-duration: 0.4s;}
#topmenu_w #topmenu .t_bigmenu {position:relative; width:1300px; margin:0 auto;}
#topmenu_w #topmenu .t_bigmenu:after {content:""; display:block; clear:both;}
#topmenu_w #topmenu .t_bigmenu #logo { float:left; width:300px;}
#topmenu_w #topmenu .t_bigmenu #logo a { display:block; margin-top:19px; background:url(../../images/common/logo_w.png) no-repeat top left; background-size:210px auto; height:70px;}
#topmenu_w #topmenu .t_bigmenu .t_menu { float:right; width:880px; display:flex;}
#topmenu_w #topmenu .t_bigmenu .t_menu li { cursor:pointer; height:115px; line-height:115px;font-size:22px; font-weight:600; width:100%; text-align:center; color:#fff;transition-duration: 0.4s;} 
#topmenu_w #topmenu .t_bigmenu .t_menu .select { color:#ffbe9b; font-weight:600;}
#topmenu_w #topmenu .t_bigmenu .t_menu li:last-child { margin-right:0;}
#topmenu_w #topmenu .t_bigmenu .t_menu li:nth-child(1),
#submenu .t_submenu .submenu_wrap ul:nth-child(1) {} { width:80%;}
#topmenu_w #topmenu .t_bigmenu .t_menu li:nth-child(2),
#submenu .t_submenu .submenu_wrap ul:nth-child(2) { width:80%;}
#topmenu_w #topmenu .t_bigmenu .t_menu li:nth-child(3),
#submenu .t_submenu .submenu_wrap ul:nth-child(3) { width:80%;}
#topmenu_w #topmenu .t_bigmenu .t_menu li:nth-child(4),
#submenu .t_submenu .submenu_wrap ul:nth-child(4) { width:110%;}
#topmenu_w #topmenu .t_bigmenu .t_menu li:nth-child(5),
#submenu .t_submenu .submenu_wrap ul:nth-child(5) { width:140%;}
#submenu {width:100%; z-index:300; overflow:hidden; display:none; background:#fff; 
box-shadow: 0px 15px 6px rgba(0, 0, 0, 0.1)  ;  }
#submenu .t_submenu  {position:relative; width:1300px; margin:0 auto; overflow:hidden;}
#submenu .t_submenu .submenu_wrap {overflow:hidden;margin-left:420px; width:880px; display:flex; }
#submenu .t_submenu .submenu_wrap ul {position:relative; height:200px; text-align:center; width:100%; text-align:center; }
#submenu .t_submenu .submenu_wrap ul li a {font-size:16px; font-weight:400; display:block; color:rgba(0, 0, 0, 0.7); padding:5px 0; letter-spacing:-0.03em; line-height:1.4em;}
#submenu .t_submenu .submenu_wrap ul li a:hover { color:#5a2a00; text-decoration:underline;}
.wh #topmenu { background:#fff!important;}
.wh #topmenu .t_bigmenu #logo a { background:url(../../images/common/logo.png) no-repeat top left!important;background-size:210px auto!important;}
.wh #topmenu .t_bigmenu .t_menu li { color:#000!important;} 
.wh #topmenu .t_bigmenu .lang .bx { border:1px solid rgba(0, 0, 0, 0.2)!important; color:#000!important;}
.wh #topmenu .t_bigmenu .lang i { color:rgba(0, 0, 0, 0.5)!important;}
#footer_w { width:100%; margin:0 auto; padding:70px 0; background:#363636;}
#footer_w footer { width:1300px; margin:0 auto; position:relative;}
#footer_w footer #footer_copy { line-height: 1.2em; width:calc(100% - 300px);}
#footer_w footer #footer_copy li { display:inline-block; font-size:14px; color:rgba(255, 255, 255, 0.5);}
#footer_w footer #footer_copy li:after { display:inline-block; width:1px; height:11px; background:rgba(255, 255, 255, 0.2); margin:0 5px 0 10px; content:''; position:relative; top:2px;}
#footer_w footer #footer_copy li:last-child:after,
#footer_w footer #footer_copy li:nth-child(4):after { display:none;}
#footer_w footer #copyright { display:block;  margin-top:10px; color:rgba(255, 255, 255, 0.5); letter-spacing:0.05em; font-size:14px;}
#footer_w footer #copyright b { font-weight:500; font-size:14px; color:rgba(255, 255, 255, 0.9);letter-spacing:0.05em;}
#footer_w footer #footer_top { position:absolute; top:0; right:0;}
#footer_w footer #footer_top a { display:inline-block; width:150px; height:40px; line-height:35px; text-align:center; background:rgba(255, 255, 255, 0.05); cursor:pointer; letter-spacing:2px; font-size:14px; border-radius:80px;background-image: linear-gradient(to bottom, #ffffff, #c1c1c1);}
#footer_w footer #footer_top a i { line-height:35px; position:relative; top:2px;}
#footer_w footer #footer_menu { margin-bottom:10px;}
#footer_w footer #footer_menu li { display:inline-block; color:#fff;}
#footer_w footer #footer_menu li a { font-size:16px; color:#fff;}
#footer_w footer #footer_menu li:after { display:inline-block; width:1px; height:11px; background:rgba(255, 255, 255, 0.2); margin:0 5px 0 10px; content:''; position:relative; top:2px;}
#footer_w footer #footer_menu li:last-child:after { display:none;}
#footer_w #footer_mobile { text-align:center;}
#footer_w #footer_mobile a { display:block; width:800px; border-radius:10px; font-size:40px; height:80px; line-height:80px; text-align:center; margin:0 auto; background:rgba(0, 0, 0, 0.5);  font-weight:500; color:rgba(255, 255, 255, 0.9); margin-top:50px;}
.footer_cs { background:#f7f7f7;}
.footer_cs .cons { width:1300px; margin:0 auto; padding:75px 0; overflow:hidden;}
.footer_cs .cons .fc_btns { float:right; width:340px; border-radius:20px; border:1px solid rgba(0, 0, 0, 0.15); padding:30px 0; text-align:center;background:#fff;}
.footer_cs .cons .fc_btns li { vertical-align:top; display:inline-block; margin:0 27px;}
.footer_cs .cons .fc_btns li p { font-size:15px; padding-top:10px; font-weight:600;}
.footer_cs .cons .fc_btns li a:hover { opacity:0.5;}
.footer_cs .cons .fc_cs { float:left; }
.footer_cs .cons .fc_cs dl { overflow:hidden; display:inline-block; vertical-align:top;}
.footer_cs .cons .fc_cs dl + dl { margin-left:55px;}
.footer_cs .cons .fc_cs dl dt { float:left; }
.footer_cs .cons .fc_cs dl dd { float:left;}
.footer_cs .cons .fc_cs dl dd u { display:block; text-decoration:none; font-size:20px; color:#743a1c; margin-bottom:3px;font-family: 'gyeong'; font-weight:bold; line-height:1.6em;}
.footer_cs .cons .fc_cs dl dd p { font-size:16px;}
.footer_cs .cons .fc_cs dl dd .num { color:#b95521; font-size:35px; font-weight:bold; letter-spacing:normal; margin-bottom:7px; line-height:1.0em; display:block;}
.footer_cs .cons .fc_cs dl dd .tt { width:290px; display:block;}
.footer_cs .cons .fc_cs dl dd .tt b { display:inline-block; border-radius:3px; background:rgba(0, 0, 0, 0.1); font-size:16px; vertical-align:top; margin:2px 1px; padding:1px 5px; line-height:1.4em; font-weight:normal;}
#sub_w {}
#sub_w #sub_visual { height:465px; overflow:hidden; z-index:0;position: relative;}
#sub_w #sub_visual .sub_img { height:465px; animation: sub_img_mv 3s ease; background:url(../../images/common/sub_visual.jpg) no-repeat top center;}
#sub_w #sub_visual .sub_visual_txt { position:absolute; text-align:center;width:100%; padding-top:140px; z-index:50;}
#sub_w #sub_visual .sub_visual_txt p { color:#fff;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); font-size:64px; font-weight:bold; line-height:1.2em; font-weight:bold;font-family: 'gyeong';}
@keyframes sub_img_mv {
	0% {transform: scale(1.1, 1.1);}
	100% {transform: scale(1.0, 1.0);}
}
#sub_w #sub_tab_w { width:1300px; margin:0 auto; z-index:100;position: relative;}
#container {width:1300px; margin:0 auto; padding:80px 0 110px;}
.quick_w { position:fixed; right:20px; bottom:20px; width:95px; text-align:center; z-index:1000;}
.quick_w li + li { margin-top:10px;}
.quick_w li a { display:block; background:#e5966c; border-radius:50%; width:95px; height:95px; display:flex;justify-content: center; align-items: center;  flex-direction: column;box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.3);}
.quick_w li a:hover { opacity:0.5;}
.quick_w li a i { font-size:34px; color:#fff;}
.quick_w li a p { font-size:13px; line-height:1.1em; font-weight:600; padding-top:6px; color:#fff;}
.quick_w .top a { background:#fff;}
.quick_w .top a i { color:#e8966b}
.quick_w .top a p { color:#743a1c}



/* Main */
.swiper-slide {display: flex;justify-content: center; align-items: center;}
.swiper-slide img { display: block; width: 100%;height: 100%; object-fit: cover;}
.swiper-button-prev:after, .swiper-button-next:after { display:none;}
.main_visual { width:2600px; left:50%; margin-left:-1300px!important;}
.main_visual .swiper-button-prev { left:600px; display:none;}
.main_visual .swiper-button-next { right:600px;display:none;}
.main_visual .swiper-pagination-bullet {width: 15px!important;height: 15px!important; background: #fff!important;}
.main_visual .swiper-pagination-bullet-active {  background: #fff!important; }
.main_visual .swiper-button-prev i, .main_visual .swiper-button-next i { font-size:50px;}
.main_visual .swiper-horizontal>.swiper-pagination-bullets, 
.main_visual .swiper-pagination-bullets.swiper-pagination-horizontal, 
.main_visual .swiper-pagination-custom, 
.main_visual .swiper-pagination-fraction { bottom:150px;}
.main_visual_txt { position:relative; width:1300px; margin:0 auto; border:1px solid red;}
.main_visual_txt p { position:absolute; text-align:center; top:309px; z-index:1000; width:1300px;}
.main_pic2 { width:1300px; margin:0 auto; padding:0 50px 50px!important; margin-left:-50px!important;}
.main_pic2 .swiper-button-prev { left:-10px; top:88px; z-index:1000;}
.main_pic2 .swiper-button-next { right:0px; top:88px;}
.main_pic2 .swiper-slide p { background:#fff; padding:15px 0px 0 0;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:calc(100% - 0px); text-align:center; font-size:19px; font-weight:600; width:240px;}
.main_pic2 .swiper-slide .pic { overflow:hidden; border:1px solid rgba(0, 0, 0, 0.15); border-radius:10px;}
.main_pic2 .swiper-slide img { width:243px!important; height:243px!important;transition-duration: 0.4s;}
.main_pic2 .swiper-slide img:hover {opacity:0.5;}
.main_pic2 .swiper-pagination-bullet {width: 15px!important;height: 15px!important;background: #000!important; display:none;}
.main_pic2 .swiper-button-prev, .main_pic2 .swiper-button-next { top:-30px; background:#fff; width:41px; height:360px;}
.main_pic2 .swiper-pagination-bullet-active {  background: #000!important; }
.main_pic2 .swiper-button-prev i, .main_pic2 .swiper-button-next i { font-size:50px; color:#000;}
#main_bg {}
.cons { width:1300px; margin-left:auto; margin-right:auto;}
.cons:after { content:''; display:block; clear:both;}
.tits { text-align:center; font-size:45px; color:#2b2b2b;  line-height:1.1em; margin-bottom:30px; font-family: 'gyeong'; font-weight:bold;}
.tits > b {font-size:45px; color:#743a1c; line-height:1.1em; font-family: 'gyeong';font-weight:bold;}
.tits > u { display:block; text-decoration:none; font-size:18px; font-weight:normal; padding-top:5px; line-height:1.6em;}
.links { display:block; margin-left:auto; margin-right:auto;  width:250px; height:50px; line-height:50px;text-transform: uppercase; font-size:18px; text-align:center; background:#e89b71; border-radius:90px; font-weight:600;}
.links:hover { opacity:0.5;}
#main_bg .footer_cs { background:#fff;}
.mc1 { width:1300px; margin:0 auto; position:relative;}
.mc1 .cons { position:absolute; top:693px; z-index:1000; display:flex; background:#fff; box-shadow:13px 11px 25px 0px rgba(0, 0, 0, 0.25); overflow:hidden; border-radius:20px;}
.mc1 .cons li:last-child { border:none;}
.mc1 .cons li { width:100%; border-right:1px solid rgba(0, 0, 0, 0.1);}
.mc1 .cons li a {     display: block;     text-align: center;     padding: 45px 0 40px 0;     position: relative; /* 가상 요소를 위한 기준 */    z-index: 1;     overflow: hidden; /* 배경이 둥근 모서리를 넘지 않게 */}
.mc1 .cons li a::before {    content: "";    position: absolute;    top: 0; left: 0;    width: 100%; height: 100%;    background: url(../../images/main/1_bg.png) no-repeat top left;    background-size: cover; /* 배경 꽉 차게 */    opacity: 0; /* 처음엔 투명하게 */
    z-index: -1; /* 글자 뒤로 보내기 */    transition: opacity 0.4s ease; /* 투명도 변화를 부드럽게! */}
.mc1 .cons li a b { display:block; color:#743a1c; font-size:25px; font-weight:bold; padding:20px 0 0px; font-family: 'gyeong';transition: filter 0.3s ease;}
.mc1 .cons li a p {font-size:16px; font-weight:600;transition: filter 0.3s ease; line-height:1.6em;}
.mc1 .cons li a img {transition: filter 0.3s ease;}
.mc1 .cons li a:hover::before {    opacity: 1; /* 마우스 올리면 부드럽게 나타남 */}
.mc1 .cons li a:hover {      background: transparent; }
.mc1 .cons li a:hover b { color:#fff;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);}
.mc1 .cons li a:hover p { color:rgba(255, 255, 255, 0.7);}
.mc1 .cons li a:hover img {filter: brightness(0) invert(1) drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3));}
.mc2 { padding:255px 0 130px;}
.mc3 { background:url(../../images/main/3_bg.jpg) no-repeat top center; background-size:cover; box-sizing:border-box; height:420px; padding-top:85px;}
.mc3 .tit { text-align:center; color:#fff; font-family: 'gyeong'; font-size:45px; font-weight:bold; line-height:1.3em;}
.mc3 .tit:before { content:''; display:block; background:url(../../images/common/logo_em_w.png) no-repeat; background-size:contain; margin:0 auto; width:51px; height:81px; margin-bottom:10px;}
.mc3 .tit > u { display:block; text-decoration:none; font-size:22px; color:rgba(255, 255, 255, 0.6); font-weight:600;}
.mc3_ {  margin-top:-94px; box-shadow:13px 11px 21px 0px rgba(0, 0, 0, 0.2); background:#fff; border-radius:20px; overflow:hidden;}
.mc3_ .mc3_1 { text-align:center; padding:55px 0 50px; width:100%;}
.mc3_ .mc3_1 dl { display:inline-block; vertical-align:top;  position:relative; }
.mc3_ .mc3_1 dl:after {  display:block; clear:both; content:'';}
.mc3_ .mc3_1 dl dt { float:left; width:120px; text-align:left;}
.mc3_ .mc3_1 dl dd { float:left; width:calc(100% - 120px); text-align:left; line-height:1.6em;}
.mc3_ .mc3_1 dl dd b { font-family: 'gyeong'; display:block; font-size:27px; color:#743a1c; line-height:1.6em;}
.mc3_ .mc3_1 dl + dl { margin-left:90px;}
.mc3_ .mc3_1 dl + dl:before { content:''; display:block; width:6px; height:6px; border-radius:50%; background:rgba(0, 0, 0, 0.2); margin:0 20px; position:relative; top:40px; left:-65px;}
.mc3_ .mc3_1 dl:last-child { position:relative; top:-7px;}
.mc3_ .mc3_2 { background:#e89b71; padding:30px 0; text-align:center;}
.mc3_ .mc3_2 i { display:inline-block; vertical-align:top; color:rgba(255, 255, 255, 0.5); font-size:45px;line-height:1.0em;}
.mc3_ .mc3_2 b { display:inline-block; vertical-align:top; font-size:16px; line-height:1.3em; color:#fff; margin:0 15px; font-weight:600;}
.mc3_ .mc3_2 .num { display:inline-block; vertical-align:top; line-height:0.8em; font-size:50px; letter-spacing:normal; color:#fff;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); font-weight:bold;}
.mc4 { padding:130px 0; text-align:center;}
.mc4 .cons { overflow:hidden;}
.mc4 .cons li {  text-align:center; float:left; width:calc(100% / 4 - 15px);}
.mc4 .cons li a { display:block;}
.mc4 .cons li a .pic {display:block; overflow:hidden; border-radius:10px;}
.mc4 .cons li a .pic img {aspect-ratio: 3 / 4;object-fit: cover;}
.mc4 .cons li a p { padding-top:10px; font-size:18px; font-weight:600;}
.mc4 .cons li a p b {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display:block; padding:0 20px;}
.mc4 .cons li a img { width:100%;}
.mc4 .cons li + li { margin-left:20px;}
.mc4 .cons li a:hover {opacity:0.5;}
.mc4 .links { margin-top:30px; background:#e1e1e1!important; color:#000;}
.mc4 .links:hover { opacity:0.5;}
.mc5 { background:#f7f7f7; padding:130px 0;}
.mc5 ul { border-top:1px solid rgba(0, 0, 0, 0.2);}
.mc5 ul li a { display:block;}
.mc5 ul li { border-bottom:1px solid rgba(0, 0, 0, 0.2); padding:12px 20px 15px 20px; overflow:hidden;transition-duration: 0.4s;}
.mc5 ul li span { float:left;}
.mc5 ul li .mc5_date { font-size:29px; font-weight:300; width:100px; position:relative; letter-spacing:normal;font-weight:500;line-height:1.6em;}
.mc5 ul li .mc5_date b { display:block; color:rgba(0, 0, 0, 0.24); position:relative; top:7px; font-weight:normal; font-weight:500; font-size:16px; line-height:1.6em;}
.mc5 ul li .mc5_date:after { content:''; width:1px; height:45px; background:rgba(0, 0, 0, 0.1); position:absolute; right:0; top:14px;}
.mc5 ul li .mc5_news { width:80px; letter-spacing:2px; font-size:17px; color:#743a1c;  font-weight:500; padding-top:22px; padding-left:30px;}
.mc5 ul li .mc5_tit { width:calc(100% - 280px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-top:24px;}
.mc5 ul li .mc5_more { float:right; width:32px; height:32px; text-align:center; line-height:32px; margin-top:20px;}
.mc5 ul li .mc5_more i { position:relative; top:0px; font-size:25px;}
.mc5 ul li:hover { background:rgba(0, 0, 0, 0.03);}
.mc5 .links { border:none; background:#32485d; color:#fff; margin-top:30px;}


/* Common */
.sub_tab { display:flex;  box-shadow:0px -30px 30px 0px rgba(0, 0, 0, 0.2); margin-top:-40px; border-radius:20px 20px 0 0; background:#fff; padding-bottom:0px;}
.sub_tab li {  width:100%; position:relative;}
.sub_tab li + li:before { content:''; display:block; width:1px; height:16px; background:rgba(0, 0, 0, 0.3); position:absolute; top:30px; left:0;}
.sub_tab li a { display:block; text-align:center; height:75px; line-height:75px; font-size:22px;font-family: 'gyeong'; color:#743a1c; }
.sub_tab .select {}
.sub_tab .select a {background-image: linear-gradient(to bottom, #e99e74, #d88c61);  color:#fff; font-size:25px;box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.2);text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);}
.sub_tab li:nth-child(1).select a { border-radius:20px 0px 20px 20px;}
.sub_tab li:nth-child(2).select a { border-radius:0 0 20px 20px;}
.sub_tab li:nth-child(3).select a { border-radius:0 0 20px 20px;}
.sub_tab li:nth-child(4).select a { border-radius:0 0 20px 20px;}
.sub_tab li:nth-child(5).select a { border-radius:0px 20px 20px 20px;}

.sub_tab2 { margin-bottom:20px; display:flex; margin-top:-40px;}
.sub_tab2 li {position:relative; width:100%;}
.sub_tab2 li a { display:block; text-align:center; height:40px; line-height:40px; font-size:16px; border-bottom:1px solid rgba(0, 0, 0, 0.5); color:rgba(0, 0, 0, 0.5); margin-bottom:20px;}
.sub_tab2 .select {}
.sub_tab2 .select a { font-weight:800; color:#000; font-size:19px;}
.sub_tab2 .select:after { content:''; display:block; width:39px; height:19px; background:url(../../images/common/sub_tab2.png) no-repeat; position:absolute; left:50%; margin-left:-20px; top:40px;}

.hand{cursor: pointer!important;}
.tc{text-align:center!important;}
.none{display:none!important;}
.on {display:block;}
.blind {overflow:hidden; visibility:hidden; position:absolute; width:0; height:0; font-size:0;}

.mb10 { margin-bottom:10px!important;}
.mb20 { margin-bottom:20px!important;}
.mb30 { margin-bottom:30px!important;}
.mb40 { margin-bottom:40px!important;}
.mb50 { margin-bottom:50px!important;}
.mb60 { margin-bottom:60px!important;}
.mb70 { margin-bottom:70px!important;}
.mb80 { margin-bottom:80px!important;}
.mb100 { margin-bottom:100px!important;}
.mb120 { margin-bottom:120px!important;}

.tt_b { color:#00FFFF!important;}
.tt_r { color:#FF0000!important;}
.tt_bk { color:#000!important;}
.tt_w { color:#fff!important;}
.tt_g { color:#339933!important;}
.tt_y { color:#f1cc45!important;}

.tit1 { font-size:25px; font-weight:600; margin-bottom:20px;}
.tit1 > u { text-decoration:none; display:inline-block; font-weight:normal; font-size:14px; color:rgba(0, 0, 0, 0.7);}
.tit1 > u:before {content:''; display:inline-block; width:1px; height:11px;  background:#dbdbdb; margin:0 12px; }
.tit2 {margin-bottom:20px;}
.tit2 > b {display:inline-block; border-radius:3px; background:rgba(183, 88, 39, 1.0); color:#fff; font-size:25px; font-weight:600; padding:5px 8px 3px; line-height:1.1em;}

.td1 { width:100%;border-top:1px solid rgba(0, 0, 0, 0.15);}
.td1 thead {background:rgba(183, 88, 39, 0.8);}
.td1 thead th { background:rgba(0, 0, 0, 0.1); font-size:17px; color:#fff; text-align:center; font-weight:500;}
.td1 thead td { text-align:center; color:#fff;font-weight:500; font-size:17px; border-right:1px solid rgba(255, 255, 255, 0.2); padding:8px 0;}
.td1 thead td:last-child  { border-right:none;}
.td1 tbody {}
.td1 tbody th { text-align:center; font-weight:500; border-bottom:1px solid rgba(0, 0, 0, 0.15); background:rgba(0, 0, 0, 0.03); padding:15px 20px; }
.td1 tbody td {border-bottom:1px solid rgba(0, 0, 0, 0.15);padding:15px 20px; }
.td1 tbody td:last-child {}
.td1 tbody td b { font-weight:500; color:#000;}
.td1 tbody td u { color:#FF0000;}
.td1 tfoot th {text-align:center; font-weight:500; border-bottom:1px solid rgba(0, 0, 0, 0.15); background:rgba(0, 0, 0, 0.07); padding:15px 20px; }
.td1 tfoot td {border-bottom:1px solid rgba(0, 0, 0, 0.15);padding:15px 20px;  background:rgba(0, 0, 0, 0.05);}
.td_c tbody td,
.td_c tfoot td { text-align:center;}
.td2 { width:100%;}
.td2 thead {}
.td2 thead th {  text-align:center; font-weight:500; border-bottom:3px solid rgba(0, 0, 0, 0.8); padding-bottom:8px;}
.td2 thead td { text-align:center; font-weight:500; font-size:17px;  border-bottom:3px solid rgba(0, 0, 0, 0.8); padding-bottom:8px;}
.td2 tbody {}
.td2 tbody th { text-align:center; font-weight:500; border-bottom:1px solid rgba(0, 0, 0, 0.15); background:rgba(0, 0, 0, 0.03); padding:15px 20px; }
.td2 tbody td {border-bottom:1px solid rgba(0, 0, 0, 0.15);padding:15px 20px; }
.td2 tbody td:last-child {}
.td2 tfoot th { text-align:center; font-weight:500; border-bottom:1px solid rgba(0, 0, 0, 0.15); background:rgba(0, 0, 0, 0.05); padding:15px 20px; }
.td2 tfoot td {border-bottom:1px solid rgba(0, 0, 0, 0.15);padding:15px 20px;background:rgba(0, 0, 0, 0.02); }

.list1 {}
.list1 > li {  padding:2px 0 5px 12px; position:relative; line-height:1.6rem;}
.list1 > li:before { content:''; display:block; width:4px; height:2px; background:#000; position:absolute; top:13px; left:0;}
.list1.bx { padding:28px 30px 20px 30px; border:1px solid rgba(0, 0, 0, 0.2);}
.list1.bx.gr { background:#f3f3f3; border:none;}
.list1.bl > li { color:rgba(0, 0, 0, 0.6);}
.list1.bl > li > b { display:block; font-weight:500; font-size:1.15rem; color:#000; margin-bottom:5px;}
.list1.li > li { border-bottom:1px solid rgba(0, 0, 0, 0.2);margin:7px 0; padding:4px 0 7px 12px; }
.list1.li > li:last-child { border-bottom:none;}
.list2 {}
.list2 > li { background:url(../../images/common/bullet_2.png) no-repeat 0 12px; background-size:11px auto; padding:5px 0 2px 20px;line-height:1.6rem;}
.list2.bx { border:1px solid rgba(0, 0, 0, 0.2); padding:28px 30px 20px 30px;}
.list2.bx.gr {  background:#f3f3f3; border:none;}
.list2.bl > li > b { display:block; font-weight:500; font-size:1.15rem; color:#000; margin-bottom:5px;}
.list2.bl > li { color:rgba(0, 0, 0, 0.6);}
.list2.li > li { border-bottom:1px solid rgba(0, 0, 0, 0.15); padding:13px 0 13px 27px; background:url(../../images/common/bullet_2.png) no-repeat 7px 19px;background-size:11px auto;}
.list2.li > li:last-child { border-bottom:none;}
.list1 > h3, .list2 > h3 { margin-bottom:10px;}

.list_s { margin-top:20px;}
.list_s > li { background:url(../../images/common/bullet_1.png) 0px 10px no-repeat; padding:2px 0 2px 10px; font-size:14px;}

.btn1 { border-radius:3px; background:rgba(183, 88, 39, 0.9); border:1px solid rgba(183, 88, 39, 1.0); color:#fff; font-weight:500; text-align:center; cursor:pointer; display:inline-block;}
.btn1:hover { color:#fff;}
.btn2 { border-radius:3px; background:rgba(0, 0, 0, 0.7); border:1px solid rgba(0, 0, 0, 0.9); color:#fff; font-weight:400; text-align:center; cursor:pointer; display:inline-block;}
.btn2:hover { color:#fff;}
.btn3 { border-radius:3px; background:#fff; border:1px solid rgba(0, 0, 0, 0.1); font-weight:400; text-align:center; cursor:pointer; display:inline-block;}

.btn_wrap { overflow:hidden; text-align:center; margin:30px 0;}
.btn_wrap .btn { width:160px; height:50px; line-height:50px; font-size:18px; margin:0 2px;}
.btn_wrap .cc { display:inline-block;}
.btn_wrap .rr { float:right;}
.btn_wrap .ll { float:left;}

.box_sh {box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3)  ; 
-webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3)  ; 
-moz-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3)  ; }

.pa1 { margin-bottom:90px!important;}
.pa2 { margin-bottom:60px!important;}
.pa3 { margin-bottom:30px!important;}

.soon { background:url(../../images/common/soon.png) no-repeat center center rgba(0, 0, 0, 0.05); height:400px;}

.iframe_w { position: relative;
padding-bottom: 49%; /* 16:9 비율인 경우 */
/* padding-bottom값은 4:3 비율인 경우 75%로 설정합니다 */
padding-top: 25px;
height: 0;}
.iframe_w iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%; border:none;}



/* Members */
.ipw {background: #fff; border:1px solid rgba(0, 0, 0, 0.2); padding-left:5px; line-height:40px; height: 40px; border-radius: 3px;}

.members_tit { margin-bottom:20px; text-align:center; font-size:35px; font-weight:600;}
.members_tit b { font-size:35px; font-weight:600; color:rgba(183, 88, 39, 1.0);}
.members_tit i { display:block; text-align:center; font-size:80px; color:rgba(0, 0, 0, 0.15);}
.members_tit u { display:block; text-decoration:none; font-size:16px; color:rgba(0, 0, 0, 0.8); font-weight:400; margin-top:10px;}

.break_w { position:relative;}
.break_w .break_btn { position:absolute; bottom:-30px; right:0; height:40px; line-height:40px; width:150px; display:block;}

.guide_wrap {}
.guide_wrap > dt {}
.guide_wrap > dd {}
.guide_wrap > dd .guide_txt {}
.guide_wrap > dd .guide_txt p { margin-bottom:10px;}
.guide_wrap > dd .guide_txt .gt_top { color:rgba(183, 88, 39, 1.0); margin-bottom:20px; background:rgba(183, 88, 39, 0.1); padding:20px;}
.guide_wrap > dd .guide_txt .gt_con { margin-bottom:20px; color:rgba(0, 0, 0, 0.7); font-size:15px;}
.guide_wrap > dd .guide_txt .gt_con h4 { font-size:16px; font-weight:500; color:#000;}

.login_wrap { width:769px; margin:0 auto;}
.login_wrap .login_input { overflow:hidden; text-align:center; border:1px solid rgba(0, 0, 0, 0.1); padding:40px 0 60px; margin:30px 0; border-left:none; border-right:none; position:relative;}
.login_wrap .login_input li { display:block; width:250px; margin:0 3px; float:left;}
.login_wrap .login_input li input { width:calc(100% - 5px); height:50px; line-height:50px;}
.login_wrap .login_input li .btn { width:calc(100% - 5px); height:50px; line-height:50px; font-size:18px;}
.login_wrap .login_input .save_id { position:absolute; bottom:25px; left:5px;}
.login_wrap .login_txt { overflow:hidden;}
.login_wrap .login_txt li { width:calc(50% - 48px); margin:0 4px; background:rgba(0, 0, 0, 0.05); border-radius:3px; overflow:hidden; float:left; padding:20px 20px 15px 20px;;}
.login_wrap .login_txt li i {display: block; float:left;    font-size: 40px;    height: 50px; width:50px;   color: rgba(0, 0, 0, 0.4); margin:0 10px;}
.login_wrap .login_txt li p { font-size:15px; float:left; width:50%;}
.login_wrap .login_txt li .btn { width:80px; font-size:14px; height:35px; line-height:35px; float:right; position:relative; top:5px;}

.join_wrap {}
.join_wrap .guide_wrap > dd {overflow-y:auto; padding:20px;height:200px; }
.join_wrap .guide_check {text-align:right; width:100%; color:#707070; border-top:1px solid rgba(0, 0, 0, 0.1); padding:10px 0 40px 0;}
.join_wrap .td1 {}
.join_wrap .td1 th { width:120px; text-align:left; background:none;}
.join_wrap .ipw1 { width:200px;}
.join_wrap .ipw2 { width:400px;}
.join_wrap .ipw3 { width:100px;}
.join_wrap .td1 td .btn { width:120px; height:40px; line-height:40px; position:relative; top:2px; font-size:14px;}
.join_wrap .td1 td .tt { padding-left:10px; height:40px; line-height:40px;}
.join_wrap .td1 td .radio { display:inline-block;}
.join_wrap .td1 td .radio li { margin-right:20px; display:inline-block;}
.join_wrap .td1 td .radio li input { margin-right:5px;}
.join_wrap .td1 td .radio.in { margin-left:20px;}
.join_wrap .join_done { text-align:center; padding:40px 0; border:1px solid rgba(0, 0, 0, 0.1); border-left:none; border-right:none;}
.join_wrap .join_done .tit { font-size:30px; font-weight:400;}
.join_wrap .join_done p { font-size:14px;}
.join_wrap .join_done p b { font-weight:normal; color:#0000FF;font-size:14px;}

.input_tit {font-size:17px; font-weight:500;font-size:18px; border-bottom:2px solid rgba(183, 88, 39, 1.0); padding:0 0 10px 5px;}
.input_tit u { text-decoration:none; color:rgba(0, 0, 0, 0.5);}
.input_tit u:before { content:''; display:inline-block; width:1px; height:13px; background:rgba(0, 0, 0, 0.2); margin:0 10px 0 8px;}

.mem_pop {width:460px; background-color:#fff; margin:0 auto; border:1px solid rgba(0, 0, 0, 0.5); border-radius:3px; overflow:hidden;}
.mem_pop h2 {display:block; background-color:rgba(0, 0, 0, 0.1); padding:10px 0 13px; text-align:center; font-size:20px; font-weight:500;}
.mem_pop .mp_con { padding:20px; text-align:center;}
.mem_pop .mp_con input {width:220px;}
.mem_pop .mp_con .mc_in { padding:10px 0 30px 0;}
.mem_pop .mp_con .mc_in .btn { height:40px; line-height:40px; font-size:14px; width:80px;}
.mem_pop .mp_con .mc_find {font-size:17px; padding:10px 0 20px;}
.mem_pop .mp_con .mc_find2 {border-top:1px solid #dfdfdf; padding:30px 0; color:#656565; font-size:17px;}
.mem_pop .mp_con .mc_find2 b { color:#ce0000; font-weight:500; font-size:17px;}
.mem_pop .mp_con .mc_btn { border-top:1px solid #dfdfdf; padding-top:20px;}
.mem_pop .mp_con .mc_btn p { margin-bottom:10px;}
.mem_pop .mp_con .mc_btn p b { font-weight:500; color:rgba(183, 88, 39, 1.0);}
.mem_pop .mp_con .mc_btn .btn {width:110px; height:35px; line-height:35px; }
 
.find_wrap .members_tit { margin-bottom:50px;}
.find_wrap .find_w { overflow:hidden; width:950px; margin:0 auto;}
.find_wrap .find_w dl { float:left; padding:30px; width:400px; height:350px; border:1px solid rgba(0, 0, 0, 0.1); border-radius:3px; text-align:center;}
.find_wrap .find_w .find_r { float:right;}
.find_wrap .find_w dl dt { text-align:center; font-size:25px; font-weight:600; margin-bottom:5px;}
.find_wrap .find_w dl dt i { display:block; margin:0 auto; font-size:40px; color:rgba(0, 0, 0, 0.2);}
.find_wrap .find_w dl dl { text-align:center;}
.find_wrap .find_w dl .txt { font-size:15px; color:rgba(0, 0, 0, 0.5); margin-bottom:20px;}
.find_wrap .find_w dl .txt b {font-size:15px; color:rgba(0, 0, 0, 0.8); font-weight:500;}
.find_wrap .find_w dl .input .ipw { margin-bottom:5px;}
.find_wrap .find_w dl .input .ipw1 { width:calc(100% - 8px);}
.find_wrap .find_w dl .input .ipw2 { width:calc(50% - 20px);}
.find_wrap .find_w dl .btn .btn1 { width:calc(100% - 3px); height:40px; line-height:40px;}
.find_wrap .userid { font-size:17px; color:rgba(0, 0, 0, 0.8); font-weight:500; padding:0 10px; text-decoration:none; letter-spacing:normal;}
.break_wrap .td1 textarea { width:98%; height:200px;}
#pop_zipcode {display:none;border:5px solid;position:fixed;width:400px;height:460px;left:50%;margin-left:-155px;top:50%;margin-top:-235px;overflow:hidden;-webkit-overflow-scrolling:touch;border:1px solid rgba(0, 0, 0, 0.5); border-radius:3px;}


/* Main_Popup */
.main_popup_w {position:relative; width:1300px; height:0; margin:0 auto;}
.main_popup_w .main_popup { background:#fff; z-index:10000000; border:1px solid #1c1c1c; position:absolute; 
box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3)  ; 
-webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3)  ; 
-moz-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3)  ; }
.main_popup_w .main_popup dl { overflow:hidden;background:#1c1c1c; height:40px;}
.main_popup_w .main_popup dl dt { float:left; padding:10px 0 0 10px;}
.main_popup_w .main_popup dl dt a { font-size:14px; color:#fff;}
.main_popup_w .main_popup dl dd { float:right; text-align:right; padding:10px 10px 0 0 ;}
.main_popup_w .main_popup dl dd a { text-align:right; font-size:13px; color:rgba(255, 255, 255, 0.5);}
.main_popup_w .main_popup .main_popup_con { overflow:hidden;}
.main_popup_w .main_popup .main_popup_con img { width:100%;}


/* Board  */
.pagenation { text-align:center; margin:10px 0 0 0;}
.pagenation li { display:inline; cursor:pointer;}
.pagenation .num { display:inline-block; text-align:center; padding:4px 10px; color:rgba(0, 0, 0, 0.5); font-size:15px; font-family:verdana;}
.pagenation .ar {display:inline-block; text-align:center; padding:4px 10px;}
.pagenation .ar i { font-size:16px; vertical-align:-2px;}
.pagenation .on { color:#000; font-weight:bold!important; text-decoration:underline;}

.board_list_wrap {}
.board_list_wrap .btn_wrap { margin:10px 0 0 0 ;}
.board_list { width:100%; }
.board_list thead { background:rgba(0, 0, 0, 0.0);}
.board_list thead th { font-weight:500; border-bottom:1px solid rgba(0, 0, 0, 0.4); height:45px; font-size:14px; color:rgba(0, 0, 0, 0.5);}
.board_list tbody td { text-align:center; padding:5px 0; height:45px;border-bottom:1px solid rgba(0, 0, 0, 0.1);}
.board_list tbody tr:hover { background:rgba(0, 0, 0, 0.05);}
.board_list tbody .bl_num { width:80px; font-size:14px; font-family:verdana; color:rgba(0, 0, 0, 0.5);}
.board_list tbody .bl_notice {width:80px;}
.board_list tbody .bl_notice .i-notice { font-size:30px;}
.board_list tbody .bl_subject { text-align:left; padding-left:20px;}
.board_list tbody .bl_subject .comment {display:inline-block; color:#FF0000; margin-left:10px;}
.board_list tbody .bl_subject .new { font-size:20px; position:relative; top:3px; display:inline-block;margin-left:10px; color:rgba(183, 88, 39, 1.0);}
.board_list tbody .bl_subject .i-lock { margin-right:10px; font-size:20px;position:relative; top:3px; display:inline-block}
.board_list tbody .bl_name { width:140px;}
.board_list tbody .bl_date { width:90px;font-size:14px; font-family:verdana;color:rgba(0, 0, 0, 0.5);}
.board_list tbody .bl_coun { width:70px;font-size:14px; font-family:verdana;color:rgba(0, 0, 0, 0.5);}
.board_list tbody .bl_reply { width:80px; font-size:14px;}
.board_list tbody .bl_reply i:before { position:relative; top:1px; margin-right:3px;}
.board_list tbody .bl_reply.ready, .board_list tbody .bl_reply.ready i { color:rgba(183, 88, 39, 1.0);}
.board_list tbody .bl_reply.done, .board_list tbody .bl_reply.done i { color:rgba(0, 0, 0, 0.5);}
.board_list tbody .bl_file { width:20px;}
.board_list tbody .bl_file i { display:inline-block; width:30px; height:30px; font-size:22px; line-height:30px; cursor:pointer;}
.board_list tbody .notice { background:rgba(183, 88, 39, 0.1);}

.board_write_wrap {}
.board_write { width:100%;}
.board_write th {font-weight:500; border-bottom:1px solid rgba(0, 0, 0, 0.15); min-height:55px;padding:15px 20px; width:120px; text-align:left;}
.board_write td {border-bottom:1px solid rgba(0, 0, 0, 0.15);padding:15px 20px; color:#666;}
.board_write td .ipw1 { width:180px;}
.board_write td .ipw2 { width:calc(100% - 20px);}
.board_write td .ipw3 { width:80px;}
.board_write td .btn { width:120px; height:40px; line-height:40px; position:relative; top:2px; font-size:14px;}
.board_write td .tt { padding-left:10px; height:40px; line-height:40px;}
.board_write td .radio { display:inline-block;}
.board_write td .radio li { margin-right:20px; display:inline-block;}
.board_write td .radio li input { margin-right:5px;}
.board_write td .radio.in { margin-left:20px;}
.board_write_wrap .guide_wrap > dd {overflow-y:auto; padding:20px;height:200px; }
.board_write_wrap .guide_check {text-align:right; width:100%; color:#707070; border-top:1px solid rgba(0, 0, 0, 0.1); padding:10px 0 40px 0;}
.board_write_wrap h3 {font-size:17px; font-weight:500;font-size:18px; border-bottom:2px solid rgba(183, 88, 39, 1.0); padding:0 0 10px 5px;}
.board_write_wrap h3 u { text-decoration:none; color:rgba(0, 0, 0, 0.5);}
.board_write_wrap h3 u:before { content:''; display:inline-block; width:1px; height:13px; background:rgba(0, 0, 0, 0.2); margin:0 10px 0 8px;}

.board_view_wrap {}
.board_view_wrap .btn_wrap { margin:30px 0 40px;}
.board_next { border-top:1px solid rgba(0, 0, 0, 0.1);}
.board_next li {border-bottom:1px solid rgba(0, 0, 0, 0.1); padding:15px 10px;}
.board_next li .tit { display:inline-block; width:100px; font-size:14px;}
.board_next li .tit:before { margin-right:5px; color:rgba(0, 0, 0, 0.5);}
.board_next li a { font-size:15px;}

.bww_file { font-size:0;}
.bww_file li { padding:2px 0;}
.bww_file li .ipw { width:calc(100% - 60px); vertical-align:top; margin-right:10px;}
.bww_file li .file_btn { display:inline-block; cursor:pointer; background:rgba(0, 0, 0, 0.07); padding:9px; vertical-align:top; margin-left:2px; margin-top:2px;}
.bww_file li .file_btn i { font-size:18px; position:relative; }
.bww_file li .file_btn:hover { background:rgba(0, 0, 0, 0.5);}
.bww_file li .file_btn:hover i { color:#fff;}
.bww_file .before {}
.bww_file .before .del { display:inline-block; margin-left:10px; font-size:13px; width:100px!important; height:25px!important; line-height:25px!important; position:relative; top:-4px;}


.bw_top { border-bottom:1px solid rgba(0, 0, 0, 0.1);overflow:hidden; padding:0 10px 20px;}
.bw_top li { float:left; width:calc(100% - 300px);}
.bw_top li i:before { margin-right:5px; position:relative; top:2px;color:rgba(0, 0, 0, 0.5);}
.bw_top .bw_date { width:300px; text-align:right;}
.bw_top .bw_date span {font-size:14px; font-family:verdana;color:rgba(0, 0, 0, 0.5);}
.bw_top .bw_date .date:after { content:''; display:inline-block; width:1px; height:12px; background:rgba(0, 0, 0, 0.2); margin:0 10px 0 10px; position:relative; top:2px;}
.bw_top .bw_date .btn_url { border:none; cursor:pointer; font-size:20px; background:none; display:inline-block; margin-left:20px;}
.bw_top .bw_subject { font-size:18px;}
.board_view .bw_name {border-bottom:1px solid rgba(0, 0, 0, 0.1); padding:10px 20px; font-size:15px;color:rgba(0, 0, 0, 0.5); display:none;}
.board_view .bw_name i:before {color:rgba(0, 0, 0, 0.5); margin-right:5px; display:inline-block; position:relative; top:2px;}
.board_view .bw_info {border-bottom:1px solid rgba(0, 0, 0, 0.1); padding:10px 20px; }
.board_view .bw_info li { display:inline-block;font-size:15px;}
.board_view .bw_info li:after { width:1px; height:13px; background:rgba(0, 0, 0, 0.1); content:''; display:inline-block; margin:0 10px 0 14px; position:relative; top:2px;}
.board_view .bw_info li:last-child:after { display:none;}
.board_view .bw_info li i:before {color:rgba(0, 0, 0, 0.5); margin-right:5px; display:inline-block; position:relative; top:2px;}
.board_view .bw_info li b {  font-weight:400; padding-right:10px; font-size:14px;color:rgba(0, 0, 0, 0.5);}
.board_view .bw_file { background:rgba(0, 0, 0, 0.05); padding:10px 20px;}
.board_view .bw_file li { padding:3px; }
.board_view .bw_file li a {font-size:15px;}
.board_view .bw_file li i:before { margin-right:5px; display:inline-block;}
.board_view .view_con { padding:20px;border-bottom:1px solid rgba(0, 0, 0, 0.4);}
.board_view .view_pic { padding:20px;border-bottom:1px solid rgba(0, 0, 0, 0.1); text-align:center;}
.board_view .view_pic img { max-width:1060px;}
.board_view .view_pic li { margin-bottom:10px;}
.board_view .view_pic li:last-child { margin-bottom:0;}

.comment_wrap {border-bottom:1px solid rgba(0, 0, 0, 0.4);}
.comment_wrap .comment { overflow:hidden; padding:20px;border-bottom:1px solid rgba(0, 0, 0, 0.1);}
.comment_wrap .comment li { float:left;}
.comment_wrap .comment .cw_name { width:120px; font-size:15px; color:rgba(0, 0, 0, 0.5);}
.comment_wrap .comment .cw_name i:before { display:inline-block; margin-right:5px; color:rgba(0, 0, 0, 0.5);}
.comment_wrap .comment .cw_date { width:150px; text-align:right; float:right; font-family:verdana; color:rgba(0, 0, 0, 0.5); font-size:12px;}
.comment_wrap .comment .cw_date span { display:inline-block; cursor:pointer; position:relative; top:2px;}
.comment_wrap .comment .cw_con { width:calc(100% - 280px);}
.comment_wrap .cw_write { padding:20px; overflow:hidden;}
.comment_wrap .cw_write li { float:left;}
.comment_wrap .cw_write .cwr_id { width:100%; margin-bottom:7px;}
.comment_wrap .cw_write .cwr_id input { width:200px; height:30px; border-radius:3px; margin-right:5px; border:1px solid rgba(0, 0, 0, 0.2); padding:0 5px;}
.comment_wrap .cw_write input::placeholder, .comment_wrap .cw_write textarea::placeholder  { font-size:14px; color:rgba(0, 0, 0, 0.5);}
.comment_wrap .cw_write .cwr_con { width:calc(100% - 150px);}
.comment_wrap .cw_write .cwr_con textarea { width:calc(100% - 10px); height:60px;border-radius:3px;border:1px solid rgba(0, 0, 0, 0.2); padding:0 5px;}
.comment_wrap .cw_write .cwr_btn { float:right; width:140px;}
.comment_wrap .cw_write .cwr_btn .btn { width:100%; height:60px; line-height:60px;}

.password_wrap .password { text-align:center;}
.password_wrap .password input { width:327px; text-align:center;}

.board_search { width:400px; margin:0 auto; overflow:hidden; position:relative; margin-bottom:20px;}
.board_search li { float:left; border-bottom:2px solid rgba(0, 0, 0, 0.7);}
.board_search .bs_select { width:100px; margin-right:20px;}
.board_search .bs_select select { height:30px; border:none;  background:none; width:100%;}
.board_search .bs_in { width:calc(100% - 120px);}
.board_search .bs_in input { height:30px; width:calc(100% - 40px);}
.board_search .bs_btn { border:none; position:absolute; top:-2px; right:0; cursor:pointer;}
.board_search .bs_btn i {display:block; width:30px; height:30px; line-height:30px; font-size:25px;}

.board_reply { background:rgba(0, 0, 0, 0.02);border-bottom:1px solid rgba(0, 0, 0, 0.2); padding:20px;}
.board_reply .br_top { margin-bottom:10px; font-size:14px; font-weight:500;}
.board_reply .br_top i:before { margin-right:10px;}

.faq_wrap {}
.faq_wrap .num { width:80px; text-align:center;}
.faq_wrap .con { width:calc(100% - 80px);}
.faq_wrap .faq_top  { overflow:hidden;}
.faq_wrap .faq_top li { float:left; text-align:center;height: 45px; line-height:45px;font-size: 13px;color: rgba(0, 0, 0, 0.5);border-bottom: 1px solid rgba(0, 0, 0, 0.4);}
.faq_wrap dl dt { border-bottom:1px solid rgba(0, 0, 0, 0.1); overflow:hidden;}
.faq_wrap dl dt:hover { background:rgba(0, 0, 0, 0.05);}
.faq_wrap dl dt span { display:block; float:left;  cursor:pointer;padding:18px 0;}
.faq_wrap dl dt .num {font-size: 13px;font-family: verdana;color: rgba(0, 0, 0, 0.5); }
.faq_wrap dl dt .con { padding-left:0px;}
.faq_wrap dl dd { background:rgba(0, 0, 0, 0.05);border-bottom:1px solid rgba(0, 0, 0, 0.1); padding:20px 20px 20px 80px; display:none;}

.gallery_wrap { overflow:hidden; margin-top:40px;}
.gallery_wrap .gallery { float:left; width:calc(25% - 12px); margin:0px 5px 20px 5px; border:1px solid rgba(0, 0, 0, 0.1); border-radius:3px; overflow:hidden; cursor:pointer;}
.gallery_wrap .gallery .pic { overflow:hidden; height:313px;}
.gallery_wrap .gallery .pic img { width:100%; border:none; height:313px;}
.gallery_wrap .gallery .g_con { padding:10px;}
.gallery_wrap .gallery .g_con li { display:inline-block;}
.gallery_wrap .gallery .g_con .g_subject { width:100%;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:17px; margin-bottom:0px; font-weight:600;}
.gallery_wrap .gallery .g_con .g_subject a {font-size:17px; font-weight:600;}
.gallery_wrap .gallery .g_con i {position:relative; top:2px;color:rgba(0, 0, 0, 0.5);}
.gallery_wrap .gallery .g_con .g_name { font-size:14px; margin-right:10px; display:none;}
.gallery_wrap .gallery .g_con .num { font-size:13px; margin-right:10px; font-family:verdana; color:rgba(0, 0, 0, 0.5);}
.gallery_wrap .gallery .g_con .g_model { width:100%; color:#008e80; font-size:14px; letter-spacing:1px; position:relative; top:-6px; font-weight:bold; letter-spacing:3px;}
.gallery_wrap .gallery .g_con .g_text { width:100%; font-size:15px; color:rgba(0, 0, 0, 0.5);overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}


.gallery_n_view { padding:20px 30px 30px 30px; width:815px; margin:0 auto; background:#fff;box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.5); position:relative; border-top:1px solid rgba(0, 0, 0, 0.1);}
.gallery_n_view .bw_top { border-bottom:none; padding:0 30px 15px 10px;}
.gallery_n_view .close { display:block; width:30px; height:30px; font-size:30px; position:absolute; top:10px; right:10px;}
.gallery_n_view .close i { font-size:30px;}

.gallery_v_view { margin-top:0px;}

.calendar_wrap {}
.calendar_wrap .calendar { width:100%;}
.calendar_wrap .calendar thead {}
.calendar_wrap .calendar thead {background:rgba(0, 0, 0, 0.1);}
.calendar_wrap .calendar thead th {height:30px; border:1px solid rgba(0, 0, 0, 0.1);font-weight:800; color:rgba(0, 0, 0, 0.5); font-weight:500; font-size:15px; width:14.2857%;} 
.calendar_wrap .calendar thead th:nth-child(2n) {background:rgba(0, 0, 0, 0.03);}
.calendar_wrap .calendar tbody td {border:1px solid rgba(0, 0, 0, 0.1); padding:5px; height:80px; vertical-align:top;  font-size:14px;}
.calendar_wrap .calendar tbody td:nth-child(2n) { background:rgba(0, 0, 0, 0.03);}
.calendar_wrap .calendar tbody td b { display:block; font-family:verdana; font-weight:500; font-size:14px; color:rgba(0, 0, 0, 0.5);}
.calendar_wrap .calendar tbody td a { display:block; font-size:14px; padding:5px 0 5px 8px; background:url(../../images/common/bullet_1.png) no-repeat 0 11px; line-height:16px;word-break:break-all;}
.calendar_wrap .cw_tit { position:relative;}
.calendar_wrap .cw_tit .cw_top { width:300px; margin:0 auto 20px; text-align:center; position:relative;}
.calendar_wrap .cw_tit .cw_top li { display:inline-block;}
.calendar_wrap .cw_tit .cw_top .ar i { font-size:40px; cursor:pointer;}
.calendar_wrap .cw_tit .cw_top .month { font-size:20px; color:rgba(0, 0, 0, 0.5);}
.calendar_wrap .cw_tit .cw_top .month  b { font-size:60px; font-weight:600; margin-right:5px; position:relative; top:5px;}
.calendar_wrap .cw_tit .cw_top .year {font-size:20px;}
.calendar_wrap .cw_tit .cw_top .year:before { display:inline-block; content:''; margin:0 10px; width:1px; height:13px; background:rgba(0, 0, 0, 0.5);}
.calendar_wrap .cw_tit .cw_top .ar1 { position:absolute; left:0; top:40px;}
.calendar_wrap .cw_tit .cw_top .ar2 { position:absolute; right:0; top:40px;}
.calendar_wrap .cw_tit .cw_select { text-align:right; position:absolute; top:40px; right:0;}

.cal_pop {width:800px; background-color:#fff; margin:0 auto; border:1px solid rgba(0, 0, 0, 0.5); border-radius:3px; overflow:hidden;}
.cal_pop h2 {display:block; background-color:rgba(0, 0, 0, 0.1); padding:10px 0 13px; text-align:center; font-size:20px; font-weight:500;}
.cal_pop h2 i { font-size:20px; color:rgba(0, 0, 0, 0.5); display:inline-block; margin-right:5px; position:relative; top:2px;}
.cal_pop .cal_con { padding:20px 30px; }
.cal_pop .cal_con h3 { font-size:18px; font-weight:500;}
.cal_pop .cal_con .btn {width:110px; height:35px; line-height:35px; display:block; margin:0 auto;}
.cal_pop .cal_con .contents { margin:20px auto;}

.news_wrap {}
.news_wrap .news_list { cursor:pointer; border-bottom:1px solid rgba(0, 0, 0, 0.1); overflow:hidden; padding:20px 10px;}
.news_wrap .news_list .pic { float:left; width:300px; margin-right:20px;}
.news_wrap .news_list .pic img { width:300px; height:150px;}
.news_wrap .news_list dd { float:left; width:calc(100% - 320px); padding-top:10px;}
.news_wrap .news_list dd .tit { margin-bottom:5px; font-size:20px; font-weight:500;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_wrap .news_list dd .info { margin-bottom:10px;}
.news_wrap .news_list dd .info span { font-size:14px; font-family:verdana; color:rgba(0, 0, 0, 0.5);}
.news_wrap .news_list dd .info .date:after { content:''; display:inline-block; margin:0 10px; width:1px; height:11px; background:rgba(0, 0, 0, 0.2); position:relative; top:1px;}
.news_wrap .news_list dd .info .count i { color:rgba(0, 0, 0, 0.5); margin-right:5px; position:relative; top:2px;}
.news_wrap .news_list dd .con { font-size:15px; color:rgba(0, 0, 0, 0.7); height:44px; overflow:hidden;}

.vod_wrap { overflow:hidden;}
.vod_wrap .vod_list { float:left; width:calc(50% - 10px); margin:20px 20px 20px 0;}
.vod_wrap .vod_list:nth-child(2n) { margin-right:0;}
.vod_wrap .vod_list .vod iframe { width:100%; height:300px; border:none;}
.vod_wrap .vod_list .tit { font-size:18px; font-weight:500; margin:10px 0 5px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.vod_wrap .vod_list .date { font-size:14px; font-family:verdana; color:rgba(0, 0, 0, 0.5);}

.interest_wrap .board_write { margin-bottom:10px;}




/* 레이어팝업 */  
#SLB_loading { cursor: pointer; display:none; z-index: 99998; position:absolute;}   
#SLB_film { background:rgba(0, 0, 0, 0.5);z-index: 9999; position: absolute; width: 100%; height:100%;}
#SLB_content {z-index: 100000; position: absolute; text-align:center;}

/* 제품 */
.pro1_view_w {}
.pro1_view_w .btn_wrap { border-top:1px solid rgba(0, 0, 0, 0.2); padding-top:30px; margin-top:30px;}
.pro1_view_w .pvw_top { overflow:hidden; margin-bottom:30px; padding-top:10px;}
.pro1_view_w .pvw_top .pic { float:left; width:535px;}
.pro1_view_w .pvw_top .pic .pic_one { overflow:hidden; height:535px; width:535px;}
.pro1_view_w .pvw_top .pic .pic_one img { width:100%;}
.pro1_view_w .pvw_top .pic ul { margin-top:10px; overflow:hidden;}
.pro1_view_w .pvw_top .pic ul li { cursor:pointer; width:calc(25% - 8px); float:left; overflow:hidden; height:125px;}
.pro1_view_w .pvw_top .pic ul li + li { margin-left:10px;}
.pro1_view_w .pvw_top .pic ul li img { width:100%; min-height:84px; transition-duration: 0.4s;}
.pro1_view_w .pvw_top .pic ul li:hover img {opacity:0.5;}
.pro1_view_w .pvw_top .con { float:right; width:calc(100% - 600px);}
.pro1_view_w .pvw_top .con dt { font-size:35px; color:#000; font-weight:500; margin-bottom:25px; line-height:1.2em; font-family: 'gyeong';}
.pro1_view_w .pvw_top .con dt b { display:inline-block; position:relative; font-size:17px; font-weight:bold; color:#008e80; letter-spacing:2px; left:10px;}
.pro1_view_w .pvw_top .con dd { border-bottom:1px solid rgba(0, 0, 0, 0.1); padding:10px; overflow:hidden;}
.pro1_view_w .pvw_top .con dd b { display:block; float:left; width:150px; font-weight:500; font-size:16px;}
.pro1_view_w .pvw_top .con dd p { float:left; width:calc(100% - 150px); font-size:16px; color:rgba(0, 0, 0, 0.6);}
.pro1_view_w .pvw_top .con dd:last-child { border-bottom:none;}
.pro1_view_w .pvw_top .con .btn_url { display:block; border-radius:3px; background:rgba(0, 0, 0, 0.05); font-size:15px; border:none; width:115px; height:30px; line-height:30px; text-align:center; margin-bottom:15px; margin-top:-15px; cursor:pointer;transition-duration: 0.4s;}
.pro1_view_w .pvw_top .con .btn_url i { color:rgba(0, 0, 0, 0.5); position:relative; top:0px; padding-right:3px;}
.pro1_view_w .pvw_top .con .btn_url:hover { background:#e5966c; color:#fff;}
.pro1_view_w .pvw_top .con .btn_url:hover i { color:#fff;}
.pro1_view_w .pvw_con { text-align:center; padding-bottom:50px;}
.pro1_view_w .pvw_con .pic li { margin-bottom:20px; text-align:center;}
.pro1_view_w .pvw_con .pic li img { max-width:1000px;}
.pro1_view_w .pvw_con h4 { text-align:right; padding-bottom:10px; border-bottom:1px solid rgba(0, 0, 0, 0.5); margin-bottom:50px; letter-spacing:1px; font-size:16px;}
.pro1_view_w .pvw_con .list2 { text-align:left; width:1000px; margin:0 auto 40px auto;}
.pro1_view_w .pvw_con .list2 dd { font-size:17px;}
.pro1_view_w .pvw_con .con p,.pro1_view_w .pvw_con .con span,.pro1_view_w .pvw_con .con div {    line-height: 1.6 !important;}
.pro1_view_w .spec { padding-bottom:20px;}
.pro1_view_w .spec .tit { text-align:center;}
.pro1_view_w .spec .tit h5 { font-size:40px; font-weight:100; letter-spacing:3px;}
.pro1_view_w .spec .tit h5 b { display:block; font-size:30px; font-weight:500; position:relative; top:-10px;}
.pro1_view_w .spec .tit .pic { padding:30px 0 50px;}
.pro1_view_w .spec .td1 { width:1000px; margin:0 auto;}
.pro1_view_w .spec .td1 td { text-align:left;}
.pro1_view_w .spec .td1 th { width:200px;}
.pro1_view_w .spec .dr_btn { padding:10px 30px; display:inline-block;}
.pro1_view_w .spec .dr_btn i { color:#fff;}
.pro1_view_w .mc4 { border-top:1px solid rgba(0, 0, 0, 0.15); margin:0; padding:0; padding:70px 0 50px;}

/* 회사소개 */
.comp1 { text-align:center;}
.comp1 p { line-height:1.8em; font-size:17px;}
.comp1 .top .logo { width:66px;}
.comp1 .top u { display:block; text-decoration:none; color:rgba(0, 0, 0, 0.3); font-weight:bold; letter-spacing:5px;text-transform: uppercase; margin:10px 0; }
.comp1 .top {}
.comp1 .top h3 { margin-bottom:20px;}
.comp1 .top h3 b,
.comp1 .top h3 {font-family: 'gyeong'; font-size:45px; line-height:1.1em; font-weight:bold;}
.comp1 .top h3 b { color:#743a1c;}
.comp1 dl + dl { margin-top:30px;}
.comp1 dl { overflow:hidden; border-radius:20px; background:#f8f8f8;}
.comp1 dl dt { background:#e88771; color:#fff;font-family: 'gyeong'; font-weight:bold; font-size:25px; padding:5px;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); line-height:1.6em;}
.comp1 dl dd { padding:35px 45px;}
.comp1 dl dd ul { display:flex; gap:10px; margin:20px auto;}
.comp1 dl dd ul li { border-radius:10px; background:#fff;box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.25); width:100%; padding:40px 10px 30px;}
.comp1 dl dd ul li p {}
.comp1 .comp1_1 ul li img { width:70px;}
.comp1 .comp1_1 ul li p { font-size:18px; padding-top:25px;}
.comp1 .comp1_2 dt { background:#e89b71;}
.comp1 .comp1_2 ul li img { width:120px;}
.comp1 .comp1_2 ul li p { font-size:16px; padding-top:15px;}
.comp1 .comp1_3 dt { background:#deae7b;}
.comp1 .comp1_3 ul li img { width:70px;}
.comp1 .comp1_3 ul li p { font-size:18px; padding-top:25px;}
.comp1 .bt p,
.comp1 .bt p b { font-size:22px;font-family: 'gyeong'; font-weight:100; line-height:1.4em;}
.comp1 .bt p b { color:#743a1c; font-weight:bold;}
.comp1 .bt p  { margin-top:20px;}
.comp2 {}
.comp2 .top { text-align:left; position:relative;}
.comp2 .top:after { content:''; display:block; background:url(../../images/company/lo_tit.png) no-repeat; position:absolute; bottom:-30px; right:0; width:507px; height:110px;}
.comp2 .top h3 { margin-bottom:30px;}
.comp2 .top h3, 
.comp2 .top h3 b {font-family: 'gyeong'; font-size:45px; line-height:1.1em; font-weight:bold;}
.comp2 .top h3 b {color:#743a1c;}
.comp2 .top h3 u {display:inline-block; padding-left:20px; text-decoration:none; color:rgba(0, 0, 0, 0.3); font-weight:bold; letter-spacing:5px;text-transform: uppercase; margin:10px 0; }
.comp2 iframe { border:0; width:1300px; height:500px; overflow:hidden; border-radius:20px; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);}
.comp2 .map_link { overflow:hidden;background-image: linear-gradient(to right, #edb492, #e69a71); padding:40px 20px 12px 20px; margin-bottom:40px; border-radius:0 0 20px 20px; margin-top:-33px; margin-bottom:20px;}
.comp2 .map_link li { float:left; text-align:left;}
.comp2 .map_link li:last-child { float:right; text-align:right;}
.comp2 .map_link li a { font-size:16px; color:#fff;}
.comp2 .map_link li a i { position:relative; top:2px; margin-right:5px;color:#fff;}
.comp2 .con { overflow:hidden;}
.comp2 .con li { overflow:hidden; float:left; width:50%;}
.comp2 .con li b { float:left; width:130px; box-sizing:border-box; border-bottom:1px solid rgba(0, 0, 0, 0.5); text-align:center; font-size:20px; color:#884724; height:80px; line-height:80px; font-weight:600;}
.comp2 .con li b i { color:#e69a71; font-size:20px; padding-right:5px;}
.comp2 .con li p { float:left; width:calc(100% - 130px);box-sizing:border-box;padding:0px 0 0px 35px; border-bottom:1px solid rgba(0, 0, 0, 0.1); font-size:17px;height:80px; line-height:80px;}