@charset "utf-8"; 
@import url(https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css);
/* 초기화 */
body {font-family: 'NanumBarunGothic', sans-serif; font-size: 12px;  color: #c1c1c1; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	border: 0;
	font-size: 100%;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img, ul, li {margin:0;padding:0;border:0}
p {margin:0;padding:0;word-break:break-all}
a:link, a:visited {text-decoration:none}
a:hover, a:focus, a:active {color:#000;text-decoration:none;outline:none;}


@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700,900');

/*NanumSquareR*/
@font-face{font-family:"NanumSquare";
	 src: url(../font/NanumSquareR.eot);
	 src: url(../font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
		  url(../font/NanumSquareR.woff) format('woff'),
		  url(../font/NanumSquareR.ttf) format('truetype');
}
/*NanumBarunGothic*/
@font-face{font-family:"NanumBarunGothic";
	 src: url(../font/NanumBarunGothicWeb.eot);
	 src: url(../font/NanumBarunGothicWeb.eot?#iefix) format('embedded-opentype'),
		  url(../font/NanumBarunGothicWeb.woff) format('woff'),
		  url(../font/NanumBarunGothicWeb.ttf) format('truetype');
}


/*********************************** common ***********************************/
@media (min-width: 1200px){
.container {width: 1200px;}
}
a.btn_gray_nav {border: 2px solid #686868; color: #8f8f90; font-family: 'NanumBarunGothic';  }
a.btn_gray_nav:hover {
color: #8f8f90;
background-color: #fff; 
transition-property: background-color, color;
transition-duration: 0.5s;
transition-timing-function: ease-out;
}
.at-container {width: 1200px; min-width: 1200px; }
.pc-header .at-container {padding: 0px 15px 20px 0; }
.at-body .at-container {padding: 0; overflow: visible; }
html body .r10{left: 478px; border-right:none;}

.btn.btn-color {background: #cf171f; }
.red {color: red; }
.noto {
	font-family: 'Noto Sans KR', sans-serif;
	letter-spacing: -0.025em;
}

/*********************************** header ***********************************/
.pc-header {padding: 20px 0 0; }
.pc-header .at-container {background: none; }
.pc-header .header-logo {float: left; padding: 8px 20px 20px 0px; }

.pc-header .header-search {float: left; }
.pc-header .header-search {margin-top: 5px; }
.pc-header .header-search form {border: 0; background: #e7e7e9; }
.pc-header .header-search input {border: 1px solid #929292; background: #e7e7e9; box-shadow: none; }
.pc-header .header-search .btn {background: #cf171f !important; }

.header-menu {margin-top: 20px; }
.header-menu ul li {float: left; }
.header-menu ul li a {font-size: 14px; color: #545353; font-family: 'NanumBarunGothic'; }
.header-menu ul li:after {content: ""; background: #cf171f; width: 4px; height: 4px; display: inline-block; margin: 3px 15px 3px 15px; border-radius: 100%; }
.header-menu ul li:last-child:after {width: 0; height: 0; margin: 0; }

/* gnb */
.pc-menu {background: #cf171f; box-shadow: none; }
.pc-menu .nav-right {background:#cf171f; }
.pc-menu .nav-top.nav-both > .menu-ul {width: 96%; float: right; display: block; position: relative; }
/*.pc-menu .nav-top.nav-both > .menu-ul > .menu-li:after {content: ""; width: 1px; height: 16px; background: #e27479; display: inline-block; position: absolute; top: 17px; }
.pc-menu .nav-top.nav-both  > .menu-ul > .menu-li:first-child:after {width: 0; height: 0; }*/

.pc-menu .nav-top.nav-both .menu-ul > .menu-li span {background: url(/img/menu_line.png) no-repeat; display: inline-block; width: 1px; height: 16px; position: absolute; top: 18px; }
.pc-menu .nav-top.nav-both .menu-ul > .menu-li:hover span {display: none; }

.pc-menu .nav-top.nav-both .menu-ul > .menu-li > a {font-size: 16px; color: #fff; font-weight: bold; font-family: 'NanumSquare'; display: table-cell; padding: 16px 28px; position: relative; }
.pc-menu .nav-top.nav-both .menu-ul >.menu-li:hover {background: #000; }
.pc-menu .nav-top.nav-both .menu-ul > .menu-li > a.on {background: #000; }
.pc-menu .nav-top.nav-both .menu-a {font-family: 'NanumSquare'; }

.pc-menu .nav-top.nav-both .menu-ul > .menu-li > .nav_2d {background: #fff; width: 1200px; position: absolute; left: -180px; border: 1px solid #c7c7c7; }
.pc-menu .nav-top.nav-both .menu-ul > .menu-li > .nav_2d .nav_inner {float: left; width: 239px; border-right: 1px solid #e9e9e9; padding: 20px; height: 333px; }
.pc-menu .nav-top.nav-both .menu-ul > .menu-li > .nav_2d .nav_inner:last-child {border: none; }
.pc-menu .nav-top.nav-both .menu-ul > .menu-li > .nav_2d .nav_inner ul li a {font-size: 14px; color: #656565; padding: 5px 0; display: block; font-family: 'NanumBarunGothic'; }
.pc-menu .nav-top.nav-both .menu-ul > .menu-li > .nav_2d .nav_inner ul li a:hover {color: #cf171f; text-decoration: underline; }
.pc-menu .nav-top.nav-both .menu-ul > .menu-li > .nav_2d .nav_inner .img_area {width: 198px; height: 279px; background: #e9e9e9; }

.pc-menu .nav-left {float: left; }
.pc-menu .nav-top {left: 130px; }
.pc-menu .nav-top .menu-a {
	background:url("/img/menu_bullet.png") no-repeat right center #cf171f; 
	font-family: 'NanumSquare'; 
	font-size: 14px; 
	font-weight: normal; 
	padding:0 21.6px !important;
}

.pc-menu .nav-top.nav-float .menu-li:last-child .menu-a {
	background-image:none !important;	
}

.pc-menu .nav-right > ul > li {width: auto; }

.menu-all-icon a {color: #fff; font-size: 14px; }
.menu-all-icon a:hover {color: #000; background:  #cf171f; }
.pc-menu .nav-top .menu-li:hover .menu-a, .pc-menu .nav-top .menu-li.on .menu-a { 
	background:url("/img/menu_bullet.png") no-repeat right center #cf171f !important; 
	color: #000; 
}
.menu-all-icon span {padding-left: 10px; font-weight: bold; font-family: 'NanumSquare'; }

.pc-menu-all {background: none; box-shadow: none; border: none; margin: 0; padding: 0; }
.dropdown-menu {top: -2px; }
.pc-menu-all .at-container {padding: 0; }
.pc-menu-all .menu-a {background: none; border: 0; text-align: left; padding-left: 20px; font-size: 14px; font-family: 'NanumBarunGothic'; }
.pc-menu-all .menu-a:hover {background: none; }
.pc-menu-all .sub-1div {padding: 5px 10px; }
.pc-menu-all .sub-1dli .sub-1da {font-family: 'NanumBarunGothic'; font-size: 12px; color: #656565; }
.pc-menu-all .sub-1dli .sub-1da:hover {background: none; color: #cf171f; text-decoration: underline; }
.pc-menu-all .table td {padding: 10px 0; }

/* new menu */
.pc-menu .nav-top.nav-float .menu-li:first-child > a {background: #000000; }
.pc-menu .nav-top.nav-float .menu-li:first-child > a:hover {color: #000; }
.pc-menu .nav-top.nav-float .sub-1div {position: absolute; left: -130px; }
.pc-menu .nav-top .sub-1div {box-shadow: none; border: 1px solid #ddd; border-top: none;  }
.pc-menu .nav-top .sub-1div::before {border-width: 0; }
.pc-menu .nav-top.nav-float .sub-1div {width: 1200px !important; }
.pc-menu .subm-w {width: 240px !important; height: 333px; border-right: 1px solid #ddd; padding: 25px; }
.pc-menu .nav-top .sub-1da {border-bottom: none; color:#656565; padding: 3px 12px; }
.pc-menu .nav-top .sub-1dli.on .sub-1da,
.pc-menu .nav-top .sub-1dli:hover .sub-1da { color:#cf171f; font-weight:normal; background: none; text-decoration: underline; }
.nav_inner {position: absolute; width: 240px; height: 333px; top: 0; right: -240px; border-right:1px solid #ddd;}
.nav_inner .img_area {width: 198px; height: 279px; margin: 0 auto; margin-top: 26px; }

/*
.pc-menu-all .table td:nth-child(7), .pc-menu-all .table tr:last-child {display: none; }
*/

/*********************************** main_visual ***********************************/
.widget-index {overflow: visible; }
.carousel-control {width: 6%; }
.carousel-control.left {background-image: none; left: -69px; }
.glyphicon-chevron-left:before {background: url(../img/left_arrow.png) no-repeat; width: 48px; height: 46px; content: ""; display: block; }
.glyphicon-chevron-right:before {background: url(../img/right_arrow.png) no-repeat; width: 48px; height: 46px; content: ""; display: block; }
.carousel-control.right {background-image: none; right: -69px; }
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {width: 48px; height: 46px; color: #fff; 
line-height: 44px; font-size: 21px; background: #333;
} 

/*********************************** main list ***********************************/
.main_list h2 {margin-bottom: 40px; padding-left: 0; }
.sit_icon, .label-cap, .basic-shop-item-slider .item-details, .basic-shop-item-gallery .item-details  {display: none; }
.new_slide .item-list {padding: 25px 25px 10px 25px;  border: 1px solid #cbcbcc; }
.basic-shop-item-slider .item-content, .basic-shop-item-gallery .item-content {padding-top: 5px; }
.item-name a b {font-family: dotum; letter-spacing: 0; font-size: 12px; }
.item-price, .basic-shop-item-gallery .item-price {margin-top: 0; line-height: 18px; color: #737373; }
.basic-shop-item-slider .item-id b, .basic-shop-item-gallery .item-id b {font-size: 16px; font-family: dotum; font-weight: bold; color: #737373; }
.item-id {color: #737373; font-size: 16px; }

.basic-shop-item-gallery .item-list {padding-bottom: 6px; }

.section {padding: 45px 0; }
.gray_bg {background: #f6f6f6;}
.section .container {padding: 0; }
.grayborder {
	max-width:1200px;
	margin:0 auto;
	border-top:1px solid #7f7f7f;	
}
.section h2 {margin-bottom: 20px; }

.section .item-list {border: 1px solid #cbcbcc; background: #fff; }

.owl-show, .owl-container, .owl-carousel .owl-wrapper-outer {height: 370px; }
.owl-carousel .owl-controls .owl-buttons div {top: 43%; }

.owl-controls .owl-page span {background: #a7a8ac; }
.owl-controls .owl-page.active span, .owl-controls.clickable .owl-page:hover span {background: #cf171f; }

.m_tab .nav-tabs.nav-justified>li {float: left; display: inline-block; width: 20%; }
.m_tab.tabs ul.nav-tabs li.active a {
	background: #cf171f; 
	border: 1px solid #cf171f; 
	font-weight: normal; 
}
.m_tab.tabs ul.nav-tabs li a {background: #fff; border: 1px solid #9e9e9e; padding: 15px 0; font-size: 16px; font-family: 'NanumBarunGothic'; }
.m_tab .nav-tabs.nav-justified>li:first-child {border-left: 1px solid #9e9e9e; }
.m_tab .nav-tabs.nav-justified>li:nth-child(6) {border-left: 1px solid #9e9e9e; }

.tab-content {margin-top: 20px; }

.basic-shop-item-gallery .item-name {height: auto !important; }
.mbox .mlst ul {overflow: hidden;}
.mbox .mlst ul li {float: left; margin-right: 2.3625%; width:18.11%; }
.mbox .mlst ul li:last-child {margin: 0; }

.renew .mbox .mlst ul li {
	border: 1px solid #cbcbcc;
	background: #fff;
	text-align: center;
	padding: 15px 0;
}
.renew .mbox .mlst ul li img{
	display: block;
	margin: 0 auto 15px;
}
.renew .mbox .mlst ul li h6{
	font-size: 17px;
	color: #231f20;
	font-weight: 700;
	margin-bottom: 3px;
}
.renew .mbox .mlst ul li p{
	font-size: 11px;
	color:#939598;
	letter-spacing: -0.1em;
}
#bo_list a.btn_b02 {
	color:#fff;	
}
.banner .pull-left {
	width: 400px;
	height: 247px;
	background: url("/img/m_cd1.png") center no-repeat;
	text-align: right;
}
.banner .pull-left a{
	display: table;
	width: 100%;
	height: 100%;
	padding-right: 38px;
}
.banner .pull-left .txt{
	display: table-cell;
	vertical-align: middle;
}
.banner .pull-left h5{
	font-size: 25px;
	line-height: 30px;
	color: #1d1d1d;
	font-weight: 700;
	margin-bottom: 10px;
}
.banner .pull-left h6{
	display: inline-block;
	font-size: 18px;
	border-bottom: 1px solid #1d1d1d;
	color: #1d1d1d;
}
.banner .pull-left h4 {
	font-size: 30px;
	line-height: 1em;
	color: #7f2990;
	font-weight: 700;
	letter-spacing: -0.01em;
}
.banner .pull-right {
	width: 720px;
	height: 247px;
	background: url("/img/m_cd2.png") center no-repeat;
}
.banner .pull-right .txt {
	padding: 40px 58px;
	height: 100%;
}
.banner .pull-right h5{
	font-size: 30px;
	line-height: 40px;
	color: #000;
}
.banner .pull-right h5 .point{
	color: #7f2990;
}
.banner .pull-right h5 span.box {
	background: #7f2990;
	color: #fff;
}
.banner .pull-right .text-right{
	margin-top: 20px;
}
.banner .pull-right h6{
	text-align: right;
	display: inline-block;
	font-size: 21px;
	border-bottom: 1px solid #1d1d1d;
	color: #1d1d1d;
}
.banner .pull-right h4{
	text-align: right;
	font-size: 36px;
	line-height: 1em;
	color: #7f2990;
	font-weight: 700;
	letter-spacing: -0.01em;
}
.roc_w {
	/*background: #fff; 
	padding: 50px; */
	text-align: center; 
}

.roc_w img {
	width:100%;	
}

.roc_w .roc1 {
	background: url(/img/rco01.jpg) no-repeat; 
	background-size:cover;
	width: 1170px; 
	height: 453px; 
	display: inline-block; 
	position: relative; }

.roc_w .roc2 {
	background: url(/img/rco02.jpg) no-repeat; 
	background-size:cover;
	width: 1170px; 
	height: 453px; 
	display: inline-block; 
	position: relative;
}
.roc_w .roc3 {
	background: url(/img/rco03.jpg) no-repeat; 
	background-size:cover;
	width: 1170px; 
	height: 453px; 
	display: inline-block; 
	position: relative; 
}
.roc_w .roc4 {
	background: url(/img/rco04.jpg) no-repeat; 
	background-size:cover;
	width: 1170px; 
	height: 453px; 
	display: inline-block; 
	position: relative; 
}
.roc_w .roc5 {
	background: url(/img/rco05.jpg) no-repeat; 
	background-size:cover;
	width: 1170px; 
	height: 453px; 
	display: inline-block; 
	position: relative; 
}
.roc_w .roc6 {
	background: url(/img/rco06.jpg) no-repeat;
	background-size:cover;
	width: 1170px;  
	height: 453px; 
	display: inline-block; 
	position: relative; 
}
.roc_w .roc7 {
	background: url(/img/rco07.jpg) no-repeat; 
	background-size:cover;
	width: 1170px; 
	height: 453px; 
	display: inline-block; 
	position: relative; 
}
.roc_w .roc8 {
	background: url(/img/rco08.jpg) no-repeat; 
	background-size:cover;
	width: 1170px; 
	height: 453px; 
	display: inline-block; 
	position: relative; 
}
.roc_w .roc9 {
	background: url(/img/rco09.jpg) no-repeat; 
	background-size:cover;
	width: 1170px; 
	height: 453px; 
	display: inline-block; 
	position: relative; 
}
.roc_w .roc10 {
	background: url(/img/rco010.jpg) no-repeat; 
	background-size:cover;
	width: 1170px; 
	height: 453px; 
	display: inline-block; 
	position: relative; 
}


.roc_w .btn_roc {width:175px; position: absolute; bottom: 57px; right:70px; }

/*********************************** content ***********************************/
.list-nav {font-family: 'NanumBarunGothic'; color: #545353; }
.list-sort .pull-left a, .list-sort .pull-right a {color: #545353; }

.item-head {color: #545353; }
.item-head .item-thumb {text-align: left; margin-top: 20px; padding: 10px; border-top: 1px solid #ddd; width: 100%; }

.list-wrap .item-image {border: 1px solid #cbcbcc; }
.list-wrap .item-content {padding-top: 0; }
.list-wrap .item-name {padding-top: 5px; height: auto !important; }
.list-wrap .item-price b {color: #737374; font-size: 12px; font-family: dotum; font-weight: bold; }

.div-title-underbar {color: #545353; font-family: 'NanumBarunGothic'; }

.item-head h1 {font-family: 'NanumBarunGothic'; }

.sub_tit {margin-bottom: 30px; }
.sub_tit p {margin-top: 20px; font-size: 16px; color: #2a2a2a; font-family: 'NanumBarunGothic'; }
.sub_tit p span {color: #e53c65; }
.mgt80 {margin-top: 80px; }
.mgb30 {margin-bottom: 30px; }
.mgb80 {margin-bottom: 80px; }

.tit_padding {
	padding:23px 0;	
}

.tit_padding02 {
	padding:23px 0 23px 4%;	
}

.csCenter {
	border-top:1px solid #a6a8ab;
	padding-top:5px;	
}

.csCenter > li {
	border-top:1px solid #a6a8ab;
	border-right:1px solid #a6a8ab;	
	padding:35px 0 0 20px;
	min-height:385px;
}

.csCenter > li:last-child {
	border-right:none;
	padding:33px 20px 0 20px;
}

.csCenter > li h3 {
	color:#221e1f;
	font-size:20px;	
	font-weight:600;
	line-height:28px;
}

.csCenter > li h3 span {
	color:#6c6e70;	
}

.csCenter > li:first-child p:nth-child(2) {
	color:#57585a;	
	font-size:15px;
	font-weight:600;
	padding:37px 0 21px 0;
	line-height:30px;
	border-bottom:1px dashed #dbdcde;
	width:85%;
}

.csCenter > li:first-child p:nth-child(2) span {
	color:#d7171f;
	font-size:24px;
	display:inline-block;
	padding-left:17px;
}

.csCenter > li:first-child p:nth-child(3) {
	padding-top:21px;
	font-size:13px;
	color:#4c4c4e;
	font-weight:600;
}

.csCenter > li:first-child p:nth-child(3) span {
	display:inline-block;
	padding-left:10px;	
}

.csCenter > li:first-child p:nth-child(4),
.csCenter .artsign_m p {
	font-size:13px;
	color:#4c4c4e;
}

.csCenter .artsign_m {
	width:95%;
	margin-top:23px;
	/*padding:22px 0 22px 100px;
 background:url("/img/artsign_m.png") no-repeat #f6f6f6 5px 15px;	*/
}

.csCenter .artsign_m a {
	color:#c4141a;
	font-weight:bold;	
}

.notice_more {
	overflow:hidden;	
}

.notice_more h3 {
	float:left;	
}

.notice_more a {
	float:right;
	display:block;
	padding-right:15px;	
}

.service_info {
	width:100%;
	overflow:hidden;	
}

.service_info li {
	float:left;
	width:23.37%;
	margin:0 10px 11px 0;
	padding:100px 0 25px 0;
	text-align:center;
	font-size:14px;
}

.service_info li:first-child {
	padding:50px 0;
	font-size:20px;
	background:#cd161d;
	color:#fff;
	line-height:34px;
	font-weight:bold;
}

.service_info li:nth-child(2) {
	background:url("/img/road-ico.png") no-repeat center 23px #f6f6f6;	
}

.service_info li:nth-child(3) {
	background:url("/img/consulting-ico.png") no-repeat center 23px #f6f6f6;	
}

.service_info li:nth-child(4) {
	background:url("/img/orderView-ico.png") no-repeat center 23px #f6f6f6;	
}

.service_info li:nth-child(5) {
	background:url("/img/internet-ico.png") no-repeat center 23px #f6f6f6;	
}

.service_info li:nth-child(6) {
	background:url("/img/webhard-ico.png") no-repeat center 23px #f6f6f6;	
}

.service_info li:nth-child(7) {
	background:url("/img/catalogue-ico.png") no-repeat center 23px #f6f6f6;	
}

.service_info li:last-child {
	background:url("/img/faxorder-ico.png") no-repeat center 23px #f6f6f6;	
}

.service_info li:nth-child(4n) {
	margin-right:0;	
}

.service_info li:nth-child(5),
.service_info li:nth-child(6),
.service_info li:nth-child(7),
.service_info li:last-child {
	margin-bottom:0;	
}

.magazine {
	font-family:'NanumBarunGothic' !important;	
	color:#333;
	width:100%;
	overflow:hidden;
}

.magazine h3 {
	padding-bottom:17px;
	font-size:20px;
	font-weight:bold;
	color:#6c6e70;
}

.magazine li {
	float:left;
	width:227.6px;
	padding:130px 0 44px 0;
	margin-right:8px;
	border:1px solid #a6a8ab;
	text-align:center;
}

.magazine li:first-child {
	background:url("/img/notice-ico.png") no-repeat center 39px;	
}

.magazine li:nth-child(2) {
	background:url("/img/video-ico.png") no-repeat center 39px;
}

.magazine li:nth-child(3) {
	background:url("/img/area-ico.png") no-repeat center 39px;
}

.magazine li:nth-child(4) {
	background:url("/img/online-ico.png") no-repeat center 39px;
}

.magazine li:last-child {
	margin-right:0;	
	background:url("/img/order-ico.png") no-repeat center 39px;
}

.magazine li a {
	display:inline-block;
	width:150px;
	min-height:44px;
	line-height:44px;	
	font-size:17px;
	border:1px solid #a6a8ab;
	color:#fff;
}

.point_bg01 {
	background:#cd161d;	
}

.point_bg02 {
	background:#6c6e70;	
}

.magazine li a img {
	width:100%;	
}

.sns-area li {
	min-height:64px;	
	line-height:64px;
}

.sns-area > li:last-child ul li:first-child img {
	width:100%;	
}

.sns-area > li:first-child {
	font-size:19px;
	color:#4d4d4f;
}

.line02 {
	display:inline-block;
	border-bottom:1px solid #b7b7b7;
	padding-bottom:11px;	
}

.at-content {
	overflow:hidden;	
}

/* snb */
.snb,
.snb02 {
	width:100%;	
	max-width:240px;
	float:left;
	padding-top:50px;
	font-family:'NanumBarunGothic';
}

.snb > ul > li,
.snb02 > ul > li {
	border:1px solid #9e9e9e;
	border-bottom:none;
}

.snb > ul > li,
.snb02 > ul > li {
	border-bottom:1px solid #545453;	
}

.snb > ul > li:last-child,
.snb02 > ul > li:last-child {
	border-bottom:none;	
}

.snb > ul > li > span,
.snb02 > ul > li > span {
	display:block;
	width:100%;
	background:url("/img/bottomArrow.png") #a4a4a4 no-repeat 206px center;
	padding:20px 0 20px 15px;
	font-size:20px;
	color:#fff;
	font-weight:500;
	cursor:pointer;
}
	
.snb > ul > li > span > a {
	color:#fff;
	background:none;
}
	
.snb > ul > li > ul  > li,
.snb02 > ul > li > ul  > li {
	border-bottom:1px solid #e9e9e9;
}

.snb02 > ul > li > ul > li:last-child {
	border-bottom:1px solid #9e9e9e;	
}

/*
.snb > ul > li > ul > li:nth-of-type(1),
.snb02 > ul > li > ul > li:nth-of-type(1) {
	border-bottom:1px solid #e9e9e9;
}
.snb > ul > li > ul > li:nth-of-type(2),
.snb02 > ul > li > ul > li:nth-of-type(2){
	border-bottom:1px solid #e9e9e9;
}
.snb > ul > li > ul > li:nth-of-type(4),
.snb02 > ul > li > ul > li:nth-of-type(4){
	border-top:1px solid #e9e9e9;
}
.snb > ul > li > ul > li:hover,
.snb02 > ul > li > ul > li:hover{
	background-color:#ebebeb;
}
*/
.snb > ul > li > ul > li > a,
.snb02 > ul > li > ul > li > a  {
	display:block;
	padding:10px 0 10px 20px;
	font-size:15px;
	color:#312f30;
}

.border_padding {
	padding-bottom:30px;	
}

/* 회사소개 */
.subConts {
	width:100%;
	max-width:930px;
	float:right;
	padding:60px 0 60px 30px;
	overflow:hidden;
	font-family:'NanumBarunGothic';
}

.subConts img {
	padding-top:20px;	
}

.tab_area,
.tab_area02 {
	width:100%;
	overflow:hidden;	
}

.tab_area li {
	float:left;
	padding:10px 0;
	width:33.33%;
	color:#545353;
	font-size:14px;
	text-align:center;	
	border:1px solid #9e9e9e;
	border-right:none;
}

.tab_area02 li {
	float:left;
	padding:10px 0;
	width:20%;
	color:#545353;
	font-size:14px;
	text-align:center;	
	border:1px solid #9e9e9e;
	border-right:none;
}

.tab_area li:last-child,
.tab_area02 li:last-child {
	border-right:1px solid #9e9e9e;	
}

.tab_area li:hover,
.tab_area02 li:hover {
	cursor:pointer;	
	color:#cf171f !important;
	font-weight:500;	
}

.activeTab {
	color:#cf171f !important;
	font-weight:500;	
}

.title_area {
	width:100%;
	overflow:hidden;
	font-family:'NanumBarunGothic';
}

.aboutWrap {
	font-family:'NanumBarunGothic';
}

.aboutWrap article {
	text-align:center;
}

.boxLine {
	padding-bottom:95px;
	border-bottom:1px solid #bbbdbf;	
}

.aboutWrap article p {
	color:#221e1f;
	font-size:17px;
	line-height:28px;	
}

.w100 {
	width:100%;	
}

.pt30 {
	padding-top:30px;	
}

.p60 {
	padding:60px 0;	
}

.pt60 {
	padding-top:60px;	
}

.pt10 {
	padding-top:10px;	
}

.pb60 {
	padding-bottom:60px;	
}

.txt_padding {
	padding:30px 0 50px 0;	
}

.titleBox {
	width:100%;
	overflow:hidden;
	margin:48px 0 18px 0;
	padding-bottom:15px;
	border-bottom:1px solid #939597;	
}

.h3Title {
	float:left;
	color:#221e1f;
	font-size:20px;
	font-weight:normal;
	padding-bottom:30px;	
}

.h3Title02 {
	float:left;
	color:#221e1f;
	font-size:20px;
	font-weight:normal;
}

.path {
	float:right;
	font-size:15px;
	color:#4c4c4e;	
}

.aboutTab {
	width:100%;
	overflow:hidden;	
}

.aboutTab li {
	float:left;
	width:240px;
	padding:10px 0;
	background:#f7f7f7;
	border:1px solid #d1d2d4;
	border-right:none;
	color:#221e1f;
	font-size:16px;
	text-align:center;	
	font-weight:500;
	cursor:pointer;
}


.aboutTab li:last-child {
	border-right:1px solid #d1d2d4;
}

.aboutTab .activeAbout {
	background:#939597 ;
	color:#fff ;	
}

.hTab {
	width:800px;
	margin:0 auto;
	padding:120px 0 60px 0;
	overflow:hidden;
}

.hTab li {
	float:left;
	width:200px;
	border:1px solid #9d9e9e;
	border-right:none;
	padding:8px 0;
	font-size:14px;
	text-align:center;
	color:#545353;
	cursor:pointer;	
}

.hTab li:last-child {
	border-right:1px solid #9d9e9e;	
}

.hactive {
	color:#cf2026 !important;	
}

.about02 article {
	width:700px;
	margin:0 auto;
}

.primary {
	width:100%;
	overflow:hidden;
	padding:60px 35px 0 35px;	
}

.primary li {
	float:left;
	width:242px;
	margin:0 53px 30px 0;	
}

.primary li:nth-child(4n) {
	margin-right:0;	
}

.primary li:nth-child(9),
.primary li:nth-child(10),
.primary li:nth-child(11),
.primary li:nth-child(12) {
	margin-bottom:0;	
}

.txt-right {
	text-align:right;	
}

.pr154 {
	padding-right:154px;	
}

.subTitle {
	float:left;
	padding:22px 0 0 10px;
	font-size:15px;
	color:#808184;	
}

.line {
	display:inline-block;
	border-bottom:3px solid #cf171f;
	padding-bottom:10px;	
}

.sub_title_area {
	width:100%;
	overflow:hidden;
	padding-bottom:20px;	
	font-family:'NanumBarunGothic';
	color:#545353;
}

.h4Title {
	text-align:left;
	color:#312f30;
	font-size:20px;
	font-weight:500;
}

.point {
	color:#cf171f;
}

.point02 {
	color:#cf171f;
	font-weight:bold
}

.float_r {
	float:right;	
}

.float_l {
	float:left;	
}

.download {
	display:block;
	width:100px;
	border:1px solid #e9e9e9;
	padding:10px 0;
	vertical-align:middle;
	text-align:center;
	color:#312f30;
	font-size:15px;
}

.download_wrap {
	padding-top:30px;
	text-align:right;	
}

.download02 {
	display:inline-block;
	width:220px;
	border:1px solid #e9e9e9;
	padding:10px 0;
	vertical-align:middle;
	text-align:center;
	color:#312f30;
	font-size:15px;
}

.download02 img {
	vertical-align:middle;	
	padding-top:0;
	padding-right:5px;
}

.explan {
	display:block;
	padding-top:10px;
	font-size:14px;
	color:#808184;
	line-height:20px;
}

.explan02 {
	display:block;
	/*padding-top:40px;*/
	font-size:16px;
	color:#808184;
	line-height:28px;
}

.ci_intro article {
	padding-bottom:100px;	
}

.ci_intro article:first-child,
.ci_intro article:last-child {
	padding-bottom:0;	
}

.ci_intro > article > img {
	width:100%;
}

.line_h {
	line-height:30px;	
}

.go_wrap {
	width:250px;
	border:1px solid #e9e9e9;
	padding:10px 0;
	vertical-align:middle;
	text-align:center;
	color:#312f30;
	font-size:15px;	
}

.go_wrap02 {
	width:180px;
	border:1px solid #e9e9e9;
	padding:10px 0;
	vertical-align:middle;
	text-align:center;
	color:#312f30;
	font-size:15px;	
}

.go {
	display:inline-block;
	width:50px;
	margin-left:10px;
	background:#cf171f;
	padding:8px 0;
	color:#fff !important;
	text-align:center;
}

.video_wrap iframe,
.map_area > div {
	width:100% !important;	
}

.subConts>article>.boxSubway{
	width:100%; padding-top:115px; border-bottom:2px solid #a9a9ab;}

.subConts>article>.boxSubway>div{width:100%;}

.subConts>article>.boxSubway>div>h4{}
.subConts>article>.boxSubway>div>h4:nth-of-type(1){width:11%; float:left; font-size: 2.1em;
	 color:#ce1e29;font-weight:600; padding-bottom:12px;
	  border-bottom:2px solid #ce1e29;}
.subConts>article>.boxSubway>div>h4:nth-of-type(2){width:89%; margin-left: 105px;
	font-size: 2.1em; color:#4e4f51;padding-bottom:12px; border-bottom:2px solid #a9a9ab;}
	
	
.faq {
	width:100%;
	padding-top:30px;	
	font-size:15px;
	color:#312f30;
}

.faq li div p img {
	padding-top:0;	
}

.question, .answer {
	overflow:hidden;	
	padding:20px 0;
}

.question:hover {
	cursor:pointer;	
}

.answer {
	background:#f6f6f6;	
}

.question p, .answer p {
	float:left;	
}

.question p:first-child,
.answer p:first-child {
	width:5%;	
	padding-left:1%;
}

.question p:last-child,
.answer p:last-child {
	width:93%;
	padding-right:1%;	
}

.question p:last-child {
	background:url("/img/qna_bullet.png") no-repeat 98% center;	
}

.h4_bg {
	background:url("/img/bullet02.jpg") no-repeat left center;
	padding:30px 0 30px 15px;	
	font-family:'NanumBarunGothic';
}

.apply_btn {
	background:#cf171f;
	color:#fff;
	border:none;
	margin-top:15px;
	padding:0 30px;	
	font-size:15px;
}

.apply_btn input {
	border:none;
	background:#cf171f;
	padding:10px 0;
	color:#fff;
	text-align:center;
}

.form_area {
	width:100%;
	display:table;
	border-top:2px solid #404040;	
	font-family:'NanumBarunGothic';
}

.form-row {
	display:table-row;	
}

.form-row:first-child input,
.form-row:nth-child(2) input,
.form-row:nth-child(4) input {
	width:250px;	
}

.form-row:nth-child(3) select,
.form-row:nth-child(3) input {
	width:82px;	
}

.form-row:last-child input {
	width:400px;
}

.form-row h5,
.form-row p {
	display:table-cell;	
	padding:10px 0;
	color:#312f30;
	font-size:15px;
	border-bottom:1px solid #e5e5e5;
}

.form-row h5 {
	width:230px;
	background:#f8f8f8;
	text-align:center;	
}

.form-row p {
	width:440px;
	padding-left:20px;
}

.btn_area{
	text-align:center;	
	font-family:'NanumBarunGothic';
}

.applyform {
	margin:0 auto;	
	width:100%;
}

.catalogue_Img {
	position:relative;	
	text-align:center;
}

.catalogue_Img a {
	display:inline-block;
	width:197px;
	position:absolute;
	bottom:70px;
	right:234px;
}

.view-comment {
	display:none !important;	
}

.category_banner ul {
	width:100%;
	overflow:hidden;
	padding:20px 0;
	border-bottom:1px solid #cbcbcc;
}

.category_banner ul li {
	float:left;
	width:18.4%;
	margin-right:2%;
}

.category_banner ul li:last-child {
	margin-right:0;	
}

.category_banner ul li img {
	width:100%;	
}

.online img {
	width:80%;
}

.map04 {
	width:100%;
	margin-top:30px;	
}

.map04 th,
.map04 td {
	width:20%;
	text-align:center;
	padding:5px 0;
	font-size:15px;	
	font-family:'NanumBarunGothic';
	color:#545353;
	border:1px solid #e9e9e9;
}

.map04 th {
	background:#f7f7f7;	
}

.list_its,
.list_its ul,
.list_its02 {
	width:100%;
	overflow:hidden;
}

.list_its ul li {
	float:left;
	width:22.7%;	
	margin:0 3% 3% 0;
	min-height:243px;
	border:1px solid #ddd;
}

.list_its02 li {
	float:left;
	width:22.7%;	
	margin:0 3% 3% 0;
	min-height:243px;
}

.list_its ul li:nth-child(4n),
.list_its02 li:nth-child(4n) {
	margin-right:0;	
}

.list_its ul li img,
.list_its02 li img {
	width:100%;	
}

.formWrap {
	width:100%;
	overflow:hidden;	
}

.formDown {
	display:block;
	width:200px;
	margin-bottom:10px;
	padding:10px 0;
	border:1px solid #e9e9e9 !important;
	font-size:15px;
	vertical-align:middle;
	text-align:center;	
}

.txt_r {
	text-align:right;	
}

b {
	font-weight:bold;	
}

.formImg {
	margin-top:60px;
	text-align:center;	
}

.sub02_tab {
	width:100%;
	overflow:hidden;
	padding-bottom:40px;
}

.sub02_tab li {
	float:left;
	width:50%;
	padding:10px 0;	
	border:1px solid #cbcbcc;
	text-align:center;
	color:#333;
	font-size:16px;
	font-family:'NanumBarunGothic';	
	cursor:pointer;
	
}

.sub02_tab li:last-child {
	border-left:none;	
}

.sub02_tab li.activeSub {
	background:#cf171f;	
	border:1px solid #cf171f;
	color:#fff !important;
}

.sub1_tab li {
	background:#fff;
	border:1px solid #9e9e9e;
	border-left:none;
	text-align:center;
	color:#333;
	padding:15px 0;
	font-size:16px;
	font-family:'NanumBarunGothic';
	cursor:pointer;
}

.sub1_tab li.active {
	background: #cf171f; 
	border: 1px solid #cf171f; 
	color:#fff !important;
}

.well {
	font-size:16px;	
	font-family:'NanumBarunGothic';
	color:#333;
}

.form-horizontal .control-label {
	color:#333;
	font-size:14px;
	font-family:'NanumBarunGothic';
}

.order-img,
.order-img02 {
	text-align:center;	
}

.order-img img {
	margin-top:177px;	
}

.order-img img:first-child {
	margin-top:105px;	
}

.order-img img:last-child {
	margin-bottom:105px;	
}

.order-img02 img:last-child {
	margin:61px 0 105px 17px;	
}

.txt-center {
	text-align:center;	
}

.txt-left {
	text-align:left;	
}

.holder-order {
	width:100%;
	overflow:hidden;
	padding:65px 0 105px 0;	
}

.holder-order li {
	float:left;	
	margin-bottom:30px;
	color:#414143;
}

.holder-order li:nth-child(2n-1) {
	width:17%;
	font-weight:600;	
	color:#000;
}

.holder-order li:nth-child(2n) {
	width:83%;
}

.order-area {
	width:50%;
	margin:0 auto;	
	padding-top:30px;
}

.order-area02 {
	width:55%;
	margin:0 auto;	
	padding-top:30px;
}

.order-area p:nth-child(2) {
	padding:17px 0 54px 0;	
}

.order-area a {
	margin:32px auto 0 auto;	
}

.sub02_title {
	font-size:30px;
	font-weight:600;
}

.pl-40 {
	padding-left:40px;	
}

.pc_hide {
	display: none;
}

/*********************************** footer ***********************************/
.at-footer .at-links {background: #fff; border-top: 2px solid #cf171f; border-bottom: 1px solid #cbcbcc; height: 40px; }
.at-footer .at-links ul {padding: 1px 0; }
.at-footer .at-links ul > li {padding: 0; }
.at-footer .at-links ul > li > a {font-size: 14px; color: #838383; font-family: 'NanumBarunGothic'; }
.at-footer .at-links ul > li::after {content: ""; background: #cf171f; width: 4px; height: 4px; display: inline-block; margin: 7px 16px; border-radius: 100%;}
.at-footer .at-links ul > li:last-child::after {width: 0; height: 0; }

.at-footer .at-infos .media {padding: 15px 0px 20px; }
.at-footer .at-about > li {padding: 0; padding-right: 10px; }
.media-body {padding: 0; font-family: 'NanumBarunGothic'; line-height: 19px; }
.media-body p {font-size: 12px; color: #999; }
.media-body p span {color: #c5c5c5; }



.is-mobile .pc-header, .is-mobile .pc-menu{
	display: none;
}

.is-mobile .m-header {
	display: block;
}