@CHARSET "UTF-8";

@font-face {
	font-family:'McHcRootFont';
	src: url('/resources/font/NotoSans-Regular.ttf');
}

@font-face {
	font-family:'McHcFont-DEMILIGHT';
	src: url('/resources/font/NotoSans-Regular.ttf');
}

@font-face {
	font-family:'McHcFont-MEDIUM';
	src: url('/resources/font/NotoSans-Regular.ttf');
}

@font-face {
	font-family:'McHcFont-REGULAR';
	src: url('/resources/font/NotoSans-Regular.ttf');
}

/* @font-face {
	font-family:'McHcRootFont';
	src: url('/resources/font/NOTOSANSCJKKR-LIGHT.OTF');
}

@font-face {
	font-family:'McHcFont-DEMILIGHT';
	src: url('/resources/font/NOTOSANSCJKKR-DEMILIGHT.OTF');
}

@font-face {
	font-family:'McHcFont-MEDIUM';
	src: url('/resources/font/NOTOSANSCJKKR-MEDIUM.OTF');
}

@font-face {
	font-family:'McHcFont-REGULAR';
	src: url('/resources/font/NOTOSANSCJKKR-REGULAR.OTF');
} */

button { cursor: pointer; text-decoration: none; outline: none; }


.root-font { font-family: 'McHcRootFont'; font-size: 12px; }

.root-div { width: 100%; min-width: 1150px; }

/* .m-cts-div-01 { height: 915px; background-image: url("/resources/img/m_bg01.png"); background-size: 1900px 915px; background-position: 60% 100%; background-repeat: no-repeat; background-color: #f9f9f9; } */
.m-cts-div-01 { height: 890px; }
.m-cts-div-02 { height: 1050px; background-image: url("/resources/img/m_bg02.jpg"); background-size: 100% 1050px; }
.m-cts-div-03 { height: 1980px; background-image: url("/resources/img/m_bg03.jpg"); background-size: 100% 1980px; overflow: hidden; }
.m-cts-div-04 { height: 980px; background-image: url("/resources/img/m_bg04.jpg"); background-size: 100% 980px; }
.m-cts-div-04-icdiv { position: relative; top: 1775px; text-align: center; }
.m-cts-div-04-icdiv > div { display: inline-block; text-align: center; }
.m-cts-div-04-icdiv > div > section { margin-top: 10px; font-size: 16px; color: #535353; }
.m-cts-div-05 { height: 950px; background-image: url("/resources/img/m_bg05.png"); background-size: 100% 950px; }
.m-cts-div-06 { height: 142px; background-image: url("/resources/img/m_bg06.jpg"); background-size: 100% 142; }
.m-cts-div-06-icdiv { }
.m-cts-div-06-icdiv > div { display: inline-block; text-align: center; }
.m-cts-div-06-icdiv > div > section { margin-top: 10px; font-size: 16px; color: #535353; }

.m-cts-img-01 { position: absolute; right: 32px; bottom: 24px; }
.m-cts-img-02 { position: absolute; left: 18%; top: 100px; }
.m-cts-img-03 { position: absolute; left: 0px; top: 30px; }
.m-cts-img-04 { position: absolute; left: 35%; top: 990px; }
.m-cts-img-05 { position: absolute; left: 10%; top: 150px; }

.m-cts-txt-01 { position: absolute; right: 4%; top: 255px; }
.m-cts-txt-02 { position: absolute; right: 22%; top: 120px; }
.m-cts-txt-03 { position: absolute; left: 60%; top: 385px; }
.m-cts-txt-04 { position: absolute; left: 22%; top: 1060px; }
.m-cts-txt-05 { position: absolute; right: 12%; top: 265px; }

.cr-div { width: 100%; height: 75px; background-image: url("/resources/img/copyright_bg.jpg"); background-size: 100% 75px; }
.cr-info-txt { font-family:'McHcFont-DEMILIGHT'; position: absolute; left: 7%; top: 15px; font-size: 13px; color: #5b5b5b; line-height: 16px; }
.cr-txt { font-family:'McHcFont-DEMILIGHT'; position: absolute; right: 10%; top: 45px; font-size: 15px; color: #484848; }

.crs-div { height: 65px; padding: 0px 10%; }
.crs-info-txt { font-family:'McHcFont-DEMILIGHT'; position: absolute; left:0; bottom:12px; font-size: 13px; color: #5b5b5b; line-height: 16px; }
.crs-txt { font-family:'McHcFont-DEMILIGHT'; position: absolute; right:0; bottom:12px; font-size: 15px; color: #484848; }

.m-cts-btn-01 { width:255px; font-size:27px; color:#17a1db; border:1px solid #17a1db; background:none; padding:9px; outline:none; cursor:pointer; }
.m-cts-btn-01:HOVER { color: white; border: none; background-color: #17a1db; }
.m-cts-btn-02 { font-family:'McHcFont-DEMILIGHT'; color: #17a1db; font-size: 23px; border: none; background-color: transparent; outline: none; cursor: pointer; }
.m-cts-btn-05 { color: #17a1db; font-size: 23px; font-weight: bold; border: none; background-color: transparent; outline: none; cursor: pointer; }

header { position: relative; width: 100%; height: 60px; margin: 0 auto; background-color: black; z-index: 10; min-width: 1150px; text-align: center; }

/* 메뉴 */
header nav { display: inline-block; height: 60px; }
header nav > ul { margin: 0px; padding: 0px; }
header nav > ul > li { float: left; width: 172px; height: 60px; line-height: 60px; /* padding-top: 17px; */ text-align: center; }
header nav > ul > li:hover { cursor: pointer; }
header nav > ul > li > a { color: #afafaf; font-size: 18px; }

/* 로고 */
.logo-box { position: absolute; padding: 5px 3px 1px; left: 14%; }

.main-menu { text-decoration: none; }
.main-submenu-div { position: absolute; width: 100%; min-width: 1150px; height: 165px; margin: 0px; padding: 0px; background-color: black; top: 60px; z-index: 1; opacity: 0.80; }
.main-subMenu-ul { padding: 0px; list-style: none; }
.main-subMenu-ul > li { margin: 0px; padding: 0px; height: 30px; line-height: 30px; cursor: pointer; font-size: 16px; color: #d4d4d4; }
.main-subMenu-ul > li:HOVER { color:#17a1db; }
.main-subMenu-ul > li > a { text-decoration: none; }

.h-lang { position: absolute; right: 16%; text-align: center; }
.h-lang-ac { display: inline-block; height: 60px; line-height: 60px; padding: 0px 6px; font-size: 14px; color: #afafaf; }
.h-lang-box { display: none; width: 145px; height: 190px; top:60px; background-color: white; color: #afafaf; box-shadow: 2px 3px 5px rgba(120, 120, 120, 0.5); }
.h-lang-box > div { padding: 13px; }
.h-lang-box > div:hover { color: #363636 }
.h-lang-box > div > img { vertical-align: text-bottom; margin-right: 20px; }

.sub-navi { padding: 14px 0px 14px 162px; font-size: 13px; color: #5b5b5b; border-bottom: 1px solid #cccccc; }

.c-pt { cursor: pointer; }
.ol-none { outline: none; }

@media (max-width: 1400px) {
	.logo-box { position: absolute; padding: 12px; left: 5%; }
	.h-lang { position: absolute; right: 8%; text-align: center; }
	.m-cts-img-01 { position: absolute; right: 32px; bottom: 24px; }
	.m-cts-txt-01 { position: absolute; left: 550px; width: 550px; top: 255px; }
	.m-cts-txt-02 { position: absolute; right: 15%; width: 480px; top: 120px; }
	.m-cts-txt-04 { position: absolute; left: 9%; top: 1060px; }
	.m-cts-img-02 { position: absolute; left: -2%; top: 100px; }
	.m-cts-img-03 { position: absolute; left: -270px; top: 30px; }
	.m-cts-img-04 { position: absolute; left: 26%; top: 990px; }
	.m-cts-img-05 { position: absolute; left: -25%; top: 150px; }
	.m-cts-txt-05 { position: absolute; right: 5%; top: 265px; }
	.silck-img-03 { position: absolute; left: -275px;}
	
	header nav > ul > li { float: left; width: 110px; height: 60px; line-height: 60px; /* padding-top: 17px; */ text-align: center; }
	
}

@media (min-width: 1400px) and (max-width: 1600px) {
	.m-cts-img-03 { position: absolute; left: -100px; top: 30px; }
	.m-cts-img-05 { position: absolute; left: 0px; top: 150px; }
	.m-cts-txt-05 { position: absolute; right: 5%; top: 265px; }
}