#hd{width: 100%;height: 70px;position: fixed;top: 0;left: 0;right: 0;background: #fff;z-index: 9999;}
#hd .logo{position: absolute;top: 12px;left: 0;}
#hd #gnb{float: right;width: 70%;}
#gnb .gnb_1dli{padding: 0px 3.1%;}
#gnb .gnb_menu_btn {background:#4158d1;color:#fff;width:50px;height:55px;border:0;vertical-align:top;font-size:18px}
.gnb_close_btn {background:#fff;color:#b6b9bb;width:50px;height: 34px;border:0;vertical-align:top;font-size:18px;position:absolute;top: -57px;right: 24px;}
.gnb_close_btn img{ height: 100%;}
#gnb .gnb_mnal {float:right;padding:0}
.gnb_1da{font-size: 18px;letter-spacing: -0.1em;height: 70px;font-weight: 400;transform: rotate(0.02deg);}
.gnb_1da:hover{/* border-bottom: 3px solid #3da6fe; */color: #3da6fe;font-weight: 600;}
.gnb_mnal, .gnb_close_btn{ display: none;}

/* footer */
#footer_area{background-color: #f2f2f2;margin: 0 0 0;font-size: 16px;font-weight: 100;}
#footer_area .footer_top{border-top: 1px solid #a1a1a1;border-bottom: 1px solid #a1a1a1;/* padding: 1.5% 0; */}
#footer_area .footer_top .left_item{width: 50%;padding: 1.5% 0;}
#footer_area .footer_top .right_item{min-width: 250px;border-left: 1px solid #a1a1a1;border-right: 1px solid #a1a1a1;line-height: 65px;height: 65px;width: 15%;line-height: 62px;position: relative;overflow: hidden;}
#footer_area .footer_logo{ padding: 0 1% 0 0; }
#footer_area .footer_top a{color: #4d4d4d;padding: 0 1%;display: inline-block;/* float: left; */}
#footer_area .footer_bot{padding: 1.5% 0;}
#footer_area .footer_bot p{ color: #a2a2a2;}
#footer_area .footer_bot #ft_copy{color: #a2a2a2;padding: 1% 0 0;}
#footer_area .family_site_block{}
#footer_area .family_site_block:before{content:'';display: block;width: 50px;height: 62px;background-color: #f2f2f2;background-image: url('../img/btn/family_site_plus.png');position: absolute;top: 2px;right: 2px;z-index: 99;background-position: center;background-repeat: no-repeat;/* background-size: 37px; */}
#footer_area .family_site_block.active:before{content:'';background-image: url('../img/btn/family_site_minus.png');}
#family_site{min-width: 250px;width: 100%;line-height: 65px;height: 65px;border: 0;/* border-left: 1px solid #a1a1a1; *//* border-right: 1px solid #a1a1a1; */background-color: #f2f2f2;text-indent: 10px;position: relative;vertical-align: initial;}
#family_site option{}

/* common */
#wrapper{/* min-width: 680px; */margin: 0 auto;overflow: hidden;}
.pc_block{ display: inline-block !important;}
.pc_img{ display: inline-block !important;}
.mo_block{ display: none !important;}
.mo_img{ display: none !important;}
.mo_menu{ display: none !important;}
.no_ma{ margin:0 !important;}
.no_pa{ padding:0 !important;}
.full_img{ width: 100%;}
.inner_wrap{width: 1200px;position: relative;margin: 0 auto;letter-spacing: -0.05em; display: block !important;}
.inner_wrap:after{ content:''; display: block; clear: both;}
.clear_item:after{ content:''; display: block; clear: both;}
.left_item{ float: left;}
.right_item{ float: right;}
input::placeholder,
textarea::placeholder { color:#cfcfcf; }
h1, h2, h3, h4, h5, h6, p, strong, span, i, input, textarea, label{}

/* color */
.col_lightgray{ color: #a0a0a0;}
.col_deepblue{color: #003377;}
.col_lightblue{ color: #b1cef4;}
.col_red{ color: #de2323;}
.col_skyblue{ color: #3da6fe;}

/* board */
#bo_list,
#bo_w,
#bo_v,
#bo_gall{ width: 1200px; margin: 70px auto 0;}
#bo_list{}
#bo_w{}
#bo_v{}
#bo_gall{}

.board_top{position: relative;text-align: center;margin-top: 80px;background-image: url('../img/sub_visual.png');background-position: left;background-repeat: no-repeat;background-size: cover;height: 379px;}
.board_top_tit{position: absolute;top: 0;left: 0;width: 100%;line-height: 379px;/* height: 100%; */font-size: 40px;color: #fff;z-index: 999;}

#bo_gall .gall_text_href a{font-size: 24px;line-height: 2.6rem;text-overflow: ellipsis;white-space:nowrap;word-wrap:normal;width: 100%;overflow:hidden;font-weight: 300;margin: 20px 0 0;}
#bo_gall .bo_cnt{font-size: 20px;line-height: 1.6rem;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;width: 100%;overflow: hidden;display: inline-block;font-weight: 300;}
#bo_gall .gall_box{ margin:0 0 80px 0;}

/* privacy */
.privacy_box { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 600px; height: 400px; background: #fff; box-shadow: 5px 5px 10px rgb(0 0 0 / 50%); z-index: 999; }
.privacy_close {text-align: center;height: 40px;line-height: 40px;background: #3da6fe;color: #fff;font-size: 16px;cursor: pointer;}
.privacy_box textarea { border: none; resize: none; padding: 15px; outline: none; width: 100%; height: 360px; }

/* main content */
.sec{ position: relative;}

.main_visual_wrap{padding: 70px 0 0;position: relative;}
.main_visual{}
.main_visual_box{ position: relative; }
.main_visual_box .inner_wrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.visual_txt{ z-index: 999;}
.visual_txt01{ padding: 0 0 21%; } 
.visual_txt01 .txt01{ font-size: 30px; }
.visual_txt01 .txt02{ font-size: 50px; letter-spacing: -0.05rem; font-weight: 600; }
.visual_txt01 .txt03{ font-size: 50px; letter-spacing: -0.05rem; font-weight: 600; }
.visual_txt02{ padding: 0 0 22%; }
.visual_txt02 .txt01{ font-size: 30px; color: #fff; }
.visual_txt02 .txt02{ font-size: 48px; color: #fff; font-weight: 600; }
.visual_txt02 .txt03{ font-size: 48px; color: #fff; font-weight: 600; }

.progress_wrap {width: 200px;left:50%;margin-left:-600px;bottom: 35%;position: absolute;}
.progress_box {width:200px;height:30px; line-height:30px;}
.progress_box:after {content:"";clear:both;display:block;position:absolute;top: 15px;left:10%;width:80%;height: 2px;background: #ddd;}
.pro-bar{position:absolute;bottom: 13px;left:10%;width:0;height: 2px;background: #3da6fe;z-index: 999;}
.pro-ani{
  animation: proBar 3.5s 1;
  width: 75%;
}
.full-ani{
  animation: fullBar 3.5s 1;
  transform: scale(1.1);
}
@keyframes fullBar{
  0%{transform: scale(1);}
  100%{transform: scale(1.1);}
}
@keyframes proBar{
  0%{width:0;}
  100%{width:80%;}
}
@keyframes proBar2{
  0%{width:0;}
  100%{width:100%;}
}
.slide-now {left:0;font-size:20px;font-family: 'Montserrat';color: #dddddd;position: absolute;}
.slicd-total {right:0;font-size:20px;font-family: 'Montserrat';color: #dddddd;position: absolute;}

.ico_scroll {width: 46px;height: 56px;position: absolute;animation-name: updown;animation-duration: 4s;animation-iteration-count: infinite;left: 50%;bottom: 0;margin-left: -23px;}

@keyframes updown {
  0%   {bottom:10px;}
  50%  {bottom:80px;}
  100% {bottom:10px;}
}

.quick {position: fixed;bottom: 13rem;right: 2.5rem;width: 7rem;z-index: 99;text-align: right;}
.quick a {display:block;}
.quick .quick_mail {margin-bottom:20px;display:block;}
.sec .sec_tit > p{font-family: 'Montserrat', sans-serif;font-size: 60px;text-transform: uppercase;line-height: 60px;}
.sec .sec_tit_mo > p{font-family: 'Montserrat', sans-serif;font-size: 4.4rem;text-transform: uppercase;line-height: 4.4rem;}
.sec01{padding: 10% 0;}
.sec01 .sec_tit{width: 26%;min-width: 280px;display: inline-block !important;margin: 0 10% 0 0;vertical-align: top;display: block;}
.sec01 .sec_tit_mo{display: none;}
.sec01 .sec_tit span{color: #808080;font-size: 14px;font-weight: 400;letter-spacing: -0.05rem;padding: 15% 0 0;display: inline-block;}
.sec01 .block{width: 30%;min-height: 200px;display: inline-block;padding: 5%;text-align: center;background-repeat: no-repeat, no-repeat;box-sizing: border-box;}
.sec01 .block01{background-image: url(../img/sec01_block01_ico.png), url(../img/sec01_block_bg.png);background-position: 90% 80%, left bottom; background-size: 138px, cover;margin-right: 2%;}
.sec01 .block02{ background-image: url(../img/sec01_block02_ico.png), url(../img/sec01_block_bg.png);background-position: 90% 80%, left bottom; background-size: 111px, cover;}
.sec01 .block_tit{ font-size: 20px; }
.sec01 .block_num{ font-family: 'Montserrat'; font-size: 40px; color: #3da6fe; }
.sec01 .num{}

.sec02{background-image: url(../img/sec02_bg01.png);background-repeat: no-repeat;background-position: left;height: 935px;position: relative;overflow: hidden;}

.sec02_slide_box{ display: block;}
.sec02 .progress_wrap{display: block;}
.sec02 .slick-slider.sec02_nav{display: block;}
.sec02_nav_mo{display: none !important;}
.sec02 .progress_wrap_mo{ display: none;}
.sec02_slide_box_mo{ display: none;}

.sec02 .slick-slider{}
.sec02 .slick-slider .slick-list{background-color: #f0f6fb;}
.sec02 .slick-slide{padding:2px;margin-left: 20px;}
.sec02 .slick-list{position: initial;}
.sec02 .slick-arrow{}
.sec02 .slick-prev{background-image: url(../img/btn/btn_arrow_left.png) !important;width: 80px;height: 80px;background-position: center;background-repeat: no-repeat;background-color: #fff;bottom: 0;margin-bottom: 0;top: 895px;left: 22px;margin-left: 0;z-index: 999;border: 1px solid #eaeaea;}
.sec02 .slick-prev:before{ content:'';}
.sec02 .slick-next{background-image: url(../img/btn/btn_arrow_right.png) !important;width: 80px;height: 80px;background-position: center !important;background-repeat: no-repeat !important;background-color: #fff !important;bottom: 0;margin-bottom: 0;top: 895px;right: inherit;margin-right: inherit;left: 101px;z-index: 999;border: 1px solid #eaeaea;}
.sec02 .slick-next:before{ content:'';}
.sec02 .slick-prev:hover,
.sec02 .slick-prev:focus{background-color:  #fff;background: url(../img/btn/btn_arrow_left.png) #fff center no-repeat !important;}
.sec02 .slick-next:hover,
.sec02 .slick-next:focus{background-image: url(../img/btn/btn_arrow_right.png) !important;}
.sec02 .slick-prev:before, .sec02 .slick-next:before{ font-size: 0px;}

.sec02 .progress_wrap {width: 500px;left: -10%;margin-left: 0;bottom: inherit;top: 38%;position: absolute;}
.sec02 .progress_box {width: 500px;height:30px;line-height:30px;}
.sec02 .progress_box:after{content: "";clear: both;display: block;position: absolute;top: inherit;bottom: 16px;left: 10%;width: 80%;height: 3px;background: #ddd;}
.sec02 .pro-bar{position:absolute;bottom: 16px;left:10%;width:0;height: 3px;background: #3da6fe;z-index: 999;}

.sec02 .sec02_txt_box{padding: 145px 0 0;width: 44%;display: inline-block;float: left;/* text-align: right; */}
.sec02 .sec02_txt_block{margin-left: 42%;position: relative;}
.sec02_slide_tit{position: absolute;top: 50%;left: 50%;color: #fff;font-size: 40px;transform: translate(-50%,-50%);/* line-height: 687px; *//* margin-left: -178px; */width: 100%; font-weight: 600;}
.sec02 .txt{color: #898989;font-size: 23px;letter-spacing: -0.05rem;padding: 2% 0 0;}
.sec02_slide_box{text-align: center;position: relative;width: 56%;height: 935px;float: left;overflow: hidden;}
.sec02_slide_block{position: relative;min-height: 935px; background-size: cover; transition: .3s;}
.sec02_slide .slick-slide .sec02_slide_block01{ background-image: url('../img/sec02_off_img01.jpg');}
.sec02_slide .slick-slide .sec02_slide_block02{ background-image: url('../img/sec02_off_img02.jpg');}
.sec02_slide .slick-slide .sec02_slide_block03{ background-image: url('../img/sec02_off_img03.jpg');}
.sec02_slide .slick-slide .sec02_slide_block04{ background-image: url('../img/sec02_off_img04.jpg');}
.sec02_slide .slick-slide .sec02_slide_block05{ background-image: url('../img/sec02_off_img05.jpg');}
.sec02_slide .slick-slide .sec02_slide_block06{ background-image: url('../img/sec02_off_img06.jpg');}
.sec02_slide .slick-current .sec02_slide_block01{ background-image: url('../img/sec02_img01.jpg');}
.sec02_slide .slick-current .sec02_slide_block02{ background-image: url('../img/sec02_img02.jpg');}
.sec02_slide .slick-current .sec02_slide_block03{ background-image: url('../img/sec02_img03.jpg');}
.sec02_slide .slick-current .sec02_slide_block04{ background-image: url('../img/sec02_img04.jpg');}
.sec02_slide .slick-current .sec02_slide_block05{ background-image: url('../img/sec02_img05.jpg');}
.sec02_slide .slick-current .sec02_slide_block06{ background-image: url('../img/sec02_img06.jpg');}
.sec02_slide .slick-slide{min-width: 305px;height: 935px;position: relative;}
.sec02_slide .slick-slide img{filter: grayscale(1) brightness(1) contrast(500%);width: 80%;margin: 0 auto;transition: .3s;}
.sec02_slide .slick-current{min-width: 470px;height: 935px;}
.sec02_slide .slick-current img{filter: inherit;width: 100%;}

.sec02 .slick-slider.sec02_nav{padding: 150px 0 0;}
.sec02 .sec02_nav .slick-slide{ margin:0;}
.sec02_nav .slide_txt {/* margin-left: 44%; */}
.sec02_nav .sec02_tit{color: #3da6fe;font-size: 26px;padding: 15% 0 3%;}
.sec02_nav .sec02_tit strong{}
.sec02_nav .sec02_s_tit01{font-size: 22px;padding: 0 0 1%; font-weight: 600;}
.sec02_nav .sec02_txt01{ font-size: 18px; font-weight: 300; }
.sec02_nav .sec02_s_tit02{font-size: 22px;padding: 5% 0 2%; font-weight: 600;}
.sec02_nav .sec02_txt02{font-size: 18px;font-weight: 300;}


.sec03{padding: 12% 0 0;}
.sec03 .sec_tit{ padding: 0 0 5%; }
.ilive_box{width: 32%;float: left;margin-right: 1.5%;}
.ilive_box .pic_lt{ /* font-size: 22px; */ }
.ilive_box .lat_title{font-size: 24px;text-transform: uppercase;line-height: 3.6rem;}
.ilive_box .lat_title a{ color: #3da6fe; }
.ilive_box ul{ margin:0;}
.ilive_box li{width: 98%;background-image: url(../img/sec03_bg01.png);background-repeat: no-repeat;background-position: left bottom;background-size: cover;margin-right: 0;position: relative;width: 100%;height: 260px;padding: 6% 8%;}
.ilive_box li .title{ font-size: 20px; font-weight: 700; padding-bottom:10px;}
.ilive_box li .sub_title{font-size: 16px;color: #afafaf;line-height: 4rem;}
.ilive_box li .name{font-size: 18px;border-left: 1px solid #000;line-height: 1rem;padding: 0 0 0 7px;}
.ilive_box .lt_more{font-size: 14px;top: 16px;width: 72px;right: 0;}
.ilive_box li > a{display: inline-block;}
.ilive_box li > a > img{position: absolute;bottom: 20px;right: 20px;}

.ilive_re_box{width: 66%;float: left;}
.ilive_re_box .pic_li_lt{}
.ilive_re_box .lat_title{ font-size: 24px; text-transform: uppercase; line-height: 3.6rem; }
.ilive_re_box .lat_title a{ color: #1e1e1e; }
.ilive_re_box ul{ margin:0;}
.ilive_re_box li{width: 48%;background-image: url(../img/sec03_bg02.png);background-repeat: no-repeat;background-position: left bottom;background-size: cover;position: relative;width: 49%;height: 260px;padding: 3% 5%;margin: 0 2% 0 0;}
.ilive_re_box li:nth-child(even){ margin-right: 0 !important; }
.ilive_re_box li .title{ font-size: 20px; font-weight: 700; padding-bottom:10px; display:block;}
.ilive_re_box li .sub_title{ font-size: 16px; color: #afafaf; line-height: 3rem; }
.ilive_re_box li .name{ font-size: 18px; border-left: 1px solid #000; line-height: 1rem; padding: 0 0 0 7px; }
.ilive_re_box .lt_more{ font-size: 14px; top: 16px; width: 72px; right: 0; }
.ilive_re_box li > a > img{position: absolute;bottom: 20px;right: 20px;}

.sec04{padding: 4% 0 0;}
.sec04 .sec_tit{ margin: 0 0 5%;}
.sec04 .sec_txt{ margin: 5% 0 2%; font-size: 23px; color: #000; font-weight: 300; letter-spacing: -0.05rem; }
.sec04 .sec_tit_mo{ display: none;}
.sec04 .sec_txt_mo{ display: none;}
.sec04 .block_box_mo{ display: none;}
.sec04 .block{float: left;background-repeat: no-repeat, no-repeat;padding: 3% 4%;transition: .3s;}
.sec04 .block01{ width: 49%; height: 486px; background-image: url(../img/sec04_block01_ico.png), url(../img/sec04_bg_off.png); background-position: 80% 90%, left bottom;background-size: 283px, cover;margin-right: 2%; }
.sec04 .block02{ width: 49%; height: 345px; background-image: url(../img/sec04_block02_ico.png),url(../img/sec04_bg_off.png); background-position: 93% 90%, left bottom;background-size: 155px,cover;margin-bottom: 2%; }
.sec04 .block03{width: 49%;height: 246px; background-image: url(../img/sec04_block03_ico.png),url(../img/sec04_bg_off.png); background-position: 90% 80%, left bottom;background-size: 111px, cover;position: absolute;top: 73%;}
.sec04 .block04{ width: 49%; height: 387px; background-image: url(../img/sec04_block04_ico.png),url(../img/sec04_bg_off.png); background-position: 80% 90%, left bottom;background-size: 286px, cover;}
.sec04 .block01:hover{ background-image: url(../img/sec04_block01_ico.png),url(../img/sec04_bg_on.png); background-position: 80% 90%, left bottom;background-size: 283px,cover;}
.sec04 .block02:hover{ background-image: url(../img/sec04_block02_ico.png),url(../img/sec04_bg_on.png); background-position: 93% 90%, left bottom;background-size: 155px,cover;}
.sec04 .block03:hover{ background-image: url(../img/sec04_block03_ico.png),url(../img/sec04_bg_on.png); background-position: 90% 80%, left bottom;background-size: 111px,cover;}
.sec04 .block04:hover{ background-image: url(../img/sec04_block04_ico.png),url(../img/sec04_bg_on.png); background-position: 80% 90%, left bottom;background-size: 286px,cover;}
.sec04 .block .block_tit{}
.sec04 .block .block_tit strong{color: #fff;font-size: 22px;line-height: 3rem;}
.sec04 .block .block_txt{color: #fff;font-size: 18px;letter-spacing: -0.05rem;line-height: 1.8rem;}
.sec04 .block .view_more{ padding-top: 4%; display: inline-block; }

.db01{padding: 6% 0 4%;}
.db01 .sec_tit{ font-size: 20px; letter-spacing: -0.05rem; }
.db01 .mid_form{}
.db01 .form_box{ position: relative; }
.db01 .inputs{width: 75%;/* float: left; */}
.db01 .inputs li{ width: 30%; margin: 0 2% 0 0; float: left; }
.db01 .inputs input{ border: 0; border-bottom: 2px solid #3da6fe; width: 100%; line-height: 3.6rem; font-size: 16px; }
.db01 .form_label{ display: block; padding: 2% 0 0; text-align: right; /* text-align: left; */ }
.db01 .form_label label{width: auto;font-size: .9rem;cursor: pointer;}
.db01 .form_label input{ width: auto; text-indent: 0rem; font-size: 1rem;}
.db01 .form_label input[type='checkbox'] { width: 0px; height: 0px; line-height: 0px; margin: 0 .2rem 0 0; position: relative; left: -999em; }
.db01 .form_label input[type='checkbox'] + .checkmark {background-image: url('../img/ico/checkmark_off.png');background-size: cover;background-repeat:no-repeat;display: inline-block;width: 20px;height: 18px;vertical-align: middle;margin: 0 .2rem 0 0;}
.db01 .form_label input[type='checkbox']:checked + .checkmark { background-image: url('../img/ico/checkmark.png'); }
.db01 .form_label .btn_privacy{ font-size: .9rem; color: #6c6c6c;}
.db01 input[type='image']{ position: absolute; top: 0; right: 0; }

.db02{ background-color: #3da6fe; padding: 5% 0; text-align: center; margin-top: 12%; }
.db02 .sec_tit{font-size: 48px;letter-spacing: -0.05rem;color: #fff;padding-bottom: 4%;}
.db02 .sec_txt{ font-size: 24px; letter-spacing: -0.1rem; color: #fff; font-weight: 300; }
.db02 .bot_form{}
.db02 .form_box{width: 50%;margin: 0 auto;}
.db02 .form_box .open_btn{width: 100%;background-color: #fff;color: #3da6fe;border-radius: 10px;display: block;height: 4.5rem;line-height: 4.5rem;font-size: 1.5rem;font-weight: 600;}
.db02 .form_box .open_btn img{ width: 100%;}
.db02 .form_acodian{ display: none;}
.db02 .inputs{}
.db02 .inputs li{}
.db02 .inputs input{border: 0;border-radius: 5px;line-height: 3rem;width: 100%;text-indent: 10px;font-size: 17px;margin-bottom: 2%;}
.db02 .inputs textarea{border: 0;line-height: 3rem;text-indent: 10px;font-size: 17px;margin-bottom: 1%;width: 100%;height: 180px;border-radius: 8px;}
.db02 .form_label{ text-align: left; color: #fff; }
.db02 .form_label label{width: auto;font-size: .9rem;margin: 0 0 5%;display: inline-block;cursor: pointer;}
.db02 .form_label input{ width: auto; text-indent: 0rem; font-size: 1rem;}
.db02 .form_label input[type='checkbox'] { width: 0px; height: 0px; line-height: 0px; margin: 0 .2rem 0 0; position: relative; left: -999em; }
.db02 .form_label input[type='checkbox'] + .checkmark {background-image: url('../img/ico/checkmark_off.png');background-size: cover;background-repeat:no-repeat;display: inline-block;width: 20px;height: 18px;vertical-align: middle;margin: 0 .2rem 0 0;}
.db02 .form_label input[type='checkbox']:checked + .checkmark {background-image: url('../img/ico/checkmark2.png'); }
.db02 .form_label .btn_privacy{ font-size: .9rem; color: #6c6c6c;}
.db02 input[type='submit']{width: 100%;background-color: #fff;color: #3da6fe;border-radius: 10px;display: block;height: 4.5rem;line-height: 4.5rem;font-size: 1.6rem;font-weight: 600;border: 0;}

.quick_form {position:absolute;padding:0; margin:0;bottom: 85px; right:0;width: 16.3rem;height: 18.1rem;/* background:url("../img/quick_mail.png") center center no-repeat; *//* background-size: cover; */background: initial;/* background-color: #f2f2f2; */}
.quick_form.db02 .form_label {color:#c9c9c9;font-size: 1.2rem;margin:10px 0 0;}
.quick_form.db02 .form_label label {color:#c9c9c9; font-size:11px;}
.quick_input {width: 100%;padding: 1rem 1rem .5rem;color:#c9c9c9;background-color: #f2f2f2;}
.qt_img, .qb_img{ width: 100%;}
.qb_img{margin-top: -5px;}
.quick_mail_addr {width:220px; height:35px; line-height:35px;border-radius:3px; color:#d8d8d8;text-indent:15px; font-size:16px;border:none;}
.quick_form.db02 input[type='submit'] {margin:auto;width: 100%;height: 2.2rem;line-height: 1.5rem;border-radius:3px; color:#fff;font-size: 1.2rem; font-weight:700;background:#3a77ee}
.quick_mail_close {position:absolute; top:25px; right:10px;cursor:pointer;}
@media screen and (max-width: 1720px) {
/* sec02 */
.sec02 .progress_wrap{left: -7%;}
.sec02 .progress_wrap {width: 300px;left: -10%;margin-left: 0;bottom: inherit;top: 38%;position: absolute;}
.sec02 .progress_box {width: 300px;height:30px;line-height:30px;}
.sec02 .slick-prev{background-image: url(../img/btn/btn_arrow_left.png);width: 80px;height: 80px;background-position: center;background-repeat: no-repeat;background-color: #fff;bottom: 0;margin-bottom: 0;top: 895px;left: 22px;margin-left: 0;z-index: 999;border: 1px solid #eaeaea;}
.sec02 .slick-next{background-image: url(../img/btn/btn_arrow_right.png) !important;width: 80px;height: 80px;background-position: center !important;background-repeat: no-repeat !important;background-color: #fff !important;bottom: 0;margin-bottom: 0;top: 895px;right: inherit;margin-right: inherit;left: 101px;z-index: 999;border: 1px solid #eaeaea;}

}
@media screen and (max-width: 1440px) {
#hd #gnb{
    width: 56%;
}
#gnb .gnb_1dli{
    padding: 0 0 0 3.5%;
}

.sec02{background-size: cover;padding: 0;height: inherit;background-image: none;background-color: #f0f6fb;}


.sec02_slide_mo .slick-list{overflow: visible;}
.sec02_slide_mo .sec02_slide_block{min-height: inherit;background-position: center;}
.sec02_slide_mo .slick-slide .sec02_slide_block{/* transform: scale(0.9); */}
.sec02_slide_mo .slick-slide .sec02_slide_block img{ width: 100%;}
.sec02_slide_mo .slick-slide .sec02_slide_block .onimg{ display: none;}
.sec02_slide_mo .slick-slide .sec02_slide_block .offimg{ display: block;}
.sec02_slide_mo .slick-current .sec02_slide_block .onimg{ display: block;}
.sec02_slide_mo .slick-current .sec02_slide_block .offimg{ display: none;}
/* .sec02_slide_mo .slick-slide .sec02_slide_block01{ background-image: url('../img/mobile/sec02_off_img01.jpg');}
.sec02_slide_mo .slick-slide .sec02_slide_block02{ background-image: url('../img/mobile/sec02_off_img02.jpg');}
.sec02_slide_mo .slick-slide .sec02_slide_block03{ background-image: url('../img/mobile/sec02_off_img03.jpg');}
.sec02_slide_mo .slick-slide .sec02_slide_block04{ background-image: url('../img/mobile/sec02_off_img04.jpg');}
.sec02_slide_mo .slick-slide .sec02_slide_block05{ background-image: url('../img/mobile/sec02_off_img05.jpg');}
.sec02_slide_mo .slick-slide .sec02_slide_block06{ background-image: url('../img/mobile/sec02_off_img06.jpg');} */
.sec02_slide_mo .slick-current .sec02_slide_block{z-index: 99;overflow: hidden;}
/* .sec02_slide_mo .slick-current .sec02_slide_block01{background-image: url('../img/mobile/sec02_img01.jpg');}
.sec02_slide_mo .slick-current .sec02_slide_block02{ background-image: url('../img/mobile/sec02_img02.jpg');}
.sec02_slide_mo .slick-current .sec02_slide_block03{ background-image: url('../img/mobile/sec02_img03.jpg');}
.sec02_slide_mo .slick-current .sec02_slide_block04{ background-image: url('../img/mobile/sec02_img04.jpg');}
.sec02_slide_mo .slick-current .sec02_slide_block05{ background-image: url('../img/mobile/sec02_img05.jpg');}
.sec02_slide_mo .slick-current .sec02_slide_block06{ background-image: url('../img/mobile/sec02_img06.jpg');} */

.sec02 .sec02_txt_box{padding: 10% 0 0;width: 40%;float: left;text-align: left;margin: 0 0 0 4%;}
.sec02 .sec02_txt_block{ margin:0;}
.sec02 .slick-prev{background-image: url(../img/btn/btn_arrow_left.png) !important;width: 80px;height: 80px;background-position: center;background-repeat: no-repeat;background-color: #fff;bottom: inherit;margin-bottom: inherit;top: 895px;left: inherit;margin-left: inherit;left: 22px;z-index: 999;border: 1px solid #eaeaea;}
.sec02 .slick-next{background-image: url(../img/btn/btn_arrow_right.png) !important;width: 80px;height: 80px;background-position: center !important;background-repeat: no-repeat !important;background-color: #fff !important;bottom: inherit;margin-bottom: inherit;top: 895px;left: 101px;margin-right: 0;z-index: 999;border: 1px solid #eaeaea;}

.sec02 .progress_wrap {width: 500px;left: -10%;margin-left: 0;bottom: inherit;top: 38%;position: absolute;}
.sec02 .progress_box {width: 300px;height:30px;line-height:30px;margin: 5% 0 0 5%;}
.sec02 .progress_box:after{content: "";clear: both;display: block;position: relative;top: inherit;bottom: inherit;left: 10%;width: 300px;height: 3px;background: #ddd;margin-top: -3px;}
.sec02 .pro-bar{position: relative;bottom: inherit;left: 10%;width:0;height: 3px;background: #3da6fe;z-index: 999;}
.sec02 .pro-ani{animation: proBar2 3.5s 1;width: 0;}

.sec02_nav_mo .slide_txt{text-align: center;}
.sec02_nav_mo .sec02_tit strong{}
.sec02_nav_mo .sec02_s_tit01{font-size: 22px;padding: 0 0 1%;}
.sec02_nav_mo .sec02_txt01{ font-size: 18px; font-weight: 300; }
.sec02_nav_mo .sec02_s_tit02{font-size: 22px;padding: 5% 0 2%;}
.sec02_nav_mo .sec02_txt02{font-size: 18px;font-weight: 300;}

}
@media screen and (max-width: 1270px) {
.main_visual_box .inner_wrap{
    transform: translate(-42%, -50%);
}
.visual_txt01{padding: 0 0 14%;} 
.visual_txt01 .txt01{font-size: 24px;}
.visual_txt01 .txt02{font-size: 44px;letter-spacing: -0.05rem;font-weight: 600;}
.visual_txt01 .txt03{font-size: 44px;letter-spacing: -0.05rem;font-weight: 600;}
.visual_txt02{padding: 0 0 16%;}
.visual_txt02 .txt01{font-size: 24px;color: #fff;}
.visual_txt02 .txt02{font-size: 42px;color: #fff;font-weight: 600;}
.visual_txt02 .txt03{font-size: 42px;color: #fff;font-weight: 600;}
.progress_wrap {width: 200px;left: 0;margin-left: inherit;bottom: 30%;position: absolute;transform: translate(57%, -50%);}
.progress_box {width:200px;height:30px; line-height:30px;}
.progress_box:after {content:"";clear:both;display:block;position:absolute;top: 15px;left:10%;width:80%;height: 2px;background: #ddd;}
.pro-bar{position:absolute;bottom: 13px;left:10%;width:0;height: 2px;background: #3da6fe;z-index: 999;}

}
@media screen and (max-width: 1214px) {

#hd{width: 100%;}
#hd #gnb {width: 72%;}
#gnb .gnb_1dli{padding: 0 0 0 3.5%;}

/* footer */
#footer_area{padding: 0 0 3%;}
#footer_area .footer_top .left_item { width: 50%; padding: 1.8% 0; }

/* common */
.inner_wrap{width: 96%;margin: 0 auto;}
.inner_wrap.full{ width: 100%; margin:0;}

/* board */
#bo_list, #bo_w, #bo_v, #bo_gall{ width: 96%; margin: 0 auto;}

/* main */
.sec01 .sec_tit{margin: 0 5% 0 0;}
.sec01 .block{width:33%;}




}
@media screen and (max-width: 1170px) {
.sec01 .sec_tit{margin: 0 1% 0 0;}
.sec01 .block{width:33%;}
}
@media screen and (max-width: 1000px) {
.sec01{ width: 100%;}
.sec01 .sec_tit { width: 29%; margin: 0 10% 0 0;}
.sec01 .sec_tit{display: none !important;}
.sec01 .sec_tit_mo{display: block;}
.sec01 .sec_tit_mo span{display: block;color: #808080;font-size: 1rem;letter-spacing: -0.05rem;padding: 3% 0;display: block;}
.sec01 .block{width: 100%;height: inherit;background-image: none;margin: 0 0 2%;text-align: center;position: relative;padding: 0;}
.sec01 .block .mo_img{display: block !important;width: 100%;}
.sec01 .block01{margin-right: 0;}
.sec01 .block02{}
.sec01 .block_tit{position: absolute;left: 0;top: 21%;width: 100%;font-size: 1.6rem;}
.sec01 .block_num{position: absolute;top: 48%;left: 0;width: 100%;font-size: 3rem;}

.ilive_box{width: 100%;float: inherit;margin-right: 0;}
.ilive_box .pic_lt{ /* font-size: 22px; */ }
.ilive_box .lat_title{font-size: 24px;text-transform: uppercase;line-height: 3.6rem;}
.ilive_box .lat_title a{ color: #3da6fe; }
.ilive_box ul{ margin:0;}
.ilive_box li{background-image: url(../img/mobile/sec03_bg01.jpg);background-repeat: no-repeat;background-position: left bottom;background-size: cover;margin-right: 0;position: relative;width: 100%;height: 260px;padding: 3% 5%;}
.ilive_box li .title{ font-size: 20px; font-weight: 700; }
.ilive_box li .sub_title{font-size: 16px;color: #afafaf;line-height: 4rem;}
.ilive_box li .name{font-size: 18px;border-left: 1px solid #000;line-height: 1rem;padding: 0 0 0 7px;}
.ilive_box .lt_more{font-size: 14px;top: 16px;width: 72px;right: 0;}
.ilive_box li > a{display: inline-block;}
.ilive_box li > a > img{position: absolute;bottom: 20px;right: 20px;}

.ilive_re_box{width: 100%;float: inherit;margin-top: 10%;}
.ilive_re_box .pic_li_lt{}
.ilive_re_box .lat_title{ font-size: 24px; text-transform: uppercase; line-height: 3.6rem; }
.ilive_re_box .lat_title a{ color: #1e1e1e; }
.ilive_re_box ul{ margin:0;}
.ilive_re_box li{background-image: url(../img/mobile/sec03_bg02.jpg);background-repeat: no-repeat;background-position: left bottom;background-size: cover;position: relative;width: 100%;height: 260px;padding: 3% 5%;margin: 0 0  3% 0;}
.ilive_re_box li:nth-child(even){ margin-right: 0 !important; }
.ilive_re_box li .title{ font-size: 20px; font-weight: 700; }
.ilive_re_box li .sub_title{font-size: 16px;color: #afafaf;line-height: 4rem;}
.ilive_re_box li .name{ font-size: 18px; border-left: 1px solid #000; line-height: 1rem; padding: 0 0 0 7px; }
.ilive_re_box .lt_more{ font-size: 14px; top: 16px; width: 72px; right: 0; }
.ilive_re_box li > a > img{position: absolute;bottom: 20px;right: 20px;}

.sec04 .sec_tit{ display: none;}
.sec04 .sec_txt{ display: none;}
.sec04 .block_box{ display: none;}
.sec04 .sec_tit_mo{display: block;margin: 0 0 5%;}
.sec04 .sec_txt_mo{display: block;font-size: 1.7rem;margin: 0 0 3%;}
.sec04 .block_box_mo{ display: block;}
.sec04 .block{position: relative;padding:0;width: 100%;height: inherit;margin: 2% 0 6%;top: inherit;float: inherit;background: none;}
.sec04 .block img{width: 100%;}
.sec04 .txt_box{position : absolute;top: 8%;left: 5%;z-index: 9;}
.sec04 .block01{width: 100%;height: inherit;background-image: none;margin-right: 0;}
.sec04 .block02{width: 100%;height: inherit;background-image: none;/* margin-bottom: 0; */}
.sec04 .block03{width: 100%; height: inherit;background-image: none;position: relative;top: 0;}
.sec04 .block04{ width: 100%; height: inherit;background-image: none; }
.sec04 .block01:hover{ background-image: none;}
.sec04 .block02:hover{ background-image: none;}
.sec04 .block03:hover{ background-image: none;}
.sec04 .block04:hover{ background-image: none;}
.sec04 .block .on_img{opacity: 0;position: absolute;top:0;left:0;transition: .3s;}
.sec04 .block:hover .on_img{ opacity: 1;}
.sec04 .block .block_tit strong{color: #fff;font-size: 2rem;line-height: 3.5rem;}
.sec04 .block .block_txt{color: #fff;font-size: 1.8rem;letter-spacing: -0.05rem;line-height: 2.8rem;}
.sec04 .block .view_more{ padding-top: 4%; display: inline-block; }

}

.full img {
  width:100%;
}
.section-slide {
  max-width:1200px;
  margin:50px auto;
}

.section4_fix {margin:20px 0;}

.prefix-mo {display:none;}
@media screen and (max-width: 1200px) {
  .prefix-mo {display:block;}
  .prefix-pc {display:none;}
  .section-slide {max-width:90%;}
}



@media screen and (max-width: 1030px) {
#hd{height: 70px;}
#hd .logo {position: absolute;top: 16px;left: 12px;}

/* page */
.page_wrap { margin: 80px 0 8%; }


}