@charset "utf-8";

/* font 
@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css');*/
/* NanumSquare: Regular(400), Bold(700), Extra Bold(800), Light(300) */

/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); } 
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); } 
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); } 
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); } 
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); } 
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 900; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); }


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 16px;
font: inherit;
font-family: 'Noto Sans KR', sans-serif;
vertical-align: baseline;
text-decoration: none;
word-break: keep-all;
color: #333;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}

body {
line-height: 1;
}

ol, ul, li{
list-style: none;
}

blockquote, q {
quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

p{word-break: keep-all;}
.blind, caption{font-size: 0; position: absolute; top: -999999px; visibility: hidden;}


/*��Ʈ�� �˾� 200824*/


@media screen and (max-width: 1000px){
.pop-layer {width:90%;left:0%;margin-left:45%;}
}

@media screen and (max-width: 540px){.pc_pop{display:none!important;}.m_pop{display:block!important;}.pop-layer .btn-r{top: -40px;right: 0;}.pc_btn{display:none;}
.m_btn{position:absolute;width:46%;height:2%;bottom:15%;left:50%;}}@charset "utf-8";

.wrap{width: 100%; max-width: 1920px; margin: 0 auto; overflow: hidden;}

/*header*/
.header{position: fixed;top: 0;left: 0;z-index: 90; width: 100%; height: 80px; clear: both; background-color: #fff; border-bottom: solid 1px #ddd;}
.hd_wrap{width: 1156px; margin: 0 auto; }
.top_logo{float: left; overflow: hidden;}
.gnb, .gnb .nav{float: right;}
.gnb .tnb{float: right; overflow: hidden;}
.gnb .nav .menu, .gnb .tnb>li {float: left;}

/*main_logo*/
.top_logo{margin: 20px 0 0 0;}

/*main_gnb*/
.gnb{width: 800px;position:relative;}
.gnb .link_btn{position:absolute;left:100%;top:50%;transform:translateY(-50%);text-align:center;width: max-content;line-height: 1.4;background: #eceef6;border: 1px solid #ced5ed;padding: 5px 10px;border-radius:8px;}
.gnb .link_btn span{font-size:12px;display:block;color: #7383c1;}
.gnb .link_btn img{height:20px;}

.nav .menu{position: relative; z-index: 95; width: auto; height: 100%; text-align: center; padding:0 10px;}
.nav .menu>a{display: block; line-height: 80px; font-size: 17px; font-weight: bold; color: #484848;}
.nav .menu>a:hover{color: #5d2e19;}
.nav .menu0>a{font-weight: 800; color: #5d2e19;}
.nav .menu .sub_menu{display: none; position: absolute; top: 80px; z-index: 100; width: 250px; border: solid 1px #ddd; border-top: solid 3px #5d2e19; background-color:#fff; padding:5px 0;}
.menu .sub_menu li{height: 40px; text-align: left;}
.menu .sub_menu li a{display: block; padding: 0 0 0 24px; line-height: 40px; color: #535454;}
.menu .sub_menu li a:hover{color: #fff; background-color: #5d2e19;}
.nav .menu:hover .sub_menu{display: block;}



/* main_tnb*/
.tnb{margin-top: 35px;}
.tnb li{width: 35px; height: 31px; margin-left: 3px; background-color: #333; border: 1px solid #777777; text-align: center;}
.tnb li a{display: block; line-height: 35px;}
.tnb li:hover{background-color: #e74100; border: 1px solid #e74100;}

/*mobile gnb*/
.m_wrap {display: none; position: fixed; top: 0; right: 0; z-index: 100; width: 100%; height: 100%;}
.m_gnb{position: absolute; z-index: 50; width: 80%; height: 100%; margin-left: 20%; padding-top: 60px; border-bottom: 1px solid #e5e5e5; background-color: #fff;}
.m_gnb li a{ font-size: 17px; font-weight: bold; color: #484848;}
.m_gnb li{border-top: 1px solid #e5e5e5;}
.m_gnb_01, .m_gnb_02, .m_gnb_03, .m_gnb_04, .m_gnb_05, .m_gnb_06{display: block; overflow: hidden; clear: both; padding: 20px 24px 18px 16px;}
.m_gnb_01 span, .m_gnb_02 span, .m_gnb_03 span, .m_gnb_04 span, .m_gnb_05 span, .m_gnb_06 span{display: inline-block; float: right; width: 20px; height: 12px; background-position: center 12px;}
.m_gnb li.on .m_gnb_01 span, .m_gnb li.on .m_gnb_02 span, .m_gnb li.on .m_gnb_03 span, .m_gnb li.on .m_gnb_04 span, .m_gnb li.on .m_gnb_05 span, .m_gnb li.on .m_gnb_06 span{background-position: center 24px;}
.m_gnb .sub_menu{display: none; background-color: #fff;}
.m_gnb .sub_menu li a{display: block;padding: 15px 24px 14px 30px;font-size: 17px;font-weight: normal;background-color: #f1eae7;}
.m_gnb .sub_menu li a:hover{color: #fff; background: #5d2e19;}

/*toggle_btn*/
.toggle_btn{display: none; position: absolute; top: 21px; right: 21px; z-index: 9999; width: 25px; height: 22px; background: no-repeat left top;}
/*.header2 .toggle_btn{top: 25px; right: 21px;}*/
.toggle_btn.on{width: 23px; background-position: -25px top;}
.blank_box{position: absolute; z-index: 10; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5);}

/* mobile_tnb*/
.m_tnb{position: absolute; top: 25px; left: 16px; text-align: center;}
.m_tnb li{display: inline-block; width: 35px; height: 31px; margin-left: 3px; background-color: #333; border: 1px solid #777777; text-align: center;}
.m_tnb li a{display: block; line-height: 35px;}

.m_tnb li:hover{background-color: #e74100; border: 1px solid #e74100;}
/*footer*/
.footer{padding: 40px 0 40px; background-color: #333;}
.footer .f_wrap{clear: both; overflow: hidden; width: 1200px; margin: 0 auto;}
.f_wrap .f_left{float: left; width: 600px;}
.f_wrap .f_right{width: 180px; float: right; text-align: right;}
.sns_icon{display: block; padding: 19px 0 28px; text-align: right;}
.sns_icon li{display: inline-block;}
.sns_icon .sns_blog img {vertical-align:middle;margin-right:5px;}
.sns_icon .sns_blog span {color: #fff;}

.f_wrap .f_left p{padding-top: 28px; font-size: 16px; line-height: 24px; color:#aaa;}
.select_wrap{position: relative; width: 180px; height: 28px; display: inline-block;}
.select_wrap .site_label{position: absolute; top: 0; right: 0; display: block; width:78px; padding: 6px 89px 6px 11px; background: no-repeat 90% center; border: 1px solid #828282; color: #828282;}
.select_wrap .select{opacity: 0; display: block; width: 100%; height: 100%;}



@media screen and (max-width: 1280px){
/*header*/
.hd_wrap {width: 95%; min-width: 1024px;}

.top_logo {/*margin: 33px 30px 0;*/}
/*header2
.header.header2 .top_logo {margin: 25px 4% 0 5%;}*/
.footer .f_wrap{width: 95%;}
}

/*mobile start*/
@media screen and (max-width: 1023px){
.top_logo {margin: 10px 4% 0 30px;}
.top_logo img {width:100%;}
.gnb .link_btn{display:none;}

/*tnb*/
.tnb{display: none;}
.gnb{display: none;}
.toggle_btn{display: block;}

/*header*/
.header {height: 59px; border-bottom: 1px solid #7d7d7d;}
.mobile_menu{display: block;}
}

@media screen and (max-width: 768px){
.f_wrap .f_left, .f_wrap .f_right{width: 50%;}
}

@media screen and (max-width: 480px){
.footer {padding: 65px 0 68px;}
.f_wrap .f_left, .f_wrap .f_right{width: 100%; text-align: center;}
.f_wrap .f_right{margin-bottom: 10px;}
.sns_icon{padding: 30px 0 25px; text-align: center;}
}
.nav .menu1{position: relative; z-index: 95; width: auto; height: 100%; text-align: center;}
.nav .menu>a{display: block; line-height: 80px; font-size: 17px; font-weight: bold; color: #484848;}
.nav .menu>a:hover{color: #5d2e19;}
.nav .menu0>a{font-weight: 800; color: #5d2e19;}
.nav .menu .sub_menu{display: none; position: absolute; top: 80px; z-index: 100; width: 250px; border: solid 1px #ddd; border-top: solid 3px #5d2e19; background-color:#fff; padding:5px 0;}
.menu .sub_menu li{height: 40px; text-align: left;}
.menu .sub_menu li a{display: block; padding: 0 0 0 24px; line-height: 40px; color: #535454;}
.menu .sub_menu li a:hover{color: #fff; background-color: #5d2e19;}
.nav .menu:hover .sub_menu{display: block;}

/* main_tnb*/
.tnb{margin-top: 35px;}
.tnb li{width: 35px; height: 31px; margin-left: 3px; background-color: #333; border: 1px solid #777777; text-align: center;}
.tnb li a{display: block; line-height: 35px;}
.tnb li:hover{background-color: #e74100; border: 1px solid #e74100;}

/*mobile gnb*/
.m_wrap {display: none; position: fixed; top: 0; right: 0; z-index: 100; width: 100%; height: 100%;}
.m_gnb{position: absolute; z-index: 50; width: 80%; height: 100%; margin-left: 20%; padding-top: 60px; border-bottom: 1px solid #e5e5e5; background-color: #fff;}
.m_gnb li a{ font-size: 17px; font-weight: bold; color: #484848;}
.m_gnb li{border-top: 1px solid #e5e5e5;}
.m_gnb_01, .m_gnb_02, .m_gnb_03, .m_gnb_04, .m_gnb_05, .m_gnb_06{display: block; overflow: hidden; clear: both; padding: 20px 24px 18px 16px;}
.m_gnb_01 span, .m_gnb_02 span, .m_gnb_03 span, .m_gnb_04 span, .m_gnb_05 span, .m_gnb_06 span{display: inline-block; float: right; width: 20px; height: 12px; background-position: center 12px;}
.m_gnb li.on .m_gnb_01 span, .m_gnb li.on .m_gnb_02 span, .m_gnb li.on .m_gnb_03 span, .m_gnb li.on .m_gnb_04 span, .m_gnb li.on .m_gnb_05 span, .m_gnb li.on .m_gnb_06 span{background-position: center 24px;}
.m_gnb .sub_menu{display: none; background-color: #fff;}
.m_gnb .sub_menu li a{display: block;padding: 15px 24px 14px 30px;font-size: 17px;font-weight: normal;background-color: #f1eae7;}
.m_gnb .sub_menu li a:hover{color: #fff; background: #5d2e19;}

/*toggle_btn*/
.toggle_btn{display: none; position: absolute; top: 21px; right: 21px; z-index: 9999; width: 25px; height: 22px; background: no-repeat left top;}
/*.header2 .toggle_btn{top: 25px; right: 21px;}*/
.toggle_btn.on{width: 23px; background-position: -25px top;}
.blank_box{position: absolute; z-index: 10; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5);}

/* mobile_tnb*/
.m_tnb{position: absolute; top: 25px; left: 16px; text-align: center;}
.m_tnb li{display: inline-block; width: 35px; height: 31px; margin-left: 3px; background-color: #333; border: 1px solid #777777; text-align: center;}
.m_tnb li a{display: block; line-height: 35px;}

.m_tnb li:hover{background-color: #e74100; border: 1px solid #e74100;}
/*footer*/
.footer{padding: 40px 0 40px; background-color: #333;}
.footer .f_wrap{clear: both; overflow: hidden; width: 1200px; margin: 0 auto;}
.f_wrap .f_left{float: left; width: 600px;}
.f_wrap .f_right{width: 180px; float: right; text-align: right;}
.sns_icon{display: block; padding: 19px 0 28px; text-align: right;}
.sns_icon li{display: inline-block;}
.sns_icon .sns_blog img {vertical-align:middle;margin-right:5px;}
.sns_icon .sns_blog span {color: #fff;}

.f_wrap .f_left p{padding-top: 28px; font-size: 16px; line-height: 24px; color:#aaa;}
.select_wrap{position: relative; width: 180px; height: 28px; display: inline-block;}
.select_wrap .site_label{position: absolute; top: 0; right: 0; display: block; width:78px; padding: 6px 89px 6px 11px; background: no-repeat 90% center; border: 1px solid #828282; color: #828282;}
.select_wrap .select{opacity: 0; display: block; width: 100%; height: 100%;}



@media screen and (max-width: 1280px){
	/*header*/
	.hd_wrap {width: 95%; min-width: 1024px;}
	.gnb {width: auto;}
	.gnb .link_btn{display:none;}
	.top_logo img{width:280px;}
	.footer .f_wrap{width: 95%;}
}

/*mobile start*/
@media screen and (max-width: 1023px){
	.top_logo {margin: 10px 4% 0 30px;}
	.top_logo img {width:100%;}
	/*tnb*/
	.tnb{display: none;}
	.gnb{display: none;}
	.toggle_btn{display: block;}

	/*header*/
	.header {height: 59px; border-bottom: 1px solid #7d7d7d;}
	.mobile_menu{display: block;}
	.mobile_menu .link_btn{position:absolute;left:22%;top:14px;z-index:101;text-align:center;border:1px solid #ced5ed;padding:5px 10px;display: flex;align-items: center;border-radius: 5px;background:#eceef6;}
	.mobile_menu .link_btn span{color:#7383c1;font-size:12px;margin-left:10px;}
	.mobile_menu .link_btn img{height:20px;}
}

@media screen and (max-width: 768px){
	.f_wrap .f_left, .f_wrap .f_right{width: 50%;margin: 14px 4% 0 30px;}
}

@media screen and (max-width: 480px){
	.top_logo{width:220px;}
	.footer {padding: 65px 0 68px;}
	.f_wrap .f_left, .f_wrap .f_right{width: 100%; text-align: center;}
	.f_wrap .f_right{margin-bottom: 10px;}
	.sns_icon{padding: 30px 0 25px; text-align: center;}
}

.quick_link{position:fixed;right:50px;bottom:50px;z-index:50;display:flex;flex-flow:column;gap:10px;align-items: flex-end;}
.quick_link a{width:60px;height:60px;padding:5px 5px;text-align:center;border-radius:100px;background:#fff;box-sizing:border-box;box-shadow:5px 5px 10px rgba(0,0,0,0.15);position:relative;display:flex;align-items:center;}
.quick_link a.link1 i{display:inline-block;width:30px;height:30px;display:block;background:url(../images/theme/symbol.png) center center no-repeat;background-size:contain;margin:0 auto;}
.quick_link a.link2 i{display:inline-block;width:30px;height:30px;display:block;background:url(../images/theme/blog_icon.png) center center no-repeat;background-size:90%;margin:0 auto;}
.quick_link a span{width:0;overflow:hidden;font-size:14px;white-space:nowrap;}
.quick_link a:hover{width:100%;transition:all ease 0.3s;padding:5px 20px;}
.quick_link a:hover span{width:100%;padding-left:5px;}
.quick_link a:hover span:after{content:'';display:inline-block;width:14px;height:14px;background:url(../images/theme/link_icon.png) center center no-repeat;background-size:cover;margin-left:3px;vertical-align:middle;}
@media screen and (max-width: 1023px){
	.quick_link{right:20px;bottom:20px;}
}@charset "utf-8";


/*------contents-----------------------------------------------------------------------------------------------*/
/* filed - 공통 */
.filedwrap{width: 1200px; margin: 0 auto;}
.filedwrap h3{padding: 99px 0 72px; font-size: 35px; font-weight: bold; text-align: center;}
.ir, caption {font-size: 0; position: absolute; top: -999999px; visibility: hidden;}
table {border-collapse: collapse; border-spacing: 0;}
.img100 {display:block;width:100%;padding:0 0 92px;}
.img90 {display:block;width:90%;margin:auto;}
.tac {text-align:center;}
.bdn {border:none!important;}
.bdln {border-left:none!important;vertical-align:middle;}
.bdbg {width:100%!important;padding:0!important;margin:0!important;border-bottom:1px solid #e2e2e2;border-top:none;height:0!important;}
.bdb {border-bottom:1px solid #e2e2e2;border-top:none!important;border-left:none!important;border-right:none!important;}
.black {color:#333!important;}
.tit {font-size: 20px; font-weight: 500; line-height: 31px; color: #292929;text-align:center;padding-bottom:40px;}
.tit2 {font-size: 24px; font-weight: 700; line-height: 31px; color: #292929;text-align:center;padding-bottom:30px;}


.red {color:#b90000;}
.description {font-size:13px;color:#7e7e7e;line-height:22px!important;padding-top:30px;}
.tbl {width:100%;border-top: 2px solid #5d2e19;border-bottom: 1px solid #e2e2e2;color: #5d2e19;font-size: 15px;line-height: 1.35;text-align: center;}
.tbl table {width:100%;}
.tbl thead th {padding: 18px 10px;border-left: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;background-color: #f7f7f7;color: #5d2e19;}
.tbl thead th:first-child {border-left:none!important;}
.tbl tbody td {word-break:break-all;vertical-align:middle;padding: 18px 10px;border-left: 1px solid #e2e2e2;border-top: 1px solid #e2e2e2;color: #292929;}


.process {display:block;margin:auto;}
.process_m {display:none;margin:auto;}






/*-------contents title-------*/
.sub_title{width: 100%; overflow: hidden; clear: both; background: no-repeat center top; background-attachment: fixed;}
.sub_title .title{/*width: 370px;*/ padding: 180px 0 80px; margin: 0 auto; text-align: center;}
.sub_title .title h2{padding-bottom: 25px; font-size: 50px; font-weight: 700; color: rgba(255,255,255,0.8);}
.sub_title .title p{ font-size: 24px; line-height: 32px; color: #fff;}
.sub_title .sub_navi{width: 100%;background-color: rgba(93, 46, 25, 0.5);border-top: 1px solid #5d2e19;}
.sub_title .sub_navi ul{overflow: hidden; clear: both; width: 1200px; margin: 0 auto;}
.sub_title .sub_navi ul li{float: left;width: 274px;padding: 23px 0 21px;background: no-repeat 90% center;border-right: 1px solid rgba(61, 27, 21, 0.8);}
.sub_title .sub_navi ul li span{padding-left: 24px; color: #fff;}
.sub_title .sub_navi ul li.sub_na_home{width: 59px;padding: 24px 0 20px;background-color: rgba(61, 27, 21, 0.8);}
.sub_title .sub_navi ul li.sub_na_home a{display: block; width: 100%; text-align: center;}

.sub_title.bg1{background:url(../images/theme/sub_bg01.jpg);}
.sub_title.bg2{background:url(../images/theme/sub_bg_interior.jpg);}
.sub_title.bg3{background:url(../images/theme/sub_bg_system.jpg);}
.sub_title.bg4{background:url(../images/theme/sub_bg_life.jpg);}
.sub_title.bg5{background:url(../images/theme/sub_bg_enter.jpg);}
.sub_title.bg6{background:url(../images/theme/sub_bg_notice.jpg);}



/*-------interior_slide-------*/




/* Position the image container (needed to position the left and right arrows) */
.container {
  position: relative;
}
/* Hide the images by default */
.mySlides {
  display: none;
}
/* Add a pointer when hovering over the thumbnail images */
.cursor {
  cursor: pointer;
}
/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 350px;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}
/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}
/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}
/* Container for image text */
.caption-container p {
  text-align: center;
  background: rgba(000,0,0,0.5);
  padding: 10px 20px;
  color: white;position:absolute;top:0;right:0;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}
/* Fivecolumns side by side */
.five{
  width: 20% !important;
}

.four{
	width:25% !important;
}


/* Six columns side by side */
.column {
  float: left;
  width: 16.66%;
}
/* Seven columns side by side */
.seven {
  width: 14.28%!important;
}
/* Add a transparency effect for thumnbail images */
.demo {
  opacity: 0.6;
}
.active,
.demo:hover {
  opacity: 1;
}


.interior_list{clear: both; overflow: hidden; box-sizing: border-box;margin-bottom:60px;}
.interior_list .pro_li{float: left; width: 33.3%; box-sizing: border-box;}
.interior_list .pro_li .img_wrap{position: relative; display: block; height: 300px; overflow: hidden;}
.interior_list .pro_li .img_wrap img{position: absolute; top: 0; left: 50%; margin-left: -300px; display: block; width: 600px;}
.interior_list .pro_li dl{padding: 19px 22px 19px;}
.interior_list .pro_li dt{padding-bottom: 3px;font-size: 1em;font-weight: 700;line-height: 25px;color: #292929;}
.interior_list .pro_li dd{font-size: 16px; line-height: 24px; color: #888888;}








/*-------contents title-------*/
/*company-ceo*/
.filedwrap.ceo .filed01{width: 100%; padding: 481px 0 74px; background: no-repeat; background-position: center top; background-size: contain;}
.filedwrap.ceo .filed01 .ceo_txt{overflow:hidden;width: 890px; padding: 51px 54px; margin: 0 auto; background-color: #fff;}
.filedwrap.ceo .filed01 .ceo_txt .ceo_sign {float:right;margin:70px 0 50px;}
.ceo_txt h4{font-size: 26px; font-weight: 500; line-height: 31px; color: #292929;}
.ceo_txt p{width: 92%; padding-top: 42px; font-size: 17px; line-height: 30px; color: #292929;}
.ceo_txt h5{font-size: 22px; font-weight: 700; line-height: 31px; color: #292929; padding-top: 42px; border-bottom:2px solid #292929; display:inline-block;}
.pt10 {padding-top:10px!important;}


/*company - about*/
.filedwrap.about{padding-bottom: 105px;}
.filedwrap.about .icon_list_wrap li{overflow: hidden; clear: both; margin-bottom: 79px;}


.story_list_wrap li dl {width: 100%;  padding: 30px 0 0 207px; background: no-repeat left top;}
.story_list_wrap dl dt{padding-bottom: 20px; font-size: 35px; font-weight: bold;}
.story_list_wrap dl dd{padding-bottom: 36px; line-height:28px; background: no-repeat left 6px; }


.icon_list_wrap li dl {width: 392px; float: left; padding: 30px 0 0 207px; background: no-repeat left top;}
.icon_list_wrap dl dt{padding-bottom: 20px; font-size: 22px; font-weight: bold; color: #5d2e19;}
.icon_list_wrap dl dd{padding-bottom: 36px; line-height:28px; background: no-repeat left 6px; }


.filedwrap.about h3{padding: 99px 0 45px;}
.filedwrap.about .filed01 p{font-size: 17px; line-height: 30px; color: #292929; text-align: center;}
.filedwrap.about .filed01 img{display: block; height: auto; /* padding: 0 0 92px;*/margin:auto;}
.filedwrap .txt_sub{color:#999; margin-bottom:40px; text-align:center; line-height:1.6em;}
.filedwrap .txt_sub_black {color:#111; margin-top:-20px; margin-bottom:20px; text-align:center; line-height:1.6em;}

/*company-facility*/
.facility_wrap{display:flex;}


/*company-history*/
.history_wrap{display:flex;flex-wrap:wrap;justify-content:space-between;}
.year{width:49%; padding-bottom: 60px;}
.year dt{padding-bottom: 10px; margin-bottom: 10px; font-size: 24px; font-weight: bold; color: #5d2e19; border-bottom: 1px solid #ddd;}
.year dd{position: relative; line-height: 30px;}
.year dd span{ top: 0; left: 0; display: inline-block; color: #777777;}
.year dd b{display: inline-block;font-weight:600;}


/*sub_system*/
.system_wrap {overflow: hidden; clear: both; padding: 0 0 160px;}
.system_wrap .w100 {width:100%;}
.system_wrap .w100 .year {width:100%;overflow:hidden;height:auto;}
.system_wrap h4 {font-size: 20px; font-weight: 500; line-height: 31px; color: #292929;text-align:center;padding-bottom:40px;}


/*company-member*/
.memberList{clear: both; overflow: hidden; padding-bottom: 90px;}
.memberList .m_li{float: left;width: 358px;margin: 0 60px 50px 0;}
.memberList li:nth-child(3n){margin-right: 0;}
.memberList .m_li img{display: block;width: 100%;height: auto;border: 1px solid #b6b6b6;box-sizing: border-box;}
.memberList .m_li dt{padding: 26px 0 5px;font-size: 18px;font-weight: bold;line-height: 35px;color: #292929;}
.memberList .m_li dd{font-size: 22px; color: #666666;}


/*business*/
.filedwrap.business .filed01{padding-bottom: 170px;}
.busi_wrap .busi_li{overflow: hidden; clear: both;}
.busi_wrap .busi_li .busi_img{position: relative; display: block; width: 600px; height: 475px; overflow: hidden;}
.busi_wrap .busi_li .busi_img img{position: absolute; top: 0; left: 50%; width: 600px; height: auto; margin-left: -300px;}
.busi_wrap .busi_li dl{width: 540px;}
.busi_wrap .busi_li.img_left .busi_img, .busi_wrap .busi_li.img_right dl{float: left;}
.busi_wrap .busi_li.img_right .busi_img, .busi_wrap .busi_li.img_left dl{float: right;}
.busi_wrap .busi_li.img_left dl{padding: 62px 0 0 60px;}
.busi_wrap .busi_li.img_right dl{padding: 62px 60px 0 0;text-align: right;}
.busi_wrap .busi_li dl dt{display: inline-block;width: 70%;padding-bottom: 30px;font-size: 45px;font-weight: 800;line-height: 50px;color: #5d2e19;}
.busi_wrap .busi_li dl dd{display: inline-block;width: 77%;font-size: 16px;line-height: 27px;color: #888888;word-break: keep-all;}


/*product*/
.filedwrap.product{width: ; padding-bottom: 157px;}
.product_list{clear: both; overflow: hidden; border-bottom: 1px solid #b6b6b6; border-right: 1px solid #b6b6b6; box-sizing: border-box;}
.product_list .pro_li{float: left; width: 50%; border-top: 1px solid #b6b6b6; border-left: 0.9px solid #b6b6b6; box-sizing: border-box;}
.product_list .pro_li .img_wrap{position: relative; display: block; height: 300px; overflow: hidden; border-bottom: 1px solid #b6b6b6;}
.product_list .pro_li .img_wrap img{position: absolute; top: 0; left: 50%; margin-left: -300px; display: block; width: 600px;}
.product_list .pro_li dl{padding: 19px 22px 30px;}
.product_list .pro_li dt{padding-bottom: 3px;font-size: 19px;font-weight: 700;line-height: 25px;color: #292929;}
.product_list .pro_li dd{font-size: 16px; line-height: 24px; color: #888888;}


/*customer*/
.board_wrap, .join_info{overflow: hidden; clear: both;}
.board_wrap .info_wrap{width: 352px; float: right; padding-bottom: 18px;}
.board_wrap .info_select{float: left; position: relative;}
.info_wrap .info_slabel{display: block; position: absolute; top: 0; right: 0; width: 68px; height: 38px; padding: 0 15px; line-height: 38px; border: 1px solid #dddddd; background: no-repeat 85% center;}
.info_wrap .info_s {opacity: 0; display: block; width: 100px; height: 40px;}
.info_wrap .search input {float: left; display: block; width: 172px; height: 36px; margin: 0 3px; line-height: 36px; border: 1px solid #dddddd;}
.info_wrap .search a {float: left; display: block; width: 60px; height: 40px; line-height: 40px; text-align: center; background: #5d2e19; font-size: 14px; color: #fff;}
.board_table, .board_table.board_table_view, .info_table{clear: both;width: 100%;border-top: 2px solid #563124;table-layout: fixed;}
.board_table.board_table_view, .board_table.cantact, .info_table{border-top: 0;}
.join_info{border-top: 1px solid #dadada;}
.board_wrap.border_top{border-top: 2px solid #5d2e19;}
.board_table th, .info_table th{padding: 15px;text-align: center;border-bottom: 1px solid #dddddd;background: #f6f4f4;font-size: 15px;vertical-align: middle;font-weight: bold;}
.board_table .right_border{border-right: 1px solid #dadada;}
.board_table .title {text-align: left;}
.board_table .title a:hover{color: #5d2e19;}
.board_table td, .info_table td {padding: 15px;text-align: center;border-bottom: 1px solid #dddddd;font-size: 17px;vertical-align: middle;}
.board_table td.text_l{text-align: left; line-height: 25px;}
.info_table th, .info_table td{text-align: left; line-height: 25px;}
.info_table th{padding-left: 34px;}
.info_table .font_col{color: #777777;}
.mType_board {display: none;}
.mType_board .mType_btitle {border-top: 2px solid #5d2e19;}
.mType_board .mType_btitle li {padding: 15px; border-bottom: 1px solid #dddddd; background: #f6f4f4; font-size: 14px; text-align: center;}
.mType_board .mType_blist li {padding: 15px; border-bottom: 1px solid #dddddd;}
.mType_board .mType_blist li a {display: inline-block; width: 98%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.regist, .goToList{text-align: right; margin-top: 34px;}
.goToList{margin-bottom: 105px;}
.regist a, .goToList a{display: inline-block; padding: 12px 36px; font-size: 17px; background: #5d2e19; color: #fff;}
.w_paging {text-align: center; margin: 19px 0 100px;}
.w_paging ul {display: inline;}
.w_paging ul li {display: inline-block;}
.w_paging ul li.ico a {background: #fff; border: 1px solid #dddddd; font-weight: bold; color: #9d9d9d; font-size: 14px;}
.w_paging ul li a:hover{color: #ac887a;}
.w_paging ul li a {display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; border: 1px solid #dddddd;}
.w_paging ul li a.on {display: inline-block; border: 1px solid #5d2e19; background: #5d2e19; color: #fff;}


/*contact*/
.company_info{overflow: hidden; clear: both; margin-bottom: 61px;}
.company_info h4 {font-size: 20px; font-weight: 500; line-height: 31px; color: #292929;text-align:center;padding-bottom:30px;}
.company_info .map_con {border-bottom: 1px solid #dddddd;overflow: hidden;}
.company_info dl{float: left; width: 372px; padding: 50px 0 50px; text-align: left; /*border: 1px solid #dddddd;*/background: no-repeat center 48px;}
.company_info dl.adress_map {width:calc(100% - 2px);height:auto;}
.company_info dl.adress_map50 {width:50%;float:left;}
.company_info dl.adress_map50 dd {marginr-right:10px!important;}
.company_info dl.adress_map50 dd b {marginr-right:10px!important;}
.company_info dl.phone{background: no-repeat center 45px;}
.company_info dl.email{margin-right: 0; background: no-repeat center 48px; background: no-repeat center 50px;}
.company_info dl dt{padding-bottom: 21px; font-size: 27px; font-weight: bold; color: #5d2e19;}
.company_info dl dd{ font-size: 15px; color: #292929; line-height: 25px;float:left;margin-right:20px;}
.company_info dl dd em {margin: 0 4px;}
.company_info dl dd b {margin-right:10px;font-weight: 600;}
.company_info dl dd .subway {padding: 1px 8px;background: #e84087;color: #fff;margin-right: 10px;}
.company_info dl dd .sbnum {background: #e84087;display: inline-block;position: relative;top: -1px;width: 18px;height: 18px; margin: 0 1px;font-size: 11px;line-height: 18px;color: #fff;text-align: center;vertical-align: middle;-webkit-border-radius: 50%;-moz-border-radius: 50%; border-radius: 50%;}
.tablenmap{overflow: hidden; clear: both; margin-bottom: 96px;}
.left_table{width: 100%;}
.left_table{margin-right: 2%;}
.board_table.cantact th{min-width: 100px; font-size: 15px; font-weight: normal; color: #555656;}
.board_table.cantact td{padding: 15px 1px 15px 20px;}
.board_table.cantact input, .board_table.cantact textarea{display: inline-block; width: 97%; padding: 1px 1%; border: 1px solid #dddddd;}
.board_table.cantact textarea{height: 202px;}
.board_table.cantact .phone_num input{width: 70px;}
.submit_wrap{text-align: center; padding: 26px 0 0;}
.submit_wrap input{display: inline-block; width: 120px; height: 40px; font-weight: bold; line-height: 40px; background: #fff; border: 1px solid #000000;}
.submit_wrap .submit{font-size: 17px; font-weight: normal; background: #5d2e19; color: #fff;}
.right_map .map{width:600px;}
.right_map .map .root_daum_roughmap{height:450px;}
.right_map p{padding: 13px 0 0; font-size: 16px; text-align: center; line-height: 27px; color: #292929;}



.company_info .map_wrap{display:flex;justify-content:space-between;gap:20px;}
.company_info .map_wrap .map_img{flex:1 0 calc(100% / 2 - 10px);text-align:center;background-color: #fffefe;text-align: center;border: 1px solid #e2e2e2;box-sizing:border-box;}
.company_info .map_wrap .map_img img{max-width:100%;}
.company_info .map_wrap .right_map{flex:1 0 calc(100% / 2 - 10px);}
.company_info .map_wrap .right_map .root_daum_roughmap{width:100% !important;height:100% !important;}
.company_info .map_wrap .right_map .root_daum_roughmap .wrap_map{height:100% !important;}
.company_info .map_wrap .root_daum_roughmap .cont,
.company_info .map_wrap .root_daum_roughmap .wrap_controllers{display:none !important;}
.company_info .map_wrap .root_daum_roughmap_landing .border2{display:block;}




.txt_l {text-align:left;}
.txt_c {text-align:center;}




/* board */
.board_01 {width:100%; margin:0 auto; position:relative; border-top: 2px #6c6c6c solid; margin-top:-10px;}
.board_01 th{font-size:14px; color:#333; border-bottom: 1px #dcdcdc solid; text-align: center; font-weight:bold; background-color:#f6f6f6; padding-top: 15px; padding-bottom: 15px;vertical-align:middle;}
.board_01 td{ font-size:15px; color:#666; border-bottom: 1px #ccc solid; text-align: center; padding-top: 10px; padding-bottom: 10px;vertical-align:middle;}


.board_list ul {width:46%; margin:0 auto; position:relative; border-bottom: 1px #dcdcdc solid; border-top: 2px #6c6c6c solid; padding: 2%; float:left; margin-top:30px; min-height:120px;}
.board_list ul:after{content: ""; display: block; clear: both;}
.board_list li {font-size:14px; color:#666; text-align: left; line-height:20px; padding-bottom:10px;}
.board_list li.title { font-size:20px; color:#333; text-align: left; font-weight:bold; padding: 10px 0;}
.board_list li.title img {vertical-align: middle;margin-right: 5px;}
.h150 ul {height:150px;}


/*sub_system*/
.board_wrap {overflow: hidden; clear: both; }
.board_wrap .w100 {width:100%;}
.board_wrap .w100 .year {width:100%;overflow:hidden;height:auto;}




@media screen and (max-width: 1280px){
    /*filed -공통*/
    .filedwrap{width: 95%;}


    /*sub-title*/
    .sub_title .sub_navi ul{width: 100%;}
    .sub_title .sub_navi ul li{width: 30%;}
    .sub_title .sub_navi ul li span{padding-left: 24px;}
    .sub_title .sub_navi ul li.sub_na_home{width: 8%;}


    /*company-ceo*/
    .filedwrap.ceo .filed01 .ceo_txt{width: 80%;}
    .ceo_txt p{width: 100%;}


    /*company-about*/
    .filedwrap.about .filed01, .filedwrap.about .filed02{width: 980px; margin: 0 auto;}
    .icon_list_wrap li dl {width: 310px; padding: 30px 0 0 180px;}
    .filedwrap.about .filed01 img {width:100%;}


    /*company-member*/
    .memberList .m_li{width: 31.333%; margin: 0 2.5% 57px 0;}


    /*business*/
    .busi_wrap .busi_li .busi_img{width: 50%;}
    .busi_wrap .busi_li dl{width: 47%;}
    .busi_wrap .busi_li.img_left dl{padding-left: 3%;}
    .busi_wrap .busi_li.img_right dl{padding-right: 3%;}
    .busi_wrap .busi_li dl dt{width: 90%;}
    .busi_wrap .busi_li dl dd{width: 90%;}


    /*contact*/
    .company_info dl{width: 31%; }
    .left_table{width:100%;}
    .board_list ul { min-height:140px;}


.process {width:100%;}


}


@media screen and (max-width: 1080px){
    /*company-member*/
    .memberList .m_li .img_wrap{height: 340px;}
    .memberList .m_li dt {padding: 32px 0 6px;}
    .memberList .m_li dd {font-size: 20px; color: #666666;}
}


/*mobile start*/
@media screen and (max-width: 1023px){
    /*company-ceo*/
    .filedwrap.ceo .filed01{padding: 300px 0 74px;}
    .filedwrap.ceo .filed01 .ceo_txt {width: 100%; padding: 51px 0;}


    /*company-about*/
    .filedwrap.about .filed01, .filedwrap.about .filed02{width: 95%;}
    .icon_list_wrap li dl {width: 40%; padding: 207px 0 0 10%; background: no-repeat center top;}


    /*company-history*/
    .h_left, .h_right{float: none; width: 100%;}
    .h_right{ overflow: hidden; margin-bottom: 50px;}
    .h_right img{display: block; width: 100%; height: auto; }
    .year{width: 100%;}


    /*business*/
    .busi_wrap .busi_li .busi_img img{width: auto; height: 100%;}
    .busi_wrap .busi_li.img_left dl{padding: 3% 0 0 3%;}
    .busi_wrap .busi_li.img_right dl{padding: 3% 3% 0 0;}
    .busi_wrap .busi_li dl dt{padding-bottom: 20px;font-size: 40px;line-height: 41px;}


    /*product*/
    .product_list .pro_li{min-height: 544px;}


    /*customer*/
    .board_table.pctype, .info_wrap, .regist{display: none;}
    .mType_board {display: block;}
    .w_paging {margin: 50px 0 100px;}
    .w_paging ul li {display: inline-block; padding-bottom: 10px;}


    /*contact*/
    .board_table.cantact{display: table;}
	.prev, .next {top:220px;}
	.company_info .map_wrap{flex-wrap:wrap;}
	.company_info .map_wrap .map_img{flex:0 0 100%;}
	.company_info .map_wrap .right_map{flex:0 0 100%;height:300px;}


}
@media screen and (max-width: 980px){
    /*contact*/
    .company_info {width:auto;}
.tbl {font-size: 14px;}
.tbl thead th {padding: 14px 10px;}
.tbl tbody td {padding: 14px 10px;}
}
@media screen and (max-width: 909px){
    /*contact*/
    .left_table{width: 100%;}
    .left_table{margin-right: 0;}
    .submit_wrap {padding: 26px 0 50px;}
}


@media screen and (max-width: 768px){
.year dt {font-size:1.2em;line-height:1.4;}
    /*sub-title*/
    .sub_title .sub_navi ul li{width: 40%;}
    .sub_title .sub_navi ul li.sub_na_home{width: 12%;}
    .sub_title .title {padding:125px 0 65px;}
    .sub_title .title h2{font-size: 40px;}
    .sub_title .title p{font-size: 16px;}


    /*company-ceo*/
    .filedwrap.ceo .filed01{padding: 220px 0 74px;}
    .ceo_txt p{padding-top: 30px;}


    /*company-about*/
    .icon_list_wrap{width: 480px;}
    .icon_list_wrap li dl {width: 304px; padding: 30px 0 0 176px; background: no-repeat left 35px;}
    .icon_list_wrap li dl.left{padding: 30px 0 70px 176px;}


    /*company-history*/
    .year dd b{}


    /*business*/
    .filedwrap.business .filed01{padding-bottom: 20px;}
    .busi_wrap .busi_li .busi_img{width: 100%; height: 340px;}
    .busi_wrap .busi_li .busi_img img{position: static; width: 100%; height: auto; margin: 0;}
    .busi_wrap .busi_li dl{width: 100%;}
    .busi_wrap .busi_li.img_left dl, .busi_wrap .busi_li.img_right dl{padding: 20px 0 60px 0;}
    .busi_wrap .busi_li.img_right dl{text-align: left;}
    .busi_wrap .busi_li dl dt, .busi_wrap .busi_li dl dd{width: 100%;}


    /*product*/
    .product_list{border: 0;}
    .product_list .pro_li{width: 100%; min-height: auto; border: 0;}
    .product_list .pro_li .img_wrap{height: 300px; border: 1px solid #b6b6b6;}
    .product_list .pro_li .img_wrap img{position: static; width: 120%; height: auto; margin-left: 0;}
    .product_list .pro_li dl{padding: 19px 0 60px;}




    /*interior
    .interior_list{border: 0;}
    .interior_list .pro_li{width: 100%; min-height: auto; border: 0;}
    .interior_list .pro_li .img_wrap{height: 300px; border: 1px solid #b6b6b6;}
    .interior_list .pro_li .img_wrap img{position: static; width: 120%; height: auto; margin-left: 0;}
    .interior_list .pro_li dl{padding: 19px 0 19px;}*/
.interior_list .pro_li .img_wrap img {position:relative;height:auto;top:0;left:0;margin-left:0;display:block;width:100%;}
interior_list .pro_li dt {font-size:1em;}
.interior_list .pro_li .img_wrap {height:auto;}
.interior_list .pro_li dl {padding:1px;}




    /*contact*/
    .board_table.cantact .phone_num input {width: 24%;}
    .company_info dl {width: 33%; height: 80px; margin-right: 0; margin-left: -1px;}
    .company_info dl.adress{margin-left: 0;}


.company_info dl.adress_map50 {width: 100%; float: none;}
.company_info dl.adress_map50:first-child {border-bottom: 1px solid #dddddd!important;}


.sub_title .sub_navi ul li span{padding-left: 10px; font-size:0.8em!important;}


.board_list ul {width:95%;min-height: auto;}


.h150 ul {width:95%;min-height: auto!important; height: auto;}
.process {display:none;width:100%;}
.process_m {display:block;margin:auto;width:100%;}


}
@media screen and (max-width: 480px){
.tit {font-size:1em;}
    /*filed -공통*/
    .filedwrap h3{padding: 60px 0 40px;font-size: 1.5em;}
.filedwrap.about h3 {font-size:1.5em;padding: 50px 0 45px;}
.h_right img {margin-top:0;}
    /*sub-title*/
    .sub_title .sub_navi ul li:nth-child(2) {width: 30%;}
    .sub_title .sub_navi ul li:nth-child(3) {width: 55%;}
    .sub_title .sub_navi ul li.sub_na_home{width: 10%;}
    .sub_title .title{width: 90%;}


    /*company-ceo*/
    .filedwrap.ceo .filed01{padding: 180px 0 74px; background-size: 500px auto;}


    /*company-about*/
    .filedwrap.about .filed01 {width: 90%;}
    .icon_list_wrap{width: 300px; margin: 0 auto;}
    .icon_list_wrap li dl {width: 100%; padding: 207px 0 0; background: no-repeat center top;}
    .icon_list_wrap li dl.left{padding: 207px 0 70px;}


    /*company-history*/
    .h_right{height: auto;}
    /*company-member*/
    .memberList .m_li{width: 47.5%; margin: 0 4.5% 57px 0;}
    .memberList li:nth-child(3n){margin-right: 5%;}
    .memberList .m_li_even{margin-right: 0 !important;}


    /*business*/
    .busi_wrap .busi_li .busi_img{height: 220px;}


    /*interior    
    .interior_list .pro_li .img_wrap{height: 260px;}
    .interior_list .pro_li .img_wrap img{width: auto; height: 100%; margin-left: 0;}*/
.pb28 {padding-bottom:28px!important;}


    /*product*/
    .product_list .pro_li .img_wrap{height: 260px;}
    .product_list .pro_li .img_wrap img{width: auto; height: 100%; margin-left: 0;}


    /*contact*/
    .company_info{width: 90%; margin: auto;}
    .company_info dl {width: 100%; height: auto; margin: 0 0 17px 0;}
.tbl {font-size: 0.8em;line-height:1.2em!important;}
.tbl thead th {padding: 8px 10px;}
.tbl tbody td {padding: 8px 10px;}
.description {font-size:0.7em;line-height:1.2em!important;}
.img90 {width:100%;}


.img100 {padding: 0 0 10px;}
.filedwrap.ceo .filed01 .ceo_txt .ceo_sign img {width:200px;}
.board_01 th {font-size:0.8em;line-height:1.4em;}


.company_info dl.adress_map50 {padding-top:5px;}
.company_info dl.adress_map {padding-top:15px;}
}


@media screen and (max-width: 375px){
    /*company-member*/
    .memberList .m_li{width: 90%; margin: 0 5% 57px;}
    .memberList .m_li_even{margin-right: 5% !important;}
}




/* 자원봉사안내 */
.flow_list{display:flex;align-items:center;flex-wrap:wrap;margin:20px 0 0 0;justify-content:center;}
.flow_list li{flex:0 0 auto;display:inline-flex;align-items: center;flex-flow:column;margin-bottom:20px;}
.flow_list li.arw{padding:0 20px;}
.flow_list li.arw img{margin-top:-25px;}
.flow_list li .ic{background:#f3f3f3;width: 150px;height: 150px;border-radius: 1000px;display: inline-flex;align-items: center;justify-content: center;}
.flow_list li .ic.last{background:#5d2e1a;}
.flow_list li .txt{text-align:center;font-size:18px;color:#222;margin-top:10px;font-weight:500;}
@media screen and (max-width: 860px){
.flow_list li .ic{width:110px;height:110px;}
.flow_list li .ic img{width:50%}
}
@media screen and (max-width: 720px){
.flow_list li{flex:0 0 40%;}
.flow_list li.arw{flex:0 0 10%;padding:0;}
.flow_list li .txt{font-size:13px;}
}
@media screen and (max-width: 480px){
.flow_list li.arw img{width:70%}
}


/* 메일폼 */
.board_wrap .formmail_txt {color:#333333;}
.board_wrap .formmail_border {color:#333333;border:1px solid #dddddd;}
.board_wrap .formmail_title_bgcolor { background-color:#f6f4f4; border-right:1px #dddddd solid;}
.board_wrap .formmail_cell_bgcolor {background-color:#FFFFFF;color:#333333;padding-left:10;}
.board_wrap .table_02 { width:100%; border-bottom:1px #dddddd solid;}
.board_wrap .table_02 td {  padding:8px; vertical-align: middle; }
.board_wrap td.formmail_title_bgcolor {border-bottom:1px #dddddd solid;}
.board_wrap td.formmail_cell_bgcolor {border-bottom:1px #dddddd solid;}
.board_wrap input[type="text"] { padding: 0 5px; height: 28px; line-height: 28px;}
.board_wrap .left_table{overflow: hidden;}
.board_wrap .table_02 td, .table_02 td a, 
.board_wrap .table_02 td font, 
.board_wrap .table_02 td span{ font-family: "Noto Sans KR", sans-serif; font-size: 14px;}
.board_wrap .table_02 input{/*width:80%;*/}
.board_wrap .formmail_cell_bgcolor input[name='add6[]'] {border:none!important;}
.board_wrap .table_02 input[name='phone_no1'], 
.board_wrap .table_02 input[name='phone_no2'], 
.board_wrap .table_02 input[name='phone_no3']{width:75px;}
.board_wrap .formmail_textarea_style{ padding: 10px 1%; width: 98%; line-height: 22px; text-align: justify; border:1px solid #ccc;}
.board_wrap .table_02 input[name='mobile_no1'], 
.board_wrap .table_02 input[name='mobile_no2'], 
.board_wrap .table_02 input[name='mobile_no3']{width:75px;}
.board_wrap input[name='name'], input[name='address'], input[name='receiver_email'] {width:calc(100% - 4px);}
.board_wrap textarea[name='add5'] {width:calc(100% - 14px);}
@media screen and (max-width:1023px){
	 .board_wrap .left_table {padding-bottom: 60px;}
}
@media screen and (max-width:480px){
	.board_wrap .table_02 input[name='phone_no1'], .table_02 input[name='phone_no2'], .table_02 input[name='phone_no3']{width:20%;}
	.board_wrap .table_02 input[name='mobile_no1'], 
	.board_wrap .table_02 input[name='mobile_no2'], 
	.board_wrap .table_02 input[name='mobile_no3']{width:20%;}
	.board_wrap input[name='name'], input[name='address'], input[name='receiver_email'] {width:87%;}
	.board_wrap textarea[name='add5'] {width:60%;}
	.board_wrap .formmail_cell_bgcolor textarea {width:92%!important;}
	.board_wrap .formmail_cell_bgcolor td {font-size:0.8em!important;/*display:inline-block;*/}
	.board_wrap .table_02 td {float:none;padding:4px;font-size: 0.9em;}
}

/* 브랜드 소개 */
.logoList{display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:40px;}
.logoList li{flex:0 0 48%;text-align:center;}
.logoList li .image{width:100%;height:200px;display:inline-flex;align-items:center;justify-content:center;background:url(../images/theme/grid_bg.png) 0 0 repeat;border:1px solid #ddd;margin-bottom:10px;padding:20px 0;box-sizing: border-box;}
.logoList li .image img{max-width:100%;}
.logoList li p{font-size:20px;font-weight:500;color:#292929;}
@media screen and (max-width:480px){
	.logoList li .image{padding:10px 20px;}
	.logoList li p{font-size:1em;}
}/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}