/** 공통 **/
*, p, div, span, h1, h2, h3, h4, h5, h6 {font-family: 'Noto Sans JP','Oswald',sans-serif; letter-spacing:-0em; font-weight:400;}

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

/** 폰트 컬러 **/

.fs-white {color: #fff !important;}
.fs-black {color: #000 !important;}

.fs-theme_main {color: #d26c2f !important;}
.fs-theme_sub {color: #253357 !important;}
.fs-theme_strong {color: #fda214 !important;}
.fs-theme_bright {color: #fff !important;}
.fs-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;}

/** 폰트 **/

.fs-10 {font-size:10px;}
.fs-12 {font-size:12px;}
.fs-13 {font-size:13px;}
.fs-14 {font-size:14px;}
.fs-20 {font-size:20px;}
.fs-25 {font-size:25px;}
.fs-30 {font-size:30px;}
.fs-40 {font-size:40px;}
.fs-60 {font-size:60px;}
.fs-80 {font-size:80px;}
.fc-gray {color:#999;}

/** 자간 **/
.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 #ddd;  }
.left_menu li a {display:block;padding:13px 12px;color:#333}
.left_menu li a:link, .left_menu li a:visited {}
.left_menu > li > a:hover, .left_menu > li > a:active {background-color:#e9f0f6;text-decoration:none;}
.left_menu li:hover > a  {color:#1c76b6;}
/*.left_menu li:hover {background-color:#1c76b6; color:#fff;}*/
.left_menu > li.on {background-color:#e9f0f6; color:#fff; font-weight:500;}
.left_menu > li > a.on {background-color:#e9f0f6;color:#1c76b6;}
.left_menu > li > ul {padding:6px 0px; border-top:1px solid #ddd;}
.left_menu > li > ul > li {border-bottom:none;}
.left_menu > li > ul > li > a {padding:1px 0 1px 15px;}
.left_menu > li > ul > li > a:link,.left_menu > li > ul > li > a:visited {font-size:14px;}
.left_menu > li > ul > li > a.on {font-weight:bold; text-decoration:underline;}
.cscenter {margin-top:5px;}
.cscenter > p {font-weight:bold; margin-top:0px; margin-bottom:3px; font-size:22px;}
.cscenter > h3 {color:#1c76b6; font-family: 'Oswald', sans-serif; font-size:24px; margin-bottom:5px; margin-top:5px;}
.cscenter > dl {margin-bottom:15px; border-bottom:1px solid #aaa; border-top:1px solid #aaa;}
.cscenter > dl > dt {padding:3px; width:90px;}
.cscenter > dl > dd {padding:3px; padding-left:20px; margin-left:90px;white-space:normal;word-break:break-all;word-wrap:break-word;letter-spacing:-0.6px;}
.cscenter > dl > dt:before {content:'·'; color:#333; padding-right:3px;}
.cscenter > dl > dd:before {content:'|'; color:#ddd; padding-right:15px;}
.cscenter > dl > dd:last-child:before{content:none;}
.cscenter.sub > dl > dt {width:65px;}
.cscenter.sub > dl > dd {margin-left:65px; padding-left:1px; font-size:12px;}
.cscenter.sub > dl > dd::before {padding-right:5px;}
.cscenter.sub > dl > dd:last-child:before {content:'|'; color:#ddd; padding-right:5px;}

.sns-line {display:inline;}
.sns-line > img {height:18px !important;vertical-align:middle; margin-left:-2px;}
.sns-line strong {color:#32b200;}
.cscenter > .sns-line .dv {padding-left:2px; font-weight:800; font-size:12px; color:#ddd}
.cscenter > .sns-line #line-id {padding-left:2px; font-weight:800;}
.list_item .list_right {margin-left:80px;}
.left_menu li a:link, .left_menu li a:visited {font-size:16px;}
.fs-26 {font-size:26px !important;}

.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_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;z-index:9000;}
.backhroundPop {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;}
*/

.main_bg {background:url('/images/main_bg.jpg') no-repeat; }

input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea {padding:5px 8px;}
input[type="submit"]{padding: 5px 20px;}
.search_s01 {width:120px;display:inline-block;vertical-align:top}
.search_s02 {width:200px;display:inline-block;vertical-align:top}
.search_s03 {display:inline-block;vertical-align:top}
.area {border-bottom: 3px solid #333; background-color:#1c76b6; padding:30px 0px;}
.area > p {font-weight:800; color:#fff; text-align:center; margin-bottom:0px;}
.widget-area {padding-top:0px;}
.aside_left .widget-area {padding-right:0px;}
.tb_contact {border-top: 2px solid #444; border-bottom: 2px solid #444;}
.tb_contact td {text-align:left; font-size:14px;}

/* photo 게시판 list.skin */
.boardlist_top_cate {width:100%;text-align:center;margin-bottom:10px;}
.boardlist_top_cate a {display:inline-block;vertical-align:top;padding:0 !important;margin:10px;}
.boardlist_top_cate span {display:block;text-align:center;width:120px;padding:5px 0px;border:1px solid #ddd;color:#808080;}
.boardlist_top_cate span.on {border:1px solid #ff6c00; color:#ff6c00;}
.boardlist_top_cate a:first-child {display:none !important;}

.portfolio_group.masonry .portfolio-item .desc .title_wrapper {margin-bottom:0px;}
.portfolio_group .portfolio-item .desc .title_wrapper h5 {margin-bottom:10px;}
.portfolio_group .portfolio-item .desc .title_wrapper p {margin-bottom:5px; font-size:14px; line-height:150%;}
.portfolio_group:not(.list) .portfolio-item .portfolio-item-fw-bg {border:1px solid #ddd;}


.ledTab {width:100%; margin-left:1px; margin-bottom:0px; border-bottom:none;}
.ledTab > li:first-child {margin-left:-1px;}
.ledTab > li {width:192px; text-align:center;font-size:14px;margin:-1px 0 0 -1px; float:left;padding:8px 12px;color:#333; border-radius:20px 20px 0px 0px; margin-right:5px;}
.ledTab > li > ul {margin-top:40px; width:822px;}
.ledTab::after {display:block; content:''; clear:both !important;}
.ledTab > li {background:linear-gradient(0deg, rgba(180,180,180,1) 0%, rgba(150,150,150,1) 100%);}
.ledTab > li:nth-child(1).on {background:linear-gradient(0deg, rgba(40,132,210,1) 0%, rgba(106,169,227,1) 100%);}
.ledTab > li:nth-child(2).on {background:linear-gradient(0deg, rgba(141,83,152,1) 0%, rgba(186,164,201,1) 100%);}
.ledTab > li:nth-child(3).on {background:linear-gradient(0deg, rgba(210,117,40,1) 0%, rgba(233,160,90,1) 100%);}
.ledTab > li:nth-child(1):hover {background:linear-gradient(0deg, rgba(40,132,210,1) 0%, rgba(106,169,227,1) 100%);}
.ledTab > li:nth-child(2):hover {background:linear-gradient(0deg, rgba(141,83,152,1) 0%, rgba(186,164,201,1) 100%);}
.ledTab > li:nth-child(3):hover {background:linear-gradient(0deg, rgba(210,117,40,1) 0%, rgba(233,160,90,1) 100%);}
.ledTab > li:hover > a {color:#fff;}
.ledTab > li > a{color:#fff;}
.ledTab > li > a:hover{color:#fff;}
.ledTab > li.on > a{color:#fff;}
.ledTab + p img {border-radius:0 20px  20px  20px; box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.07);}
.goods_img {text-align:center; width:100%; border:1px solid #ddd;}	
.goods_img > img {margin:0 auto;}
.goods_img2 {text-align:center; width:100%; border:1px solid #ddd; margin:30px 0px; border-radius:20px; background-color:#f5f5f5;}	
.goods_img2 > img {margin:20px auto;}
.goods_tb {border:1px solid #ddd;}
.goods_tb > tbody th{background-color:#f0f0f0 !important; text-align:left; padding-left:20px;}
.goods_tb > tbody td{text-align:left; padding-left:20px;}

.tit {display:block;background-color:#e2eff8; color:#1c76b6; font-size:18px; line-height:24px;padding:8px 12px; margin-bottom:20px; margin-top:15px; text-align:center;}
.tit.bg_red {background-color:#f9d2d2; color:#732020;}
#Top_bar .logo {margin-left:0px; display:flex;}
#Top_bar .logo > p {margin-bottom:5px; margin-left:10px; align-self:self-end; font-size:16px; color:#222;}
.logo {position:relative;}
.copy {/**display:block;position:absolute;left:250px;top:40px;*/font-size:14px;}
#Top_bar.is-sticky .logo {margin-top:7px;}
#Top_bar.is-sticky .copy {/*top:28px;*/}
#Subheader ul.breadcrumbs {width:50%; font-size:12px !important;}
.menuo-no-borders #Top_bar .menu>li:last-child>a span{padding-right:0px;}
.Top_color_bar {width:100%; height:35px; background-color:#1c76b6;}
.Top_color_bar .copytext {float:left; color:#fff; line-height:32px;}
.Top_color_bar .lang {float:right; line-height:32px;}
.Top_color_bar .lang a {color:#fff;}
.Top_color_bar .lang a > img {height:14px; vertical-align:middle; margin-bottom:2px;}
#Top_bar .menu>li>a {font-size:17px;}
#visual .flexslider_event .flex-pauseplay {left:46%;}
.info {width:100%; padding:15px 0px; text-align:center; border-bottom:1px solid #333; color:#333; font-size:28px; margin-top:20px;}
#Footer .widgets_wrapper {background-color:#a2a19c;}
#Footer .widgets_wrapper h6 {font-size:16px; margin-bottom:5px;}
#Footer .footer_copy  {background-color:#1c76b6;border:1px solid #1c76b6;}
#back_to_top {background-color:#16496d;}
#Subheader {background-color:#fff !important; border-top:1px solid #c4cfda;}
#Subheader ul.breadcrumbs li, #Subheader ul.breadcrumbs li a {color:#333 !important;}
.widget-area .cscenter {padding:20px; background-color:#eaf6f3; border-radius:20px; width:80%; font-size:12px;}
.widget-area .cscenter > dl {margin-bottom:0px; font-size:13px}
.widget-area .sns-line {padding:10px;}
.description {padding-left:20px; font-size:16px;}
.photo a {display:block;position:relative;z-index:9999;}

 /* Mobile */
@media all and (max-width:640px){

	.table_board.mbTbl colgroup col{display:none}
	.table_board.mbTbl{table-layout: fixed;border-top: 1px solid #333;}
	.table_board.mbTbl thead,
	.table_board.mbTbl tbody td{display:none;text-align:left}
	.table_board.mbTbl tbody td.subject{display:block;float:left;position:relative;margin-bottom:5px;padding:8px 5px 0 !important;width: 100%;font-size:15px;font-weight:bold;letter-spacing:-1px;line-height:20px;box-sizing:border-box;border-bottom:0;border-right:0}
	.table_board.mbTbl tbody td.subject a{display:block}
	.table_board.mbTbl tbody tr{border-bottom:1px solid #dedede;border-right:1px solid #fff;border-left:1px solid #fff}
	.table_board.mbTbl tbody td.data{display:block;float:left;position:relative;padding:0 0 10px 5px;color:#777;box-sizing:border-box;border-bottom:0;border-right:0}
	.table_board.mbTbl tbody td.name{display:block;float:left;position:relative;padding:0 10px 10px 5px;color:#777;box-sizing:border-box;border-bottom:0;border-right:0}

	.search_s01 {width:80px;display:inline-block;vertical-align:top}
	.search_s02 {width:100px;display:inline-block;vertical-align:top}
	.search_s03 {display:inline-block;vertical-align:top}
	.copy {display:none;}
	.Top_color_bar  {display:none;}
}