@charset "utf-8";

html, body {height:auto;}

/* Firefox */
@-moz-document url-prefix() {
}

/* Chrome & Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
}

/* Container */
#container {width:100%; height:auto; position:relative; margin-top:110px !important; box-sizing:border-box;}
section {display:block; height:auto; position:relative;}
section::after {clear:both; content:''; display:block;}

/* 메인 비주얼 슬라이드 */
section.visual_slide {position:relative; height:680px;}

section.visual_slide .ctrlbox {position:absolute; width:100%; height:60px; top:50%; z-index:1002; display:none;}
section.visual_slide .ctrlbox button {position:absolute; width:60px; height:60px; border-radius:50%; background:rgba(255,255,255,0.5); line-height:1.4; font-size:40px; color:#717171; font-family:'xeicon';}
section.visual_slide .ctrlbox button:hover {background:rgba(255,255,255,0.3); color:#414141;}
section.visual_slide .ctrlbox button.pre {left:10px; transform:translateY(-50%);}
section.visual_slide .ctrlbox button.pre::after {display:inline-block; content:'\e93d'; margin-left:-5px;}
section.visual_slide .ctrlbox button.next {right:10px; transform:translateY(-50%);}
section.visual_slide .ctrlbox button.next::after {display:inline-block; content:'\e940'; margin-right:-5px;}
section.visual_slide .ctrlbox button span {position:absolute; top:-1000px; left:-10000px; overflow:hidden; font-size:1px; text-indent:-9999px; line-height:0;}

section.visual_slide ul {width:100%; height:auto; overflow:hidden;}
section.visual_slide ul li {width:100%; height:680px; float:left; position:relative; background:#f1f1f1;}

section.visual_slide ul li dl.text_area {
	position:absolute; width:100%; left:50%; bottom:20px; padding:30px 35px; transform:translateX(-50%); box-sizing:border-box; z-index:1004; background:rgba(255, 255, 255, 0.7); text-align:left;
}
section.visual_slide ul li dl.text_area dt {font-size:2.9rem; font-weight:500; color:#2f2b4e; letter-spacing:-0.03em;}
section.visual_slide ul li dl.text_area dd {margin-top:10px; font-size:1.9rem; font-weight:400; line-height:2.4rem; letter-spacing:-1px; color:#414141;}
section.visual_slide ul li dl.text_area dd a {
	display:block; position:absolute; top:50%; right:35px; transform:translateY(-50%); width:100px; height:34px; line-height:32px; font-size:1.1rem; background:#2d475e; color:#fff; text-align:center;
}

section.visual_slide ul li .img {position:relative; width:100%; height:100%; background-repeat:no-repeat; background-size:cover;}
section.visual_slide ul li .img span {
	z-index:-1; position:absolute; top:0; left:0; display:block; width:100%; height:100%; transform:scale(1);
	filter:Alpha(opacity=20); opacity:0.2; -moz-opacity:0.2; -webkit-opacity:0.2; transform:rotate(.001deg);
}
section.visual_slide ul li[class*=slick-active].on .img span { 
	/*transform:scale(1.2);*/ filter:Alpha(opacity=100); opacity:1; -moz-opacity:1; -webkit-opacity:1;
	-webkit-transition:transform 9s ease-in 0.0s, opacity 0.9s ease-in 0.0s;
	-moz-transition:transform 9s ease-in 0.0s, opacity 0.9s ease-in 0.0s;
	-o-transition:transform 9s ease-in 0.0s, opacity 0.9s ease-in 0.0s;
	transition:transform 9s ease-in 0.0s, opacity 0.9s ease-in 0.0s;
}
/* 1920x1000 */
section.visual_slide ul li.vs_img01 {background:url(../images/main/visual_slide/vsn001.jpg) no-repeat center; background-size:cover;}
section.visual_slide ul li.vs_img02 {background:url(../images/main/visual_slide/vs_img02.jpg) no-repeat center; background-size:cover;}
section.visual_slide ul li.vs_img03 {background:url(../images/main/visual_slide/vs_img03.jpg) no-repeat center; background-size:cover;}
section.visual_slide ul li.vs_img04 {background:url(../images/main/visual_slide/vs_img04.jpg) no-repeat center; background-size:cover;}
section.visual_slide ul li.vs_img05 {background:url(../images/main/visual_slide/vs_img05.jpg) no-repeat center; background-size:cover;}

section.visual_slide ul li video {
	display:block; position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; width:auto; height:auto; transform:translate(-50%, -50%);
	filter:Alpha(opacity=15); opacity:0.15; -moz-opacity:0.15; -webkit-opacity:0.15;
}
section.visual_slide ul li[class*=slick-active].on video {
	filter:Alpha(opacity=100); opacity:1; -moz-opacity:1; -webkit-opacity:1;
	-webkit-transition:opacity 0.9s ease-in 0.0s;
	-moz-transition:opacity 0.9s ease-in 0.0s;
	-o-transition:opacity 0.9s ease-in 0.0s;
	transition:opacity 0.9s ease-in 0.0s;
}

section.visual_slide ul li .text_box {display:inline-block; position:absolute; width:100%; top:50%; left:0; transform:translateY(-50%); text-align:center; z-index:2222;}
section.visual_slide ul li .text_box span.p6px {padding:0 8px;}

section.visual_slide ul li .text_box .t-animate1 span {
	display:inline-block; font-size:1.6rem; color:#212121; font-weight:400; opacity:0; padding:0 2px;
}
section.visual_slide ul li[class*=slick-active].on .text_box .t-animate1 span {
	opacity:1;
	animation:waviy .3s calc(.1s * var(--tis1)) 1 both;
	-moz-animation:waviy .3s calc(.1s * var(--tis1)) 1 both;
	-webkit-animation:waviy .3s calc(.1s * var(--tis1)) 1 both;
	-o-animation:waviy .3s calc(.1s * var(--tis1)) 1 both;
}

section.visual_slide ul li .text_box .t-animate2 {position:relative; display:inline-block;}
section.visual_slide ul li .text_box .t-animate2::after {
	display:block; content:''; width:calc(0%); height:4px; position:absolute; left:50%; transform:translateX(-50%); background:#ff9c08; border-radius:50%; transform-origin:center; margin-top:10px;
}
section.visual_slide ul li[class*=slick-active].on .text_box .t-animate2::after {
	animation:width .9s 6.5s 1 both;
	-moz-animation:width .9s 6.5s 1 both;
	-webkit-animation:width .9s 6.5s 1 both;
	-o-animation:width .9s 6.5s 1 both;
}
section.visual_slide ul li .text_box .t-animate2 span {
	position:relative; display:inline-block; font-size:7.0rem; font-weight:300; color:#010101; padding:0 1.5px; opacity:0;
}
section.visual_slide ul li[class*=slick-active].on .text_box .t-animate2 span {
	opacity:1;
	animation:fade_left_scale .6s calc(.1s * var(--tis2)) 1 both;
	-moz-animation:fade_left_scale .6s calc(.1s * var(--tis2)) 1 both;
	-webkit-animation:fade_left_scale .6s calc(.1s * var(--tis2)) 1 both;
	-o-animation:fade_left_scale .6s calc(.1s * var(--tis2)) 1 both;
}

section.new_list {min-height:400px; height:auto; text-align:center;}
section.new_list #bbs_loadArea {display:block; width:100%; padding:30px 0 40px; list-style:none; box-sizing:border-box;}
section.new_list #bbs_loadArea::after {display:block; content:''; clear:both;}
section.new_list #bbs_loadArea ul> li.link {cursor:pointer;}
section.new_list #bbs_loadArea .tr {position:relative; float:left; width:calc(100% / 4 - 10px); margin-bottom:30px;}

section.new_list #bbs_loadArea ul {text-align:center;}
section.new_list #bbs_loadArea ul.td1 {}
section.new_list #bbs_loadArea ul.td1 li {}
section.new_list #bbs_loadArea ul.td1 li.td_checkbox {position:absolute; top:4px; left:6px; z-index:1;}

section.new_list #bbs_loadArea .tr ul.td1 li.td_num {
	font-size:0; background-position:center !important; background-size:120% !important; width:100%; height:180px; box-sizing:border-box; position:relative; border:1px solid #ebebeb;
	-webkit-transition:background-size .25s ease-in;
	-moz-transition:background-size .25s ease-in;
	-o-transition:background-size .25s ease-in;
	transition:background-size .25s ease-in;
}
section.new_list #bbs_loadArea .tr:hover ul.td1 li.td_num {
	background-size:140% !important;
	-webkit-transition:background-size .25s ease-in;
	-moz-transition:background-size .25s ease-in;
	-o-transition:background-size .25s ease-in;
	transition:background-size .25s ease-in;
}
section.new_list #bbs_loadArea .tr ul.td1 li.td_num::before {
	display:block; content:''; width:100%; height:180px; background-color:#000; position:absolute; opacity:0; z-index:1;
	-webkit-transition:opacity .25s ease-in;
	-moz-transition:opacity .25s ease-in;
	-o-transition:opacity .25s ease-in;
	transition:opacity .25s ease-in;
}
section.new_list #bbs_loadArea .tr:hover ul.td1 li.td_num::before {
	opacity:0.7;
	-webkit-transition:opacity .25s ease-in;
	-moz-transition:bopacity .25s ease-in;
	-o-transition:opacity .25s ease-in;
	transition:opacity .25s ease-in;
}
section.new_list #bbs_loadArea .tr ul.td1 li.td_num::after {
	display:inline-block; content:'\2573'; font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:2.0rem; position:absolute; top:20px; right:22px; opacity:0; transform:rotate(45deg); z-index:1;
	-webkit-transition:opacity .25s ease-in;
	-moz-transition:bopacity .25s ease-in;
	-o-transition:opacity .25s ease-in;
	transition:opacity .25s ease-in;
}
section.new_list #bbs_loadArea .tr:hover ul.td1 li.td_num::after {
	opacity:1;
	-webkit-transition:opacity .25s ease-in;
	-moz-transition:bopacity .25s ease-in;
	-o-transition:opacity .25s ease-in;
	transition:opacity .25s ease-in;
}
section.new_list #bbs_loadArea .tr ul.td2 {
	position:absolute; display:block; width:100%; left:0; top:50%; transform:translateY(-50%); opacity:0; color:#fff; z-index:2; text-align:center; margin-top:-10px;
	transition:opacity 0.2s ease-in;
	-webkit-transition:opacity .2s ease-in;
	-moz-transition:bopacity .2s ease-in;
	-o-transition:opacity .2s ease-in;
	transition:opacity .2s ease-in;
}
section.new_list #bbs_loadArea .tr:hover ul.td2 {
	opacity:1;
	-webkit-transition:opacity .2s ease-in;
	-moz-transition:bopacity .2s ease-in;
	-o-transition:opacity .2s ease-in;
	transition:opacity .2s ease-in;
}

section.new_list #bbs_loadArea .tr ul.td2 li {display:inline-block; vertical-align:middle;}
section.new_list #bbs_loadArea .tr ul.td2 li.td_category {font-size:1.2rem; font-weight:500; display:block;}
section.new_list #bbs_loadArea .tr ul.td2 li.td_category::before {width:3px; display:inline-block; content:'['; margin-right:2px;}
section.new_list #bbs_loadArea .tr ul.td2 li.td_category::after {width:3px; display:inline-block; content:']'; margin-left:2px;}
section.new_list #bbs_loadArea .tr ul.td2 li.td_title {width:calc(100%); margin-top:6px; font-size:1.4rem; font-weight:400; letter-spacing:-1px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
section.new_list #bbs_loadArea .tr ul.td3 {display:none;}
section.new_list #bbs_loadArea .tr .item_title {text-align:center; margin-top:12px;}
section.new_list #bbs_loadArea .tr .item_title a {color:#111; font-size:1.5rem;}

section.new_list button.list_more {
	margin:0 0 40px; display:inline-block; width:100px; height:32px; padding-right:8px; font-size:1.2rem; font-weight:400; border:1px solid #d2d2d2;
}
section.new_list button.list_more:hover {
	background:#222; border:1px solid #222; color:#fff;
	-webkit-transition:all .3s cubic-bezier(.25, .46, .45, 1);
    -moz-transition:all .3s cubic-bezier(.25, .46, .45, 1);
    -o-transition:all .3s cubic-bezier(.25, .46, .45, 1);
    transition:all .3s cubic-bezier(.25, .46, .45, 1);
}
section.new_list button.list_more i {font-size:1.6rem; margin-top:-2px;}


/* Container End */

@media screen and (max-width:1920px) {
}
@media screen and (max-width:1680px) {
}
@media screen and (max-width:1440px) {
}
@media screen and (max-width:1366px) {
}
@media screen and (max-width:1280px) {
	section.visual_slide ul li .text_box .t-animate1 span {font-size:1.4rem;}
	section.visual_slide ul li .text_box .t-animate2 span {font-size:6.0rem;}
}
@media screen and (max-width:1152px) {
	section.new_list #bbs_loadArea .tr {width:calc(100% / 2 - 10px); margin-bottom:35px;}
	section.new_list #bbs_loadArea .tr ul.td1 li.td_num,
	section.new_list #bbs_loadArea .tr ul.td1 li.td_num::before {height:260px;}
}
@media screen and (max-width:1024px) {
	section.visual_slide ul li .text_box .t-animate1 span {font-size:1.35rem;}
	section.visual_slide ul li .text_box .t-animate2 span {font-size:5.8rem;}
}
@media screen and (max-width:840px) {
	section.visual_slide,
	section.visual_slide ul li {height:600px;}
	section.visual_slide ul li .text_box .t-animate1 span {font-size:1.3rem;}
	section.visual_slide ul li .text_box .t-animate2 span {font-size:5.6rem;}

	section.new_list #bbs_loadArea .tr ul.td1 li.td_num,
	section.new_list #bbs_loadArea .tr ul.td1 li.td_num::before {height:220px;}
}
@media screen and (max-width:768px) {
	section.visual_slide,
	section.visual_slide ul li {}
	section.visual_slide ul li .text_box .t-animate1 span {font-size:1.28rem;}
	section.visual_slide ul li .text_box .t-animate2 span {font-size:5.4rem;}

	section.new_list #bbs_loadArea .tr ul.td1 li.td_num,
	section.new_list #bbs_loadArea .tr ul.td1 li.td_num::before {height:200px;}
}
@media screen and (max-width:640px) {
	section.visual_slide,
	section.visual_slide ul li {height:560px;}
	section.visual_slide ul li .text_box .t-animate1 span {font-size:1.26rem; padding:0 1px;}
	section.visual_slide ul li .text_box .t-animate2 span {font-size:5.2rem; padding:0 1px;}

	section.new_list #bbs_loadArea .tr ul.td1 li.td_num,
	section.new_list #bbs_loadArea .tr ul.td1 li.td_num::before {height:180px;}
}
@media screen and (max-width:540px) {
	section.visual_slide,
	section.visual_slide ul li {height:460px;}
	section.visual_slide ul li .text_box .t-animate1 span {font-size:1.2rem; padding:0;}
	section.visual_slide ul li .text_box .t-animate2 span {font-size:4.8rem;}
	
	section.new_list #bbs_loadArea .tr ul.td1 li.td_num,
	section.new_list #bbs_loadArea .tr ul.td1 li.td_num::before {height:140px;}
}
@media screen and (max-width:480px) {
	section.visual_slide ul li .text_box .t-animate1 span {font-size:1.1rem;}
	section.visual_slide ul li .text_box .t-animate2 span {font-size:4.4rem;}

	section.new_list {padding:0 10px;}
	section.new_list #bbs_loadArea {padding:30px 0 40px;}
	section.new_list #bbs_loadArea .tr {width:100%; margin-bottom:35px;}
	section.new_list #bbs_loadArea .tr ul.td1 li.td_num,
	section.new_list #bbs_loadArea .tr ul.td1 li.td_num::before {height:180px;}
}