@charset "utf-8";
/* max css var.3 / date : 2020-09-03 / modify : 2020-09-28 / name : design team kohwonji - response web size - pc : (w)1280px / tablet : (w)1024px / mobile : (w)568px */
*{margin:0;padding:0}.skip,legend{position:absolute}a,abbr,address,article,aside,audio,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,header,hgroup,hr,html,i,iframe,img,ins,kbd,li,main,mark,nav,ol,output,p,pre,q,ruby,s,samp,section,small,span,strong,sub,summary,sup,tbody,td,tfoot,th,thead,time,tr,u,ul,var,video,button,input,textarea,select{padding:0;margin:0;border:0;font:inherit;vertical-align:baseline;box-sizing:border-box}
body{line-height:1;font-family:'Montserrat','Pretendard Variable','NotoKR','Malgun Gothic',sans-serif;font-size:18px;font-weight:300;color:#878e92;letter-spacing:-.04em; word-break:keep-all;-webkit-font-smoothing: antialiased;-webkit-text-size-adjus: 100%}a{text-decoration:none;color:inherit}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,hr{display:none}legend{height:0;font-size:0;line-height:0;overflow:hidden;text-indent:-20000px}address,cite,em{font-style:normal}button,label{cursor:pointer}button{border:0;background:0 0;display:inline-block;font-size:inherit;letter-spacing:-.04em;color:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}mark{background:none;color:inherit}.skip{visibility:hidden;top:0;left:0}
a:hover {color:#15489f !important;}
@media screen and (max-width: 1024px) { body {font-size:16px;} }
@media screen and (max-width: 900px) { body {font-size:15px;} }
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
/* browser_msg */
#max_browser_msg{width:100%;height:auto;background:#222;padding:15px;box-sizing:border-box;text-align:center;position:relative}#max_browser_msg p,#max_browser_msg mark{color:#fff;line-height:140%;font-size:12px;letter-spacing:0}#max_browser_msg mark{background:#f0bd41;color:#000;padding:0 5px}#max_browser_msg .bt_browser_upgrade{display:inline-block;font-size:12px;background:#fff;padding:5px 30px;margin:15px 0 0 0}#max_browser_msg .bt_close_browser{position:absolute;top:0;right:0;background:#fff;font-size:11px;padding:10px 10px}

.q_inquiry_f { border:1px solid #c8ae33;background-color:#e4cb8f;position:fixed; right:0px; bottom:10%;left:15%;margin-left:-150px; width:300px; height:355px;  z-index:9999; box-sizing:border-box; padding:23px 15px; letter-spacing:-0.06em;}
.q_inquiry_f .tit {font-size:24px; color:#141516; font-weight:500; line-height:1em; margin-bottom:7px;}
.q_inquiry_f .expl {font-size:14px; line-height:16px; color:#888; padding:10px 0px;}
.q_inquiry_f .box {width:100%; border-bottom:1px solid #c8ae33; display:table}
.q_inquiry_f .box p {display:table-cell; font-size:15px; color:#4e4e4e; text-align:center; width:35%; vertical-align:middle}
.q_inquiry_f .box input[type=text], .q_inquiry_f .box select {width:95%;display:table-cell; margin:5px 0; box-sizing:border-box; border:1px solid #ddd; height:30px; font-size:0.8em; padding-left:5px;}
.q_inquiry_f .box1 {width:100%;  font-size:0.9em; padding:10px 0}
.q_inquiry_f input[type=submit] {width:185px; height:50px; background:#141516; color:#fff; font-size:18px; border:0; margin:20px auto 0; display:block; cursor:pointer;}
.q_inquiry_f .close_bt {position:absolute; right:15px; top:28px; cursor:pointer;}

/* form */
	.max_it {display:block; height:auto; padding:10px 0; border-bottom:1px solid #d7d7d7; font:inherit; letter-spacing:-0.04em; -webkit-appearance:none; -webkit-border-radius:0;}
	.max_it:focus {border-bottom:1px solid #15489f;}
	input[type="password"] {background:url("../image/common/ico_pass_hide.png") 96% center no-repeat;}

	.max_ckit {position:relative;}
	.max_ckit input[type="checkbox"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
	.max_ckit input[type="checkbox"] + label {display:inline-block; position:relative; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; font-size:0;}
	.max_ckit input[type="checkbox"] + label:before {content:''; display:inline-block; width:1.778em; height:1.778em; line-height:1.778em; margin:-2px 8px 0 0; text-align:center; vertical-align:middle; background:url("../image/common/ico_check.svg") center no-repeat #d7d7d7; background-size:16px; border-radius:100%; box-sizing:border-box;}
	.max_ckit input[type="checkbox"]:checked + label:before {background-color:#15489f;}
	.max_ckit.ckit_label input[type="checkbox"] + label {font-size:1em;}

	.max_radio {display:inline-block; position:relative; line-height:24px;}
	.max_radio input[type="radio"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
	.max_radio input[type="radio"] + label {display:inline-block; position:relative; padding-left:30px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;}
	.max_radio input[type="radio"] + label:before {content:''; position:absolute; top:0; left:0; width:20px; height:20px; text-align:center; background:#fff; border:1px solid #d7d7d7; border-radius:100%;}
	.max_radio input[type="radio"]:checked + label:before {background:#fff; border:1px solid #15489f;}
	.max_radio input[type="radio"]:checked + label:after {content:''; position:absolute; top:6px; left:6px; width:10px; height:10px; background:#15489f; border-radius:100%;}

	.max_tta {width:100%; height:auto; border-bottom:2px solid #d7d7d7; margin-top:16px; line-height:1.6;}
	.max_tta:focus {border-bottom:2px solid #1dac6a;}
	/* selectbox */
	.max_select {width:auto; height:2.944em; padding:0 10px; background:url("../image/common/ico_select.png") 96% 50% #fff no-repeat; background-size:8px; border-bottom:1px solid #d7d7d7; border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; box-sizing:border-box; letter-spacing:-1px; font-size:inherit;}
	.max_select::-ms-expand {display:none;}
	.max_select:focus {border-bottom:1px solid #15489f;}

/* icon */
	.max-ico {display:block; position:relative; /* overflow:hidden; */}
	.max-ico:before, .max-ico:after {content:''; display:block; position:absolute; box-sizing:border-box;}

	.i-sch {width:32px; height:32px;}
	.i-sch:before {width:20px; height:20px; border:2px solid currentColor; border-radius:100%; top:4px; left:4px;}
	.i-sch:after {width:2px; height:8px; background-color:currentColor; transform:rotate(-45deg); top:19px; left:22px;}

	.i-file {width:32px; height:32px; background:url("../image/board/ico_file.svg") center no-repeat; background-size:20px; font-size:0;}

	.i-arrow {width:64px; height:64px;}
	.i-arrow:before {width:40px; height:40px; border:1px solid currentColor; border-left-width:0; border-top-width:0; transform:rotate(-45deg); bottom:11px; left:0;}

	.i-menu {width:32px; height:32px;}
	.i-menu:before {width:24px; height:4px; background:currentColor; top:6px; left:4px; box-shadow:0 15px currentColor;}

	.i-plus {width:16px; height:16px;}
	.i-plus:before, .i-plus:after {width:100%; height:2px; background:currentColor; top:7px; left:0;}
	.i-plus:after {width:2px; height:100%; top:0; left:7px;}

	.i-close {width:32px; height:32px;}
	.i-close:before, .i-close:after {width:24px; height:2px; background:currentColor; top:16px; left:4px; transform:rotate(-45deg);}
	.i-close:after {transform:rotate(45deg);}

	.i-more {width:32px; height:32px;}
	.i-more:before {width:9px; height:9px; border:2px solid currentColor; border-left-width:0; border-bottom-width:0; transform:rotate(45deg); top:12px; right:4px;}
	.i-more:after {width:25px; height:2px; background-color:currentColor; top:16px; left:4px;}

/* link */
.bt-lnk {display:inline-block; width:11.111em; padding:1em 0; margin:0 .2em; font-weight:500; border:1px solid; border-left:none; border-right:none; position:relative; z-index:1;}
.bt-lnk:before {content:''; display:block; width:0; height:100%; position:absolute; top:0; left:0; z-index:-1; transition:width .3s;}
.bt-lnk:hover {color:#fff !important;}
.bt-lnk:hover:before {width:100%;}
.bt-lnk.skyblue {color:#009ade; border-color:#009ade;}
.bt-lnk.skyblue:before {background-color:#009ade;}
.bt-lnk.blue {color:#15489f; border-color:#15489f;}
.bt-lnk.blue:before {background-color:#15489f;}
.bt-lnk.black {color:#231f20; border-color:#231f20;}
.bt-lnk.black:before {background-color:#231f20;}
.bt-lnk.white {color:#fff; border-color:#fff;}
.bt-lnk.white:before {background-color:#fff;}
.bt-lnk.white:hover {color:#15489f !important;}
@media screen and (max-width: 900px) { .bt-lnk {width:8em;} }

.tab-wrap {border:1px solid #e1e1e1; border-left:none; border-right:none; position:relative;}
.tab-wrap .tab {display:flex; flex-wrap:wrap; text-align:center; position:relative;}
.tab-wrap .tab li {position:relative; font-weight:500; color:#adb6bc;}
.tab-wrap .tab li:not(:nth-child(1)):before {content:''; display:block; width:6px; height:6px; border-radius:100%; background-color:#e6e9eb; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.tab-wrap .tab li button, .tab-wrap .tab li a {display:block; width:100%; height:3.556em; line-height:3.556em; outline:none;}
.tab-wrap .tab li .active {height:3.667em; color:#15489f; border:1px solid #15489f; border-left:none; border-right:none; position:absolute; top:-1px; left:0; z-index:1;}

@media screen and (max-width: 568px) {
	.tab-wrap:after {content:''; display:block; width:100%; height:1px; background-color:#e1e1e1; position:absolute; top:50%; left:0; transform:translateY(-50%);}
	.tab-wrap .tab li {width:50%;}
	.tab-wrap .tab li:nth-child(odd):before {display:none;}
}

/* layout */
#max_wrap {width:100%; min-width:320px;}
#max_header {width:100%; height:auto; position:absolute; top:0; left:0; z-index:9;}
#max_container {width:100%; height:auto;}
#max_footer {width:100%; height:auto; position:relative; background-color:#2f2b2c;}

/* header */
.logo {width:230px; height:36px; position:absolute; top:2.778em; left:2.778em; z-index:11;}
.logo a {display:block; width:100%; height:100%; background:url("../image/common/logo_pc_w.png") center / cover no-repeat; font-size:0;}

.nav-wrap {width:82.8125%; height:auto; color:#fff;}
	.nav-wrap nav {width:100%; height:auto; position:absolute; top:2.778em; right:5.556em; z-index:10; font-weight:500; text-align:right;}
	.nav-wrap nav > ul {position:relative;}
	.nav-wrap nav > ul > li {display:inline-block;}
	.nav-wrap nav > ul > li > a {display:block; padding:.5em 0; margin:0 .75em;}
	.nav-wrap nav > ul > li > .adm_color{display:block; padding:.5em 0; margin:0 .75em; color:#15489f; border:1px solid #15489f; background-color:#fff; padding:4px 10px 4px 10px; border-radius:10%;}
	.nav-wrap nav > ul > li > .adm_color:hover {color:#fff; background-color:#15489f; border:1px solid #15489f;} 
	.nav-wrap nav > ul > li > a:hover {color:#fff !important; border-bottom:1px solid #fff;}
	.nav-wrap nav > ul > li > .active { border-bottom:1px solid #15489f; color:#15489f;}

	.nav-wrap nav .snb {display:none; position:absolute; top:30px; padding-top:15px; right:0; /* display:flex; */ font-weight:400; font-size:.944em; color:#878e92;}
	.nav-wrap nav .snb:before {content:''; display:block; width:6px; height:6px; border-radius:100%; margin:0 auto 6px; background-color:currentColor; opacity:0;}
	.nav-wrap nav .snb li {}
	.nav-wrap nav .snb li a {display:block; padding:.5em .75em;}
	.nav-wrap nav .snb li a:before {content:''; display:block; width:6px; height:6px; border-radius:100%; margin:0 auto 6px; background-color:currentColor; opacity:0;}
	.nav-wrap nav .snb li .active {color:#009ade;}
	.nav-wrap nav .snb li .active:before {opacity:1;}

	.nav-wrap nav .depth1 .btn_pc_dep1.active .snb {display:flex;}

	.nav-wrap .bt-menu {position:absolute; top:2.778em; right:2.778em; z-index:10; outline:none;}
	.nav-wrap .bt-menu .max-ico {font-size:0;}
	.nav-wrap .bt-menu .i-close:before,
	.nav-wrap .bt-menu .i-close:after {height:4px;}

	/* .i-close {width:32px; height:32px;}
	.i-close:before, .i-close:after {width:24px; height:2px; background:currentColor; top:16px; left:4px; transform:rotate(-45deg);}
	.i-close:after {transform:rotate(45deg);} */


	@media screen and (max-width: 900px) {
		.logo {width:160px; height:25px; top:1.5em; left:1.5em;}
		.logo a {background-image:url("../image/common/logo_mo_w.png");}
		.nav-wrap nav {display:none;}
		.nav-wrap .bt-menu {top:1.3em; right:1.5em;}
	}

/* sub header */
.sub-header {position:static !important;}
.sub-header .logo a {background:url("../image/common/logo_pc.png") center / cover no-repeat;}
.sub-header .nav-wrap {color:#231f20;}
.sub-header .nav-wrap nav > ul > li > .adm_color{display:block; padding:.5em 0; margin:0 .75em; color:#15489f; border:1px solid #15489f; background-color:#fff; padding:4px 10px 4px 10px; border-radius:10%;}
.sub-header	.nav-wrap nav > ul > li > .adm_color:hover {color:#fff !important;; background-color:#15489f; border:1px solid #15489f;} 
.sub-header .nav-wrap nav > ul > li > a:hover {color:#15489f !important; border-bottom:1px solid #15489f;}


@media screen and (max-width: 900px) {
	.sub-header {border-bottom:1px solid #e1e1e1; height:5em !important;}
	.sub-header .logo a {background-image:url("../image/common/logo_mo.png");}
}

/* sub header - product */
.product .logo a {background-image:url("../image/common/logo_pc_w.png");}
.product .nav-wrap {color:#fff;}
.product .nav-wrap nav > ul > li > a:hover {color:#fff !important; border-bottom:1px solid #fff;}
.product .nav-wrap nav > ul > li > .active {border-bottom:1px solid #fff; color:#fff;}
.product .nav-wrap nav .snb {color:#fff;}
.product .nav-wrap nav .snb li a:hover {color:#009ade !important;}
.product .nav-wrap nav .snb li .active {color:#fff;}

@media screen and (max-width: 900px) {
	.sub-header.product {position:absolute !important; border-bottom:none;}
}

/* header : full menu click */
#max_header.cate_layer_on .logo {position:fixed;}
#max_header.cate_layer_on .logo a {background:url("../image/common/logo_pc.png") center / cover no-repeat;}
#max_header.cate_layer_on .nav-wrap {color:#231f20;}
#max_header.cate_layer_on .nav-wrap nav {display:none;}
#max_header.cate_layer_on .nav-wrap .bt-menu {position:fixed;}

/* header : full menu */
.lnb-full {width:100%; height:100%; background-color:#fff; position:fixed; top:0; left:0; z-index:9; display:flex; align-items:center;}
.lnb-full .inner {width:inherit; max-width:1280px; height:auto; margin:0 auto;}
.lnb-full .inner .depth-1 {width:100%; height:auto; display:flex; flex-wrap:wrap;}
.lnb-full .inner .depth-1 > li {width:25%; font-weight:400; font-size:1.111em; padding:0 2.4em; border-left:1px solid #eee;}
.lnb-full .inner .depth-1 > li:nth-child(4) {border-right:1px solid #eee;}
.lnb-full .inner .depth-1 > li > .depth1-lnk {display:block; font-weight:700; font-size:1.4em; color:#231f20; position:relative;}
.lnb-full .inner .depth-1 > li > .depth1-lnk .i-arrow {display:none; width:32px; height:32px; position:absolute; top:0; right:0; transform:rotate(90deg); color:#797979;}
.lnb-full .inner .depth-1 > li > .depth1-lnk .i-arrow:before {width:16px; height:16px; bottom:8px;}
.lnb-full .inner .depth-2 {width:100%; height:auto; margin-top:.8em;}
.lnb-full .inner .depth-2 > li {}
.lnb-full .inner .depth-2 > li > a {display:block; padding:.8em 0;}
.lnb-full .inner .depth-2 > li > a .max-ico {display:inline-block; vertical-align:middle; margin:-1px 0 0 8px;}
.lnb-full .inner .depth-3 {width:100%; height:auto; padding:.8em .8em; font-size:.9em; background-color:#f7f7f7;}
.lnb-full .inner .depth-3 li {}
.lnb-full .inner .depth-3 li:before {content:''; display:inline-block; vertical-align:middle; width:10px; height:2px; margin:-4px 8px 0 0; background-color:currentColor;}
.lnb-full .inner .depth-3 li a {display:inline-block; padding:.2em 0;}
@media screen and (max-width: 900px) {
	.lnb-full {display:block;}
	.lnb-full .inner {padding-top:4em; height:100%; overflow-y:scroll;}
	.lnb-full .inner .depth-1 {display:block;}
	.lnb-full .inner .depth-1 > li {width:100%; padding:2.4em 1.5em; border-bottom:1px solid #eee;}
	.lnb-full .inner .depth-1 > li > .depth1-lnk .i-arrow {display:block;}
	.lnb-full .inner .depth-2 {display:none;}
	.lnb-full .inner .depth-2 > li {display:inline-block; vertical-align:top; width:48%; margin:0 .5%;}
}

/* quick */
#max_quick {width:64px; height:auto; position:fixed; bottom:64px; right:50px; z-index:8; text-align:center;}
#max_quick .floating {width:100%; height:auto;}
#max_quick .floating li {margin-top:8px; position:relative;}
#max_quick .floating li a {display:block; width:100%; height:64px; padding:16px 0; border-radius:100%; font-weight:700; font-size:.833em; letter-spacing:0; color:#fff; background-color:#009ade; /* background-position:center; background-repeat:no-repeat; */}
#max_quick .floating li a:hover {color:#fff !important;}
#max_quick .floating li:nth-child(1) a {background-color:#15489f;}
#max_quick .floating li:nth-child(4) a {background-color:#15489f;}


/* #max_quick .floating li .tool-tip {display:none; width:177px; height:auto; padding:16px; border-radius:3px; position:absolute; top:-60px; right:0; background-color:#009ade; color:#fff; font-size:15px; text-align:left;}
#max_quick .floating li .tool-tip:after {content:''; display:block; width:0; height:0; border:6px transparent solid; border-bottom-width:0; border-top-color:#009ade; position:absolute; bottom:-6px; right:30px;}
#max_quick .floating li .tool-tip .tool-close {font-size:0; position:absolute; top:16px; right:8px;}
#max_quick .floating li:nth-child(1) a {background-image:url("../image/common/ico_quick1.png"); background-color:#009ade; background-size:36px;}
#max_quick .floating li:nth-child(2) a {background-image:url("../image/common/ico_quick2.png"); background-color:#15489f; background-size:40px;}
#max_quick .floating li:nth-child(1):hover .tool-tip {display:block;}
#max_quick .floating li:nth-child(2) a:hover {background-image:none; color:#fff !important; font-size:15px;} */

#max_quick .advice-detail {display:none; position:absolute; bottom:72px; left:0;}
#max_quick .advice-detail ul {width:100%; height:auto;}
#max_quick .advice-detail ul li {position:relative; margin-top:8px;}
#max_quick .advice-detail ul li a {display:block; width:100%; height:100%;}
#max_quick .advice-detail ul li a i {display:block; width:100%; height:64px; border-radius:100%; background-color:#fff; background-position:center; background-repeat:no-repeat; background-size:40px; border:1px solid #e1e1e1;}
#max_quick .advice-detail ul li a span {display:none; width:82px; padding:4px; font:bold 13px 'Malgun Gothic'; letter-spacing:-1px; color:#fff; background-color:rgba(0,0,0,.4); border-radius:50px; position:absolute; top:50%; right:80px; transform:translateY(-50%);}
#max_quick .advice-detail ul li:nth-child(1) i {background-image:url("../image/common/ico_quick3.png");}
#max_quick .advice-detail ul li:nth-child(2) i {background-image:url("../image/common/ico_quick4.png");}
#max_quick .advice-detail ul li:nth-child(3) i {background-image:url("../image/common/ico_quick5.png");}
#max_quick .advice-detail ul li a:hover span {display:block;}
#max_quick .advice-detail .ad-close {display:block; width:100%; height:64px; padding:16px; margin-top:8px; border-radius:100%; background-color:#009ade; color:#fff; font-size:0;}

/* call-layer */
.call-layer {width:100%; height:100%;}
.call-layer:before {content:''; display:block; width:inherit; height:inherit; background-color:rgba(0,0,0,.5); position:fixed; top:0; left:0; z-index:12;}
.call-layer .inner {width:100%; max-width:568px; padding:2.667em 1.5em; margin:0 auto; position:fixed; top:50%; left:50%; z-index:13; transform:translate(-50%, -50%); background-color:#fff; color:#231f20; text-align:center;}
.call-layer .inner h4 {font-weight:400; font-size:2em;}
.call-layer .inner h4:before {content:''; display:block; width:2em; height:2em; margin:0 auto .333em; background:url("../image/common/ico_call.svg") center / 100% no-repeat;}
.call-layer .inner h4:after {content:''; display:block; width:6px; height:6px; margin:.5em auto; border-radius:100%; background-color:currentColor;}
.call-layer .inner em {display:block; font-weight:700; font-size:3.556em;}
.call-layer .inner p {color:#878e92; padding:1.333em 0 2em; line-height:1.4;}
.call-layer .inner a {margin-bottom:2.667em;}
.call-layer .inner .call-close {display:block; width:100%; color:#231f20; font-size:0;}
.call-layer .inner .call-close .i-close {display:inline-block; width:48px; height:48px;}
.call-layer .inner .call-close .i-close:before, .call-layer .inner .call-close .i-close:after {width:100%; height:1px;}

@media screen and (max-width: 900px) {
	
	#max_quick {width:48px; right:16px;text-align:right;bottom:120px !important;}
	#max_quick .floating {margin-left:10px;}
	#max_quick .floating li {}
	#max_quick .floating li a {height:48px; width:48px;padding:12px 0; background-size:32px;}
	#max_quick .floating li:nth-child(1):hover .tool-tip {display:none;}
	#max_quick .floating li:nth-child(2) a:hover {font-size:13px;}
	#max_quick .advice-detail {bottom:56px;}
	#max_quick .advice-detail ul li a i {height:48px; background-size:32px;}
	#max_quick .advice-detail ul li a:hover span {display:none;}
	#max_quick .advice-detail .ad-close {height:48px; padding:8px;}
	/* call-layer */
	.call-layer .inner {width:90%; max-width:340px; padding:2em 1.5em;}
	.call-layer .inner h4 {font-size:1.5em;}
	.call-layer .inner em {font-size:2.5em;}
	.call-layer .inner a {margin-bottom:2em;}
	.call-layer .inner .call-close .i-close {width:32px; height:32px;}
}

/* footer */
.path {position:fixed; bottom:0; left:0; width:100%; height:56px; line-height:56px; background-color:#434041; color:#fff; z-index:1;}
.path.bhide {position:relative;}
.path .inner {width:inherit; max-width:1400px; height:inherit; margin:0 auto; position:relative;}
.path .inner p { font-size:.833em;}
.path .inner p a {display:inline-block; vertical-align:middle; font-weight:700;}
.path .inner p a:hover {color:#009ade !important;}
.path .inner p .max-ico {width:16px; height:16px; margin:0 8px; display:inline-block; vertical-align:middle;}
.path .inner p .max-ico:before {width:8px; height:8px; border:1px solid rgba(255,255,255,.2); border-left-width:0; border-top-width:0; bottom:4px; left:2px;}
.path .inner p strong {color:#b4b234;}
.path .inner .bt-menu {width:56px; height:56px; padding:13px; background-color:#565354; position:absolute; top:0; right:56px; font-size:0;}
.path .inner .bt-menu:hover {font-weight:700; font-size:15px; line-height:1;}
.path .inner .bt-menu:hover i {display:none;}
.path .inner .bt-top {width:56px; height:56px; padding:16px; background-color:#2f2b2c; position:absolute; top:0; right:0; font-size:0;}
.path .inner .bt-top .max-ico {width:24px; height:24px;}
.path .inner .bt-top .max-ico:before {width:8px; height:8px; border:2px solid #fff; border-left-width:0; border-bottom-width:0; transform:rotate(-45deg); top:6px; left:8px;}
.path .inner .bt-top .max-ico:after {width:2px; height:14px; background-color:#fff; top:6px; left:11px;}

.info {width:100%; max-width:1400px; height:inherit; padding:3.5em 0; margin:0 auto; position:relative; font-size:.889em; display:table; color:#858081;}
.info .add-box {display:table-cell; width:85.71428571428571%;}
.info .add-box p {font-weight:500; font-size:1.5em; color:#fff; line-height:1.2;}
.info .add-box address {margin-top:3em; line-height:1.4;}
.info .add-box address em {display:block;}
.info .add-box address span {display:inline-block; padding:0 8px;}
.info .add-box cite {display:block; text-transform: uppercase; margin-top:1.5em;}

.info .f-menu {display:table-cell; width:14.285714285714286%; text-align:right;}
.info .f-menu li {margin-top:.7em;}
.info .f-menu li:nth-child(1) {color:#fff; margin-top:0;}
.info .f-menu li a:hover {text-decoration:underline; color:inherit !important;}

@media screen and (max-width: 1400px) {
	.path .inner {padding-left:1.5em;}
	.info {padding:3.5em 1.5em;}
	.info .add-box {width:70%;}
	.info .f-menu {width:30%;}
}
@media screen and (max-width: 900px) {
	.path {height:48px; line-height:48px;}
	.path .inner .bt-menu {width:48px; height:48px; padding:8px; right:48px;}
	.path .inner .bt-menu:hover {font-size:13px;}
	.path .inner .bt-top {width:48px; height:48px; padding:12px;}

	.info {display:block; padding:2.5em 1.5em;}
	.info .add-box {display:block; width:100%;}
	.info .add-box address {margin-top:2em;}
	.info .add-box address em {margin-top:0;}
	.info .f-menu {display:block; width:100%; text-align:left; margin-top:2em;}
}
@media screen and (max-width: 320px) {
	.path .inner p {font-size:11px;}
	.path .inner p .max-ico {margin:0 2px;}
	.path .inner .bt-menu, .path .inner .bt-top {top:48px;}
}

/* snb */
.snb-warp {width:100%; height:auto; text-align:center; position:absolute; bottom:-2em; left:0; z-index:3;}
.snb-warp ul {width:100%; height:auto;}
.snb-warp li {display:inline-block; width:16em; margin-left:-4px; font-weight:500; color:#878e92; transition:width .3s;}
.snb-warp li a {display:block; width:100%; height:auto; padding:1.5em 0; background-color:#fff; border:1px solid #e1e1e1;}
.snb-warp li .active {color:#fff;}
.snb-warp li .active:hover {text-decoration:underline;}

.snb-warp.funeral li a:hover {color:#05b6c9 !important;}
.snb-warp.funeral li .active {background-color:#05b6c9; border:1px solid #05b6c9;}
.snb-warp.funeral li .active:hover {color:#fff !important;}
.snb-warp.wedding li a:hover {color:#e97da3 !important;}
.snb-warp.wedding li .active {background-color:#e97da3; border:1px solid #e97da3;}
.snb-warp.wedding li .active:hover {color:#fff !important;}
.snb-warp.cruise li a:hover {color:#15489f !important;}
.snb-warp.cruise li .active {background-color:#15489f; border:1px solid #15489f;}
.snb-warp.cruise li .active:hover {color:#fff !important;}

@media screen and (max-width: 900px) {
	.snb-warp.funeral li {width:12em;}
}
@media screen and (max-width: 568px) {
	.snb-warp li {width:10em;}
	.snb-warp li a {padding:1.25em 0;}
	.snb-warp.funeral li {width:7em;}
}

/* product page cover */
.sub-cover {width:100%; height:100%; height:100vh; position:relative; z-index:2; background-repeat:no-repeat; background-position:center; background-size:cover; transition:all .7s; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; text-align:center; color:#fff;}
.sub-cover h3 {display:inline-block; vertical-align:middle; font-weight:700; font-size:3.111em; letter-spacing:0; margin-bottom:.429em; position:relative; opacity:0; animation: fadeup 1s cubic-bezier(.28,.06,.36,.86) .5s forwards; transition:all .2s;}
.sub-cover h3:before, .sub-cover h3:after {content:''; display:inline-block; vertical-align:middle; width:.429em; height:1.286em; margin-top:-.25em; border:.143em solid currentColor;}
.sub-cover h3:before {border-right:none; margin-right:.25em;}
.sub-cover h3:after {border-left:none; margin-left:.25em;}
.sub-cover .v-line {display:block; width:6px; height:6px; border-radius:100%; margin:0 auto 24px; background-color:currentColor; opacity:0; animation: fadeup .5s linear .7s forwards;}
.sub-cover p {font-weight:400; line-height:1.4; opacity:0; animation: fadeup 1s cubic-bezier(.28,.06,.36,.86) 1.2s forwards;}
.sub-cover .snb-warp {opacity:0; animation: fadeup 1s cubic-bezier(.28,.06,.36,.86) 1.7s forwards;}

.sub-cover.scroll_active {height:50%; height:50vh; background-position:center;}
.sub-cover.scroll_active .inner {padding-top:5em;}
.sub-cover.scroll_active h3 {font-size:2.667em;}

.sub-cover .contents_move {display:block; position:absolute; bottom:50px; left:50%; transform:translateX(-50%); transition:all .2s;}
.sub-cover .contents_move .max-ico {font-size:0; width:30px; height:30px;}
.sub-cover .contents_move .max-ico.i2 {height:30px;}
.sub-cover .contents_move .max-ico.i1:before {width:10px; height:10px; border:solid currentColor; border-width:0 2px 2px 0; bottom:9px; left:10px; transform:rotate(45deg);}
.sub-cover .contents_move .max-ico.i1:after {width:2px; height:20px; background-color:currentColor; bottom:9px; left:14px;}
.sub-cover .contents_move .max-ico.i2:before {width:30px; height:5px; border:2px solid currentColor; border-top-width:0; bottom:0; left:0; }

.sub-cover.scroll_active .contents_move {opacity:0; }

@media screen and (max-width: 568px) {
	.sub-cover h3 {font-size:2.5em;}
	.sub-cover.scroll_active .inner {padding-top:3em;}
	.sub-cover.scroll_active h3 {font-size:2.3em;}
}