@font-face {
	font-family: "KoPubWorld B";
	src: url("../../../../assets/fonts/KoPubWorld_Dotum_Bold.woff") format("truetype");
}

@font-face {
	font-family: "KoPubWorld L";
	src: url("../../../../assets/fonts/KoPubWorld_Dotum_Light.woff") format("truetype");
}

@font-face {
	font-family: "KoPubWorld M";
	src: url("../../../../assets/fonts/KoPubWorld_Dotum_Medium.woff") format("truetype");
}

@font-face {
	font-family: "KoPubBatang B";
	src: url("../../../../assets/fonts/KoPubWorld-Batang-Bold.woff") format("truetype");
}

@font-face {
	font-family: "KoPubBatang L";
	src: url("../../../../assets/fonts/KoPubWorld-Batang-Light.woff") format("truetype");
}

@font-face {
	font-family: "KoPubBatang M";
	src: url("../../../../assets/fonts/KoPubWorld-Batang-Medium.woff") format("truetype");
}

@font-face {
	font-family: "TDTDSeoulRo2";
	src: url("../../../../assets/fonts/TDTDSeoulRo.woff") format("truetype"),
		 url('fonts/Shardee.woff') format('woff');
}

@font-face {
	font-family: "TDTDPeongGo";
	src: url("../../../../assets/fonts/TDTDPeongGo.woff") format("truetype"),
		 url('fonts/Shardee.woff') format('woff');
}


@font-face {
	font-family: "TDTDSeoulRo";
	src: url("../../../../assets/fonts/GmarketSansTTFBold.woff") format("truetype"),
		 url('fonts/Shardee.woff') format('woff');
}

* {
	margin: 0;
	padding: 0;

	font-family: "KoPubWorld M" !important;
}




.header_ {
	position: fixed;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.8);
	z-index: 900;
	border-bottom: 1px solid #e6e6e6;
	height: 110px;
}

.white_head {
	background-color: rgba(255, 255, 255, 1);
}

.header_container {
	width: 1500px;
	height: 110px;
	margin: 0 auto;
}

.header_container .header_box:nth-child(1) {
	height: 50px;
	text-align: right;
	display: table;
	width: 100%;
	padding-right: 150px;
}
.header_container .header_box:nth-child(1) > .elem {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	padding-right: 23px;
}

.header_container .header_box:nth-child(1) > .elem > div > a {
	font-size: 13px;
	color: #666666;
}

.header_container .header_box:nth-child(1) > .elem > div > a:hover {
	color: #666666;
}

.header_container .header_box:nth-child(1) > .elem > div > a > font {
	padding: 0 10px;
	padding-right: 5px;
}

.header_container .header_box:nth-child(1) > .elem > div > a:last-child > font {
	display: none;
}

.header_container .header_box:nth-child(2) {
	display: flex;
	height: 60px;
}

.header_container .elem {
	display: table;
	height: 100%;
}
.header_container .elem:nth-child(1) {
	width: 220px;
	position: relative;
}
.header_container .elem:nth-child(2) {
	width: 780px;
}
.header_container .elem:nth-child(3) {
	width: 200px;
	display: table;
}
.header_container .elem:nth-child(1) > a > img {
	width: 240px;
	height: 53px;
}
.header_container .elem:nth-child(1) > a {
	display: table-cell;
	position: absolute;
    top: -8px;
}
.header_container .elem:nth-child(3) > a {
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	padding: 0 20px;
}
.header_container .elem:nth-child(3) > a > .button {
	width: 160px;
	height: 38px;
	background-color: #05144b;
	font-size: 16px;
	color: #ffffff;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	border-radius: 4px;
}

.header_container .title {
	width: 16%;
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	padding: 0 10px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	cursor: pointer;
}

.header_container .title:hover {
	color: #003085;
	border-bottom: 1px solid #003085;
}

.dropdown_container {
	width: 100%;
	background-color: #fff;
	position: fixed;
	margin-top: 110px;
	height: 170px;
	z-index: 800;
}

.dropdown_container .header_box {
	height: 100%;
}

.dropdown_container .list_elem {
	height: 30px;
}

.dropdown_container .list_elem:hover > a > div {
	color: #003085;
}

.dropdown_container .list_elem > a > div {
	font-size: 15px;
	color: #545454;
	line-height: 1.8;
}

.dropdown_container .header_box {
	display: flex;
	margin: 0 auto;
	width: 1500px;
}
.dropdown_container .elem:nth-child(1) {
	width: 220px;
}
.dropdown_container .elem:nth-child(2) {
	width: 780px;
	text-align: center;
	display: flex;
}
.dropdown_container .elem:nth-child(3) {
	width: 200px;
}

.dropdown_container .list {
	width: 157px;
	padding: 15px 0;
}

.footer_container {
	width: 100%;
	height: 170px;
	background-color: #333333;
	clear: both;
	margin-top: 100px;
}

.footer_container > .header_box {
	display: flex;
	width: 800px;
	margin: 0 auto;
	justify-content: center;
}

.footer_container > .header_box:nth-child(1) {
	padding: 20px 0;
}

.footer_container > .header_box:nth-child(1) > .elem {
	border-right: 1px solid #999999;
	padding: 0 20px;
}

.footer_container > .header_box:nth-child(1) > .elem > a {
	font-size: 14px;
	color: #999999;
	width: 100%;
}

.footer_container > .header_box:nth-child(1) > .elem:last-child {
	border-right: none;
}

.footer_container > .header_box:nth-child(2) > .elem {
	font-size: 14px;
	color: #ffffff;
}

.footer_container > .header_box:nth-child(2) > .elem:nth-child(1) {
}

.footer_container > .header_box:nth-child(2) > .elem:nth-child(2) {
	margin-left: 15px;
}

.footer_container > .header_box:nth-child(3) > .elem {
	font-size: 14px;
	color: #ffffff;
}

.footer_container > .header_box:nth-child(3) > .elem:nth-child(1) {
}

.footer_container > .header_box:nth-child(3) > .elem:nth-child(2) {
	margin:0 15px;
}

.footer_container > .header_box:nth-child(3) > .elem:nth-child(3) {
}

.footer_container > .header_box:nth-child(4) {
	padding: 20px 0;
}

.footer_container > .header_box:nth-child(4) > .elem {
	font-size: 14px;
	color: #999999;
}

@media (max-width: 1250px) {
	.desktop {
		display: none;
	}
}