@charset "utf-8";

.blind {position:absolute;display:block;width:0;height:0;font-size:0;overflow:hidden;}
.btn {display:inline-block;cursor:pointer;}

#hd {z-index:100;position:fixed;top:0;right:0;left:0;background-color:#fff;box-shadow:0 1px 5px rgba(0,0,0,0.05);}
#hd .inner {width:100%;max-width:1400px;margin:0 auto;}
#hd .hd-top {height:100px;padding:0 20px;}
#hd .hd-top .inner {position:relative;}
#hd .hd-top .hd-logo {position:absolute;top:24px;left:0;}
#hd .hd-top .hd-search {z-index:10;position:absolute;top:28px;left:50%;margin-left:-190px;width:380px;transition:.3s ease-out;}
#hd .hd-top .hd-search .input-search {width:100%;height:44px;line-height:40px;border:2px solid #C77777;border-radius:22px;padding:0 40px 0 20px;font-size:16px;}
#hd .hd-top .hd-search .btn-search {position:absolute;top:6px;right:10px;display:block;width:30px;height:30px;border-radius:50%;text-indent:-9999px;overflow:hidden;background:url(../img/common_new/ico_glass_01.png) center no-repeat;}
#hd .hd-top .hd-sns {position:absolute;top:30px;right:136px;display:flex;gap:4px;}
#hd .hd-top .hd-sns a {border-radius:50%;overflow:hidden;}
#hd .hd-top .hd-sns a img {transition:.2s ease-out;}
#hd .hd-top .hd-sns a:hover img {transform:translateY(-6px);}
#hd .hd-top .language {position:absolute;top:34px;right:0;}
#hd .hd-top .language select {width:120px;height:32px;border:1px solid #ccc;border-radius:16px;padding:2px 0 6px 12px;line-height:24px;appearance: none;background:url(../img/common_new/arr_01.png) right 17px top 13px no-repeat;transition:.2s ease-out;}
#hd .hd-top .language select::-ms-expand {display:none}
#hd .hd-top .language select:hover {border-color:#111;}

#hd .hd-bottom {position:relative;border-top:1px solid #ddd;min-height:63px;padding:0 20px;}
#hd .hd-bottom .inner {display:flex;justify-content:space-between;}
#hd .hd-bottom .btns-right {display:flex;align-self:flex-start;padding-top:18px;gap:33px;}
#hd .hd-bottom .btns-right > li + li {position:relative;}
#hd .hd-bottom .btns-right > li + li:before {content:'';position:absolute;top:5px;left:-17px;display:block;width:1px;height:16px;background-color:#ddd;}
#hd .hd-bottom .btns-right .btn {line-height:24px;font-size:16px;font-weight:500;color:#666;}
#hd .hd-bottom .btns-right .btn-inquiry {padding-left:24px;background:url(../img/common_new/ico_call.png) top 5px left 1px no-repeat;color:#C77777;}
#hd .hd-bottom .btns-right .btn-mainsite {padding-left:24px;background:url(../img/common_new/ico_label.png) top 5px left 1px no-repeat;}
#hd .m_gnb_wrap {top:56px;}
#hd .m_gnb_bg {top:56px;}
#hd .m_close {top:72px;}

#hd .m_link_nav{ overflow: hidden; margin-top:20px; padding: 0 20px;} 
#hd .m_link_nav li{display: inline-block; vertical-align: middle; float:left; }
#hd .m_link_nav li {width: 48.2%; margin-right: 3.6%; margin-bottom:15px; height: 45px; line-height: 43px; border: 1px solid #2f6bb1; box-sizing: border-box; text-align: center;}	
#hd .m_link_nav li:nth-child(2n){margin-right: 0;}
#hd .m_link_nav li:nth-of-type(1){border: 1px solid #cd867e;}
#hd .m_link_nav li:nth-of-type(2){border: 1px solid #9d8c90;}
#hd .m_link_nav li:nth-of-type(3){border: 1px solid #a6b364;}
#hd .m_link_nav li:nth-of-type(4){border: 1px solid #d4ca95;}
#hd .m_link_nav li:nth-of-type(5){border: 1px solid #bb9b72;}
#hd .m_link_nav li:nth-of-type(6){border: 1px solid #b0cbc7;}
#hd .m_link_nav li:nth-of-type(7){border: 1px solid #959d8c;}
#hd .m_link_nav li a {display: block; width: 100%; height: 100%; color: #292929; font-size: 1em; font-weight: 300;}
#hd .m_link_nav li a:hover{  
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s; 
	-ms-transition: all 0.3s; 
	-o-transition: all 0.3s; 
	transition: all 0.3s;
	color:#fff;
}
#hd .m_link_nav li:nth-of-type(1) a:hover{background:#cd867e;}
#hd .m_link_nav li:nth-of-type(2) a:hover{background:#9d8c90;}
#hd .m_link_nav li:nth-of-type(3) a:hover{background:#a6b364;}
#hd .m_link_nav li:nth-of-type(4) a:hover{background:#d4ca95;}
#hd .m_link_nav li:nth-of-type(5) a:hover{background:#bb9b72;}
#hd .m_link_nav li:nth-of-type(6) a:hover{background:#b0cbc7;}
#hd .m_link_nav li:nth-of-type(7) a:hover{background:#959d8c;}

#gnb {display:flex;}
#gnb .btn-allmenu {position:relative;align-self:flex-start;margin-top:13px;width:36px;height:36px;}
#gnb .btn-allmenu:before,
#gnb .btn-allmenu:after {content:'';position:absolute;top:50%;left:8px;display:block;width:20px;height:2px;background-color:#111;}
#gnb .btn-allmenu:before {margin-top:-7px;}
#gnb .btn-allmenu:after {margin-top:5px;}
#gnb .btn-allmenu span {position:absolute;top:50%;left:8px;margin-top:-1px;display:block;text-indent:-9999px;overflow:hidden;width:13px;height:2px;background-color:#111;transition:.2s ease-out;}
#gnb .btn-allmenu:hover span,
#gnb .btn-allmenu:focus span {width:20px;}
#gnb .btn-allmenu.active span {width:0;}
#gnb .btn-allmenu.active:before {margin-top:-1px;transform:rotate(45deg);}
#gnb .btn-allmenu.active:after {margin-top:-1px;transform:rotate(-45deg);}
#gnb .gnb-depth1 {z-index:0;display:flex;justify-content:space-between;margin-left:40px;gap:34px;}
#gnb .gnb-depth1 .btn {width:100%;text-align:center;}
#gnb .gnb-depth1 > li {min-width:120px;}
#gnb .gnb-depth1 > li > .btn {line-height:63px;font-size:22px;font-weight:500;color:#2B2B2B;}
#gnb .gnb-depth1 > li:hover > .btn,
#gnb .gnb-depth1 > li > .btn:focus {color:#C77777;}
#gnb .gnb-depth2 {display:none;padding-top:32px;}
#gnb .gnb-depth2 > li + li {margin-top:25px;}
#gnb .gnb-depth2 .btn {line-height:25px;font-size:17px;}
#gnb .gnb-depth2 .btn:hover,
#gnb .gnb-depth2 .btn:focus {color:#C77777;text-decoration:underline;}
#gnb .gnb-bg {display:none;z-index:0;position:absolute;top:63px;left:0;right:0;background-color:#fff;height:360px;box-shadow:0 10px 10px rgba(0,0,0,0.05);border-top:1px solid #eee;}
#gnb.open .gnb-bg {display:block;}
#gnb.open .gnb-depth2 {display:block;}
#gnb.over .gnb-bg {display:block;}
#gnb.over .gnb-depth2 {display:block;}

@media all and (max-width:1240px){
	#hd .hd-top .hd-search {margin-left:-260px;}

	#gnb .gnb-depth1 {gap:0;margin-left:10px;}
}
@media all and (min-width:1025px){
	.mo-only {display:none !important;}
}
@media all and (max-width:1024px){
	.pc-only {display:none !important;}

	#hd .hd-top {height:56px;}
	#hd .hd-top .hd-logo {top:14px;}
	#hd .hd-top .hd-logo img {height:28px;}
	#hd .hd-top .btn-search-toggle {position:absolute;top:8px;right:30px;width:40px;height:40px;text-indent:-9999px;overflow:hidden;background:url(../img/common_new/ico_glass_02.png) center no-repeat;}
	#hd .hd-top .hd-search {display:none;margin:0;top:44px;left:auto;right:28px;width:0;max-width:300px;opacity:0;}
	#hd .hd-top .hd-search.active {display:block;width:calc(100% - 50px);opacity:1;}
	#hd .hd-top .hd-search .input-search {line-height:32px;height:36px;font-size:14px;padding:0 36px 0 8px;}
	#hd .hd-top .hd-search .btn-search {width:36px;height:36px;top:0;right:4px;}
	#hd .hd-bottom {display:none;}
	#hd .btn-allmenu-mo {position:absolute;top:8px;right:-10px;width:40px;height:40px;text-indent:-9999px;overflow:hidden;}
	#hd .btn-allmenu-mo:before,
	#hd .btn-allmenu-mo:after {content:'';position:absolute;top:50%;left:8px;display:block;width:20px;height:2px;background-color:#111;}
	#hd .btn-allmenu-mo:before {margin-top:-7px;}
	#hd .btn-allmenu-mo:after {margin-top:5px;}
	#hd .btn-allmenu-mo span {position:absolute;top:50%;left:8px;margin-top:-1px;display:block;text-indent:-9999px;overflow:hidden;width:13px;height:2px;background-color:#111;transition:.2s ease-out;}
}