html{overflow:auto}
body{background:#fff}

*::placeholder { color:#999; }                     
*::-webkit-input-placeholder { color:#999; }
*:-moz-placeholder { color:#999; }             
*::-moz-placeholder { color:#999; }           
*:-ms-input-placeholder { color:#999 !important; }      
*::-ms-input-placeholder { color:#999; } 


* { word-break:keep-all; }

#wrap {position:relative; width:100%;}
#header, #mainVisual, #subVisual, #container, #foot{width:100%; position:relative;}
.inner {width:1100px; margin:0 auto; position:relative;}

/*header*/
#header{ z-index:200; position:absolute; left:0; top:0; width:100%; height:105px; z-index:100; box-sizing:border-box; padding-right:320px; }
#header.sub { padding-right:0;  }

.headerWrap { position:relative; }
.headerWrap h1{width:95px; padding-top:30px}
.headerWrap h1 img { width:100%;  }

.headerWrap .head-in { padding:0 100px; height:100%; }
.headerWrap .head-in h1 img.sub-logo { display:none; }

#header.sub .headerWrap .head-in h1 img.main-logo { display:none; }
#header.sub .headerWrap .head-in h1 img.sub-logo { display:block; }

#header.sub .headerWrap .head-in { position:relative;  max-width:1920px; box-sizing:border-box; margin:0 auto;  }

.main-emblem-area {position: absolute; top: 0; width:140px; padding-left:3px;}



@media screen and (max-width:1333px){
	#header { padding-right:0; }
}
@media screen and (max-width:1200px){
	.headerWrap .head-in { padding:0 40px; }
}
@media screen and (max-width:900px){
	.headerWrap .head-in { padding:0 20px; }
	.headerWrap h1 { padding-top:11px; }

	.main-emblem-area {width:70px;}
}

/* 우측 사이드 영역 (메인 흰색- 서브는 어떻게 될지 모름) */
.side-area-contain { position:absolute; right:0; top:0; width:320px; height:950px; z-index:100; background-color:#fff; }
.side-area-contain .side-inner {  }
.side-area-contain .side-inner .side-inner-in { padding:50px 30px; }

@media screen and (max-width:1333px){
	.side-area-contain .side-inner .side-inner-in { padding:80px 100px; }
}
@media screen and (max-width:900px){
	.side-area-contain .side-inner .side-inner-in { padding:50px 20px; }
}

.sns-lang-contain { text-align:right; }
.sns-lang-contain p { display:inline-block; vertical-align:top; height:18px; line-height:18px; }
.sns-lang-contain p a { display:inline-block; vertical-align:top; }
.sns-lang-contain p.sns { padding-right:10px;  }
.sns-lang-contain p.sns a { width:18px; height:18px;    }
.sns-lang-contain p.sns a.youtube { background:url("/images/common/sns_icon01_gray.png") no-repeat left top;  }
.sns-lang-contain p.sns a.youtube:hover { background:url("/images/common/sns_icon01.png") no-repeat left top;  }
.sns-lang-contain p.sns a.facebook { background:url("/images/common/sns_icon02_gray.png") no-repeat left top;  }
.sns-lang-contain p.sns a.facebook:hover { background:url("/images/common/sns_icon02.png") no-repeat left top;  }
.sns-lang-contain p.sns a.instagram { background:url("/images/common/sns_icon03_gray.png") no-repeat left top;  }
.sns-lang-contain p.sns a.instagram:hover { background:url("/images/common/sns_icon03.png") no-repeat left top;  }
.sns-lang-contain p.sns a.naver { background:url("/images/common/sns_icon04_gray.png") no-repeat left top;  }
.sns-lang-contain p.sns a.naver:hover { background:url("/images/common/sns_icon04.png") no-repeat left top;  }
.sns-lang-contain p.sns a.kakao { background:url("/images/common/sns_icon05_gray.png") no-repeat left top;  }
.sns-lang-contain p.sns a.kakao:hover { background:url("/images/common/sns_icon05.png") no-repeat left top;  }


.sns-lang-contain p.sns a + a { margin-left:2px; }
.sns-lang-contain p.lang { position:relative; padding-left:13px; z-index:1; }
.sns-lang-contain p.lang:after { content:''; position:absolute; left:0; top:3px; width:1px; height:12px; background:#b2b2b2; }
.sns-lang-contain p.lang a { font-size:14px; color:#222; font-family: 'Montserrat'; font-weight:600; }
.sns-lang-contain p.lang a i { display:inline-block; width:18px; height:18px; vertical-align:middle;  background:url("/images/common/lang_icon.png") no-repeat left top; margin-right:5px; }
.sns-lang-contain p.lang a em { display:inline-block; width:8px; height:5px;  vertical-align:middle; background:url("/images/common/icon_linearrw.png") no-repeat left top; background-size:contain; margin-left:5px; margin-bottom:2px;}
.sns-lang-contain p.lang a em.up { background-image:url("/images/common/icon_linearrw_up.png");}
.sns-lang-contain p.lang span { display:none; position:absolute; left:10px; top:23px; width:76px; height:55px; border:1px solid #e0e0e0; background-color:#fff;}
.sns-lang-contain p.lang span a { display:block; color:#666; text-align:center; padding-top:6px; }
.sns-lang-contain p.lang span a:hover,
.sns-lang-contain p.lang span a.on { color:#222; }

.side-area-contain.mtvlayer { display:none;  right:122px; top:92px; width:250px; height:30px; background-color:transparent; z-index:1;}

.side-area-contain.mtvlayer .sns-lang-contain p.sns a.naver  { background:url("/images/common/sns_icon04_wht.png") no-repeat left top;  }
.side-area-contain.mtvlayer .sns-lang-contain p.sns a.kakao  { background:url("/images/common/sns_icon05_wht.png") no-repeat left top;  }
.side-area-contain.mtvlayer .sns-lang-contain p.sns a.youtube { background:url("/images/common/sns_icon01_wht.png") no-repeat left top;  }
.side-area-contain.mtvlayer .sns-lang-contain p.sns a.twitter { background:url("/images/common/sns_icon01_wht.png") no-repeat left top;  }
.side-area-contain.mtvlayer .sns-lang-contain p.sns a.facebook { background:url("/images/common/sns_icon02_wht.png") no-repeat left top;  }
.side-area-contain.mtvlayer .sns-lang-contain p.sns a.instagram { background:url("/images/common/sns_icon03_wht.png") no-repeat left top;  }
.side-area-contain.mtvlayer .sns-lang-contain p.lang a i { background:url("/images/common/lang_icon_wht.png") no-repeat left top; }
.side-area-contain.mtvlayer .sns-lang-contain p.lang > a { color:#fff; }
.side-area-contain.mtvlayer .sns-lang-contain p.lang a em { background:url("/images/common/icon_linearrw_wht.png") no-repeat left top; background-size:contain;}
.side-area-contain.mtvlayer .sns-lang-contain p.lang a em.up { background-image:url("/images/common/icon_linearrw_up_wht.png");}

.side-area-contain .board-area { padding-top:25px;  }
.side-area-contain .board-area .latest-box { min-height:85px; padding-bottom:22px; }
.side-area-contain .board-area .latest-box + .latest-box { border-top:1px solid #dfdfdf; padding-top:22px;  }
.side-area-contain .board-area .latest-box .tit-brd {position:relative; font-size:18px; color:#000; padding-bottom:15px;  }
.side-area-contain .board-area .latest-box .tit-brd a { position:absolute; right:0; top:0; width:18px; height:18px; background:url("/images/common/btn_plus_b.png") no-repeat 50% 50%; background-size:15px;  }

.side-area-contain .board-area .latest-box .b-list {  }
.side-area-contain .board-area .latest-box .b-list ul {  }
.side-area-contain .board-area .latest-box .b-list li { display:block; }
.side-area-contain .board-area .latest-box .b-list li a {position:relative; display:block; font-size:14px; color:#666; font-weight:300; padding-left:8px; margin-bottom: 2px; }
.side-area-contain .board-area .latest-box .b-list li a + a { margin-top:5px;  }
.side-area-contain .board-area .latest-box .b-list li a:after {content:''; position:absolute; left:0; top:9px; width:2px; height:2px; background:#7f7f7f;  }

.side-area-contain .board-area .latest.basic a { display:inline-block; max-width:90%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  }

.side-area-contain .icons-going-area { border-top:1px solid #333;  }
.side-area-contain .icons-going-area .item { display:block; border-bottom:1px solid #dfdfdf; padding:13px 0 13px 13px;  }
.side-area-contain .icons-going-area .item span { display:block; font-size:16px; color:#222; }
.side-area-contain .icons-going-area .item span i { display:inline-block; vertical-align:middle; width:24px; height:25px; margin-right:8px;  }
.side-area-contain .icons-going-area .item span i.icon1 { background:url("/images/main/main_icon01.png") no-repeat 50% 50%; background-size:contain; }
.side-area-contain .icons-going-area .item span i.icon2 { background:url("/images/main/main_icon02.png") no-repeat 50% 50%; background-size:contain; }
.side-area-contain .icons-going-area .item span i.icon3 { background:url("/images/main/main_icon03.png") no-repeat 50% 50%; background-size:contain; }
.side-area-contain .icons-going-area .item span i.icon4 { background:url("/images/main/main_icon04.png") no-repeat 50% 50%; background-size:contain; }
.side-area-contain .icons-going-area .item span i.icon5 { background:url("/images/main/main_icon05.png") no-repeat 50% 50%; background-size:contain; }
.side-area-contain .icons-going-area .item span i.icon6 { background:url("/images/main/main_icon06.png") no-repeat 50% 50%; background-size:contain; }
.side-area-contain .icons-going-area .item p { font-size:14px; color:#666; padding-top:2px;  letter-spacing:-1px; }


.side-area-contain .icons-going-area .item06 span {display:flex;}
.side-area-contain .icons-going-area .item06 span i {min-width:24px}

.side-area-contain .box-guide { width:100%; box-sizing:border-box; padding-top:15px; }
.side-area-contain .box-guide > div { padding:18px 0 18px 25px; margin-top:10px;  }
.side-area-contain .box-guide > div span  { position:relative; display:block; font-size:17px; font-weight:500; }
.side-area-contain .box-guide > div span a { position:absolute; right:25px; top:0; display:block; width:15px; height:14px; background:url("/images/common/btn_plus_w.png") no-repeat left top; background-size:contain;  }
.side-area-contain .box-guide > div p { font-size:14px; padding-top:8px;  line-height:1.3;}
.side-area-contain .box-guide .black { background-color:#222; color:#fff; } 
.side-area-contain .box-guide .gray { background-color:#f7f7f7; border:1px solid #dfdfdf; } 
.side-area-contain .box-guide .gray span { color:#222; /* font-family: 'Montserrat';  */font-weight:500; }
.side-area-contain .box-guide .gray p { color:#222;  }
.side-area-contain .box-guide .gray01 { background-color:#f7f7f7; border:1px solid #dfdfdf; padding:18px 0 18px 0; text-align:center;} 

.side-area-contain .box-guide .gray.ov:hover { background-color:#222; }
.side-area-contain .box-guide .gray.ov:hover span { color:#fff; }
.side-area-contain .box-guide .gray.ov:hover p { color:#fff; }

@media screen and (max-width:1333px){
	.side-area-contain { position:relative; right:auto; top:auto; width:100%; height:auto;   }

	.side-area-contain .sns-lang-contain { display:none; }
	.side-area-contain .board-area { padding-top:0; font-size:0;}
	.side-area-contain .board-area .latest-box { display:inline-block; vertical-align:top; width:50%; box-sizing:border-box; padding-right:3%; }
	.side-area-contain .board-area .latest-box + .latest-box {position:relative; border-top:0; padding-top:0; padding-right:0; padding-left:3%; }
	.side-area-contain .board-area .latest-box + .latest-box:after { content:''; position:absolute; left:0; top:0; width:1px; height:83px; background:#dfdfdf;  }

	.side-area-contain .icons-going-area { font-size:0; }
	.side-area-contain .icons-going-area .item { display:inline-block; vertical-align:top; width:49%; box-sizing:border-box;  }
	.side-area-contain .icons-going-area .item:last-child { width:100%; box-sizing:border-box;  }
	.side-area-contain .icons-going-area .item:nth-of-type(odd) { margin-right:1%; }
	.side-area-contain .icons-going-area .item:nth-of-type(even) { margin-left:1%; }

	.side-area-contain .box-guide { font-size:0; }
	.side-area-contain .box-guide > div { display:inline-block; vertical-align:top; width:49%; box-sizing:border-box; }
	.side-area-contain .box-guide .black { margin-right:1%; }
	.side-area-contain .box-guide .gray { margin-left:1%; }

	.side-area-contain.mtvlayer {position:absolute;  display:block; }
	.side-area-contain.mtvlayer .sns-lang-contain { display:block; }
}
@media screen and (max-width:1200px){
	.side-area-contain.mtvlayer { right: 52px; }
}
@media screen and (max-width:900px){
	.side-area-contain.mtvlayer { display:none; }
}





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

	.side-area-contain .board-area .latest-box { display:block; width:100%; padding-right:0; }
	.side-area-contain .board-area .latest-box + .latest-box { padding-left:0; border-top: 1px solid #dfdfdf; padding-top:20px;  }
	.side-area-contain .board-area .latest-box + .latest-box:after { content:none; }

	.side-area-contain .icons-going-area .item { padding: 23px 0 23px 18px; }
	.side-area-contain .icons-going-area .item p { display:none; }

	.side-area-contain .box-guide > div { display:block; width:100%;  }

	.side-area-contain .box-guide .black { margin-right:0; }
	.side-area-contain .box-guide .gray { margin-left:0;	 }


}

@media screen and (max-width:445px){
	.side-area-contain .icons-going-area .item { padding: 23px 0 23px 0px;}
	.side-area-contain .icons-going-area .item span { font-size: 14px; }
}
@media screen and (max-width:360px){
	.side-area-contain .icons-going-area .item:nth-of-type(odd) { width:42%; }
	.side-area-contain .icons-going-area .item:nth-of-type(even) { width:56%; }
	.side-area-contain .icons-going-area .item span { letter-spacing:-1px; }
	.side-area-contain .icons-going-area .item:last-child { width:100%; }
}








/* GNB */
#topmenu {position: absolute; top:30px; right: 100px; /* width:665px;  */color:#333333; z-index:100;}
#topmenu ul li {position:relative; display:inline-block; }

#topmenu ul li > a {display:block; text-align:center; width:127px; height:52px; line-height:52px;  text-align:center;  font-size:24px; font-weight:400; color:#fff; }

#topmenu .in-allmenu { display:none;  position:absolute; left:-12px; padding:0 12px; top:52px; width:100%; padding-bottom:20px;  background:#fff;  }
#topmenu .in-allmenu ul { font-size:0; }
#topmenu .in-allmenu ul li { display:inline-block; width:16.6666666%; vertical-align:top; padding-top:15px;  }
#topmenu .in-allmenu ul li.on { border-top:3px solid #222;  padding-top:12px; }
#topmenu .in-allmenu ul li a { display:block; font-size:16px; color:#666;  height:34px; line-height:34px; text-align:center; letter-spacing:-1px;}
#topmenu .in-allmenu ul li a:hover { color:#222;  }


@media screen and (max-width:1490px){
	#topmenu ul li > a { width:110px; }
	#topmenu .in-allmenu ul li a { font-size:15px;  }
}
@media screen and (max-width:1200px){
	#topmenu { right:30px;  }
}







/*삼선버튼*/
.menubtn-area { display:none; position:absolute; right:20px; top:20px; width:40px; height:26px; opacity:0;
transition:all .3s ease;}
.menubtn-area a {position:relative; display:block; width:100%; height:100%; }

.menubtn-area a i ,
.menubtn-area a:before,
.menubtn-area a:after {  position:absolute; right:0; height:3px; background-color:#fff; }

.menubtn-area a i { top:50%; width:80%; margin-top:-1.5px;  }
.menubtn-area a:before { content:'';  top:0; width:100%; }
.menubtn-area a:after { content:'';  bottom:0; width:100%;}

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

	#topmenu ul li > a { font-size:20px; }
}
@media screen and (max-width:900px){
	#topmenu { display:none; }
	.menubtn-area { display:block;  opacity:1; }
}
@media screen and (max-width:640px){
	.menubtn-area { width: 35px;}
}

#header { transition:all .3s ease; -webkit-transition:all .3s ease; -ms-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; }

#header.sub { position:fixed; left:0; top:0; width:100%; height:98px; }
#header.sub #topmenu {top:0; right:360px;  }

#header.sub.scr { background:#fff;	box-shadow:2px 1px 10px 0px rgba(0,0,0,0.1);  }

#header.sub #topmenu .in-allmenu { top:98px; padding:0 42px 30px 42px; left:-40px ; border-left:1px solid #faf9f9; border-right:1px solid #faf9f9; }

#header.sub #topmenu > ul > li > a { color:#222; font-size:24px;  }
#header.sub #topmenu > ul > li > a { height:98px; line-height:98px; }

#header.sub #topmenu .in-allmenu ul li a { font-size:16px;   }

@media screen and (max-width:1490px){
	#header.sub #topmenu .in-allmenu ul li a { font-size:15px;  }
}



@media screen and (max-width:1260px){
	#header.sub #topmenu > ul > li > a {  }
	#header.sub #topmenu ul li > a { width:90px; font-size:18px;}
	#header.sub #topmenu .in-allmenu ul li a { font-size:12px;  }
}

@media screen and (max-width:1200px){
	#header.sub #topmenu { right:280px; }
}
@media screen and (max-width:1000px){
	#header.sub #topmenu { display:none;  }
}
@media screen and (max-width:900px){
	#header.sub { height:60px; }
}



#header.sub.newsweb { position:relative;  }

#header.sub.newsweb #topmenu { top:0; right:auto; left:0;  width:100%; text-align:center; box-sizing:border-box; border-bottom:1px solid #eee; }
#header.sub.newsweb #topmenu ul li a { width:auto; padding:0 10px; }
#header.sub.newsweb #topmenu ul li a.on { border-bottom:2px solid #222;  }
#header.sub.newsweb #topmenu ul li + li { margin-left:50px;  }


@media screen and (max-width:1000px){
	#header.sub.newsweb #topmenu { display:block;  }
}
@media screen and (max-width:900px){
	#header.sub.newsweb { height:60px;  }
	#header.sub.newsweb #topmenu > ul > li > a { height:60px; line-height:60px; }
}

@media screen and (max-width:640px){
	#header.sub.newsweb #topmenu ul li + li { margin-left:0px;  }
	#header.sub.newsweb #topmenu > ul { text-align:right;  }
	#header.sub.newsweb #topmenu > ul > li > a  { font-size:15px; text-align:center;  }
}








.sub-top-menu { position:absolute; right:100px; top:40px; padding-right:50px;  }
.sub-top-menu .sns-lang-contain { text-align:right; }
.sub-top-menu .sns-lang-contain p { display:inline-block; vertical-align:top; height:18px; line-height:18px; }
.sub-top-menu .sns-lang-contain p a { display:inline-block; vertical-align:top; }
.sub-top-menu .sns-lang-contain p.sns { padding-right:10px;  }
.sub-top-menu .sns-lang-contain p.sns a { width:18px; height:18px; }
.sub-top-menu .sns-lang-contain p.sns a.youtube { background:url("/images/common/sns_icon01_gray.png") no-repeat left top;  }
.sub-top-menu .sns-lang-contain p.sns a.youtube:hover { background:url("/images/common/sns_icon01.png") no-repeat left top;  }
.sub-top-menu .sns-lang-contain p.sns a.facebook { background:url("/images/common/sns_icon02_gray.png") no-repeat left top;  }
.sub-top-menu .sns-lang-contain p.sns a.facebook:hover { background:url("/images/common/sns_icon02.png") no-repeat left top;  }
.sub-top-menu .sns-lang-contain p.sns a.instagram { background:url("/images/common/sns_icon03_gray.png") no-repeat left top;  }
.sub-top-menu .sns-lang-contain p.sns a.instagram:hover { background:url("/images/common/sns_icon03.png") no-repeat left top;  }
.sub-top-menu .sns-lang-contain p.sns a.naver { background:url("/images/common/sns_icon04_gray.png") no-repeat left top;  }
.sub-top-menu .sns-lang-contain p.sns a.naver:hover { background:url("/images/common/sns_icon04.png") no-repeat left top;  }
.sub-top-menu .sns-lang-contain p.sns a.kakao { background:url("/images/common/sns_icon05_gray.png") no-repeat left top;  }
.sub-top-menu .sns-lang-contain p.sns a.kakao:hover { background:url("/images/common/sns_icon05.png") no-repeat left top;  }




.sub-top-menu .sns-lang-contain p.sns a + a { margin-left:2px; }
.sub-top-menu .sns-lang-contain p.lang { position:relative; padding-left:13px;  }
.sub-top-menu .sns-lang-contain p.lang a { font-size:14px; color:#222; font-family: 'Montserrat'; font-weight:600; }
.sub-top-menu .sns-lang-contain p.lang a i { display:inline-block; width:15px; height:15px; vertical-align:middle;  background:url("/images/common/lang_icon.png") no-repeat left top; margin-right:5px; background-size:contain; }
.sub-top-menu .sns-lang-contain p.lang a em { display:inline-block; width:8px; height:5px;  vertical-align:middle; background:url("/images/common/icon_linearrw.png") no-repeat left top; margin-left:8px; margin-bottom:2px;}

.sub-top-menu .sns-lang-contain p.lang span.under { display:none; position:absolute; right:0px; top:23px; width:71px; background-color:#fff; }
.sub-top-menu .sns-lang-contain p.lang span.under a { display:block; padding:10px 10px 10px 17px; text-align:center;  }







/*삼선버튼 - 서브*/
.sub-menu-btn { position:absolute; right:0; top:-4px;  width:32px; }
.sub-menu-btn a {position:relative; display:block; width:100%; height:25px; }

.sub-menu-btn a i ,
.sub-menu-btn a:before,
.sub-menu-btn a:after {  position:absolute; right:0; height:3px; background-color:#000; }

.sub-menu-btn a i { top:50%; width:100%; margin-top:-1.5px;  }
.sub-menu-btn a:before { content:'';  top:0; width:100%; }
.sub-menu-btn a:after { content:'';  bottom:0; width:100%;}
.sub-menu-btn p {display:none;  font-size:24px; color:#000; line-height:1.1; padding:0 5px; margin-top:30px; text-align:center;  }
.sub-menu-btn p i { display:inline-block;  font-style:normal; padding-top:10px; }

@media screen and (max-width:1200px){
	.sub-top-menu { right:40px;  }
}
@media screen and (max-width:900px){
	.sub-top-menu { right:20px; top:20px;  }
	.sub-top-menu .sns-lang-contain { display:none; }
	.sub-menu-btn { width:26px; top:-3px;}
	.sub-menu-btn p { display:none;  }
	.sub-menu-btn a {height:21px; }
}



/*삼선 - 전체 메뉴*/
.float-all-menu { display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:999; }

.float-all-menu .all-contain { position:absolute; right:-520px; top:0; min-height:700px; height:100%;  background-color:#fff; z-index:2;}
.float-all-menu .all-contain .inner-cont { padding:50px 70px; width:370px;  }
.float-all-menu .all-contain .inner-cont .sns-lang-contain {position:relative; text-align:left; }
.float-all-menu .all-contain .inner-cont .sns-lang-contain .closebtn { position:absolute; right:0; top:0; }
.float-all-menu .all-contain .inner-cont .sns-lang-contain .closebtn a { display:inline-block; width:24px; height:24px; background:url("/images/common/btn_close_x.png") no-repeat 50% 50%; background-size:contain;}

.float-all-menu .all-contain .inner-cont .menu-area-list { padding-top:28px;  }
.float-all-menu .all-contain .inner-cont .menu-area-list ul {  }
.float-all-menu .all-contain .inner-cont .menu-area-list li {  }
.float-all-menu .all-contain .inner-cont .menu-area-list li > a { position:relative; display:block; height:64px; line-height:64px;  font-size:24px; color:#222; font-weight:500;  }
.float-all-menu .all-contain .inner-cont .menu-area-list li > a u { display:inline-block; vertical-align:middle;  width:80px; height:34px; background:#ccc; }
.float-all-menu .all-contain .inner-cont .menu-area-list li > a.on i { position:absolute; top:50%; right:0;  width:19px; height:3px; margin-top:-1.5px;  background-color:#222; }
.float-all-menu .all-contain .inner-cont .menu-area-list li .depth {position:relative; display:none; font-size:0; width:100%; border-top:1px solid #222; border-bottom:1px solid #eee;}
.float-all-menu .all-contain .inner-cont .menu-area-list li .depth > div { display:inline-block; width:50%; box-sizing:border-box; vertical-align:top;  padding:10px 0;   }
.float-all-menu .all-contain .inner-cont .menu-area-list li .depth > div a { display:block; height:41px; line-height:41px; color:#666;  }
.float-all-menu .all-contain .inner-cont .menu-area-list li .depth:after { content:''; position:absolute; left:50%; top:0; width:1px; height:100%; background:#eee; }

.float-all-menu .all-contain .inner-cont .menu-area-list li .depth > div > a { font-size:18px; padding:0 12px; }
.float-all-menu .all-contain .inner-cont .menu-area-list li .depth > div > a:hover ,
.float-all-menu .all-contain .inner-cont .menu-area-list li .depth > div > a.on { color:#222; font-weight:500; }
.float-all-menu .all-contain .inner-cont .menu-area-list li .depth > div p { display:none; }
.float-all-menu .all-contain .inner-cont .menu-area-list li .depth > div p.on { display:block; }
.float-all-menu .all-contain .inner-cont .menu-area-list li .depth > div p > a { font-size:16px; padding:0 20px; }
.float-all-menu .all-contain .inner-cont .menu-area-list li .depth > div p > a.on , 
.float-all-menu .all-contain .inner-cont .menu-area-list li .depth > div p > a:hover { background-color:#f0f0f0;  }

.float-all-menu .all-contain .inner-cont .menu-area-list li .depth.chfull:after{  content:none;}
.float-all-menu .all-contain .inner-cont .menu-area-list li .depth.chfull > div.thdp { width:100%;  }

.float-all-menu .all-contain .inner-cont .menu-area-list li .depth > div.thdp a { padding:8px 20px; line-height:1.3; height:auto; }
.float-all-menu .all-contain .inner-cont .menu-area-list li .depth.chfull > div.thdp a { font-size:18px; color:#222; }


.float-all-menu .f-blind { position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:1; }

@media screen and (max-width:640px){
	.float-all-menu .all-contain .inner-cont {padding:22px 30px;  }
	.float-all-menu .all-contain .inner-cont .menu-area-list li > a { font-size:17px; height:50px; line-height:50px; }
	.float-all-menu .all-contain .inner-cont .menu-area-list li .depth > div a { height:38px; line-height:38px;  }
	.float-all-menu .all-contain .inner-cont .menu-area-list li .depth > div > a { font-size:15px;  }
	.float-all-menu .all-contain .inner-cont .menu-area-list li .depth > div p > a { font-size:14px;  }
}
@media screen and (max-width:440px){
	.float-all-menu .all-contain .inner-cont { padding:40px 20px; width:260px;  }
	.float-all-menu .all-contain .inner-cont .menu-area-list li > a.on i { width:13px; height:2px; margin-top:-1px;  }
	.float-all-menu .all-contain .inner-cont .menu-area-list li .depth > div > a { padding:0; }
	.float-all-menu .all-contain .inner-cont .menu-area-list li .depth > div p > a { padding:0 10px;  }

	.float-all-menu .all-contain .inner-cont .sns-lang-contain .closebtn { top:-4px;  }

}







/* quick menu 
#quick {width:50px; height:153px; position:absolute; left:50%; margin-left:600px;}
#quick ul{width:50px; font-size:0;}
#quick ul li {width:82px; height:65px; margin-bottom:1px;  text-align:center; color:#fff; vertical-align:middle;font-size:0;}
#quick ul li a { display:block; }
*/

/* 메인비주얼 Type01 */
#mainVisual {position:relative; width:100%; min-height:300px; position:relative; z-index:1 !important; overflow:hidden; box-sizing:border-box; padding-right:320px; }

#mainVisual .visual-text-box { position:absolute; left:100px; top:53%; height: 516px; z-index:100;/*  writing-mode: tb-rl;  */ color:#fff;  line-height:1.3; font-weight:300; 
transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%);  -o-transform:translateY(-50%); }
#mainVisual .visual-text-box > div { /* display:inline-block; */ vertical-align:Top;   }
#mainVisual .visual-text-box .fir-tx { font-size:24px; }
#mainVisual .visual-text-box .bg-tx { font-size:80px; line-height:1; padding:25px 0 42px;}
#mainVisual .visual-text-box .lin-tx { display:inline-block;  font-size:24px; border-bottom: 1px solid #fff; font-weight:400; padding-left: 3px; }
#mainVisual .visual-text-box em {display:inline-block;  font-style:normal; font-family: 'Montserrat'; }
#mainVisual .visual-text-box em i { font-style:normal;  display:inline-block; padding:5px 0; 
/* transform:rotateZ(-90deg);  -webkit-transform:rotateZ(-90deg);  -ms-transform:rotateZ(-90deg);  -moz-transform:rotateZ(-90deg);  -o-transform:rotateZ(-90deg); */}

#mainVisual ul.mainSlide { min-width:1000px;}
#mainVisual li {position:relative; display:block; width:100%;  height:950px; min-height:300px;  text-align:center; background-size:cover; background-position:50% top; background-repeat:no-repeat;}
#mainVisual li img {  }


#mainVisual li:nth-of-type(1) { background-image:url('/images/main/main_visual02.jpg'); }
#mainVisual li:nth-of-type(2) { background-image:url('/images/main/main_visual05.jpg'); }
#mainVisual li:nth-of-type(3) { background-image:url('/images/main/main_visual03.jpg'); }
#mainVisual li:nth-of-type(4) { background-image:url('/images/main/main_visual01.jpg'); }
#mainVisual li:nth-of-type(5) { background-image:url('/images/main/main_visual06.jpg'); }
#mainVisual li:nth-of-type(6) { background-image:url('/images/main/main_visual04.jpg'); }
#mainVisual li:nth-of-type(7) { background-image:url('/images/main/main_visual07.jpg'); }

@media screen and (max-width:1333px){
	#mainVisual { padding-right:0; }
}

@media screen and (max-width:900px){
	#mainVisual .visual-text-box { left:20px;  }
	#mainVisual li { height:700px; }
}


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

	#mainVisual li:nth-of-type(1) { background-image:url('/images/main/main_visual02mo.jpg'); }
	#mainVisual li:nth-of-type(2) { background-image:url('/images/main/main_visual05mo.jpg'); }
	#mainVisual li:nth-of-type(3) { background-image:url('/images/main/main_visual03mo.jpg'); }
	#mainVisual li:nth-of-type(4) { background-image:url('/images/main/main_visual01mo.jpg'); }
	#mainVisual li:nth-of-type(5) { background-image:url('/images/main/main_visual06mo.jpg'); }
	#mainVisual li:nth-of-type(6) { background-image:url('/images/main/main_visual04mo.jpg'); }
	#mainVisual li:nth-of-type(7) { background-image:url('/images/main/main_visual07mo.jpg'); }
}



@media screen and (max-height:820px){

	#mainVisual .visual-text-box { height: 396px; }
	#mainVisual .visual-text-box .bg-tx { font-size:60px; }
	#mainVisual .visual-text-box .fir-tx ,
	#mainVisual .visual-text-box .lin-tx { font-size:20px; }
}
@media screen and (max-height:540px){

	#mainVisual .visual-text-box { height: 286px;  }
	#mainVisual .visual-text-box .bg-tx { font-size:40px; padding: 0 20px 0 31px;}
	#mainVisual .visual-text-box .fir-tx ,
	#mainVisual .visual-text-box .lin-tx { font-size:15px; }
}




/*메인비주얼 블릿*/
#mainVisual .bx-controls { position:absolute; left:100px; bottom:42px; width:100%; z-index: 100; }
#mainVisual .bx-controls .bx-pager { display:inline-block; width:auto; }
#mainVisual .bx-controls .bx-pager .bx-pager-item { display:inline-block;  }
#mainVisual .bx-controls .bx-pager .bx-pager-item + .bx-pager-item { margin-left:17px;  }
#mainVisual .bx-controls .bx-pager .bx-pager-item a { display:block; width:13px; height:13px; border-radius:50%; background-color:transparent; border:1px solid #fff; font-size:0; }
#mainVisual .bx-controls .bx-pager .bx-pager-item a.active { background-color:#fff; }

@media screen and (max-width:900px){
	#mainVisual .bx-controls { left:20px; }

	#mainVisual .bx-controls .bx-pager .bx-pager-item + .bx-pager-item { margin-left:10px;  }
	#mainVisual .bx-controls .bx-pager .bx-pager-item a { width:9px; height:9px;  }
}




/* 플레이 : 일시정지 버튼 */

#mainVisual .slide-play-toggle { position:absolute; left:330px; bottom:42px; width:10px; height:14px; z-index: 100; }
#mainVisual .slide-play-toggle a { display:block; display:block; width:0; height:0; border-width:6.5px 0 6.5px 10px; border-color:transparent transparent transparent #fff; border-style:solid; }
#mainVisual .slide-play-toggle a.pus { position:relative; border:0; width:10px; height:14px;  } 
#mainVisual .slide-play-toggle a.pus:before { content:''; position:absolute; left:0px; top:0; width:3px; height:13px; background-color:#fff;  }
#mainVisual .slide-play-toggle a.pus:after { content:''; position:absolute; right:0px; top:0; width:3px; height:13px; background-color:#fff;  }

@media screen and (max-width:900px){
	#mainVisual .slide-play-toggle { bottom:39px; left: 170px; }

	#mainVisual .slide-play-toggle a.pus { width:8px; height:11px; }
	#mainVisual .slide-play-toggle a.pus:before { width:2px; height:11px; }
	#mainVisual .slide-play-toggle a.pus:after  { width:2px; height:11px; }
}





/*main contents */
.contentsArea { padding-bottom:100px; }

@media screen and (max-width:640px){
	.contentsArea { padding-bottom:50px; } 
}






.main-section-title { font-size:40px; color:#191919; font-weight:600;  font-family: 'Poppins'; line-height:1; }
.main-section-title .title-caption { font-size:16px; font-weight:400; color:#777;   font-family:'Nanum Gothic'; margin-top:7px;}



a.btn-brn { display:inline-block; width:145px; height:45px; line-height:45px; text-align:center; font-size:16px; color:#fff; font-weight:300;  background-color:#977b5d;   }


.main #contents {}
.mainConWrap { }

/* 메인 공지사항, 자유게시판, SMS문의하기 부분 - 미사용시 삭제  */
.mainConWrap .cols{width:100%; margin-top:30px; margin-bottom:100px; overflow:hidden}
/* .col1, .col2, .col3, .col4{float:left; position:relative;} */
.mainConWrap .col1{width:355px; margin-right:40px;}
.mainConWrap .col2{width:355px; margin-right:40px;}
.mainConWrap .col3{width:310px;}
.mainConWrap .cols h3{margin-bottom:18px; padding-bottom:15px;  font-size:22px; color:#191919; font-weight:600; border-bottom:1px solid #ddd; }
.mainConWrap .col1 .more {position:absolute; top:0; right:0}
.mainConWrap .col2 .product{position:relative}
.mainConWrap .col2 .more{position:absolute; top:0; right:0px}
.mainConWrap .col2 .product .left{text-align:left; float:left; padding-right:5px;}
.mainConWrap .col2 .product .right{text-align:right; position:absolute; top:0; right:0; padding-left:5px;}
.mainConWrap .col2 .product #gallery{width:360px; height:75px; vertical-align:top}
.mainConWrap .col1 .more,
.mainConWrap .col2 .more { top:5px; }
.mainConWrap span.more a { displaY:inline-block; padding-right:8px; background:url("/images/common/icon/icon_more_clamp.png") no-repeat right 5px; }


/*sub contents*/
#container { overflow:hidden; }

.sub #contents{/* width:750px;  float:right;*/ min-height:400px; text-align:left; }
.sub #contents .titleArea{margin-top:30px;  margin-bottom:40px; position:relative;}	
.sub #contents .titleArea h3{ padding:0px; color:#000; font-size:40px; font-weight:600; text-align:center;}	
.sub #contents .titleArea .location { margin-top:20px; font-size:13px; text-align:center; }

/* 서브비주얼 */
#subVisual { position:relative;  height:350px; overflow:hidden;  }
#subVisual .subv-title { max-width:1920px; margin:0 auto; padding-top:100px; padding-left:260px; color:#222;}
#subVisual .subv-title span.top {display:block;  font-size:19px;  }
#subVisual .subv-title span.top em { font-style:normal; font-family: 'Montserrat'; font-weight:600;  }
#subVisual .subv-title span.bottom{ display:block; font-size:18px; font-weight:300;  }
#subVisual .subv-title p.center { font-size:64px; color:#222; font-weight:300; margin-top:10px; line-height:1.1; padding:10px 0 30px; }

@media screen and (max-width:1500px){
	#subVisual .subv-title { padding-left: 130px; }
}

@media screen and (max-width:1200px){
	#subVisual .subv-title { padding-left: 70px; }
}

@media screen and (max-width:1024px){
	#subVisual { height:34vw; background-size:cover;  }
	#subVisual .subv-title span.top { font-size:1.34375vw; }
	#subVisual .subv-title p.center { font-size:5.272656vw; padding: 0.676563vw 0 2.882813vw; }
	#subVisual .subv-title span.bottom { font-size:1.553125vw;  }
}
@media screen and (max-width:900px){

	#subVisual .subv-title { padding-left: 40px; padding-top: 11vw; }
}

@media screen and (max-width:640px){
	#subVisual {height:190px;  }	
	#subVisual .subv-title { padding-right:20px; 	 }
	#subVisual .subv-title p.center { font-size:20px;   padding: 0px 0px 8px 0px;}
	#subVisual .subv-title { padding-left:20px; padding-top: 63px; }
	#subVisual .subv-title span.top { font-size:12px; }
	#subVisual .subv-title span.bottom { font-size:11px;  }
}





#subVisual .arrow-down { position:absolute; bottom:0; left:0; width:100%; height:40px;  }
#subVisual .arrow-down i { position:absolute; left:50%; margin-left:-20px; top:0;  width:40px; height:40px; background:url("/images/common/icon_linearrw_big.png") no-repeat 50% 50%; background-size:16px 15px;
animation:arrwani 1s ease;  animation-iteration-count:infinite;
-webkit-animation:arrwani 1s ease;  -webkit-animation-iteration-count:infinite;
-ms-animation:arrwani 1s ease;  -ms-animation-iteration-count:infinite;
-moz-animation:arrwani 1s ease;  -moz-animation-iteration-count:infinite;
-o-animation:arrwani 1s ease;  -o-animation-iteration-count:infinite;}

@keyframes arrwani{
	0% { top:0; }
	50% { top:-10px; }
	100% { top:0;  }
}

@media screen and (max-width:640px){
	#subVisual .arrow-down i { background-size:10px 9px; }
}



/*sub visual*/
.subVsal11 { background:url("/images/sub/sub_visual11.jpg") no-repeat 50% top; }
.subVsal12 { background:url("/images/sub/sub_visual12.jpg?v3") no-repeat 50% top; }
.subVsal13 { background:url("/images/sub/sub_visual13.jpg?v2") no-repeat 50% top; }
.subVsal14 { background:url("/images/sub/sub_visual14.jpg") no-repeat 50% top; }

.subVsal21 { background:url("/images/sub/sub_visual21.jpg?v2") no-repeat 50% top; }

.subVsal31 { background:url("/images/sub/sub_visual31.jpg?v2") no-repeat 50% top; }
.subVsal32 { background:url("/images/sub/sub_visual32.jpg?v2") no-repeat 50% top; }
.subVsal33 { background:url("/images/sub/sub_visual33.jpg?v2") no-repeat 50% top; }
.subVsal34 { background:url("/images/sub/sub_visual34.jpg?v2") no-repeat 50% top; }
.subVsal35 { background:url("/images/sub/sub_visual35.jpg?v2") no-repeat 50% top; }

.subVsal41 { background:url("/images/sub/sub_visual41.jpg?v2") no-repeat 50% top; }
.subVsal42 { background:url("/images/sub/sub_visual42.jpg?v2") no-repeat 50% top; }
.subVsal43 { background:url("/images/sub/sub_visual43.jpg?v2") no-repeat 50% top; }
.subVsal44 { background:url("/images/sub/sub_visual44.jpg?v2") no-repeat 50% top; }
.subVsal45 { background:url("/images/sub/sub_visual45.jpg?v2") no-repeat 50% top; }

.subVsal51 { background:url("/images/sub/sub_visual51.jpg?2") no-repeat 50% top; }

.subVsal61 { background:url("/images/sub/sub_visual61.jpg?v2") no-repeat 50% top; }
.subVsal62 { background:url("/images/sub/sub_visual62.jpg?v2") no-repeat 50% top; }
.subVsal63 { background:url("/images/sub/sub_visual63.jpg") no-repeat 50% top; }



#SNB { max-width:1920px; margin:0 auto; }

.SNBWrap > a.active-section { display:none; }
.SNBWrap ul.menu { display:block; width:100%; height:100px; padding-top:80px;  font-size:0; text-align:center; font-size:0; }
.SNBWrap ul.menu li { display:inline-block; margin-right:60px;  }
.SNBWrap ul.menu li:last-of-type { margin-right:0;  }
.SNBWrap ul.menu li a { display:block; width:248px; height:49px; line-height:49px;  border-top:1px solid #222;  font-size:20px;  color:#222; font-weight:300; text-align:Center; box-sizing:border-box; }
.SNBWrap ul.menu li a.active { border:2px solid #222; line-height:46px;  }
.SNBWrap ul.menu.lowd {  }


.SNBWrap .twodepth-title { text-align:center; padding-top:80px; font-size:40px; color:#222; font-size:300; }





@media screen and (max-width:1200px){
	.SNBWrap ul.menu { height: 80px; padding-top: 40px; }
	.SNBWrap ul.menu li { width:22.4%; margin-right:2.6%; }
	.SNBWrap ul.menu li a { width:100%;  }
}
@media screen and (max-width:820px){
	.SNBWrap ul.menu.lowd li a { font-size:16px;  }	
}

@media screen and (max-width:640px){
	.SNBWrap { position:relative;  padding:20px; z-index:99; }
	.SNBWrap ul.menu {display:none; /* display:block; */ position:absolute; left:0px; top:56px; height:auto; width:calc(100% - 40px); margin:0 20px; box-sizing:border-box; border:1px solid #222; padding-top:0; }
	.SNBWrap ul.menu li { display:block;  margin-right:0; width:100%; }
	.SNBWrap ul.menu li + li { border-top:1px solid #ccc; }
	.SNBWrap ul.menu li a { font-size:15px; display:block; width:100%; height:35px; line-height:35px;  padding:0 10px;  text-align:left; border:0; box-sizing:border-box; background-color:#fff; color:#555; }
	.SNBWrap ul.menu li a.active { border-width:1px; border:0; line-height:35px; color:#000; font-weight:400;}
	
	.SNBWrap a.active-section { display:block; border:1px solid #222; height:35px; line-height:35px; padding:0 10px;  font-size:15px; color:#222; background:url("/images/common/icon_select_arrw_black.png") no-repeat 97% 50%; background-size: 15px 9px;}

	.SNBWrap .twodepth-title { padding-top:30px; padding-bottom:15px;font-size:30px;  }


	.SNBWrap .twodepth-title + a.active-section + ul.menu { top:145px; }
}




.SNBWrap ul.menu.w5 li a { width:191px; }
.SNBWrap ul.menu.w6 li a { width:145px; }


@media screen and (max-width:1240px){
	.SNBWrap ul.menu.w5 li { width:18.6%; margin-right:1.25%; }
	.SNBWrap ul.menu.w5 li:nth-of-type(5n) { margin-right:0;  }
	.SNBWrap ul.menu.w5 li a { width:100%; font-size:17px;}

	.SNBWrap ul.menu.w6 li { width:15%; margin-right:1.66%;}
	.SNBWrap ul.menu.w6 li:nth-of-type(6n) { margin-right:0;  }
	.SNBWrap ul.menu.w6 li a {width:100%; font-size:17px;}
}
@media screen and (max-width:640px){
	.SNBWrap ul.menu.w5 li { width:100%; margin-right:0%;}
	.SNBWrap ul.menu.w6 li { width:100%; margin-right:0%;}
	.SNBWrap ul.menu.w5 li a {font-size:15px;}
	.SNBWrap ul.menu.w6 li a {font-size:15px;}

}





.subcontain1920 { margin:0 auto; max-width:1920px;  }
.subcontain1400 { margin:0 auto; max-width:1400px;  }
.subcontain1200 { margin:0 auto; max-width:1200px;  }


.subcontain1920.ovh { overflow:hidden;  }
.subcontain1920.psr { position:relative; }
.subcontain1920.psr i.gbox { position:absolute; right:0; bottom:10%; width:20%; height:413px; background:#f5f5f5; }


.subcontain1200.tpad { padding-top:50px;  }
.subcontain1200.tpad2 { padding-top:90px;  }
.subcontain1200.bpad { padding-bottom:100px; }

@media screen and (max-width:640px){
	.subcontain1200.tpad2 { padding-top:40px;  }
}



.moorim-char { font-family: 'Montserrat'; font-size:16px; color:#222; font-weight:700; padding-bottom:50px;  }

.num-two { font-family: 'Montserrat'; font-size:16px; color:#666; font-weight:400;  }
p.txt { font-size:20px; font-weight:300; /* text-align:justify */; word-break: keep-all; 
font-family:'Montserrat','Noto Sans KR'; }    

p.txt1 { font-size:20px; font-weight:300; text-align:justify;  word-break: keep-all; font-family:'Montserrat','Noto Sans KR'; margin-top: 20px;} 

p.txt2 { font-size:20px; font-weight:300; text-align:center; word-break: keep-all; font-family:'Montserrat','Noto Sans KR';}
#c{width:300px; height:300px; background:#66F;float: left;}
 #d{width:300px; height:300px; background:#CCC;float: left;}
 #e{width:300px; height:300px; background:#096;float: left;}
p.txt.smstyle { font-size:18px;  text-align:left; }

p.txt3 { font-size:20px; font-weight:300; text-align:justify;  word-break: keep-all; font-family:'Montserrat','Noto Sans KR'; margin-bottom: 30px;} 


@media screen and (max-width:1280px){
	p.txt.smstyle br { display:none;  }
	p.txt.smstyle br.sb { display:block;  }

	p.txt1.smstyle br { display:none;  }
	p.txt1.smstyle br.sb { display:block;  }

	p.txt3.smstyle br { display:none;  }
	p.txt3.smstyle br.sb { display:block;  }

}



@media screen and (max-width:1240px){
	.subcontain1200.bothpad { padding-left:20px; padding-right:20px; }
}


@media screen and (max-width:1024px){
	p.txt { font-size:18px;}
	p.txt1 { font-size:18px;}
	p.txt2 { font-size:18px;}

}



@media screen and (max-width:640px){
	p.txt { font-size:15px;}
	p.txt1 { font-size:15px;}
	p.txt2 { font-size:15px;}
	p.txt3 { font-size:15px;}
	.subcontain1200.tpad { padding-top:30px; }

	.subcontain1920.psr i.gbox { bottom:0; height:200px; }

}

/*인사말*/

.subbggreeting01 { height:610px; background:url("/images/company/bg_greeting01.png") no-repeat 50% top; }
.sb-title-subject { font-size:48px; color:#222; font-weight:300; line-height:1.2; word-break:keep-all;}
.sb-title-subject.padaddcen { text-align: center;  padding:100px 0 50px; }
.sb-title-subject.padaddcen2 { text-align: center;  padding: 90px 0 50px; }
.sb-title-subject.padaddcen3 {text-align: center;  padding: 20px 0 50px; }
.sb-title-subject.padaddcen4 { text-align: center;  padding:100px 0 50px; }
.sb-title-subject.padtb { padding: 40px 0 30px; }
.sb-title-subject.btpad { padding-bottom:20px; }
.sb-title-subject.center { text-align:center;  }

.sb-title-subject.topmg { margin-top:80px;  }

.sb-title-subject b.mntbd {  font-family:'Montserrat'; font-weight:800; }

p.catxt { font-size:18px; color:#222; padding-top:30px;  line-height:1.5;}
p.catxt b { font-weight:500;  }

.sub-subject { font-size:24px; color:#222; padding-bottom:10px; font-weight:500;  }
.sub-subject.topad { padding-top:70px;  }

.sub-subject1 { font-size:24px; color:#222; padding-bottom:10px; font-weight:500;      margin-top: 20px;}
.sub-subject1.topad { padding-top:70px;  }

.sub-subject_sub {border-bottom: 1px solid #e7e7e7; margin-bottom: 20px; padding-bottom: 20px;}

@media screen and (max-width:900px){
	.sb-title-subject { font-size: 38px; }
	.sb-title-subject.bottpad { padding-bottom:20px; }

		.sb-title-subject1 { font-size: 38px; }
		.sb-title-subject1.bottpad { padding-bottom:20px; }
}

@media screen and (max-width:640px){
	.sb-title-subject.topmg { margin-top:0px;  }

	.sb-title-subject { font-size: 30px; }

	p.catxt { font-size:15px; padding-top: 17px; }

	.sb-title-subject.padaddcen { padding: 30px 20px 20px; word-break:keep-all; }
	.sb-title-subject.padaddcen br { display:none;  }
	.sb-title-subject.padaddcen br.mb { display:block; }

	.sb-title-subject.padaddcen2 { padding: 90px 20px 20px; word-break:keep-all; }
	.sb-title-subject.padaddcen2 br { display:none;  }
	.sb-title-subject.padaddcen2 br.mb { display:block; }

	.sub-subject { font-size:18px;  }
	.sub-subject.topad { padding-top:30px;  }

	.sb-title-subject.center.prtit { padding-bottom:50px;  }

	.sb-title-subject.padaddcen4 { padding:30px 0 20px; word-break:keep-all; }
	.sb-title-subject.padaddcen4 br { display:none;  }
	.sb-title-subject.padaddcen4 br.mb { display:block; }

	.sb-title-subject1.topmg { margin-top:0px;  }

	.sb-title-subject1 { font-size: 30px; }
	p.catxt { font-size:15px; padding-top: 17px; }

	.sb-title-subject1.padaddcen { padding: 30px 20px 20px; word-break:keep-all; }
	.sb-title-subject1.padaddcen br { display:none;  }
	.sb-title-subject1.padaddcen br.mb { display:block; }

	.sb-title-subject1.padaddcen2 { padding: 30px 20px 20px; word-break:keep-all; }
	.sb-title-subject1.padaddcen2 br { display:none;  }
	.sb-title-subject1.padaddcen2 br.mb { display:block; }

	.sub-subject1 { font-size:18px;  }
	.sub-subject1.topad { padding-top:30px;  }

	.sb-title-subject1.center.prtit { padding-bottom:50px;  }

	.sb-title-subject1.padaddcen4 { padding:30px 0 20px; word-break:keep-all; }
	.sb-title-subject1.padaddcen4 br { display:none;  }
	.sb-title-subject1.padaddcen4 br.mb { display:block; }

}


.greeting-box1 { padding:90px 70px; }
.greeting-box1 .sb-title-subject { padding:40px 0 28px; }

.subbggreeting02 { height:auto; background:url("/images/company/bg_greeting02.jpg") no-repeat 50% top; padding-bottom: 150px; }
.greeting-box2 { padding:0px 0 0 473px; }
.greeting-box2 .sb-title-subject { padding:40px 0 28px; }
.greeting-box2-new {padding: 140px 0 0 473px;}

.subbggreeting03 { height:468px; }
.greeting-box3 { padding-top:50px  }
.greeting-box3 .sb-title-subject { padding:40px 0 28px; padding-bottom:35px;  }

p.txt span.sign img { display:inline-block; vertical-align:middle; margin-left:5px; }

.subbggreeting04 { height:1000px; background:url("/images/company/bg_greeting03.png") no-repeat 50% top; }
.greeting-box4 { position:relative; padding-top:83px;  }
.greeting-box4 .sb-title-subject { padding:40px 0 60px; }
.greeting-box4 .pad-ri { max-width:900px; padding-bottom:60px;  }
.greeting-box4 .pad-ri2 { max-width:1128px; }
.greeting-box4 img.ceo-pho1 { position:absolute; right:-100px; top:143px;  }
.greeting-box4 img.ceo-pho1.mo { display:none; }

.subbggreeting05 { height:auto; background:url("/images/company/bg_greeting04.png") no-repeat 50% top; padding-bottom: 150px;}
.greeting-box5 { position:relative;  }
.greeting-box5 .sb-title-subject { padding:40px 0 60px; }
.greeting-box5 .pad-le { padding:88px 0 0 290px; }
.greeting-box5 .pad-le2 { padding:60px 0 0 290px;  }
.greeting-box5 img.ceo-pho2 { position:absolute; left:-100px; top:0;  }
.greeting-box5 img.ceo-pho2.mo { display:none; }

@media screen and (max-width:1300px){
	.greeting-box3 { padding-left:50px; padding-right:50px;  }	
	.greeting-box4 { padding-left:50px; padding-right:50px; }

	.subbggreeting04 { height:auto;  }
	.greeting-box4 { padding-bottom:80px; }
	.greeting-box4 img.ceo-pho1 { right:50px; }
	.greeting-box4 .pad-ri { padding-right: 340px; }

	.subbggreeting05 { height:auto;   padding-bottom: 0;}
	.greeting-box5 .pad-le { padding: 50px 50px 0 400px; }
	.greeting-box5 .pad-le2 { padding-left:50px; padding-bottom:120px; padding-right:50px;  }
	.greeting-box5 img.ceo-pho2 { left:50px; }
}

@media screen and (max-width:1200px){
	.subbggreeting01 { height:auto; background:none;  }
	.greeting-box1 { padding: 50px 40px 80px; }
	.greeting-box2 { padding: 50px 30px 0 35vw; }
	.greeting-box3 { padding-right:40px; padding-left:40px;}
    .m-none {display: none;} 
}

@media screen and (max-width:900px){
	.subbggreeting02 {  background:url("/images/company/bg_greeting02_trees.jpg") no-repeat left top; background-size:160px 574px;  padding-bottom: 50px;}
	.greeting-box2 { padding: 20px 40px 0 200px; }
    .greeting-box2-new{ padding: 70px 40px 0 200px; }

	.greeting-box4 .pad-ri { padding-right:0;  }

	.greeting-box4 img.ceo-pho1 { display:none; width:170px; top:100px;}
	.greeting-box4 img.ceo-pho1.mo { display:inline-block; }
	.greeting-box5 img.ceo-pho2 { display:none; width:170px; left:20px; }
	.greeting-box5 img.ceo-pho2.mo { display:inline-block; }

	.greeting-box5 .pad-le { padding-left:50px; }
	.greeting-box5 .pad-le .num-two { padding-left:200px; }
	.greeting-box5 .sb-title-subject { padding-left:200px; }
}

@media screen and (max-width:640px){
	.greeting-box1 { padding: 40px 20px 60px; }

	.subbggreeting02 { min-height:360px; height:auto;  background-size:100px 359px;  }
	.greeting-box2 { padding: 0px 20px 0 120px; }
    .greeting-box2-new{ padding: 50px 20px 0 120px; }
	.subbggreeting03 { height:auto;  }
	.greeting-box3 { padding-left:20px; padding-right:20px; padding-bottom:80px;   }

	p.txt span.sign img { width:50px; }

	.greeting-box4 { padding:50px 20px 50px; }
	.greeting-box4 img.ceo-pho1 { top:50px; right:20px;  }

	.greeting-box5 .pad-le { padding: 50px 20px 0 20px; }
	.greeting-box5 .pad-le2 { padding:60px 20px 80px; }
}

@media screen and (max-width:390px){
	.greeting-box4 { padding: 239px 20px 50px; }
	.greeting-box4 img.ceo-pho1.mo { }
	.greeting-box4 .sb-title-subject { padding: 10px 0 40px; }

	.greeting-box5 .pad-le { padding: 194px 20px 0 20px; }
	.greeting-box5 .pad-le .num-two { padding-left:0; }
	.greeting-box5 .sb-title-subject { padding: 10px 0 40px;  }
}






/*걸어온 길 - histroy */

.history-container { padding-top:80px; }
.history-container .part-area { font-size:0; }
.history-container .part-area > div { display:inline-block; vertical-align:top; width:50%; box-sizing:border-box; }

.history-container .part-area .his-title { position:relative; top:-50px;  }
.history-container .part-area .his-title > span { display:block; font-size:90px; color:#222; font-weight:300; margin-bottom:30px; }
.history-container .part-area .his-title > p { font-size:48px; color:#222; font-weight:300; margin-bottom:10px; line-height:1.2;}
.history-container .part-area .his-title > p u { text-decoration:none; display:inline-block; font-family:'Montserrat'; font-weight:800; }
.history-container .part-area .his-title > p u.ko { font-family: 'Noto Sans KR'; font-weight: 700;}
.history-container .part-area .his-title .yline {  }
.history-container .part-area .his-title .yline i { display:block; width:1px; height:110px; background:#e0e0e0; }
.history-container .part-area .his-title .yline span { display:block; font-size:30px; color:#888; font-family: 'Noto Serif KR'; }

.history-container .part-area .year-section {  }
.history-container .part-area .year-section .item { position:relative;  padding-bottom:60px; padding-left:40px;  border-left:1px solid #e0e0e0;}
.history-container .part-area .year-section .item:after { content:''; position:absolute; left:-6px; top:0; width:13px; height:13px; border-radius:50%; background:#666;   }
.history-container .part-area .year-section .item:last-of-type { padding-bottom:200px; }
.history-container .part-area .year-section p.year {position:absolute; left:40px; top:-10px;  font-family: 'Montserrat'; font-size:30px; color:#222; font-weight:700; padding-bottom:30px; }
.history-container .part-area .year-section .list { padding-top: 50px; }
.history-container .part-area .year-section .list ul {  }
.history-container .part-area .year-section .list li {position:relative; display:block; line-height:1; }
.history-container .part-area .year-section .list li + li { margin-top:8px;  }
.history-container .part-area .year-section .list li u {text-decoration:none;  position:absolute; left:0; top:0; display:inline-block; font-size:18px; color:#222; font-weight:600; font-family: 'Montserrat'; line-height: 1.7;}
.history-container .part-area .year-section .list li p { font-size:18px; color:#222; font-weight:300; padding-left:40px; line-height: 1.7; }
.history-container .part-area .year-section .list li .img { padding:15px 0 10px 40px; }

.history-container .part-area:last-of-type .year-section .item:last-of-type { border-left:0;  }


@media screen and (max-width:1300px){
	.history-container .part-area .his-title { padding:0 50px; }
	.history-container .part-area .year-section { padding:0 50px 0 0; }
	.history-container .part-area .year-section .list li .img img { max-width:100%;  }

}

@media screen and (max-width:900px){
	.history-container .part-area .his-title { top:0; padding-bottom:50px;}

	.history-container .part-area > div { display:block; width:100%;  }
	.history-container .part-area .year-section { padding: 0 0 0 50px; }

}

@media screen and (max-width:640px){
	.history-container { xpadding-top:110px; }
	.history-container .part-area .his-title { padding:0 20px 40px; }
	.history-container .part-area .year-section { padding:0 20px; }

	.history-container .part-area .his-title > span { font-size:30px; }
	.history-container .part-area .his-title > p { font-size:20px; }
	.history-container .part-area .his-title .yline i { height:30px; }
	.history-container .part-area .his-title .yline span { font-size:15px; }
	
	.history-container .part-area .year-section .item:after { width:8px; height:8px; left:-4px; }
	.history-container .part-area .year-section .item { padding-left:20px; }
	.history-container .part-area .year-section .item:last-of-type { padding-bottom:80px; }
	.history-container .part-area .year-section p.year { left:20px; font-size:20px; top:-8px;}

	.history-container .part-area .year-section .list li u { font-size:15px; }
	.history-container .part-area .year-section .list li p { font-size:15px; }

}


/* 걸어갈 길 & 60주년(응용) & 무림페이퍼-기업개요(응용)*/

.promise-box01 {  }
.promise-box01 .sb-title-subject { text-align:center; padding:100px 20px 70px; }
/* .promise-box01 .sb-title-subject br { display:none; } */

.promise-box02 { padding-bottom:100px;  /* height:775px; background:url("/images/company/promise_img01.jpg") no-repeat 50% top; */ }
.promise-box02.sixthbg { /* background-image:url("/images/company/sixthbg_img01.jpg"); */ }
.promise-box02.paperoutlinebg { /* background-image:url("/images/companyinfo/paperoutlinebg_img01.jpg"); */ }
.promise-box02 .promise-box02-in { position:relative; padding-bottom:0; }
.promise-box02 .video-box {  }
.promise-box02 .video-box iframe { width:100%; height:676px; }
.promise-box02 .verscoll-txt-area { position:absolute; right:0; top:80px; width:349px;  }
.promise-box02 .verscoll-txt-area .txtbox { margin:45px 0; width:349px; height:525px;  overflow:hidden;}
.promise-box02 .verscoll-txt-area .txtbox .in-txtbox-scroll-ctrl { overflow-y:scroll; height:100%; width:349px; padding-right:50px;  color:#ccc; font-size:16px; font-weight:300; }

.promise-box02 .verscoll-txt-area a { position:absolute; left:50%; margin-left:-35px; display:inline-block; width:70px; height:25px; z-index:1;}
.promise-box02 .verscoll-txt-area a.top-btn { top:0; background:url("/images/company/prom_arrow_up.png") no-repeat 50% top; }
.promise-box02 .verscoll-txt-area a.bottom-btn { bottom:0; background:url("/images/company/prom_arrow_down.png") no-repeat 50% bottom; }

.promise-box03 { }
.promise-in-circlegroup { padding:0 0 150px 0; }
.promise-in-circlegroup .three-area { position:relative; text-align:center;}

.promise-in-circlegroup .three-area .circle {position:relative; display:inline-block; vertical-align:top;  width:424px; height:424px; border:2px solid #e7e7e7; border-radius:50%; text-align:center; }
.promise-in-circlegroup .three-area .circle .in-cic { font-size:18px; color:#222; padding-top:75px; font-weight:300; line-height:1.2; }
.promise-in-circlegroup .three-area .circle .in-cic img { display:inline-block; width:90px; }
.promise-in-circlegroup .three-area .circle .in-cic p { font-size:24px; color:#222; font-weight:500; padding:35px 0 12px; }
.promise-in-circlegroup .three-area .circle .in-cic p span { display:block; font-family: 'Montserrat'; font-size:16px; color:#999; padding-top:15px;  }

.promise-in-circlegroup .three-area .circle.fir { position:absolute; left:0; top:0;  }
.promise-in-circlegroup .three-area .circle.thr { position:absolute; right:0; top:0;  }


.promise-in-circlegroup .three-area .circle .overcircle { opacity:0; z-index:10; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:50%; background:rgba(0,0,0,0.8); 
transition:all .3s ease; -webkit-transition:all .3s ease; -ms-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease;}
.promise-in-circlegroup .three-area .circle .overcircle > div { position:absolute; left:0; top:50%; width:100%; font-size:20px; color:#fff; text-align:center; 
transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);-moz-transform:translateY(-50%); -o-transform:translateY(-50%);}
.promise-in-circlegroup .three-area .circle .overcircle > div span { display:block; font-size:24px; font-weight:500;  }
.promise-in-circlegroup .three-area .circle .overcircle > div p { font-size:18px; font-weight:300; }
.promise-in-circlegroup .three-area .circle .overcircle > div p + p { margin-top:24px;  }

.promise-in-circlegroup .three-area .circle .overcircle:hover { opacity:1; }

.promise-in-circlegroup .three-area .circle .overcircle .half-box { font-size:0; }
.promise-in-circlegroup .three-area .circle .overcircle .half-box > div { display:inline-block; vertical-align:top; width:48%; text-align:right;  font-size:20px; 	}
.promise-in-circlegroup .three-area .circle .overcircle .half-box > div + div { margin-left:4%;  text-align:left; }
.promise-in-circlegroup .three-area .circle .overcircle .half-box span { padding-bottom:20px; }
.promise-in-circlegroup .three-area .circle .overcircle .half-box p { padding-top:20px;  }


.promise-in-circlegroup .three-area .circle .overcircle .half-box2 { font-size:0;  text-align:center;  }
.promise-in-circlegroup .three-area .circle .overcircle .half-box2 > div { display:inline-block;  width:80%; text-align:left;  }
.promise-in-circlegroup .three-area .circle .overcircle .half-box2 .h-box + .h-box { margin-top:10px;  }
.promise-in-circlegroup .three-area .circle .overcircle .half-box2 .lbox { display:inline-block; width:33%; margin-right:5%; margin-top:2px;  font-size:17px; vertical-align:top; text-align:right; }
.promise-in-circlegroup .three-area .circle .overcircle .half-box2 .lbox u { display:block;  text-decoration:none; font-size:12px; }
.promise-in-circlegroup .three-area .circle .overcircle .half-box2 .h-box > p {  display:inline-block; width:62%;  vertical-align:top; letter-spacing:-1px;}
.promise-in-circlegroup .three-area .circle .overcircle > div p

.promise-in-circlegroup .three-area .circle .overcircle:hover { opacity:1; }


@media screen and (max-width:1500px){
	.promise-box02 { padding:0 50px; }
	.promise-box03 { padding:0 50px; }
}
@media screen and (max-width:1220px){
	.promise-in-circlegroup .three-area .circle { width:380px; height:380px; }
	.promise-in-circlegroup .three-area .circle .in-cic {  padding-top: 56px; }


	.promise-in-circlegroup .three-area .circle .overcircle > div { font-size:18px; }
	.promise-in-circlegroup .three-area .circle .overcircle > div span { font-size:20px; }
	.promise-in-circlegroup .three-area .circle .overcircle > div p { font-size:16px; }
	.promise-in-circlegroup .three-area .circle .overcircle .half-box > div {  font-size:18px; }

}
@media screen and (max-width:1120px){
	.promise-in-circlegroup .three-area .circle { width:340px; height:340px; }
	.promise-in-circlegroup .three-area .circle .in-cic {  padding-top: 38px; }

	.promise-in-circlegroup .three-area .circle .overcircle > div { font-size:16px; }
	.promise-in-circlegroup .three-area .circle .overcircle > div span { font-size:18px; }
	.promise-in-circlegroup .three-area .circle .overcircle > div p { font-size:14px; }
	.promise-in-circlegroup .three-area .circle .overcircle .half-box > div {  font-size:16px; }
}
@media screen and (max-width:1024px){

	.promise-box02 { height:auto; background-size:cover; }
	.promise-box02 .video-box { padding-right:0; }
	.promise-box02 .video-box iframe { height:500px; }

	.promise-box02 .verscoll-txt-area { position:relative; right:auto; top:auto; width:100%; padding:40px 0; }
	.promise-box02 .verscoll-txt-area .txtbox { margin:0; padding:30px 0;  width:auto; height:200px;  }
	.promise-box02 .verscoll-txt-area .txtbox .in-txtbox-scroll-ctrl { overflow-y:auto; width:100%; padding-right:0; -webkit-overflow-scrolling:touch;}

	.promise-box02 .verscoll-txt-area a.top-btn { top:40px; }
	.promise-box02 .verscoll-txt-area a.bottom-btn { bottom:40px; }

	.promise-in-circlegroup { padding:80px 0; }
	.promise-in-circlegroup .three-area .circle { width:310px; height:310px; }
	.promise-in-circlegroup .three-area .circle .in-cic { padding-top:56px; }
	.promise-in-circlegroup .three-area .circle .in-cic img { width: 60px; }
	.promise-in-circlegroup .three-area .circle .in-cic { font-size:15px; }
	.promise-in-circlegroup .three-area .circle .in-cic p { font-size:20px; }
	.promise-in-circlegroup .three-area .circle .in-cic p span { font-size:13px;  }


	.promise-in-circlegroup .three-area .circle .overcircle > div { font-size:15px; }
	.promise-in-circlegroup .three-area .circle .overcircle > div span { font-size:17px; }
	.promise-in-circlegroup .three-area .circle .overcircle > div p { font-size:12px; }
	.promise-in-circlegroup .three-area .circle .overcircle .half-box > div {  font-size:15px; }
	.promise-in-circlegroup .three-area .circle .overcircle .half-box p { padding-top:13px; }
	.promise-in-circlegroup .three-area .circle .overcircle > div p + p { margin-top:18px; }
	
}
@media screen and (max-width:950px){
	.promise-box01 .sb-title-subject br { display:block; }
	.promise-in-circlegroup .three-area .circle { width:285px; height:285px; }
	.promise-in-circlegroup .three-area .circle .in-cic { padding-top:32px;  }
}
@media screen and (max-width:880px){
	.promise-in-circlegroup { text-align:center;  }
	.promise-in-circlegroup .three-area { display:inline-block; max-width: 300px; }
	.promise-in-circlegroup .three-area .circle + .circle { margin-top:20px; }
	.promise-in-circlegroup .three-area .circle.fir { position:relative; left:auto; top:auto;  }
	.promise-in-circlegroup .three-area .circle.thr { position:relative; right:auto; top:auto;  }
	.promise-in-circlegroup .three-area .circle .in-cic p { padding: 28px 0 12px; }
}
@media screen and (max-width:800px){
	.promise-box02 .video-box iframe { height:400px; }
}
@media screen and (max-width:640px){

	.promise-in-circlegroup .three-area .circle .overcircle { opacity:1; }

	.promise-box02 { padding:0 20px; }
	.promise-box02 .promise-box02-in {  padding-bottom:50px; }

	.promise-box01 .sb-title-subject { padding:40px 20px 30px; word-break: keep-all; }

	.promise-box02 .video-box iframe { height:250px; } 
	.promise-box02 .verscoll-txt-area .txtbox .in-txtbox-scroll-ctrl { font-size:14px; }

	.promise-box02 .verscoll-txt-area a.top-btn ,
	.promise-box02 .verscoll-txt-area a.bottom-btn { background-size:20px 11px; }
	.promise-box02 .verscoll-txt-area a.top-btn { top:25px; }
	.promise-box02 .verscoll-txt-area a.bottom-btn { bottom:25px; }

	.promise-box02 .verscoll-txt-area { padding:25px 0; }

	.promise-box03 { padding:0 20px; }
	.promise-in-circlegroup { padding:40px 0;  }
	.promise-in-circlegroup .three-area .circle { width:278px; height:278px; }

	.promise-in-circlegroup .three-area .circle.thr .in-cic { padding-top: 41px; }


	.promise-in-circlegroup .three-area .circle .overcircle .half-box2 .lbox { font-size:15px;  }

}

/* 60주년  기념관 */
.sixth-box01 { padding:100px 0 200px;  background:url("/images/company/bg_sixthsince.jpg") no-repeat 50% 54px;}
.sixth-box01 .since-sliderbox {position:relative; margin-top:80px; width:100%; overflow:hidden; }

.sixth-box01 .since-sliderbox .line { position:relative; display:inline-block; vertical-align:top;  width:400px; height:420px; border:1px solid #222; box-sizing:border-box;  }
.sixth-box01 .since-sliderbox .line .since-tx { text-align:Center;   }
.sixth-box01 .since-sliderbox .line .since-tx p { font-family: 'Noto Serif KR'; font-size:48px; font-weight:300; padding:100px 0 50px; color:#222; }
.sixth-box01 .since-sliderbox .line .since-tx p em { font-style:normal; font-size:60px; }
.sixth-box01 .since-sliderbox .line .since-tx p span { display:block; font-size:18px;  }
.sixth-box01 .since-sliderbox .line .since-tx a {position:relative; text-decoration:none; display:inline-block; width:42px; height:48px; }
.sixth-box01 .since-sliderbox .line .since-tx a:before { content:''; position:absolute; left:0; top:50%; margin-top:-1.5px; width:100%; height:3px;background-color:#222; }
.sixth-box01 .since-sliderbox .line .since-tx a:after { content:''; position:absolute;  left:50%; margin-left:-1.5px; top:0; width:3px; height:100%; background-color:#222; }
.sixth-box01 .since-sliderbox img { display:none; }


.sixth-box01 .since-sliderbox .line .over-btn { opacity:0; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8); 
transition:all .3s ease; -webkit-transition:all .3s ease; -ms-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease;}
.sixth-box01 .since-sliderbox .line .over-btn > div { position:absolute; left:0; top:50%; width:100%; 
transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);-moz-transform:translateY(-50%); -o-transform:translateY(-50%);}
.sixth-box01 .since-sliderbox .line .over-btn .box { text-align:center;  }
.sixth-box01 .since-sliderbox .line .over-btn .box + .box { padding-top:70px; }
.sixth-box01 .since-sliderbox .line .over-btn .box i { display:inline-block; background-repeat:no-repeat; background-size:contain; background-position:center; }
.sixth-box01 .since-sliderbox .line .over-btn .box i.pc { width:47px; height:41px; background-image:url("/images/sub/icon_wht_ebook_desktop.png"); }
.sixth-box01 .since-sliderbox .line .over-btn .box i.mobile { width:38px; height:57px; background-image:url("/images/sub/icon_wht_ebook_mobile.png"); }
.sixth-box01 .since-sliderbox .line .over-btn .box p { margin-top:24px; }
.sixth-box01 .since-sliderbox .line .over-btn .box p a { display:inline-block; width:128px; height:43px; border:1px solid #fff; line-height:43px;  font-size:18px; color:#fff; font-weight:500; }

.sixth-box01 .since-sliderbox .line .over-btn:hover { opacity:1; }


@media screen and (max-width:1500px){
	.sixth-box01 { padding:180px 50px 200px; background:url("/images/company/bg_sixthsince.jpg") no-repeat -601px 134px; }
}
@media screen and (max-width:933px){
	.sixth-box01 { padding:100px 50px 120px; background:none;  }
	.sixth-box01 .since-sliderbox { text-align:center; }
	.sixth-box01 .since-sliderbox .line {position:relative; width:49.5%; height:auto;  margin-right:1%; font-size:0; }
	.sixth-box01 .since-sliderbox .line .since-tx { position:absolute; left:0; top:0; width:50%;  }
	.sixth-box01 .since-sliderbox > div { font-size:0;  }
	.sixth-box01 .since-sliderbox > div + div { margin-top:1%; }
	.sixth-box01 .since-sliderbox img { display:inline-block; width:49.5%;}
	.sixth-box01 .since-sliderbox img + img { margin-left:1%; }
	.sixth-box01 .since-sliderbox .line > img { width:100%;  }

	.sixth-box01 .since-sliderbox .line .since-tx p { font-size:5.14469453376vw; padding:10.718113612vw 0 5.359056806vw; }
	.sixth-box01 .since-sliderbox .line .since-tx p em { font-size:6.4308681672vw; }
	.sixth-box01 .since-sliderbox .line .since-tx p span {  font-size:1.92926045016vw; }


	.sixth-box01 .since-sliderbox .line { position:static; }
	.sixth-box01 .since-sliderbox .line .over-btn { opacity:1; }
}
@media screen and (max-width:640px){
	.sixth-box01 {  padding:50px 20px 60px; }
	.sixth-box01 .since-sliderbox { margin-top:30px; }
	
	.sixth-box01 .since-sliderbox .line .since-tx a { width:30px; height:32px; }
}

@media screen and (max-width:440px){
	.sixth-box01 .since-sliderbox .line .over-btn .box p { margin-top:4vw; }
	.sixth-box01 .since-sliderbox .line .over-btn .box + .box { padding-top:12vw;  }
	.sixth-box01 .since-sliderbox .line .over-btn .box p a { font-size:15px; line-height:38px; height:38px; }
}

@media screen and (max-width:375px){
	.sixth-box01 .since-sliderbox .line .since-tx p { padding: 24px 0 20px; }
}
@media screen and (max-width:350px){
	.sixth-box01 .since-sliderbox .line .since-tx p { padding: 24px 0 13px; }
	.sixth-box01 .since-sliderbox .line .since-tx a { width:25px; height:27px;  }
	.sixth-box01 .since-sliderbox .line .since-tx a:before { height:2px; }
	.sixth-box01 .since-sliderbox .line .since-tx a:after { width:2px;  }

	.sixth-box01 .sb-title-subject br { display:none; }
}



/*list style*/
.list-style-contain {  }
.list-style-contain > div { position:relative; font-size:18px;  font-weight:300; }
.list-style-contain > div + div { margin-top:8px;  }
.list-style-contain > div span { position:absolute; left:0; top:0; display:inline-block; color:#666;}
.list-style-contain > div span.bld { color:#222; font-weight:400; }
.list-style-contain > div p { padding-left:80px; color:#222; }
.list-style-contain > div p em { font-style:normal; font-family: 'Montserrat'; font-weight:400; }

.list-style-contain.addwth > div p { padding-left:145px; }

@media screen and (max-width:640px){
	.list-style-contain > div { font-size:15px;  }
	.list-style-contain > div + div { margin-top:5px;  }
	.list-style-contain > div p { padding-left:66px; }

	.list-style-contain.addwth > div p { padding-left: 185px; }
}



/*list title*/
.list-tit-contain { font-size:24px; color:#222; padding-bottom:13px; margin-bottom:13px;   border-bottom:1px solid #222;  }
.list-tit-contain.nomr { margin-bottom:0; }
.list-tit-contain span { display:inline-block; float:right; font-size:16px; color:#666; padding-top:10px; font-weight:300;   }

.list-tit-contain.nomr.ritxt { text-align:right; font-size:14px; }



.list-tit-contain01 { font-size:24px; color:#222;  }
.list-tit-contain01.nomr { margin-bottom:0; }
.list-tit-contain01 span { display:inline-block; float:right; font-size:16px; color:#666; padding-top:10px; font-weight:300;   }

.list-tit-contain01.nomr.ritxt { text-align:right; font-size:14px; }




table.pper-table-style { width:100%; border-collapse:collapse; border-spacing:0; }
table.pper-table-style thead td { font-size:18px; color:#222; text-align:center; padding-bottom:12px; font-weight:400;  border-right:1px solid #eee;padding-top:12px;}
table.pper-table-style thead td em { font-style:normal; font-family: 'Montserrat'; font-weight:500;  }
table.pper-table-style thead.lin td { border-right:1px solid #eee;border-bottom:1px solid #eee; padding:8px 0; }
table.pper-table-style thead.lin td.nbln { border-bottom:0; }
table.pper-table-style thead.lin td.unlin { border-bottom:1px solid #ccc;border-left:1px solid #eee; }
table.pper-table-style thead.lin td:last-of-type { border-right:0;  }
table.pper-table-style thead.lin tr:last-of-type td { border-bottom:0;  }
table.pper-table-style tbody { border-top:1px solid #ccc; }
table.pper-table-style tbody th,
table.pper-table-style tbody td { border-right:1px solid #eee;border-bottom:1px solid #eee; text-align:center; padding:8px 4px; font-size:18px; word-break: break-all;}
table.pper-table-style tbody th {  background-color:#f9f9f9; color:#666;font-weight:300;}
table.pper-table-style tbody td { color:#222;font-family: 'Montserrat' , 'Noto Sans KR';font-weight:300;   }
table.pper-table-style tbody td:last-of-type { border-right:0;  }

table.pper-table-style tbody td.left { text-align:left; padding-left:15px; padding-right:15px; }
table.pper-table-style tbody td.left ul li {position:relative; padding-left:15px; }
table.pper-table-style tbody td.left ul li em { position:absolute; left:0; top:0;  }
table.pper-table-style tbody td.right { text-align:right; padding-left:15px; padding-right:15px; }
table.pper-table-style tbody td.red { color:#e00000; }

table.pper-table-style.ss2 colgroup col:nth-of-type(1) { width:200px; }
table.pper-table-style.ss2 colgroup col:nth-of-type(2) { width:200px; }

table.pper-table-style.ss22 colgroup col:nth-of-type(1) { width:100px; }
table.pper-table-style.ss22 colgroup col:nth-of-type(2) { width:100px; }




table.layoutfixed { table-layout:fixed; }
.tab-caption { text-align:right; font-size:16px; color:#666; font-weight:300; padding-top:20px; }
.table-tp-pading { padding-top:50px; }

@media screen and (max-width:1090px){
	table.pper-table-style.ss2 colgroup col:nth-of-type(1) { width:120px; }
	table.pper-table-style.ss2 colgroup col:nth-of-type(2) { width:120px; }
}
@media screen and (max-width:870px){
	table.pper-table-style.ss2 colgroup col:nth-of-type(1) { width:80px; }
	table.pper-table-style.ss2 colgroup col:nth-of-type(2) { width:80px; }
}
@media screen and (max-width:640px){
	.list-tit-contain { font-size:18px; }
	.list-tit-contain span { font-size:14px; }
	table.pper-table-style thead td ,
	table.pper-table-style tbody th ,
	table.pper-table-style tbody td { font-size:15px; }

	table.pper-table-style.ss22 colgroup col:nth-of-type(1) { width:70px; }
	table.pper-table-style.ss22 colgroup col:nth-of-type(2) { width:70px; }

	table.pper-table-style.col3 { table-layout:fixed;  }
	table.pper-table-style.col3 colgroup col:nth-of-type(1) { width:80px; }

	table.pper-table-style tbody td.right { padding:0 5px; }



	
	table.pper-table-style.moblock ,
	table.pper-table-style.moblock tbody,
	table.pper-table-style.moblock tr,
	table.pper-table-style.moblock td {display:block; width:100%; padding:0; height:auto; box-sizing:border-box; 	 }

	table.pper-table-style.moblock { padding-top:10px;  }
	table.pper-table-style.moblock tr { border-top:1px solid #222; margin-top:15px; }
	table.pper-table-style.moblock td { padding:10px !important;  }
	table.pper-table-style.moblock td img { width:23%; }

	table.pper-table-style.moblock .mhide { display:none;  }










}
@media screen and (max-width:480px){
	table.pper-table-style thead td ,
	table.pper-table-style tbody th ,
	table.pper-table-style tbody td { font-size:12px; }
	table.pper-table-style.ss2 colgroup col:nth-of-type(1) { width:auto; }
	table.pper-table-style.ss2 colgroup col:nth-of-type(2) { width:auto; }

	table.pper-table-style.ss22 colgroup col:nth-of-type(1) { width:50px; }
	table.pper-table-style.ss22 colgroup col:nth-of-type(2) { width:50px; }
}
@media screen and (max-width:340px){
	table.pper-table-style thead td ,
	table.pper-table-style tbody th ,
	table.pper-table-style tbody td { font-size:10px; }

	table.pper-table-style.ss22 colgroup col:nth-of-type(1) { width:auto; }
	table.pper-table-style.ss22 colgroup col:nth-of-type(2) { width:auto; }
}




/* 회사정보 - 무림페이퍼 */
.pperoutline-box01 { position:relative; padding:0 0 80px 0;  }
.pperoutline-box01 .paper-img {z-index:1; position:absolute; right:0; top:0px;  }
.pperoutline-box01 .paper-img a.btn-link { position:absolute; right:105px; bottom:29px; 
	display: inline-block;
	padding: 10px 20px;
	font-size: 15px;
	color: #222;
		border: 1px solid #222;
	letter-spacing: -1px;
	background:#fff;
}
.pperoutline-box01 .paper-img a.btn-link i { position:relative; display:inline-block; vertical-align:baseline; width:12px; height:12px; margin-left:10px;  }
.pperoutline-box01 .paper-img a.btn-link i:after {content:''; position:absolute; left:5px; top:0; width:2px; height:100%; background:#222; }
.pperoutline-box01 .paper-img a.btn-link i:before {content:''; position:absolute; left:0; top:5px; width:100%; height:2px; background:#222; }


.pperoutline-box01 .sb-title-subject { padding-bottom:50px;  }
.pperoutline-box01 .pper-inlist { padding-top:60px; }
.pperoutline-box01 .pper-intable { padding-top:60px; }

.pperoutline-box01 .pper-intable .pnpoutline-table-mn { display:none; }




.pper-inlist .list-tit-contain { position:relative;  }
.pper-inlist .list-tit-contain a.btn-more { position:absolute; right:0; top:0; font-size:16px; color:#222; display:inline-block; height:37px; line-height:37px; padding:0 15px; background:#222; color:#fff;  }



@media screen and (max-width:1400px){
	.pperoutline-box01 { padding:0 50px 50px 50px; overflow:hidden; }
	.pperoutline-box01 .paper-img { right:-40px; }
	.pperoutline-box01 .paper-img img { width:500px; }

	.pperoutline-box01 .paper-img a.btn-link {  right:80px; bottom:13px; }
}
@media screen and (max-width:1175px){
	.pperoutline-box01.ray2 { padding:330px 50px 150px; }
	.pperoutline-box01.ray2 .paper-img { top:100px; z-index: -1;}
}

@media screen and (max-width:1090px){
	.pperoutline-box01 { padding:330px 50px 150px; }
	.pperoutline-box01 .paper-img { top:100px; }
}
@media screen and (max-width:1060px){
	.pperoutline-box01.ray3 .paper-img { top:50px; }

	.pperoutline-box01 .pper-intable .pnpoutline-table-mn { display:block; }
	.pperoutline-box01 .pper-intable .pnpoutline-table-mx { display:none; }
}

@media screen and (max-width:870px){
	.pperoutline-box01 { padding: 100px 50px 100px; }
	.pperoutline-box01 .paper-img { position:relative; right:auto; top:auto; padding-bottom:30px;   }
	.pperoutline-box01 .paper-img img { max-width:100%; width:100%; }

	.pperoutline-box01.ray2 { padding: 100px 50px 100px; }
	.pperoutline-box01.ray2 .paper-img { position:relative; right:auto; top:auto; padding-bottom:30px;   }
	.pperoutline-box01.ray3 .paper-img { top:auto; }

	.pperoutline-box01 .paper-img p.ri-al { text-align:right; padding-top:20px; }
	.pperoutline-box01 .paper-img a.btn-link { position:relative; right:auto; bottom:auto;  }
}
@media screen and (max-width:640px){
	.pperoutline-box01 { padding: 50px 20px; }
	.pperoutline-box01.ray2 { padding: 50px 20px; }

	.pper-inlist .list-tit-contain a.btn-more { font-size:15px; }
}

.ppersystem-box1 {  }
.ppersystem-box2 { padding:0px 0 120px;  }

.ppersystem-box2 .pnpout-table { padding-bottom:100px;}
.ppersystem-box2 .pnpoutline-table-mn { display:none; }

.imgbox-list-contain {  }
.imgbox-list-contain .item { position:relative; min-height:254px; }
.imgbox-list-contain .item + .item { margin-top:60px;  }
.imgbox-list-contain .item .imgbox { position:absolute; left:0; top:0;  }
.imgbox-list-contain .item .info-txt { padding-left:466px;  }
.imgbox-list-contain .item .info-txt > p { border-top:1px solid #eee; padding:25px 0 0 48px;  font-size:24px; color:#222; font-weight:500;}
.imgbox-list-contain .item .info-txt > p span  { display:block; font-size:16px; color:#666; font-weight:300;  }
.imgbox-list-contain .item .info-txt ul { padding: 25px 0 0 48px; }
.imgbox-list-contain .item .info-txt li { display:block; position:relative; }
.imgbox-list-contain .item .info-txt li + li { margin-top:5px;  }
.imgbox-list-contain .item .info-txt li span { position:absolute; left:0; top:0; display:inline-block; padding-left:9px;  font-size:16px; color:#666; font-weight:300; line-height:1.7;}
.imgbox-list-contain .item .info-txt li span:after { content:''; position:absolute; left:0; top:12px; width:2px; height:2px; background-color:#222; }
.imgbox-list-contain .item .info-txt li p { padding-left:100px; font-size:16px; color:#222; line-height:1.7; font-weight:300;   }
.imgbox-list-contain .item .info-txt li p em { font-style:normal; font-family: 'Montserrat'; font-weight:400;  }

.imgbox-list-contain .item .info-txt ul.w2 { font-size:0; padding:15px 0 0 48px;}
.imgbox-list-contain .item .info-txt ul.w2 li { display:inline-block;  width:50%; }
.imgbox-list-contain .item .info-txt ul.w2 li p { padding-left:80px; }

.imgbox-list-contain .item .info-txt .part-ul { font-size:0; padding: 25px 0 0 48px; }
.imgbox-list-contain .item .info-txt .part-ul ul { display:inline-block; vertical-align:top; width:49.5%; padding:0;   }
.imgbox-list-contain .item .info-txt .part-ul ul:nth-of-type(even) { margin-left:1%; }
.imgbox-list-contain .item .info-txt .part-ul ul.widp li p { padding-left:150px;  }
.imgbox-list-contain .item .info-txt .part-ul ul.notit li p { padding-left:10px; }

.imgbox-list-contain .item .info-txt .part-ul li.sbtit { font-size:16px; color:#222;  }
.imgbox-list-contain .item .info-txt .part-ul li u.gy { text-decoration:none; color:#666; }
.imgbox-list-contain .item .info-txt .part-ul .hiempt { height:20px;  }

.imgbox-list-contain.toppad { padding-top:60px; }

.ppersystem-box1 .minVer { display:none; }


@media screen and (max-width:1060px){
	.ppersystem-box2 .pnpoutline-table-mn { display:block; } 
	.ppersystem-box2 .pnpoutline-table-mx { display:none; } 
}



@media screen and (max-width:1300px){
	.ppersystem-box1 { padding:0 50px; }
	.ppersystem-box2 { padding:80px 50px 120px;  }

	.imgbox-list-contain .item .info-txt.w2cm > p ,
	.imgbox-list-contain .item .info-txt.w2cm ul { padding:25px 0 0 35px; }

	.imgbox-list-contain .item .info-txt .part-ul ul { padding:0;  }

	.imgbox-list-contain.toppad { padding-top:0px; }


}
@media screen and (max-width:1100px){
	.imgbox-list-contain .item .imgbox img { width:350px; }
	.imgbox-list-contain .item .info-txt { padding-left:350px; }
}
@media screen and (max-width:975px){
	.imgbox-list-contain .item .imgbox img { width:270px; }
	.imgbox-list-contain .item .info-txt { padding-left:270px; }
}
@media screen and (max-width:900px){
	.imgbox-list-contain .item .imgbox { position:relative; left:auto; top:auto;  }
	.imgbox-list-contain .item .info-txt { padding-left:0; }

	.imgbox-list-contain .item .info-txt .part-ul { padding: 25px 0 0 0px; }

	.imgbox-list-contain .item .info-txt > p ,
	.imgbox-list-contain .item .info-txt ul { padding: 25px 0 0 0; }

	.imgbox-list-contain .item .info-txt.w2cm > p ,
	.imgbox-list-contain .item .info-txt.w2cm ul { padding:25px 0 0 0px; }
}

@media screen and (max-width:870px){
	.ppersystem-box1 .sb-title-subject br { display:none; }

	.ppersystem-box1 .maxVer { display:none; }
	.ppersystem-box1 .minVer { display:block; }

}
@media screen and (max-width:800px){
	.imgbox-list-contain .item .imgbox { position:relative; left:auto; top:auto;  }
	.imgbox-list-contain .item .imgbox img { width:100%;  }
	.imgbox-list-contain .item .info-txt { padding-left:0; }

}
@media screen and (max-width:640px){
	.ppersystem-box1 { padding:0 20px; }
	.ppersystem-box2 { padding:30px 20px 50px;  }

	.ppersystem-box1 .sb-title-subject.padaddcen { padding:40px 0 40px; word-break:keep-all; }

	.imgbox-list-contain .item .info-txt > p { padding: 10px 0 0 10px;  font-size:18px; }
	.imgbox-list-contain .item .info-txt ul { padding: 10px 0 0 10px; }
	.imgbox-list-contain .item .info-txt.w2cm > p { padding: 10px 0 0 0px;  font-size:18px; }
	.imgbox-list-contain .item .info-txt.w2cm ul { padding: 10px 0 0 0px; }
	.imgbox-list-contain .item .info-txt li span  { font-size:15px;  }
	.imgbox-list-contain .item .info-txt li span:after { top:10px; }
	.imgbox-list-contain .item .info-txt li p { font-size:15px;  }

	.imgbox-list-contain .item .info-txt ul.w2 li p { padding-left:70px; }
	.imgbox-list-contain .item .info-txt li + li { margin-top:3px;  }
	.imgbox-list-contain .item + .item { margin-top: 40px; }


	
}
@media screen and (max-width:500px){
	.imgbox-list-contain .item .info-txt .part-ul ul { display:block; width:100%; }
	.imgbox-list-contain .item .info-txt .part-ul ul:nth-of-type(even) { margin-left:0; }
	.imgbox-list-contain .item .info-txt .part-ul .hiempt { display:none; }

	.imgbox-list-contain .item .info-txt ul.fuwide li { display:block; width:100%;  }
}

@media screen and (max-width:370px){
	.imgbox-list-contain .item .info-txt ul.w2 li span { font-size:13px; }
	.imgbox-list-contain .item .info-txt ul.w2 li p { padding-left: 54px; font-size:13px; }
	
}




/* 무림P&P  */

.pnpsys-box01 {  }
.pnpsys-box01 .sb-title-subject.padaddcen { padding: 140px 20px 0px; }
.pnpsys-box01 .sb-title-subject.padaddcen.botpad { padding-bottom:50px;  }

@media screen and (max-width:640px){
	.pnpsys-box01 .sb-title-subject.padaddcen { padding: 80px 20px 0px; }
	.pnpsys-box01 .sb-title-subject.padaddcen.botpad { padding-bottom:0px;  }
}





/* 글로벌 네트워크 */
.globalnetwork-box01 { padding-bottom:100px; }

.globalnetwork-box01 .unline-bar { font-size:24px; color:#222; border-bottom:1px solid #222; padding-bottom:14px; margin-bottom:22px;  }


.maps-list-contain { padding-bottom:60px; }
.maps-list-contain .map-box { position:relative; width:100%; height:530px;  }
.maps-list-contain .map-box .map-area { height:100%; margin-right:295px; background:#fafafa;}
.maps-list-contain .map-box .map-area .root_daum_roughmap { width:100%;  }
.maps-list-contain .map-box .map-area .root_daum_roughmap .wrap_map { height:468px; }


.maps-list-contain .map-box .list-area { position:absolute; right:0; top:0; width:295px;  height:100%; background:#f7f7f7;   }
.maps-list-contain .map-box .list-area ul { padding-top:15px;  }
.maps-list-contain .map-box .list-area ul li {position:relative;  line-height:52px; padding-left:32px; font-size:18px; color:#666; font-weight:300;}
.maps-list-contain .map-box .list-area ul li a { display:inline-block;  }
.maps-list-contain .map-box .list-area ul li.on { color:#222; font-weight:500;background:#fff; }
.maps-list-contain .map-box .list-area ul li.on:after {content:'';  position:absolute; left:0; top:0; width:6px; height:100%; background:#222; }
.maps-list-contain .map-box .list-area ul li > div { line-height:1.8;  }
.maps-list-contain .map-box .list-area ul li > div a {position:relative; font-size:16px; color:#222; font-weight:300; padding-left:10px; }
.maps-list-contain .map-box .list-area ul li > div a:after { content:''; position:absolute; left:0; top:50%; margin-top:0px; width:2px; height:2px; background:#222; }

.maps-list-contain .map-box .list-area ul li.child div a { display:block;  }
.maps-list-contain .map-box .list-area ul li.child div a.on { font-weight:400; color:#000; }


.maps-list-contain .info-box { padding-top:20px;  }
.maps-list-contain .info-box > div { display:none; }
.maps-list-contain .info-box > div:first-of-type { display:block;  }
.maps-list-contain .info-box .inarea { display:table;  }
.maps-list-contain .info-box .inarea > div { display:table-cell;  font-size:18px; color:#222; line-height:1;}
.maps-list-contain .info-box .inarea > div:nth-of-type(1) { padding-right:25px; }
.maps-list-contain .info-box .inarea > div:nth-of-type(2) { padding-left:25px; border-left:1px solid #dedede;  }
.maps-list-contain .info-box .inarea > div u { display:block; text-decoration:none; font-size:20px; color:#222; font-weight:500; padding-bottom:10px;}
.maps-list-contain .info-box .inarea > div em { font-size:18px; color:#666; font-weight:300;  }
.maps-list-contain .info-box .inarea > div p { padding-top:15px;  }

.globalnetwork-box01 .glb-img img { max-width:100%; }

.globalnetwork-box01 .sb-title-subject br { display:none; }

@media screen and (max-width:1300px){
	.globalnetwork-box01 { padding-left:50px; padding-right:50px;  }
	.globalnetwork-box01 .sb-title-subject { word-break:keep-all; }
}

@media screen and (max-width:900px){
	.maps-list-contain { position:relative; }
	.maps-list-contain .map-box { height:auto;  }
	.maps-list-contain .map-box .map-area { margin-right:0; }

	.maps-list-contain .map-box .map-area { height:332px; }
	.maps-list-contain .map-box .map-area .root_daum_roughmap .wrap_map { height:300px; }
	.maps-list-contain .map-box .list-area { position:relative; top:auto; right:auto; width:50%; height:auto; min-height:200px; margin-left:50%; box-sizing:border-box;  margin-top:10px; }
	
	.maps-list-contain .map-box .list-area ul { padding-bottom:15px;  }
	.maps-list-contain .map-box .list-area ul li { line-height:40px; font-size:15px; padding-left:22px;  }
	.maps-list-contain .map-box .list-area ul li.on:after { width:3px;  }
	.maps-list-contain .map-box .list-area ul li > div a { font-size:14px;  }


	.maps-list-contain .info-box { position:absolute; left:0; top:335px; width:45%;  }
	.maps-list-contain .info-box .inarea { display:block;  }
	.maps-list-contain .info-box .inarea > div { display:block; font-size:15px; line-height:1.3; }
	.maps-list-contain .info-box .inarea > div u { font-size:18px;  }
	.maps-list-contain .info-box .inarea > div em { font-size:14px;	  }
	.maps-list-contain .info-box .inarea > div:nth-of-type(1) { padding-right:0; padding-bottom:20px;  }
	.maps-list-contain .info-box .inarea > div:nth-of-type(2) { padding-left:0; border-left:0; padding-top:20px; border-top:1px solid #dedede; }
}



@media screen and (max-width:640px){
	.globalnetwork-box01 { padding:0 20px 50px; }
	.globalnetwork-box01 .sb-title-subject br { display:block; }

}





.img-txt-card {  }
.img-txt-card + .img-txt-card { margin-top:60px;  }
.img-txt-card > p { font-size:24px; color:#222; font-weight:500; padding-bottom:15px; }
.img-txt-card > p span { display:inline-block; margin-left:5px; font-size:16px; color:#666; font-weight:400; }
.img-txt-card .card-area { position:relative; min-height:253px; padding-bottom:30px; border-bottom:1px solid #eee; }
.img-txt-card .card-area + .card-area { margin-top:30px; }
.img-txt-card .card-area .img-box { position:absolute; left:0; top:0; }
.img-txt-card .card-area .card-txt { padding-left:500px; }
.img-txt-card .card-area .card-txt em { font-style:normal; font-family: 'Montserrat'; }
.img-txt-card .card-area .card-txt > p { font-size:18px; color:#666; font-weight:300; }
.img-txt-card .card-area .card-txt > p > span { display:block; font-size:18px; color:#222; font-weight:500; margin-bottom:7px;  }
.img-txt-card .card-area .card-txt .list-tx { padding:17px 0 20px;  }
.img-txt-card .card-area .card-txt .list-tx > div { position:relative}
.img-txt-card .card-area .card-txt .list-tx > div + div { margin-top:8px; }
.img-txt-card .card-area .card-txt .list-tx > div span {position:absolute; left:0; top:0;  display:inline-block; font-size:16px; color:#666; padding-left:10px; font-weight:300; }
.img-txt-card .card-area .card-txt .list-tx > div span:after { content:''; position:absolute; lefT:0;top:10px; width:2px; height:2px; background-color:#222;  }
.img-txt-card .card-area .card-txt .list-tx > div p { padding-left:100px; font-size:16px; color:#222; }
.img-txt-card .card-area .card-txt .btn-box {  }
.img-txt-card .card-area .card-txt .btn-box a { display:inline-block; padding:10px 20px; font-size:15px; color:#222; font-family: 'Montserrat';  font-weight:600; border:1px solid #222; letter-spacing:-1px;}
.img-txt-card .card-area .card-txt .btn-box a i { position:relative; display:inline-block; vertical-align:baseline; width:12px; height:12px; margin-left:10px;  }
.img-txt-card .card-area .card-txt .btn-box a i:after {content:''; position:absolute; left:5px; top:0; width:2px; height:100%; background:#222; }
.img-txt-card .card-area .card-txt .btn-box a i:before {content:''; position:absolute; left:0; top:5px; width:100%; height:2px; background:#222; }


@media screen and (max-width:1024px){
	.img-txt-card .card-area .img-box img { width:300px;  }
	.img-txt-card .card-area .card-txt { padding-left:330px;  }

}
@media screen and (max-width:800px){
	.img-txt-card .card-area .img-box { position:relative; left:auto; top:auto; padding-bottom:10px;   }
	.img-txt-card .card-area .card-txt { padding-left:0;  }
}
@media screen and (max-width:640px){
	.img-txt-card .card-area .img-box img { width:100%; }
	.img-txt-card .card-area .card-txt > p { font-size:15px;  }
	.img-txt-card .card-area .card-txt .list-tx > div span { font-size:15px;  }
	.img-txt-card .card-area .card-txt .list-tx > div p { font-size:15px;  }

	.img-txt-card .card-area .card-txt .btn-box a { padding:8px 17px; font-size:13px; }
	.img-txt-card .card-area .card-txt .btn-box a i { width:9px; height:9px; }
	.img-txt-card .card-area .card-txt .btn-box a i:after { width:1px; left:4px;}
	.img-txt-card .card-area .card-txt .btn-box a i:before { height:1px; top:4px;   }

}





/* 투자정보 - 무림페이퍼 : 재무정보 */

.ppfinance-box01 { padding-top:140px; padding-bottom:100px;  }
.ppfinance-box01 > div + div { padding-top:90px;  }

@media screen and (max-width:1300px){
	.ppfinance-box01 { padding-right:50px; padding-left:50px;  }
}
@media screen and (max-width:640px){
	.ppfinance-box01 { padding:40px 20px 50px  }
}



/* 투자 - 무림페이퍼 : 지배구조 */

.govern-container {padding-top:100px;  padding-bottom:100px;   }
.govern-container .sb-title-subject {  padding:40px 0 30px;  }

.go-section + .go-section { margin-top:50px;  }
.go-section + .num-two { margin-top:100px; }

p.txt + .table-box { margin-top:10px;  }
.table-box + p.txt { margin-top:10px;  }

.govern-container .d-btn-area { position:relative; padding-bottom:10px;	padding-top:10px; }
.govern-container .d-btn-area { text-align:right;  }
.govern-container .table-box { border-top:1px solid #222;	padding-top:8px; }

.govern-container .table-box.mo-ver { display:none; }

a.btn-g-down { display:inline-block; height:40px; line-height:40px; border:1px solid #222; padding:0 15px; font-size:15px; color:#222; }
a.btn-g-down i { display:inline-block; vertical-align:middle; width:15px; height:15px; background:url("/images/common/icon_down_inbox_m.png") no-repeat center; background-size:contain; margin-bottom:2px; }
a.btn-g-down:hover { background:#222; color:#fff; }
a.btn-g-down:hover i { background:url("/images/common/icon_down_inbox_m_wht.png") no-repeat center; background-size:contain; }


.table-part-more {  }
.table-part-more table tbody.more-part { display:none;  }
.table-part-more .more-btn-area { text-align:center; padding-top:50px;  }
.table-part-more .more-btn-area a { display:inline-block; width:150px; height:30px; line-height:30px; text-align:center; font-size:15px; color:#222; border:1px solid #222; 	 }
.table-part-more .more-btn-area a i { display:inline-block; vertical-align:middle; width:12px; height:12px; background-repeat:no-repeat;background-position:center; background-size:contain; }
.table-part-more .more-btn-area a.open i { background-image:url("/images/common/icon_arrw_down.png"); }
.table-part-more .more-btn-area a.close { display:none;  }
.table-part-more .more-btn-area a.close i { background-image:url("/images/common/icon_arrw_up.png"); }

@media screen and (max-width:1300px){
	.govern-container { padding-left:50px; padding-right:50px; }
}

@media screen and (max-width:640px){
	.govern-container { padding-left:20px; padding-right:20px; padding-top:40px; }

	.govern-container .sb-title-subject {  padding: 20px 0 15px; }

	a.btn-g-down { height:32px; line-height:32px; padding:0 10px; font-size:13px; }
	a.btn-g-down i { width:12px; height:12px; }

	.table-part-more .more-btn-area { padding-top:30px; }
	.table-part-more .more-btn-area a { width:110px;  }

	.go-section + .num-two { margin-top:50px;  }

	.go-section .table-box.mo-style1 {  }
	.go-section .table-box.mo-style1 table.pper-table-style thead { display:none; }
	.go-section .table-box.mo-style1 table.pper-table-style ,
	.go-section .table-box.mo-style1 table.pper-table-style tbody,
	.go-section .table-box.mo-style1 table.pper-table-style tr,
	.go-section .table-box.mo-style1 table.pper-table-style td { display:block; width:100%; text-align:left; padding-bottom:0;  box-sizing:border-box; }	

	.go-section .table-box.mo-style1 table.pper-table-style tbody { border:0;  }
	.go-section .table-box.mo-style1 table.pper-table-style tr { border:1px solid #eee; padding:15px;}
	.go-section .table-box.mo-style1 table.pper-table-style tr + tr { margin-top:10px; }
	.go-section .table-box.mo-style1 table.pper-table-style td {position:relative;  border:0;  }
	.go-section .table-box.mo-style1 table.pper-table-style td + td { margin-top:8px; }
	table.pper-table-style tbody td.left { padding:0; }

	.go-section .table-box.mo-style1.motit1 table.pper-table-style td { padding:0 0 0 78px;  }
	.go-section .table-box.mo-style1.motit1 table.pper-table-style td:after { position:absolute; left:0; top:0; font-size:15px; }
	.go-section .table-box.mo-style1.motit1 table.pper-table-style td:nth-of-type(1):after { content:'회차';  }
	.go-section .table-box.mo-style1.motit1 table.pper-table-style td:nth-of-type(2):after { content:'개최일자';  }
	.go-section .table-box.mo-style1.motit1 table.pper-table-style td:nth-of-type(2) br { display:none;  }
	.go-section .table-box.mo-style1.motit1 table.pper-table-style td:nth-of-type(3):after { content:'의안내용';  }
	.go-section .table-box.mo-style1.motit1 table.pper-table-style td:nth-of-type(4):after { content:'가결여부';  }
	.go-section .table-box.mo-style1.motit1 table.pper-table-style td:nth-of-type(5):after { content:'참석인원';  }

	.go-section .table-box.mo-style1.motit2 table.pper-table-style td { padding:0 0 0 78px; }
	.go-section .table-box.mo-style1.motit2 table.pper-table-style td:after { position:absolute; left:0; top:0; font-size:15px; }
	.go-section .table-box.mo-style1.motit2 table.pper-table-style td:nth-of-type(1):after { content:'구성';  }
	.go-section .table-box.mo-style1.motit2 table.pper-table-style td:nth-of-type(2):after { content:'설치목적';  }
	.go-section .table-box.mo-style1.motit2 table.pper-table-style td:nth-of-type(3):after { content:'역할';  }


	.govern-container .table-box.mo-ver { border-top:0;  display:block; }
	.govern-container .table-box.pc-ver { display:none; }

}



.mov-tablebox {  border-top:1px solid #222; }
.mov-tablebox > div { border-bottom:1px solid #aaa; padding:10px 0; }
.mov-tablebox ul li {font-size:15px; }
.mov-tablebox ul li + li { margin-top:5px; }
.mov-tablebox ul li span {float:left;  display:inline-block; vertical-align:middle; padding-right:10px; padding-bottom:4px; color:#666; }
.mov-tablebox ul li span:after { content:' :';  }
.mov-tablebox ul li p + p { margin-top:5px; }






/* 투자정보 - 무림페이퍼 : IR정보 ---  AIP 연동 */

.ppirinfo-box01 {  }

/* 투자정보 - 무림페이지 : 공시정보 */

.noticeinfor-title { font-size:24px; color:#222; font-weight:500; padding-top:50px; padding-bottom:17px;  }
.txtarea-contain { }
.txtarea-contain textarea { width:100%; padding:30px; height:870px;  border:1px solid #eee; box-sizing:border-box; resize:none; }
.line-box-border { width:100%; padding:10px; height:870px;  border:1px solid #eee; box-sizing:border-box; }

.ppnoticemng-box01 { padding-bottom:100px;  }

.txtarea-contain.inlaybox { height:100%; }
.txtarea-contain.inlaybox textarea { height:100%;  }

.noticeinfor-title.wbtn { position:relative; }
.noticeinfor-title.wbtn a { position:absolute; right:0; bottom:17px; width:137px; height:38px; line-height:35px; border:1px solid #222; text-align:center; font-size:15px; color:#222;  }



@media screen and (max-width:1300px){
	.ppnoticemng-box01 { padding-left:50px; padding-right:50px;  }
}
@media screen and (max-width:640px){
	.ppnoticemng-box01 { padding:0px 20px 50px; }
}




/* 간격지정 */
.new-area .manage-container {margin-top: 0; padding-bottom: 150px;}
.new-area .manage-container:first-child {padding-top: 0;}

@media(max-width:640px) {
    .new-area .manage-container {padding-bottom: 80px;}
}

/* 지속가능성 - 상생경영 */
/* 공급망 상생 */
.sb-title-subject-02.padaddcen2 {padding-bottom: 90px;}
.winwin-area .img-area {max-width: 100%; margin: 0 auto; margin-top: 40px;}
.winwin-area .img-area img {max-width: 100%;}

.content-box-list {width: 100%;}
.content-box-list .list-top img {height: 65px;}
.content-box-list ul {display: flex; flex-wrap: wrap;}
.content-box-list .list {width: calc(33.3333% - 1.3333%); margin-right: 2%;}
.content-box-list .list:last-child {margin-right: 0;}
.content-box-list .list-top {border: 1px solid #e7e7e7; padding: 45px 10px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.content-box-list .list-top strong {font-size: 22px; font-weight: 500; color: #222; padding-top: 10px;}
.content-box-list .list-bottom {display: flex; flex-direction: column; font-size: 18px; width: 90%; margin: 0 auto; padding-top: 20px;}
.content-box-list .list-bottom li {font-weight: 300;}
.dot {position: relative; padding-left: 10px;}
.dot::after {content: '';position: absolute;left: 0;top: 13px;width: 2px;height: 2px;background: #222;}
.content-box-list-02 {margin-bottom: 40px;}
.content-box-list-02 .list {width: calc(25% - 1.5%); border: 1px solid #e7e7e7; box-sizing: border-box; text-align: center;}
.content-box-list-02 .list-top {border: none;}

.process-box ul {display: flex; font-size: 18px; color: #ffffff; text-align: center; }
.process-box ul li {width: calc(33.333% - 3.3333%); margin-right: 5%; border-radius:80px; padding: 1.5rem;  font-weight: 300; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.process-box ul li b {font-weight: 500;}
.process-box ul li:last-child {margin-right: 0;}

.process-box .con01 {background-color: #999999;}
.process-box .con02 {background-color: #89c053;}
.process-box .con03 {background-color: #44a632;}

@media(max-width:1200px) {
    .content-box-list-02 ul{margin-bottom: -2%;}
    .content-box-list-02 .list {width: calc(50% - 1%); margin-bottom: 2%;}
    .content-box-list-02 .list:nth-child(even) {margin-right: 0;}

	.process-box ul li {width: calc(33.333% - 1%); margin-right: 1.5%; }
}

@media(max-width:768px) {
	.process-box ul {font-size: 14px;}
	.content-box-list .list-top strong {font-size: 18px;}
	.dot::after {top:10px;}
}

@media(max-width:640px) {
	div.thdepth-tbn-area-02 ul.w3 li {width: 50%;}
    .content-box-list .list-top {padding: 20px 5px;}
    .content-box-list .list {width: 100%; margin-right: 0; margin-bottom: 2%;}
    .content-box-list .list:last-child {margin-bottom: 0;}
	.process-box ul {flex-wrap: wrap;}
	.process-box ul li {width: 100%; margin-right: 0; margin-bottom: 2%;}
}


/* 사회공헌 */


.contribution-area {font-size: 18px; font-weight: 300;} 
.contribution-content-01 {display: flex; justify-content: space-between; margin-bottom: 25px;}
.contribution-content-01 .box-01 {width: calc(59% - 25px); margin-right: 25px;min-height: 556px; position: relative;}
.contribution-content-01 .box-01 .con-box {background-color: #f5f5f5; padding: 40px; min-height: 556px; box-sizing: border-box; }
.contribution-area .num-two {margin-bottom: 2rem;}
.contribution-area .sb-title-subject {margin-bottom: 2rem;}


.contribution-content-01 .box-02 {width: 41%;}
.contribution-content-01 .box-02 .img-area {margin-bottom: 25px; }
.contribution-content-01 .box-02 .img-area:last-child {margin-bottom: 0;}
.contribution-content-01 .box-02 .img-area img {max-width: 100%;}
button.look {color: #ffffff; background-color: #222222; padding: 10px 25px; font-size: 18px; margin-top: 2rem;}
button.look img{width: 20px; height: auto;vertical-align: text-top; font-weight: 300; }

/* 뒷면 */
.contribution-area .bag-con-box {position: absolute; top: 0; left: 0; width: 100%; height: auto; background-image: url("/images/prcenter/contribution-img-01.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover; color: #ffffff; box-sizing: border-box; padding: 40px; min-height: 556px;display: none;  overflow-y: auto; height: 100%;}
.bag-con-box strong{font-size: 22px; margin-bottom: 1rem; display: block;}
.bag-con-box-01 li {margin-bottom: 1.5rem;}

.close_btn {background-color: transparent; filter: invert(100%); text-align: right; width: 35px; margin-left: auto;}

.contribution-content-01 .box-01 .con-box.active {display: block;}
.box-01 .bag-con-box.active {display: block;}
/* .box-01 .bag-con-box.opasity {opacity: 1;} */

@media(max-width:768px) {
	.contribution-content-01 {flex-direction: column; }
	.contribution-content-01 .box-01 {width: 100%; margin-right: 0; margin-bottom: 25px; min-height: 100%;}
	.contribution-content-01 .box-01 .con-box {padding: 20px; min-height: 100%;}
	.contribution-area .bag-con-box {overflow-y: auto; padding: 20px; margin-bottom: 25px;min-height: 100%;}
	.contribution-area {font-size: 14px;}
	.bag-con-box strong {font-size: 18px;}
	.contribution-content-01 .box-02 {width: 100%;}
	.contribution-content-01 .box-02 .img-area img {width: 100%;}
	.close_btn img{width: 20px;}
	button.look img {width: 16px;}
	button.look {font-size: 15px;}

}
/* 두번째 */
.contribution-content-02 {position: relative; margin-bottom: 25px;}
.contribution-content-02 .con-box {background-image: url("/images/prcenter/contribution-img-04.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center center; padding: 40px; box-sizing: border-box; min-height: 550px;}

.contribution-content-02 .con-box p {max-width: 55%;}
.contribution-area .bag-con-box-02 { background-image: url("/images/prcenter/contribution-img-04-bag.jpg"); }
.bag-con-box-02 {display: block;}
.bag-con-box-02 .con-text {width: 100%; display: flex;}
.bag-con-box-02 .con-text li {width: calc(50% - 13px); margin-right: 26px; padding: 20px; box-sizing: border-box; background-color: rgba(255,255,255,0.1); margin-top: 10px; margin-bottom: 25px;}
.bag-con-box-02 .con-text li:last-child {margin-right: 0;}
.bag-con-box-02 .con-img {width: 100%; display: flex;}
.bag-con-box-02 .con-img li {width: calc(33.333% - 17.3333px); margin-right: 26px; margin-bottom: 0;}
.bag-con-box-02 .con-img li:last-child {margin-right: 0;}
.bag-con-box-02 .con-img li img {max-width: 100%;}
.contribution-area .bag-con-box-02 {min-height: 550px;}

@media(max-width:768px) {
	.contribution-content-02 .con-box {padding: 20px; min-height: auto;}
	.contribution-content-02 .con-box p {max-width: 100%;}
	.contribution-content-02 .bag-con-box {height: 550px; padding: 20px;}
	.bag-con-box-02 .con-text {flex-wrap: wrap;}
	.bag-con-box-02 .con-img {flex-wrap: wrap;}
	.bag-con-box-02 .con-text li{width: 100%; margin-right: 0;}
	.bag-con-box-02 .con-img li {width: 100%; margin-right: 0;}
	.bag-con-box-02 .con-img li img {width: 100%;}
	.contribution-content-02 .bag-con-box {min-height: 100%; height: 100%;}
	
}

/* 세번째 */
.contribution-content-03 .box-01 {position: relative;}
.contribution-content-03 .con-text {background-color: #f5f5f5; padding: 40px; min-height: 550px; box-sizing: border-box; width: 41%}
.contribution-content-03 .con-box-03 {width: 100%; display: flex;}
.contribution-content-03 .con-img {width: calc(60% - 25px); margin-right: 25px;}
.contribution-content-03 .con-img img {max-width: 100%;}
/* .contribution-content-03 .con-text {width: 100%;} */
.contribution-content-03 .bag-con-text {display: flex; margin-top: 10px; min-height: 410px;;}
.contribution-content-03 .bag-con-text li {width: calc(33.333% - 17.3333px); margin-right: 26px; background-color: rgba(255,255,255,.1); padding: 20px; box-sizing: border-box;}
.contribution-content-03 .bag-con-text li:last-child {margin-right: 0;}
.contribution-area .bag-con-box-03 { background-image: url("/images/prcenter/contribution-img-05-bag.jpg"); min-height: 550px; height: 100%;}



@media(max-width:1200px) {

	.contribution-content-03 .con-box-03 {flex-wrap: wrap; flex-direction: column;}
	.contribution-content-03 .con-img {width: 100%; margin-right: 0;}
	.contribution-content-03 .con-img img {width: 100%;}
	.contribution-content-03 .con-text {width: 100%; margin-top: 25px;}
	.contribution-content-03 .bag-con-text {flex-direction: column; flex-wrap: wrap;}
	.contribution-content-03 .bag-con-text li {width: 100%; margin-right: 0; margin-bottom: 25px;}
	.contribution-content-03 .bag-con-text li:last-child {margin-right: 0; margin-bottom: 0px;}

}


@media(max-width:768px){
	.contribution-content-03 .con-text {padding: 20px;}
	.contribution-content-03 .con-text {min-height: auto;}
}


/* 지속가능성 */
/* 윤리∙인권경영 */
#ethic-four-boxes-03 .box {height: auto; padding: 45px 20px; border: none; }
#ethic-four-boxes-03 .box img{width: 70px;}
#ethic-four-boxes-03 ul {display: flex; flex-wrap: wrap;margin-left: -0.5%; margin-right: -0.5%; justify-content: center;}
#ethic-four-boxes-03 ul li { /* width: calc(20% - 1%); */ width: 230px; margin-right: 0.5%;  margin-left: 0.5%; margin-bottom: 1.25%; border: 1px solid #e7e7e7; box-sizing: border-box;}
/* #ethic-four-boxes-03 ul li:nth-child(5) {margin-right: 0%;}
#ethic-four-boxes-03 ul li:nth-child(10) {margin-right: 0%;} */

.view-btn {background-color: #222;width: fit-content; font-size: 18px; margin: 0 auto; margin-top: 15px; margin-bottom: 40px;}
.view-btn a { color: #ffffff; height: 46px; line-height: 46px;  display: block; padding: 0 30px; font-weight: 500;}
.view-btn img {width: 18px; margin-left: 5px;}



@media(max-width:768px) {
	#ethic-four-boxes-03 ul {margin-left: 0; margin-right: 0;}
	#ethic-four-boxes-03 ul li {width: 48%; margin-right: 4%; margin-bottom: 4%; margin-left: 0;}
	#ethic-four-boxes-03 ul li:nth-last-child(odd) {margin-right: 0;}
	#ethic-four-boxes-03 .box {padding: 20px;}
	#ethic-four-boxes-03 .box img{width: 55px;}
	.view-btn {font-size: 15px;}
	.view-btn a {height: 35px; line-height: 35px;  padding: 0 15px;}
	.view-btn img {width: 14px;}
	.mc-box .conareabdcont {padding-top: 0px;}


}












































/* 무림활동 - 사회공헌 */

.situation01-title { padding:0 50px;  }
.situation01-title.botit { margin-top:80px;  }

.situation01 .sb-title-subject ,
.situation02 .sb-title-subject ,
.situation03 .sb-title-subject { padding: 40px 0 30px; }
.situation01 .subcontain1200 ,
.situation02 .subcontain1200 ,
.situation03 .subcontain1200 { position:relative; }

.situation01 { height:438px; margin-top:90px; overflow:hidden; }
.situation01 .in-box01 { padding-right:540px;  }
.situation01 .in-box01 > img { position:absolute; right:-100px; top:0;  }

.situation09 { margin-bottom:100px;/*  background:url("/images/company/bg_greeting03.png") no-repeat 50% -405px; */ overflow:hidden; }
.situation09 .in-box01 { padding-right:540px;  }
.situation09 .in-box01 > img { position:absolute; right:-100px; top:0;  }



@media screen and (max-width:1185px){
	.situation01 .in-box01 p.txt br.bm1 { display:none; } 
}


.situation023 { /* background:url("/images/company/bg_greeting04.png") no-repeat 50% 40px; */ overflow:hidden; }
.situation023 .in-box02 { padding-left:540px; /*  padding-top:77px; */ }
.situation023 .in-box02 > img { position:absolute; left:-100px; top:0; }
.situation023 .in-box02 > img.ver2 { display:none; }



.situation02 {padding-top: 150px; height:auto; /* background:url("/images/company/bg_greeting04.png") no-repeat 50% 40px; */ overflow:hidden; }
.situation02 .in-box02 { padding-left:540px; /*  padding-top:77px; */ }
.situation02 .in-box02 > img { position:absolute; left:-100px; top:0; }
.situation02 .in-box02 > img.ver2 { display:none; }

.situation02.botpad { padding-bottom:80px;  }
.situation02 .in-box02 .sp-list { font-family:'Montserrat','Noto Sans KR'; font-size:18px; font-weight:400; }
.situation02 .in-box02 .sp-list p { position:relative;color:#222;  padding-left:230px; padding-bottom:15px;}
.situation02 .in-box02 .sp-list p span { position:absolute; left:0; top:0; color:#666;  }

.situation03 {padding-top: 150px; height:auto; /* background:url("/images/company/bg_greeting03.png") no-repeat -640px -342px; */ overflow:hidden; padding-bottom: 150px;}
.situation03 .in-box03 { padding-right:540px; }
.situation03 .in-box03 > img { position:absolute; right:-100px; top:0;  }





@media screen and (max-width:1300px){
	.situation01,
	.situation02,
	.situation03 { padding:0 50px;  }
}
@media screen and (max-width:1100px){
	.situation01 { height:auto;  margin-top:20px; padding-top:30px; padding-bottom:70px; margin-bottom:50px;}
	.situation01 .in-box01 { padding-right:440px; }
	.situation01 .in-box01 > img { width:400px; right:0px; top: 65px; }
	.situation02 { height:auto; padding-top:30px; padding-bottom:70px;  }
	.situation02 .in-box02 { padding-left:441px; }
	.situation02 .in-box02 > img { width:400px; left:0; top: 70px;  }
	.situation03 { height:auto; padding-top:30px; padding-bottom:70px;  }
	.situation03 .in-box03 { padding-right:431px;  }
	.situation03 .in-box03 > img { width:400px; right:0; top: 67px; }
	
	.situation02.botpad .in-box02 > img {top: 0px;}
	.situation02.botpad {padding-bottom:150px;}
	.situation02 {}
}
@media screen and (max-width:930px){
	.situation01 { margin-bottom:0px;}
	.situation01 .in-box01 { padding-right: 330px; }
	.situation01 .in-box01 > img { width:300px;}
	.situation02 .in-box02 { padding-left: 330px; }
	.situation02 .in-box02 > img { width:300px; }
	.situation03 .in-box03 { padding-right: 330px; }
	.situation03 .in-box03 > img { width:300px;  }

	.psr, .botpad { padding-left: 30px; padding-right: 30px;}
	/* .psr p { font-size:18px;} */
	.situation02 .in-box02 .sp-list { font-size:16px;}
	.situation02 .in-box02 .sp-list p { padding-left:210px;}
}
@media screen and (max-width:710px){
	.situation01-title { padding:0 20px;  }

	.situation01,
	.situation02,
	.situation03 { padding:0 20px; margin-top:50px; }


	.situation01 .in-box01 { padding-right:0; }
	.situation02 .in-box02 { padding-left:0; padding-top:0; }
	.situation03 .in-box03 { padding-right:0;  }
	.situation01 .in-box01 > img ,
	.situation02 .in-box02 > img ,
	.situation03 .in-box03 > img { position:relative; width:100%; top:auto; left:auto; right:auto; padding:20px 0; }

	.situation02 .in-box02 > img.ver1 { display:none; }
	.situation02 .in-box02 > img.ver2 { display:block; }

}


@media screen and (max-width:640px){
	.situation02 .in-box02 .sp-list { font-size:15px;}
	.psr, .botpad { padding-left: 20px; padding-right: 20px;}	
	.situation03{padding-bottom: 50px;}

}



.manage-container { margin-top:45px;  padding-bottom:100px;}
.manage-container_1 { margin-top:45px; }
.manage-container.ntop { margin-top:0; }
.manage-container .mc-box {  }
.manage-container .mc-box + .mc-box { margin-top:85px;  }
.manage-container.bemg .mc-box + .mc-box { margin-top:150px;  }
.manage-container .mc-box .le-list-area { position:relative; }
.manage-container .mc-box .le-list-area ul { padding-right:410px; }
.manage-container .mc-box .le-list-area ul li { position:relative; padding-left:99px; font-family:'Montserrat','Noto Sans KR'; }
.manage-container .mc-box .le-list-area ul li + li { margin-top:15px; }
.manage-container .mc-box .le-list-area ul li span { position:absolute; left:0; top:3px; font-size:18px; color:#666; font-weight:300;	 }
.manage-container .mc-box .le-list-area ul li p { font-size:18px; color:#222; font-weight:300; line-height:1.8;}
.manage-container .mc-box .le-list-area ul li p b { font-weight:500; }
.manage-container .mc-box .le-list-area .r-img { position:absolute; right:0; top:15px; padding-top:45px; }
.manage-container .mc-box .le-list-area .r-img:after { content:''; position:absolute; left:70px;  top:0; width:100%; background:#f5f5f5; height:110%;  }
.manage-container .mc-box .le-list-area .r-img img { position:relative; z-index:1; }

.manage-container .mc-box .le-list-area2 ul {  }
.manage-container .mc-box .le-list-area2 ul li { position:relative; padding-left:140px;font-family:'Montserrat','Noto Sans KR'; }
.manage-container .mc-box .le-list-area2 ul li + li { margin-top:5px; }
.manage-container .mc-box .le-list-area2 ul li span { position:absolute; left:0; top:0; font-size:18px; color:#666; font-weight:300;  }
.manage-container .mc-box .le-list-area2 ul li span em { display:inline-block; vertical-align:middle; width:50px; text-align:center; }
.manage-container .mc-box .le-list-area2 ul li span i { font-style:normal; display:inline-block; vertical-align:middle; width:29px; text-align:center; }
.manage-container .mc-box .le-list-area2 ul li p { font-size:18px; color:#222; font-weight:300; }

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

	.manage-container .mc-box .le-list-area2 ul li span em { width:43px; }
	.manage-container .mc-box .le-list-area2 ul li span i { width:22px;  }
	
	.manage-container.bemg .mc-box + .mc-box { margin-top:80px; }
}

@media screen and (max-width:380px){
	.manage-container.bemg .mc-box + .mc-box { margin-top:50px; }

}



.manage-container .tbl-two-box { border-top:1px solid #222; border-bottom:1px solid #222; font-size:0; margin-top:10px; font-family:'Montserrat','Noto Sans KR';}
.manage-container .tbl-two-box ul { display:table; width:100%; table-layout:fixed; }
.manage-container .tbl-two-box ul li { display:table-cell;  border-bottom:1px solid #eee; vertical-align:top; }
.manage-container .tbl-two-box ul li:nth-of-type(2) { width:5%; border-bottom:0;  }
.manage-container .tbl-two-box ul li > div {  padding:40px 20px; }
.manage-container .tbl-two-box ul li:nth-of-type(1) > div { margin-right:5%; }
.manage-container .tbl-two-box ul li:nth-of-type(3) > div { margin-left:5%; }
.manage-container .tbl-two-box ul li i { display:inline-block; vertical-align:top; width:65px; height:65px; background-repeat:no-repeat; background-position:center; background-size:contain;}


.manage-container .tbl-two-box ul li i.c6 { background-image:url("/images/sub/manage_safe_icon06.png"); }
.manage-container .tbl-two-box ul li i.c7 { background-image:url("/images/sub/manage_safe_icon07.png"); }
.manage-container .tbl-two-box ul li i.c8 { background-image:url("/images/sub/manage_safe_icon08.png"); }
.manage-container .tbl-two-box ul li i.c9 { background-image:url("/images/sub/manage_safe_icon09.png"); }
.manage-container .tbl-two-box ul li i.c10 { background-image:url("/images/sub/manage_safe_icon10.png"); }
.manage-container .tbl-two-box ul li i.c11 { background-image:url("/images/sub/manage_safe_icon11.png"); }


.manage-container .tbl-two-box ul li .tt {display:inline-block;   vertical-align:top; width:calc(100% - 95px);  margin-left:25px; }
.manage-container .tbl-two-box ul li .tt span { font-size:22px; color:#222; font-weight:500; }
.manage-container .tbl-two-box ul li .tt p { font-size:18px; color:#222; font-weight:300; padding-top:10px;  }
.manage-container .tbl-two-box ul li .tt p b { font-weight:500;  }
.manage-container .tbl-two-box ul:last-of-type li > div { border-bottom:0; }

.manage-container .tbl-two-box dl { padding-top:10px;  }
.manage-container .tbl-two-box dl dd { position:relative; padding-left:10px; font-size:18px; color:#222;  font-weight:300;  }
.manage-container .tbl-two-box dl dd:after { content:''; position:absolute; left:0; top:13px; width:2px; height:2px; background:#222; }
.manage-container .tbl-two-box dl dd em {display:block; font-size:16px; color:#666; font-weight:300;  }








@media screen and (max-width:1300px){
	.manage-container { padding-left:50px; padding-right:50px; }
	.manage-container.inbd {padding-left:0px; padding-right:0px; }
}
@media screen and (max-width:1050px){
	.manage-container .mc-box .le-list-area ul  { padding-right:0; }
	.manage-container .mc-box .le-list-area .r-img { position:relative; right:auto; top:auto; margin-top:30px; margin-left:50%; }
}

@media screen and (max-width:950px){
	.manage-container .tbl-two-box ul li > div { padding:30px 0px; }

	.manage-container .tbl-two-box ul li .tt span { font-size:20px; }
	.manage-container .tbl-two-box ul li .tt p { font-size:16px; }
}

@media screen and (max-width:1300px){
	.manage-container01 { padding-left:50px; padding-right:50px; }
	.manage-container01.inbd {padding-left:0px; padding-right:0px; }
}
@media screen and (max-width:1050px){
	.manage-container01 .mc-box .le-list-area ul  { padding-right:0; }
	.manage-container01 .mc-box .le-list-area .r-img { position:relative; right:auto; top:auto; margin-top:30px; margin-left:50%; }
}

@media screen and (max-width:950px){
	.manage-container01 .tbl-two-box ul li > div { padding:30px 0px; }

	.manage-container01 .tbl-two-box ul li .tt span { font-size:20px; }
	.manage-container01 .tbl-two-box ul li .tt p { font-size:16px; }
}


@media screen and (max-width:640px){
	.manage-container { margin-top:20px;  padding-left:20px; padding-right:20px;  }
	.manage-container .mc-box .le-list-area .r-img { margin-left:0; margin-top:20px; }
	.manage-container .mc-box .le-list-area .r-img img { max-width:100%;  }

	.manage-container .mc-box .le-list-area ul li span ,
	.manage-container .mc-box .le-list-area ul li p ,
	.manage-container .mc-box .le-list-area2 ul li span ,
	.manage-container .mc-box .le-list-area2 ul li p { font-size:15px; }

	.manage-container .mc-box .le-list-area ul li { padding-left:76px; }
	.manage-container .mc-box .le-list-area2 ul li { padding-left: 80px; }


	.sb-title-subject.padtb { padding:20px 0 20px; }
	


	.manage-container .tbl-two-box ul { display:block; }
	.manage-container .tbl-two-box ul li {display:block; width:100%;  }
	.manage-container .tbl-two-box ul li:nth-of-type(1) > div { margin-right:0; }
	.manage-container .tbl-two-box ul li:nth-of-type(3) > div { margin-left:0; }

	.manage-container .tbl-two-box ul li i { width:50px; height:50px;  }
	.manage-container .tbl-two-box ul li .tt {margin-left:15px;  }
	.manage-container .tbl-two-box ul li .tt span { font-size:18px;  }
	.manage-container .tbl-two-box ul li .tt p { font-size:15px; padding-top:5px;  }
	.manage-container .tbl-two-box ul li > div { padding:20px 0;  }
	.manage-container .tbl-two-box + p { font-size:15px;  }
	.manage-container .tbl-two-box + p + div { font-size:14px;  }
	.manage-container .tbl-two-box + p + div img { width:90px; }

	.manage-container .tbl-two-box dl dd { font-size:15px; }
	.manage-container .tbl-two-box dl dd:after { top:10px; }

}

@media screen and (max-width:640px){
	.manage-container { margin-top:20px;  padding-left:20px; padding-right:20px;  }
	.manage-container .mc-box .le-list-area .r-img { margin-left:0; margin-top:20px; }
	.manage-container .mc-box .le-list-area .r-img img { max-width:100%;  }

	.manage-container .mc-box .le-list-area ul li span ,
	.manage-container .mc-box .le-list-area ul li p ,
	.manage-container .mc-box .le-list-area2 ul li span ,
	.manage-container .mc-box .le-list-area2 ul li p { font-size:15px; }

	.manage-container .mc-box .le-list-area ul li { padding-left:76px; }
	.manage-container .mc-box .le-list-area2 ul li { padding-left: 80px; }


	.sb-title-subject.padtb { padding:20px 0 20px; }
	


	.manage-container01 .tbl-two-box ul { display:block; }
	.manage-container01 .tbl-two-box ul li {display:block; width:100%;  }
	.manage-container01 .tbl-two-box ul li:nth-of-type(1) > div { margin-right:0; }
	.manage-container01 .tbl-two-box ul li:nth-of-type(3) > div { margin-left:0; }

	.manage-container01 .tbl-two-box ul li i { width:50px; height:50px;  }
	.manage-container01 .tbl-two-box ul li .tt {margin-left:15px;  }
	.manage-container01 .tbl-two-box ul li .tt span { font-size:18px;  }
	.manage-container01 .tbl-two-box ul li .tt p { font-size:15px; padding-top:5px;  }
	.manage-container01 .tbl-two-box ul li > div { padding:20px 0;  }
	.manage-container01 .tbl-two-box + p { font-size:15px;  }
	.manage-container01 .tbl-two-box + p + div { font-size:14px;  }01
	.manage-container01 .tbl-two-box + p + div img { width:90px; }

	.manage-container01 .tbl-two-box dl dd { font-size:15px; }
	.manage-container01 .tbl-two-box dl dd:after { top:10px; }

}



.manage-container .tbl-two-box-boxlist { padding-top:20px; }
.manage-container .tbl-two-box-boxlist ul { display:block;  font-size:0; }
.manage-container .tbl-two-box-boxlist ul li { display:inline-block; vertical-align:top; width:19%; margin-right:1.25%; text-align:center; }
.manage-container .tbl-two-box-boxlist ul li:nth-of-type(5n) { margin-right:0; }
.manage-container .tbl-two-box-boxlist ul li:nth-of-type(3) > div { margin-left:0; }
.manage-container .tbl-two-box-boxlist ul li > div { padding:0;  }
.manage-container .tbl-two-box-boxlist ul li .box { border:1px solid #e7e7e7; height:210px; box-sizing:border-box; padding-top:43px;}
.manage-container .tbl-two-box-boxlist ul li .box span { display:block; font-size:22px; color:#222; font-weight:500; padding-top:10px;  }

.manage-container .tbl-two-box-boxlist ul li i { display:inline-block; vertical-align:top; width:65px; height:65px; background-repeat:no-repeat; background-position:center; background-size:contain;}
.manage-container .tbl-two-box-boxlist ul li i.c1 { background-image:url("/images/sub/manage_safe_icon01.png"); }
.manage-container .tbl-two-box-boxlist ul li i.c2 { background-image:url("/images/sub/manage_safe_icon02.png"); }
.manage-container .tbl-two-box-boxlist ul li i.c3 { background-image:url("/images/sub/manage_safe_icon03.png"); }
.manage-container .tbl-two-box-boxlist ul li i.c4 { background-image:url("/images/sub/manage_safe_icon04.png"); }
.manage-container .tbl-two-box-boxlist ul li i.c5 { background-image:url("/images/sub/manage_safe_icon05.png"); }
.manage-container .tbl-two-box-boxlist ul li p { text-align:center; font-size:18px; color:#222; font-weight:300; margin-top:10px;  letter-spacing:-1px; word-break:keep-all;  }

.manage-container .tbl-two-box-boxlist + p { font-size:18px; color:#222; font-weight:500; padding-top:20px;margin-top:30px; border-top:1px solid #222; }
.manage-container .tbl-two-box-boxlist + p + div { text-align:right; font-size:18px; color:#222; font-weight:300; padding-top:10px; }
.manage-container .tbl-two-box-boxlist + p + div img { display:inline-block; vertical-align:middle; margin: 0 0 5px 5px; }

@media screen and (max-width:890px){
	.manage-container .tbl-two-box-boxlist ul li { width:48%; margin-right:2%; margin-bottom:8%;	 }
	.manage-container .tbl-two-box-boxlist ul li:nth-of-type(2n) { margin-right:0; }
}

@media screen and (max-width:640px){
	.manage-container .tbl-two-box-boxlist { padding-bottom:30px;  }
	.manage-container .tbl-two-box-boxlist ul li .box {height:133px; padding-top:17px;  }
	.manage-container .tbl-two-box-boxlist ul li .box span { font-size:17px; padding-top:0; }
	.manage-container .tbl-two-box-boxlist ul li p { font-size:15px;  }


	.manage-container .tbl-two-box-boxlist + p { padding-top:30px; font-size:15px;  }
	.manage-container .tbl-two-box-boxlist + p + div { font-size:16px; }
	.manage-container .tbl-two-box-boxlist + p + div img { width:80px;  }
}







.manage-container .thr-circle-area { font-size:0; }
.manage-container .thr-circle-area > div { display:inline-block; vertical-align:top; width:26.7%; margin-right:9.95%; }
.manage-container .thr-circle-area > div:last-of-type { margin-right:0; }
.manage-container .thr-circle-area .circle { position:relative; }
.manage-container .thr-circle-area .circle > img { width:100%;  }
.manage-container .thr-circle-area .circle > div { position:absolute; left:0; top:0; width:100%; height:100%;  border-radius:50%; background:url("/images/sub/manage_safe_bgpattern.jpg") repeat-x left top; background-size:contain;  }
.manage-container .thr-circle-area .circle .info {position:absolute; left:0; top:50%;	 text-align:center; width:100%; 
transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);-moz-transform:translateY(-50%); -o-transform:translateY(-50%);}
.manage-container .thr-circle-area .circle .info i { display:inline-block; width:73px;height:73px; background-repeat:no-repeat; background-position:center; background-size:contain; }
.manage-container .thr-circle-area .circle .info i.cc1 { background-image:url("/images/sub/manage_safe_color_icon01.png"); }
.manage-container .thr-circle-area .circle .info i.cc2 { background-image:url("/images/sub/manage_safe_color_icon02.png");  }
.manage-container .thr-circle-area .circle .info i.cc3 { background-image:url("/images/sub/manage_safe_color_icon03.png"); }
.manage-container .thr-circle-area .circle .info p { font-size:22px;; color:#fff; font-weight:500; padding-top:20px; line-height:1.3; }

.manage-container .thr-circle-area .t-list { text-align:center; padding-top:20px; }
.manage-container .thr-circle-area .t-list ul {  display:inline-block; text-align:left; width:auto;  }
.manage-container .thr-circle-area .t-list ul li { display:inline-block;  position:relative; padding-left:10px;font-size:18px; color:#222; font-weight:300;  }
.manage-container .thr-circle-area .t-list ul li:after { content:''; position:absolute; left:0; top:13px; width:2px; height:2px; background:#222; }

.manage-container .thr-circle-area > div:nth-of-type(1) .t-list ul ,
.manage-container .thr-circle-area > div:nth-of-type(2) .t-list ul ,
.manage-container .thr-circle-area > div:nth-of-type(3) .t-list ul { padding-left:15%; }
.manage-container .thr-circle-area > div:nth-of-type(3) .t-list ul { padding-left:21%; }



.manage-container .certi-tabcontain { padding-top:70px; }
.manage-container .certi-tabcontain > div { display:none; }
.manage-container .certi-tabcontain > div:first-of-type { display:block;  }

.manage-container .certi-box-list { font-size:0;  font-family:'Montserrat','Noto Sans KR';}
.manage-container .certi-box-list > div { position:relative; min-height:258px;  }
.manage-container .certi-box-list > div + div { padding-top:54px; border-top:1px solid #eee; margin-top:54px;  }
.manage-container .certi-box-list .c-img { position:absolute; left:0; top:0;  }
.manage-container .certi-box-list .c-img:after { content:''; position:absolute; left:5px; top:5px; width:100%; height:100%; background:#f1f1f1; }
.manage-container .certi-box-list .c-img img { position:relative; z-index:5; }
.manage-container .certi-box-list > div + div .c-img { top:54px; }
.manage-container .certi-box-list .info { padding-left:235px; padding-top:22px; }
.manage-container .certi-box-list .info span { display:block; font-size:22px; color:#222; font-weight:500;  padding-bottom:10px; }
.manage-container .certi-box-list .info p { font-size:18px; color:#222; font-weight:300; 	 }
.manage-container .certi-box-list .info .btn { padding-top:25px;  }



a.box-certibox { display:inline-block; vertical-align:top; width:208px; height:43px; line-height:43px; border:1px solid #222; text-align:center;  font-size:18px; color:#222; font-weight:300;}
a.box-certibox i { display:inline-block; vertical-align:middle; width:24px; height:24px; background-repeat:no-repeat; background-position:center; background-size:contain; background-image:url("/images/sub/icon_searchbar.png"); margin:0 10px 4px 0; }


@media screen and (max-width:1000px){
	.manage-container .thr-circle-area .circle .info i { width:60px; height:60px;  }
	.manage-container .thr-circle-area .circle .info p { font-size:16px; padding-top:10px;  }

	.manage-container .thr-circle-area > div:nth-of-type(1) .t-list ul ,
	.manage-container .thr-circle-area > div:nth-of-type(2) .t-list ul ,
	.manage-container .thr-circle-area > div:nth-of-type(3) .t-list ul { padding-left:0%; } 
	.manage-container .thr-circle-area .t-list ul li { display:block; font-size:16px; }

	.manage-container .certi-tabcontain { padding-top:20px;  }
	.manage-container .certi-box-list .info { padding-top:0; padding-left:185px; }
	.manage-container .certi-box-list .c-img img { width:150px;  }
}

@media screen and (max-width:640px){
	.manage-container { padding-bottom:50px;  }
	.manage-container .thr-circle-area > div { width:100%;	margin-right:0; }
	.manage-container .thr-circle-area > div + div { margin-top:20px;  }
	.manage-container .thr-circle-area .circle { margin-left:20%;  width:60%; }
	.manage-container .thr-circle-area .t-list { padding-top:15px;   }

	.manage-container .thr-circle-area .t-list ul li { font-size:15px;  }

	.thdepth-tbn-area.retpad.intab-certi { padding-left:0; padding-right:0; }


	.manage-container .certi-box-list .c-img img { width:100px; }
	.manage-container .certi-box-list .info { padding-left:125px;  }
	.manage-container .certi-box-list .info span { font-size:16px; }
	.manage-container .certi-box-list .info p { font-size:15px;  }
	.manage-container .certi-box-list > div + div { padding-top:30px; margin-top:30px; 	 }
	.manage-container .certi-box-list > div + div .c-img { top:30px; }

	a.box-certibox { width:150px; height:40px; line-height:40px; font-size:15px;  }
	a.box-certibox i  { width:20px; height:20px;  }
}

@media screen and (max-width:640px){
	.manage-container01 { padding-bottom:50px;  }
	.manage-container01 .thr-circle-area > div { width:100%;	margin-right:0; }
	.manage-container01 .thr-circle-area > div + div { margin-top:20px;  }
	.manage-container01 .thr-circle-area .circle { margin-left:20%;  width:60%; }
	.manage-container01 .thr-circle-area .t-list { padding-top:15px;   }

	.manage-container01 .thr-circle-area .t-list ul li { font-size:15px;  }

	.thdepth-tbn-area.retpad.intab-certi { padding-left:0; padding-right:0; }


	.manage-container01 .certi-box-list .c-img img { width:100px; }
	.manage-container01 .certi-box-list .info { padding-left:125px;  }
	.manage-container01 .certi-box-list .info span { font-size:16px; }
	.manage-container01 .certi-box-list .info p { font-size:15px;  }
	.manage-container01 .certi-box-list > div + div { padding-top:30px; margin-top:30px; 	 }
	.manage-container01 .certi-box-list > div + div .c-img { top:30px; }

	a.box-certibox { width:150px; height:40px; line-height:40px; font-size:15px;  }
	a.box-certibox i  { width:20px; height:20px;  }
}



.manage-container .tit-grn-area { font-size:48px; color:#222; font-family:'Montserrat'; letter-spacing:-1px; padding:35px 0 20px;     border-bottom: 1px solid #222;}
.manage-container .tit-grn-area span { color:#06be0f; font-weight:600;  }



.manage-container01 .tit-grn-area01 { font-size:48px; color:#222; font-weight:600; font-family:'Montserrat'; letter-spacing:-1px; padding:20px 0 20px;
padding-bottom: 13px; margin-bottom: 13px; border-bottom: 1px solid #222;}
.manage-container01 .tit-grn-area01 span { color:#06be0f; }

.manage-container01 .enviro-cir-boxes { font-size:0; padding-top:43px;     padding-bottom: 100px;  }
.manage-container01 .enviro-cir-boxes > div { display:inline-block; vertical-align:top; width:32%; margin-right:2%; box-sizing:border-box; border:1px solid #cfcfcf; padding:50px 10px; background:#fff;
transition:all .3s ease; -webkit-transition:all .3s ease; -ms-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease;}
.manage-container01 .enviro-cir-boxes > div:last-of-type { margin-right:0; }
.manage-container01 .enviro-cir-boxes > div:hover { box-shadow:10px 10px 0 0 rgba(0,0,0,0.05); }
.manage-container01 .enviro-cir-boxes img { max-width:100%;  }
.manage-container01 .enviro-cir-boxes .info { padding-top:20px;  }
.manage-container01 .enviro-cir-boxes .info > span { display:block; font-size:22px; color:#222; font-weight:500; }
.manage-container01 .enviro-cir-boxes ul { display:inline-block; text-align:left; padding-top:10px;  }
.manage-container01 .enviro-cir-boxes ul li { position:relative; padding-left:10px; font-size:18px; color:#222; font-weight:300;  }
.manage-container01 .enviro-cir-boxes ul li:after { content:''; position:absolute; left:0; top:13px; width:3px; height:3px; background:#222; }
.manage-container01 .enviro-cir-boxes .btn { padding-top:30px;  }

.manage-container01 .enviro-cir-boxes { font-size:0; padding-top:43px; text-align:center;  }
.manage-container01 .enviro-cir-boxes > div { display:inline-block; vertical-align:top; width:32%; margin-right:2%; box-sizing:border-box; border:1px solid #cfcfcf; padding:50px 10px; background:#fff;
transition:all .3s ease; -webkit-transition:all .3s ease; -ms-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease;}
.manage-container01 .enviro-cir-boxes > div:last-of-type { margin-right:0; }
.manage-container01 .enviro-cir-boxes > div:hover { box-shadow:10px 10px 0 0 rgba(0,0,0,0.05); }
.manage-container01 .enviro-cir-boxes img { max-width:100%;  }
.manage-container01 .enviro-cir-boxes .info { padding-top:20px;  }
.manage-container01 .enviro-cir-boxes .info > span { display:block; font-size:22px; color:#222; font-weight:500; }
.manage-container01 .enviro-cir-boxes ul { display:inline-block; text-align:left; padding-top:10px;  }
.manage-container01 .enviro-cir-boxes ul li { position:relative; padding-left:10px; font-size:18px; color:#222; font-weight:300;  }
.manage-container01 .enviro-cir-boxes ul li:after { content:''; position:absolute; left:0; top:13px; width:3px; height:3px; background:#222; }
.manage-container01 .enviro-cir-boxes .btn { padding-top:30px;  }


.kakao-channel {
	position:absolute;left:0;right:0;bottom:-50px;font-size:16px;border-radius:5px;padding: 9px 0 11px 20px;margin-left:50px;
	background-size: 8%;background-color: #fee500;background-image: url("/images/kakao_chnnel_plus.png");background-repeat: no-repeat;background-position: right 15px top 11px;
}
.kakao-channel > .kakao-channel-icon {position:absolute;left: -50px;top:0;width:auto !important;height:auto !important;}
.kakao-channel > em {font-weight:bold;}

.manage-container .enviro-cir-boxes { font-size:0; padding-top:43px; text-align:center;  }
.manage-container .enviro-cir-boxes > div { display:inline-block; vertical-align:top; width:32%; margin-right:2%; box-sizing:border-box; border:1px solid #cfcfcf; padding:50px 10px; background:#fff;
transition:all .3s ease; -webkit-transition:all .3s ease; -ms-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease;}
.manage-container .enviro-cir-boxes > div:last-of-type { margin-right:0; }
.manage-container .enviro-cir-boxes > div:hover { box-shadow:10px 10px 0 0 rgba(0,0,0,0.05); }
.manage-container .enviro-cir-boxes img { max-width:100%;  }
.manage-container .enviro-cir-boxes .info { padding-top:20px;  }
.manage-container .enviro-cir-boxes .info > span { display:block; font-size:22px; color:#222; font-weight:500; }
.manage-container .enviro-cir-boxes ul { display:inline-block; text-align:left; padding-top:10px; max-width: 80%; }
.manage-container .enviro-cir-boxes ul li { position:relative; padding-left:10px; font-size:18px; color:#222; font-weight:300;  }
.manage-container .enviro-cir-boxes ul li:after { content:''; position:absolute; left:0; top:13px; width:3px; height:3px; background:#222; }
.manage-container .enviro-cir-boxes .btn { padding-top:30px;  }


.ma-envi-layer-contain { display:none; z-index:200; position:fixed; left:0; top:0; width:100%; height:100%;  }
.ma-envi-layer-contain .melc-blind { position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);	 }
.ma-envi-layer-contain .inlayer { position:absolute; left:50%; top:50%; max-width:1400px; width:100%;  max-height:800px; background:#fff; box-sizing:border-box; /* padding:45px 95px; */ border:1px solid #cfcfcf; height:100%;  
box-shadow:2px 2px 10px 0px rgba(0,0,0,0.2);
transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}

.ma-envi-layer-contain .inlayer > div { display:none; height:100%;  }
.ma-envi-layer-contain.one .inlayer > div { display:block; }


.ma-envi-layer-contain.mov-layer .inlayer { max-width:1200px; max-height:none;  height:auto; }
.ma-envi-layer-contain.mov-layer .me-layer-box .me-title { margin-bottom:0; padding:0;  padding-bottom:0; border:0; }
.ma-envi-layer-contain.mov-layer .me-layer-box .me-title a.btn-lay-close { right:25px; top:10px;  background-image:url("/images/common/btn_close_x.png"); background-size:30px; }
.ma-envi-layer-contain.mov-layer .me-layer-box .inscr-box { height:auto; padding:60px 30px 30px 30px; }


.ma-envi-layer-contain.mcopy-layer .inlayer { max-width:1200px; max-height:none; height:auto; }
.ma-envi-layer-contain.mcopy-layer .me-layer-box .me-title { margin-bottom:0; padding:0;  padding-bottom:0; border:0; }
.ma-envi-layer-contain.mcopy-layer .me-layer-box .me-title a.btn-lay-close { 
	right:25px; top:10px;  background-image:url("/images/common/btn_close_x.png"); background-size:30px; z-index:10000;
}
.ma-envi-layer-contain.mcopy-layer .me-layer-box .inscr-box { height:auto; padding:60px 30px 30px 30px; }




.embed-youtube {position: relative;width: 100%;height: 100%;}
.embed-youtube iframe {width: 100%;height: 635px;} 


.ma-envi-layer-contain.safe .inlayer { width:auto; max-width:none;  max-height:none; height:auto;  }
.ma-envi-layer-contain.safe .inlayer > div { height:auto;  }
.ma-envi-layer-contain.safe .inlayer a.btn-closesafe { position:absolute; right:0; top:0; width:50px; height:50px; background-repeat:no-repeat; background-position:center;  background-image:url("/images/common/btn_close_x.png"); background-size:30px;  }
.ma-envi-layer-contain.safe .inlayer img { max-width:500px; max-height:100%; }



@media screen and (max-width:1440px){
	.ma-envi-layer-contain .inlayer { width:calc(100% - 40px); }
}

@media screen and (max-width:1024px){
	.manage-container .enviro-cir-boxes img { width:180px; }
	.manage-container .enviro-cir-boxes .info > span { font-size:18px; }
	.manage-container .enviro-cir-boxes ul li { font-size:15px; }
	.manage-container .enviro-cir-boxes ul li:after { top:10px; }

	.manage-container .enviro-cir-boxes .btn a.box-certibox { width:90%;  }

	.ma-envi-layer-contain .inlayer { /* padding:30px 50px; */ }

}

@media screen and (max-width:900px){
	.embed-youtube iframe {height:465px;}
}




@media screen and (max-width:768px){
	.manage-container .enviro-cir-boxes > div { width:100%; }
	.manage-container .enviro-cir-boxes > div + div { margin-top:20px; }

	.manage-container .enviro-cir-boxes img { width:200px;  }

	
}

@media screen and (max-width:640px){
	.manage-container .enviro-cir-boxes > div { padding:30px 10px; }

	.embed-youtube iframe {height:210px;}

	.ma-envi-layer-contain.safe .inlayer img { max-width:300px; }
	.manage-container .tit-grn-area {
    font-size: 30px;
}}






.me-layer-box { height:100%; }
.me-layer-box .inscr-box { overflow-y:auto; height:calc(100% - 137px);	overflow-x:hidden; box-sizing:border-box; padding:40px;  }
.me-layer-box .me-title {position:relative; font-size:48px; font-weight:600; color:#222; /* padding-bottom:50px; */ padding:40px; padding-right:50px; line-height:1.2; }
.me-layer-box .me-title.unline { padding-bottom:35px; /* margin-bottom:40px; */ border-bottom:1px solid #222;  }
.me-layer-box .me-title a.btn-lay-close { position:absolute; right:40px; top:40px; width:37px; height:43px; background:url("/images/common/btn_closex_he.png") no-repeat center; background-size:contain;  }
.me-layer-box .me-title em { display:inline-block;  font-size:36px; color:#666; font-weight:600;  font-family: 'Montserrat';  }
.me-layer-box .inbox {  }
.me-layer-box .inbox + .inbox { margin-top:80px;}
.me-layer-box .inbox > span { display:block; font-size:30px; color:#222; font-weight:500;}
.me-layer-box .inbox > span.unline { padding-bottom:15px; border-bottom:1px solid #222; margin-bottom:15px;  }
.me-layer-box .inbox p { font-size:18px; color:#222; font-weight:300;  }

.text-box-wrap-03 .img-box-wrap .sub-title {margin-bottom: 0.5rem; font-weight: 400;}
.me-layer-box .inbox p + span { margin-top:30px; }
.me-layer-box .inbox ul.cir-list {  padding-top:20px;}
.me-layer-box .inbox ul.cir-list li {position:relative; display:table;	min-height:130px; padding-left:140px; }
.me-layer-box .inbox ul.cir-list li + li { margin-top:10px;  }
.me-layer-box .inbox ul.cir-list li img { position:absolute; left:0; top:0;  }
.me-layer-box .inbox ul.cir-list li dl { display:table-cell; vertical-align:middle; padding-left:10px; }
.me-layer-box .inbox .cir-un-box { position:relative; margin-top:35px; padding-top:33px; padding-right: 410px; }
.me-layer-box .inbox .cir-un-box img { position:absolute; right:0; top:0;  }

.me-layer-box .inbox .co2-box-area { position:relative; height:195px; margin-top:20px; }
.me-layer-box .inbox .co2-box-area > img {position:absolute; left:0; top:0;  }
.me-layer-box .inbox .co2-box-area > div { padding-left:390px; padding-top:30px; 	height:192px; box-sizing:border-box; 	}
.me-layer-box .inbox .co2-box-area > div p { padding:20px 45px; background:#f3f3f3; border-radius:45px; }

.me-layer-box .inbox .intable { }
.me-layer-box .inbox .intable table.pper-table-style {  }
.me-layer-box .inbox .intable table.pper-table-style colgroup col:nth-of-type(1) { width:15%; }
.me-layer-box .inbox .intable table.pper-table-style colgroup col:nth-of-type(3) { width:50%; }
.me-layer-box .inbox .intable table.pper-table-style td {padding-left:15px; padding-right:15px; word-break:keep-all; }
.me-layer-box .inbox .intable table.pper-table-style td ul {font-size:0;  padding-top:20px;}
.me-layer-box .inbox .intable table.pper-table-style td ul li { display:inline-block; vertical-align:top; width:48%;  box-sizing:border-box; font-size:16px; color:#666; font-weight:400; padding-left:8px; margin-top:10px; }
.me-layer-box .inbox .intable table.pper-table-style td ul li.intable_tit {width:100%; font-size:16px; color:#222; font-weight:600; padding-left:0;}
.me-layer-box .inbox .intable table.pper-table-style td ul li.intable_tit:after {display: none;}
.me-layer-box .inbox .intable table.pper-table-style td ul li:after { content:''; position:absolute; left:0; top:8px; width:2px; height:2px; background:#222; }

.me-layer-box .inbox .intable + .lebox-area { position:relative; margin-top:40px; padding-top:36px; padding-left:316px; padding-right:10px; padding-bottom:40px; }
.me-layer-box .inbox .intable + .lebox-area img { position:absolute; left:0; top:0; }


dl.dot-dd dd { position:relative; padding-left:10px; font-size:18px; color:#222; font-weight:300; line-height:1.8; font-family:'Montserrat','Noto Sans KR';}
dl.dot-dd dd:after { content:''; position:absolute; left:0; top:17px; width:2px; height:2px; background:#222; }

@media all and (-ms-high-contrast:none){ /*익스전용*/
	.me-layer-box .inbox:last-of-type { padding-bottom:50px;  }
}

.me-layer-box .inscr-box .cer_bigbox { text-align:center;  }
.me-layer-box .inscr-box .cer_bigbox img { max-width:100%;  }


.me-layer-box .inbox .four-system-imgs { font-size:0;  }
.me-layer-box .inbox .four-system-imgs ul {  }
.me-layer-box .inbox .four-system-imgs ul li { display:inline-block; vertical-align:top; width:23.5%; margin-right:3%; }
.me-layer-box .inbox .four-system-imgs ul li:last-of-type {width:18.8%;   margin-right:0;}
.me-layer-box .inbox .four-system-imgs ul li p { font-size:18px; color:#222; font-weight:500; padding-bottom:10px;  }
.me-layer-box .inbox .four-system-imgs ul li .img { position:relative; }
.me-layer-box .inbox .four-system-imgs ul li .img:after { content:''; position:absolute; left:10px; top:35px; width:100%; height:105%; background:#f1f1f1; }
.me-layer-box .inbox .four-system-imgs ul li .img img { position:relative; z-index:1; width:100%;  }
.me-layer-box .inbox .four-system-imgs ul li span {position:relative; z-index:1; display:block; text-align:right; font-size:16px; color:#666; font-weight:300; padding-top:10px;  }

.me-layer-box .inbox .round-box-state { margin-top:20px; }
.me-layer-box .inbox .round-box-state > div {  }
.me-layer-box .inbox .round-box-state > div + div { margin-top:40px;	 }
.me-layer-box .inbox .round-box-state > div span { display:block;font-size:18px; color:#222; font-weight:500; }
.me-layer-box .inbox .round-box-state > div p { padding-top:10px; }
.me-layer-box .inbox .round-box-state > div ul { padding-top:20px; font-size:0; }
.me-layer-box .inbox .round-box-state > div ul li { display:inline-block; vertical-align:top; width:30%; margin-right:5%; height:90px; border-radius:45px; text-align:center; color:#fff; font-size:18px; font-weight:300; box-sizing:border-box; padding-top:20px; line-height:1.5;}
.me-layer-box .inbox .round-box-state > div ul li b { font-weight:500;  }
.me-layer-box .inbox .round-box-state > div ul li:nth-of-type(3n) { margin-right:0; }
.me-layer-box .inbox .round-box-state > div ul li:nth-of-type(1) { background:#999; }
.me-layer-box .inbox .round-box-state > div ul li:nth-of-type(2) { background:#89c053; }
.me-layer-box .inbox .round-box-state > div ul li:nth-of-type(3) { background:#44a632; }

.me-layer-box .inbox .round-box-state + dl.dot-dd { margin-top:40px;  }


@media screen and (max-width:1400px){
	.me-layer-box .inbox .intable + .lebox-area { padding-top:0; }
}



@media screen and (max-width:1024px){
	.me-layer-box .me-title { padding:30px; font-size:40px; }
	.me-layer-box .me-title.unline { font-size:40px;  }
	.me-layer-box .me-title a.btn-lay-close { right:30px; top:30px; }

	.me-layer-box .inbox .cir-un-box img { top:40px;  }

	.me-layer-box .inbox ul.cir-list li {	min-height:100px; padding-left:110px;  }
	.me-layer-box .inbox ul.cir-list li img { width:100px;  }

	.me-layer-box .inbox .co2-box-area > div p br { display:none;   }
	.me-layer-box .inbox .co2-box-area > img { width:300px; }
	.me-layer-box .inbox .co2-box-area > div  { padding-left:320px; padding-top:10px;  }



	.me-layer-box .me-title em { font-size:27px; }
}

@media screen and (max-width:900px){
	.me-layer-box .inbox .cir-un-box { padding-right:0; }
	.me-layer-box .inbox .cir-un-box img { position:relative; right:auto; top:auto;  }
	.me-layer-box .inbox .cir-un-box dl.dot-dd { padding-bottom:20px;  }

	.me-layer-box .inbox .co2-box-area > img { width:240px; top: 33px; }
	.me-layer-box .inbox .co2-box-area > div { padding-left:250px;  }


	.me-layer-box .inbox .intable + .lebox-area { padding-left:0; }
	.me-layer-box .inbox .intable + .lebox-area > div { padding-top:10px; }
	.me-layer-box .inbox .intable + .lebox-area img { position:relative; left:auto; top:auto; }
	
	.me-layer-box .inbox .round-box-state > div ul li { font-size:14px;  }
}

@media screen and (max-width:640px){
	.ma-envi-layer-contain .inlayer { height:calc(100% - 30px); width: calc(100% - 20px);  /* padding: 30px 20px; */ }
	.me-layer-box .me-title {font-size:20px; padding-bottom:30px; padding:20px; } 
	.me-layer-box .me-title.unline { font-size:20px;  }

	.me-layer-box .me-title a.btn-lay-close { width:21px; height:29px; right: 20px; top: 16px; }
	.me-layer-box .me-title.unline { padding-bottom:13px; /* margin-bottom:19px; */  }

	.me-layer-box .inbox > span { font-size:22px; }
	.me-layer-box .inbox p { font-size:15px;  }

	dl.dot-dd dd { font-size:15px; line-height: 1.5;}
	dl.dot-dd dd:after { top:13px; }
	.me-layer-box .inbox ul.cir-list li { padding-left:90px; min-height:80px; }
	.me-layer-box .inbox ul.cir-list li img { width:80px; }
	
	.me-layer-box .inbox .co2-box-area { height:auto;  }
	.me-layer-box .inbox .co2-box-area > div { height:auto;  }
	.me-layer-box .inbox .co2-box-area > img { position:relative; left:auto; top:auto;  }
	.me-layer-box .inbox .co2-box-area > div { padding-left:0; }
	.me-layer-box .inbox .co2-box-area > div p {padding:20px 26px;  }

	.me-layer-box .inscr-box { height: calc(100% - 65px); padding:20px; }
	

	.me-layer-box .inbox .four-system-imgs ul li { width:49%; margin-right:2%;  margin-bottom:8%; }
	.me-layer-box .inbox .four-system-imgs ul li:nth-of-type(2n) { margin-right:0; }
	.me-layer-box .inbox .four-system-imgs ul li:last-of-type { width:49%;  }
	.me-layer-box .inbox .four-system-imgs ul li:last-of-type img { width:80%; }
	.me-layer-box .inbox .four-system-imgs ul li p { font-size:14px;  }



	.me-layer-box .inbox .round-box-state > div ul li { width:100%; margin-right:0;  height: 63px; padding-top: 11px;}
	.me-layer-box .inbox .round-box-state > div ul li + li { margin-top:10px;  }


	.me-layer-box .me-title em {font-size:16px;  }

}




.pp-layinbox-top {position:relative; font-size:0;}
.pp-layinbox-top .img { position:absolute; left:0; top:0; width:330px; height:330px; }
.pp-layinbox-top .img img { width:100%; height:100%; }
.pp-layinbox-top .infobox { padding-left:400px; }
.pp-layinbox-top .infobox .in-list {  }
.pp-layinbox-top .infobox .in-list > div { position:relative; padding-left:190px;	min-height:60px; padding-bottom:15px;  }
.pp-layinbox-top .infobox .in-list > div > span {position:absolute; left:0; top:3px; font-size:20px; color:#222; font-weight:500; line-height:1.3; }
.pp-layinbox-top .infobox .in-list > div > span em { font-size:16px; color:#666; font-weight:400; font-family:'Montserrat'; }
.pp-layinbox-top .infobox .in-list > div > p { font-size:18px; color:#222; font-weight:300;  }
.pp-layinbox-top .infobox .in-list > div > p span + span { margin-left:20px;  }
.pp-layinbox-top .infobox .btn { padding-top:58px;  }
.pp-layinbox-top .infobox .btn a { 
	display:inline-block; vertical-align:top; height:46px; line-height:44px; text-align:center; font-size:18px; color:#fff; background:#222; margin-right:3%;
	padding-left:3%;padding-right:3%;box-sizing: border-box;
}
.pp-layinbox-top .infobox .btn a:last-of-type { margin-right:0;}

.pp-layinbox-cont { margin-top:80px; font-size:0; }
.pp-layinbox-cont > div + div { margin-top:70px;  }
.pp-layinbox-cont > div > p.tt { font-size:24px; color:#222; font-weight:500;  }
.pp-layinbox-cont .rud-box {overflow: hidden;}
.pp-layinbox-cont .rud-box > div {clear: both; 
	display:inline-block; vertical-align:top; width:100%;position:relative;float:left;margin-left:-10px;margin-right:-10px;
}
.clear-fix {clear: both;}
.pp-layinbox-cont .rud-box .round {
	position:relative; height:60px; border:1px solid #000; border-radius:30px; box-sizing:border-box; padding:0 55px; line-height:58px;  font-size:18px; color:#222; font-weight:300; margin-top:20px;float:left;margin-left:10px;margin-right:10px;width:48%;
}
.pp-layinbox-cont .rud-box .round .btnbox { position:absolute; right:45px; top:50%; height:38px; line-height:38px; margin-top:-19px;  }
.pp-layinbox-cont .rud-box .round .btnbox a { display:inline-block; vertical-align:middle; padding-left:25px; font-size:16px;  font-family:'Montserrat'; font-weight:600; background:url("/images/common/icon_docu_paper.png") no-repeat left center; background-size:18px 20px;	 }
.pp-layinbox-cont .rud-box .round .btnbox a u { text-decoration:none; padding-bottom:3px; padding-bottom:3px;}
.pp-layinbox-cont .rud-box .round .btnbox a:hover u { border-bottom:2px solid #222; padding-bottom:1px; }
.pp-layinbox-cont .rud-box .round .btnbox a + a { margin-left:20px; }


@media screen and (max-width:1290px){
	.pp-layinbox-top .infobox { padding-left:320px; }
	.pp-layinbox-top .img { width:280px; height:280px; }

	.pp-layinbox-top .infobox .btn a { font-size:16px;  }

	.pp-layinbox-top .infobox .in-list > div > span {font-size:18px; }
	.pp-layinbox-top .infobox .in-list > div > span em { font-size:14px;  } 
	.pp-layinbox-top .infobox .in-list > div > p { font-size:16px;  }
	
	.kakao-channel {font-size:14px !important;padding: 9px 0 11px 15px !important;background-position: right 10px top 10px !important;}
}

@media screen and (max-width:1225px){
	.pp-layinbox-cont .rud-box .round { padding:0 24px;width:100%; }
	.pp-layinbox-cont .rud-box .round .btnbox { right:20px; }
}


@media screen and (max-width:1024px){
	.pp-layinbox-cont .rud-box > div { width:100%; }
	.pp-layinbox-cont .rud-box > div + div { margin-left:0; }
}


@media screen and (max-width:970px){
	.pp-layinbox-top .img { width:200px; height:200px;  }
	.pp-layinbox-top .infobox { padding-left:230px;  }

	.pp-layinbox-top .infobox .btn a { font-size:14px;  }
	
	.kakao-channel {font-size:12px !important;bottom:-40px;padding: 7px 0 9px 8px !important;margin-left:35px !important;letter-spacing: -1px;}
	.kakao-channel > .kakao-channel-icon {left: -35px;width:30px !important; height:auto !important;}
}

@media screen and (max-width:900px){
	.pp-layinbox-top { text-align:center;}
	.pp-layinbox-top .img { position:relative; left:auto; top:auto;  width:330px; height:330px;  display:inline-block;	 }
	.pp-layinbox-top .infobox { padding-left:0; text-align:left; margin-top:40px;  }
	
	.kakao-channel {
		position:relative;font-size:16px !important;bottom:-10px !important;padding: 9px 40px 9px 20px !important;margin-left:55px !important;letter-spacing: unset;
		background-position: right 10px top 8px !important;
	}
	.kakao-channel > .kakao-channel-icon {left: -55px;width:auto !important; height:auto !important;}
}

@media screen and (max-width:640px){
	.pp-layinbox-cont { margin-top:35px; }
	.pp-layinbox-cont > div + div { margin-top:40px;  }
	.pp-layinbox-cont > div > p.tt { font-size:18px;  }
	.pp-layinbox-cont .rud-box .round { font-size:15px; height: 48px; line-height: 47px;width:100%; }
	.pp-layinbox-cont .rud-box .round .btnbox a { font-size:14px;  background-size:12px 15px;	 padding-left: 18px;}
	.pp-layinbox-cont .rud-box .round .btnbox a + a { margin-left:13px;  }

	.pp-layinbox-top .infobox .in-list > div { padding-left:140px; .pp-layinbox-top .infobox .in-list > div}
	.pp-layinbox-top .infobox .in-list > div > span { font-size:15px; }
	.pp-layinbox-top .infobox .in-list > div > span em { font-size:12px;  }

	.pp-layinbox-top .infobox .in-list > div > p { font-size:15px;  }

	.pp-layinbox-top .infobox .btn { padding-top:30px;  }
	.pp-layinbox-top .infobox .btn a { display:block; height:40px; line-height:40px;width:100%;  margin-right:0; margin-bottom:2%; }
	.pp-layinbox-top .infobox .btn a:last-of-type { width:100%;  } 
}

@media screen and (max-width:420px){
	.pp-layinbox-top .img { width:100%; height:80vw; }
	.kakao-channel {
		font-size:14px !important;bottom:-40px;padding: 7px 40px 9px 8px !important;margin-left:35px !important;letter-spacing: -1px;
		background-position-y:8px !important; 
	}
	.kakao-channel > .kakao-channel-icon {left: -35px;width:30px !important; height:auto !important;}
}

@media screen and (max-width:390px){
	
	.pp-layinbox-cont .rud-box .round { padding:0 15px;  margin-top:9px; font-size:13px; }
	.pp-layinbox-cont .rud-box .round .btnbox { right:13px; }
	.pp-layinbox-cont .rud-box .round .btnbox a { font-size:13px; padding-left: 15px; }
	.pp-layinbox-cont .rud-box .round .btnbox a + a { margin-left:9px; }
	
}



























/*종이비행기 대회 - 대화소개 ~ */

.airplaneintro-imgbox { font-size:0;  }
.airplaneintro-imgbox img { display:inline-block; vertical-align:top; width:33.3333333%; }

@media screen and (max-width:640px){
	.airplaneintro-imgbox { padding-top:30px;  }
	.airplaneintro-imgbox img {width: 100%; margin-bottom: 20px;}
}




.airplan-title { font-size:24px; color:#222; border-bottom:1px solid #222; height:64px; line-height:64px;   }
.airplan-title em { font-size:18px;  }
@media screen and (max-width:640px){
	.airplan-title { font-size:18px; height:50px; line-height:50px;  }
}




.airplan-tbl-contain { padding-top:85px;  }
.airplan-tbl-contain .topmargin { margin-top:75px;  }
.air-league-area { }
.air-league-area .circle-two { position:relative; font-size:0; padding:57px 0 67px;   }
.air-league-area .circle-two > div {position:relative; z-index:1; display:inline-block; vertical-align:top; width:50%; text-align:center;  }
.air-league-area .circle-two > div .cir-box { display:inline-block; width:150px; height:150px; line-height:150px;  border-radius:50%; background-color:#222; font-size:24px; color:#fff; }
.air-league-area .circle-two > div .cir-box.gray { background-color:#555;  }
.air-league-area .circle-two > div > p { font-size:16px; coloR:#666; padding-top:27px; padding-left:20px; padding-right:20px; }
.air-league-area .circle-two > div > p span { display:block; font-size:18px; color:#222;  }
.air-league-area .circle-two > i { position:absolute; left:50%; top:130px; width:600px; margin-left:-300px;  height:1px; background-color:#e0e0e0;  }
.air-league-area .circle-two > i:after { content:''; position:absolute; left:50%; top:0; width:1px; height:222px; background-color:#e0e0e0;  }
@media screen and (max-width:900px){
	.air-league-area .circle-two > i {  width:320px; margin-left:-160px; }
}
@media screen and (max-width:640px){
	.air-league-area .circle-two { padding:35px 0; }
	.air-league-area .circle-two > i  { display:none; }

	.air-league-area .circle-two > div .cir-box { width:100px; height:100px; line-height:100px;  font-size:18px;  }
	.air-league-area .circle-two > div > p { font-size:13px; padding-top:18px; padding-left:10px; padding-right:10px;  }
	.air-league-area .circle-two > div:first-of-type > p { padding-left:0; }
	.air-league-area .circle-two > div:last-of-type > p { padding-right:0; }
	.air-league-area .circle-two > div > p span { font-size:15px;  }

	.airplan-tbl-contain .topmargin { margin-top:30px; }

}



.airplan-event-list { max-width:800px; margin:0 auto; font-size:0;  }
.airplan-event-list > div { display:inline-block; vertical-align:top; width:32%; margin-right:2%; }
.airplan-event-list > div:last-of-type { margin-right:0;  }

.airplan-event-list > div p { text-align:center; font-size:18px; height:56px; line-height:56px; box-sizing:border-box; border:1px solid #e0e0e0; background-color:#f5f5f5; font-weight:300; text-align:center;}
.airplan-event-list > div p + p { margin-top:7px;  }
.airplan-event-list > div p.top { background-color:#fff; border-color:#222; font-weight:400;}
.airplan-event-text{ text-align:center; font-size:18px; padding-top:50px; word-break:keep-all; }

@media screen and (max-width:640px){
	.airplan-event-list > div p { font-size:15px; height:45px; line-height:45px;  }
	.airplan-event-list > div p + p { margin-top:4px; }
	.airplan-event-text { font-size:15px;  }
}
@media screen and (max-width:370px){
	.airplan-event-list > div p { font-size:13px; height:40px; line-height:40px;  }
	
}





.box-verlist-area { padding-bottom:45px; }
.box-verlist-area .oneline { position:relative; min-height:180px; margin-top:20px; }
.box-verlist-area .oneline .box {position:absolute; left:0; top:0;  width:180px; height:180px; border:1px solid #222; line-height:180px; font-size:20px; color:#222; text-align:center; }
.box-verlist-area .oneline .info-list { padding-left:212px; padding-top:17px;  }
.box-verlist-area .oneline .info-list ul {  }
.box-verlist-area .oneline .info-list li { position:relative; padding-left:105px; font-size:18px; color:#222; font-weight:300;  }
.box-verlist-area .oneline .info-list li + li { margin-top:10px;  }
.box-verlist-area .oneline .info-list li span { position:absolute; left:0; top:0; display:inline-block; font-size:18px; color:#666; }


@media screen and (max-width:1150px){
	.box-verlist-area .oneline + .oneline { margin-top:70px;  }
	.box-verlist-area .oneline .info-list { padding-top:0; }
}
@media screen and (max-width:640px){
	.box-verlist-area .oneline .box { width:120px; height:120px; line-height:120px; font-size:15px;  }
	.box-verlist-area .oneline .info-list { padding-left:142px;  }
	.box-verlist-area .oneline .info-list li { padding-left: 77px; }
	.box-verlist-area .oneline .info-list li ,
	.box-verlist-area .oneline .info-list li span { font-size:15px;  }
}
@media screen and (max-width:500px){
	.box-verlist-area .oneline .box { position:relative; left:auto; top:auto; width:100%; height:40px; line-height:38px; text-align:left; padding-left:10px; box-sizing:border-box;  }
	.box-verlist-area .oneline .info-list { padding-left:0; padding-top:10px; }
	.box-verlist-area .oneline + .oneline { margin-top:40px;  }
}










.airplan-tbl-contain .btn-area { text-align:center; font-size:0; }
.airplan-tbl-contain .btn-area.padwith { padding:45px 0 150px; }
.airplan-tbl-contain .btn-area a + a { margin-left:6px;  }

.airplan-tbl-contain p.ap-txt { font-size:18px; color:#222; font-weight:300; margin-top:16px;  }
.airplan-tbl-contain p.ap-txt b  { font-weight:500;  }

.airplan-tbl-contain p.tbl-txt { font-size:16px; color:#666; font-weight:300; margin-top:16px;  }

.airplan-tbl-contain .tbl-name { text-align:center; font-size:18px; color:#222; height:49px; line-height:49px;  }

a.blackboxbtn { display:inline-block; width:210px; height:46px; line-height:46px; text-align:center; font-size:18px; color:#fff; background-color:#222; }
@media screen and (max-width:640px){
	a.blackboxbtn { height:36px; line-height:36px; font-size:15px; width:180px;  }
	.airplan-tbl-contain p.ap-txt { font-size:15px;  }

	.airplan-tbl-contain .btn-area.padwith { padding:30px 0 100px; }

	.airplan-tbl-contain p.tbl-txt { font-size:14px;  }


}
@media screen and (max-width:420px){
	.airplan-tbl-contain .btn-area.twowide a { display:inline-block; width:49%; }
	.airplan-tbl-contain .btn-area.twowide a + a { margin-left:2%;  }
}






table. { width:100%; border-collapse: collapse; border-spacing: 0;  border-top:1px solid #ccc;}
table..lineother { border-top:1px solid #eee;  }
table..botmargin { margin-bottom:5px; }
table. th { background-color:#f9f9f9;  }
table. th,
table. td { border-right:1px solid #eee; border-bottom:1px solid #eee; font-size:18px; color:#666; text-align:center; font-weight:300;  padding:11px 20px; }
table. .le { text-align:left; }
table. td.bd { color:#222; }

table. td:last-of-type ,
table. th:last-of-type { border-right:0;  }

table. colgroup.s1 col:nth-of-type(1) { width:113px; }
table. colgroup.s1 col:nth-of-type(2) { width:135px; }
table. colgroup.s1 col:nth-of-type(3) { width:75px; }
table. colgroup.s1 col:nth-of-type(5) { width:264px; }

.motab-chlayout { display:none; }
.motab-chlayout > div + div { margin-top:30px;  }


@media screen and (max-width:1300px){
	.airplan-tbl-contain { padding-left:50px; padding-right:50px; }
}
@media screen and (max-width:1024px){
	table..pcver { display:none; }
	.motab-chlayout { display:block; }
	.motab-chlayout table. br { display:none; }
}

@media screen and (max-width:640px){
	.airplan-tbl-contain { padding-left:20px; padding-right:20px; padding-top:40px; }
	table. th,
	table. td { font-size:15px; padding:7px;  }

	.motab-chlayout table. br { display:block; }

	.motab-chlayout table. colgroup.cl1 col:nth-of-type(1) { width:45px;  }
	.motab-chlayout table. colgroup.cl2 col:nth-of-type(1) { width:45px;  }
	.motab-chlayout table. colgroup.cl2 col:nth-of-type(3) { width:79px;  }

}


/*무림갤러리 소개*/

.moogallery01 { padding:0 50px; }
.moogallery02 img { max-width:100%; }
.moogallery03 { padding-top:65px; } 


.moogallery-kakao { text-align:center; padding:10px 0 60px 0; }
.moogallery-kakao img { width:500px; max-width:100%;  }


@media screen and (max-width:1300px){
	.moogallery03 { padding-left:50px; padding-right:50px;  }
}
@media screen and (max-width:640px){
	.moogallery03 { padding-left:20px; padding-right:20px; padding-top:35px;  }
	
	.moogallery-kakao { padding:10px 0 10px 0;}
	.moogallery-kakao img { width:300px; }
}




.mo-gray-circle { padding:50px 0;  }
.mo-gray-circle ul { width:100%; font-size:0;  }
.mo-gray-circle li { display:inline-block; vertical-align:top; width:25%; text-align:center; }
.mo-gray-circle li span.circle { display:inline-block; width:150px; height:150px; border-radius:50%; }
.mo-gray-circle li span.icon1 { background:#f4f4f4 url("/images/prcenter/moogal_icon01.png") no-repeat 50% 50%; background-size:57px; }
.mo-gray-circle li span.icon2 { background:#f4f4f4 url("/images/prcenter/moogal_icon02.png") no-repeat 50% 50%; background-size:57px; }
.mo-gray-circle li span.icon3 { background:#f4f4f4 url("/images/prcenter/moogal_icon03.png") no-repeat 50% 50%; background-size:57px; }
.mo-gray-circle li span.icon4 { background:#f4f4f4 url("/images/prcenter/moogal_icon04.png") no-repeat 50% 50%; background-size:57px; }
.mo-gray-circle li p { font-size:16px; color:#666; font-weight:300; padding-top:25px; }
.mo-gray-circle li p u { text-decoration:none;  display:block; font-size:18px; color:#222; padding-bottom:3px; font-weight:400; }


@media screen and (max-width:830px){
	.mo-gray-circle { padding: 50px 0 20px; }
	.mo-gray-circle li { width:50%; margin-bottom:30px; }
}
@media screen and (max-width:550px){
	.mo-gray-circle { padding:30px 0 10px; }
	.mo-gray-circle li span.circle { width:100px; height:100px; }
	.mo-gray-circle li span.icon1,
	.mo-gray-circle li span.icon2,
	.mo-gray-circle li span.icon3,
	.mo-gray-circle li span.icon4 { background-size:35px;  }
	.mo-gray-circle li p { font-size:14px; padding-top: 15px; }
	.mo-gray-circle li p u { font-size:16px; }
}
@media screen and (max-width:640px){
	.moogallery02 { padding-top:30px;   }
}

@media screen and (max-width:360px){
	.mo-gray-circle li p { font-size:12px; padding-top: 10px; }
	.mo-gray-circle li p u { font-size:13px; }
}






.black-box-title-list { font-size:0; padding-top:20px; padding-bottom:60px;  }
.black-box-title-list > div { display:inline-block; vertical-align:top; width:50%; }
.black-box-title-list .box-tit { position:relative; height:87px;  }
.black-box-title-list .box-tit span { position:absolute; left:0; top:0; width:87px; line-height:87px; text-align:center; background-color:#222; font-size:20px; color:#fff;}
.black-box-title-list .box-tit p {padding-left:109px;  font-size:20px; color:#222; padding-top:29px;  }
.black-box-title-list .txt-list { padding-top:20px; padding-right:50px;  }
.black-box-title-list .txt-list p {position:relative; font-size:18px; color:#666; padding-left:12px; margin-bottom:8px; line-height:1.4; font-weight:300;  }
.black-box-title-list .txt-list p:after { content:''; position:absolute; left:0; top:12px; width:2px; height:2px; background-color:#969696;  }

.black-box-title-list .txt-list.abspan p { padding-left:95px;  }
.black-box-title-list .txt-list.abspan p span { position:absolute; left:10px; top:0;  }


.mogal-map-info { padding:17px 0; }
.mogal-map-info p { position:relative; font-size:18px; color:#222; font-weight:300; padding-left:107px; margin-bottom:5px;  }
.mogal-map-info p span { position:absolute; left:0; top:0; font-size:18px; color:#666; font-weight:300;  }

.mogal-map { padding-bottom:150px;  }
.mogal-map .root_daum_roughmap { width:100%;  }
.mogal-map .root_daum_roughmap .wrap_map { height:530px;  }


@media screen and (max-width:1300px){
	.black-box-title-list > div { width:49%; }
	.black-box-title-list > div:first-of-type { margin-right:2%;  }
}
@media screen and (max-width:964px){
	.black-box-title-list > div { width:100%; display:block; }
	.black-box-title-list > div:first-of-type { margin-right:0; padding-bottom:20px; }
}
@media screen and (max-width:640px){
	.black-box-title-list { padding-bottom:30px;  }
	.black-box-title-list .box-tit { height:50px;  }
	.black-box-title-list .box-tit span { width:50px; height:50px; line-height:50px;  font-size:17px; }
	.black-box-title-list .box-tit p { font-size:17px; padding-left:66px; padding-top:13px;  }
	.black-box-title-list .txt-list { padding-top:17px; }
	.black-box-title-list .txt-list p { font-size:15px; margin-bottom:4px; padding-left: 7px; }
	.black-box-title-list .txt-list p:after { top:9px;  }


	.mogal-map { padding-bottom:50px;  }
	.mogal-map-info p { font-size:15px; padding-left:77px;  }
	.mogal-map-info p span { font-size:15px; }

	.mogal-map .root_daum_roughmap .wrap_map { height:250px }


	.black-box-title-list .txt-list.abspan p { padding-left:82px;  }
}
@media screen and (max-width:363px){
	.black-box-title-list div:first-of-type .box-tit p { padding-top:2px; line-height:1.3; }
}


/* CI / BI */

.cibi-contain { padding-top:10px; padding-bottom:150px;}
@media screen and (max-width:1300px){
	.cibi-contain { padding-left:50px; padding-right:50px;  }
}
@media screen and (max-width:640px){
	.cibi-contain { padding-top:10px; padding-bottom:50px; padding-left:20px; padding-right:20px;  }
}


.watermark-area { font-size:0; padding-bottom:70px;  }
.watermark-area.nobp { padding-bottom:0; }
.watermark-area > div { display:inline-block; vertical-align:top; width:50%;  }
.watermark-area .imgbox img { max-width:100%; }
.watermark-area .info > div { padding:40px 40px 0 40px; font-size:18px; color:#222; font-weight:300;}
.watermark-area .info > div > span { display:block; font-size:24px; color:#222; font-weight:500;  }
.watermark-area .info > div b.mid { font-weight:500; }
.watermark-area .info p { padding-top:30px;  }
.watermark-area .info .btns { font-size:0; font-family:'Noto Sans KR','Montserrat';  padding-top:30px;}
.watermark-area .info .btns a { margin-right:7px; margin-top:5px; }

a.linedownbtn { display:inline-block; width:208px; height:48px; line-height:48px; border:1px solid #222; color:#222; font-size:16px; text-align:center; font-family: 'Noto Sans KR','Montserrat'; font-weight:500; }

@media screen and (max-width:950px){
	.watermark-area > div { display:block; width:100%;  }
	.watermark-area .imgbox img { width:100%; }
}
@media screen and (max-width:640px){
	.watermark-area { padding-bottom:40px;  }
	.watermark-area .info > div { padding: 30px 0px 0 0px;  font-size: 15px; }
	.watermark-area .info p { padding-top: 20px; padding-bottom: 25px; }

	a.linedownbtn { font-size: 14px; height:40px; line-height:40px; }
	.watermark-area .info .btns a { width:49%; box-sizing:border-box; margin-right:0; }
	.watermark-area .info .btns a + a { margin-left:2%;  }

	.watermark-area .info > div > span { font-size:17px; }
}
@media screen and (max-width:340px){
	a.linedownbtn { font-size: 12px; }
}



.signature-box { padding:27px 33px; margin-bottom:75px;  border-left:1px solid #eee; border-right:1px solid #eee; border-bottom:1px solid #eee; }
.signature-box { font-size:0; }
.signature-box ul {display:inline-block; vertical-align:top; width:25%;  }
.signature-box li { display:block;   text-align:center; margin-bottom:8px;  }
.signature-box li img { max-width:100%;  }

@media screen and (max-width:640px){
	.signature-box {padding:10px 0; margin-bottom:40px; }
	.signature-box ul { width:50%; }

}



.colorrule-box { padding:40px 0 40px 38px;   }
.colorrule-box .colorline { position:relative; padding-left:130px; font-size:0; }
.colorrule-box .colorline + .colorline { margin-top:29px;  }
.colorrule-box .colorline .tit { position:absolute; left:0; top:0; height:61px; line-height:61px; font-size:18px; color:#222;  }
.colorrule-box .colorline span { display:inline-block; height:61px;  min-width:95px; margin-right:3px; margin-bottom:3px;}
.colorrule-box .colorline span em {display:inline-block; padding:32px 0 0 10px; font-style:normal; color:#fff;  font-size:16px; font-weight:500; font-family: 'Montserrat'; }
.colorrule-box .colorline span.green { background-color:#8cc63f; width:370px; }
.colorrule-box .colorline span.blue {background-color:#0068b3; width:370px;}
.colorrule-box .colorline span.c { background-color:#d8d87e; }
.colorrule-box .colorline span.d { background-color:#69b3e4; }
.colorrule-box .colorline span.e { background-color:#001d59; }
.colorrule-box .colorline span.f { background-color:#0095c7; }
.colorrule-box .colorline span.g { background-color:#d6d6cc; }
.colorrule-box .colorline span.h { background-color:#5b5845; }
.colorrule-box .colorline span.i { background-color:#998349; }
.colorrule-box .colorline span.j { background-color:#8e8d92; }

.colorrule-box .colorline .inlist { padding-top:45px; }
.colorrule-box .colorline ul.c-list {  display:block; }	
.colorrule-box .colorline ul.c-list + ul.c-list { margin-top:10px; }
.colorrule-box .colorline ul.c-list li { display:inline-block; vertical-align:top;  font-size:18px;  font-family: 'Montserrat';  margin-right:35px;}
.colorrule-box .colorline ul.c-list li b { color:#222; font-weight:400; }
.colorrule-box .colorline ul.c-list li:first-of-type { width:152px;  }
.colorrule-box .colorline ul.c-list li:last-of-type { margin-right:0; }
.colorrule-box .colorline ul.c-list.green li {color:#8cc63f; }
.colorrule-box .colorline ul.c-list.blue li {color:#0068b3; }

.colorrule-box .colorline .coloruse { padding-top:10px; }
.colorrule-box .colorline .coloruse span { display:inline-block; vertical-align:top;  font-size:16px; color:#666; font-weight:300; padding-right:20px;  font-family: 'Montserrat'; letter-spacing:-1px; }
.colorrule-box .colorline .coloruse span:last-of-type { padding-right:0; }

.colorrule-box + .btncenter { text-align:center;  }

@media screen and (max-width:640px){
	.colorrule-box { padding:20px 0; }
	.colorrule-box .colorline { padding-left:106px; }
	.colorrule-box .colorline .tit { font-size:15px; }
	.colorrule-box .colorline span { height:45px;  min-width:80px; }
	.colorrule-box .colorline span em { padding:20px 7px 7px 7px; font-size:14px;  }
	
	.colorrule-box .colorline span.green ,
	.colorrule-box .colorline span.blue { width:99%; height:auto; min-height:45px; } 

	.colorrule-box .colorline .inlist {padding-top:20px; }
	.colorrule-box .colorline ul.c-list li {font-size:15px;  }
	.colorrule-box .colorline .coloruse { padding-top:18px;  }
	.colorrule-box .colorline .coloruse span { display:block;  font-size:14px; padding-right:0; }
	.colorrule-box .colorline .coloruse span img { width:80px; }
	
	.btncenter { font-size:0; }
	.btncenter a { width:49%; box-sizing:border-box;  }
	.btncenter a + a { margin-left:2%;  }
}
@media screen and (max-width:410px){
	.colorrule-box .colorline { padding-left:0; }
	.colorrule-box .colorline .tit { position:relative; left:auto; top:auto; height:auto; line-height:1; padding-bottom:20px;  }

	.colorrule-box .colorline .inlist  { padding-top:0; }
	.colorrule-box .colorline .coloruse { padding-top:0px;  }
}



/* 정기 간행물 - 메인 */

.periodical-main { min-height:350px; padding:80px 0 140px;  }
.periodical-main .in-perbox  { position:relative; padding-left:400px; }
.periodical-main .in-perbox .tit-arrow { position:absolute;  left:0; top:0;  }
.periodical-main .in-perbox .tit-arrow .tit-box {  }
.periodical-main .in-perbox .tit-arrow .tit-box span { display:block; font-size:48px; color:#222; font-weight:300; letter-spacing:-1.5px; }
.periodical-main .in-perbox .tit-arrow .tit-box p { font-size:18px; color:#222; font-weight:300; padding-top:10px; }
.periodical-main .in-perbox .tit-arrow .tit-box p b { font-weight:500; }
.periodical-main .in-perbox .tit-arrow .arr-box { padding-top:80px;  }
.periodical-main .in-perbox .tit-arrow .arr-box a.btn-left-sld {  }

.periodical-main .in-perbox .tit-arrow .arr-box button { display:inline-block; width:38px; height:32px; font-size:0; }
.periodical-main .in-perbox .tit-arrow .arr-box button.slick-prev { background:url("/images/common/btn_arr_left.png") no-repeat left 50%; }
.periodical-main .in-perbox .tit-arrow .arr-box button.slick-prev.slick-disabled { background-image:url("/images/common/btn_arr_left_no.png");  }
.periodical-main .in-perbox .tit-arrow .arr-box button.slick-next { background:url("/images/common/btn_arr_right.png") no-repeat right 50%; }
.periodical-main .in-perbox .tit-arrow .arr-box button.slick-next.slick-disabled { background-image:url("/images/common/btn_arr_right_no.png");  }

.periodical-main .line-between { width:100%; height:1px; background-color:#eee;  margin:60px 0;  }


@media screen and (max-width:1500px){
	.periodical-main { padding:80px 50px 140px; }
}
@media screen and (max-width:1300px){
	.periodical-main .in-perbox { padding-left: 320px; }
}
@media screen and (max-width:1100px){
	.periodical-main .in-perbox { padding-left: 270px; }
	.periodical-main .in-perbox .tit-arrow .tit-box span { font-size: 32px; }
	.periodical-main .in-perbox .tit-arrow .tit-box p { font-size:16px;  }
}
@media screen and (max-width:1000px){
	
	.periodical-main .in-perbox { padding-left:0;  }
	.periodical-main .in-perbox .tit-arrow { position:relative; left:auto; top:auto;  }

	.periodical-main .in-perbox .tit-arrow .arr-box { position:absolute; right:0; top:0; display:inline-block; padding-top:67px; }

	.periodical-main .in-perbox .per-list { padding-top:30px;  }

}
@media screen and (max-width:640px){
	.periodical-main { padding:30px 20px 50px; }

	.periodical-main .in-perbox .tit-arrow .tit-box span { font-size:18px; }
	.periodical-main .in-perbox .tit-arrow .tit-box p { font-size:15px;  }

	.periodical-main .in-perbox .tit-arrow .arr-box { padding-top:45px;  }
	.periodical-main .in-perbox .tit-arrow .arr-box button { width:16px; height:30px; }
	.periodical-main .in-perbox .tit-arrow .arr-box button.slick-prev { background-size:contain; margin-right:20px; }
	.periodical-main .in-perbox .tit-arrow .arr-box button.slick-next { background-size:contain; }
}





/*  사가모음 */

.themesong-title {  }
.themesong-contain { padding-bottom:110px;  }
.themesong-contain ul { font-size:0; width:100%; }
.themesong-contain li { display:inline-block; vertical-align:top; width:23.5%; margin-right:2%; margin-bottom:2%;  box-sizing:border-box; border:1px solid #eee; }
.themesong-contain li:nth-of-type(4n) { margin-right:0; }
.themesong-contain li > img { max-width:100%; }
.themesong-contain li .infor { padding:20px 25px; }
.themesong-contain li .infor span { display:block; font-size:20px; color:#222;  }
.themesong-contain li .infor p { font-size:16px; color:#666; margin-top:3px; }
.themesong-contain li .play-btn { font-size:0; border-top:1px solid #eee; }
.themesong-contain li .play-btn a { display:inline-block; vertical-align:top; height:49px; line-height:49px; font-size:16px; color:#222; font-weight:300; text-align:center; box-sizing:border-box; border-right:1px solid #eee;  }
.themesong-contain li .play-btn a:last-of-type { border-right:0;  }
.themesong-contain li .play-btn a:hover { background-color:#222; color:#fff; }
.themesong-contain li .play-btn a i { display:inline-block; vertical-align:middle; width:24px; height:24px; margin-bottom:3px;}
.themesong-contain li .play-btn a.play { width:100%; }
.themesong-contain li .play-btn.w2 a.play { width:50%; }

.themesong-contain li .play-btn a.list {width:50%;  }
/* .themesong-contain li .play-btn a.down { width:20%; } */
.themesong-contain li .play-btn a.play i { background:url("/images/prcenter/btn_play.png") no-repeat 50% 50%; background-size:contain; margin-right:5px; }
.themesong-contain li .play-btn a.list i { background:url("/images/prcenter/btn_list.png") no-repeat 50% 50%; background-size:contain; margin-right:5px; }
/* .themesong-contain li .play-btn a.down i { background:url("/images/prcenter/btn_down.png") no-repeat 50% 50%; background-size:contain; } */

.themesong-contain li .play-btn a.play:hover i { background:url("/images/prcenter/btn_play_on.png") no-repeat 50% 50%; background-size:contain; margin-right:5px; }
.themesong-contain li .play-btn a.list:hover i { background:url("/images/prcenter/btn_list_on.png") no-repeat 50% 50%; background-size:contain; margin-right:5px; }
/* .themesong-contain li .play-btn a.down:hover i { background:url("/images/prcenter/btn_down_on.png") no-repeat 50% 50%; background-size:contain; } */


@media screen and (max-width:1300px){
	.themesong-title { padding:0 50px; }
	.themesong-contain { padding-left:50px; padding-right:50px;  }
}
@media screen and (max-width:1000px){
	.themesong-contain li .infor { padding:10px 15px; }
	.themesong-contain li .infor span { font-size:17px; }
	.themesong-contain li .infor p { font-size:15px;  }
}
@media screen and (max-width:950px){
	.themesong-contain li .play-btn a { font-size:14px; }
	.themesong-contain li .play-btn a i { width:18px; height:18px;  }
}
@media screen and (max-width:800px){
	.themesong-contain li { width:49%; }
	.themesong-contain li:nth-of-type(4n) { margin-right:2%; }
	.themesong-contain li:nth-of-type(2n) { margin-right:0;  }
	.themesong-contain li > img { width:100%; }

}
@media screen and (max-width:640px){
	.themesong-title { padding:0 20px; }
	.themesong-title .sb-title-subject.padaddcen br { display:block; }
	.themesong-contain { padding-left:20px; padding-right:20px; padding-top:30px; padding-bottom:50px;}

	.themesong-contain li .play-btn a.play i,
	.themesong-contain li .play-btn a.list i { margin-right:2px; }
}
@media screen and (max-width:440px){
	.themesong-contain li .infor { padding:10px; }
	.themesong-contain li .infor span { font-size:15px; }
	.themesong-contain li .infor p { font-size:12px;  }

	.themesong-contain li .play-btn a { font-size:12px; height:35px; line-height:35px; }
	.themesong-contain li .play-btn a i { width:15px; height:15px;  }
}

	/* 오디오 실행 레이어 */
.audio-layer-contain { display:none;  position:fixed; left:0; top:0; width:100%; height:100%; z-index:999;  }
.audio-layer-contain > .au-blind { position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8); }
.audio-layer-contain .audio-contain-box { position:absolute; left:50%; top:50%; z-index:2;
transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
.audio-layer-contain .audio-contain-box audio { display:none; }

.audio-layer-contain > a.au-layer-closebtn { position:absolute; right:10%; top:100px; width: 40px; height:40px; background:url("/images/common/btn_close_x_wht.png") no-repeat 50% 50%; background-size:contain; z-index:3 }

@media screen and (max-width:800px){
	.audio-layer-contain > a.au-layer-closebtn { right:50px;  }
}
@media screen and (max-width:640px){
	.audio-layer-contain > a.au-layer-closebtn { right:20px; top:20px; width:32px; height:32px;   }
}




	/*가사 레이어*/
.lyrics-layer-contain { display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:999;  }
.lyrics-layer-contain > .ly-blind { position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8); }
.lyrics-layer-contain .lyrics-txt { font-size:15px; color:#fff; font-weight:300;   position:absolute; left:50%; top:50%; z-index:2; width:80%;  text-align:Center; 
transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}

.lyrics-layer-contain .lyrics-txt .rbox { padding-bottom:20px;	  }

.lyrics-layer-contain > a.ly-layer-closebtn { position:absolute; right:10%; top:100px; width: 40px; height:40px; background:url("/images/common/btn_close_x_wht.png") no-repeat 50% 50%; background-size:contain; z-index:3 }

@media screen and (max-width:640px){
	.lyrics-layer-contain > a.ly-layer-closebtn { right:20px; top:20px; width:32px; height:32px;   }
}




/*종이 이야기 - 종이상식 -  상식 */

.paper-title {  }
.paper-title span { font-size:36px; color:#222; font-weight:600;  }
.paper-title p { font-size:18px; color:#222; font-weight:300; padding-top:5px; }

.paper-contain { padding-bottom:50px;  }
.paper-contain .paper-title { padding-top:80px; }
.paper-contain .pper-inlist { padding-top:60px;  }

@media screen and (max-width:1300px){
	.paper-contain { padding-left:50px; padding-right:50px; }
}
@media screen and (max-width:640px){
	.paper-contain { padding-left:20px; padding-right:20px; }
	.paper-title span { font-size:20px;  }
	.paper-title p { font-size:15px;  }
	.paper-contain .paper-title	{ padding-top:20px;  }
	.paper-contain .pper-inlist { padding-top:30px;  }
}


.paper-contain .p-section { padding-bottom:60px;  }
.paper-contain .p-section .img-box { text-align:center; }
.paper-contain .p-section .img-box img { max-width:100% }
.paper-contain .p-section .wtow-list-box { font-size:0;  margin-top:20px; }
.paper-contain .p-section .wtow-list-box > div { display:inline-block; vertical-align:top;  width:48%; margin-right:4%; margin-bottom:3%; }
.paper-contain .p-section .wtow-list-box > div:nth-of-type(even) { margin-right:0;  }
.paper-contain .p-section .wtow-list-box > div span { display:block; font-size:18px; color:#222; margin-bottom:9px;  }
.paper-contain .p-section .wtow-list-box > div p { font-size:18px; color:#222; font-weight:300; }
.paper-contain .p-section .line-box { border:1px solid #eee;  text-align:center; margin-top:20px;  }
.paper-contain .p-section .line-box img { max-width:100%; }
.paper-contain .p-section .line-box.nmgn { margin-top:0;  }
.paper-contain .p-section .txtbox { font-size:18px; color:#222; font-weight:300;  }

.paper-contain .list-style-contain.w2 { font-size:0; }
.paper-contain .list-style-contain.w2 > div { display:inline-block; vertical-align:top; width:49%; margin-right:2%; margin-bottom:10px;  }
.paper-contain .list-style-contain.w2 > div + div { margin-top:0;   }
.paper-contain .list-style-contain.w2 > div:nth-of-type(even) { margin-right:0; }

.paper-contain .p-section .list-tit-contain.nm { margin-bottom:0;  }
.paper-contain .p-section .list-tit-contain.nb { border-bottom:0  }

@media screen and (max-width:1024px){
	.paper-contain .list-style-contain.w2.addwth > div p { padding-left: 117px; }
	.paper-contain .list-style-contain.w2 > div { display:block; width:100%; margin-right:0; }
}
@media screen and (max-width:640px){
	.paper-contain .p-section { padding-bottom:30px; }

	.paper-contain .p-section .wtow-list-box > div span { font-size:16px; }
	.paper-contain .p-section .wtow-list-box > div p { font-size:15px;  }

	.paper-contain .p-section .txtbox  { font-size:15px;  }
}
@media screen and (max-width:460px){
	.paper-contain .p-section .wtow-list-box > div { width:100%; margin-right:0; }
}



.paper-contain .p-section .pp-table-con {  }
.paper-contain .p-section .pp-table-con ul { font-size:0; }
.paper-contain .p-section .pp-table-con li { display:inline-block; vertical-align:top; width:25%; border-right:1px solid #eee; border-bottom:1px solid #eee; box-sizing:border-box;  text-align:center; font-size:18px; color:#222; padding:15px 0; height:58px;  font-weight:300;  }
.paper-contain .p-section .pp-table-con li:nth-of-type(4n) { border-right:0; }

.paper-contain .p-section .pp-table-con ul.thead { border-bottom:1px solid #ccc;  }
.paper-contain .p-section .pp-table-con ul.thead li { font-weight:400; border-right:0; border-bottom:0;  }

.paper-contain .p-section .pp-table-con ul.tcolor li:nth-of-type(odd) { background-color:#f9f9f9; color:#666; }
.paper-contain .p-section .pp-table-con ul.tcolor li:nth-of-type(even) { font-family: 'Montserrat'; }

.paper-contain .p-section .pp-tw-tablecontaion { font-size:0;  }
.paper-contain .p-section .pp-table-con.one { width:50%; display:inline-block; vertical-align:top; font-size:0;  }
.paper-contain .p-section .pp-table-con.one ul.wide li { width:100%; }
.paper-contain .p-section .pp-table-con.one ul.wide li.norlin { border-right:0; }
.paper-contain .p-section .pp-table-con.one ul.thead li { width:50%; } 
.paper-contain .p-section .pp-table-con.one ul.tcolor li { width:50%; }

.paper-contain .p-section .pp-table-con.one ul.thead li.rlin { border-right:1px solid #eee; }

.paper-contain .p-section .pp-table-con.one li:nth-of-type(4n) { border-right:1px solid #eee; }
.paper-contain .p-section .pp-table-con.one li:nth-of-type(even) { border-right:0;  }

@media screen and (max-width:640px){
	.paper-contain .p-section .pp-table-con li { font-size:15px;  }
}
@media screen and (max-width:500px){
	.paper-contain .p-section .pp-table-con li { height:44px; padding: 10px 0;  }

	.paper-contain .p-section .pp-table-con.two li { width:50%;  }
	.paper-contain .p-section .pp-table-con.two li:nth-of-type(even) { border-right:0;  }
	.paper-contain .p-section .pp-table-con.two li:last-of-type { display:none; }
	.paper-contain .p-section .pp-table-con.two li:nth-last-of-type(2) { display:none;  }

	.paper-contain .p-section .pp-table-con.two ul.thead li:nth-of-type(3),
	.paper-contain .p-section .pp-table-con.two ul.thead li:nth-of-type(4) { display:none; }

	.paper-contain .p-section .pp-tw-tablecontaion > div:last-of-type { margin-top:30px;  }

	.paper-contain .p-section .pp-table-con.one { display:block; width:100%;  }
	.paper-contain .p-section .pp-table-con.one ul.wide li { border-right:0;  }
	.paper-contain .p-section .pp-table-con.one ul.thead li.rlin { border-right:0;  }
	.paper-contain .p-section .pp-table-con.one ul.tcolor li:nth-of-type(even) { border-right:0;  }

}



.paper-contain .p-section .txt-img-paddingpo { position:relative; font-size:0; padding-top:10px;  }
.paper-contain .p-section .txt-img-paddingpo > div { display:inline-block; vertical-align:top; box-sizing:border-box;  }
.paper-contain .p-section .txt-img-paddingpo .txtbox { width:45%; padding-right:60px; word-break:keep-all; }
.paper-contain .p-section .txt-img-paddingpo .img-po { width:55%;  }
.paper-contain .p-section .txt-img-paddingpo .img-po img { max-width:49%; }
.paper-contain .p-section .txt-img-paddingpo .img-po img + img { margin-left:2%;  }

.paper-contain .p-section table.p-list { width:100%; table-layout:fixed; border-top:1px solid #222; margin-top:50px; }
.paper-contain .p-section table.p-list td { text-align:Center; height:50px;  }
.paper-contain .p-section table.p-list thead { border-bottom:1px solid #ccc; }
.paper-contain .p-section table.p-list tbody td { font-family: 'Montserrat'; border-right:1px solid #eee; border-bottom:1px solid #eee;  font-weight:400; }
.paper-contain .p-section table.p-list tbody td:last-of-type { border-right:0;  }


@media screen and (max-width:1024px){
	.paper-contain .p-section .txt-img-paddingpo > div { display:block; }
	.paper-contain .p-section .txt-img-paddingpo .txtbox { width:100%; padding-right:0; }
	.paper-contain .p-section .txt-img-paddingpo .img-po { width:100%; margin-top:20px;  }
}


/*종이 이야기 - 종이상식 -  펄프상식/펄프분류표 */

.pulp-contain { padding-top:85px; }

@media screen and (max-width:1300px){
	.pulp-contain { padding-left:50px; padding-right:50px; }
}
@media screen and (max-width:640px){
	.pulp-contain { padding-left:20px; padding-right:20px; padding-top:30px; }
}


.pulp-contain .imgbox { font-size:0; padding:20px 0 30px;}
.pulp-contain .imgbox img { max-width:100%; }
.pulp-contain .pulp-txt-lines { padding-bottom:50px;  }
.pulp-contain .pulp-txt-lines > div { padding-bottom:25px;  }
.pulp-contain .pulp-txt-lines > div span { display:block; font-size:20px; color:#222; font-weight:500; margin-bottom:10px; }
.pulp-contain .pulp-txt-lines > div p { font-size:18px; color:#222; font-weight:300;  }

.pulp-contain .table-tab-area { font-size:0; margin-top:10px; margin-bottom:20px; }
.pulp-contain .table-tab-area a { display:inline-block; width:33.33333%; height:52px; line-height:52px; font-size:18px; color:#222; font-weight:300; text-align:center; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; border-left:1px solid #dfdfdf;  background-color:#f9f9f9; box-sizing:border-box; }
.pulp-contain .table-tab-area a:last-of-type { border-right:1px solid #dfdfdf; }
.pulp-contain .table-tab-area a.active { background-color:#999; color:#fff; border:0;  }
.pulp-contain .table-tab-area a.active + a { border-left:0;  }

@media screen and (max-width:830px){
	.pulp-contain .table-tab-area a { font-size:15px;  }
}
@media screen and (max-width:690px){
	.pulp-contain .table-tab-area a { display:block; width:100%; border-top:0;  border-bottom:1px solid #dfdfdf; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; }
	.pulp-contain .table-tab-area a:first-of-type { border-top:1px solid #dfdfdf; }
	.pulp-contain .table-tab-area a.active + a { border-left:1px solid #dfdfdf;  }
}

@media screen and (max-width:640px){
	.pulp-contain .pulp-txt-lines > div span { font-size:18px; }
	.pulp-contain .pulp-txt-lines > div p { font-size:15px;  }
}





.tab-container {  }
.tab-container > div { display:none; }
.tab-container > div:first-of-type { display:block; }
.tab-container > div > p { font-size:24px; color:#222; font-weight:500; }

.tab-container .table-box { padding-top:15px; }
.tab-container .table-box table { width:100%; border-top:1px solid #222;}
.tab-container .table-box table .center { text-align:center; }
.tab-container .table-box table .bl { font-weight:500; color:#222; background:none; border-right:0; }
.tab-container .table-box table th,
.tab-container .table-box table td { font-size:18px; color:#222; text-align:center; padding:15px 20px; font-weight:300;  }
.tab-container .table-box table thead td { font-weight:400; border-bottom:1px solid #ccc; }
.tab-container .table-box table tbody th,
.tab-container .table-box table tbody td { border-right:1px solid #eee; border-bottom:1px solid #eee; text-align:center;  }
.tab-container .table-box table tbody th { background-color:#f9f9f9; color:#666; font-weight:300; }
.tab-container .table-box table tbody td:last-of-type { border-right:0; }

.tab-container .table-box table colgroup.clgrp1 col:nth-of-type(1) { width:200px; }
.tab-container .table-box table colgroup.clgrp1 col:nth-of-type(2) { width:280px; }

.tab-container .table-box table colgroup.clgrp2 col:nth-of-type(1) { width:160px; }
.tab-container .table-box table colgroup.clgrp2 col:nth-of-type(2) { width:310px; }
.tab-container .table-box table colgroup.clgrp2 col:nth-of-type(3) { width:200px; }

.tab-container .table-box table colgroup.clgrp2m col {width:50%; }

.tab-container .table-box table .botbb { border-bottom:1px solid #222; }

.tab-container .table-box.mo-ver { display:none; }
.tab-container .table-box.mo-ver th:last-of-type { border-right:0;  }


.tab-container .table-box.hthc table thead th { background:#f9f9f9;	border-bottom:1px solid #eee; border-right:1px solid #eee; }
.tab-container .table-box.hthc table thead th:last-of-type { border-right:0;  }


@media screen and (max-width:1180px){
	.tab-container .table-box table colgroup.clgrp2 col:nth-of-type(1) { width:100px; }
	.tab-container .table-box table colgroup.clgrp2 col:nth-of-type(2) { width:230px; }
	.tab-container .table-box table colgroup.clgrp2 col:nth-of-type(3) { width:200px; }
}

@media screen and (max-width:1024px){
	.tab-container .table-box table th,
	.tab-container .table-box table td { font-size:15px; padding:10px 15px; }

	.tab-container .table-box table colgroup.clgrp1 col:nth-of-type(1) { width:170px; }
	.tab-container .table-box table colgroup.clgrp1 col:nth-of-type(2) { width:230px; }

	.tab-container .table-box table colgroup.clgrp2 col:nth-of-type(1) { width:100px; }
	.tab-container .table-box table colgroup.clgrp2 col:nth-of-type(2) { width:180px; }
	.tab-container .table-box table colgroup.clgrp2 col:nth-of-type(3) { width:150px; }
}
@media screen and (max-width:800px){
	.tab-container .table-box.pc-ver { display:none; }
	.tab-container .table-box.mo-ver { display:block; }
}
@media screen and (max-width:640px){
	.tab-container .table-box table th,
	.tab-container .table-box table td { padding:10px 5px; }

	

}
@media screen and (max-width:440px){
	.tab-container .table-box table th,
	.tab-container .table-box table td {font-size:13px; }
}













.tab-container .map-box { border-top:1px solid #222; margin-top:15px; }
.tab-container .map-box img { max-width:100%;  }

.tab-container .sw-hw-list {  }
.tab-container .sw-hw-list > div { font-family: 'Montserrat'; margin-bottom:30px;  }
.tab-container .sw-hw-list span { display:block; font-size:22px; font-weight:600; padding-bottom:10px;}
.tab-container .sw-hw-list span em { font-style:normal; font-size:16px; font-weight:400; }
.tab-container .sw-hw-list span.gr { color:#59a818; }
.tab-container .sw-hw-list span.or { color:#ff9103;  }
.tab-container .sw-hw-list s { text-decoration:none; font-family: 'Noto Sans KR'; font-weight:300;}
.tab-container .sw-hw-list p { font-size:18px; color:#222; font-weight:400;  }
.tab-container .sw-hw-list p u {position:relative; text-decoration:none; display:block; padding-left:10px;  padding-bottom:5px; }
.tab-container .sw-hw-list p u:after { content:''; position:absolute; left:0; top:14px; width:2px; height:2px; background-color:#222; }
.tab-container .sw-hw-list p u i { font-style:normal;  font-family: 'Noto Sans KR'; color:#666; font-weight:300; }
.pulp-subsection { padding-bottom:80px; }

@media screen and (max-width:640px){
	.tab-container .sw-hw-list span { font-size:18px;  }
	.tab-container .sw-hw-list span em { font-size:15px; }
	.tab-container .sw-hw-list p { font-size:15px;  }

	.pulp-contain .pulp-subsection { padding-bottom:40px; }
}




/*종이상식 - 인쇄상식*/

.pecmn-container { padding-top:100px; padding-bottom:30px;  }
.pecmn-container .pcm-section { padding-bottom:115px;   }
.pecmn-container .pcm-section .paper-title { padding-bottom:27px; }

.ri-img-box { position:relative; }
.ri-img-box p { padding-right:554px; }
.ri-img-box .imgbox { position:absolute; right:0; top:0;  }

p.txtt { font-size:18px; color:#222; font-weight:300; }

.img-le-listcontain {  }
.img-le-listcontain > div { position:relative; border-top:1px solid #eee; min-height:253px; }
.img-le-listcontain > div + div { margin-top:60px;  }
.img-le-listcontain > div > img { position:absolute; left:0; top:0;  }
.img-le-listcontain > div .txtbox { padding:43px 50px; margin-left:466px;   }
.img-le-listcontain > div .txtbox span.sec-tit { display:block; font-size:24px; color:#222; font-weight:500; padding-bottom:12px; }

@media screen and (max-width:1300px){
	.pecmn-container { padding-left:50px; padding-right:50px;  }
}
@media screen and (max-width:1024px){
	.ri-img-box .imgbox img { width:350px; }
	.ri-img-box p { padding-right:384px; }

	.img-le-listcontain > div > img { width:350px;  }
	.img-le-listcontain > div .txtbox { margin-left:350px; padding: 20px 30px; }
}
@media screen and (max-width:880px){
	.ri-img-box p { padding-right:0; }
	.ri-img-box .imgbox { position:relative; right:auto; top:auto; padding-top:30px; text-align:center;  }
	.ri-img-box .imgbox img { width:auto; max-width:100%;  }

	.img-le-listcontain > div { text-align:center;  }
	.img-le-listcontain > div > img { position:relative; left:auto; top:auto;  width:auto; max-width:100%;   } 
		.img-le-listcontain > div .txtbox { margin-left:0px; padding: 20px 30px; }
}
@media screen and (max-width:640px){
	.pecmn-container {padding-top:30px; padding-bottom:20px;  padding-left:20px; padding-right:20px;  }
	.pecmn-container .pcm-section { padding-bottom:50px;  }
	.img-le-listcontain > div .txtbox { padding: 10px 0px 20px; }
	.img-le-listcontain > div .txtbox span.sec-tit { font-size:17px;  }
	.img-le-listcontain > div + div { margin-top:20px;  }
	p.txtt { font-size:15px;  }
}



/* 제조공정 - 펄프 제조공정 , 동력 제조공장 */
.mak-container { padding-top:145px; }
.mak-container .sb-title-subject { text-align:center; padding-bottom:70px;  }

.pl-ma-listcontain { padding-bottom:100px; }
.pl-ma-listcontain ul { font-size:0; text-align:center; }
.pl-ma-listcontain ul li { position:relative; display:inline-block; vertical-align:top; text-align:center;  }
.pl-ma-listcontain ul.w5 li {width:17%; margin-right:3.75%; }
.pl-ma-listcontain ul li:after { content:''; position:absolute; right:-21%; top:0;  width:21%; height:100%; background:url("/images/prcenter/arrow_btt_ri.png") no-repeat 50% 93px; }
.pl-ma-listcontain ul.w5 li:nth-of-type(5n) { margin-right:0; }
.pl-ma-listcontain ul.w5 li:nth-of-type(5n):after { content:none;  }
.pl-ma-listcontain ul li img { max-width:100%; }
.pl-ma-listcontain ul li div { padding-top:10px; padding-bottom:60px;  }
.pl-ma-listcontain ul li div u { text-decoration:none;  display:inline-block;  width:30px; height:30px; line-height:30px; border-radius:50%; background-color:#222; font-size:15px; color:#fff; font-family: 'Montserrat'; font-weight:600; }
.pl-ma-listcontain ul li div p { font-size:16px; color:#666; padding-top:15px; text-align:left; letter-spacing:-1px; padding-left:15px ;}
.pl-ma-listcontain ul li div p span { display:block; font-size:18px; color:#222; font-weight:500;text-align:center; padding-bottom:5px; }
.pl-ma-listcontain ul li div p b { font-weight:400; color:#222; }
.pl-ma-listcontain ul.w5 li:nth-of-type(6):before { content:''; position:absolute; left:-21%; top:0;  width:21%; height:100%; background:url("/images/prcenter/arrow_btt_ri.png") no-repeat 50% 93px;}
.pl-ma-listcontain ul.w5 li:last-of-type:after { content:none;  }


@media screen and (max-width:1300px){
	.mak-container { padding-left:50px; padding-right:50px;  }
}
@media screen and (max-width:980px){
	.pl-ma-listcontain ul.w5 li { width:21%; margin-right:4%; }
	.pl-ma-listcontain ul.w5 li:nth-of-type(5n) { margin-right:4%; }
	.pl-ma-listcontain ul.w5 li:nth-of-type(4n) { margin-right:0; }
	.pl-ma-listcontain ul.w5 li:nth-of-type(5n):after { content:'';  }
	.pl-ma-listcontain ul.w5 li:nth-of-type(4n):after ,
	.pl-ma-listcontain ul.w5 li:last-of-type:after { content:none;  }

	.pl-ma-listcontain li:nth-of-type(6):before { content:none;  }

	.pl-ma-listcontain ul.w5 li:nth-of-type(6):before { content:none;  }
}
@media screen and (max-width:800px){
	.pl-ma-listcontain ul.w5 li { width:31%; margin-right:3.5%; }
	.pl-ma-listcontain ul.w5 li:nth-of-type(5n) ,
	.pl-ma-listcontain ul.w5 li:nth-of-type(4n) { margin-right:3.5%; }
	.pl-ma-listcontain ul.w5 li:nth-of-type(3n) { margin-right:0; }
	.pl-ma-listcontain ul.w5 li:nth-of-type(5n):after ,
	.pl-ma-listcontain ul.w5 li:nth-of-type(4n):after { content:'';  }
	.pl-ma-listcontain ul.w5 li:nth-of-type(3n):after ,
	.pl-ma-listcontain ul.w5 li:last-of-type:after { content:none;  }

	.pl-ma-listcontain li:after { right:-10%; width:10%;  }
}
@media screen and (max-width:640px){
	.mak-container { padding-left:20px; padding-right:20px; padding-top:50px; }
	.mak-container .sb-title-subject  { padding-bottom:30px;  }
	.pl-ma-listcontain { padding-bottom:40px; }

	.pl-ma-listcontain ul.w5 li { width:48%; margin-right:4%; }
	.pl-ma-listcontain ul.w5 li:nth-of-type(5n) ,
	.pl-ma-listcontain ul.w5 li:nth-of-type(4n) ,
	.pl-ma-listcontain ul.w5 li:nth-of-type(3n) { margin-right:4%; }
	.pl-ma-listcontain ul.w5 li:nth-of-type(2n) { margin-right:0; }
	.pl-ma-listcontain ul.w5 li:nth-of-type(5n):after ,
	.pl-ma-listcontain ul.w5 li:nth-of-type(4n):after ,
	.pl-ma-listcontain ul.w5 li:nth-of-type(3n):after { content:'';  }
	.pl-ma-listcontain ul.w5 li:nth-of-type(2n):after { content:none;  }

	.pl-ma-listcontain ul.w5 li:last-of-type:after { content:none;  }

	.pl-ma-listcontain ul.w5 li:after { right:-10%; width:10%;  }

	.pl-ma-listcontain ul li div p span { font-size:16px;}
	.pl-ma-listcontain ul li div p { font-size:15px;  }

	.pl-ma-listcontain ul.w5 li:after { background-size:6px 10px; background-position:50% 19vw; }
	.pl-ma-listcontain ul li img { width:80%; }
	.pl-ma-listcontain ul li div u { width:23px; height:23px; line-height:23px; font-size:13px;  }

	
}


.pl-ma-listcontain.bothbox { padding:0 10%;  }

.pl-ma-listcontain ul.w3 li { display:inline-block; vertical-align:top; width:30%; margin-right:5%; }
.pl-ma-listcontain ul.w3 li:nth-of-type(3n) { margin-right:0;  }
.pl-ma-listcontain ul.w3 li:last-of-type { margin-top:0; margin-right:0; }
.pl-ma-listcontain ul.w3 li div > u { vertical-align:middle;  }
.pl-ma-listcontain ul.w3 li div > span { display:inline-block; vertical-align:middle;  font-size:18px; color:#222; font-weight:500;  padding-left:10px; }
.pl-ma-listcontain ul.w3 li div .dot {  }
.pl-ma-listcontain ul.w3 li div .dot p { position:relative; padding-left:10px;	padding-top:0; letter-spacing:-1px; }
.pl-ma-listcontain ul.w3 li div .dot p:after { content:''; position:absolute; left:0; top:11px; width:3px; height:3px; border-radius:50%; background:#333; }
.pl-ma-listcontain ul.w3 li > div { padding-top:30px;  }
.pl-ma-listcontain ul.w3 li:nth-of-type(3):after,
.pl-ma-listcontain ul.w3 li:last-of-type:after { content:none;  }


@media screen and (max-width:900px){
	.pl-ma-listcontain.bothbox { padding:0 0;  }
}
@media screen and (max-width:640px){
	.pl-ma-listcontain ul.w3 li { width:49%; margin-right:2%; }
	.pl-ma-listcontain ul.w3 li:nth-of-type(3n) { margin-right:2%;  }
	.pl-ma-listcontain ul.w3 li:nth-of-type(2n) { margin-right:0; }
	.pl-ma-listcontain ul.w3 li:nth-of-type(2n):after {content:none;}
	.pl-ma-listcontain ul.w3 li:nth-of-type(3):after,
	.pl-ma-listcontain ul.w3 li:last-of-type:after { content:'';  }
	.pl-ma-listcontain ul.w3 li:after {right:-14%; }
	.pl-ma-listcontain ul.w3 li:last-of-type:after { content:none;  }

	.pl-ma-listcontain ul.w3 li > div {  padding-top:20px; }
}











.mk-power-imgbox { border:1px solid #eee; text-align:center; padding:45px 20px;  }
.mk-power-imgbox img { max-width:100%; }

.mak-container .paper-title { padding-bottom:7px;  }

.mpower-process { font-size:0; padding-top:70px; padding-bottom:30px; }
.mpower-process > div { display:inline-block; vertical-align:top; width:29%; margin-right:6%; margin-bottom:50px; xline-height:1.7;}
.mpower-process > div:nth-of-type(3n) { margin-right:0; }
.mpower-process u {text-decoration:none; display:inline-block; vertical-align:middle; width:30px; height:30px; line-height:30px; text-align:center; border-radius:50%; background:#222; font-family: 'Montserrat'; color:#fff; font-size:15px;  font-weight:600; margin-right:20px; }
.mpower-process img { vertical-align:middle;  }
.mpower-process p { padding-top:10px; font-size:16px; color:#666;  }
.mpower-process p span { display:block; font-size:18px; color:#222; font-weight:500;  }

.mak-container .tab-container { padding-bottom:100px;  }
.mak-container .tab-container .table-box { padding-top:30px;  }
.mak-container .tab-container .table-box table th,
.mak-container .tab-container .table-box table td { text-align:Center;   }
.mak-container .tab-container .table-box table td { font-family: 'Montserrat'; }
.mak-container .tab-container .table-box table thead th { border-bottom: 1px solid #ccc; font-weight:400;}


@media screen and (max-width:750px){
	.mpower-process > div { width:49%; margin-right:2%; margin-bottom:20px; }	
	.mpower-process > div:nth-of-type(3n) { margin-right:2%; }
	.mpower-process > div:nth-of-type(2n) { margin-right:0; }
}

@media screen and (max-width:640px){
	.mpower-process {  padding-top:30px; }
	.mpower-process p { font-size:15px; }
	.mpower-process p span { font-size:14px; }

	.mk-power-imgbox { padding:15px 10px;  }
	.mak-container .tab-container { padding-bottom:50px;  }

}
@media screen and (max-width:440px){
	.mpower-process > div { width:100%; margin-right:0; }	
	.mpower-process > div:nth-of-type(3n) { margin-right:0; }
}


.mpaper-numberlist { font-size:0;  }
.mpaper-numberlist > div {  }
.mpaper-numberlist > div.half-box { display:inline-block; vertical-align:top; width:49%; margin-right:2%; }
.mpaper-numberlist > div.half-box:nth-of-type(even) { margin-right:0; }

.mpaper-numberlist .top-titarea { padding-bottom:17px; }
.mpaper-numberlist .top-titarea u { text-decoration:none; display:inline-block; vertical-align:middle; width:30px; height:30px; line-height:30px; text-align:center; border-radius:50%; background:#222; font-family: 'Montserrat'; color:#fff; font-size:15px;  font-weight:600;  }
.mpaper-numberlist .top-titarea p { font-size:16px; color:#666; font-weight:300; padding-top:10px;}
.mpaper-numberlist .top-titarea p span { display:block; font-size:18px; color:#222;  }
.mpaper-numberlist .img-infor { display:inline-block; border:1px solid #eee; box-sizing:border-box; padding:20px; }
.mpaper-numberlist .img-infor img { max-width:100%;  }







/*채용 - 인재상 , 인사제도*/

.human-contain { padding-bottom:100px; }
.human-contain .sb-title-subject { text-align:center;  }
.human-contain .sb-title-subject.in-left-tit {text-align:left; max-width:1200px; margin:0 auto;  padding-bottom:30px;  padding-top:50px;}
.human-contain .sb-title-subject.in-left-tit.addtoppad { padding-top:150px; border-bottom:1px solid #222; padding-bottom:15px; margin-bottom:40px; }

.human-contain .hm-inbox-area + .sb-title-subject { padding-top:100px; border-bottom:1px solid #222;}

.human-contain .two-line-box { padding-top:0px; font-size:0; max-width:1200px; margin:0 auto; }
.human-contain .two-line-box > div { display:inline-block; vertical-align:top; width:49%; box-sizing:border-box; border:1px solid #ddd; padding:47px; }
.human-contain .two-line-box > div + div { margin-left:2%; }
.human-contain .two-line-box .inbox { position:relative; }
.human-contain .two-line-box .inbox > span { display:block; font-size:36px; color:#222; font-weight:600; }
.human-contain .two-line-box .inbox > p { font-size:18px; color:#222; font-weight:300; padding-top:8px;  }
.human-contain .two-line-box .inbox .round-bar { padding-top:35px;  }
.human-contain .two-line-box .inbox .round-bar > div { background:#f5f5f5; border:1px solid #ddd; height:54px; line-height:54px; border-radius:27px;  text-align:center; font-size:18px; color:#222; font-weight:300; }
.human-contain .two-line-box .inbox .round-bar > div b { font-weight:400; }
.human-contain .two-line-box .inbox .round-bar > div + div { margin-top:9px;  }

.human-contain .two-line-box .inbox i { position:absolute; right:0; top:0; width:42px; height:45px; background-position:center; background-repeat:no-repeat; background-size:contain; }
.human-contain .two-line-box .inbox i.c1 { background-image:url("/images/common/icon_hearthand.png"); }
.human-contain .two-line-box .inbox i.c2 { background-image:url("/images/common/icon_head.png"); }

.human-contain .btn-center { text-align:center; padding:79px 0 145px; }

@media screen and (max-width:1300px){
	.human-contain { padding-left:50px; padding-right:50px; }


}

@media screen and (max-width:840px){
	.human-contain .two-line-box > div { width:100%; }
	.human-contain .two-line-box > div + div { margin-left:0; margin-top:10px;  }
}

@media screen and (max-width:640px){
	.human-contain { padding-left:0px; padding-right:0px; }
	.human-contain .two-line-box { padding-left:20px; padding-right:20px; padding-top:30px; }
	.human-contain .two-line-box > div { padding:20px;  }
	.human-contain .two-line-box .inbox > span { font-size:25px; }
	.human-contain .two-line-box .inbox > p { font-size:15px;  }
	.human-contain .two-line-box .inbox .round-bar { padding-top:22px;  }
	.human-contain .two-line-box .inbox .round-bar > div { height:42px; line-height:42px; font-size:15px;  }
	.human-contain .btn-center { padding: 44px 0 80px; }

	.human-contain .sb-title-subject br { display:none; }

	.human-contain .sb-title-subject.in-left-tit { margin-left:20px; margin-right:20px;  padding-bottom:20px;}

	.human-contain .sb-title-subject.in-left-tit.addtoppad { padding-top:80px; margin-bottom:10px; } 

}


.hm-inbox-area { max-width:1200px; margin:0 auto;  }
.hm-inbox-area > div + div { padding-top:65px; }
.hm-inbox-area .under-text { padding-top:15px; }
.hm-inbox-area .under-text + .under-text  { margin-top:8px;  }
.hm-inbox-area .under-text span { font-size:18px; color:#222; font-weight:500; }
.hm-inbox-area .under-text p { font-size:18px; color:#222; font-weight:300; padding-top:5px;  }


.line-title { font-size:24px; color:#222; font-weight:500; padding-bottom:12px;  border-bottom:1px solid #222;  }

.circles-box-area { margin-top:35px; }
.circles-box-area ul { font-size:0;  text-align:center; }
.circles-box-area ul li {position:relative; display:inline-block; vertical-align:top;  width:11%; margin-right:3.8333333333%;  height:132px; border-radius:50%; background:#f3f3f3; margin-bottom:40px;  }
.circles-box-area ul li:last-of-type { margin-right:0; }
.circles-box-area ul li + li:after { content:''; position:absolute; left:-21%; top:50%; margin-top:-9px;  width:10px; height:18px; background:url("/images/common/icon_arrright_gray.png") no-repeat left top; background-size:contain; }
.circles-box-area ul li:nth-of-type(2) { background:#ececec; }
.circles-box-area ul li:nth-of-type(3) { background:#e4e4e4; }
.circles-box-area ul li:nth-of-type(4) { background:#999999; }
.circles-box-area ul li:nth-of-type(5) { background:#777777; }
.circles-box-area ul li:nth-of-type(6) { background:#555555; }
.circles-box-area ul li:nth-of-type(7) { background:#222222; }

.circles-box-area ul li div { text-align:center; padding-top:36px;   }
.circles-box-area ul li div span { font-size:18px; color:#222; font-weight:500; }
.circles-box-area ul li div p { font-size:18px; color:#666; font-weight:300; }
.circles-box-area ul li > u {position:absolute; left:0; bottom:-26px; width:100%;  text-decoration:none; font-size:14px; color:#666; font-weight:300;  text-align:center;  }

.circles-box-area ul li:nth-of-type(n+4) div span ,
.circles-box-area ul li:nth-of-type(n+4) div p { color:#fff; }



@media screen and (max-width:1300px){
	.circles-box-area ul li { height:10vw; }
	.circles-box-area ul li div { padding-top: 2.8vw; }
	.circles-box-area ul li div span ,
	.circles-box-area ul li div p { font-size:1.4vw; }
	.circles-box-area ul li > u { font-size:1.2vw; }
}

@media screen and (max-width:1000px){
	.circles-box-area ul li { width:20%; margin-right:5%; height:16.2vw; }
	.circles-box-area ul li:nth-of-type(4n) { margin-right:0;  }
	.circles-box-area ul li div { padding-top:4.9vw; }
	.circles-box-area ul li div span ,
	.circles-box-area ul li div p { font-size:2vw; }
	.circles-box-area ul li > u { font-size:1.8vw;  }

	.circles-box-area ul li + li:after { left:-14%; }

}

@media screen and (max-width:640px){
	.hm-inbox-area { padding-left:20px; padding-right:20px; padding-top:0px;  }
	.line-title { font-size:18px; padding-bottom: 7px; }
	.circles-box-area {margin-top:25px; }
	
	.circles-box-area ul li { width:37%; margin-right:6%; height:33.2vw; }
	.circles-box-area ul li:nth-of-type(2n) { margin-right:0;  }
	.circles-box-area ul li:nth-of-type(4n) { margin-right:0;  }
	.circles-box-area ul li div { padding-top: 10.3vw; }
	.circles-box-area ul li div span ,
	.circles-box-area ul li div p { font-size:4vw; }
	.circles-box-area ul li > u { font-size: 2.4vw; }
	.circles-box-area ul li + li:after { left:-11%;  }
	.circles-box-area ul li:nth-of-type(n+3) { margin-bottom:15px;  }
	
	.hm-inbox-area .under-text span { font-size:15px; }
	.hm-inbox-area .under-text p { font-size:15px;  }

}






.center-circle-bars { position:relative; margin:40px 0 20px; text-align:center;}
.center-circle-bars .circle { display:inline-block; width:130px; height:130px; background:#222;	border-radius:50%;  }
.center-circle-bars .circle p { font-size:18px; color:#fff; font-weight:500; text-align:center; padding-top:28px; line-height:1.3; }
.center-circle-bars .bar {position:absolute; top:45px; display:inline-block; width:40%; height:47px;line-height:47px; font-size:18px; color:#222; background:#ccc; border-radius:24px; }
.center-circle-bars .bar:after { content:''; position:absolute; top:50%; margin-top:-9px; width:10px; height:18px;  background-repeat:no-repeat; background-position:center; background-size:contain; }
.center-circle-bars .bar.left { left:0; background:linear-gradient( to right, #f2f2f2, #8b8b8b ); } 
.center-circle-bars .bar.left:after { right:-6.7%; background-image:url("/images/common/icon_arrright_gray.png");}
.center-circle-bars .bar.right { right:0; background:linear-gradient( to left, #f2f2f2, #8b8b8b ); } 
.center-circle-bars .bar.right:after { left:-6.7%; background-image:url("/images/common/icon_arrleft_gray.png"); }





@media screen and (max-width:1000px){
	.center-circle-bars .bar { position:relative; top:auto; width:100%;  }
	.center-circle-bars .bar:after {top:auto;  width:18px; height:10px;  margin-left:-9px; }
	.center-circle-bars .bar.left {  margin-bottom:30px;  }
	.center-circle-bars .bar.left:after {right:auto; left:50%; bottom:-19px; background-image:url("/images/common/icon_arrdown_gray.png"); }
	.center-circle-bars .bar.right { margin-top:30px;  }
	.center-circle-bars .bar.right:after {   left:50%; top:-11px; background-image:url("/images/common/icon_arrup_gray.png"); }
}


@media screen and (max-width:640px){
	.center-circle-bars .bar { font-size:15px;  }
}









.circle-plus-area { padding-top:30px;  }
.circle-plus-area > div {position:relative; display:inline-block; vertical-align:top; width:130px; height:130px; border-radius:50%;  }
.circle-plus-area > div + div { margin-left:50px; }
.circle-plus-area > div p { text-align:Center; font-size:18px; color:#222; font-weight:500; padding-top:50px; }
.circle-plus-area > div:nth-of-type(1) { background:#f3f3f3; }
.circle-plus-area > div:nth-of-type(2) { background:#e4e4e4; }
.circle-plus-area > div:nth-of-type(3) { background:#999999; }
.circle-plus-area > div + div:after { content:''; position:absolute; top:50%; margin-top:-7px;  left:-33px; width:15px; height:15px; background:url("/images/common/icon_plus_gray.png") no-repeat left top; background-size:contain; }


@media screen and (max-width:640px){
	.circle-plus-area { font-size:0; }
	.circle-plus-area > div { width:27%; height:23.9vw;  }
	.circle-plus-area > div + div { margin-left:7%; }
	.circle-plus-area > div p { font-size:3.9vw; padding-top:9.5vw;  }
	.circle-plus-area > div + div:after { left:-4.4vw; width:3vw; height:3vw; margin-top:-1.1vw;}
}

@media screen and (max-width:414px){
	.circle-plus-area > div { height: 24.3vw; }
}







.wicons-txt-list {  }
.wicons-txt-list ul { font-size:0; }
.wicons-txt-list ul li { display:inline-block; vertical-align:top; width:49%; margin-right:2%; height:215px; border-bottom:1px solid #eee;}
.wicons-txt-list ul li:nth-of-type(even) { margin-right:0;  }
.wicons-txt-list ul li > div { position:relative; padding-left:110px; margin-top:40px;  }
.wicons-txt-list ul li .imgbox { position:absolute; left:0; top:0; width:100px; text-align:Center; }
.wicons-txt-list ul li .imgbox img { display:inline-block; width:68px; height:68px;  }
.wicons-txt-list ul li .cont {  }
.wicons-txt-list ul li .cont span { display:block; font-size:18px; color:#222; font-weight:500; }
.wicons-txt-list ul li .cont p { font-size:18px; color:#222; font-weight:300; padding-top:10px; word-break:keep-all; }


@media screen and (max-width:1038px){
	.wicons-txt-list ul li { height:245px; }
}

@media screen and (max-width:850px){
	.wicons-txt-list ul li { width:100%; margin-right:0; height:auto; padding-bottom:40px;  }
}

@media screen and (max-width:640px){
	.wicons-txt-list ul li .imgbox { width:66px;  }
	.wicons-txt-list ul li .imgbox img { width:50px; height:50px;  }
	.wicons-txt-list ul li > div { padding-left:80px; margin-top:20px;  }

	.wicons-txt-list ul li { padding-bottom:20px;  }
	.wicons-txt-list ul li .cont span { font-size:15px; }
	.wicons-txt-list ul li .cont p { font-size:15px; }
}








/*알기쉬운 일관화 공장*/


.consis-contain { padding-bottom:170px;  }
.consis-contain.nbt { padding-bottom:0; }
.consis-contain img { max-width:100%; }
.consis-contain .imgbox { padding-bottom:135px; }
.consis-contain .imgbox.repb {padding-bottom:0; }
.consis-contain .imgbox + .one-btn-area { margin-top:20px;  }

.one-btn-area { text-align:center;  }
a.line-box-btn { display:inline-block; height:44px; line-height:42px; padding:0 15px; border:1px solid #222; font-size:18px; color:#222; font-weight:300; }

@media screen and (max-width:640px){
	a.line-box-btn { height:32px; line-height:30px; padding:0 10px; font-size:15px;  }
}




.bd-title { font-size:36px; color:#222; font-weight:600; padding-bottom:20px; }
.bd-title p { font-size:18px; color:#222; font-weight:300; padding-top:5px; }

.consis-contain .img-half { font-size:0; }
.consis-contain .img-half > div { display:inline-block; vertical-align:top; width:50%;  }
.consis-contain .img-half > div img { max-width:100%;  }
.consis-contain .img-half p { font-size:16px; color:#849da7; padding-top:8px;  }



.consis-contain .cc-section + .cc-section{ margin-top:110px;}
.consis-contain .cc-section img.mover { display:none; }

.consis-contain .thr-box-list { }
.consis-contain .thr-box-list ul { font-size:0; }
.consis-contain .thr-box-list ul li { display:inline-block; vertical-align:top; width:32%; margin-right:2%;  box-sizing:border-box; border:1px solid #ddd; }
.consis-contain .thr-box-list ul li:nth-of-type(3n) { margin-right:0; }
.consis-contain .thr-box-list ul li:nth-of-type(n+4) { margin-top:2%; }
.consis-contain .thr-box-list ul li div { position:relative; text-align:center; height:325px; padding-top:70px; box-sizing:border-box;  }
.consis-contain .thr-box-list ul li div img { width:85px; }
.consis-contain .thr-box-list ul li div p { font-size:18px; color:#222; font-weight:300; padding-top:20px;  padding:0 10px;  }
.consis-contain .thr-box-list ul li div span {position:absolute; left:0; bottom:20px; width:100%; box-sizing:border-box; padding:0 20px;  display:block; font-size:13px; color:#222; font-weight:300;  }
.consis-contain .thr-box-list + p { text-align:right; font-size:16px; color:#666; font-weight:300;  padding-top:10px; }



@media screen and (max-width:1000px){
	.consis-contain .thr-box-list ul li div { height:280px; padding-top: 50px; }
	.consis-contain .thr-box-list ul li div p { font-size:15px;  }
	.consis-contain .thr-box-list ul li div p br { display:none; }
}


@media screen and (max-width:788px){
	.consis-contain .thr-box-list ul li div { padding-top:20px;  }
}




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

	.consis-contain .cc-section + .cc-section { margin-top:50px;  }

	.consis-contain .thr-box-list ul li div { height:247px; padding-top: 20px; }
	.consis-contain .thr-box-list ul li div img { width:57px; }
	.consis-contain .thr-box-list ul li div p { font-size:14px; }
	.consis-contain .thr-box-list ul li { width:49%; }
	.consis-contain .thr-box-list ul li:nth-of-type(3n) { margin-right:2%; }
	.consis-contain .thr-box-list ul li:nth-of-type(2n) { margin-right:0;  }
	.consis-contain .thr-box-list ul li:nth-of-type(n+4) { margin-top:0; }
	.consis-contain .thr-box-list ul li:nth-of-type(n+3) { margin-top:2%;  }
	.consis-contain .thr-box-list + p { font-size:13px;  }


	.consis-contain .thr-box-list ul li div span { font-size:12px;  }

	.consis-contain .cc-section img.mover { display:block; }
	.consis-contain .cc-section img.pcver { display:none; }
}

@media screen and (max-width:360px){
	.consis-contain .thr-box-list ul li div p { font-size:13px;  }
	.consis-contain .thr-box-list ul li div span { font-size:11px;  }
}












.cons-img-list { font-size:0; padding-top:55px; }
.cons-img-list > div {position:relative; border-top:1px solid #eee; min-height:254px; }
.cons-img-list > div + div { margin-top:60px;  }
.cons-img-list .img-box { position:absolute; left:0; top:0; width:466px; }
.cons-img-list .img-box img { width:100%;  }
.cons-img-list .info-box { padding:25px 15px 15px 515px; }
.cons-img-list .info-box span { display:block; font-size:24px; color:#222; font-weight:500; }
.cons-img-list .info-box p { font-size:16px; color:#222; font-weight:300; padding-top:20px;  }


.consis-contain.tsection { padding-top:95px; }
.consis-contain.tsection .imgbox { padding-bottom:0; padding-top:10px;  }


@media screen and (max-width:1300px){
	.consis-contain { padding-left:50px; padding-right:50px;  }	
}



@media screen and (max-width:970px){
	.cons-img-list > div { min-height:170px;  }
	.cons-img-list .img-box { width:280px; }
	.cons-img-list .info-box { padding-left:308px;  }

	.cons-img-list .info-box span { font-size:18px;  }
	.cons-img-list .info-box p { font-size:15px; }
}

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

	.bd-title { font-size:20px;  }
	.bd-title p { font-size:15px; padding-top:8px;  }


	.consis-contain { padding-left:20px; padding-right:20px; padding-bottom:50px;  }

	.consis-contain .imgbox { padding-bottom:80px; }

	.cons-img-list > div { min-height:auto;  }
	.cons-img-list > div + div { margin-top:30px;  }
	.cons-img-list .img-box { position:relative; left:auto; top:auto; width:100%;  }
	.cons-img-list .info-box { padding-left:0; padding-top:15px;  }

	.cons-img-list .info-box p { padding-top:8px;  }

	.consis-contain .img-half p { font-size:14px; }

	.consis-contain.tsection { padding-top:20px; }

}















/*--------------------------------------------------------------------------------*/


/* 3depth - 메뉴  ( ex 걸어온길 (연혁) 상단~~~) */
.thdepth-tbn-area	{ position:relative; width:100%; height:70px; font-size:0; padding-top:90px; text-align:center;  }
.thdepth-tbn-area.retpad { padding-top:20px; }
.thdepth-tbn-area ul {position:relative; z-index:1; display:inline-block; max-width:1200px;  margin:0 auto; box-sizing:border-box; /* border:1px solid #e0e0e0; */ }
.thdepth-tbn-area ul li { display:inline-block; vertical-align:top; width:200px;  border: 1px solid #e0e0e0; margin-left: -1px;}
.thdepth-tbn-area ul li a { display:block; height:70px; line-height:70px; font-size:20px; color:#222; font-weight:300;text-align:center; background:#fff;}
/* .thdepth-tbn-area ul li:last-child { border-right: none;} */
.thdepth-tbn-area ul li a.active { background-color:#222; color:#fff;  }
.thdepth-tbn-area > i { position:absolute; left:0; bottom:35px; display:block;  width:100%; height:1px; background:#e0e0e0;  }
.thdepth-tbn-area > i.full { width:100vw; left:50%; margin-left:-50vw;}

.thdepth-tbn-area ul.w6 { width:100%;  }
.thdepth-tbn-area ul.w6 li { width:16.666666666%;  }
.thdepth-tbn-area ul.w7 { width:100%;  }
.thdepth-tbn-area ul.w7 li { width:14%;  }

.thdepth-tbn-area ul.w6.table { display:table; width:100%; table-layout:fixed;  }
.thdepth-tbn-area ul.w6.table li { display:table-cell; }

.thdepth-tbn-area.fix { position:fixed; left:0; top:98px; padding-top:0; width:100%; padding:0;  z-index:94; }

.thdepth-tbn-area.fix + .thdepth-tbn-area-emptybox { height:140px; }

.thdepth-tbn-area.widefull {   }
.thdepth-tbn-area.widefull > i { width:100vw; left:50%; margin-left:-50vw;}


@media screen and (max-width:900px){
	.thdepth-tbn-area { padding-top:10px; }
	.thdepth-tbn-area ul { font-size:0; }
	.thdepth-tbn-area ul li { display:inline-block; }
	.thdepth-tbn-area ul li a { height:40px; line-height:40px; font-size:15px;  }
	.thdepth-tbn-area > i { display:none; }
	
	.thdepth-tbn-area ul.w6 li { width:33.33333333%; }
	.thdepth-tbn-area ul.w4 { width:100%;  }
	.thdepth-tbn-area ul.w4 li { width:25%; }
}

@media screen and (max-width:640px){
	.thdepth-tbn-area.fix { top:59px;; }
	.thdepth-tbn-area.fix + .thdepth-tbn-area-emptybox { height:70px; }

	.thdepth-tbn-area { padding:0 20px; width:auto; }
	.thdepth-tbn-area ul.w2 ,
	.thdepth-tbn-area ul.w3 { width:100%;  }
	.thdepth-tbn-area ul.w2 li { width:50%; }
	.thdepth-tbn-area ul.w3 li { width:33.333333%; }
	.thdepth-tbn-area ul.w4 li { width:50%; }
	
	.thdepth-tbn-area ul li a { font-size:13px;  }

	.thdepth-tbn-area ul.w6.table { display:block; }
	.thdepth-tbn-area ul.w6.table li { display:inline-block;  }
}
@media screen and (max-width:440px){
	.thdepth-tbn-area ul.w3.cts li { width:28%; }
	.thdepth-tbn-area ul.w3.cts li:nth-of-type(2) { width:44%; }
}




/*Top going~*/
a.quick_menu { position:fixed; right:10px; bottom:170px; display:inline-block;  width:24px; height:100px; z-index:995; text-align:right; }
a.quick_menu span {position:absolute; left:0; top:5px;  display:inline-block; font-size:12px; color:#000; font-weight:300;  font-family: 'Montserrat';
transform:rotateZ(-90deg); }
a.quick_menu i { display:inline-block; width:4px; height:100px; background-color:#000;   }

@media screen and (max-width:900px){
	a.quick_menu { right:0; }
}





/*공고 - 물류입찰 -- 게시판 상단*/

.bidding-container { padding-top:80px;  padding-bottom:120px; }
.bidding-container .sb-title-subject { padding-bottom:20px;  text-align:center; }
.bidding-container .sb-title-subject + p.txt { text-align:center;  }


.bidding-container .t-box-area { font-size:0;padding-top:20px; }
.bidding-container .t-box-area > div { display:inline-block; vertical-align:top; width:48%;  }
.bidding-container .t-box-area > div + div { margin-left:4%; }
.bidding-container .t-box-area img { max-width:100%; }
.bidding-container .t-box-area p { text-align:center; padding-top:15px; }
.bidding-container .t-box-area p span {display:block; font-size:18px; color:#222; font-weight:500; }
.bidding-container .t-box-area p u { text-decoration:none; font-size:16px; color:#145d92; }
.bidding-container .t-box-area .btn { text-align:center; padding-top:15px; }



.detail-layer-contain { display:none;  z-index:200; position:fixed;left:0; top:0; width:100%; height:100%; }
.detail-layer-contain .detablelc-blind { position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); }
.detail-layer-contain .inbox { position:absolute; left:50%; top:50%; width:800px; margin-left:-400px; background:#fff; box-shadow:2px 2px 10px 0px rgba(0,0,0,0.3);
transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);-moz-transform:translateY(-50%); -o-transform:translateY(-50%);}

.detail-layer-contain .inbox > div { display:none;  font-size:15px; }
.detail-layer-contain .inbox .top {position:relative; height:50px; line-height:50px; padding:0 20px; background:#155e95; color:#fff; font-weight:500; font-size:19px; }
.detail-layer-contain .inbox .top a { position:absolute; right:0; width:50px; height:50px; background:url("/images/common/btn_close_x_wht.png") no-repeat center; background-size:25px; }
.detail-layer-contain .inbox .cont { padding:30px 20px; line-height:1.7; }
.detail-layer-contain .inbox .cont div { font-size:15px; }
.detail-layer-contain .inbox .cont div + div { margin-top:10px;  }
.detail-layer-contain .inbox .cont div:last-of-type { margin-top:30px;  }
.detail-layer-contain .inbox .cont div p { padding-left:20px; font-size:14px; margin-top:5px;}
.detail-layer-contain .inbox .cont div p span { display:block; padding-left:20px; }
.detail-layer-contain .inbox .cont div p span u { display:block; text-decoration:none; padding-left:20px; font-weight:300;}
.detail-layer-contain .inbox .cont div .redtt {color:#e00000; }
.detail-layer-contain .inbox .cont div .blutt { color:#155e95; }



@media screen and (max-width:830px){
	.detail-layer-contain {  overflow-y:auto; top:20px; left:15px;  width:calc(100% - 30px);  height:calc(100% - 40px); box-shadow:2px 2px 10px 0px rgba(0,0,0,0.3);}
	.detail-layer-contain .inbox { width:100%; margin-left:0; left:0; top:0; box-shadow:2px 2px 10px 0px rgba(0,0,0,0); box-sizing:border-box; 
	transform:translateY(0%); -webkit-transform:translateY(0%); -ms-transform:translateY(0%);-moz-transform:translateY(0%); -o-transform:translateY(0%);}
}


@media screen and (max-width:640px){
	.bidding-container { padding-bottom:60px;  }
	.bidding-container .t-box-area p {padding-top:10px; }
	.bidding-container .t-box-area p span { font-size:16px; }
	.bidding-container .t-box-area p u { font-size:14px; }

	.detail-layer-contain .inbox .top { height:40px; line-height:40px; padding:0 10px; font-size:16px; }
	.detail-layer-contain .inbox .top a { width:40px; height:40px;  }
	.detail-layer-contain .inbox .cont { padding:15px 10px;  }
	.detail-layer-contain .inbox .cont div { font-size:14px; }
	.detail-layer-contain .inbox .cont div p { font-size:13px;  }
}












a.plus-box-btn { display:inline-block; padding:10px 20px; font-size:15px; color:#222; font-family:'Montserrat','Noto Sans KR';  font-weight:600; border:1px solid #222; letter-spacing:-1px;}
a.plus-box-btn i { position:relative; display:inline-block; vertical-align:baseline; width:12px; height:12px; margin-left:10px;  }
a.plus-box-btn i:after {content:''; position:absolute; left:5px; top:0; width:2px; height:100%; background:#222; }
a.plus-box-btn i:before {content:''; position:absolute; left:0; top:5px; width:100%; height:2px; background:#222; }

@media screen and (max-width:640px){
	a.plus-box-btn { padding:8px 17px; font-size:13px; }
	a.plus-box-btn i { width:9px; height:9px; }
	a.plus-box-btn i:after { width:1px; left:4px;}
	a.plus-box-btn i:before { height:1px; top:4px;   }

}




.ethic-four-boxes { font-size:0; padding-top:44px;  } 
.ethic-four-boxes ul {  }
.ethic-four-boxes ul li {display:inline-block; vertical-align:top; width:22%; margin-right:4%; text-align:center;}
.ethic-four-boxes ul li:last-of-type{margin-right:0; }
.ethic-four-boxes ul li .box { border:1px solid #e7e7e7; height:205px; box-sizing:border-box; padding-top:45px;  }
.ethic-four-boxes ul li .box img {  }
.ethic-four-boxes ul li .box p { font-size:22px; color:#222; padding-top:20px;  }
.ethic-four-boxes ul li .txt { padding-top:16px; font-size:18px; color:#222; font-weight:300;  }

.ethic-four-boxes + div { font-size:18px; color:#222; font-weight:500; border-top:1px solid #222; margin-top:30px; padding-top:20px; }
.ethic-four-boxes + div p { text-align:right; font-size:18px; color:#222; font-weight:300;  }
.ethic-four01 { text-align:right; font-size:18px; color:#222; font-weight:300;  }
.ethic-four-boxes + div p img { display:inline-block; vertical-align:middle;  }


.left-tit-txt-list { border-top:1px solid #222; border-bottom:1px solid #222; padding-top:10px; padding-bottom:10px;  }
.left-tit-txt-list > div { position:relative; padding:30px 0;	 }
.left-tit-txt-list > div + div { border-top:1px solid #eee;  }
.left-tit-txt-list > div span { position:absolute; left:0; top:30px;font-size:22px; color:#222;  }
.left-tit-txt-list > div .ri-txt { padding-left:160px; font-size:22px; color:#222; font-weight:300; line-height:1.3;  }



.left-tit-txt-list > div .ri-txt b { font-weight:500;  }

.left-tit-txt-list > div .ri-txt ul.lett-cir-list { padding-top:30px;   }

.left-tit-txt-list.type2 {border-bottom:0;}
.left-tit-txt-list.type2 > div .ri-txt { padding-left:0px;  line-height:normal;}
.left-tit-txt-list.type2 > div .ri-txt ul.lett-cir-list { padding-top:0px;   }

.left-tit-txt-list.type2 > div + div {padding-top:10px;}




ul.lett-cir-list li { position:relative; font-size:18px; color:#222; font-weight:300; padding-left:40px; }
ul.lett-cir-list li + li {margin-top:10px;  }
ul.lett-cir-list li u { text-decoration:none; position:absolute; left:0; top:0; width:27px; height:27px; border-radius:50%; xbackground:#000; text-align:center; line-height:30px; font-size:16px; color:#006bb7; font-family: 'Montserrat'; border:1px #006bb7 solid; }



.left-tit-txt-list1 { border-top:1px solid #222; border-bottom:1px solid #222; padding-top:10px; padding-bottom:10px;  }
.left-tit-txt-list1 > div { position:relative; padding:30px 0;	 }
.left-tit-txt-list1 > div + div { border-top:1px solid #eee;  }
.left-tit-txt-list1 > div span { position:absolute; left:0; top:30px;font-size:22px; color:#222;  }
.left-tit-txt-list1 > div .ri-txt { padding-left:160px; font-size:22px; color:#222; font-weight:300; line-height:1.3;  }
.left-tit-txt-list1 > div .ri-txt b { font-weight:500;  }

.left-tit-txt-list1 > div .ri-txt ul.lett-cir-list { padding-top:30px;   }


ul.lett-cir-list1 li { position:relative; font-size:18px; color:#222; font-weight:300; padding-left:40px; }
ul.lett-cir-list1 li + li {margin-top:10px;  }
ul.lett-cir-list1 li u { text-decoration:none; position:absolute; left:0; top:0; width:27px; height:27px; border-radius:50%; xbackground:#000; text-align:center; line-height:30px; font-size:16px; color:#06be0f; font-family: 'Montserrat'; border:1px #06be0f solid; }

.text01{ font-size: 18px;
    color: #222;
    font-weight: 500;
    border-top: 1px solid #eee;
    margin-top: 30px;
    padding-top: 20px;
}

/*ul.lett-cir-list li u { text-decoration:none; position:absolute; left:0; top:0; width:27px; height:27px; border-radius:50%; background:#000; text-align:center; line-height:27px; font-size:16px; color:#fff; font-family: 'Montserrat'; }*/


.left-tit-txt-list > div .ri-txt p.btn {margin-top:20px; }
.left-tit-txt-list > div .ri-txt a.inbox-btn {display:inline-block;  height:46px; line-height:46px; padding:0 30px; background:#222; font-size:18px; color:#fff; font-weight:500;  }

.left-tit-txt-list > div .ri-txt a.inbox-btn img {width: 18px; height: auto; margin-left: 5px;}

@media screen and (max-width:768px){
	.ethic-four-boxes ul li .box p { font-size:18px;  }

	.ethic-four-boxes ul li { width:48%; margin-right:4%; margin-bottom:5%; 	  }
	.ethic-four-boxes ul li:nth-of-type(2n) {margin-right:0;  }
	.ethic-four-boxes ul li .txt { font-size:15px; padding-top:13px; } 
	.ethic-four-boxes ul li .box { height:132px; padding-top: 19px; }
	.ethic-four-boxes ul li .box img { width:55px;  }
	.ethic-four-boxes ul li .box p { padding-top:6px;  }




	.left-tit-txt-list > div span { position:relative; left:auto; top:auto; font-size:18px; }
	.left-tit-txt-list > div .ri-txt { padding-left:0; padding-top:10px;  font-size:15px; }
	.left-tit-txt-list > div {padding:10px 0;  }

	.left-tit-txt-list > div .ri-txt ul.lett-cir-list { padding-top:20px; } 
	.left-tit-txt-list > div .ri-txt ul.lett-cir-list1 { padding-top: 20px;}
	ul.lett-cir-list li { font-size:15px; padding-left: 28px; }
	ul.lett-cir-list li u { width:20px; height:20px; line-height:20px; font-size:13px; ; }

	.left-tit-txt-list > div .ri-txt a.inbox-btn { height:35px; line-height:35px; padding:0 15px; font-size:15px; ; }

	.left-tit-txt-list1 > div span { position:relative; left:auto; top:auto; font-size:18px; }
	.left-tit-txt-list1 > div .ri-txt { padding-left:0; padding-top:10px;  font-size:15px; }
	.left-tit-txt-list1 > div {padding:10px 0;  }

	.left-tit-txt-list1 > div .ri-txt ul.lett-cir-list { padding-top:20px; } 
	.left-tit-txt-list1 > div .ri-txt ul.lett-cir-list1 { padding-top: 20px;}
	ul.lett-cir-list1 li { font-size:15px; padding-left: 28px; }
	ul.lett-cir-list1 li u { width:20px; height:20px; line-height:20px; font-size:13px; ; }

	.left-tit-txt-list1 > div .ri-txt a.inbox-btn { height:35px; line-height:35px; padding:0 15px; font-size:15px; ; }

	.text01 {  font-size:15px; ; }

	.left-tit-txt-list > div .ri-txt a.inbox-btn img {width: 14px;}
}


@media screen and (max-width:640px){
	.ethic-four-boxes + div { font-size:15px;  }
	.ethic-four-boxes + div p { font-size:13px;  }
	.ethic-four-boxes + div p img { width:100px;  }
	.ethic-four01{ font-size: 13px;}
	.ethic-four01 { font-size:13px;  }

}






.ethic-rep-t-tbn { text-align:center;  }
.ethic-rep-t-tbn a { display:inline-block; vertical-align:top; width:330px; height:66px; line-height:66px; background:#222; font-size:18px; color:#fff; font-weight:500;  }
.ethic-rep-t-tbn a i { display:inline-block; vertical-align:middle; width:22px; height:22px; background-repeat:no-repeat; background-position:center; background-size:contain; }
.ethic-rep-t-tbn a:first-of-type i { background-image:url("/images/sub/icon_phn1.png"); }
.ethic-rep-t-tbn a:last-of-type i { background-image:url("/images/sub/icon_phn2.png");  }


.ethic-dot-list { padding-top:20px;  }
.ethic-dot-list p {position:relative; font-size:18px; color:#666; padding-left:12px; margin-bottom:8px; line-height:1.4; font-weight:300;  }
.ethic-dot-list p:after { content:''; position:absolute; left:0; top:12px; width:2px; height:2px; background-color:#969696;  }
.ethic-dot-list p b { color:#222; }

.ethic-box.ri-emp { padding-bottom:50px;  }

.ethic-box + .ethic-box { margin-top:60px;  }

.in-ethicsection {position:relative; margin-top:20px; padding-right:150px;  }
.in-ethicsection > div { font-size:18px; color:#222; font-weight:300;  font-family:'Montserrat','Noto Sans KR'; }
.in-ethicsection > div + div { margin-top:20px; }
.in-ethicsection > div  { display:block;  font-weight:500;padding-bottom:10px;   }

.in-ethicsection img.qr { position:absolute; right:0; top:0
/* transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);-moz-transform:translateY(-50%); -o-transform:translateY(-50%);  */}

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

	.ethic-rep-t-tbn a {height: 35px; line-height: 35px;  padding: 0 15px; width: auto; font-size: 15px;}

}


@media screen and (max-width:640px){
	.in-ethicsection {padding-right:0; }
	.in-ethicsection img.qr { position:relative; right:auto; top:auto; transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0);-moz-transform:translateY(0); -o-transform:translateY(0);  width:100px; }
	.in-ethicsection .qrbox { text-align:center;  }

	.in-ethicsection > div { font-size:15px;  }

	.ethic-dot-list p {font-size:15px;  padding-left:8px; }
	.ethic-dot-list p:after  { top:10px; }

	.in-ethicsection .qrbox { padding-top:20px;  }
	.ethic-box.ri-emp { padding-bottom:0;	 }
	.ethic-box + .ethic-box { margin-top:30px; }
}





/*제품 - 종이*/

.paper-cate-list { margin-top:90px; 	 }
.paper-cate-list ul { font-size:0; /* padding-left:16.6666%;  */ }
.paper-cate-list ul li { display:inline-block; vertical-align:top; width:20%; margin-bottom:20px; }
.paper-cate-list ul li > div { padding:0 0 0 20px; }
.paper-cate-list ul li > div .catetitle {/*  display:none; */ font-size:20px; font-weight:500; color:#222; height:70px; line-height:70px;  }
.paper-cate-list ul li .in-cate {  }
.paper-cate-list ul li .in-cate + .in-cate { padding-top:30px;  }
.paper-cate-list ul li .in-cate > span { display:block; font-size:20px; color:#222; font-weight:500; padding-bottom:10px; border-bottom:3px solid #000; margin-right:20px;}
.paper-cate-list ul li .in-cate .indep { padding-top:17px;  }
.paper-cate-list ul li .in-cate .indep > p { font-size:18px; color:#222; font-weight:300; padding-bottom:16px;	line-height:1.2; }

.paper-cate-list ul li .in-cate .b-cate { margin-top:50px;  }
.paper-cate-list ul li .in-cate .b-cate > span { display:block; font-size:20px; color:#222; font-weight:500; padding-bottom:20px; }

/*네오프레 브랜드페이지 바로가기*/
a.btn-neoforet { font-size:16px; color:#222; display:inline-block; height:37px; line-height:37px; padding:0 15px; background:#222; color:#fff; margin-left: 20px; border-radius: 25px; }
a.btn-neoforet img{ width: 15px;  margin: 10px 10px 0 10px;}
/*a.btn-neoforet-icon { display: inline-block; text-align:right; background: url("/images/common/icon/neoforet_icon.png");}*/


@media screen and (max-width:820px){
	.paper-cate-list { margin-top:20px; }
	.paper-cate-list ul { padding-left:0; }
	.paper-cate-list ul li { width:50%;  padding-bottom:30px; }
	.paper-cate-list ul li > div .catetitle  { display:block;  padding-top:30px;  padding-bottom:10px; }
	.paper-cate-list ul li .in-cate > span { font-size:16px; }
	.paper-cate-list ul li .in-cate .indep > p { font-size:15px;  }
	.paper-cate-list ul li .in-cate .b-cate { margin-top:20px;  }
	.paper-cate-list ul li .in-cate .b-cate > span { font-size:16px;  }
    a.btn-neoforet { margin-left: 0px; }
}




/**n**/

.paper-top-search { margin:25px 20px 10px 20px; }



.pro-cate-area { font-size:0; margin-top:90px; }
.pro-cate-area > div {  }
.pro-cate-area > div + div { margin-top:20px;  }
.pro-cate-area > div > div { display:inline-block; vertical-align:middle;  }
.pro-cate-area .fir-cate-box { width:250px; vertical-align:top; }
.pro-cate-area .fir-cate-box.on a.btn-catebox { background:#222;  }
.pro-cate-area .fir-cate-box.on a.btn-catebox span { color:#fff; }
.pro-cate-area .sub-sec-catelist {  width:calc(100% - 270px);  margin-left:20px; }
.pro-cate-area .sub-sec-catelist > div { display:inline-block; vertical-align:top; width:32%; margin-right:2%; margin-bottom:2%; }
.pro-cate-area .sub-sec-catelist > div:nth-of-type(3n) { margin-right:0; }

.pro-cate-area .sub-sec-catelist .sub-cateselect {position:relative;  }
.pro-cate-area .sub-sec-catelist .sub-cateselect .in-list { display:none; /* z-index:10;  position:absolute; left:0; top:60px; */ width:100%; box-sizing:border-box;  padding:15px 15px; border-top-width:0; background:#fff;}
.pro-cate-area .sub-sec-catelist .sub-cateselect .in-list a { display:block; font-size:18px; color:#222; font-weight:300; padding:3px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}


a.btn-sc-select { position:relative; display:block; height:60px; border-bottom:3px solid #222; box-sizing:border-box; line-height:57px; padding:0 30px 0 15px; font-size:20px; color:#222; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
a.btn-sc-select i { position:absolute; right:0; top:0; width:30px; height:60px; background-repeat:no-repeat; background-position:center; background-size:12px; background-image:url("/images/common/icon_triangle_black_down.png"); }
a.btn-sc-select.on i { background-image:url("/images/common/icon_triangle_black_up.png"); }



a.btn-catebox { display:table; width:100%;  height:60px;  padding:0 15px; text-align:center; border:1px solid #222; background:#fff; box-sizing:border-box; 
transition:all .3s ease; -webkit-transition:all .3s ease; -ms-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; }
a.btn-catebox span { display:table-cell; vertical-align:middle; font-size:20px; color:#222; font-weight:300;  }
a.btn-catebox:hover { background:#222; color:#fff; }
a.btn-catebox:hover span { color:#fff; }

@media screen and (max-width:1110px){
	.pro-cate-area .fir-cate-box { width:200px }
	.pro-cate-area .sub-sec-catelist {  width:calc(100% - 215px); margin-left:15px;  }
}

@media screen and (max-width:1000px){
	.pro-cate-area .sub-sec-catelist > div { width:49%;  }
	.pro-cate-area .sub-sec-catelist > div:nth-of-type(3n) { margin-right:2%; }
	.pro-cate-area .sub-sec-catelist > div:nth-of-type(2n) { margin-right:0; }
}

@media screen and (max-width:700px){
	.pro-cate-area { margin-top:30px;  }
	.pro-cate-area .fir-cate-box { width:100%;  }
	.pro-cate-area .sub-sec-catelist {  width:100%; margin-left:0; margin-top:15px; }

	a.btn-catebox { height:50px;  }
	a.btn-catebox span { font-size:16px;  }

	a.btn-sc-select {height:50px; line-height:47px; padding:0 20px 0 10px; font-size:15px; }
	a.btn-sc-select i { width:20px; height:50px; background-size:8px;	} 

	.pro-cate-area .sub-sec-catelist .sub-cateselect .in-list { padding:15px 10px;  }
	.pro-cate-area .sub-sec-catelist .sub-cateselect .in-list a { font-size:15px;  }

	.paper-top-search { margin:30px 20px 10px 20px; }
}









.pro-titlearea {position:relative; padding-top:50px; max-width:1200px; margin:0 auto;  }
.pro-titlearea a.btn-alllist { position:absolute; right:0; bottom:-60px; width:150px; height:45px; line-height:45px; background:#222; text-align:center; font-size:18px; color:#fff; font-weight:500;  } 

@media screen and (max-width:640px){
	.pro-titlearea a.btn-alllist { width:100px; height:32px; bottom:10px; right:10px;  line-height:32px; font-size:15px; }
}



.four-depth-area { text-align:center;  font-size:0; margin-top:90px; padding-bottom:70px;  }
.four-depth-area ul { }
.four-depth-area ul li { display:inline-block; vertical-align:top; width:16.666666%;  }
.four-depth-area ul li a { display:block; text-align:center;  padding:15px 0 18px 0;  font-size:20px; font-weight:300; }
.four-depth-area ul li a.on { border-bottom:3px solid #000; padding:15px 0 15px 0; font-weight:500; }

.fourdep-tabs-contain {  }
.fourdep-tabs-contain > div { display:none; }
.fourdep-tabs-contain > div:first-of-type { display:block; }
.fourdep-tabs-contain > div .tit { font-size:36px; color:#222; font-weight:600; }

.fourdep-tabs-contain .in-prolist {  }
.fourdep-tabs-contain .in-prolist ul { font-size:0; }
.fourdep-tabs-contain .in-prolist ul li { display:inline-block; vertical-align:top; width:25%;  text-align:center;  padding:5% 0 7%;}
.fourdep-tabs-contain .in-prolist ul li a { display:block; padding:0 10%;  }
.fourdep-tabs-contain .in-prolist ul li a .cir {position:relative; width:100%; height:240px; background:#000; border-radius:50%; overflow:hidden;  }
.fourdep-tabs-contain .in-prolist ul li a .cir img { width:100%; height:100%;  }
.fourdep-tabs-contain .in-prolist ul li a p { font-size:18px; color:#222; font-weight:300; margin-top:18px;   }
.fourdep-tabs-contain .in-prolist ul li a:hover .cir:after { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5) url("/images/sub/icon_thin_plus.png") no-repeat center; }


@media screen and (max-width:1240px){
	.fourdep-tabs-contain .in-prolist ul li a .cir { height:19vw; }
}

@media screen and (max-width:900px){
	.fourdep-tabs-contain .in-prolist ul li {  width:33.333333%; }
	.fourdep-tabs-contain .in-prolist ul li a .cir { height:24.9vw; }

	.fourdep-tabs-contain > div .tit { font-size:28px; }

	.four-depth-area ul li { width:25%;  }
	.four-depth-area ul li a { font-size:18px; padding:10px 0 13px 0; }
	.four-depth-area ul li a.on { padding:10px 0 11px 0; border-bottom-width:2px; }
}
@media screen and (max-width:640px){
	.fourdep-tabs-contain .in-prolist ul li {  width:50%; }
	.fourdep-tabs-contain .in-prolist ul li a .cir { height:36.1vw; }
	.fourdep-tabs-contain .in-prolist ul li a p { font-size:15px;  }
	
	.fourdep-tabs-contain > div .tit { font-size:18px; }

	.four-depth-area { margin-top:10px; padding-bottom:10px; }
	.four-depth-area ul li { width:33.3333333%;  }
	.four-depth-area ul li a { font-size:15px; padding:8px 0 10px 0; }
	.four-depth-area ul li a.on { padding:8px 0 8px 0; border-bottom-width:2px; }

	.fourdep-tabs-contain .in-prolist ul li a:hover .cir:after {  background-size:50px; }

}





.mate_imgbox {  }
.mate_imgbox img { max-width:100%;  }
.mate_imgbox img.mover { display:none; }
.mate_imgbox + .mate_imgbox { margin-top:88px; } 

.mete-img-list { margin-top:95px; }
.mete-img-list > div { display:table; width:100%;  }
.mete-img-list > div + div { margin-top:85px;  }
.mete-img-list > div > div { display:table-cell; vertical-align:middle;  }
.mete-img-list > div .imgarea {  width:406px; text-align:center;  }
.mete-img-list > div .imgarea img { max-width:100%;  }
.mete-img-list > div .infoarea { padding-left:60px; }
.mete-img-list > div .infoarea > div {  }
.mete-img-list > div .infoarea > div img#bk {   vertical-align: bottom; }
.mete-img-list > div .infoarea > div span { display:block; font-weight:500; font-size:22px;  }
.mete-img-list > div .infoarea > div span.use {display:inline-block; border-radius: 25px;    background: #000;    color: #fff;    width: 50px;    padding: 1px;    box-sizing: border-box; font-size:14px; text-align:center; height: fit-content; min-width: 50px;}
.mete-img-list > div .infoarea > div p { font-size:18px; color:#222; font-weight:300; padding-top:20px;  }
.mete-img-list > div .infoarea > div ul li {position:relative; padding-left:10px; font-size:18px; color:#222; font-weight:300;  word-break:keep-all; padding-top:5px;  }
.mete-img-list > div .infoarea > div ul li:after { content:''; position:absolute; left:0; top:12px; width:2px; height:2px; background:#222; }


@media screen and (max-width:1024px){
	.mete-img-list > div {table-layout:fixed;  }
	.mete-img-list > div .imgarea { width:40%; }
}


@media screen and (max-width:640px){
	.mate_imgbox + .mate_imgbox { margin-top:40px;  }

	.mate_imgbox img.pcver { display:none; } 
	.mate_imgbox img.mover { display:block; } 

	.mete-img-list { margin-top:30px;  }
	.mete-img-list > div { display:block; }
	.mete-img-list > div > div {  display:block; }
	.mete-img-list > div .imgarea { width:100%; }
	.mete-img-list > div .infoarea { padding-left:0; padding-top:10px;  }

	.mete-img-list > div + div { margin-top:40px;  }
	.mete-img-list > div .infoarea > div span { font-size:18px;  }
	.mete-img-list > div .infoarea > div p {padding-top:10px;  }
	.mete-img-list > div .infoarea > div ul {padding-top:10px;  }
	.mete-img-list > div .infoarea > div ul li { font-size:15px;  }
	.mete-img-list > div .infoarea > div ul li:after {  top:10px; }
}


/* 20230328 새로추가 */
.mete-img-list .infoarea .info-area p{font-size: 15px; display: flex; }
.mete-img-list .infoarea .info-area p span {margin-right: 8px;}
/* .mete-img-list .infoarea .info-area p a:hover {text-decoration: underline;} */


.pro-energy-boxes { font-size:0;  margin-top:109px; }
.pro-energy-boxes ul { }
.pro-energy-boxes ul li { display:inline-block; vertical-align:top; width:49%; margin-right:2%; margin-bottom:2%; box-sizing:border-box; border:1px solid #ddd; height:414px; }
.pro-energy-boxes ul li:nth-of-type(2n) { margin-right:0; }
.pro-energy-boxes ul li div { text-align:center; padding:75px 20px 0 20px;  }
.pro-energy-boxes ul li div > img { width:100px; }
.pro-energy-boxes ul li div span { display:block; font-size:22px; color:#222; font-weight:500; padding-bottom:15px; padding-top:30px;  }
.pro-energy-boxes ul li div p { font-size:18px; color:#222; font-weight:300; word-break:keep-all;  }

a.view-area {margin-left: 25px; height: 30px; width: 140px; line-height: 1.9;}
a.view-area i {width: 20px; height: 20px; margin-right: 5px;}
/* a.view-area i {width: 20px; height: 20px;} */
a.view-area:hover {background-color: #000000; color: #ffffff;}
/* a.view-area:hover i {filter: invert(100%);} */

@media screen and (max-width:1100px){
	.pro-energy-boxes ul li  {height:500px;}
	a.view-area {display: block; margin-left: 0; margin-top: 0.5rem; margin-bottom: 0.5rem; line-height: 2.1;}



}
@media screen and (max-width:800px){
	.pro-energy-boxes ul li div { padding-top:60px;}
	.pro-energy-boxes ul li div span { font-size:20px; }
	.pro-energy-boxes ul li div p { font-size:16px; }
}
@media screen and (max-width:640px){
	.pro-energy-boxes ul li { width:100%; margin-right:0; height:auto;  }
	.pro-energy-boxes ul li div { padding:30px 10px; }
	.pro-energy-boxes ul li div > img { width:50px; } 
	.pro-energy-boxes ul li div span { font-size:18px; padding-bottom:10px; padding-top:20px; }
	.pro-energy-boxes ul li div p { font-size:15px; }
}




/* 제품 - 펄프 추가 */

.emailbox {position: relative;}
.emailbox a.email_btn { display:inline-block; height:46px; line-height:46px; background: #000; color:#fff; font-size:18px; text-align:center; font-family: 'Noto Sans KR','Montserrat'; font-weight:300; position: absolute; bottom:-190px;  padding:0 30px; box-sizing: border-box; }

@media screen and (max-width: 1100px) {
	.emailbox a.email_btn {bottom:-60px;}
}
@media screen and (max-width:640px){
	.emailbox a.email_btn { font-size: 15px; }
}



/* 새로 펄프 하기 */
.pulp-mold-boxes-02 .img-area img {max-width: 100%;}
/* .pulp-mold-boxes-02 .img-area {width: 100%;} */
.pulp-mold-boxes-02 .emailbox{display: flex; font-size: 18px; color: #222222;}
.pulp-mold-boxes-02 .sp-list {margin-left: 70px; position: relative;}
.pulp-mold-boxes-02 .sp-list li{display: flex; margin-bottom: 10px;}
.pulp-mold-boxes-02 .emailbox span {color: #666666; min-width: 230px;}
.e-mail{background-color: #222;width: fit-content; font-size: 18px;margin-top: 15px; position: absolute; bottom: 8px;}
.e-mail a { color: #ffffff; height: auto;  display: block; padding: 10px 30px; font-weight: 500;}
.e-mail img {width: 18px; margin-left: 5px;}


@media(max-width:1200px) {
	.pulp-mold-boxes-02 {padding-top: 50px;}
	.e-mail {position: relative; margin-top: 20px;}
	.pulp-mold-boxes-02 .emailbox{font-size: 16px;}
	.e-mail {font-size: 15px;}
	.e-mail a {height: auto; line-height: 1.5;  padding: 10px 15px;}
	.e-mail img {width: 14px;}
	.pulp-mold-boxes-02 .sp-list {margin-left: 40px;}
	.pulp-mold-boxes-02 .emailbox span {min-width: 200px;}

}

@media(max-width:768px) {

	.pulp-mold-boxes-02 .emailbox {flex-direction: column;}
	.pulp-mold-boxes-02 .sp-list {margin-left: 0px; margin-top: 20px;}
	.pulp-mold-boxes-02 .img-area img {width: 100%;}
    .pulp-mold-boxes-02 .emailbox span {min-width: 50%;  max-width: 50%;padding-right: 10px;}
}



/* 제품 - 펄프 몰드 */

.subcontain1920.pmold .pmold01 .in-box02 > img { position: absolute;left: 0;top: 0;}
.subcontain1920 .pmold01 {position: relative;}
.subcontain1920 .pmold01 i.gbox { position: absolute; left: 0;top: auto; bottom: 0; width: 23%; height: 278px; background: #f5f5f5;}
.pmold01 .in-box02 img { max-width:100%;  }
.pmold01 .in-box02 { padding-left: 430px;}
.pmold .situation01 .sb-title-subject { padding: 35px 0 40px;}
.sb-title-subject.small {font-size: 32px;color: #222; font-weight: 300;line-height: 1.2;word-break: keep-all;}
.subcontain1920.pmold .situation01 { height: 410px;}


.pulp-mold-container { margin-top:40px; }
.pulp-mold-title .sb-title-subject { padding: 35px 0 40px;}
.pulp-mold-boxes { font-size:0; }
.pulp-mold-boxes ul li { display:inline-block; vertical-align:top; width:32%; margin-right:2%; margin-bottom:2%; box-sizing:border-box; border:1px solid #ddd;  }
.pulp-mold-boxes ul li:nth-of-type(3n) { margin-right:0; }
.pulp-mold-boxes ul li div { text-align:center; padding:35px 15px 0 15px; height: 200px; }
.pulp-mold-boxes ul li div > img { width:60px; }
.pulp-mold-boxes ul li div span { display:block; font-size:22px; color:#222; font-weight:500; padding-bottom:15px; padding-top:30px;  }
.pulp-mold-boxes ul li div p { font-size:18px; color:#222; font-weight:300; word-break:keep-all;  }

.pmold02 { margin-bottom: 65px;  margin-top: 55px;}
.subcontain1920 .pmold02 {position: relative;}
.subcontain1920 .pmold02 .in-box01 > img { position: absolute; right: 0; top: 0;}
.subcontain1920 .pmold02 i.gbox { position: absolute; right: 0;bottom: 0; width: 23%; height: 278px; background: #f5f5f5;} 
.pmold02 .in-box02 img { max-width:100%;  }

.subcontain1920.pmold .pm_txt {font-size: 18px;} 
.pmold02 .in-box01 a.email_btn { display:inline-block; height:46px; line-height:46px; background: #000; color:#fff; font-size:18px; text-align:center; font-family: 'Noto Sans KR','Montserrat'; font-weight:300; margin-top:40px;  padding:0 30px; box-sizing: border-box;}


@media screen and (max-width:1300px){
  .pulp-mold-boxes ul li  {height:270px;} 
  .pmold_1200 {padding: 0 50px; box-sizing: border-box;}
}

@media screen and (max-width:1100px){
	.subcontain1920.pmold .situation01 { height:auto; margin-top: 20px; }
	.subcontain1920.pmold .situation01 .in-box02 { padding-left:441px;  }
	.subcontain1920.pmold .situation01 .in-box02 > img { width:400px; left:0; top: 0;  }
	.subcontain1920.pmold .situation01 .in-box01 { padding-right:440px; }
	.subcontain1920.pmold .situation01 .in-box01 > img { width:400px; right:0px; top: 0; }
	.pmold02  {padding-top: 0; padding-bottom: 250px;}
	.subcontain1920 .pmold01 i.gbox {top: 30%;}
	.pulp-mold-boxes ul li { width:49%; margin-right:2%;  }
	.pulp-mold-boxes ul li:nth-of-type(2n) {margin-right:0 ; }
	.pulp-mold-boxes ul li:nth-of-type(3) {margin-right:2%; }

}

 @media screen and (max-width:930px){
	.subcontain1920.pmold .situation01 { padding-left: 30px; padding-right: 30px;}
	.subcontain1920.pmold .situation01 .in-box02 { padding-left: 330px; }
	.subcontain1920.pmold .situation01 .in-box02 > img { width:300px; }
	.subcontain1920.pmold .situation01 .in-box01 { padding-right: 330px; }
	.subcontain1920.pmold .situation01 .in-box01 > img { width:300px;}
	
	.pmold02  {padding-bottom: 130px;}
	.subcontain1920 .pmold01 i.gbox { height: 200px;}
	.subcontain1920 .pmold02 i.gbox { height: 200px;}
	.pmold_1200 {padding: 0 30px; box-sizing: border-box;}

	
	/* .subcontain1920.pmold  p { font-size:18px;} */

}

@media screen and (max-width:800px){
	.pulp-mold-boxes ul li div { padding-top:60px;  }
	.pulp-mold-boxes ul li div span { font-size:20px; }
	.pulp-mold-boxes ul li div p { font-size:16px; }
	/* .subcontain1920 .pmold01 i.gbox {top: 20%;} */

	.pmold02 .in-box01 a.email_btn { font-size: 15px; }
}
@media screen and (max-width:710px){	

	.subcontain1920.pmold .situation01 { padding:0 20px; margin-top:50px;}
	.subcontain1920.pmold .situation01 .in-box01 { padding-right:0; }
	.subcontain1920.pmold .situation01 .in-box02 { padding-left:0; padding-top:0; }
	.subcontain1920.pmold .situation01 .in-box01 > img { position:relative; width:100%; top:auto; left:auto; right:auto; padding:20px 0; }
	.subcontain1920.pmold .situation01 .in-box02 > img { position:relative; width:100%; top:auto; left:auto; right:auto; padding:20px 0; }
	.pmold_1200 {padding: 0 ;}
	.subcontain1920.pmold .situation01 .in-box01 > img.ver1 { display:none; }
	.subcontain1920.pmold .situation01 .in-box01 > img.ver2 { display:block; }
	.pulp-mold-boxes ul li div { height: auto;}
	.pmold_1200 {padding: 0 20px;}
	.subcontain1920 .pmold01 i.gbox {top:25%;}
	.subcontain1920 .pmold02 i.gbox { top: 35%;}
	.pmold .situation01 .sb-title-subject {padding: 10px 0 40px; font-size: 31px;}
	.pulp-mold-title .sb-title-subject {padding: 10px 0 40px; font-size: 31px;}
	
	.subcontain1920.pmold .situation01.pmold02 { margin-top:0;}

	.subcontain1920.pmold .pm_txt {font-size: 15px;}
	
}

@media screen and (max-width:640px){
	.pulp-mold-boxes ul li { width:100%; margin-right:0; height:auto;  }
	.pulp-mold-boxes ul li div { padding:30px 10px; }
	.pulp-mold-boxes ul li div > img { width:50px; } 
	.pulp-mold-boxes ul li div span { font-size:18px; padding-bottom:10px; padding-top:20px; }
	.pulp-mold-boxes ul li div p { font-size:15px; }
	.subcontain1920.pmold i.gbox { bottom:0; height:200px; }

	
}

/* 20230421 */
/* 펄프몰드 새로하기 */
.p-t {padding-top: 60px;}
.p-b {padding-bottom: 100px;}
.mold-btn {margin-top: 30px;}
.mold-btn .btn-neoforet {margin-left: 0;}
.pulp-mold-box-01 {margin-top: 40px;}
.pulp-mold-popup-area ul {display: flex; flex-wrap: wrap;  margin-right: -35px; margin-left: -35px; margin-bottom: -70px;}
.pulp-mold-popup-area li {width: 240px; margin-right: 35px; margin-left: 35px; margin-bottom: 70px;}
.pulp-mold-popup-area a {display: block;}
.pulp-mold-popup-area a:hover .img-hover{opacity: 1;}
.pulp-mold-popup-area .img-area{ width: 240px; height: 240px; border-radius: 50%; overflow: hidden; position: relative;}
.pulp-mold-popup-area .img-area .img-hover{ width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); position: absolute; opacity: 0; /* transition: all linear 0.3s; */}
.img-hover::after {content: ""; width: 30%; height: 1px; background-color: #ffffff; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%);}
.img-hover::before {content: ""; width: 30%; height: 1px; background-color: #ffffff; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%) rotate(90deg);}

.pulp-mold-popup-area img{ max-width: 100%;}
.pulp-mold-popup-area strong {font-size: 18px; font-weight: 300; margin-top: 25px; text-align: center; display: block;}


/* .popup-area {z-index: 200;position: fixed; left: 0;top: 0;width: 100%;height: 100%;}
.popup-area .bag-blind {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);} */
.ma-envi-layer-contain .inlayer02 {max-height: 979px;}

.pop-img {max-width: 100%;}
.btn_close_white { position: absolute;right: 40px;top: 40px;width: 37px;height: 43px;}
.btn_close_white img {filter: invert(100%);}

#mold-contain .inlayer {box-shadow: none; border: none; background: transparent; height: auto; max-height: calc(100vh - 200px); max-width: auto; max-width: 1200px;}

@media screen and (max-width: 640px) {
	.btn_close_white {top: 20px; width: auto; height: auto; right: 20px;}
	.btn_close_white img{width: 21px;height: 29px;right: 20px;top: 16px;}
}

@media(max-width:768px) {
	.pulp-mold-popup-area ul {justify-content: center;}
}
.img-fluid {max-width: 100%;}


.mark-area {width: 100%; display: flex; font-size: 18px;}
.mark-img-area {width: calc(50% - 20px); margin-right: 20px;  height: 550px; position: relative; }
.mark-img-area>div {background-color: #f5f5f5;width: 100%; height: 100%; box-sizing: border-box; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: flex; align-items: center; justify-content: center; padding: 30px; box-sizing: border-box;}
.mark-img-area img {max-width: 100%; }
.mark-img-area>div.active {/* display: flex; */ z-index: 999999;}
.mark_title {width: calc(50% - 20px); margin-left: 20px;}
.mark_title li {border-top: 1px solid #cfcfcf; }
.mark_title li:last-child {border-bottom: 1px solid #cfcfcf;}
.mark_title li a {display: flex; justify-content: space-between; align-items: center; height: 100%;padding: 25px 30px; box-sizing: border-box; flex-wrap: wrap; position: relative; padding-right: 145px; word-break: break-all;}
.mark_title li span {color: #ffffff; display: none; position: absolute; right: 30px; top: 50%; transform: translateY(-50%);}
.mark_title li img {width: 20px; vertical-align: text-top; margin-left: 5px;}
.mark_title .title.active {background-color: #222222;color: #ffffff;}
.mark_title .title.active span{display: block;}
/* .mark_title li a:hover {background-color: #222222;color: #ffffff;}
.mark_title li a:hover span{display: block;} */
.mark-area-m {display: none;}

@media(max-width:768px) {
	/* .mark-area {font-size: 15px;}
	.mark-area {flex-direction: column;}
	.mark-img-area {width: 100%; margin-right: 0; margin-bottom: 40px; height: 400px;}
	.mark_title {width: 100%; margin-left: 0;}
	.mark_title .title span {display: block; color: #444444;}
	.mark_title .title span img {filter: invert(100);}
	.mark_title .title.active span {color: #ffffff;}
	.mark_title .title.active img {filter: invert(0); }
	.mark-img-area img {max-height: 60%; max-width: 60%;} */

	.mark-area {display: none;}
	.mark-area-m {display: block; text-align: center; font-size: 15px;}
	.mark-area-m li {margin-bottom: 50px;}
	.mark-area-m strong {margin-bottom: 20px; display: block;}
	.mark-area-m .img-area {background-color: #f5f5f5; padding: 40px;}
	.mark-area-m .img-area img {max-width: 60%; max-height: 60%;}
	.mark-area-m button {background-color: #222222; margin: 0 auto; margin-top: 20px;}
	.mark-area-m button a {display: block; padding: 10px 25px; color: #ffffff; font-size: 15px;}
	.mark-area-m button img {width: 20px; vertical-align: text-top; margin-left: 5px; }
	
}


/* 신소재 */
/* 바이오플라스틱 */
.bio-area {padding-bottom: 100px;}
.bio-img-area {display: flex; justify-content: space-between;padding-top: 50px; position: relative;padding-bottom: 50px;}
.bio-img-area img {width: 33.3333%; max-width: 100%; margin-right: 20px; width: calc(33.3333% - 13.3333px);}
.bio-img-area img:last-child {margin-right: 0;}
.bio-look {margin: 0 auto;}
.bio-look a {color: #ffffff;}
.bio-look img {margin-left: 5px;}
button.bio-look {margin-top: 0;}

.bio-img-area::before {width: 460px; height: 300px; background-color: #f5f5f5; content: ""; position: absolute; left: -360px; bottom: 0; z-index: -1;}
.bio-img-area::after {width: 460px; height: 300px; background-color: #f5f5f5; content: ""; position: absolute; right: -360px; top: 0; z-index: -1;}
.bio-material-01 {margin-top: 40px;}
.bio-material-01 img { max-width: 100%;}

.bag-gray {background-color: #f5f5f5;}
.bio-area .in-box03{font-size: 18px;}
.bio-area .in-box03>div {display: flex;}
.bio-area .in-box03>div>div {width: 50%;}
.up {text-transform: uppercase;}
.bio-area  .img-area {margin-right: 40px;}
.bio-area  .img-area img {max-width: 100%;}
.in-box03 .pulp-mold-title .sb-title-subject {padding-top: 0;}
.in-box03 .pulp-mold-title {display: flex; flex-direction: column; justify-content: center;}

.bio-characteristic {background-color: #f2f3ed;}
.bio-characteristic>div {width: fit-content; margin: 0 auto; }

.bio-characteristic-01 img {max-width: 100%;}
.bio-characteristic img {max-width: 100%;}

@media(max-width:768px) {
	.bio-area .in-box03{font-size: 15px;}
	.bio-img-area {flex-wrap: wrap;}
	.bio-img-area img {width: 100%; margin-right: 0; margin-bottom: 20px;}
	.bio-img-area img:last-child { margin-bottom: 0;}
	.bio-area .in-box03>div {flex-direction: column;}
	.bio-area .in-box03>div>div {width: 100%;}
	.bio-material-02 {margin-right: 0;}
	.bio-area .img-area img {width: 100%;}
	.in-box03 .pulp-mold-title .sb-title-subject {padding-top: 35px;}
}

















































/*----------- MEMBER ---------------------------------------------------*/

/* 회원단 공통 */
#MemBody {width:100%; padding:0px 0; margin-top:0px; position:relative;}
#MemBody caption {display:none;}
#MemBody textarea { width:100%; height:200px;border:1px solid #ddd; color:#666; overflow-x:hidden; padding:5px; box-sizing:border-box;}

/* 로그인 */
.login #MemBody {padding:50px 0;}
.login #MemBody .login_title {margin-bottom:25px; padding-top:145px; background:url('/images/member/icon_login02.png') no-repeat center 0; text-align:center;}
.login #MemBody .login_title h4 {font-size:36px; font-weight:600; color:#222; letter-spacing:-0.25px;}
.login #MemBody .login_title p {padding-top:20px; font-size:18px; font-weight:300; letter-spacing:-0.2px;}
.login #MemBody .login_con {width:440px; margin:0 auto;}
.login #MemBody .login_con table {width:100%;}
.login #MemBody .login_con table input.text {width:285px; height:38px; background:#f9f9f9;}
.login #MemBody .login_con .login_util {border-top:1px solid #bfbfbf; margin-top:20px; padding-top:20px; overflow:hidden;}
.login #MemBody .login_con .login_util ul {float:left;}
.login #MemBody .login_con .login_util ul li {display:inline-block; padding-left:11px; margin-left:10px; background:url('/images/member/login_gap.gif') no-repeat 0 center; font-size:14px; letter-spacing:-0.2px; line-height:30px;}
.login #MemBody .login_con .login_util ul li:first-child {padding-left:0; margin-left:0; background:none;}
.login #MemBody .login_con .login_util ul li:hover a {text-decoration:underline;}
.login #MemBody .login_con .login_util .btn_black {float:right;}
.login .save {margin-top:-3px; margin-right:6px;}

/* 회원가입 - 약관동의 */
#MemBody.join_agree .info_check_box {padding:30px 20px; border:1px solid #cccccc; background:#f3f3f3; text-align:center;}
#MemBody.join_agree .join_agree_box {margin-top:30px;}
#MemBody.join_agree .info_check_box input.mem_name {width:100px;}
#MemBody.join_agree .info_check_box input.mem_email {width:200px;}
#MemBody.join_agree .join_agree_box .title {position:relative; display:block; margin-bottom:10px; padding-left:15px; font-size:17px;}
#MemBody.join_agree .join_agree_box .title:before {content:''; display:block; position:absolute; top:50%; left:0; width:5px; height:18px; margin-top:-9px; background:#977b5d;}
#MemBody.join_agree .join_agree_box .agree_check {padding:10px; background:#f5f5f5;}

/* 아이디/비번 찾기 */
#findIdpw {overflow:hidden;}
#findIdpw h4 {margin-bottom:20px; font-size:18px; font-weight:600; text-align:left; color:#222;}
#findIdpw .over {overflow:hidden;}
#findIdpw .find { display:inline-block; width:440px; height:260px; background:#f5f5f5; padding:40px 50px; border:1px solid #cfcfcf;}
#findIdpw .find p {padding-bottom:20px; margin-bottom:20px; border-bottom:1px dashed #c3c3c3; font-size:15px; color:#393939; line-height:22px; letter-spacing:-0.8px;}
#findIdpw .find p .blue {text-decoration:underline;}
#findIdpw .findTable {width:100%;}
#findIdpw .findTable th, 
#findIdpw .findTable td {padding:2px 2px;}
#findIdpw .findTable td input.text {width:310px; height:40px;}
#findIdpw .btn_idpw01 {width:104px; height:88px; line-height:88px;}
#findIdpw .btn_idpw02 {width:104px; height:134px; line-height:134px;}
#findIdpw.idpw_result .find {display:block; width:auto; height:auto; margin:0 auto; text-align:center;}
#findIdpw.idpw_result .find {padding-bottom:20px;}
#findIdpw.idpw_result .btnArea {width:280px; margin:0 auto;}

/*개인정보 / 이용약관*/
.rule-txt-area { max-width:1100px; width:100%; margin:0 auto 100px; }
.rule-txt-area textarea { width:100%; height:500px;  padding:10px 15px; border:1px solid #ddd; box-sizing:border-box; font-size:16px; color:#666; font-weight:300; line-height:1.5;}	
.rule-txt-area .rul-btn-box { margin-top:50px; text-align:center;  }

.rule-txt-area .mailnotice { text-align:center; padding:50px 10px;  border:1px solid #ddd; box-sizing:border-box; font-size:16px; color:#222; font-weight:400; line-height:1.5;}

/*전자결제(pay)*/
.pay {background:#fff; width:94%; padding:3%; margin-bottom:0px; margin-left:0; margin-right:0; margin-top:0;}
.pay h3 {position:relative; font-size:22px; margin-bottom:20px;  padding-left:15px; font-weight:600; color:#222;}
.pay h3:before {content:''; display:block; position:absolute; top:50%; left:0; width:5px; height:20px; margin-top:-10px; background:#977b5d;}
.pay h4 {font-size:16px; margin-bottom:10px; color:#222;}
.pay .mgB30 {margin-bottom:30px;}
.pay #Board .privacy .textarea {font-size:13px; line-height:20px;}
.pay .btnArea {text-align:center; margin-top:25px}

/*foot*/
#foot {position:relative; z-index:101;width:100%; background:#202020; }
.footWrap {position:relative; width:100%; max-width:1920px;  height:140px; margin:0 auto; position:relative; font-size:12px; box-sizing:border-box; padding:0 100px; }
.footWrap .footCnt {position:relative;  padding-top:40px; color:#999;}
.footWrap .footCnt .com-btns { margin-bottom:10px;  }
.footWrap .footCnt .com-btns a {font-size:14px; color:#fff; font-weight:300;  display:inline-block; vertical-align:top; padding-right:10px; margin-right:8px;  background:url("/images/common/util_gap2.png") right 5px no-repeat; }
.footWrap .footCnt .com-btns a:last-of-type { background:none; color:#cccccc; }
.footWrap .footCnt address {padding-bottom:3px; line-height:1.7; color:#aaa;}
.footWrap .footCnt address span { display:inline-block; font-size:12px; color:#777; padding-right:10px; margin-right:8px;  background:url("/images/common/util_gap2.png") right 3px no-repeat}
.footWrap .footCnt address em { font-style:normal; font-family: 'Montserrat'; }
.footWrap .footCnt p {padding-right:5px; vertical-align:middle;}
.footWrap .footCnt p a {color:#999;}
.footWrap .footCnt p a:hover {text-decoration:underline;}

.footWrap .footCnt span.secret { display:inline-block;  vertical-align:middle; margin-top:3px; }

.footWrap .footCnt .fam-site-area { position:absolute; right:0; top:40px;  width:230px; height:38px;  }
.footWrap .footCnt .fam-site-area > a { display:block;  color:#fff; height:40px; line-height:40px; font-size:14px;  font-family: 'Montserrat'; border:1px solid #5e5e5e; padding:0 10px;
background:#202020 url("/images/common/icon_select_arrw.png") no-repeat 95% 50%; background-size:15px 9px;  }
.footWrap .footCnt .fam-site-area ul { display:none; position:absolute; left:0; bottom:38px; width:100%; border:1px solid #5e5e5e; box-sizing:border-box; border-bottom:0; }
.footWrap .footCnt .fam-site-area li { display:block;  }
.footWrap .footCnt .fam-site-area li a { display:block; height:40px; line-height:40px; padding:0 10px; color:#fff;  font-size:14px; background:#202020;box-sizing:border-box; }
.footWrap .footCnt .fam-site-area li a:hover { background:#333; }


@media screen and (max-width:1333px ){
	.footWrap .footCnt address span.cnon { background:none; }
	.footWrap .footCnt address em.blo { display:block; }

	.footWrap .footCnt .fam-site-area { top:23px; }
}

@media screen and (max-width:900px){
	.footWrap { padding:0 20px; }
}

@media screen and (max-width:640px){
	.footWrap { height:auto;  }
	.footWrap .footCnt { padding-top:80px; padding-bottom:20px;  }
	.footWrap .footCnt .fam-site-area { right:auto; left:0;  }
}



#foot.sub { background-color:#f7f7f7;  }
#foot.sub .footWrap .footCnt .com-btns a { color:#222; }
#foot.sub .footWrap .footCnt .com-btns a:last-of-type { color:#666; background:none;}
#foot.sub .footWrap .footCnt address { color:#aaa;  }
#foot.sub .footWrap .footCnt address span { color:#777;  background: url('/images/common/util_gap3.png') right 5px no-repeat; }
#foot.sub .footWrap .footCnt .com-btns a { background: url('/images/common/util_gap3.png') right 5px no-repeat;}
#foot.sub .footWrap .footCnt .fam-site-area > a { color:#9d9d9d; background:#f7f7f7 url('/images/common/icon_select_arrw_black.png') no-repeat 95% 50%; border: 1px solid #cbcbcb; background-size: 15px 9px; }
#foot.sub .footWrap .footCnt .fam-site-area ul {border: 1px solid #cbcbcb;  }
#foot.sub .footWrap .footCnt .fam-site-area li a { background:#f7f7f7; color:#9d9d9d; }
#foot.sub .footWrap .footCnt .fam-site-area li a:hover { background:#ededed;  }


/* 관리자 로그인 */
.divbox {display:none; left:50%; position:absolute;	z-index: 1;}
.divbox .text {width:150px;}
div#box {width:400px; margin-left:-200px; text-align:center; background-color:#fff; position:fixed; left:50%; bottom:300px; z-index:9999; padding:40px 30px 20px 30px; border:5px solid #eee;}
div#box .login_center{overflow:hidden; padding:30px 0;  border-top:1px solid #222;  border-bottom:1px solid #bbb;}
div#p_input {text-align:center;}
div#p_input span.label {display:inline-block; width:90px; padding-right:10px; text-align:right;}
div.login_foot {clear:both; text-align:center; margin-top:20px;}


.govern-container.stock .tblType03 {border-top:1px solid #333;}
.govern-container.stock .tblType03 th, .tblType03 td {padding:13px 15px; text-align:center; font-weight:300; border-bottom:1px solid #d0d0d0; font-size:18px; border-left:1px solid #d0d0d0;}
.govern-container.stock .tblType03 thead th {color:#333; font-weight:300; background:#f5f5f5;}
.govern-container.stock .tblType03 tbody th {text-align:left;}
.govern-container.stock .tblType03 th:first-child {border-left:none;}
.govern-container.stock .tblType03 tfoot th {background:#f5f5f5; font-weight:400; color:#333; text-align:left;}
.govern-container.stock .tblType03 tfoot td {background:#f5f5f5; font-weight:400; color:#333;}
.govern-container.stock .tblType03 .bdl {border-left:none;}
.govern-container.stock .tblType03.topTable {margin-top:25px;}
.govern-container.stock .tblType03.kospi {margin-top:50px;}
.govern-container.stock .tblType03 th, .govern-container.stock .tblType03 td {font-size:16px;}
.govern-container.stock .tblType03 tfoot th, .govern-container.stock .tblType03 tfoot td {font-weight:300;}
.govern-container.stock .stockWrap {margin-top:50px;}
.govern-container.stock .stockWrap:after {content:''; display:block; clear:both;}
.govern-container.stock .stockWrap .left {/* float:left;  width:48%; */ width:100%;  position:relative;}
.govern-container.stock .stockWrap .right {float:right; width:48%; position:relative;}
.govern-container.stock .stockWrap .recent {font-size:40px; color:#555; font-family:'Poppins'; font-weight:600; display:inline-block; vertical-align:top; line-height:40px;}
.govern-container.stock .stockWrap .recent .plus {font-size:18px;}
.govern-container.stock .stockWrap .percent {display:inline-block; font-size:14px; line-height:21px; margin:0 0 0 50px;}
.govern-container.stock .stockWrap .percent dl:after {content:''; display:block; clear:both;}
.govern-container.stock .stockWrap .percent dt {clear:both; float:left; margin-right:10px;}
.govern-container.stock .stockWrap .percent dd {float:left;}
.govern-container.stock .stockWrap .time {font-size:14px; position:absolute; right:0; top:23px; color:#555;}
.govern-container.stock .stockWrap .p_arrow {display:block; width:90px; height:60px; text-align:center; margin:0 auto; background:url('/images/company/bg_parrow.png') no-repeat center top; color:#fff; font-size:13px; font-family:'Poppins'; font-weight:600; padding-top:20px;}
.govern-container.stock .stockWrap .m_arrow {display:block; width:90px; height:60px; text-align:center; margin:0 auto; background:url('/images/company/bg_marrow.png') no-repeat center top; color:#fff; font-size:13px; font-family:'Poppins'; font-weight:600; padding-top:20px;}
.govern-container.stock .stockWrap .kpkd {font-size:14px; font-family:'Poppins'; font-weight:400;}

/*************************************************************************/
/*************************************************************************/
/******************************* 1024px **********************************/
/*************************************************************************/
/*************************************************************************/
@media only screen and (max-width:1024px){
	.govern-container.stock .tblType03 th, .govern-container.stock .tblType03 td {font-size:12px;}
	.govern-container {padding-bottom: 40px;}
	.govern-container.stock .stockWrap .percent {float:right;}
	.govern-container.stock .stockWrap .left {float:none;width:100%;}
	.govern-container.stock .stockWrap .right {float:none;width:100%;margin-top:50px;}
	.govern-container.stock .stockWrap .time {
		font-size: 3.2vw; top:23px;position: relative;right: 0;top: 0;text-align: right;clear: both;
	}
}

a.fileDetail:hover {text-decoration:none !important;}
.fileDetail {
	font-family:'Noto Sans KR';
	border:1px solid #000;padding:7px 35px 7px 20px;border-radius:50px;color:#fff;
	background:#000 url("/images/magnifier_w.png") no-repeat right 10px center;
}





.govern-container.stock .tblType03 td em.arr { position:relative; display:inline-block; padding-left:15px; line-height:1; }
.govern-container.stock .tblType03 td.plus em.arr:after { content:''; position:absolute; left:0; top:4px; border-width:0 5px 10px 5px; border-style:solid; border-color:transparent transparent #ed1719 transparent;  }
.govern-container.stock .tblType03 td.minus em.arr:after { content:''; position:absolute; left:0; top:4px; border-width:10px 5px 0 5px; border-style:solid; border-color:#1443d9 transparent transparent transparent;  }










/*해외 영업담당자 정보 페이지*/

.global-sales-container { padding-bottom:100px;  }

.global-sales-container .sb-title-subject.padaddcen { padding-bottom:0;}

.global-sales-container #Board { padding-top:50px;  }
.global-sales-container #Board .type1 table th { background:#fafafa; }
.global-sales-container #Board .type1 table th,
.global-sales-container #Board .type1 table td { font-size:18px; }





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

	.global-sales-container .table-salse-box { padding-left:20px; padding-right:20px;  } 
	.global-sales-container .global-sales-seacrh { padding-left:20px; padding-right:20px; }

	.global-sales-container #Board { padding-top:20px;  }
	.global-sales-container #Board .type1 table thead { display:none; }
	.global-sales-container #Board .type1 table,
	.global-sales-container #Board .type1 table tbody,
	.global-sales-container #Board .type1 table tr,
	.global-sales-container #Board .type1 table td { display:block; width:100%; height:auto; padding:0; text-align:left; border:0; box-sizing:border-box;}

	.global-sales-container #Board .type1 table tr { padding:10px; border:1px solid #ddd;  }
	.global-sales-container #Board .type1 table tr + tr { margin-top:10px;  }

	.global-sales-container #Board .type1 table td a { text-decoration:underline;  }

	.global-sales-container #Board .type1 table td{ position:relative;padding:2px 0;  padding-left:80px; min-height:25px; font-size:14px;  }

	.global-sales-container #Board .type1 table td:after { position:absolute; left:0; top:0;color:#666;  }
	.global-sales-container #Board .type1 table td:nth-of-type(1):after { content:'소속';  }
	.global-sales-container #Board .type1 table td:nth-of-type(2):after { content:'이름';  }
	.global-sales-container #Board .type1 table td:nth-of-type(3):after { content:'담당지역';  }
	.global-sales-container #Board .type1 table td:nth-of-type(4):after { content:'연락처';  }
	.global-sales-container #Board .type1 table td:nth-of-type(5):after { content:'이메일';  }
	.global-sales-container #Board .type1 table td:nth-of-type(6):after { content:'담당업무';  }


}






/*  펄프 */

.pulp-mold-boxes-01 { font-size:0; margin:42px 0px 98px 0px;}
.pulp-mold-boxes-01 ul li img {width:100%;}
.pulp-mold-boxes-01 ul li { display:inline-block; vertical-align:top; width:32%; margin-right:2%; margin-bottom:2%; box-sizing:border-box;  }
.pulp-mold-boxes-01 ul li:nth-of-type(3n) { margin-right:0; }



.pulp-mold-boxes-01 ul li div span { display:block; font-size:22px; color:#222; font-weight:500; padding-bottom:15px; padding-top:30px;  }
.pulp-mold-boxes-01 ul li div p { font-size:18px; color:#222; font-weight:300; word-break:keep-all;  }


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

@media screen and (max-width:1100px){
	.pulp-mold-boxes-01 {margin-bottom:0;}
	.pulp-mold-boxes-01 ul li { width:49%; margin-right:2%;  }
	.pulp-mold-boxes-01 ul li:nth-of-type(2n) {margin-right:0 ; }
	.pulp-mold-boxes-01 ul li:nth-of-type(3) {margin-right:2%; }

}

@media screen and (max-width:800px){
	.pulp-mold-boxes-01 ul li div span { font-size:20px; }
	.pulp-mold-boxes-01 ul li div p { font-size:16px; }
	
}


@media screen and (max-width:640px){
	.pulp-mold-boxes-01 ul li { width:100%; margin-right:0; height:auto;  }
	.pulp-mold-boxes-01 ul li div { padding:20px 0 0; }
	.pulp-mold-boxes-01 ul li div span { font-size:18px; padding-bottom:10px; padding-top:20px; }
	.pulp-mold-boxes-01 ul li div p { font-size:15px; }


	/* 상자 */
	.situation09 {  margin-top:11px; margin-bottom:50px;/*  background:url("/images/company/bg_greeting03.png") no-repeat 50% -342px;  */overflow:hidden; }
	.situation09 .in-box01 { padding-right:459px;  }
	.situation09 .in-box01 > img { position:absolute; right:-100px; top:0;  }
	
}






/* 지속가능경영 */
.manage-container .bg-square-boxes { font-size:0;/*  padding-top:20px; */ text-align:center;  }
.manage-container .bg-square-boxes > div { display:inline-block; vertical-align:top; width:32%; margin-right:2%; box-sizing:border-box; transition:all .3s ease; -webkit-transition:all .3s ease; -ms-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease;}
.manage-container .bg-square-boxes > div:last-of-type { margin-right:0; }
.manage-container .bg-square-boxes img { max-width:100%;  }
.manage-container .bg-square-boxes .info { padding-top:50px; background:#f5f5f5; height:240px;}
.manage-container .bg-square-boxes .info > span { display:block; font-size:22px; color:#222; font-weight:500; }
.manage-container .bg-square-boxes .info .txt { font-size:18px; color:#444; font-weight:400; padding-top:25px;}
.manage-container .bg-square-boxes ul { display:inline-block; text-align:left; padding-top:25px; padding-left:10px; }
.manage-container .bg-square-boxes ul li { position:relative; padding-left:10px; font-size:18px; color:#222; font-weight:300; letter-spacing: -0.25px; }
.manage-container .bg-square-boxes ul li:after { content:''; position:absolute; left:0; top:13px; width:3px; height:3px; background:#222; }

.gintro2 .sb-title-subject.padtb {padding:50px 0 40px;}
.gintro2 .manage-container {margin-top:60px;}




@media screen and (max-width:1300px){
	.manage-container .bg-square-boxes .info .txt {padding:20px 10px;}
	.manage-container .bg-square-boxes .info .txt br {display:none;}

}
@media screen and (max-width:1024px){
	.manage-container .bg-square-boxes .info {padding-top:30px; height:200px;}
	.manage-container .bg-square-boxes .info > span {font-size:20px;}
	.manage-container .bg-square-boxes .info .txt {font-size:17px;}
	.manage-container .bg-square-boxes ul li {font-size:16px;}
	.manage-container .bg-square-boxes ul li:after {top:10px;}

	.gintro2 .sb-title-subject.padtb {padding: 40px 0 30px;}
}

@media screen and (max-width:850px){
	.manage-container .bg-square-boxes > div { width:100%; }
	.manage-container .bg-square-boxes > div + div { margin-top:25px; }
	.manage-container .bg-square-boxes img { width:100%;  }
	.manage-container .bg-square-boxes .info {padding:25px; height:auto;}
	.manage-container .bg-square-boxes .info .txt {padding:20px 0;}
	.manage-container .bg-square-boxes ul {padding-left:0;}

	p.catxt.ct01 br {display:none;}

}


@media screen and (max-width:640px){
	.gintro2 .sb-title-subject.padtb {padding: 20px 0 20px;}
	.sb-title-subject.small {font-size: 25px;}
	.manage-container .bg-square-boxes .info > span {font-size:18px;}
	.manage-container .bg-square-boxes .info .txt {font-size:15px;}
	.manage-container .bg-square-boxes ul li {font-size:15px;}

	.gintro2 .manage-container {margin-top:20px;}
}






/* 첨부버튼 */
.gintro2 .btn {padding-right:50px; font-size:0; box-sizing:border-box;}
a.btn-downalod { display:inline-block; width:170px; height:45px; line-height:45px; text-align:center; border:1px solid #222; background:transparent; font-size:16px; color:#222; font-weight:400;  }
a.btn-downalod:hover { background:#222; color:#fff; border-color:#222;}
a.btn-downalod + a.btn-downalod {margin-left:20px;}
.txt-eng { font-family: 'Montserrat'; }
#Board.gintro2 .one-image-area .back-gray-box > div p span {font-size:16px; padding-top:15px; font-weight:300;
/* 	display:-webkit-box;	
	-webkit-line-clamp:3; 
	-webkit-box-orient:vertical;
	white-space:normal;
	line-height:1.4em;
	height:4.2em;
	overflow:hidden;
	text-overflow:ellipsis; */
	}



@media screen and (max-width:1280px){
	a.btn-downalod {width:49%; box-sizing: border-box;}
	a.btn-downalod + a.btn-downalod {margin-left:2%;}
}
@media screen and (max-width:1024px){
	#Board.gintro2 .one-image-area .back-gray-box > div p span {font-size:15px;}
	a.btn-downalod {font-size:15px;}
}
@media screen and (max-width:788px){
	.gintro2 .btn {padding-right:20px;}

}
@media screen and (max-width:640px){
	.gintro2 .btn {padding-right:10px;}
	a.btn-downalod {font-size:14px;}
	#Board.gintro2 .one-image-area .back-gray-box > div p span {font-size:14px;}
}


/* 20230328 추가 */
/* .table-aera {margin-top: 100px;} */
.table-00 {width: 100%; font-size: 18px; text-align: center; font-weight: 300;}
/* .table-00 thead {border-top: 1px solid #222222; border-bottom: 1px solid #222222; } */
.table-00 thead th {padding: 1.5rem 2rem; border: 1px solid #eee;border-top: 1px solid #222222; /* border-bottom: 1px solid #bbbbbb;  */ background-color: #f9f9f9; font-weight: 400;}
.table-00 thead tr th:first-child {border-left: none;}
.table-00 thead tr th:last-child {border-right: none;}
.table-00 tbody td {padding: 1.5rem 2rem; border: 1px solid #eee;}
.table-00 tbody tr:first-child td{padding-top: 2rem;}
.table-00 tbody tr td:first-child {border-left: none;}
.table-00 tbody tr td:last-child {border-right: none;}
.table-00 tbody td:nth-child(3) {text-align: left;}
.list-tit-contain-02 {border: none; margin-bottom: 0;}
.table-02 span{font-weight: 300;}
.table-02 tbody th {border-bottom: 1px solid #eee; padding: 1.5rem 2rem; font-weight: 400;}
.table-02 tbody th span{font-weight: 300;}
.table-02 thead th {font-weight: 400;}

/* @media screen and (max-width:788px){

    .table-responsive {overflow-x: scroll;}
    .table-01 {width: 788px;}
} */
@media screen and (max-width:1024px){

    .table-responsive {overflow-x: scroll;}
    .table-02 {width: 1024px;}
}

@media screen and (max-width:640px){
    .table-00 {font-size: 15px;}
    .table-responsive {overflow-x: scroll;}
    .table-00 {width: 640px;}
	.table-00 tbody td {padding: 1rem; }
	.table-02 tbody th {padding: 1rem; }
	.table-00 thead th{padding: 1rem; }

}





.top-padding {padding-top: 100px;}



/* 20230329 추가 */
/* 환경경영 */
.table-03 .enviro-cir-boxes > div {width: auto; border:  none;}
.table-03 {width: calc(100% + 50px);border-collapse: separate; border-spacing: 25px; margin-left: -25px; margin-right: -25px;}
.table-03  tbody td {border: 1px solid #cfcfcf;}
.table-03  tbody th {font-weight: 400; font-size: 24px;}
.table-03 .enviro-cir-boxes > div:hover {box-shadow: none;}
.table-03 .green-title {background-color: #385723; color: #ffffff;}
.table-03 .green-title-01 {width: 100%; padding: 30px; font-size: 24px; text-transform: uppercase;}
.table-03 .green-title-02 {padding: 30px;}
.table-03 .enviro-cir-boxes .btn {padding-top: 20px;}
.table-03  .gray-area td {background-color: #eeeeee; border: none;} 
.table-03 .enviro-cir-boxes {padding-top: 0; padding: 30px;}
.table-03 .enviro-cir-boxes > div {padding: 0;}
.gray-area td>ul {padding: 25px; font-size: 18px;}
ul .dot-01 {padding-left: 10px; position: relative; color: #222; font-weight: 300;}
ul .dot-01:before {content: '';position: absolute;left: 0;top: 13px;width: 3px;height: 3px;background: #222;}
ul .dot-02 {display: flex; position: relative; padding-left: 1rem; text-align: left;}
ul .dot-02 i {width: 3px;height: 3px;background: #222; position: absolute; top: 50%; top:18px; left: 0px;}
p.new-txt-01 {margin-bottom: 15px;}

.text-box-wrap-01 .order .dot-01::before {top: 7px;}


.table-03-m .con-m>li{text-align: center; padding: 20px; }
.table-03-m {display: none;}
.table-03-m .bag-gray {background-color: #eeeeee;}
.table-m-wrap {width: 100%;}
/* .table-03-m tbody td>div>ul {margin-top:25px;} */
.subcontain1920 div.margin-top  {margin-top: 150px;}

@media(max-width:1200px) {
	.table-03 {width: 100%; border-spacing: 0; margin-left: 0; margin-right: 0;}
	.table-03 .green-title  {border: 1px solid #cfcfcf;}
	.table-03 .gray-area td {border:1px solid #cfcfcf;}
}

@media(max-width:980px) {
	.table-03 {display: none;}
	.table-03-m {display: block;}
	.table-m-wrap {max-width: 675px; margin: 0 auto;}
	.table-03 tbody td {border: none;}
	.table-03 .con-m {margin-top: 2rem; border: 1px solid #cfcfcf;}
	.table-03 .green-title {border: none;}
}

@media(max-width:640px) {
	.table-03-m .con-m>li {font-size: 18px;}
	ul .dot-02 {font-size: 15px;}
	.subcontain1920 div.margin-top {margin-top: 80px;}

}



p.txt3-new {margin-bottom: 0;}

/* .ethic-four-boxes-02 .txt-new {font-size: 18px; padding-top: 2px;} */
.ethic-four-boxes-02  ul li { margin-right: 2%; width: calc(25% - 1.5%);}
.ethic-four-boxes-02 ul li .box {height: auto; padding: 45px 24px;}
.ethic-four-boxes-02 ul li .txt-new {padding-top: 2px;}
.ethic-four-boxes-02 ul li .box p {padding-top: 14px;}
.ethic-four-boxes-02 ul li .box span {font-size: 16px; display: block; margin-bottom: 2rem; width: 35px; height: 35px; border-radius: 50%; background: linear-gradient(90deg, rgba(0,107,183,1) 0%, rgba(124,194,66,1) 100%); color: #ffffff; line-height: 2.2; margin-left: auto; margin-right: auto;}

.manage-container-02 { margin-top: 100px;}

.manage-container-03 {padding-bottom: 0; margin-top: 100px;}
.new-manage-container {padding-bottom: 0;}

.new-manage-container .ethic-four-boxes + div {border: 0; margin: 0; padding: 0;}
.new-manage-container .ethic-four-boxes-02 ul {display: flex; flex-wrap: wrap;}
/* .new-manage-container .ethic-four-boxes-02 ul li {position: relative;} */
/* .new-manage-container .ethic-four-boxes-02 ul li::after {content: ""; background-image: url("/images/sub/right.svg"); background-repeat: no-repeat; background-position: center center; background-size: contain;  position: absolute; width: 15px; height: 20px; top: 50%; transform: translateY(-50%); right: -30px;} */
.new-manage-container .ethic-four-boxes-02 ul li:last-child:after {display: none;}
/* .manage-container-03 {margin-top: 100px;} */


@media(max-width:1200px) {
	.ethic-four-boxes-02 ul li  {width: calc(50% - 1%); margin-bottom: 2%;}
	.ethic-four-boxes-02 ul li:nth-child(2) {margin-right: 0;}
	.ethic-four-boxes-02 ul li:nth-child(2)::after {display: none;}
	.new-manage-container .ethic-four-boxes-02 ul li::after { right: -6%;}

}
@media(max-width:767px) {
	.ethic-four-boxes-02 ul li {width: 100%; margin-right: 0;}
	.new-manage-container .ethic-four-boxes-02 ul li::after {display: none;}
}

@media(max-width:620px) {
	.manage-container-02 { margin-top: 80px;}

	.manage-container-03 {padding-bottom: 0; margin-top: 80px;}


}

/* 팝업창 새로하기 */
/* 첫번째 팝업창 */
.me-layer-box .inbox .inbox-text {font-size: 24px;}
.text-box-wrap-01 {font-size: 18px;}
.text-box-wrap-01 .box>div {padding: 20px;}
.text-box-wrap .number { font-size: 16px; margin-bottom: 4px; margin-top: 3rem;}
.text-box-wrap strong {font-size: 24px; font-weight: 400; color: #222222; display: block; margin-bottom: 1rem;}
.text-box-wrap p {margin-bottom: 2rem;}
/* 
.text-box-wrap .box-area {display: flex;}
.text-box-wrap .box-area .box-01>div {background-color: #548235; color: #ffffff; }
.m-text {display: none;}
.text-box-wrap .box-area .box>div {margin-right: 10px; margin-bottom: 10px;}
.text-box-wrap .box-area .box:last-child {margin-right: 0;}
 */
.table-03-new {width: calc(100% + 10px); margin-left: -10px; margin-right: -10px; border-spacing: 10px;}

.table-03-new .green-title-01{ font-weight: 400; width: auto; padding: 10px;}
.table-03-new .green-title {font-size: 18px; font-weight: 400; background-color:#548235; }
.table-03-new thead th {background-color: #666666; color: #ffffff; font-weight: 400; font-size: 18px; padding: 10px;}

.popup-img-area {max-width: 1200px; width: 100%; margin: 0 auto;}
.popup-img-area img {max-width:100%}
.popup-01-01 .m{display: none;}
.img-box-wrap {display: flex;}
.img-box-wrap .popup-01-02 {width: 30%; margin-right: 5%;}

@media(max-width:980px) {
	.table-03-new {display: block;}
	.img-box-wrap {flex-direction: column;} 
	.img-box-wrap .popup-01-02 {width: 100%; margin-right: 0;}
	.popup-img-area p { margin-bottom: 1rem; margin-top: 1rem;}
}
@media(max-width:620px) {
	.table-03-new .green-title {font-size: 15px;}
	.table-03-new thead th {font-size: 15px;}
	.table-03-new .gray-area td>ul {font-size: 15px;}
	.text-box-wrap strong  {font-size: 18px;}
	.me-layer-box .inbox .inbox-text {font-size: 18px;}
	.table-responsive {overflow-x: scroll; max-width: 560px;}
	.table-responsive .table-03-new {min-width: 560px;}
	.table-03-new .gray-area td>ul {padding:10px;}

	.popup-01-01 .pc{display: none;}
	.popup-01-01 .m{display: block; max-width: 80%; margin: 0 auto;}
}

/* 두번째 팝업창 */
.order { display: flex; width: 100%; margin-bottom: 2.25rem;}
.order>div {width: 100%; margin-right: 20px;}
.order>div:last-child {margin-right: 0;}
.order .num {max-width: 270px; height: 90px; text-align: center; border-radius: 60px; color: #ffffff; display: flex; align-items: center; justify-content: center; flex-direction: column; margin: 0 auto;}
.order .num em {font-weight: 300; display: block;}
.order .num span {font-weight: 400; display: block;}
.num-01 {background-color: #999999;}
.num-02 {background-color: #89c053;}
.num-03 {background-color: #44a632;}
.num-04 {background-color: #548235;}
.order ul {font-size: 16px; width: 75%; margin: 0 auto;line-height: 1.2;}
.order ul li {margin-top: 0.5rem;}
 
@media(max-width:991px) {
	.order {flex-wrap: wrap;}
	.order ul {width: 80%;}
	.order>div {width: calc(50% - 10px); margin-bottom: 20px;}
	.order>div:nth-child(2) {margin-right: 0;}
	.order .num {max-width: 100%;}
}

@media(max-width:620px) {
	.order>div {width:100%;}
	.order>div {margin-right: 0;}
	.text-box-wrap-01 {font-size: 15px;}
	.order ul {width: 90%;}

}
/* 서번째 팝업창 */
.me-layer-box .inbox .four-system-imgs {
	margin-top: 2rem;
}
.border-bottom {border-bottom: 1px solid #222222;  padding-bottom: 1.5rem; }
.me-layer-box .inbox p.font-weight-500 {font-weight: 500;}

.text-box-wrap .process-wrap {font-weight: 400; text-align: center; font-size: 18px;}
.process-wrap ul {width: 100%; display: flex;}
.process-wrap ul li {width: calc(25% - 30px); margin-right: 40px; min-height: 100px; display: flex; align-items: center; justify-content: center; border-radius: 70px; flex-direction: column; color: #ffffff; box-sizing: border-box; -webkit-box-sizing: border-box; padding-left: 40px; padding-right: 40px;}
.process-wrap ul li:last-child {margin-right: 0;}
.process-wrap  b{font-weight: 500;}

@media(max-width:1200px) {
	.process-wrap ul li {padding-left: 10px; padding-right: 10px; width: calc(25% - 10px);margin-right: 13.333px;}
}
@media(max-width:900px) {
	.process-wrap ul  {flex-wrap: wrap;}
	.process-wrap ul li {width: calc(50% - 20px); margin-right: 40px; margin-bottom: 40px;}
	.process-wrap ul li:nth-child(2) {margin-right: 0;}
	.text-box-wrap .process-wrap {font-size: 14px;}
}

@media(max-width:640px) {

	.process-wrap ul li {width: 100%; margin-right: 0; min-height: 63px; margin-bottom: 10px;}
	.process-wrap ul li:last-child {margin-bottom: 0;}
}




/* 20230425 무림TV 게시판 생성 */

#motv.type1 .motv-area ul{display: flex; width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; flex-wrap: wrap; margin-top: 20px; margin-bottom: -3rem; font-size: 18px; color: #222222; margin-bottom: 20px;}
#motv.type1 .motv-area ul li {width: 33.3333%; width: calc(33.333% - 30px); margin-left: 15px; margin-right: 15px; margin-bottom: 3rem;}
#motv.type1 .motv-area .W_photo {padding: 0;}
#motv.type1 .motv-area .W_photo a{ display: block; width: 100%; height: 300px; background-repeat: no-repeat; background-position: center center; background-size: cover;}
#motv.type1 .motv-area .subject b {font-weight: 300; color: #222222; display: block; text-overflow: ellipsis; overflow: hidden; margin-top: 1.5rem; margin-bottom: 0.5rem;}
#motv.type1 .motv-area .subject span{font-size: 15px; color: #888888;}
#motv.type1 .motv-area .no-post {width: 100%; text-align: center;border-bottom: 1px solid #eee; border-top: 1px solid #eee; padding: 100px 0;}

@media(max-width:1200px) {
	#motv.type1 .motv-area ul li {width: calc(50% - 30px);}	
}


@media(max-width:640px) {
	#motv.type1 .motv-area ul li {width: 100%;}	
}




/* 종이비행기대회 대회공지 */
.board-thdepth-tbn-area i {width: 300%; left: -100%;}
@media(max-width:900px){

	.board-thdepth-tbn-area ul li{width: 200px;}
}

@media(max-width:702px) {
.board-thdepth-tbn-area ul {width: 100%;}
.board-thdepth-tbn-area ul li{width: 33.333%;}

}


/* 지속가능경영 게시판 문구 요류 수정 */

#Board #intro.basic.coadslider ul li .year {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#Board .one-image-area-02 .back-gray-box>div {display: none;}
#Board .one-image-area-02 .back-gray-box>div:first-of-type {display: block;}
#Board .one-image-area-02 .back-gray-box > div p {display: block;}
#Board .one-image-area-02 .back-gray-box > div p em.tt  {margin-bottom: 20px; display: block; font-weight: 600;}
#Board.gintro2 .one-image-area-02 .back-gray-box > div p span {margin-top: 0;padding-top: 0; }
#Board .one-image-area-02 li img {border: 1px solid #eeeeee; box-sizing: border-box;}
#Board #intro.basic.coadslider ul li .year {padding-right: 10px;}
p.mt-20 {margin-top: 20px;}
p.mb-0 {margin-bottom: 0;}


@media (max-width: 640px) {
    .manage-container-04 {padding-left: 0; padding-right: 0;}
}




/* 무림 >지속가능성 경영 >환경경영 */

.view-btn-02 {color: #ffffff;height: 46px;line-height: 46px;display: block;padding: 0 30px;font-weight: 500; display: block; margin: 0 auto; background-color: #222222; width: fit-content;margin-top: 2rem;}
.view-btn-02 img{width: 18px;margin-left: 5px;}


@media screen and (max-width:767px) {
    .view-btn-02 {height: 35px;line-height: 35px; padding: 0 15px; }
}


/* 시험성적서/인증서 문구 추가 */

.text-item-area {padding: 30px; background-color: #385723; margin-top: 90px; color: #ffffff; text-align: center;}
.text-item-area h3 {font-size: 30px; margin-bottom: 15px;}
.text-item-area p {font-size: 18px; margin-bottom: 15px; margin-bottom: 0;}

@media (max-width: 640px) {
    .text-item-area {margin-top: 30px; margin-bottom: 30px;}
    .text-item-area h3 {font-size: 20px;}
    .text-item-area p {font-size: 14px;}
}

.text-item-area02 {padding: 60px 0 0;  text-align: center;}
.text-item-area02 h3 {font-size: 30px; margin-bottom: 15px;}
.text-item-area02 p {font-size: 16px; margin-bottom: 15px; }
.text-item-area02 ul {flex-wrap:wrap; display:flex; gap:10px; justify-content:center; }
.text-item-area02 ul li {display:flex; align-items:center; font-weight:bold; gap:10px;}
.text-item-area02 ul li + li::before {content:""; width:1px; height:15px; display:block; background:#666;}
.text-item-area02 ul + ul {margin-top:10px;}

@media (max-width: 640px) {
    .text-item-area02 h3 {font-size: 20px;}
    .text-item-area02 p {font-size: 14px;}
	.text-item-area02 ul {font-size:13px;}
	.text-item-area02 {padding:20px 0 50px;  }
}

@media (max-width: 480px) {
	.text-item-area02 ul {flex-direction:column; align-items:center;}
   .text-item-area02 ul li + li::before {display:none;}
}


/* 문의하기 - 샘픅북신청,탁상달력이벤트 클릭 시 나타나는 개인정보수집동의 */

.privacy_sample {margin-top: 20px;}
.privacy_sample .text-area {background-color: #f7f7f7; padding: 26px 30px; font-size: 16px;color: #666;font-weight: 300;}
.privacy_sample h5 {font-size: 18px; margin-bottom: 15px;}
.privacy_sample .tit {margin-bottom: 10px; font-weight: 400; font-size: 18px; color: #222;}
.privacy_sample strong {margin-bottom: 8px;display: block;}
.privacy_sample .sample_check {margin-top: 25px; display: flex; align-items: center; color: #444444;}
.privacy_sample .sample_check b {font-weight: 400;}
.privacy_sample .sample_check span { margin-left: 2px;}
/* .privacy_sample .sample_check input {    position: absolute;left: -9999px;}
.privacy_sample .sample_check .ico_check {display: inline-block;  width: 19px; height: 19px; margin-top: -1px; background: url(/images/common/icon/icon_check.gif) no-repeat left top; overflow: hidden; font-size: 0; line-height: 0; vertical-align: middle;}
.check_on {color: #555;} */
.check_btn[type="checkbox"]:checked {color: #000000; background-color: #ffffff;background: url(/images/common/icon/icon_check.gif) no-repeat left bottom;border: 0;width: 20px;
    height: 20px;}
.check_btn{-webkit-appearance: none; position: relative; width: 20px;
    height: 20px; outline: none !important; border: 2px solid #cccccc; border-radius: 3px; box-sizing: border-box; padding: 0; background: url(/images/common/icon/icon_check.gif) no-repeat left top;  background-repeat: no-repeat; border: 0;
}

@media (max-width: 640px) {
    .privacy_sample .text-area {padding: 20px;}
    .privacy_sample .tit {font-size: 15px;}
    .privacy_sample .text-area {font-size: 14px;}
    .privacy_sample .sample_check {align-items: flex-start;}
}

.title_img-_area {display: flex; align-items: center;}
.title_img {max-height: 50px; margin-left: 1rem;  vertical-align: middle;}

@media (max-width: 1080px) {
	.title_img-_area {display: block;}
}

@media (max-width: 710px) {

	.title_img {max-height: 30px; vertical-align: middle; margin-left: 0.5rem;}
}


/* 20240325 */
@media screen and (min-width:640px)  and (max-width:1200px) {
    .SNBWrap ul.snb-menu-new {display: flex; flex-wrap: nowrap; justify-content: center; }

    .SNBWrap ul.snb-menu-new.w5 li a {line-height: normal; display: flex; justify-content: center; align-items: center;  width: 100%; text-align: center;}
}
@media screen and (max-width:640px){
.thdepth-tbn-area ul.w2-new li {width: 33%;}
}
@media screen and (max-width:360px){

    .thdepth-tbn-area ul.w2-new li {width: 100%;}
}


/* 20240403 종이물티슈*/

.subcontain1920.pmold .situation01.tissue-01{ height: auto; min-height: 440px;}
/* .subcontain1920.pmold .situation01.tissue-01:first-child {margin-top: 0;} */
.subcontain1920.pmold .situation01.tissue-02{ height: auto; min-height: 440px;}

.tissue-01 .bottom-img{ margin-top: 20px;}
.tissue-01 .bottom-img img {max-width: 100%;}

.subcontain1920 .situation01.tissue-01 {overflow: inherit;}
.subcontain1920 .situation01.tissue-01 i.gbox {bottom: auto; top: 160px;}

.subcontain1920 .situation01.tissue-02 {overflow: inherit;}
.subcontain1920 .situation01.tissue-02 {text-align: right;}
.subcontain1920.pmold .situation01.tissue-02 .in-box02 > img {left: auto; right: 0;}
.subcontain1920.pmold .situation01.tissue-02 .in-box02 {padding-left: 0; padding-right: 430px;}
.subcontain1920 .situation01.tissue-02 i.gbox {left: auto; right: 0;}

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

    .subcontain1920.pmold .situation01.tissue-02 .in-box02 {padding-right: 0; display: flex; flex-direction: column-reverse;}

}


/* 20240528 수정 */

/* 윤리 인권경영 가리기 */
.d-none {display: none;}

/* 지속가능경영 추가 */

.policy-book {display: flex; width: 100%; gap: 30px; margin-top: 50px;}

.policy-book .table-aera {width: 50%;}

.table-04 tbody tr td:last-child {border-left: 1px solid #eee;}
.table-04 th {border-bottom: 1px solid #eee; font-size: 1.125rem;}
.table-04 thead th {padding: 10px; font-size: 1.125rem;}
.table-04 tbody td {padding: 10px; font-size: 1rem;}
.table-04 tbody tr:first-child td {padding: 10px;}

.policy-book .img-area {width: 50%;}

.content-wrap .manage-container {padding-left: 0; padding-right: 0;}
@media screen and (max-width:767px){
	.policy-book {flex-direction: column;}
	.policy-book .table-aera ,.policy-book .img-area {width: 100%;}
	.policy-book .table-00 {width: 100%;}

}
.pt-0 {padding-top: 0 !important;}
.pb-0 {padding-bottom: 0 !important;}
.mt-0 {margin-top: 0 !important;}
.mb-0 {margin-bottom: 0 !important;}






/*지속가능경영보고서*/
.sustainability-area {position: relative;}
.sustainability-area.list .slide-prtcontain { position:relative; height:100%;  }
.sustainability-area #intro.basic.coadslider {position:absolute; right:0; bottom:0;  width:670px; }
.sustainability-area #intro.basic.coadslider ul { display:block; width:100%; height:100%; }
.sustainability-area #intro.basic.coadslider ul li { display:block; float:none; width:123px;  }
.sustainability-area #intro.basic.coadslider ul li:nth-of-type(3n) { margin-right:2%; }
.sustainability-area #intro.basic.coadslider ul li .year {  font-size:14px; color:#999; font-family: 'Montserrat'; padding-bottom:10px; }
.sustainability-area #intro.basic.coadslider .thumb { height:177px; padding-right:10px;  border:0;  }
.sustainability-area #intro.basic.coadslider .thumb span {box-sizing:border-box;  }
.sustainability-area #intro.basic.coadslider .thumb span img {width: 100%; height: 100%;border: 1px solid #eee;  }

.sustainability-area #intro.basic.coadslider .ad-slider-nav .slick-track { margin-left:0;  }
.sustainability-area #intro.basic.coadslider .ad-slider-nav .slick-slide.on .thumb span a { position:relative; }
.sustainability-area #intro.basic.coadslider .ad-slider-nav .slick-slide.on .thumb span a:after { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(34,34,34,0.5); }
.sustainability-area #intro.basic.coadslider .ad-slider-nav .slick-slide.on .year { color:#222; font-weight:600; }
.sustainability-area .one-image-area { position:relative; min-height:400px;  }
.sustainability-area .one-image-area .back-gray-box { position:absolute; left:0; top:60px; width:100%;  padding:55px 0;  background-color:#f5f5f5; z-index:1; }
.sustainability-area .one-image-area .back-gray-box > div { padding-left:530px; display: none;}
.sustainability-area .one-image-area .back-gray-box > div:first-child {display: block;}
.sustainability-area .one-image-area .back-gray-box > div p { display:none;  }
.sustainability-area .one-image-area .back-gray-box > div p:first-of-type { display:block;  }
.sustainability-area .one-image-area .back-gray-box > div p em { font-family: 'Montserrat'; font-size:24px; color:#222; font-weight:700;  }
.sustainability-area .one-image-area .back-gray-box > div p span { display:block; font-size:18px; color:#222; margin-bottom:20px;  padding-right:50px;}
.sustainability-area .one-image-area .back-gray-box > div p a { display:inline-block; width:170px; height:46px; line-height:46px;  border:1px solid #222; text-align:center; font-size:16px; color:#222; font-weight:500;  font-family: 'Montserrat';  }
.sustainability-area .one-image-area ul {position:relative; z-index:2; display:block; width:450px;border: 1px solid #e7e7e7; }
.sustainability-area .one-image-area li { display:inline-block; }
.sustainability-area .one-image-area li img { display:block; width:100%; height:100%;  }

.sustainability-area #intro.basic.coadslider ul button {position:absolute; right:0; top:-50px;  width:38px; height:32px; font-size:0; }
.sustainability-area #intro.basic.coadslider ul button.slick-prev {margin-right:50px;  background:url("/images/common/btn_arr_left.png") no-repeat left 50%; }
.sustainability-area #intro.basic.coadslider ul button.slick-prev.slick-disabled { background-image:url("/images/common/btn_arr_left_no.png");  }
.sustainability-area #intro.basic.coadslider ul button.slick-next { background:url("/images/common/btn_arr_right.png") no-repeat right 50%; }
.sustainability-area #intro.basic.coadslider ul button.slick-next.slick-disabled { background-image:url("/images/common/btn_arr_right_no.png");  }


.sustainability-area #intro.basic.coadslider ul li.nodata { width:200%; }




@media screen and (max-width:1270px){
	.sustainability-area.list .slide-prtcontain { padding-bottom:220px;  }
	.sustainability-area .one-image-area .back-gray-box { /* top:260px; */ bottom: 0; top: auto;}
	
	.sustainability-area #intro.basic.coadslider {position: relative; margin-top: 50px;} 
}

@media screen and (max-width:1024px){
	.sustainability-area .one-image-area ul { width:350px;  }
	/* #Board .one-image-area .back-gray-box { top:150px;  } */
	.sustainability-area .one-image-area .back-gray-box > div { padding-left:400px; }
	
	.sustainability-area .one-image-area .back-gray-box > div p em { font-size:18px; }
	.sustainability-area .one-image-area .back-gray-box > div p span { font-size:18px;  }
}
@media screen and (max-width:788px){
	.sustainability-area #intro.basic.coadslider { width:100%;  }
	.sustainability-area .one-image-area ul { width:270px; }
	/* #Board .one-image-area .back-gray-box { top:60px;  } */
	.sustainability-area .one-image-area .back-gray-box > div { padding-left:300px;  }

	.sustainability-area #intro.basic.coadslider .thumb { height:23vw;  }
	.sustainability-area .one-image-area .back-gray-box > div p span { padding-right:20px;  }

	.sustainability-area .one-image-area .back-gray-box > div p a { font-size: 14px; height:38px; line-height:38px; width: 140px; }
}

@media screen and (max-width:640px){
	.sustainability-area .one-image-area {margin-bottom: 50px;}
	.sustainability-area .one-image-area ul { width:60%;  margin:0 auto; }	
	.sustainability-area .one-image-area .back-gray-box { position:relative; left:auto; top:auto; padding:15px 0; }
	.sustainability-area .one-image-area .back-gray-box > div { padding-left:10px;  }
	.sustainability-area .one-image-area .back-gray-box > div p span { padding-right:10px;  }
	.sustainability-area .one-image-area .back-gray-box > div p em ,
	.sustainability-area .one-image-area .back-gray-box > div p span { font-size:15px;  }


	.sustainability-area.list .slide-prtcontain { padding-bottom:0;  }
	.sustainability-area #intro.basic.coadslider { position:relative; right:auto; bottom:auto; margin-top:50px; margin-bottom: 70px; }
	.sustainability-area #intro.basic.coadslider ul button { width:24px; height:24px;  }

	.sustainability-area .one-image-area .back-gray-box > div p a { width:110px; height:32px; line-height:32px;  }

	.sustainability-area #intro.basic.coadslider ul li .year { font-size:10px; padding-bottom: 5px; }
	.sustainability-area #intro.basic.coadslider .thumb { padding-right:5px;  }



}


@media screen and (max-width:380px){
	.sustainability-area.gintro2 #intro.basic.coadslider ul li .year { font-size:3.2vw; }

}
.mt-100 {margin-top: 100px;}
.mb-100 {margin-bottom: 100px;}
.mb-20 {margin-bottom: 20px !important;}
.mb-50 {margin-bottom: 50px;}
.d-block {display: block;}
@media screen and (max-width:640px) {
	.mt-100{margin-top: 80px;}
	.mb-100 {margin-bottom: 80px;}
}



.pulp_mold_btn {display: flex; gap: 10px; justify-content: center; margin-top: 30px; flex-wrap: wrap;}
.pulp_mold_btn a {color: #ffffff; background-color: #222222; padding: 10px 25px; font-size: 15px;}

@media screen and (max-width:767px) {
	.pulp_mold_btn a {padding: 15px;}
}

.manager-info-area {margin-top: 40px;}
.manager-info-area p{ font-size: 15px; display: flex; justify-content: center;}
.manager-info-area .use {display: inline-block; border-radius: 25px; background: #000; color: #fff; width: 50px; padding: 1px; box-sizing: border-box; font-size: 14px; text-align: center; height: fit-content; min-width: 50px; margin-right: 8px;}

.manager-info-area-02 {margin-top: 20px;}
.manager-info-area-02 p {justify-content: flex-start;}


.paperSearchContainer {padding-bottom:100px;}
.paperSearchBox {padding-left:20px; padding-right:20px; margin-bottom: 37px;padding-top: 40px;padding-bottom: 40px; border: 1px solid #e7e7e7; background-color: #fafafa; text-align: center;}
.paperSearchBox p.uptt {font-size: 18px;color: #222;padding-bottom: 15px;}
.paperSearchBox input.text {width: 380px;height: 43px;line-height: 43px; padding: 0px 3px!important; background-color:#fff; border: 1px solid #d0d0d0;color: #666;}
.paperSearchBox > div {display:flex; align-items:center; gap:2px; justify-content:center;} 
.paperSearchContainer .table-00 {border-top: 1px solid #222;}
.paperSearchContainer .table-00 thead th {background-color:#ffffff; font-size: 16px; padding: 15px 0; font-weight: 500; border:0; border-bottom: 1px solid #e7e7e7;}
.paperSearchContainer .table-00 tbody td {padding: 15px; border:0; border-bottom: 1px solid #eee;}
.paperSearchContainer .table-00 tbody tr:first-child td { padding-top: 15px;}
.paperSearchContainer .table-00 .comp_name {font-weight:400;}
.paperSearchContainer .table-00 .comp_tel svg {width:20px; vertical-align: sub;}
.paperSearchContainer .table-00 .comp_add a {text-decoration:none;}
.paperSearchContainer .table-00 .comp_add svg {width:20px; vertical-align: sub;}
.paperSearchContainer .table-00 tbody tr td a {text-decoration:underline;}
.paperSearchContainer .table-00 tbody td:nth-child(3) {text-align:center;}

.paperSearchContainer .table-00 tbody tr td:first-child {font-weight:bold; } 

.paperSearchContainer .prdName {font-weight:700; font-size:24px; margin-top:30px;}
.paperSearchContainer .btn_black {line-height:45px; float:left; margin-bottom:20px; margin-top:20px; display:flex; align-items:center; justify-content:center; min-width:100px;}

.tab-content {display: none;}
.tab-content.active {display: block;}
.paperSearchContainer .tabs {display:flex; justify-content:center; margin-bottom:30px;}
.paperSearchContainer .tabs li {cursor:pointer; padding:15px 20px; font-size: 20px;}
.paperSearchContainer .tabs li.active {font-weight:500; border-bottom:3px solid;}
.paperSearchContainer .tabs li .count {font-weight:300;}

 .paperSearchContainer #prd01 .table-00 tbody tr td:first-child {background-color:#f8f9ff;} 
 .paperSearchContainer #prd02 .table-00 tbody tr td:first-child {background-color:#fffbf8;} 
 .paperSearchContainer #prd03 .table-00 tbody tr td:first-child {background-color:#f8fff8;} 
 .paperSearchContainer #prd04 .table-00 tbody tr td:first-child {background-color:#fffef8;} 

@media screen and (max-width:640px) {
	.paperSearchContainer .table-00 {width:100%;}
	.paperSearchContainer .tabs li {font-size: 15px; padding:10px;}
	.paperSearchContainer .btn_search {min-width: 50px; width:50px; height: 32px;line-height: 28px;font-size: 13px;}
	.paperSearchBox input.text { height: 32px;line-height: 28px;font-size: 13px;}
	.paperSearchBox p.uptt {font-size:15px;}
}

@media screen and (max-width:500px) {
	.paperSearchContainer .tabs li {font-size: 14px; padding:10px;}
	.paperSearchContainer .table-00 thead th {font-size:15px;}
	.paperSearchContainer .table-00  {font-size:14px;}
	.paperSearchContainer .table-00 tbody tr:first-child td {padding-top:10px;}
	.paperSearchContainer .table-00 tbody td {padding:10px;}
	.paperSearchContainer .table-06 tr {display:block; width:100%; border-bottom: 1px solid #eee;  padding:5px;}
	.paperSearchContainer .table-06 td {display:block; width:100%; text-align:left;}
	.paperSearchContainer .table-06 tbody td:nth-child(3) {text-align:left;}
	.paperSearchContainer .table-06 thead {display:none;}
	.paperSearchContainer .table-06 tbody td {border-bottom:0;}
	
	.paperSearchContainer .table-06 tbody td:nth-child(1)::before {content:"지역 : ";}
	.paperSearchContainer .table-06 tbody td:nth-child(2)::before {content:"유통사 : ";}
	.paperSearchContainer .table-06 tbody td:nth-child(3)::before {content:"연락처 : ";}
	.paperSearchContainer .table-06 tbody td:nth-child(4)::before {content:"주소 : ";}
}

@media screen and (max-width:440px) {
	.paperSearchContainer .table-00 thead th {font-size:14px;}
	.paperSearchContainer .table-00  {font-size:13px;}
	.paperSearchContainer .table-00 tbody tr:first-child td {padding-top:5px;}
	.paperSearchContainer .table-00 tbody td {padding:5px;}
}

@media screen and (max-width:380px) {
	.paperSearchContainer .table-00 thead th {font-size:13px;}
	.paperSearchContainer .table-00  {font-size:12px;}
}
@media screen and (max-width:360px) {
	.paperSearchContainer .table-00 thead th {font-size:12px;}
	.paperSearchContainer .table-00  {font-size:11px;}
}


/* 20250522 */

.new-btn-wrap .top .view-btn-02{margin: 0; margin-top: 2rem; width: 100%; box-sizing: border-box;}
.new-btn-wrap .view-btn-02 { height: auto; line-height: normal;text-align: center; padding: 15px 20px;}
.new-btn-wrap .new-btn {display: flex; gap: 10px; justify-content: center; margin-top: 20px;}
.new-btn-wrap .new-btn .view-btn-02{margin: 0; display: flex; gap: 10px; align-items: center;}

@media screen and (max-width:640px) {
	.new-btn-wrap .new-btn {flex-direction: column; margin-top: 10px;}
	.new-btn-wrap .new-btn .view-btn-02 {width: 100%; box-sizing: border-box; text-align: center; justify-content: center; gap: 5px;}
	.new-btn-wrap .new-btn .view-btn-02 br {display: none;}
}

/* 20250723 */
.global-network-btn {line-height: 1.2;padding-top: 20px;}

@media screen and (max-width:640px) {
    .global-network-btn {padding-top: 10px;}
}


.sale-area {padding-top:40px; border-top: 1px solid #222; display:flex; flex-direction:column; align-items:center; margin-bottom:50px;}
.sale-area p:first-child {color:#222222;  font-size:22px;font-weight: 700; margin-bottom:10px;}
.sale-area p:last-child {display:flex; gap:5px; font-size:18px;}
.sale-area p:last-child a {display:flex; align-items:center; text-decoration: underline;}

.paperSearchContainer .btn_black.back {float:unset; max-width:150px;}

@media screen and (max-width:480px) {
    .sale-area p:last-child {text-align:center; display:flex; flex-direction:column; }
}


.left-tit-txt-list.type3 .sub-subject {font-size:36px; margin-top:0; padding-bottom:0; margin-bottom:16px;}
.left-tit-txt-list.type3 ul {font-size:18px; margin-top:16px;}
.left-tit-txt-list.type3 ul li + li {    margin-top: 10px;}
.left-tit-txt-list.type3 > div span {font-size:18px; background:#000; color:#fff; border-radius:30px; padding:8px 10px; min-width:60px; line-height:1; text-align:center; }

@media screen and (max-width:900px) { 
	.left-tit-txt-list.type3 .sub-subject {font-size:30px; }
}

@media screen and (max-width:768px) { 
	.left-tit-txt-list.type3 .sub-subject {font-size:24px; }
	.left-tit-txt-list.type3 ul {font-size:15px; }
	.left-tit-txt-list.type3 > div span {font-size:15px; display: inline-block;}
	.left-tit-txt-list.type3 > div .ri-txt {font-size:18px;}
}

.view-btn-02.left {margin:0;}



.inquiry_pop { margin-top:40px; display:flex; justify-content:center; font-size:17px; font-weight:500;}
.inquiry_pop > div {border-radius:30px; display:flex; align-items:center; border:1px solid #dddddd; }
.inquiry_pop > div .txt {padding:10px 30px; border-right:1px solid #dddddd;}
.inquiry_pop > div .link {display:flex; padding: 0 10px;}
.inquiry_pop > div .link a {display:flex; align-items:center; justify-content:center; padding:10px; }
.inquiry_pop svg {width:24px;}

@media screen and (max-width:400px) {
	.inquiry_pop {width:100%; }
	.inquiry_pop > div {width:100%; justify-content: center;}
}
@media screen and (max-width:360px) {
	.inquiry_pop {font-size:15px;}
	.inquiry_pop svg {width:21px;}

}

.inside-d {font-size:18px;}
.inside-w {display:flex; margin-top:10px; margin-bottom:20px;}
.inside-w b {display:block; min-width:50px;}

@media screen and (max-width: 640px) {
    .inside-d {font-size:15px;}
}



  .toggle-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 20px;
    border: 1px solid #222;
    border-radius: 0px;
    background: #fff;
    font: inherit;
	color:#222;
    cursor: pointer;
	margin:15px 0;
  }
  .toggle-btn:focus-visible { outline: 2px solid #222; outline-offset: 2px; }

  /* 화살표 아이콘 */
  .toggle-btn__icon {
    width: 8px;
    height: 8px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg) translateY(-2px);
    transition: transform .3s;
  }
  .toggle-btn[aria-expanded="true"] .toggle-btn__icon {
    transform: rotate(-135deg) translateY(-2px);
  }

  .toggle-panel {
    height: 0;
    overflow: hidden;
    transition: height .3s ease;
  }
  .toggle-panel__inner { padding: 16px 0; line-height: 1.7; }

  @media (prefers-reduced-motion: reduce) {
    .toggle-panel, .toggle-btn__icon { transition: none; }
  }