@charset "utf-8";
/*** 공통 ***/
/*팝업창*/
.pop_wrap {background:#fff;}
.pop_head {display:block;position:fixed;top:0px;width:100%;z-index:5000;_position:absolute;_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);_top:expression(document.documentElement.scrollTop);}
.pop_head {background:#c11720; height:64px;}
.pop_head span.close {height:40px;position:absolute;right:15px;top:10px;}
.pop_head .pop_title {font-size:18px;letter-spacing:-1px;font-weight:bold;color:#fff;display:inline-block;padding:15px 20px 15px 20px;}
.pop_head .pop_title .tit {padding-left:15px;}
.pop_foot {display:block;position:fixed;bottom:0px;width:100%;z-index:5000;background:#282828;_position:absolute; _top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);}
.pop_foot {height:15px;overflow:hidden;display:none;}
.pop_foot span{height:15px;overflow:hidden;display:block;}
.pop_cont {z-index:6000;padding:90px 15px 30px 20px;}
.pop_cont .cont_top h3 {font-size:11px !important;color:#aaa;font-weight:normal;}

#popups {z-index:10000;position:relative;display:block;}
#popups h3 {font-size:12px;background:#333;color:#fff;display:none;}
.popup_layers{position:absolute; border:1px solid #eaeaea;z-index:10000;background:#fff;}
.poplayer_foot {position:absolute;bottom:0px;width:100%;font-size:11px;background:#333;color:#fff;}
.poplayer_foot *  {color:#fff !important;}

/* 이미지사이즈 */
.rspn-img {max-width:100%;}


/*** 컨텐츠 style ***/
/*=========== 01 기업소개 ===========*/
/*인사말*/
.greet-con{ position:relative; padding-left:457px;min-height:545px;}
.greet-con .btxt{ color:#222; font-weight:600;line-height:130%; font-size:2.3em; lefter-spacing:-0.07em;padding:25px 0;}
.greet-con .btxt .break{display:block !important;}
.greet-con .peo-ple{position:absolute;left:-30px; top:0;}
.greet-con .txt-con{padding-top:36px; font-size:15px; line-height:160%; background:url(/kor/_Img/Content/c-line.jpg) no-repeat;}
.greet-con p.sign{ text-align:right;}
.greet-con p.sign strong{ display:inline-block; vertical-align:bottom !Important; padding-left:10px}
.greet-con p.sign img{display:inline-block;vertical-align:middle !Important}

/* 기업개요 */
.overview-wrap {position:relative;overflow:hidden;margin-top:70px;background:url(/kor/_Img/Content/overview_mv01.jpg) no-repeat 0 bottom; *padding-bottom:50px;padding-bottom:107px}
.overview-wrap .bg {display:block;position:absolute;left:0;bottom:14px;}
.overview-wrap .c-ctit {float:left;width:40%;font-size:15px;/* letter-spacing:-0.04em; */}
.overview-wrap .c-ctit .tit {font-size:25px;font-weight:bold;color:#222;line-height:140%;width:96%;}
.overview-wrap .c-ctit .txt {*width:80%;margin-top:20px;line-height:140%;}
.overview-wrap .view-cont {float:right;width:55%;border-top:1px solid #ddd;border-bottom:1px solid #ddd;overflow:hidden;font-size:14px;padding:50px 0;}
.overview-wrap .view-cont dt, .overview-wrap .view-cont dd {float:left;margin:12px 0;}
.overview-wrap .view-cont dt {width:20%;font-weight:bold;color:#333;background:url(/_Img/Common/blt10.gif) no-repeat 0 8px;padding-left:12px;}
.overview-wrap .view-cont dd {width:75%;color:#666;}
.overview-occ {margin-top:110px;}
.overview-occ h4 {font-size:2.308em;text-align:center;text-transform:uppercase;font-weight:normal;color:#333;line-height:100%;}
.overview-occ .txt {text-align:center;font-size:16px;margin:15px 0 50px;}
.overview-occ .occ-list {overflow:hidden;background:#f4f4f4;padding:22px 30px;}
.overview-occ .occ-list .sec {display:block;}
.overview-occ .occ-list li {float:left;width:29%;border-left:1px solid #ddd;margin-left:28px;padding-left:30px;}
.overview-occ .occ-list li h5 {font-size:16px;color:#333;background:url(../_Img/Content/occ_point.gif) no-repeat 5px 33px;margin-bottom:10px;}
.overview-occ .occ-list li h5 .num {font-size:16px;color:#838383;display:block;font-weight:bold;margin-bottom:38px;}
.occ-list li.n03 h5 .sec {font-size:14px;}
.overview-occ .occ-list li .stxt {font-size:12px;}
.overview-occ .occ-list li:first-child {margin-left:0;padding-left:0;border-left:0}
/* 아이콘 */
.occ-list li.n01 {background:url(../_Img/Content/occ_bg01.gif) no-repeat right 10px;border-left:0;}
.occ-list li.n02 {background:url(../_Img/Content/occ_bg02.gif) no-repeat right 10px}
.occ-list li.n03 {background:url(../_Img/Content/occ_bg03.gif) no-repeat right 10px}
.occ-list li.n04 {background:url(../_Img/Content/occ_bg04.gif) no-repeat right 10px} /* R&D센터용 */
.occ-list li.n05 {background:url(../_Img/Content/occ_bg05.gif) no-repeat right 10px} /* R&D센터용 */

@media only screen and (max-width:999px) {
.overview-occ .occ-list li {float:none;width:100%;margin:10px 0 0;padding:20px 0;border:0;border-top:1px solid #ddd;}
.overview-occ .occ-list li:first-child, .overview-occ .occ-list li.n01 {border-top:0;margin-top:0;padding-top:0;}
.overview-occ .occ-list li.n02, .overview-occ .occ-list li.n03, .overview-occ .occ-list li.n05 {background-position:right 25px;}
.overview-occ .occ-list .sec {display:inline;}
}
@media only screen and (max-width:800px) {
.overview-wrap {background:none;}
.overview-wrap .c-ctit, .overview-wrap .view-cont {float:none;width:100%;}
.overview-wrap .c-ctit .tit {width:100%;}
.overview-wrap .c-ctit .txt {margin-top:10px;width:100%;}
.overview-wrap .c-ctit .tit .sec {display:block;}
.overview-wrap .view-cont {margin-top:30px;padding:15px 0;}
.overview-occ {margin-top:60px; width:98%;}
}
@media only screen and (max-width:540px) {
.overview-wrap {margin-top:30px;}
.overview-wrap .c-ctit .tit {font-size:1.385em;}
.overview-wrap .c-ctit .tit .sec {display:inline;}
.overview-wrap .view-cont dt, .overview-wrap .view-cont dd {float:none;width:100%;margin:10px 0 5px}
.overview-wrap .view-cont dd {margin:0 0 0 12px;}
}

/* 연혁 */
.history-wrap {background:url(../_Img/Content/history_line.gif) repeat-y right 0;}
.history-list {margin-top:40px;font-size:14px;}
.history-list h4 {letter-spacing:-0.04em;}
.history-list li {padding:5px 0;}
.history-list .date {font-weight:bold;color:#333;display:inline-block;vertical-align:top;width:70px;}
.history-list p.cont {display:inline-block;vertical-align:top;margin:0 -2px;width:68%;}
/* bg */
.history-list.y2010 {background:url(../_Img/Content/his_2010.gif) no-repeat right 0;}
.history-list.y2000 {background:url(../_Img/Content/his_2000.gif) no-repeat right 170px;}
.history-list.y1990 {background:url(../_Img/Content/his_1990.gif) no-repeat right -5px;padding-bottom:63px;}

@media only screen and (max-width:580px) {
.history-wrap, .history-list {background:none !important;}
.history-list p.cont {display:block;width:100%;}
}

/* 생산시설 */
.facil-top {border-bottom:1px solid #e6eef1;text-align:center;}
.facil-top .ico {display:inline-block;width:171px;height:94px;background:url(../_Img/Content/facil_bg.gif) no-repeat 0 0;margin-top:25px;}
.facil-top .top-cont {display:inline-block;vertical-align:top;text-align:left;margin-left:50px;padding-top:45px;}
.facil-top .top-cont .sec {display:block;}
.facil-top .top-cont .tit {font-size:18px;color:#333;font-weight:bold;line-height:24px;margin-bottom:25px;}
.facil-top .top-cont .txt {font-size:16px;line-height:24px;}
.facil-list {overflow:hidden;margin-top:50px;font-size:14px;}
.facil-list .facil-tit {float:left;width:37%;min-height:339px;border-bottom:1px solid #ddd;letter-spacing:-0.08em}
.facil-list .facil-tit h4 {font-size:36px;color:#666;background:url(../_Img/Content/facil_tit.gif) no-repeat 0 0;padding-top:25px;font-weight:bold;line-height:100%;margin-bottom:60px;}
.facil-list .facil-tit h4 .txt {font-size:14px;color:#888;display:block;}
.facil-list .facil-tit .facil-location {border-top:1px solid #ddd;padding:20px 0;}
.facil-list .facil-location li {padding:8px 0;}
.facil-list .facil-location span {display:inline-block;vertical-align:top;}
.facil-list .facil-location .stit {width:80px;background:url(../_Img/Content/blt_facil.gif) no-repeat 1px 7px;padding-left:12px;color:#333;font-weight:bold;}
.facil-list .facil-thum {position:relative;float:right;width:60%;min-width:600px;}
.facil-list .facil-thum .slide-window {width:100%;overflow:hidden;position:relative;}
.facil-list .facil-thum .slide-holder {position:relative;}
.facil-list .facil-thum .slide-holder li {float:left;position:relative;}
.facil-list .facil-thum .slide-holder li img {max-width:100%;width:100%;}
.facil-list .facil-thum .slide-nav {position:absolute;right:0;bottom:0;background:url(/_Img/Common/bg/bg_opacity60.png) repeat 0 0;width:40px;padding:15px 0;}
.facil-list .facil-thum .slide-nav button {border:0;width:17px;height:11px;background:url(../_Img/Content/gallery_sprite.png) no-repeat 0 -15px;display:block;margin:0 auto;cursor:pointer;}
.facil-list .facil-thum .slide-nav .active button {background-position:0 0;height:14px;}
.facil-list .facil-thum .slide-nav .access {width:1px;height:1px;overflow:hidden;position:absolute;top:0;left:0;}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media only screen and (max-width:999px) {
.facil-list .facil-tit, .facil-list .facil-thum {float:none;width:100%;overflow:hidden;min-height:100%;}
.facil-list .facil-tit {margin-bottom:30px;}
.facil-list .facil-tit h4 {float:left;margin-bottom:30px;}
.facil-list .facil-tit .facil-location {width:70%;float:right;padding:10px 0;border:0;}
.facil-list .facil-thum {text-align:center;min-width:100%;}
}
@media only screen and (max-width:760px) {
.facil-top .top-cont {display:block;text-align:center;margin:0;padding-bottom:30px;}
.facil-top .top-cont .tit {margin-bottom:15px;}
.facil-list {margin-top:30px;}
}
@media only screen and (max-width:560px) {
.facil-list .facil-tit h4 {float:none;margin-bottom:0;}
.facil-list .facil-tit .facil-location {float:none;width:100%;}
.facil-list .facil-location .cont {display:block;margin-left:12px;}
}

/* 오시는길 */
.map-wrap {position:relative;}
.map-wrap .btn-more {position:absolute;bottom:0;right:0;width:40px;height:40px;overflow:hidden;display:block;background:#878f9a url(../_Img/Content/map_more.gif) no-repeat 0 0;}
.map-wrap .btn-more:hover {background-color:#d7272e}

/* 중국지사 */
.chn-wrap p {font-size:14px;}

/*=========== 02 사업분야 ===========*/
/* 공통 */
.business-wrap .bus-thum {position:relative;width:100%;overflow:hidden;}
.business-wrap .bus-thum .slide-window {position:relative;width:100%;overflow:hidden;}
.business-wrap .bus-thum .slide-holder {position:relative;}
.business-wrap .bus-thum .slide-holder li {float:left;position:relative;}
.business-wrap .bus-thum .slide-holder li img {max-width:100%;}
.business-wrap .bus-thum .slide-nav {position:absolute;right:0;bottom:0;background:url(/_Img/Common/bg/bg_opacity60.png) repeat 0 0;width:40px;padding:15px 0;}
.business-wrap .bus-thum .slide-nav button {border:0;width:17px;height:11px;background:url(../_Img/Content/gallery_sprite.png) no-repeat 0 -15px;display:block;margin:0 auto;cursor:pointer;}
.business-wrap .bus-thum .slide-nav .active button {background-position:0 0;height:14px;}
.business-wrap .bus-thum .slide-nav .access {width:1px;height:1px;overflow:hidden;position:absolute;top:0;left:0;}
.bus-cont {margin-top:60px;overflow:hidden;color:#222;}
.bus-cont h4 {float:left;font-size:3.077em;line-height:100%;background:url(../_Img/Content/business_tbg.gif) no-repeat 266px 0;font-weight:bold;padding-bottom:110px;width:39%;}
.bus-cont .sec {display:block;}
.bus-cont h4 .sec.stxt {font-size:0.500em;letter-spacing:-0.04em;padding-top:5px; line-height:150%;}
.bus-cont .scont {float:right;width:55%;padding-top:12px;}
.bus-cont .scont h5 {font-size:2.154em;font-weight:bold;line-height:120%;background:url(../_Img/Content/facil_tit.gif) no-repeat 1px 0;padding:22px 0 17px;}
.bus-cont .scont .stit {font-size:16px;margin-bottom:20px; line-height:150%;}
.bus-cont .scont .txt {font-size:14px;color:#666;line-height:26px;}
@media only screen and (max-width:999px) {
.bus-cont h4 {background-position:75% 0;width:30%;}
.bus-cont h4 .sec.stxt {line-height:120%;}
.bus-cont .scont {width:68%;padding-top:0;}
}
@media only screen and (max-width:760px) {
.bus-cont h4 {background:none;width:100%;float:none;padding-bottom:30px;font-size:2.308em}
.bus-cont h4 .sec {display:inline;}
.bus-cont h4 .sec.stxt {display:block;}
.bus-cont .scont {width:100%;float:none;}
.bus-cont .scont h5 {font-size:1.692em}
}

/* R&D센터소개 */
.overview-occ.rnd {border-top:1px dashed #7f7f7f;margin-top:50px;padding-top:50px;}
.overview-occ.rnd h4 {margin-bottom:35px}

.c-txt-red {color:red;}
.c-txt-rnd {text-align:center; font-size:1.2em; color:#666; margin-bottom:2em;}

@media only screen and (max-width:999px) {
.overview-occ.rnd .occ-list .sec {display:block;}
}

/*=========== 03 제품소개 ===========*/
/*제품소개*/
.pro-main{position:relative; /*height:510px*/} 
.pro-main ul{ overflow:hidden;}
.pro-main ul li{ float:left; width:25%;}
.pro-main ul li a.tab{ display:block; text-align:center;padding-top:8px;height:160px;border:1px solid #e5e5e5;border-left:0;}
.pro-main ul li:first-child a.tab {border-left:1px solid #e5e5e5;}
/* .pro-main ul li:last-child, .pro-main ul li.last{ border-right:none;} */

.pro-main a.tab span {display:block; width:111px; height:111px;margin:0 auto;transition:all 0.5s ease-out}
.pro-main a.tab span.ico {background:url(../../kor/_Img/Content/ico_product_sprite.png) no-repeat;}
.pro-main a.tab span.ico-1 {background-position:-66px -8px}
.pro-main a.tab span.ico-2 {background-position:-322px -8px}
.pro-main a.tab span.ico-3 {background-position:-573px -8px}
.pro-main a.tab span.ico-4 {background-position:-819px -8px}
.pro-main a.tab span.txt{ font-size:22px; letter-spacing:-0.025em; color:#2e2e2e; height:20px;font-weight:bold;font-weight:600\9}
.pro-main div.pro-details{ position:absolute; top:170px; left:0; height:0;overflow:hidden; width:100%;}
.pro-main div.pro-details .pro-thum {display:block;width:50%;float:left;overflow:hidden;}
.pro-main div.pro-details .pro-thum img {height:100%;}
.pro-main div.pro-details div {float:right;width:50%;padding-top:10px;height:486px;}
.pro-main div.hidden{ display:none}

.pro-main dl{ position:relative;margin:0 0 9px 6%;border-top:1px dashed #ddd;padding-bottom:7px;overflow:hidden;}
.pro-main dl:first-child {border-top:0;}
.pro-main dt{background:url(../_Img/Content/blt_pro.gif) no-repeat 0 14px;font-weight:bold;font-size: 16px;letter-spacing:-0.03em;margin: 6px 0;}
.pro-main dt a.tit{padding:6px 0 2px 0px; display:inline-block;margin-left:10px;color:#333; display:block;}
.pro-main dl.isOver dt a.tit{color:#d73037}
.pro-main dd{padding: 0px 5px;float:left;width:47%;}
.pro-main dd:last-child{ background:none;}
.pro-main dd a{font-weight:bold;font-size: 12px;display:block;padding:1px 3px;color:#666;letter-spacing:-0.025em;}
.pro-main dd a:hover{ background:#d7272e; color:#fff;}
.pro-main a.tab:hover span.ico {transition:background-position 0.5s;}
.pro-main a.tab:hover span.txt, .pro-main ul li.isOver a.tab span.txt{ color:#d73037;}
.pro-main a.tab:hover span.ico-1, .pro-main .isOver a.tab span.ico-1 {background-position:-66px -177px}
.pro-main a.tab:hover span.ico-2, .pro-main .isOver a.tab span.ico-2 {background-position:-322px -177px;}
.pro-main a.tab:hover span.ico-3, .pro-main .isOver a.tab span.ico-3 {background-position:-573px -177px;}
.pro-main a.tab:hover span.ico-4, .pro-main .isOver a.tab span.ico-4 {background-position:-819px -177px;}
.pro-main a.tab.tab2, .pro-main li:first-child a.tab.tab2 {border:0;}
.pro-main4 ul {*zoom:1;}
.pro-main4 ul:after {clear:both;content:"";display:block;}
.pro-main4 li {float:left;width:50%;}
.pro-main4 li a {display:block;position:relative;background:#f7f7f7;overflow:hidden;}
.pro-main4 li a:hover .cover, .pro-main a.tab.tab2:hover .cover {border:3px solid #d73037;position:absolute;top:0;left:0;width:98.8%;height:97.8%;z-index:300}
.pro-main4 li .ico {display:block;width:53%;float:left;}
.pro-main4 li .tit {width:47%;text-align:center;display:inline-block;vertical-align:top;margin:0 -2px;font-size:19px;font-weight:bold;padding-top:15%;font-weight:600\9;}
.pro-main4 li .txt {display:block;width:74%;font-size:15px;font-weight:normal;margin:9% auto 0;word-wrap:break-word;word-break:keep-all;letter-spacing:-0.03em;letter-spacing:-0.1em\9;line-height:160%;}
.pro-main4 li + li + li .ico {float:right;}
.pro-main4 li + li + li .txt {width:70%;}
.pro-main4 li + li + li + li .txt {width:80%;}

/*제품리스트*/
.details-list ul{ overflow:hidden}
.details-list li{ float:left; width:23.5%; margin-left:2%; min-height:252px; margin-bottom:2%;}
.details-list li:first-child , .details-list li:nth-child(5), .details-list li:nth-child(9), .details-list li:nth-child(13), .details-list li:nth-child(17), .details-list li:nth-child(21), .details-list li.r1{ margin-left:0;clear:left;}
.details-list li a{ display:block;}
.details-list li p.img{border:1px solid #d2d2d2; display:block; position:relative;}
.details-list li span.tit{ display:inline-block; font-size:16px; font-weight:600; color:#d62f36; line-height:25px; padding:5px 0 2px 0px; border-bottom:1px solid #fff}
.details-list li a:hover span.tit{ border-bottom:1px solid #d62f36}
.details-list li span.stxt{ display:block; padding-top:7px;}
.details-list li img{ width:100%; position:relative; z-index:5}
.details-list li a .over-bg{ position:absolute; top:0; z-index:5; width:100%; height:100%; left:0; background:url(../_Img/Content/details-over.png) no-repeat center center; display:none;}
.details-list li a:hover .over-bg{ display:block;}

@media only screen and (max-width:999px) {
.pro-main4 li a:hover .cover {width:98.3%;height:97%;}
.pro-main div.pro-details .pro-thum img {margin-left:-10%}
}
@media only screen and (max-width:850px) {
.pro-main div.pro-details .pro-thum img {margin-left:-26%}
}
@media only screen and (max-width:768px){
.pro-main4 li a:hover .cover {height:96.8%;}
.pro-main div.pro-details .pro-thum img {margin-left:-35%}
.pro-main4 li .txt {font-size:14px}
.pro-main4 li + li + li .txt {width:90%;}
}

@media only screen and (max-width:670px) {
/*제품소개*/
.pro-main { margin-bottom:20px;}
.pro-main ul {border-bottom:1px solid #e5e5e5;}
.pro-main ul li{ width:50%;}
.pro-main a.tab span.ico-1, .pro-main a.tab span.ico-2, .pro-main a.tab span.ico-3, .pro-main a.tab span.ico-4{ display:none;}
.pro-main ul li a.tab { height:40px; padding-top:0; border-bottom:0;}
.pro-main ul li.isOver a.tab { border-top:0; height:41px; padding-top:0;}
.pro-main ul li.isOver a.tab span.txt, .pro-main a.tab:hover span.txt, .pro-main ul li.isOver a.tab span.txt {color:#fff;}
.pro-main a.tab span.txt{ font-size:14px; padding:0; line-height:40px;col}
.pro-main div.pro-details{ top:82px;}
.pro-main div.pro-details .pro-thum {display:none;float:none;}
.pro-main div.pro-details div {width:100%;height:auto;}
.pro-main dl { padding-left:0}

.pro-main a.tab:hover, .pro-main ul li.isOver a.tab{ background:#d7272e}
.pro-main div.pro-details div{ padding:10px;}
.pro-main dl{ padding:0 3px;}
.pro-main dd{padding:0 3px; }
.pro-main dd a{font-size:13px; line-height:120%;}

.pro-main4 li {float:none;width:100%;}
.pro-main4 li a:hover .cover {display:none;}

/*제품리스트*/
.details-list li{ float:none; width:auto ;margin-left:0; min-height:110px; padding-bottom:15px;;}
.details-list li a{ position:relative;padding-left:24%;}
.details-list li p.img{ position:absolute; width:20% ; left:0; top:0;}
.details-list li span.tit{border-bottom:none; }
}

@media only screen and (max-width:600px) {
}

@media only screen and (max-width:500px) {
.pro-main4 li .tit {padding-top:12%;}
.pro-main4 li .txt {width:98%;font-size:13px}
}

@media only screen and (max-width:400px) {
}


/*제품보기*/
.product-view{ overflow:hidden}
.pro-l{ float:left; width:400px; position:relative;}
.pro-l ul.list{ overflow:hidden;}
.pro-l ul.list li{ border:1px solid #d2d2d2; text-align:center; width:99.5%;}
.pro-l ul.list li img{ width:100% !Important;} 

.pro-l ul.thum{ margin-top:20px; text-align:center;}
.pro-l ul.thum li{display:inline-block; margin:0 5px}
.pro-l ul.thum a{ display:inline-block; width:99px; height:99px; border:1px solid #d2d2d2}
.pro-l ul.thum a:hover, .pro-l ul.thum a.over{ border:1px solid #d9151e}
.pro-l img{ width:100%;}

.pro-r{ float:right; width:540px;}
.pro-r h4{ background: url(../_Img/Content/pro-line.jpg) no-repeat left bottom; height:36px; font-weight:600; color:#d41818; font-size:20px; margin-bottom:20px; }
.pro-r .nbsp-l{ position:relative; padding-left:15%; margin-top:30px;}
.pro-r .nbsp-l h5{ position:absolute; top:0; left:0; width:13%; font-weight:600; color:#333; font-size:14px;}

/*제품색*/
.cr-txt{ display:inline-block}
.cr-txt .cr-ico{ width:16px; height:16px; display:inline-block; vertical-align:middle !Important; border-radius:16px 16px; overflow:hidden;margin-left:6px;	}
.cr-txt .txt{ line-height:16px; display:inline-block ;vertical-align:middle !Important; color:#666; font-size:13px; margin-left:6px;}

.cr-lg{ background:#72bc34}/*Light green*/
.cr-lb{ background:#2d7d9c}/*Light blue*/
.cr-b{ background:#b2ad83}/*Beige*/

.pro-clog{ height:90px; overflow:hidden; position:relative; padding-left:33%;}
.pro-clog a.clog-btn{ background:#d9151e; width:33%; min-height:90px; position:absolute; left:0; top:0; color:#fff; text-align:center; line-height:90px;display:block}
.pro-clog a.clog-btn .ico{ background:url(../_Img/Content/clog-down.png) no-repeat; width:34px; height:48px; display:inline-block; vertical-align: middle !Important; }
.pro-clog a.clog-btn  .txt{ color:#fff; font-weight:300; font-size:13px; display:inline-block; margin-left:90px; vertical-align:!Important; margin-left:15px; border-bottom:1px solid #ec8a8f; padding-bottom:2px; line-height:20px}
.pro-clog a.clog-btn  .txt b{ color:#fff;font-weight:300;}
.pro-clog p.clog-viewer{ display:block; background:#f3f3f3; border:1px solid #d6d6d6; height:32px; padding:28px 27px; text-align:right}
.pro-clog p.clog-viewer .btxt{ font-size:13px; letter-spacing:-0.03em; font-weight:300; text-align:left; display:block}
.pro-clog p.clog-viewer .viewer-btn{ display:inline-block}
.pro-clog p.clog-viewer .viewer-btn .ico{ background:url(../_Img/Content/viewer-down.png) no-repeat; width:14px; height:13px; display:inline-block; vertical-align:middle !Important}
.pro-clog p.clog-viewer .viewer-btn .txt{ margin-left:6px;display: inline-block; font-size:13px; color:#636363; font-weight:bold; vertical-align:middle !Important}

@media only screen and (max-width:999px) {
.pro-l{ float:left; width:40%;}
.pro-r{ float:right; width:55%;}
.greet-con{ padding-left:0}
.greet-con .peo-ple{ left:auto ;right:0; width:200px; top:230px;}
.greet-con .peo-ple img{ width:100%;}
.greet-con .txt-con{padding-top:100px; }
.pro-clog{ padding-left:0; height:auto;}
.pro-clog a.clog-btn{ position:relative; left:auto; top:auto; width:auto; min-height:50px; line-height:50px;}
.pro-clog p.clog-viewer{ padding:18px 17px}
.pro-clog a.clog-btn .ico{ width:22px; height:31px}
}
@media only screen and (max-width:768px) {
.pro-l ul.thum a{  width:65px; height:65px; }
.pro-r, .pro-l{ float:none; width:auto;}
.pro-r{ margin-top:80px;}

.pro-r .nbsp-l{ padding-left:0}
.pro-r .nbsp-l h5{ position:relative; left:auto; top: auto; padding-bottom:5px;}
.pro-clog p.clog-viewer{ height:auto;}
.greet-con .btxt {width:70%;}
.overview-wrap {padding:0;}
}
@media only screen and (max-width:540px) {
.greet-con .btxt { font-size:21px; height:134px; width:60%;}
.greet-con .peo-ple{ width:120px;}
.greet-con .txt-con{background-repeat:repeat-x; padding-top:70px;}
}
@media only screen and (max-width:440px) {
.details-list li{ min-height: auto; border-bottom:1px dotted #cecece; margin-bottom:15px;}	
}
@media only screen and (max-width:420px) {
.greet-con .btxt { font-size:18px; height:134px;}
.greet-con .peo-ple{ width:110px; top:14px;}
.view-cont dl {width:97%;}

}

/*=========== 05 고객지원 ===========*/
/* contact us */
.contact-wrap {padding-right:46.3%;background:url(../_Img/Content/contact_bg.gif) no-repeat right -105px;}
.contact-wrap .contact-top {margin-bottom:30px;}
.contact-wrap .contact-top .tit {font-size:1.846em;color:#222;background:url(/kor/_Img/Content/c-line.jpg) no-repeat 0 bottom;padding-bottom:33px;font-weight:700;letter-spacing:-0.04em;margin-bottom:24px;}
.contact-wrap .contact-top .txt {font-size:1.154em;letter-spacing:-0.12em;}
@media only screen and (min-width:481px) {
.contact-wrap .scroll-info {display:none}
}
@media only screen and (max-width:860px) {
.contact-wrap {padding-right:0;background:none;}
}
@media only screen and (max-width:480px) {
.contact-wrap .scroll-info {display:block;}
.contact-wrap .rspnsv-wrap {overflow-x:scroll;}
.contact-wrap .rspnsv-wrap table {width:480px;}
}



/* 조직도 */
.organization {width:100%; height:572px; background:url(../_Img/Content/organization_line.png) no-repeat center 120px; text-align:center; position:relative;}
.organization .org01 {font-size:1.5em; color:#222; width:100%; height:89px; background:url(../_Img/Content/org01_bg.gif) no-repeat top center; padding-top:79px; font-weight:bold; margin:0 auto;}
.organization .org02 {font-size:1.2em; color:#666; width:10%; height:39px; border:2px solid #898989; font-weight:bold; padding-top:25px; position:absolute; top:54px; right:132px;}
.organization .org03 {float:left; margin-top:100px; width:100%;}
.organization .org03 li {/* float:left; */ display:inline-block;vertical-align:top;margin:0 14px 7px 0;width:18%; overflow:hidden; text-align:center;}
.organization .org03 span {background-color:#ee2931; display:block; width:100%; height:41px; color:#fff; padding-top:20px;}

.organization .org03 ul {margin-top:20px;}
.organization .org03 ul li {border:1px solid #bbb; padding:15px 0; width:98%; clear:both;overflow:hidden;}
.sec01 span, .sec02 span, .sec03 span, .sec04 span, .sec05 span {background:url(../_Img/Content/organization_bg.png) no-repeat; font-size:15px;}
.last {margin-right:0 !important;}

@media only screen and (max-width:999px) {
.organization { background:url(../_Img/Content/organization_line02.gif) no-repeat center 139px; height:auto;}
.organization .org01 {margin-bottom:30px; }
.organization .org02 {width:200px; height:39px; padding-top:25px; position:relative; top:0; left:0; margin:0 auto;}
.organization .org03 {margin-top:50px;}
.organization .org03 li {width:30%;}

.org03 li {width:19%; margin:0 1.5%;}
.sec04 {clear:both; }
}

@media only screen and (max-width:470px) {
.sec04 {clear:none;}
.organization .org03 li {width:45%;}
.organization .org03 > li{ height:350px;}


}