html, body { padding:0; margin:0; font-family:'Nanum Gothic', 'Dotum', '돋움', 'Arial'}
html { height:100%; }
body { background-color:#fff; font-family:'Nanum Gothic',sans-serif; font-size:14px; font-weight:normal; line-height:22px; color:#4d4d4f; min-height:100%; position:relative; -webkit-text-size-adjust:none; }
body * { text-shadow:none; }
h1, h2, h3, h4, h5, h6 { line-height:1; font-weight:700; margin:0; padding:0; }
h1, h2, h3 { font-size:18px; }
h4, h5, h6 { font-size:16px; }
img {border:none;}

a, a:link, a:hover, a:visited {color:666; text-decoration:none; }
ul, dl, ol, li, dd, p, span { margin:0; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; list-style:none; }


/* MARGIN & PADDING============================================================================================================================================== */
	/* margin */
	.mg0 {margin:0 0 0 0}
	
	.mt1{margin-top:1px !important;}
	.mt2{margin-top:2px !important;}
	.mt3{margin-top:3px !important;}
	.mt4{margin-top:4px !important;}
	.mt5{margin-top:5px !important;}
	.mt6{margin-top:6px !important;}
	.mt10{margin-top:10px !important;}
	.mt15{margin-top:15px !important;}
	.mt20{margin-top:20px !important;}
	.mt25{margin-top:25px !important;}
	.mt30{margin-top:30px !important;}
	.mt35{margin-top:35px !important;}
	.mt40{margin-top:40px !important;}
	.mt50{margin-top:50px !important;}
	.mt60{margin-top:60px !important;}
	
	.mtn1{margin-top:-1px !important;}
	.mtn2{margin-top:-2px !important;}
	.mtn3{margin-top:-3px !important;}
	.mtn5{margin-top:-5px !important;}
	.mtn10{margin-top:-10px !important;}
	.mtn14{margin-top:-14px !important;}
	.mtn15{margin-top:-15px !important;}
	.mtn25{margin-top:-25px !important;}
	
	.mr1{margin-right:1px !important;}
	.mr2{margin-right:2px !important;}
	.mr3{margin-right:3px !important;}
	.mr4{margin-right:4px !important;}
	.mr5{margin-right:5px !important;}
	.mr6{margin-right:6px !important;}
	.mr7{margin-right:7px !important;}
	.mr8{margin-right:8px !important;}
	.mr9{margin-right:9px !important;}
	
	
	.mr5{margin-right:5px !important;}
	.mr6{margin-right:6px !important;}
	.mr10{margin-right:10px !important;}
	.mr11{margin-right:11px !important;}
	.mr15{margin-right:15px !important;}
	.mr16{margin-right:16px !important;}
	.mr20{margin-right:20px !important;}
	.mr22{margin-right:22px !important;}
	.mr25{margin-right:25px !important;}
	.mr30{margin-right:30px !important;}
	.mr40{margin-right:40px !important;}
	.mr50{margin-right:50px !important;}
	
	.mb0{margin-bottom:3px !important;}
	.mb3{margin-bottom:3px !important;}
	.mb5{margin-bottom:5px !important;}
	.mb6{margin-bottom:6px !important;}
	.mb7{margin-bottom:7px !important;}
	.mb8{margin-bottom:8px !important;}
	.mb9{margin-bottom:9px !important;}
	.mb10{margin-bottom:10px !important;}
	.mb25{margin-bottom:25px !important;}
	
	
	.mb5m{margin-bottom:-5px !important;}
	.mb1{margin-bottom:1px !important;}
	.mb2{margin-bottom:2px !important;}
	.mb3{margin-bottom:3px !important;}
	.mb4{margin-bottom:4px !important;}
	.mb5{margin-bottom:5px !important;}
	.mb8{margin-bottom:8px !important;}
	.mb10{margin-bottom:10px !important;}
	.mb15{margin-bottom:15px !important;}
	.mb20{margin-bottom:20px !important;}
	
	.mb30{margin-bottom:30px !important;}
	.mb40{margin-bottom:40px !important;}
	.mb50{margin-bottom:50px !important;}
	.mb0{margin-bottom:0 !important;}
	.mb100{margin-bottom:100px !important;}
	
	.ml10m{margin-left:-10px !important;}
	
	.ml20m{margin-left:-20px !important;}
	.ml1m{margin-left:-1px !important;}
	.ml2m{margin-left:-2px !important;}
	.ml3m{margin-left:-3px !important;}
	.ml10m{margin-left:-10px !important;}
	.ml0{margin-left:0px !important;}
	.ml1{margin-left:1px !important;}
	.ml2{margin-left:2px !important;}
	.ml3{margin-left:3px !important;}
	.ml4{margin-left:4px !important;}
	.ml5{margin-left:5px !important;}
	.ml6{margin-left:6px !important;}
	.ml7{margin-left:7px !important;}
	.ml8{margin-left:8px !important;}
	.ml10{margin-left:10px !important;}
	.ml13{margin-left:13px !important;}
	
	.ml15{margin-left:15px !important;}
	.ml16{margin-left:16px !important;}
	.ml17{margin-left:17px !important;}
	.ml18{margin-left:18px !important;}
	.ml20{margin-left:20px !important;}
	.ml22{margin-left:22px !important;}
	.ml24{margin-left:24px !important;}
	.ml25{margin-left:25px !important;}
	.ml28{margin-left:28px !important;}
	.ml30{margin-left:30px !important;}
	.ml40{margin-left:40px !important;}
	.ml50{margin-left:50px !important;}
	.ml60{margin-left:60px !important;}
	.ml70{margin-left:70px !important;}
	.ml75{margin-left:75px !important;}
	.ml140{margin-left:140px !important;}
	.ml250{margin-left:250px !important;}
	.ml300{margin-left:300px !important;}
	
	.mg5{margin:5px !important;}
	.mg15{margin:15px !important;}
	.mg30{margin:30px !important;}
	
	/* padding */
	.pd {padding:0 0 0 0}
	.pt3{padding-top:3px !important;}
	.pt5{padding-top:5px !important;}
	.pt10{padding-top:10px !important;}
	.pt13{padding-top:10px !important;}
	.pt15{padding-top:15px !important;}
	.pt20{padding-top:20px !important;}
	.pt25{padding-top:25px !important;}
	.pt30{padding-top:30px !important;}
	
	.pr5{padding-right:5px;}
	.pr10{padding-right:10px !important;}
	.pr15{padding-right:15px !important;}
	.pr20{padding-right:20px !important;}
	.pr25{padding-right:25px !important;}
	.pr30{padding-right:30px !important;}
	
	.pl5{padding-left:5px !important;}
	.pl10{padding-left:10px !important;}
	.pl15{padding-left:15px !important;}
	.pl20{padding-left:0px !important;}
	.pl25{padding-left:25px !important;}
	.pl30{padding-left:30px !important;}
	
	.pt0 {padding-top:0 !important;}
	.pb0 {padding-bottom:0 !important;}
	.pb3 {padding-bottom:3px !important;}
	.pb5 {padding-bottom:5px !important;}
	.pb10 {padding-bottom:10px !important;}
	.pb20 {padding-bottom:20px !important;}
	
	.pd10{padding:0 10px 0 10px;}
	.pd102{padding:10px !important;}
	.pdt10 {padding:10px 0;}
	.pdall {padding:10px !important;}
	.pd8m {padding:0 -8px}
	
	/* width */
	.wd30 {width:30px !important;}
	.wd40 {width:40px !important;}
	.wd50 {width:50px !important;}
	.wd56 {width:56px !important;}
	.wd60 {width:60px !important;}
	.wd70 {width:70px !important;}
	.wd80 {width:80px !important;}
	.wd90 {width:90px !important;}
	.wd100{width:100px !important;}
	.wd110{width:110px !important;}
	.wd120{width:120px !important;}
	.wd130{width:130px !important;}
	.wd140{width:140px !important;}
	.wd145{width:145px !important;}
	.wd150{width:150px !important;}
	.wd155{width:155px !important;}
	.wd160{width:160px !important;}
	.wd170{width:170px !important;}
	.wd180{width:180px !important;}
	.wd200{width:200px !important;}
	.wd210{width:210px !important;}
	.wd220{width:220px !important;}
	.wd230{width:230px !important;}
	.wd240{width:240px !important;}
	.wd250{width:250px !important;}
	.wd300{width:300px !important;}
	.wd310{width:310px !important;}
	.wd320{width:320px !important;}
	.wd330{width:330px !important;}
	.wd344{width:344px !important;}
	.wd370{width:370px !important;}
	.wd400{width:400px !important;}
	.wd420{width:420px !important;}
	.wd440{width:440px !important;}
	.wd450{width:450px !important;}
	.wd460{width:460px !important;}
	.wd470{width:470px !important;}
	.wd500{width:500px !important;}
	.wd530{width:530px !important;}
	.wd550{width:550px !important;}
	.wd560{width:560px !important;}
	.wd570{width:570px !important;}
	.wd580{width:580px !important;}
	.wd595{width:595px !important;}
	.wd600{width:600px !important;}
	.wd620{width:620px !important;}
	.wd650{width:650px !important;}
	.wd700{width:700px !important;}
	.wd710{width:710px !important;}
	.wd100p{width:100% !important;}
	
	
	.hgAuto {height:auto;}
	.hg12 {height:12px !important;}
	.hg30 {height:30px !important;}
	.hg25 {height:24px !important;}
	.hg20 {height:20px !important;}
	.hg50 {height:50px !important;}
	.hg100 {height:100px !important;}
	.hg130 {height:130px !important;}
	.hg140 {height:140px !important;}
	.hg150 {height:150px !important;}
	.hg155 {height:155px !important;}
	.hg160 {height:160px !important;}
	.hg180 {height:180px !important;}
	.hg230 {height:230px !important;}
	.hg300 {height:300px !important;}
	
	/* border */
	.bdBlue {border:1px solid #6789ca !important }
	.bdGray {border:1px solid #999 !important }
	
	.dottedBd {border-top:1px dotted #adadad !important;}
	.bdL {border-left:1px solid #f5f5f5}
	.bdR {border-right:1px solid #f5f5f5}
	.bdT {border-top:1px solid #f5f5f5}
	.bdB {border-bottom:1px solid #ddd}
	.bdB2 {border-bottom:2px solid #dfdfdf}
	.bdB3 {border-bottom:1px solid #dfdfdf}
	
	.bdT2 {border-top:2px solid #b7b7b7}
	
	.bgn {background:none !important}
	.bdn {border:none !important;}
	.bdnL {border-left:none !important}
	.bdnR {border-right:none !important}
	.bdnT {border-top:none !important}
	.bdnB {border-bottom:none !important}

	.floatLeft {float:left;}
	.floatRight {float:right;}
	
	.width9 {width:9px;}
	.width50 {width:50px;}
	.width60 {width:50px;}
	.width90 {width:90px;}
	.width112 {width:112px;}
	.width192 {width:192px;}
	.width150 {width:150px;}
	.width200 {width:200px;}
	.width202 {width:202px;}
	.width210 {width:210px;}
	.width307 {width:304px;}
	.width322 {width:322px;}
	.width370 {width:370px;}
	.width400{width:400px;}
	.width410 {width:410px;}
	.width100p{width:100%;}
	.width97p{width:97%;}
	.width90p{width:90%;}
	.width50p{width:50%;}
	.width500{width:500px;}
	.width778{width:778px;}
	.width948{width:948px;}
	
	.h80 {height:80px;}
	
	
	.tlnc{text-align:center;}
	.tlnr{text-align:right;}
	.fontSize11 {font-size:11px;}
	.fc1 {color:#ee3f24;}
	.fc2 {color:#000000;}
	.fc3 {color:#a9a9a9;}
	.fc4 {color:#9f9f9f;}
	.fc5 {color:#929292 ;}
	.ft_b {font-weight:bold;}
	
	.ft_n{font-weight:normal;}
	
	.th_b{border:1px solid #d6d6d6;}
	.comm_bb1{border:1px solid #ffffff;}
	.comm_bt1{border-top:2px solid #c3c3c3;}
	.bdr1px {border:1px solid #333;}
	
	.dpNone { display:none;}
	.dpShow { display:"";}
	.em { font-weight:bold;}
	.hide { display:none;}
	.text-white {color:white;}
	
	.hr-space{display:block; width:100%;margin-top:100px; border:0px solid #333;}
	
	.clearBoth {clear:both;}
	
	.main-color {background: #01a2a6 !important;}
	.small-device {display:none}
	.large-device {display:block}
	
	.bdr1px {border:1px solid #333;}
	.btn-dark {background-color:black; color:#f7f7f7;}
	.btn-dark:hover, .btn-dark:visited, .btn-dark:active { color:#f7f7f7;}
	
	.btn-aqua {background-color:#01a2a6; color:#fff;}
	.btn-aqua:hover {color:#fff;}
	.btn-aqua:active {color:#fff;}
	
	/* responsive menu  */

	.slicknav_menu {
		display:none;
	}
	
	.category-container {position:relative; z-index:100003}
	
	.btn-default { color: #333;background-color: #fff;border-color: #ddd;}
	
	.pagination>li>a, .pagination>li>span {
	color: #01a2a6;
	}
	
	.hr2 {	margin-top: 10px;	margin-bottom: 10px;	border: 0;	border-top: 1px solid #ddd;	}
	.ht { color:#666; font-size:19px; font-weight:400;}
/* 공통 Margin And Padding 완료*/


/* global navigation  */

.nav-bar {width:1100px; margin:0 auto; height: 42px;}
.nav-bar p { float:left; border:0px solid #333;height:42px;}
.nav-u { float:left; border:0px solid #ff6600; width:81.8% }
.nav-u li a {float:left; font-weight:700; border:0px solid #333; padding:10px; text-align:center; font-size:17px; padding-left:1.7em; padding-right:1.7em; color:#000;border:0px solid #333;}

.nav-u li a:hover {color:#01a2a6;}
.nav-u li a:active {color:#000;}

.nav-bar .logo {display:block; width:164px;border:none; margin-top:5px;}

.nav-bar .logo a {border:none; }
.nav-bar .logo a:hover {}
.nav-bar .empty {width:30px;}

/* responsive menu  */

.slicknav_menu {
	display:none;
}

/* wrapper */
.top-header {	position:relative;	width:100%;padding:10px 0 0px 0;	margin:0px auto; margin-top:20px;}
.content-wrapper {position:relative;width:100%;margin:0px auto; margin-top:0px; }
.footer-wrap {	position:relative;	width:100%;margin:0 auto;	background-color:#f7f7f7;}

.content {display:block; width:1100px;margin-bottom:0px;padding:0;margin:0px auto;}
.footer {	width:1100px;padding:60px 0 60px 0;	margin:0px auto; border:0px solid #333;}

@media only screen and (max-width: 1100px) {
	.nav-bar { width:98%;}
	.content { width:100%; }
	.nav-u { display:none; }
	.footer {width:100%;}
	
	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
	
	.nav-bar p.logo {width:100%; text-align:center; border:0px solid #333;}
	
	.content .banner {width:100%; border:0px solid #333; }
	
	.slogan .visual-slogan1 {text-align: center;margin-top: 20px;color: #222;font-size: 2.1em;font-weight: 700;	
	}
	
	/* main feature box - duplicatable  */
	

}/*/mediaquery*/

@media only screen and (max-width: 768px) {
	
	/* main feature box - duplicatable  */
	
	
}/*/mediaquery*/


@media only screen and (min-width: 768px) and (max-width: 1024px) {
	
	
}/*/mediaquery*/