@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);


/**»ö»ó°ü·Ã**/
@mainColor : #f4f4f4;
@secondColor : red;
@thirdColor : blue;
@col1 : red;

/**grid °ü·Ã ÄÁÆ®·Ñ ºÎºÐ uxigrid ÃÑ 24°³ÀÇ ±×¸®µå·Î ±¸¼ºµÇ ¾úÀ½**/
@grid : 50px;
@gutter : 0px;
@grid_bgc : ;
@grid_pd : 0px 0px 0px 0px;
@grid_textalign : left;
@grid_border : 0px solid gray ;
@sidebar : 0px;
@sidebar_margin : 0px;
/**font**/


/****/
@container_width : @grid*24+@gutter*24 + @sidebar + @sidebar_margin;

.container{max-width:@grid*24+@gutter*24;margin: 0 auto; text-align: center;height: auto; overflow: auto; overflow-x:hidden;overflow-y: hidden;background:   ; background-repeat: no-repeat;background-attachment: fixed;background-position: center;  }
// .gridpreset(@num){width:(@grid+@gutter)*@num - @gutter*2;margin:@gutter; height: 300px;text-align: @grid_textalign;box-sizing: border-box;float: left; border: @grid_border ; padding:@grid_pd;}
@grid_percent : unit((@grid/@container_width)*100,~"%");
@gutter_percent : unit((@gutter/@container_width)*100,~"%");
.gridpreset(@num){width:(@grid_percent+@gutter_percent)*@num - @gutter_percent*2;margin:@gutter_percent; height: auto;;background-color: @grid_bgc;text-align: @grid_textalign;box-sizing: border-box;float: left; border: @grid_pd ; padding:@grid_pd;}


.gridpreset_res(@num){width:(@grid_percent+@gutter_percent)*@num - @gutter_percent*2;margin:@gutter_percent; height: auto;;background-color: @grid_bgc;text-align: @grid_textalign;box-sizing: border-box;float: left; border: @grid_pd ; padding:@grid_pd;}

/*»çÀ̵å¹Ù Ãß°¡µÉ ¶§ ÄÁÅ×ÀÌ³Ê ·¦ + »çÀ̵å ÄÁÅ×ÀÌ³Ê »ðÀÔ*/


.gr1{.gridpreset(1);}
.gr2{.gridpreset(2);}
.gr3{.gridpreset(3);}
.gr4{.gridpreset(4);}
.gr5{.gridpreset(5);}
.gr6{.gridpreset(6);}
.gr7{.gridpreset(7);}
.gr8{.gridpreset(8);}
.gr9{.gridpreset(9);}
.gr10{.gridpreset(10);}
.gr11{.gridpreset(11);}
.gr12{.gridpreset(12);}
.gr13{.gridpreset(13);}
.gr14{.gridpreset(14);}
.gr15{.gridpreset(15);}
.gr16{.gridpreset(16);}
.gr17{.gridpreset(17);}
.gr18{.gridpreset(18);}
.gr19{.gridpreset(19);}
.gr20{.gridpreset(20);}
.gr21{.gridpreset(21);}
.gr22{.gridpreset(22);}
.gr23{.gridpreset(23);}
.gr24{.gridpreset(24);}
div {display: block; display:hidden; height:auto; position:relative;/* border: 1px solid gray; */}

/*responsive*/
@media ( max-width: 1200px) {
  .gr1{.gridpreset_res(1);}
  .gr2{.gridpreset_res(2);}
  .gr3{.gridpreset_res(3);}
  .gr4{.gridpreset_res(4);}
  .gr5{.gridpreset_res(5);}
  .gr6{.gridpreset_res(6);}
  .gr7{.gridpreset_res(7);}
  .gr8{.gridpreset_res(8);}
  .gr9{.gridpreset_res(9);}
  .gr10{.gridpreset_res(10);}
  .gr11{.gridpreset_res(11);}
  .gr12{.gridpreset_res(12);}
  .gr13{.gridpreset_res(13);}
  .gr14{.gridpreset_res(14);}
  .gr15{.gridpreset_res(15);}
  .gr16{.gridpreset_res(16);}
  .gr17{.gridpreset_res(17);}
  .gr18{.gridpreset_res(18);}
  .gr19{.gridpreset_res(19);}
  .gr20{.gridpreset_res(20);}
  .gr21{.gridpreset_res(21);}
  .gr22{.gridpreset_res(22);}
  .gr23{.gridpreset_res(23);}
  .gr24{.gridpreset_res(24);}
}
@media ( max-width: 767px ) {
  .ui-tabs-nav{max-width: 100% !important}
  .gr1{.gridpreset_res(6);}
  .gr2{.gridpreset_res(6);}
  .gr3{.gridpreset_res(6);}
  .gr4{.gridpreset_res(8);}
  .gr5{.gridpreset_res(8);}
  .gr6{.gridpreset_res(12);}
  .gr7{.gridpreset_res(12);}
  .gr8{.gridpreset_res(24);}
  .gr9{.gridpreset_res(24);}
  .gr10{.gridpreset_res(24);}
  .gr11{.gridpreset_res(24);}
  .gr12{.gridpreset_res(24);}
  .gr13{.gridpreset_res(24);}
  .gr14{.gridpreset_res(24);}
  .gr15{.gridpreset_res(24);}
  .gr16{.gridpreset_res(24);}
  .gr17{.gridpreset_res(24);}
  .gr18{.gridpreset_res(24);}
  .gr19{.gridpreset_res(24);}
  .gr20{.gridpreset_res(24);}
  .gr21{.gridpreset_res(24);}
  .gr22{.gridpreset_res(24);}
  .gr23{.gridpreset_res(24);}
  .gr24{.gridpreset_res(24);}

}

h1,h2,h3,h4,h5,h6,p{line-height: 0.82;}
@letter_spacing : -0.4px;

.hinfo(@fontsize,@lineheight,@fontweight,@color,@letterspacing){font-size: @fontsize ;margin : auto  auto  (@lineheight - @fontsize )  auto  !important; font-weight : @fontweight ; color : @color ; letter-spacing: @letterspacing !important}
.pinfo(@fontsize,@lineheight,@fontweight,@color,@letterspacing){font-size: @fontsize ;margin : ; font-weight : @fontweight ; color : @color ; letter-spacing: @letterspacing !important;line-height:@lineheight; }
h1{ .hinfo(50px,70px,500,black,-0.4px)}
h2{ .hinfo(40px,60px,500,black,-0.4px)}
h3{ .hinfo(30px,42px,500,black,-0.4px)}
h4{ .hinfo(25px,38px,500,black,-0.4px)}
h5{ .hinfo(18px,32px,500,black,-0.4px)}
h6{ .hinfo(16px,26px,500,black,-0.4px)}
p { .pinfo(15px,23px,400,#555555,-0.4px)}

/*button*/
/*img*/

.header{}
.sidebar{}
.wrap {width:100%; text-align:center; display:block;position: relative;}
.section {width:100%; text-align:center; display:block;position: relative;height: auto;}
.quickmenu{}