﻿@charset "UTF-8";
/* 글꼴 선언 */
@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('//fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css');
@import url('//fonts.googleapis.com/earlyaccess/nanummyeongjo.css');

/*글꼴내부연결*/
@font-face {
	font-family: 'NanumGothicLight';
	src: url('css/font/NanumGothicLight.eot');
	src: url('css/font/NanumGothicLight.eot?#iefix') format('embedded-opentype'),
		 url('css/font/NanumGothicLight.woff2') format('woff2'),
		 url('css/font/NanumGothicLight.woff') format('woff'),
		 url('css/font/NanumGothicLight.ttf') format('truetype');
}

@font-face {
	font-family: 'NanumGothicBold';
	src: url('css/font/NanumGothic-Bold.eot');
	src: url('css/font/NanumGothic-Bold.eot?#iefix') format('embedded-opentype'),
		 url('css/font/NanumGothic-Bold.woff2') format('woff2'),
		 url('css/font/NanumGothic-Bold.woff') format('woff'),
		 url('css/font/NanumGothic-Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'NanumGothicExtrabold';
	src: url('css/font/NanumGothic-ExtraBold.eot');
	src: url('css/font/NanumGothic-ExtraBold.eot?#iefix') format('embedded-opentype'),
		 url('css/font/NanumGothic-ExtraBold.woff2') format('woff2'),
		 url('css/font/NanumGothic-ExtraBold.woff') format('woff'),
		 url('css/font/NanumGothic-ExtraBold.ttf') format('truetype');
}

@font-face {
	font-family: 'notokr-regular';
	src: url('css/font/notokr-regular.eot');
	src: url('css/font/notokr-regular.eot?#iefix') format('embedded-opentype'),
		 url('css/font/notokr-regular.woff2') format('woff2'),
		 url('css/font/notokr-regular.woff') format('woff'),
		 url('css/font/notokr-regular.ttf') format('truetype'),
		 url('css/font/notokr-regular.svg#notokr-regular') format('svg');
}

@font-face {
	font-family: 'notokr-light';
	src: url('css/font/notokr-light.eot');
	src: url('css/font/notokr-light.eot?#iefix') format('embedded-opentype'),
		 url('css/font/notokr-light.woff2') format('woff2'),
		 url('css/font/notokr-light.woff') format('woff'),
		 url('css/font/notokr-light.ttf') format('truetype'),
		 url('css/font/notokr-light.svg#notokr-regular') format('svg');
}

@font-face {
	font-family: 'notokr-bold';
	src: url('css/font/notokr-bold.eot');
	src: url('css/font/notokr-bold.eot?#iefix') format('embedded-opentype'),
		 url('css/font/notokr-bold.woff2') format('woff2'),
		 url('css/font/notokr-bold.woff') format('woff'),
		 url('css/font/notokr-bold.ttf') format('truetype'),
		 url('css/font/notokr-bold.svg#notokr-regular') format('svg');
}

@font-face {
	font-family: 'Nanummyeongjo';
	src: url('css/font/NanumMyeongjo-Regular.eot');
	src: url('css/font/NanumMyeongjo-Regular.eot?#iefix') format('embedded-opentype'),
		 url('css/font/NanumMyeongjo-Regular.woff2') format('woff2'),
		 url('css/font/NanumMyeongjo-Regular.woff') format('woff'),
		 url('css/font/NanumMyeongjo-Regular.ttf') format('truetype');
}

/*** !important; ****/
* {
	padding: 0;
	margin: 0;
}

img {
	border: 0;
}

a {
	text-decoration: none;
}

li {
	list-style: none;
}

.clear {
	clear: both;
}

.in_left {
	float: left;
}

.in_right {
	float: right;
}

html, body {
	margin: 0;
	padding: 0;
	font-family: 'Noto Sans CJK KR', 'Noto Sans KR', 'NanumSquare', 'NanumGothic', '나눔고딕', 'Dotum', 'Gulim', 'Arial';
	font-size: 14px;
	line-height: 1.8em;
	color: #363636;
}

/****************************************** layout style **********************************************/

.wrap {
	position: relative;
	width: 100%;
}

.in_wrap {
	width: 999px;
	margin: 0 auto;
}

#gnav_wrap {
	height: 34px;
	background: #f1f1f1;
	border-bottom: 1px solid #dedede;
	font-family: Dotum;
	font-size: 12px;
	line-height: 34px;
}

	#gnav_wrap a, #gnav_wrap a:hover {
		color: #464646;
	}

	#gnav_wrap #favicon {
		float: left;
		height: 34px;
		padding: 0 15px;
		background: #ffffff;
		border: 1px solid #dedede;
		border-top: 0px;
		border-bottom: 1px solid #ffffff;
	}

	#gnav_wrap .gnav_icon {
		color: #ff7800;
		padding-right: 5px;
	}

	#gnav_wrap #gnav {
		float: right;
	}

		#gnav_wrap #gnav li {
			float: left;
			padding: 0 5px;
			line-height: 34px;
		}

			#gnav_wrap #gnav li:nth-child(2n+2) {
				font-size: 10px;
				color: #dedede;
				line-height: 34px;
				padding: 0;
			}

			#gnav_wrap #gnav li span {
				color: #e90506;
			}

#top_con {
	width: 999px;
	margin: 0 auto;
}

	#top_con img {
		padding: 30px 0;
	}

	#top_con #top_search_wrap {
		float: left;
		width: 387px;
		padding-top: 30px;
		padding-left: 73px;
	}

		#top_con #top_search_wrap #search_text {
			padding-left: 30px;
			margin-bottom: 40px;
		}

			#top_con #top_search_wrap #search_text li {
				float: left;
				height: 40px;
				padding: 0 5px;
				font-family: Dotum;
				font-size: 11px;
				color: #646464;
				line-height: 40px;
				display: inline-block;
			}

				#top_con #top_search_wrap #search_text li:first-child {
					font-weight: bold;
				}

				#top_con #top_search_wrap #search_text li:nth-child(2) {
					color: #cacaca;
				}


#top_search {
	border: 2px solid #1254e0;
	overflow: hidden;
}

#top_con #top_search_wrap #top_searc #search .search_box {
	width: 200px;
	height: 35px;
}

#mnav_wrap {
	clear: both;
	height: 54px;
	background: #1254e0;
	border-bottom: 1px solid #0d3b9b;
}

	#mnav_wrap #mnav li {
		float: left;
	}

		#mnav_wrap #mnav li a {
			font-size: 18px;
			color: #ffffff;
			font-weight: 400;
			line-height: 54px;
			padding: 0 45px;
		}

		#mnav_wrap #mnav li a.on, #mnav_wrap #mnav li a:hover{ color:#ffea00; }

		#mnav_wrap #mnav li:first-child {
			width: 122px;
			font-size: 18px;
			color: #ffee91 !important;
			font-weight: 400;
			line-height: 54px;
			text-align: center;
			background: url('img/top_menu_bg.jpg');
		}

		#mnav_wrap #mnav li:last-child {
			float: right;
			width: 144px;
			text-align: center;
			background: #0d3b9b;
			border: 1px solid #0b3488;
			border-top: 0;
			border-bottom: 0;
		}

#footer_wrap {
	border-top: 1px solid #e1e1e1;
	overflow: hidden;
}

.footer_icon {
	background: #f8f8f8;
	overflow: hidden;
	text-align:center;
}

	.footer_icon li {
		/*float: left;*/
		display:inline-block;
	}

#fnav_wrap {
	height: 59px;
	background: #3f4b5e;
}

	#fnav_wrap li {
		float: left;
		width: 20%;
		text-align: center;
		line-height: 59px;
	}

		#fnav_wrap li a {
			color: #d2d7de;
			font-size: 15px;
			font-weight: 300;
		}

#copy {
	padding: 20px 0;
	line-height: 1.5em;
}

#copy .in_wrap{
	display:table;
}

	#copy .copy_info {
		display:table-cell;
		vertical-align:top;
		font-family: Dotum;
		font-size: 12px;
		color: #868686;
	}

		#copy .copy_info span {
			padding: 0 10px;
			color: #dcdcdc;
		}

	#copy .copy_copy {
		color: #363636;
		padding-top: 3px;
	}

	#copy ul {
		display:table-cell;
		vertical-align:top;
		text-align:right;
	}

	#copy li {
		display:inline-block;
		padding: 0 5px;
	}


/************************************   quick   ******************************************/
#quick_left_wrap {
	position: absolute;
	top: 759px;
	left: 50%;
	margin-left: -630px;
	z-index: 100;
	width: 118px;
}

#quick_left_wrap #quick_left {
	/*border: 1px solid #fdb621;*/
	/*background: #ffffff;*/
	text-align: center;
	padding: 0;
	margin-top: -4px;
}

#quick_left_wrap dl{margin:0; padding:0; border:1px solid #e5e5e5;}
#quick_left_wrap dl dt{padding:4px 0; text-align:center; color:white; background:#858585;}
#quick_left_wrap dl dd{padding:2px; text-align:center; font-size:13px; background:white;}
#quick_left_wrap dl dd:nth-of-type(1){border-bottom:1px dotted #e5e5e5;}
#quick_left_wrap dl dd b{color:black; font-weight:600;}

.quick_left_con li {
	font-family: Dotum;
	font-size: 11px;
	color: #686868;
	font-weight: bold;
	line-height: 1.3em;
	padding: 0 0 3px 0;
}

.quick_left_con li:nth-child(2) {
	/*padding: 7px 0;*/
}

#quick_right_wrap {
	position: absolute;
	top: 759px;
	/*right: 17%;*/
	left: calc(50% + 512px);
	z-index: 110;
	width: 118px;
	margin: 0;
	padding: 0;
}

#quick_right_wrap img {
	margin: 0;
	padding: 0;
}

#quick_cart_wrap {
	margin: 0;
	padding: 0;
}

#quick_right_wrap .quick_cart li:nth-child(2) {
	background: #222222;
	height: 71px;
	font-family: Dotum;
	font-size: 12px;
	color: #fff;
	text-align: center;
	line-height: 1.8em;
	padding-top: 10px;
	margin-top: -7px;
	margin-bottom: 3px;
}

#quick_right_wrap .quick_cart li:last-child {
	margin-top: -4px;
	margin-bottom: -4px;
}

#quick_right_wrap .quick_cart .won {
	color: #ff7523;
	font-size: 16px;
	font-weight: bold;
	display: block;
}

#quick_right_wrap .quick_cart .tbh {
	color: #c2c2c2;
}

.quick_goods {
	background: #ffffff;
	border: 1px solid #e6e6e6;
	margin-bottom: 3px;
	line-height:0;
}

.quick_goods_wrap .quick_goods span {
	font-family: Dotum;
	font-size: 12px;
	color: #555555;
	font-weight: bold;
	line-height: 1.2em;
	text-align: center;
	padding: 10px 5px;
	display: block;
}

#quick_right_new {
	background: #ffffff;
	border: 1px solid #e6e6e6;
	text-align: center;
}

#quick_right_new > p{background:#555; color:white; margin:0; padding:4px 0; font-family:'돋움'; font-weight:600; font-size:12px;}
#quick_right_new > div{height:144px; overflow-y:hidden;}
#quick_right_new > div a{display:block; height:140px; position:relative; padding:4px 0 0 0;}
#main_mid_right_saw_down, #main_mid_right_saw_up{cursor:pointer;}

/**********************************  main  ************************************/

#main_img {
	height: 495px;
	background: url('img/main_img.jpg') center center;
}

#main_btn {
	width: 999px;
	margin: 0 auto;
	padding-top: 442px;
	display: block;
}

	#main_btn li {
		float: left;
		width: 20%;
		height: 53px;
		text-align: center;
		color: #ffffff;
		font-size: 15px;
		font-weight: 300;
		line-height: 53px;
		background: rgba(000, 0, 0, 0.8);
	}

		#main_btn li:nth-child(2) {
			background: #0094e4;
		}

#main_con_wrap {
	overflow: hidden;
}

#main_banner_wrap {
	padding: 50px 0;
	background: #f8f8f8;
	border-bottom: 1px solid #e1e1e1;
	overflow: hidden;
}

	#main_banner_wrap li {
		float: left;
		padding-left: 11px;
	}

		#main_banner_wrap li:first-child {
			padding-left: 0;
		}

#main_hot_wrap {
	padding: 50px 0;
	overflow: hidden;
}

.hot_title {
	padding-bottom: 15px;
	overflow: hidden;
}

.main_title {
	float: left;
}

.hot_menu {
	float: right;
}

	.main_title li, .hot_menu li {
		float: left;
	}

		.main_title li:first-child {
			font-size: 28px;
			color: #000000;
			font-weight: 400;
		}

		.main_title li span {
			color: #f8022a;
		}

		.main_title li:nth-child(2) {
			font-size: 15px;
			color: #868686;
			padding-left: 10px;
			font-weight: 300;
			line-height: 35px;
		}

		.hot_menu li:nth-child(2n+2) {
			color: #b0b0b0;
			font-weight: 200;
			padding: 0 5px;
		}

		.hot_menu li a {
			font-size: 18px;
			color: #242424;
			padding: 0 15px;
		}

			.hot_menu li a:hover, .hot_menu li a.on {
				color: #ffffff;
				background: #1254e0;
				border-radius: 4px;
			}

.hot_banner{display:table; width:100%; table-layout:fixed;}
.hot_banner li {
	display:table-cell;
	padding-top:7px;
	padding-left:13px;
}

.hot_banner li:first-child{padding-left:0; width:240px;}


#main_md_wrap {
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	background: #f8f8f8;
	padding-bottom: 50px;
	overflow: hidden;
	min-height:440px;
}

.md_tab li {
	float: left;
	width: 16.8%;
	height: 40px;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	text-align: center;
	line-height: 40px;

	background: #fdfdfd;
	cursor:pointer;
}

.md_tab li:first-child {
	width: 32%;
	font-size: 18px;
	color: #000000;
	text-align: left;
	background: #f8f8f8;
	cursor:initial;
	font-weight:600;
	border-bottom:none;
}
.md_tab li:first-child img {
	vertical-align:middle;
}

.md_tab li span {color: #e35d06;}

.md_tab li a {
	width: 23%;
	height: 63px;
	font-size: 16px;
	color: #464646;
}

.md_tab li.on {
	background: #1254e0;
}

.md_tab li.on a {
	color: #ffffff;
}

.md_tab_menu {
	clear: both;
	float: right;
	padding: 15px 0;
}

	.md_tab_menu li {
		float: left;
		padding: 0 20px;
	}

		.md_tab_menu li a {
			color: #464646;
			font-size: 17px;
		}

			.md_tab_menu li a:hover, .md_tab_menu li.on a {
				color: #242424;
				font-weight: 500;
				border-bottom: 2px solid #fb7925;
			}

.md_goods {
	clear: both;
}

	.md_goods li {
		float: left;
		width: 25%;
		text-align: center;
	}

.goods_wrap {
	width: 239px;
	background: #ffffff;
	border: 1px solid #d3d3d3;
	overflow: hidden;
}

.goods_wrap dfn {
	display:block; text-align:left; font-style:normal; margin:-32px 0 0 0; font-family: Dotum;
}

.goods_wrap dfn span {
	display:inline-block; font-size:12px; height:24px; line-height:24px; padding:0 8px; color:white;
}
.goods_wrap dfn span[data-ca1="a8"] { background:#fb7925; }
.goods_wrap dfn span[data-ca1="a9"] { background:#60d000; }
.goods_wrap dfn span[data-ca1="a10"] { background:#ff1853; }
.goods_wrap dfn span[data-ca1="a11"] { background:#1a70f1; }


.goods_info {
	font-family: Dotum;
	text-align: left;
	padding: 5px 10px;
	line-height: 1.5em;
}

.goods_info_text01 {
	font-size: 11px;
	color: #868686;
	display: block;
}

.goods_info_text02 {
	font-size: 14px;
	min-height:42px;
	color: #000000;
	font-weight: bold;
	display: block;
}

.goods_info_text03 {
	font-size: 16px;
	color: #f0670e;
	font-weight: bold;
	padding-top: 5px;
	display: block;
}

	.goods_info_text03 span {
		font-weight: initial;
		color: #646464;
	}

.goods_info ul {
	float: right;
	padding: 10px 0;
}

.goods_info li {
	float: left;
	width: 50px;
	font-size: 12px;
	color: #969696;
	font-weight: bold;
}

#main_cs_wrap {
	padding: 50px 0;
	overflow: hidden;
}

.main_qna_wrap, .main_review_wrap {
	width: 49%;
	min-height:293px;
	border: 1px solid #e6e6e6;
	border-radius: 4px;
	padding-bottom: 15px;
}

.main_qna_wrap {
	float: left;
}

.main_review_wrap {
	float: right;
}

.main_cs_title {
	border-bottom: 1px solid #f6f6f6;
	height: 60px;
}

	.main_cs_title li {
		float: left;
		line-height: 60px;
		padding: 0 15px;
		font-size: 20px;
		color: #121212;
	}

		.main_cs_title li:first-child {
			width: 76%;
		}

		.main_cs_title li a {
			font-size: 15px;
			color: #747474;
		}

		.main_cs_title li span {
			font-size: 15px;
			color: #868686;
		}

.main_qna_list {
	clear: both;
	padding: 10px 15px;
	line-height: 1.5em;
}

	.main_qna_list li {
		padding: 5px 0;
	}

		.main_qna_list li a {
			font-family: Dotum;
			font-size: 15px;
			color: #363636;
		}

	.main_qna_list span {
		font-size: 11px;
		color: #868686;
		padding-left: 15px;
		display: block;
	}

.main_review_list {
	padding: 15px;
}

.main_review_con {
	clear: both;
	padding-bottom: 10px;
	overflow: hidden;
}

	.main_review_con li {
		float: left;
		line-height: 1.2em;
	}

		.main_review_con li a {
			font-family: Dotum;
			font-size: 12px;
			color: #878787;
		}

		.main_review_con li p {
			font-size: 15px;
			color: #363636;
			font-weight: bold;
			padding-bottom: 10px;
		}

		.main_review_con li p:first-child{padding-bottom:5px;}

		.main_review_con li span {
			color: #b7b7b7;
		}

		.main_review_con li:last-child {
			/*width: 65%;*/
			padding-left: 10px;
		}



/************************   sub   ****************************/
.sub_wrap {
	margin: 0 0 12px 0;
	overflow: hidden;
}

	.sub_wrap .sub_title_wrap {
		height: 60px;
		background: url('img/sub_title_bg.gif') repeat-x;
		overflow: hidden;
	}

	.sub_wrap .sub_title {
		float: left;
		height: 46px;
		line-height: 50px;
		font-size: 22px;
		color: #121212;
		font-weight: bold;
		padding: 0 30px 12px 10px;
		border-bottom: 2px solid #fb2e01;
	}

	.sub_wrap .page_link {
		float: right;
		font-size: 11px;
		color: #868686;
		line-height: 60px;
	}

	.sub_wrap .sub_menu_wrap {
		margin-top: 19px;
		/*border: 1px solid #d3d3d3;
		background: #f4f3f2;*/
		overflow: hidden;
	}

		.sub_wrap .sub_menu_wrap .sub_menu_title {
			float: left;
			width: 150px;
			font-size: 20px;
			color: #ffffff;
			background: #0642cc;
		}

	.sub_wrap .sub_menu_wrap2 {
		margin-top: 19px;
		/*border: 1px solid #d3d3d3;
		background: #f4f3f2;*/
		overflow: hidden;
	}

		.sub_wrap .sub_menu_wrap2 .sub_menu_title {
			float: left;
			width: 140px;
			font-size: 18px;
			color: #ffffff;
			background: #0642cc;
		}

.sub_menu_title {
	float: left;
	width: 20%;
	height: 80px;
	font-size: 18px;
	color: #ffffff;
	text-align: center;
	line-height: 70px;
	background: #0642cc;
}

.menu_board_wrap {
	float: left;
	width: 84.9%;
}

	.menu_board_wrap li {
		float: left;
		width: 20%;
		height: 39px;
		text-align: center;
		border-bottom: 1px solid #e1e1e1;
	}

		.menu_board_wrap li a {
			font-size: 15px;
			color: #464646;
			line-height: 38px;
			padding: 0 20px;
			display: inline-block;
		}

			.menu_board_wrap li a:hover, .menu_board_wrap li a.selected {
				border: 1px solid #0642cc;
				background: #ffffff;
			}

		.menu_board_wrap li:last-child {
			/*border: 0;*/
		}

.sub_menu li {
	display: inline-block;
	font-family: Dotum;
	font-size: 18px;
	color: #e1e1e1;
}

	.sub_menu li a {
		font-family: 'notokr-regular';
		color: #121212;
		font-weight: 500;
		margin:0 4px 0 0;
		padding: 10px 30px;
		display: inline-block;
		border: 1px solid #d3d3d3;
		background: #f4f3f2;
	}

		.sub_menu li a:hover, .sub_menu li a.selected {
			color: #ffffff;
			background: #517ebb;
		}


.sub_menu2 li {
	display: inline-block;
	font-family: Dotum;
	font-size: 18px;
	color: #e1e1e1;
}

	.sub_menu2 li a {
		font-family: 'notokr-regular';
		color: #121212;
		font-weight: 500;
		margin:0 4px 0 0;
		padding: 10px 19px;
		display: inline-block;
		border: 1px solid #d3d3d3;
		background: #f4f3f2;
	}

		.sub_menu2 li a:hover, .sub_menu2 li a.selected {
			color: #ffffff;
			background: #517ebb;
		}


	.sub_menu li:nth-child(2n+2), .sub_menu2 li:nth-child(2n+2) {
		/*padding: 10px 0;*/
		display:none;
	}

.sub_con_wrap {
	margin: 20px 0 10px 0;
	overflow: hidden;
}
.sub_goods_wrap {
	overflow:hidden;
	border-bottom:1px solid #363636;
}

.sub_tab {
	margin-top: 20px;
	overflow: hidden;
}

	.sub_tab li {
		float: left;
		color: #dddcdc;
		height: 40px;
		border-right: 1px solid #e1e1e1;
	}

	.sub_tab span {
		color: #fc6500;
	}

	.sub_tab li a {
		font-size: 16px;
		color: #464646;
		padding: 0 20px;
		line-height: 40px;
		display: inline-block;
	}

		.sub_tab li a:hover, .sub_tab li a:hover span, .sub_tab li a.selected, .sub_tab li a.selected span {
			color: #ffffff;
			background: #ff5a00;
		}

	.sub_tab li:last-child {
		border: 0;
	}
.sub_tab_wrap {
	float:left;
}
.sub_search_wrap {
	float:right;
}
.sub_search{text-align:right;}
.sub_search li {
	display:inline; vertical-align:middle;
}
.sub_search input[type='search'] {
	width:159px;
	height:20px;
	border:1px solid #e6e6e6;
	vertical-align:middle;
	font-size:12px;
	margin:0 3px 0 0;
	padding:0 2px;
}
.sub_search input[type='image'] {
	vertical-align:middle;
}
.sub_line li {
	display:inline-block;
	font-size:14px;
	color:#e1e1e1;

}
.sub_line li a {
	font-size:14px;
	color:#646464;
	padding:0 4px;
	display:inline-block;

}
   .sub_line li a:hover, .sub_line li a.on {
		font-weight:500;
		border-bottom:1px solid #fc6500;
	}
.sub_con {
	clear:both;
	margin-top:20px;
}

#book_dialog_go_btn, #book_dialog_go_btn + .cart_dialog_close_btn{width:100px; padding:4px 0; color:white; background:#464646; border:none; cursor:pointer;}