@charset "euc-kr";

html,body{width:100%; margin:0; padding:0; border:0; }



body{width:100%;}
.wrap{position:relative; z-index:0; width:100%; overflow:hidden}



/* s:animation */


@-webkit-keyframes fadeIn {
	from {opacity: 0;}
	to {opacity: 1;}
}

@keyframes fadeIn {
	from {opacity: 0;}
	to {opacity: 1;}
}

@-webkit-keyframes fadeInDown {
	from {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
	to { opacity: 1;-webkit-transform: none; transform: none;}
}

@keyframes fadeInDown {
	from {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
	to {opacity: 1;-webkit-transform: none;transform: none;}
}

@-webkit-keyframes fadeInDownOP {
	from {opacity: 0;;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
	to {opacity: 0.7; ;-webkit-transform: none; transform: none;}
}

@keyframes fadeInDownOP {
	from {opacity: 0;;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
	to {opacity:0.7;;-webkit-transform: none;transform: none;}
}




@-webkit-keyframes fadeInUp {
	from {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
	to {opacity: 1;-webkit-transform: none; transform: none;}
}

@keyframes fadeInUp {
	from {opacity: 0;-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}
	to {opacity: 1; -webkit-transform: none; transform: none;}
}

@-webkit-keyframes slideInUp {
	from {-webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 20%, 0); visibility: visible; opacity: 0}
	to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1;}
}

@keyframes slideInUp {
	from {-webkit-transform: translate3d(0, 10%, 0);transform: translate3d(0, 20%, 0);visibility: visible; opacity: 0}
	to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1;}
}

@-webkit-keyframes fadeInLeft {
	from {opacity: 0;-webkit-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0);}
	to {opacity: 1;-webkit-transform: none; transform: none;}
}

@keyframes fadeInLeft {
	from { opacity: 0;-webkit-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0);}
	to {opacity: 1; -webkit-transform: none; transform: none;}
}

@-webkit-keyframes fadeInRight {
	from {opacity: 0; -webkit-transform: translate3d(20%, 0, 0);transform: translate3d(20%, 0, 0);}
	to { opacity: 1;-webkit-transform: none; transform: none;}
}

@keyframes fadeInRight {
	from {opacity: 0; -webkit-transform: translate3d(20%, 0, 0); transform: translate3d(20%, 0, 0);}
	to {opacity: 1;-webkit-transform: none;transform: none; }
}

@-webkit-keyframes rubberBand {
  from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}

  30% {-webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1);}

  40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1);}

  50% {  -webkit-transform: scale3d(1.15, 0.85, 1);transform: scale3d(1.15, 0.85, 1); }

  65% {-webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1);}

  75% {-webkit-transform: scale3d(1.05, .95, 1);  transform: scale3d(1.05, .95, 1);}

  to { -webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}

@keyframes rubberBand {
  from { -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0);}

  30% {-webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1);}

  40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1);}

  50% {  -webkit-transform: scale3d(1.15, 0.85, 1);transform: scale3d(1.15, 0.85, 1); }

  65% {-webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1);}

  75% {-webkit-transform: scale3d(1.05, .95, 1);  transform: scale3d(1.05, .95, 1);}

  to { -webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}

.rubberBand { -webkit-animation-name: rubberBand;animation-name: rubberBand; animation-duration:1s;animation-fill-mode:backwards;animation-delay:0.5s;}




.fadeInRight {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;animation-duration:1.5s; }

.fadeInLeft {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;animation-duration:1.5s;}

.slideInUp {-webkit-animation-name: slideInUp;animation-name: slideInUp; animation-duration:1.5s;}

.fadeIn {-webkit-animation-name: fadeIn;animation-name: fadeIn;animation-duration:2.5s; }

.fadeInShort {-webkit-animation-name: fadeIn;animation-name: fadeIn;animation-duration:1.5s; animation-timing-function:ease;}

.fadeInDown { -webkit-animation-name: fadeInDown;animation-name: fadeInDown; animation-duration:1.5s; animation-timing-function:ease;}

.fadeInDownOP{ -webkit-animation-name: fadeInDownOP;animation-name: fadeInDownOP; animation-duration:1.5s; }

.fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp; animation-duration:1.5s; animation-timing-function:ease;}

.fadeInDownShort { -webkit-animation-name: fadeInDown;animation-name: fadeInDown; animation-duration:1s; animation-timing-function:ease;}

.fadeInUpShort {-webkit-animation-name: fadeInUp;animation-name: fadeInUp; animation-duration:1s; animation-timing-function:ease;}



.fadeInRight_logo {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;animation-duration:1.5s; animation-delay:0.5s;animation-fill-mode:backwards}

.fadeInLeft_logo {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;animation-duration:1.5s; animation-delay:0.5s;animation-fill-mode:backwards }

.fadeDown_logo{-webkit-animation-name: fadeInDown;animation-name: fadeInDown;animation-duration:1.5s; animation-delay:0.5s;animation-fill-mode:backwards}

.vis_ef01 {-webkit-animation-name: fadeIn;animation-name: fadeIn;animation-duration:2.0s;;animation-fill-mode:backwards;animation-delay:0.7s;}
.vis_ef02 {-webkit-animation-name: fadeIn;animation-name: fadeIn;animation-duration:2.0s;;animation-fill-mode:backwards;animation-delay:2.0s;}
.vis_ef03 {-webkit-animation-name: fadeIn;animation-name: fadeIn;animation-duration:2.0s;;animation-fill-mode:backwards;animation-delay:3.5s;}
.vis_ef04 {-webkit-animation-name: fadeIn;animation-name: fadeIn;animation-duration:2.0s;;animation-fill-mode:backwards;animation-delay:8.5s;}

.tit01 { -webkit-animation-name: rubberBand;animation-name: rubberBand; animation-duration:1s;animation-fill-mode:backwards;animation-delay:0.25s;}
.tit02 { -webkit-animation-name: fadeInLeft;animation-name: fadeInLeft; animation-duration:1s;animation-fill-mode:backwards;animation-delay:0.25s;}
.tit03 { -webkit-animation-name: fadeInRight;animation-name: fadeInRight; animation-duration:1s;animation-fill-mode:backwards;animation-delay:0.25s;}


.fadeInDownShort01 { -webkit-animation-name: fadeInDown;animation-name: fadeInDown; animation-duration:1s; ;animation-fill-mode:backwards;animation-delay:0.25s;}
.fadeInDownShort02 { -webkit-animation-name: fadeInDown;animation-name: fadeInDown; animation-duration:1s; ;animation-fill-mode:backwards;animation-delay:0.5s;}
.fadeInDownShort03 { -webkit-animation-name: fadeInDown;animation-name: fadeInDown; animation-duration:1s; ;animation-fill-mode:backwards;animation-delay:0.75s;}
.fadeInDownShort04 { -webkit-animation-name: fadeInDown;animation-name: fadeInDown; animation-duration:1s; ;animation-fill-mode:backwards;animation-delay:1.0s;}
.fadeInDownShort05 { -webkit-animation-name: fadeInLeft;animation-name: fadeInLeft; animation-duration:1s; ;animation-fill-mode:backwards;animation-delay:0.25s;}



.contents .more {-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.contents .more a:hover img{transform:rotate(180deg);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}


/* e:animation */



/* s:layer_pop */
.layer_pop{position: fixed;z-index: 99999;}
.layer_pop p.close{color: #fff;text-align: right;font-size: 30px;font-weight: bold;display: inline-block;cursor: pointer;float: right;}
.layer_pop .layer_pop_width{background:#f6f6f5; border:5px solid #333333;width: auto;}
.layer_pop .layer_pop_width .top{font-size: 17px;color: #000000;display: grid;text-align: center;}
.layer_pop .layer_pop_width a{display:block; height:100%}
.layer_pop .layer_pop_width a img{display:block; }
.layer_pop .today{color:#fff; font-size:14px; text-align:right}
/* e:layer_pop */


/*s:quick*/

.quick{position:fixed;display: block;right: 5%;z-index: 9999;}
.quick .top{}
.quick .top a{display:block}
.quick .top a img{display:block}
.quick .bot{ margin-top:-10px}
.quick .bot a{display:block}
.quick .bot a img{display:block}
/*e:quick*/

/*s:visual*/
.visual .pc{}
.visual .mo{display:none}
.vis_txt_box{position: absolute;top: 40%; left: 50%;text-align: center;width: 80%; margin-left: -40%;z-index:2}
.vis_txt_box .vis_stxt{font-size: 40px;color: #fff;}
.vis_txt_box .vis_btxt{font-size: 50px;color: #fff;font-weight: 400;}
.vis_txt_box .vis_btxt span{font-size: 50px;color: #fff;font-weight: 600;}

.vis_bg{ }
.vis_bg .bg_01{ }
.vis_bg .bg_01 img{position: absolute;top: -5%;left: 50%;margin-left: -25%;width: 50%;opacity:0.7;max-width:100%}
.vis_bg .bg_02{}
.vis_bg .bg_02 img{position: absolute;top:21%;left: 60%;margin-left: -22%;width: 50%;;max-width:25%}
/*e:visual*/

/*s:content*/


.contents{max-width:1840px; margin:0 auto  }
 span.br_line{display:block}
.contents .more img{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.contents .more a:hover img{transform:rotate(180deg);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}

.contents div, p, a{transition: all 0.5s;}


section.sec01{width:100%;height:auto; padding:90px 0 ;background:url('/2018/images/bg_linen.jpg') repeat; background-attachment: fixed;}
section.sec01 .cont_box{max-width:1280px;  margin:0 auto}
section.sec01 .cont_box .sec01_lf_box{float:left; width:47%;  }
section.sec01 .cont_box .sec01_rt_box{float:right; width:47%;padding-top: 67px }

section.sec01 .cont_box .sec01_lf_box .tit{font-weight:bold; color:#000;font-size:32px; margin-bottom:30px}
section.sec01 .cont_box .sec01_lf_box .tit .img{vertical-align:middle}
section.sec01 .cont_box .sec01_lf_box .tit .txt{vertical-align:top; margin-left:10px}
section.sec01 .cont_box .sec01_lf_box .news_table{border-top:2px solid #261b17;border-bottom:1px solid #261b17; padding:2%}
section.sec01 .cont_box .sec01_lf_box .news_table table{width:100%;}
section.sec01 .cont_box .sec01_lf_box .news_table table tr{width:100%; }
section.sec01 .cont_box .sec01_lf_box .news_table table th{height:40px ;vertical-align:middle;text-align:left;text-overflow: ellipsis;overflow: hidden}
section.sec01 .cont_box .sec01_lf_box .news_table table th a{color:#261b17;font-size:16px;transition: all 0.25s;white-space: nowrap;; }
section.sec01 .cont_box .sec01_lf_box .news_table table th a:hover{transition: all 0.25s;opacity:0.5}
section.sec01 .cont_box .sec01_lf_box .news_table table td{height:40px ;vertical-align:middle ;color:#93756b; font-size:14px;text-align:right}


section.sec01 .cont_box .sec01_rt_box .box01{background: #e94f27; }
section.sec01 .cont_box .sec01_rt_box .box02{background: #be7697;}
section.sec01 .cont_box .sec01_rt_box .box03{background: #26b59d;;}
section.sec01 .cont_box .sec01_rt_box .box04{background: #0090d5;}
section.sec01 .cont_box .sec01_rt_box .box{position:relative;height: 148px;float: left;width: 48%;margin: 1%;padding:20px;transition: all 0.25s;}
section.sec01 .cont_box .sec01_rt_box .box .img{position:absolute; right:20px; top:30px}
section.sec01 .cont_box .sec01_rt_box .box .txt{color:#fff; font-size:18px;}
section.sec01 .cont_box .sec01_rt_box .box a{display:block;height:100%; width:100%}
section.sec01 .cont_box .sec01_rt_box .box:hover{transition: all 0.25s;opacity:0.7}



section.sec02{width:100%;height:660px; ;background:url('/2018/images/m2_bg.jpg') no-repeat; ;background-size:cover}
section.sec02 .cont_box{max-width:1280px;  margin:0 auto;text-align:center;}
section.sec02 .cont_box .tit_icon{padding:35px 0;opacity:0}
section.sec02 .cont_box .tit_icon.on{opacity:1}
section.sec02 .cont_box .tit{font-size:34px; color:#000;font-weight:bold;opacity:0}
section.sec02 .cont_box .tit.on{opacity:1}
section.sec02 .cont_box .txt{font-size:18px; color:#000;margin-top:30px;opacity:0}
section.sec02 .cont_box .txt.on{opacity:1}
section.sec02 .cont_box .txt span{display:block;margin-top:5px}
section.sec02 .cont_box .icon_box{margin-top:60px;position:relative}
section.sec02 .cont_box .icon_box .icon{display:inline-block;float:left;position: relative;z-index: 1;margin: 0 1.6%;width:17%;opacity:0}
section.sec02 .cont_box .icon_box .icon.on{opacity:1}

section.sec02 .cont_box .icon_box .icon img{max-width:100%}
section.sec02 .cont_box .icon_box .icon:first-child{margin-left:0}
section.sec02 .cont_box .icon_box .icon:nth-child(5){margin-right:0}
section.sec02 .cont_box .icon_box .bar{position:absolute; width:90%; height:2px; background:#8c8d8f;top:50%; left:5%;opacity:0}
section.sec02 .cont_box .icon_box .bar.on{opacity:1}


section.sec03{width:100%; position:relative}
section.sec03 .tit{position:absolute;top:30px;font-size:34px; color:#fff;text-align:center}
section.sec03 .lf_box{float:left; width:50%; background:#e14924;height:500px; position: relative; }
section.sec03 .rt_box{float:right; width:50%; background:#214786;height:500px;position: relative;}
section.sec03 .lf_box .cont_box{position: absolute;top: 12%;left: 30%;width: 100%;}
section.sec03 .rt_box .cont_box{position: absolute;left: 0%;top: 12%;}
section.sec03 .img{position:absolute; bottom:-6px; left:50.8%; margin-left:-145px}
section.sec03 .bar{position:absolute; top:44%; left:50%; height:2px; background:#ed8166;width:1280px; margin-left: -640px;}


section.sec03 .cont_box .tit span.tit_bg{vertical-align:middle; }
section.sec03 .cont_box .tit span.tit_bg img{vertical-align:middle; }
section.sec03 .cont_box .tit span.txt{vertical-align:middle; margin-left:10px}
section.sec03 .lf_box .cont_box .s_tit{font-size:22px; color:#fff;padding-left:10px;}
section.sec03 .lf_box .cont_box ul{margin-top:40px}
section.sec03 .lf_box .cont_box ul li{font-size:16px;color:#fff; margin-top:10px;padding-left:15px;text-overflow: ellipsis;overflow: hidden;}
section.sec03 .lf_box .cont_box ul li a{font-size:16px;color:#fff;white-space: nowrap; transition: all 0.25s;}
section.sec03 .lf_box .cont_box ul li a:hover{color:#c4c4c4;transition: all 0.25s;}

section.sec03 .rt_box .cont_box .s_tit{font-size:22px; color:#fff;padding-left: 16px;}
section.sec03 .rt_box .cont_box ul{margin-top:40px}
section.sec03 .rt_box .cont_box ul li{font-size:16px;color:#fff; margin-top:10px;text-overflow: ellipsis;overflow: hidden;}
section.sec03 .rt_box .cont_box ul li a{font-size:16px;color:#fff;white-space: nowrap;transition: all 0.25s;}
section.sec03 .rt_box .cont_box ul li a:hover{color:#c4c4c4;transition: all 0.25s;}
section.sec03 .rt_box .cont_box img{width:90%;}


section.sec04{width:100%;height:auto;padding:60px 0 ;background:url('/2018/images/m3_bg.jpg') no-repeat; ;background-size:cover}
section.sec04 .cont_box{max-width:1280px;  margin:0 auto;text-align:center;}
section.sec04 .cont_box .title{font-size:34px; color:#fff; padding-bottom:30px}
section.sec04 .cont_box .title span{font-weight:bold}
section.sec04 .cont_box .more{;width:100%; padding:20px; text-align:right;transition: all 0.25s;}
section.sec04 .cont_box .more a{font-size:18px; color:#fff;transition: all 0.25s;}
section.sec04 .cont_box .more:hover a{color:#c4c4c4;transition: all 0.25s;}
section.sec04 .cont_box .more span{vertical-align:middle; margin-right:5px}
section.sec04 .cont_box .more span img{vertical-align:middle;transition: all 0.25s;}

section.sec04 .js-masonry_st_02 .item{position:relative;;;width:23%;background:#fff; margin:10px 1%; float:left;-webkit-transition: all 0.7s;-moz-transition: all 0.7s;-ms-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s;}
section.sec04 .js-masonry_st_02 .item .img{width:100%;height:200px;overflow:hidden}
section.sec04 .js-masonry_st_02 .item .img img{width:100%;transition: all 0.5s;}
section.sec04 .js-masonry_st_02 .item:hover .img img{width:120%;transition: all 0.5s;margin-left: -10%;margin-top: -5%;}
section.sec04 .js-masonry_st_02 .item .txt_box{display: inline-block;margin-top: -6px;padding: 30px 20px; width:100%;min-height: 100px;overflow: hidden;}
section.sec04 .js-masonry_st_02 .item .tit{color:#593428; font-size:18px; text-align:left;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
section.sec04 .js-masonry_st_02 .item .news_txt{color:#261b17; font-size:14px; text-align:left;margin-top:10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
section.sec04 .js-masonry_st_02 .item:hover{opacity:1;-webkit-transition: all 0.35s !important;-moz-transition: all 0.35s !important;-ms-transition: all 0.35s !important; -o-transition: all 0.35s !important; transition: all 0.35s !important; }














/* s:footer */
footer{width:100%; }

footer .site_bottom_txt{text-align:center;font-size:12px}
footer .site_bottom_txt span{display:inline-block;padding:0 5px;color:#a6a6a6;}

footer .footer_width{max-width:1840px; margin:0 auto;text-align:center; background:#fff; font-size:14px; padding:14px 0;}
footer .footer_width .logo_box{display:inline-block;vertical-align:middle; float:left}
footer .footer_width .logo_box img{vertical-align:middle;}
footer .footer_width ul{display:inline-block;vertical-align:middle}
footer .footer_width ul li{display:inline-block;vertical-align:middle}
footer .footer_width ul li a{font-size:14px; color:#4d4d4d; font-weight:bold}
footer .footer_width .addr{display:inline-block;vertical-align:middle; margin:5px 0;float:left;padding-left:50px;}
footer .footer_width .addr .txt{display:inline-block;vertical-align:middle; font-size:13px; color:#a6a6a6;text-align:left;}
footer .footer_width .btn{display:inline-block;vertical-align:middle;float:right}
footer .footer_width .btn .fbook{display:inline-block;vertical-align:middle;transition: all 0.35s}
footer .footer_width .btn .fbook img{;vertical-align:middle}
footer .footer_width .btn .fbook:hover{opacity:0.7;transition: all 0.35s}
footer .footer_width .select_box{display:inline-block;vertical-align:middle}
footer .footer_width .select_box select{display:inline-block;width:160px;background-color: #fff;color: #808080;background-image:url('../../img/common/f_plus.png');background-position:95% center ;background-repeat:no-repeat; border-radius:5px; height:30px;border: 1px solid #808080;}
/* e:footer */




.w1140px{width:100%;max-width:1200px;margin:0 auto;position:relative;}
.mypage{width:100%;overflow:hidden;}
.cart_title{width:100%;padding-top:20px;text-align:center;}
.cart_title span{display:block;}
.cart_title .p1{font-size:35px;color:#000;}
.cart_title .p2{font-size:13px;padding-top:5px;color:#676767;}
.cart_title .p3{display:block;font-size:18px;color:#000;}
.subpage_title{display:block;font-size:38px;color:#000;text-align:center;padding-top:40px;}

/*°³ÀÎÁ¤º¸ Ãë±Þ¹æħ*/
.menu_list{width:100%;}
.menu_list ul{width:100%;display:table;table-layout:fixed;}
.menu_list li{display:table-cell;}
.menu_list li span{display:block;vertical-align:middle;line-height:60px;text-align:left;padding-left:10px;color:#000;}
.menu_list li span:hover{color:#d50c0c;font-weight:bold;}

.bangchim_list{width:100%;}
.bangchim_title{font-weight:bold;text-align:left;font-size:16px;line-height:150%;margin-top:50px;color:#676767;}
.bangchim_txt{font-size:12px;padding-left:20px;box-sizing:border-box;text-align:left;line-height:150%;margin-top:10px;}
.bangchim_txt .p1{display:block;margin-top:15px;}
.bangchim_txt .p2{display:block;}

.bangchim_table{width:100%;}
.bangchim_table th{padding:10px 0;background:#f3f0ea;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;vertical-align:middle;line-height:150%;text-align:center;}
.bangchim_table td{padding:10px 0;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;vertical-align:middle;padding:20px;line-height:150%;}
.bangchim_table .td_th{text-align:center;font-weight:bold;}

.bangchim_yk_title{font-size:20px;font-weight:bold;margin-top:50px;background:#676767;color:#fff;padding:10px 0;text-align:center;}
/*°³ÀÎÁ¤º¸ Ãë±Þ¹æħ*/



/* s:1840px media_query */
@media screen and (max-width:1840px) {

.navi .navi_width .logo{left:10px ;transition: all 0.25s}

}




/* s:1480px media_query */
@media screen and (max-width:1480px) {
	
.navi .down_gnb .sub_menu_pc ul li a{letter-spacing:-1.5px}

section.sec03 .lf_box .cont_box{position: absolute;top: 14%;left:2%;}
section.sec03 .rt_box .cont_box{position: absolute;right:2%;top: 14%;width:100%}


/* s:footer */
footer{width:100%; }

footer .footer_width{; padding:14px 10px;;text-align:left}

footer .footer_width .logo_box{display:inline-block;vertical-align:middle; float:none;width:100%; margin-bottom:10px}
footer .footer_width .logo_box img{vertical-align:middle;}

footer .footer_width ul{display:inline-block;vertical-align:middle}
footer .footer_width ul li{display:inline-block;vertical-align:middle}
footer .footer_width ul li a{font-size:14px; color:#4d4d4d; font-weight:bold}

footer .footer_width .addr{display:inline-block;vertical-align:middle; margin:5px 0}
footer .footer_width .addr .txt{display:inline-block;vertical-align:middle; font-size:13px; color:#a6a6a6}

footer .footer_width .btn{display:inline-block;vertical-align:middle;float:none; margin-top:10px}
footer .footer_width .btn .fbook{display:inline-block;vertical-align:middle}
footer .footer_width .btn .fbook img{;vertical-align:middle}
footer .footer_width .select_box{display:inline-block;vertical-align:middle}
footer .footer_width .select_box select{display:inline-block;width:160px;background-color: #fff;color: #808080;background-image:url('../../img/common/f_plus.png');background-position:95% center ;background-repeat:no-repeat; border-radius:5px; height:30px;border: 1px solid #808080;}
/* e:footer */



}
/* e:1480px media_query */

/* s:1240px media_query */
@media screen and (max-width:1240px) {
	
	.navi .down_gnb .sub_menu_pc ul li a{letter-spacing:-1.5px;font-size:12px}




}
/* e:1240px media_query */






/* s:1024px media_query */
@media screen and (max-width:1024px) {
	

	.pc{display:none}
	.mo{display:block}
	/*s:gnb*/
	.navi .navi_width .gnb{display:none}
	
	.navi .top_navi .top_navi_width{max-width:1840px; margin:0 auto}
	.navi .top_navi .lf_box{text-align:center; width:100%}
	.navi .top_navi .lf_box li{display:inline-block; ;border-left: 1px solid #cccccc;width: 50%;text-align: center;float:left}
	.navi .top_navi .lf_box li:first-child{border-right:0}
	.navi .top_navi .lf_box li a{color:#4c1d0f; font-size:12px; display:block }
	.navi .top_navi .lf_box li a:hver{color:#fff;transition: all 0.25s;}
	.navi .top_navi .lf_box li img{display:inline-block; vertical-align:middle; margin-right:5px}

	.navi .navi_width .logo{left:10px}
	
	.lnb{position:absolute; right:10px; top:0; height:100%; width: 240px;text-align:right}
	
	.lnb .login_ch{display:none; margin:0 5px;;position: relative;z-index: 103; }
	.lnb.open .login_ch{display:inline-block;font-size:12px; color:#fff;transition: all 0.25s;}
	.lnb .join{display:none; margin:0 5px;;position: relative;z-index: 103;}
	.lnb.open .join{display:inline-block;font-size:12px; color:#fff;transition: all 0.25s;}
	

	/*e:gnb*/
	.side_btn{display:none}
	.side_btn a{display:block}

	/* s:visual */

	.contents .visual li .pc{display:none;}
	.contents .visual li .mo{display:block;}
	
	.contents .visual li .txt_box{position: absolute;top:50%;left:50%; margin-left:-150px; margin-top:-125px}
	.contents .visual li .txt_box img{width:300px}



	
	.vis_txt_box{position: absolute;top: 50%; left: 50%;text-align: center;width: 80%; margin-left: -40%;z-index:2}
	.vis_txt_box .vis_stxt{font-size: 18px;color: #fff;}
	.vis_txt_box .vis_btxt{font-size: 25px;color: #fff;font-weight: 400;}
	.vis_txt_box .vis_btxt span{font-size: 25px;color: #fff;font-weight: 600;}

	.vis_bg{ }
	.vis_bg .bg_01{ }
	.vis_bg .bg_01 img{position: absolute;top: -5%;left: 50%;margin-left: -22%;width: 50%;;max-width:100%}
	.vis_bg .bg_02{}
	.vis_bg .bg_02 img{position: absolute;top:21%;left: 60%;margin-left: -33%;width: 50%;;max-width:100%}
	/* e:visual */

	/*s:content*/
	
	section.sec01{width:100%;height:auto; padding:90px 0 ;background:url('/2018/images/bg_linen.jpg') repeat; background-attachment: none;}
	section.sec01 .cont_box{margin:0 10px}
	section.sec01 .cont_box .sec01_lf_box{float:none; width:100%;  }
	section.sec01 .cont_box .sec01_rt_box{float:none; width:100%;padding-top: 67px; }

	section.sec01 .cont_box .sec01_lf_box .tit{font-weight:bold; color:#593428;font-size:32px; margin-bottom:30px;width:100%; text-align:center}
	section.sec01 .cont_box .sec01_lf_box .tit .img{vertical-align:middle}
	section.sec01 .cont_box .sec01_lf_box .tit .txt{vertical-align:top; margin-left:10px}
	section.sec01 .cont_box .sec01_lf_box .news_table{border-top:2px solid #261b17;border-bottom:1px solid #261b17; padding:2%}
	section.sec01 .cont_box .sec01_lf_box .news_table table{width:100%;}
	section.sec01 .cont_box .sec01_lf_box .news_table table tr{width:100%; }
	section.sec01 .cont_box .sec01_lf_box .news_table table th{height:40px ;vertical-align:middle;text-align:left;text-overflow: ellipsis;overflow: hidden}
	section.sec01 .cont_box .sec01_lf_box .news_table table th a{color:#261b17;font-size:16px;transition: all 0.25s;white-space: nowrap;; }
	section.sec01 .cont_box .sec01_lf_box .news_table table th a:hover{transition: all 0.25s;opacity:0.5}
	section.sec01 .cont_box .sec01_lf_box .news_table table td{height:40px ;vertical-align:middle ;color:#93756b; font-size:14px;text-align:right}


	section.sec01 .cont_box .sec01_rt_box .box{position:relative;height: 148px;float: left;width: 48%;margin: 1%;padding:20px;transition: all 0.25s;}
	section.sec01 .cont_box .sec01_rt_box .box .img{position:absolute; right:20px; top:30px}
	section.sec01 .cont_box .sec01_rt_box .box .txt{color:#fff; font-size:18px;}
	section.sec01 .cont_box .sec01_rt_box .box a{display:block;height:100%; width:100%}


	
	section.sec02{width:100%;height:auto; padding:50px 0; ;background-size:cover}
	section.sec02 .cont_box{ margin:0 10px;}
	section.sec02 .cont_box .tit_icon{padding:10px 0}
	section.sec02 .cont_box .tit{font-size:34px; color:#000;font-weight:bold}
	section.sec02 .cont_box .txt{font-size:18px; color:#000;margin-top:30px}
	section.sec02 .cont_box .txt span{display:inline;margin-top:0px}
	section.sec02 .cont_box .icon_box{margin-top:50px;position:relative;text-align:center}
	section.sec02 .cont_box .icon_box .icon{display:inline-block;float:none;position: relative;z-index: 1;margin:10px 0;width:40%}
	section.sec02 .cont_box .icon_box .icon img{max-width:100%}
	section.sec02 .cont_box .icon_box .icon:first-child{margin-left:0}
	section.sec02 .cont_box .icon_box .icon:nth-child(4){margin-right:0}
	section.sec02 .cont_box .icon_box .bar{display:none}

	section.sec03{width:100%; position:relative}
	section.sec03 .lf_box{float:none; width:100%; background:#e14924;height:auto;padding:50px 10px; position: relative; background-size: cover;}
	section.sec03 .rt_box{float:none; width:100%;background:#214786;height:auto;padding:50px 10px;position: relative;background-size: cover;}
	section.sec03 .lf_box .cont_box{position: relative;top: auto;left: auto;width: 100%;text-align:center}
	section.sec03 .rt_box .cont_box{position: relative;right: auto;top: auto;width: 100%;text-align:center}
	section.sec03 .img{display:none}
	section.sec03 .bar{display:none}

	section.sec03 .lf_box .cont_box .tit{font-size:34px; color:#fff;;padding-bottom:50px; margin:0 auto}
	section.sec03 .lf_box .cont_box .tit span.tit_bg{vertical-align:middle; }
	section.sec03 .lf_box .cont_box .tit span.tit_bg img{vertical-align:middle; }
	section.sec03 .lf_box .cont_box .tit span.txt{vertical-align:middle; margin-left:10px}
	section.sec03 .lf_box .cont_box .s_tit{font-size:22px; color:#fff;padding-left:auto}
	section.sec03 .lf_box .cont_box ul{margin-top:40px}
	section.sec03 .lf_box .cont_box ul li{font-size:16px;color:#fff; margin-top:10px;text-indent: 0;}
	section.sec03 .lf_box .cont_box ul li a{font-size:16px;color:#fff;}

	section.sec03 .rt_box .cont_box .s_tit{font-size:22px; color:#fff;padding-left:auto}
	section.sec03 .rt_box .cont_box ul{margin-top:40px}
	section.sec03 .rt_box .cont_box ul li{font-size:16px;color:#fff; margin-top:10px;text-indent: 0;}
	section.sec03 .rt_box .cont_box ul li a{font-size:16px;color:#fff;}


	section.sec04{width:100%;height:auto;padding:60px 0 ;background:url('/2018/images/m3_bg.jpg') no-repeat; ;background-size:cover}
	section.sec04 .cont_box{max-width:1280px;  margin:0 auto;text-align:center;}
	section.sec04 .cont_box .title{font-size:34px; color:#fff; padding-bottom:30px}
	section.sec04 .cont_box .title span{font-weight:bold}
	section.sec04 .cont_box .more{;width:100%; padding:20px; text-align:right;}
	section.sec04 .cont_box .more a{font-size:18px; color:#fff;}
	section.sec04 .cont_box .more span{vertical-align:middle; margin-right:5px}
	section.sec04 .cont_box .more span img{vertical-align:middle;transition: all 0.25s;}

	section.sec04 .js-masonry_st_02 .item{;width:48%;background:#fff; margin:10px 1%;}
	section.sec04 .js-masonry_st_02 .item a{display:block}



	/*e:content*/


	/* s:footer */
	footer{width:100%; }

	footer .footer_width{; padding:14px 10px;;text-align:center}

	footer .footer_width .logo_box{display:inline-block;vertical-align:middle; float:none;width:100%; margin-bottom:10px}
	footer .footer_width .logo_box img{vertical-align:middle;}

	footer .footer_width ul{display:inline-block;vertical-align:middle;width:100%;}
	footer .footer_width ul li{display:inline-block;vertical-align:middle}
	footer .footer_width ul li a{font-size:14px; color:#4d4d4d; font-weight:bold}

	footer .footer_width .addr{display:inline-block;vertical-align:middle; margin:5px 0;width:100%;margin-top:10px}
	footer .footer_width .addr .txt{display:inline-block;vertical-align:middle; font-size:13px; color:#a6a6a6}

	footer .footer_width .btn{display:inline-block;vertical-align:middle;float:none; margin-top:10px}
	footer .footer_width .btn .fbook{display:inline-block;vertical-align:middle}
	footer .footer_width .btn .fbook img{;vertical-align:middle}
	footer .footer_width .select_box{display:inline-block;vertical-align:middle}
	footer .footer_width .select_box select{display:inline-block;width:160px;background-color: #fff;color: #808080;background-image:url('../../img/common/f_plus.png');background-position:95% center ;background-repeat:no-repeat; border-radius:5px; height:30px;border: 1px solid #808080;}
	/* e:footer */


}
/* e:1024px media_query */





/* s:684px media_query */
@media screen and (max-width:684px) {

	

	/*s:gnb*/
	.mo_navi .logo_box{display:inline-block; float:none;margin-left:0;width:100%}
	.mo_navi .logo_box .logo{display:inline-block;vertical-align: middle; width:40%}
	.mo_navi .logo_box .logo:nth-child(2){margin:0 5px; color:#d2d2d2;display:inline;font-size:11px}
	.mo_navi .logo_box .logo a{display:block}
	.mo_navi .logo_box .logo a img{vertical-align: middle;max-width:100%}
	/*e:gnb*/
	.vis_txt_box{position: absolute;top: 35%; left: 50%;text-align: center;width: 80%; margin-left: -40%;z-index:2}
	.vis_txt_box .vis_stxt{font-size: 18px;color: #fff;}
	.vis_txt_box .vis_btxt{font-size: 25px;color: #fff;font-weight: 400;}
	.vis_txt_box .vis_btxt span{font-size: 25px;color: #fff;font-weight: 600;}
	/*s:content*/
	section.sec01{ padding:40px 0 ;}
	section.sec01 .cont_box .sec01_lf_box{float:none; width:100%;  }
	section.sec01 .cont_box .sec01_rt_box{float:none; width:100%;padding-top:40px; }




	section.sec01 .cont_box .sec01_lf_box .news_table{border-top:2px solid #261b17;border-bottom:1px solid #261b17; padding:2%}
	section.sec01 .cont_box .sec01_lf_box .news_table table{width:100%;}
	section.sec01 .cont_box .sec01_lf_box .news_table table tr{width:100%; }
	section.sec01 .cont_box .sec01_lf_box .news_table table th{height:40px ;vertical-align:middle;text-align:left;text-overflow: ellipsis;overflow: hidden}
	section.sec01 .cont_box .sec01_lf_box .news_table table th a{color:#261b17;font-size:14px;transition: all 0.25s;white-space: nowrap;; }
	section.sec01 .cont_box .sec01_lf_box .news_table table th a:hover{transition: all 0.25s;opacity:0.5}
	section.sec01 .cont_box .sec01_lf_box .news_table table td{height:40px ;vertical-align:middle ;color:#93756b; font-size:12px;text-align:right}
	section.sec01 .cont_box .sec01_rt_box .box{position:relative;height: 150px;float: left;width: 48%;margin: 1%;padding:15px;transition: all 0.25s;}
	section.sec01 .cont_box .sec01_rt_box .box .img{position:absolute; right:15px; top:auto; bottom:15px}
	section.sec01 .cont_box .sec01_rt_box .box .txt{color:#fff; font-size:16px;}
	section.sec01 .cont_box .sec01_rt_box .box a{display:block;height:100%; width:100%}


	section.sec02 .cont_box .tit{font-size:25px; color:#000;font-weight:bold}
	section.sec02 .cont_box .txt{font-size:16px; color:#000;margin-top:20px}
	section.sec02 .cont_box .txt span{display:inline;margin-top:0px}
	section.sec02 .cont_box .icon_box{margin-top:50px;position:relative;text-align:center}
	section.sec02 .cont_box .icon_box .icon{display:inline-block;float:none;position: relative;z-index: 1;margin:10px 0;width:40%}
	section.sec02 .cont_box .icon_box .icon img{max-width:100%}
	section.sec02 .cont_box .icon_box .icon:first-child{margin-left:0}
	section.sec02 .cont_box .icon_box .icon:nth-child(4){margin-right:0}
	section.sec02 .cont_box .icon_box .bar{display:none}




	section.sec03{width:100%; position:relative}
	section.sec03 .lf_box{float:none; width:100%; background:#e14924;height:auto;padding:50px 10px; position: relative; background-size: cover;}
	section.sec03 .rt_box{float:none; width:100%;background:#214786;height:auto;padding:50px 10px;position: relative;background-size: cover;}
	section.sec03 .lf_box .cont_box{position: relative;top: auto;left: auto;width: 100%;text-align:center}
	section.sec03 .rt_box .cont_box{position: relative;right: auto;top: auto;width: 100%;text-align:center}
	section.sec03 .img{display:none}
	section.sec03 .bar{display:none}

	section.sec03 .lf_box .cont_box .tit{font-size:25px; color:#fff;;padding-bottom:30px; margin:0 auto}
	section.sec03 .lf_box .cont_box .tit span.tit_bg{vertical-align:middle; }
	section.sec03 .lf_box .cont_box .tit span.tit_bg img{vertical-align:middle; }
	section.sec03 .lf_box .cont_box .tit span.txt{vertical-align:middle; margin-left:10px}
	section.sec03 .lf_box .cont_box .s_tit{font-size:18px; color:#fff}
	section.sec03 .lf_box .cont_box ul{margin-top:40px}
	section.sec03 .lf_box .cont_box ul li{font-size:13px;color:#fff; margin-top:10px;text-align:left;}
	section.sec03 .lf_box .cont_box ul li a{font-size:13px;color:#fff;}

	section.sec03 .rt_box .cont_box .s_tit{font-size:16px; color:#fff}
	section.sec03 .rt_box .cont_box ul{margin-top:40px}
	section.sec03 .rt_box .cont_box ul li{font-size:13px;color:#fff; margin-top:10px;text-align:left;}
	section.sec03 .rt_box .cont_box ul li a{font-size:13px;color:#ffff;}

	section.sec04 .cont_box .title{font-size:25px; color:#fff; padding-bottom:30px}

	footer .footer_width .addr{padding-left:0px;}




	/*e:content*/



}
/* e:684px media_query */


/* s:480px media_query */
@media screen and (max-width:480px) {

	section.sec04 .js-masonry_st_02{}
	section.sec04 .js-masonry_st_02 .item{;width:90%;background:#fff; margin:10px 5%; }

	footer .footer_width .addr{padding-left:0px;}

}
/* e:480px media_query */