@charset "utf-8";

@font-face {
	font-family: AppleSDGothicNeo;
	font-weight: 100;
	src:url('/skin/f_black/font/AppleSDGothicNeoT.woff2') format('woff2'), 
}

@font-face {
	font-family: AppleSDGothicNeo;
	font-weight: 200;
	src:url('/skin/f_black/font/AppleSDGothicNeoUL.woff2') format('woff2'), 
}

@font-face {
	font-family: AppleSDGothicNeo;
	font-weight: 300;
	src:url('/skin/f_black/font/AppleSDGothicNeoL.woff2') format('woff2'), 
}

@font-face {
	font-family: AppleSDGothicNeo;
	font-weight: 400;
	src:url('/skin/f_black/font/AppleSDGothicNeoR.woff2') format('woff2'), 
}

@font-face {
	font-family: AppleSDGothicNeo;
	font-weight: 500;
	src:url('/skin/f_black/font/AppleSDGothicNeoM.woff2') format('woff2'), 
}

@font-face {
	font-family: AppleSDGothicNeo;
	font-weight: 600;
	src:url('/skin/f_black/font/AppleSDGothicNeoSB.woff2') format('woff2'), 
}

@font-face {
	font-family: AppleSDGothicNeo;
	font-weight: 700;
	src:url('/skin/f_black/font/AppleSDGothicNeoB.woff2') format('woff2'), 
}

@font-face {
	font-family: AppleSDGothicNeo;
	font-weight: 800;
	src:url('/skin/f_black/font/AppleSDGothicNeoEB.woff2') format('woff2'), 
}

@font-face {
	font-family: AppleSDGothicNeo;
	font-weight: 900;
	src:url('/skin/f_black/font/AppleSDGothicNeoH.woff2') format('woff2'), 
}

@font-face {
    font-family: 'GmarketSansLight';
    src: url('/skin/f_black/font/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('/skin/f_black/font/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansBold';
    src: url('/skin/f_black/font/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Paperlogy-4Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Paperlogy-5Medium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Paperlogy-6SemiBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Paperlogy-7Bold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Paperlogy-8ExtraBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}

*, body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0; padding:0; box-sizing:border-box; }
fieldset,img{border:0 none;}
dl,ul,ol,menu,li{list-style:none;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after,q:before, q:after{content:''; content:none;}
input,select,textarea,button{vertical-align:middle;}
table{table-layout:fixed; border-collapse:collapse; border-spacing:0;}
button{display:inline-block; vertical-align:middle; padding:0; margin:0; border:0 none; background-color:transparent; cursor:pointer; -webkit-transition:0.3s ease; -moz-transition:0.3s ease;	-ms-transition:0.3s ease; -o-transition:0.3s ease; transition:0.3s ease;}
button:focus{outline:0;}
a{color:#555; text-decoration:none; -webkit-transition:0.3s ease; -moz-transition:0.3s ease; -ms-transition:0.3s ease; -o-transition:0.3s ease; transition:0.3s ease;}
a:active, a:hover{text-decoration:none;}
address,caption,cite,code,dfn,em,var{font-style:normal; font-weight:normal;}
img{vertical-align:middle;}
caption{text-indent:-9999em; overflow:hidden; font-size:0; line-height:0;}

* {font-family: 'AppleSDGothicNeo', sans-serif; letter-spacing: -0.05rem; word-break: auto-phrase;}

#wrap {position:relative; width:100%; min-width:320px;}
#wrap.sub {padding-top: 120px;}
.inner {width: 100%; padding-left: 100px; padding-right: 100px; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.container {width: 100%; max-width: 1200px; margin: 0 auto; padding-left: 20px; padding-right: 20px;}

@media (max-width:1480px) {
	.inner {padding-left: 60px; padding-right: 60px;}
}

@media (max-width:1280px) {
	.inner {padding-left: 40px; padding-right: 40px;}
}

@media (max-width:992px) {
	.inner {padding-left: 20px; padding-right: 20px;}
}

@media (max-width:768px) {
	.inner {padding-left: 20px; padding-right: 20px;}
}



/* Navigation (상단 메뉴)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* GNB */
@media (min-width:993px) {	
	#gnb {background: #041a4b; position: fixed; left: 0; right: 0; top: 0; z-index: 100;}
	#gnb .inner {display: flex; align-items: center; justify-content: space-between;}
	.gnb-logo {transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
	.gnb-logo a {display: block; width: 163px; height: 47px; text-indent: -9999px; background: url('/skin/f_black/images/common/gnb_logo.png')no-repeat center center / cover;}
	.gnb-wrap {display: flex; justify-content: flex-end;}
	.gnb-menu {display: flex;}
	.gnb-menu > li {padding: 30px 0; margin-right: 80px; position: relative; flex: auto; display: flex; align-items: center; justify-content: center; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
	.gnb-menu > li:last-child {margin-right: 0;}
	.gnb-menu > li > a {display: flex; align-items: center; font-family: 'Paperlogy-7Bold'; height: 50px; line-height: 50px; font-size: 22px; position: relative; color: #fff; font-weight: 700; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
	.gnb-menu > li > button {display: none;}
	.gnb-menu > li > a.active {color: #edcc7e;}
	.gnb-menu > li > a.active:after {content: ''; display: block; background: #edcc7e; height: 2px; position: absolute; left: 0; right: 0; bottom: 0;}
	.gnb-menu > li > ul,
	.gnb-menu > li.single > .dummy {visibility: hidden; opacity: 0; position: absolute; left: 0; right: 0; top: 50%; margin-top: 23px; z-index: 100; background: #173984; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
	.gnb-menu > li > ul > li {position: relative; border-top: solid 2px #edcc7e;}
	.gnb-menu > li > ul > li.all {display: none;}
	.gnb-menu > li > ul > li > a {font-size: 16px; font-family: 'Paperlogy-4Regular'; display: block; padding: 12px 0; font-weight: 500; text-align: center; color: #fff; position: relative; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; white-space: nowrap; position: relative;}
	.gnb-menu > li > ul > li:hover > a {color: #9ce2ff;}	
	.gnb-menu > li > ul > li > button {display: none;}
	.gnb-overlay {display: none;}
	.gnb-toggle {display: none;}
	#gnb.hover .gnb-menu > li:hover > ul,
	#gnb.hover .gnb-menu > li.single:hover > .dummy {visibility: visible; opacity: 1;}
	#gnb.hover .gnb-menu > li > ul > li:hover > ul {visibility: visible; opacity: 1;}

}

@media all and (min-width:1281px) and (max-width:1480px) {
	.gnb-menu > li {margin-right: 60px; padding: 25px 0;}
	.gnb-menu > li > a {font-size: 20px;}
}

@media all and (min-width:993px) and (max-width:1280px) {
	.gnb-menu > li {margin-right: 40px; padding: 15px 0;}
	.gnb-menu > li > a {font-size: 18px;}
}

@media (max-width:992px) {
	#gnb {background: #041a4b; position: fixed; left: 0; right: 0; top: 0; z-index: 100; height: 60px; display: flex; align-items: center; justify-content: space-between;}
	#gnb .inner {padding-left: 0; padding-right: 0; display: flex; align-items: center; justify-content: space-between;}
	.gnb-logo {padding-left: 10px;}
	.gnb-logo a {display: block; width: 125px; height: 36px; text-indent: -9999px; background: url('/skin/f_black/images/common/gnb_logo.png')no-repeat center center / cover;}
	
	.gnb-wrap {position: fixed; right: -100%; top: 0; bottom: 0; width: 300px; background: #041a4b; z-index: 99; padding-top: 56px; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
	#gnb.on .gnb-wrap {right: 0;}

	.gnb-toggle {display: block; width: 56px; height: 56px; background: none; text-indent: -9999px; border: none; padding: 18px 15px; position: relative; z-index: 102;}
	.gnb-toggle span,
	.gnb-toggle:before,
	.gnb-toggle:after {content: ''; display: block; height: 2px; background: #fff; margin-bottom: 6px; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
	.gnb-toggle:after {margin-bottom: 0;}
	.gnb-toggle.on:before {margin-left:0px; transform:rotate(45deg);-webkit-transform:rotate(45deg);}
	.gnb-toggle.on span {opacity:0;}
	.gnb-toggle.on:after {margin-top:-16px; margin-left:0px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
	
	.gnb-menu {height: 100%; overflow-y: auto;}
	.gnb-menu > li {position: relative; border-bottom: solid 1px rgba(255,255,255,0.1);}
	.gnb-menu > li:first-child {border-top: solid 1px rgba(255,255,255,0.1);}
	.gnb-menu > li > a {display: none;}
	.gnb-menu > li > a.only,
	.gnb-menu > li > button {font-family: 'Paperlogy-7Bold'; display: block; width: 100%; border: none; color: #fff; text-align: left; height: 50px; line-height: 50px; padding: 0 30px; font-size: 16px; font-weight: 500; background: none; position: relative;}
	.gnb-menu > li > button:before,
	.gnb-menu > li > button:after {content: ''; display: block; background: #fff; width: 12px; height: 2px; position: absolute; right: 20px; top: 50%; margin-top: -1px;}
	.gnb-menu > li > button:after {transform: rotate(90deg); -webkit-transform: rotate(90deg);}
	.gnb-menu > li > button.open {background: rgba(255,255,255,0.1);}
	.gnb-menu > li > button.open:after {display: none;}
	.gnb-menu > li > button.open ~ ul {display: block;}
	.gnb-menu > li > ul {background: rgba(255,255,255,0.1); height: auto !important; display: none; padding: 10px 30px 20px;}
	.gnb-menu > li > ul > li {margin-bottom: 8px;}
	.gnb-menu > li > ul > li:last-child {margin-bottom: 0;}
	.gnb-menu > li > ul > li > a {font-family: 'Paperlogy-4Regular'; display: none; align-items: center; font-size: 13px; color: #fff; font-weight: 300;}
	.gnb-menu > li > ul > li > a:before {content: ''; display: block; width: 4px; height: 1px; background: #fff; margin-right: 5px;}
	.gnb-menu > li > ul > li > a.only {display: flex;}
	.gnb-overlay {visibility: hidden; opacity: 0; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.7); z-index: 98; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
	#gnb.on .gnb-overlay {visibility: visible; opacity: 1;}
}




.ft {background: #2a2c2f; padding: 50px 0;}
.ft-desc {padding: 0 30px;}
.ft-desc li {font-size: 15px; margin-bottom: 5px; color: #fff; font-family: 'Paperlogy-4Regular';}
.ft-desc li:last-child {margin-bottom: 0;}
.ft-wrap {display: flex; align-items: center; border-top: solid 2px #9c9d9e; padding: 30px 30px 0; margin-top: 30px;}
.ft-logo {flex-shrink: 0; margin-right: 50px;}
.ft-logo img {display: block; width: 116px;}
.ft-info {flex-grow: 1;}
.ft-info ul {margin-bottom: 5px; display: flex; align-items: center; flex-wrap: wrap;}
.ft-info ul:last-child {margin-bottom: 0;}
.ft-info ul li {font-size: 15px; color: #fff; display: flex; align-items: center; font-family: 'Paperlogy-4Regular';}
.ft-info ul li:after {content: ''; display: block; width: 1px; height: 10px; background: #fff; margin: 0 10px;}
.ft-info ul li:last-child:after {display: none;}

@media (max-width:1280px) {
	.ft-desc {padding: 0;}
	.ft-wrap {padding: 30px 0 0;}
}

@media (max-width:768px) {
	.ft {padding: 30px 0;}
	.ft-desc li {font-size: 13px;}
	.ft-wrap {margin-top: 20px; padding: 20px 0 0; display: block;}
	.ft-logo {margin-right: 0;}
	.ft-info {margin-top: 20px;}
	.ft-info ul {display: block;}
	.ft-info ul li {font-size: 13px; margin-bottom: 5px;}
	.ft-info ul li:last-child {margin-bottom: 0;}
	.ft-info ul li:after {display: none;}
}







/* Copy this code after the above code */
@keyframes customAni {
  0% {
	transform: translateX(-100px);
  }

  100% {
	transform: translateX(0);
	opacity: 1;
  }
}


#fullpage {overflow: hidden;}
.section img {display: block; max-width: 100%; margin: 0 auto;}
.section-wrap {padding-top: 110px;}

@media (max-width: 1480px) and (max-height: 768px) {
	#wrap {padding-top: 100px;}
	.section-wrap {padding-bottom: 100px;}
}

@media (max-width: 1280px) and (max-height: 768px) {
	#wrap {padding-top: 80px;}
	.section-wrap {padding-bottom: 80px;}
}

@media (max-width: 992px) and (max-height: 768px) {
	#wrap {padding-top: 60px;}
	.section-wrap {padding-bottom: 60px;}
}

#section1 {background: url('/skin/f_black/images/main/section1_bg.jpg')no-repeat center bottom / cover;}
#section1 .fp-tableCell {vertical-align: bottom; padding-bottom: 5%;}
.section1-title dd {margin-top: 2%;}
.section1-title dd img {max-height: 8vh;}
.section1-product {margin-top: 4%;}
.section1-product img {display: block; max-width: 100%; max-height: 40vh; margin: 0 auto;}

#section2 {background: url('/skin/f_black/images/main/section2_bg.jpg')no-repeat center center / cover;}
.section2-item {display: flex; margin-top: 5%;}
.section2-item li {width: 50%; text-align: center;}
.section2-item li a {display: block;}
.section2-item li h5 {font-size: 30px;color: #072962;font-family: 'GmarketSansMedium';margin-bottom: 2%;transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;line-height: 1.5;}
.section2-item li p {font-size: 22px; font-weight: 500; margin-top: 2%; color: #000; letter-spacing: -0.075rem; line-height: 1.3; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.section2-item li p span {color: #a46a2c; font-weight: 700;}
.section2-item li em {display: block; height: 300px; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.section2-item li:nth-child(1) em {background: url('/skin/f_black/images/main/section2_item1.png')no-repeat center center / auto 100%;}
.section2-item li:nth-child(2) em {background: url('/skin/f_black/images/main/section2_item2.png')no-repeat center center / auto 100%;}
.section2-item li a:hover {transform: scale(1.2);}
.section2-item li a:hover h5 {color: #b07c43;}
.section2-item li:nth-child(1) a:hover em {background: url('/skin/f_black/images/main/section2_item1_on.png')no-repeat center center / auto 100%;}
.section2-item li:nth-child(2) a:hover em {background: url('/skin/f_black/images/main/section2_item2_on.png')no-repeat center center / auto 100%;}

#section3 {background: url('/skin/f_black/images/main/section3_bg.jpg')no-repeat center center / cover;}
#section3 .fp-tableCell {vertical-align: bottom;}
.section3-title img {max-height:20vh;}
.section3-people {margin-top: 2%;}
.section3-people img {max-height:58vh;}

#section4 {padding-left: 0; padding-right: 0;}

@media (max-width:1480px) {
	.section-wrap {padding-top: 100px;}
	.section1-title,
	.section2-title,
	.section3-title {padding: 0 20%;}
}

@media (max-width:1280px) {
	.section-wrap {padding-top: 80px;}
	.section1-product {padding: 0 10%;}
	.section2-item li h5 {font-size: 30px;}
	.section2-item li em {height: 260px;}
	.section2-item li p {font-size: 20px;}
}

@media (max-width:992px) {
	#custom-nav {display: none;}
	#fullpage {padding-top: 60px;}
	.section,
	.fp-tableCell {height: auto !important;}
	.section-wrap {padding-top: 15%; padding-bottom: 15%;}

	#section1 {padding-top: 15%;}
	.section2-item li h5 {font-size: 26px;}
	.section2-item li em {height: 220px;}
	.section2-item li p {font-size: 16px;}
	#section3 .section-wrap {padding-bottom: 0;}
}

@media (max-width:768px) {
	.section-wrap {padding-top: 20%; padding-bottom: 20%;}
	#section1 {padding-top: 20%;}
	.section1-title {padding: 0 10%;}

	.section2-title {padding: 0 5%;}
	.section2-item {display: block; margin-top: 10%;}
	.section2-item li {width: 100%; margin-bottom: 20%;}
	.section2-item li:last-child {margin-bottom: 0;}
	.section2-item li h5 {font-size: 22px; margin-bottom: 3%;}
	.section2-item li:nth-child(1) h5 {color: #b07c43;}
	.section2-item li em {height: 180px;}
	.section2-item li p {font-size: 14px;}
	.section2-item li a:hover {transform: scale(1.0);}
	
	.section3-title {padding: 0 5%;}
	.section3-people {margin-top: 5%;}
	.section1-title dd {margin-top: 5%;}
	.section1-product {margin-top: 10%; padding: 0; margin-right: -5%; padding-left: 5%;}
}


@media (min-width:993px) {
	.section1-product,
	.section1-title dt,
	.section1-title dd,
	.section2-title,
	.section2-item li,
	.section3-title {opacity: 0;}

	/* body.fp-viewing-page1 .section1-product {animation: bounceAni 1s cubic-bezier(0.68, -0.6, 0.32, 1.6) 2s normal forwards;} */
	body.fp-viewing-page1 .section1-product {animation: fadeInUp 4s cubic-bezier(.24,1.41,.54,1.01) 0.5s forwards;}
	body.fp-viewing-page1 .section1-title dt {animation: fadeInUp 4s cubic-bezier(.24,1.41,.54,1.01) 0.5s forwards;}
	body.fp-viewing-page1 .section1-title dd {animation: fadeInUp 4s cubic-bezier(.24,1.41,.54,1.01) 0.5s forwards;}
	body.fp-viewing-page2 .section2-title {animation: fadeInUp 4s cubic-bezier(.24,1.41,.54,1.01) 0s forwards;}
	body.fp-viewing-page2 .section2-item li:nth-child(1) {animation: fadeInUp 4s cubic-bezier(.24,1.41,.54,1.01) 0.5s forwards;}
	body.fp-viewing-page2 .section2-item li:nth-child(2) {animation: fadeInUp 4s cubic-bezier(.24,1.41,.54,1.01) 1s forwards;}
	body.fp-viewing-page3 .section3-title {animation: fadeInUp 4s cubic-bezier(.24,1.41,.54,1.01) 1.0s forwards;}

	@keyframes fadeInUp {
		0% {opacity: 0; transform: translateY(40px);}
		100% {opacity: 1; transform: translateY(0);	}
	}

	@keyframes bounceAni {
		0% {animation-timing-function: ease-in; opacity: 1; transform: translateY(-160px);}
		24% {opacity: 1;}
		40% {animation-timing-function: ease-in; transform: translateY(-24px);}
		65% {animation-timing-function: ease-in; transform: translateY(-12px);}
		82% {animation-timing-function: ease-in; transform: translateY(-6px);}
		93% {animation-timing-function: ease-in; transform: translateY(-4px);}
		25%,
		55%,
		75%,
		87% {animation-timing-function: ease-out; transform: translateY(0px);}
		100% {animation-timing-function: ease-out; opacity: 1; transform: translateY(0px);}
	}
}




#prdt {padding-top: 110px; background: url('/skin/f_black/images/main/product_bg.jpg')no-repeat center center / cover;}
.prdt-inner {padding: 160px 0;}
.prdt-menu {display: flex;}
.prdt-menu li {width: 50%; text-align: center;}
.prdt-menu li a {display: block;}
.prdt-menu li h5 {font-size: 40px; color: #fff; font-family: 'GmarketSansMedium'; margin-bottom: 2%; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.prdt-menu li p {font-size: 30px; font-weight: 500; margin-top: 4%; color: #fff; letter-spacing: -0.075rem; line-height: 1.3; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.prdt-menu li p span {color: #d5ab63; font-weight: 700;}
.prdt-menu li em {display: block; height: 320px; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.prdt-menu li:nth-child(1) em {background: url('/skin/f_black/images/main/product1.png')no-repeat center center / auto 100%;}
.prdt-menu li:nth-child(2) em {background: url('/skin/f_black/images/main/product2.png')no-repeat center center / auto 100%;}
.prdt-menu li a:hover {transform: scale(1.1);}

@media (max-width:1480px) {
	#prdt {padding-top: 100px;}
	.prdt-inner {padding: 140px 0;}
	.prdt-menu li h5 {font-size: 36px;}
	.prdt-menu li p {font-size: 26px;}
	.prdt-menu li em {height: 300px;}
}

@media (max-width:1280px) {
	#prdt {padding-top: 80px;}
	.prdt-inner {padding: 120px 0;}
	.prdt-menu li h5 {font-size: 30px;}
	.prdt-menu li p {font-size: 22px;}
	.prdt-menu li em {height: 260px;}
}

@media (max-width:992px) {
	#prdt {padding-top: 60px;}
	.prdt-inner {padding: 100px 0;}
	.prdt-menu li h5 {font-size: 24px;}
	.prdt-menu li p {font-size: 18px;}
	.prdt-menu li em {height: 220px;}
}

@media (max-width:768px) {
	.prdt-inner {padding: 80px 0;}
	.prdt-menu {display: block;}
	.prdt-menu li {width: 100%; margin-bottom: 80px;}
	.prdt-menu li:last-child {margin-bottom: 0;}
	.prdt-menu li p {font-size: 16px;}
	.prdt-menu li em {height: 200px;}
}




#detail1 {background: url('/skin/f_black/images/main/product_bg.jpg')no-repeat center center / cover;}
#detail2 {background: url('/skin/f_black/images/main/section2_bg.jpg')no-repeat center center / cover;}
#detail3 {background: url('/skin/f_black/images/main/video_bg.jpg')no-repeat center center / cover;}

.dtl-intro {display: flex; align-items: center;}
.dtl-intro dt {width: 50%; text-align: center; color: #fff;}
.dtl-intro dt h5 {font-size: 44px; font-family: 'GmarketSansMedium'; margin-bottom: 2%;}
.dtl-intro dt img {display: block;}
.dtl-intro dt p {font-size: 30px; font-weight: 500; margin-top: 4%; color: #fff; letter-spacing: -0.075rem; line-height: 1.3;}
.dtl-intro dt p span {color: #d5ab63; font-weight: 700;}
.dtl-intro dd {width: 50%;}
.dtl-intro dd ul li {margin-bottom: 5%; display: flex; align-items: center;}
.dtl-intro dd ul li:last-child {margin-bottom: 0;}
.dtl-intro dd ul li img {display: block; width: 90px; margin-right: 40px; flex-shrink: 0;}
.dtl-intro dd ul li p {flex-grow: 1; font-size: 24px; color: #fff; font-weight: 600;}
.dtl-intro dd ul li p span {color: #edcc7e;}

.dtl-inner {padding: 30px 0;}
.dtl-title {margin-bottom: 2%; text-align: center; color: #072962; font-size: 44px; font-family: 'GmarketSansMedium';}
.dtl-cont {margin: 0 8%; padding: 5% 5%; background: rgba(255,255,255,0.34); position: relative; border: solid 2px #fff; -webkit-border-radius: 40px; border-radius: 40px;}
.dtl-cont:before {content: ''; display: block; width: 39px; height: 46px; position: absolute; right: 10%; top: 0; background: url('/skin/f_black/images/main/detail_ribbon.png')no-repeat center center / cover;}
.dtl-cont ul li {display: flex; margin-bottom: 40px;}
.dtl-cont ul li:last-child {margin-bottom: 0;}
.dtl-cont ul li h5 {position: relative; padding: 0 10px; width: 150px; margin-right: 20px; flex-shrink: 0;}
.dtl-cont ul li h5 span {text-align: center; background: #072962; color: #fff; height: 41px; font-size: 22px; padding-top: 2px; font-family: 'GmarketSansMedium'; line-height: 1.0; display: flex; align-items: center; justify-content: center;}
.dtl-cont ul li h5:before,
.dtl-cont ul li h5:after {content: ''; display: block; width: 10px; height: 41px; position: absolute; top: 0; background: url('/skin/f_black/images/main/detail_deco.png')no-repeat left center / auto 100%;}
.dtl-cont ul li h5:before {left: 0;}
.dtl-cont ul li h5:after {right: 0; background-position: right center;}
.dtl-cont ul li p {font-size: 20px; color: #072962; font-weight: 600; padding-top: 4px;}
.dtl-cont ul li p span {color: #a46a2c;}
.dtl-cont ul li:last-child p {padding-right: 20%;}
.dtl-cont img {display: block; position: absolute; bottom: -10%; right: -15%;}

.dtl-video dt {margin-bottom: 2%; text-align: center; color: #fff; font-size: 44px; font-family: 'GmarketSansMedium';}
.dtl-video dt span {color: #edcc7e; font-family: 'GmarketSansMedium';}
.dtl-video dd {margin: 0 15%; position: relative;}
.dtl-video dd div {overflow: hidden; padding-bottom: 56.25%; position: relative; border: solid 2px #edcc7e; -webkit-border-radius: 30px; border-radius: 30px;}
.dtl-video dd iframe {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.dtl-video dd img {position: absolute; right: -16%; bottom: -12%; width: 47%;}

@media (max-width:1480px) {
	.dtl-intro dt h5 {font-size: 36px;}
	.dtl-intro dt p {font-size: 26px;}
	.dtl-intro dt img {width: 430px;}
	.dtl-intro dd ul li p {font-size: 22px;}
	.dtl-title {font-size: 40px;}
	.dtl-cont ul li {margin-bottom: 30px;}
	.dtl-cont ul li h5 {width: 130px;}
	.dtl-cont ul li h5 span {font-size: 20px;}
	.dtl-cont ul li p {font-size: 18px; padding-top: 6px;}
	.dtl-video dt {font-size: 40px;}
}

@media (max-width:1280px) {
	.dtl-intro dt h5 {font-size: 32px;}
	.dtl-intro dt p {font-size: 22px;}
	.dtl-intro dt img {width: 400px;}
	.dtl-intro dd ul li img {width: 80px; margin-right: 30px;}
	.dtl-intro dd ul li p {font-size: 20px;}
	.dtl-title {font-size: 36px;}
	.dtl-cont ul li h5 {width: 100px;}
	.dtl-cont ul li h5 span {font-size: 16px;}
	.dtl-cont ul li p {font-size: 16px; padding-top: 8px;}
	.dtl-cont img {height: 260px;}
	.dtl-video dt {font-size: 36px;}
}

@media (max-width:992px) {
	.dtl-intro dt h5 {font-size: 28px;}
	.dtl-intro dt p {font-size: 18px;}
	.dtl-intro dt img {width: 340px;}
	.dtl-intro dd ul li img {width: 70px; margin-right: 20px;}
	.dtl-intro dd ul li p {font-size: 18px;}
	.dtl-inner {padding: 0;}
	.dtl-title {font-size: 32px;}
	.dtl-cont:before {width: 30px; height: 35px;}
	.dtl-cont ul li {margin-bottom: 20px;}
	.dtl-cont ul li h5 {padding: 0 8px;}
	.dtl-cont ul li h5 span {font-size: 14px; height: 32px;}
	.dtl-cont ul li h5:before,
	.dtl-cont ul li h5:after {width: 8px; height: 32px;}
	.dtl-cont ul li p {font-size: 14px; padding-top: 6px;}
	.dtl-cont img {height: 220px;}
	.dtl-video dt {font-size: 32px;}
}

@media (max-width:768px) {
	.dtl-intro {display: block;}
	.dtl-intro dt {width: 100%;}
	.dtl-intro dt p {font-size: 16px;}
	.dtl-intro dd {width: 100%; margin-top: 20%;}
	.dtl-intro dd ul li img {width: 60px; margin-right: 20px;}
	.dtl-intro dd ul li p {font-size: 16px;}
	.dtl-title {font-size: 28px;}
	.dtl-cont {margin: 0; padding: 10% 5%; -webkit-border-radius: 20px; border-radius: 20px;}
	.dtl-cont:before {width: 24px; height: 28px;}
	.dtl-cont ul li {display: block;}
	.dtl-cont ul li h5 {padding: 0 6px; width: 80px;}
	.dtl-cont ul li h5 span {font-size: 14px; height: 24px;}
	.dtl-cont ul li h5:before,
	.dtl-cont ul li h5:after {width: 6px; height: 24px;}
	.dtl-cont ul li p {font-size: 13px; padding-top: 0px; margin-top: 8px;}
	.dtl-cont img {height:120px; right: -8%;}
	.dtl-video dt {font-size: 26px;}
	.dtl-video dd {margin: 0;}
	.dtl-video dd div {webkit-border-radius: 20px; border-radius: 20px;}
	.dtl-video dd img {right: -5%;}
}








#pmc1 {background: url('/skin/f_black/images/main/section2_bg.jpg')no-repeat center center / cover;}
.pmc-wrap {padding-top: 110px; height: 100vh;}
.pmc-inner {padding: 80px 20px; height: 100%; width: 100%; max-width: 1020px; margin: 0 auto; display: flex; flex-direction: column;}

.pmc-top {flex-shrink: 0;}
.pmc-title dt {}
.pmc-title dd {margin-top: 2%;}
.pmc-sch {display: flex; margin-top: 6%;}
.pmc-sch li:nth-child(1) {flex-shrink: 0; width: 19%; margin-right: 1%;}
.pmc-sch li:nth-child(2) {flex=shrink: 0; width: 19%; margin-right: 1%;}
.pmc-sch li:nth-child(3) {flex=shrink: 0; width: 19%; margin-right: 1%;}
.pmc-sch li:nth-child(4) {flex-grow: 1;}
.pmc-sch li select {width: 100%; height: 54px; padding-left: 20px; padding-right: 60px; font-size: 20px; color: #0f186f; font-weight: 600; font-family: 'AppleSDGothicNeo'; border: solid 1px #fff; background: rgba(255,255,255,0.5) url('/skin/f_black/images/sub/select_arrow.png')no-repeat right 20px center / 20px auto; -webkit-appearance: none; appearance: none;}
.pmc-sch li .no_sigungu {width: 100%; height: 54px; padding: 0 20px; color: #0f186f; font-size: 20px; font-family: 'AppleSDGothicNeo'; border: solid 1px #fff; display: flex; align-items: center;}
.pmc-ipt {position: relative;}
.pmc-ipt input[type="text"] {width: 100%; height: 54px; background: rgba(255,255,255,0.5); color: #0f186f; font-size: 20px; font-weight: 600; padding-left: 20px; padding-right: 54px; font-family: 'AppleSDGothicNeo'; border: solid 1px #fff; -webkit-appearance: none; appearance: none;}
.pmc-ipt input[type="text"]::placeholder {color: #0f186f;}
.pmc-ipt button {flex-shrink: 0; width: 54px; height: 54px; position: absolute; right: 0; top: 0; text-indent: -9999px; background: url('/skin/f_black/images/sub/search.png')no-repeat center center / 27px auto;}

.pmc-bot {flex-grow: 1; position: relative; margin-top: 2%;}
.pmc-list::-webkit-scrollbar {height: 8px; width: 8px;}
.pmc-list::-webkit-scrollbar-track {background-color: #eee;}
.pmc-list::-webkit-scrollbar-thumb {border-radius: 5px; background-color: #041a4b;}
.pmc-list {background: #fff; width: 39%; padding: 0 20px; overflow-y: scroll; margin-right: 6px; position: absolute; left: 0; top: 0; bottom: 0;}
.pmc-list__item {padding: 20px 0; border-bottom: solid 1px rgba(0,0,0,0.2);}
.pmc-list__item h5 a {display: block; font-size: 18px;}
.pmc-list__item p {display: block; font-size: 13px; margin-top: 5px;}
.pmc-list__item span {display: block; margin-top: 3px;}
.pmc-list__item span a {font-size: 15px;}
.pmc-map {position: absolute; left: 40%; right: 0; top: 0; bottom: 0;}
.myPosition{position: absolute; width: 280px; text-align: center; background: red;}

@media (max-width:1480px) {
	.pmc-wrap {padding-top: 100px;}
}

@media (max-width:1280px) {
	.pmc-wrap {padding-top: 80px;}
	.pmc-sch li select {height: 48px; padding-left: 15px; padding-right: 50px; font-size: 16px; background-size: 14px auto; background-position: right 10px center;}
	.pmc-ipt input[type="text"] {height: 48px; font-size: 16px; padding-left: 15px; padding-right: 48px;}
	.pmc-ipt button {flex-shrink: 0; width: 48px; height: 48px; background-size: 20px auto;}
}

@media (max-width:992px) {
	.pmc-wrap {padding-top: 0; height: auto;}
	.pmc-bot {height: 500px;}
}

@media (max-width:768px) {
	.pmc-inner {padding: 60px 30px;}
	.pmc-sch {flex-wrap: wrap; margin-top: 8%;}
	.pmc-sch li:nth-child(1) {width: 33%;}
	.pmc-sch li:nth-child(2) {width: 33%;}
	.pmc-sch li:nth-child(3) {width: 32%; margin-right: 0;}
	.pmc-sch li:nth-child(4) {width: 100%; margin-top: 1%;}
	.pmc-sch li select {height: 40px; padding-left: 10px; padding-right: 26px; font-size: 14px; background-size: 10px auto; background-position: right 8px center;}
	.pmc-ipt input[type="text"] {height: 40px; font-size: 14px; padding-left: 10px; padding-right: 40px;}
	.pmc-ipt button {flex-shrink: 0; width: 40px; height: 40px; background-size: 16px auto;}
	.pmc-bot {height: auto;}

	.pmc-map {position: static; height: 300px; left: 0;}
	.pmc-list {position: static; height: 240px; width: 100%; padding: 0 15px; margin-top: 2%;}
	.pmc-list__item {padding: 10px 0;}
	.pmc-list__item h5 a {font-size: 15px;}
	.pmc-list__item p {font-size: 12px; margin-top: 0;}
	.pmc-list__item span {margin-top: 0;}
	.pmc-list__item span a {font-size: 13px;}

}

@media (max-height: 768px) {
	.pmc-wrap {padding-top: 0; height: auto;}
	.pmc-inner {padding: 60px 30px;}
	.pmc-sch {flex-wrap: wrap; margin-top: 8%;}
	.pmc-sch li:nth-child(1) {width: 33%;}
	.pmc-sch li:nth-child(2) {width: 33%;}
	.pmc-sch li:nth-child(3) {width: 32%; margin-right: 0;}
	.pmc-sch li:nth-child(4) {width: 100%; margin-top: 1%;}
	.pmc-sch li select {height: 40px; padding-left: 10px; padding-right: 26px; font-size: 14px; background-size: 10px auto; background-position: right 8px center;}
	.pmc-ipt input[type="text"] {height: 40px; font-size: 14px; padding-left: 10px; padding-right: 40px;}
	.pmc-ipt button {flex-shrink: 0; width: 40px; height: 40px; background-size: 16px auto;}
	.pmc-bot {height: auto;}

	.pmc-map {position: static; height: 300px; left: 0;}
	.pmc-list {position: static; height: 240px; width: 100%; padding: 0 15px; margin-top: 2%;}
	.pmc-list__item {padding: 10px 0;}
	.pmc-list__item h5 a {font-size: 15px;}
	.pmc-list__item p {font-size: 12px; margin-top: 0;}
	.pmc-list__item span {margin-top: 0;}
	.pmc-list__item span a {font-size: 13px;}
}