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

#header {width:100%; height:140px;position:absolute; top:0; left: 0; z-index:2000;/* background: url('../../images/main/white_op55.png') repeat 0 0; */
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
}
#header_content {*zoom:1; width:1200px; margin:0 auto; position:relative; height:90px;}
#header_content:after {content:" "; display:block; clear:both;}
#header_content .logo {position:absolute; top:25px; left:50%;margin-left: -150px; z-index:1000;}
#header_content .logo a {display:block; z-index:999;}

#header_content #home_menu {position:absolute; top:37px; right:0; z-index:2000;}
#header_content #home_menu ul {*zoom:1;}
#header_content #home_menu ul:after {content:" "; display:block; clear:both;}
#header_content #home_menu ul > li {float:left; }
#header_content #home_menu ul li.shop a {display:block; padding:3px 30px 3px 10px; background:url('../../images/main/shop_icon.png') 82% 4px no-repeat #56af93; font-size:12px; font-weight:400; color:#fff; border-radius:20px;
	margin:0 5px 0 0;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
}


#header_content #home_menu ul li.lang{position:relative;cursor:pointer;}

#header_content #home_menu ul li.lang .lang_tit{padding:3px 40px 3px 10px; font-size:12px; font-weight:400; color:#fff; border-radius:20px; background:url('../../images/main/white_down.png') 86% center no-repeat #017048; }
#header_content #home_menu ul li.lang .lang_list{display: none;position: absolute;width: 112px;left: 0;top: 23px;font-size: 12px;line-height: 20px;}
#header_content #home_menu ul li.lang .lang_list  li {float:none;	margin:2px 0 0 0;}
#header_content #home_menu ul li.lang .lang_list  li a {display:block; padding:3px 3px 3px 10px;border-radius:15px; background-color:#017048;color:#fff;box-sizing:border-box;}
#header_content #home_menu ul li.lang .lang_list  li a:hover, #header_content #home_menu ul li.lang .lang_list  li a:focus{background-color:#004e32;}



.header_on{background-color:#fff !important; position:fixed !important;top:0;left:0;height:110px !important;}
.header_on #header_content {height:60px;}
.header_on #header_content .logo {top:10px;left: 50%; margin-left: -100px;}
.header_on #header_content .logo a img {height:40px; width: 200px;}
.header_on #header_content #home_menu{top:24px;}


/* gnb */
nav#gnb{width:100%;position:relative; z-index:1000;}
.header_on nav#gnb{border-top:1px solid  #ddd;}
nav#gnb > ul {*zoom:1;width:1200px;margin:0 auto;box-sizing:border-box;text-align: center;}
nav#gnb > ul:after {content:" "; display:block; clear:both;}
nav#gnb > ul > li {text-align: center; position:reative; min-width:175px; text-align:center; display:inline-block;}
nav#gnb > ul > li.gnb3{min-width:220px;}
nav#gnb > ul > li.gnb4{min-width:250px;}
nav#gnb > ul > li:first-child {margin:0;}
nav#gnb > ul > li > a {display:block;font-size:18px;height:50px; line-height: 50px; font-weight:600; color:#111514;font-family: raleway, 'noto';  font-weight:400;}
nav#gnb > ul > li > a:hover, nav#gnb > ul > li > a:focus, nav#gnb > ul > li.active > a {color:#007f54; }
nav#gnb > ul > li .gnb-2dep-wrap {}
nav#gnb > ul > li .gnb-2dep {min-width:175px;display:none; position:absolute; top:50px; padding:40px 0 0; z-index:1000;}
nav#gnb > ul > li.gnb3 .gnb-2dep {min-width:220px;}
nav#gnb > ul > li.gnb4 .gnb-2dep {min-width:250px;}
nav#gnb > ul > li .gnb-2dep li {text-align:center; line-height:22px; width:100%; margin:15px 0 0;}
nav#gnb > ul > li .gnb-2dep li:first-child {margin:0;}
nav#gnb > ul > li .gnb-2dep li a {color:#777; font-size:15px; font-weight:400;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
}
nav#gnb > ul > li .gnb-2dep li a:hover, nav#gnb > ul > li .gnb-2dep li a:focus {color:#007f54; }
#gnbBg_wrap {width:100%;}
#gnbBg {position:absolute; top:49px; left:0px; width:100%; height:auto; padding:0; z-index:1000; background:#fff; display:none; border-top:1px solid #ddd;}

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

#mainvisual {height:950px; position:relative; overflow:hidden; width:100%;}
#mainvisual .slideshow {position:absolute; width:2000px; height:950px; top:0; left:50%; margin-left:-1000px;}
#mainvisual .slideshow .bx-slider {position:relative; width:100%; height:950px; overflow:hidden;}
#mainvisual .slideshow .bx-slider li {float:left; width:100%; height:950px; background-position:0 50%; background-repeat:no-repeat;overflow:hidden;}
#mainvisual .slideshow .bx-slider li .full_img {width:100%; height:950px; background-position:0 50%; background-repeat:no-repeat;position:absolute;
	transition:all 3s ease-out;
	-webkit-transition:all 3s ease-out;
	-moz-transition:all 3s ease-out;
	-o-transition:all 3s ease-out;
	-ms-transition:all 3s ease-out;
}
#mainvisual li.visual_bg1 .full_img{background-image:url('../../images/main/mainvisual1.jpg');}
#mainvisual li.visual_bg2 .full_img {background-image:url('../../images/main/mainvisual2.jpg');}
#mainvisual li.visual_bg3  .full_img{background-image:url('../../images/main/mainvisual3.jpg');}
#mainvisual li.visual_bg4  .full_img{background-image:url('../../images/main/mainvisual4.jpg');}

#mainvisual li .on_full_img {transform:scale(1.04);}

#mainvisual .bx-pager {display:none;}
#mainvisual .bx-controls a{font-size:0;line-height:0;}
#mainvisual .bx-controls .bx-prev{position:absolute; top:450px;left:15%;z-index:1000;width:21px; height:40px;background:url('../../images/main/main_prevbtn.png') 0 0 no-repeat;}
#mainvisual .bx-controls .bx-next{position:absolute; top:450px;right:15%;z-index:1000;width:21px; height:40px;background:url('../../images/main/main_nextbtn.png') 0 0 no-repeat;}


#mainvisual .main_txt {
	width:1200px;
	margin:0 auto;
	padding:280px 0 0;
	position:absolute;
	z-index:100;
	left:50%; top:0;
	margin-lefT:-600px;
}

#mainvisual .main_txt .txt1 {font-size:60px; line-height:80px;color:#fff;font-family:'Merriweather';}
#mainvisual .main_txt .txt2 {font-size:30px; color:#fff; font-family:raleway; font-weight:400;letter-spacing:0.03em; padding:200px 0 0 0;background:url('../../images/main/main_txt_icon.png') 0 60px no-repeat;}
#container {width:100%; clear:both;}

/* section1 */
.section1 {*zoom:1; width:100%;/*  background:url('../../images/main/section1_bg.jpg') center 100% no-repeat; */position:Relative;}
.section1  .news {position:Relative; top:-50px; z-index:1000;}
.section1  .news:after{content:"";display:block;clear:both;}
.section1  .news .left_box{float:left; width:50%; height:420px; box-sizing:border-box; padding:60px 50px;background:url('../../images/main/notice_bg_new2.jpg') 0  0 no-repeat;text-align:right;color:#fff;}
.section1  .news .left_box h3{display:inline-block;width:550px;font-size:50px; font-family:raleway; font-weight:900;letter-spacing:0.03em;padding:0 0 15px 0; border-bottom:1px solid #fff;margin:0 0 30px 0;}
.section1  .news .left_box p{font-size:22px; font-weight:600; color:#fff; margin:0 0 40px 0;}
.section1  .news .left_box .more{display:inline-block; width:200px; height:45px; line-height:45px; text-align:center;border:1px solid #fff; color:#fff;font-size:20px;
		transition:all .3s ease-out;
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	-o-transition:all .3s ease-out;
	-ms-transition:all .3s ease-out;
}
.section1  .news .left_box .more:hover, .section1  .news .left_box .more:focus{background-color:#fff;color:#018055;}

.section1  .news .right_box {float:left; width:550px;box-sizing:border-box; padding:80px 0 0 50px;}
.section1  .news .right_box ul li{padding:18px 0; background:url('../../images/main/notice_line.png' ) 0 100% repeat-x;}
.section1  .news .right_box ul li:last-child{background:none;}
.section1  .news .right_box ul li:after{content:"";display:block;clear:both;}
.section1  .news .right_box ul li .date{float:left;width:60px; height:40px; padding:10px 0; border:1px solid #c6d0cc; color:#00613e;font-size:12px; text-align:center;margin:0 20px 0 0;}
.section1  .news .right_box ul li .date span{display:block;font-size:22px;line-height:25px;font-weight:900;}

.section1  .news .right_box ul li a{float:left;display:block; width:415px;height:50px;padding:5px 0;}
.section1  .news .right_box ul li a .title{display:block ;width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:19px; color:#222222; font-weight:600;}
.section1  .news .right_box ul li a .cont{display:block ;font-size:16px; color:#b8b8b8; line-height:25px;width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.section1  .news .right_box ul li a:hover .title, .section1  .news .right_box ul li a:focus  .title{ color:#018055;}


/*notice2*/
.section1  .notice2 {position:Relative; top:-50px; z-index:1000;}
.section1  .notice2:after{content:"";display:block;clear:both;}

.section1  .notice2 .left_box {float:left; width:50%;box-sizing:border-box; padding:55px 50px 0;}
.section1  .notice2 .left_box:after{content:"";display:block;clear:both;}
.section1  .notice2 .left_box ul {float:right; width:550px;}
.section1  .notice2 .left_box ul li{padding:18px 0; background:url('../../images/main/notice_line.png' ) 0 100% repeat-x;}
.section1  .notice2 .left_box ul li:last-child{background:none;}
.section1  .notice2 .left_box ul li:after{content:"";display:block;clear:both;}
.section1  .notice2 .left_box ul li .date{float:left;width:60px; height:40px; padding:10px 0; border:1px solid #c6d0cc; color:#008499;font-size:12px; text-align:center;margin:0 0 0 20px;}
.section1  .notice2 .left_box ul li .date span{display:block;font-size:22px;line-height:25px;font-weight:900;}

.section1  .notice2 .left_box ul li a{float:left;display:block; width:415px;height:50px;padding:5px 0;text-align:right;}
.section1  .notice2 .left_box ul li a .title{display:block ;width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:19px; color:#222222; font-weight:600;}
.section1  .notice2 .left_box ul li a .cont{display:block ;font-size:16px; color:#b8b8b8; line-height:25px;width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.section1  .notice2 .left_box ul li a:hover .title, .section1  .notice2 .left_box ul li a:focus  .title{ color:#008499;}

.section1  .notice2 .right_box{float:left; width:50%; height:310px; box-sizing:border-box; padding:40px 50px 0;background:url('../../images/main/notice_bg2.jpg') 0  0 no-repeat;color:#fff;}
.section1  .notice2 .right_box h3{display:inline-block;width:550px;font-size:50px; font-family:raleway; font-weight:900;letter-spacing:0.03em;padding:0 0 15px 0; border-bottom:1px solid #fff;margin:0 0 30px 0;}
.section1  .notice2 .right_box p{font-size:22px; font-weight:600; color:#fff; margin:0 0 40px 0;}
.section1  .notice2 .right_box .more{display:inline-block; width:200px; height:45px; line-height:45px; text-align:center;border:1px solid #fff; color:#fff;font-size:20px;
		transition:all .3s ease-out;
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	-o-transition:all .3s ease-out;
	-ms-transition:all .3s ease-out;
}
.section1  .notice2 .right_box .more:hover, .section1  .notice2 .right_box .more:focus{background-color:#fff;color:#008499;}


.section1 .rnd{width:1200px; margin:0 auto; padding:100px 0 180px;}
.section1 .rnd:After{content:"";display:block;clear:both;}
.section1 .rnd h3{font-size:50px; font-weight:900; font-family:raleway; text-align:center; color:#232625;padding:0 0 50px 0;}
.section1 .rnd > div{float:left;width:380px; height:350px;margin:0 0 0 30px;opacity:0;    transform: translateY(100px);
	transition:all .7s ease-out;
	-webkit-transition:all .7s ease-out;
	-moz-transition:all .7s ease-out;
	-o-transition:all .7s ease-out;
	-ms-transition:all .7s ease-out;
}
.section1 .rnd > div a {display:block; width:100%; height:100%;overflow:hidden;padding:20px;box-sizing:border-box;position:relative;overflow:hidden;}
.section1 .rnd > div a .bg{display:block; width:100%; height:100%; position:absolute; top:0; left:0; background-color:#072e21;opacity:0.5;display:none;}
.section1 .rnd > div a .title{display:block;height:70px; width:100%; border-top:1px solid #fff; line-height:70px; font-size:26px; font-family:raleway; font-weight:600; color:#fff;text-align:center;margin:240px 0 0 ;
	position:relative;
	z-index:100;
	transition:all .3s ease-out;
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	-o-transition:all .3s ease-out;
	-ms-transition:all .3s ease-out;
}
.section1 .rnd > div a .btn{display:block; width:160px; height:35px; border:1px solid #fff;text-align:Center; margin:20px auto; color:#fff; font-size:15px;line-height:35px;display:none;position:relative;z-index:100;}
.section1 .rnd > div a:hover .title {margin:100px 0 0 ;border:none;font-size:30px;}
.section1 .rnd > div a:hover .btn{display:block;}
.section1 .rnd > div a:hover .bg{display:block;}


.section1 .rnd div.rnd01{background:url('../../images/main/rnd01.jpg') 0 0 no-repeat;margin:0;}
.section1 .rnd div.rnd02{background:url('../../images/main/rnd02.jpg') 0 0 no-repeat;transition-delay: .4s;}
.section1 .rnd div.rnd03{background:url('../../images/main/rnd03.jpg') 0 0 no-repeat;transition-delay: .8s;}

.section1 .rnd > div.on {opacity:1;  transform: translateY(0);}



/* section2 */
.section2 {*zoom:1; width:100%; padding:110px 0; background:url('../../images/main/section2_bg.jpg') center 0 no-repeat;}
.section2 .product{width:1200px; margin:0 auto; }
.section2 .product h3{font-size:50px; color:#fff; font-weight:900; font-family:raleway;text-align:center;padding:0 0 60px 0;}
.section2 .product p{font-size:17px; line-height:30px; color:#fff; text-align:center; font-weight:400;padding:25px 0 60px;}
.section2 .product ul {width:540px;margin:0 auto;}
.section2 .product ul.three_box {width:820px;}
.section2 .product ul:after{content:"";display:block;clear:both;}
.section2 .product ul li{width:260px; height:200px; float:left; border: 1px solid #ddd;box-sizing:border-box; display:table; opacity:0; transform:translatey(50px);

	transition:all .7s ease-out;
	-webkit-transition:all .7s ease-out;
	-moz-transition:all .7s ease-out;
	-o-transition:all .7s ease-out;
	-ms-transition:all .7s ease-out;
}
.section2 .product ul li a{display:table-cell;vertical-align:middle;width:100%; height:100%;text-align:center; color:#fff; font-size:21px; font-weight:600; font-family:raleway;line-height:26px;
	transition:all .3s ease-out;
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	-o-transition:all .3s ease-out;
	-ms-transition:all .3s ease-out;
}
.section2 .product ul li a span{display:block;}
.section2 .product ul li a span img{
	transition:all .4s ease-out;
	-webkit-transition:all .4s ease-out;
	-moz-transition:all .4s ease-out;
	-o-transition:all .4s ease-out;
	-ms-transition:all .4s ease-out;
}

.section2 .product ul li.box02 a span img {transform:rotate(20deg);}
.section2 .product ul li a:hover, .section2 .product ul li a:focus  {background-color:rgba(0,0,0,0.3);}
.section2 .product ul li a:hover span img, .section2 .product ul li a:focus  span img{transform:rotate(20deg);}
.section2 .product ul li.box02 a:hover span img, .section2 .product ul li.box02 a:focus  span img{transform:rotate(0);}
.section2 .product ul li.box04 a:hover span img, .section2 .product ul li.box04 a:focus  span img{transform:rotate(-20deg);}
.section2 .product ul li.box01 a:hover span img, .section2 .product ul li.box01 a:focus  span img{transform:rotate(-20deg);}


.section2 .product ul li.box01{margin:0 0 0 0;}
.section2 .product ul li.box02{margin:0 20px 20px 0;}
.section2 .product ul li.box03{margin:0 20px 0 0;}
.section2 .product ul li.box04{}
.section2 .product ul li.box05{margin:0 20px 20px 0;}

.section2 .product ul li.on{opacity:1; transform:translatey(0);}




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


/* sub */
#subvisual {width:100%;height:600px;overflow:hidden;}
#subvisual .s_img {width:100%; height:600px;
	transition:all 2s ease-out;
	-webkit-transition:all 2s ease-out;
	-moz-transition:all 2s ease-out;
	-o-transition:all 2s ease-out;
	-ms-transition:all 2s ease-out;

}
.subvisual1  .s_img{ background:url('../../images/sub/subvisual1_200923.jpg') center center no-repeat;}
.subvisual2  .s_img{background:url('../../images/sub/subvisual2.jpg') center center no-repeat;}
.subvisual3  .s_img{ background:url('../../images/sub/subvisual3.jpg') center center no-repeat;}
.subvisual4  .s_img{background:url('../../images/sub/subvisual4.jpg') center center no-repeat;}
.subvisual5  .s_img{background:url('../../images/sub/subvisual5.jpg') center center no-repeat;}
.subvisual6  .s_img{background:url('../../images/sub/subvisual6_190917.jpg') center center no-repeat;}

#subvisual .s_img_on {transform:scale(1.03);}

#subvisual .sub_txt {width:1200px; margin:0 auto; padding:300px 0 0; box-sizing:border-box; text-align:center;}
#subvisual .sub_txt p {font-size:70px; font-weight:300; color:#fff; line-height:70px; letter-spacing:-0.03em;text-shadow:0 0 10px #000;}

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

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

#lnb ul li a {display:block; color:#555555; font-weight:400;background:url('../../images/sub/lnb_line.jpg') 0 center no-repeat #fff;letter-spacing:-0.05em;
	transition:all .4s ease-out;
	-webkit-transition:all .4s ease-out;
	-moz-transition:all .4s ease-out;
	-o-transition:all .4s ease-out;
	-ms-transition:all .4s ease-out;
}

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

#cont {width:1200px; margin:0 auto; padding:80px 0 0;}
#subtitle {margin:0 0 50px 0;}
#subtitle:after{content:"";display:block;clear:both;}
#subtitle h2 {float:left;font-size:40px; font-weight:400; color:#111;}
#subtitle .path{float:right;margin:30px 0 0;font-size:13px; color:#888888; font-weight:400;}

#con_area {clear:both; min-height:320px; padding:0 0 200px 0;}


/* 01_01 */
.intro {*zoom:1;}
.intro .intro_top {width:100%;height:275px; background:url('../../images/sub/intro_top_bg.jpg') 0 0 no-repeat; padding:40px 130px 0; box-sizing:border-box;margin:0 0 90px 0;}
.intro .intro_top:after{content:"";display:block; clear:both;}
.intro .intro_top .intro_in{width:540px; padding:30px 0; text-align:right; float:right;border-top:1px solid #81c9af; border-bottom:1px solid #81c9af; color:#fff;}
.intro .intro_top .intro_in p {font-size:26px;line-height:26px;}
.intro .intro_top .intro_in span{display:block;font-size:19px; letter-spacing:0.01em; padding:10px 0 15px;}
.intro .intro_mid {font-family:'daehan'; color:#777777; font-size:23px;line-height:45px;text-align:center;margin:0 0 70px 0;position:relative;}
.intro .intro_mid:before {display:block; content:""; width:31px; height:26px; background:url('../../images/sub/dda_left.png') 0 0 no-repeat;position:absolute; top:-20px; left:80px;}
.intro .intro_mid:after {display:block; content:""; width:31px; height:26px; background:url('../../images/sub/dda_right.png') 0 0 no-repeat;position:absolute; top:-20px; right:80px;}
.intro .intro_mid span{color:#0c9f6a; font-weight:600;font-size:28px;}
.intro > p {font-size:18px; color:#555555; line-height:33px; letter-spacing:-0.03em; margin:0 0 30px 0;text-align:justify; }


/*01_02*/
.ceo {*zoom:1;}
.ceo > h3{font-size:40px; font-weight:600; color:#555555; font-family:'daehan'; letter-spacing:-0.03em;text-align:center;}
.ceo > h3 span{color:#007a4e;}
.ceo > h3:before {display:block; content:""; width:100%; height:25px; background:url('../../images/sub/sa_line.png') center 0 no-repeat; padding:0 0 20px 0;}
.ceo > h3:after {display:block; content:""; width:100%; height:25px; background:url('../../images/sub/sa_line.png') center 100% no-repeat; padding:20px 0 0;}
.ceo > p{text-align:center; margin:60px 0 0 0; font-size:18px; color:#555555; letter-spacing:-0.03em; line-height:33px;}
.ceo > p.big{font-size:30px; color:#111111;line-height:40px;}
.signbox {text-align:center;margin:50px 0 100px;}
.signbox .txt {font-size:30px; color:#000000; font-weight:600; font-family:'daehan'; padding:50px 0 20px;}
.signbox .txt span{font-size:17px; font-family:'noto';}
.ceo .profile > div {width:50%;box-sizing:border-box;padding:60px 0;margin:0 auto;}
.ceo .profile > div h3{font-size:32px; font-weight:600; color:#007a4e; font-family:'daehan' ;text-align:center;margin: 0 0 40px 0;}
.ceo .profile > div.right p {text-align:center;font-size:18px; color:#444444; line-height:40px; letter-spacing:-0.03em; }


/* 01_03 */
.history {*zoom:1; width:100%; background:url('../../images/sub/center_line.jpg') center 0 repeat-y;position:relative;}
.history:before, .history:after  {display:block; content:""; width:19px;height:19px;background:url('../../images/sub/his_gray_circle.png') 0 0 no-repeat;margin:0 auto;}

.history .y_box{margin:0 0 50px 0;}
.history .y_box:first-child{margin:70px 0 50px;}
.history .y_box:After{content:"";display:block;clear:both;}
.history .y_box dl.left{width:50%; float:left; text-align:right;}
.history .y_box dl.right{width:50%; float:right;}

.history .y_box dl dt {font-size:32px; color:#009f66; font-family:'daehan'; font-weight:600; }
.history .y_box dl dt span{font-size:18px;line-height:28px;}
.history .y_box dl.left dt{padding:0 50px 0 0; background:url('../../images/sub/his_mint_circle.png') 100% 10px no-repeat;margin:0 -10px 20px 0;}
.history .y_box dl.right dt{padding:0 0 0 50px; background:url('../../images/sub/his_mint_circle.png') 0 10px no-repeat;margin:0 0 20px -10px;}

.history .y_box dl dd {font-size:15px; color:#666666; letter-spacing:-0.05em; line-height:25px;}
.history .y_box dl.left dd{padding:0 45px 0 0;}
.history .y_box dl.right dd{padding:0 0 0 45px;}

.history .y_box dl.left dd span{display:block;padding:0 10px 0 0; background:url('../../images/sub/his_dot.jpg') 100% 11px no-repeat;}
.history .y_box dl.right dd span{display:block;padding:0 0 0 10px; background:url('../../images/sub/his_dot.jpg') 0 11px no-repeat;}



/*01_04*/
.gil {*zoom:1;}
.gil h3{font-size:32px; font-weight:600; color:#009f66; padding:0 0 30px 0;}
.gil .map {width:100%; height:350px;margin:0 0 20px 0;}
.gil .info {padding:25px 40px; border-top:1px solid #009f66;border-bottom:1px solid #ddd;margin:0 0 70px 0;}
.gil .info p{margin:10px 0; font-size:17px; color:#333333; letter-spacing:-0.03em;}
.gil .info p span{display:inline-block; width:150px; color:#009f66; font-weight:600;}



/* 02_01 */
.rnd01 {*zoom:1;}
.rnd01  > p {text-align:center;}
.rnd01 .rnd_intro { padding:100px 0; background:url('../../images/sub/rnd_intro_bg2.png') 20% 90% no-repeat;}
.rnd01 .rnd_intro h3{font-size:29px; color:#999999;font-family:'daehan'; text-align:center; line-height:45px; letter-spacing:-0.03em;font-weight:400;padding:70px 0 80px; background:url('../../images/sub/rnd_intro_bg1.png') 70% 0 no-repeat;}
.rnd01 .rnd_intro h3 span{color:#007a4e; line-height:100px;font-size:40px;font-weight:600;}
.rnd01 .rnd_intro p{font-size:18px; line-height:36px; color:#444444; text-align:center; margin:0 0 50px 0;letter-spacing:-0.03em;}
.rnd01 .rnd_intro p strong{font-weight:900; color:#111;}

/* 02_02 */
.rnd02  {*zoom:1;}
.rnd02  h3{ border-bottom:1px solid #007a4e; color:#007a4e; font-size:30px; font-weight:600;margin:0 0 30px 0;}
.rnd02  h3 span{display:inline-block ;color:#fff; padding:8px; background-color:#007a4e;font-size:20px;margin:0 10px 0 0;}
.rnd02  .normal {font-size:17px; color:#333333; line-height:30px; letter-spacing:-0.03em; margin-bottom: 100px; text-align: justify;}
.rnd02  .center {text-align:center;margin:50px 0 40px 0;}
.rnd02 .box02 ul {margin:100px 0;}
.rnd02 .box02 ul li{width:890px; height:45px; line-height:45px; text-align:Center; font-size:17px; font-weight:900; color:#333333; background-color:#f3f3f3;border-radius:30px;margin:0 auto 10px;}
.rnd02 h4{font-size:30px; font-weight:600; color:#333333; letter-spacing:-0.03em;margin:70px 0;}

.rnd02 .box03 .box_in:after{content:"";display:block;clear:both;}
.rnd02 .box03 .box_in ul{float:left;}
.rnd02 .box03 .box_in ul li{width:700px; padding:0 0 0 20px; height:45px; line-height:45px; font-size:17px; font-weight:600; color:#333333; background-color:#f3f3f3;border-radius:30px;margin:0 auto 10px;}
.rnd02 .box03 .box_in ul li.long{line-height:18px;}
.rnd02 .box03 .box_in ul li.dotted{background:none; border:3px dotted #ddd; color:#888888; font-weight:400;}
.rnd02 .box03 .box_in .right{float:right;}


/* 02_03  */

.rnd03  {*zoom:1;}
.rnd03  h3{ color:#111111; font-size:30px; font-weight:600;margin:0 0 60px 0;}
.rnd03 .page_tab {margin:60px 0 0 0;}
.rnd03 .page_tab ul:after{content:"";display:block;clear:both;}
.rnd03 .page_tab ul li{ float:left; width:240px; height:240px;box-sizing:border-box; border:1px solid #ddd; border-left:none;text-align:center;}
.rnd03 .page_tab ul li:first-child{border-lefT:1px solid #ddd;}
.rnd03 .page_tab ul li a{display:block;width:100%; height:100%;box-sizing:border-box; padding:140px 0 0 0;font-size:18px; font-weight:600; color:#9aa49e; line-height:18px;
	transition:all .3s;
	-webkit-transition:all .3s;
	-ms-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;

}
.rnd03 .page_tab ul li.tab01 a{background:url('../../images/sub/pipe_icon01_off.png') center 40px no-repeat;}
.rnd03 .page_tab ul li.tab02 a{background:url('../../images/sub/pipe_icon02_off.png') center 40px no-repeat;}
.rnd03 .page_tab ul li.tab03 a{background:url('../../images/sub/pipe_icon03_off.png') center 40px no-repeat;}
.rnd03 .page_tab ul li.tab04 a{background:url('../../images/sub/pipe_icon04_off.png') center 40px no-repeat;}
.rnd03 .page_tab ul li.tab05 a{background:url('../../images/sub/pipe_icon05_off.png') center 40px no-repeat;}

.rnd03 .page_tab ul li a .arrow{display:block;margin:20px 0 0;}
.rnd03 .page_tab ul li a .detail{display:none;width:115px; height:30px; text-align:center; line-height:30px; font-size:15px; color:#ffffff;border:1px solid #ddd; margin:23px auto 0;}

.rnd03 .page_tab ul li.tab01 a:hover, .rnd03 .page_tab ul li.tab01 a:focus {background:url('../../images/sub/pipe_icon01_on.png') center 20px no-repeat #007a4e;color:#fff;padding:120px 0 0 0;}
.rnd03 .page_tab ul li.tab01 a:hover .arrow, .rnd03 .page_tab ul li.tab01 a:focus .arrow {display:none;}
.rnd03 .page_tab ul li.tab01 a:hover .detail, .rnd03 .page_tab ul li.tab01 a:focus .detail {display:block;}

.rnd03 .page_tab ul li.tab02 a:hover, .rnd03 .page_tab ul li.tab02 a:focus {background:url('../../images/sub/pipe_icon02_on.png') center 20px no-repeat #007a4e;color:#fff;padding:120px 0 0 0;}
.rnd03 .page_tab ul li.tab02 a:hover .arrow, .rnd03 .page_tab ul li.tab02 a:focus .arrow {display:none;}
.rnd03 .page_tab ul li.tab02 a:hover .detail, .rnd03 .page_tab ul li.tab02 a:focus .detail {display:block;}

.rnd03 .page_tab ul li.tab03 a:hover, .rnd03 .page_tab ul li.tab03 a:focus {background:url('../../images/sub/pipe_icon03_on.png') center 20px no-repeat #007a4e;color:#fff;padding:120px 0 0 0;}
.rnd03 .page_tab ul li.tab03 a:hover .arrow, .rnd03 .page_tab ul li.tab03 a:focus .arrow {display:none;}
.rnd03 .page_tab ul li.tab03 a:hover .detail, .rnd03 .page_tab ul li.tab03 a:focus .detail {display:block;}

.rnd03 .page_tab ul li.tab04 a:hover, .rnd03 .page_tab ul li.tab04 a:focus {background:url('../../images/sub/pipe_icon04_on.png') center 20px no-repeat #007a4e;color:#fff;padding:120px 0 0 0;}
.rnd03 .page_tab ul li.tab04 a:hover .arrow, .rnd03 .page_tab ul li.tab04 a:focus .arrow {display:none;}
.rnd03 .page_tab ul li.tab04 a:hover .detail, .rnd03 .page_tab ul li.tab04 a:focus .detail {display:block;}

.rnd03 .page_tab ul li.tab05 a:hover, .rnd03 .page_tab ul li.tab05 a:focus {background:url('../../images/sub/pipe_icon05_on.png') center 20px no-repeat #007a4e;color:#fff;padding:120px 0 0 0;}
.rnd03 .page_tab ul li.tab05 a:hover .arrow, .rnd03 .page_tab ul li.tab05 a:focus .arrow {display:none;}
.rnd03 .page_tab ul li.tab05 a:hover .detail, .rnd03 .page_tab ul li.tab05 a:focus .detail {display:block;}


.rnd_third_tab {margin:0 0 40px 0;}
.rnd_third_tab:After{content:"";display:block; clear:both;}
.rnd_third_tab li {float:left; width:240px; height:auto;}
.rnd_third_tab li a{display:block; width:100%; height:60px;line-height:60px;margin-top:10px;bordeR:1px solid #ddd;box-sizing:border-box; text-align:center; font-size:16px; color:#83a792;font-weight:600;
	transition:all .3s;
	-webkit-transition:all .3s;
	-ms-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
}
.rnd_third_tab li a:hover, .rnd_third_tab li a:focus, .rnd_third_tab li a.active{height:70px; line-height:70px; font-size:17px; margin-top:0;font-weight:900; color:#fff; background-color:#007a4e;border:none;}

/* rnd 파이프라인 third 페이지 */
.pipe_con dl table {border-top:1px solid #007a4e;border-bottom:1px solid #ddd;}
.pipe_con dl table thead tr th{border-bottom-style: double;border-color:#ddd;padding:5px; font-size:16px; font-weight:900; color:#111111; letter-spacing:-0.03em;border-left:1px solid #ddd;}
.pipe_con dl table thead tr th:first-child{border-left:none;}
.pipe_con dl table tbody tr th{padding:20px 10px; color:#111111; font-size:16px;letter-spacing:-0.03em;font-weight:600;}
.pipe_con dl table tbody tr td{padding:20px 10px; color:#111111; font-size:16px;letter-spacing:-0.03em;text-align:center; border-left: 1px solid #ddd;}
.pipe_con dl table tbody tr.blue th{background-color:#f1f8f4; } 
.pipe_con dl table tbody tr.blue td{background-color:#f1f8f4;font-weight:600; color:#007a4e;text-align:center; }
.pipe_con dl table tbody tr.green th{background-color:#f1f6e4; } 
.pipe_con dl table tbody tr.green td{background-color:#f1f6e4;text-align:left;}
.pipe_con dl  table.normal_tb tbody tr td{border-bottom:1px solid #ddd;padding:10px 5px;}
.pipe_con dl  table.normal_tb tbody tr td:first-child{border-left:none;}
.pipe_con .gray_r li {margin:0 auto 10px;width:1140px;text-align:center; padding:8px 0; border:2px solid #e0e0e0; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; color:#111111;
font-size:16px; font-weight:600;}

.pipe_con .boxing{margin:0 0 70px 0;overflow:hidden;}
.pipe_con .boxing2 {overflow:hidden;}
.pipe_con h3{font-size:28px; font-weight:600; color:#111111; letter-spacing:-0.03em; padding:0 0 0 12px; border-left:6px solid #007a4e;margin:0 0 40px 0;}
.pipe_con h4.red{font-size:20px; font-weight:600; color:#e73737; letter-spacing:-0.03em; margin:0 0 30px 0;}
.pipe_con h3 span{color:#007a4e;}
.pipe_con dl{margin:0 0 30px 0;}
.pipe_con dl.half {float:left;width:570px;margin:0 30px 30px 0; }
.pipe_con dl.long_half { width:680px; margin:0;}
.pipe_con dl.short_half { width:490px; margin:0 0 0 30px;}

.pipe_con dl dt{font-size:20px; font-weight:900; color:#007a4e; padding:0 0 0 20px; background:url('../../images/sub/green_arrow.png') 0 8px no-repeat;clear:both;margin:0 0 10px 0;}
.pipe_con dl dd{clear:both;border-top:1px solid #007a4e; border-bottom:1px solid #ddd; padding:15px 0;}
.pipe_con dl.half dd {min-height:230px;}
.pipe_con dl dd p{font-size:17px; line-height:40px; color:#333333; letter-spacing:-0.03em;font-weight:600;}
.pipe_con dl dd p.long {line-height:22px; margin:10px 0 0 0;}
.pipe_con dl dd .num {font-size:14px; color:#ffffff; font-weight:600; display:inline-block; padding:4px 5px; background-color:#7dca9e;line-height:14px;margin:0 5px 0 15px;}
.pipe_con dl dd.bn{border-bottom:none;}
.pipe_con dl dd.bn2{bordeR:none;}
.pipe_con dl dd.mintbox{padding:20px; background-color:#f1f8f4; font-size:17px; line-height:30px; letter-spacing:-0.03em; color:#111111;}
.pipe_con  .gray{padding:20px;background-color:#f4f4f4; }
.pipe_con  .gray ul:after{content:"";display:block;clear:both;}
.pipe_con  .gray ul li{box-sizing:border-box; padding:0 0 0 35px; background:url('../../images/sub/green_chk.png') 3px 14px no-repeat;font-size:17px; color:#111111; line-height:40px; font-weight:600;letter-spacing:-0.03em;}
.pipe_con  .gray2 {background:url('../../images/sub/pipe_con_img18.jpg') 95% 95% no-repeat #f4f4f4;}
.pipe_con  .gray2 ul li {float:none; }
.pipe_con  .half_gray {width:590px;float:left;}
.pipe_con  .half_gray ul li{float:none;line-height:26px;width:auto;margin:10px 0;background:url('../../images/sub/green_chk.png') 3px 4px no-repeat;}
.pipe_con  .half_gray ul li.red {color:#dc0015;}
.pipe_con  .half_gray2 {width:650px;float:left;}
.pipe_con  .half_gray2 ul li{float:none;line-height:26px;width:auto;margin:10px 0;background:url('../../images/sub/green_chk.png') 3px 4px no-repeat;}
.pipe_con .graybox{padding:70px 50px 70px 350px; font-size:17px; line-height:28px; letter-spacing:-0.03em; color:#333333; background:url('../../images/sub/pipe_con_img25.jpg') 60px center no-repeat #f4f4f4;}
.pipe_con .center{text-align:center; margin:50px 0;clear:both;}
.pipe_con .left{float:left;}
.pipe_con .right{float:right;}
.pipe_con ul.right{float:left;margin:200px 0 0 40px;}
.pipe_con ul.right li{line-height:26px;width:auto;margin:10px 0;background:url('../../images/sub/green_chk.png') 3px 4px no-repeat; padding:0 0 0 35px;font-size:17px; color:#111111; font-weight:600;letter-spacing:-0.03em;}
.pipe_con ul.right li p{font-weight:400; background-color:#f5f5f5; padding:15px;margin:10px 0 0 0; font-size:15px;}
.pipe_con .normal {font-size:17px; color:#333333; line-height:28px; letter-spacing:-0.03em;}
.pipe_con  .round {font-size:20px; font-weight:900;color:#138242;display:block; width:950px; height:50px; line-height:50px; text-align:center;margin:0 auto; border:3px solid #bae9ce; border-radius:30px;}
.pipe_con  .round2 {font-size:20px; font-weight:900;color:#313432;display:block; width:900px; height:50px; line-height:24px; padding:10px 0 ;text-align:center;margin:0 auto; border:3px solid #bae9ce; border-radius:50px;}
.pipe_con  .round2 span{color:#138242;}


/* 04_01 IR*/
.ir {*zoom:1;}
.ir .graph {text-align:center; padding:30px 0; border-top:1px solid #009f66;border-bottom: 1px solid #ddd;margin:0 0 70px 0;}



/*footer*/
#footer {clear:both; padding:35px 0; border-top:1px solid #dfdfdf;}
#footer_content {width:1200px; margin:0 auto; position:relative;}
#footer_content:after{content:"";display:block;clear:both;}
#footer_content p {float:left;margin:0 50px 0 0;padding:10px 0 0 0;}
#footer_content address {width:69%;float:left;font-size:13px; font-weight:400; color:#6a7468; line-height:22px; letter-spacing:-0.02em;}
#footer_content address strong {display:block;font-weight:800;}
#footer_content address span {display:block; font-weight:400; color:#b1bbaf;}
#footer_content address span a {color:#b1bbaf;}
#footer_content  .privacy_popbtn {position:absolute; right:0; bottom:0;display:inline-block;padding:3px 10px; background-color:#f0f0f0;color:#999;font-size:13px; font-weight:600;}


/* 개인정보처리방침 팝업 */
.privacy_pop {border:11px solid #d0ddd6; padding:20px; width:680px; box-sizing:border-box;overflow-x:hidden;}
.privacy_pop h3{font-size:20px; text-align:center; font-weight:600;color:#0a8228;margin:20px 0;}
.privacy_pop p {font-size:14px; color:#555; line-height:24px;margin:20px 0;}
.privacy_pop p strong{font-weight:600; display:block;color:#4ea147;}


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

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

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

	#header {height:100px; background-color:#fff !important; position:relative;}
	#header_content {height:100px; width:100%;}
	#header_content .logo {top:45px; left:10px;margin-left:0; }
	#header_content .logo a {display:block; }
	#header_content .logo img {height:40px;}
	#header_content #home_menu {top:10px;right:15px;}
	#header_content #home_menu ul li.shop a {font-size:10px;line-height:13px;background: url('../../images/main/shop_icon.png') 82% 2px no-repeat #56af93;}
	#header_content #home_menu ul li.lang .lang_tit {font-size:10px;line-height:13px;}
	#header_content #home_menu ul li.lang .lang_list{width: 103px;top:19px;font-size: 10px;line-height: 14px;}

	.header_on{height:100px !important;position:relative !important;}
	.header_on #header_content {height:100px;}
	.header_on #header_content .logo {margin-left:0;top:45px;}
	.header_on #header_content .logo a img {height:40px;}
	.header_on #header_content #home_menu{top:10px;}

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

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

	#mainvisual {height:400px;}
	#mainvisual .slideshow {width:100%; height:400px; top:0; left:0; margin-left:0;}
	#mainvisual .slideshow .bx-slider {height:400px;}
	#mainvisual .slideshow .bx-slider li { height:400px; }
	#mainvisual .slideshow .bx-slider li .full_img {height:400px;background-size:cover;background-position:center 50%;}
	#mainvisual .main_txt {width:auto;padding:70px 30px 0;margin:0; left:0;}
	#mainvisual .main_txt .txt1 {font-size:30px; line-height:40px;}
	#mainvisual .main_txt .txt2 {font-size:18px;  padding:90px 0 0 0;background:url('../../images/main/main_txt_icon.png') 0 20px no-repeat;background-size:160px;}


	/* section1 */
	.section1  .news {position:Relative; top:0; z-index:1000;}
	.section1  .news .left_box{width:auto;float:none; height:auto; padding:20px 20px 25px;text-align:left;background-size:100% 100%;}
	.section1  .news .left_box h3{display:block;width:auto;font-size:25px; padding:0 0 15px 0; margin:0 0 15px 0;}
	.section1  .news .left_box p{font-size:13px; margin:0 0 20px 0;}
	.section1  .news .left_box .more{ width:150px; height:25px; line-height:25px; font-size:13px;}
	.section1  .news .right_box {float:none; width:auto;padding:30px 20px;}
	.section1  .news .right_box ul li{padding:10px 0; background:url('../../images/main/notice_line.png' ) 0 100% repeat-x;}
	.section1  .news .right_box ul li .date{width:50px; padding:5px 0 0; font-size:11px;margin:0 10px 0 0;}
	.section1  .news .right_box ul li .date span{font-size:16px;line-height:20px;}
	.section1  .news .right_box ul li a{width:200px;height:45px;padding:5px 0;}
	.section1  .news .right_box ul li a .title{font-size:14px; }
	.section1  .news .right_box ul li a .cont{font-size:12px; }


	/*notice2*/
	.m_right_box{display:block;}
	.pc_right_box{display:none;}
	.section1  .notice2 {top:0px;}
	.section1  .notice2 .left_box {float:none; width:auto;padding:30px 20px;}
	.section1  .notice2 .left_box ul { width:auto;}

	.section1  .notice2 .left_box ul li{padding:10px 0; }
	.section1  .notice2 .left_box ul li .date{width:50px; padding:5px 0 0; font-size:11px;margin:0 0 0 10px;}
	.section1  .notice2 .left_box ul li .date span{font-size:16px;line-height:20px;}

	.section1  .notice2 .left_box ul li a{width:200px;height:45px;padding:5px 0;}
	.section1  .notice2 .left_box ul li a .title{font-size:14px; text-align:right;}
	.section1  .notice2 .left_box ul li a .cont{font-size:12px; }

	.section1  .notice2 .right_box{float:none; width:auto; height:auto;  padding:20px 20px 25px;text-align:left;background-size:100% 100%;}
	.section1  .notice2 .right_box h3{display:block;width:auto;font-size:25px; padding:0 0 15px 0; margin:0 0 15px 0;}
	.section1  .notice2 .right_box p{font-size:13px; margin:0 0 20px 0;}
	.section1  .notice2 .right_box .more{ width:150px; height:25px; line-height:25px; font-size:13px;}

	.section1 .rnd{width:auto; margin:0 auto; padding:20px 20px 100px;}
	.section1 .rnd h3{font-size:30px;}
	.section1 .rnd > div{float:none;width:100%; height:200px;margin:0 0 10px 0;opacity:1; transform: translateY(0);}

	.section1 .rnd > div a .title{font-size:20px; margin:100px 0 0;}
	.section1 .rnd > div a .btn{font-size:13px;}
	.section1 .rnd > div a:hover .title {margin:20px 0 0 ;border:none;font-size:25px;}

	.section1 .rnd div.rnd01{margin:0 0 10px 0;background-size:100% auto;}
	.section1 .rnd div.rnd02{background-size:100% auto;}
	.section1 .rnd div.rnd03{background-size:100% auto;}


	/* section2 */
	.section2 {width:100%; padding:70px 0; background:url('../../images/main/section2_bg.jpg') center 0 no-repeat; background-size:cover;}
	.section2 .product{width:auto; margin:0 auto; padding:0 20px;}
	.section2 .product h3{font-size:20px; padding:0 0 30px 0;}
	.section2 .product ul {width:100%;margin:0 auto;}
	.section2 .product ul.three_box {width:100%;}
	.section2 .product ul li{width:100%; height:150px; float:none;opacity:1; transform:translatey(0);}
	.section2 .product ul li a{font-size:16px;line-height:20px;}
	.section2 .product ul li a span{display:block;padding:0 0 10px 0;}
	.section2 .product ul li a span img{height:60px;}
	.section2 .product ul li.box01{margin:0 0 20px 0;}
	.section2 .product ul li.box02{margin:0 0 20px 0;}
	.section2 .product ul li.box03{margin:0 0 20px 0;}



	/* sub */
	#subvisual {height:380px;}
	#subvisual .s_img { height:380px;background-size:cover;}
	#subvisual .sub_txt {width:auto; padding:160px 0 0;}
	#subvisual .sub_txt p {font-size:40px;line-height:40px;}
	#leftmenu {display:none;}

	#cont {width:auto; padding:30px 20px 0;}
	#subtitle h2 {float:none;font-size:25px; }
	#subtitle .path{float:none;margin:5px 0 0;font-size:12px;}
	#con_area {padding:0 0 100px 0;}



	/* 01_01 */
	.intro .intro_top {width:100%;height:auto; background:url('../../images/sub/intro_top_bg.jpg') 30% 0 no-repeat; background-size:cover;padding:30px 10px;margin:0 0 50px 0;}
	.intro .intro_top .intro_in{width:auto; padding:0; border:none;}
	.intro .intro_top .intro_in p {font-size:14px;line-height:26px;}
	.intro .intro_top .intro_in h3 img{height:30px;}
	.intro .intro_top .intro_in span{font-size:13px;}

	.intro .intro_mid {font-size:13px;line-height:26px;margin:0 0 30px 0;}
	.intro .intro_mid > br {display:none;}
	.intro .intro_mid:before {display:none; }
	.intro .intro_mid:after {display:none; }
	.intro .intro_mid span{display:block;font-size:16px;line-height:25px;margin:0 0 20px 0;}
	.intro > p {font-size:13px;line-height:26px;margin:0 0 20px 0;}


	/*01_02*/
	.ceo > h3{font-size:20px;line-height:30px;}
	.ceo > p{margin:30px 0 0 0; font-size:13px; line-height:28px;}
	.ceo > p.big{font-size:20px;line-height:35px;}
	.signbox {text-align:center;margin:50px 0;}
	.signbox > img{width:200px;}
	.signbox .txt {font-size:20px;padding:30px 0 10px;}
	.signbox .txt span{font-size:13px; }

	.ceo .profile > div {float:none;width:100%;padding:0 0 60px;}
	.ceo .profile > div h3{font-size:20px;margin: 0 0 20px 0;}
	.ceo .profile > div.left{border:none;}
	.ceo .profile > div.left ul{width:100%; margin:0 auto;}
	.ceo .profile > div.left ul li{font-size:13px;  line-height:40px; letter-spacing:-0.03em; text-align:center;}
	.ceo .profile > div.left ul li span{display:block;margin:0 auto;width:80px; padding:5px 0;font-size:13px;line-height:13px;}
	.ceo .profile > div.right p {font-size:13px; line-height:30px; }


	/* 01_03 */
	.history {width:100%; background:url('../../images/sub/center_line.jpg') 9px 0 repeat-y;}
	.history:before, .history:after{margin:0;}
	.history .y_box{margin:0 0 50px 0;}
	.history .y_box:first-child{margin:50px 0 50px;}
	.history .y_box dl.left{width:100%; float:none; text-align:left;}
	.history .y_box dl.right{width:100%; float:none;}
	.history .y_box dl dt {font-size:18px; line-height:25px;}
	.history .y_box dl.left dt{padding:0 0 0 30px;  background:url('../../images/sub/his_mint_circle.png') 0 3px no-repeat;margin:0 0 20px 0;}
	.history .y_box dl.right dt{padding:0 0 0 30px; background:url('../../images/sub/his_mint_circle.png') 0 3px no-repeat;margin:0 0 20px 0;}
	.history .y_box dl dd {font-size:13px;line-height:25px;}
	.history .y_box dl.left dd{padding:0 0 0 30px;}
	.history .y_box dl.right dd{padding:0 0 0 30px;}
	.history .y_box dl.left dd span{display:block;padding:0 0 0 10px; background:url('../../images/sub/his_dot.jpg') 0 11px no-repeat;}


	/*01_04*/
	.gil h3{font-size:20px; padding:0 0 10px 0;}
	.gil .map {height:200px;margin:0 0 20px 0;}
	.gil .info {padding:15px 20px; }
	.gil .info p{font-size:13px; }
	.gil .info p span{display:block; width:auto; line-height:30px;}


	/* 02_01 */
	.rnd01  > p > IMG {width:100%;}
	.rnd01 .rnd_intro { padding:0 0 50px; background:url('../../images/sub/rnd_intro_bg2.png') 10% 95% no-repeat;background-size:100px;}
	.rnd01 .rnd_intro h3{font-size:16px; line-height:30px; padding:70px 0 30px; background:url('../../images/sub/rnd_intro_bg1.png') 70% 50px no-repeat;background-size:100px;word-break:keep-all;}
	.rnd01 .rnd_intro h3 > br {display:none;}
	.rnd01 .rnd_intro h3 span{line-height:60px;font-size:20px;display:block;}
	.rnd01 .rnd_intro p{font-size:13px; line-height:28px; margin:0 0 30px 0;letter-spacing:-0.03em;word-break:keep-all;}
	.rnd01 .rnd_intro p > br {display:none;}

	/* 02_02 */
	.rnd02  h3{font-size:16px;line-height:23px; font-weight:600;margin:0 0 20px 0;padding: 0 0 10px 0;}
	.rnd02  h3 span{padding:3px 6px; width:10px; text-align:center;height:20px; font-size:13px;margin:0 0 5px 0;display:block;}
	.rnd02  .normal {font-size:13px; line-height:26px; }
	.rnd02  .center {text-align:center;margin:50px 0 80px 0;}
	.rnd02  .center > img {max-width:100%;}
	.rnd02 .box02 ul {margin:50px 0;}
	.rnd02 .box02 ul li{width:100%; height:auto; padding:5px 0; line-height:16px; font-size:13px; font-weight:600;border-radius:10px; word-break:keep-all;}
	.rnd02 h4{font-size:16px; margin:30px 0 20px;}
	.rnd02 .box03 .box_in ul{float:none;}
	.rnd02 .box03 .box_in ul li{width:auto; padding:5px 0 5px 10px; height:auto; line-height:16px; font-size:13px; border-radius:10px;letter-spacing:-0.04em;}
	.rnd02 .box03 .box_in ul li.dotted{border:2px dotted #ddd; }
	.rnd02 .box03 .box_in .right{float:none;}
	.rnd02 .box03 .box_in .right img {max-width:100%;}




	/* 02_03  */

	.rnd03  {*zoom:1;}
	.rnd03  h3{font-size:18px; margin:0 0 30px 0;}
	.rnd03  img{max-width:100%;}

	.rnd03 .page_tab ul li{ float:left; width:50%; height:130px;border-lefT:1px solid #ddd;}
	.rnd03 .page_tab ul li a{padding:68px 0 0 0;font-size:14px;line-height:14px;letter-spacing:-0.03em;}
	.rnd03 .page_tab ul li.tab01 a{background:url('../../images/sub/pipe_icon01_off.png') center 12px no-repeat;background-size:50px;}
	.rnd03 .page_tab ul li.tab02 a{background:url('../../images/sub/pipe_icon02_off.png') center 12px no-repeat;background-size:50px;}
	.rnd03 .page_tab ul li.tab03 a{background:url('../../images/sub/pipe_icon03_off.png') center 12px no-repeat;background-size:50px;}
	.rnd03 .page_tab ul li.tab04 a{background:url('../../images/sub/pipe_icon04_off.png') center 12px no-repeat;background-size:50px;}
	.rnd03 .page_tab ul li.tab05 a{background:url('../../images/sub/pipe_icon05_off.png') center 12px no-repeat;background-size:50px;}

	.rnd03 .page_tab ul li a .arrow{margin:15px 0 0;}
	.rnd03 .page_tab ul li a .detail{width:100px;height:20px; line-height:20px;font-size:11px;margin:10px auto 0;}

	.rnd03 .page_tab ul li.tab01 a:hover, .rnd03 .page_tab ul li.tab01 a:focus {background:url('../../images/sub/pipe_icon01_on.png') center 12px no-repeat #007a4e;background-size:50px;padding:68px 0 0 0;}
	.rnd03 .page_tab ul li.tab02 a:hover, .rnd03 .page_tab ul li.tab02 a:focus {background:url('../../images/sub/pipe_icon02_on.png') center 12px no-repeat #007a4e;background-size:50px;padding:68px 0 0 0;}
	.rnd03 .page_tab ul li.tab03 a:hover, .rnd03 .page_tab ul li.tab03 a:focus {background:url('../../images/sub/pipe_icon03_on.png') center 12px no-repeat #007a4e;background-size:50px;padding:68px 0 0 0;}
	.rnd03 .page_tab ul li.tab04 a:hover, .rnd03 .page_tab ul li.tab04 a:focus {background:url('../../images/sub/pipe_icon04_on.png') center 12px no-repeat #007a4e;background-size:50px;padding:68px 0 0 0;}
	.rnd03 .page_tab ul li.tab05 a:hover, .rnd03 .page_tab ul li.tab05 a:focus {background:url('../../images/sub/pipe_icon05_on.png') center 12px no-repeat #007a4e;background-size:50px;padding:68px 0 0 0;}


	.rnd_third_tab li {width:50%; }
	.rnd_third_tab li a{height:40px;line-height:40px;margin-top:5px;font-size:13px;}
	.rnd_third_tab li a:hover, .rnd_third_tab li a:focus, .rnd_third_tab li a.active{height:40px; line-height:40px; font-size:13px; margin-top:5px;}

	/* rnd 파이프라인 third 페이지 */
	.pipe_con h3{font-size:18px;margin:0 0 10px 0;word-break:keep-all;}
	.pipe_con .boxing {margin:0 0 40px 0;}
	.pipe_con dl.half {float:none;width:auto;margin:0 0 30px 0; min-height:auto;}
	.pipe_con dl.half dd {min-height:auto;}
	.pipe_con dl.long_half { width:auto; margin:0 0 30px 0; }
	.pipe_con dl.short_half { width:auto; margin:0 0 30px 0;}

	.pipe_con dl dt{font-size:14px; background:url('../../images/sub/green_arrow.png') 0 3px no-repeat;padding:0 0 0 12px;}
	.pipe_con dl dd p{font-size:13px; line-height:20px; margin:6px 0;}
	.pipe_con dl dd .num {font-size:12px;margin: 0 5px 0 0;}
	.pipe_con dl dd.mintbox{font-size:13px; line-height:25px; }
	.pipe_con dl table thead tr th{ font-size:12px;}
	.pipe_con dl table tbody tr th{padding:5px; font-size:13px;}
	.pipe_con dl table tbody tr td{padding:5px; font-size:13px;}
	.pipe_con dl  table.normal_tb tbody tr td{padding:5px;}
	.pipe_con .gray_r li {width:auto; padding:5px;font-size:13px; word-break:keep-all;}
	.pipe_con  .gray ul li{width:auto; float:none; padding:0 0 0 25px; background:url('../../images/sub/green_chk.png') 0 4px no-repeat;font-size:13px;line-height:22px;margin:5px 0;}
	.pipe_con  .gray2 {background:url('../../images/sub/pipe_con_img18.jpg') 95% 95% no-repeat #f4f4f4;background-size:150px;padding:20px 20px 70px 20px;}
	.pipe_con  .gray2 ul li {float:none; }
	.pipe_con  .half_gray {width:auto;float:none;margin:0 0 30px 0;}
	.pipe_con  .half_gray ul li{margin:5px 0;background:url('../../images/sub/green_chk.png') 0 4px no-repeat;}
	.pipe_con  .half_gray2 {width:auto;float:none;}
	.pipe_con  .half_gray2 ul li{float:none;line-height:22px;width:auto;margin:10px 0;background:url('../../images/sub/green_chk.png') 0 4px no-repeat;}
	.pipe_con .graybox{padding:150px 20px 20px 20px; font-size:13px; line-height:22px;background:url('../../images/sub/pipe_con_img25.jpg') center 20px no-repeat #f4f4f4;background-size:200px;}
		.pipe_con .graybox br {display:none;}
	.pipe_con .center {margin: 30px 0;}
	.pipe_con .center > img{max-width:100%;}
	.pipe_con .left{float:none;}
	.pipe_con .right{float:none;}
	.pipe_con ul.right{float:none;margin:10px 0 0 0;}
	.pipe_con ul.right li{line-height:26px;width:auto;background:url('../../images/sub/green_chk.png') 0 4px no-repeat; padding:0 0 0 25px;font-size:13px;}
	.pipe_con ul.right li p{font-size:13px;}
	.pipe_con .normal {font-size:13px;line-height:25px;}
	.pipe_con  .round {font-size:13px;width:auto; height:auto; padding:5px; line-height:18px; }
	.pipe_con  .round2 {font-size:13px; width:auto; height:auto; line-height:18px; padding:5px;word-break:keep-all;}







	/*footer*/
	#footer {clear:both; padding:35px 0; border-top:1px solid #dfdfdf;}
	#footer_content {width:auto;padding:0 20px;}
	#footer_content p {float:none;margin:0 0 10px 0;padding:0;}
	#footer_content p img{height:35px;}
	#footer_content address {width:auto;float:none;font-size:12px;word-break:keep-all;}
	#footer_content address strong {display:block;font-weight:800;}
	#footer_content address span {display:block; font-weight:400; color:#b1bbaf;}
	#footer_content  .privacy_popbtn {right:20px; bottom:210px;}


}

@media screen and (max-width:375px) { 
	#footer_content  .privacy_popbtn {bottom:235px;}

}