.inbox{width:1400px; margin:0 auto;}

.header{position:relative;top:0;left:0;width:100%;background-color:#233c75;z-index: 10;}
.header.scroll{position:fixed; }
.header h1{width:75px;float:left;margin-right: 66px;padding-top: 12px;}
.header h1 a{display:block; height:56px; background:url(/images/logo.png) no-repeat 50%;}

.mainmenu{float:left;}
.mainmenu ul{margin: 0 -25px;}
.mainmenu li{margin: 0 25px;height:80px;line-height:80px;float: left;}
.mainmenu li a{position:relative; display:inline-block;height:40px;padding: 0px 35px;color:#fff;font-size:18px;line-height: 40px;}
.highlight a{background-color:#e43f42; border-radius:20px}
 

.visual{position:relative;}
.visual{position:relative;}
.visual .swiper-pagination{position:absolute;left:0;width:100%;bottom: 2%;}
.visual li{ height:750px; background-position:50%; background-repeat:no-repeat}


.visual>span{position:absolute;top:50%;margin-top:-40px;cursor:pointer;z-index: 10;} 
.visual>span.left_btn{left:50px;}
.visual>span.right_btn{right: 50px;}

.con1{padding:155px 0;}
.video iframe{width:100%; height:100%;}
.con1 .video{width:100%; height:790px;}


.tit{}
.tit span{display:block;text-align:center;color:#233c75;font-weight:900;font-size:20px;margin-bottom:20px;letter-spacing: 0px;white-space: break-spaces;}
.tit h3{color:#252525;font-size:50px;font-weight:400;text-align:center;letter-spacing: -0.02em;}
.tit h3 strong{font-weight:900;font-size:50px;color:#252525;letter-spacing: -0.02em;}


.con2{padding: 140px 0px;background:url(/images/con1_bg.png) no-repeat 50% 0;}
.con2 .tit{padding-bottom:98px; background:url(/images/con1_s.png) no-repeat 50% 100%}
.con2 .inbox>p{color:#252525;font-size:40px;font-weight:bold;text-align:center;line-height:1.4em;margin-top: 35px;font-family: 'Arita-buri',sans-serif;}
.con2 .inbox>p span{color:#252525;display:inline-block;padding:0 10px;font-family: 'Arita-buri',sans-serif;webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;position: relative;z-index: 1;}
.con2 .inbox>p.left{display:block;font-family: 'Pretendard',sans-serif;font-weight: 500;margin: 40px 0 0;font-size: 25px;}



 


.con2 .inbox>p span::after{position: absolute;left: 2px;top: -12%;width: 100%;height: 120%;background-color: #233c75;content: '';z-index: -1;transform-origin: 0 50%;transform:scaleX(0);}
 .con2 .inbox>p span.animate__animated::after{-webkit-animation-name:underline;animation-name:underline;   animation-duration: 0.7s;animation-delay:0.7s; -webkit-animation-fill-mode:both;animation-fill-mode:both} 


 

.story_list{margin-top:640px}
.story_list ul{margin: 0 -20px;}
.story_list li{float:left;width:440px;margin: 0 20px;padding:5px;background-color:#fff;}
.story_list li div{padding:50px 0;}
.story_list li h5{color:#233c75;font-size:40px;font-weight: bold;margin-bottom:30px;font-family:'Arita-buri',sans-serif;text-align:center;}
.story_list li p{color:#383838;font-size:20px;font-weight:300;text-align:center;line-height: 1.3em;}


.con3{padding:150px 0; background:url(/images/con2_bg.png) no-repeat 50% 0;}
.con3 .inbox{width:1200px !important;}

.product{margin:50px auto 0;}
.product ul{margin:0 -20px;}
.product li{position:relative;float:left;width:560px;padding:50px 60px;background-color:#fff;box-shadow: 5px 5px 20px rgb(0 0 0 / 20%);border-radius:5px; margin:0 20px 40px;}
.product li img{position:absolute; z-index:1;}
.product li h5{color:#233c75; font-weight:bold; font-size:35px;}
.product li p{color:#383838; font-weight:300; font-size:20px; margin:20px 0 25px; line-height:1.4em}
.product li a{display:block; width:74px; height:30px; line-height:30px; color:#233c75; text-align:center; border:1px solid #233c75; border-radius:15px;}
.product li a.modify_btn{color:#fff;z-index: 5;}
.product .pd1,.product .pd2{height:350px;}
.product .pd1 img{bottom:-15px; right:-57px}
.product .pd2 img{bottom:-37px; right:-25px}
.product .pd3 img{bottom:0; right:0}
.product .pd4 img{bottom:-13px; right:-18px}



.video_slide{
    box-shadow: 5px 5px 20px rgb(0 0 0 / 20%);
}
.video_slide li{
}
.video_slide li div{position:relative; overflow:hidden; width:100%; height:580px;}
.video_slide div iframe{position:absolute; top:0; left:0; width:100%; height:100%;}

.con4{
    padding: 150px 0;
}
.event{}
.event .cate{text-align:center; margin:50px 0 30px; }
.event .cate a{display:inline-block; width:300px; height:60px; margin:0 5px; line-height:60px; text-align:center; font-size:20px; font-weight:300; border-radius:5px; border:1px solid #bfbfbf; cursor:pointer;}
.event .cate a.active{background-color:#233c75; color:#fff; border:1px solid #233c75}

.event .list1{border-top:2px solid #233c75; padding:50px 0 }
.event .list1 li{margin-right:50px;}
.event .list1 li h5{width: 220px;}



.list1{}
.list1 li{ float:left; width:310px; border:1px solid #bfbfbf; border-radius:5px; overflow:hidden;}

.list1 li>a{display:block;overflow: hidden;}
.list1 li>div{position:relative;padding:20px 15px; }
.list1 li h5 a{display: block;color:#383838;font-size:20px;font-weight:500;line-height: 1.3em;height: 2.6em;}
.list1 li div .date{display:block;color:#888;font-size:16px;font-weight:300;margin:15px 0;padding-bottom: 15px;border-bottom: 1px solid #dcdcdc;}
.list1 li div p {color:#888;font-size:18px;font-weight:300;line-height:1.4em;height: 2.8em;}
.list1 li .icon{position:absolute; top:18px; right:15px;}

.list1 li:hover{border:1px solid #233c75}
.list1 li:hover div{background-color:#233c75}
.list1 li:hover div a,.list1 li:hover div span,.list1 li:hover div p{color:#fff;}
.list1 li:hover .gall_chk {background-color:transparent !important;}


.con5{padding:150px 0;}
.con5 .insta{margin-top:50px;}
.con5 .list1 ul{margin:0 -6.25px;}
.con5 .list1 li{position:relative;width:270px;height:270px;border-radius: 0;margin: 0 6.25px 13px;border: 0;}
.con5 .list1 li .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#233c75;content:'';opacity:0;display: table;z-index:1;cursor:pointer;padding: 0 15px;color: #fff;font-size: 18px;line-height: 1.5em;word-break: keep-all;text-align: center;}
.con5 .list1 li .bg span{color: #fff;font-size: 18px;line-height: 1.5em;word-break: keep-all;display: table-cell;text-align: center;vertical-align: middle;height: 9em;-webkit-line-clamp: 6;}
.con5 .list1 li:hover .bg{opacity:1;}
.con6{display:table; width:100%; height:500px; background:url(/images/con5_bg.png) no-repeat 0 0; background-attachment:fixed;}
.con6 .inbox{display:table-cell; vertical-align:middle;  text-align:center;}
.con6 h3{width:100%; height:173px; background:url(/images/con5_tit.png) no-repeat 50%; margin-bottom:50px;text-align:center;}
.con6 p{color: #fff;font-size:25px;font-weight:500;line-height: 1.5em;display: inline-block;padding: 1% 3%;background-color: #233c75;}
 

 
.con7{padding:150px 0;}

.list2{margin-top:50px;}
.list2 ul{}
.list2 li{width:430px;border:1px solid #bfbfbf;background:#fff;margin-right: 54px;position: relative;}
.list2 li >a {display:block;overflow: hidden;}
.list2 li>div{position:relative;padding:20px 15px;min-height: 127px;}
.list2 li h5 a{display: inline-block;color:#383838;font-size:20px;font-weight:500;height: 2.6em;line-height: 1.3em;}
.list2 li div p {margin-top:10px; color:#888; font-size:18px; font-weight:300;  line-height:1.4em}
.list2 li div span{display:block; color:#888; font-size:18px; font-weight:300;  line-height:1.4em}
.list2 li:hover{border:1px solid #233c75}
.list2 li:hover div{background-color:#233c75}
.list2 li:hover div a,.list2 li:hover div p,.list2 li:hover div span{color:#fff;}
.list2 li:hover .gall_chk {background-color:transparent !important;}



.con8{padding:140px 0 150px; background:url(/images/con7_bg.png) no-repeat 0 50%}
.con8 .tit span{color:#fff;}
.con8 .tit h3,.con8 .tit strong{color:#fff;}
.media_slide li{border:0;}
.media_slide li:hover{border:0;}

.list3 {margin-top:50px;}
.list3 ul{ }
.list3 li{width:430px; border-radius:0;margin-right:50px; border:1px solid #bfbfbf;}
.list3 li a{display:block; overflow:hidden}
.list3 li >div{ padding:25px; }
.list3 li h5{ margin-bottom:20px;}
.list3 li h5 a{color:#383838;font-size:20px;font-weight:500;display: inline-block;height: 2.6em;line-height: 1.3em;}
.list3 li:hover>div{background-color:#233c75;}
.list3 li:hover h5 a{color:#fff}
.list3 li:hover .gall_chk {background-color:transparent !important;}


.con9{padding:150px 0}

.con10{padding:150px 0; background:url(/images/con9_bg.png) no-repeat 50%;}
.con10 ul{margin:0 -27px;}
.con10 li{margin: 0 27px 54px;float: left;}
.con10 li h5 a{height:1.3em;}




 

.con11{padding:150px 0;}

.form_box{width:1000px;margin: 50px auto 0;}

.policy{position:relative;border: 1px solid #d2d2d2;background-color: #fff;padding: 25px 30px;margin-bottom: 45px;} 
 
  .selec_chk {width:18px;height:18px;margin-top: -5px;left: 0;position: absolute;top: 50%;opacity: 0;}
.chk_box2 {}
.chk_box2 input[type="checkbox"] + label {position:relative; }

.chk_box2 input[type="checkbox"] + label span {width: 40px;height: 40px;display: inline-block;border-radius: 50%;vertical-align: middle;margin-top: -4px;background-color: #c1c1c1;line-height: 37px;text-align: center;margin-right: 30px;}
.chk_box2 input[type="checkbox"] + label span i{display:none;color: #fff;font-size: 24px;vertical-align: middle;}

.write_div .chk_box2 input[type="checkbox"] + label, .bo_vc_w .chk_box2 input[type="checkbox"] + label {padding-left:20px}
.write_div .chk_box2 input[type="checkbox"] + label span, .bo_vc_w .chk_box2 input[type="checkbox"] + label span {position:absolute;top:2px;left:0;width:15px;height:15px;display:block;margin:0;background:#fff;border:1px solid #d0d4df;border-radius:3px}
.chk_box2 input[type="checkbox"]:checked + label {}
.chk_box2 input[type="checkbox"]:checked + label span i {display:inline-block}
.all_chk.chk_box2 input[type="checkbox"] + label span {top:0;left:0}


.agree_chk2 {}
.agree_chk2 input{/* display:none; */}
.agree_chk2 label{display:inline-block;height: 40px;line-height: 40px;color: #3a3532;cursor:pointer;vertical-align: middle;font-size: 20px;}
.agree_chk2 .agree_icon{display:inline-block; width:18px; height:18px; background:url(/images/frachise/chk_off.png) no-repeat; vertical-align:top; margin-right:10px;}
.agree_chk2 input[type="checkbox"]:checked + label .agree_icon{background:url(/images/frachise/chk_on.png) no-repeat;}
.agree_chk2 a{display:block;position:absolute;top: 50%;right: 30px;height: 40px;line-height: 40px;color:#fff;text-align:center;background-color: #c1c1c1;font-size: 18px;width: 100px;margin-top: -20px;font-weight: bold;}



.inquiry_form{}
.require{display:inline-block;margin-right: 6px;color: #cf000d;vertical-align:middle;font-size: 16px;margin-top: -6px;}
.inquiry_form h5{color: #000;font-size: 30px;font-weight: 400;margin-bottom: 30px;}
.inquiry_form h5 p{display:inline-block;color: #000;font-size: 16px;margin-left: 10px;font-weight: 300;}

.inquiry_form {}
.inquiry_form table{width:100%;border-collapse: collapse;}
.inquiry_form th,.inquiry_form td{text-align:left;padding: 5px 0;}
.inquiry_form th{color: #3a3532;font-weight:500;vertical-align: middle;font-size: 20px;font-weight: 400;padding: 10px 0;}
.inquiry_form td{font-weight:400;}
.inquiry_form .phone>span{color: #3a3532;margin: 0px 5px;}
.inquiry_form .phone {position:relative;}
.inquiry_form .phone select{display:block !important; opacity:0; z-index:-1; position:absolute; left:0; top:0;}

.inquiry_form td div{position:relative; float:left; width:168px}
.inquiry_form table select,.inquiry_form table input{border:1px solid #000; background-color:#fff;}
.inquiry_form table select,.inquiry_form table input[type="text"],.inquiry_form table input[type="number"]{}
.inquiry_form td .current{color:#1b1b1b;}

.inquiry_form table .nice-select, .inquiry_form table input, .inquiry_form table textarea{border: 1px solid #d2d2d2;background-color:#fff;}
.inquiry_form table .nice-select,.inquiry_form table input[type="text"]{padding: 0 5px;height: 60px;font-size: 20px;}
.inquiry_form table .nice-select{position:relative;width: 250px;display: inline-block;vertical-align: middle;}
.inquiry_form .phone input{width: 232px;}
.inquiry_form table .nice-select span{height: 60px;line-height: 60px;font-size: 20px;}

.store_chk  span {display:block; height:60px; line-height:60px; border:1px solid #d2d2d2; text-align:center; font-size:20px; color:#3a3532; background-color:#fff; cursor:pointer; margin-left:-1px;}
.store_chk input[type="radio"]:checked + label span {border: 1px solid #233c75;background-color: #233c75;color:#fff;}

.inquiry_form td textarea{width:100%; height:200px; font-size:20px;}
.inquiry_form .submit{width:250px;height:80px;text-align:center;color:#fff;background-color: #233c75;font-size:30px;border:0;display:block;margin:50px auto 0;font-family: 'Arita-buri',sans-serif;font-weight: bold;}

.inquiry_form .bo_w_flie{width:100%}
.inquiry_form .frm_input {padding-left:50px}
.inquiry_form .lb_icon {position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height: 48px;line-height: 45px;width:40px;font-size: 22px;text-align:center;color:#b2b2b2;}
.inquiry_form .frm_file {padding-left:50px;margin-top:0;border:0;font-size: 14px;}
.inquiry_form .file_wr {position:relative;border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding: 9px 5px;height:47px;margin:0;width: 100%;}
.inquiry_form .frm_input {margin:10px 0 0}
.inquiry_form .file_del {position:absolute;top:10px;right:10px;font-size:0.92em;color:#7d7d7d}



.quick {position:fixed;bottom:0;left:0;width:100%;z-index:99;padding-top:5px;background-color: #233c75;}
.quick form{font-size:0;}


.quick h3,.quick input,.quick p, .quick button{display:inline-block; vertical-align:middle;}
.quick h3{
    margin-right: 50px;
}
.quick input{width: 170px;margin-right:3px;height: 50px;border-radius: 3px;border: 0;color: #1c1f5b;padding-left: 5px;font-size: 18px;margin-left: 10px;}
.quick p{margin-left: 20px;position: relative;margin-right: 20px;}
.quick label,.quick label a{color:#7f92bf; font-size:16px;}
 
.quick button{width:170px; height:50px; background:url(/images/db_go.png) no-repeat 50%;}

.quick .chk_box  span{border:1px solid #8c9fcc;}


 
.chk_box3 .selec_chk {width:30px; height:30px; margin-top:-15px;}
.chk_box3 {}
.chk_box3 input[type="checkbox"] + label {position:relative; }

.chk_box3 input[type="checkbox"] + label span {width: 30px;height: 30px;display: inline-block;border-radius: 50%;vertical-align: middle;margin-top: -2px;line-height: 27px;text-align: center;margin-right: 5px;border: 1px solid #94a7d4;}
.chk_box3 input[type="checkbox"] + label span i{display:none;color: #fff;font-size: 20px;vertical-align: middle;}
 
.chk_box3 input[type="checkbox"]:checked + label {}
.chk_box3 input[type="checkbox"]:checked + label span i {display:inline-block}
 



.footer{padding: 70px 0;background-color:#313131}
.footer .inbox{position:relative;}
.footer .f_icon{position:absolute;top:50%;margin-top: -33px;right:0;}
.footer .f_icon a,.footer .f_icon p{display:inline-block; vertical-align:middle}
.footer .f_icon a{margin-left:10px;}
.footer .f_icon p{margin-left:30px; text-align:center;}
.footer .f_icon span{display:block; color:#9b9b9a; font-size:16px; font-weight:300; margin-bottom:10px;}
.footer .f_icon strong{color:#fff;font-size:30px;font-weight:900;letter-spacing: 0;}
.footer h4,.footer .inbox>p{float:left}
.footer h4{width:120px;height: 98px;background:url(/images/f_logo.png) no-repeat 50%;}
.footer p{margin-left:35px; color:#9b9b9a; font-size:16px; font-weight:300; line-height:1.3em; padding-top:10px;}
.footer p a{  color:#9b9b9a; }

/***/
.board_pop{position:fixed;top:0;left:0;width:100%;height:100%;z-index: 99; display:none}
.pop_bg{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.popbox{position:absolute;top:50%;left:50%;width: 1000px;height: 75vh;margin: -41vh 0 0 -500px;border:5px solid #233c75;border-radius:3px;padding:0 30px 30px;background:#fff;}

.close{position:absolute;right:50%;margin-right:-500px;color:#fff;font-size:30px;cursor:pointer;top: 49%;margin-top: -44vh;}


.pop_btn{position:absolute;display:block;width:80px;cursor:pointer;top: 50%;margin-top: -40px;}
.pop_btn.r_btn{margin-right:-600px;right:50%;}
.pop_btn.l_btn{margin-left:-600px;left:50%;}
 

 





.store_info{position:relative;margin-top:30px;}
.store_pop h5{color:#233c75; font-size:40px; font-weight:500; height:95px; line-height:95px; text-align:center;}
.store_pop .popbox{overflow-y:scroll}
.popbox h6{margin-bottom:30px;color:#252525;font-size:30px;font-weight:500;letter-spacing: 0;}
.popbox table{width:100%; border-top:1px solid #dcdcdc}
.store_info th{background-color:#f0f0f0;}
.store_info th,.store_info td{border-bottom:1px solid #dcdcdc; height:50px; padding-left:20px; color:#252525; font-size:18px; font-weight:300;}
.store_icon{position:absolute;top: -8px;right:0;text-align:right;}
.store_icon img{width:auto; margin-left:10px}
.gall_slide .swiper-pagination{margin-top:10px !important;}
.store_pop #map{width:100%; height:500px; margin-top:10px;}


.basic_pop .popbox{padding-top:30px}
.basic_pop h5 img{display:block; margin:0 auto 30px;}
.basic_pop h5{color:#252525; font-size:40px; font-weight:500; text-align:center;}
.basic_pop p{margin-top: 15px;color:#888;font-size:20px;font-weight:300;text-align:center;line-height: 1.5em;}
.basic_pop .view_contents{padding:25px 0;margin-top:25px;border-top:1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;height: 61%;overflow-y: scroll;line-height: 1.3em;}
.basic_pop button{display:block;width:150px;height:50px;color:#fff;background-color:#233c75;text-align:center;border-radius:25px;font-size:20px;font-weight:500;margin: 25px auto 0;}

.sns_pop{}
.sns_pop .popbox{padding:0 !important;}
.sns_pop .popbox>div{float:left;}
.sns_img{width:640px;}
.sns_v{position: relative;width:350px;padding:35px 30px;height: 100%;overflow-y: scroll;}
.sns_id{padding-left:60px; background:url(/images/con4_icon1.png) no-repeat 0 50%}
.sns_id h6{color:#233c75;font-size:25px;font-weight:500;margin: 0;}
.sns_id p{color:#888; font-size:15px; font-weight:300; margin-top:5px}
.sns_con{padding:40px 0 20px;}
.sns_con p{color:#252525; font-size:18px; font-weight:300; line-height:1.5em}

.sns_icon{position:absolute;left:30px;bottom:0;width:297px;height:65px;border-top:1px solid #dcdcdc;line-height: 65px;}
.sns_icon a{margin-right:5px}

.menu_pop{}
.menu_pop .popbox{position:relative; padding-left:180px; width:1400px !important;margin-left: -700px;}
.menu_pop .popbox .menu_tit{position:absolute; top:0; left:0; width:180px; display:table; height:100%; background-color:#233c75}
.menu_pop .popbox .menu_tit h5{display:table-cell; vertical-align:middle; color:#fff; font-size:30px; font-weight:300; text-align:center;}
.menu_pop .popbox .menu_tit h5 strong{display:block; font-weight:bold; margin:25px 0 10px;}

.menu_list{padding:0 20px;height: 100%;overflow-y: scroll;}
.menu_list .menu_box{position:relative; padding:30px 0 10px; border-bottom:1px solid #233c75; }
.menu_list .menu_box.is_cate{padding:30px 0 10px 100px;}
 
.menu_list h6{position:absolute; top:30px; left:0;}
.menu_list ul{margin: 0 -20px;}
.menu_list li{float:left;width: 170px;text-align:center;color:#252525;font-size:18px;font-weight:300;margin: 0 20px 20px;}
.menu_list li span,.menu_list li img{display:block; margin:0 auto 10px;}
.menu_list li span{width:100% !important;}
.menu_pop .close{margin-right: -700px;}

.menu_list p{color:#233c75; font-size:20px; text-align:center; padding:25px 0 0}

.no_image{display:block;background-color: #bfbfbf;text-align:center;font-size: 30px;color: #fff;}