/* 스크롤바 컬러설정 */

@import url('//cdn.jsdelivr.net/font-iropke-batang/1.2/font-iropke-batang.css');
@font-face {
  font-family: 'Iropke Batang';
  font-style: normal;
  font-weight: 400;
  src: url(/resources/font/IropkeBatangM.eot);
  src: url(/resources/font/IropkeBatangM.eot?#iefix) format('embedded-opentype'),
       url(/resources/font/IropkeBatangM.woff) format('woff'),
       url(/resources/font/IropkeBatangM.ttf) format('truetype');
}



/* layout */   
.ma_1024 {width:100%;max-width:1024px;margin:0 auto;}
.ma_1024 .container-fluid { padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: auto; }
.ma_1024 .row {padding:0px;margin-right:20px;margin-left:20px;} 
.ma_1440 {width:100%;max-width:1440px;margin:0 auto;}
.ma_1440 .container-fluid { padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: auto; }
.ma_1440 .row {padding:0px;margin-right:20px;margin-left:20px;}  
.ma_1280 {width:100%;max-width:1280px;margin:0 auto;}
.ma_1280 .container-fluid { padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: auto; }
.ma_1280 .row {padding:0px;margin-right:20px;margin-left:20px;} 
.ma_1280s {width:100%;max-width:1280px;margin:0 auto;}
.ma_1280s .container-fluid { padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: auto; }
.ma_1280s .row {padding:0px;margin-right:0px;margin-left:0px;} 
.ma_1280s .col-sm-8 {float:right;margin:0px;padding:0px;}


/* col img & product */
.ma_1600 {width:100%;max-width:1600px;margin:0 auto;/*1560*/;}
.ma_1600 .container-fluid { padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: auto;}
.ma_1600 .row {padding:0px;margin-right:20px;margin-left:20px;} 

.sub_full {width:100%;margin:0 auto;margin:0 auto;padding:0;border:0;}
.sub_full .container-fluid { padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: auto; }
.sub_full .row { padding-right:5px; padding-left:5px; margin-right: auto; margin-left: auto; }

.ma_full {width:100%;margin:0 auto;overflow:hidden;}
.ma_full_bg { width:100%; margin:0 auto;background-image: url(/); background-repeat: no-repeat;background-size: cover; background-position: center top; background-attachment: fixed; padding-top: 40px;padding-bottom: 40px;}   
.ma_full1 {width:100%;margin:0 auto;}
.gn_msd1 {width:100%;margin:0 auto;position: relative;border:0;} 


@media screen and (max-width:480px) {
.ma_1024 {width:100%;max-width:1024px;margin:0 auto;}
.ma_1024 .container-fluid { padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: auto; }
.ma_1024 .row {padding:0px;margin-right:10px;margin-left:10px;} 
.ma_1440 {width:100%;max-width:1440px;margin:0 auto;}
.ma_1440 .container-fluid { padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: auto; }
.ma_1440 .row {padding:0px;margin-right:10px;margin-left:10px;}  
.ma_1280 {width:100%;max-width:1280px;margin:0 auto;}
.ma_1280 .container-fluid { padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: auto; }
.ma_1280 .row {padding:0px;margin-right:10px;margin-left:10px;} 
/* col img & product */
.ma_1600 {width:100%;max-width:1600px;margin:0 auto;/*1570*/}
.ma_1600 .container-fluid { padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: auto; }
.ma_1600 .row {padding:0px;margin-right:10px;margin-left:10px;}   
.sub_full .row { padding-right:2px; padding-left:2px; margin-right: auto; margin-left: auto; }    
}


.gn_mt1 {margin:0;padding:0;text-align:center;} 
.gn_mt1 li {list-style:none;margin:0;padding:0;font-size:18px;text-align:center;}     

.gn_mt1 h4.font18 { position: relative; font-size:16px;text-align:center; margin:0px auto 0px;font-weight:400;display:block; padding:0px; letter-spacing:0.05em;text-transform:uppercase;font-family:'NotoSansKR'; }
.gn_mt1 h4.font18::after { position: absolute;  content: "";  width:40px;  height: 2px;  background-color: #790000;  bottom: -5px;  left: 50%;  margin-left:-20px;}
  

@media screen and (max-width:787px) {
.gn_mt1 .font32 {font-size:18px;line-height:120%;display:block;}   
.gn_mt1 li {font-size:13px;}  
.gn_mt1 ul {margin-bottom:30px;}
}    
 


.gntitle1 {font-family:'NotoSansKR','Noto Sans KR','Lato','Arial','Dotum',"돋움",sans-serif;font-weight:400; position: relative;}
.gntitle2 {font-family:'Nanum Gothic','Lato','Arial','Dotum',"돋움",sans-serif;font-weight:400; position: relative;}     
.gntitle3 {font-family:'Iropke Batang','Lato','Arial','Dotum',"돋움",sans-serif;font-weight:400; position: relative;}        
.gntitle1_c {font-family:'NotoSansKR','Noto Sans KR','Lato','Arial','Dotum',"돋움",sans-serif;text-align:center;font-weight:400; position: relative;}
.gntitle2_c {font-family:'Nanum Gothic','Lato','Arial','Dotum',"돋움",sans-serif;text-align:center;font-weight:400; position: relative;}     
.gntitle3_c {font-family:'Iropke Batang','Lato','Arial','Dotum',"돋움",sans-serif;text-align:center;font-weight:400; position: relative;} 
.font_no {font-family:'Lato','NotoSansKR','Noto Sans KR','Arial','Dotum',"돋움",sans-serif;font-weight:400; position: relative;}
.font_w100 {display:block;clear:both;width:100%;}    

.font50 {font-size:50px;line-height:220%;display:block;text-transform:uppercase;}   
.font40 {font-size:40px;line-height:220%;display:block;text-transform:uppercase;} 
.font32 {font-size:32px;line-height:180%;display:block;}  
.font24 {font-size:24px;line-height:160%;display:block;} 
.font18 {font-size:18px;line-height:160%;display:block;}
.font16 {font-size:16px;line-height:160%;display:block;} 
.font14 {font-size:14px;line-height:140%;display:block;} 
.font12 {font-size:12px;line-height:120%;display:block;} 
.font11 {font-size:11px;}  
.font10 {font-size:10px;}
.fonts_n {font-weight:normal;} 
.fonts_b {font-weight:bold;}
.hline1 {height:1px; background:#ddd; }
.bline1 {border-bottom:1px solid #ddd; }
.t_line1 {border-top:1px solid #ddd;border-bottom:1px solid #ddd; }
.tline1:before { content: "";display: inline-block; width:15px; height:1px;  background: #000; position: absolute;margin-top:-5px;margin-left:1px;}  
.tline2:after { position: absolute;  content: "";  width:2%;  height:1px;  background-color: #000;  bottom: -7px;  left:49%;  }
.tline_1 {text-decoration: underline;}
.tline_2 {text-decoration:line-through;}
.tline_3 {text-decoration: underline overline;}
.tline_4 {text-decoration: overline;}    
.tspac1 {letter-spacing:0.025em;}  .tspac2 {letter-spacing:0.05em;}  .tspac5 {letter-spacing:0.1em;}  .tspac6 {letter-spacing:0.15em;}
.tspac3 {letter-spacing:-0.025em; overflow: hidden;  text-overflow: clip}  .tspac4 {letter-spacing:-0.05em; overflow: hidden;  text-overflow: clip}
.green1 {color:#3ab54b;} .gray1 {color:#707070;} .red1 {color:#6c19a1;} .black1 {color:#000;} .black2 {color:#333;} .white1 {color:#fff;}
    
.h10 {height:10px;line-height:10px;display:block;} .h20 {height:20px;line-height:20px;display:block;}  
.h30 {height:30px;line-height:30px;display:block;} .h60 {height:60px;line-height:60px;display:block;} 
.h80 {height:80px;line-height:80px;display:block;} .h100 {height:100px;line-height:100px;display:block;}
.h120 {height:120px;line-height:120px;display:block;} .h140 {height:140px;line-height:140px;display:block;}
.h160 {height:160px;line-height:160px;display:block;} .h180 {height:180px;line-height:180px;display:block;}
.h200 {height:250px;line-height:200px;display:block;} .h250 {height:250px;line-height:250px;display:block;}
.h300 {height:300px;line-height:300px;display:block;} .h400 {height:400px;line-height:400px;display:block;} 
.h600 {height:600px;line-height:600px;display:block;} .h800 {height:800px;line-height:800px;display:block;}


.gn_le {text-align:left;float:left;}
.gn_re {text-align:right;float:right;}
.gn_ce {text-align:center;margin:0 auto;width:100%;}
.gn_boce {text-align:center;}
.gn_pa14 {padding-left:14px;}
.gn_pa10 {padding:10px;}
.gn_pa15 {padding:15px;}
.gn_pa6_b {margin-left:-6px;margin-right:-6px;}
.po_re {position: relative;}
.po_ab {position: absolute;}
.mapa {margin:0;padding:0;}

.gn_img img {width:100%;max-width:100%;height:auto;} 
.gn_img90 img {width:90%;max-width:90%;height:auto;}
.gn_img80 img {width:80%;max-width:80%;height:auto;}  
.gn_img85 img {width:85%;max-width:85%;height:auto;} 
.gn_thumb img {width:80px;margin:2px;}



/*image */
.gn_thumbnail{display: block;margin-bottom: 20px;line-height: 1.42857143;background-color: #fff;border:0px solid #ddd;border-radius: 4px;-webkit-transition: border .2s ease-in-out;
-o-transition: border .2s ease-in-out;transition: border .2s ease-in-out}
.gn_thumbnail img {width:100%;max-width:100%;height:auto;}



/* 문단 */
.clearfix:before,
.clearfix:after {content: " "; /* 1 */    display: table; /* 2 */} 
.clearfix:after {clear: both;}
*:focus { outline: 0;}
.orderStep {display:none;height:0;}


/* gn_effect*/
.effect-one > a {  position: relative; }
.effect-one > a:before {content: ""; position: absolute;    width: 100%; height: 2px;    bottom: 0;    margin: -5px 0;
background-color:#333;    visibility: hidden;    transform: scaleX(0);    transition: all 0.4s ease-in-out 0s; }
.effect-one > a:hover:before {    visibility: visible;    transform: scaleX(1); }



/* ie select */
-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari and Chrome */
appearance:none;



/* at-loader */
.at-loader { background: #fff; left: 0; top: 0; width: 100%; height: 100%; display: block; position: fixed; z-index: 100000; }
.at-loader .loader { color:#ddd; margin: -25px 0 0 -25px; left: 50%; top: 50%; width: 50px; height: 50px; line-height:50px; font-size: 45px; position: absolute; z-index: 10001; }