@charset "euc-kr";
@import url(https://fonts.googleapis.com/css?family=Lato);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://fonts.googleapis.com/css?family=Abril+Fatface);
@import url(https://fonts.googleapis.com/css?family=Cinzel+Decorative:400,700,900);  
@import url(webzine_res01.css);
.noto { font-family: "Noto Sans KR", sans-serif; }
.lato { font-family: 'Lato', sans-serif; }
.barun { font-family: "³ª´®¹Ù¸¥°íµñ", "Nanum Barun Gothic", sans-serif; }
.nanum { font-family: "Noto Sans KR", sans-serif, "Nanum Gothic", sans-serif; }
.webfont { font-family: "Noto Sans KR", sans-serif; }
.abril { font-family: 'Abril Fatface', cursive; }
.Cinzel { font-family: 'Cinzel Decorative', cursive; }
/*°øÅë À¯Æ¿ */
.clear { clear: both; }
.disable { display: none }
/*Àͽº¿ë onfocus=this.blur();  */
a { selector-dummy : expression(this.hideFocus=true);
}
/*Àͽº¿Í ÆÄÆø¿ë onfocus=this.blur();  Å©·ÒÀº ÀÚµ¿ */
a, a:focus, a img { outline: none; }
a { outline-style: none; }
a:link, a:visited, a:active { text-decoration: none; }
* {
	outline: none;
	margin: 0;
	padding: 0;
}
*::selection {
	background: #f73a4c;
	color: #ffffff;
}
*::-moz-selection {
 background: #f73a4c;
 color: #ffffff;
}
/* Remove Firefox selection dot */
/*a, a:focus, a:active, a:hover, object, embed { outline: none !important; }
:-moz-any-link:focus {
outline: none;
}
input::-moz-focus-inner {
border: 0;
}

:focus { outline: 0; }

div { word-break: break-all; }*/

/* ----------------------------------------------------------------------------------------- */

/*Àͽº 8ÀÌÇÏ ¹öÀüÀÇ ½Ã¸àÅØ »ç¿ë°¡´É ¹è·Á*/
article, aside, hgroup, header, footer, figure, figcaption, nav, section {
	display: block;
	clear: both;
}
/*²Ù¹Ì±â*/
.text_img_left {
	float: left;
	margin-right: 15px;
}
.text_img_right {
	float: right;
	margin-right: 15px;
}
hr.hr_blur { opacity: 0.10; }
/* Carousel Fade */
.carousel-caption { z-index: 1 !important; }
.carousel-fade .carousel-inner .item {
	opacity: 0;
	-webkit-transition-property: opacity;
	transition-property: opacity;
}
.carousel-fade .carousel-inner .active { opacity: 1; }
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
	z-index: 1;
}
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; }
.carousel-fade .carousel-control { z-index: 2; }
/*sms ºü¸¥»ó´ã*/
#sms form .sms_content dt {
	font-size: 12px;
	display: block;
	line-height: 35px;
	background-color: rgba(241,242,236,1.00);
	margin-top: 10px;
	margin-bottom: 10px;
}
#sms form .sms_content dd { }
#sms {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.inputType { }
#sms form .sms_content dd input { border-collapse: collapse; }
#sms_send { display: none; }
/*¼îÇθôÄ«ÆäÀü¿ë --------------------------------------------------------------------------- */
/* »óÇ° Æ÷Åä¾Ù¹ü ÃßÃâ style  */
#photo_output {
	float: left;
	width: 100px;
	margin-right: 15px
}
#photo_title {
	color: #666666;
	font-weight: bold;
	text-align: center;
	margin: 8 0 8 0
}
#photo_info {
	text-align: center;
	color: #ffffff;
}
#item_list ul li {
	width: 20%;
	float: left;
	padding: 15px;
}
/*Ä«ÆäÀü¿ë --------------------------------------------------------------------------- */
.seLayout { border-color: #ccc; }
.webzine_type2 .webzine_type_img img {
	border-style: solid;
	border-width: 4px;
	border-color: rgba(229,229,229,1.00) !important;
	padding: 2px;
	margin-right: 20px;
	margin-bottom: 30px;
	margin-top: 20px;
}
.board { font-size: 12px; } /*  º¸µå ±ÛÀÚ Å©±âÁ¶Àý */
.formmail_title_bgcolor, .formmail_cell_bgcolor { font-size: 12px; } /*¿Â¶óÀÎÆû ÆùÆ® ±ÛÀÚÅ©±â °íÁ¤*/
.formmail_textarea_style { width: 95%; } /*¿Â¶óÀι®ÀÇ ÅؽºÆ®¾Æ¸®¾Æ*/
.bd_out1 > a { text-decoration: none; }  /*¸ÞÀÎÈ­¸é °Ô½ÃÆÇ ·Ñ¿À¹ö½Ã ¹ØÁÙÁ¦°Å*/
.board_output_1_tr {
	height: 20px;
	border-bottom-color: rgba(212,212,212,1.00);
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	vertical-align: middle;
}
.board_output_1_tr > td { padding-top: 5px; } /*°øÁö»çÇ× °£°ÝÁ¶Á¤*/
.formmail_agreement p {
	display: inline-block;
	margin-right: 20px;
} /*°³ÀÎÁ¤º¸º¸È£*/
.table td.att_title {
	height: 45px;
	padding-top: 12px;
	font-size: 14px;
	color: rgba(138,138,138,1.00);
	font-weight: bold;
	border-top-color: rgba(199,22,45,1.00);
}
.paging {
	display: block;
	margin-top: 25px;
	margin-bottom: 25px;
}
.paging > b {
	background-color: rgba(199,22,45,1.00);
	color: rgba(255,255,255,1.00);
}
.paging > b, .paging > a {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-color: rgba(236,236,236,1.00);
	border-width: 1px;
	border-style: solid;
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	text-decoration: none !important;
	margin-right: -15px;
	font-weight: bold !important;
	border-radius: 5px;
}
.table td {
	font-size: 14px;
	font-family: "±¼¸²", Gulrim, "Arial Unicode MS";
	padding-top: 10px;
} /*Àͽº ¹öÀü ȣȯ °Ô½ÃÆÇ ±Û²Ã*/
.table_02 { border-top-color: #C7162D !important; } /*°Ô½ÃÆÇ »ó´Ü Ä®¶ó*/
.table_02 {
	border-top: 2px #4fb3d2 solid;
	border-bottom: 1px #4fb3d2 solid;
	border-left: 1px #e5e5e5 solid;
}
.table_02 td {
	border-bottom: 1px #e5e5e5 solid;
	border-right: 1px #e5e5e5 solid;
	font: 12px "±¼¸²";
} /* Á¦ÀÌÄõ¸®¿¡ table_02Àû¿ëÇϸé Àû¿ë*/
.table_02 td.att_title { height: 45px; }
.bbscategory, .bbsnewf5, .bbsetc_dateof_write, .bbswriter { font-size: 12px; } /*°Ô½ÃÆÇ »ó´Ü ÆùÆ® Å©±â ÅëÀÏ*/
.bbsnewf5 > a { outline-style: none; }
.board_output colgroup col:last-child { width: 0px; }
.board_output a:hover { text-decoration: none !important; }
/*¸ÞÀÎ °øÁö ÃßÃâ ±úÁü¹æÁö*/

.member_td_bgcolor { width: 150px; } /*Ä®¶ó°°Áö¸¸ ¾Æ´Ï±¸ ȸ¿ø°ü¸®~ */
INPUT#border.public_input.input_form { width: 80%; } /*Á¦Ç°¼Ò°³ Á¦¸ñ ¾²±â ±úÁü ¹æÁö*/
.output_table { /* [disabled]width: 310px; ¹ÝÀÀÇü ¼û±è*/
}
.secede input { vertical-align: -7px; }
.board_output_gallery_subject { /* [disabled]width: 150px !important; ¹ÝÀÀÇü¿¡ ¼û±è*/ display: block;
} /*¸ÞÀÎ °¶·¯¸® ÃßÃâ Á¦¸ñ*/
/*¸ÞÀξٹü Á¦¸ñÁ¶Á¤*/
.board_output_gallery_subject a {
	text-align: center;
	text-decoration: none;
	display: block;
	width: 100%;
	height: 15px;
	margin-top: 7px;
	color: #6E6E6E;
}
.notice_subject { margin-top: 7px; }
.img_border {
	border-color: rgba(239,239,239,1.00);
	border-width: 5px !important;
	border-style: solid;
	display: block;
	padding: 1px;
}
.secede_box .radio { display: inline !important; }
/* ----------------------------------------------------------- */

/*ºê·¹ÀÌÅ© CSS */
body { font-family: "Noto Sans KR", sans-serif; }
html, body {
	width: 100%;
	height: 100%;
}
img, fieldset { border: 0; }
li { list-style: none; }
.checkbox, .radio { display: inline-block !important; }
input {
	border-color: #F2F2F2;
	border-width: 1px;
	border-style: solid;
}
textarea {
	border-color: #F2F2F2;
	border-width: 0px;
	border-style: solid;
}
/*·¹À̾ƿô*/
#header { height: 43px; }
#top_header {
	position: relative;
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
#g_nav { padding-left: 15px; }
#g_nav ul li {
	display: inline-block;
	float: left;
}
#g_nav ul li a {
	width: 100%;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	line-height: 25px;
	font-size: 12px;
	color: #434343;
	-webkit-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-in-out;
	-o-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	outline-style: none;
	margin-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
}
#g_nav ul li:hover a { color: #9D0B0E; }
.metapo {
	margin-left: auto;
	margin-right: auto;
	background-color: #1F1F1F;
}
.sub_metapo_01 {
	margin-right: auto;
	margin-left: auto;
}
#footer {
	width: 100%;
	background-color: #FFFFFF;
	padding-bottom: 0px;
	padding-top: 0px;
}
#sub_wrap {
	margin: 25px auto 55px;
	max-width: 1300px;
	width: 100%;
}
#aside {
	width: 18.1818%;
	margin-right: 4.54545%;
	float: left;
	padding-top: 20px;
}
#section {
	float: left;
	width: 77.2727%;
	height: auto;
}
#bbs_contents {
	float: left;
	width: 100%;
}
#page_count {
	text-align: right;
	color: #9C9C9C;
	font-size: 12px;
	padding-right: 15px;
}
#top_header h1 a { outline-style: none; }
#sub_banner {
	border-top: 1px solid rgba(236,236,236,1.00);
	margin-top: 55px;
	text-align: center;
}
#sub_banner .sub_tel { }
#sub_banner .sub_tel li:first-child { padding: 10px; }
#sub_banner .sub_tel li:nth-child(2) {
	font-size: 10px;
	font-weight: 600;
}
#sub_banner .sub_tel li:nth-child(3) {
	font-size: 16px;
	font-weight: 500;
}
#sub_banner .sub_tel li:nth-child(4) {
	font-size: 10px;
	font-weight: 600;
}
#member {
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 1300px;
}
#footer #foot_contents {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	max-width: 1300px;
	display: block;
	padding-left: 15px;
	padding-right: 15px;
}
#foot_menu { }
#foot_contents .company_info {
	font: 14px/18px "Noto Sans KR", sans-serif;
	color: rgba(132,132,132,1.00);
	display: block;
	padding-top:20px;
}
#foot_contents .company_info ul {
	padding-right: 40px;
}
#foot_contents .company_info_mobile { display: none; }
#qr_cord {
	width: 100px;
	display: block;
	border-radius: 8px;
	position: absolute;
	right: 0px;
	top: 0px;
}
#main_metapo { width: 100%; }
#main_metapo .metapo_bg {
	width: 100%;
	height: 300px;
	position: absolute;
	z-index: -10;
	top: 67px;
	opacity: 0.5;
	background-color: rgba(212,212,212,1.00);
	display: block;
}
#sub_metapo { }
#sub_metapo .sub_metapo_bg {
	width: 100%;
	height: 140px;
	position: absolute;
	z-index: -10;
	top: 20px;
	opacity: 0.5;
	background-color: rgba(212,212,212,1.00);
	display: none;
}
#guide_info { }
#guide_customer { }
.bg_foot_menu {
	background-color: #444444;
	overflow-y: hidden;
}
#foot_menu {
	margin-left: auto;
	margin-right: auto;
	max-width: 1300px;
	padding-left: 15px;
	padding-right: 15px;
	overflow-y: hidden;
}
#foot_menu ul { margin-bottom: 0px; }
#foot_menu ul li {
	float: left;
	position: relative;
}
#foot_menu ul li:after {
	content: "";
	position: absolute;
	height: 15px;
	right: 0px;
	z-index: 10;
	background-color: #666666;
	top: 22px;
	width: 1px;
}
#foot_menu ul li:last-child:after { display: none; }
#foot_menu ul li a {
	color: #ffffff;
	text-decoration: none;
	font: bold 13px/60px "Noto Sans KR", sans-serif;
	display: block;
	padding-left: 15px;
	padding-right: 15px;
}
#foot_menu a:hover { /*
	[disabled]font-weight: 600;
*/
	color: #999999;
}
#scrollTop {
	position: fixed;
	bottom: 10px;
	right: 10px;
	cursor: pointer;
	display: none;
}
#scrollTop .scrollBtn {
	border-radius: 3px;
	background-color: rgba(0,0,0,0.82);
	color: rgba(255,255,255,1.00);
	width: 35px;
	height: 35px;
	text-align: center;
	text-decoration: none;
}
#scrollTop .scrollBtn:hover { background-color: rgba(199,22,45,1.00); }
#scrollTop .scrollBtn i { vertical-align: -6px; }
#sub_wrap #aside .left_title {
	/* [disabled]padding-top: 20px;
*/
	border-bottom-color: rgba(58,58,58,1.00);
	border-bottom-width: 0px;
	border-bottom-style: solid;
}
#sub_wrap #aside .left_title .big_title {
	font: 600 27px/50px "Noto Sans KR", sans-serif;;
	color: rgba(73,73,73,1.00);
	letter-spacing: -1px;
	text-indent: 15px;
	display: block;
}
#sub_wrap #aside .left_title .small_title {
	color: rgba(110,110,110,1.00);
	font-family: "Noto Sans KR", sans-serif;
	font-size: 10px;
	text-align: center;
	line-height: 0px;
	font-weight: 600;
	display: none;
}
#sub_wrap #aside .left_title .bl_lt {
	text-align: center;
	color: rgba(192,192,192,1.00);
	font-size: 12px;
	display: none;
}
#aside .left_nav {
	margin-left: auto;
	margin-right: auto;
}
.left_menu { }
.left_menu li { margin-top: 5px; }
.left_menu li a {
	color: #6E6E6E;
	font: 600 14px/35px "Noto Sans KR", sans-serif;
	background-color: #FFFFFF;
	display: block;
	text-decoration: none;
	-webkit-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.1s;
	-o-transition-duration: 0.1s;
	transition-duration: 0.1s;
	-webkit-transition-timing-function: ease-in;
	-o-transition-timing-function: ease-in;
	transition-timing-function: ease-in;
	border-bottom-color: #BABABA;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	outline-style: none;
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	text-indent: 30px;
}
.left_menu li > a.nav_on, .left_menu li > a.nav_on:hover {
	color: rgba(255,255,255,1.00);
	font-size: 16px;
	background-color: #0f4fb5;
	font-weight: 600;
}
.left_menu li a:hover {
	color: rgba(73,73,73,1.00);
	font-size: 16px;
	/* [disabled]background-color: rgba(205,0,0,1.00);
*/
}
#sub_title {
	margin-bottom: 20px;
	font: 600 32px "Noto Sans KR", sans-serif;
	letter-spacing: -1px;
	padding-bottom: 15px;
	border-bottom: 1px solid rgba(236,236,236,1.00);
	color: rgba(73,73,73,1.00);
}
.sub_title2 {
	font-size: 12px;
	margin-left: 10px;
	display: none;
}
.metapo #carousel .left.carousel-control, .metapo #carousel .right.carousel-control, .sub_metapo_01 #carousel .left.carousel-control, .sub_metapo_01 #carousel .right.carousel-control {
	background-image: -webkit-linear-gradient(270deg, rgba(255,255,255,0.00) 0%, rgba(255,0,0,0.00) 100%);
	background-image: -moz-linear-gradient(270deg, rgba(255,255,255,0.00) 0%, rgba(255,0,0,0.00) 100%);
	background-image: linear-gradient(180deg, rgba(255,255,255,0.00) 0%, rgba(255,0,0,0.00) 100%);
}
.metapo #carousel_mobile .left.carousel-control, .metapo #carousel_mobile .right.carousel-control {
	background-image: -webkit-linear-gradient(270deg, rgba(255,255,255,0.00) 0%, rgba(255,0,0,0.00) 100%);
	background-image: -moz-linear-gradient(270deg, rgba(255,255,255,0.00) 0%, rgba(255,0,0,0.00) 100%);
	background-image: linear-gradient(180deg, rgba(255,255,255,0.00) 0%, rgba(255,0,0,0.00) 100%);
}
#mobile_nav_btn { display: none; }
#mobile_metapo { display: none; }
.link {
	text-decoration: none;
	color: rgba(196,31,31,1.00);
	font-weight: 600;
}
.link:hover {
	text-decoration: none;
	color: rgba(157,8,36,1.00);
	font-weight: bold;
}
#logo_mobile { display: none; }
#sub_contents { }
#sign { font: 28px "Noto Sans KR", sans-serif; }
#history_year {
	float: left;
	width: 58.9623%;
}
.member_border {
	overflow-x: hidden;
	overflow-y: scroll;
}
/* ------------------------------------·Î±×ÀÎ --------------------------------------- */
.login_shop {
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom-color: #E5E5E5;
	border-top-color: #CFCFCF;
	border-top-width: 2px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	background-image: -webkit-linear-gradient(270deg, rgba(253,253,253,1.00) 0%, rgba(245,245,245,1.00) 100%);
	background-image: -moz-linear-gradient(270deg, rgba(253,253,253,1.00) 0%, rgba(245,245,245,1.00) 100%);
	background-image: linear-gradient(180deg, rgba(253,253,253,1.00) 0%, rgba(245,245,245,1.00) 100%);
}
.login_shop2 {
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom-color: #E5E5E5;
	border-top-color: #CFCFCF;
	border-top-width: 0px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	background-image: -webkit-linear-gradient(270deg, rgba(253,253,253,1.00) 0%, rgba(245,245,245,1.00) 100%);
	background-image: -moz-linear-gradient(270deg, rgba(253,253,253,1.00) 0%, rgba(245,245,245,1.00) 100%);
	background-image: linear-gradient(180deg, rgba(253,253,253,1.00) 0%, rgba(245,245,245,1.00) 100%);
}
.form-signin {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}
.form-signin input { margin-bottom: 5px; }
.form-signin-heading {
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 16px;
}
.form-signin-subtext {
	margin-bottom: 10px;
	font-size: 12px;
}
.etc_btn {
	margin-top: 10px;
	text-align: center;
}
.etc_btn a { display: inline-block; }

/* ------------------------------------ // ·Î±×ÀÎ --------------------------------------- */
@media (max-width:480px) {
#item_list ul li {
	width: 100% !important;
	float: left;
	padding: 15px;
}
}

@media (max-width:767px) {
#item_list ul li {
	width: 50%;
	float: left;
	padding: 15px;
}
blockquote { font-size: 16px !important; }
.login_box { padding: 20px 0 !important; }
.login_box .find { display: none; }
.view_auto {
	overflow-x: auto;
	padding-bottom: 15px;
}
#g_nav ul li:nth-child(1) { display: none; }
#navwrap_bg {
	background-color: rgba(255,255,255,1.00);
	width: 100%;
	
	border-bottom: 3px solid #ffffff;
}2022-09-15
#navwrap {
	overflow-y: hidden;
	position: relative;

}
#member { padding-left: 15px; }
#shop { display: none; }
#logo {
	width: 220px;
	padding: 15px;
}
#logo h1 { margin: 0px; }
#logo h1 img { width: 100%; }
#logo_mobile {
	font-size: 32px;
	letter-spacing: -1px;
	font-weight: bold;
	padding-left: 15px;
	z-index: 10;
	display: none;
	line-height: 70px;
	height: 70px;
}
#logo_mobile a {
	text-decoration: none;
	color: #3A3A3A;
}
.nav_under { background-color: rgba(31,31,31,1.00); }
#notice { min-width: 100%; }
#product { min-width: 100%; }
.bg_foot_menu { background-color: #1F1F1F; }
#foot_menu {
	padding-left: 0px;
	padding-right: 0px;
}
#foot_menu ul {
	margin: 0px;
	padding: 10px 0px;
	width: 100%;
	border: 1px solid #3a3a3a;
}
#foot_menu ul li {
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 50%;
}
#foot_menu ul li a {
	color: #C0C0C0;
	text-decoration: none;
	font: 13px/30px "Noto Sans KR", sans-serif;
	display: block;
	text-align: left;
	text-indent: 15px;
	border-bottom-color: rgba(31,31,31,1.00);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-right: 0px;
	margin-right: 0px;
}
#foot_menu ul li a:hover { color: #FFFFFF; }
#footer {
	background-color: #1F1F1F;
	padding-bottom: 5px;
}
#foot_contents { color: rgba(212,212,212,1.00); }
#mob_img_01_01 {
	display: block;
	width: 100%;
	margin-bottom: 15px;
}
/*------------// ¸ð¹ÙÀÏ ¸Þ´º //---------------------------------------------------------------*/
#link_nav {
	position: absolute;
	right: 15px;
	top: 7px;
}
#link_nav li { display: inline-block; }
#link_nav a {
	color: #0f4fb5;
	text-decoration: none;
}
#link_nav a:hover {
	color: #2C2C2C;
	text-decoration: none;
}
#link_nav_bottom {
	padding: 15px;
	display: none;
}
#link_nav_bottom li { display: inline-block; }
#link_nav_bottom a {
	color: #FFFFFF;
	text-decoration: none;
}
#link_nav_bottom a:hover {
	color: #9D0B0E;
	text-decoration: none;
}
/* ½ºÆ¼Å° ¸Þ´º */
.sticky {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 17;
	opacity: 0.8;
	transition: 0.3s;
}
.sticky:hover { opacity: 1; }
#nav {
	width: 100%;
	background-color: rgba(31,31,31,1.00);
	display: none;
	z-index: 16;
	min-width: 100%;
}
#nav .menu li { position: relative; }
#nav .menu li:hover a { background-color: #3A3A3A; }
#nav .menu {color: #ffffff; }
#nav .menu li > a {
	display: block;
	text-align: left;
	font: 500 14px/46px "Noto Sans KR", sans-serif;
	text-decoration: none;
	color: #ffffff;
	-webkit-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.1s;
	-o-transition-duration: 0.1s;
	transition-duration: 0.1s;
	-webkit-transition-timing-function: ease-in-out;
	-o-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	outline-style: none;
	width: 100%;
	border-bottom: 1px solid rgba(58,58,58,1.00);
	text-indent: 25px;
}
#nav .menu li > a.nav_on {
	font-weight: 500;
	font-size: 15px;
	color: rgba(228,87,14,1.00);
}
#nav .menu li ul { display: none; }
#nav .menu li ul li { }
#nav .menu li ul li a {
	line-height: 35px;
	text-decoration: none;
	height: 35px;
	-webkit-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-in-out;
	-o-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	/* [disabled]visibility: hidden;
*/
	display: block;
}
#mobnav_btn { display: block; }
/*-------------------// ¸ð¹ÙÀÏ ¸Þ´º Á¾·á //--------------------------------------------------------*/
#main_metapo { display: block; }
#mobile_metapo { display: none; }
#bbs {
	padding-left: 15px;
	padding-right: 15px;
	display: none;
}
#notice {
	width: 40%;
	float: left;
}
#product {
	width: 60%;
	float: left;
}
#tel {
	background-image: none;
	padding-left: 0px;
	display: none;
}
#tel_mobile {
	display: block;
	width: 100%;
	clear: both;
}
#tel_mobile .phone {
	display: inline-block;
	width: 48%;
	border-radius: 4px;
	background-color: rgba(21,77,160,1.00);
	color: rgba(240,240,240,1.00);
	font: 600 18px "Noto Sans KR", sans-serif;
	text-align: center;
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 10px;
	letter-spacing: -1px;
	background-image: -webkit-linear-gradient(270deg, rgba(44,94,169,1.00) 0%, rgba(21,77,160,1.00) 100%);
	background-image: -moz-linear-gradient(270deg, rgba(44,94,169,1.00) 0%, rgba(21,77,160,1.00) 100%);
	background-image: linear-gradient(180deg, rgba(44,94,169,1.00) 0%, rgba(21,77,160,1.00) 100%);
}
#tel_mobile .sms_send {
	width: 48%;
	display: inline-block;
}
#tel_mobile .sms_send a {
	color: rgba(110,110,110,1.00);
	font-weight: 600;
	font-family: "Noto Sans KR", sans-serif;
	text-decoration: none;
}
/* ¹è³Ê */
#main_banner01 { }
#main_banner01 ul li { width: 100%; }
#main_banner02 { }
#main_banner02 ul li { width: 100%; }
#main_banner03 { }
#main_banner03 ul li {
	width: 100%;
	margin-bottom: 15px;
}
#main_banner04 { }
#main_banner04 ul li {
	width: 100%;
	margin-bottom: 15px;
}
#main_banner_bg5 .main_banner ul li {
	width: 100%;
	margin-bottom: 15px;
}
#main_banner_bg6 .main_banner ul li {
	width: 100%;
	margin-bottom: 15px;
}
/* // ¹è³Ê */
#qr_cord { display: none; }
#sub_metapo, #sub_banner { display: none; }
#aside, #section {
	float: none;
	width: 100%;
}
#page_count {
	background-color: rgba(31,31,31,1.00);
	padding-top: 10px;
	padding-bottom: 10px;
	color: rgba(243,243,243,1.00);
	margin-bottom: 15px;
}
#sub_title { text-indent: 15px; }
#sub_contents {
	padding-left: 15px;
	padding-right: 15px;
}
#foot_contents .company_info {
	display: block;
	padding-top: 15px;
	font-size: 12px;
	color: #C0C0C0;
}
#foot_contents .company_info ul {
	border-bottom-color: hsla(0,0%,23%,1.00);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
#history_year {
	float: none;
	width: 100%;
	min-width: 100%;
}
#history_img01 {
	width: 100%;
	float: none;
}
#busines_img01 { display: none; }
#busines_img01_mobile { display: block; }
/*---------------------------------- mobile btn ----------------------------------------*/
.menu-icon-container {
	display: block;
	width: 50px;
	height: 50px;
	cursor: pointer;
	background-color: rgba(31,31,31,1.00);
	border-radius: 6px;
	position: absolute;
	top: 10px;
	right: 20px;
}
.menu-icon {
	position: relative;
	display: block;
	width: 30px;
	height: 4px;
	background-color: #fff;
	top: 50%;
	left: 50%;
	margin-top: -2px;
	margin-left: -15px;
	transition: background-color .2s ease-out;
}
.menu-icon::after, .menu-icon::before {
	content: '';
	position: absolute;
	display: block;
	width: 30px;
	height: 4px;
	background-color: #fff;
	left: 0px;
	transition: all .2s ease-out;
}
.menu-icon::after { top: 9px; }
.menu-icon::before { top: -9px; }
/*.menu-icon-container:hover .menu-icon::after{
  top:13px;
  transition: all .2s ease-out;
}
.menu-icon-container:hover .menu-icon::before{
  top:-13px;
  transition: all .2s ease-out;
}*/

/*---cross---*/
.menu-icon.transformed { background-color: transparent; }
.menu-icon.transformed::after, .menu-icon.transformed::before {
	transform-origin: 50% 50%;
	top: 0px;
	left: 2px;
	width: 26px;
	transition: all .15s ease-out;
}
.menu-icon.transformed::after { transform: rotate(45deg); }
.menu-icon.transformed::before { transform: rotate(-45deg); }
/*.menu-icon-container:hover .menu-icon.transformed::after,
.menu-icon-container:hover .menu-icon.transformed::before{
  top:0px;
  left:-1px;
  width:32px;
  transition: all .15s ease-out;
}*/
/*---------------------------------- mobile btn ----------------------------------------*/
#guide_customer {
	padding-left: 15px;
	padding-right: 15px;
}
#bbs_contents {
	padding-left: 15px;
	padding-right: 15px;
}
#txtbox_info {
	padding-left: 10px;
	padding-right: 10px;
}
#foot_menu ul li:after { display : none; }
#bg_copy { background-color: #1F1F1F; }
#bg_copy .copy_year {
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 15px 20px 15px;
	color: #BABABA;
	font-size: 12px;
	text-decoration: none;
	line-height: 17px;
}
.view_pc { display: none !important; }
.view_mobile { }
}

@media (min-width:768px) {
#navwrap_bg {
	padding: 0px;
	background-color: #FFFFFF;
	-webkit-box-shadow: 0px 1px 3px #F1F1F1;
	box-shadow: 0px 1px 3px #F1F1F1;
	border-bottom: 3px solid #ffffff;
}
#navwrap_bg.cloned { padding: 0; }
#navwrap {
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	display: block;
	height:70px;
}
#logo {
	width: 220px;
	height: auto;
}
#shop {
	width: 50px;
	height: 50px;
	position: absolute;
	right: 15px;
	background-color: rgba(243,102,57,1.00);
	bottom: 12px;
	color: rgba(255,255,255,1.00);
	text-align: center;
	text-decoration: none;
	line-height: 70px;
	display: none;
}
#shop a { color: rgba(255,255,255,1.00); }
#shop a:hover { color: rgba(192,29,32,1.00); }
#logo h1 { margin: 0px; }
#logo h1 img { max-width: 100%; }
#link_nav {
	position: absolute;
	right: 1px;
	top: 7px;
	display: inherit;
}
#link_nav li { display: inline-block; }
#link_nav a {
	color: #0f4fb5;
	text-decoration: none;
}
#link_nav a:hover {
	color: #2C2C2C;
	text-decoration: none;
}
#link_nav_bottom {
	float: right;
	padding-left: 15px;
	padding-right: 75px;
	display: none;
}
#link_nav_bottom li { display: inline-block; }
#link_nav_bottom a {
	color: #6A3931;
	text-decoration: none;
	font-size: 17px;
}
#link_nav_bottom a:hover {
	color: #2C2C2C;
	text-decoration: none;
	background-color: rgba(44,44,44,1.00);
}
#nav {
	width:83%;
	background-color: #FFFFFF;
	display: block;
	position: absolute;
	right: 0px;
	bottom: 9px;
}
#nav .menu li {
	position: relative;
	width:140px;
	float: left;
	vertical-align: top;
}
#nav .menu {
	height: 50px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 0px;
	max-width: 1300px;
}
#nav .menu li > a {
	display: block;
	text-align: center;
	line-height: 34px;
	font-size: 17px;
	font-family: "Noto Sans KR", sans-serif;
	text-decoration: none;
	color: #222222;
	-webkit-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.1s;
	-o-transition-duration: 0.1s;
	transition-duration: 0.1s;
	-webkit-transition-timing-function: ease-in-out;
	-o-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	outline-style: none;
	width: 100%;
	font-style: normal;
	font-weight: 500;
	letter-spacing: -0.5px;
}
#nav.cloned .menu li > a { border-right: 0px solid rgba(236,236,236,1.00); }
#nav .menu li > a.nav_on {
	font-size: 17px;
	color: rgba(255,255,255,1.00);
	background-color: #0f4fb5;
}
#nav .menu li:hover a {
	font-size: 17px;
	background-color: rgba(255,255,255,1.00);
	color: #0f4fb5;
}
#nav .menu li ul {
	position: absolute;
	width: 100%;
	overflow-y: hidden;
	height: auto;
	left:0px;
}
#nav .menu li ul li {
	width: 100%;
	z-index: 16;
}
#nav .menu li ul li a {
	line-height: 35px;
	text-decoration: none;
	display: block;
	height: 0px;
	-webkit-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-in-out;
	-o-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	border-top: 1px none rgb(181, 247, 105);
	/* [disabled]visibility: hidden;
*/
}
#nav .menu li:hover ul li a {
	height: 35px;
	display: block;
	color: rgba(255,255,255,1.00);
	background-color: #0f4fb5;
	font-family: "Noto Sans KR", sans-serif;
	font-size: 14px;
}
#nav .menu li ul li:hover a {
	color: rgba(44,44,44,1.00);
	font-weight: 600;
	font-size: 14px;
	background-color: #F0F0F0;
}
#mobnav_btn { display: none; }
.company_info ul {
	float: left;
	margin-right: 30px;
}
#bg_copy {
	background-color: #FFFFFF;
	overflow-y: hidden;
	padding-top: 15px;
	padding-bottom: 25px;
}
#bg_copy .copy_year {
	color: #434343;
	font-size: 12px;
	text-decoration: none;
	line-height: 17px;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
}
.view_pc { }
.view_mobile { display: none !important; }
}

li .b2b img{vertical-align:top !important; }