@charset "utf-8";

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



body{width:100%;}
.wrap{position:relative; z-index:0; width:100%; overflow:hidden}
span.br_line{display:block}
span.br_line02{display:block}
/*s:animation*/
@keyframes bounce {
  0%,100%{ transform:translate(0); }
  25%{ transform:rotateX(20deg) translateY(2px) rotate(-3deg); }
  50%{ transform:translateY(-20px) rotate(3deg) scale(1.1);  }
}

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

@keyframes bg_bar01 {
	0% { height:0 ;}
	100% {height:75%;  }
}
@keyframes bg_bar01_mo {
	0% { height:0 ;}
	100% {height:50%;  }
}
@keyframes bg_bar02 {
	0% { height:0 ;}
	100% {height:65%;  }
}
@keyframes bg_bar02_mo {
	0% { height:0 ;}
	100% {height:70%;  }
}
@keyframes txt-boder {
	0% { left:-100%}
	50%{left:0%}
	100%{left:100%; }

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

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

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0);
  }

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(30%, 0, 0);
    transform: translate3d(30%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(30%, 0, 0);
    transform: translate3d(30%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;

}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  animation-duration:1.5s;
  -webkit-animation-duration:1.5s;
  animation-delay:.3s;
  -webkit-animation-delay:.3s;
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  animation-duration: 1.5s;
  animation-delay: .5s;
  -webkit-animation-fill-mode: both;animation-fill-mode: both;
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  animation-duration: 1.5s;
  animation-delay: .5s;
  -webkit-animation-fill-mode: both;animation-fill-mode: both;
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

.bigcircle {
  -webkit-animation-name: bigcircle;
  animation-name: bigcircle;
   animation-delay:3s;
}
.animated {-webkit-animation-duration: 1s;animation-duration: 1s; ;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.animated.time01 {-webkit-animation-duration: 1s;animation-duration: 1s; animation-delay: .1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.animated.time02 {-webkit-animation-duration: 1s;animation-duration: 1s; animation-delay: .15s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.animated.time03 {-webkit-animation-duration: 1s;animation-duration: 1s; animation-delay: .2s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.animated.time04 {-webkit-animation-duration: 1s;animation-duration: 1s; animation-delay: .25s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.animated.time05 {-webkit-animation-duration: 1s;animation-duration: 1s; animation-delay: .3s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.animated2 {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    animation-delay: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.f2{animation-delay:.8s;}
.f3{animation-delay:1.2s;}
.f4{animation-delay:1.6s;}
.f5{animation-delay:2s;}
.f6{animation-delay:2.5s;}
/*e:animation*/
/*s:gnb*/
header nav.mo{display:none}



header{position:absolute;top:0;z-index:10;height:80px; line-height:80px;width: 100%;}
header nav.pc{max-width:1200px; margin:0 auto; padding:0 0}
header nav.pc h1{display:inline-block;float:left; width:20%;transition:all 0.25s}
header nav.pc h1 img{vertical-align:middle}
header nav.pc h1 img.sub{display:none}
header nav.pc ul.gnb{display:inline-block;float:right; width:70%;text-align:right;transition:all 0.25s}
header nav.pc ul.gnb li{display:inline-block;vertical-align:top;position:relative;margin:0 2.5%}
header nav.pc ul.gnb li img{vertical-align:middle}
header nav.pc ul.gnb li img.sub{display:none}
header nav.pc ul.gnb li a{color:#ffffff;font-size:18px;;transition:all 0.25s; }

/*header nav.pc ul.gnb li:hover a{color:#ca2f33;transition:all 0.25s;}*/
header nav.pc ul.gnb{position:relative;/* overflow:hidden;*/}
header nav.pc ul.gnb a.effect{position:absolute; ;left:0; bottom:15px; width:0; height:2px;background-size:100% 100%;;background:#ffffff; transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55);}


/*e:gnb*/

.visual{background:#11a9c0}
.visual .cont_box{max-width:1200px;margin:0 auto;position: relative;height: 100%;transition:all .3s}
.visual .cont_box .lf_box{position: absolute;top: 25%;transition:all .3s}
.visual .cont_box .lf_box .top_txt{}
.visual .cont_box .lf_box .top_txt i{font-size: 35px;color:#ffffff; margin:0 10px;font-style:normal; vertical-align:middle;letter-spacing:-1px;transition:all .3s}
.visual .cont_box .lf_box .top_txt span{display:inline-block}
.visual .cont_box .lf_box .top_txt span img{vertical-align:middle}
.visual .cont_box .lf_box .mid_txt{font-size:60px; color:#ffffff ;margin-left: -6px;;letter-spacing:-1px;transition:all .3s;}
.visual .cont_box .lf_box .mid_txt span{font-weight:900}
.visual .cont_box .lf_box .bot_txt{font-size:18px; color:#ffffff;line-height:30px; margin-top:20px;letter-spacing:-1.5px;transition:all .3s;}
.visual .cont_box .rt_box{text-align: right;position: absolute;display: inline-block;right: 0;top: 25%;transition:all .3s;animation-delay: 1.5s}
.visual .cont_box .rt_box img{transition:all .3s}
.visual .cont_box .rt_box .sun_img{position: absolute;top: -5%;left: 30%;transition:all .3s;display:none}
.visual .cont_box .rt_box .sun_img img{transition:all .3s}


h2.sub_tit{font-size:40px; letter-spacing:-1.5px;color:#1a1a1a;font-weight:400}
h2.sub_tit span{font-size:40px; letter-spacing:-1.5px;color:#1a1a1a; font-weight:bold}
h2.sub_tit.txt_col_white{color:#ffffff !important}
h2.sub_tit.txt_col_white span{color:#ffffff !important}

/*s:pop*/
.layer_pop01{position:relative; margin:0 auto;text-align:center;width:1200px;display:none}
.layer_pop01 .close{position:absolute; right:0; top:0;color: #ffffff;font-size: 50px;font-weight: 100;cursor:pointer}
.layer_pop01 .tab_menu{width:80%;margin:30px auto}
.layer_pop01 .tab_menu:after{content:'';display:block; clear:both;}
.layer_pop01 .tab_menu li{cursor:pointer;width:33.3333%;background:#ffffff; color:#4c4c4c; font-size:24px;float:left;height:55px; line-height:55px;;letter-spacing:-1px;transition:all 0.5s;border-right:1px solid #000000}
.layer_pop01 .tab_menu li span{font-size:18px;;letter-spacing:-1px}
.layer_pop01 .tab_menu li.on{background:#ca2f33; color:#ffffff; ;transition:all 0.5s}
.layer_pop01 .tab_menu li:first-child{border-radius:5px 0 0 5px}
.layer_pop01 .tab_menu li:last-child{border-radius:0 5px 5px 0 ;border-right:0}
.layer_pop01 .video{width:100%}
.layer_pop01 .video video{width:100%}

.layer_pop02{position:relative; margin:0 auto;text-align:center;width:1200px;;display:none}
.layer_pop02 .close{position:absolute; right:0; top:0;color: #ffffff;font-size: 50px;font-weight: 100;;cursor:pointer}
.layer_pop02 .input_box{width:100%; background:#ffffff; margin:30px auto; padding:40px 30px;text-align:left}
.layer_pop02 .input_box .lf_box{float:left; width:49%}
.layer_pop02 .input_box .rt_box{float:right; width:49%}
.layer_pop02 .input_box dl{margin-bottom:30px}
.layer_pop02 .input_box dl dt{letter-spacing:-1.5px;color:#000000; font-size:20px}
.layer_pop02 .input_box dl dt span{color:#ca2f33}
.layer_pop02 .input_box dl dt span.no_txt{color:#000000; font-size:12px}
.layer_pop02 .input_box dl dd{margin-top:5px}
.layer_pop02 .input_box dl dd label{display:block;font-size:15px; color:#333333;letter-spacing:-1.5px;vertical-align:middle;height:30px}
.layer_pop02 .input_box dl dd label input[type="text"]{display:inline-block; width:80%}
.layer_pop02 .input_box dl input{vertical-align:middle}
.layer_pop02 .input_box dl input[type="text"]{display: table-cell;vertical-align: top;height:30px;background-color: transparent;border: none;border-bottom: 1px solid #cccccc;width: 100%;-moz-appearance: none;padding: 0 5px;font-size: 14px;color: #999999;box-sizing: border-box;outline: none;transition: 0.25s;}
.layer_pop02 .input_box dl input[type="text"]:focus{border-color:#ca2f33;transition:0.25s;}
.layer_pop02 .btn{width:200px; height:50px; line-height:50px; text-align:center;border-radius:5px;background:#ca2f33;float:right; transition:all 0.5s }
.layer_pop02 .btn a{color:#ffffff; font-size:16px;display:block}
.layer_pop02 .btn:hover{background:#f18200; transition:all 0.5s}


/*e:pop*/

/*s:contents*/
.contents{width:100%; margin:0 auto  }

.contents .sec01{background:#ffffff ;height: auto !important;}
.contents .sec01 .cont_box{max-width:1450px; margin:0 auto;text-align:center;padding:120px 0 95px}
.contents .sec01 .cont_box ul{margin-top:40px}
.contents .sec01 .cont_box ul:after{content:''; display:block;clear:both}
.contents .sec01 .cont_box ul li{float:left;display:inline-block;width:24%;margin-left:1.3333333%;opacity:0}
.contents .sec01 .cont_box ul li.animated{animation-name: zoomIn;-webkit-animation-fill-mode: both;animation-fill-mode: both;opacity:1}
.contents .sec01 .cont_box ul li:nth-child(1){animation-delay:0.2s}
.contents .sec01 .cont_box ul li:nth-child(2){animation-delay:0.4s}
.contents .sec01 .cont_box ul li:nth-child(3){animation-delay:0.6s}
.contents .sec01 .cont_box ul li:nth-child(4){animation-delay:0.8s}
.contents .sec01 .cont_box ul li:first-child{margin-left:0}
.contents .sec01 .cont_box ul li .img{}
.contents .sec01 .cont_box ul li .img img{max-width:100%}
.contents .sec01 .cont_box ul li .tit{font-size:24px;letter-spacing:-1.5px;color:#000000;margin:25px 0 20px}
.contents .sec01 .cont_box ul li .txt{font-size:16px;letter-spacing:-1.5px;color:#666666}
.contents .sec01 .cont_box .btn{background:#ca2f33; text-align:center;width:200px; line-height:45px; height:45px;border-radius:5px;margin:60px auto 0; transition:all 0.5s}
.contents .sec01 .cont_box .btn a{color:#ffffff;font-size:16px;letter-spacing:-1.5px;display:block; transition:all 0.5s}
.contents .sec01 .cont_box .btn a img{vertical-align:middle; margin-left:5px;}
.contents .sec01 .cont_box .btn:hover{background:#f18200; transition:all 0.5s}


.contents .sec02{height: auto !important;;position:relative;background:url('/images/main_20180611/main/sec02_bg.jpg') no-repeat;background-position:center bottom;padding-bottom: 330px;}
.contents .sec02 .bg{}
.contents .sec02 .cont_box{max-width:1200px; margin:0 auto;text-align:center;padding:120px 0 100px ;}
.contents .sec02 .cont_box .sub_txt{margin-top:25px; color:#666666;font-size:24px;letter-spacing:-1.5px}
.contents .sec02 .cont_box ul{margin-top:90px;text-align:center}
.contents .sec02 .cont_box ul::after{content:''; display:block;clear:both}
.contents .sec02 .cont_box ul li{display:inline-block;width:16%;vertical-align:top;opacity:0}
.contents .sec02 .cont_box ul li.animated{animation-name: zoomIn;-webkit-animation-fill-mode: both;animation-fill-mode: both;opacity:1}
.contents .sec01 .cont_box ul li:nth-child(1){animation-delay:0.2s}
.contents .sec01 .cont_box ul li:nth-child(2){animation-delay:0.4s}
.contents .sec01 .cont_box ul li:nth-child(3){animation-delay:0.6s}
.contents .sec01 .cont_box ul li:nth-child(4){animation-delay:0.8s}
.contents .sec01 .cont_box ul li:nth-child(5){animation-delay:1.0s}
.contents .sec01 .cont_box ul li:nth-child(6){animation-delay:1.2s}
.contents .sec02 .cont_box ul li .img{height:80px}
.contents .sec02 .cont_box ul li .img img{max-width:100%}
.contents .sec02 .cont_box ul li .num{letter-spacing:-1.5px;font-size:30px;color:#ca2f33;margin-top:15px; margin-bottom:5px}
.contents .sec02 .cont_box ul li .txt{letter-spacing:-1.5px;font-size:18px;color:#000000;}
.contents .sec02 .cont_box ul li .txt span{display:block; font-size:14px;letter-spacing:-1.0px;}

.contents .sec02 .cont_box02{transition:all 0.5s;opacity:0;width:1200px; margin:0 auto;text-align:center;background:#ffffff;box-shadow: 0px 0px 30px #333333;padding:60px 60px 135px;position: absolute;bottom: -500px;left: 50%;margin-left: -600px;z-index: 99;}
.contents .sec02 .cont_box02.animated{;opacity:1;bottom: -300px;transition:all 0.5s}
.contents .sec02 .cont_box02 ul{margin-top:60px}
.contents .sec02 .cont_box02 ul li{border-bottom:1px solid #d9d9d9;padding:20px 0}
.contents .sec02 .cont_box02 ul li:first-child{border-top:1px solid #d9d9d9}
.contents .sec02 .cont_box02 ul li .name{display:inline-block;width:13%; vertical-align:middle; font-size:30px; letter-spacing:-1.5px;color:#000000;text-align:center}
.contents .sec02 .cont_box02 ul li .name span{font-size:16px; letter-spacing:-1.5px;color:#666666;display:block;margin-top:5px}
.contents .sec02 .cont_box02 ul li .txt{display:inline-block;;width:83%; vertical-align:middle; font-size:15px; letter-spacing:-1.5px;color:#666666;text-align:left}

.contents .sec03{height: auto !important; ;position:relative;background:url('/images/main_20180611/main/sec03_bg.jpg') no-repeat;background-size:cover;padding-top:300px;background-attachment: fixed;}
.contents .sec03 .cont_box{max-width:1200px; margin:0 auto;text-align:center;padding:70px 0 120px ;}
.contents .sec03 .cont_box h2.sub_tit02{text-align:left;color:#ffffff; font-weight:400; font-size:30px; letter-spacing:-1.5px;margin-bottom:20px}
.contents .sec03 .cont_box h2.sub_tit02 span{font-weight:bold;}
.contents .sec03 .cont_box ul li dl dt{font-weight:bold; color:#333333; font-size:20px; padding:10px 0;background:#ffffff;border-bottom:1px solid #e1e1e1}
.contents .sec03 .cont_box ul li dl dd img{max-width:100%}
.contents .sec03 .cont_box ul li dl dd img.mo{display:none}
.contents .sec03 .cont_box ul li dl dd img.pc{}



.contents .sec04{height: auto !important;position:inherit;;background:url('/images/main_20180611/main/sec04_bg.jpg') no-repeat;background-size:cover;background-attachment: fixed;}
.contents .section_box{position:relative}
.contents .sec04 .over_bg{position:absolute; left:0; bottom:0;width:50%;height:0;background:rgba(202,47,51,0.7);transition:all 2.5s}
.contents .sec04.animated .over_bg{height:100%;transition:all 2.5s}
.contents .sec04 .cont_box{max-width:1200px; margin:0 auto;text-align:center;padding:120px 0  ;position:relative;z-index:1}
.contents .sec04 .cont_box h2.sub_tit03{text-align:left;color:#ffffff; font-weight:400; font-size:40px; letter-spacing:-1.5px;margin-bottom:60px}
.contents .sec04 .cont_box h2.sub_tit03 span{font-weight:bold;}
.contents .sec04 .cont_box .lf_box{float:left;width:55%;text-align:left}
.contents .sec04 .cont_box .lf_box ul li{margin-bottom:10px;opacity:0}
.contents .sec04.animated .cont_box .lf_box ul li{opacity:1;animation-name:fadeInLeftShort;animation-duration: 1s; ;-webkit-animation-fill-mode: both;animation-fill-mode: both}
.contents .sec04.animated .cont_box .lf_box ul li:nth-child(1){animation-delay:0.2s}
.contents .sec04.animated .cont_box .lf_box ul li:nth-child(2){animation-delay:0.4s}
.contents .sec04.animated .cont_box .lf_box ul li:nth-child(3){animation-delay:0.6s}
.contents .sec04.animated .cont_box .lf_box ul li:nth-child(4){animation-delay:0.8s}
.contents .sec04.animated .cont_box .lf_box ul li:nth-child(5){animation-delay:2.0s}
.contents .sec04 .cont_box .lf_box ul li .num{font-size:24px;letter-spacing:-1.5px; color:#ffffff;border-bottom:2px solid #fff;padding-bottom:20px;float:left;width:60px;position:relative}
.contents .sec04 .cont_box .lf_box ul li .num:before{content:''; display:block;width:30px; height:2px ;background:#ca2f33;position: absolute;bottom: -2px;right: -30px;}
.contents .sec04 .cont_box .lf_box ul li dl{padding:30px 60px;background:#fff;float:left;width:570px}
.contents .sec04 .cont_box .lf_box ul li dl dt{font-size:24px;letter-spacing:-1.5px; color:#000000;margin-bottom:10px}
.contents .sec04 .cont_box .lf_box ul li dl dd{font-size:17px;letter-spacing:-1.5px; color:#666666;;margin-bottom:5px}
.contents .sec04 .cont_box .lf_box ul li dl dd span{color:#ca2f33; font-size:20px; font-weight:bold}
.contents .sec04.animated  .cont_box .rt_box{animation-name:fadeInRight;animation-duration: 1s; ;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-delay:1.7s}
.contents .sec04 .cont_box .rt_box{float:right;width:40%;text-align:left}
.contents .sec04 .cont_box .rt_box table{width:100%; border-top:3px solid #ffffff; border-bottom:3px solid #ffffff}
.contents .sec04 .cont_box .rt_box table tr{}
.contents .sec04 .cont_box .rt_box table tr th{font-size:20px; color:#ffffff;letter-spacing:-1.5px;;font-weight:400;vertical-align:middle;height:60px;;padding-left:5%}
.contents .sec04 .cont_box .rt_box table tr th span{font-size:16px; color:#ffffff;letter-spacing:-1.5px;font-weight:400}
.contents .sec04 .cont_box .rt_box table tr td{font-size:17px; color:#ffffff;letter-spacing:-1.5px;height:50px;font-weight:400;vertical-align:middle;border-top:1px solid #ffffff;;padding-left:5%}
.contents .sec04 .cont_box .rt_box table tr td span{color:#ca2f33; font-size:20px; font-weight:bold}
.contents .sec04 .cont_box .rt_box .txt{font-size:15px; color:#ffffff;letter-spacing:-1.5px;line-height:25px;text-indent: -12px;padding-left: 12px;margin-top: 15px;}
.contents .sec04 .cont_box .rt_box .txt span{color:#ca2f33; font-size:14px;margin-right: 5px;}
.contents .sec04 .cont_box .rt_box .btn_box{width:100%;text-align:center;margin:60px auto 0;}
.contents .sec04 .cont_box .rt_box .btn_box:after{content:'';display:block; clear:both}
.contents .sec04 .cont_box .rt_box .btn_box a.qna{background:#ca2f33; text-align:center;width:38%; line-height:50px; height:50px;border-radius:5px; transition:all 0.5s;float:left; color:#ffffff}
.contents .sec04 .cont_box .rt_box .btn_box a.down{background:#ca2f33; text-align:center;width:60%; line-height:50px; height:50px;border-radius:5px; transition:all 0.5s;float:right; color:#ffffff}
.contents .sec04 .cont_box .rt_box .btn_box a:hover{background:#f18200; transition:all 0.5s}



/* s:footer */
footer{width:100%;background:#333333;  }

footer .footer_width{max-width:1200px; margin:0 auto;text-align:center;  padding:60px 0 100px;}
footer .footer_width .logo_box{display:inline-block;vertical-align:top; float:left}
footer .footer_width .logo_box img{vertical-align:middle;}
footer .footer_width ul{margin: 0 0 15px;}
footer .footer_width ul li{display:inline-block;vertical-align:middle}
footer .footer_width ul li a{font-size:15px; color:#ffffff; font-weight:900}
footer .footer_width .addr{display:inline-block;vertical-align:top; text-align:left}
footer .footer_width .addr .txt{display:block;vertical-align:middle; font-size:14px; color:#cccccc}
footer .footer_width .addr .copy{color:#999999; font-size:13px;margin:15px 0 0; }
footer .footer_width .btn{display:inline-block;vertical-align:top;float:right}

footer .footer_width .select_box{display:inline-block;vertical-align:middle}
footer .footer_width .select_box select{border:0;display:inline-block;width:200px;background-color: #4d4d4d;color: #808080;background-image:url('/images/main_20180611/common/f_plus.png');background-position:95% center ;background-repeat:no-repeat; border-radius:5px; height:45px;;}
/* e:footer */




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

	/*s:gnb*/
	header nav.pc{max-width:1200px; margin:0 auto; padding:0 10px}

	/*e:gnb*/

	.visual .cont_box{padding:0 10px}
	.visual .cont_box .lf_box{position: absolute;top: 25%;z-index:9}
	.visual .cont_box .lf_box .top_txt{}
	.visual .cont_box .lf_box .top_txt i{font-size:25px;color:#ffffff; margin:0 5px;font-style:normal; vertical-align:middle;letter-spacing:-1px}
	.visual .cont_box .lf_box .top_txt span{display:inline-block}
	.visual .cont_box .lf_box .top_txt span img{vertical-align:middle}
	.visual .cont_box .lf_box .mid_txt{font-size:40px; color:#ffffff ;margin-left: -4px;;letter-spacing:-1px}
	.visual .cont_box .lf_box .mid_txt span{font-weight:900}
	.visual .cont_box .lf_box .bot_txt{font-size:16px; color:#ffffff;line-height:28px; margin-top:20px;letter-spacing:-1.5px}
	.visual .cont_box .rt_box{text-align: right;position: absolute;display: inline-block;right:-15%;top:30%}
	.visual .cont_box .rt_box img{max-width:100%}
	.visual .cont_box .rt_box .sun_img{position: absolute;top: -5%;left: 30%;}
	.visual .cont_box .rt_box .sun_img img{max-width:100%}


	/*s:pop*/
	.layer_pop01{position:relative; margin:0 auto;text-align:center;width:80%;display:none}
	.layer_pop01 .close{position:absolute; right:0; top:0;color: #ffffff;font-size: 50px;font-weight: 100;}
	.layer_pop01 .tab_menu{width:100%;margin:30px auto}
	.layer_pop01 .tab_menu:after{content:'';display:block; clear:both;}
	.layer_pop01 .tab_menu li{cursor:pointer;width:33.3333%;background:#ffffff; color:#4c4c4c; font-size:18px;float:left;height:55px; line-height:55px;;letter-spacing:-1px;transition:all 0.5s;border-right:1px solid #000000}
	.layer_pop01 .tab_menu li span{font-size:16px;;letter-spacing:-1px}
	.layer_pop01 .tab_menu li.on{background:#ca2f33; color:#ffffff; ;transition:all 0.5s}
	.layer_pop01 .tab_menu li:first-child{border-radius:5px 0 0 5px}
	.layer_pop01 .tab_menu li:last-child{border-radius:0 5px 5px 0 ;border-right:0}
	.layer_pop01 .video{width:100%}
	.layer_pop01 .video video{width:100%}

	.layer_pop02{position:relative; margin:0 auto;text-align:center;width:90%;;display:none}
	.layer_pop02 .close{position:absolute; right:0; top:0;color: #ffffff;font-size: 50px;font-weight: 100;}
	.layer_pop02 .input_box{width:100%; background:#ffffff; margin:30px auto; padding:30px 15px;text-align:left}
	.layer_pop02 .input_box .lf_box{float:left; width:49%}
	.layer_pop02 .input_box .rt_box{float:right; width:49%}
	.layer_pop02 .input_box dl{margin-bottom:30px}
	.layer_pop02 .input_box dl dt{letter-spacing:-1.5px;color:#000000; font-size:18px}
	.layer_pop02 .input_box dl dt span{color:#ca2f33}
	.layer_pop02 .input_box dl dd{margin-top:5px}
	.layer_pop02 .input_box dl dd label{display:block;font-size:13px; color:#333333;letter-spacing:-1.5px;vertical-align:middle;height:auto;margin:3px 0}
	.layer_pop02 .input_box dl dd label input[type="text"]{display:inline-block; width:80%}
	.layer_pop02 .input_box dl input{vertical-align:middle}
	.layer_pop02 .input_box dl input[type="text"]{isplay: table-cell;vertical-align: middle;height:30px;background-color: transparent;border: none;border-bottom: 1px solid #cccccc;width: 100%;-moz-appearance: none;padding: 0 5px;font-size: 14px;color: #999999;box-sizing: border-box;outline: none;transition: 0.25s;}
	.layer_pop02 .input_box dl input[type="text"]:focus{border-color:#ca2f33;transition:0.25s;}
	.layer_pop02 .btn{width:200px; height:50px; line-height:50px; text-align:center;border-radius:5px;background:#ca2f33;float:right; transition:all 0.5s }
	.layer_pop02 .btn a{color:#ffffff; font-size:16px;display:block}
	.layer_pop02 .btn:hover{background:#f18200; transition:all 0.5s}
	/*e:pop*/
	/*section*/

	.contents .sec01 .cont_box{max-width:1450px; margin:0 auto;text-align:center;padding:120px 10px 95px; transition:all 0.3s }
	.contents .sec01 .cont_box ul{margin-top:40px}
	.contents .sec01 .cont_box ul:after{content:''; display:block;clear:both}
	.contents .sec01 .cont_box ul li{float:left;display:inline-block;width:24%;margin-left:1.3333333%}
	.contents .sec01 .cont_box ul li:first-child{margin-left:0}
	.contents .sec01 .cont_box ul li .img{}
	.contents .sec01 .cont_box ul li .img img{max-width:100%}
	.contents .sec01 .cont_box ul li .tit{font-size:24px;letter-spacing:-1.5px;color:#000000;margin:25px 0 20px}
	.contents .sec01 .cont_box ul li .txt{font-size:16px;letter-spacing:-1.5px;color:#666666}
	.contents .sec01 .cont_box .btn{background:#ca2f33; text-align:center;width:200px; line-height:45px; height:45px;border-radius:5px;margin:60px auto 0; transition:all 0.5s}
	.contents .sec01 .cont_box .btn a{color:#ffffff;font-size:16px;letter-spacing:-1.5px;display:block; transition:all 0.5s}
	.contents .sec01 .cont_box .btn a img{vertical-align:middle; margin-left:5px;}
	.contents .sec01 .cont_box .btn:hover{background:#f18200; transition:all 0.5s}

	.contents .sec02{height: auto !important;;position:relative;background:url('/images/main_20180611/main/sec02_bg.jpg') no-repeat;background-position:center bottom;padding-bottom: 330px;}
	.contents .sec02 .cont_box{max-width:1200px; margin:0 auto;text-align:center;padding:120px 10px 100px ;}
	.contents .sec02 .cont_box .sub_txt{margin-top:25px; color:#666666;font-size:24px;letter-spacing:-1.5px}
	.contents .sec02 .cont_box ul{margin-top:90px;text-align:center}
	.contents .sec02 .cont_box ul::after{content:''; display:block;clear:both}
	.contents .sec02 .cont_box ul li{display:inline-block;width:16%;vertical-align:top}
	.contents .sec02 .cont_box ul li .img{height:80px}
	.contents .sec02 .cont_box ul li .img img{max-width:100%}
	.contents .sec02 .cont_box ul li .num{letter-spacing:-1.5px;font-size:30px;color:#ca2f33;margin-top:15px; margin-bottom:5px}
	.contents .sec02 .cont_box ul li .txt{letter-spacing:-1.5px;font-size:18px;color:#000000;}
	.contents .sec02 .cont_box ul li .txt span{display:block; font-size:14px;letter-spacing:-1.0px;}

	.contents .sec02 .cont_box02{width:100%;;padding:60px 10px 135px;position: absolute;bottom: -300px;left: auto;margin-left: 0;z-index: 99;transition:all 0.3s}
	.contents .sec02 .cont_box02 ul{margin-top:60px}
	.contents .sec02 .cont_box02 ul li{border-bottom:1px solid #d9d9d9;padding:20px 0}
	.contents .sec02 .cont_box02 ul li:first-child{border-top:1px solid #d9d9d9}
	.contents .sec02 .cont_box02 ul li .name{display:inline-block;width:13%; vertical-align:middle; font-size:30px; letter-spacing:-1.5px;color:#000000;text-align:center}
	.contents .sec02 .cont_box02 ul li .name span{font-size:16px; letter-spacing:-1.5px;color:#666666;display:block;margin-top:5px}
	.contents .sec02 .cont_box02 ul li .txt{display:inline-block;;width:83%; vertical-align:middle; font-size:15px; letter-spacing:-1.5px;color:#666666;text-align:left}

	.contents .sec03{height: auto !important; ;position:relative;background:url('/images/main_20180611/main/sec03_bg.jpg') no-repeat;background-size:cover;padding-top:300px;background-attachment: fixed;}
	.contents .sec03 .cont_box{max-width:1200px; margin:0 auto;text-align:center;padding:70px 10px 120px ;}
	.contents .sec03 .cont_box h2.sub_tit02{text-align:left;color:#ffffff; font-weight:400; font-size:30px; letter-spacing:-1.5px;margin-bottom:20px}
	.contents .sec03 .cont_box h2.sub_tit02 span{font-weight:bold;}
	.contents .sec03 .cont_box ul li dl dt{font-weight:bold; color:#333333; font-size:20px; padding:10px 0;background:#ffffff;border-bottom:1px solid #e1e1e1}
	.contents .sec03 .cont_box ul li dl dd img{max-width:100%}
	.contents .sec03 .cont_box ul li dl dd img.mo{display:none}
	.contents .sec03 .cont_box ul li dl dd img.pc{}

	.contents .sec04{background-size:cover;background-attachment: fixed;}
	.contents .sec04 .over_bg{position:absolute; left:0; top:0;width:50%;height:100%;background:rgba(202,47,51,0.7);}
	.contents .sec04 .cont_box{max-width:1200px; margin:0 auto;text-align:center;padding:120px 50px  ;position:relative;z-index:1}
	.contents .sec04 .cont_box h2.sub_tit03{text-align:left;color:#ffffff; font-weight:400; font-size:40px; letter-spacing:-1.5px;margin-bottom:60px}
	.contents .sec04 .cont_box h2.sub_tit03 span{font-weight:bold;}
	.contents .sec04 .cont_box .lf_box{float:left;width:57%;text-align:left}
	.contents .sec04 .cont_box .lf_box ul li{margin-bottom:10px}
	.contents .sec04 .cont_box .lf_box ul li .num{font-size:24px;letter-spacing:-1.5px; color:#ffffff;border-bottom:2px solid #fff;padding-bottom:20px;float:left;width:60px;position:relative}
	.contents .sec04 .cont_box .lf_box ul li .num:before{content:''; display:block;width:15px; height:2px ;background:#ca2f33;position: absolute;bottom: -2px;right: -15px;}
	.contents .sec04 .cont_box .lf_box ul li dl{padding:30px 30px;background:#fff;float:left;width:500px}
	.contents .sec04 .cont_box .lf_box ul li dl dt{font-size:24px;letter-spacing:-1.5px; color:#000000;margin-bottom:10px}
	.contents .sec04 .cont_box .lf_box ul li dl dd{font-size:17px;letter-spacing:-1.5px; color:#666666;;margin-bottom:5px}
	.contents .sec04 .cont_box .lf_box ul li dl dd span{color:#ca2f33; font-size:20px; font-weight:bold}
	.contents .sec04 .cont_box .rt_box{float:right;width:40%;text-align:left}
	.contents .sec04 .cont_box .rt_box table{width:100%; border-top:3px solid #ffffff; border-bottom:3px solid #ffffff}
	.contents .sec04 .cont_box .rt_box table tr{}
	.contents .sec04 .cont_box .rt_box table tr th{font-size:20px; color:#ffffff;letter-spacing:-1.5px;;font-weight:400;vertical-align:middle;height:60px;;padding-left:5%}
	.contents .sec04 .cont_box .rt_box table tr th span{font-size:16px; color:#ffffff;letter-spacing:-1.5px;font-weight:400}
	.contents .sec04 .cont_box .rt_box table tr td{font-size:17px; color:#ffffff;letter-spacing:-1.5px;height:50px;font-weight:400;vertical-align:middle;border-top:1px solid #ffffff;;padding-left:5%}
	.contents .sec04 .cont_box .rt_box table tr td span{color:#ca2f33; font-size:20px; font-weight:bold}
	.contents .sec04 .cont_box .rt_box .txt{font-size:15px; color:#ffffff;letter-spacing:-1.5px;line-height:25px;text-indent: -12px;padding-left: 12px;margin-top: 15px;}
	.contents .sec04 .cont_box .rt_box .txt span{color:#ca2f33; font-size:14px;margin-right: 5px;}
	.contents .sec04 .cont_box .rt_box .btn_box{width:100%;text-align:center;margin:60px auto 0;}
	.contents .sec04 .cont_box .rt_box .btn_box:after{content:'';display:block; clear:both}
	.contents .sec04 .cont_box .rt_box .btn_box a.qna{background:#ca2f33; text-align:center;width:38%; line-height:50px; height:50px;border-radius:5px; transition:all 0.5s;float:left; color:#ffffff}
	.contents .sec04 .cont_box .rt_box .btn_box a.down{background:#ca2f33; text-align:center;width:60%; line-height:50px; height:50px;border-radius:5px; transition:all 0.5s;float:right; color:#ffffff}
	.contents .sec04 .cont_box .rt_box .btn_box a:hover{background:#f18200; transition:all 0.5s}

	/*section*/




}
/* e:1200px media_query */

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


	#myMenu{display:none}
	.arr_btn{display:none}
	span.br_line{display:inline}
	/*s:gnb*/
	header nav.pc{display:none}
	header nav.mo{display:block;width: 100%;height: 100%;}
	header nav.mo.move{}
	header nav.mo h1{position:absolute; top:5px;}
	header nav.mo .gnb_mo{}
	header nav.mo .mo_logo{width:100%;text-align:center;}
	header nav.mo .mo_logo img{max-width:80%}
	header nav.mo .mo_logo img.sub{display:none}
	header nav.mo .mo_gnb_menu{padding-top: 80px;position:fixed; top:0;left:0; background:#ca2f33;background-repeat:repeat;width:100%;height:100%; text-align:center; display:none;}
	header nav.mo .mo_gnb_menu li {line-height:60px}
	header nav.mo .mo_gnb_menu li a{color:#ffffff;font-size: 22px;transition:all 0.5s;position:relative}
	header nav.mo .mo_gnb_menu li a.col_menu{font-weight:bold; font-size:34px; color:#ffee99}
	header nav.mo .mo_gnb_menu li a.active:before{content: '';position: absolute;border-left: 6px solid #f18200;;border-top: 5px solid transparent;border-bottom: 5px solid transparent;left: -15px;top:9px;;opacity:1;transition:all 0.5s;}
	header nav.mo .mo_gnb_menu li a:before{content: '';position: absolute;border-left: 6px solid #f18200;;border-top: 5px solid transparent;border-bottom: 5px solid transparent;left: -15px;top:9px;;opacity:0;transition:all 0.5s;}
	header nav.mo .mo_gnb_menu li:hover a:before{opacity:1;transition:all 0.5s;}
	header nav.mo .mo_gnb_menu li a.col_menu.active:before{content: '';display:none}
	header nav.mo .mo_gnb_menu li a.col_menu:before{content: '';display:none}
	header nav.mo .mo_gnb_menu li:hover a.col_menu:before{display:none}
	header nav.mo .mo_gnb_menu li img.sub{display:none}
	header nav.mo .mo_gnb_menu li a.active{color:#0055ff;transition:all 0.5s}
	header nav.mo .mo_gnb_menu li .sub_menu li a{font-size:16px}
	header nav.mo .mo_gnb_menu li .sub_menu li a:before{display:none}
	header nav.mo .mo_gnb_menu li#m01{animation:fadeInDown02 1s;animation-delay:0.25s;animation-fill-mode: backwards;}
	header nav.mo .mo_gnb_menu li#m02{animation:fadeInDown02 1s;animation-delay:0.35s;animation-fill-mode: backwards;}
	header nav.mo .mo_gnb_menu li#m03{animation:fadeInDown02 1s;animation-delay:0.45s;animation-fill-mode: backwards;}
	header nav.mo .mo_gnb_menu li#m04{animation:fadeInDown02 1s;animation-delay:0.55s;animation-fill-mode: backwards;}
	header nav.mo .mo_gnb_menu li#m05{animation:fadeInDown02 1s;animation-delay:0.65s;animation-fill-mode: backwards;}
	header nav.mo .mo_gnb_menu li#m06{animation:fadeInDown02 1s;animation-delay:0.75s;animation-fill-mode: backwards;}



	header nav.mo .mo_gnb_menu li#m06:after{content:''; display:block; border-top:1px solid #ffffff; width:0; margin:20px auto}
	header nav.mo .mo_gnb_menu.open li#m06:after{content:''; display:block; border-top:1px solid #ffffff;width:200px;  margin:20px auto;animation:mognb_bar 0.5s ;animation-fill-mode: backwards;animation-delay:1.5s;}

	#m_menu {width: 30px;height:24px;position:absolute; top:20px; left:10px; ;-webkit-transform: rotate(0deg);; transform: rotate(0deg); -webkit-transition: .25s ease-in-out;;transition: .25s ease-in-out;cursor: pointer;z-index:999}
	#m_menu span {display: block;position: absolute;height: 2px; width: 100%;background: #fff; ;opacity: 1;left: 0; -webkit-transform: rotate(0deg); ;transform: rotate(0deg); -webkit-transition: .25s ease-in-out; ;transition: .25s ease-in-out;}
	#m_menu span:nth-child(1) { top: 0px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
	#m_menu span:nth-child(2) { top: 10px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
	#m_menu span:nth-child(3) {top: 20px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
	#m_menu.open{position:fixed}
	#m_menu.open span:nth-child(1) {-webkit-transform: rotate(135deg); ;transform: rotate(135deg);top: 0;left: 27px;}
	#m_menu.open span:nth-child(2) {opacity: 0;left: -60px;}
	#m_menu.open span:nth-child(3) { -webkit-transform: rotate(-135deg);;transform: rotate(-135deg);top:21px;left: 27px;}
	/*e:gnb*/

	.visual{height:auto !important}
	.visual .cont_box{padding: 100px 10px 50px;text-align: center;overflow: hidden;}
	.visual .cont_box .lf_box{position: relative;top: auto;z-index:9}
	.visual .cont_box .lf_box .top_txt{}
	.visual .cont_box .lf_box .top_txt i{font-size:25px;color:#ffffff; margin:0 5px;font-style:normal; vertical-align:middle;letter-spacing:-1px}
	.visual .cont_box .lf_box .top_txt span{display:inline-block}
	.visual .cont_box .lf_box .top_txt span img{vertical-align:middle}
	.visual .cont_box .lf_box .mid_txt{font-size:40px; color:#ffffff ;margin-left: -4px;;letter-spacing:-1px}
	.visual .cont_box .lf_box .mid_txt span{font-weight:900}
	.visual .cont_box .lf_box .bot_txt{font-size:16px; color:#ffffff;line-height:28px; margin-top:20px;letter-spacing:-1.5px}
	.visual .cont_box .rt_box{text-align: center;position: relative;display: inline-block;right:auto;top:auto; margin-top:40px; width:90%}
	.visual .cont_box .rt_box img{max-width:100%}
	.visual .cont_box .rt_box .sun_img{position: absolute;top: 0;left: 10%;}
	.visual .cont_box .rt_box .sun_img img{max-width:50%}



	h2.sub_tit{font-size:25px; letter-spacing:-1.5px;color:#1a1a1a;font-weight:400}
	h2.sub_tit span{font-size:25px; letter-spacing:-1.5px;color:#1a1a1a; font-weight:bold}

	/*section*/
	.contents .sec01 .cont_box{max-width:1450px; margin:0 auto;text-align:center;padding:40px 10px 40px; transition:all 0.3s }
	.contents .sec01 .cont_box ul{margin-top:25px}
	.contents .sec01 .cont_box ul li{float:left;display:inline-block;width:24%;margin-left:1.3333333%}
	.contents .sec01 .cont_box ul li .img img{max-width:100%}
	.contents .sec01 .cont_box ul li .tit{font-size:20px;letter-spacing:-1.5px;color:#000000;margin:25px 0 20px}
	.contents .sec01 .cont_box ul li .txt{font-size:14px;letter-spacing:-1.5px;color:#666666}
	.contents .sec01 .cont_box .btn{background:#ca2f33; text-align:center;width:200px; line-height:45px; height:45px;border-radius:5px;margin:60px auto 0; transition:all 0.5s}
	.contents .sec01 .cont_box .btn a{color:#ffffff;font-size:16px;letter-spacing:-1.5px;display:block; transition:all 0.5s}
	.contents .sec01 .cont_box .btn a img{vertical-align:middle; margin-left:5px;}
	.contents .sec01 .cont_box .btn:hover{background:#f18200; transition:all 0.5s}

	.contents .sec02{height: auto !important;;position:relative;background:url('/images/main_20180611/main/sec02_bg.jpg') no-repeat;background-position:center bottom;padding-bottom: 0;}
	.contents .sec02 .cont_box{max-width:1200px; margin:0 auto;text-align:center;padding:60px 10px 40px ;}
	.contents .sec02 .cont_box .sub_txt{margin-top:25px; color:#666666;font-size:18px;letter-spacing:-1.5px}
	.contents .sec02 .cont_box ul{margin-top:60px;text-align:center}
	.contents .sec02 .cont_box ul::after{content:''; display:block;clear:both}
	.contents .sec02 .cont_box ul li{display:inline-block;width:32%;vertical-align:top;margin-bottom:30px}
	.contents .sec02 .cont_box ul li .img{height:80px}
	.contents .sec02 .cont_box ul li .img img{max-width:100%}
	.contents .sec02 .cont_box ul li .num{letter-spacing:-1.5px;font-size:30px;color:#ca2f33;margin-top:15px; margin-bottom:5px}
	.contents .sec02 .cont_box ul li .txt{letter-spacing:-1.5px;font-size:18px;color:#000000;}
	.contents .sec02 .cont_box ul li .txt span{display:block; font-size:14px;letter-spacing:-1.0px;}


	.contents .sec02 .cont_box02.animated{;opacity:1;bottom: auto;transition:all 0.5s}
	.contents .sec02 .cont_box02{width:90%;;padding:60px 10px 60px;position: relative;bottom: auto;left: auto;margin-left: 5%;z-index: 99;}
	.contents .sec02 .cont_box02 ul{margin-top:60px}
	.contents .sec02 .cont_box02 ul li{border-bottom:1px solid #d9d9d9;padding:20px 0}
	.contents .sec02 .cont_box02 ul li:first-child{border-top:1px solid #d9d9d9}
	.contents .sec02 .cont_box02 ul li .name{display:inline-block;width:13%; vertical-align:middle; font-size:25px; letter-spacing:-1.5px;color:#000000;text-align:center}
	.contents .sec02 .cont_box02 ul li .name span{font-size:14px; letter-spacing:-1.5px;color:#666666;display:block;margin-top:5px}
	.contents .sec02 .cont_box02 ul li .txt{display:inline-block;;width:83%; vertical-align:middle; font-size:15px; letter-spacing:-1.5px;color:#666666;text-align:left}


	.contents .sec03{height: auto !important; ;position:relative;background:url('/images/main_20180611/main/sec03_bg.jpg') no-repeat;background-size:cover;padding-top:0;background-attachment: fixed;}
	.contents .sec03 .cont_box{max-width:1200px; margin:0 auto;text-align:center;padding:40px 50px 40px ;}
	.contents .sec03 .cont_box h2.sub_tit02{text-align:center;color:#ffffff; font-weight:400; font-size:25px; letter-spacing:-1.5px;margin-bottom:20px}
	.contents .sec03 .cont_box h2.sub_tit02 span{font-weight:bold;}
	.contents .sec03 .cont_box ul li dl{margin-top:20px}
	.contents .sec03 .cont_box ul li dl dt{font-weight:bold; color:#333333; font-size:18px; padding:10px 0;background:#ffffff;border-bottom:1px solid #e1e1e1}
	.contents .sec03 .cont_box ul li dl dd img{max-width:100%}


	.contents .sec04{background-size:cover;background-attachment: fixed;}
	.contents .sec04 .over_bg{position:absolute; left:0; top:0;width:50%;height:100%;background:rgba(202,47,51,0.7);opacity:0}
	.contents .sec04 .cont_box{max-width:1200px; margin:0 auto;text-align:center;padding:40px 50px  ;position:relative;z-index:1}
	.contents .sec04 .cont_box h2.sub_tit03{text-align:center;color:#ffffff; font-weight:400; font-size:25px; letter-spacing:-1.5px;margin-bottom:60px;margin-top:60px}
	.contents .sec04 .cont_box h2.sub_tit03 span{font-weight:bold;}
	.contents .sec04 .cont_box .lf_box{float:none;width:100%;text-align:left}
	.contents .sec04 .cont_box .lf_box ul li{margin-bottom:10px}
	.contents .sec04 .cont_box .lf_box ul li .num{font-size:24px;letter-spacing:-1.5px; color:#ffffff;border-bottom:2px solid #fff;padding-bottom:20px;float:left;width:20%;position:relative}
	.contents .sec04 .cont_box .lf_box ul li .num:before{content:''; display:block;width:30px; height:2px ;background:#ca2f33;position: absolute;bottom: -2px;right: -30px;}
	.contents .sec04 .cont_box .lf_box ul li dl{padding:30px 50px;background:#fff;float:left;width:80%}
	.contents .sec04 .cont_box .lf_box ul li dl dt{font-size:20px;letter-spacing:-1.5px; color:#000000;margin-bottom:10px}
	.contents .sec04 .cont_box .lf_box ul li dl dd{font-size:15px;letter-spacing:-1.5px; color:#666666;;margin-bottom:5px}
	.contents .sec04 .cont_box .lf_box ul li dl dd span{color:#ca2f33; font-size:20px; font-weight:bold}
	.contents .sec04 .cont_box .rt_box{float:none;width:100%;text-align:left}
	.contents .sec04 .cont_box .rt_box table{width:100%; border-top:3px solid #ffffff; border-bottom:3px solid #ffffff}
	.contents .sec04 .cont_box .rt_box table tr{}
	.contents .sec04 .cont_box .rt_box table tr th{font-size:18px; color:#ffffff;letter-spacing:-1.5px;;font-weight:400;vertical-align:middle;height:60px;;padding-left:5%}
	.contents .sec04 .cont_box .rt_box table tr th span{font-size:14px; color:#ffffff;letter-spacing:-1.5px;font-weight:400}
	.contents .sec04 .cont_box .rt_box table tr td{font-size:15px; color:#ffffff;letter-spacing:-1.5px;height:50px;font-weight:400;vertical-align:middle;border-top:1px solid #ffffff;;padding-left:5%}
	.contents .sec04 .cont_box .rt_box table tr td span{color:#ca2f33; font-size:20px; font-weight:bold}
	.contents .sec04 .cont_box .rt_box .txt{font-size:15px; color:#ffffff;letter-spacing:-1.5px;line-height:25px;text-indent: -12px;padding-left: 12px;margin-top: 15px;}
	.contents .sec04 .cont_box .rt_box .txt span{color:#ca2f33; font-size:14px;margin-right: 5px;}
	.contents .sec04 .cont_box .rt_box .btn_box{width:100%;text-align:center;margin:60px auto 0;}
	.contents .sec04 .cont_box .rt_box .btn_box:after{content:'';display:block; clear:both}
	.contents .sec04 .cont_box .rt_box .btn_box a.qna{font-size:16px;background:#ca2f33; text-align:center;width:38%; line-height:50px; height:50px;border-radius:5px; transition:all 0.5s;float:left; color:#ffffff}
	.contents .sec04 .cont_box .rt_box .btn_box a.down{font-size:16px;background:#ca2f33; text-align:center;width:60%; line-height:50px; height:50px;border-radius:5px; transition:all 0.5s;float:right; color:#ffffff}
	.contents .sec04 .cont_box .rt_box .btn_box a:hover{background:#f18200; transition:all 0.5s}
	/*section*/


	/* s:footer */
	footer{width:100%;background:#333333;  }

	footer .footer_width{max-width:1200px; margin:0 auto;text-align:center;  padding:40px 0 50px;}
	footer .footer_width .logo_box{display:block;vertical-align:top; float:none}
	footer .footer_width .logo_box img{vertical-align:middle;}
	footer .footer_width ul{margin:30px 0 15px;text-align:center}
	footer .footer_width ul li{display:inline-block;vertical-align:middle;font-size:14px; color:#ffffff;}
	footer .footer_width ul li a{font-size:15px; color:#ffffff; font-weight:900}
	footer .footer_width .addr{display:inline-block;vertical-align:top; text-align:center}
	footer .footer_width .addr .txt{display:block;vertical-align:middle; font-size:13px; color:#cccccc}
	footer .footer_width .addr .copy{color:#999999; font-size:12px;margin:15px 0 0; }
	footer .footer_width .btn{display:block;vertical-align:top;float:none;margin-top:20px}

	footer .footer_width .select_box{display:inline-block;vertical-align:middle}
	footer .footer_width .select_box select{border:0;display:inline-block;width:200px;background-color: #4d4d4d;color: #ffffff;background-image:url('/images/main_20180611/common/f_plus.png');background-position:95% center ;background-repeat:no-repeat; border-radius:5px; height:45px;;}
	/* e:footer */

}
/* e:1024px media_query */





/* s:684px media_query */
@media screen and (max-width:684px) {
	span.br_line02{display:inline}

	/*s:pop*/
	.layer_pop01{position:relative; margin:0 auto;text-align:center;width:96%;display:none}
	.layer_pop01 .close{position:absolute; right:0; top:0;color: #ffffff;font-size:30px;font-weight: 100;}
	.layer_pop01 .tab_menu{width:100%;margin:30px auto}
	.layer_pop01 .tab_menu:after{content:'';display:block; clear:both;}
	.layer_pop01 .tab_menu li{cursor:pointer;width:33.3333%;background:#ffffff; color:#4c4c4c; font-size:16px;float:left;height:55px; line-height:20px;padding-top:8px;letter-spacing:-1px;transition:all 0.5s;border-right:1px solid #000000}
	.layer_pop01 .tab_menu li span{font-size:12px;;letter-spacing:-1px;display:block}
	.layer_pop01 .tab_menu li.on{background:#ca2f33; color:#ffffff; ;transition:all 0.5s}
	.layer_pop01 .tab_menu li:first-child{border-radius:5px 0 0 5px}
	.layer_pop01 .tab_menu li:last-child{border-radius:0 5px 5px 0 ;border-right:0}
	.layer_pop01 .video{width:100%}
	.layer_pop01 .video video{width:100%}

	.layer_pop02{position:relative; margin:0 auto;text-align:center;width:96%;;display:none}
	.layer_pop02 .close{position:absolute; right:0; top:0;color: #ffffff;font-size: 30px;font-weight: 100;}
	.layer_pop02 .input_box{width:100%; background:#ffffff; margin:30px auto; padding:30px 15px;text-align:left}
	.layer_pop02 .input_box .lf_box{float:none; width:100%}
	.layer_pop02 .input_box .rt_box{float:none; width:100%}
	.layer_pop02 .input_box dl{margin-bottom:20px}
	.layer_pop02 .input_box dl dt{letter-spacing:-1.5px;color:#000000; font-size:16px}
	.layer_pop02 .input_box dl dt span{color:#ca2f33}
	.layer_pop02 .input_box dl dd{margin-top:5px}
	.layer_pop02 .input_box dl dd label{display:block;font-size:12px; color:#333333;letter-spacing:-1.5px;vertical-align:middle;height:auto;margin:3px 0}
	.layer_pop02 .input_box dl dd label input[type="text"]{display:inline-block; width:80%}
	.layer_pop02 .input_box dl input{vertical-align:middle}
	.layer_pop02 .input_box dl input[type="text"]{isplay: table-cell;vertical-align: middle;height:30px;background-color: transparent;border: none;border-bottom: 1px solid #cccccc;width: 100%;-moz-appearance: none;padding: 0 5px;font-size: 14px;color: #999999;box-sizing: border-box;outline: none;transition: 0.25s;}
	.layer_pop02 .input_box dl input[type="text"]:focus{border-color:#ca2f33;transition:0.25s;}
	.layer_pop02 .btn{width:90%;;margin:30px auto;height:50px; line-height:50px; text-align:center;border-radius:5px;background:#ca2f33;float:none; transition:all 0.5s }
	.layer_pop02 .btn a{color:#ffffff; font-size:14px;display:block}
	.layer_pop02 .btn:hover{background:#f18200; transition:all 0.5s}

	/*e:pop*/
	/*section*/
	.contents .sec01 .cont_box ul{margin-top:40px}
	.contents .sec01 .cont_box ul li{float:none;display:block;width:100%;margin-left:0;margin-top:15px}
	.contents .sec01 .cont_box ul li:first-child{margin-left:0}
	.contents .sec01 .cont_box ul li .img{display:inline-block; width:20%;vertical-align:middle;margin-right:2%}
	.contents .sec01 .cont_box ul li .img img{max-width:100%;border-radius:100%}
	.contents .sec01 .cont_box ul li .txt_box{display:inline-block; width:75%;text-align:left;vertical-align:middle}
	.contents .sec01 .cont_box ul li .tit{font-size:16px;letter-spacing:-1.5px;color:#000000;margin:0 0 0px;margin-bottom:10px}
	.contents .sec01 .cont_box ul li .txt{font-size:14px;letter-spacing:-1.5px;color:#666666}
	.contents .sec01 .cont_box .btn{background:#ca2f33; text-align:center;width:200px; line-height:45px; height:45px;border-radius:5px;margin:60px auto 0; transition:all 0.5s}
	.contents .sec01 .cont_box .btn a{color:#ffffff;font-size:14px;letter-spacing:-1.5px;display:block; transition:all 0.5s}
	.contents .sec01 .cont_box .btn a img{vertical-align:middle; margin-left:5px;}
	.contents .sec01 .cont_box .btn:hover{background:#f18200; transition:all 0.5s}


	.contents .sec02 .cont_box{max-width:1200px; margin:0 auto;text-align:center;padding:60px 10px 40px ;}
	.contents .sec02 .cont_box .sub_txt{margin-top:25px; color:#666666;font-size:16px;letter-spacing:-1.5px}
	.contents .sec02 .cont_box ul{margin-top:60px;text-align:center}
	.contents .sec02 .cont_box ul::after{content:''; display:block;clear:both}
	.contents .sec02 .cont_box ul li{display:inline-block;width:48%;vertical-align:top;margin-bottom:30px}
	.contents .sec02 .cont_box ul li .img{height:80px}
	.contents .sec02 .cont_box ul li .img img{max-width:100%}
	.contents .sec02 .cont_box ul li .num{letter-spacing:-1.5px;font-size:25px;color:#ca2f33;margin-top:10px; margin-bottom:5px}
	.contents .sec02 .cont_box ul li .txt{letter-spacing:-1.5px;font-size:16px;color:#000000;}
	.contents .sec02 .cont_box ul li .txt span{display:block; font-size:12px;letter-spacing:-1.0px;}

	.contents .sec02 .cont_box02{width:96%;;padding:40px 10px 40px;position: relative;bottom: auto;left: auto;margin-left: 2%;z-index: 99;}
	.contents .sec02 .cont_box02 ul{margin-top:40px}
	.contents .sec02 .cont_box02 ul li{border-bottom:1px solid #d9d9d9;padding:20px 0}
	.contents .sec02 .cont_box02 ul li:first-child{border-top:1px solid #d9d9d9}
	.contents .sec02 .cont_box02 ul li .name{display:inline-block;width:20%;margin-left:2%; vertical-align:top; font-size:25px; letter-spacing:-1.5px;color:#000000;text-align:left}
	.contents .sec02 .cont_box02 ul li .name span{font-size:14px; letter-spacing:-1.5px;color:#666666;display:block;margin-top:5px}
	.contents .sec02 .cont_box02 ul li .txt{display:inline-block;;width:75%; vertical-align:top; font-size:13px; letter-spacing:-1.5px;color:#666666;text-align:left}

	.contents .sec03{background-attachment: initial;}
	.contents .sec03 .cont_box{padding:40px 20px 40px ;}
	.contents .sec03 .cont_box ul li dl dd img.mo{display:block}
	.contents .sec03 .cont_box ul li dl dd img.pc{display:none}

	.contents .sec04{background-size:cover;background-attachment: initial;}
	.contents .sec04 .over_bg{position:absolute; left:0; top:0;width:50%;height:100%;background:rgba(202,47,51,0.7);opacity:0}
	.contents .sec04 .cont_box{max-width:1200px; margin:0 auto;text-align:center;padding:20px 20px  ;position:relative;z-index:1}
	.contents .sec04 .cont_box h2.sub_tit03{text-align:center;color:#ffffff; font-weight:400; font-size:25px; letter-spacing:-1.5px;margin-bottom:30px;margin-top:30px}
	.contents .sec04 .cont_box h2.sub_tit03 span{font-weight:bold;}
	.contents .sec04 .cont_box .lf_box{float:none;width:100%;text-align:left}
	.contents .sec04 .cont_box .lf_box ul li{margin-bottom:10px}
	.contents .sec04 .cont_box .lf_box ul li .num{font-size:24px;letter-spacing:-1.5px; color:#ffffff;border-bottom:2px solid #fff;padding-bottom:20px;float:left;width:15%;position:relative}
	.contents .sec04 .cont_box .lf_box ul li .num:before{content:''; display:block;width:15px; height:2px ;background:#ca2f33;position: absolute;bottom: -2px;right: -15px;}
	.contents .sec04 .cont_box .lf_box ul li dl{padding:20px 10px 20px 30px;background:#fff;float:left;width:85%}
	.contents .sec04 .cont_box .lf_box ul li dl dt{font-size:20px;letter-spacing:-1.5px; color:#000000;margin-bottom:10px}
	.contents .sec04 .cont_box .lf_box ul li dl dd{font-size:14px;letter-spacing:-1.5px; color:#666666;;margin-bottom:5px;text-indent: -8px;padding-left: 8px}
	.contents .sec04 .cont_box .lf_box ul li dl dd span{color:#ca2f33; font-size:20px; font-weight:bold}
	.contents .sec04 .cont_box .rt_box{float:none;width:100%;text-align:left}
	.contents .sec04 .cont_box .rt_box table{width:100%; border-top:3px solid #ffffff; border-bottom:3px solid #ffffff}
	.contents .sec04 .cont_box .rt_box table tr{}
	.contents .sec04 .cont_box .rt_box table tr th{font-size:16px; color:#ffffff;letter-spacing:-1.5px;;font-weight:400;vertical-align:middle;height:60px;;padding-left:5%}
	.contents .sec04 .cont_box .rt_box table tr th span{font-size:12px; color:#ffffff;letter-spacing:-1.5px;font-weight:400;display:block}
	.contents .sec04 .cont_box .rt_box table tr td{font-size:14px; color:#ffffff;letter-spacing:-1.5px;height:50px;font-weight:400;vertical-align:middle;border-top:1px solid #ffffff;;padding-left:5%}
	.contents .sec04 .cont_box .rt_box table tr td span{color:#ca2f33; font-size:20px; font-weight:bold}
	.contents .sec04 .cont_box .rt_box .txt{font-size:15px; color:#ffffff;letter-spacing:-1.5px;line-height:25px;text-indent: -12px;padding-left: 12px;margin-top: 15px;}
	.contents .sec04 .cont_box .rt_box .txt span{color:#ca2f33; font-size:14px;margin-right: 5px;}
	.contents .sec04 .cont_box .rt_box .btn_box{width:100%;text-align:center;margin:60px auto 0;}
	.contents .sec04 .cont_box .rt_box .btn_box:after{content:'';display:block; clear:both}
	.contents .sec04 .cont_box .rt_box .btn_box a.qna{display:block;background:#ca2f33; text-align:center;width:90%; line-height:50px; height:50px;border-radius:5px;margin:0px auto;transition:all 0.5s;float:none; color:#ffffff}
	.contents .sec04 .cont_box .rt_box .btn_box a.down{display:block;background:#ca2f33; text-align:center;width:90%; line-height:50px; height:50px;border-radius:5px;margin:10px auto; transition:all 0.5s;float:none; color:#ffffff}
	.contents .sec04 .cont_box .rt_box .btn_box a:hover{background:#f18200; transition:all 0.5s}
	/*section*/



}
/* e:684px media_query */


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

	.visual .cont_box .rt_box .sun_img{display:none}
	.visual .cont_box .lf_box .mid_txt span{display:block}
	.visual .cont_box .rt_box{ margin-top:20px;}

	/*section*/
	.contents .sec01 .cont_box ul li .img{display:inline-block; width:25%;vertical-align:middle;margin-right:2%}
	.contents .sec01 .cont_box ul li .txt_box{display:inline-block; width:70%;text-align:left;vertical-align:middle}
	.contents .sec01 .cont_box ul li .tit{font-size:16px;letter-spacing:-1.5px;color:#000000;margin:0 0 0px;margin-bottom:10px}
	.contents .sec01 .cont_box ul li .txt{font-size:14px;letter-spacing:-1.5px;color:#666666}
	.contents .sec01 .cont_box .btn{background:#ca2f33; text-align:center;width:80%; line-height:45px; height:45px;border-radius:5px;margin:40px auto 0; transition:all 0.5s}
	.contents .sec01 .cont_box .btn a{color:#ffffff;font-size:14px;letter-spacing:-1.5px;display:block; transition:all 0.5s}
	.contents .sec01 .cont_box .btn a img{vertical-align:middle; margin-left:5px;}
	.contents .sec01 .cont_box .btn:hover{background:#f18200; transition:all 0.5s}

	.contents .sec02 .cont_box02 ul li .name{display:inline-block;width:20%;margin-left:2%; vertical-align:top; font-size:18px; letter-spacing:-1.5px;color:#000000;text-align:left}

	/*section*/


}
/* e:480px media_query */