i{display: inline-block;vertical-align: middle;}
#mask{position: fixed;top: 0;left:0;width: 100%;height: 100%;background: rgba(0,0,0,0.4);z-index: 50;}
.not_scroll{position: fixed; overflow: hidden; width: 100%; height: 100%}

.header .inner{position: relative;text-align: center;height: 60px;border-bottom: 1px solid #ddd;padding: 0 20px;}
.header h1{font-size: 0;display: inline-block;}
.header h1 .logo{display: block;width: 150px;height: 21px;margin-top: 19px; background-image: url(../images/common/logo.png);-webkit-background-size: 150px;background-size: 150px;}
.header .gnb{padding: 20px 0 35px;}
.header .gnb li{display: block;margin: 0 10px;border-bottom: 1px solid #ddd;}
.header .gnb li a{display: block; text-align: left; font-size: 16px; line-height: 19px; letter-spacing: -0.17px;font-weight: 500;padding: 12px 5px;}

.header .side_gnb {display: block; z-index: 99; color: #333;position: fixed; top: 0; left: -100%;height: 100%;overflow-y: auto;width: 86.119%;  background-color: #fff;padding: 0 0 15px;    background-image: url(../images/common/logo.png); -webkit-background-size: 150px;background-size: 150px;background-repeat: no-repeat; background-position: left 48%  bottom 20px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s; -ms-transition: all 0.5s;  -o-transition: all 0.5s; transition: all 0.5s; border-top-right-radius: 10px;border-bottom-right-radius: 10px;}
.header .side_gnb.on{left: 0;display: block;}
.header .side_gnb .close_menu{position: absolute;top: 12px;right: 12px;width: 23px;height: 23px;font-size: 0;background-image: url(../images/common/gnb_close.png);-webkit-background-size: 16px;background-size:16px ;background-repeat: no-repeat;background-position: center;}
.header .side_gnb .top_link{border-bottom: 4px solid #F6F6F6;}
.header .side_gnb .top_link:after{content:""; display: block; clear: both;}
.header .side_gnb .top_link .btn{float: left;width: 50%;height: 50px;line-height: 50px;border-right: 1px solid #F6F6F6;}
.header .side_gnb .top_link .btn:last-child{border-right-width: 0;}
.header .side_gnb .menu_logo {display: block; width: 40px;height: 59px; background-image: url(../images/common/logo.png);background-repeat: no-repeat;background-position: 10px 50%;}

.header .menu_btn{position: absolute;top: 19px;right: 15px;font-size: 0;width: 22px;height: 22px;background-image: url(../images/common/menu.png);background-repeat: no-repeat;background-position: center;}
.header .top_info{border-bottom: 1px solid #fdb01d;border-width: 1px 0 1px;padding: 35px 15px 20px;}
.header .top_info .caption{margin-top: 15px;font-size: 13px;text-align: center;color: #666;}
.header .top_info .btn_box{margin-top: 20px;display: block;font-size: 15px;font-weight: 300;text-align: center;color: #fff;height: 40px;line-height: 40px;background-color: #fdb01d;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.header .top_info .btn_wrap{text-align: center;padding: 10px 0;font-size: 0;}
.header .top_info .btn_wrap .link{font-size: 15px;font-weight: 600;}
.header .top_info .btn_wrap .link:before{content:"";display: inline-block;clear: both;width: 1px;height: 10px;background-color: #ccc;vertical-align: middle;margin: 0 10px;}
.header .top_info .btn_wrap .link:first-child:before{display: none;}

#wrap{max-width: 1024px;margin: 0 auto;}
#footer{position: relative;padding-bottom: 0;border-top: 1px solid #ddd;}
#footer .footer_inner{max-width: 1200px;margin: 0 auto;text-align: left;position: relative;padding: 20px 20px;}
#footer .footer_inner .app_footer_btn{position: absolute; top: 110px; right:0px;}
#footer .footer_inner .app_footer_btn .mobile_v{display: none;}
#footer .footer_inner .footer_menu{width: 100%;font-size: 0;}
#footer .footer_inner .footer_menu li{display: inline-block;margin-right: 7px;margin-bottom: 4px;}
#footer .footer_inner .footer_menu li:first-child{margin-left: 0;}
#footer .footer_inner .footer_menu li a{color: #555;font-size: 12px;letter-spacing: -0.6px;}
#footer .footer_inner .rasset{margin-top: 10px;}
#footer .footer_inner .rasset li{font-size: 11px;line-height: 1.2;color: #333;display: inline-block;vertical-align: top;font-weight: 400;margin-right: 15px;}
#footer .footer_inner .company_info{font-size: 12px;color: #333;font-weight: 300;display: inline-block;margin-top: 10px;}

#footer .side_area{margin-top: 20px;}
#footer .side_area .img{display: inline-block;text-indent: -99999px;width: 127px;height: 40px;background-image: url(../images/common/foot_sub_logo.png);vertical-align: middle;}
#footer .side_area .btn{height: 32px;line-height: 32px;font-size: 13px;background-color: #000;color: #fff;margin-left: 20px; padding: 0 10px;-webkit-border-radius: 69px;-moz-border-radius: 69px;border-radius: 69px;}
#footer .side_area .btn i{width: 7px;height: 12px;vertical-align: middle;margin: -2px 0 0 6px;background-image: url(../images/common/foot_btn_i.png);}

.mask {position: fixed; ;top: 0; left: 0;width: 100%;z-index: 100; height: 100%; background: rgba(0,0,0,0.5);}
.pop_area{display: none;position: fixed;z-index: 100;max-width: 768px;top: 50%;left: 50%;padding: 22px 19px 19px 21px;background-color: #fff;min-width: 280px;padding: 25p x 30px;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;-webkit-transform:translate(-50%, -50%)  ;-moz-transform: translate(-50%, -50%) ;-ms-transform:translate(-50%, -50%)  ;-o-transform: translate(-50%, -50%) ;transform: translate(-50%, -50%) ;}
.pop_area .title{font-size: 18px;color: #333;font-weight: 600;line-height: 1.1;padding-bottom: 14px;}
.pop_area .close{position: absolute;font-size: 0;top: 19px;right: 19px;width: 20px;height: 20px;background-position: center;background-image: url(../images/common/pop_close.png);}
.pop_area .title_txt{font-size: 12px;color: #7C7C7C;font-weight: 400;line-height: 1.3;margin-top: 13px;}
.pop_area .over_box{overflow-y: auto;max-height: 350px;}
.pop_area.terms{max-width: 768px;width: 95%;}
.pop_area.terms .title{font-size: 18px;}
.pop_area .be_box {background-color: #fff; font-size: 0px;margin-top: 40px;padding-bottom: 30px; }
.pop_area .be_box p {position: relative; font-size: 10px; color: #7C7C7C; padding-left: 7px; margin-top: 2px; line-height: 1.6;}
.pop_area .be_box p::before{content: ''; display: block; position: absolute; top: 5px; left: 0; width: 1px; height: 1px; background-color: #7C7C7C; }
.pop_area .btn_box{text-align: right;margin-top: 10px;}
.pop_area .btn_box .btn{font-size: 16px;color: #FFBD2F;font-weight: 600;padding: 10px;margin: 0 -10px -10px 0;}
.pop_area .terms_box{overflow-y: scroll;height: 300px;overflow-y: auto; font-size: 13px; padding:10px;background-color: #fff; border:1px solid #ccc;display: block; z-index: 999;text-align: left;line-height: 1.2;font-weight: normal;}
.pop_area .terms_box table{width: 100%;}
.pop_area .terms_box th{background-color: #eaeaea; color: #222;padding:3px; border:1px solid #ccc;line-height: 1.2;}
.pop_area .terms_box td{padding:3px; border:1px solid #ccc;}
.pop_area .full_btn{width: 100%;height: 40px;line-height: 40px;background-color: #666;color: #fff;margin-top: 20px;}

.write_wrap{margin: 30px -20px 0;background-color: #FBFBFE;padding: 20px 20px 50px;}
.write_wrap .title_box{text-align: center;}
.write_wrap .required{font-size: 13px;color: #FFBD2F;display: inline-block;margin-left: 5px;font-weight: 500;}
.write_wrap .title_box .title{font-size: 22px;font-weight: 600;line-height: 1.2;margin-top: 10px;}
.write_wrap .title_box .txt{font-size: 14px;font-weight: 400;line-height: 1.2;margin-top: 7px;}
.write_wrap .tit{margin-top: 30px;font-size: 16px;font-weight: 500;}
.write_wrap .pop_btn{display: block;height: 26px;line-height: 26px;text-align: center;margin-bottom: 5px;font-size: 13px;
margin-top: 0;color: #fff;background-color: #777;-webkit-border-radius: 3px;}


.input_area{position: relative;margin-top: 10px;}
.input_area input{border: 1px solid #dcdcdc;height: 35px;width: 100%;transition:0.2s; font-size: 14px;padding: 0 10px;font-size: 14px;background-color: #fff;-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}
.input_area select{border: 1px solid #dcdcdc;height: 35px;width: 100%;transition:0.2s; font-size: 13px;padding: 0 10px;font-size: 14px;background-image: url(../images/main/select_icon.png);background-repeat: no-repeat;background-position: right 10px top 50%;-webkit-background-size: 12px;background-size: 12px;}
.input_area input::placeholder{font-size: 14px;color: #999;font-weight: 400;}
.input_area input:hover,
.input_area input:focus{/* box-shadow: inset 0 0 5px rgba(0,0,0,0.3); */border-color: #222;}
.input_area input[type="file"]{width: 1px;height: 1px;position: absolute;opacity: 0;}
.input_area.adress input{padding-right:22px;background-repeat: no-repeat;background-position:right 10px center; background-image: url(../images/common/address_ico.png);}
.input_area.add_btn{}
.input_area.add_btn:after{content:"";display: block;clear: both;}
.input_area.add_btn input{width: calc(100% - 150px);}
.input_area.add_btn .btn{display: inline-block; float: right; font-size: 16px; height: 50px; line-height: 50px; width: 130px; background-color: #222;color: #fff;}
.input_area.add_btn .file_con{float: left; font-size: 0;width: calc(100% - 150px); height: 50px; border: 1px solid #dcdcdc; background-color: #fff; line-height: 48px; padding-left: 20px;}
.input_area.add_btn .file_con li{padding-right: 38px; display: inline-block; position: relative;}
.input_area.add_btn .file_con li a{color: #222; font-size: 14px; font-weight: 500; padding-left: 0;}
.input_area.add_btn .file_con li .delete{width: 28px; height: 28px; position: absolute; top: 0; right: 0; background-repeat: no-repeat; background-size: cover; background-position: center; background-image: url(../images/common/ico_delete.png); background-color: #ccc;----indent: -9999em;top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}

.input_area.col2{margin-left: -10px;font-size: 0;}
.input_area.col2:after{content:"";display: block;clear: both;}
.input_area.col2 input{display: inline-block;margin-left: 10px;width: calc(50% - 10px);}
.input_area.col2 select{display: inline-block;margin-left: 10px;width: calc(50% - 10px);}
.input_area.col3{margin-left: -10px;font-size: 0;}
.input_area.col3:after{content:"";display: block;clear: both;}
.input_area.col3 input{display: inline-block;margin-left: 10px;width: calc(33.3333% - 10px);}
.input_area.col3 select{display: inline-block;margin-left: 10px;width: calc(33.3333% - 10px);}
.input_area.col3 .chk_area{display: inline-block;margin-left: 10px;width: calc(33.3333% - 10px); ----align: center; }
.input_area.col3 .chk_area .chk{display: block; font-size: 18px; font-weight: 500; line-height: 58px; color: #222;border: 1px solid #e0e0e0; letter-spacing: -0.09px;background-color: #fff;height: 60px;}
.input_area .file_txt{position: relative;left: auto;border: 1px solid #dcdcdc;display: block;width: 100%;height: 50px;border-radius: 5px; padding-left: 20px;background-color: #fff;color: #7c7c7c;background-repeat: no-repeat;background-position: right 20px center;background-image: url(../images/common/ico_add.png);cursor: pointer; -webkit-background-size: 8px; background-size: 8px;}
.input_area input[type="file"]{width: 0 !important;height: 0 !important;position: absolute !important;}
.input_area input[type="file"]:focus + label,
.input_area input[type="file"][required]:valid + label,
.input_area input[type="file"].not-empty + label {display: block;}

.input_area.colBox{margin-left: -10px;}
.input_area.colBox:after{content:"";display: block;clear: both;}
.input_area.colBox .col-3{float: left;width: calc(33.3333% - 10px);margin-left: 10px;}
.input_area.colBox .col-2{float: left;width: calc(50% - 10px);margin-left: 10px;}
.textarea_area textarea{display: block;height: 140px; font-size: 14px; font-weight: 200; line-height: 1.57; color: #000; font-weight: 200;  letter-spacing: normal; resize: none;}

.section{width: 100%;overflow: hidden;}
.section > .main_content { padding-right: 20px;padding-left: 20px;}

.intro .intro-head-wrapper { position: fixed; z-index: 1; top: 0; }
.intro .intro-head-wrapper--is-break { position: absolute; }
.intro .main-section-headline { display: block; color: #222; }
.intro ._visual { overflow: hidden; position: absolute; top: 0; right: 0; left: 0; height: 100%;background-image: url(../images/main/main_visual01.jpg); -webkit-background-size: cover;background-size: cover;background-position: center;}
.intro .main_visual { position: relative;padding-bottom: 59%;margin: 10px auto 0 ;max-width: calc(100% - 20px);}
.intro .main_visual video { position: absolute; }
.intro .intro-head-wrapper .btn-area { opacity: 0; }


@keyframes opac4 {
  0% {opacity: 0.1}
 100% {opacity: 1}
}

.main_content .top_title{text-align: center;margin-top: 40px;}
.main_content .top_title .title{font-size: 26px;line-height: 1.2;padding-bottom: 10px;}
.main_content .top_title .title i{width: 190px;height: 26px;text-indent: -99999px;margin: 0 3px 3px 0;background-image: url(../images/main/logo_text.png);background-repeat: no-repeat;-webkit-background-size: 190px;background-size: 190px;}
.main_content .top_title .title .txt{font-size: 14px;color: #666;font-weight: 400;line-height: 1.2;margin-top: 8px;}
.main_content .top_title .text{font-size: 14px;margin-top: 15px;}
.main_content .top_title .text .icon_arrow{display: block;width: 62px;margin: 14px auto 0;height: 11px;background-image: url(../images/main/icon_arrow_main.png);}
.main_content .top_title .down{display: inline-block;font-size: 14px;line-height: 28px;color: #797979;margin-top: 20px;animation: opac4 1.1s 0s linear infinite alternate;text-decoration-line: underline;}
.main_content .top_title .logo{margin-top: 10px;}
.main_content .top_title.type-02 .title{font-size: 23px;line-height: 1.2;}
.main_content .top_title.type-02 .title i{width: 87px;height: 71px;margin: 0; background-image: url(../images/common/logo_big.png);margin-bottom: 25px;-webkit-background-size: 87px;background-size: 87px;}
.main_content .top_title.type-02 .title .txt{font-size: 14px;color: #666;margin: 10px 0 0 ;}
.main_content .top_title.type-02 .btn{width: 150px;height: 38px;line-height: 36px;font-size: 15px;font-weight: 400;text-align: center;color: #000;background-color: #fff;border:  1px solid #ccc;margin-top: 20px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
.main_content .top_title.type-02 .btn:hover{background-color: #FFBD2F;border-color: #FFBD2F;}


.main_content .btn_area{text-align: center;padding-top: 30px;}
.main_content .btn_area .btn{width: 250px;height: 40px;font-size: 15px;font-weight: 500;line-height: 40px;color: #fff;background-color: #000;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.main_content .sub_title{font-size: 22px;font-weight: 500;line-height: 1.2;padding-top:60px;}
.main_content .sub_title h2{font-weight: 500;}
.main_content .sub_title strong{color: #FFBD2F;font-weight: 500;}
.main_content .sub_title strong.counter{font-size: 35px;font-weight: 600;}
.main_content .sub_title em{font-weight: 500;}
.main_content .sub_title .title{font-weight: 400;}
.main_content .sub_title .box{display: inline-block;height: 24px;line-height: 24px;padding: 0 12px;font-size: 13px;font-weight: 500;color: #333;background-color: #FFBD2F;-webkit-border-radius: 69px;-moz-border-radius: 69px;border-radius: 69px;margin-bottom: 8px;}
.main_content .sub_title .txt{font-size: 14px;font-weight: 400;line-height: 1.27;margin-top: 10px;color: #666;}
.main_content .sub_title.type-02{text-align: center;}
.main_content .sub_title.type-02 .txt{font-size: 24px;font-weight: 500;line-height: 1.2;}
.main_content .sub_title.type-02 .txt span{display: block;font-size: 18px;color: #666;line-height: 1.2;margin-top: 6px;}
.main_content .sub_title .title_top{font-size: 15px;font-weight: 500;line-height: 1.2;margin: 20px 0 -5px;}


.main_content .img_area{margin-top: 10px;border: 1px solid #ccc;}
.main_content .img_area img{max-width: 100%;}
.main_content .img_area .img_txt{font-size: 15px;line-height: 1.2;color: #666;font-weight: 400;margin-top: 10px;}
.main_content .img_area.type-02{border: none;padding: 12px;position: relative;}
.main_content .img_area.type-02:after{content:"";position: absolute;width: 28%;height: 100%;top: 0;left: 0;background-color: #FFBD2F;z-index: -1;}

.main_content .search_box{font-size: 0;padding: 10px;margin-top: 20px;background-color: #F8F8F8;-webkit-border-radius: 5px;-moz-border-radius: 5px;	border-radius: 5px;}
.main_content .search_box select{width: calc(50% - 25px);height: 35px;font-size: 14px;background-image: url(../images/main/select_icon.png);background-repeat: no-repeat;background-position: right 10px top 50%;margin-right: 5px;border-color: #ddd;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-background-size: 12px;background-size: 12px;}
.main_content .search_box .btn{display: inline-block;width: 40px;height: 35px;background-color: #FFBD2F;background-image: url(../images/main/search_icon.png);-webkit-background-size: 16px;background-size: 16px;background-repeat: no-repeat;background-position: center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.main_content .map_area .map_box{height: 230px;background-color: #ccc;margin-top: 10px;}

.circle_list{max-width: 768px;display: flex;position: relative;justify-content: center;margin-top: 30px;padding-top: 140px;}
.circle_list:after{content:"";display: block;clear: both;}
.circle_list li{display: flex; justify-content: center; align-items: center;background-color: #fff; flex-direction: column;width: 90px;height: 90px;margin-right: -12px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;float: left;border: 1px solid #999;}
.circle_list li.first{position: absolute;top: 0;left: 50%;margin-left: -45px;background-color: #222;color: #fff;webkit-box-shadow: 2px 2px 9px 0px #aaa; -moz-box-shadow: 2px 2px 9px 0px #aaa;  box-shadow: 2px 2px 9px 0px #aaa;}
.circle_list li.first:after{content:"";display: block;position: absolute;top: 82px;right: -3px;z-index: -1; background-image: url(../images/main/circle_solid.png);width: 92px;height: 7px;  -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.circle_list li:last-child{margin-right: 0;}
.circle_list li p{display: block;font-size: 13px;font-weight: 500;margin-top: 10px;}
.circle_list li img{width: 90px;}


.count_arrow{margin-top: 0;text-align: center;background-color: #FBFBFE;padding: 20px 0 35px;margin: 0 -20px;}
.count_arrow .inner{ max-width: 1320px;padding: 0 20px; margin: 0 auto; }
.count_arrow .inner:after{content:"";display: block;clear: both;}
.count_arrow .sub_title {padding-top:  0;font-size: 0;line-height: 1;}
.count_arrow .sub_title .title{font-size: 22px;line-height: 1.2;margin-top: 10px;}

.count_arrow .btm_area{max-width: 700px;padding-top: 18px;font-size: 0;margin: 0 auto;display: flex; }
.count_arrow .btm_area li{position: relative;  display: flex;justify-content: flex-start;   align-items: flex-end; justify-content: center;text-align: center;;width: 50%;}
.count_arrow .btm_area li:after{position: absolute;content:"";bottom: 5px;right: 0;display: inline-block;clear: both;vertical-align: middle;width: 1px;height: 60px;background-color: #eaeaea;}
.count_arrow .btm_area li:last-child:after{display: none;}
.count_arrow .btm_area li .top{font-size: 18px;line-height: 28px;font-weight: 500;color: #666;}
.count_arrow .btm_area li .num{display: block;font-size:20px;line-height: 1.2;font-weight: 300;margin-top: 6px;}
.count_arrow .btm_area li .num em{font-weight: 700;font-size: 28px;}
.count_arrow .btm_area li .icon{width: 102px;height: 102px;background-repeat: no-repeat;background-position: 50% 100%;}
.count_arrow .btm_area li .icon.i01{background-image: url(../images/main/side_icon01.png);}
.count_arrow .btm_area li .icon.i02{background-image: url(../images/main/side_icon02.png);}
.count_arrow .btm_area li .icon.i03{background-image: url(../images/main/side_icon03.png);}
.count_arrow .btm_area li .txt{display: block;font-size: 18px;color: #000;line-height: 1.2;margin-top: 24px;}


.gallery_list ul{margin-top: 20px;}
.gallery_list:after{content:""; display:block; clear:both;}
.gallery_list li { text-align:center;  text-align: left; overflow: hidden;margin-bottom: 20px; font-weight: 400; -webkit-box-shadow: 2px 2px 9px 0px #ddd; -moz-box-shadow: 2px 2px 9px 0px #ddd;box-shadow: 2px 2px 9px 0px #ddd; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.gallery_list li:nth-child(3n){margin-right: 0;}
.gallery_list li .img_box{position: relative;display: block; padding-bottom:65.4%;-webkit-background-size: cover;background-size: cover;}
.gallery_list li .img_box img{position: absolute;top: 0;left: 0;height: 100%;vertical-align:bottom; display: block; width: 100%;     object-fit: contain;}
.gallery_list li .text_box{padding: 12px 15px;}
.gallery_list li .text_box .tit{ font-weight: 500;letter-spacing: -0.6px;font-size: 16px;}
.gallery_list li .text_box .txt {display:block; color: #666;padding-top: 2px; font-size: 13px; line-height: 1.2;font-weight: 400; letter-spacing: -0.5px;vertical-align:bottom;}
.gallery_list li .text_box2{display: flex; align-items: center; justify-content: center;height: 56px;font-size: 16px;font-weight: 500;}

.gallery_list.col2 li .img_box{padding-bottom: 60%;}
.gallery_list.col2 li .text_box{font-size: 15px;font-weight: 500;}

.coupon_list ul{margin-top: 50px;}
.coupon_list li{position: relative;display: inline-block;width: 176px;height: 273px;-webkit-background-size: contain;background-size: contain;}
.coupon_list li .side{position: absolute;top: -25px;left: -35px;width: 78px;text-align: center;padding-top: 28px;height: 78px;font-size: 14px;font-weight: 600;background-image: url(../images/main/coupon_side_box.png);-webkit-background-size: 78px;background-size: 78px;}
.coupon_list .txt{text-align: center;font-size: 14px;font-weight: 400;color: #666;	line-height: 1.3;margin-top: 10px;}
.coupon_list .swiper-container{margin: 0 -20px;padding:0  20px;}
.coupon_list.type-02 ul{margin-top: 20px;    justify-content: space-between;}
.coupon_list.type-02 li{height: auto;width:100%;overflow: hidden;background-color: #111E32;color: #fff;margin: 0;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.coupon_list.type-02 li .top_txt{height: 65px;padding: 20px 15px 0;}
.coupon_list.type-02 li .top_txt .tit{font-size: 22px;line-height: 1.2;color: #FFBD2F;}
.coupon_list.type-02 li .top_txt .tit.c01{color: #fff;}
.coupon_list.type-02 li .top_txt .tit i{width: 22px;height: 20px;background-image: url(../images/main/icon_star.png);vertical-align: middle;margin: -5px 5px 0 0;}
.coupon_list.type-02 li .top_txt .num{font-size: 16px;margin-top: 4px;}
.coupon_list.type-02 li .top_txt .num em{font-size: 52px;line-height: 1.3;font-weight: 600; margin-bottom: -16px; margin-right: 5px; display: inline-block; vertical-align: bottom;}
.coupon_list.type-02 li .top_txt .btm{text-align: right;margin-top: 18px;font-size: 15px;color: #ccc;}
.coupon_list.type-02 li .btm_txt{height: 110px;font-size: 13px;border-top: 1px solid #323945;padding: 20px 15px 0 ;}
.coupon_list.type-02 li .btm_txt .top{display: block;color: #AFBED6;line-height: 1.3;}
.coupon_list.type-02 li .btm_txt .btm{display: block;margin-top: 15px;}


/* 2022-08-12 :: 구독서비스 가입 상담신청 :: 하시는 일 css 작업 필요하여 임시로 추가함 :: START :: TODO :: 수정 필요 */
.write_wrap .choice_area{font-size: 0; margin-top: 0px; padding-bottom: 15px;}
.write_wrap .choice_area input{width: 1px;height: 1px;display: none;}
.write_wrap .choice_area input:checked + .radio_btn{background-color: #FFBD2F; color: #fff; border-color: #FFBD2F;}
.write_wrap .choice_area li{display: inline-block;text-align: center; width: calc(50% - 6px);margin-right: 12px; height: 0px;}
.write_wrap .choice_area li:nth-child(2n){margin-right: 0;}
.write_wrap .choice_area .radio_btn{display: block;height: 35px;line-height: 33px;font-size: 14px;color: #333;margin-top: 10px;background-color: #fff;border: 1px solid #E5E5E5;border-radius: 5px;}
.write_wrap .choice_area .radio_btn.solid{background-color: #fff;}
.write_wrap .choice_area input:checked + .radio_btn.solid{background-color: #fff;color: #FFBD2F;}
/* 2022-08-12 :: 구독서비스 가입 상담신청 :: 하시는 일 css 작업 필요하여 임시로 추가함 :: END */

.icon_list ul{margin-top: 5px;}
.icon_list ul:after{content:""; display:block; clear:both;}
.icon_list li {float: left;display: flex; flex-direction: column; align-items: center; width: calc(50% - 5px); margin-top: 15px;margin-right: 10px; text-align:center; overflow: hidden; font-weight: 400; padding: 15px 0 15px;webkit-box-shadow: 2px 2px 9px 0px #eaeaea;-moz-box-shadow: 2px 2px 9px 0px #eaeaea;;box-shadow: 2px 2px 9px 0px #eaeaea; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.icon_list li:nth-child(2n){margin-right: 0;}
.icon_list li .icon{width: 60px;height: 60px;background-repeat: no-repeat;background-position: 50% 0 ;-webkit-background-size: 60px;background-size: 60px;}
.icon_list li .icon.i01{background-image: url(../images/main/icon_list_icon01.png);}
.icon_list li .icon.i02{background-image: url(../images/main/icon_list_icon02.png);}
.icon_list li .icon.i03{background-image: url(../images/main/icon_list_icon03.png);}
.icon_list li .icon.i04{background-image: url(../images/main/icon_list_icon04.png);}
.icon_list li .tit{display: flex;align-items: center;height: 64px;font-weight: 500;font-size: 15px;line-height: 1.25;margin-top: 10px;}

.arrow_list_wrap{margin-top: 50px;}
.arrow_list_wrap li{position: relative;margin-top: 50px;}
.arrow_list_wrap li .img_box{height: 400px;-webkit-background-size: contain;background-size: contain;background-repeat: no-repeat;}
.arrow_list_wrap li .text_box{position: absolute;top: 50px;left: 0;padding: 0 20px;}
.arrow_list_wrap li .text_box .title{font-size: 25px;line-height: 1.2;font-weight: 500;}
.arrow_list_wrap li .text_box .txt{font-size: 14px;margin-top: 20px;line-height: 1.4;}
.arrow_list_wrap li:nth-child(even){text-align: right;}
.arrow_list_wrap li:nth-child(even) .img_box{background-position: right 0  top 0;}
.arrow_list_wrap li:nth-child(even) .text_box{left: 0;width: 100%;}

.count_center{text-align: center;background-color: #F8F8F8;padding: 30px 10px;margin: 0 -20px;}
.count_center .top{font-size: 0;}
.count_center .top span{display: inline-block;font-size: 14px;font-weight: 500;}
.count_center .top span:after{content:"";display: inline-block;clear: both;width: 3px;height: 3px;margin: 0 10px;background-color: #ccc;vertical-align: middle;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.count_center .top span:last-child::after{display: none;}
.count_center .btm{font-size: 26px;font-weight: 500;}
.count_center .btm .sub_txt{font-size: 16px;}
.count_center .btm .num{font-size: 26px;}
.count_center .btm .num:before, .count_center .btm .num:after{content:"";display: inline-block;clear: both;width: 17px; height: 42px;vertical-align: middle;margin-top: -7px;-webkit-background-size: 17px;background-size: 17px;}
.count_center .btm .num:before{background-image: url(../images/main/left_t.png);margin-right: 10px;}
.count_center .btm .num:after{background-image: url(../images/main/right_t.png);margin-left: 10px;}
.count_center .btm .num em{font-size: 36px;line-height: 1.2;font-weight: 600;color: #FFBD2F;}

.main_banner {display: flex;    align-items: center;background-color: #F9F9F9;}
.main_banner .inner{max-width: 1250px;width: 100%;margin: 0 auto;padding: 30px 20px  240px; background-image: url(../images/main/coupon_banner.png);-webkit-background-size: 320px;background-size: 320px; background-repeat: no-repeat; background-position:  50%  92%;}
.main_banner .inner .title{font-size: 20px;font-weight: 500;}
.main_banner .inner .txt{font-size: 15px;margin-top: 10px;}

.QR_area{text-align: center;padding: 0 20px 70px;max-width: 360px;margin: 60px auto 20px;}
.QR_area img{max-width: 360px;}
.QR_area {font-size: 0;}
.QR_area .tit{font-size: 22px;font-weight: 600;padding: 0 0 20px;}
.QR_area .link-box{display: inline-block;width: calc(50% - 5px);}
.QR_area .link-box:last-child{margin-left: 10px;}
.QR_area .link-box img{max-width: 100%;}

.main_content .phone-list-wrap{font-size: 0;position: relative;text-align: center;margin: 10px 0 30px; max-width: 450px;margin-top: 30px;}
.main_content .phone-list-wrap li{display: inline-block;width: calc(50% - 10px);margin-right: 20px;text-align: center;margin-bottom: 40px;}
.main_content .phone-list-wrap li:nth-child(2n){margin-right: 0;}
.main_content .phone-list-wrap li img{max-width: 100%;border: 2px solid #444;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}

.main_content .phone-list-wrap li:last-child{float: none;clear: both;}
.main_content .phone-list-wrap li:last-child img{border: none;width: auto;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
.main_content .phone-list-wrap li .tit{font-size: 15px;color: #666;font-weight: 600;margin-bottom: 12px;}


.main_content .main_full_info{margin: 0 -20px;margin-top: 60px;}
.main_content .main_full_info:after{content:"";display: block;clear: both;}
.main_content .main_full_info li{width: 100%;float: left;text-align: center;color: #fff;padding: 34px 0 32px;background-position: center;-webkit-background-size: cover;background-size: cover;}
.main_content .main_full_info li:nth-child(1){background-image: url(../images/main/main_full_bg01);}
.main_content .main_full_info li:nth-child(2){background-image: url(../images/main/main_full_bg02);}
.main_content .main_full_info li .title{font-size: 20px;line-height: 1.2;font-weight: 300;}
.main_content .main_full_info li .txt{font-size: 14px;line-height: 1.3;margin-top: 15px;}
.main_content .main_full_info li .txt em{font-weight: 600;}



.direction_area .icon_box{max-width: 420px;display: flex;    align-items: center; justify-content: space-between;margin-top: 25px;}
.direction_area .icon_box li{display: inline-block;text-align: center;background-color: #fff;}
.direction_area .icon_box li:first-child{margin-left: 0;}
.direction_area .icon_box li .top{font-size: 18px;line-height: 28px;font-weight: 500;}
.direction_area .icon_box li .num{display: block;font-size: 40px;line-height: 48px;font-weight: 300;margin-top: 17px;}
.direction_area .icon_box li .num em{font-weight: 700;font-size: 48px;}
.direction_area .icon_box li .icon{width: 80px;height: 80px;background-repeat: no-repeat;background-position: 50% 100%;-webkit-background-size: 80px;
background-size: 80px;}
.direction_area .icon_box li .icon.i01{background-image: url(../images/main/side_icon01.png);}
.direction_area .icon_box li .icon.i02{background-image: url(../images/main/side_icon02.png);}
.direction_area .icon_box li .icon.i03{background-image: url(../images/main/side_icon03.png);}

.direction_area .icon_box li .text_box{}
.direction_area .icon_box li .text_box .tit{display: block;font-size: 16px;color: #000;line-height: 1.2;margin-top: 12px;font-weight: 600;}
.direction_area .icon_box li .text_box .txt{display: block;font-size: 13px;color: #666;line-height: 1.2;font-weight: 600;margin-top: 5px;}

.direction_area .icon_box.type-02{max-width: 100%;display: block;width: 100%;overflow-x: auto;  white-space: nowrap;padding-bottom: 20px;}
.direction_area .icon_box.type-02:after{content:"";display: block;clear: both;}
.direction_area .icon_box.type-02 li{margin-right: 20px;}
.direction_area .icon_box.type-02 li .icon{width: 100px;height: 100px;border: 3px solid #ddd;
margin-bottom:  13px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.direction_area .icon_box.type-02 li .icon.i01{background-image: url(../images/main/side_icon1_01.png);}
.direction_area .icon_box.type-02 li .icon.i02{background-image: url(../images/main/side_icon1_02.png);}
.direction_area .icon_box.type-02 li .icon.i03{background-image: url(../images/main/side_icon1_03.png);}
.direction_area .icon_box.type-02 li .text_box2{}
.direction_area .icon_box.type-02 li .text_box2 .tit{font-size: 16px;font-weight: 500;}
.direction_area .icon_box.type-02 li .text_box2 .txt{font-size: 13px;margin-top:6px;font-weight: 400;line-height: 1.2;}

.new_side_img_wrap{  max-width: 100%; margin: 0 auto; padding-top: 30px;padding-bottom: 20px;}
.new_side_img_wrap .left_area li{margin-bottom: 20px;color: #222;text-align: center;}
.new_side_img_wrap .left_area li .title{font-size: 19px;font-weight: 600;}
.new_side_img_wrap .left_area li .tit{font-size: 15px;font-weight: 600;}
.new_side_img_wrap .left_area li .txt{font-size: 14px;margin-top: 5px;}
.new_side_img_wrap .right_area{margin-top: 40px;padding: 0 20px;}
.new_side_img_wrap .right_area img{max-width: 100%;}

.main_content .img_box{text-align: center;margin-top: 30px;padding: 0 20px;}
.main_content .img_box img{max-width: 100%;}


@media (min-width: 768px) { 
	.section > .main_content { max-width: 1024px; margin-right: auto; margin-left: auto;  padding-right: 15px; padding-left: 15px;} 

	.gallery_list li {float: left;width: 31.251%; margin-right: 3.125%; text-align:center;  text-align: left; overflow: hidden; font-weight: 400; webkit-box-shadow: 2px 2px 9px 0px #eaeaea; -moz-box-shadow: 2px 2px 9px 0px #eaeaea;;box-shadow: 2px 2px 9px 0px #eaeaea; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
	.gallery_list li:nth-child(3n){margin-right: 0;}
	.gallery_list li .text_box{height: 65px;}

	.gallery_list.col2 li{width: calc(50% - 10px);margin-right: 10px;}
	.gallery_list.col2 li:nth-child(2n){margin-right: 0;}

	.count_arrow .right_area li{width: auto;margin-right: 20px;}
	.count_arrow .right_area li .icon{width: 100px;}

	.circle_list{max-width: 400px;}
	.coupon_list{margin: 0 auto;}

}





/* 아래부터 기존에 이상하게 작업된 css 입니다 */

.main_banner_layer{width: 100%; margin-bottom: 33px;text-align: center;   }
.main_banner_box{width: 100%; margin: 0px auto;position: relative;padding: 0 20px;}
.main_banner_box span{  padding-top: 26px; font-size: 17px; font-weight: bold;letter-spacing: -1px; color: #191919;display: inline-block;position: relative;}
.main_banner_box strong{display: block;margin-top: 8px; font-size: 26px; font-weight: 700;letter-spacing: -1.55px; color: #191919;position: relative;z-index: 1}
.main_banner_box strong::after{content: ''; display: block;position: absolute;background-size: contain;background-repeat: no-repeat;width: 99px; height: 8px;left: 62px; bottom: -3px;background-image: url('../images/main/main_banner_icon2.png');bottom: -7px; z-index: -1;}
.main_banner_box p{margin-top: 22px;  font-size: 29px; letter-spacing: -0.73px; color: #191919; display: block;position: relative;}
.main_banner_box p>b{font-family: 'BMHANNAPro';font-size: 30px; letter-spacing: -0.75px;font-weight: normal;color: #191919;}
.main_banner_box a{font-size: 13px;font-weight: bold; letter-spacing: -0.7px;display: block;text-align: center;margin-top: 21px; border-radius: 50px; background-color: #fff; width: 160px; line-height: 30px; color:#191919; box-shadow: 10px 10px 30px rgba(255,255,82,.47)}
.main_banner_right_img{;width: 243px;margin-top: 30px;}
.main_banner_txt_layer{background-color: #f8f8f8;  width: 100%; text-align: center;}

.main_banner_txt_bottom{ padding:30px 0px;display: table;width:365px; margin: 0px auto;; text-align: center;}
.main_banner_txt_bottom>span{display: table-cell;vertical-align: middle;}
.main_banner_txt_bottom>span:first-child{width: auto;}
.main_banner_txt_bottom>span:first-child img{width: 100px;}
.main_banner_txt_bottom>span:last-child img{height: 30px;}
.main_banner_txt_bottom>span>div{font-size: 17px;font-weight: 700;letter-spacing: -1.15px;color: #191919;vertical-align: middle}

.main_use_info_box{    width: 100%;padding:40px 15px 180px;position: relative;display: block;overflow-y: hidden;margin: 0px auto;}
.main_use_info_box>span{display: block;text-align: center;;vertical-align: top;}
.main_use_info_box>span:first-child{width: 110px;position: absolute;left: 50%;margin-left: -55px;bottom: -45px;}
.main_use_info_box>span:first-child img{width: 100%;}
.main_use_info_box>span:last-child{vertical-align: middle;}

.main_use_info_top_list{font-size: 0px; margin:20px 0px 0px;}
.main_use_info_top_list>li{width: 150px; margin-right: 7px;display: inline-block; margin-right: 15px;vertical-align: top;position: relative;}
.main_use_info_top_list>li:last-child{margin-right: 0px;}
.main_use_info_top_list>li img{width: 100%;}
.main_use_info_top_list>li span{display: block;}


.main_use_info_bottom{color: #191919;}
.main_use_info_bottom>span{font-size: 15px;letter-spacing: -0.38px; display: block;font-weight: 500;}
.main_use_info_bottom>strong{font-size: 20px;letter-spacing: -0.5px; display: block;font-weight: 600;}
.main_use_info_bottom .main_use_info_img5{margin:44px 0px 0px 46px;}

.main_use_list_layer{background-color: #f8f8f8; padding: 0 20px;}
.main_use_list_box>span:first-child{padding-right: 40px;}
.main_use_list_box>span:last-child{    width: 100%; margin-top: 14px;}
.main_use_list_left>div{font-size: 18px;padding: 30px 0 10px;width: 100%; letter-spacing: -1px;color: #191919; font-weight: 600; display: block; text-align: center;}
.main_use_list_left>span{display: inline-block;font-size: 28px; color: #434343; letter-spacing: -0.7px; font-weight: 300; margin-left: 70px;border-bottom: 1px solid #434343;}
.main_use_list_left>strong{ color: #fe6723; right: 5px; font-size: 45px;top:0px;letter-spacing: -1.5px;font-weight: 900;display: block;text-align: center;}


.main_use_list_right{padding: 20px 0px;}
.main_use_list_right_list{width: 100%; border-radius: 20px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);  background-color: #ffffff;}
.main_use_list_right_list>ul{font-size: 0px;padding:20px 0px;}
.main_use_list_right_list>ul>li{background-color: #fff; border-bottom: 1px solid #dbdbdb;padding:10px 15px;position: relative;}
.main_use_list_right_list>ul>li:first-child{border-top: 1px solid #707070;}
.main_use_list_right_list>ul>li:nth-child(2n){background-color: #f8f8fa;}
.mu_list_addr{font-size: 14px; font-weight: 500; letter-spacing: -0.35px;color: #212329;margin-bottom: 10px;}
.mu_list_txt{font-size: 12px; letter-spacing: -0.3px; color: #999;}
.mu_list_txt>span{margin-right: 20px;}
.main_use_list_right_list>ul>li>span{position: absolute;bottom: 11px;left: auto; right: 10px;width: 60px; text-align: center;font-size: 12px; font-weight: bold; letter-spacing: -0.45px; }
.status_ing{color: #212329;}
.status_wait{color: #999;}
.status_ok{color: #fe6723;}
.video_area{max-width: 1100px;height: 320px;padding: 0 20px;margin: 40px auto 10px;overflow: hidden;-webkit-border-radius: 0 20px 0 20px ;-moz-border-radius:0 20px 0 20px ;border-radius:0 20px 0 20px; ; }

@media (min-width: 400px) { 
.main_banner_box{width: 400px;}
}

@media (min-width: 768px) { 
.main_banner_layer{}
.main_banner_box{width: 600px;}
.main_banner_box span{font-size:  22px;}
.main_banner_box {font-size:  28px;}
.main_banner_box a{line-height: 40px;margin-top: 30px;}

.main_use_info_bottom>span{font-size: 18px;}
.main_use_info_bottom>strong{font-size: 24px;}
.main_use_info_top_list>li{width: 220px;height: auto;}


.main_use_info_box{padding-bottom: 245px;}
.main_use_info_box>span:first-child{width: 140px;margin-left: -70px;}

.mu_list_addr{font-size: 16px;}
.main_use_list_right_list>ul>li>span{font-size: 14px;bottom: 25px;}
.mu_list_txt{font-size: 14px;}
.video_area{height: 500px;}


}
.tag-element{display: flex; justify-content: flex-start; align-items: center;width:100%;max-width:1200px;position:relative;/*margin:10px auto 40px auto;*/margin:10px auto 0;text-align:left}
.tag-element.detail{border-bottom:1px solid #ddd;padding:40px 0px}
.tag-element.poi{border-bottom:1px solid #ddd;border-top:1px solid #ddd;padding:20px 0px;box-sizing:border-box}t6yd5;;
.tag-element .title{display:inline-block;font-size:18px;color:#0066eb;font-weight:700;margin-bottom:10px;padding:0 0 0 28px;background:url(../../../assets/images/2019/common/ico-tag.png) no-repeat 0px 4px;}
.tag-element.detail span.title{display:block;}
.tag-element.detail p{margin-top:10px}
.tag-element--faq:after {content:'';display:inline-block;position:absolute;bottom:0;left:0;width:100%;height:1px;border-bottom:1px solid #C3C3C3;z-index:-1;}
.tag-element.tag-element--faq > a {display: inline-block;position:relative;margin:0;padding:10px 5px ;font-size:14px;color:#393939;letter-spacing: -0.5px;font-weight:500;text-align:center;}
.tag-element.tag-element--faq > a.active {color:#FFBD2F;}
.tag-element a{display:inline-block;font-size:16px;color:#FFBD2F;font-weight:400;/*margin:0px 10px;*/margin:0;padding:5px 0px}
.tag-element a + a {margin-left:10px;}
.tag-element a.active{color:#FFBD2F;border-bottom:2px solid #FFBD2F}
.article-list-element:last-child{border:0px;/*padding:60px 0px 0px 0px;*/padding:30px 0 0 0;}

/* faq */
.faq-list-element{max-width: 1200px;margin: 0 auto 50px;border-top:1px solid #333;/*margin-top:70px*/}
.faq-list-element .tab_li{display: none;}
.faq-list-element .tab_li.on{display: block;}
.faq-list-element:after{content:'';display:block;clear:both}
.faq-list-cont{overflow:hidden;}
.faq-list-cont .faq-q{background-image:url(../images/common/ico-q.png);background-position:10px 0px;background-repeat:no-repeat}
.faq-list-cont.active .faq-q{background-image:url(../images/common/ico-q-on.png);}
.faq-list-cont .faq-q a{display:block;padding:20px 20px 20px 70px;position:relative;border:1px solid transparent;border-bottom:1px solid #ddd}
.faq-list-cont .faq-q a span{display:inline-block;}
.faq-list-cont .faq-q a span.faq-category{display:inline-block;border-radius:4px;text-align:center;background-color:#f6f6f6;font-size:14px;color:#333333;margin-right:15px;padding:5px 10px}
.faq-list-cont.active .faq-q a span.faq-category{background-color:#FFBD2F;color:#fff}
.faq-list-cont .faq-q a span.text-cont{font-size:15px;color:#333;font-weight:700}
.faq-list-cont.active .faq-q a span.text-cont{color:#FFBD2F}
.faq-list-cont .faq-q a i{display:inline-block;position:absolute;right:10px;top:50%;margin-top:-9px;z-index:1;color:#999}
.faq-list-cont.active .faq-q a i{color:#FFBD2F}
.faq-list-cont .faq-a{display:none;padding:40px 40px 40px 125px;background-image:url(../images/common/ico-a.png);background-repeat:no-repeat;background-position:70px center;background-color:#f6f6f6;font-size:16px;color:#333;line-height:26px}
.faq-list-cont.active .faq-a{display:block}
.faq-list-cont table td{border: 1px solid #ddd;vertical-align: middle;padding: 10px;}
.faq-list-cont table td strong{font-size: 20px;}
.faq-list-cont table td.right{text-align: right;}

@media all and (max-width:768px){
.infor-element .desc-faq {margin-bottom:30px !important;}

.faq-list-cont .faq-a{padding:15px;background-image:none;font-size:13px; line-height: 1.3;}
.faq-list-cont .faq-q{background-image:none}
.faq-list-cont.active .faq-q{background-image:none}
.faq-list-cont .faq-q a{padding:15px 15px 15px 0px;}
.faq-list-cont .faq-q a span.text-cont{display:block}
}


/* 11-16 */
.direction_area .col3_img_list {font-size: 0;margin: 20px auto -40px;}
.direction_area .col3_img_list li{}
.direction_area .col3_img_list li:first-child{margin-left: 0;}
.direction_area .col3_img_list li .top{font-size: 18px;line-height: 28px;font-weight: 500;}
.direction_area .col3_img_list li .num{display: block;font-size: 40px;line-height: 48px;font-weight: 300;margin-top: 17px;}
.direction_area .col3_img_list li .num em{font-weight: 700;font-size: 48px;}
.direction_area .col3_img_list li img{max-width: 100%;	}

.direction_area .col3_img_list li .text_box{padding-bottom: 40px;}
.direction_area .col3_img_list li .text_box .tit{display: block;font-size: 18px;color: #000;line-height: 1.2;margin-top: 5px;font-weight: 600;-ms-word-break: keep-all;
word-break: keep-all;}
.direction_area .col3_img_list li .text_box .txt{display: block;font-size: 14px;color: #666;line-height: 1.2;font-weight: 600;margin-top: 5px;-ms-word-break: keep-all;
word-break: keep-all;}
.direction_area .col3_img_list li:nth-child(even) .text_box{padding-left: 0;padding-right: 40px;}


.map_result_txt{font-size: 15px;max-width: 760px;margin: 15px auto 0 ;padding: 7px ;text-align: center;background-color: #fff;border: 1px solid #ddd;}

.dues_list{max-width: 850px;margin: 20px auto 0;}
.dues_list:after{content:"";display: block;clear: both;}
.dues_list li{float: left;text-align: center;width: calc(50%);border: 1px solid #ddd;border-top: 3px solid #FFBD2F;height: 290px;padding: 12px 10px;border-left-width: 0;}
.dues_list li.first{width: 100%;text-align: left;border-top-color: #999;border-left-width: 1px;height: auto;background-color: #f9f9f9;}
.dues_list li.first .txt{font-size: 14px;padding-top: 10px;-ms-word-break: keep-all;word-break: keep-all;}
.dues_list li .title{font-size: 20px;font-weight: 600;padding-bottom: 2px;}
.dues_list li .txt_box{padding-top: 17px;}
.dues_list li .txt_box .top{font-size: 14px;font-weight: 600;}
.dues_list li .txt_box .txt{font-size: 20px;padding-top: 5px;font-weight: 600;color: #FFBD2F;}
.dues_list li .txt_box .txt .solid{text-decoration: line-through;font-size: 14px;font-weight: 400;color: #666;display: block;margin-right: 8px;}
.dues_list li .btn{display: inline-block;width: 100%;font-size: 14px;height: 36px;line-height: 36px;background-color: #FFBD2F;
font-weight: 500;margin-top: 30px;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.dues_list li:nth-child(2){border-color: #FFBD2F;border-left-width: 1px;}
.dues_list li:nth-child(3){border-top-color: #333;}
.dues_list li:nth-child(3) .btn{background-color: #333;color: #fff;font-weight: 400;}

.file_write{margin-top: 10px;}
.file_write .file_box{width: 100%; font-size: 0;}
.file_write .file_tit{font-size: 14px;padding-bottom: 8px;}
.file_write .file_box li{max-width:  49%;display: inline-block;vertical-align: top;vertical-align: top;text-align: center;margin-right: 2%;margin-bottom: 10px;overflow: hidden;}
.file_write .file_box li:nth-child(even){margin-right: 0;}
.file_write .file_box li input[type='file']{width: 0px; height: 0px;}
.file_write .file_box li .box{position: relative;;width:  130px;height: 220px;overflow: hidden;border:1px solid #E5E5E5;}
.file_write .file_box li .file_btn{display: flex;    justify-content: center;  align-items: center;position: relative; width: 100%; height: 220px;text-align: center;color: #555;font-size: 15px;font-weight: 500;background-color: #fff;background-image: url(../images/common/file_plus.png);background-repeat: no-repeat;background-position: center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.file_write .file_box li .file_btn span{}
.file_write .file_box li:nth-child(3n){margin-right: 0;}
.file_write .file_box li .img_box{margin-top: 0;position: absolute;top: 0;left: 0;background-color: #fff;padding-bottom: 0;width: 100%;height: 100%;-webkit-background-size: cover;background-size: cover;overflow: hidden;}
.file_write .file_box li .img_box img{object-fit: contain;width: 100%; height: 100%;}
.file_write .file_box li .img_box .delete_btn{position: absolute;top: 0;right: 0;width: 20px;height: 20px;line-height: 20px;font-size: 12px;text-align: center;background-color: #222;color: #fff;}
.file_write .file_box .add_btn{display: block;width: 100%;height: 30px;color: #A0A0A0;line-height: 28px;font-size: 10px;text-align: center;border: 1px solid #E5E5E5;background-color: #F9F9F9;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}


.fix_btm{position: fixed;right: 20px;bottom: 30px;z-index: 50;}
.fix_btm .talk{display: block;width: 64px;height: 64px;background-image: url(../images/common/fix_btm.png);-webkit-background-size: 64px;
background-size: 64px;}




.sub_content{max-width: 1200px;margin: 0 auto;padding: 0 20px 60px;}
.sub_content > .title{font-size: 40px;text-align: center;padding: 80px 0 0px;}


.pagination{text-align: center; padding: 60px 0;font-size: 0;}
.pagination a:first-child{margin-left: 0;}
.pagination a{display: inline-block; width: 32px; height: 32px; font-size: 22px; color: #3B1C1C; line-height: 30px; margin: 0 3px; background-repeat: no-repeat; background-position: center;}
.pagination a.on{font-weight: 600;}
.pagination a.prev, .pagination a.next{width: 32px;height: 32px;border: 1px solid #707070;margin: 0;}
.pagination a.prev{background-image: url(../images/common/p_prev_icon.png); font-size: 0; text-indent: -9999px; margin-right: 46px;}
.pagination a.next{background-image: url(../images/common/p_next_icon.png); font-size: 0; text-indent: -9999px; margin-left: 46px;}
.pagination a.prev.end{background-image: url(../images/common/p_prev_end_icon.png); margin-right: -1px;}
.pagination a.next.end{background-image: url(../images/common/p_next_end_icon.png); margin-left: -1px;}

.vacancy_list{padding-top: 100px;}
.vacancy_list li{position: relative;border-bottom: 1px solid #bbb;}
.vacancy_list li:first-child{border-top: 1px solid #bbb;}
.vacancy_list li .link{display: block;color: #3B1C1C;padding: 35px 20px 35px;padding-right: 200px;}
.vacancy_list li .link .title{font-size: 22px;overflow: hidden; white-space: nowrap;padding-top: 15px;-ms-text-overflow: ellipsis;text-overflow: ellipsis;}
.vacancy_list li .link .info{font-size: 18px;}
.vacancy_list li .link .info em:last-child:after{display: none;}
.vacancy_list li .link .info em:after{content:"";display: inline-block;clear: both;vertical-align: middle;width: 1px;height: 16px;background-color: #3B1C1C;margin: 0 8px;}
.vacancy_list li .state_box.ing{background-color: #ABABAB;}
.vacancy_list li .state_box{position: absolute;background-color: #FDB01D;color: #fff;font-size: 20px;text-align: center;top: 56px;right: 50px;width: 112px;height: 47px;line-height: 47px;-webkit-border-radius:0 10px 0 10px ; -moz-border-radius: 0 10px 0 10px; border-radius: 0 10px 0 10px;}
.vacancy_list li .state_box.red{background-color: #e13636;}
.vacancy_list li .icon_right{position: absolute;width: 12px;height: 23px;top: 50%;right: 28px;margin-top: -18px;background-image: url(/images/home/vacancy_right.png);background-repeat: no-repeat;}
.vacancy_list.top{padding-top: 0;}
.vacancy_list li.notice{background-color: #f8f8f8;}

.gallery_view{max-width: 1200px;margin: 0 auto;padding-top: 100px;}
.gallery_view .title_wrap{color: #3B1C1C;text-align: center;line-height: 1.2;border-bottom: 1px solid #bbb;padding: 60px 0  64px;}
.gallery_view .title_wrap .title{font-size: 32px;font-weight: 600;}
.gallery_view .title_wrap .info{display: inline-block;font-size: 14px;font-weight: 400;padding-top: 15px;}
.gallery_view .contents_box{padding: 60px 0;min-height: 598px;font-size: 18px;color: #000;}
.gallery_view .contents_box img{max-width: 100%;display: block;margin:  0 auto;}

.btn_area{text-align: center; padding: 60px 0 30px ;font-size: 0;}
.btn_area .btn{ width: 80px;height: 36px; line-height: 36px;font-size: 14px; color: #fff;font-weight: 400; background-color: #FDB01D; text-align: center;-webkit-border-radius: 0 10px 0 10px;-moz-border-radius: 0 10px 0 10px; border-radius: 0 10px 0 10px;}
.btn_area.type_r{text-align: right;}
.btn_area.type_r .btn{margin: 0;margin-left: 20px;}

.vacancy_list{padding-top: 50px;}
.vacancy_list li{padding: 0 18px;}
.vacancy_list li .link{height: 108px;padding: 30px 110px 0 0 ;line-height: 1;}
.vacancy_list li .link .info em:after{background-color: #fff;}
.vacancy_list li .link .title{font-size: 20px;padding-top: 14px;}
.vacancy_list li .link .info{font-size: 11px;}
.vacancy_list li .state_box{top: 36px;right: 30px;font-size: 12px;width: 72px;height: 29px;line-height: 29px;-webkit-border-radius: 0 5px 0 5px;-moz-border-radius: 0 5px 0 5px;border-radius:0 5px 0 5px ;}

.gallery_view{padding-top: 0px;}
.gallery_view .title_wrap{padding: 57px 0 22px ;}
.gallery_view .title_wrap .title{font-size: 19px;}
.gallery_view .title_wrap .info{font-size: 16px;}
.gallery_view .contents_box{font-size: 14px;padding: 25px 0;min-height: auto;}