@charset "utf-8";
.skipToContent {position:absolute; top:0; left:0; overflow:hidden; display:block; width:0px; height:0px; line-height:0; font-size:0; text-indent:-9999px;}
.hidden {display:none;}

@font-face {
    font-family: 'YdestreetB';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2110@1.0/YdestreetB.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}


body {min-width:1300px; margin:0 auto; position:relative; max-width:2000px;}

#header {width:100%;min-width:1300px; height:80px;position:absolute; top:0; left: 0; z-index:2000; background:#006140;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
}
#header_content {*zoom:1; width:100%; margin:0 auto; position:relative; height:80px; max-width:2000px;}
#header_content .logo {position:absolute; top:20px; left:50px; z-index:1000;}
#header_content .logo a {display:block; z-index:1000;}

#header_content #home_menu {position:absolute; top:30px; right:50px; z-index:2000;}
#header_content #home_menu ul {*zoom:1;}
#header_content #home_menu ul:after {content:" "; display:block; clear:both;}
#header_content #home_menu ul li {float:left; }
#header_content #home_menu ul li:first-child{background:url('../images/main/top_bar.png') 100% center no-repeat;}
#header_content #home_menu ul li a {display:block; padding:0 10px;/*color:#aaa;*/ color:#fff; font-weight:600;font-size:13px;}
#header_content #home_menu ul li a:hover{color:#80cde0;}
/* 

.header_on{background-color:#fff !important; position:fixed !important;top:0;left:0;height:110px !important;}
.header_on #header_content {height:60px;}
.header_on #header_content .logo {margin-left:-85px;top:10px;}
.header_on #header_content .logo a img {height:40px;}
.header_on #header_content #home_menu{top:24px;}
 */

#header:hover { background-color:rgba(0,97,64,1);}

/* gnb */
nav#gnb{position:absolute;top:0;width:100%;height:80px;border-bottom:1px solid rgbA(255,255,255,0.3);}
/*.header_on nav# gnb{border-top:1px solid  #ddd;} */
nav#gnb > ul {*zoom:1;position:absolute;top:0;right:220px;width:830px;margin:0 auto;box-sizing:border-box;text-align: center; z-index:1000;}
nav#gnb > ul:after {content:" "; display:block; clear:both;}
nav#gnb > ul > li {text-align: center; position:relative; min-width:160px; text-align:center; display:inline-block;}



nav#gnb > ul > li:first-child {margin:0;}
nav#gnb > ul > li > a {display:block;font-size:18px;height:80px; line-height:80px; font-weight:600; color:#fff;font-weight:600;}
nav#gnb > ul > li > a:hover, nav#gnb > ul > li > a:focus{color:#d2fad9;}

nav#gnb > ul > li .gnb-2dep-wrap {}
nav#gnb > ul > li .gnb-2dep {min-width:160px;display:none; position:absolute; top:80px; padding:25px 0 0; z-index:1000;}
nav#gnb > ul > li .gnb-2dep li {text-align:center; line-height:20px; width:100%; margin:15px 0 0;}
nav#gnb > ul > li .gnb-2dep li:first-child {margin:0;}
nav#gnb > ul > li .gnb-2dep li a {color:#fff; font-size:16px; font-weight:500;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
}
nav#gnb > ul > li .gnb-2dep li a:hover, nav#gnb > ul > li .gnb-2dep li a:focus {color:#d2fad9; }
#gnbBg_wrap {width:100%;}
#gnbBg {position:absolute; top:80px; left:0px; width:100%; height:auto; padding:0; z-index:999; display:none; border-top: 1px solid rgba(255,255,255,0.3);background-color:rgba(0,97,64,1);}

/* mobile gnb */
.mobile_top {display:none;}
#nav {display:none;}
.m_right_box{display:none;}

#mainvisual {height:780px; position:relative; overflow:hidden; width:100%;}
#mainvisual .slideshow {position:absolute; width:100%; /*width:2000px*/ height:780px; top:0; left:0; /*left:50%; margin-left:-1000px;*/}
#mainvisual .slideshow ul {position:relative; width:100%; height:780px; overflow:hidden;}
#mainvisual .slideshow ul li {float:left; width:100%; height:780px; background-position:50% 50%; background-repeat:no-repeat;overflow:hidden;}
#mainvisual .slideshow ul li .full_img {width:100%; height:780px; background-size: cover; background-position:50% 50%; background-repeat:no-repeat;position:absolute; 
	transition:all 2s ease-out;
	-webkit-transition:all 2s ease-out;
	-moz-transition:all 2s ease-out;
	-o-transition:all 2s ease-out;
	-ms-transition:all 2s ease-out;
}
#mainvisual li.visual_bg1 .full_img{background-image:url('../images/main/mainvisual_221226.png');}  /*{background-image:url('../images/main/mainvisual.jpg');}*/
/*#mainvisual li .on_full_img {transform:scale(1.06);}*/

#mainvisual .bx-controls {display:none;}


#mainvisual .main_txt {
	width:1200px;
	margin:0 auto;
	padding:35px 0 ;
	position:absolute;
	top:120px;
	left:50%;
	margin-left:-600px;
	z-index:1000;
	text-align:Center;
}
#mainvisual .maintxt1 {text-align:Center; margin:20px 0 30px 0;}
#mainvisual .maintxt1 img {width:340px; max-width:60%;}
#mainvisual .maintxt2 {text-align:Center; display: none;}
#mainvisual .maintxt2 img {width:950px; max-width:90%;}
/*
#mainvisual .main_txt {
	width:900px;
	margin:0 auto;
	padding:90px 0 ;
	position:absolute;
	z-index:1000;
	left:50%; top:100PX;
	margin-lefT:-450px;
	background:url('../images/main/visual_line.png') center 100% no-repeat;
	text-align:Center;
}
#mainvisual .main_txt  span {display:inline-block;}
#mainvisual .main_txt h3 {font-size:26px; color:#fff; letter-spacing:0.04em; line-height:26px;padding-top:60px;}
#mainvisual .main_txt h2 {font-family: 'YdestreetB'; font-size:80px; color:#fff; line-height:100px; margin:10px 0 0 0;}
#mainvisual .main_txt p {font-size:22px; color:#fff; line-height:39px; letter-spacing:-0.03em;}
#mainvisual .main_txt p:before {content:"";display:block; width:118px; height:1px; background-color:#fff; margin:30px auto;}
*/

#container {width:100%; clear:both;}


/* section1 */
.section1 {*zoom:1; width:1300px;position:relative; z-index:900;margin:0 auto 0;}
.section1:after{content:"";display:block;clear:both;}
.section1 > div{float:left; width:25%;height:80px; }
.section1 > div a{display:block; width:100%; height:100%; text-align:center; line-height:80px; font-size:22px; font-weight:600; color:#ffffff; letter-spacing:-0.04em;}
.section1 > div.box01 a {background-color:#005a3b;}
.section1 > div.box02 a {background-color:#fff;color:#005a3b;}
.section1 > div.box03 a {background-color:#6e9b62;}
.section1 > div.box04 a {background-color:#0b4616;}

.section1 > div.box01 a:hover {background-color:#066846;}
.section1 > div.box02 a:hover {background-color:#f6f6f6;}
.section1 > div.box03 a:hover {background-color:#628e56;}
.section1 > div.box04 a:hover {background-color:#093d13;}



/* section2 */
.section2 {*zoom:1; width:1300px; margin: 0 auto; padding:50px 0 100px;}
.section2 ul:after {content:"";display:block;clear:both;}
.section2 ul li {float:left; width: calc((100% - 80px) / 5); height: 320px; margin: 0 20px 80px 0;}
.section2 ul li:nth-child(5n) {margin: 0 0 80px 0;}
.section2 ul li a {display:block; width:100%; height:100%;}
.section2 ul li a .thumb{width:100%; height:244px; overflow:hidden;margin:0 0 15px 0;}
.section2 ul li a .thumb img{ width:100%; height:100%;
	
		transition:all .4s ease-out;
	-webkit-transition:all .4s ease-out;
	-moz-transition:all .4s ease-out;
	-o-transition:all .4s ease-out;
	-ms-transition:all .4s ease-out;
}
.section2 ul li a .info{position:relative; padding-right:60px; box-sizing:border-box; width:100%;}
.section2 ul li a .info .title{font-size:19px; color:#111; letter-spacing:-0.05em; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.section2 ul li a .info .desc{font-size:16px; color:#999999; letter-spacing:-0.05em;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;line-height:30px;}
.section2 ul li a .info .option{height:60px; }
.section2 ul li a .info .option span{display:inline-block; padding:0 10px; background-color:#0b4616; color:#fff; font-size:13px; letter-spacing:-0.05em;height:26px;line-height:26px;}
.section2 ul li a .info .more {position:absolute; top:0;right:0; border:1px solid #999; width:30px; height:30px; display:block; color:#999; font-size:25px; font-weight:400; text-align:center; line-height:24px; box-sizing:border-box;}
/* .section2 ul li a .info .more img{width:28px;} */
.section2 ul li a:hover .thumb img {transform:scale(1.05);}

.section2  a.more_view {display:block;width:360px;height:65px; line-height:65px; text-align:center;background-color:#353535; margin:0 auto; color:#fff; font-size:22px;font-weight:600;}
.section2  a.more_view:hover {background-color:#111;}



/* section3 */
.section3 {*zoom:1; width:100%; padding:80px 0; background-color:#f5f5f5;}
.section3 .sec3_in {width:1300px; margin:0 auto; }
.section3 .sec3_in h3 {font-size:40px; color:#0b4616; font-weight:600; text-align:center; margin:0 0 25px 0;}
.section3 .sec3_in h5 {font-size:40px; color:#666666; font-size:17px; letter-spacing:-0.03em; line-height:28px; text-align:center; margin:0 0 40px 0;}
.section3 .sec3_in ul:after {content:"";display:block;clear:both;}
.section3 .sec3_in ul li {float:left; width:420px; margin:0 0 0 20px;text-align:center;padding:40px 0;background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1);}
.section3 .sec3_in ul li:first-child {margin:0;}
.section3 .sec3_in ul li strong{display:block; color:#0b4616;font-weight:600; font-size:17px;}
.section3 .sec3_in ul li strong:after{content:"";display:block; width:40px; height:1px; background-color:#0b4616; margin:20px auto;}
.section3 .sec3_in ul li p {font-size:19px; color:#232323; font-weight:600;}



/*Quick Menu */
#quick_menu {position:fixed; bottom:200px; margin:0 0 0 650px; width:65px; left:50%;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease; /* Firefox 4 */
	-webkit-transition: all 0.5s ease; /* Safari and Chrome */
	-o-transition: all 0.5s ease; /* Opera */
}
#quick_menu a {display:block;}


/* sub */
.subvisual {width:100%; /*height:250px;*/ height:330px; overflow:hidden;background:url('../images/sub/subvisual.jpg ') center 80% no-repeat;}
.subvisual .menutitle {width:1300px; margin:0 auto;text-align:center;}
.subvisual .menutitle h2 {color:#fff; padding:160px 0 0 ;font-size:40px;letter-spacing:-0.03em;}



#leftmenu {width:100%;  line-height:60px;margin-top:-30px;position:relative; z-index:1000;}
#lnb {width:1300px; margin:0 auto; box-shadow:5px 5px 5px rgba(0,0,0,0.1);}
#lnb ul:after{content:"";display:block;clear:both;}
#lnb ul li {display:block;float:left; font-size:17px;text-align:center;box-sizing:border-box;height:60px;}
#lnb ul li:first-child {margin:0;}

#lnb ul li.menu01 {width:100%;}
#lnb ul li.menu02 {width:50%;}
#lnb ul li.menu03 {width:33.33%;}
#lnb ul li.menu04 {width:25%;}
#lnb ul li.menu05{width:20%;}

#lnb ul li a {display:block; color:#555555; font-weight:400;letter-spacing:-0.05em;background-color:#fff;
	transition:all .4s ease-out;
	-webkit-transition:all .4s ease-out;
	-moz-transition:all .4s ease-out;
	-o-transition:all .4s ease-out;
	-ms-transition:all .4s ease-out;
}

#lnb ul li:first-child a{background:none; background-color:#fff;}
#lnb ul li a:hover, #lnb ul li.on a {color:#fff;background:none;background-color:#006140;}

#cont {width:1300px; margin:0 auto; padding:80px 0 0;}
#subtitle {margin:0 0 50px 0;}
#subtitle:after{content:"";display:block;clear:both;}

#subtitle h2 {font-size:40px; font-weight:400; color:#111;text-align:center;}
#subtitle h2:after{content:"";display:block; width:1px; height:40px; background-color:#006140;margin:10px auto;}
#con_area {clear:both; min-height:320px; padding:0 0 200px 0;}



/*footer*/
#footer {clear:both; padding:50px 0; background-color:#006140;}
#footer_content {width:1300px; margin:0 auto; position:relative;}
#footer_content p {margin:0 0 20px 0;}
#footer_content address {font-size:14px; font-weight:400; color:#e2e2e2; line-height:24px; letter-spacing:-0.02em;}


/* 공통 */
/* sub top */
.sec_top:after {content:"";display:block;clear:both;}
.sec_top {padding:380px 0 110px 0 !important; box-sizing:border-box;}
.sec_top > div {float:left;width:50%;box-sizing:border-box;}
.sec_top > div h2 {padding:0 0 0 90px;font-size:90px;font-weight:900;letter-spacing:-0.03em;color:#111111;line-height:86px;}
.sec_top > div h2 span {display:block;}
.sec_top > div p {padding:60px 15px 0 30px;font-size:16px;line-height:26px;letter-spacing:-0.05em;color:#222;word-break:keep-all;}
.sec_top p img {max-width: 100%;}

h3.sec_title {padding:0 0 40px 0;font-size:32px;font-weight:600;letter-spacing:-0.05em;color:#222222;text-align:center;}

/* 01_01 회사소개 */
.company .sec_top {padding: 0 !important;}
.company > div {margin:0 0 100px 0;}
.company > div:last-child {margin:0;}
/*.company .sec_top {background:url('../images/sub/company_main.jpg') center top no-repeat;}*/
.company .com_list {text-align:center;}
.company .com_list > span {display:block;padding:0 0 60px 0;}
.company .com_list li {margin:0 0 20px 0;padding:20px 0;border:1px solid #ddd;border-radius:200px;box-sizing:border-box;}
.company .com_list li span {display:block;min-height:34px;}
.company .com_list li h5 {padding:16px 0 12px;font-size:26px;line-height:26px;color:#111;letter-spacing:-0.01em;font-weight:600;}
.company .com_list li p {font-size:16px;line-height:1;color:#616161;letter-spacing:-0.03em;}
.company .com_gallery {padding:60px 0;background:url('../images/sub/company_sbg.jpg') center top no-repeat;width: 100vw;margin-left: calc(-50vw + 50%);}
.company .com_gallery ul{width:1300px;margin:0 auto;}
.company .com_box:after, .company .com_box > div:after {content:"";display:block;clear:both;}
.company .com_box > div, .company .com_box > div > div {float:left;}
.company .com_box > div.f_box {padding:50px 40px;width:500px;height:300px;margin:0 10px 0 0;color:#fff;font-size:18px;line-height:24px;letter-spacing:-0.05em;background:url('../images/sub/company_prologo.png') right bottom no-repeat #006140;box-sizing:border-box;} 
.company .com_box > div.f_box span {display:block;}
.company .com_box > div.f_box p {float:left;padding:40px 0 0 0;width:115px;font-size:16px;line-height:38px;}
.company .com_box > div.s_box {width:790px;}
.company .com_box > div.s_box > div {position:relative;width:254px;height:145px;margin:0 10px 10px 0;text-align:center;border:1px solid #ddd;}
.company .com_box > div.s_box > div:nth-child(3n) {margin:0 0 10px 0;}
.company .com_box > div.s_box > div p {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:16px;font-weighT:600;letter-spacing:-0.05em;line-height:1;color:#222;}
.company .com_box > div.s_box > div span {display:block;margin:0 0 10px 0;}

/* 01_02 인사말 */
.greet {position:relative;}
.greet > span {position:absolute;bottom:-30px;left:0;z-index:999;}
.greet .txt_box {padding:60px 250px;width:100%; height:auto; border:1px solid #ddd;box-shadow:5px 5px 5px rgba(0,0,0,0.1);box-sizing:border-box;}
.greet .txt_box h3 {font-size:22px;letter-spacing:-0.04em; color:#111; font-weight:700; margin:0 0 30px 0;}
.greet .txt_box p {font-size:17px;letter-spacing:-0.04em;line-height:32px;color:#333; font-weight:600; word-break:keep-all; margin:0 0 15px 0;}
.greet .txt_box h5 {padding:25px 0;text-align:center;font-size:22px;letter-spacing:-0.04em;font-weight:600;line-height:1;color:#424242;}
.greet .txt_box h5 > span:first-child {display:inline-block;padding:0 10px 0 0;}
.greet .txt_box h5 > span:last-child {display:inline-block;padding:0 0 0 10px;}
.greet .txt_box p.sign {font-size:18px; text-align:right;}
.greet .txt_box p.sign span{display:inline-block;font-size:24px;font-weight:600;}
.greet .greet_info {font-size:14px; line-height:22px; padding:30px 0 0; color:#111;}
.greet .greet_info strong {display:block;}
.greet .greet_icon {display:block; margin:0 0 40px 0; width:90px;}
.greet .greet_icon img {width:100%; max-width:130px;}

/* 01_03 회사연혁 */
.info .info_box:after, .info .btm:after {content:"";display:block;clear:both;}
.info .top {position:relative;margin:0 0 20px 0;}
.info .top p img {max-width: 100%;}
.info .top > span {display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.info .info_box li {float:left;margin:0 20px 0 0;padding:100px 25px 0;width:200px;height:300px;border:1px solid #ddd;box-sizing:border-box;text-align:center;}
.info .info_box li:last-child {margin:0;}
.info .info_box li h5 {padding:20px 0 8px;font-size:20px;line-height:1;font-weight:600;letter-spacing:-0.04em;color:#222;}
.info .info_box li p {font-size:16px;line-height:28px;letter-spacing:-0.04em;color:#616161;word-break:keep-all;}

.info .info_box li:nth-child(1) {background:url('../images/sub/info_icon01.png') center 50px no-repeat;}
.info .info_box li:nth-child(2) {background:url('../images/sub/info_icon02.png') center 55px no-repeat;}
.info .info_box li:nth-child(3) {background:url('../images/sub/info_icon03.png') center 63px no-repeat;}
.info .info_box li:nth-child(4) {background:url('../images/sub/info_icon04.png') center 64px no-repeat;}
.info .info_box li:nth-child(5) {background:url('../images/sub/info_icon05.png') center 57px no-repeat;}
.info .info_box li:nth-child(6) {background:url('../images/sub/info_icon06.png') center 61px no-repeat;}

.info .btm {margin:50px 0 0 0;}
.info .btm h3.sec_title {padding:0 0 12px 0;}
.info .btm > div {float:left;width:640px;margin:0 20px 0 0;padding:55px 0 0 0;background:url('../images/sub/info_bg.png') right top no-repeat;}
.info .btm > div:last-child {margin:0;}
.info .btm > div > div {padding:20px 40px;height:336px;border:1px solid #ddd;border-top:1px solid #006140;box-sizing:border-box;}
.info .btm > div > div table th {width:13%;font-size:16px;text-align:left;line-height:42px;color:#222;font-weight:600;letter-spacing:-0.04em;}
.info .btm > div > div table td {font-size:16px;line-height:42px;color:#616161;letter-spacing:-0.04em;}
.info .btm > div:last-child > div table th {width:11%;}

/* 01_04 PARTNERS */
.partners {position:relative;}
.partners p img {max-width: 100%;}
.partners > ul {padding:40px 45px; width:100%; margin:0 0 0 auto;box-sizing:border-box;background:url('../images/sub/logo_bg.png') right top no-repeat;width: 100%;border: 1px solid #006241;border-radius: 25px;}
.partners > ul:after {content:"";display:block;clear:both;}
.partners > ul li {position:relative;float:left;width:11.11%;height:110px; margin: 0 20px 0 0; width: calc((100% - 160px) / 9);}
.partners > ul li:nth-child(9n) {margin: 0;}
.partners > ul li span {display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%); width: 100%; text-align: center;}
.partners > ul li span img {max-width: 100%;}



/* 01_05 인증서 */
.paper {}
.paper ul:after {content:"";display:block;clear:both;}
.paper ul li {float:left;width:32%;margin:0 1.7% 0 0;border:1px solid #ddd;padding:30px 0;}
.paper ul li:nth-child(2n) {border:1px solid #c7d083;}
.paper ul li:last-child {margin:0;}
.paper ul li span {display:block;width:90%;margin:0 auto;}
.paper ul li span img {width:100%;}

/* 02_01 한솔상자 특장점 */
.dif .sec_top {background:url('../images/sub/dif_main.jpg') center top no-repeat;}
.dif .sec_top > div h2 {line-height:1;}
.dif .sec_top > div h2 span {display:block;font-size:29px;}
.dif .gra > span {display:block;text-align:center;}
.dif > div ul:after {content:"";display:block;clear:both;}
.dif > div ul li {float:left;margin:0 20px 20px 0;width:420px;height:55px;line-height:55px;font-size:16px;text-align:center;color:#424242;letter-spacing:-0.05em;border:1px solid #ddd;box-sizing:border-box;}
.dif > div ul li:nth-child(3n) {margin:0 0 20px 0;}

/* 02_02 인쇄물 */
.port > div:after {content:"";display:block;clear:both;}
.port > div > div {float:left;position:relative;width:640px;height:420px;margin:0 20px 20px 0;}
.port > div > div:last-child {margin:0 0 20px 0;}
.port > div > div .hoverbox {display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);color:#fff;text-align:center;box-sizing:border-box;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.port > div > div .hoverbox > div {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.port > div > div .hoverbox > div h5 {padding:0 0 8px 0;font-size:30px;font-weight:600;letter-spacing:-0.04em;}
.port > div > div .hoverbox > div p {font-size:16px;letter-spacing:-0.04em;}

.port > div > div:hover > .hoverbox {display:block;}


/* 03_01 제작가이드 */
.print > div {margin:0 0 100px 0;}
.print > div:last-child {margin:0;}
.print .sec_title {padding:0 0 40px 0;}
.print .sec_title h3 {padding:0 0 10px 0;font-size:32px;font-weight:600;letter-spacing:-0.05em;color:#222222;text-align:center;}
.print .sec_title p {font-size:16px;letter-spacing:-0.05em;color:#333;text-align:center;}
.print .sec_top {background:url('../images/sub/print_main.jpg') center top no-repeat;}
.print .sec_top h2 {margin:-40px 0 0 0;}
.print .sec_top h2 span {font-size:30px;line-height:1;}
.print > div > span {display:block;text-align:center;}
.print .full {padding:60px 0;width: 100vw;margin-left: calc(-50vw + 50%);background:#eff0f1;}
.print .print_box:after {content:"";display:block;clear:both;}
.print .print_box > div {position:relative;float:left;margin:0 20px 0 0;padding:40px 30px;width:310px;height:160px;background:#efefef;box-sizing:border-box;cursor:pointer;}
.print .print_box > div:last-child {margin:0;}
.print .print_box > div span{position:absolute;top:35px;right:20px;display:inline-block;}
.print .print_box > div h5 {font-size:20px;line-height:1;color:#222;letter-spacing:-0.04em;vertical-align:middle;font-weight:600;}
.print .print_box > div p {padding:20px 10px 0 0;font-size:16px;line-height:26px;color:#424242;letter-spacing:-0.04em;word-break:keep-all;}

.print .print_box > div.active, .print .print_box > div:hover {background:#fff;box-shadow:10px 10px 20px rgba(0,0,0,10%);}



/* 상세페이지 */
.detail .mainbox:after {content:"";display:block;clear:both;}
.detail .mainbox > div {float:left;box-sizing:border-box;}
.detail .mainbox > div.gallery {width:590px;height:590px;}
.detail .mainbox > div.gallery img {width:100%;}
.detail .mainbox > div.txt {width:660px;padding:0 0 0 60px;}
.detail .mainbox .product_category {font-family:'noto';display:inline-block;padding:0 5px;height:22px;line-height:22px;font-size:14px;font-weight:600;color:#a8a8a8;border:1px solid #a8a8a8;letter-spacing:-0.03em;text-transform:uppercase;box-sizing:border-box;}
.detail .mainbox .product_title {padding:14px 0 28px;font-size:27px;font-weight:600;color:#232323;letter-spacing:-0.03em;box-sizing:border-box;}
.detail .mainbox .product_table {padding:0 0 60px 0;border-bottom:1px solid #ddd;}
.detail .mainbox .product_table table tr th{text-align:left;font-size:16px;line-height:36px;color:#333;letter-spacing:-0.03em;font-weight:400;vertical-align:top;}
.detail .mainbox .product_table table tr td{text-align:left;font-size:16px;line-height:36px;color:#818181;letter-spacing:-0.04em;}
.detail .mainbox .product_table table tr.keyword td a {display:inline-block;margin:0 4px 0 0;padding:0 10px;height:28px;line-height:28px;font-size:13px;letter-spacing:-0.04em;color:#fff;background:#0b4616;}
.detail .mainbox .product_table table tr.keyword td a:hover {background:#115086;}
.detail .mainbox .btn_customer {display:inline-block;margin:40px 0 0 0;width:100%;height:52px;line-height:52px;text-align:center;font-size:21px;color:#fff;letter-spacing:-0.03em;background:#115086;border-radius:10px;}
.detail .mainbox .btn_customer span {display:inline-block;margin:0 0 0 10px;box-sizing:border-box;vertical-align:middle;}
.detail .mainbox .btn_customer:hover {background:#073761;}
.detail #product_tab:after {content:"";display:block;clear:both;}
.detail #product_tab li {float:left;width:50%;height:52px;line-height:52px;text-align:center;font-size:20px;letter-spacing:-0.04em;font-weight:600;background:#efefef;color:#9e9e9e;border-bottom:1px solid #222;box-sizing:border-box;cursor:pointer;}
.detail #product_tab li.active {background:#fff;color:#222;border:1px solid #222;border-bottom:none;}
.detail .btmbox {margin:120px 0 0 0;}
.detail .btmbox .product_page > div{display:none;padding:60px 0 0 0;box-sizing:border-box;}
.detail .btmbox .product_page > div.active {display:block;}
.detail .btmbox .product_page .active:after {content:"";display:block;clear:both;}
.detail .btmbox .product_page p {float:left;width:49%;margin:0 2% 28px 0;cursor:zoom-in;}
.detail .btmbox .product_page p:nth-child(2n) {margin:0 0 20px 0;}
.detail .btmbox .product_page img{width:100%;height:auto;}
.detail .btmbox .product_page table tr:nth-child(2n-1){background:#f8f8f8;}
.detail .btmbox .product_page table th {padding:15px 0;font-size:16px;color:#222;font-weight:600;}
.detail .btmbox .product_page table td {padding:15px 0;font-size:16px;color:#616161;}

.detail .btn_back {display:block;margin:80px auto 0;width:220px;height:48px;line-height:48px;font-size:16px;text-align:center;background:#dbdbdb;color:#222;border-radius:10px;box-sizing:border-box;}

#modal {position:absolute;top:0;left:0;background:rgba(0,0,0,0.7);cursor:zoom-out;z-index:500;overflow:hidden;}
#modal img{width:auto;max-height:90%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}

/* 견적문의 */
.customer_list .clearbox:after{content:"";display:block;clear:both;}
.customer_list .clearbox > form {float:right;}
.customer_list .clearbox > a {float:left;display:inline-block;padding:0 15px;font-size:16px;height:38px;line-height:38px;text-align:center;color:#fff;background:#004785;border-radius:5px;box-sizing:border-box;}

.quotation:after {content:"";display:block;clear:both;}
.quotation textarea {resize:none;height:120px;}
.quotation .left{float:left;width:1000px;}
.quotation .right{float:right;width:300px;padding:0 0 0 20px;box-sizing:border-box;text-align:right;}
.quotation .right p{font-size:20px;padding:0 8px 20px 0;}
.quotation .right .mobile{display:none;}
.quotation .right img{max-width:100%;}

.btnbox:after {content:"";display:block;clear:both}
.btnbox a{display:inline-block;width:140px;height:40px;font-size:16px;text-align:center;line-height:40px;border-radius:5px;color:#222;}
.btnbox .btn_back {float:left;background:#dbdbdb;}
.btnbox .btn_ok {float:right;background:#006140;color:#fff;}

.customer_check {width:50%;margin:0 auto 180px;padding:40px 0 60px;border:1px solid #ddd;text-align:center;}
.customer_check  span {display:block;margin:0 0 20px 0;}
.customer_check .top {margin:0 0 20px 0;font-size:18px;color:#222;font-weight:600;line-height:36px;}
.customer_check .top input {margin:0 10px;}
.customer_check > a {display:inline-block;width:100px;background:#006140;height:32px;line-height:32px;color:#fff;font-size:16px;text-align:center;border-radius:5px;}
.customer_check .btn_back {margin:0 10px 0 0;background:#dbdbdb;color:#222;}
.customer_check .btn_ok:hover {background:#003b6d;}
.customer_check .btn_back:hover {background:#bdbdbd;}







/* top */
.topBtn{position:absolute; top:0; right:0;}
.topBtn > a {display:inline-block; width:54px; height:51px; background:url('../images/common/quick_top.gif') no-repeat;}
.topBtn:hover, .topBtn:focus {top:10px;}
.topBtn2 {display:none;}

.form_go {width:320px;display:block;margin:30px auto 0;border-radius:50px;background:#006140;color:#fff !important;line-height:52px;font-size:21px;font-weight:600;text-align:center;}
.form_go:hover {background:#1d3c23;}

/**** mobile layout *************************************************************************************************************/
@media screen and (max-width:640px) {

	body {
		min-width:320px; width:100%; height:100%;
		max-width:100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	#header {height:70px; min-width:auto;}
	#header_content {height:70px; width:100%;}
	#header_content .logo {top:25px; left:20px;}
	#header_content .logo img {height:25px;}

	#header_content #home_menu {display:none;}

	#gnb {display:none;}
	.top_menu {display:none;}
	.mob_none {display:none;}

	/* nav */
	#top_right {float:right; margin: -45px 20px 0 0;}
	.allmenu {/*position:absolute; top:35px; right:15px; z-index:1000; display:block; cursor:pointer;*/ position:relative;}
	#menu-icon2{
	  position: relative;
	  width: 30px;
	  height: 20px;
	  transform: rotate(0deg);
	  transition: 0.5s ease-in-out;
	  cursor: pointer;
	}
	#menu-icon2 span{
	  display: block;
	  position: absolute;
	  height: 3px;
	  width: 100%;
	  background: #fff;
	  opacity: 1;
	  left: 0;
	  transform: rotate(0deg);
	  transition: 0.25s ease-in-out;
	}
	#menu-icon2 span.short {
		width:20px;
		left:10px;
	}
	#menu-icon2 span:nth-child(1){top: 0px;}
	#menu-icon2 span:nth-child(2){top: 8px;}
	#menu-icon2 span:nth-child(3){top: 17px;}
	#menu-icon2.open span:nth-child(1) {
	  top: 6px;
	  transform: rotate(-45deg);
	}
	#menu-icon2.open span:nth-child(2) {
	  opacity: 0;    /*클릭하면 중간선이 사라집니다.*/
	}
	#menu-icon2.open span:nth-child(3) {
	  top: 6px;
	  transform: rotate(-135deg);
	  width:30px;
	  left:0;
	}
	nav {position:absolute; top:70px; right:0; width:100%; text-align:left; z-index:1100;}
	#nav {display:block;}
	#nav li {position:relative; border-top:1px solid #222; background:rgba(0,0,0,0.8);}
	#nav li a {position:relative; color:#fff; font-size:15px; font-weight:600; display:block; padding:20px 20px;line-height:15px;}
	#nav li a .arrow {position:absolute; top:50%; right:10px; z-index:900;}
	#nav li a .arrow img {width:9px; height:6px;}
	#nav > li > ul {}
	#nav > li > ul > li {border-bottom:none; border-top:1px solid #00472f;}
	#nav > li > ul > li:first-child {border-top:none;}
	#nav > li > ul > li a {color:#fff; font-size:14px; background:#006140; font-weight:500;  padding:16px  20px 16px 30px;line-height:15px;}


  #mainvisual li.visual_bg1 .full_img{background-image:url('../images/main/mainvisual_221227.png');}
	#mainvisual {height:420px;}
	#mainvisual .slideshow {width:100%; height:500px; top:0; left:0; margin-left:0;}
	#mainvisual .slideshow .bx-slider {height:500px;}
	#mainvisual .slideshow .bx-slider li { height:500px; }
	#mainvisual .slideshow .bx-slider li .full_img {height:500px;background-size:cover;background-position:center 50%;}

	#mainvisual .main_txt {
		width:90%;
		margin:0 auto;
		padding:  0 ;
		position:absolute;
		z-index:1000;
		left:5%; top:110PX;
		background:none;
	}

	#mainvisual .main_txt  span img {width:40px;}
  #mainvisual .maintxt2 {display: block;}
  #mainvisual .maintxt1 {margin:0 0 30px 0;}
	#mainvisual .main_txt h3 {font-size:16px;line-height:16px;padding-top:20px;}
	#mainvisual .main_txt h2 {font-size:25px; line-height:40px;}
	#mainvisual .main_txt h2 img {width:200px;}
	#mainvisual .main_txt p {font-size:13px; line-height:22px;word-break:keep-all;}
	#mainvisual .main_txt p:before {width:60px;margin:20px auto;}


	/* section1 */
	.section1 {width:auto;position:static;margin:0 auto;}
	.section1 > div{width:50%;height:auto; }
	.section1 > div a{line-height:55px; font-size:15px;}

	/* section2 */
	.section2 {*zoom:1; width:auto;padding:50px 15px 100px;}
	.section2 ul li {width:50%; margin: 0 0 50px 0; height: 200px;}
    .section2 ul li:nth-child(5n) {margin: 0 0 50px 0;}
	.section2 ul li a {display:block; width:96%; height:auto;}
	.section2 ul li a .thumb{height:150px; }
	.section2 ul li a .thumb img{width:100%; height:100%;}
	.section2 ul li a .info{padding-right:30px;}
	.section2 ul li a .info .title{font-size:13px;}
	.section2 ul li a .info .desc{font-size:12px;}
	.section2 ul li a .info .option{height:60px; }
	.section2 ul li a .info .option span{padding:0 5px; font-size:10px; letter-spacing:-0.05em;height:20px;line-height:20px;margin:2px 0;}
	.section2 ul li a .info .more {position:absolute; top:0;right:0; width:16px; height:16px; font-size:14px; line-height:14px;}
	.section2 ul li a .info .more  img {width:24px;}

	.section2  a.more_view {width:250px;height:45px; line-height:45px;  font-size:16px;}


	/* section3 */
	.section3 {width:auto; padding:60px 15px;}
	.section3 .sec3_in {width:auto;}
	.section3 .sec3_in h3 {font-size:25px;}
	.section3 .sec3_in h5 {font-size:13px;line-height:22px; word-break:keep-all;}
	.section3 .sec3_in h5 br{display:none;}
	.section3 .sec3_in ul li {float:none; width:auto; margin:0 0 20px 0;padding:30px 0;}
	.section3 .sec3_in ul li:first-child { margin:0 0 20px 0;}
	.section3 .sec3_in ul li strong{font-size:15px;}
	.section3 .sec3_in ul li p {font-size:17px;}




	/* sub */
	.subvisual {width:100%;height:170px;background-size:cover;background-position:0 center;}
	.subvisual .menutitle {width:AUTO; margin:0 auto;text-align:center;}
	.subvisual .menutitle h2 {color:#fff; padding:80px 0 0 ;font-size:30px;letter-spacing:-0.03em;}



	#leftmenu {width:96%; margin-top:-20px;LEFT:2%;}
	#lnb {width:AUTO; }
	#lnb ul li {display:block;float:left;width:50%; font-size:13px;height:45px;line-height:45px;}
	#lnb ul li a{border:1px solid #eee;}
	#lnb ul li:first-child {margin:0;}
	#lnb ul li a:hover, #lnb ul li.on a{border-color:#006140;}
	#lnb ul li.menu01 {width:100%;}
	#lnb ul li.menu02 {width:50%;}
	#lnb ul li.menu03 {width:50%;}
	#lnb ul li.menu04 {width:50%;}
	#lnb ul li.menu05{width:50%;}

	#cont {width:auto; margin:0 auto; padding:60px 0 0;}
	#subtitle {margin:0 0 40px 0;}

	#subtitle h2 {font-size:30px; }
	#subtitle h2:after{ width:1px; height:20px; }
	#con_area {clear:both; min-height:320px; padding:0 0 200px 0;}

	
	/* 공통 */
	/* sub top */
	.sec_top {padding:380px 0 80px 0 !important;margin:0 !important;}
	.sec_top > div {float:none;width:100%;padding:0 15px;}
	.sec_top > div h2 {margin:20px 0 0 0;padding:0 0 20px 0;font-size:32px;line-height:1;}
	.sec_top > div h2 span {display:inline-block;}
	.sec_top > div p {padding:0;font-size:14px;line-height:24px;word-break:break-all;}

	h3.sec_title {font-size:24px;padding:0 0 20px 0;}

	/* 01_01 회사소개 */
    .company .sec_top {padding: 0 0 50px 0 !important;}
	.company > div {margin:0 0 60px 0;}
	.company .com_list > span img {width:160px;}
	.company .com_list li {padding:15px 10px;margin:0 15px 10px 15px;border-radius:0;box-sizing:border-box;}
	.company .com_list li span {display:block;min-height:auto;}
	.company .com_list li h5 {padding:12px 0 8px;font-size:18px;}
	.company .com_list li p {font-size:14px;line-height:24px;}
	.company .com_gallery {padding:40px 0;background:url('../images/sub/company_sbg.jpg') center top no-repeat;width: 100%;margin-left: 0;}
	.company .com_gallery ul {width:100%;padding:0 15px;}
	.company .com_gallery ul li img {width:100%;}
	.company .com_box {padding:0 15px;box-sizing:border-box;}
	.company .com_box > div {float:none;}
	.company .com_box > div.f_box {padding:40px 20px;width:100%;height:auto;margin:0 0 10px 0;line-height:26px;} 
	.company .com_box > div.f_box span {display:contents;text-align:left;}
	.company .com_box > div.f_box p {float:left;padding:20px 0 0 0;width:115px;font-size:14px;line-height:34px;}
	.company .com_box > div.s_box {width:100%;}
	.company .com_box > div.s_box > div {position:relative;width:48%;height:145px;margin:0 2% 10px 0;text-align:center;border:1px solid #ddd;}
	.company .com_box > div.s_box > div:nth-child(3n) {margin:0 2% 10px 0;}
	.company .com_box > div.s_box > div:nth-child(2n) {margin:0 0 10px 0;}

	/* 01_02 인사말 */
	.greet {padding:0 15px;}
	.greet > span {z-index:0;}
	.greet img {max-width:100%;}
	.greet .txt_box {margin:0 0 0 auto;padding:40px 15px;width:100%;height:auto;background:rgba(255,255,255,0.5);}
	.greet .txt_box h3 {margin:0 0 20px 0;padding:0 0 20px 0;font-size:18px;word-break:keep-all;line-height:28px;}
	.greet .txt_box p {padding:0;font-size:14px;line-height:24px;word-break:break-all;}
	.greet .txt_box h5 {padding:20px 0;font-size:16px;}
	.greet .txt_box p.sign {padding:60px 0 0 0;font-size:16px;}
	.greet .txt_box p.sign span{font-size:18px;}

	/* 01_03 회사연혁 */
	.info .info_box {padding:0 15px;box-sizing:border-box;}
	.info .info_box li {float:left;margin:0 2% 10px 0;padding:70px 10px 0;width:48%;height:200px;}
	.info .info_box li:nth-child(2n), .info .info_box li:last-child {margin:0 0 10px 0;}
	.info .info_box li h5 {padding:10px 0 8px;font-size:18px;}
	.info .info_box li p {font-size:14px;line-height:24px;}

	.info .info_box li:nth-child(1) {background:url('../images/sub/info_icon01.png') center 20px no-repeat;}
	.info .info_box li:nth-child(2) {background:url('../images/sub/info_icon02.png') center 25px no-repeat;}
	.info .info_box li:nth-child(3) {background:url('../images/sub/info_icon03.png') center 33px no-repeat;}
	.info .info_box li:nth-child(4) {background:url('../images/sub/info_icon04.png') center 34px no-repeat;}
	.info .info_box li:nth-child(5) {background:url('../images/sub/info_icon05.png') center 27px no-repeat;}
	.info .info_box li:nth-child(6) {background:url('../images/sub/info_icon06.png') center 31px no-repeat;}

	.info .btm {margin:40px 0 0 0;padding:0 15px;box-sizing:border-box;}
	.info .btm h3.sec_title {padding:0 0 12px 0;}
	.info .btm > div {float:none;width:100%;margin:0 0 10px 0;padding:70px 0 0 0;}
	.info .btm > div > div {padding:20px 10px;height:auto;}
	.info .btm > div > div table th {width:23%;font-size:14px;line-height:36px;}
	.info .btm > div > div table td {font-size:14px;line-height:36px;}

	/* 01_04 PARTNERS */
	.partners {position:relative;background-size:contain;}
	.partners > ul {padding:20px 25px;}
	.partners > ul li {position:relative; margin: 0 10px 0 0;width: calc((100% - 30px) / 3);height:75px;}
	.partners > ul li:nth-child(3n) {margin: 0;}
	.partners > ul li:nth-child(9n) {margin: 0 10px 0 0;}

	/* 01_05 인증서 */
	.paper {padding:0 15px;box-sizing:0 15px;}
	.paper ul li {float:none;width:100%;margin:0 0 20px 0;padding:20px 0;}

	/* 02_01 한솔상자 특장점 */
	.dif .sec_top > div h2 span {display:block;font-size:18px;}
	.dif .gra > span img {max-width:100%;}
	.dif > div ul li {float:none;margin:0 0 10px 0;width:100%;height:48px;line-height:48px;font-size:14px;}
	.dif > div {padding:0 15px;box-sizing:border-box;}
	.dif > div:last-child {margin:40px 0 0 0;}

	/* 02_02 인쇄물 */
	.port {padding:0 15px;box-sizing:border-box;}
	.port > div > div {float:none;position:relative;width:100%;height:190px;margin:0 0 20px 0;}
	.port > div > div img {width:100%;}
	.port > div > div .hoverbox {display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);color:#fff;text-align:center;box-sizing:border-box;}
	.port > div > div .hoverbox > div h5 {font-size:18px;}
	.port > div > div .hoverbox > div p {font-size:14px;}

	.port > div > div:hover > .hoverbox {display:block;}


	/* 03_01 제작가이드 */
	.print > div {margin:0 0 60px 0;padding:0 15px;box-sizing:border-box;}
	.print img {max-width:100%;}
	.print .sec_title {padding:0 0 20px 0;}
	.print .sec_title h3 {font-size:24px;}
	.print .sec_title p {font-size:14px;}
	.print .sec_top h2 {margin:20px 0 0 0;}
	.print .sec_top h2 span {display:block;font-size:18px;line-height:1;}
	.print .full {padding:40px 15px;width: 100%;}
	.print .print_box > div {position:relative;float:none;margin:0 0 10px 0;padding:30px 15px;width:100%;height:136px;}
	.print .print_box > div span{top:25px;}
	.print .print_box > div h5 {font-size:18px;}
	.print .print_box > div p {padding:10px 0 0 0;font-size:14px;line-height:24px;}


	/* 상세페이지 */
	.detail {padding:0 15px;box-sizing:border-box;}
	.detail .mainbox > div {float:none;box-sizing:border-box;}
	.detail .mainbox > div.gallery {width:100%;height:auto;}
	.detail .mainbox > div.txt {width:100%;padding: 40px 0 0 0;}
	.detail .mainbox .product_title {padding:14px 0 20px;font-size:22px;word-break:keep-all;}
	.detail .mainbox .product_table {padding:0 0 40px 0;}
	.detail .mainbox .product_table table tr th{font-size:14px;line-height:32px;}
	.detail .mainbox .product_table table tr td{font-size:14px;line-height:32px;padding:0 0 0 5px;}
	.detail .mainbox .btn_customer {height:48px;line-height:48px;font-size:18px;}
	.detail .mainbox .btn_customer span {margin:0 0 5px 10px;}
	.detail #product_tab li {height:42px;line-height:42px;font-size:16px;}
	.detail .btmbox {margin:80px 0 0 0;}
	.detail .btmbox .product_page > div{padding:40px 0 0 0;}
	.detail .btmbox .product_page p {float:none;width:100%;margin:0 0 20px 0;}
	.detail .btmbox .product_page img{}

	#modal img {max-width:90%;max-height:auto;}

	.detail .btmbox .product_page table th {padding:12px 0;font-size:14px;}
	.detail .btmbox .product_page table td {padding:12px 0;font-size:14px;}

	.detail .btn_back {margin:40px auto 0;width:100%;height:38px;line-height:38px;font-size:14px;text-align:center;background:#dbdbdb;color:#222;border-radius:10px;box-sizing:border-box;}

	.quotation {padding:0 15px;box-sizing:border-box;}
	.quotation select , .quotation .m_100 , .quotation textarea {width:100% !important;}
	.quotation .left{float:none;width:100%;}
	.quotation .right{float:none;width:auto;padding:0 0 20px 0;text-align:center;}
	.quotation .right .mobile{display:block;}
	.quotation .right .pc{display:none;}

	#select_Option {width:78px !important;}
	.gallry_wrap, .gallery_search {padding:0 15px;box-sizing:border-box;}



	/*footer*/
	#footer {padding:50px 15px; }
	#footer_content {width:auto;}
	#footer_content p img{height:16px;}
	#footer_content address {font-size:12px; line-height:20px; word-break:keep-all;}




}