/** 공통 **/
*, p, div, span, h1, h2, h3, h4, h5, h6 {font-family: '맑은 고딕', 'Malgun Gothic'; letter-spacing:-0.06em;}

.d100 {display:block; width:100%;}

.area {height:auto; width:100%;}
.area:after {
	content: "";
	clear: both;
	display: block; }

.text-left {text-align:left !important;}
.text-right {text-align:right !important;}
.text-center {text-align:center !important;}

/** 마진/패딩 **/
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.mb0 {margin-bottom:0px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mt20  {margin-top:20px !important;}
.mt30  {margin-top:30px !important;}

.pd0 {padding:0px !important;}
.pd20 {padding:20px !important;}
.pd30 {padding:30px !important;}
.pl20 {padding-left:5px !important;}
.pl20 {padding-left:20px !important;}
.pl30 {padding-left:30px !important;}
.pl40 {padding-left:40px !important;}
.pb10 {padding-bottom:10px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}
.pt10 {padding-top:10px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}

/** 배경 컬러 **/

.bg_white {background-color: #fff !important;}
.bg_black {background-color: #000 !important;}

.bg_theme_main {background-color: #d26c2f !important;}
.bg_theme_sub {background-color: #253357 !important;}
.bg_theme_strong {background-color: #fda214 !important;}
.bg_theme_bright {background-color: #fff !important;}
.bg_theme_dark {background-color: #333 !important;}

/** 폰트 컬러 **/

.fc_white {color: #fff !important;}
.fc_black {color: #000 !important;}

.fc_theme_main {color: #d26c2f !important;}
.fc_theme_sub {color: #253357 !important;}
.fc_theme_strong {color: #fda214 !important;}
.fc_theme_bright {color: #fff !important;}
.fc_theme_dark {color: #333 !important;}

/** 기타 컬러 **/

.etc_white {border-color: #fff;}
.etc_black {border-color: #000;}

.etc_theme_main {border-color: #d26c2f;}
.etc_theme_sub {border-color: #253357;}
.etc_theme_strong {border-color: #fda214;}
.etc_theme_bright {border-color: #fff;}
.etc_theme_dark {border-color: #333;}

/** 폰트 **/

.fc_10 {font-size:10px;}
.fc_12 {font-size:12px;}
.fc_13 {font-size:13px;}
.fc_14 {font-size:14px;}
.fc_20 {font-size:20px;}
.fc_25 {font-size:25px;}
.fc_30 {font-size:30px;}
.fc_40 {font-size:40px;}
.fc_60 {font-size:60px;}
.fc_80 {font-size:80px;}

/** 자간 **/
.ls1 {letter-spacing:1px;}
.ls_1 {letter-spacing:-1px;}
.ls_2 {letter-spacing:-2px;}
.ls_3 {letter-spacing:-3px;}




/** 버튼 **/
/* 얇은 스타일 */
.button-stroke-thin a.button:not(.action_button), .button-stroke-thin:not(.header-plain) a.button.action_button, .button-stroke-thin a.tp-button, .button-stroke-thin button, .button-stroke-thin input[type="submit"], .button-stroke-thin input[type="reset"], .button-stroke-thin input[type="button"] {border-width:1px !important;}


/** 요소 **/
.address span {padding-left:8px; padding-right:8px; color:#ddd;}

.left_menu li{list-style: none; border-bottom:1px solid #eee; padding:10px 5px;}
.left_menu li a:link, .left_menu li a:hover, .left_menu li a:active, .left_menu li a:visited {}
.left_menu li:hover {background-color:#eee;}
.left_menu li.on {background-color:#f0c465; font-weight:bold;}

.image_frame .image_wrapper .image_links a {
	color: #ffffff;
}
.image_frame .image_wrapper .image_links a:hover {
	background: #fff;
	color: #00aeef;
}
.image_frame {
	border-color: #f8f8f8;
}
.image_frame .image_wrapper .mask::after {
	background: rgba(255, 255, 255, 0.4);
}

/** 테이블 **/
.table_style > caption {display:none;}
.table_style {border-top: 1px solid #333; border-bottom: 1px solid #333;}
.table_style tbody th {text-align: left; padding-left:20px; background-color:#f5f5f5 !important;}
.table_style tbody td {text-align: left; padding-left:20px;}

.table_board > caption {display:none;}
.table_board {border-top: 1px solid #333; border-bottom: 1px solid #333;}
.table_board thead th {text-align: center; background-color:#f5f5f5 !important; border-top: 1px solid #333; border-bottom: 1px solid #333;}
.table_board tbody th {text-align: left; padding-left:20px;}
.table_board tbody td {text-align: left; padding-left:20px;}
/**.table_board tbody td:hover {text-align: left; padding-left:20px; background-color:#f5f5f5;}*/
.table_board tbody td a {color:#333;}
.table_board tbody td a:hover {text-decoration: underline;}
.table_board .h_num {text-align:center;width:50px;}
.table_board .h_name {text-align:center;width:100px;}
.table_board .h_data {text-align:center;width:100px;}
.table_board .h_hit {text-align:center;width:50px;}


.table_form > caption {display:none;}
.table_form {border-top: 1px solid #333; border-bottom: 1px solid #333;}
.table_form thead th {text-align: center; background-color:#f5f5f5 !important; border-top: 1px solid #333; border-bottom: 1px solid #333;}
.table_form tbody th {text-align: center; background-color:#f5f5f5 !important; border-top: 1px solid #333; }
.table_form tbody td {text-align: left; padding-left:20px;}
.table_form tbody td:hover {text-align: left; padding-left:20px; background-color:#f5f5f5;}
.table_form tbody td a {color:#333;}
.table_form tbody td a:hover {text-decoration: underline;}
.table_form input[type="text"],.table_form select ,.table_form textarea {margin-bottom:0px;}

dl.product dt, dl.product dd{ padding: 5px;}

#divpop {display:block;position:fixed;_position:absolute;height:100%;width:100%;top:0;left:0;background-color:rgba(0,0,0,0.7);z-index:9001;}

#visual_pop {width:100%;max-height:600px;margin:0px auto 0px;padding-bottom:30px;position:relative;overflow:hidden;display:block;border:0px solid red;}
#visual_sub .cover {width:100%;margin:0 auto;}
#visual_pop .content {width:100%;}
#visual_pop .flexslider_pop {text-align:center;}
#visual_pop .flexslider_pop .slides {width:100%;}
#visual_pop .flexslider_pop .slides > li {position:relative;display:none;font-size:0px;text-align:center;-webkit-backface-visibility: hidden;}
#visual_pop .flexslider_pop .slides img {display:inline-block;max-width:100%;margin:0px auto;}
#visual_pop .flexslider_pop .flex-direction-nav {z-index:99;margin:0px auto;}
#visual_pop .flexslider_pop .flex-direction-nav li {width:40px;z-index:999;}
#visual_pop .flexslider_pop .flex-direction-nav a {width:40px;height:80px;display:block;z-index:10;cursor:pointer;text-indent:-9999em;font-size:0px;}
#visual_pop .flexslider_pop .flex-direction-nav .flex-next {background:url('/images/arrow_right.png') no-repeat;position:absolute;top:40%;left:50%;margin-left:35%;opacity:1.0;filter:alpha(opacity=100);-ms-filter:alpha(opacity=100);}
#visual_pop .flexslider_pop .flex-direction-nav .flex-prev {background:url('/images/arrow_left.png') no-repeat;position:absolute;top:40%;left:50%;margin-left:-42%;opacity:1.0;filter:alpha(opacity=100);-ms-filter:alpha(opacity=100);}
#visual_pop .flexslider_pop .flex-direction-nav .flex-next:hover {opacity:1.0;filter:alpha(opacity=100);-ms-filter:alpha(opacity=100);}
#visual_pop .flexslider_pop .flex-direction-nav .flex-prev:hover {opacity:1.0;filter:alpha(opacity=100);-ms-filter:alpha(opacity=100);}
#visual_pop .flexslider_pop .flex-control-nav {position:absolute;width:100%;right:0;bottom:0px;text-align:center}
#visual_pop .flexslider_pop .flex-control-nav li {margin:0px 3px;display:inline-block; zoom: 1; *display: inline; }
#visual_pop .flexslider_pop .flex-control-paging li a {width:10px;height:10px;border-radius:5px;display:block;background:#fff;cursor:pointer;text-indent:-9999em;}
#visual_pop .flexslider_pop .flex-control-paging li a:hover, #visual_pop .flexslider_pop .flex-control-paging li a.flex-active {background:#000;cursor:pointer;}
/**
#visual_pop .flex-direction-nav a {text-decoration: none;display: block;font-size:0px;text-indent:-9999em;padding:0px !important;width:30px;height:30px;position: absolute;top:12px;z-index: 10;overflow: hidden;opacity: 0;cursor: pointer;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#visual_pop .flex-direction-nav a:before {display: inline-block;content:'';width:20px;height:20px;overflow:hidden;font-size:0px;border:1px solid #fff;background:url('http://imgcdn.kantukan.co.kr/mall/mukjoe/image/banner_b_01.png') no-repeat center;background-size:auto 60%;color: rgba(0, 0, 0, 0.8);text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);}
#visual_pop .flex-direction-nav a.flex-next:before {content:'';width:20px;height:20px;overflow:hidden;border:1px solid #fff;background:url('http://imgcdn.kantukan.co.kr/mall/mukjoe/image/banner_b_02.png') no-repeat center;background-size:auto 60%;}
#visual_pop .flex-direction-nav .flex-prev {left:0px;}
#visual_pop .flex-direction-nav .flex-next {right:0px;text-align: right;}
#visual_pop .flexslider_navi:hover .flex-direction-nav .flex-prev {opacity: 0.7;left:-30px;}
#visual_pop .flexslider_navi:hover .flex-direction-nav .flex-prev:hover {opacity: 1;}
#visual_pop .flexslider_navi:hover .flex-direction-nav .flex-next {opacity: 0.7;right:-30px;}
#visual_pop .flexslider_navi:hover .flex-direction-nav .flex-next:hover {opacity: 1;}
*/

@media (max-width:1200px) {
	
	.table_board .h_num {text-align:center;width:60px;padding:0px !important;}
	.table_board .h_name {text-align:center;width:100px;padding:0px !important;}
	.table_board .h_data {text-align:center;width:100px;padding:0px !important;}
	.table_board .h_hit {text-align:center;width:80px;padding:0px !important;}
}

@media (max-width:940px) {
	
	.table_board .h_num {text-align:center;width:60px;padding:0px !important;}
	.table_board .h_name {text-align:center;width:80px;padding:0px !important;}
	.table_board .h_data {text-align:center;width:90px;padding:0px !important;}
	.table_board .h_hit {text-align:center;width:70px;padding:0px !important;}
}

@media (max-width:600px) {
	
	.table_board .h_num {display:none;}
	.table_board .h_name {text-align:center;width:58px;padding:0px !important;}
	.table_board .h_data {text-align:center;width:76px;padding:0px !important;border-right:none;}
	.table_board .h_hit {display:none;}
}