@charset "utf-8";
/* ------------------------------------------
* Filename: layout.css
* Author: initiativesix
------------------------------------------ */

#wrap {width:100%; min-width:320px}
#header {padding:15px 20px; width:calc(100% - 40px); background:#fff}
#header.scroll {box-shadow:0 1px 3px 0px rgba(27,47,71,0.5); position:fixed; top:0; left:0; z-index:999}
.location {color:#101010; line-height:25px}
.location:after {content:''; display:block; clear:both}
.location > a {display:block; float:left; width:9px; height:25px; background:url('/static/mobile/img/common/icon_prev.png') 0 3px no-repeat; background-size:contain}
.location > a.cancel {display:block; float:left; text-indent:0; font-size:11px; color:#101010; width:28px; height:18px; margin-top:2px; line-height:18px; text-align:center; background:none; border:1px solid #404040; border-radius:5px 0 5px 5px}
.location h2 {display:block; width:calc(100% - 21px); text-align:center; float:left; font-size:18px; margin:0 6px}
.location02 h2 {display:block; width:calc(100% - 68px); text-align:center; float:left; font-size:18px; margin:0 6px}
.location03 h2 {display:block; width:100%; text-align:center; float:left; font-size:18px; margin:0 6px; }


.navigation {}
.navigation > h3 {display:block; width:27px; height:17px; background:url('/static/mobile/img/common/icon_drawer.png') 0 0 no-repeat; background-size:contain; position:absolute; top:18px; right:20px}
.navigation > div {display:none; position:fixed; top:0; right:-100%; z-index:9999; background:#fff; width:100%; padding:40px 0 20px; overflow-y:auto; -webkit-overflow-scrolling:touch}
.certification_header .navigation{display:none;}
.header_navi_none .navigation{display:none;}
.utility {padding:10px 15px; width:calc(100% - 30px); height:20px; position:fixed; top:0; left:0; background:#fff; z-index:900}
.utility:after {content:''; display:block; clear:both}
.utility a {display:block; float:right; width:21px; height:20px; background:url('/static/mobile/img/common/gnb_icon_home.png') 0 0 no-repeat #fff; background-size:contain}
.quick_menu {background:url('/static/mobile/img/common/bg_title_area.gif') 0 0 no-repeat; background-size:20px 100%; padding:0 20px 0 35px; height:87px}
.quick_menu:after {content:''; display:block; clear:both}
.quick_menu > div {float:left; width:34%; background:url('/static/mobile/img/common/gnb_line_01.png') 0 15px no-repeat; background-size:1px 57px}
.quick_menu > div:nth-child(1) {width:32%; background:none}
.quick_menu a {display:block; color:#1b2f47; text-align:center; word-break:keep-all; height:32px; line-height:32px; letter-spacing:-1px; padding-top:55px}
.quick_menu > div:nth-child(1) a {background:url('/static/mobile/img/common/gnb_quick_01.png') center 10px no-repeat; background-size:45px 45px}
.quick_menu > div:nth-child(2) a {background:url('/static/mobile/img/common/gnb_quick_02.png') center 10px no-repeat; background-size:45px 45px}
.quick_menu > div:nth-child(3) a {background:url('/static/mobile/img/common/gnb_quick_03.png') center 10px no-repeat; background-size:45px 45px}
@media all and (max-width:349px){
	.quick_menu {height:auto}
	.quick_menu > div {background-size:1px 70px}
	.quick_menu > div > a {height:28px; line-height:15px; padding:60px 5px 10px 5px}
}
.banner {background:#f1f3f6; margin:0 20px 0 35px; border-bottom:dashed 1px #bebebe; height:138px}
.banner div {border-top:dashed 1px #bebebe; line-height:24px}
.banner div a {display:block; color:#101010; font-size:12px; padding:10px 0 10px 15px; height:48px}
.banner div a strong {display:block; font-size:14px}
.banner .tel {background:url('/static/mobile/img/common/gnb_banner_tel.png') 0 10px no-repeat; background-position-x:calc(100% - 10px); background-size:48px 41px}
.banner .tel strong {color:#de0010}
.banner .app_link {background:url('/static/mobile/img/common/gnb_banner_app.png') 0 10px no-repeat; background-position-x:calc(100% - 10px); background-size:48px 41px}

#gnb {display:block; width:calc(100% - 55px); margin-top:10px; padding:0 20px 20px 35px; color:#101010; background:url('/static/mobile/img/common/gnb_bg.gif') 35px 0 no-repeat #fff; background-size:90px 100%; font-size:13px; line-height:22px}
#gnb > div:first-child {padding-bottom:30px}
#gnb > div:after {content:''; display:block; clear:both}
#gnb ul {}
#gnb p {display:block; line-height:24px}
#gnb > div > strong {display:block; float:left; color:#fff; font-size:14px; font-weight:400; line-height:30px; width:80px; padding:5px 0 0 10px; position:relative}
#gnb > div > strong:before {content:''; display:block; position:absolute; width:16px; height:2px; background:#de0010; right:-8px; top:18px}
#gnb .depth2 {display:block; float:left; width:calc(100% - 110px); margin:5px 0 0 20px}
#gnb .depth2 > li {line-height:40px}
#gnb .depth2 a {color:#101010; font-size:13px}
#gnb .depth2 > li > button, #gnb .depth2 > li > a {display:block; border-bottom:solid 1px #ccc; font-weight:400}
/*#gnb .depth2 > li > a {background:url('/static/mobile/img/common/gnb_bul_01.png') 0 13px no-repeat; background-size:3px 3px; padding-left:7px}*/
.navigation .close {display:block; position:fixed; top:10px; right:-100%; width:18px; height:18px; background:url('/static/mobile/img/common/gnb_close.png') 0 0 no-repeat; background-size:contain; z-index:1000}
#gnb .open {margin-bottom:15px}
#gnb .depth2 > li > button {width:100%; height:41px; color:#101010; text-align:left; border:none; border-bottom:1px solid #ccc; background:url('/static/mobile/img/common/gnb_icon_off.png') right 16px no-repeat; background-size:14px 8px; background-position-x:calc(100% - 10px)}
#gnb .depth2 > li.open > button {color:#de0010; font-weight:700; background:url('/static/mobile/img/common/gnb_icon_on.png') right 16px no-repeat; background-size:14px 8px; background-position-x:calc(100% - 10px)}
#gnb .depth3 {display:none}
#gnb .open .depth3 {display:block}
#gnb .depth3 > li > a {background:url('/static/mobile/img/common/gnb_bul_01.png') 0 5px no-repeat; background-size:3px 3px; padding-left:7px}
#gnb .depth3 > li > p {background:url('/static/mobile/img/common/gnb_bul_01.png') 0 10px no-repeat; background-size:3px 3px; padding-left:7px}
#gnb .depth3 li .depth4 {border-bottom:dashed 1px #1b2f47; margin-bottom:10px; padding-bottom:10px}
#gnb .depth3 li:last-child .depth4 {border-bottom:0; padding-bottom:0; margin-bottom:0}
#gnb .depth4 a {display:block; line-height:25px; background:url('/static/mobile/img/common/gnb_bul_02.png') 10px 6px no-repeat; padding-left:20px}

#container {margin-top:0}
#header.scroll + #container {margin-top:55px}
.title_area {background:url('/static/mobile/img/common/bg_title_area.gif') 0 0 repeat-y; padding:0 20px}
.title_area .box {margin-left:15px}
.title_area .box02 {margin-left:15px; padding-bottom:60px}
.title_area.bin {height:90px; margin-bottom:-90px}/* 20200820 */
#content {margin:0 20px 0 35px}

#footer {margin-top:30px; border-top:solid 2px #101010; margin-left:35px; color:#666; line-height:16px; letter-spacing:-1px}
#footer .tel {border-top:solid 5px #de0010; display:inline-block; padding-top:5px; color:#101010; font-size:13px; line-height:20px}
#footer address {display:block; padding-top:5px}
#footer ul {}
#footer ul:after {content:''; display:block; clear:both}
#footer li {display:block; float:left}
#footer li:last-child {padding-left:10px; background:url('/static/mobile/img/common/icon_footerbar.png') 5px 3px no-repeat; background-size:1px 11px;}
#footer p.copy {padding-top:5px; font-size:11px}
#footer .acc_img {display:block; width:75px; margin-top:13px;}
#footer .acc_img img {width:100%;}

#toTop{display:none; position:fixed; right:20px}
#toTop a{display:block; border:solid 1px #de0010; width:25px; height:25px; background:url('/static/mobile/img/common/btn_top.png') 0 0 no-repeat; background-size:cover}

.dim {display:none;position:fixed;left:0;top:0;width:100%;height:100%;background-color:#000;opacity: 0.8;z-index:2000;}