/* Header */

.hd_right_btn {right: 100px;}

#hd_wr {position: relative; z-index: 1;}

#hd_wr .lang {position: absolute; top: 29px; right: 10px; line-height: 0; font-size: 0;}
#hd_wr .lang a {display: inline-block; width: 32px; height: 22px; margin-left: 5px; background-repeat: no-repeat; background-position: 50%; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);}
#hd_wr .lang a:first-child {margin-left: 0;}

#hd_wr .lang a.kor {background-image: url(../img/add/icnLangKor.png);}
#hd_wr .lang a.eng {background-image: url(../img/add/icnLangEng.png);}

@media (max-width: 999px) {
	.hd_right_btn {right: 10px; margin-right: 0;}

	#hd_wr .lang {display: none; top: 15px; right: 20px;}
	#hd_wr .lang a {width: 32px; height: 21px; background-size: auto 21px;}
	#hd_wr .lang a.kor {background-image: url(../img/add/icnLangKorL.png);}
	#hd_wr .lang a.eng {background-image: url(../img/add/icnLangEngL.png);}
}


/* Inquiry Buttons */

.btn-inquiry {position: fixed; top: 50%; left: 30px; margin-top: -85px; border-radius: 5px; background: #fff; background: rgba(255, 255, 255, 0.9); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); overflow: hidden; z-index: 100;}
.btn-inquiry a {display: block; padding: 18px; border-top: solid 1px #ccc; text-align: center; line-height: 1.2; font-size: 0.95em; font-weight: 500; color: #00233f; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; transition: background 0.2s;}
.btn-inquiry a:first-child {border-top: 0;}
.btn-inquiry a:before {content: ""; display: block; width: 64px; height: 64px; margin: 0 auto 9px; background-repeat: no-repeat; background-position: 50%;}
.btn-inquiry a:hover {background-color: #fff;}

.btn-inquiry a.i1:before {background-image: url(../img/add/icnInquiry1.png);}
.btn-inquiry a.i2:before {background-image: url(../img/add/icnInquiry2.png);}

@media (max-width: 999px) {
	.btn-inquiry {top: auto; right: auto; bottom: 10px; left: 10px;}
	.btn-inquiry:after {content: ""; display: block; clear: both;}
	.btn-inquiry a {float: left; padding: 10px 15px; border-top: 0; border-left: solid 1px #ccc; font-size: 0.8em;}
	.btn-inquiry a:first-child {border-left: 0;}
	.btn-inquiry a:before {width: 32px; height: 32px; background-size: 32px auto;}
}


/* Page Cover */

.page-cover {display: table; width: 100%; height: 323px; margin-bottom: 30px; background: url(../img/add/imgCover0.png) no-repeat 50%; background-size: cover; text-align: center; line-height: 1.2; font-size: 54px; font-weight: 700; color: #fff;}
.page-cover > span {display: table-cell; vertical-align: middle;}

.page-cover.ca10 {background-image: url(../img/add/imgCover1.png);}
.page-cover.ca20 {background-image: url(../img/add/imgCover2.png);}
.page-cover.ca30 {background-image: url(../img/add/imgCover3.png);}
.page-cover.ca40 {background-image: url(../img/add/imgCover4.png);}
.page-cover.ca50 {background-image: url(../img/add/imgCover5.png);}
.page-cover.ca60 {background-image: url(../img/add/imgCover6.png);}
.page-cover.ca70 {background-image: url(../img/add/imgCover7.png);}

@media (max-width: 999px) {
	.page-cover {height: 120px; margin-bottom: 0; font-size: 30px;}
}


/* Item Filter */

.item-filter {position: relative; margin: 10px 0; padding: 10px 25px 12px; padding-left: 150px; border: solid 1px #eee; background: #fafafa; font-size: 0.9em; color: #666; letter-spacing: -0.5px;}
.item-filter input,
.item-filter label {vertical-align: middle;}
.item-filter dt {position: absolute; top: 13px; left: 25px; font-weight: 500; color: #000;}
.item-filter dt label {margin-left: 3px;}
.item-filter dd {display: inline-block; margin-right: 12px; padding: 3px 0; vertical-align: middle;}

.item-filter-button {text-align: center;}
.item-filter-button input[type="button"] {width: auto; height: 36px; padding: 0 20px; border: 0; border-radius: 3px; background: #9a9a9a; font-size: 0.9em; font-weight: 500; color: #fff;}
.item-filter-button input[type="button"].color {background: #4c9bfb;}

@media (max-width: 999px) {
	.item-filter {padding: 10px 12px;}
	.item-filter dt {position: static; margin-bottom: 5px; padding-bottom: 10px; border-bottom: solid 1px #ddd; font-size: 1.2em;}
	.item-filter dd {padding: 5px 0;}
}


/* Item Search Form */

.item-search-form {padding: 20px;}
.item-search-form select {width: 130px; height: 40px; padding: 5px; border: solid 1px #ddd;}
.item-search-form input {width: 260px; height: 40px; margin-left: 5px; padding: 0 10px; border: solid 1px #ddd;}
.item-search-form button {height: 40px; margin-left: 5px; padding: 0 20px; border: 0; background: #4c9bfb; font-family: inherit; font-weight: 500; color: #fff;}

@media (max-width: 999px) {
	.item-search-form {padding: 15px;}
	.item-search-form select {width: 130px;}
	.item-search-form input {width: 263px; margin: 5px 0 0;}
	.item-search-form button {width: 263px; margin: 5px 0 0;}
}


/* Main Page */

.content-main {line-height: 1.8; font-size: 18px; font-weight: 300; color: #fff; letter-spacing: -1px;}

.content-main .area {position: relative; background-repeat: no-repeat; background-position: 50%; background-size: cover;}
.content-main .area .outer {display: table; position: relative; width: 1200px; height: calc(100vh - 81px); margin: 0 auto;}
.content-main .area .inner {display: table-cell; padding: 0 100px; vertical-align: middle;}
.content-main .area .inner:after {content: ""; display: block; clear: both;}

.content-main .area .mask {display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.5;}
.content-main .area .mask img {display: none;}
.content-main .area .fade {opacity: 0;}

.content-main .area-head {background-image: url(../img/add/bgMain0.png); text-align: center;}
.content-main .area-head h2 {position: relative; line-height: 1.2; font-size: 54px; font-weight: 700; color: #fff; letter-spacing: -2.7px;}
.content-main .area-head h2 em {display: inline-block; border-bottom: solid 5px #fff; font-style: normal;}
.content-main .area-head p {margin-top: 40px; font-size: 20px; letter-spacing: -1.2px;}

.content-main .area-head dl {margin-top: 60px; white-space: nowrap; line-height: 0; font-size: 0;}
.content-main .area-head dt {margin-bottom: 25px; line-height: 1; font-size: 16px; font-weight: 400;}
.content-main .area-head dt + dd {margin-left: 0;}
.content-main .area-head dd {display: inline-block; margin-left: 10px; vertical-align: middle;}
.content-main .area-head dd a {box-sizing: border-box; display: block; width: 110px; border: solid 1px #aaa; border-radius: 110px; background: #fff; background: rgba(255, 255, 255, 0.8); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); line-height: 108px; font-size: 16px; font-weight: 500; color: #000; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;}
.content-main .area-head dd a.double {padding: 34px 0; line-height: 20px;}
.content-main .area-head dd a:hover {border-color: #4c9bfb; background: #4c9bfb; color: #fff;}

.content-main .area-body .left {float: left;}
.content-main .area-body .right {float: right;}

.content-main .area-body h2 {position: relative; margin-bottom: 45px; padding-bottom: 50px; line-height: 1.2; font-size: 48px; font-weight: 700; color: #fff; letter-spacing: -2.4px;}
.content-main .area-body h2:after {content: ""; display: block; position: absolute; bottom: 0; left: 2px; width: 35px; height: 5px; background: #fff;}
.content-main .area-body h3 {display: inline-block; margin-bottom: 5px; padding-bottom: 3px; border-bottom: solid 3px #fff; line-height: 1.2; font-size: 30px; font-weight: 700; color: #fff; letter-spacing: -1.6px;}
.content-main .area-body p {margin-top: 30px;}
.content-main .area-body p:first-child {margin-top: 0;}

.content-main .area-body.i2 {background-image: url(../img/add/bgMain1.png);}
.content-main .area-body.i3 {background-image: url(../img/add/bgMain2.png);}
.content-main .area-body.i4 {background-image: url(../img/add/bgMain3.png);}

:root .content-main .area .mask {display: block\9;}
:root .content-main .area .fade {opacity: 1\9;}

@media (max-width: 999px) {

	.content-main {font-size: 15px; font-weight: 350; color: #000; letter-spacing: -1px;}

	.content-main .area {height: auto !important; padding-bottom: 0 !important; background: none !important;}
	.content-main .area .outer {width: 100%; height: auto;}
	.content-main .area .outer,
	.content-main .area .inner {display: block;}
	.content-main .area .inner {padding: 30px 15px 60px;}
	.content-main .area .fp-tableCell {height: auto !important;}

	.content-main .area .mask {display: block; position: static; height: auto; background: none; opacity: 1;}
	.content-main .area .mask img {display: inline; width: 100%;}
	.content-main .area .fade {opacity: 1;}

	.content-main .area-head h2 {font-size: 32px; color: #000; letter-spacing: -2px;}
	.content-main .area-head h2 em {border-bottom: solid 3px #000;}
	.content-main .area-head p {margin-top: 25px; font-size: 16px; letter-spacing: -1px;}

	.content-main .area-head dl {margin-top: 55px; white-space: normal;}
	.content-main .area-head dt {margin-bottom: 20px; font-size: 14px; color: #4c9bfb;}
	.content-main .area-head dd {width: 25%; margin: 0; padding: 3px;}
	.content-main .area-head dd a {width: auto; border-radius: 3px; background: #fff; box-shadow: none; line-height: 78px; font-size: 14px;}
	.content-main .area-head dd a.double {padding: 19px 0;}

	.content-main .area-body .left,
	.content-main .area-body .right {float: none;}
	.content-main .area-body .right {margin-top: 20px;}
	.content-main .area-body .right h3 {padding-top: 30px;}

	.content-main .area-body h2 {margin-bottom: 50px; padding-bottom: 25px; font-size: 32px; color: #000; letter-spacing: -2px;}
	.content-main .area-body h2:after {width: 20px; height: 3px; background: #000;}
	.content-main .area-body h3 {border-bottom: solid 2px #4c9bfb; font-size: 22px; font-weight: 500; color: #4c9bfb; letter-spacing: -1.5px;}
	.content-main .area-body p {margin-top: 20px;}
	.content-main .area-body p br {display: none;}

}


/* Popup (Common) */

.hd_pops {border: 0; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);}
.hd_pops_con {height: auto !important;}

.hd_pops_footer {background: #333; text-align: center;}
.hd_pops_footer button {padding: 5px 10px; border: solid 1px #bbb; border-radius: 3px; background: #ddd; background: #ddd linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)); box-shadow: 0 1px 0 rgba(0, 0, 0, .2), 0 2px 2px -1px rgba(0, 0, 0, .4), 0 1px 0 rgba(255, 255, 255, .2) inset; font-family: "Noto Sans Korean", "Nanum Gothic", "dotum", sans-serif; font-size: 13px; font-weight: 500; color: #333; text-shadow: 0 1px 0 rgba(255, 255, 255, .5); letter-spacing: -0.5px;}

.popup-common {position: relative; padding-bottom: 20px; text-align: center; line-height: 1.2; font-size: 15px; color: #333; letter-spacing: -0.5px;}
.popup-common .close {position: absolute; top: 25px; right: 25px; width: 32px; height: 32px; background: url(../img/add/icnClose.png) no-repeat 50%; line-height: 0; font-size: 0; cursor: pointer;}

.popup-common .image {line-height: 0; font-size: 0;}
.popup-common .image,
.popup-common .image img {width: 100%;}

.popup-common .type {margin-top: 22px; font-size: 20px; font-weight: 700; color: #4c9bfb;}
.popup-common .subject {margin-top: 10px; font-size: 24px; font-weight: 500; letter-spacing: -0.8px;}
.popup-common .desc {margin-top: 20px;}

.popup-common .button {margin-top: 20px; text-align: center;}
.popup-common .button a {display: inline-block; padding: 10px 30px; background: #4c9bfb; line-height: 1.2; font-size: 16px; font-weight: 500; color: #fff;}

@media (max-width: 999px) {

	.hd_pops {top: 10px !important; left: 10px !important;}
	.hd_pops_con {max-width: calc(100vw - 20px) !important;}

}


/* 2019-05-31 */

#gnb_scroll li a {color: #999;}
#gnb_scroll li.em a {color: #000;}

.cate li a {font-weight: 500; color: #999;}
.cate li.em a {color: #000;}

.sit_con {min-height: 210px;}