@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;900&display=swap');

* {margin:0; padding:0; outline:none !important; }
html {font-size:0;}
h1,h2,h3,h4,h5,h6,p,a,button,span,strong,ul,li,td,th,div,input,textarea { line-height:1; font-family:'Poppins','Noto Sans KR', sans-serif; color:#222; }
button {outline:none; background:none; border:0; cursor:pointer; }
ol, ul {list-style: none;}
a {color:#000; text-decoration:none; transition:all .3s;}
table{ width:100%; border-collapse:collapse;}

body,html { height:100%;}

.dp_table {display:table; width:100%; height:100%; }
.dp_table > * {display: table-cell; width: 100%; height: 100%; vertical-align:middle; }


/* popup */
.popup_wrap {
	position: absolute;
	max-width: calc(100% - 30px);
	z-index: 999;
}
.popup_cont img {
	max-width: 100%;
}
.popup_btn {
	display: flex;
	padding: 0;
    background: #000;
    color: #fff;
    position: relative;
}
.popup_btn .close_btn {
	margin-left: auto;
	padding: 10px;
	color:#fff;
	background: #393939;
}


/*.contDown { animation: contDown .7s linear forwards; }*/

.top_head{ height:100px; padding-left:50px; position:fixed; left:0; right:0; top:0; z-index:10; border-bottom:1px solid rgba(0,0,0,.06); }
.top_head:hover { background:#fff; }
.top_head h1 { display:inline-block; vertical-align: top; padding-top: 35px;}
.top_head h1 a { display:block; }
.top_head h1 .logo_bk { display:none; }
.gnb { display:inline-block; height:100%; padding-left:120px; }
.gnb_1dep > li { display:inline-block; padding:0 30px; height:100%; }
.gnb_1dep > li > a { font-size:18px; font-weight:500; color:#222; text-align:center; line-height:100px; height:100%; display:block; }

.gnb_2dep { display:none; position:absolute; top:100px; left:0; right:0; height:280px; overflow:hidden; }
/*.gnb_2dep.on { height:280px; }*/
.gnb_2dep > div { display:inline-block; height:100%; vertical-align:top; }
.gnb_2dep_left { width:640px; text-align:right; background:#578350;  }
.gnb_2dep_txt { display:inline-block; padding-right:50px; padding-top:50px; text-align:left; min-width:280px; }
.gnb_2dep_txt strong { font-size:32px; font-weight:500; color:#fff; }
.gnb_2dep_txt p { font-size:18px; line-height:1.56; font-weight:500; color:#fff; padding-top:30px; }
.gnb_2dep_right { width:calc(100% - 640px); background:#fff; }
.gnb_2dep_right ul { padding:50px; margin:0 -10px; max-width:900px; }
.gnb_2dep_right li { display:inline-block; width:295px; height:65px; box-sizing:border-box; padding:0 10px; padding-bottom:20px; }
.gnb_2dep_right li a { display:block; padding:0 10px; font-size:18px; font-weight:500; text-align:center; line-height:43px; border:1px solid #787878; color:#787878; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gnb_2dep_right li a:hover { background:#55B445; color:#fff; border-color:#55B445;  }

/*
.gnb_2dep { display:none; position:absolute; top:100px; left:0; right:0; background:#F2F4F5; }
.gnb_2dep ul { padding-left:380px; }
.gnb_2dep li { display:inline-block; padding:25px 17px; }
.gnb_2dep a { font-size:15px; font-weight:300; color:#555; line-height:1.47; display:block; }
.gnb_2dep a:hover { color:#55B445; }
.gnb_2dep.on { display:block; }
*/

.ham { float:right; width:24px; height:100%; margin-right:50px; vertical-align:middle; font-size:0; }
.ham_box { height:20px; display:block; margin:0 auto; }
.ham_box >span { width:100%; display:inline-block; background:#222; height:2px; position:relative; }
.ham_box >span:after { content:""; width:11px; height:2px; background:#55B445; position:absolute; left:0; top:0; }
.ham_box >span.ham2:after { width:7px; }
.ham_box >span.ham3:after { width:3px; }
.ham_box >span.ham2 { margin:7px 0; }

.ham_menu { display: none; position:fixed; top:0; left:0; right:0; bottom:0; background:#fff; text-align:right; }
.ham_menu.active { display:block; z-index:10; }
.ham_logo { position:absolute; left:50px; padding-top:35px; }
.ham_logo a { padding-top:}
.ham_close { width:19px; height:19px; background:url(../images/ham_close.png)left top no-repeat; position:absolute; right:50px; top:40px; text-indent:-9999px; }
.ham_lang { text-align:left; float:right; padding-top:34px; padding-right:125px; }
.ham_lang li { display:inline-block; width:100px; height:32px; background:url(../images/lang_bg_gr.png)left top no-repeat; margin:0 7px; position:relative; }
.ham_lang li a { font-size:13px; display:block; line-height:32px; background:url(../images/lang_arr_gr.png)right 12px center no-repeat; padding-left:12px; color:#55B445; position:relative; }
.ham_lang li:hover { background-image:url(../images/lang_bg_ov_gr.png); }
.ham_lang li:hover a { background-image:url(../images/lang_arr_wh.png); color:#fff; }

.ham_lang .lang_slide { display:none; }
.ham_menu .lang_slide { display:none; position:absolute; top:32px; left:0; right:0; z-index:1; }
.ham_menu .lang_slide ul { background:#55B445;}
.ham_menu .lang_slide li { background:none; width:100%; height:auto; margin:0; }
.ham_menu .lang_slide li a { font-size:12px; line-height:1.4; color:#fff; padding-left:0; background:none; padding:10px; font-weight:300; }
.ham_menu .lang_slide li:hover >a { font-weight:bold; }

.ham_dep_wrap { max-width:1340px; margin:0 auto; padding-top:140px; }
.ham_dep_wrap>ul { margin:0 -30px; }
.ham_dep_wrap>ul>li { display:inline-block; width:25%; box-sizing:border-box; padding:0 30px; vertical-align:top; text-align:left; }
.ham_menu_1dep >a { display:block; font-size:18px; font-weight:bold; color:#111; padding-bottom:16px; border-bottom:1px solid #111; padding-left:18px; position:relative; }
.ham_menu_1dep >a:before { content: ""; width: 14px; height: 3px; border-radius: 2px; transform: rotate(-45deg); background: #55B445; position: absolute; left: 0; top: 10px; }
.ham_menu_1dep >a.ham_1dep_m { display:none; }
.ham_menu_right li+li { padding-top:140px; }
.ham_menu_2dep { padding-top:15px; }
.ham_menu_2dep li { padding:15px 0; }
.ham_menu_2dep li a { display:block; font-size:16px; line-height:1.5; font-weight:bold; color:#454545; }
.ham_menu_2dep li a:hover { color:#55B445; }

.ham_menu_3dep { padding-top:10px; display:none; }
.ham_menu_3dep ul { background:#f0f0f0; padding-top:10px; padding-bottom:10px; }
.ham_menu_3dep li { position:relative; padding:5px 0; padding-left:20px; }
.ham_menu_3dep li:before { content:""; width:4px; height:4px; border-radius:50%; background:#252525; position:absolute; left:8px; top:13px; }
.ham_menu_3dep li a { font-size:14px; font-weight:300; line-height:1.7; color:#252525; }

/*햄버거메뉴 내 카탈로그 수정 start */
.ham_lang li.catalog { width:150px; background-image:url(../images/lang_bg_gr_ct.png); }
.ham_lang li.catalog:hover { width:150px; background-image:url(../images/lang_bg_gr_ov_ct.png); }
/*햄버거메뉴 내 카탈로그 수정 end */

.lang { float:right; padding-top:34px; padding-right:50px; }
.lang li { background:url(../images/lang_bg_bk.png)left top no-repeat; display:inline-block; width:100px; height:32px; box-sizing:border-box; transition:all .3s; margin:0 7px; position:relative; }
.lang li a { font-size:13px; color:#222; display:block; line-height:32px; background:url(../images/lang_arr_bk.png)right 12px center no-repeat; padding-left:12px; }
.lang li:hover { background-image:url(../images/lang_bg_ov_bk.png); }
.lang li:hover a { color:#fff; background-image:url(../images/lang_arr_wh.png); }

.lang .lang_slide { display:none; position:absolute; top:32px; left:0; right:0; }
.lang .lang_slide ul { background:#222;}
.lang .lang_slide li { background:none; width:100%; height:auto; margin:0; }
.lang .lang_slide li a { font-size:12px; line-height:1.4; color:#fff; padding-left:0; background:none; padding:10px; }
.lang_slide >ul>li:hover>a { font-weight:bold; }

/* 카탈로그 수정 메인 start */
.lang li.catalog { width:150px; background-image:url(../images/lang_bg_bk_ct.png); }
.lang li.catalog:hover { background-image:url(../images/lang_bg_bk_ov_ct.png); }
/* 카탈로그 수정 메인 end */

.fp-viewing-0 .top_head { border-color:rgba(255,255,255,.15);}
.fp-viewing-0 .top_head .gnb_1dep > li > a { color:#fff; }
.fp-viewing-0 .top_head .lang >ul>li { background-image:url('../images/lang_bg.png'); }
.fp-viewing-0 .top_head .lang >ul>li >a { background-image:url('../images/lang_arr_wh.png'); color:#fff; }
.fp-viewing-0 .top_head:hover .lang >ul>li:hover { background-image:url('../images/lang_bg_ov_bk.png'); }
.fp-viewing-0 .top_head:hover .lang >ul>li:hover >a { background-image:url('../images/lang_arr_wh.png'); color:#fff; }
.fp-viewing-0 .top_head .lang >ul>li:hover >a { background-image:url('../images/lang_arr_bk.png'); color:#222; }
.fp-viewing-0 .top_head .ham_box >span { background-color:#fff; }
.top_head h1 .logo_wh { display:none; }
.top_head h1 .logo_bk { display:block; }
.fp-viewing-0 .top_head h1 .logo_wh { display:block; }
.fp-viewing-0 .top_head h1 .logo_bk { display:none; }

.fp-viewing-0 .top_head:hover h1 .logo_wh { display:none; }
.fp-viewing-0 .top_head:hover h1 .logo_bk { display:block; }
.fp-viewing-0 .top_head:hover .gnb_1dep > li > a { color:#222; }
.fp-viewing-0 .top_head:hover .lang >ul>li { background-image:url(../images/lang_bg_bk.png); }
.fp-viewing-0 .top_head:hover .lang >ul>li >a { color:#222; }
.top_head:hover .gnb_1dep > li:hover > a { color:#55B445; }
.fp-viewing-0 .top_head:hover .lang >ul>li >a { background-image:url(../images/lang_arr_bk.png)}
.fp-viewing-0 .top_head:hover .ham_box >span { background-color:#222; }

#fp-nav.fp-left { left:45px; }
#fp-nav ul li a span, .fp-slidesNav ul li a span { background-color:#222; }
#fp-nav ul li a.active span{}
#fp-nav ul li a.active span:before{display:block; content:''; width:18px; height:18px; border:1px solid #222; position:absolute; left:50%; margin-left:-9px; top:50%; margin-top:-9px; border-radius:50%; box-sizing:border-box;}
.fp-viewing-0 #fp-nav ul li a span, .fp-viewing-0 .fp-slidesNav ul li a span { background-color:#fff; }
.fp-viewing-0 #fp-nav ul li a.active span:before { border-color:#fff; }

.fp-viewing-9 .top_head { background:#fff; }
.fp-viewing-9 .top_head h1 .logo_bk { display:block; }
.fp-viewing-9 .top_head h1 .logo_wh { display:none; }
.fp-viewing-9 .top_head .gnb_1dep > li > a { color:#222; }
.fp-viewing-9 .top_head .gnb_1dep > li > a:hover { color:#55B445; }
.fp-viewing-9 .top_head .lang li { background-image:url(../images/lang_bg_bk.png); }
.fp-viewing-9 .top_head .lang li a { color:#222; background-image:url(../images/lang_arr_bk.png); }
.fp-viewing-9 .top_head .lang li:hover { background-image:url(../images/lang_bg_ov_bk.png); } 
.fp-viewing-9 .top_head .lang li:hover a { color:#fff; background-image:url(../images/lang_arr_wh.png); }
.fp-viewing-9 .top_head .ham_box >span { background-color:#222; }

.fp-viewing-9 .top_head .lang .lang_slide li a { color:#fff; }
.fp-viewing-9 .top_head .lang .lang_slide li:hover { background:none; }
.fp-viewing-9 .top_head .lang li:hover .lang_slide a { background:none; }

/* 카탈로그 수정 start */
.fp-viewing-0 .top_head .lang >ul>li.catalog { background-image:url('../images/lang_bg_ct.png'); }
.fp-viewing-0 .top_head:hover .lang >ul>li.catalog { background-image:url('../images/lang_bg_bk_ct.png'); }
.fp-viewing-0 .top_head:hover .lang li.catalog:hover { background-image:url(../images/lang_bg_bk_ov_ct.png) }
.lang li.catalog
/* 카탈로그 수정 end */

.fp-controlArrow { display:none; }

.slick-track,.slick-list { height:100%;}

.btn_wrap_main { position:absolute; left:50%; margin-left: -670px; bottom:100px; }
.btn_wrap_main .carousel-nav { width:50px; height:50px; background:url(../images/main_arr_l.svg)left top no-repeat; }
.carousel-nav.carousel-next { background-image:url(../images/main_arr_r.svg); margin-left:20px; }
.slick_btn_stop { width:10px; background:url(../images/slide_stop_btn.svg)left center no-repeat; text-indent:-9999px; vertical-align: top; height:50px; margin-left:150px; }
.slick-counter { position:absolute; left:50%; margin-left:-500px; bottom:118px; }
.slick-counter span { font-size:15px; font-weight:bold; color:#fff; display:inline-block; padding:0 5px; }

.main_section.n2 .btn_wrap_main { margin-left:0; bottom:-60px; left:12px; width:100%; }
.main_section.n2 .btn_wrap_main .carousel-nav { background-image:url(../images/main_arr_r_gr.png); margin-left:20px; }
.main_section.n2 .carousel-nav.carousel-next { background-image:url(../images/main_arr_l_gr.svg); margin-left:0; }
.main_section.n2 .slick_btn_stop { margin-left:auto; background-image:url(../images/slide_stop_btn_bk.svg); position:absolute; right:25px; }
.main_section.n2 .slick-counter { left:auto; margin-left:0; bottom:16px; right:60px; }
.main_section.n2 .slick-counter span { color:#222; }

.main_section { height:100vh; }
.main_section.n6, .main_section.n6 .fp-tableCell{height:auto !important;}

.section_wrap { height:100%; background:url(../images/main_vs_bg1.jpg)left top no-repeat; background-size:cover; }
.section_wrap.slide_item1 { background-image:url(../images/main_vs_bg1.jpg); }
.section_wrap.slide_item2 { background-image:url(../images/main_vs_bg2.jpg); }
.section_wrap.slide_item3 { background-image:url(../images/main_vs_bg3.jpg); }
.section_wrap.slide_item4 { background-image:url(../images/main_vs_bg4.jpg); }

.sec_slide_wrap { height:100%; }
.sec_cont { max-width:1340px; margin:0 auto; }
.section_wrap h2 { font-size:64px; line-height:84px; letter-spacing:-0.07em; font-weight:500; color:#fff; padding-top:314px; }

.main_section.n1 { position:relative; }

.main_section.n2 .section_wrap { background: -moz-linear-gradient(top,  rgba(235,240,255,0.8) 0%, rgba(235,254,249,0.5) 51%, rgba(242,244,247,1) 100%); background: -webkit-linear-gradient(top,  rgba(235,240,255,0.8) 0%,rgba(235,254,249,0.5) 51%,rgba(242,244,247,1) 100%); background: linear-gradient(to bottom,  rgba(235,240,255,0.8) 0%,rgba(235,254,249,0.5) 51%,rgba(242,244,247,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccebf0ff', endColorstr='#f2f4f7',GradientType=0 ); }

h3.main_title { font-size:54px; font-weight:bold; line-height:81px; color:#252525; }
.main_section.n2{overflow:hidden;}
.main_section.n2 .sec_cont { padding-top:191px; }
.main_section.n2 .sec_cont > div { display:inline-block; width:50%; padding:0 12px; box-sizing:border-box; vertical-align:top; position:relative; float:right; }
.main_section.n2 .sec_cont > div.txt_box { float:left; }
.main_section.n2 .txt_box >p { font-size:18px; line-height:28px; letter-spacing:-0.03em; color:#777; }
.slide_2 {padding-top:103px; margin:0 -12px; }
.slide_2 li { display:inline-block; width:50%; padding:0 12px; box-sizing:border-box; }
.slide_item >div { position:relative; text-align:center; }
.slide_item p { position:absolute; font-size:18px; color:#999; font-weight:600; top:40px; width:100%; }
.slide_item img { display:inline-block; width:100%; }
.main_section.n2 .right { padding:0 24px; text-align:center; }
.main_section.n2 .right div { position:relative; }
/*.main_section.n2 .right .slick-list { box-shadow: 10px 10px 45px rgba(199, 206, 210, 0.5); }*/
.main_section.n2 .right .txt_box { position:absolute; left:0; top:60px; right:0; }
.main_section.n2 .right strong { display:inline-block; font-size:14px; font-weight:bold; color:#55B445; border:2px solid #55B445; width:auto; height:28px; line-height:26px; padding:0 10px; }
.main_section.n2 .right p { color:#252525; font-weight:bold; font-size:24px; padding-top:8px; line-height:36px; }
.main_section.n2 .right img { width:100%; }
.big_slide {}
.small_slide li { cursor:pointer; }
.small_slide li >div { border:1px solid transparent; box-sizing:border-box; transition:all .3s; }
.small_slide li:hover >div { border-color:#55B445; }
.main_section.n2 .slide_link { cursor:pointer; border:1px solid transparent; box-sizing:border-box; transition:all .3s; }
.main_section.n2 .slide_link:hover { border-color:#55B445; }


.main_section.n3 .section_wrap { background:#fff; padding:0 50px; padding-top:100px; padding-bottom:100px; box-sizing:border-box; position:relative; }
.main_section.n3 .section_wrap >div { display:inline-block; width:50%; padding:0 50px; box-sizing:border-box; vertical-align:top; }
.main_section.n3 .sec3_cont1 { padding-top:88px; }
.main_section.n3 .circle {  height:524px; padding-top:158px; box-sizing:border-box; text-align:center; position:relative; }
.main_section.n3 .circle:after { content:""; width:100%; height:100%; background:url(../images/sec3_cont1_bg.png)center top no-repeat; position:absolute; left:0; right:0; top:0; bottom:0; animation:twig 3s linear infinite; }
@keyframes twig { 100% { transform:rotate(360deg); } }
.main_section.n3 .circle strong { color:#55B445; font-size:26px; line-height:39px; font-weight:600; display:block; margin:0 auto; }
.circle_slide { padding-top:10px; }
.circle_slide li { font-size:36px; color:#333; line-height:48px; font-weight:900; letter-spacing:-0.02em; }
.circle_tab { margin:0 -5px; padding-top:88px; }
.circle_tab li { display:inline-block; width:25%; padding:0 5px; box-sizing:border-box; position:relative; }
.circle_tab li a { font-size:14px; font-weight:bold; display:block; text-align:center; line-height:28px; color:#000; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
/*.circle_tab li:after { content:""; width: calc(100% - 10px); height:3px; border:1px solid #222; position:absolute;left:0; right:0; bottom:-12px; margin:0 auto; }
.circle_tab li.on:after { background:#222; }*/

.circle_tab .slick-slide:after {content:""; width: calc(100% - 10px); height:3px; border:1px solid #222; position:absolute;left:0; right:0; bottom:-12px; margin:0 auto;}
.circle_tab .slick-slide.slick-current:after{background:#222;}
.circle_tab .slick-list{overflow: inherit;}

.main_section.n3 .right .sec3_cont2 { background:url(../images/sec3_cont2_bg.jpg)center top no-repeat; height:740px; }
.main_section.n3 .right .sec3_cont2.n2 { background-image:url(../images/sec3_cont2_bg4.jpg); }
.main_section.n3 .right .sec3_cont2.n3 { background-image:url(../images/sec3_cont2_bg3.jpg); }
.main_section.n3 .right .sec3_cont2.n4 { background-image:url(../images/sec3_cont2_bg5.jpg); }
.main_section.n3 .right .sec3_cont2 strong { font-size:90px; color:#fff; display:inline-block; padding-left:87px; padding-top:80px; position:relative; }
.main_section.n3 .right .sec3_cont2 strong:after { content:""; width:60px; height:12px; background:#fff; position:absolute; right:-80px; bottom:40px; }
.link_more_green { width:250px; height:50px; color:#fff; font-size:16px; line-height:50px; background:url(../images/sec3_link_btn.png)left top no-repeat; padding-left:25px; box-sizing:border-box; position:absolute; top:50%; left:calc(50% + 50px); transform:translate(-50%,-50%); }
.link_more_green:after { content:""; width:10px; height:8px; background:url(../images/link_btn_arr.png)right center no-repeat; position:absolute; right:25px; height:100%; }

.main_section.n3 .btn_wrap_main { margin-left:0; bottom:91px; left:0; right:0; z-index:1; }
.main_section.n3 .btn_wrap_main .carousel-nav { background-image:url(../images/main_arr_l_bk.svg); margin-left:0; }
.main_section.n3 .carousel-nav.carousel-next { background-image:url(../images/main_arr_r_bk.svg); margin-left:0; }
.main_section.n3 .slick_btn_stop { margin-left:0; background-image:url(../images/slide_stop_btn_bk.svg); margin:0 40px; }

.main_section.n4 .section_wrap { background-image:url(../images/sec4_bg.jpg); }
.sec4_cont { padding-left:15.1042%; padding-top:234px; }
.sec4_cont .title_box { max-width:1340px; }
.sec4_cont .title_box h3 { display:inline-block; }
.link_list { font-size:16px; font-weight:bold; float:right; padding-right:20px; }
.link_list span { width:30px; height:30px; background:url(../images/sec4_title_arr.png)left center no-repeat; display:inline-block; vertical-align:middle; margin-left:10px; }
.sec4_cont .sec4_slide_wrap { padding-bottom:25px; position:relative; overflow:hidden; }
/*.sec4_slide_wrap ul { margin:0 -20px; }*/
.sec4_slide_wrap li { display:inline-block; width:25%; box-sizing:border-box; margin-top:60px; transition:all .5s; }
.sec4_slide_wrap li.swiper-slide-next { margin-top:0; }
.sec4_slide_wrap li a { display:block; }
.sec4_slide_wrap .img_box { display:block; max-height:260px; overflow:hidden; }
.sec4_slide_wrap .img_box img { width:100%; }
.sec4_slide_wrap .txt_box { background:#fff; box-sizing:border-box; padding:30px; }
.sec4_slide_wrap .txt_box strong { font-size:20px; line-height:28px; letter-spacing:-0.03em; font-weight:600; display:block; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; }
.sec4_slide_wrap .txt_box p { font-size:16px; font-weight:500; line-height:28px; color:#999; padding-top:12px; }

.sec4_slide_wrap .slick-active:nth-of-type() { transform: translateY(-80px); }

.sec4_slide_wrap .slick-arrow { width:50px; height:50px; position:absolute; bottom:-25px; margin-left:-175px; left:50%; z-index:10; background:url(../images/main_arr_l_gr.svg)left top no-repeat; text-indent:-9999px; }
.sec4_slide_wrap .slick-arrow.slick-next { background-image:url('/images/main_arr_r_gr.png'); margin-left:-25px; }
.sec4_slide_wrap .slick-counter { bottom:-6px; margin-left:-99px; z-index:10; }

/*.sec4_cont .swiper-container { overflow:visible; }*/
.swiper_remote { position:absolute; left:50%; bottom:0; margin-left:-140px; ; transform:translateX(-50%); z-index:1; }
.swiper_remote .swiper-button-prev, .swiper_remote .swiper-button-next { display:inline-block; position:static; background:url(../images/main_arr_l_gr.svg)left top no-repeat; width:50px; height:50px; margin-top:0; }
.swiper_remote .swiper-button-next:after, .swiper_remote .swiper-button-prev:after { content:none; }
.swiper_remote .swiper-button-next { background-image:url(../images/main_arr_r_gr.png); margin-left:147px; }
.sec4_cont .swiper-pagination-fraction { right:0; top:0; bottom:0; width:auto; z-index:-1;}
.sec4_cont .swiper-pagination { font-size:15px; line-height:50px; font-weight:bold; }
.sec4_cont .swiper-pagination span { font-size:15px; line-height:50px; font-weight:bold; display:inline-block; }

.main_section.n5 .section_wrap { background:#fff; padding-top:214px; box-sizing:border-box; }
.main_section.n5 .sec_cont {}
.title_style1 { font-size:32px; letter-spacing:-0.05em; font-weight:400; }
.sec5_cont1 { padding-bottom:42px; }
.sec5_cont1 >div {display:inline-block; vertical-align:top; }
.sec5_cont1 .txt_box { width:23.3582%; }
.sec5_cont1 .sec5_board { width:76.6418%; }
.sec5_board li { display:inline-block; width:33.3333%; padding:0 15px; box-sizing:border-box; }
.sec5_board li a { display:block; }
.sec5_board li a h4 { font-size:20px; font-weight:500; line-height:28px; color:#000; padding-bottom:18px; border-bottom:1px solid #ddd; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.sec5_board li a .arr_green { background:url(../images/green_arr.png)left center no-repeat; width:20px; display:inline-block; height:28px; float:right; }
.sec5_board li a strong { color:#55B445; letter-spacing:-0.03em; font-weight:500; line-height:28px; display:inline-block; padding-right:12px; }
.sec5_board li a strong.sold_out { color:#888; }
.sec5_board li a p { font-size:16px; font-weight:500; line-height:28px; color:#999; padding-top:12px; }
.sec5_cont2 { height:400px; background:url(../images/sec5_bg.jpg)center top no-repeat; }
.sec5_cont2 .txt_box { text-align:center; }
.sec5_cont2 .txt_box h4 { font-size:34px; font-weight:500; letter-spacing:-0.05em; color:#fff; }
.sec5_cont2 .txt_box p { font-size:18px; letter-spacing:-0.03em; line-height:28px; color:#fff; padding-top:10px; padding-bottom:45px; padding-left:30px; padding-right:30px; }
.link_contact { width:180px; height:60px; line-height:60px; color:#fff; font-size:16px; font-weight:bold; display:inline-block; background:url(../images/link_contact.png)left top no-repeat; }
.sec5_cont3 { padding-top:20px; }
.sec5_cont3 .contact { background:#F2F4F6; height:64px; padding-left:24px; }
.sec5_cont3 .contact strong { padding-left:34px; padding-right:40px; font-size:24px; letter-spacing:-0.05em; font-weight:bold; line-height:64px; display:inline-block; background:url(../images/call_icon.png)left center no-repeat; }
.sec5_cont3 .contact ul { display:inline-block; }
.sec5_cont3 .contact li { display:inline-block; font-size:24px; font-weight:300; line-height:64px; color:#000; }
.sec5_cont3 .contact li+li:before { content:""; width:3px; height:14px; background:#999; transform:rotate(30deg); display:inline-block; margin:0 16px; }

.link_as { /*border-bottom:64px solid #55B445; border-left:35px solid transparent; height: 0; width:205px;*/ background:url(../images/link_as_bg.png)left top no-repeat; display:inline-block; vertical-align:top; float: right; color:#fff; font-size:16px; font-weight:bold; line-height:64px; width:240px; height:64px; box-sizing:border-box; padding-left:43px; }
.link_as span { background:url(../images/link_as.png)right top no-repeat; width:30px; height:30px; display:inline-block; vertical-align:middle; margin-left:27px; }

footer { background:#16181F;  padding-top:60px; padding-bottom:40px; }
.footer { max-width:1340px; margin:0 auto; }
.ft_privacy ul {}
.ft_privacy li { display:inline-block; }
.ft_privacy li+li { padding-left:20px; }
.ft_privacy li a { font-weight:500; font-size:16px; line-height:1.5; color:#fff; }
.ft_privacy li.n1 a { font-weight:900; }

.ft_address { padding-top:40px; padding-bottom:40px; }
.ft_address li { display:inline-block; color:#686A6E; font-size:14px; line-height:28px; }

.hr { display:block; height:1px; background:rgba(255,255,255,0.08); }
.copyright { padding-top:40px; font-size:12px; line-height:28px; color:#686A6E; }

.top_btn { width:50px; height:50px; position:fixed; right:30px; bottom:30px; border-radius:50%; background:url(../images/top_btn.png)center center no-repeat #2D2E34; text-indent:-9999px; opacity:0; transition:.3s; z-index:3; }
.top_btn:hover { background-color:#55B445; }
.top_btn.on { opacity:1; }

.top_btn.main { float:right; opacity:1; position:static; }


@media screen and (max-width:1700px){
    .gnb { padding-left:0; padding:0 20px; }
    .gnb_1dep > li { padding:0 20px; }
    .gnb_1dep > li > a {font-size:17px;}
    .gnb_2dep_left { width:530px; }
    .gnb_2dep_right { width:calc(100% - 530px); }
    .gnb_2dep_right ul { padding:15px; margin:0; }
    .gnb_2dep_right li { padding:10px; }
    
} /* 1600px */

@media screen and (max-width:1500px){
    .swiper_remote { margin-left:-90px; }
    .gnb_1dep > li > a {font-size:15px;}
}

@media screen and (max-width:1400px){
    .lang { display:none; }    
    .section_wrap h2 { padding-left:60px; }
    .btn_wrap_main { left:60px; margin-left:0; }
    .slick-counter { left:220px; margin-left:0; }
    .sec_cont { padding:0 40px; }
    .main_section.n2 .slick_btn_stop { margin-left:490px; }
    .main_section.n2 .btn_wrap_main { }
} /* 1400px */

@media screen and (max-width:1340px){
    .footer { padding-left:20px; padding-right:50px; }
    .ham_dep_wrap {padding-left:20px; padding-right:20px; }
} /* 1340px */

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

@media screen and (max-width:1200px){
    .top_head { position:absolute; border-color:rgba(255,255,255,.15); }
    .top_head:hover { background:initial; }
    .top_head h1 .logo_bk { display:none; }
    .top_head h1 .logo_wh { display:block; }
    .ham_box >span {background:#fff;}
    
    .main_section { height:auto; }
    .gnb { display:none; }
    .gnb_2dep { display:none; }
    
    .sec_slide_wrap { height:650px; }
    .section_wrap h2 { font-size:50px; line-height:1.3; padding-top:200px; }
    .slick-counter { bottom:100px; }
    
    .slide_2 { margin:0; }
    .slide_2.small_slide { display:none; }
    .main_section.n2 .sec_cont { padding-top:70px; padding-bottom:70px; }
    .main_section.n2 .sec_cont > div.txt_box{display:block; float:none; width:auto;}
    .main_section.n2 .sec_cont > div.big_slide { width:auto; padding-top:50px; box-sizing:content-box; float:none; display:block; padding-left:0; padding-right:0;}
    .main_section.n2 .sec_cont > div.left { width:auto; max-width:726px; display:block; text-align:center; padding:0; float:none; margin:0 auto;}
    .main_section.n2 .slick_btn_stop { position:absolute; right:0; margin-left:0; }
    .main_section.n2 .btn_wrap_main .carousel-nav { margin-left:0; }
    .main_section.n2 .carousel-nav.carousel-next { background-image: url(../images/main_arr_r_gr.svg); position:absolute; left:70px; }
    .main_section.n2 .carousel-nav.carousel-prev { background-image: url(../images/main_arr_l_gr.svg); position:absolute; left:0; }
    .main_section.n2 .slick-counter { position:static; display:inline-block; }
    .slick-counter span { line-height:50px; }
    .main_section.n2 .btn_wrap_main { position:static; display:block; width:auto; padding-top:20px; }
    .main_section.n2 .right img { width:auto; max-width:100%; margin:0 auto; }
    
    .main_section.n3 .section_wrap { padding:0; padding-top:70px; padding-bottom:70px; }
    .main_section.n3 .section_wrap >div { width:100%; }
    .main_section.n3 .sec3_cont1 { padding-top:0; }
    .main_section.n3 .circle { padding-top:50px; height:320px; }
    .main_section.n3 .circle:after { width:320px; left:50%; margin-left:-160px; background-size:cover; }
    .main_section.n3 .btn_wrap_main { bottom:50px; }
    .circle_tab { display:none; }
    .main_section.n3 .section_wrap >div.right { padding-top:50px; }
    .main_section.n3 .right .sec3_cont2 { background-position:center center; height: 500px; background-size: cover; position:relative; }
    .main_section.n3 .right .sec3_cont2 strong { position:absolute; left:50%; margin-left:-275px; padding-top:20px; padding-left:0; }
    .link_more_green { top:auto; bottom:100px; transform:none; left:calc(50% - 125px); }
    
    .sec4_cont { padding-top:70px; padding-bottom:70px; }
    .swiper_remote { margin-left:0; }
    
    .sec5_board ul { height: 87px; overflow:hidden; }
    .sec5_board li { width:50%; }
    
    .main_section.n5 .section_wrap { padding-top:70px; padding-bottom:70px; }
}/* 1200px */

@media screen and (max-width:1024px){
    .swiper_remote { margin-left:90px; }
    .swiper_remote .swiper-button-next { margin-left:90px; }
}/* 1024px */

@media screen and (max-width:940px){
    .ham_dep_wrap>ul>li { width:50%; }
}/* 940px */

@media screen and (max-width:860px){
    .sec_slide_wrap { height:550px; }
    .btn_wrap_main { bottom:50px; }
    .slick-counter { bottom:50px; }
    .section_wrap h2 { font-size:28px; padding-left:20px; }
    
    .title_style1 { font-size:28px; }
    .sec5_cont3 .contact { height:auto; text-align:center; padding-left:0; padding-top:60px; padding-bottom:70px; }
    .sec5_cont3 .contact ul { display:block; padding-top:15px; padding-bottom:25px; }
    .link_as { background:#55B445; padding-left:0; width:220px; float:none; }
    .link_as span { padding-left:0; margin-left:10px; }
    
    .sec5_cont3 .contact strong { padding-right:0; }
    
    .top_btn { width:30px; height:30px; right:20px; bottom:20px; background-image:url(../images/sub/top_btn_m.png); background-size:6px; }
}/* 860px */

@media screen and (max-width:768px){
    .sec4_cont { padding-left:20px; }
    .swiper_remote { margin-left:0; transform:none; left:0; right:20px; }
    .swiper_remote .swiper-button-next { float:right; margin-left:0; }
    
    .sec4_slide_wrap li { margin-top:0; }
    .sec4_slide_wrap li.swiper-slide-next { margin-top:0; }
    .sec4_cont .sec4_slide_wrap { padding-bottom:80px; }
    
    .sec5_cont1 .txt_box { width:100%; }
    .sec5_cont1 .sec5_board { width:100%; padding-top:15px; }
    .sec5_board ul { margin:0 -15px; }
}/* 768px */
@media screen and (max-width:640px){
    .top_head { padding-left:20px; height:70px; border-bottom:0; }
    .top_head h1 { padding-top:20px; }
    .top_head h1 img { width:150px; }
    .ham { margin-right:20px; }
    
    .section_wrap h2 { font-size:20px; }
    .main_section.n1 .btn_wrap_main { left:20px; right:20px; }
    .main_section.n1 .slick_btn_stop { float:right; }
    .main_section.n1 .slick-counter { left:auto; right:50px; }
    
    .sec_cont { padding:0 20px; }
    .main_section.n2 .sec_cont > div { padding:0;}
    h3.main_title { font-size:32px; line-height: 40px; }
    .main_section.n2 .sec_cont > div.left { text-align:right; }
    .main_section.n2 .slick-counter { padding-right:50px; }
    .main_section.n2 .right .txt_box { text-align:left; left:15px; top:15px; }
    .main_section.n2 .right strong { text-align:center; height:26px; line-height:26px; font-size:12px; }
    .main_section.n2 .right .txt_box p { float:right; padding-top:0; padding-right:15px; font-size:14px; }
    .main_section.n2 .txt_box >p { font-size:16px; }
    .main_section.n2 .sec_cont > div.big_slide { padding-top:25px; }
    .sec4_cont .title_box { padding-bottom:20px; }
    
    .main_section.n3 .section_wrap { padding-top:50px; padding-bottom:0; }
    .main_section.n3 .circle { padding-top:0; height:auto; }
    .main_section.n3 .circle:after { content:none; }
    .main_section.n3 .circle strong { font-size:18px; line-height:1; }
    .circle_slide li { font-size:24px; line-height:34px; }
    .main_section.n3 .btn_wrap_main { position:static; padding-top:20px; }
    .main_section.n3 .section_wrap >div.right { padding-left:0; padding-right:0; }
    .main_section.n3 .right .sec3_cont2 { height:300px; }
    .main_section.n3 .right .sec3_cont2 strong { font-size:50px; padding-left:20px; left:0; margin-left:0; }
    .main_section.n3 .right .sec3_cont2 strong:after { right:-45px; bottom:23px; width:35px; height:7px; }
    .link_more_green { bottom:40px; }
    
    .sec5_cont1 { padding-bottom:40px; }
    .sec5_board ul { margin:0; height:auto; overflow:visible; }
    .sec5_board li { width:100%; padding:0; padding-bottom:10px; }
    .sec5_board li a { border-bottom:1px solid #ddd; padding:5px 0; }
    .sec5_board li a h4 { display:inline-block; width:calc(100% - 115px); border-bottom:0; padding-bottom:0; font-size:16px; }
    .sec5_board li a p {float:left; width:95px; padding-top:0; }
    
    .sec5_cont2 { height:300px; background-size:cover; background-position:center center; }
    .sec5_cont2 .txt_box h4 { font-size:24px; }
    .sec5_cont2 .txt_box p { font-size:15px; line-height:22px; padding:20px 15px; }
    .sec5_cont2 .txt_box p br { display:none; }
    .link_contact { background-size:contain; width:150px; height:50px; line-height:50px; }
    .sec5_cont3 .contact { padding-top:32px; padding-bottom:35px; }
    .sec5_cont3 .contact strong { padding-right:0; font-size:20px; line-height:1; background:none; padding-left:0; }
    .sec5_cont3 .contact ul { padding-top:10px; padding-bottom:15px; }
    .sec5_cont3 .contact li { font-size:18px; line-height:1; }
    .link_as { width:180px; height:45px; line-height:45px; font-size:14px; }
    .link_as span { width:20px; height:20px; background-size:contain; }
    
    footer { padding-top:40px; padding-bottom:30px; }
    .footer { padding-right:20px; }
    .ft_privacy li a { font-size:14px; }
    .ft_privacy li+li { padding-left:14px; }
    .ft_address { padding-top:16px; padding-bottom:20px; }
    .ft_address li { font-size:12px; line-height:20px; }
    .copyright { padding-top:20px; }
    
    .ham_menu { overflow-y:auto; }
    .ham_logo { display:none; }
    .ham_lang { padding-right:0; float:none; padding-left:20px; padding-top:20px; }
    .ham_close { top:20px; right:20px; }
    .ham_dep_wrap { padding-top:30px; }
    .ham_dep_wrap>ul {margin:0; }
    .ham_dep_wrap>ul>li { width:100%; padding:0; padding-bottom:20px; }
    .ham_menu_right li+li { padding-top:0; }
    .ham_menu_right li { padding-bottom:20px; }
    .ham_menu_1dep >a { font-size:16px; border-color:#dbdbdb; position:relative; }
    .ham_menu_1dep >a:before { top:7px; }
    .ham_menu_1dep >a.ham_1dep_m { display:block; }
    .ham_menu_1dep >a.ham_1dep_pc { display:none; }
    .ham_menu_1dep >a span { width:12px; height:2px; background:#111; position:absolute; right:10px; top:8px; }
    .ham_menu_1dep >a span:after { content:""; position:absolute; width:2px; height:12px; background:#111; top:-5px; right:5px; }
    .ham_menu_2dep { display:none; padding-bottom:10px; padding-top:10px; }
    .ham_menu_2dep li { padding:10px 0; }
    .ham_menu_2dep li a { font-size:14px; font-weight:500; }
    .ham_menu_3dep {  }
    .ham_menu_3dep li { padding:7px 0; padding-left:20px; }
    .ham_menu_3dep li:before { top:16px; }
    
}/* 640px */
@media screen and (max-width:460px){
/*    .section_wrap h2 br { display:none; }*/
}