@charset "UTF-8";

/* Page Title */
body {   }

.main_vi   {position:absolute; left:0; border:0px solid #ddd; z-index:0; width:100%; float:left;}
.main_vi  div {width:100%; margin:0 auto; }

/*#main_wrap{width:100%; margin:0 auto;  }*/


.txt_big { font-size:25px; color:#333; line-height:1.5em;}
.txt_nor { font-size:20px; color:#333; line-height:1.35em;}
.txt_small { font-size:18px; color:#333; line-height:1.2em;}
.c {text-align:center;}
.f_bold {font-weight:600;}
.txt_c6 {color:#666 !important}

#section2 .txt_big { font-size:31px; color:#111; line-height:1.5; max-width:1000px; margin:0 auto; word-break: keep-all;}
#section2 .txt_big p { font-size:22px; line-height:1.7; color:#333  }


/*메인비주얼*/
.main_vi_wrap {width:100%; float:left; height:100%;   background-size:cover; box-sizing:border-box;   }
.main_vi_txt { /*background:rgba(255,255,255,0.3); */border:8px solid #fff; padding:30px 60px; box-sizing:border-box; position:absolute;
top:50%; left:50%; transform: translate(-50%, -50%);color:#fff; z-index:99999; text-align:center;}
.main_vi_txt p { text-shadow: 1px 1px 6px rgba(0,0,0,0.5);}

/*공통*/
.section_tit_wrap {width:100%; float:left; margin-bottom:30px;}
.section_tit_wrap h1 {font-size:45px; letter-spacing:0px; line-height:1.2em; text-align:center;}
.section_tit_wrap p {font-size:24px; font-weight:400;  text-align:center; line-height:1.2em; color:#777;}

.section_tit_wrap .s_line{border:0px solid gray; display:block;width:30px;height:25px; position:relative; margin:0 auto;}
.section_tit_wrap .s_line:after{  content:""; position:absolute; border-top:3px solid #8dc63f; width:40px; margin-top:10px; /*transform: rotate(25deg);*/}


/* SECTION 1 Result ////////////////////////////////////////////////////////////*/
#section1  {width:100%; min-width:1200px; float:left; box-sizing:border-box; }
#section1 .section1_wrap {width:90%; margin:0 auto; }

#slide_wrap {width:100%; float:left;}
#slide_wrap .result_ul li.col-4 {width:24%; background:#fff; float:left; margin-right:1%; border:1px solid #ddd; box-sizing:border-box;}
/*.box_100 ul li.col-4:nth-child(4) {float:right; margin-right:0%;}*/

.box_100 ul li.col-5 {width:20%; float:left; border:1px solid #ddd; box-sizing:border-box;}
.box_100 ul li.col-5:last-child {float:right; margin-right:5px;}

#section1 .result_ul li.col-4 {padding:20px; box-sizing:border-box;}
#section1 .result_ul li.col-4 img {max-height:330px; min-height:240px;}
#section1 .result_ul h5 {font-size:20px;font-weight:600; margin-top:20px;}

#section1 .result_ul .txt_bg {background:#f7f7f7; padding:12px 15px; box-sizing:border-box;}
#section1 .result_ul .txt_bg ul li {font-size:18px; color:#555; list-style:disc; margin-left:20px;line-height:1.35em;}


/* SECTION 2 About //////////////////////////////////////////////////////////////////////////////////////////*/
#section2  {position:relative; width:100%; min-width:1200px; float:left;box-sizing:border-box; background:#f7f7f7; }
#section2 .section2_wrap{width:90%; margin:0 auto;}

.box_100 .about_ul {width:100%; float:left; margin-bottom:20px;}
.box_100 .about_ul li {height:300px; margin-left:-1px; background:#fff;  }
.box_100 .about_ul li:hover {background:#f2fcf2; transform: scale(1.1); box-shadow:2px 1px 5px rgba(0,0,0,0.1);}

.box_100 .about_ul li img {display:block; margin:0 auto; padding-top:50px}
.box_100 .about_ul li h5 {font-size:25px; font-weight:600; text-align:center; margin-top:20px;}
.box_100 .about_ul li p {font-size:17px; font-weight:400; text-align:center; margin-top:10px; color:#999; letter-spacing:0.3px;}


/* SECTION 3 About //////////////////////////////////////////////////////////////////////////////////////////*/
#section3  {position:relative; width:100%; min-width:1200px; float:left; box-sizing:border-box; margin-top:35px;}
#section3 .section3_wrap{width:100%;  background:url('/common/img/main/main2_business_bg.png') no-repeat center 0; min-height:800px; }

/*사업갤러리*/
.box_100 .business_ul {width:100%; float:left; position:relative;}

/*이미지*/
.box_100 .business_ul>li:nth-child(1) {width:40%;  position:absolute; top:0; left:80px; }
.box_100 .business_ul>li:nth-child(1) img {width:100%;}


.box_100 .business_ul>li:nth-child(2) {width:40%; position:absolute; top:120px; left:700px;
background:#d5ba66; z-index:999; height:450px; padding:65px 50px; box-sizing:border-box;}

.box_100 .business_ul>li:nth-child(2) h5 {font-size:25px; font-weight:600; color:#fff; margin-bottom:20px;}
.box_100 .business_ul>li:nth-child(2) .bar {width:60px; background:#fff; height:2px; display:inline-block; margin:0 auto;}
.box_100 .business_ul>li:nth-child(2) p {font-size:20px; color:#fff; margin:30px 0 20px 0;text-align:left;}

.box_100 .business_ul>li:nth-child(3) {width:18%; position:absolute; top:120px; right:80px; border:1px solid #ddd;}
.box_100 .business_ul>li:nth-child(3) ul li {width:100%; float:left; background:#10px;  border-bottom:1px dashed #ddd;}
.box_100 .business_ul>li:nth-child(3) ul li a {display:block; text-align:center; font-size:18px;  padding:15px 0;}
.box_100 .business_ul>li:nth-child(3) ul li:last-child {border:none;}




/*  business*/
#section3 .business_txt_box {width:100%; float:left; padding:35px; box-sizing:border-box; background:#fff; border:1px solid #ddd;}
#section3 .business_txt_box h5 {font-size:20px; font-weight:600; margin-bottom:5px;}

.business ul li {width:100%; float:left;font-size:18px; font-weight:400; color:#555; line-height:1.8em;}
.business i {font-size:18px; vertical-align:-3px; color:#333;}



.section02 {background-color:#e0e0e0; min-height:880px;}
.section02 .swiper4 {height:880px;}
.section02 .swiper4 .swiper-slide { cursor:move; width:100%; }
.section02 .swiper4 .inner {width:1184px; margin:0 auto; position:relative;}
.section02 .swiper4 .bg01 {position:absolute; top:91px; right:0px; z-index:1;}
.section02 .swiper4 .bg02 {position:absolute; top:0px; right:-342px; z-index:0;}
.section02 .swiper4 .swiper-button-next {position:absolute; top:50%; width:39px; height:39px; margin-top:-39px; z-index:10; cursor:pointer; background-size:39px 39px; left:auto !important; right:10%;}
.section02 .swiper4 .swiper-button-prev {position:absolute; top:50%; width:39px; height:38px; margin-top:-0px; z-index:10; cursor:pointer; background-size:39px 38px; left:auto !important; right:10%;}
.section02 .swiper4 .swiper-button-next {background-image:url('../../img/mimg/top_arrow_right.png');  }
.section02 .swiper4 .swiper-button-prev {background-image:url('../../img/mimg/bottom_arrow_left.png'); }

.swiper4 .swiper-slide-active .bg01
{
-webkit-animation-name: fadeInRight  !important;
animation-name: fadeInRight  !important;
-webkit-animation-duration: 2s !important;
animation-duration: 2s !important;
-webkit-backface-visibility: hidden;
}

.swiper4 .swiper-slide-active .bg02
{
-webkit-animation-name: fadeInLeft  !important;
animation-name: fadeInLeft  !important;
-webkit-animation-duration: 2s !important;
animation-duration: 2s !important;
-webkit-backface-visibility: hidden;
}
.section02_title {text-align:left; padding-top:150px; padding-left:85px;}
.section02_title .txt01 {font-size:40px; font-family: 'Raleway', sans-serif; font-weight:200; color:#000; letter-spacing:1px;}
.section02_title .txt02 {font-size:16px; letter-spacing:-0.5px; color:#555; line-height:16px; padding-top:5px;}

.section02_txt {text-align:left; letter-spacing:-0.3px; padding-left:80px; padding-top:50px;}
.section02_txt .txt01 {color:#777; font-size:16px;}
.section02_txt .txt02 {color:#333; font-size:36px; line-height:1.25em; font-weight:600;}
.section02_txt .txt03 {font-size:18px; line-height:1.5em; color:#777;}

.section02_txt .txt04 a.more_bt {width:220px; height:54px; background-color:#fff; color:#222; line-height:54px;text-indent:20px; display:block; margin-top:48px; background-image:url('../../img/img/btn_arrow.png'); background-repeat:no-repeat;  background-position:200px 21px;
 -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; -webkit-backface-visibility: hidden;}
.section02_txt .txt04 a.more_bt:hover {background-image:url('../../img/img/btn_arrow_r.png'); background-repeat:no-repeat;  background-position:120px 21px; color:#fff; background-color:#222;}

.section02_txt .txt04 a.more_bt img {float:right; margin:25px 20px 0 0;}

.section02_txt .left_t_bt {width:25px; height:1px; background-color:#222; margin:20px 0px;}


.section04 {background:url('/common/img/main/main2_business_bg.png') no-repeat center 0; min-height:700px;}
.section04_title {text-align:left; padding-top:120px; padding-left:80px;}
.section04_title .txt01 {font-size:40px;  font-weight:600; color:#333; letter-spacing:1px;}
.section04_title .txt02 {font-size:18px; letter-spacing:-0.5px; color:#555; line-height:16px; padding-top:5px;}


.swiper3 {width:100%;}
.swiper3 .swiper-slide { text-align: center; width:100%; cursor:move; margin-top:60px; }

.swiper3 .swiper-button-next {position:absolute; top:50%; width:48px; height:93px; margin-top:-22px;z-index:90; cursor:pointer; background-size:39px 76px; }
.swiper3 .swiper-button-prev {position:absolute; top:50%; width:48px; height:93px; margin-top:-22px;z-index:90; cursor:pointer; background-size:39px 76px; }

.swiper3 .swiper-button-next {background-image:url('/common/img/main/arr_r.png'); right:5%; opacity:0 !important; }
.swiper3 .swiper-button-prev {background-image:url('/common/img/main/arr_l.png'); left:5%; opacity:0 !important;  }
.swiper3:hover .swiper-button-next  {opacity:1 !important;}
.swiper3:hover .swiper-button-prev  {opacity:1 !important;}

.swiper3 .left_bg01 {width:48%; height:600px; margin-top:90px; background-image:url('/common/img/main/business_img1.png'); background-size:cover; background-position:top center;}
.swiper3 .left_bg02 {width:48%; height:600px; margin-top:90px; background-image:url('/common/img/main/business_img2.png'); background-size:cover; background-position:top center;}
.swiper3 .left_bg03 {width:48%; height:600px; margin-top:90px; background-image:url('/common/img/main/business_img3.png'); background-size:cover; background-position:top center;}
.swiper3 .left_bg04 {width:48%; height:600px; margin-top:90px; background-image:url('/common/img/main/business_img1.png'); background-size:cover; background-position:top center;}



.swiper3 .right_text {width:50%;height:800px;}
.swiper3 .swiper-pagination-fraction {bottom:170px !important; left:110px; color:#999; font-size:16px;}
.swiper3 .swiper-pagination-current {color:#000;}
.swiper3 .swiper-pagination-total {color:#777;}

.swiper3 .swiper-slide-active .left_bg01,
.swiper3 .swiper-slide-active .left_bg02,
.swiper3 .swiper-slide-active .left_bg03,
.swiper3 .swiper-slide-active .left_bg04,
.swiper3 .swiper-slide-active .left_bg05
{
-webkit-animation-name: fadeInLeft  !important;
animation-name: fadeInLeft  !important;
-webkit-animation-duration: 2s !important;
animation-duration: 2s !important;
-webkit-backface-visibility: hidden;
}

.swiper3 .swiper-slide-active .right_text
{
-webkit-animation-name: fadeInRight  !important;
animation-name: fadeInRight  !important;
-webkit-animation-duration: 2s !important;
animation-duration: 2s !important;
-webkit-backface-visibility: hidden;
}



/* SECTION 4 Map //////////////////////////////////////////////////////////////////////////////////////////*/
#section4  {position:relative; width:100%; min-width:1200px; float:left;box-sizing:border-box; background:#f7f7f7;}
#section4 .section4_wrap{width:90%; margin:0 auto;}

#section4  .contact_txt_box {position:absolute; background:rgba(0,0,0,0.6); bottom:0; padding:20px 35px; box-sizing:border-box; width:100%;;}
#section4  .contact_txt_box h4 {font-size:17px; font-weight:500; text-align:left; color:#fff; }
#section4  .contact_txt_box p {font-size:17px; font-weight:400; color:#ddd; line-height:1.6em; }
#section4 .contact_txt_box  i {font-size:17px; vertical-align:-3px; color:#ddd;}


/* header */
.mo_layout { display: none; }
.header_wrap { width: 100%; padding: 0 60px; position: absolute; top: 0; left: 0; z-index: 20; background:rgba(255,255,255,0.6) }

/* 로고 스크롤 내리기 전 (OFF) */
.pc_layout .header h1 { display: inline-block; width: 230px; height:64px; vertical-align: middle; }
.pc_layout .header h1 a { display: block; width: 100%; height: 100%; background: url("/common/img/common/new_top_logo.png") top left no-repeat; background-size: auto 100%;}


.header dd.search_icon {display:block;}


/* 헤더 탑메뉴 */
.pc_layout .header > ul { display: inline-block; margin-left: 18%; width:50%; vertical-align: middle; }
.pc_layout .header > ul > li { display: inline-block; vertical-align: top; }
.pc_layout .header > ul > li > a { display: block; width: 100%; height: 95px; line-height: 95px; font-size: 19px; color: #333; padding: 0 20px;
font-weight: 500; position: relative; }

.header ul li span.bar {font-size:12px; color:rgba(0,0,0,0.3); vertical-align: middle; display:inline-block;  margin:42px 15px 0 15px;}


.pc_layout .header > ul > li.on > a {}
.pc_layout .header > ul > li.on > a:after { content: ""; display: block; width: 100%; height: 3px; background: #8dc63f; position: absolute; bottom: 0; left: 0; }

.pc_layout .header > dl { font-size: 0; position: absolute; top: 50%; right: 60px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.pc_layout .header > dl dt { display: inline-block; margin-right: 20px; vertical-align: middle; position: relative; }

.pc_layout .header > dl dt ul { width: 80px; padding: 10px 0; position: absolute; top: 60px; left: 50%;
-webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background: #fff; border: 1px solid #eee;
border-top: 3px solid #8dc63f; display: none; }

.pc_layout .header > dl dt ul:after { content: ""; display: block; width: 100%; height: 6px; padding-top: 30px; background: url("/common/ko/img/layout/gnbLi_on.png") bottom center no-repeat; position: absolute; top: -37px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-box-sizing: content-box; box-sizing: content-box; }

.pc_layout .header > dl dt ul li a { display: block; width: 100%; height: 100%; padding: 7px 0; font-size: 16px; font-weight: bold; text-align: center; letter-spacing: normal;  }
.pc_layout .header > dl dt ul li a:hover { color:#8dc63f;}

.pc_layout .header > dl dd { display: inline-block; vertical-align: middle; }

.pc_layout .header > dl img { cursor: pointer; }

.header_wrap.on { background: #fff; position: fixed; border-bottom: 1px solid #eee; }


/* 로고 스크롤 내렸을 때 (ON) */
.header_wrap.on .header h1 a.h_logo { background: url("/common/img/common/new_top_logo.png") top left no-repeat; background-size:cover  }
.header_wrap.on .header > ul > li > a { color: #222; }

/* 마우스오버시 펼쳐지는 메뉴 2뎁스 */
.depth2 { width: 100%; padding: 0 20px; border-top: 1px solid #eee; position: absolute; top: 95px; left: 0; background: #fff; border-bottom: 1px solid #eee; display: none; }
.depth2 .pb80 { padding-bottom: 80px; }

.depth2 dl { display:table; width: 100%; margin: 0 auto; border-left: 1px solid #f4f4f4; }

.depth2 dl dt { display: table-cell; width: calc(65.555% - 70px); border-right: 1px solid #f4f4f4; vertical-align: top; overflow: hidden; }

.depth2 dl dt > ul { display: table; }

.depth2 dl dt > ul > li { display: table-cell; width: 240px; vertical-align: top; position: relative; }

.depth2 dl dt > ul > li:hover{ background:#f7f7f7;}

.depth2 dl dt > ul > li:after { content: ""; display: block; width: 1px; height: 300%; background: #f4f4f4; position: absolute; top: 0; right: 0; }

.depth2 dl dt > ul > li:last-of-type:after { display: block }

.depth2 dl dt > ul > li > p { margin-bottom: 40px; font-size: 20px; color: #333; font-weight: 600; }

.depth2 dl dt > ul > li > p:last-of-type { margin-bottom: 20px; }

.depth2 dl dt > ul > li ul li { margin-bottom: 15px; text-align:center;  }

.depth2 dl dt > ul > li ul li:last-of-type { margin-bottom: 0; }

.depth2 dl dt > ul > li ul li a { display: block;padding:15px 10px;  font-size: 18px; color: #555; font-weight: 400; line-height:1.75; position: relative; }

.depth2 dl dt > ul > li ul li a:hover {color: #fff; background:#8dc63f  }

.depth2 dl dt > ul > li ul li .br { display: block; }

.depth2 dl dd { display: table-cell; width: calc(34.445% + 70px); padding: 60px 0 95px 70px; vertical-align: top; }

.depth2 dl dd img { width: 100%; }

.depth2 .gnb_prodSearch { width: 100%; height: 80px; line-height: 80px; background: #ff8400; font-size: 20px; color: #fff; font-weight: 600; text-align: center; position: absolute; bottom: -1px; left: 0; }

.depth2 .gnb_prodSearch img { margin-right: 15px; vertical-align: middle; }

/* 탑사이트맵 */
.searchWrap { width: 100%; padding: 60px 0; position: absolute; top: 95px; left: 0; background: #fff; border-top:1px solid #ddd; display: none; overflow: hidden;  box-shadow:1px 2px 3px #ddd;}
.searchWrap .search_x { position: absolute; top: 40px; right: 60px; cursor: pointer; }


.header_search { width: 960px; margin: 0 auto; }

.header_search dt { padding-bottom: 20px; border-bottom: 2px solid #fff; font-size: 0; }

.header_search dt input { width: calc(100% - 80px); height: 38px; line-height: 38px; font-size: 32px; color: #ffd3b8; font-weight: 300; vertical-align: top; }

.header_search dt input:-ms-input-placeholder{ color: #ffd3b8 !important; }

.header_search dt a { display: inline-block; width: 80px; padding: 0 20px; vertical-align: top; }

.header_search dt a img { width: 100%; }

.header_search dd { font-size: 0; margin-top: 18px; }

.header_search dd a { display: inline-block; height: 36px; line-height: 34px; padding: 0 20px; margin: 12px 12px 0 0; font-size: 16px; color: #fff; font-weight: 500; border: 1px solid #ffb566; border-radius: 18px; }

.header_search dd a:last-of-type { margin-right: 0; }

.bottomBtn { position: fixed; bottom: 60px; right: 60px; z-index: 5; }

.bottomBtn .inquiryBtn{z-index: 10; position: relative; width:70px; cursor:pointer;}

.bottomBtn .inquiryBtn img{width:100%;}

.bottomBtn .topBtn{display: none; z-index: 5; position: relative;  width:70px; margin:-100% auto 0; cursor:pointer; transition:margin .5s;}

.bottomBtn .topBtn.on{margin-top: 20px;}

.bottomBtn .topBtn img{width:100%;}





/* common.css */

html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { background-color: transparent; }

a:active, a:hover { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

svg:not(:root) { overflow: hidden; }

figure { margin: 1em 40px; }

hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; -webkit-appearance: none; appearance: none; margin: 0; }

input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, figure, legend, input, textarea, button, p, blockquote, th, td, form, fieldset, blockquote, iframe { margin: 0; padding: 0; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -webkit-text-size-adjust: none; text-size-adjust: none; }

html * { -webkit-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; }

article, aside, canvas, details, embed, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

command, datalist, keygen, mark, meter, progress, rp, rt, ruby, time, wbr { display: inline; }

img { vertical-align: top; border: 0; }

fieldset { border: 0; }

ul, ol, li { list-style: none; }

hr { display: none; border: 0; }

pre { white-space: pre-wrap; }

legend, caption { display: none; clear: both; }

a { color: inherit; cursor: pointer; }

a:link { text-decoration: none; }

a:hover, a:focus, a:active { text-decoration: none; }

/*h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; word-break: keep-all; }*/

em, i, address, cite { font-style: normal; font-weight: normal; }

input, textarea, select, button, table { font-size: inherit; font-family: inherit; *font-size: inherit; border: 0; background-color: transparent; }

button, select { cursor: pointer; }

textarea, input, select { border-radius: 0; border: 0; outline-color: -moz-use-text-color; outline-style: none; outline-width: medium; }

textarea { resize: none; }

label { cursor: pointer; }

table { table-layout: fixed; border-collapse: collapse; border-spacing: 0; }

th, td { border-collapse: collapse; }

progress[value] { appearance: none; -moz-appearance: none; -webkit-appearance: none; border: none; background-size: auto; }

progress[value][role][aria-valuenow] { appearance: none; -moz-appearance: none; -webkit-appearance: none; border: none; background-size: auto; }

progress[value][role][aria-valuenow]:after { background-image: none; }

progress[value][role][aria-valuenow]:before { display: table; }

progress[value][role][aria-valuenow] strong { display: none; }

progress[value][role][aria-valuenow]::-webkit-progress-value, progress[value][role][aria-valuenow]::-webkit-progress-inner-element { display: table; }

progress[value][role][aria-valuenow]::-webkit-progress-bar { display: table-cell; }

progress[value][role][aria-valuenow]::-moz-progress-bar, progress[value][role][aria-valuenow]::-webkit-progress-value { display: table; }

textarea { color: inherit; }

textarea:focus::-webkit-input-placeholder { color: transparent; }

textarea:focus:-moz-placeholder { color: transparent; }

textarea:focus::-moz-placeholder { color: transparent; }

textarea:focus:-ms-input-placeholder { color: transparent; }

input[type="reset"], input[type="button"], input[type="submit"] { line-height: normal !important; cursor: pointer; }

input[type="button"], input[type="text"], input[type="image"], input[type="submit"] { -webkit-appearance: none; border-radius: 0; }

input:checked[type="checkbox"] { background-color: #fff; -webkit-appearance: checkbox; }

input { color: inherit; }

input::-webkit-input-placeholder { color: inherit; }

input::-moz-placeholder { color: inherit; }

input:-ms-input-placeholder { color: inherit !important; }

input:-moz-placeholder { color: inherit; }

input:focus { border: 0; }

input:focus::-webkit-input-placeholder { color: transparent; }

input:focus:-moz-placeholder { color: transparent; }

input:focus::-moz-placeholder { color: transparent; }

input:focus:-ms-input-placeholder { color: transparent; }

input:-webkit-autofill, textarea:-webkit-autofill, select { -webkit-appearance: none; appearance: none; }

input:-webkit-autofill:-webkit-autofill, textarea:-webkit-autofill:-webkit-autofill, select:-webkit-autofill { -webkit-text-fill-color: inherit; -webkit-box-shadow: 0 0 0px 1000px white inset; box-shadow: 0 0 0px 1000px white inset; }

input:-webkit-autofill::-ms-expand, textarea:-webkit-autofill::-ms-expand, select::-ms-expand { display: none; }

input[type="date"]::-webkit-clear-button { display: none; }

input[type="date"]::-webkit-inner-spin-button { display: none; }

input[type="date"]::-webkit-calendar-picker-indicator { color: #343434; background: #fff; }

input[type="date"] { -moz-appearance: none; appearance: none; -webkit-appearance: none; display: inline-block !important; visibility: visible !important; }

input[type="date"], input:focus { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }

@media print { code[class*="language-"], pre[class*="language-"] { text-shadow: none; }
	html * { color: #000; background: #fff; } }


.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: block; }
.clearfix:after { clear: both; }

select::-ms-expand{display:none;}

.wrap { position: relative; width: 100%; min-width: 20rem; letter-spacing: -0.035em; overflow: hidden; }

.w1440 { width: 100%; max-width: 1440px; margin: 0 auto; position: relative; }

.raleway { font-family: "Raleway", "SCDream", "Noto Sans KR",sans-serif; letter-spacing: normal; }

.black_bg { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); display: none; }

.blind { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.4); z-index: 9999; display: none; }

.p_only { display: block !important; }

.p_t_only { display: block !important; }

.t_only { display: none !important; }

.t_m_only { display: none !important; }

.m_only { display: none !important; }

.pc_img { display: inline !important; }

.pc_ta_img { display: inline !important; }

.ta_img { display: none !important; }

.ta_mo_img { display: none !important; }

.mo_img { display: none !important; }

.btn_wrap { margin-top: 40px; text-align: center; font-size: 0; }

.btn_wrap a { display: inline-block; margin-right: 14px; }

.btn_wrap a:last-of-type { margin-right: 0; }

.roundBtn { display: inline-block; width: 180px; height: 48px; line-height: 48px; font-size: 16px; font-weight: 600; border-radius: 6px; text-align: center; }

.roundBtn.big { width: 300px; height: 60px; line-height: 60px; font-size: 18px; }

.roundBtn.orange { background: #ff8400; color: #fff; }

.roundBtn.purple { background: #272a44; color: #fff; }

.lineRoundBtn { display: inline-block; width: 180px; height: 48px; line-height: 46px; font-size: 16px; font-weight: 600; border-radius: 6px; text-align: center; }

.lineRoundBtn.big { width: 300px; height: 60px; line-height: 58px; font-size: 18px; }

.lineRoundBtn.orange { border: 1px solid #ff8400; color: #ff8400; }

.lineRoundBtn.purple { border: 1px solid #272a44; color: #272a44; }

.lineRoundBtn.gray { border: 1px solid #ddd; color: #999; }

.underlineBtn { display: inline-block; font-size: 16px; padding-bottom: 1px; vertical-align: middle; }

.underlineBtn.orange { border-bottom: 1px solid #ff8400; color: #ff8400; }

.underlineBtn.purple { border-bottom: 1px solid #272a44; color: #272a44; }

.checkbox { display: inline-block; position: relative; }

.checkbox input[type="checkbox"] { width: 0; height: 0; position: absolute; top: 0; left: 0; z-index: 0; }

.checkbox input[type="checkbox"] + label { display: inline-block; line-height: 1.3; padding-left: 30px; font-size: 16px; color: #666; background: url("/common/ko/img/common/check_off_white.png") top left no-repeat; background-size: auto 20px; position: relative; z-index: 1; }

.checkbox input[type="checkbox"]:checked + label { background-image: url("/common/ko/img/common/check_on.png"); }

.smallTab { padding-bottom: 30px; }

.smallTab.bb2 { border-bottom: 2px solid #1b1b1b; }

.smallTab ul { font-size: 0; }

.smallTab ul li { display: inline-block; padding-right: 60px; vertical-align: top; }

.smallTab ul li:last-of-type { padding-right: 0; }

.smallTab ul li a { display: block; font-size: 22px; }

.smallTab ul li.on a { color: #ff8400; font-weight: 600; }

.centerScrollTab { padding: 80px 60px; text-align: center; }

.centerScrollTab ul { white-space: nowrap; position: relative; z-index: 4; }

.centerScrollTab ul li { padding-right: 0; }

.centerScrollTab ul li a { padding: 24px; font-size: 30px; position: relative; }

.centerScrollTab ul li.on a:after { content: ""; display: block; width: 100%; height: 4px; background: #ff8400; position: absolute; bottom: 0; left: 0; }

.centerScrollTab .mCustomScrollBox { z-index: 1; }

.centerScrollTab .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #ddd; }

.centerScrollTab .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal { height: 4px; margin: 0; z-index: 0; }


/* 메인*/
.header_wrap.on { border-bottom: 0; box-shadow:1px 1px 6px rgba(0,0,0,0.2);}


/* footer 푸터 */
#footer        {position:absolute; bottom:0; width:100%; float:left; left:0;	 min-width:1240px; padding:20px 0;float:left;  background:#f7f7f7; border-top:1px solid #ddd; }
#footer ul		 {width:100%; text-align:center;}
#footer ul li {display:inline-block;  color:#fff; font-size:0.92em}
#footer ul li.line {color:rgba(255,255,255,.3); font-size:12px; line-height:30px; padding:0 10px 10px 10px;}

#footer  .footer_in  {width:1200px; margin:0 auto; font-size:14.5px; color:#fff;  font-weight:300 ;}
#footer  .footer_in  p { letter-spacing:0px; color:#666;  }
#footer  .footer_in  span { letter-spacing:0.2px; color:#999;   text-align:center !important; display:block; }

#footer .copy_bar  {background-color:#333; color:#b1b1b1; font-size:0.85em; width:100%; float:left; padding:14px 0; margin-top: 20px;}
#footer .copy_bar p  {width:1200px; margin:0 auto; }


/* fullpage 단추버튼 */
#fp-nav.fp-right { right: 0; left: auto; z-index: 10; }

#fp-nav ul li, .fp-slidesNav ul li { width: 20px; height: 20px; margin: 0 0 30px 0; }

#fp-nav ul li:last-of-type, .fp-slidesNav ul li:last-of-type { margin-bottom: 0; }

#fp-nav ul li a span, .fp-slidesNav ul li a span { width: 20px; height: 20px; top: 0; left: 0; margin: 0; background: #a7a7a7; border-radius: 0; }

#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span { width: 20px; height: 2px; margin: 0;  }

#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span
{ width: 32px; height: 2px; margin: 0; border-radius: 0; background: #333; }

.fp-scroller{height: 100%;}

/**/
#section0 { padding-top: 0 !important; }
#section0 .visual { width: 100%; height: 100%; }

.swiper-slide { width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; overflow: hidden; }

.swiper-slide .txt { position: absolute; top: 50%; left: 26.5%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #fff; }

.swiper-slide .txt.black { color: #222; }

.swiper-slide .txt span { display: block; font-size: 24px; margin-bottom: 15px; }

.swiper-slide .txt h2 { min-width:700px; font-size: 94px; margin-bottom: 35px; font-weight: bold; letter-spacing: normal; font-family: "SCDream", "Noto Sans KR",sans-serif; }

.swiper-slide .txt h2 span { display: inline; font-size: 94px; font-family: "SCDream", "Noto Sans KR",sans-serif; }

.swiper-slide .txt.textShadow h2 { text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); }

.swiper-slide .txt p { width:55%; margin-bottom: 75px; font-size: 16px; font-weight: 300; line-height: 1.7; }

.swiper-slide .txt a { display: inline-block; width: 180px; height: 48px; line-height: 48px; font-size: 16px; color: #fff; font-weight: 600; border-radius: 6px; background: #ff8400; text-align: center; }

.swiper-slide video { width: 100%; height: 100%; background-color: black; background-position: center center; background-size: contain; -o-object-fit: cover; object-fit: cover; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.swiper-slide iframe{ width:100%; height:100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.swiper-control-wrap { position: absolute; top: 80%; right: 50%; }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { position: relative; bottom: auto; left: auto; font-size: 12px; color: #fff; }

.swiper-pagination .swiper-pagination-current { display: inline-block; width: 33px; font-size: 30px; font-weight: 600; margin-top:-15px}

.swiper-pagination .swiper-pagination-total { font-size: 18px; margin-left:3px;}

.swiper-button-wrap { width: 100%; padding-left: 5px; margin-top: 20px; overflow: hidden; }

.swiper-button-next, .swiper-button-prev { display: inline-block; position: relative; top: 0; width: 11px; height: 18px; padding: 2px; margin-top: 0; background-size: 11px 18px; -webkit-box-sizing: content-box; box-sizing: content-box; }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next { float: left; background-image: url("/common/ko/img/common/left_btn_white.png"); left: 0; }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev { float: right; background-image: url("/common/ko/img/common/right_btn_white.png"); right: 0; }

.swiper-control-wrap.on .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-control-wrap.on .swiper-pagination-custom, .swiper-control-wrap.on .swiper-pagination-fraction { color: #222; }

.swiper-control-wrap.on .swiper-button-prev, .swiper-control-wrap.on .swiper-container-rtl .swiper-button-next { background-image: url("/common/ko/img/common/left_arrow_black.png"); }

.swiper-control-wrap.on .swiper-button-next, .swiper-control-wrap.on .swiper-container-rtl .swiper-button-prev { background-image: url("/common/ko/img/common/right_arrow_black.png"); }

/*
#section1 ul { height: 100%; min-height: 400px; overflow: hidden; }

#section1 ul li { float: left; width: 33.33%; height: 100%; position: relative; }

#section1 ul li:first-of-type { background: url("/common/ko/img/main/section1_img01.jpg") center center no-repeat; background-size: cover; }

#section1 ul li:nth-of-type(2) { background: url("/common/ko/img/main/section1_img02.jpg") center center no-repeat; background-size: cover; }

#section1 ul li:last-of-type { background: url("/common/ko/img/main/section1_img03.jpg") center center no-repeat; background-size: cover; }

#section1 ul li .txt_wrap { width: 100%; height: 100%; position: absolute; top: 0; left: 0; text-align: center; background: rgba(0, 0, 0, 0.6); -webkit-transition: all .3s; transition: all .3s; }

#section1 ul li .txt_wrap .txt { width: 100%; position: absolute; top: calc(50% + 50px); left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #fff; }

#section1 ul li .txt_wrap .txt img { width: 98px; margin-bottom: 30px; }

#section1 ul li .txt_wrap .txt p { margin-bottom: 25px; font-size: 40px; font-weight: 500; }

#section1 ul li .txt_wrap .txt span { display: block; font-size: 16px; font-weight: 300; color: rgba(255, 255, 255, 0.7); line-height: 1.7; }

#section1 ul li .txt_wrap .txt a { width: 180px; height: 48px; line-height: 48px; font-size: 16px; color: #ff8400; font-weight: 600; border-radius: 6px; background: #fff; text-align: center; display: none; }

#section1 ul li:hover .txt_wrap { background: rgba(255, 114, 0, 0.75); }

#section1 ul li:hover .txt_wrap .txt span { margin-bottom: 55px; }

#section1 ul li:hover .txt_wrap .txt a { display: inline-block; }

*/




@media all and (max-width:1500px){
.header dd.search_icon img{display:none; }
.pc_layout .header > ul { display: inline-block; width:auto; float:right; vertical-align: middle;}
.pc_layout .header h1 a {margin-top:25px;}
.pc_layout .header > ul > li > a {padding:0 5px}

}