@charset "utf-8";


/* ===================================
	layout
 =================================== */
body.js-fixed {position:fixed; width:100%;}
.wrap {position:relative; min-width:320px; overflow:hidden;}
#container {padding:0 0 0 0;}
.contents {padding:0 0 0 0;}

.main-container {padding:0 !important;}

.inner {position:relative; max-width:1400px;  margin:0 auto;}

@media only screen and (max-width: 1440px) {
	.inner {margin: 0 20px; padding: 0px; position: relative;}
}


/*우측 Quick 아이콘*/
.quick {position:fixed; top:auto; bottom:30px; right:30px; z-index: 9999; transform: translate(0);}
.quick-wrap .item{width:50px; height:50px; position:relative; cursor: pointer; border-radius: 50%; background: #0079c3;}
.quick-wrap .item a{display: block; width: 100%; height: 100%;}

.quick-wrap .item .info {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-width:100%; font-size:0; text-align: center;}
.quick-wrap .item .info .text::before {content:''; display: block; width:18px; height:18px; margin:0 auto; background-size:cover; background-repeat: no-repeat; background-position:50% 50%;}
.quick-wrap .item .info .text::before {background-image:url('../images/common/quick_tel.png');}

.quick-wrap .item:hover {background:#c9c7c5; }

.quick-wrap .item:hover .info .text::before {animation: heartBeat  2s infinite;}

@media only screen and (max-width: 1024px){
	.quick { right:10px;}
}

@media only screen and (max-width: 768px){
	/* .quick-wrap .item{width:60px; height:60px;} */
	.quick-wrap .item .info .text { font-size:0;}
	/* .quick-wrap .item .info .text::before {width:30px; height:30px; } */
}

@media only screen and (max-width: 480px){
	.quick {top:auto; bottom:10px; right:10px; transform: translate(0);}
	.quick-wrap .item{width:50px; height:50px;}
	/* .quick-wrap .item .info .text::before {width:24px; height:24px; } */
}

/* 모달 팝업 */

.modal_pop-quick{position:fixed;left:0;top:0;background-color:rgba(0,0,0,0.6);width:100%; min-width: 260px; height:100%;z-index:100000;display:none; line-height: 1.2;backdrop-filter: blur(5px);}
.modal_pop-quick .modal_cont{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);max-width:600px;background:#e5eef5 url(../images/contents/popup_bg.png) bottom -50px right  no-repeat;padding:100px 65px;background-size: 80%;}
.modal_pop-quick .close{width:28px; height:28px; position: absolute; right:35px; top:30px; cursor: pointer; z-index: 100;}
.modal_pop-quick .close span{position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); content:''; width:100%; height:3px; background:#00599c;}
.modal_pop-quick .close span:nth-child(1){transform: translate(-50%,-50%) rotate(45deg);}
.modal_pop-quick .close span:nth-child(2){transform: translate(-50%,-50%) rotate(-45deg);}
.modal_pop-quick .conent_wrap{ text-align: center; }
.modal_pop-quick .conent_wrap h4{ font-size: 24px; margin-bottom: 30px; color: #00599c; font-weight: 700;}
.modal_pop-quick .conent_wrap p{  font-size: 18px; margin-bottom: 20px;}

.modal_pop-quick .list_btn{display:inline-block;text-align:center;padding:10px 20px;background:#00599c;border-radius:30px;color:#fff;font-size:17px;font-weight:400;margin: 0 auto; }


@media only screen and (max-width: 768px){
	.modal_pop-quick .modal_cont{max-width:80%;background:#e5eef5 url(../images/contents/popup_bg.png) bottom -50px right  no-repeat;padding:100px 65px;background-size: 80%;}

}

@media only screen and (max-width: 540px){
	.modal_pop-quick .modal_cont{padding:80px 30px 60px; background-image: none;}

}
@media only screen and (max-width: 480px){
	.modal_pop-quick .conent_wrap h4{ font-size: 22px; margin-bottom: 20px; }
	.modal_pop-quick .conent_wrap p{  font-size: 16px; margin-bottom: 15px;}
	.modal_pop-quick .modal_cont{max-width:90%;}
}


/*header*/
.header-wrap {width:100%; position:fixed; top: 0; left: 0; z-index:9999; transition: all .3s ease-in-out; background:linear-gradient(to bottom,rgba(0, 0, 0, 0.4),rgba(0, 0, 0, 0));}
.header-inner { text-align:center; }
.header-wrap.js-fixed,
.header-wrap.js-open-d {background:linear-gradient(to bottom,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0));}

.header-logo {position:absolute; left:50px;top:50%; transform:translateY(-50%); width:168px; height:60px; transition: all .3s ease-in-out;}

.header-logo a {display:block; width:100%; height:100%; background:url('../images/common/top_logo.png') 0 0 no-repeat; background-size: contain; overflow:hidden; text-indent:-9999px; text-align:left; transition: all .3s ease-in-out;}
.header-wrap.js-fixed .header-logo a,
.header-wrap.js-open-d .header-logo a, 
.header-logo a:hover {display:block; width:100%; height:100%; background:url('../images/common/top_logo-h.png') 0 0 no-repeat;  overflow:hidden; text-indent:-9999px; text-align:left; background-size:contain; transition: all .3s ease-in-out;}


/*GNB*/
.gnb {display:inline-block; width:70%; text-align: right; z-index: 1000;}
.gnb:after {content: ''; display: block; background-color: #fff; position: absolute; left: 0; top: 120px; height: 0; width: 100%; transition: all 0.3s ease-in-out; z-index: 1000;}
.gnb.js-open-d:after {height: 80px; border-top: 1px solid #e4e4e4;}
.header-wrap.js-fixed .gnb:after {top: 80px;}
.header-wrap.js-fixed .gnb.js-open-d:after {height: 80px;}

.gnb-wrap {font-size: 0; width: auto; display: inline-block; max-width: 1400px; position: relative;}
.gnb-1dep {display: inline-block; height: 120px; transition: all 0.3s ease-in-out; position: relative;}
.gnb-1dep:after {content: ''; display: block; height: 45px; width: 50px; position: absolute; top: 50%; left: 24px; transform: translateY(-100%); background: url('../images/common/gnb-dot.png') no-repeat; opacity: 0; transition: all 0.3s ease-in-out;}
.gnb-1dep.js-open-d:after {opacity: 1; transform: translateY(-50%);}

.gnb-1dep > a {display: block; line-height: 120px; padding: 0 30px; font-size: 20px; font-weight: 600; letter-spacing: 0.05em; color: #fff; position: relative; z-index: 1; transition: all 0.3s ease-in-out;}
.gnb-1dep > a span {vertical-align: baseline;}

.header-wrap.js-fixed .gnb-1dep {height: 80px;}
.header-wrap.js-open-d .gnb-1dep > a {color: #222;}
.header-wrap.js-fixed .gnb-1dep > a {color: #222; line-height: 80px;}
.header-wrap.js-open-d .gnb-1dep.js-open-d > a {color: #0066cc;}


.gnb-2dep {max-height: 0; overflow: hidden; position: absolute; top: 120px; left: 0; transition: all 0.3s ease-in-out; z-index: 1001; white-space: nowrap; text-align: left;}
.gnb-1dep:last-child .gnb-2dep {
    left: auto;
    right: 0;
}
.gnb-1dep:nth-of-type(3) .gnb-2dep {left: 50%; transform: translateX(-50%);}
.header-wrap.js-fixed .gnb-2dep {top: 80px;}

.gnb-2dep > li {display: inline-block; line-height: 80px;}
.gnb-2dep > li+li {margin-left: 10px;}
.gnb-2dep > li > a {display: block; border-radius: 20px; padding: 0 27px; line-height: 80px; font-size: 16px; color:#666; transition: all 0.3s ease-in-out;}
.gnb-2dep > li > a:hover {color: #0066cc;}
.gnb-2dep > li > a span {vertical-align: baseline;}

.gnb-1dep.js-open-d .gnb-2dep {max-height: 80px; transition: all 0.3s ease-in-out; top: 120px;}
.header-wrap.js-fixed .gnb-1dep.js-open-d .gnb-2dep {max-height: 80px; top: 80px;}


/*3depth*/
.gnb-3dep {display: none;}

.header-wrap.js-fixed,
.header-wrap.js-open-d {background-color:rgba(255, 255, 255, 1); border-bottom-color:rgba(234, 234, 234, 1); transition: all .3s ease-in-out; }

.gnb-inner-util {display:none;}


.gnb-inner-util {display: none;}

.gnb-dimmed{position: fixed; top: 0px; left: 0; z-index: 999; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); display: none;}
.gnb-dimmed.js-open-d {display: block; top: 121px;}
.header-wrap.js-fixed .gnb-dimmed.js-open-d {top: 121px;}

@media only screen and (max-width: 1440px) {
	.header-logo {left:30px;}
	/* .gnb {width:70%; margin-left:15px;} */
	.gnb-1dep {min-width:auto;}
	.gnb-1dep > a {padding: 0 20px;}
}

@media only screen and (max-width: 1240px) {
	.header-logo {left:20px;}
	
	.gnb {width:74%; margin-left:0;}
	.gnb-1dep {min-width:auto;}
	.gnb-1dep > a {font-size:16px;}
	.gnb-2dep {border-radius: 0 0 20px 20px;}
	.gnb-2dep > li > a {font-size:16px;}
	.gnb-3dep {font-size:14px;}
}

@media only screen and (max-width: 1100px) {
	.gnb {width:72%; margin-left:-10px;}
	.gnb-1dep {min-width:auto;}
	.gnb-2dep {border-radius: 0 0 15px 15px;}

}

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

	.header-wrap {min-width:320px; z-index:9999; height:60px; border-bottom-color:#eaeaea;}
	.header-inner {height:60px; text-align:left;}


	.header-logo {width:130px; height:28px; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; }
	.header-logo a {background-size:contain;}
	
	.header-wrap.js-fixed .gnb:before,
	.header-wrap.js-fixed .gnb:after {display:none;}

	
	/*GNB*/
	
	.gnb {width:320px; height:100%; background:#fff; display:block; position:fixed; z-index:1001; top:0px; right:-100%;transition: all .3s ease-in-out; overflow-y:auto; }

	.gnb-wrap {margin:0; width: 100%;}
	.gnb.js-open-m {right:0;transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out;overflow-y:auto;}

	.gnb-1dep,
	.header-wrap.js-fixed .gnb-1dep {display:block; font-size:16px; height:auto; position:relative; border-bottom: 1px solid #ddd; width:100%; max-width:100%; }
	.gnb-1dep:before {display:none;}
	.gnb-1dep > a,
	.header-wrap.js-fixed .gnb-1dep > a {display:block; line-height:50px; padding:0 20px; color:#000; text-transform: none; text-align: left; margin:0;max-height: 50px;}

	.gnb-1dep > a:hover,
	.gnb-1dep.js-open-m > a{color:#000 !important;}

	.gnb-1dep > a:after {position: absolute; top: 20px; right: 16px; width: 10px; height: 10px; border-width: 0 0 1px 1px; border-style: solid; border-color: #000; content: '';  transition: all .3s ease-in-out;  transform: rotate(-135deg);}
	.gnb-1dep.js-open-m > a:after {top:20px;transition: all .3s ease-in-out; transform: rotate(-135deg);}

	.gnb-1dep > a.is-2depth-m:after {position: absolute; top: 16px; right: 16px; width: 10px; height: 10px; border-width: 0 0 1px 1px; border-style: solid; border-color: #000; content: '';  transition: all .3s ease-in-out;  transform: rotate(-45deg);}
	.gnb-1dep.js-open-m > a.is-2depth-m:after {top:22px;transition: all .3s ease-in-out; transform: rotate(-225deg);}
	

	.gnb-2dep {height:auto; max-height:0; overflow:hidden; position:static; width:auto; margin:0; background-color:#efefef;border-top:0px solid #ddd; transition: all .3s ease-in-out; transform:translateX(0); border-radius: 0;}
	.gnb-1dep:nth-of-type(3) .gnb-2dep {transform: translateX(0);}
	.gnb-1dep:last-child .gnb-2dep {margin-left:0;}

	.gnb-2dep > li {display: block; border-bottom:1px solid #ddd; padding:0; margin:0; line-height: 50px;}
	.gnb-2dep > li+li {margin-left: 0;}
	.gnb-2dep > li > a {display:block; padding:12px 30px; font-size:15px; color:#666; text-align:left; line-height: 1.3;}
	.gnb-2dep > li > a:hover,
	.gnb-2dep > li > a:focus {font-weight:400; padding:12px 30px; color:#222;}
	.gnb-2dep > li:first-child {margin-top:0px;}
	.gnb-2dep > li:last-child {margin-bottom:0px; border:0;}
	
	
	/*3depth*/
	.gnb-3dep { padding:0; border-top:1px dashed #ccc;}
	.gnb-3dep a {display:block; padding:8px 0 8px 45px; position:relative; color:#888;}
	.gnb-3dep a:hover {color:#222; padding:8px 0 8px 45px;}
	.gnb-3dep a:before,
	.gnb-3dep a:hover:before {left:38px; top:15px;}
	.gnb-3dep > li:last-child {margin-bottom: 0px;}

	.gnb-1dep.js-open-m > a:before {display:none;}
	.gnb-1dep.js-open-m .gnb-2dep{max-height:1000px;border-top:1px solid #ddd;}



	/*util*/
	.gnb-mbtn {display:block; position: absolute; z-index: 1; top: 0; right:-5px; bottom: 0; width: 40px; min-height: 30px; margin: auto 0px; text-indent: -999em; -webkit-transition: none; transition: none; cursor: pointer; }
	.gnb-mbtn:before, .gnb-mbtn:after, .gnb-mbtn > span:before, .gnb-mbtn > span:after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 28px; height: 0; border-top: 2px solid #fff; margin: auto; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .3s; transition: .3s; content: ''; opacity: 1; }
	.gnb-mbtn:not(.zxcv):before { top: 18px; }
	.gnb-mbtn:not(.zxcv):after { bottom: 18px; }

	.header-wrap.js-fixed .gnb-mbtn:before, 
	.header-wrap.js-fixed .gnb-mbtn:after, 
	.header-wrap.js-fixed .gnb-mbtn > span:before, 
	.header-wrap.js-fixed .gnb-mbtn > span:after {border-color:#222; }



	.gnb-inner-util {display:block; position:relative; height:60px; background-color:#0066cc; padding:0 60px 0 0;font-size:0;}
	
	

	
	.gnb-mbtn-close {display:block; position: absolute; z-index: 3000; top: 0; right: 0; bottom: 0; width: 60px; min-height: 26px; margin: auto 0px; text-indent: -999em; -webkit-transition: none; transition: none; cursor: pointer; background:#3a3a3a; overflow:hidden; }
	.gnb-mbtn-close:before, .gnb-mbtn-close:after, .gnb-mbtn-close > span:before, .gnb-mbtn-close > span:after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 25px; height: 0; border-top: 2px solid #fff; margin: auto; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .3s; transition: .3s; content: ''; opacity: 1; }
	.gnb-mbtn-close:not(.zxcv):before { top: 16px; }
	.gnb-mbtn-close:not(.zxcv):after { bottom: 16px; }

	.js-open-m .gnb-mbtn-close {top:0px; right:0; min-height: 26px; }
	.js-open-m .gnb-mbtn-close:before, .js-open-m .gnb-mbtn-close:after, .js-open-m .gnb-mbtn-close > span:before, .js-open-m .gnb-mbtn-close > span:after {border-top: 2px solid #fff;  }
	.js-open-m .gnb-mbtn-close:before { width: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
	.js-open-m .gnb-mbtn-close:after { width: 0; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); }
	.js-open-m .gnb-mbtn-close > span:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
	.js-open-m .gnb-mbtn-close > span:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

	
	.gnb-dimmed.js-open-m {display:block; top:0;}
	
}



/*Util*/
.top__util {position:absolute; right:20px; top:50%; transform:translateY(-50%); font-size:0; z-index: 1000;}
.top__util-item {display:inline-block; width:auto; text-align: center; }
.top__util-item+.top__util-item {margin-left: 22px;}
.top__util-link {display:block; position:relative; line-height:50px;transition: all 0.6s ease-in-out;}

.language {position: relative;}
.language-wrap {position: absolute; top: 110%; left: 50%; transform: translateX(-50%); display: none; overflow: hidden; font-family: 'Montserrat';}
.header-wrap.js-fixed .language-wrap {top: 55px;}
.language-list {overflow: hidden;}

.language-list li+li {margin-top: 1px;}
.language-list li a {display: block; padding: 10px 25px; text-align: center; font-size: 14px; color:#fff; background: #222; transition: all 0.3s ease-in-out; word-break: keep-all;}
.language-list li:first-child a,
.language-list li a:hover {background:#00599c; font-weight: 700;}


.language .language-link {display: block; font-family: 'Montserrat'; font-size: 17px; font-weight: 400; color: #fff; padding: 10px 30px 10px 10px; border: 1px solid #fff; z-index: 3; transition: all 0.1s ease-in-out; position: relative;}
.language .language-link::before {display: block;content: "";width: 10px;height: 6px;background: url(../images/common/arrow_language.png) no-repeat center;position: absolute;top: 50%;right: 10px;transform: translateY(-50%);}
.language .language-link:hover {background: #00599c; color: #fff !important;}
.language .language-link:hover::before {display: block;content: "";width: 10px;height: 6px;background: url(../images/common/arrow_language.png) no-repeat center !important;position: absolute;top: 50%;right: 10px;transform: translateY(-50%);}
.header-wrap.js-fixed .language .language-link ,
.header-wrap.js-open-d .language .language-link {color: #373737; border-color: #373737;}
.header-wrap.js-open-d .language .language-link::before,
.header-wrap.js-fixed .language .language-link::before {display: block;content: "";width: 10px;height: 6px;background: url(../images/common/arrow_language-b.png) no-repeat center;position: absolute;top: 50%;right: 10px;transform: translateY(-50%);}


.newAllmenu-open {box-sizing: border-box;}
.allmenu .top__util-link {position:relative; width:50px; overflow:hidden; font-size:0; height:50px; line-height:1; text-indent:-88888px;}

.allmenu .allmenu-link {display: block; position: relative; width: 30px; height: 20px; overflow: hidden;}
.allmenu .allmenu-link span,
.allmenu .allmenu-link:hover span:nth-of-type(2) {display: block; height: 2px; width: 14px; background: #fff; transition: all 0.3s ease-in-out;}
.allmenu .allmenu-link span:nth-of-type(2),
.allmenu .allmenu-link:hover span {width: 100%;}
.allmenu .allmenu-link span+span {margin-top: 6px;}

.header-wrap.js-open-d .allmenu .allmenu-link span,
.header-wrap.js-fixed .allmenu .allmenu-link span {background: #373737;}

@media only screen and (max-width: 1024px) {
	.header-wrap.js-fixed .language .language-link ,
	.header-wrap.js-open-d .language .language-link {color: #fff; border-color: #fff;}

	.top__util .language {display: none;}
	/* #gnb .gnb-inner-util .language-wrap {display: none; top: 100%;} */
	.header-wrap.js-fixed .language .language-link::before {display: block;content: "";width: 10px;height: 6px;background: url(../images/common/arrow_language.png) no-repeat center;position: absolute;top: 50%;right: 10px;transform: translateY(-50%);}

}




/* 전체메뉴 */
.newAllmenu {display:none; position:fixed; top:0px; left:0; z-index: 9999; width: 100%; height: 100vh;}

.newAllmenu-close {display:block; position: fixed; right: 20px; top: 25px; width: 50px; height: 50px; z-index:1002; padding:0; font-size:0; font-weight:700; text-align:center; transition: all 0.3s ease-in-out; border-radius:50%;  overflow:hidden; text-indent:-8888888px;}

.newAllmenu-close span:before,
.newAllmenu-close span:after {content:''; display:block; width:28px; height:2px; background-color:#222; position:absolute; top:50%; left:50%;transition: all 0.3s ease-in-out;}

.newAllmenu-close span:before {transform:translate(-50%, -50%) rotate(45deg);}
.newAllmenu-close span:after {transform:translate(-50%, -50%) rotate(-45deg);}

.newAllmenu-close:hover span:before,
.newAllmenu-close:focus span:before {transform:translateX(-50%) rotate(-45deg); background-color:#00599c;}
.newAllmenu-close:hover span:after,
.newAllmenu-close:focus span:after {transform:translateX(-50%) rotate(45deg); background-color:#00599c;}

.newAllmenu-wrap {position: fixed; top:45%; left:50%; transform:translate(-50%, -50%); width:100%; max-height:90%; z-index: 1001; overflow-y:auto;}

.newAllmenu-tit {position: absolute; top: 30px; left: 30px; z-index: 9999;}

.newAllmenu-inner {display:block; max-width:1400px; background: #eee; margin:0 auto; position:relative; text-align: center; border-radius: 0 30px 0 30px; overflow: hidden;}

.newAllmenu-nav {font-size:0; letter-spacing:-0.05em; position:relative; width:100%;}
/* .newAllmenu-nav::after {display: block; content: ""; width: 50%; height: 50%; background: url('../images/common/allmenu-bg.png') no-repeat right bottom / contain; position: absolute; bottom: -68px; right: -10px;} */


.newAllmenu-1dep {display:inline-block; width: 16.66%; vertical-align:top; transition: all 0.3s ease-in-out; position: relative;}
.newAllmenu-1dep+.newAllmenu-1dep::after {display: block; content: ""; width: 1px; height: 100%; background: rgba(187, 187, 187, 0.5); position: absolute; top: 0; left: 0;}

.newAllmenu-1dep > a {display:block; font-weight: 500; font-size:24px; font-weight:300; text-align:center; color:#fff; background: #477aa0; padding:0 10px; transition: all 0.3s ease-in-out; height:90px; line-height: 90px;}
.newAllmenu-1dep:hover > a,
.newAllmenu-1dep:focus > a {background-color:#00599c;}


.newAllmenu-2dep {padding: 10% 0; text-align: center;}
.newAllmenu-2dep > li+li {margin-top: 10px;}
.newAllmenu-2dep > li > a {display:block; padding:5%; color:#444; font-size:18px; font-weight:400; line-height:1.3; transition: all 0.3s ease-in-out;}
.newAllmenu-2dep > li:hover > a,
.newAllmenu-2dep > li:focus > a {color:#00599c; font-weight: 600; background: #fff;}

.newAllmenu-3dep {background: #fff; display: inline-block; width: 80%; margin: 5px auto 0; border-radius: 30px 0 30px 0;}
.newAllmenu-3dep > li > a {display:block; padding: 3% 2%; color:#666;  position:relative; font-weight:400; font-size:16px; line-height:1.3; transition: all 0.3s ease-in-out;}


.newAllmenu-3dep > li > a:hover,
.newAllmenu-3dep > li > a:focus {color:#00a2d9;}
.newAllmenu-3dep > li > a:hover:before,
.newAllmenu-3dep > li > a:focus:before {left:12%; background-color:#00a2d9;}

.newAllmenu-dimmed {position:absolute; top:0px; left:0; z-index:999; width:100%; height:100%; background: #fff;}
.newAllmenu-dimmed::after {display: block; content: ""; width: 110%; height: 100%; background: url('../images/common/allmenu-bg.png') no-repeat; position: absolute; top: 45%; left: 50%; transform: translateX(-50%);}


@media only screen and (max-width: 1400px) {
	.newAllmenu-inner {margin: 0 20px;}
	.newAllmenu-1dep > a {font-size:24px;}
	.newAllmenu-1dep > a > em {font-size:14px;}

	.newAllmenu-2dep > li > a {font-size:16px;}
	
	.newAllmenu-3dep > li > a {font-size:14px;}
}

@media only screen and (max-width: 1024px) {
	.newAllmenu{display:none !important;}
	.top__util-item {display:none;}
	.gnb-inner-util .top__util-item {display:inline-block; position: absolute; top: 50%; left: 20px; transform: translateY(-50%); z-index: 100;}
}



/* footer */
.footer {position:relative; z-index:2; background: #00001d; padding:40px 0 100px;}

.footer-inner {max-width: 1400px; margin: 0 auto; font-size: 0;}

.footer-box {border-bottom: 1px solid #fff; padding-bottom: 14px; display: flex; justify-content: space-between; align-items: center;}
.footer-logo {display: inline-block; vertical-align: top;}
.footer-logo a {display: block; width: 168px; height: 60px; background: url('../images/common/top_logo.png') no-repeat; opacity: 0.6; transition: all 0.3s ease-in-out;}
.footer-logo a:hover {opacity: 1;}

.footer-text {padding: 20px 0;}
.footer-info {display: flex; justify-content: space-between; position: relative;}
.footer__menu-wrap {font-size: 0;}
.footer__menu-wrap li {display: inline-block; position: relative;}
.footer__menu-wrap li+li a::after {display: block; content: ""; width: 1px; height: 90%; background: rgba(255, 255, 255, 0.6); position: absolute; top: 0; left: 0;}
.footer__menu-wrap li a {display: block; padding: 0 15px; font-size: 16px; font-weight: 500; color: #fff; opacity: 0.6; text-align: center; transition: all 0.3s ease-in-out;}
.footer__menu-wrap li a span {vertical-align: baseline;}
.footer__menu-wrap li a:hover {opacity: 1;}

.footer-item {position: relative; margin-bottom: 10px;}
.footer-item.tel,
.footer-item.fax,
.footer-item.mail {display: inline-block; opacity: 0.8; padding-right: 25px;}
.footer-item.fax::after,
.footer-item.mail::after {display: block; content: ""; width: 1px; height: 100%; background: rgba(255, 255, 255, 0.6); position: absolute; top: 50%; left: -14px; transform: translateY(-50%);}
.footer-item h2 {display: inline-block; color: #fff; font-size: 18px; font-weight: 500; margin-right: 10px; line-height: 1.3;}
.footer-item p {display: inline-block; font-size: 16px; color: #fff; font-weight: 300;}

.footer-copy {opacity: 0.8; font-size: 16px; font-weight: 300; letter-spacing: 0.05em; color: #fff; line-height: 1.3;}


@media only screen and (max-width:1440px){
	.footer-inner {margin: 0 20px;}
}

@media only screen and (max-width:1240px){
	.footer {padding: 40px 0 80px;}
}

@media only screen and (max-width:1024px){
	.footer-item h2 {font-size: 16px;}
	.footer-copy {font-size: 14px;}

	.footer-info {flex-wrap: wrap;}
	.footer-info address {order: 2;}

	.footer__menu-wrap {margin-bottom: 30px;}
	.footer__menu-wrap li a {font-size: 14px; padding: 0 10px;}
	.footer__menu-wrap li:first-child a {padding-left: 0;}
}

@media only screen and (max-width:768px){
	.footer {padding: 40px 0 60px;}
}

@media only screen and (max-width:640px){
	.footer-item h2,
	.footer-item p {font-size: 14px;}

	.footer-item.mail {display: block;}
	.footer-item.mail::after {display: none;}
}

@media only screen and (max-width:480px){
	.footer-info {text-align: center;}

	.footer-item.tel {display: block;}
	.footer-item.fax::after {display: none;}
}


/* footer-top */
.footer-top {display:inline-block; width:40px; height:40px; background: url('../images/common/ico_top.png') no-repeat center; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); font-size:0; overflow:hidden; text-indent:-9999px; transition: all 0.3s ease-in-out; }



/* lnb */
.lnb{position:absolute; width:100%; bottom:0; left:0; text-align:left; z-index:3; border-bottom: 1px solid #ededed;}

.lnb-wrap{max-width:1400px; margin:0 auto; background: #fff;}
.lnb-list{font-size:0;background:transparent;}
.lnb-list > li{display:inline-block; vertical-align:top; position:relative;}
.lnb-list > li.lnb-home{border-right:1px solid rgba(255, 255, 255, 0.25);}
.lnb-item {min-width:300px; max-width:30%; height:60px; font-size:18px; box-sizing: border-box; border-right: 1px solid #ededed;}
.lnb-home {width:70px; height:60px;}
.lnb-home a{display:block;font-size:0;line-height:0;width:100%;height:100%; background: #00599c url('../images/common/lnb_home_ico.png') center center no-repeat; transition:all 0.3s ease-in-out;}
.lnb-home a:hover {background-color:#00a2d9;}

.lnb-link {position:relative; display:block; line-height:60px; height:100%;padding:0 60px 0 20px; box-sizing:border-box; border-right:1px solid rgba(255, 255, 255, 0.25); color:#222; transition:all 0.3s ease-in-out;}
.lnb-link span {display:block;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.lnb-link:after {content:''; display:block; position:absolute; right:0; top:0; height:100%; width:50px; background:url('../images/common/lnb_open.png') center center no-repeat; transition: all .3s ease-in-out;}

.lnb-link:hover{color:#fff; background:#00599c;}
.lnb-link.js-active {background-color:00599c; color:#fff; background:#00599c;}
.lnb-link.js-active:after {transform: rotate(180deg); background:url('../images/common/lnb_open-h.png') center center no-repeat;}
.lnb-link:hover:after {background:url('../images/common/lnb_open-h.png') center center no-repeat;}

.lnb__menu-list{position:absolute;left:-1px;top:60px; display:none; z-index:2;  width:100%; border-left:1px solid #ccc; border-top:1px solid #ccc; box-sizing:content-box;}


.lnb__menu-list li { border:1px solid #ccc;  border-left:0; border-top:0; background-color:#fff;}
.lnb__menu-list a {display:block; font-size:16px; font-weight: 500; line-height:1.3; color:#666; background:#fff; padding:18px 20px 18px 20px; white-space: normal; word-break: break-all; transition:all 0.3s ease-in-out;}
.lnb__menu-list a > span {display:inline-block;}
.lnb__menu-list a:hover {color:#222; background:#f8f8f8; font-weight:500; padding-left:30px;}


/* sub_visual */
.sub_visual {padding: 160px 0 180px; background-size:cover; position:relative; font-size:0; text-align:center; overflow:hidden; background-position: center;}
.sub_visual-bg {width: 100%; height: 100%; position: absolute; top: 0; left: 0; background:url('../images/contents/visual_bg01.jpg') no-repeat center / cover;}

.sub_visual-inner {text-align:center; margin:0 auto; max-width:1400px; padding:0 50px;}

.sub_title{display:inline-block; letter-spacing:0.05em;}
.sub_title h2{color:#fff; font-size:55px; padding:0; font-weight:600; letter-spacing: 0.25em;}

.sub_visual.nth-1 {background-image:url('../images/contents/visual_bg01.jpg');}
.sub_visual.nth-2 {background-image:url('../images/contents/visual_bg02.jpg');}
.sub_visual.nth-3 {background-image:url('../images/contents/visual_bg03.jpg');}
.sub_visual.nth-4 {background-image:url('../images/contents/visual_bg04.jpg');}
.sub_visual.nth-5 {background-image:url('../images/contents/visual_bg05.jpg');}
.sub_visual.nth-6 {background-image:url('../images/contents/visual_bg06.jpg');}
.sub_visual.nth-7 {background-image:url('../images/contents/visual_bg01.jpg');}

@media only screen and (max-width:1440px){
}
@media only screen and (max-width:1240px){
}
@media only screen and (max-width:1024px){
	.sub_visual {padding: 140px 0 160px;}

	.sub_title h2{font-size:40px;}

	.lnb-home {height: 50px; width: 50px;}
	.lnb-item {height: 50px;}
	.lnb-link {line-height: 50px;}
	.lnb__menu-list {top: 50px;}
}

@media only screen and (max-width:768px){
	.sub_visual {padding: 100px 0 120px;}
	.lnb-item {min-width: 200px; font-size: 16px;}
}
@media only screen and (max-width:640px){
	.sub_visual {padding: 120px 0;}

	.sub_title h2{font-size:30px;}
}
@media only screen and (max-width:480px){
	.sub_visual {padding: 100px 0;}
	.lnb-item {min-width: 100px; width: calc(50% - 25px); max-width: 100%;}
}


.visual__contents{position:relative;}
.visual__contents-inner  {position:relative;}






/*Sub Title*/
.contents__title {padding: 75px 0 75px 0; position:relative; z-index:2;}
.contents__title h3{text-align:center; font-size:45px; font-weight:600; color:#222; letter-spacing: 0.25em; position:relative; padding:0 40px;}
.contents__title h3 span{display:inline-block; line-height:1.3;}

@media only screen and (max-width:1240px){
	.contents__title h3 {font-size: 40px;}
}

@media only screen and (max-width:1024px){
	.contents__title h3 {font-size: 35px;}
}

@media only screen and (max-width:640px){
	.contents__title {padding: 40px 0;}
	.contents__title h3 {font-size: 24px;}
}

@media only screen and (max-width:480px){
	.contents__title h3 {font-size: 20px;}
}