﻿@charset "utf-8";
/* CSS Document */
@import "reset.css";



/* Header */
#wrap_header {position:relative; width:1000px; margin:auto; z-index:100;}
#wrap_header header {width:100%; height:98px;}
#wrap_header header > div {float:left;}
#wrap_header header .logo {width:185px;}
#wrap_header header .logo img {display:inline-block; padding:45px 0 0 15px;}
#wrap_header header .gnb {width:534px;}
#wrap_header header .gnb .m_gnb {display:none;}
#wrap_header header .gnb > ul {padding-top:60px;}
#wrap_header header .gnb > ul > li {position:relative; float:left; padding-left:50px; font-size:15px; font-weight:400;}
#wrap_header header .gnb > ul > li > a {font-size:15px; font-weight:400; text-decoration:none;}
#wrap_header header .gnb > ul > li:first-child {padding-left:0;}
#wrap_header header .gnb > ul > li:first-child > ul {left:0 !important;}
#wrap_header header .gnb > ul > li > ul {position:absolute; left:50px !important; min-width:150px !important; max-width:150px !important; background-color:#727272; 
	                                     margin-top:16px !important; padding:5px 0;}
#wrap_header header .gnb > ul > li > ul > li {color:#fff; padding:5px 10px;}
#wrap_header header .gnb > ul > li > ul > li a {display:inline-block; width:100%; color:#fff;}
#wrap_header header .top_menu {width:280px; height:15px; margin-top:60px; border-left:1px solid #b8b8b8;}
#wrap_header header .top_menu li {float:left; padding-left:23px; color:#a3a3a3; line-height:12px; font-size:11px;}
#wrap_header header .top_menu li a {color:#a3a3a3;}
#wrap_header header .top_menu li a:hover {text-decoration:none;}
#wrap_header .border {width:100%;}
#wrap_header .border div {float:left; height:3px;}
#wrap_header .border .red {width:195px; background-color:#db403d;}
#wrap_header .border .gray {width:805px; background-color:#727272;}
#wrap_header_border {position:absolute; width:100%; z-index:10;}
#wrap_header_border div {float:left; height:3px;}
#wrap_header_border .red {width:50%; background-color:#db403d;}
#wrap_header_border .gray {width:50%; background-color:#727272;}
.sm,.sm ul,.sm li {display:block; list-style:none ;margin:0; padding:0; line-height:normal; direction:ltr; text-align:left; -webkit-tap-highlight-color:rgba(0,0,0,0);}
.sm ul {display:none;}
.sm li,.sm a {position:relative;}
.sm a {display:block;}
.sm a.disabled {cursor:not-allowed;}

/* Mobile_Left_Menu */
.left_menu {display:none; position:fixed; left:0px; top:0px; bottom:0px; right:0px; z-index:50000;}
.left_menu a {cursor:pointer; color:#fff; font-size:1.0em; line-height:1.4em;}
.left_menu a:hover {text-decoration:none;}
.left_menu .left_box {width:50%; height:100%; background-color:#3c3c3c;}
.left_menu .left_box .left_title {width:100%; text-align:right;}
.left_menu .left_box .left_title a {display:inline-block; padding-right:4%; font-size:3.0em;}
.left_menu .left_box .left_contents {width:90%; margin:auto;}
.left_menu .left_box .left_contents > ul > li {padding:6% 0; border-top:1px solid #878787;}
.left_menu .left_box .left_contents > ul > li > a {font-size:1.2em;}
.left_menu .left_box .left_contents > ul > li > ul {padding-top:2%;}
.left_menu .left_box .left_contents > ul > li > ul > li {padding:3% 6%;}
.left_menu .left_box .left_contents .left_list {margin:0; padding:0;}
.left_menu .left_box .left_contents .left_list > li {width:90%;}
.left_menu .left_box .left_contents .left_list > li > ul {display:none; padding:3% 8%;}
.left_menu .left_box .left_contents .left_list > li > ul > li {padding:3% 0;}



/* Footer */
#wrap_footer {position:relative; width:100%; z-index:100; float:left;}
#wrap_footer footer {width:1000px; padding:50px 0 50px 0; margin:auto;}
#wrap_footer footer div {float:left;}
#wrap_footer footer img {display:inline-block; padding:0 22px 0 16px;}
#wrap_footer footer .adress {margin-top:-5px; letter-spacing:1.5px; color:#666666; font-size:11.5px;}
#wrap_footer_sub {position:relative; width:100%; z-index:100; float:left; margin-top:30px; border-top:1px solid #d8d8d8;}
#wrap_footer_sub footer {width:1000px; padding:30px 0 80px 0; margin:auto;}
#wrap_footer_sub footer div {float:left;}
#wrap_footer_sub footer img {display:inline-block; padding:0 22px 0 16px;}
#wrap_footer_sub footer .adress {margin-top:-5px; letter-spacing:1.5px; color:#666666; font-size:11.5px;}


/* Main */
#wrap_section {width:100%; height:418px; margin-top:3px; background-color:#edebea; letter-spacing:-1px;}
#wrap_section section {position:relative; width:1000px; margin:auto;}
#wrap_section section #rollingBanner {position:relative; margin:0; width:100%; height:418px; overflow:hidden;}
#wrap_section section #rollingBanner ul li dl,
#wrap_section section #rollingBanner ul li dd {width:100%; height:418px; overflow:hidden;}
#wrap_section section #rollingBanner ul li dd a {cursor:default;}
#wrap_section section #rollingBanner ul li dl dt a {position:absolute; z-index:1000; display:block; width:16px; height:16px; overflow:hidden; background:url(/eng/images/bg_mainimg_control.png) -2px top no-repeat;text-indent:-10em;}
#wrap_section section #rollingBanner ul li dl .btn1 a{left:470px; top:380px;}
#wrap_section section #rollingBanner ul li dl .btn2 a{left:490px; top:380px;}
#wrap_section section #rollingBanner ul li dl .btn3 a{left:510px; top:380px;}
#wrap_section section #rollingBanner ul li dl dt a.iconOn {background:url(/eng/images/bg_mainimg_control.png) -22px top no-repeat; }
#wrap_section section .banner_copy {position:absolute; right:32px; top:165px; z-index:20000; text-align:right;}
#wrap_section section .banner_copy > span {display:block;}
#wrap_section section .banner_copy .copy_1 {display:inline-block; margin-top:8px; padding:0 3px; font-size:15px; font-weight:400; background-color:#db403d; color:#fff;}
#wrap_section section .banner_copy .copy_2 {margin-top:15px; font-size:1.4em; letter-spacing:0;}
#wrap_section section .banner_copy .copy_2 span {vertical-align:top; font-weight:400; font-size:20px;}
#wrap_section section .icon_detail {width:100%;}
#wrap_section section .icon_detail ul {padding:60px 20px 0 20px;}
#wrap_section section .icon_detail ul li {width:260px; float:left; padding-left:90px; text-align:center;}
#wrap_section section .icon_detail ul li:first-child {padding-left:0;}
#wrap_section section .icon_detail ul li span {display:block;}
#wrap_section section .icon_detail ul li .tit {width:100%; height:25px; font-size:19px; font-weight:500; border-bottom:1px solid #c1c1c1;}
#wrap_section section .icon_detail ul li .icon span {display:block; height:115px; line-height:18px; color:#5c5c5c; letter-spacing:0.5px;}
#wrap_section section .icon_detail ul li .icon a:hover {text-decoration:none;}
#wrap_section section .icon_detail ul li .icon span img {display:block; margin:auto; padding:15px 0;}

/* Sub */
#wrap_section_sub {width:100%; height:184px; margin-top:3px; background-color:#f0f0f0;}
#wrap_section_sub section {position:relative; width:100%; float:left;}
#wrap_section_sub section .wrap_tit {position:relative; width:1000px; margin:auto;}
#wrap_section_sub section .wrap_tit h2 {display:block; position:absolute; top:70px; left:32px; font-size:36px; font-weight:400;}
#wrap_section_sub section .wrap_navi {width:100%; height:50px; background-color:#f9f9f9;}
#wrap_section_sub section .wrap_navi .navi {width:1000px; margin:auto;}
#wrap_section_sub section .wrap_navi .navi a {display:inline-block; padding:0 5px; color:#818181; text-decoration:none; font-size:13px; line-height:50px;}
#wrap_section_sub section .wrap_navi .navi a img {display:inline-block; margin:-6px 0 0 38px;}
#wrap_section_sub section .wrap_contents {position:relative; width:1000px; margin:auto;}
#wrap_section_sub section .wrap_contents > div:first-child {margin:70px 0 0 0;}


/* Sub - Company */
/* 회사소개 */
#wrap_section_sub section .wrap_contents .contents_company_1 {position:absolute; top:0; left:37px; font-size:15px; line-height:28px; color:#000;}
#wrap_section_sub section .wrap_contents .contents_company_1 span {font-size:15px; vertical-align:top; font-weight:600;}
#wrap_section_sub section .wrap_contents .contents_company_1 .blank {height:10px;}
#wrap_section_sub section .wrap_company_img_01 {position:relative; width:1000px; margin:auto; letter-spacing:-1px;}
#wrap_section_sub section .wrap_company_img_01 .company_img_01 {position:relative; width:827px; height:489px; margin:205px 12px 20px 162px;} 
#wrap_section_sub section .wrap_company_img_01 .company_img_01 span {position:absolute; letter-spacing:0;}
#wrap_section_sub section .wrap_company_img_01 .company_img_01 span.text_00 {top:200px; left:30px; font-size:13px; color:#fff; font-weight:400;}
#wrap_section_sub section .wrap_company_img_01 .company_img_01 span.text_01 {top:125px; right:152px; font-size:12px; line-height:17px; color:#3a9cc0; font-weight:500; text-align:right;}
#wrap_section_sub section .wrap_company_img_01 .company_img_01 span.text_01_1 {top:128px; right:60px; font-size:11px; line-height:15px; color:#3a9cc0; font-weight:400;}
#wrap_section_sub section .wrap_company_img_01 .company_img_01 span.text_02 {bottom:100px; right:147px; font-size:12px;  line-height:17px; color:#795cd2; font-weight:500; text-align:right;}
#wrap_section_sub section .wrap_company_img_01 .company_img_01 span.text_02_1 {bottom:93px; right:60px; font-size:11px; line-height:15px; color:#795cd2; font-weight:400;}
#wrap_section_sub section .wrap_company_img_01 .company_img_01 img {display:inline-block;}
#wrap_section_sub section .wrap_company_img_01 .company_img_01 .img_txt {display:none;}

/* CI소개 */
#wrap_section_sub section .wrap_contents .contents_company_2 {position:relative; padding-left:37px; float:left;}
#wrap_section_sub section .wrap_contents .contents_company_2 .chapter {font-size:15px; line-height:28px; color:#000;}
#wrap_section_sub section .wrap_contents .contents_company_2 .chapter > .tit {display:inline-block; font-size:19px; line-height:40px; letter-spacing:1px; 
	                                                                         font-weight:500; border-bottom:1px solid #000; margin-bottom:15px;}
#wrap_section_sub section .wrap_contents .contents_company_2 span.bold {font-size:15px; vertical-align:top; font-weight:600;}
#wrap_section_sub section .wrap_contents .contents_company_2 .chapter .chapter_img_1 {width:924px; border:1px solid #dddddd; margin:20px 0 40px 0; padding:35px 0; float:left;}
#wrap_section_sub section .wrap_contents .contents_company_2 .chapter .chapter_img_1 > div {position:relative; width:98%; margin:auto;}
#wrap_section_sub section .wrap_contents .contents_company_2 .chapter .chapter_img_1 > div ul {position:relative; width:100%; float:left;}
#wrap_section_sub section .wrap_contents .contents_company_2 .chapter .chapter_img_1 > div ul li {width:50%; float:left; border-top:1px dotted #949494; padding:50px 0 10px 0; text-align:center;}
#wrap_section_sub section .wrap_contents .contents_company_2 .chapter .chapter_img_1 > div:first-child ul li {border-top:none; padding:10px 0 50px 0;}
#wrap_section_sub section .wrap_contents .contents_company_2 .chapter .chapter_img_1 > div ul li .tit {font-size:18px; letter-spacing:0.5px; font-weight:200; float:left; padding-left:33px;} 
#wrap_section_sub section .wrap_contents .contents_company_2 .chapter .chapter_img_1 > div ul li img {display:inline-block; padding:60px 0 30px 0;}
#wrap_section_sub section .wrap_contents .contents_company_2 .chapter .chapter_img_1 > div ul li span {display:block; position:absolute; font-size:13px; color:#747474;}
#wrap_section_sub section .wrap_contents .contents_company_2 .chapter .chapter_img_1 > div ul li img.company_img_05 {padding-top:80px;}
#wrap_section_sub section .wrap_contents .contents_company_2 .chapter .chapter_img_2 {width:924px; border:1px solid #dddddd; margin:20px 0 40px 0; padding:35px 0; float:left;}
#wrap_section_sub section .wrap_contents .contents_company_2 .chapter .chapter_img_2 li {position:relative; width:50%; float:left; text-align:center;}
#wrap_section_sub section .wrap_contents .contents_company_2 .chapter .chapter_img_2 li > .tit {font-size:18px; letter-spacing:0.5px; font-weight:200; float:left; padding-left:33px;} 
#wrap_section_sub section .wrap_contents .contents_company_2 .chapter .chapter_img_2 li img {display:inline-block; padding:50px 0 20px 0;}
#wrap_section_sub section .wrap_contents .contents_company_2 .chapter .chapter_img_2 li span {display:block; position:absolute; font-size:13px; color:#747474;}
#wrap_section_sub section .wrap_contents .contents_company_2 .chapter .chapter_img_2 li .company_img_07 {padding-top:82px;}

/* 연혁 */
#wrap_section_sub section .wrap_contents .contents_company_3 {position:relative; width:100%; letter-spacing:-1px;}
#wrap_section_sub section .wrap_contents .contents_company_3 > ol {margin:0 37px; border-bottom:1px dotted #000; float:left;}
#wrap_section_sub section .wrap_contents .contents_company_3 > ol > li {width:820px; padding:15px 0 15px 70px; float:left; border-top:1px dotted #000;}
#wrap_section_sub section .wrap_contents .contents_company_3 > ol > li:first-child {border-top:none;}
#wrap_section_sub section .wrap_contents .contents_company_3 > ol > li > span {display:inline-block; width:84px; height:84px; float:left; border-radius:42px; 
																		-moz-border-radius:42px; -webkit-border-radius:42px; -ms-border-radius:42px; -o-border-radius:42px;
																		font-size:26px; font-weight:600; color:#fff; text-align:center; line-height:84px;}
#wrap_section_sub section .wrap_contents .contents_company_3 > ol > li > ol {float:left; padding:10px 0 0 23px;}
#wrap_section_sub section .wrap_contents .contents_company_3 > ol > li > ol.line_1 {float:left; padding:24px 0 0 23px;}
#wrap_section_sub section .wrap_contents .contents_company_3 > ol > li span.circle_1 {background-color:#db403d;}
#wrap_section_sub section .wrap_contents .contents_company_3 > ol > li span.circle_2 {background-color:#ff6c6a;}
#wrap_section_sub section .wrap_contents .contents_company_3 > ol > li span.circle_3 {background-color:#ff8b58;}
#wrap_section_sub section .wrap_contents .contents_company_3 > ol > li span.circle_4 {background-color:#ffb46a;}
#wrap_section_sub section .wrap_contents .contents_company_3 > ol > li > ol > li {font-size:15px; line-height:28px; color:#000; letter-spacing:0;}
#wrap_section_sub section .wrap_contents .contents_company_3 > ol > li > ol > li p {font-size:15px; display:inline-block; padding-left:83px;}
#wrap_section_sub section .wrap_contents .contents_company_3 > ol > li > ol > li > span {display:inline-block; font-size:18px; font-weight:500;}
#wrap_section_sub section .wrap_contents .contents_company_3 > ol > li > ol > li > span.color_1 {color:#f27b79;}
#wrap_section_sub section .wrap_contents .contents_company_3 > ol > li > ol > li > span.color_2 {color:#ff8b58;}
#wrap_section_sub section .wrap_contents .contents_company_3 > ol > li > ol > li > span.color_3 {color:#ff9b38;}
#wrap_section_sub section .wrap_contents .contents_company_3 > ol > li > ol > li span.bar {width:40px; height:1px; margin:0 10px; background-color:#ccc;}
#wrap_section_sub section .wrap_contents .contents_company_3 > ol.right {float:right;}
#wrap_section_sub section .wrap_contents .contents_company_3 > ol.right > li {float:right; padding:15px 70px 15px 0; text-align:right;}
#wrap_section_sub section .wrap_contents .contents_company_3 > ol.right > li > span {float:right;}
#wrap_section_sub section .wrap_contents .contents_company_3 > ol.right > li > ol {float:right; padding:10px 23px 0 0;}
#wrap_section_sub section .wrap_contents .contents_company_3 > ol.right > li > ol.line_1 {float:right; padding:24px 23px 0 0;}
#wrap_section_sub section .wrap_contents .contents_company_3 > ol.right > li > ol > li {text-align:right;}
#wrap_section_sub section .wrap_contents .contents_company_3 > ol#last {border-bottom:none; padding-bottom:30px;}

/* CEO인사말 */
#wrap_section_sub section .wrap_contents .contents_company_4 {position:relative; width:96.3%; padding:0 0 10% 3.7%; margin:70px 0 -30px 0 !important; font-size:15px; line-height:28px; color:#000;
																 background:url(/eng/images/company_img_08.jpg) no-repeat bottom right;}
#wrap_section_sub section .wrap_contents .contents_company_4 span {font-size:15px; vertical-align:top; font-weight:600;}
#wrap_section_sub section .wrap_contents .contents_company_4 .blank {height:10px;}
#wrap_section_sub section .wrap_contents .contents_company_4 .signature {margin:80px 0 0 20px;}

/* 조직도 */
#wrap_section_sub section .wrap_contents .contents_company_5 {position:relative; width:96.3%; padding:0 0 7% 3.7%; text-align:center; margin:100px 0 0 0 !important;}
#wrap_section_sub section .wrap_contents .contents_company_5 span {display:inline-block;}
#wrap_section_sub section .wrap_contents .contents_company_5 span.ceo {width:200px; font-size:20px; color:#fff; font-weight:500; padding:10px 0; text-align:center; background-color:#db403d;}
#wrap_section_sub section .wrap_contents .contents_company_5 img {display:block; margin:auto;}
#wrap_section_sub section .wrap_contents .contents_company_5 > ul > li {width:200px; display:inline-block; margin-left:80px; text-align:center; vertical-align:top;}
#wrap_section_sub section .wrap_contents .contents_company_5 > ul > li:first-child {margin-left:0;}
#wrap_section_sub section .wrap_contents .contents_company_5 > ul > li.100 {margin-left:100px;}
#wrap_section_sub section .wrap_contents .contents_company_5 > ul > li > span {width:100%; font-size:16px; padding:26px 0; color:#fff; background-color:#fb7976; text-align:center;}
#wrap_section_sub section .wrap_contents .contents_company_5 > ul > li > ul {width:99%; height:70px; margin-top:5px; border:1px solid #dbdbdb; padding:24px 0; text-align:center;}
#wrap_section_sub section .wrap_contents .contents_company_5 > ul > li > ul > li {font-size:15px; line-height:18px; color:#4a4a4a; padding-top:22px;} 
#wrap_section_sub section .wrap_contents .contents_company_5 > ul > li > ul > li:first-child {padding-top:0;}

/* 미션&비전 소개 */
#wrap_section_sub section .wrap_contents .contents_company_6 {position:relative; width:95%; padding:0 0 390px 37px; float:left; background:url(/eng/images/company_img_02.png) bottom right no-repeat;}
#wrap_section_sub section .wrap_contents .contents_company_6 .chapter {font-size:15px; line-height:28px; color:#000; margin-top:30px;}
#wrap_section_sub section .wrap_contents .contents_company_6 > div:first-child {margin-top:0;}
#wrap_section_sub section .wrap_contents .contents_company_6 .chapter > .tit {display:inline-block; font-size:19px; line-height:40px; letter-spacing:1px; 
	                                                                         font-weight:500; border-bottom:1px solid #000; margin-bottom:15px;}
#wrap_section_sub section .wrap_contents .contents_company_6 .infography li {position:absolute; text-align:center; font-size:14px; line-height:18px;}
#wrap_section_sub section .wrap_contents .contents_company_6 .infography li.txt_01 {top:165px; right:140px; color:#79c0ba;}
#wrap_section_sub section .wrap_contents .contents_company_6 .infography li.txt_02 {top:325px; right:282px; color:#de9f16;}
#wrap_section_sub section .wrap_contents .contents_company_6 .infography li.txt_03 {top:368px; right:28px; color:#df8888;}




/* Sub - Product */
#wrap_section_sub section .wrap_contents .contents_prd_1 {position:relative; width:92.6%; float:left; padding:0 3.7% 5% 3.7%; font-size:15px; line-height:28px; color:#000;}
#wrap_section_sub section .wrap_contents .contents_prd_1 span {font-size:15px; vertical-align:top; font-weight:600;}
#wrap_section_sub section .wrap_contents .contents_prd_1 span.tit_tb {display:inline-block; width:100%; margin:20px 0 -15px 0;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .blank {height:10px;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .prd_img {position:relative; width:99.9%; border:1px solid #d1d1d1; float:left; margin:0 0 10px 0;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .prd_img .wrap_img_1 {position:relative; width:74%; margin:auto; padding:70px 0 0 0; text-align:right;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .prd_img .wrap_img_1 li {padding:0 0 60px 0;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .prd_img .wrap_img_1 li img {display:inline-block; padding-bottom:15px;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .prd_img .wrap_img_1 li span {display:inline-block; font-weight:300; color:#fff;
																					 padding:11px 8px; background-color:#8d8d8d; border-radius:5%; float:left;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .prd_img .wrap_img_1 li.size {position:relative;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .prd_img .wrap_img_1 li.size span {position:absolute; font-size:14px; color:#9c9c9c; padding:0; background:none; border:none;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .prd_img .wrap_img_1 li.size span.size_1 {top:11px; right:398px;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .prd_img .wrap_img_1 li.size span.size_2 {top:52px; right:160px;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .prd_img .wrap_img_1 li.size span.size_3 {top:11px; right:398px;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .prd_img .wrap_img_1 li.size span.size_4 {top:52px; right:180px;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .prd_img .wrap_img_1 li.size span.size_5 {top:14px; right:388px;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .prd_img .wrap_img_1 li.size span.size_6 {top:60px; right:160px;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .prd_img .wrap_img_1 li.size span.size_7 {top:22px; right:300px;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .prd_img .wrap_img_1 li.size span.size_8 {top:80px; right:115px;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .prd_img .wrap_img_1 li.size span.size_9 {top:11px; right:388px;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .prd_img .wrap_img_1 li.size span.size_10 {top:52px; right:160px;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .prd_img .wrap_img_2 {position:relative; width:80%; margin:auto; padding:70px 0 0 0; text-align:right;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .prd_img .wrap_img_2 li {padding:0 0 60px 0; float:left;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .prd_img .wrap_img_2 li img {display:inline-block;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .prd_img .wrap_img_2 li span {display:inline-block; font-weight:300; color:#fff;
																					 padding:11px 8px; background-color:#8d8d8d; border-radius:5%; float:left;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .prd_img .wrap_img_2 li.size {position:relative; margin-top:35%; float:right;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .prd_img .wrap_img_2 li.size span {position:absolute; font-size:14px; color:#9c9c9c; padding:0; background:none; border:none;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .prd_img .wrap_img_2 li.size span.size_1 {top:11px; right:385px;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .prd_img .wrap_img_2 li.size span.size_2 {top:55px; right:160px;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .text_box_1 {width:50%; margin:30px 0 0 0; float:left;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .text_box_1 > div {margin-bottom:20px;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .text_box_1 li {font-size:15px; line-height:28px;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .tb_box_1 {width:50%; margin:30px 0 0 0; float:left; border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .tb_box_1 th,
#wrap_section_sub section .wrap_contents .contents_prd_1 .tb_box_1 td {font-size:15px; line-height:28px; text-align:center;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .tb_box_1 td {border-top:1px solid #cfcfcf;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .clear {clear:both;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box {margin-top:15px;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box > div {float:left; margin:0 35px 0 0;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box > div > ul {padding-top:10px;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_1 li {width:59px; height:59px; float:left; border-radius:15%; text-align:center; color:#fff; line-height:59px; margin-right:5px;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_1 li.black {background-color:#000;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_1 li.blue {background-color:#004ea2;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_1 li.red {background-color:#e60012;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_1 li.green {background-color:#008659;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_2 li {width:59px; height:41px; padding:18px 0 0 0; float:left; border-radius:100%; text-align:center; color:#fff; font-size:12px; line-height:13px; margin-right:5px;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_2 li.wh {background-color:#fff; border:1px solid #000; color:#000;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_2 li.yellow {background-color:#fcda00; color:#000;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_3 li {width:74px; height:43px; float:left; color:#fff; font-size:12px; line-height:13px; margin-right:10px; 
																				 padding:16px 65px 0 0; text-align:center;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_3 li.c_1 {background:url(/eng/images/prd_2_c_1.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_3 li.c_2 {background:url(/eng/images/prd_2_c_2.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_3 li.c_3 {background:url(/eng/images/prd_2_c_3.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_3 li.c_4 {background:url(/eng/images/prd_2_c_4.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_3 li.c_5 {background:url(/eng/images/prd_2_c_5.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_4 li {width:74px; height:43px; float:left; color:#fff; font-size:12px; line-height:13px; margin-right:10px; 
																				 padding:16px 65px 0 0; text-align:center;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_4 li.c_1 {background:url(/eng/images/prd_3_c_1.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_4 li.c_2 {background:url(/eng/images/prd_3_c_2.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_4 li.c_3 {background:url(/eng/images/prd_3_c_3.jpg) no-repeat; color:#000;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_4 li.c_4 {background:url(/eng/images/prd_3_c_4.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_4 li.c_5 {background:url(/eng/images/prd_3_c_5.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_5 {margin:0 0 0 0;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_5 li {position:relative; width:70px; height:43px; float:left; color:#fff; font-size:12px; line-height:13px; margin:0 10px 10px 0; 
																				 padding:16px 69px 0 0; text-align:center;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_5 li.c_1 {background:url(/eng/images/prd_4_c_1.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_5 li.c_2 {background:url(/eng/images/prd_4_c_2.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_5 li.c_3 {background:url(/eng/images/prd_4_c_3.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_5 li.c_4 {background:url(/eng/images/prd_4_c_4.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_5 li.c_5 {background:url(/eng/images/prd_4_c_5.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_5 li.c_6 {background:url(/eng/images/prd_4_c_6.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_5 li.c_7 {background:url(/eng/images/prd_4_c_7.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_5 li.c_8 {background:url(/eng/images/prd_4_c_8.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_5 li.c_9 {background:url(/eng/images/prd_4_c_9.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_5 li.c_10 {background:url(/eng/images/prd_4_c_10.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_5 li.c_11 {background:url(/eng/images/prd_4_c_11.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_5 li.c_12 {background:url(/eng/images/prd_4_c_12.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_5 li span {position:absolute; color:#000; font-weight:300; right:0; top:62px;}

#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_6 li {width:72px; height:37px; float:left; color:#000; font-size:12px; line-height:13px; margin-right:10px; 
																				 padding:22px 67px 0 0; text-align:center;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_6 li.c_1 {background:url(/eng/images/prd_5_c_1.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_6 li.c_2 {background:url(/eng/images/prd_5_c_2.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_6 li.c_3 {background:url(/eng/images/prd_5_c_3.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_6 li.c_4 {background:url(/eng/images/prd_5_c_4.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_6 li.c_5 {background:url(/eng/images/prd_5_c_5.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_7 li {width:74px; height:43px; float:left; color:#fff; font-size:12px; line-height:13px; margin-right:10px; 
																				 padding:16px 65px 0 0; text-align:center;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_7 li.c_1 {background:url(/eng/images/prd_6_c_1.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_7 li.c_2 {background:url(/eng/images/prd_6_c_2.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_7 li.c_3 {background:url(/eng/images/prd_6_c_3.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_7 li.c_4 {background:url(/eng/images/prd_6_c_4.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_7 li.c_5 {background:url(/eng/images/prd_6_c_5.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_8 li {width:59px; height:59px; float:left; border-radius:15%; text-align:center; color:#fff; line-height:59px; margin-right:5px;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_8 li.black {background-color:#000;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_8 li.blue {background-color:#004ea2;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_8 li.red {background-color:#e60012;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_8 li.yellow {background-color:#ffdb00; color:#000;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_8 li.pink {background-color:#e85298;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_8 li.orange {background-color:#f08300;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_8 li.yellow_g {background-color:#cddb00; color:#000; line-height:14px; height:43px; padding-top:16px;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_8 li.green {background-color:#009944;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_8 li.sky_blue {background-color:#00abeb; line-height:14px; height:43px; padding-top:16px;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_8 li.violet {background-color:#7f1084;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_8 li.yellow_o {background-color:#d79048; line-height:14px; height:43px; padding-top:16px;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_8 li.brown {background-color:#86461a;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .set_box {float:left; margin-top:40px;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .set_box span {display:block;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .set_box img {padding:10px 0 0 0;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .set_box li {float:left; margin-right:16px; text-align:center; font-size:14px;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .set_box li img {display:block; padding:10px 0 18px 0;}



/* Sub - Customer */
#wrap_section_sub section .wrap_contents .contents_customer_1 {position:relative; width:92.6%; float:left; padding:0 3.7% 5% 3.7%; font-size:15px; line-height:28px; color:#000;}
#wrap_section_sub section .wrap_contents .contents_customer_1 span {font-size:15px; vertical-align:top; font-weight:600;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .map_img {position:relative; width:99.9%; border:1px solid #d1d1d1; float:left; margin:0 0 10px 0;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .map_img img {display:inline-block; float:left;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .map_img img.txt {display:none;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .map_img span {display:inline-block; position:absolute; font-weight:400; color:#494949; font-size:14px;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .map_img span.map_txt_0 {color:#fff; background-color:#282828; top:340px; left:84px; padding:0 3px; line-height:20px; font-weight:300;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .map_img span.map_txt_1 {top:400px; left:70px; -moz-transform:rotate(-30deg); -ms-transform:rotate(-30deg); -o-transform:rotate(-30deg); -webkit-transform:rotate(-30deg); transform:rotate(-30deg);}
#wrap_section_sub section .wrap_contents .contents_customer_1 .map_img span.map_txt_2 {top:367px; left:200px; -moz-transform:rotate(-30deg); -ms-transform:rotate(-30deg); -o-transform:rotate(-30deg); -webkit-transform:rotate(-30deg); transform:rotate(-30deg);}
#wrap_section_sub section .wrap_contents .contents_customer_1 .map_img span.map_txt_3 {top:165px; left:540px; -moz-transform:rotate(-30deg); -ms-transform:rotate(-30deg); -o-transform:rotate(-30deg); -webkit-transform:rotate(-30deg); transform:rotate(-30deg);}
#wrap_section_sub section .wrap_contents .contents_customer_1 .map_img span.map_txt_4 {top:60px; left:70px;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .map_img span.map_txt_5 {top:250px; left:90px;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .map_img span.map_txt_6 {top:247px; left:258px;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .map_img span.map_txt_7 {top:410px; left:340px;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .map_img span.map_txt_8 {top:330px; left:490px;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .map_img span.map_txt_9 {bottom:40px; right:300px;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .map_img span.map_txt_10 {bottom:240px; right:250px;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .map_img span.map_txt_11 {top:15px; right:360px;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .map_img span.map_txt_12 {top:190px; right:95px;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .map_img span.map_txt_13 {bottom:220px; right:40px;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .map_img span.map_txt_14 {color:#fff; top:268px; right:390px;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .map_img span.map_txt_15 {top:275px; left:140px;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .text_box_0 {position:relative; width:80%; float:left; margin:0;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .text_box_0 li {font-size:15px; float:left; line-height:28px; padding-right:15px;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .text_box_0 li span {padding-right:8px;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .btn {position:relative; width:20%; float:right; margin:0; text-align:right;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .btn span {display:inline-block; font-size:14px; font-weight:400; color:#fff; padding:5px 20px; background-color:#57b04b;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .btn span img {display:inline-block; width:auto; vertical-align:middle; padding-right:6px;}
#wrap_section_sub section .wrap_contents .contents_customer_1 table {width:100%;}
#wrap_section_sub section .wrap_contents .contents_customer_1 table col.col_1 {width:15%;}
#wrap_section_sub section .wrap_contents .contents_customer_1 table col.col_2 {width:85%;}
#wrap_section_sub section .wrap_contents .contents_customer_1 table th,
#wrap_section_sub section .wrap_contents .contents_customer_1 table td {padding-bottom:12px; text-align:left; font-size:16px;}
#wrap_section_sub section .wrap_contents .contents_customer_1 table input, 
#wrap_section_sub section .wrap_contents .contents_customer_1 table textarea {border:1px solid #d1d1d1; padding:5px 10px 8px 10px; font-size:15px;}
#wrap_section_sub section .wrap_contents .contents_customer_1 table #input_name {width:30%;}
#wrap_section_sub section .wrap_contents .contents_customer_1 table #input_email_1 {width:10%;}
#wrap_section_sub section .wrap_contents .contents_customer_1 table #input_email_2 {width:23.2%;}
#wrap_section_sub section .wrap_contents .contents_customer_1 table input[type="tel"] {width:10%;}
#wrap_section_sub section .wrap_contents .contents_customer_1 table #input_title {width:80%;}
#wrap_section_sub section .wrap_contents .contents_customer_1 table textarea {width:80%; height:300px;}
#wrap_section_sub section .wrap_contents .contents_customer_1 table th {padding-left:12px; background:url(/eng/images/customer_dot.gif) no-repeat 0 48%;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .tb_btn {width:100%; margin:30px 0 0 0; text-align:center;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .tb_btn input {display:inline-block; width:142px; height:37px;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .tb_btn input.send {background-color:#ff5f5f;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .tb_btn input.cancel {background-color:#9a9a9a;}

#wrap_section_sub section .wrap_contents .contents_customer_1 .text_box_1 {position:relative; width:100%; float:left; margin:0 0 0 100px;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .text_box_1 > ul > li {width:205px; float:left; padding-left:30px;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .text_box_1 > ul > li:first-child {padding-left:0;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .text_box_1 > ul > li > span {display:inline-block; width:100%; font-size:16px; line-height:22px; font-weight:400; padding:11px 0 10px 0; color:#fff; text-align:center;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .text_box_1 > ul > li > span.tit_1 {background-color:#fb7976;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .text_box_1 > ul > li > span.tit_2 {background-color:#f99b4e;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .text_box_1 > ul > li > span.tit_3 {background-color:#acc861;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .text_box_1 > ul > li > span.tit_4 {background-color:#78cdc0;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .text_box_1 > ul > li > span > span.eng {font-weight:600; color:#fff; font-size:12px;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .text_box_1 > ul > li > ul {width:100%; border-bottom:1px solid #acacac;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .text_box_1 > ul > li > ul > li {width:100%; padding:8px 0; border-top:1px solid #dbdbdb; text-align:center;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .text_box_1 > ul > li > ul > li:first-child {border-top:none;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .text_box_1 > ul > li > ul > li a {font-size:15px; line-height:28px;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .text_box_1 > ul > li > ul > li a:hover {text-decoration:none;}












/* ------------------------------------ M O B I L E ------------------------------------ */
@media only all and (max-width:763px)
{ 
/* Header */
#wrap_header {position:relative; width:100%; z-index:100;}
#wrap_header header {width:100%; height:100px; background-color:#fff;}
#wrap_header header .logo {position:absolute; width:60%; left:0; top:0;}
#wrap_header header .logo img {display:inline-block; width:50%; padding:25px 0 0 20px;}
#wrap_header header .top_menu {position:absolute; right:0; top:30%; width:70%; margin-top:0; border-left:1px solid #b8b8b8;}
#wrap_header header .top_menu li {float:left; padding-left:6%; color:#a3a3a3; line-height:1.2em; font-size:0.8em;}
#wrap_header header .top_menu li a {color:#a3a3a3; font-size:1.0em;}
#wrap_header header .top_menu li a:hover {text-decoration:none;}
#wrap_header header .gnb {width:100%; padding-top:70px; text-align:center; background-color:#fff;}
#wrap_header header .gnb > .m_gnb {display:inline-block; float:left; margin:-3px -8px 0 -15px;}
#wrap_header header .gnb > .m_gnb a {cursor:pointer;}
#wrap_header header .gnb > .m_gnb img {display:inline-block; width:22%;}
#wrap_header header .gnb > ul {width:96%; margin:auto; padding-top:0;}
#wrap_header header .gnb > ul > li {float:left; padding-left:5%; font-size:0.8em; font-weight:400; letter-spacing:-0.5px;}
#wrap_header header .gnb > ul > li > a {font-size:1.063em; font-weight:400; text-decoration:none;}
#wrap_header header .gnb > ul > li:first-child {padding-left:0;}
#wrap_header header .gnb > ul > li > ul {display:none;}
#wrap_header .border {width:100%;}
#wrap_header .border div {float:left; height:3px;}
#wrap_header .border .red {width:40%; background-color:#db403d;}
#wrap_header .border .gray {width:60%; background-color:#727272;}
#wrap_header_border {display:none;}
.sm,.sm ul,.sm li {display:block; list-style:none ;margin:0; padding:0; line-height:normal; direction:ltr; text-align:left; -webkit-tap-highlight-color:rgba(0,0,0,0);}
.sm ul {display:none;}
.sm li,.sm a {position:relative;}
.sm a {display:block;}
.sm a.disabled {cursor:not-allowed;}
.sm ul[aria-hidden="false"] {display:none !important;}

/* Footer */
#wrap_footer {position:relative; width:100%; margin:40px 0; z-index:100; float:left;}
#wrap_footer footer {width:95%; margin:auto; text-align:center; padding:0; float:none;}
#wrap_footer footer div {float:none;}
#wrap_footer footer img {display:none;}
#wrap_footer footer .adress {margin-top:-5px; letter-spacing:0.5px; color:#666666; font-size:0.7em;}
#wrap_footer_sub {position:relative; width:100%; margin:40px 0; z-index:100; float:left; border-top:1px solid #d8d8d8;}
#wrap_footer_sub footer {width:95%; margin:auto; text-align:center; padding:20px 0 0 0; float:none;}
#wrap_footer_sub footer div {float:none;}
#wrap_footer_sub footer img {display:none;}
#wrap_footer_sub footer .adress {margin-top:-5px; letter-spacing:0.5px; color:#666666; font-size:0.7em;}


/* Main */
#wrap_section {width:100%; height:140px; margin-top:3px;}
#wrap_section section {position:relative; width:100%; margin:auto;}
#wrap_section section #rollingBanner {position:relative; margin:0; width:100%; height:140px; overflow:hidden;}
#wrap_section section #rollingBanner ul li img {display:inline-block; width:100%;}
#wrap_section section #rollingBanner ul li dl,
#wrap_section section #rollingBanner ul li dd {width:100%; overflow:hidden;}
#wrap_section section #rollingBanner ul li dl dt a {display:none;}
#wrap_section section #rollingBanner ul li dl .btn1,
#wrap_section section #rollingBanner ul li dl .btn2,
#wrap_section section #rollingBanner ul li dl .btn3 {display:none;}
#wrap_section section .banner_copy {position:absolute; right:4%; top:40%; z-index:20000; text-align:right;}
#wrap_section section .banner_copy > span {display:block;}
#wrap_section section .banner_copy > span img {display:inline-block; width:30%;}
#wrap_section section .banner_copy .copy_1 {display:inline-block; margin-top:1%; padding:0 3px; font-size:0.50em; font-weight:400; background-color:#db403d; color:#fff;}
#wrap_section section .banner_copy .copy_2 {margin-top:2%; font-size:0.8em; letter-spacing:1px; line-height:1.333em;}
#wrap_section section .banner_copy .copy_2 span {vertical-align:top; font-weight:400; font-size:1.00em;}
#wrap_section section .icon_detail {width:100%;}
#wrap_section section .icon_detail ul {padding:0 0 0 0;}
#wrap_section section .icon_detail ul li {width:100%; margin:auto; padding-left:0; text-align:center;}
#wrap_section section .icon_detail ul li span {display:block;}
#wrap_section section .icon_detail ul li .tit {width:70%; margin:auto; height:25px; padding-top:50px; font-size:1.417em; font-weight:500; border-bottom:1px solid #c1c1c1;}
#wrap_section section .icon_detail ul li .icon span {display:block; height:100px; margin-bottom:20px; line-height:1.333em; color:#5c5c5c; letter-spacing:0;}
#wrap_section section .icon_detail ul li .icon a:hover {text-decoration:none;}
#wrap_section section .icon_detail ul li .icon span img {display:block; margin:auto; padding:15px 0;}
#wrap_section section .icon_detail ul li .icon > img {display:block; width:70%; margin:auto;}
#wrap_section section .icon_detail ul li #icon_last span {height:75px;} 

/* Sub */
#wrap_section_sub {width:100%; height:auto; margin-top:3px; background-color:#fff;}
#wrap_section_sub section {position:relative; width:100%;}
#wrap_section_sub section .wrap_tit {position:relative; width:100%;}
#wrap_section_sub section .wrap_tit img {display:line-block; width:100%; background-color:#f0f0f0;}
#wrap_section_sub section .wrap_tit h2 {display:block; position:absolute; top:30%; left:5%; font-size:1.6em; font-weight:400;}
#wrap_section_sub section .wrap_navi {width:100%; height:auto; background-color:#f9f9f9;}
#wrap_section_sub section .wrap_navi .navi {width:95%; margin:auto;}
#wrap_section_sub section .wrap_navi .navi a {display:inline-block; padding:0 1%; color:#818181; text-decoration:none; font-size:0.8em; line-height:3em;}
#wrap_section_sub section .wrap_navi .navi a img {display:inline-block; width:75%; margin:-19% 0 0 0%;}
#wrap_section_sub section .wrap_contents {position:relative; width:100%; margin:auto;}
#wrap_section_sub section .wrap_contents > div:first-child {margin:auto; padding:10% 0;}


/* Sub - Company */
/* 회사소개 */
#wrap_section_sub section .wrap_contents .contents_company_1 {width:90%; position:relative; font-size:0.88em; top:0; left:0; line-height:1.6em; color:#000;}
#wrap_section_sub section .wrap_contents .contents_company_1 span {font-weight:600; font-size:1.05em;}
#wrap_section_sub section .wrap_contents .contents_company_1 .blank {height:3%;}
#wrap_section_sub section .wrap_company_img_01 {position:relative; width:98%; margin:auto;}
#wrap_section_sub section .wrap_company_img_01 .company_img_01 {position:relative; width:100%; height:50%; margin:-8% 0 0 0;} 
#wrap_section_sub section .wrap_company_img_01 .company_img_01 span {display:none; position:absolute;}
#wrap_section_sub section .wrap_company_img_01 .company_img_01 span.text_00 {top:18%; left:0%; font-size:0.5em; padding:6% 0 0 5%; color:#fff; font-weight:500; width:34%; height:56%; border-radius:50%; background-color:#fc6969;}
#wrap_section_sub section .wrap_company_img_01 .company_img_01 span.text_01 {top:26%; right:20%; font-size:0.6em; color:#3a9cc0; font-weight:500;}
#wrap_section_sub section .wrap_company_img_01 .company_img_01 span.text_01_1 {top:19%; right:8%; font-size:0.5em; line-height:1.3em; color:#3a9cc0; font-weight:400;}
#wrap_section_sub section .wrap_company_img_01 .company_img_01 span.text_02 {bottom:24%; right:20%; font-size:0.4em; color:#795cd2; font-weight:500;}
#wrap_section_sub section .wrap_company_img_01 .company_img_01 span.text_02_1 {bottom:23%; right:6%; font-size:0.5em; line-height:1.3em; color:#795cd2; font-weight:400;}
#wrap_section_sub section .wrap_company_img_01 .company_img_01 img {display:inline-block; width:100%;}
#wrap_section_sub section .wrap_company_img_01 .company_img_01 .img_txt {display:block; position:absolute; top:0; left:0;}

/* CI소개 */
#wrap_section_sub section .wrap_contents .contents_company_2 {position:relative; padding-left:8%; float:left;}
#wrap_section_sub section .wrap_contents .contents_company_2 .chapter {width:90%; margin:auto; font-size:0.88em; line-height:1.6em; color:#000; float:none;}
#wrap_section_sub section .wrap_contents .contents_company_2 .chapter > img {width:12%;}
#wrap_section_sub section .wrap_contents .contents_company_2 .chapter > .tit {display:inline-block; font-size:0.9em; line-height:1.8em; letter-spacing:1px; 
	                                                                         font-weight:500; border-bottom:solid 1px #000; margin-bottom:5%;}
#wrap_section_sub section .wrap_contents .contents_company_2 span.bold {font-size:0.98em; vertical-align:top; font-weight:600;}
#wrap_section_sub section .wrap_contents .contents_company_2 .chapter .chapter_img_1 {width:98%; border:1px solid #dddddd; margin:5% 0 10% 0; padding:8% 0; float:left;}
#wrap_section_sub section .wrap_contents .contents_company_2 .chapter .chapter_img_1 > div {position:relative; width:90%; margin:auto;}
#wrap_section_sub section .wrap_contents .contents_company_2 .chapter .chapter_img_1 > div ul {position:relative; width:100%; float:left;}
#wrap_section_sub section .wrap_contents .contents_company_2 .chapter .chapter_img_1 > div ul li {width:50%; float:left; border-top:1px dotted #949494; padding:10% 0 0 0; text-align:center;}
#wrap_section_sub section .wrap_contents .contents_company_2 .chapter .chapter_img_1 > div:first-child ul li {border-top:none; padding:0;}
#wrap_section_sub section .wrap_contents .contents_company_2 .chapter .chapter_img_1 > div ul li .tit {font-size:1.2em; letter-spacing:0.5px; font-weight:200; float:left; padding-left:8%;} 
#wrap_section_sub section .wrap_contents .contents_company_2 .chapter .chapter_img_1 > div ul li img {display:inline-block; padding:0;}
#wrap_section_sub section .wrap_contents .contents_company_2 .chapter .chapter_img_1 > div ul li img.company_img_02 {width:50%; padding:18% 0 17% 5%;}
#wrap_section_sub section .wrap_contents .contents_company_2 .chapter .chapter_img_1 > div ul li img.company_img_03 {width:50%; padding:20% 0 17% 2%;}
#wrap_section_sub section .wrap_contents .contents_company_2 .chapter .chapter_img_1 > div ul li img.company_img_04 {width:50%; padding:20% 0 0 5%;}
#wrap_section_sub section .wrap_contents .contents_company_2 .chapter .chapter_img_1 > div ul li img.company_img_05 {width:70%; padding:20% 0 0 2%;}

#wrap_section_sub section .wrap_contents .contents_company_2 .chapter .chapter_img_2 {width:98%; border:1px solid #dddddd; margin:5% 0 0 0; padding:8% 0; float:left;}
#wrap_section_sub section .wrap_contents .contents_company_2 .chapter .chapter_img_2 li {position:relative; width:50%; float:none; text-align:center; margin-top:10%;}
#wrap_section_sub section .wrap_contents .contents_company_2 .chapter .chapter_img_2 li:first-child {margin-top:0;}
#wrap_section_sub section .wrap_contents .contents_company_2 .chapter .chapter_img_2 li > .tit {font-size:1.0em; letter-spacing:0.5px; font-weight:200; float:left; padding-left:8%;} 
#wrap_section_sub section .wrap_contents .contents_company_2 .chapter .chapter_img_2 li img {display:inline-block; padding:3% 0 10% 0;}
#wrap_section_sub section .wrap_contents .contents_company_2 .chapter .chapter_img_2 li img.company_img_06 {width:100%; padding:0 0 0 50%;}
#wrap_section_sub section .wrap_contents .contents_company_2 .chapter .chapter_img_2 li img.company_img_07 {width:100%; padding:10% 0 0 50%;}
#wrap_section_sub section .wrap_contents .contents_company_2 .chapter .chapter_img_2 li span {display:block; position:absolute; font-size:0.7em; color:#747474;}


/* 연혁 */
#wrap_section_sub section .wrap_contents .contents_company_3 {position:relative; width:100%;}
#wrap_section_sub section .wrap_contents .contents_company_3 > ol {margin:0 5%; border-bottom:1px dotted #000; float:left;}
#wrap_section_sub section .wrap_contents .contents_company_3 > ol > li {width:100%; padding:2% 0 2% 0; float:left; border-top:1px dotted #000;}
#wrap_section_sub section .wrap_contents .contents_company_3 > ol > li:first-child {border-top:none;}
#wrap_section_sub section .wrap_contents .contents_company_3 > ol > li > span {display:inline-block; width:40px; height:40px; float:left; border-radius:20px; 
																		-moz-border-radius:20px; -webkit-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px;
																		font-size:1.0em; font-weight:600; color:#fff; text-align:center; line-height:40px;}
#wrap_section_sub section .wrap_contents .contents_company_3 > ol > li > ol {float:left; padding:1% 0 0 2%;}
#wrap_section_sub section .wrap_contents .contents_company_3 > ol > li > ol.line_1 {float:left; padding:4% 0 0 2%;}
#wrap_section_sub section .wrap_contents .contents_company_3 > ol > li span.circle_1 {background-color:#db403d;}
#wrap_section_sub section .wrap_contents .contents_company_3 > ol > li span.circle_2 {background-color:#ff6c6a;}
#wrap_section_sub section .wrap_contents .contents_company_3 > ol > li span.circle_3 {background-color:#ff8b58;}
#wrap_section_sub section .wrap_contents .contents_company_3 > ol > li span.circle_4 {background-color:#ffb46a;}
#wrap_section_sub section .wrap_contents .contents_company_3 > ol > li > ol > li {font-size:0.88em; line-height:1.6em; color:#000;}
#wrap_section_sub section .wrap_contents .contents_company_3 > ol > li > ol > li p {font-size:0.88em; display:inline-block; padding-left:0;}
#wrap_section_sub section .wrap_contents .contents_company_3 > ol > li > ol > li > span {display:inline-block; font-size:1.1em; font-weight:500;}
#wrap_section_sub section .wrap_contents .contents_company_3 > ol > li > ol > li > span.color_1 {color:#f27b79;}
#wrap_section_sub section .wrap_contents .contents_company_3 > ol > li > ol > li > span.color_2 {color:#ff8b58;}
#wrap_section_sub section .wrap_contents .contents_company_3 > ol > li > ol > li > span.color_3 {color:#ff9b38;}
#wrap_section_sub section .wrap_contents .contents_company_3 > ol > li > ol > li span.bar {display:none;}
#wrap_section_sub section .wrap_contents .contents_company_3 > ol.right {float:left;}
#wrap_section_sub section .wrap_contents .contents_company_3 > ol.right > li {float:left; text-align:right; padding:2% 0 2% 0;}
#wrap_section_sub section .wrap_contents .contents_company_3 > ol.right > li > span {float:right;}
#wrap_section_sub section .wrap_contents .contents_company_3 > ol.right > li > ol {float:right; padding:1% 2% 0 0;}
#wrap_section_sub section .wrap_contents .contents_company_3 > ol.right > li > ol.line_1 {float:right; padding:4% 2% 0 0;}
#wrap_section_sub section .wrap_contents .contents_company_3 > ol.right > li > ol > li {text-align:right;}
#wrap_section_sub section .wrap_contents .contents_company_3 > ol#last {border-bottom:none; padding-bottom:1%;}



/* CEO인사말 */
#wrap_section_sub section .wrap_contents .contents_company_4 {position:relative; width:93%; padding:10% 0; float:left; margin:0 0 -10.5% 5% !important; font-size:0.88em; line-height:1.7em; color:#000;
																 background:url(/eng/images/company_img_08.jpg) 50% no-repeat bottom right; background-size:70%;}
#wrap_section_sub section .wrap_contents .contents_company_4 span {font-size:1.05em; vertical-align:top; font-weight:600;}
#wrap_section_sub section .wrap_contents .contents_company_4 .blank {height:10px;}
#wrap_section_sub section .wrap_contents .contents_company_4 .signature {width:30%; display:block; margin:4% 0 0 1%;}


/* 조직도 */
#wrap_section_sub section .wrap_contents .contents_company_5 {position:relative; width:96.3%; padding:0 0 0 0; text-align:center; margin:5% 0 -8% 0 !important;}
#wrap_section_sub section .wrap_contents .contents_company_5 span {display:inline-block;}
#wrap_section_sub section .wrap_contents .contents_company_5 span.ceo {width:30%; font-size:1.3em; color:#fff; font-weight:500; padding:2% 0; margin-bottom:5%; text-align:center; background-color:#db403d;}
#wrap_section_sub section .wrap_contents .contents_company_5 img {display:none;}
#wrap_section_sub section .wrap_contents .contents_company_5 > ul > li {width:25%; display:inline-block; margin-left:3%; text-align:center;}
#wrap_section_sub section .wrap_contents .contents_company_5 > ul > li:first-child {margin-left:0;}
#wrap_section_sub section .wrap_contents .contents_company_5 > ul > li.100 {margin-left:100px;}
#wrap_section_sub section .wrap_contents .contents_company_5 > ul > li > span {width:100%; height:35px; font-size:0.8em; line-height:1.2em; padding:14% 0 0 0; color:#fff; background-color:#fb7976; text-align:center;}
#wrap_section_sub section .wrap_contents .contents_company_5 > ul > li > ul {width:98%; height:30%; margin-top:8%; border:1px solid #dbdbdb; padding:20% 0; text-align:center;}
#wrap_section_sub section .wrap_contents .contents_company_5 > ul > li > ul > li {font-size:0.7em; line-height:1.0em; color:#4a4a4a; padding-top:20%;} 
#wrap_section_sub section .wrap_contents .contents_company_5 > ul > li > ul > li:first-child {padding-top:0;}


/* 미션&비전 소개 */
#wrap_section_sub section .wrap_contents .contents_company_6 {position:relative; width:95%; padding:0 0 55% 0 !important; float:left; background:url(/eng/images/company_img_02_m.png) bottom right no-repeat; background-size:75%;}
#wrap_section_sub section .wrap_contents .contents_company_6 .chapter {width:90%; margin:auto; font-size:0.88em; line-height:1.6em; color:#000; float:none; margin-top:5%;}
#wrap_section_sub section .wrap_contents .contents_company_6 > div:first-child {margin-top:5%;}
#wrap_section_sub section .wrap_contents .contents_company_6 .chapter > .tit {display:inline-block; font-size:0.9em; line-height:1.8em; letter-spacing:1px; 
	                                                                         font-weight:500; border-bottom:solid 1px #000; margin-bottom:2%;}
#wrap_section_sub section .wrap_contents .contents_company_6 .infography li {display:none;}


/* Sub - Product */
#wrap_section_sub section .wrap_contents .contents_prd_1 {position:relative; width:90%; float:none; margin:auto !important; padding:0 0 0 0; font-size:0.88em; line-height:1.6em; color:#000;}
#wrap_section_sub section .wrap_contents .contents_prd_1 span {font-weight:600; font-size:1.05em; vertical-align:top;}
#wrap_section_sub section .wrap_contents .contents_prd_1 span.tit_tb {display:inline-block; margin:10% 0 -8% 0;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .prd_img {position:relative; width:100%; border:1px solid #d1d1d1; float:left; margin:0 0 2% 0; text-align:center;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .prd_img .wrap_img_1 {position:relative; width:80%; margin:auto; padding:10% 0 0 0; text-align:center;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .prd_img .wrap_img_1 li {padding:0 0 18% 0;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .prd_img .wrap_img_1 li img {display:inline-block; width:100%; padding-bottom:3%;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .prd_img .wrap_img_1 li span {display:inline-block; font-weight:300; color:#fff;
																					 padding:3% 2%; background-color:#8d8d8d; border-radius:5%; float:left; font-size:0.8em;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .prd_img .wrap_img_1 li.size {position:relative;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .prd_img .wrap_img_1 li.size span {position:absolute; font-size:0.8em; color:#9c9c9c; padding:0; background:none; border:none;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .prd_img .wrap_img_1 li.size span.size_1 {top:-8%; right:94%;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .prd_img .wrap_img_1 li.size span.size_2 {top:48%; right:45%;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .prd_img .wrap_img_1 li.size span.size_3 {top:-8%; right:94%;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .prd_img .wrap_img_1 li.size span.size_4 {top:48%; right:45%;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .prd_img .wrap_img_1 li.size span.size_5 {top:-8%; right:94%;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .prd_img .wrap_img_1 li.size span.size_6 {top:48%; right:42%;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .prd_img .wrap_img_1 li.size span.size_7 {top:-8%; right:94%;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .prd_img .wrap_img_1 li.size span.size_8 {top:48%; right:42%;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .prd_img .wrap_img_1 li.size span.size_9 {top:-8%; right:94%;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .prd_img .wrap_img_1 li.size span.size_10 {top:48%; right:45%;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .prd_img .wrap_img_2 {position:relative; width:80%; margin:auto; padding:10% 0 0 0; text-align:center;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .prd_img .wrap_img_2 li {padding:0 0 18% 0;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .prd_img .wrap_img_2 li img {display:inline-block; width:60%; padding-bottom:2%;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .prd_img .wrap_img_2 li span {display:inline-block; font-weight:300; color:#fff;
																					 padding:3% 2%; background-color:#8d8d8d; border-radius:5%; float:left; font-size:0.8em;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .prd_img .wrap_img_2 li.size {position:relative; margin-top:0; float:right;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .prd_img .wrap_img_2 li.size img {width:100%;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .prd_img .wrap_img_2 li.size span {position:absolute; font-size:0.8em; color:#9c9c9c; padding:0; background:none; border:none;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .prd_img .wrap_img_2 li.size span.size_1 {top:-12%; right:94%;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .prd_img .wrap_img_2 li.size span.size_2 {top:48%; right:45%;}


#wrap_section_sub section .wrap_contents .contents_prd_1 .text_box_1 {width:100%; margin:8% 0 0 0; float:left;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .text_box_1 > div {margin-bottom:5%;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .text_box_1 li {font-size:0.88em; line-height:1.6em;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .tb_box_1 {width:100%; margin:2% 0 0 0; float:left; border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .tb_box_1 th,
#wrap_section_sub section .wrap_contents .contents_prd_1 .tb_box_1 td {font-size:0.88em; line-height:1.8em; text-align:center;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .tb_box_1 td {border-top:1px solid #cfcfcf;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box {margin-top:0;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box > div {width:50%; float:left; margin:8% 0 0 0;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box > div > ul {padding-top:4%;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_1 li {width:40px; height:40px; float:left; border-radius:15%; font-size:0.7em; text-align:center; color:#fff; line-height:40px; margin-right:2%; margin-bottom:2%;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_1 li.black {background-color:#000;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_1 li.blue {background-color:#004ea2;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_1 li.red {background-color:#e60012;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_1 li.green {background-color:#008659;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_2 li {width:40px; height:27px; padding:13px 0 0 0; float:left; border-radius:100%; text-align:center; color:#fff; font-size:0.65em; line-height:1em; margin-right:2%;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_2 li.wh {background-color:#fff; border:1px solid #000; color:#000;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_2 li.yellow {background-color:#fcda00; color:#000;}

#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_3 li {width:27%; height:35px; float:left; color:#fff; font-size:0.6em; font-weight:300; line-height:1.1em; margin-right:4%; 
																				 padding:4.2% 19% 0 0; text-align:center; background-size:100% auto !important;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_3 li.c_1 {background:url(/eng/images/prd_2_c_1.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_3 li.c_2 {background:url(/eng/images/prd_2_c_2.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_3 li.c_3 {background:url(/eng/images/prd_2_c_3.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_3 li.c_4 {background:url(/eng/images/prd_2_c_4.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_3 li.c_5 {background:url(/eng/images/prd_2_c_5.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_4 li {width:31%; height:35px; float:left; color:#fff; font-size:0.6em; font-weight:300; line-height:1.1em; margin-right:4%; 
																				 padding:4.5% 15% 0 0; text-align:center; background-size:100% auto !important;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_4 li.c_1 {background:url(/eng/images/prd_3_c_1.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_4 li.c_2 {background:url(/eng/images/prd_3_c_2.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_4 li.c_3 {background:url(/eng/images/prd_3_c_3.jpg) no-repeat; color:#fff;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_4 li.c_4 {background:url(/eng/images/prd_3_c_4.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_4 li.c_5 {background:url(/eng/images/prd_3_c_5.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_5 {width:100%; margin:10% 0 0 0;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_5 li {width:16%; height:42px; float:left; color:#fff; font-size:0.6em; font-weight:300; line-height:1.1em; margin-right:4%; 
																				 padding:3% 10% 0 0; text-align:center; background-size:100% auto !important;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_5 li.c_1 {background:url(/eng/images/prd_4_c_1.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_5 li.c_2 {background:url(/eng/images/prd_4_c_2.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_5 li.c_3 {background:url(/eng/images/prd_4_c_3.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_5 li.c_4 {background:url(/eng/images/prd_4_c_4.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_5 li.c_5 {background:url(/eng/images/prd_4_c_5.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_5 li.c_6 {background:url(/eng/images/prd_4_c_6.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_5 li.c_7 {background:url(/eng/images/prd_4_c_7.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_5 li.c_8 {background:url(/eng/images/prd_4_c_8.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_5 li.c_9 {background:url(/eng/images/prd_4_c_9.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_5 li.c_10 {background:url(/eng/images/prd_4_c_10.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_5 li.c_11 {background:url(/eng/images/prd_4_c_11.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_5 li.c_12 {background:url(/eng/images/prd_4_c_12.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_5 li span {position:absolute; color:#000; font-weight:300; right:0; top:70%;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_6 li {width:27%; height:35px; float:left; color:#000; font-size:0.6em; font-weight:300; line-height:1.1em; margin-right:4%; 
																				 padding:7% 19% 0 0; text-align:center; background-size:100% auto !important;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_6 li.c_1 {background:url(/eng/images/prd_5_c_1.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_6 li.c_2 {background:url(/eng/images/prd_5_c_2.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_6 li.c_3 {background:url(/eng/images/prd_5_c_3.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_6 li.c_4 {background:url(/eng/images/prd_5_c_4.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_6 li.c_5 {background:url(/eng/images/prd_5_c_5.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_7 li {width:31%; height:35px; float:left; color:#000; font-size:0.6em; font-weight:300; line-height:1.1em; margin-right:4%; 
																				 padding:4.5% 15% 0 0; text-align:center; background-size:100% auto !important;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_7 li.c_1 {background:url(/eng/images/prd_6_c_1.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_7 li.c_2 {background:url(/eng/images/prd_6_c_2.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_7 li.c_3 {background:url(/eng/images/prd_6_c_3.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_7 li.c_4 {background:url(/eng/images/prd_6_c_4.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_7 li.c_5 {background:url(/eng/images/prd_6_c_5.jpg) no-repeat;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_8 {width:80%;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_8 li {width:40px; height:40px; float:left; border-radius:15%; font-size:0.7em; text-align:center; color:#fff; line-height:40px; margin-right:2%; margin-bottom:2%;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_8 li.black {background-color:#000;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_8 li.blue {background-color:#004ea2; }
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_8 li.red {background-color:#e60012;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_8 li.yellow {background-color:#ffdb00; color:#000;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_8 li.pink {background-color:#e85298;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_8 li.orange {background-color:#f08300;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_8 li.yellow_g {background-color:#cddb00; color:#000; line-height:1.0em; height:28px; padding-top:4%;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_8 li.green {background-color:#009944;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_8 li.sky_blue {background-color:#00abeb; line-height:1.0em; height:28px; padding-top:4%;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_8 li.violet {background-color:#7f1084;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_8 li.yellow_o {background-color:#d79048; line-height:1.0em; height:28px; padding-top:4%;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .color_box .box_8 li.brown {background-color:#86461a;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .set_box {width:100%; float:left; margin-top:5%;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .set_box span {display:block;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .set_box img {width:70%; padding:5% 0 0 0;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .set_box li {float:left; margin-right:0%; text-align:center; font-size:0.9em;}
#wrap_section_sub section .wrap_contents .contents_prd_1 .set_box li img {display:block; padding:none !important;}





/* Sub - Customer */
#wrap_section_sub section .wrap_contents .contents_customer_1 {position:relative; width:90%; float:none; margin:auto !important; padding:0 0 0 0; font-size:0.88em; line-height:1.6em; color:#000;}
#wrap_section_sub section .wrap_contents .contents_customer_1 span {font-weight:600; font-size:1.05em; vertical-align:top;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .map_img {position:relative; width:100%; border:1px solid #d1d1d1; float:left; margin:0 0 2% 0; text-align:center;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .map_img img {display:inline-block; width:100%; float:none;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .map_img img.txt {display:block; position:absolute; top:0; left:0;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .map_img span {display:none; position:absolute;  color:#494949; font-size:0.5em; font-weight:400;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .map_img span.map_txt_1 {color:#fff; top:25%; left:15%;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .map_img span.map_txt_2 {top:42%; left:25%;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .map_img span.map_txt_3 {top:56%; left:13%;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .map_img span.map_txt_4 {top:63%; left:24%;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .map_img span.map_txt_5 {color:#fff; top:91.3%; left:10%;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .map_img span.map_txt_6 {top:6%; left:38%;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .map_img span.map_txt_7 {top:50%; left:47.5%;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .map_img span.map_txt_8 {top:78%; left:50%;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .map_img span.map_txt_9 {top:90%; left:53%;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .map_img span.map_txt_10 {top:2%; right:40%;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .map_img span.map_txt_11 {top:8%; right:39%;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .map_img span.map_txt_12 {top:16%; right:37%;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .map_img span.map_txt_13 {color:#fff; top:7%; right:2%;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .map_img span.map_txt_14 {font-size:0.7em; top:41%; right:17%; font-weight:500;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .text_box_0 {position:relative; width:100%; float:inherit; margin:0;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .text_box_0 li {font-size:0.88em; float:inherit; padding-right:0; line-height:1.6em;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .text_box_0 li span {padding-right:2%;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .btn {position:relative; width:100%; float:inherit; margin:3% 0 0 0; text-align:left;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .btn span {display:inline-block; font-size:0.88em; line-height:1.6em; font-weight:400; color:#fff; padding:2% 5%; background-color:#57b04b;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .btn span img {display:inline-block; width:11%; vertical-align:middle; padding-right:3%;}
#wrap_section_sub section .wrap_contents .contents_customer_1 table {width:100%;}
#wrap_section_sub section .wrap_contents .contents_customer_1 table col.col_1 {width:24%;}
#wrap_section_sub section .wrap_contents .contents_customer_1 table col.col_2 {width:71%;}
#wrap_section_sub section .wrap_contents .contents_customer_1 table th,
#wrap_section_sub section .wrap_contents .contents_customer_1 table td {padding-bottom:3%; text-align:left; font-size:0.88em;}
#wrap_section_sub section .wrap_contents .contents_customer_1 table input, 
#wrap_section_sub section .wrap_contents .contents_customer_1 table textarea {border:1px solid #d1d1d1; padding:3%; font-size:1.00em;}
#wrap_section_sub section .wrap_contents .contents_customer_1 table #input_name {width:90%;}
#wrap_section_sub section .wrap_contents .contents_customer_1 table #input_email_1 {width:27%;}
#wrap_section_sub section .wrap_contents .contents_customer_1 table #input_email_2 {width:50%;}
#wrap_section_sub section .wrap_contents .contents_customer_1 table input[type="tel"] {width:23%;}
#wrap_section_sub section .wrap_contents .contents_customer_1 table #input_title {width:90%;}
#wrap_section_sub section .wrap_contents .contents_customer_1 table textarea {width:90%; height:200px;}
#wrap_section_sub section .wrap_contents .contents_customer_1 table th {padding-left:2%; background:url(/eng/images/customer_dot.gif) no-repeat 0 48%;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .tb_btn {width:100%; margin:5% 0 0 0; text-align:center;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .tb_btn input {display:inline-block; width:30%; height:10%;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .tb_btn input.send {background-color:#ff5f5f;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .tb_btn input.cancel {background-color:#9a9a9a;}

#wrap_section_sub section .wrap_contents .contents_customer_1 .text_box_1 {position:relative; width:100%; float:left; margin:0;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .text_box_1 > ul > li {width:30%; float:left; padding-left:3%;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .text_box_1 > ul > li:first-child {padding-left:0;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .text_box_1 > ul > li > span {display:inline-block; width:100%; height:40px; font-size:0.88em; line-height:0.88em; font-weight:400; padding:10% 0 0 0; color:#fff; text-align:center;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .text_box_1 > ul > li > span.tit_1 {background-color:#fb7976;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .text_box_1 > ul > li > span.tit_2 {background-color:#f99b4e;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .text_box_1 > ul > li > span.tit_3 {background-color:#acc861;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .text_box_1 > ul > li > span.tit_4 {background-color:#78cdc0;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .text_box_1 > ul > li > span > span.eng {display:inline-block; padding-top:10%; font-weight:600; color:#fff; font-size:0.8em;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .text_box_1 > ul > li > ul {width:100%; border-bottom:1px solid #acacac;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .text_box_1 > ul > li > ul > li {width:100%; padding:8px 0; border-top:1px solid #dbdbdb; text-align:center;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .text_box_1 > ul > li > ul > li:first-child {border-top:none;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .text_box_1 > ul > li > ul > li a {font-size:0.78em;  line-height:1.6em;}
#wrap_section_sub section .wrap_contents .contents_customer_1 .text_box_1 > ul > li > ul > li a:hover {text-decoration:none;}

}

