@charset "euc-kr";
/*À¥ÆùÆ® ³ª´®°íµñ*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/*@import url(https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);*/

/*°øÅë À¯Æ¿ :after {content:""; display:block; clear:both; } */
.webfont { font-family: "³ª´®¹Ù¸¥°íµñ", "³ª´®°íµñ", "Nanum Gothic", sans-serif; }

.barun { font-family: "³ª´®¹Ù¸¥°íµñ", "Nanum Barun Gothic", sans-serif; }

.nanum { font-family: "³ª´®°íµñ", "Nanum Gothic", sans-serif; }

.marjin0 {
	margin: 0;
	padding: 0;
}

.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; }

/*
.item:nth-child(1) {
  background: darkred;
}
.item:nth-child(2) {
  background: red;
}
.item:nth-child(3) {
  background: orange;
}
*/

/*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:#DA0000;}
#item_list ul li { width:33.33%; float:left; padding:15px;}
/*Ä«ÆäÀü¿ë --------------------------------------------------------------------------- */
.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 { margin-bottom: 0px !important; }
.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;
}

/*Á¦Ç°¼Ò°³ ±×¸² Á¦¸ñ Á¶Á¤*/
.gallery_title {
	margin-top: 7px;
	display: block;
	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 */
html, body {
	width: 100%;
	height: 100%;
}

/*p {
	margin: 0;
	padding: 0;
}*/

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;
	background-color: rgba(255,255,255,1.00);
}
#top_header {
	position: relative;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;

}

#g_nav { 
}

#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;
	font: bold 12px/25px "³ª´®°íµñ", "Nanum Gothic", sans-serif;
	color: #3A3A3A;
	-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;
	/* [disabled]background-color: rgba(255,255,255,1.00); */
}

#g_nav ul li:hover a {
	background-color: #FFFFFF;
	color: #C7162D;
	font-weight: bold;
}
#link_nav {
	position: absolute;
	right: 0px;
	top: 7px;
}
#link_nav a {
	color: #1F1F1F;
	text-decoration: none;
	display: inline-block;
}
#link_nav a:hover {
	color: #DE4555;
	text-decoration: none;
}
.metapo {
	margin-left: auto;
	margin-right: auto;
}

.sub_metapo_01 {
	margin-right: auto;
	margin-left: auto;
	max-width: 1600px;
}

#bbs {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	max-width: 1100px;
	padding-left: 15px;
	padding-right: 15px;
	display: none;
}
#bbs a  {
	outline-style: none;
	color: #3A3A3A;
	text-decoration: none;
}
#bbs  .bbs_big_title {
	font: bold 14px "±¼¸²", Gulrim, "Arial Unicode MS";
	padding-right: 5px;
	padding-bottom: 10px;
	display: inline-block;
	letter-spacing: -1px;
	color: #3A3A3A;
}
#bbs .small_title {}
#notice {
	float: left;
	width: 35%;
	padding-right: 15px;
}

#product {
	float: left;
	width: 40%;
	padding-right: 15px;
}

#tel {
	float: left;
	width: 25%;
	background-image: url(../images/main_phone.png);
	background-repeat: no-repeat;
	background-position: -3% 14%;
	padding-left: 7%;
	background-size: 31% auto;
}

#tel_mobile { display: none; }

#footer {
	width: 100%;
	background-color: rgba(247,247,247,1.00);
	padding-bottom: 15px;
	padding-top: 15px;
}

#sub_wrap {
	margin: 15px auto;
	max-width: 1100px;
	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;
}

#notice .notice_out {
	margin-top: 10px;
	display: block;
	margin-bottom: 15px;
	font-size: 12px;
}

#mob_connect {
	text-decoration: none;
	position: fixed;
	left: 50%;
	top: 20%;
	width: 0px;
	height: 0px;
	z-index: 10;
	margin-left: -100px;
	display: block;
}

#top_header h1 a { outline-style: none; }

#sub_banner { margin-top: 100px; }

#member { }

/* ------------------------------------------ 01 ---------------------------------------------- */
#main_banner01 {
	margin: 20px auto 40px;
	width: 100%;
	border: 1px solid rgba(236,236,236,1.00);
	overflow-y: hidden;
	max-width: 1100px;
	font-family: "³ª´®°íµñ", "Nanum Gothic", sans-serif;
	text-align: center;
	display: block;
}

.type_icon01 {
	border-radius: 100px;
	background-color: #F3F3F3;
	text-align: center;
	text-decoration: none;
	display: block;
	width: 100px;
	height: 100px;
	line-height: 100px;
	color: #6E6E6E;
	margin-left: auto;
	margin-right: auto;
	font-size: 36px;
}

#main_banner01 ul li {
	float: left;
	width: 25%;
	padding: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#main_banner01 ul li a div i { color: #6E6E6E; }

#main_banner01 ul li a {
	outline-style: none;
	text-decoration: none;
	display: block;
}

#main_banner01 ul li a:hover div > i { color: #FFFFFF; }

#main_banner01 ul li a .main_banner_title {
	color: #6E6E6E;
	font-size: 21px;
	font-weight: bold;
	letter-spacing: -1px;
	margin-top: 15px;
	margin-bottom: 15px;
}

#main_banner01 ul li a:hover .main_banner_title { color: #C41F1F; }

#main_banner01 ul li a:hover .type_icon01 { background-color: #E4570E; }
.main_banner_bg { display: none; }
.banner_subject {
	margin-left: auto;
	margin-right: auto;
	font: 28px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	color: #3A3A3A;
	max-width: 1100px;
	text-align: center;
	padding: 15px;
}
/* ------------------------------------------ // 01 ---------------------------------------------- */
/* ------------------------------------------ 02 ---------------------------------------------- */
.banner_subject2 {
	margin-left: auto;
	margin-right: auto;
	font: 28px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	color: #3A3A3A;
	max-width: 1100px;
	text-align: center;
	padding: 15px;
}

.main_banner_bg2 {
	background-color: #3A3A3A;
	padding: 15px;
	display: none;
}

#main_banner02 {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	overflow-y: hidden;
	max-width: 1100px;
	font-family: "³ª´®°íµñ", "Nanum Gothic", sans-serif;
	text-align: center;
	display: block;
}

#main_banner02 .type_img01 {
	background-color: #FFFFFF;
	position: relative;
	overflow-x: hidden;
	overflow-y: hidden;
	border-radius: 8px;
	padding: 5px;
}

#main_banner02 .type_img01 .bg_black {
	position: absolute;
	width: 101%;
	z-index: 10;
	line-height: 30px;
	opacity: 0.8;
	color: #E4E4E4;
	font-weight: bold;
	top: 100%;
	left: -1px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	height: 101%;
	background-image: -webkit-linear-gradient(270deg, rgba(31,31,31,1.00) 0%, rgba(241,242,236,1.00) 100%);
	background-image: -moz-linear-gradient(270deg, rgba(31,31,31,1.00) 0%, rgba(241,242,236,1.00) 100%);
	background-image: linear-gradient(180deg, rgba(31,31,31,1.00) 0%, rgba(241,242,236,1.00) 100%);
	padding-top: 5px;
	display: block;
}

#main_banner02 .type_img01:hover .bg_black { top: 50%; }

#main_banner02 .type_img01:hover img { }

#main_banner02 ul li {
	float: left;
	width: 25%;
	padding: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#main_banner02 ul li a div i {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#main_banner02 ul li a {
	outline-style: none;
	text-decoration: none;
}

#main_banner02 ul li a:hover div > i { color: #2156A5; }

#main_banner02 ul li a .main_banner_title {
	color: #E5E5E5;
	font-size: 21px;
	font-weight: bold;
	letter-spacing: -1px;
	margin-top: 15px;
	margin-bottom: 15px;
	border-bottom-color: #C41F1F;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	line-height: 35px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#main_banner02 ul li a:hover .main_banner_title { color: #C41F1F; }
#main_banner02 .main_bnner02_txt { color: #E8E8E8; 
}
/* ------------------------------------------ // 02 ---------------------------------------------- */
/* ------------------------------------------ 03 ---------------------------------------------- */
.banner_subject3 {
	margin-left: auto;
	margin-right: auto;
	font: 28px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	color: #FFFFFF;
	max-width: 1100px;
	text-align: center;
	padding: 15px;
	display: block;
}

.main_banner_bg3 {
	padding: 15px;
	background-color: rgba(58,58,58,1.00);
	position: relative;
	width: 100%;
	display: none;
}
#main_banner03 {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	width: 100%;
	max-width: 1100px;
	font-family: "³ª´®°íµñ", "Nanum Gothic", sans-serif;
	text-align: center;
	display: block;
}

.type_icon03 {
	text-align: center;
	text-decoration: none;
	display: block;
	width: 100px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	font-size: 48px;
	line-height: 110px;
}

#main_banner03 ul li {
	float: left;
	width: 32.33%;
	padding: 20px;
	background-color: #C7162D;
	margin-right: 0.5%;
	margin-left: 0.5%;
	/* [disabled]min-height: 270px; */
}
#main_banner03 ul li:hover { background-color: rgba(58,58,58,1.00); }
#main_banner03 ul li a div i { color: #FFFFFF; }

#main_banner03 ul li a {
	outline-style: none;
	text-decoration: none;
	display: block;
}

#main_banner03 ul li a:hover div > i { color: #FFFFFF; }

#main_banner03 ul li a .main_banner_title {
	font-size: 21px;
	font-weight: bold;
	letter-spacing: -1px;
	margin-top: 15px;
	margin-bottom: 15px;
	color: #FFFFFF;
}

#main_banner03 ul li a:hover .main_banner_title { color: #FFFFFF; 
}
#main_banner03 ul li a .main_banner_txt { color: #FFFFFF; }
#main_banner03 ul li a:hover .type_icon03 { }

/* ------------------------------------------ // 03 ---------------------------------------------- */
/* ------------------------------------------ 04 ---------------------------------------------- */
.banner_subject4 {
	margin-left: auto;
	margin-right: auto;
	font: 28px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	color: #FFFFFF;
	max-width: 1100px;
	text-align: center;
	padding: 15px;
	display: block;
}

.main_banner_bg4 {
	padding: 15px;
	background-color: rgba(58,58,58,1.00);
	position: relative;
	width: 100%;
	display: none;
}
#main_banner04 {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	width: 100%;
	max-width: 1100px;
	font-family: "³ª´®°íµñ", "Nanum Gothic", sans-serif;
	text-align: center;
	display: block;
}

.type_icon04 {
	text-align: center;
	text-decoration: none;
	display: block;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	font-size: 48px;
	line-height: 110px;
}

#main_banner04 ul li {
	float: left;
	width: 24%;
	padding: 20px;
	background-color: #3A3A3A;
	margin-right: 0.5%;
	margin-left: 0.5%;
	/* [disabled]min-height: 270px; */
}
#main_banner04 ul li:hover { background-color: rgba(58,58,58,1.00); }
#main_banner04 ul li a div i { color: #FFFFFF; }

#main_banner04 ul li a {
	outline-style: none;
	text-decoration: none;
	display: block;
}

#main_banner04 ul li a:hover div > i { color: #FFFFFF; }

#main_banner04 ul li a .main_banner_title {
	font-size: 21px;
	font-weight: bold;
	letter-spacing: -1px;
	margin-top: 15px;
	margin-bottom: 15px;
	color: #FFFFFF;
}

#main_banner04 ul li a:hover .main_banner_title { color: #FFFFFF; 
}
#main_banner04 ul li a .main_banner_txt { color: #FFFFFF; }
#main_banner04 ul li a:hover .type_icon03 { }

/* ------------------------------------------ // 04 ---------------------------------------------- */
/* ------------------------------------------ 05 New ---------------------------------------------- */
#main_banner_bg5 { display: none; }
#main_banner_bg5 .banner_subject {
	margin-left: auto;
	margin-right: auto;
	font: 28px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	color: #3A3A3A;
	max-width: 1100px;
	text-align: center;
	padding: 15px;
}
#main_banner_bg5 .main_banner {
	margin: 20px auto 40px;
	width: 100%;
	overflow-y: hidden;
	max-width: 1100px;
	font-family: "³ª´®°íµñ", "Nanum Gothic", sans-serif;
	text-align: center;
	display: block;
}

#main_banner_bg5 .type_icon {
	border-radius: 100px;
	background-color: #F3F3F3;
	text-align: center;
	text-decoration: none;
	display: none;
	width: 100px;
	height: 100px;
	line-height: 100px;
	color: #6E6E6E;
	margin-left: auto;
	margin-right: auto;
	font-size: 36px;
}
#main_banner_bg5 .main_banner ul li a:hover .type_icon { background-color: #E4570E; }

#main_banner_bg5 .main_banner ul li {
	float: left;
	width: 25%;
	padding: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#main_banner_bg5 .main_banner ul li a div i { color: #6E6E6E; }
#main_banner_bg5 .main_banner ul li a:hover div > i { color: #FFFFFF; }
#main_banner_bg5 .main_banner ul li a {
	outline-style: none;
	text-decoration: none;
	display: block;
}
#main_banner_bg5 .main_banner ul li a .main_banner_title {
	color: #9B9B9B;
	font-size: 28px;
	/* [disabled]font-weight: bold; */
	letter-spacing: -1px;
	margin-top: 15px;
	margin-bottom: 15px;
}
#main_banner_bg5 .main_banner ul li a:hover .main_banner_title { color: #C41F1F; }
#main_banner_bg5 .main_banner ul li a .main_banner_txt { color: rgba(126,126,126,1.00); }
#main_banner_bg5 .main_banner ul li a:hover .main_banner_txt { }


/* ------------------------------------------ // 05 ---------------------------------------------- */
/* ------------------------------------------ 06 New ---------------------------------------------- */
#main_banner_bg6 {
	background-color: #F3F3F3;
	padding: 15px;
	display: block;
}
#main_banner_bg6 .banner_subject {
	margin-left: auto;
	margin-right: auto;
	font: 28px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	color: #3A3A3A;
	max-width: 1100px;
	text-align: center;
	padding: 15px;
}

#main_banner_bg6 .main_banner {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	overflow-y: hidden;
	max-width: 1100px;
	font-family: "³ª´®°íµñ", "Nanum Gothic", sans-serif;
	text-align: center;
	display: block;
}

#main_banner_bg6 .main_banner .type_img {
	position: relative;
	overflow-x: hidden;
	overflow-y: hidden;
}

#main_banner_bg6 .main_banner .type_img .bg_black {
	position: absolute;
	width: 101%;
	z-index: 10;
	line-height: 30px;
	opacity: 0.8;
	color: #E4E4E4;
	font-weight: bold;
	top: 100%;
	left: -1px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	height: 101%;
	background-image: -webkit-linear-gradient(270deg, rgba(31,31,31,1.00) 0%, rgba(241,242,236,1.00) 100%);
	background-image: -moz-linear-gradient(270deg, rgba(31,31,31,1.00) 0%, rgba(241,242,236,1.00) 100%);
	background-image: linear-gradient(180deg, rgba(31,31,31,1.00) 0%, rgba(241,242,236,1.00) 100%);
	padding-top: 5px;
	display: block;
}

#main_banner_bg6 .main_banner .type_img:hover .bg_black { top: 50%; }

#main_banner_bg6 .main_banner .type_img:hover img { }

#main_banner_bg6 .main_banner ul li {
	float: left;
	width: 25%;
	padding: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#main_banner_bg6 .main_banner ul li a div i {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
#main_banner_bg6 .main_banner ul li a:hover div > i { color: #2156A5; }
#main_banner_bg6 .main_banner ul li a {
	outline-style: none;
	text-decoration: none;
}
#main_banner_bg6 .main_banner ul li a .main_banner_title {
	color: #3A3A3A;
	font-size: 21px;
	font-weight: bold;
	letter-spacing: -1px;
	margin-top: 15px;
	margin-bottom: 15px;
	border-bottom-color: #C41F1F;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	line-height: 35px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#main_banner_bg6 .main_banner ul li a:hover .main_banner_title { color: #C41F1F; }
#main_banner_bg6 .main_banner .main_bnner_txt {
	color: #3A3A3A;
	margin-bottom: 15px;
}
/* ------------------------------------------ // 06 ---------------------------------------------- */
/* ------------------------------------------ 07 ---------------------------------------------- */
#main_banner_bg7 { background-color: #DE4555; 
}
#main_banner_bg7 .banner_subject {
	margin-left: auto;
	margin-right: auto;
	font: 28px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	color: #3A3A3A;
	max-width: 1100px;
	text-align: center;
	padding: 15px;
	display: none;
}
#main_banner_bg7 .main_banner {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	overflow-y: hidden;
	max-width: 1440px;
	font-family: "³ª´®°íµñ", "Nanum Gothic", sans-serif;
	text-align: center;
	display: block;
}

#main_banner_bg7 .type_icon {
	border-radius: 65px;
	text-align: center;
	text-decoration: none;
	width: 100px;
	height: 120px;
	line-height: 65px;
	font-size: 28px;
	float: left;
	/* [disabled]background-color: #FFFFFF; */
	padding-top: 20px;
}
#main_banner_bg7 .main_banner ul li a:hover .type_icon { 
}

#main_banner_bg7 .main_banner ul li {
	float: left;
	width: 25%;
	padding: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#main_banner_bg7 .main_banner ul li a div i {
	color: #C7162D;
	border-radius: 100px;
	display: block;
	width: 65px;
	height: 65px;
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	padding-top: 17px;
}
#main_banner_bg7 .main_banner ul li a:hover div > i { }
#main_banner_bg7 .main_banner ul li a {
	outline-style: none;
	text-decoration: none;

}
#main_banner_bg7 .main_banner ul li a .main_banner_title {
	color: #FFFFFF;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: -1px;
	margin-bottom: 15px;
}
#main_banner_bg7 .main_banner ul li a:hover .main_banner_title { color: #AC1E2D; 
}
#main_banner_bg7 .main_banner ul li a .main_banner_txt { color: rgba(255,225,229,1.00); }
#main_banner_bg7 .main_banner ul li a:hover .main_banner_txt { color: #FFFFFF; }


/* ------------------------------------------ // 07 ---------------------------------------------- */
/* ------------------------------------------ Á¦Ç°¼Ò°³ 02 ---------------------------------------------- */
#product_bg02 {
	background-color: #FFFFFF;
	padding: 15px;
	/* [disabled]margin-bottom: 40px;
*/
	display: block;
}
#product_bg02 .banner_subject a{
	margin-left: auto;
	margin-right: auto;
	font: 28px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	color: #3A3A3A;
	max-width: 1100px;
	text-align: center;
	padding: 15px;
	text-decoration: none;
}
#product_bg02 .product {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	overflow-y: hidden;
	max-width: 1100px;
	font-family: "³ª´®°íµñ", "Nanum Gothic", sans-serif;
	text-align: center;
	display: block;
	padding-top: 15px;
	padding-bottom: 15px;
}

#product_bg02 .product .board_output_gallery_subject a {
	display: block;
	color: #3A3A3A;
	background-color: #FFFFFF;
	height: 45px;
	font: bold 14px/45px "³ª´®°íµñ", "Nanum Gothic", sans-serif;
	text-align: center;
	text-decoration: none;
	border-top-color: rgba(199,22,45,1.00);
	border-top-width: 3px;
	border-top-style: solid;
}
#product_bg02 .product .board_output_gallery_subject:hover a {
	background-color: rgba(199,22,45,1.00);
	color: rgba(255,255,255,1.00);
}
#product_bg02 .product .board_output_gallery_img a img { min-width: 100%; }

/* ------------------------------------------ // Á¦Ç°¼Ò°³ 02 ---------------------------------------------- */
/* ------------------------------------------ ¼îÇθô »óÇ°¼Ò°³ 01 ---------------------------------------------- */
#item_bg01 {
	background-color: #FFFFFF;
	padding: 15px;
	/* [disabled]margin-bottom: 40px;
*/
	display: none;
}
#item_bg01 .banner_subject {
	margin-left: auto;
	margin-right: auto;
	font: 28px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	color: #3A3A3A;
	max-width: 1100px;
	text-align: center;
	padding: 15px;
	text-decoration: none;
}
#item_bg01 .item {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	overflow-y: hidden;
	max-width: 1100px;
	font-family: "³ª´®°íµñ", "Nanum Gothic", sans-serif;
	text-align: center;
	display: block;
	padding-top: 15px;
	padding-bottom: 30px;
}

#item_bg01 .item .board_output_gallery_subject a {
	display: block;
	color: #FFFFFF;
	background-color: #6E6E6E;
	height: 45px;
	font: bold 14px/45px "³ª´®¹Ù¸¥°íµñ", "³ª´®°íµñ", "Nanum Gothic", sans-serif;
	text-align: center;
	text-decoration: none;
}

#item_bg01 .item .board_output_gallery_img a img { min-width: 100%; }

/* ------------------------------------------ // ¼îÇθô »óÇ°¼Ò°³ 01 ---------------------------------------------- */

#footer #foot_contents {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	max-width: 1100px;
	display: block;
	padding-left: 15px;
	padding-right: 15px;
}

#foot_menu { }

#foot_contents .company_info {
	font: 12px/18px "³ª´®¹Ù¸¥°íµñ", "³ª´®°íµñ", "Nanum Gothic", sans-serif;
	color: rgba(132,132,132,1.00);
	display: block;
}

#foot_contents .company_info_mobile { display: none; }

#qr_cord {
	width: 100px;
	display: none;
	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 {
	/* [disabled]width: 750px;
*/
	height: 500px;
	overflow-x: auto;
	overflow-y: scroll;
}

#guide_customer {
	height: 400px;
	overflow-x: auto;
	overflow-y: scroll;
	margin-bottom: 25px;
}

.bg_foot_menu {
	background-color: rgba(233,233,233,1.00);
	overflow-y: hidden;
	margin-top: 50px;
}

#foot_menu {
	margin-left: auto;
	margin-right: auto;
	max-width: 1100px;
	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: #C5C5C5;
	top: 12px;
	width: 1px;
}

#foot_menu ul li:last-child:after { display: none; }

#foot_menu ul li a {
	color: rgba(110,110,110,1.00);
	text-decoration: none;
	font: bold 12px/38px "³ª´®¹Ù¸¥°íµñ", "³ª´®°íµñ", "Nanum Gothic", sans-serif;
	display: block;
	padding-left: 10px;
	padding-right: 10px;
}

#foot_menu a:hover { /*
	[disabled]font-weight: 600;
*/
	color: #1F1F1F;
}

#sky {
	position: absolute;
	width: 100px;
	left: 50%;
	top: 250px;
	margin-left: 570px;
	height: auto;
	z-index: 20;
	display: block;
}

#sky .quick_menu { }

#sky .quick_menu li a {
	color: #898989;
	text-align: center;
	width: 100%;
	height: 20px;
	display: block;
	outline-style: none;
	font-size: 12px;
	line-height: 20px;
	text-decoration: none;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	-webkit-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-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;
	background-color: hsla(0,0%,100%,0.00);
}

#sky .quick_menu li a:hover {
	color: #3A3A3A;
	background-color: #F7F7F7;
}

#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 28px/50px "³ª´®°íµñ";
	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: "³ª´®°íµñ", "¸¼Àº °íµñ", "µ¸¿ò";
	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 "³ª´®°íµñ", "Nanum Gothic", 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: rgba(222,69,85,1.00);
	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);
*/
}

#product .product_out {
	margin-top: 10px;
	margin-bottom: 15px;
	font-size: 12px;
}

#sub_title {
	margin-bottom: 40px;
	font: 600 32px "³ª´®°íµñ", "Nanum Gothic", 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%);
}

#sub_banner ul { border-top: 1px solid rgba(236,236,236,1.00); }

#sub_banner ul li { border-bottom: 1px solid rgba(236,236,236,1.00); }

#mobile_nav_btn { display: none; }

#mobile_metapo { display: none; }

#tel .click {
	color: rgba(155,155,155,1.00);
	font: 12px "³ª´®°íµñ", "Nanum Gothic", sans-serif;
	text-indent: 20px;
}

#tel .phone {
	display: block;
	width: 100%;
	border-radius: 4px;
	background-color: rgba(21,77,160,1.00);
	color: rgba(240,240,240,1.00);
	font: 600 18px "³ª´®°íµñ", "Nanum Gothic", 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 .sms_send {
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#tel a {
	color: rgba(110,110,110,1.00);
	font-weight: 600;
	font-family: "³ª´®°íµñ", "Nanum Gothic", sans-serif;
	text-decoration: none;
}

#g_nav_mobile { 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 "³ª´®¼Õ±Û¾¾ Ææ", "Nanum Pen Script", cursive;
	display: none;
}

#mob_img_01_01 { }

#history_year {
	float: left;
	width: 58.9623%;
}

#history_img01 {
	width: 37.5%;
	float: right;
}

#busines_img01 { display: block; }

#busines_img01_mobile { display: none; }

#is_member_mobile { display: none; }

.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) {
	

}

@media (max-width:768px) {

blockquote { font-size: 16px !important; }

.login_box { padding: 20px 0 !important; }

.login_box .find { display: none; }

.view_auto {
	overflow-x: auto;
	padding-bottom: 15px;
}
#header {
	padding-left: 15px;
	padding-right: 15px;
}
#g_nav ul li:nth-child(1)  { display: none; }

#navwrap_bg {
	background-color: rgba(255,255,255,1.00);
	/* [disabled]border-bottom-color: #F0F0F0; */
	/* [disabled]border-bottom-width: 5px; */
	/* [disabled]border-bottom-style: solid; */
	height: 107px;
	}
#navwrap {
	overflow-y: hidden;
	position: relative;

}

#member { padding-left: 15px; }
#shop { display:none;}
#logo {
	text-align: left;
	width: 220px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#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: rgba(31,31,31,1.00); }

#foot_menu {
	padding-left: 0px;
	padding-right: 0px;
}

#foot_menu ul {
	margin: 0px;
	padding: 0px;
	width: 100%;
}

#foot_menu ul li {
	display: block;
	float: none;
	margin: 0px;
	padding: 0px;
}

#foot_menu ul li a {
	color: rgba(192,192,192,1.00);
	text-decoration: none;
	font: 13px/30px "³ª´®°íµñ", "Nanum Gothic", sans-serif;
	display: block;
	text-align: left;
	text-indent: 15px;
	background-image: -webkit-linear-gradient(130deg, rgba(58,58,58,1.00) 0%, rgba(31,31,31,1.00) 100%);
	background-image: -moz-linear-gradient(130deg, rgba(58,58,58,1.00) 0%, rgba(31,31,31,1.00) 100%);
	background-image: -o-linear-gradient(130deg, rgba(58,58,58,1.00) 0%, rgba(31,31,31,1.00) 100%);
	background-image: linear-gradient(320deg, rgba(58,58,58,1.00) 0%, rgba(31,31,31,1.00) 100%);
	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 {
	background-color: rgba(58,58,58,1.00);
	background-image: -webkit-linear-gradient(62deg, rgba(58,58,58,1.00) 0%, rgba(31,31,31,1.00) 100%);
	background-image: -moz-linear-gradient(62deg, rgba(58,58,58,1.00) 0%, rgba(31,31,31,1.00) 100%);
	background-image: -o-linear-gradient(62deg, rgba(58,58,58,1.00) 0%, rgba(31,31,31,1.00) 100%);
	background-image: linear-gradient(28deg, rgba(58,58,58,1.00) 0%, rgba(31,31,31,1.00) 100%);
	color: rgba(255,255,255,1.00);
}

#footer {
	background-color: rgba(44,44,44,1.00);
	padding-bottom: 15px;
}

#foot_contents { color: rgba(212,212,212,1.00); }

#mob_img_01_01 {
	display: block;
	width: 100%;
	margin-bottom: 15px;
}





/*------------// ¸ð¹ÙÀÏ ¸Þ´º //---------------------------------------------------------------*/


#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 { }

#nav .menu li > a {
	display: block;
	text-align: left;
	font: 600 14px/46px "³ª´®°íµñ";
	text-decoration: none;
	color: rgba(255,255,255,1.00);
	-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: 600;
	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 "³ª´®°íµñ", "Nanum Gothic", 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: "³ª´®°íµñ", "Nanum Gothic", 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_bg7 .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: #8E8E8E;
}

#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; }

/*¼îÇθô*/
#content {
	padding-left: 10px;
	padding-right: 10px;
}

#product_list a { font-size: 14px !important; }

#product_info { float: left !important; }

/* // ¼îÇθô*/

/*---------------------------------- 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: 1100px;
	margin-left: auto;
	margin-right: auto;
	padding: 15px;
	color: #BABABA;
	font-size: 12px;
	text-decoration: none;
	line-height: 17px;
}

.view_pc { display: none; }

.view_mobile { display: block; }
}

@media (max-width:991px) {

#tel {
	background-image: none;
	padding-left: 0px;
}

#qr_cord { display: none; }

}
@media (min-width:769px) and (max-width:1200px){
#main_banner_bg7 .main_banner ul li {
	width: 50%;
	margin-bottom: 15px;
}	
	}
@media (max-width:1200px) {

#sky { display: none }
}

@media screen and (min-width:769px) {

#navwrap_bg {
	border-bottom-color: rgba(222,69,85,1.00);
	border-bottom-width: 10px;
	border-bottom-style: solid;
	background-color: #FFFFFF;
	height: 150px;
	/* [disabled]position: absolute; */
	z-index: 2;
	width: 100%;
	/* [disabled]opacity: 0.6; */
}
#navwrap_bg.cloned { height: 92px; }
#navwrap_bg.cloned #navwrap #nav .menu li > a {

}
#navwrap_bg.cloned #navwrap #nav .menu li ul li > a {

}

#navwrap {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}	

#logo {
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	width: 400px;
	text-decoration: none;
	text-align: center;
}
#shop {
	width: 50px;
	height: 50px;
	position: absolute;
	right: 0px;
	background-color: rgba(255,255,255,1.00);
	text-align: center;
	text-decoration: none;
	line-height: 70px;
	border-radius: 3px;
	display: none;
	top: 41px;
}
#shop a { color: rgba(243,102,57,1.00); }
#shop a:hover { color: rgba(192,29,32,1.00); }
#logo h1 { margin: 0px; }


#nav {
	width: 100%;
	background-color: #FFFFFF;
	display: block;
	z-index: 18;
	min-width: 100%;
	max-width: 100%;
	/* [disabled]border-top-width: 1px; */
	/* [disabled]border-top-style: solid; */
	/* [disabled]border-top-color: rgba(236,236,236,1.00); */
}

#nav .menu li {
	position: relative;
	width: 20%;
	float: left;
}

#nav .menu {
	height: 60px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	max-width: 1100px;
	/* [disabled]border-left-width: 1px; */
	/* [disabled]border-left-style: solid; */
	/* [disabled]border-left-color: rgba(236,236,236,1.00); */
}

#nav .menu li > a {
	display: block;
	text-align: center;
	font: 600 16px/80px "³ª´®°íµñ", "Nanum Gothic", sans-serif;
	text-decoration: none;
	color: rgba(58,58,58,1.00);
	-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%;
	/* [disabled]border-right-width: 1px; */
	/* [disabled]border-right-style: solid; */
	/* [disabled]border-right-color: rgba(236,236,236,1.00); */
}

#nav.cloned .menu li > a { border-right: 0px solid rgba(236,236,236,1.00); }

#nav .menu li > a.nav_on {
	font-weight: 600;
	font-size: 18px;
	color: rgba(255,255,255,1.00);
	/* [disabled]border-top-color: #E7594C; */
	/* [disabled]border-top-width: 3px; */
	/* [disabled]border-top-style: solid; */
	background-color: #DE4555;
}

#nav .menu li:hover a {
	font-size: 16px;
	background-color: rgba(255,255,255,1.00);
	color: rgba(222,69,85,1.00);
}

#nav .menu li ul {
	position: absolute;
	width: 100%;
	overflow-y: hidden;
	height: auto;
}

#nav .menu li ul li {
	width: 100%;
	z-index: 16;
}

#nav .menu li ul li a {
	line-height: 45px;
	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;
	/* [disabled]visibility: hidden;
*/
	border-right-style: none;
	z-index: 18;
}

#nav .menu li:hover ul li a {
	height: 45px;
	display: block;
	border-right-style: none;
	color: rgba(58,58,58,1.00);
	background-color: #FFFFFF;
	z-index: 25;
}

#nav .menu li ul li:hover a {
	color: rgba(255,255,255,1.00);
	background-color: rgba(222,69,85,1.00);
}

#mobnav_btn { display: none; }

.company_info ul {
	float: left;
	margin-right: 30px;
}

#bg_copy {
	background-color: #474747;
	-webkit-box-shadow: 0px -5px 15px #BABABA;
	box-shadow: 0px -5px 15px #BABABA;
}

#bg_copy .copy_year {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	padding: 15px;
	color: #BABABA;
	font-size: 12px;
	text-decoration: none;
	line-height: 17px;
}

.view_pc { display: block; }

.view_mobile { display: none; }
}