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


/* 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; }

/*Ä«ÆäÀü¿ë --------------------------------------------------------------------------- */
/*Ä«ÆäÀü¿ë --------------------------------------------------------------------------- */
.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: 90%; } /*¿Â¶óÀι®ÀÇ ÅؽºÆ®¾Æ¸®¾Æ*/

.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 {
	font-size: 12px;
	font-family: "±¼¸²";
	/* [disabled]display: inline-block;
*/
} /*Àͽº ¹öÀü ȣȯ °Ô½ÃÆÇ ±Û²Ã*/

.table_02 { 
	border-top-color: #BABABA !important;/*°Ô½ÃÆÇ »ó´Ü Ä®¶ó*/
	width: 100%;
	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;
	padding: 4px;
	font: 12px "±¼¸²";
} /* Á¦ÀÌÄõ¸®¿¡ table_02Àû¿ëÇϸé Àû¿ë*/

.bbscategory, .bbsnewf5, .bbsetc_dateof_write, .bbswriter { font-size: 12px; } /*°Ô½ÃÆÇ »ó´Ü ÆùÆ® Å©±â ÅëÀÏ*/

.bbsnewf5 > a { outline-style: none; }

.board_output_gallery_subject { /* [disabled]width: 150px !important; ¹ÝÀÀÇü¿¡ ¼û±è*/ display: block;
} /*¸ÞÀÎ °¶·¯¸® ÃßÃâ Á¦¸ñ*/

.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 a {
	text-align: center;
	text-decoration: none;
	display: block;
	width: 100%;
	height: 0px;
	margin-top: 2px;
	color: #6E6E6E;
}

/*Á¦Ç°¼Ò°³ ±×¸² Á¦¸ñ Á¶Á¤*/
.gallery_title {
	margin-top: 0px;
	display: block;
	color: #ffffff;
}

.notice_subject { margin-top: 7px; }

.img_border {
	border-color: rgba(239,239,239,1.00);
	border-width: 0px !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: 28px;
	background-color: rgb(5, 95, 220);
}
#top_header {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	max-width: 1100px;

}

#g_nav { 
}

#g_nav ul li {
	display: inline-block;
	float: left;
	overflow-x: hidden;
}
#g_nav ul li:nth-child(1), #g_nav ul li:nth-child(2)  { display: none; }
#g_nav ul li a {
	width: 100%;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	font: 14px/25px "³ª´®¹Ù¸¥°íµñ", "Nanum Barun Gothic", sans-serif;
	color: #9F9F9F;
	/* [disabled]background-color: #ECECEC; */
	-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;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 10px;
}

#g_nav ul li:hover a {
	background-color: #6E6E6E;
	color: #FFFFFF;
}

.nav_under {
	background-color: rgba(21,77,160,1.00);
	min-width: 100%;
	max-width: 100%;
	/* [disabled]width: 100%;
*/
	display: none;
	height: 30px;
	/* [disabled]overflow-y: hidden;
*/
}

.metapo {
	margin-left: auto;
	margin-right: auto;
	max-width: 1440px;
}

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

#bbs {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	max-width: 1100px;
	display: block;

}
#bbs a  {
	outline-style: none;
	color: #3A3A3A;
	text-decoration: none;
}
#bbs  .bbs_big_title {
	font: 24px "³ª´®°íµñ", "Nanum Gothic", sans-serif;
	padding-right: 5px;
	padding-bottom: 20px;
	display: inline-block;
	letter-spacing: -1px;
	color: #3A3A3A;
}
#bbs .small_title {
	font: 24px "³ª´®°íµñ", "Nanum Gothic", sans-serif;
	padding-right: 5px;
	letter-spacing: -1px;
	color: #757575;
}
#notice {
	float: left; 
	width: 30%;
	padding: 10px 10px 10px 10px;
	background-color: #ffffff;
	border:1px;
	border-color: #e1e1e1;
	border-style: solid;
	height: 200px;
	margin: 1%;
}

#product {
    margin: 0 auto;
    max-width: 1100px;
}


#main_banner02_1 {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    overflow-y: hidden;
    max-width: 1100px;
    font-family: sans-serif;
    text-align: center;
    display: block;
}
#main_banner02_1 ul li {
    float: left;
    width: 33%;
    padding: 10px;}
	
	#main_banner02_1 ul li a div p {
    font-weight: bold;
    font-size: 21px;
    color: #fff;
    padding: 15px;
    text-decoration: none;}
#tel {
	float: left;
	padding:10px;
	width: 28%;
	height: 200px;
	margin: 1%;
}

#tel_mobile { display: none; }

#footer {
	width: 100%;
	background-color: #FFF;
	padding-bottom: 15px;
	padding-top: 15px;
	border-top-color: #ccc;
    border-top-width: 1px;
    border-top-style: solid;
}

#sub_wrap {
	margin: 15px auto;
	max-width: 1100px;
	width: 100%;
}

#aside {
	width: 18.1818%;
	margin-right: 4.54545%;
	float: left;
	padding-top: 10px;
}

#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 {
	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: 50px; }

#member { }

/* ------------------------------------------ 01 ---------------------------------------------- */
#main_banner01 {
	width: 100%;
	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;
}




.banner_title{
	color: #ffffff;
	font-size: 21px;
	text-align: left;
	letter-spacing: -1px;
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 55px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background-image:url(../images/title_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;

}





.underline1 {
	border-color: #002876;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding:5px;
}




#main_banner01 ul li {
	float: left;
	width: 33%;
	padding: 10px 5px 10px 5px;
	-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 ---------------------------------------------- */



.main_custom {
    background: rgba(255,255,255,0.2);
    border-top: solid 1px rgba(255,255,255,0.2);}
.banner_subject2_2 {
    margin-left: auto;
    margin-right: auto;
    height: 80px;
    background: url('/default/img/hanaro_3.png') no-repeat center;}	
#main_banner01_1 {
	width: 100%;
	border-top: 1px solid rgba(0,40,120,1.00);
	overflow-y: hidden;
	max-width: 1100px;
	font-family: "³ª´®°íµñ", "Nanum Gothic", sans-serif;
	text-align: center;
	display: block;
}

#contact {
    text-align: center;
}
.phone {
    width: 100%;
    color: #337ab7;
    font-family: sans-serif;
    font-weight: bold;
    font-size: 25px;
    text-align: center;
    line-height: 1.2em;
    letter-spacing: -1px;
}

#main_banner01_1 ul {
	margin-top: 30px;
	}


#main_banner01_1 ul li {
	float: left;
	width: 50%;
	padding: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#main_banner01_1 ul li div {
	overflow: hidden;
    border-radius: 50%;}

#main_banner01_2 {
	width: 100%;
	border-top: 1px solid rgba(0,40,120,1.00);
	overflow-y: hidden;
	max-width: 1100px;
	font-family: "³ª´®°íµñ", "Nanum Gothic", sans-serif;
	text-align: center;
	display: block;
}

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

#main_banner01_2 ul li div {
	overflow: hidden;
    border-radius: 50%;}
	

.kw1 {
	height: 130px;
	border-color: #002876;
	border-right-width: 6px;
	border-left-width: 6px;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	padding:5px;
}
.main_pro {
    background-image: url('/default/img/hanaro_bg1.png');
    background-size: cover;
	}
.main_pro1 {
    background-image: url('/default/img/hanaro_bg.png');
}
/* ------------------------------------------ 02 ---------------------------------------------- */
.banner_subject2 {
	margin-left: auto;
	margin-right: auto;
	font: 28px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	color: #000000;
	max-width: 1100px;
	text-align: center;
	padding: 15px;
}

.main_banner_bg2 {
	background-color: #ebebeb;
	padding: 10px;
}

#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: 0px;
	padding: 1px;
}

#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:10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


#main_banner02 ul li div {
	background-color: #ffffff;
	margin:0px;
	padding:0px;

}




#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: #000000;
	font-size: 21px;
	text-align: left;
	letter-spacing: -1px;
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
	border-color: #e1e1e1;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	line-height: 55px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}


.kw {
	height: 120px;
	border-color: #e1e1e1;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-right-style: solid;
	border-left-style: solid;
}


#main_banner02 ul li a:hover .main_banner_title { color: #00297e; }
#main_banner02 .main_bnner02_txt { color: #595959; 
								padding: 10px;
}


.banner_subject2_1 {
    margin-left: auto;
    margin-right: auto;
    height: 80px;
    background: url('/default/img/hanaro_2.png') no-repeat center;
	}



/* ------------------------------------------ // 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: none;
}

.main_banner_bg3 {
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
	/* [disabled]padding-bottom: 15px; */
	margin-top: 113px;
	background-color: rgba(58,58,58,1.00);
	position: relative;
	width: 100%;
	display: none;
}
#main_banner03 {
	margin: -126px auto 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: 24%;
	padding: 20px;
	background-color: #F36639;
	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 ---------------------------------------------- */
.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;
}


#product_bg {
	background-color: #3A3A3A;
	padding: 15px;
	/* [disabled]margin-top: 20px; */
	/* [disabled]margin-bottom: 40px;
*/
	display: none;
}

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

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

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

#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: block;
	border-radius: 8px;
	position: absolute;
	right: 0px;
	top: 5px;
}

#blog_icon {
	width: 53px;
	display: block;
	border-radius: 8px;
	position: absolute;
	right: 120px;
	top: 80px;
}

#face_icon {
	width: 86px;
	display: block;
	border-radius: 8px;
	position: absolute;
	right: 180px;
	top: 80px;
}



#main_metapo {    background: #ebebeb;

}

#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: #FFF;
	border-top-color: #A4A4A4;
	border-top-width: 3px;
	border-top-style: solid;

}

#foot_menu {
	margin-left: auto;
	margin-right: auto;
	max-width: 1100px;
	padding-left: 15px;
	padding-right: 15px;
	overflow-y: hidden;
	border-top-color: #055fdf;
	border-top-width: 3px;
	border-top-style: solid;
	margin-top: -3px;	
}

#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: 155px;
	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 { }

.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(5,95,220,0.7);
	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:0 auto 0;
    margin:0 auto;
	margin-left:auto; margin-right:auto;
	margin-bottom: 0px;
	font-size: 12px;
}


.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(120,120,120,1.00);
	text-align: right;
	font: 12px "³ª´®°íµñ", "Nanum Gothic", sans-serif;
	text-indent: 20px;
	padding-bottom: 10px;
}



#tel {
	border:1px
	border-color: #e1e1e1e;
	background-color: #fafafa;
	padding: 15px 10px 10px 10px;
	margin-bottom: 10px;
	}




#tel .phone {
	display: block;
	width: 100%;
	color: #002876;
	font-family: "³ª´®°íµñ", "Nanum Gothic", sans-serif;
	font-weight: bold;
	font-size: 40px;
	text-align: right;
	line-height:0.8em;
	letter-spacing: -2px;
	}

#tel .button {
	
	text-align:right;
	border: 1px solid #002876;
	background: #ffffff;
	padding: 7px 30px 7px 30px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
	-moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
	color: #000000;
   font-size: 12px;
   vertical-align: middle;
   }

#tel .button:hover {
   border: 1px solid #002876;
   background: #002876;
   color: #ffffff;
   }



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

#g_nav_mobile { }

.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;
	float: left;
}

#sub_contents { }

#sign { font: 28px "³ª´®¼Õ±Û¾¾ Ææ", "Nanum Pen Script", cursive; }

#mob_img_01_01 { }

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




#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-y: auto;
	padding-bottom: 15px;
}
#navwrap_bg {
	background-color: rgba(255,255,255,1.00);
	border-bottom-color: #055fdc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	}
#navwrap {
	overflow-y: hidden;
	position: relative;

}

#member { padding-left: 15px; }

#logo {
	text-align: left;
	width: 180px;
	padding-bottom: 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;
}
#link_nav {
	position: absolute;
	right: 1px;
	top: 7px;
}
#link_nav a {
	color: #FF5A11;
	text-decoration: none;
}
#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;
}

#g_nav { 
}

#g_nav_mobile {
	display: block;
	margin-left: auto;
	text-align: right;
	padding-right: 15px;
	padding-left: 15px;
}

#g_nav_mobile ul li { display: inline-block; }

#g_nav_mobile ul li a {
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
	font: bold 12px/30px "³ª´®°íµñ", "Nanum Gothic", sans-serif;
	color: rgba(239,239,239,1.00);
}

/*------------// ¸ð¹ÙÀÏ ¸Þ´º //---------------------------------------------------------------*/
#mob_nav_js { display: block; }

#nav {
	width: 100%;
	background-color: rgba(31,31,31,1.00);
	z-index: 99;
	min-width: 100%;
	display: none;
	position: relative;
}

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

#notice {
	width: 40%;
	float: left;
}

#product {
}

#tel {
	background-image: none;
	padding-left: 0px;
	display: block;
	width: 100%;
}

#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_banner02_1 { }
#main_banner02_1 ul li { width: 100%; }
#main_banner03 { }

#main_banner03 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(160,160,160,1.00);
	padding-top: 10px;
	padding-bottom: 10px;
	color: rgba(243,243,243,1.00);
	margin-bottom: 15px;
}

.sub_title {
	margin-bottom: 20px;
	font: 600 22px "³ª´®°íµñ", "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);
	text-indent: 15px;
}

.sub_title2 {
	font-size: 12px;
	margin-left: 10px;
	display: none;
}



#sub_contents {
	padding-left: 15px;
	padding-right: 15px;
}


#sub_contents .sub2_1 {
	border-style:solid;
	border-color:red;
	border-width:1px
	background-image: url('/images/sub_1_1_bg.png'),url('..img/sub_1_1_bg.png');
	background-repeat: no-repeat,no-repeat;
	background-position: top left, bottom right;
}





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

#blog_icon { display: none; }


#face_icon { display: none; }
}

@media (max-width:1200px) {

#sky { display: none }
}

@media screen and (min-width:769px) {
	
#navwrap_bg {
	background-color: rgba(255,255,255,1.00);
	border-bottom-color: #055fdf;
	border-bottom:1px;
	border-bottom-style: solid;
}
#navwrap_bg.cloned { 
    background-color: rgba(255,255,255,1.00);
    border-bottom-color: #055fdf;
    border-bottom: 1px;
    border-bottom-style: solid;

}
#navwrap_bg.cloned #navwrap #nav .menu li > a {
	line-height: 73px;
	padding-top: 0px;
}
#navwrap_bg.cloned #navwrap #nav .menu li ul li > a {
	line-height:35px; 
	padding-top: 0px;
}

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

#logo { display: inline-block; 
}

#logo h1 { margin: 0px; }

#link_nav {
	position: absolute;
	right: 1px;
	top: 2px;
}
#link_nav a {
	color: #055fdf;
	text-decoration: none;
}
#link_nav a:hover {
	color: #a6a8ab;
	text-decoration: none;
}
#nav {
	z-index: 16;
	position: absolute;
	width: 70%;
	right: 0px;
	top: 0px;
}

#nav .menu li {
	position: relative;
	width: 25%;
	display: inline-block;
	float: left;
}

#nav .menu { border-left: 1px solid rgba(236,236,236,1.00); 
}

#nav .menu li > a {
	display: block;
	text-align: center;
	font: 600 14px/72px "³ª´®°íµñ", "Nanum Gothic", sans-serif;
	text-decoration: none;
	color: rgba(95,95,95,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%;
}



#nav .menu li > a.nav_on {
	font-weight: 600;
	font-size: 18px;
	color: rgba(5,95,220,1.0);;
	
}

#nav .menu li:hover a {
	font-size: 18px;
	background-color: rgba(5,95,220,0.7);;
	color: rgba(255,255,255,1.0);;
}

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

#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;
	/* [disabled]visibility: hidden;
*/
	border-right-style: none;
	font-size: 14px;
}

#nav .menu li:hover ul li a {
	display: block;
	border-right-style: none;
	height: 35px;
	font-size: 14px;
}

#nav .menu li ul li:hover a {
	color: rgba(39,39,39,1.00);
	background-color: rgba(255,255,255,1.00);
}
.sub_title {
	margin-bottom: 20px;
	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;
}



#mobnav_btn { display: none; }

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

#bg_copy {
	background-color: #fff;
	-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; }


}





#sub1_1 {
	background-image: url('..images/sub_1_1_bg.png');
	background-repeat: no-repeat;
}











#css_tabs {
    font-family:'nanumgothic', '³ª´®°íµñ', 'malgun gothic', '¸¼Àº °íµñ', 'dotum', 'µ¸¿ò', sans-serif
	padding:10px;
}
.sub_title1 {
	margin-bottom: 20px;
	font: 500 22px "³ª´®°íµñ", "Nanum Gothic", sans-serif;
	letter-spacing: -1px;
	padding: 45px 0px 5px 0px;
	color: rgba(73,73,73,1.00);
}
.sub_title1_1 {
	margin-bottom: 20px;
	font: 100 26px "³ª´®°íµñ", "Nanum Gothic", sans-serif;
	letter-spacing: -1px;
	padding-bottom: 15px;
	color: rgba(0,40,120,1.00);
}

.img01 {
        margin:0 auto;
		color:#000;

}



/* ÅÇ ¼±Åà ½Ã Ç¥½ÃÇÒ ¿ä¼Ò(div) Á¤ÀÇ(1¹ø ÅÇ ¼±Åà ½Ã ù ¹ø° div ¿ä¼Ò Ç¥½Ã) */
#css_tabs input:nth-of-type(1), #css_tabs input:nth-of-type(1) ~ div:nth-of-type(1),
#css_tabs input:nth-of-type(2), #css_tabs input:nth-of-type(2) ~ div:nth-of-type(2),
#css_tabs input:nth-of-type(3), #css_tabs input:nth-of-type(3) ~ div:nth-of-type(3), 
#css_tabs input:nth-of-type(4), #css_tabs input:nth-of-type(4) ~ div:nth-of-type(4) {
    display:none
}
#css_tabs input:nth-of-type(1):checked ~ div:nth-of-type(1), 
#css_tabs input:nth-of-type(2):checked ~ div:nth-of-type(2),
#css_tabs input:nth-of-type(3):checked ~ div:nth-of-type(3),
#css_tabs input:nth-of-type(4):checked ~ div:nth-of-type(4) {
    display:block
}
/* ¶óº§ ±âº» ½ºÅ¸ÀÏ ÁöÁ¤ */
#css_tabs > label {
    display:inline-block;
    font-variant:small-caps;
    font-size:.9em;
    padding:5px;
    text-align:center;
    width:24%;
    line-height:1.8em;
    font-weight:700;
    border-radius:0px 0px 0 0;
    background:#eee;
    color:#777;
    border:1px solid #ccc;
    border-width:1px 1px 0
}
#css_tabs > label:hover {
    cursor:pointer
}
#css_tabs label[for=tab1] {
    margin-left:0em
}
/* ¼±ÅÃµÈ ¶óº§, Ä¿¼­¸¦ ¿Ã¸° ¶óº§ ½ºÅ¸ÀÏ ÁöÁ¤ */
#css_tabs input:nth-of-type(1):checked ~ label:nth-of-type(1), #css_tabs > label[for=tab1]:hover {
    background:rgba(5,95,220,1.0);
    color:#fff
}
#css_tabs input:nth-of-type(2):checked ~ label:nth-of-type(2), #css_tabs > label[for=tab2]:hover {
    background:rgba(5,95,220,1.0);
    color:#fff
}
#css_tabs input:nth-of-type(3):checked ~ label:nth-of-type(3), #css_tabs > label[for=tab3]:hover {
    background:rgba(5,95,220,1.0);
    color:#fff
}
#css_tabs input:nth-of-type(4):checked ~ label:nth-of-type(4), #css_tabs > label[for=tab4]:hover {
    background:rgba(5,95,220,1.0);
    color:#fff
}

/* ½ÇÁ¦ ³»¿ëÀÌ ´ã±ä div ¿ä¼Ò ½ºÅ¸ÀÏ ÁöÁ¤ */
#css_tabs .tab1_content, #css_tabs .tab2_content, #css_tabs .tab3_content, #css_tabs .tab4_content {
    padding:2em;
    border:0px;
    width:100%;
    height:100%
}