@charset "utf-8";
/*───────────────────────────────────────────────────────────
	
	header, footer, main 관련 작성 css 파일입니다.

	** 이와 서브페이지 관련 css는 /css/sub.css 에 있습니다.

───────────────────────────────────────────────────────────*/


/*───────────────────────────────────────────────────────────
	layout common
───────────────────────────────────────────────────────────*/

#wrap {position:relative;height:100%;width:100%;margin:0;padding:0;} /* #header 와 #container, #footer 전체 감싸는 영역 */
#wrap #header {width:100%;margin:0;padding:0;}
#wrap #container {width:100%;margin:0;padding:0;}
#wrap #footer {width:100%;margin:0;padding:0;}
	/* #container 안의 레이아웃 */
#contents_wrap {width:1200px;margin:0 auto;padding:0;position:relative;z-index:1;box-sizing:border-box; margin-top:90px;} /* #container 안의 컨텐츠 감싸는 영역 */
#contents_wrap #side_box {width:100%;padding:5.6% 0 0 0;box-sizing:border-box;} /* lnb 감싸는 영역 */
#contents_wrap #contents_box {width:100%;padding:5.6% 0 7.2% 0;box-sizing:border-box;} /* 컨텐츠를 감싸는 영역 */
#contents_wrap #side_box + #contents_box {padding-top:0;} /* lnb와 컨텐츠가 float 일때 사이즈 재설정 */
	/* navigation layout */
#contents_wrap .nav_wrap {box-sizing:border-box;}
	/* #content */
#content {width:100%;margin:0;padding:0;text-align:left;box-sizing:border-box;} /* navigation 을 제외한 컨텐츠 */
#content .sub_content{width:100%;margin:0 auto;background:#fff;box-sizing:border-box;}
#content .sub_content:after {clear:both;content:"";display:block;}
	/* 컨텐츠 전체 가로 사이즈 */
.w_custom {width:1200px;text-align:left;margin:0 auto;padding:0;box-sizing:border-box;}

@media only screen and (max-width:1217px) {
	body.on {height:100%;overflow:hidden;}
	#contents_wrap {width:100%;padding-left:12px !important;padding-right:12px !important;}
	.w_custom{width:100%;padding-left:12px !important;padding-right:12px !important;}
}
@media only screen and (max-width:1200px) {
	
}
@media only screen and (max-width:1023px) {
	#contents_wrap #side_box {padding:4.8% 0 0 0;}
	#contents_wrap #contents_box {padding:4.8% 0 6.4% 0;}
}
@media only screen and (max-width:860px) {
	#contents_wrap #side_box {padding:4.2% 0 0 0;}
	#contents_wrap #contents_box {padding:4.2% 0 6.4% 0;}
}
@media only screen and (max-width:767px) {
	/*.w_custom {padding-left:4% !important;padding-right:4% !important;}*/
	#contents_wrap #side_box {display:none;}
}
@media only screen and (max-width:640px) {
	#contents_wrap #contents_box {padding:4.2% 0 10.4% 0;}
}
@media only screen and (max-width:479px) {
	#contents_wrap #contents_box {padding:4.2% 0 12% 0;}
}





/*───────────────────────────────────────────────────────────

	 HEADER | outline/header.html, outline/nav.html

───────────────────────────────────────────────────────────*/



.skip_nav {position:relative;z-index:9999;}
.skip_nav a {display:block;height:1px;width:1px;margin-bottom:-1px;overflow:hidden;font-size:12px;color:#fff;font-weight:bold;white-space:nowrap;text-align:center;}
.skip_nav a:focus, .skip_nav a:active {height:auto;width:100%;padding:0;margin-bottom:0;position:absolute;left:0;top:0;}

#wrap {padding-top:0px;}
#header {left:0;top:0;padding:32px 0;line-height:26px;height:90px;border:0;transition:0.3s;text-align:center;position:fixed;z-index:10;width:100%;box-sizing:border-box;font-size:0;background:rgba(0,0,0,0.6);}
#header.on {}
#header .hd_logo {left:32px;top:30px;position:absolute;z-index:10;}
#header .hd_logo img {height:26px;width:auto;}
#header .hd_lnb {top:32px;left:50%;height:26px;line-height:26px;transform:translateX(-50%);margin:0;padding:0;font-size:0;width:auto;display:block;position:absolute;vertical-align:top;text-align:center;display:inline-block;box-sizing:border-box;z-index:10;}
#header .hd_lnb li, #header .hd_lnb li a {height:26px;padding:0;line-height:26px;font-size:18px;font-weight:600;color:#fff;vertical-align:top;text-align:center;display:inline-block;box-sizing:border-box;}
#header .hd_lnb li {padding:0 40px;}
#header .hd_lnb li:nth-child(1) {padding-left:0;}
#header .hd_lnb li:last-child {padding-right:0;}
#header .hd_lnb li a {padding:0 6px;position:relative;z-index:1;}
#header .hd_lnb li a:before {display:none;}
#header .hd_lnb li:hover a:before {left:0;top:50%;width:100%;margin-top:1px;height:2px;background:#cfcfcf;z-index:-1;position:absolute;content:"";display:inline-block;}
#header .hd_gnb {top:32px;right:62px;height:26px;line-height:26px;margin:0;padding:0;font-size:0;width:auto;display:block;position:absolute;vertical-align:top;text-align:center;display:inline-block;box-sizing:border-box;z-index:10;}
#header .hd_gnb li, #header .hd_gnb li a {height:26px;line-height:26px;padding:0;font-size:14px;font-weight:400;color:#fff;vertical-align:top;text-align:center;display:inline-block;box-sizing:border-box;}
#header .hd_gnb li {}
#header .hd_gnb li a {padding:0 13px;}
#header .hd_gnb li.sns_gnb a {font-size:0;padding:0;}
#header .hd_gnb li.sns_gnb.sns_face a {width:35px;background:url("../images/skin/hd_icon_sns01.png") no-repeat 50% 50%;background-size:auto 22px;}
#header .hd_gnb li.sns_gnb.sns_insta a {width:46px;background:url("../images/skin/hd_icon_sns02.png") no-repeat 50% 50%;background-size:auto 22px;}
#header .btn_hd_cate {display:inline-block;width:32px;height:26px;line-height:26px;top:32px;right:30px;background:url("../images/skin/hd_icon_category.png") no-repeat 100% 50%;background-size:auto 100%;position:absolute;cursor:pointer;text-indent:-999px;overflow:hidden;}
#header .btn_hd_cate.on {background:url("../images/skin/hd_icon_close.png") no-repeat 50% 50%;background-size:auto 100%;}

#aside {top:0px;right:-100%;width:100%;transition:0.8s;height:100%;z-index:20;box-sizing:border-box;display:block;position:fixed;}
#aside.on {right:0%;}
#aside .aside_box {width:100%;height:100%;margin:0;padding:0;overflow-y:auto;position:relative;z-index:1;}
#aside .aside_box .aside_lnb {width:100%;max-width:1200px;padding:0;max-height:100%;box-sizing:border-box;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);vertical-align:middle;}
#aside .aside_box .aside_lnb ul.aside_menu {padding:0;margin:0;width:100%;height:100%;vertical-align:middle;margin:0 auto;box-sizing:border-box;font-size:0;text-align:center;}
#aside .aside_box .aside_lnb ul.aside_menu li {width:20%;background:none;vertical-align:top;display:inline-block;text-align:center;box-sizing:border-box;position:relative;z-index:1;}
#aside .aside_box .aside_lnb ul.aside_menu li.m_on {background:none;}
#aside .aside_box .aside_lnb ul.aside_menu li .lnb_dep1 {height:76px;line-height:26px;padding:25px 0;font-size:18px;font-weight:600;color:#fff;width:100%;display:inline-block;vertical-align:top;box-sizing:border-box;position:relative;z-index:1;}
#aside .aside_box .aside_lnb ul.aside_menu li .m_dep1 {display:none;}
#aside .aside_box .aside_lnb ul.aside_menu li .pc_dep1 {display:inline-block;}
#aside .aside_box .aside_lnb ul.aside_menu li.lnb_dep1:after {left:50%;top:76px;margin-left:-6px;width:12px;height:1px;background:#ddd;position:absolute;content:"";display:inline-block;}
#aside .aside_box .aside_lnb ul.aside_menu li ul {padding:18px 0;display:block;}
#aside .aside_box .aside_lnb ul.aside_menu li ul li {width:100%;display:inline-block;vertical-align:top;}
#aside .aside_box .aside_lnb ul.aside_menu li ul li a {line-height:22px;padding:7px 2px;font-size:14px;color:#afafaf;font-weight:400;width:auto;box-sizing:border-box;display:inline-block;vertical-align:top;position:relative;z-index:1;}
#aside .aside_box .aside_lnb ul.aside_menu li ul li a.on,
#aside .aside_box .aside_lnb ul.aside_menu li ul li a:hover {color:#fff;}
#aside .aside_box .aside_lnb ul.aside_menu li ul li a:before {display:none;}
#aside .aside_box .aside_lnb ul.aside_menu li ul li a.on:before,
#aside .aside_box .aside_lnb ul.aside_menu li ul li a:hover:before {left:50%;bottom:9px;height:1px;width:100%;transform:translateX(-50%);background:#a6a6a6;position:absolute;content:"";display:inline-block;}

#aside .close {right:30px;top:32px;width:32px;height:26px;line-height:26px;background:url('../images/common/hd_icon_close.png') no-repeat 50% 50%;background-size:auto 25px;position:absolute;display:none;overflow:hidden;text-indent:-999px;cursor:pointer;z-index:20;}
#aside.on .close {display:inline-block;}
.aside_bg {left:0px;top:0px;width:100%;height:100%;background:rgba(0,0,0,1);opacity:0;transition:0.8s;z-index:15;position:fixed;}
.aside_bg.on {opacity:0.9;}






@media only screen and (max-width:1200px) {
	#header .hd_lnb li {padding:0 15px;}	




}
@media only screen and (max-width:1023px) {
	#header .hd_lnb, #header .hd_gnb {display:none;}
}
@media only screen and (max-width:860px) {
	#wrap {padding-top:0px;}
	#header {padding:29px 0;line-height:32px;height:90px;}
	#header.on {}
	#header .hd_logo {left:2.6%;top:32px;}
	#header .hd_logo img {height:26px;}
	#header .hd_lnb, #header .hd_gnb {display:none;}
	#header .btn_hd_cate {width:32px;height:32px;line-height:32px;top:29px;right:2.6%;background:url("../images/skin/hd_icon_category.png") no-repeat 100% 50%;background-size:auto 100%;}
	#header .btn_hd_cate.on {background:url("../images/skin/hd_icon_close.png") no-repeat 50% 50%;background-size:auto 100%;}

	#aside .aside_box .aside_lnb {max-width:100%;padding:70px 2.6%;top:0;transform: translateX(-50%);}
	#aside .aside_box .aside_lnb ul.aside_menu {height:100%;overflow-y:scroll;}
	#aside .aside_box .aside_lnb ul.aside_menu li {width:100%;cursor:pointer;}

	#aside .aside_box .aside_lnb ul.aside_menu li.lnb_dep1 {background:url(../images/skin/hd_icon_plus.png) no-repeat 100% 30px;background-size:25px auto;}
	#aside .aside_box .aside_lnb ul.aside_menu li .lnb_dep1 {height:84px;line-height:38px;padding:23px 0;font-size:30px;width:auto;}
	#aside .aside_box .aside_lnb ul.aside_menu li .m_dep1 {display:block;}
	#aside .aside_box .aside_lnb ul.aside_menu li .pc_dep1 {display:none;}
	#aside .aside_box .aside_lnb ul.aside_menu li.lnb_dep1:after {left:0;top:84px;height:2px;margin-left:0;width:100%;background:#333;}
	#aside .aside_box .aside_lnb ul.aside_menu li.pc_on {}
	#aside .aside_box .aside_lnb ul.aside_menu li.m_on {background:url(../images/skin/hd_icon_minus.png) no-repeat 100% 30px;background-size:25px auto;}
	#aside .aside_box .aside_lnb ul.aside_menu li ul {padding:18px 0;display:none;}
	#aside .aside_box .aside_lnb ul.aside_menu li.m_on ul {display:block;}
	#aside .aside_box .aside_lnb ul.aside_menu li.lnb_dep1 + li.lnb_dep1 {border-top:2px #333 solid;}
	#aside .aside_box .aside_lnb ul.aside_menu li ul li a {line-height:35px;padding:15px 4px;font-size:25px;}
	#aside .aside_box .aside_lnb ul.aside_menu li ul li a:before {display:none;}
	#aside .aside_box .aside_lnb ul.aside_menu li ul li a.on:before,
	#aside .aside_box .aside_lnb ul.aside_menu li ul li a:hover:before {bottom:31px;}
	#aside .close {right:2.6%;top:29px;width:32px;height:32px;line-height:32px;background-size:auto 32px;}
}
@media only screen and (max-width:767px) {
	
}
@media only screen and (max-width:640px) {
	#wrap {padding-top:0px;}
	#header {padding:17px 0;line-height:24px;height:60px;}
	#header.on {}
	#header .hd_logo {left:4%;top:18px;}
	#header .hd_logo img {height:19px;}
	#header .hd_lnb, #header .hd_gnb {display:none;}
	#header .btn_hd_cate {width:26px;height:26px;line-height:26px;top:17px;right:4%;background:url("../images/skin/hd_icon_category.png") no-repeat 100% 50%;background-size:auto 100%;}
	#header .btn_hd_cate.on {background:url("../images/skin/hd_icon_close.png") no-repeat 50% 50%;background-size:auto 100%;}

	#aside .aside_box .aside_lnb {max-width:100%;padding:70px 4%;top:0;transform: translateX(-50%);}
	#aside .aside_box .aside_lnb ul.aside_menu {height:100%;overflow-y:scroll;}
	#aside .aside_box .aside_lnb ul.aside_menu li {width:100%;cursor:pointer;}
	#aside .aside_box .aside_lnb ul.aside_menu li.lnb_dep1 {background:url(../images/skin/hd_icon_plus.png) no-repeat 100% 18px;background-size:18px auto;}
	#aside .aside_box .aside_lnb ul.aside_menu li .lnb_dep1 {height:53px;line-height:28px;padding:12px 0;font-size:16px;width:auto;}
	#aside .aside_box .aside_lnb ul.aside_menu li .m_dep1 {display:block;}
	#aside .aside_box .aside_lnb ul.aside_menu li .pc_dep1 {display:none;}
	#aside .aside_box .aside_lnb ul.aside_menu li.lnb_dep1:after {left:0;top:53px;margin-left:0;width:100%;background:#333;}
	#aside .aside_box .aside_lnb ul.aside_menu li.pc_on {}
	#aside .aside_box .aside_lnb ul.aside_menu li.m_on {background:url(../images/skin/hd_icon_minus.png) no-repeat 100% 18px;background-size:18px auto;}
	#aside .aside_box .aside_lnb ul.aside_menu li ul {padding:16px 0;display:none;}
	#aside .aside_box .aside_lnb ul.aside_menu li.m_on ul {display:block;}
	#aside .aside_box .aside_lnb ul.aside_menu li.lnb_dep1 + li.lnb_dep1 {border-top:1px #333 solid;}
	#aside .aside_box .aside_lnb ul.aside_menu li ul li a {line-height:24px;padding:8px 2px;font-size:16px;}
	#aside .aside_box .aside_lnb ul.aside_menu li ul li a:before {display:none;}
	#aside .aside_box .aside_lnb ul.aside_menu li ul li a.on:before,
	#aside .aside_box .aside_lnb ul.aside_menu li ul li a:hover:before {bottom:9px;}

	#aside .close {right:4%;top:20px;width:26px;height:26px;line-height:26px;background-size:auto 26px;}
}
@media only screen and (max-width:479px) {

}





/*───────────────────────────────────────────────────────────

	 FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/
#footer {position:relative;font-size:0;width:100%;background:#222;box-sizing:border-box;vertical-align:top;}
#footer > .clear {width:100%;max-width:1200px;padding:36px 0;text-align:center;margin:0 auto;box-sizing:border-box;font-size:0;}
#footer .ft_cs, #footer .ft_address, #footer .ft_copy {display:inline-block;text-align:center;}
#footer .ft_cs, #footer .ft_cs strong, #footer .ft_address {font-family:'Open Sans','Nanum Barun Gothic','Nanum Gothic',dotum,sans-serif;}
#footer .ft_cs {font-size:15px;line-height:21px;height:21px;font-weight:400;color:#fff;width:100%;vertical-align:top;}
#footer .ft_cs strong {margin-left:18px;font-size:18px;line-height:21px;height:21px;font-weight:600;display:inline-block;vertical-align:top;}
#footer .ft_gnb {padding:19px 0 11px 0;text-align:center;font-size:0;}
#footer .ft_gnb li, #footer .ft_gnb li a {display:inline-block;height:19px;line-height:19px;vertical-align:top;}
#footer .ft_gnb li {padding:0 18px;}
#footer .ft_gnb li a {font-size:12px;font-weight:400;color:#ddd;}
#footer .ft_address, #footer .ft_copy {width:100%;line-height:24px;text-align:center;vertical-align:top;}
#footer .ft_address, #footer .ft_address a, #footer .ft_address strong, #footer .ft_copy {font-size:12px;color:#777;}
#footer .ft_address strong {padding-right:6px;line-height:24px;display:inline-block;vertical-align:top;font-weight:700;}
#footer .ft_address span.line {margin:0;width:26px;height:24px;vertical-align:top;display:inline-block;}
#footer .ft_address span.line.t_line_no + br,
#footer .ft_address span.line.m_line_no + br{display:none;}
#footer .ft_address span.line.pc_line_no,
#footer .ft_address span.line.pc_line_no + br,
#footer .ft_address span.line.t_line_no,
#footer .ft_address span.line.m_line_no {display:inline-block;}
#footer .ft_copy {padding:6px 0 0 0;color:#666;}


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

}
@media only screen and (max-width:860px) {
#footer {}
#footer > .clear {width:100%;max-width:100%;padding:35px 2.6%;margin:0 auto;}
#footer .ft_cs {font-size:18px;line-height:24px;height:24px;}
#footer .ft_cs strong {margin-left:18px;font-size:21px;line-height:24px;height:24px;}
#footer .ft_gnb {padding:16px 0 10px 0;}
#footer .ft_gnb li, #footer .ft_gnb li a {height:22px;line-height:22px;}
#footer .ft_gnb li {padding:0 17px;}
#footer .ft_gnb li a {font-size:16px;}
#footer .ft_address, #footer .ft_copy {width:100%;line-height:25px;}
#footer .ft_address, #footer .ft_address a, #footer .ft_address strong, #footer .ft_copy {font-size:15px;}
#footer .ft_address strong {padding-right:11px;line-height:25px;}
#footer .ft_address span.line {margin:0;width:24px;height:25px;}
#footer .ft_address span.line.pc_line_no + br,
#footer .ft_address span.line.m_line_no + br{display:none;}
#footer .ft_address span.line.t_line_no,
#footer .ft_address span.line.t_line_no + br,
#footer .ft_address span.line.pc_line_no,
#footer .ft_address span.line.m_line_no {display:inline-block;}
#footer .ft_copy {padding:4px 0 0 0;color:#666;}


}
@media only screen and (max-width:767px) {
	
}
@media only screen and (max-width:640px) {
#footer {}
#footer > .clear {width:100%;max-width:100%;padding:35px 4%;margin:0 auto;}
#footer .ft_cs {font-size:16px;line-height:23px;height:23px;}
#footer .ft_cs strong {margin-left:18px;font-size:20px;line-height:23px;height:23px;}
#footer .ft_gnb {padding:16px 0 10px 0;}
#footer .ft_gnb li, #footer .ft_gnb li a {height:22px;line-height:22px;}
#footer .ft_gnb li {padding:0 1.7%;}
#footer .ft_gnb li a {font-size:15px;}
#footer .ft_address, #footer .ft_copy {width:100%;line-height:21px;}
#footer .ft_address, #footer .ft_address a, #footer .ft_address strong, #footer .ft_copy {font-size:14px;}
#footer .ft_address strong {padding-right:10px;line-height:21px;}
#footer .ft_address span.line {margin:0;width:22px;height:21px;}
#footer .ft_address span.line.pc_line_no + br,
#footer .ft_address span.line.t_line_no + br{display:none;}
#footer .ft_address span.line.m_line_no,
#footer .ft_address span.line.m_line_no + br,
#footer .ft_address span.line.pc_line_no,
#footer .ft_address span.line.t_line_no {display:inline-block;}
#footer .ft_copy {padding:12px 0 0 0;color:#999;}

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

}




/*───────────────────────────────────────────────────────────

	 SIDE_BOX | outline/left_bbs.html｜outline/left_goods.html｜outline/left_member.html｜outline/left_service.html

───────────────────────────────────────────────────────────*/

#side_box {padding-bottom:1.8%;}
#side_box .sub_menu {width:100%;padding:0;margin:0;z-index:2;text-align:center;vertical-align:top;}
#side_box .sub_menu dl {position:relative;display:inline-block;margin:0 auto;z-index:3;font-size:0;text-align:center;vertical-align:top;padding:0;}
#side_box .sub_menu dt,
#side_box .sub_menu dd {display:inline-block;margin:0;padding:0;}
#side_box .sub_menu dt {display:none;}
#side_box .sub_menu dd {line-height:31px;height:32px;padding:0 12px;border-bottom:1px #ccc solid;position:relative;z-index:1;box-sizing:border-box;vertical-align:top;}
#side_box .sub_menu dd + dd {}
#side_box .sub_menu dd a,
#side_box .sub_menu dd strong {height:31px;line-height:31px;font-size:15px;font-weight:600;padding:0 2px;color:#888;display:inline-block;box-sizing:border-box;vertical-align:top;}
#side_box .sub_menu dd:hover a,
#side_box .sub_menu dd.on a,
#side_box .sub_menu dd strong {border-color:#333;color:#333;position:relative;}
#side_box .sub_menu dd:hover a:before,
#side_box .sub_menu dd.on a:before, 
#side_box .sub_menu dd strong:before {bottom:-1px;width:100%;height:2px;background:#333;left:50%;transform:translateX(-50%);position:absolute;content:"";display:block;}

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

}
@media only screen and (max-width:1023px) {
	
}
@media only screen and (max-width:860px) {
	#side_box .sub_menu dd {line-height:29px;height:30px;padding:0 8px;}
	#side_box .sub_menu dd a,
	#side_box .sub_menu dd strong {height:29px;line-height:29px;font-size:14px;padding:0 2px;}
}
@media only screen and (max-width:767px) {

}
@media only screen and (max-width:640px) {
	#side_box .sub_menu dd {line-height:27px;height:28px;padding:0 8px;}
	#side_box .sub_menu dd a,
	#side_box .sub_menu dd strong {height:27px;line-height:27px;font-size:14px;padding:0 2px;}
}
@media only screen and (max-width:479px) {
	#side_box {display:none;}
}





/*───────────────────────────────────────────────────────────

	 MAIN | index.html

───────────────────────────────────────────────────────────*/
/* 메인 비주얼 영역 */
.main_visual {position:relative;min-width:1200px;width:100%;margin:0;padding:0;box-sizing:border-box;z-index:1;}
#section0 {background:url(../images/skin/bnr_main_visual01.jpg) no-repeat 50% 50%;background-size:cover;}
#section1 {background:url(../images/skin/bnr_main_visual02.jpg) no-repeat 50% 50%;background-size:cover;}
#section2 {background:url(../images/skin/bnr_main_visual03.jpg) no-repeat 50% 50%;background-size:cover;}
#section3 {background:url(../images/skin/bnr_main_visual04.jpg) no-repeat 50% 50%;background-size:cover;}
#section4 {background:url(../images/skin/bnr_main_visual05.jpg) no-repeat 50% 50%;background-size:cover;}
.main_visual .visual_txt {left:50%;top:50%;width:auto;height:auto;transform:translate(-50%, -50%);z-index:5;position:absolute;text-align:center;}
.main_visual .visual_txt span,
.main_visual .visual_txt strong,
.main_visual .visual_txt p,
.main_visual .visual_txt a.visual_btn {color:#fff;display:inline-block;text-align:center;font-family:'Open Sans','Nanum Barun Gothic','Nanum Gothic',dotum,sans-serif;}
.main_visual .visual_txt span,
.main_visual .visual_txt strong,
.main_visual .visual_txt p {width:100%;}
.main_visual .visual_txt span {padding:0 0 23px 0;line-height:32px;font-size:24px;font-weight:400;}
.main_visual .visual_txt strong {line-height:64px;font-size:64px;font-weight:400;}
.main_visual .visual_txt p {padding:18px 0 58px 0;line-height:24px;font-size:16px;font-weight:400;}
.main_visual .visual_txt a.visual_btn {border:2px #fff solid;height:50px;padding:11px 0;width:120px;line-height:24px;font-size:16px;font-weight:600;-webkit-transition: all 0.3s cubic-bezier(0.78, 0.07, 0, 1);transition: all 0.3s cubic-bezier(0.78, 0.07, 0, 1);box-sizing:border-box;margin:0 auto;position:relative;z-index:1;vertical-align:top;}
.main_visual .visual_txt a.visual_btn:hover {border:2px #222 solid;}
.main_visual .visual_txt a.visual_btn:after {background:none;width:0;height:50px;left:auto;right:-2px;top:-2px;-webkit-transition: all 0.3s cubic-bezier(0.78, 0.07, 0, 1);transition: all 0.3s cubic-bezier(0.78, 0.07, 0, 1);position:absolute;display:inline-block;content:"";z-index:-1;box-sizing:border-box;}
.main_visual .visual_txt a.visual_btn:hover:after {background:#222;width:120px;left:-2px;right:auto;}

#fp-nav {z-index:5;}
#fp-nav ul li a span, .fp-slidesNav ul li a span {background:#fff;}
/* 메인 비주얼 영역 */

#fullpage .section {overflow:hidden;}



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

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

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

/* 메인 비주얼 영역 */
.main_visual {min-width:100%;}
#section0 {background:url(../images/skin/bnr_main_visual01.jpg) no-repeat 50% 50%;background-size:cover;}
#section1 {background:url(../images/skin/bnr_main_visual02.jpg) no-repeat 50% 50%;background-size:cover;}
#section2 {background:url(../images/skin/bnr_main_visual03.jpg) no-repeat 50% 50%;background-size:cover;}
#section3 {background:url(../images/skin/bnr_main_visual04.jpg) no-repeat 50% 50%;background-size:cover;}
#section4 {background:url(../images/skin/bnr_main_visual05.jpg) no-repeat 50% 50%;background-size:cover;}
.main_visual .visual_txt {left:50%;top:50%;width:84%;height:auto;transform:translate(-50%, -50%);}
.main_visual .visual_txt span, .main_visual .visual_txt p {display:none;}
.main_visual .visual_txt strong {letter-spacing:-0.6px;padding-bottom:38px;line-height:50px;font-size:50px;}
.main_visual .visual_txt a.visual_btn {border:2px #fff solid;height:44px;padding:8px 0;width:120px;line-height:24px;font-size:17px;}
.main_visual .visual_txt a.visual_btn:hover {border:2px #fff solid;}
.main_visual .visual_txt a.visual_btn:hover:after {display:none;}
}
@media only screen and (max-width:860px) {

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

}
@media only screen and (max-width:640px) {
.main_visual .visual_txt a.visual_btn:hover{border: 1px #fff solid;height: 36px;padding: 6px 0;width: 84px;line-height: 22px;font-size: 14px;}

.main_visual .visual_txt a.visual_btn:hover:after {display:none;}
.main_visual {min-width:100%;}
#section0 {background:url(../images/skin/bnr_main_visual01.jpg) no-repeat 50% 50%;background-size:cover;}
#section1 {background:url(../images/skin/bnr_main_visual02.jpg) no-repeat 50% 50%;background-size:cover;}
#section2 {background:url(../images/skin/bnr_main_visual03.jpg) no-repeat 50% 50%;background-size:cover;}
#section3 {background:url(../images/skin/bnr_main_visual04.jpg) no-repeat 50% 50%;background-size:cover;}
#section4 {background:url(../images/skin/bnr_main_visual05.jpg) no-repeat 50% 50%;background-size:cover;}
.main_visual .visual_txt {left:50%;top:50%;width:74%;height:auto;transform:translate(-50%, -50%);}
.main_visual .visual_txt span, .main_visual .visual_txt p {display:none;}
.main_visual .visual_txt strong {padding-bottom:48px;line-height:36px;font-size:36px;}
.main_visual .visual_txt a.visual_btn {border:1px #fff solid;height:36px;padding:6px 0;width:84px;line-height:22px;font-size:14px;}



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

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



/*───────────────────────────────────────────────────────────
	sub custom
───────────────────────────────────────────────────────────*/
/*** company/history (연혁) ***/
	/* 연도 */
.sub_history.history1 .history_box .his_year .year strong {background:#222;}
/* 원 */.sub_history.history1 .history_box .his_year .year::before {background-color:#222;}
/* 삼각형 */.sub_history.history1 .history_box .his_year .year strong::after {border-bottom:12px solid #222;border-color:#222 !important;}

/*** company/history2 (연혁2) ***/
	/* 연도 */
.sub_history.history2 .history_box .his_year .year strong {color:#222;}
.sub_history.history2 .history_box .his_year .year strong::before {background:#222;}
.sub_history.history2 .history_box .his_year .year strong::after {border-color:#222;}

/*** company/history3 (연혁3) ***/
	/* 연도 */
.sub_history.history3 .history_box table.history span {color:#222;}

/*** company/work (조직도1번) ***/
.sub_chart.chart1 .chart .chart_box h3 + h3 {background:#222;}