@charset "utf-8";

/*===== Reset ======================================================*/
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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;font-family: 'Noto Sans',NanumGothic,'나눔고딕','Open Sans',sans-serif;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {display: block;}
audio,canvas,video {display: inline-block;max-width: 100%;}
html {overflow-y: scroll;-webkit-text-size-adjust: 100%;-ms-text-size-adjust:     100%;}
body,button,input,select,textarea {color: #2b2b2b;font-size: 12px;font-weight: normal;line-height: 1.5;}
a {text-decoration: none;}
a:focus,a:hover,a:active {outline: 0;}
address {font-style: italic;margin-bottom: 24px;}
abbr[title] {border-bottom: 1px dotted #2b2b2b;cursor: help;}
b,strong {font-weight: 700;}
cite,dfn,em,i {font-style: italic;}
mark,ins {background: #fff9c0;text-decoration: none;}
p {margin-bottom: 10px; font-size:15px; max-width:100%;}
pre {border: 1px solid rgba(0, 0, 0, 0.1);-webkit-box-sizing: b2015-09-18order-box;-moz-box-sizing:    border-box;box-sizing:         border-box;margin-bottom: 24px;max-width: 100%;overflow: auto;padding: 12px;white-space: pre;white-space: pre-wrap;word-wrap: break-word;}
blockquote,q {-webkit-hyphens: none;-moz-hyphens:    none;-ms-hyphens:     none;hyphens:         none;quotes: none;}
blockquote:before,blockquote:after,q:before,q:after {content: "";content: none;}
blockquote {color: #767676;font-size: 19px;font-style: italic;font-weight: 300;line-height: 1.2631578947;margin-bottom: 24px;}
blockquote cite,blockquote small {color: #2b2b2b;font-size: 16px;font-weight: 400;line-height: 1.5;}
blockquote em,blockquote i,blockquote cite {font-style: normal;}
blockquote strong,blockquote b {font-weight: 400;}
small {font-size: smaller;}
big {font-size: 125%;}
sup,sub {font-size: 75%;height: 0;line-height: 0;position: relative;vertical-align: baseline;}
sup {bottom: 1ex;}
sub {top: .5ex;}
dl {margin-bottom: 10px;}
dt {font-weight: bold;}
dd {margin-bottom: 10px;}
ul,ol {list-style: none;margin: 0;padding:0;}
ul {list-style: disc;}
ol {list-style: decimal;}
li > ul,li > ol {margin: 0 0 0 10px;}
img {-ms-interpolation-mode: bicubic;border: 0;vertical-align: middle;}
figure {margin: 0;}
fieldset {border: 1px solid rgba(0, 0, 0, 0.1);margin: 0 0 24px;padding: 11px 12px 0;}
legend {white-space: normal;}
button,input,select,textarea {-webkit-box-sizing: border-box;-moz-box-sizing:    border-box;box-sizing:         border-box;font-size: 100%;margin: 0;max-width: 100%;vertical-align: baseline;}
button,input {line-height: normal;}
input,textarea {background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;}
button[disabled],input[disabled] {cursor: default;}
input[type="checkbox"],input[type="radio"] {padding: 0;}
input[type="search"] {-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}
textarea {overflow: auto;vertical-align: top;}
table {border-collapse: separate;border-spacing: 0;border-width: 1px 0 0 1px;margin-bottom: 24px;width: 100%;}
table.txc-wrapper {width:100%;}
caption,th,td {font-weight: normal;text-align: left;}
th {border-width: 0 1px 1px 0;font-weight: bold;}
td {border-width: 0 1px 1px 0;}
del {color: #767676;}
hr {background-color: rgba(0, 0, 0, 0.1);border: 0;height: 1px;margin-bottom: 23px;}
/* Support a widely-adopted but non-standard selector for text selection styles
 * to achieve a better experience. See https://core.trac.wordpress.org/ticket/25898.
 */
::selection {background: #313993;color: #fff;text-shadow: none;}
::-moz-selection {background: #313993;color: #fff;text-shadow: none;}
.screen-reader-text {display:none;}
/*===== Primary Style ======================================================*/
/**,body,html {font-family:'Noto Sans', Arial, sans-serif;}*/
body {padding:0; margin:0;}

.sub #content {padding:0 0 65px;}
.img-responsive1 {max-width:100%;}
.img-responsive2 {width:100%;}
.img-responsive3 {display:block; max-width:100%; height:auto; margin:0 auto;}

.blue {color:rgb(38, 68, 128);}
.green {color:rgb(31, 153, 71);}
.skyblue {color:rgb(0, 115, 229);}
.515151 {color:rgb(51, 51, 51)}
.white {color:rgb(255, 255, 255);}

.w500 {font-weight:500;}
.w600 {font-weight:600;}

/* ========================================================================
	LAYOUT STYLE CSS
 ========================================================================== */
/*IE css*****************************************************************************************************************************************************************/
.gtie8  #map_canvas img {width:auto;}
.gtie8 .top-menu {width:115px;}
.gtie8 .row {margin-left:0; margin-right:0}
.gtie8 .row.product-item-row .col-md-5.col-sm-12.col-xs-12 {padding-right:30px;}
.gtie8 .container {
    width: 1170px; max-width:100%;
}
.gtie8 .col-md-12 {
    width: 100%; padding-left:0; padding-right:0; float:left;
  }
.gtie8 .col-md-11 {
    width: 91%; padding-left:0; padding-right:0; float:left;
  }
.gtie8 .col-md-10 {
    width: 82.7%; padding-left:0; padding-right:0; float:left;
  }
.gtie8 .col-md-9 {
    width: 74%; padding-left:0; padding-right:0; float:left;
  }
.gtie8 .col-md-8 {
    width: 66%; padding-left:0; padding-right:0; float:left;
  }
.gtie8 .col-md-7 {
    width: 58%; padding-left:0; padding-right:0; float:left;
  }
.gtie8 .col-md-6 {
    width: 49.5%; padding-left:0; padding-right:0; float:left;
  }
.gtie8 .col-md-5 {
    width: 41%; padding-left:0; padding-right:0; float:left;
  }
.gtie8 .col-md-4 {
    width: 33%; padding-left:0; padding-right:0; float:left;
  }
.gtie8 .col-md-3 {
    width: 24%; padding-left:0; padding-right:0; float:left;
  }
.gtie8 .col-md-2 {
    width: 16%; padding-left:0; padding-right:0; float:left;
  }
.gtie8 .col-md-1 {
    width: 8%; padding-left:0; padding-right:0; float:left;
  }

/*top-area*****************************************************************************************************************************************************************/
.top-area {width:100%; height:auto; background:url(/skin/img/main/top-area.png) repeat; position:absolute;top:0; z-index:1000;}
#logo {display:block; padding:10px 0 0;}
.row.main-row {margin-right: -10px; margin-left: -10px;}
.main-menu-cont.col-md-9.col-sm-12, .top-cont-pc.col-md-3.hidden-sm.hidden-xs {padding-left:10px; padding-right:10px;}

/*logo*/
.logo {display:block;}
/*search*/
.searchBt {cursor:pointer;}
.searchPop {position:absolute; top:0; right:0;padding:20px; background:url(/skin/img/main/search-bg.png) repeat; width:250px;
	-webkit-transition: all 0.7s ease; transition: all 0.7s ease; box-shadow: 0 0 6px #000;}
.searchPop.show {top:51px;}
.search-input {display:block; position:relative; float:left; width:70%; font-size:12px; line-height:25px; height:31px;}
.search-submit {display:block; position:relative; float:left; width:25%; margin-left:2%; font-size:12px; line-height:25px; color:#fff;
	background-color: #2983bc;}
/*main-menu*****************************************************************************************************************************************************************/
.main-menu {display:block;}
.main-menu li {display:block; position:relative; float:left;}
.main-menu li a {display:block; font-size:14px; line-height:14px; font-weight:500; color:#f4f3f3; padding:18px 24px;}
.main-menu .dropdown-menu {margin:0;}
.main-menu .dropdown-menu li {display:block; position:relative; float:none;}
.main-menu .dropdown-menu li a {display:block; font-size:12px; line-height:12px; font-weight:400; color:#555; padding:10px 10px 10px 23px;}
.main-menu .dropdown-menu li.active a {color:#fff;}
/*top-menu*****************************************************************************************************************************************************************/
.top-menu-cont {display:block; position:relative; float:right;}
.top-menu {display:block; width:130px; height:51px;}
.top-menu li {display:block; position:relative; float:left;padding:12px 4px;}
.top-menu li.first {padding:12px 4px 12px 0;}
.top-menu li a {display:block; -webkit-transition: all 0.7s ease; transition: all 0.7s ease;}
.top-menu li a.facebook {background: url(/skin/img/main/sns-f.png) center no-repeat; width: 27px; height: 27px; text-indent:-5000px;}
.top-menu li a.instagram {background: url(/skin/img/main/sns-i.png) center no-repeat; width: 27px; height: 27px; text-indent:-5000px;}
.top-menu li a.blog {background: url(/skin/img/main/sns-b.png) center no-repeat; width: 36px; height: 27px; text-indent:-5000px;}
.top-menu li:hover a, .top-menu li:focus a {filter:alpha(opacity:50); -khtml-opacity:.5; -moz-opacity:.5; opacity:.5;}
/*search*****************************************************************************************************************************************************************/
.search-cont {display:block; position:relative; float:right; padding:12px 0; }
.search-cont div {float:left;}
.search-cont div .ip {visibility:hidden;width: 100px;border: none;height: 28px;padding: 0 5px;}
.search-cont div .bt {background:url('/skin/img/main/search-icon.png') no-repeat center center;width:27px;height:27px;border:none;outline:none;}
a.searchBt {display:block;background: url(/skin/img/main/search-icon.png) center no-repeat; width: 27px; height: 27px; text-indent:-5000px;}
.search-box {width:100px;}
/*mobile-menu*****************************************************************************************************************************************************************/
.dropdown-toggle.mobileBt {display:block; padding:16px 4px;}
.mobile-menu.dropdown-menu {left:auto; right:0;border-radius:0;}
.mobile-menu.dropdown-menu .dropdown .dropdown-menu {display:block; position:relative; 
	border-radius:0;box-shadow:none;-webkit-box-shadow:none; border:none; }
.mobile-menu.dropdown-menu .dropdown .dropdown-menu li {border:none;border-bottom:1px solid #ddd;}
.mobile-menu.dropdown-menu > li {border-bottom:1px solid #ddd;}
.mobile-menu.dropdown-menu > li > a {display: block;padding: 5px 20px;clear: both;font-size:14px;line-height: 30px;color: #333;}
.mobile-menu.dropdown-menu > li.active > a, .mobile-menu.dropdown-menu .dropdown .dropdown-menu li.active a {color:#fff;}
.mobile-menu.dropdown-menu .dropdown .dropdown-menu li a {font-size:13px;line-height: 20px;color: #777; padding:2px 10px 2px 30px;}
/*===== footer======================================================*/
.bottom-menu, .bottom-menu .sub-menu {display:block;list-style:none; margin:0;}
.bottom-menu .sub-menu {padding:17px 0;}
.parent-menu > a {display:block; font-size:15px; line-height:15px; }
.sub-menu li a {display:block; font-size:12px; line-height:23px; }
.greyBar {color:#ccced0; font-size:8px; line-height:12px;}
.footer-copy {font-size: 12px;line-height: 17px;font-weight: 400;margin:0;}
.footer-cont {width:100%; padding:28px 10px 15px 10px;}

.bottom-menu .col-md-2 {width:14%}

.bottom-link-wrap {height:59px;line-height:59px;background-color:#fff;}
.bottom-link-wrap .bottom-link {list-style:none;margin:0;padding:0;}
.bottom-link-wrap .bottom-link:before {display:block;content:" ";}
.bottom-link-wrap .bottom-link:after {display:block;content:" ";clear:both;}
.bottom-link-wrap .bottom-link li {float:left;margin:0;padding:0}
.bottom-link-wrap .bottom-link .bottom-link-1 {margin-right:31px;}
.bottom-link-wrap .bottom-link .bottom-link-2 {margin-right:22px;}
.bottom-link-wrap .bottom-banner {list-style:none;margin:0;padding:0;}
.bottom-link-wrap .bottom-banner:before {display:block;content:" ";}
.bottom-link-wrap .bottom-banner:after {display:block;content:" ";clear:both;}
.bottom-link-wrap .bottom-banner li {float:left;margin:0;padding:0}
.bottom-link-wrap .bottom-banner li a img {display:block;}

.bottom-link-row:before {display:block;content:" ";}
.bottom-link-row:after {display:block;content:" ";clear:both;}
.bottom-link-box {float:left;}
.bottom-banner-box {float:right;}
.footer-top-cont {width:100%; padding:30px; 0; background:#f2f2f2}
.footer-copy {color:#fff;}
.footer-cont {background:#2c92cb;}
.footer-cont .copy {margin:10px 0;font-size: 12px;line-height: 17px;font-weight: 400;color:#fff;text-align:center;}

.left-cont {z-index: 10;}
.top-cont-mobile {position: absolute;right: 0;top: 0px;z-index: 0;}
.mobile-menu-cont {position: absolute;right: 36px;top: 0px;z-index: 20;}
/* ========================================================================
	Component: utils.less
 ========================================================================== */
.img-responsive1 {max-width:100%;}
.img-responsive2 {width:100%;}
.img-responsive3 {display:block; max-width:100%; height:auto; margin:0 auto;}

.radius-clear {
  border-radius: 0 !important;
}
.shadow-clear {
  box-shadow: 0 0 0 #000 !important;
}
.text-white {
  color: #fff;
}
.text-inverse {
  color: #2d2d2d;
}
.text-alpha {
  color: rgba(255, 255, 255, 0.5);
}
.text-pink {
  color: #ff3366;
}
.text-purple {
  color: #9b59b6;
}
.text-alpha-inverse {
  color: rgba(0, 0, 0, 0.5);
}
.text-green {
  color: #01b6ad;
}
.text-sm {
  font-size: 11.9px;
}
.text-lg {
  font-size: 42px;
}
.text-left {
	text-align:left !important;
}
.text-right {
	text-align:right !important;
}
.text-center {
	text-align:center !important;
}

.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt26 {margin-top:26px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}
.mt90 {margin-top:90px;}
.mt100 {margin-top:100px;}

.mb0 {margin-bottom:0;}
.mb5 {margin-bottom:5px;}
.mb15 {margin-bottom:10px;}
.mb10 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}
.mb45 {margin-bottom:45px;}
.mb50 {margin-bottom:50px;}
.mb55 {margin-bottom:55px;}
.mb60 {margin-bottom:60px;}
.mb65 {margin-bottom:65px;}
.mb70 {margin-bottom:70px;}
.mb75 {margin-bottom:75px;}
.mb80 {margin-bottom:80px;}
.mb85 {margin-bottom:85px;}
.mb90 {margin-bottom:40px;}
.mb95 {margin-bottom:95px;}
.mb100 {margin-bottom:100px;}
.mb110 {margin-bottom:110px;}
.mb120 {margin-bottom:120px;}
.mb130 {margin-bottom:130px;}
.mb140 {margin-bottom:140px;}
.mb150 {margin-bottom:150px;}

.pt0 {padding-top:0 !important;}
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt26 {padding-top:26px;}
.pt30 {padding-top:30px;}
.pt35 {padding-top:35px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.pt60 {padding-top:60px;}
.pt70 {padding-top:70px;}
.pt80 {padding-top:80px;}
.pt90 {padding-top:90px;}
.pt100 {padding-top:100px;}

.pr0 {padding-right:0 !important;}
.pr10 {padding-right:10px;}
.pr20 {padding-right:20px;}
.pr26 {padding-right:26px;}
.pr30 {padding-right:30px;}
.pr35 {padding-right:35px;}
.pr40 {padding-right:40px;}
.pr50 {padding-right:50px;}
.pr60 {padding-right:60px;}
.pr70 {padding-right:70px;}
.pr80 {padding-right:80px;}
.pr90 {padding-right:90px;}
.pr100 {padding-right:100px;}

.pb0 {padding-bottom:0;}
.pb5 {padding-bottom:5px;}
.pb15 {padding-bottom:10px;}
.pb10 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb25 {padding-bottom:25px;}
.pb30 {padding-bottom:30px;}
.pb35 {padding-bottom:35px;}
.pb40 {padding-bottom:40px;}
.pb45 {padding-bottom:45px;}
.pb50 {padding-bottom:50px;}
.pb55 {padding-bottom:55px;}
.pb60 {padding-bottom:60px;}
.pb65 {padding-bottom:65px;}
.pb70 {padding-bottom:70px;}
.pb75 {padding-bottom:75px;}
.pb80 {padding-bottom:80px;}
.pb85 {padding-bottom:85px;}
.pb90 {padding-bottom:90px;}
.pb95 {padding-bottom:95px;}
.pb100 {padding-bottom:100px;}

.pl0 {padding-left:0 !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px;}
.pl20 {padding-left:20px;}
.pl26 {padding-left:26px;}
.pl30 {padding-left:30px;}
.pl35 {padding-left:35px;}
.pl40 {padding-left:40px;}
.pl50 {padding-left:50px;}
.pl60 {padding-left:60px;}
.pl70 {padding-left:70px;}
.pl80 {padding-left:80px;}
.pl90 {padding-left:90px;}
.pl100 {padding-left:100px;}


/*===== @media ======================================================*/
@media (max-width: 768px) {
	.top-menu {width: 112px;}
	.top-row {height:50px;}
	.bottom-link-wrap {height:auto;line-height:auto;text-align:center;}
	.bottom-link-box {float:none;}
	.bottom-banner-box {float:none;}
	.bottom-link-wrap .bottom-banner li {width:100%;text-align:center;}
	.bottom-link-wrap .bottom-banner li a img {display:inline-block;}
	.bottom-link-wrap .bottom-link {display:inline-block;}
}
@media (min-width: 768px) {
	.top-menu {width: 130px;}
	.modal-dialog { margin:0 auto;}
	
}
@media (max-width: 992px) {
	#banner.header.navbar {background:rgb(42, 130, 72);}
	#inner-logo {padding:0 20px; background:none;}
	#footer {background: #666;}
}
@media (min-width: 992px) {
	.modal-dialog { margin:0 0 0 200px;}
	#banner.header.navbar {background:none;}
	#inner-logo {padding: 20px; background: url(/skin/default/img/logo/inner-logo.png) repeat;}
	.copyrights {color:rgb(235, 235, 235);}
	#footer {background: none;}
}
@media (max-width: 1200px) {	
	.top-area {position:relative;top:0; z-index:1000;}
	.main-menu li a {padding:18px 23px;}
	.search-cont div .ip {width:73px;}
}
@media (min-width: 1200px) {	
	.top-area {position:absolute;top:0; z-index:1000;}
	.copyrights {color:rgb(130, 134, 120); text-shadow:none}
}
@media (min-width: 1921px) {	
	.main-slide-cont {max-width: 1920px;margin: 0 auto;}
}