.sub_title {position: relative; width: 100%; height: 135px; background: #f8f8f8; box-shadow:3px 5px 10px rgba(0,0,0,0.15); z-index: 2;}
.sub_title .inner {display: flex; align-items: center; justify-content: center; height: 100%;}
.sub_title .inner span {position: relative; display: inline-block; padding-left: 30px; font-size: 50px; color: #333; font-weight: 400; letter-spacing: -0.025em; line-height: 1;}
.sub_title .inner span:before {position: absolute; top: 6px; left: 0; content: ''; width: 15px; height: 15px; background: #f15922;}



.sub_cntent {position: relative; width: 100%; padding: 80px 0 100px; z-index: 1;}
.sub_cntent .sub_tit {width: 100%; text-align: center;}
.sub_cntent .sub_tit h2 {padding-bottom: 15px; font-size: 40px; color: #333; font-weight: 400; letter-spacing: -0.025em; line-height: 1;}
.sub_cntent .sub_tit p {font-size: 18px; color: #333; font-weight: 400; letter-spacing: -0.055em; line-height: 1.4;}
.sub_cntent .sub_tit p + p {margin-top: 10px;}
.sub_cntent .sub_tit p font {color: #f15922;}
.sub_cntent .sub_tit p span {display: inline-block; padding: 0 10px; background: #f15922; color: #fff;}


.sub_cntent .sub_tab {width: 100%; margin: 20px 0 40px;}
.sub_cntent .sub_tab ul {width: 100%; border: 1px solid #f15922;}
.sub_cntent .sub_tab ul li {float: left; width: 20%;}
.sub_cntent .sub_tab ul li + li {border-left: 1px solid #f15922;}

.sub_cntent .sub_tab ul li div {padding: 10px 0; background: #fff; font-size: 16px; color: #333; font-weight: 400; letter-spacing: -0.025em; text-align: center;}

.sub_cntent .sub_tab ul li div:hover {background: #f8f8f8;}
.sub_cntent .sub_tab ul li.on div {background: #f15922; color: #fff;}



.sub_con {width: 100%; margin-top: 20px;}



.s_left_quick {position: fixed; top: 325px; left: 85px; z-index: 999;}
.s_left_quick ul {width: 85px;}
.s_left_quick ul li + li {margin-top: 20px;}
.s_left_quick ul li.top {opacity: 0;}
.s_left_quick ul li.top img.topBtn {cursor: pointer;}

.s_left_quick.on ul li.top {opacity: 1; transition: 0.6s all;}


.s_right_quick {position: fixed; top: 325px; right: 85px; z-index: 999;}
.s_right_quick ul {width: 85px;}
.s_right_quick ul li + li {margin-top: 20px;}
.s_right_quick ul li.top {opacity: 0;}
.s_right_quick ul li.top img.topBtn {cursor: pointer;}

.s_right_quick.on ul li.top {opacity: 1; transition: 0.6s all;}


.tab_list_tit {display: flex; align-items: center; justify-content: center; width: 100%; height: 151px; background: url('../img/etc/img03.jpg') center no-repeat; margin-top: 50px;}
.tab_list_tit h2 {font-size: 40px; color: #fff; font-weight: 500; letter-spacing: -0.025em; line-height: 1;}


.table_list {table-layout: fixed; border-collapse: collapse; border-bottom: 1px solid #333;}
.table_list thead tr {border-bottom: 2px solid #333;}
.table_list thead tr th {padding: 10px 0; font-size: 16px; color: #333; font-weight: 400; letter-spacing: -0.025em; text-align: center;}

.table_list tbody tr {border-bottom: 1px solid #ccc;}
.table_list tbody tr:last-child {border-bottom: 0;}
.table_list tbody tr td {padding: 10px; font-size: 16px; color: #333; font-weight: 400; letter-spacing: -0.025em; text-align: center;}
.table_list tbody tr td.t_left {text-align: left;}
.table_list tbody tr td.name a {display: block; font-size: 16px; color: #f15922; font-weight: 400; letter-spacing: -0.025em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
/*.table_list tbody tr td.name a:hover {color: #f15922;}*/

.table_list tbody tr td .btn_orang {display: inline-block; height: 30px; padding: 0 15px; background-color: #f15922; -ms-border-radius: 8px; -o-border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; font-size: 14px; color: #fff; font-weight: 300; letter-spacing: -0.025em; line-height: 30px;}
.table_list tbody tr td .btn_orang:hover {background-color: #fa6631; transition: 0.3s all;}

.table_list tbody tr td .btn_green {display: inline-block; height: 30px; padding: 0 15px; background-color: #60bb6f; -ms-border-radius: 8px; -o-border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; font-size: 14px; color: #fff; font-weight: 300; letter-spacing: -0.025em; line-height: 30px;}
.table_list tbody tr td .btn_green:hover {background-color: #318e5a; transition: 0.3s all;}


.btn_newApp {width: 100%; text-align: right; margin-top: 40px;}
.btn_newApp div {display: inline-block; width: 180px; height: 40px; background-color: #60bb6f; -ms-border-radius: 8px; -o-border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; font-size: 16px; color: #fff; font-weight: 300; letter-spacing: -0.025em; line-height: 40px; text-align: center;}
.btn_newApp div:hover {background-color: #318e5a; transition: 0.3s all;}


.page {position:relative; width: 100%; padding: 45px 0 25px;}
.page ul {width: 100%; text-align: center;}
.page ul li {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0 5px;}
.page ul li.prev {margin-right: 20px;}
.page ul li.next {margin-left: 20px;}
.page ul li div {display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: #f15922; border-radius: 50%; font-size: 20px; color: #fff; font-weight: 500;}
.page ul li a div {display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: transparent; border-radius: 50%; font-size: 20px; color: #333; font-weight: 400;}
.page ul li a {font-size: 20px; color: #333; font-weight: 400;}

/*.page .writeBtn {width:144px; height:35px; position:absolute; top:55px; right:0; background-color:#11469b; text-align: center; line-height:35px; font-size:16px; color:#fff; font-weight:300; letter-spacing:-0.025em; transition:all 0.3s;}
.page .writeBtn:hover {background-color:#0b336c;}*/


.table_form {table-layout: fixed; border-collapse: collapse; border-top: 2px solid #333; border-bottom: 1px solid #333;}
.table_form tr {border-bottom: 1px solid #ccc;}
.table_form tr:last-child {border-bottom: 0;}
.table_form tr th {padding: 15px; background: #f8f8f8; font-size: 16px; color: #333; font-weight: 400; letter-spacing: -0.025em; text-align: left;}
.table_form tr td {position: relative; padding: 15px; font-size: 16px; color: #333; font-weight: 400; letter-spacing: -0.025em;}
.table_form tr td.comment {padding-bottom: 70px;}
.table_form tr td .file_name {max-width: 300px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.table_form tr td textarea {width: 100%; min-height: 200px; padding: 10px; border: 1px solid #ccc; outline: none; resize: vertical;}

.table_form tr td .btn_down {position: absolute; top: 50%; transform: translateY(-50%); right: 15px; content: ''; width: 105px; height: 35px; padding-left: 25px; background: #f15922 url('../img/common/file2.png') center left 14px no-repeat; border-radius: 8px; font-size: 16px; color: #fff; font-weight: 400; letter-spacing: -0.025em; line-height: 35px; text-align: center; cursor: pointer;}
.table_form tr td .btn_down:hover {background-color: #fa6631; transition: 0.3s all;}


.table_form2 {table-layout: fixed; border-collapse: collapse; border-top: 2px solid #333; border-bottom: 1px solid #ccc;}
.table_form2 tr {border-bottom: 1px solid #ccc;}
.table_form2 tr:last-child {border-bottom: 0;}
.table_form2 tr th {padding: 15px; font-size: 16px; color: #333; font-weight: 400; letter-spacing: -0.025em; text-align: left;}
.table_form2 tr td {padding: 15px; font-size: 16px; color: #333; font-weight: 400; letter-spacing: -0.025em;}
.table_form2 tr td + th {border-left: 1px solid #ccc;}
.table_form2 tr td textarea {width: 100%; min-height: 200px; padding: 10px; border: 1px solid #ccc; outline: none; resize: vertical;}


.input_file_Box {position: relative; width: 100%;}
.input_file_Box .file_input_textbox {float: left; width: 75%; height: 35px; border: 1px solid #ccc; outline: none; font-size: 16px; color: #333; font-weight: 400; letter-spacing: -0.025em;}
.input_file_Box .file_input_hidden {position: absolute; top: 0; left: 76%; width: 105px; height: 35px; border-radius: 8px; opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); cursor: pointer; font-size: 16px; color: #333; font-weight: 400; letter-spacing: -0.025em;}
.input_file_Box .file_input_img_btn {position: absolute; top: 0; left: 76%; content: ''; width: 105px; height: 35px; background: #333; border-radius: 8px; font-size: 16px; color: #fff; font-weight: 400; letter-spacing: -0.025em; line-height: 35px; text-align: center; cursor: pointer;} 



/* distributor */
.distributor {position: relative; width: 100%;}
.distributor .box {position: relative; width: 100%;}

.distributor .box01 .tit {width: 100%; text-align: center;}
.distributor .box01 .tit p {padding: 10px 0; background: #fff5f1; font-size: 28px; color: #333; font-weight: 500; letter-spacing: -0.025em; text-align: center;}
.distributor .box01 .tit span {display: inline-block; font-size: 20px; color: #333; font-weight: 400; letter-spacing: -0.025em; margin: 10px 0 20px;}
.distributor .box01 .tit span font {color: #f15922; font-weight: 500;}

.distributor .box01 .left {float: left; width: 565px; padding-top: 105px; background: url('../img/distributor/dis_img03.jpg') top center no-repeat;}
.distributor .box01 .left .txtBox {width: 100%; text-align: center;}
.distributor .box01 .left .txtBox h2 {display: inline-block; padding: 15px 40px; background: #fff; font-size: 20px; color: #333; font-weight: 400; letter-spacing: -0.025em; line-height: 1;}
.distributor .box01 .left .txtBox h2 font {color: #f15922; font-weight: 500;}
.distributor .box01 .left .txtBox h2 img {vertical-align: 0; margin: 0 2px;}
.distributor .box01 .left .txtBox span {display: block; padding-bottom: 15px; font-size: 16px; color: #555; font-weight: 400; letter-spacing: -0.025em; line-height: 1.4;}
.distributor .box01 .left .txtBox p {font-size: 16px; color: #333; font-weight: 400; letter-spacing: -0.025em; line-height: 1.4;}
.distributor .box01 .left .txtBox p + p {margin-top: 6px;}
.distributor .box01 .left .txtBox p img {vertical-align: 0; margin-right: 3px;}


.distributor .box01 .right {float: right; width: 565px; padding-top: 105px; background: url('../img/distributor/dis_img04.jpg') top center no-repeat;}
.distributor .box01 .right .txtBox {width: 100%; text-align: center;}
.distributor .box01 .right .txtBox h2 {display: inline-block; padding: 15px 40px; background: #fff; font-size: 20px; color: #333; font-weight: 400; letter-spacing: -0.025em; line-height: 1;}
.distributor .box01 .right .txtBox h2 font {color: #f15922; font-weight: 500;}
.distributor .box01 .right .txtBox span {display: block; padding-bottom: 15px; font-size: 16px; color: #555; font-weight: 400; letter-spacing: -0.025em; line-height: 1.4;}
.distributor .box01 .right .txtBox span:nth-of-type(2) {margin-top: 15px;}
.distributor .box01 .right .txtBox p {font-size: 16px; color: #333; font-weight: 400; letter-spacing: -0.025em; line-height: 1.4;}
.distributor .box01 .right .txtBox p + p {margin-top: 6px;}
.distributor .box01 .right .txtBox p font {color: #f15922;}
.distributor .box01 .right .txtBox p small {font-size: 14px; color: #888;}



.btn_downApply {display: flex; align-items: center; justify-content: center; width: 100%; height: 151px; background: url('../img/etc/img03.jpg') center no-repeat; margin-top: 50px;}
.btn_downApply ul {display: inline-block;}
.btn_downApply ul li {float: left;}
.btn_downApply ul li + li {margin-left: 30px;}
.btn_downApply ul li div {width: 495px; height: 60px; background: #fbfbfb; border-radius: 8px; font-size: 18px; color: #f15922; font-weight: 400; letter-spacing: -0.025em; ;line-height: 60px; text-align: center; box-shadow: 5px 4px 7px rgb(0, 0, 0, 0.3);}
.btn_downApply ul li:last-child div {background: #f15922; color: #fff;}

.btn_downApply ul li div img {vertical-align: -2px; margin-right: 8px;}

.btn_downApply ul li div:hover {background: #e9e9e9; transition: 0.3s all;}
.btn_downApply ul li:last-child div:hover {background: #fa6631; transition: 0.3s all;}



.distributor .box02 {padding-bottom: 30px; border-bottom: 1px solid #ccc; margin-top: 15px;}


.distributor .box03 {padding-top: 30px;}
.distributor .box03 .left {float: left; width: 324px;}
.distributor .box03 .left p {font-size: 30px; color: #333; font-weight: 400; letter-spacing: -0.025em;}
.distributor .box03 .left img {margin-top: 25px; margin-left: 25px;}

.distributor .box03 .right {float: left; width: 856px; padding-top: 5px; padding-left: 55px;}
.distributor .box03 .right h2 {font-size: 18px; color: #333; font-weight: 400; letter-spacing: -0.025em;}
.distributor .box03 .right ul {width: 100%; margin-top: 30px;}
.distributor .box03 .right ul li {font-size: 18px; color: #333; font-weight: 400; letter-spacing: -0.025em;}
.distributor .box03 .right ul li + li {margin-top: 10px;}
.distributor .box03 .right ul li font {display: inline-block; font-weight: 500; color: #f15922; margin-right: 8px;}
.distributor .box03 .right ul li p {padding-left: 28px; font-size: 16px; color: #555;}
.distributor .box03 .right ul li:nth-child(5) p:first-of-type {margin-top: 10px;}
.distributor .box03 .right ul li p small {font-size: 14px; color: #555;}

.distributor .box03 .right ul li div {width: 766px; padding: 15px 20px; background: #f8f8f8; margin: 10px 0 15px auto;}
.distributor .box03 .right ul li div span {display: block; font-size: 16px; color: #333; font-weight: 400; letter-spacing: -0.025em;}
.distributor .box03 .right ul li div span font {color: #f15922; font-weight: 400;}
.distributor .box03 .right ul li div span em {font-size: 15px; color: #888;}



.dis_view .dis_box01 {width: 100%; margin-top: 50px;}
.dis_view .dis_box01 > h2 {position: relative; padding-top: 10px; font-size: 18px; color: #333; font-weight: 400; letter-spacing: -0.025em; margin-bottom: 20px;}
.dis_view .dis_box01 > h2:before {position: absolute; top: 0; left: 0; content: ''; width: 30px; height: 3px; background: #60bb6f;}

.dis_view .dis_box01 ul {width: 100%;}
.dis_view .dis_box01 ul li {position: relative; display: inline-block; zoom: 1; *display: inline; width: 576px; vertical-align: top; border: 1px solid #ccc; box-sizing: border-box;}
.dis_view .dis_box01 ul li + li {margin-left: 23px;}
.dis_view .dis_box01 ul li:nth-child(odd) {margin-left: 0;}
.dis_view .dis_box01 ul li:nth-child(n+3) {margin-top: 20px;}

.dis_view .dis_box01 ul li .tit {position: relative; height: 58px; padding-left: 55px; background: #f8f8f8 url(../img/common/hand.png) center left 20px no-repeat;}
.dis_view .dis_box01 ul li .tit h2 {font-size: 18px; color: #333; font-weight: 400; letter-spacing: -0.025em; line-height: 58px;}

.dis_view .dis_box01 ul li .tit .btn_down {position: absolute; top: 50%; transform: translateY(-50%); right: 20px; content: ''; width: 105px; height: 35px; padding-left: 25px; background: #60bb6f url('../img/common/file2.png') center left 12px no-repeat; border-radius: 8px; font-size: 16px; color: #fff; font-weight: 400; letter-spacing: -0.025em; line-height: 35px; text-align: center; cursor: pointer;}
.dis_view .dis_box01 ul li .tit .btn_down:hover {background: #318e5a; transition: 0.3s all;}

.dis_view .dis_box01 ul li .txt {width: 100%; padding: 15px 18px; background: #fff;}
.dis_view .dis_box01 ul li .txt p {font-size: 16px; color: #333; font-weight: 400; letter-spacing: -0.025em; line-height: 1.6;}
.dis_view .dis_box01 ul li .txt .date {display: inline-block; font-size: 16px; color: #888; font-weight: 400; letter-spacing: -0.025em; margin-top: 15px;}


.btn_wrap {width: 100%; text-align: center; margin-top: 50px;}
.btn_wrap ul {display: inline-block;}
.btn_wrap ul li {float: left;}
.btn_wrap ul li + li {margin-left: 30px;}
.btn_wrap ul li div {width: 180px; height: 40px; background-color: #888; -ms-border-radius: 8px; -o-border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; font-size: 16px; color: #fff; font-weight: 300; letter-spacing: -0.025em; line-height: 40px; text-align: center;}
.btn_wrap ul li:last-child div {background-color: #f15922;}

.btn_wrap ul li div:hover {background-color: #555; transition: 0.3s all;}
.btn_wrap ul li:last-child div:hover {background-color: #fa6631; transition: 0.3s all;}


.btn_wrap2 {width: 100%; text-align: center; margin-top: 50px;}
.btn_wrap2 ul {display: inline-block;}
.btn_wrap2 ul li {float: left;}
.btn_wrap2 ul li + li {margin-left: 30px;}
.btn_wrap2 ul li div {width: 495px; height: 60px; background: #fbfbfb; border-radius: 8px; font-size: 18px; color: #f15922; font-weight: 400; letter-spacing: -0.025em; ;line-height: 60px; text-align: center; box-shadow: 5px 4px 7px rgb(0, 0, 0, 0.3);}
.btn_wrap2 ul li:last-child div {background: #f15922; color: #fff;}

.btn_wrap2 ul li div img {vertical-align: -2px; margin-right: 8px;}

.btn_wrap2 ul li div:hover {background: #e9e9e9; transition: 0.3s all;}
.btn_wrap2 ul li:last-child div:hover {background: #fa6631; transition: 0.3s all;}


.pop_apply {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; display: none; box-sizing: border-box;}
.pop_apply .pop_apply_inner {position: relative; width: 100%; height: 100%;}
.pop_apply .pop_apply_inner .pop_bg {width: 100%; height: 100%; background: rgba(0,0,0,0.7);}
.pop_apply .pop_apply_inner .pop_box {position: absolute; top: 0; left: 50%; transform: translateX(-50%); content: ''; width: 100%; height: 100%; padding-top: 25px; overflow-y: auto; box-sizing: border-box;}

.pop_con {position: relative; width: 850px; padding: 40px 30px; background: #fff; border-radius: 10px; margin: auto; box-shadow: 3px 5px 10px rgb(0 0 0 / 15%);}
.pop_con .btn_close {position: absolute; top: 40px; right: 30px; cursor: pointer; z-index: 99;}
.pop_con .tit {position: relative; display: flex; align-items: center; justify-content: center; padding: 0 0 30px;}
.pop_con .tit span {position: relative; display: inline-block; padding-left: 30px; font-size: 40px; color: #333; font-weight: 400; letter-spacing: -0.025em; line-height: 1;}
.pop_con .tit span:before {position: absolute; top: 6px; left: 0; content: ''; width: 15px; height: 15px; background: #f15922;}

.pop_con .banner {width: 100%;}
.pop_con .banner img {width: 100%;}

.pop_con .pop_box01 {width: 100%; padding: 25px 0 0;}
.pop_con .pop_box01 h2 {padding-bottom: 15px; font-size: 25px; color: #333; font-weight: 400; letter-spacing: -0.025em; text-align: center;}

.pop_con .pop_box02 {width: 100%; padding: 25px 0 0;}
.pop_con .pop_box02 h2 {padding-bottom: 15px; font-size: 25px; color: #333; font-weight: 400; letter-spacing: -0.025em; text-align: center;}

.pop_con .btn_apply {width: 100%; margin-top: 40px;}
.pop_con .btn_apply div {width: 100%; height: 55px; background: #f15922; border-radius: 30px; font-size: 18px; color: #fff; font-weight: 400; letter-spacing: -0.025em; line-height: 55px; text-align: center;}
.pop_con .btn_apply div img {vertical-align: -2px; margin-right: 8px;}

.pop_con .info_txt {width: 100%; margin-top: 30px;}
.pop_con .info_txt p {font-size: 14px; color: #333; font-weight: 300; letter-spacing: -0.025em;}
.pop_con .info_txt p font {color: #f15922;}



.distributorW {width: 100%;}
.distributorW .box {position: relative; width: 100%;}

.distributorW .box02 {margin-top: 30px;}
/* distributor END */



/* KWIN */
.kwin_slide {width: 100%; padding-bottom: 50px;}
.kwin_slide .inner {position: relative;}
.kwin_slide .swiper-slide {text-align: center; box-sizing: border-box;}

.kwin_slide .tool_navigator {position: absolute; top: 50%; transform: translateY(-50%); left: 0;  content: ''; width: 100%; z-index: 0;}
.kwin_slide .tool_navigator .sw_prev {float: left; width: 24px; height: 46px; background: url('../img/kwin/slide_arrow_left.png') center no-repeat; margin-left: -50px; cursor: pointer;}
.kwin_slide .tool_navigator .sw_next {float: right; width: 24px; height: 46px; background: url('../img/kwin/slide_arrow_right.png') center no-repeat; margin-right: -50px; cursor: pointer;}


.sub_tit.kwin {position: relative; height: 645px; padding: 60px 0; background: url('../img/kwin/sub_tit_bg.jpg') center no-repeat;}
.sub_tit.kwin .sub_tit_img01 {margin-top: 30px;}


.kwin {position: relative; padding: 40px 0 0; width: 100%;}
.kwin > h2 {padding-bottom: 20px; font-size: 40px; color: #333; font-weight: 400; letter-spacing: -0.025em; text-align: center;}

.kwin ul.tab {width: 100%; font-size: 0;}
.kwin ul.tab li {display: inline-block; width: calc(100% / 3);}
.kwin ul.tab li div {height: 60px; border: 1px solid #ccc; font-size: 20px; color: #333; font-weight: 400; letter-spacing: -0.025em; line-height: 58px; text-align: center; cursor: pointer;}
.kwin ul.tab li div {margin-left: -1px;}
.kwin ul.tab li:nth-child(n+4) div {margin-top: -1px;}
.kwin ul.tab li div.on {background: #f15922; color: #fff;}


.kwin .tab_con {width: 100%; margin-top: 40px; overflow-y: hidden;}
.kwin .tab_con .left {float: left; width: 392px;}
.kwin .tab_con .left h2 {font-size: 30px; color: #333; font-weight: 400; letter-spacing: -0.025em; line-height: 1.4;}

.kwin .tab_con .right {float: right; width: 788px;}
.kwin .tab_con .right .tit {position: relative; padding: 8px 0 15px; font-size: 18px; color: #333; font-weight: 400; letter-spacing: -0.025em;}
.kwin .tab_con .right .tit:before {position: absolute; top: 0; left: 0; content: ''; width: 30px; height: 3px; background: #60bb6f;}
.kwin .tab_con .right .btn_apply {width: 100%; padding-top: 50px; border-top: 1px solid #ccc;}
.kwin .tab_con .right .btn_apply div {width: 100%; height: 55px; background: #60bb6f; border-radius: 30px; font-size: 18px; color: #fff; font-weight: 400; letter-spacing: -0.025em; line-height: 55px; text-align: center;}
.kwin .tab_con .right .btn_apply img {vertical-align: -2px; margin-right: 10px;}

.kwin .tab_con .right .btn_apply div:hover {background: #318e5a; transition: 0.3s all;}



.kwin .tc01 .right .txtBox {position: relative; padding-left: 280px; padding-bottom: 75px;}
.kwin .tc01 .right .txtBox .tc1_img03 {position: absolute; top: 0; left: 0;}
.kwin .tc01 .right .txtBox p {font-size: 18px; color: #333; font-weight: 400; letter-spacing: -0.025em; line-height: 1.3;}
.kwin .tc01 .right .txtBox ul {width: 100%; margin-top: 45px;}
.kwin .tc01 .right .txtBox ul li {width: 100%;}
.kwin .tc01 .right .txtBox ul li + li {margin-top: 20px;}
.kwin .tc01 .right .txtBox ul li div {height: 65px; padding-left: 75px; padding-top: 7px; background: url('../img/kwin/icon_tel.png') center left no-repeat;}
.kwin .tc01 .right .txtBox ul li:last-child div {background: url('../img/kwin/icon_email.png') center left no-repeat;}
.kwin .tc01 .right .txtBox ul li div span {display: block; font-size: 18px; color: #333; font-weight: 400; letter-spacing: -0.025em;}
.kwin .tc01 .right .txtBox ul li div p {font-size: 16px; color: #555; font-weight: 400;}
.kwin .tc01 .right .tc1_img01 {margin-bottom: 30px;}
.kwin .tc01 .right .tc1_img02 {padding-bottom: 50px;}
.kwin .tc01 .right .btn_etc {width: 100%; margin-top: 20px;}
.kwin .tc01 .right .btn_etc div {float: left; width: 48%; height: 55px; background: #f15922; border-radius: 30px; font-size: 18px; color: #fff; font-weight: 400; letter-spacing: -0.025em; line-height: 55px; text-align: center;}
.kwin .tc01 .right .btn_etc div.value {float: right;}
.kwin .tc01 .right .btn_etc div:hover {background: #fa6631; transition: 0.3s all;}


.kwin .tc02 .right p {font-size: 18px; color: #333; font-weight: 400; letter-spacing: -0.055em; line-height: 1.3;}
.kwin .tc02 .right .tc2_img01 {margin: 25px 0 50px;}
.kwin .tc02 .right span.dot {display: block; padding-bottom: 20px; font-size: 16px; color: #333; font-weight: 400; letter-spacing: -0.025em;}
.kwin .tc02 .right span.dot font {color: #f15922;}
.kwin .tc02 .right ul {width: 100%; padding-bottom: 40px;}
.kwin .tc02 .right ul li {float: left; width: 50%;}
.kwin .tc02 .right ul li:last-child {float: right; padding-left: 20px;}
.kwin .tc02 .right ul li div {height: 65px; padding-left: 75px; padding-top: 7px; background: url('../img/kwin/icon_tel.png') center left no-repeat;}
.kwin .tc02 .right ul li:last-child div {background: url('../img/kwin/icon_email.png') center left no-repeat;}
.kwin .tc02 .right ul li div span {display: block; font-size: 18px; color: #333; font-weight: 400; letter-spacing: -0.025em;}
.kwin .tc02 .right ul li div p {font-size: 16px; color: #555; font-weight: 400;}


.kwin .tc03 .right p {font-size: 18px; color: #333; font-weight: 400; letter-spacing: -0.055em; line-height: 1.3;}
.kwin .tc03 .right .tc3_img01 {padding: 30px 0;}
.kwin .tc03 .right .tc3_img02 {margin-top: 50px;}
.kwin .tc03 .right span.t_center {display: block; font-size: 16px; color: #333; font-weight: 500; letter-spacing: -0.025em; line-height: 1.6; text-align: center; margin-top: 20px;}
.kwin .tc03 .right .tc3_img03 {margin: 25px 0 50px;}
.kwin .tc03 .right span.dot {display: block; padding-bottom: 20px; font-size: 16px; color: #333; font-weight: 400; letter-spacing: -0.025em;}
.kwin .tc03 .right span.dot font {color: #f15922;}
.kwin .tc03 .right ul {width: 100%; padding-bottom: 40px;}
.kwin .tc03 .right ul li {float: left; width: 50%;}
.kwin .tc03 .right ul li:nth-child(2) {padding-left: 20px;}
.kwin .tc03 .right ul li:last-child {float: right; padding-left: 20px;}
.kwin .tc03 .right ul li div {height: 65px; padding-left: 75px; padding-top: 7px; background: url('../img/kwin/icon_tel.png') center left no-repeat;}
.kwin .tc03 .right ul li:last-child div {background: url('../img/kwin/icon_email.png') center left no-repeat;}
.kwin .tc03 .right ul li div span {display: block; font-size: 18px; color: #333; font-weight: 400; letter-spacing: -0.025em;}
.kwin .tc03 .right ul li div p {font-size: 16px; color: #555; font-weight: 400;}

.kwin .tc03 .right ul.sns {width: 100%; padding: 40px 0; border-top: 1px dashed #ccc;}
.kwin .tc03 .right ul.sns li {float: left; width: calc(100% / 3);}
.kwin .tc03 .right ul.sns li div {height: 65px; padding-left: 75px; padding-top: 7px; background: url('../img/kwin/icon_kakao.png') center left no-repeat;}
.kwin .tc03 .right ul.sns li:nth-child(2) div {background: url('../img/kwin/icon_insta.png') center left no-repeat;}
.kwin .tc03 .right ul.sns li:nth-child(3) div {background: url('../img/kwin/icon_fb.png') center left no-repeat;}
.kwin .tc03 .right ul.sns li div span {display: block; font-size: 18px; color: #333; font-weight: 400; letter-spacing: -0.025em;}
.kwin .tc03 .right ul.sns li div p {font-size: 16px; color: #555; font-weight: 400;}


.kwin .tc04 .right .tc4_img01 {width: 100%; padding-bottom: 40px;}
.kwin .tc04 .right ul {width: 100%; padding-bottom: 40px;}
.kwin .tc04 .right ul li {float: left; width: 50%;}
.kwin .tc04 .right ul li:last-child {float: right; padding-left: 20px;}
.kwin .tc04 .right ul li div {height: 65px; padding-left: 75px; padding-top: 7px; background: url('../img/kwin/icon_tel.png') center left no-repeat;}
.kwin .tc04 .right ul li:last-child div {background: url('../img/kwin/icon_email.png') center left no-repeat;}
.kwin .tc04 .right ul li div span {display: block; font-size: 18px; color: #333; font-weight: 400; letter-spacing: -0.025em;}
.kwin .tc04 .right ul li div p {font-size: 16px; color: #555; font-weight: 400;}


.kwin .tc05 .right .bluemtec {width: 100%; padding-bottom: 50px; border-bottom: 1px solid #ccc;}
.kwin .tc05 .right .bluemtec .tc5_img01 {width: 100%;}
.kwin .tc05 .right .bluemtec .box01 {width: 100%; margin-top: 20px;}
.kwin .tc05 .right .bluemtec .box01 ul {width: 100%;}
.kwin .tc05 .right .bluemtec .box01 ul li {width: 100%; padding: 20px; background-color: #f6fafc;}
.kwin .tc05 .right .bluemtec .box01 ul li + li {margin-top: 10px;}
.kwin .tc05 .right .bluemtec .box01 ul li h2 {font-size: 24px; color: #333; font-weight: 500; letter-spacing: -0.025em;}
.kwin .tc05 .right .bluemtec .box01 ul li h2 font {color: #4277bb;}
.kwin .tc05 .right .bluemtec .box01 ul li h2 i {font-style: italic;}
.kwin .tc05 .right .bluemtec .box01 ul li p {padding-left: 34px; font-size: 18px; color: #333; font-weight: 400; letter-spacing: -0.055em; line-height: 1.4; margin-top: 10px;}

.kwin .tc05 .right .bluemtec .box02 {width: 100%; margin: 25px 0 50px;}
.kwin .tc05 .right .bluemtec .box02 ul {width: 100%;}
.kwin .tc05 .right .bluemtec .box02 ul li {float: left; width: 50%;}
.kwin .tc05 .right .bluemtec .box02 ul li:nth-child(2) {padding-left: 20px;}
.kwin .tc05 .right .bluemtec .box02 ul li:last-child {float: right; padding-left: 20px;}
.kwin .tc05 .right .bluemtec .box02 ul li div {height: 65px; padding-left: 75px; padding-top: 7px; background: url('../img/kwin/icon_tel2.png') center left no-repeat;}
.kwin .tc05 .right .bluemtec .box02 ul li:last-child div {background: url('../img/kwin/icon_email2.png') center left no-repeat;}
.kwin .tc05 .right .bluemtec .box02 ul li div span {display: block; font-size: 18px; color: #333; font-weight: 400; letter-spacing: -0.025em;}
.kwin .tc05 .right .bluemtec .box02 ul li div p {font-size: 16px; color: #555; font-weight: 400;}

.kwin .tc05 .right .bluemtec .box03 {width: 100%; margin: 40px 0;}
.kwin .tc05 .right .bluemtec .box03 h2 {font-size: 28px; color: #333; font-weight: 500; letter-spacing: -0.025em; text-align: center;}
.kwin .tc05 .right .bluemtec .box03 h2 strong {font-size: 30px; color: #0780ef; font-weight: 700;}
.kwin .tc05 .right .bluemtec .box03 p {font-size: 24px; color: #333; font-weight: 400; letter-spacing: -0.025em; line-height: 1.4; text-align: center; margin-top: 20px;}
.kwin .tc05 .right .bluemtec .box03 p font {color: #4277bb;}

.kwin .tc05 .right .bluemtec .box04 {width: 100%; margin-top: 30px;}
.kwin .tc05 .right .bluemtec .box04 p {font-size: 18px; color: #333; font-weight: 400; letter-spacing: -0.055em; line-height: 1.4; text-align: center;}
.kwin .tc05 .right .bluemtec .box04 p font {color: #4277bb;}


.kwin .tc06 .right .tc6_img01 {width: 100%; padding-bottom: 40px;}
.kwin .tc06 .right ul {width: 100%; padding-bottom: 40px;}
.kwin .tc06 .right ul li {float: left; width: 50%;}
.kwin .tc06 .right ul li:last-child {float: right; padding-left: 20px;}
.kwin .tc06 .right ul li div {height: 65px; padding-left: 75px; padding-top: 7px; background: url('../img/kwin/icon_tel.png') center left no-repeat;}
.kwin .tc06 .right ul li:last-child div {background: url('../img/kwin/icon_email.png') center left no-repeat;}
.kwin .tc06 .right ul li div span {display: block; font-size: 18px; color: #333; font-weight: 400; letter-spacing: -0.025em;}
.kwin .tc06 .right ul li div p {font-size: 16px; color: #555; font-weight: 400;}


.kwin .tc07 .right .tc7_img01 {width: 100%; padding-bottom: 40px;}
.kwin .tc07 .right ul {width: 100%; padding-bottom: 40px;}
.kwin .tc07 .right ul li {float: left; width: 50%;}
.kwin .tc07 .right ul li:last-child {float: right; padding-left: 20px;}
.kwin .tc07 .right ul li div {height: 65px; padding-left: 75px; padding-top: 7px; background: url('../img/kwin/icon_tel.png') center left no-repeat;}
.kwin .tc07 .right ul li:last-child div {background: url('../img/kwin/icon_email.png') center left no-repeat;}
.kwin .tc07 .right ul li div span {display: block; font-size: 18px; color: #333; font-weight: 400; letter-spacing: -0.025em;}
.kwin .tc07 .right ul li div p {font-size: 16px; color: #555; font-weight: 400;}


.kwin .tc08 .right .tc8_img01 {width: 100%; padding-bottom: 40px;}
.kwin .tc08 .right ul {width: 100%; padding-bottom: 40px;}
.kwin .tc08 .right ul li {float: left; width: 50%;}
.kwin .tc08 .right ul li:last-child {float: right; padding-left: 20px;}
.kwin .tc08 .right ul li div {height: 65px; padding-left: 75px; padding-top: 7px; background: url('../img/kwin/icon_tel.png') center left no-repeat;}
.kwin .tc08 .right ul li:last-child div {background: url('../img/kwin/icon_email.png') center left no-repeat;}
.kwin .tc08 .right ul li div span {display: block; font-size: 18px; color: #333; font-weight: 400; letter-spacing: -0.025em;}
.kwin .tc08 .right ul li div p {font-size: 16px; color: #555; font-weight: 400;}


.kwin_pop_apply {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; display: none; box-sizing: border-box;}
.kwin_pop_apply .kwin_pop_apply_inner {position: relative; width: 100%; height: 100%;}
.kwin_pop_apply .kwin_pop_apply_inner .pop_bg {width: 100%; height: 100%; background: rgba(0,0,0,0.7);}
.kwin_pop_apply .kwin_pop_apply_inner .pop_box {position: absolute; top: 0; left: 50%; transform: translateX(-50%); content: ''; width: 100%; height: 100%; padding-top: 25px; overflow-y: auto; box-sizing: border-box;}

.kwin_pop_con {position: relative; width: 850px; padding: 40px 30px; background: #fff; border-radius: 10px; margin: auto; box-shadow: 3px 5px 10px rgb(0 0 0 / 15%);}
.kwin_pop_con .btn_close {position: absolute; top: 40px; right: 30px; cursor: pointer; z-index: 99;}
.kwin_pop_con .tit {position: relative; display: flex; align-items: center; justify-content: center; padding: 0 0 30px;}
.kwin_pop_con .tit span {position: relative; display: inline-block; padding-left: 30px; font-size: 40px; color: #333; font-weight: 400; letter-spacing: -0.025em; line-height: 1;}
.kwin_pop_con .tit span:before {position: absolute; top: 6px; left: 0; content: ''; width: 15px; height: 15px; background: #f15922;}

.kwin_pop_con .banner {width: 100%; padding-bottom: 30px; border-bottom: 1px solid #ccc;}
.kwin_pop_con .banner img {width: 100%;}

.kwin_pop_con .pop_box01 {width: 100%; padding: 25px 0 0;}
.kwin_pop_con .pop_box01 h2 {padding-bottom: 15px; font-size: 25px; color: #333; font-weight: 400; letter-spacing: -0.025em; text-align: center;}

.kwin_pop_con .pop_box02 {width: 100%; padding: 25px 0 0;}
.kwin_pop_con .pop_box02 h2 {padding-bottom: 15px; font-size: 25px; color: #333; font-weight: 400; letter-spacing: -0.025em; text-align: center;}
.kwin_pop_con .pop_box02 .kwin_list {width: 100%; padding: 20px; background: #f8f8f8;}
.kwin_pop_con .pop_box02 .kwin_list ul {width: 100%; overflow: hidden;}
.kwin_pop_con .pop_box02 .kwin_list ul li {float: left; width: 365px; height: 55px; border: 1px solid #ccc;}
.kwin_pop_con .pop_box02 .kwin_list ul li:nth-child(2n) {float: right;}
.kwin_pop_con .pop_box02 .kwin_list ul li:nth-child(n+3) {margin-top: 20px;}
.kwin_pop_con .pop_box02 .kwin_list ul li label {display: block; height: 100%; padding-left: 20px; font-size: 16px; color: #333; font-weight: 400; letter-spacing: -0.025em; line-height: 53px; cursor: pointer;}
.kwin_pop_con .pop_box02 .kwin_list ul li label input[type='radio'] {appearance: auto; width: 15px; height: 15px; vertical-align: -1px; margin-right: 10px;}

.kwin_pop_con .pop_box02 .kwin_list ul li div {display: flex; align-items: center; justify-content: center; font-size: 16px; color: #333; font-weight: 400; letter-spacing: -0.025em; line-height: 53px; opacity: 0.4;}

.kwin_pop_con .btn_apply {width: 100%; margin-top: 40px;}
.kwin_pop_con .btn_apply div {width: 100%; height: 55px; background: #60bb6f; border-radius: 30px; font-size: 18px; color: #fff; font-weight: 400; letter-spacing: -0.025em; line-height: 55px; text-align: center;}
.kwin_pop_con .btn_apply div img {vertical-align: 0; margin-right: 5px;}

.kwin_pop_con .info_txt {width: 100%; margin-top: 30px;}
.kwin_pop_con .info_txt p {font-size: 14px; color: #333; font-weight: 300; letter-spacing: -0.025em;}
.kwin_pop_con .info_txt p font {color: #f15922;}
/* KWIN END */



/* KFDA */
.kfda {position: relative; width: 100%; padding-top: 10px; z-index: 1;}

.kfda .box01 {position: relative; width: 100%; z-index: 99;}
.kfda .box01 img.img01 {width: 100%;}
.kfda .box01 img.arrow {position: absolute; bottom: -85px; left: 50%; transform: translateX(-50%);}

.kfda .box02 {position: relative; width: 100%; padding: 30px; background: #fbfbfb; margin-top: 67px; overflow: hidden; z-index: 1;}
.kfda .box02 > div {position: relative; float: left; width: 550px;}
.kfda .box02 > div:last-child {float: right;}

.kfda .box02 .left > span {display: flex; align-items: center; justify-content: center; width: 100%; height: 56px;}
.kfda .box02 .left > span img {vertical-align: middle;}
.kfda .box02 .left .txtBox {padding: 25px 20px; background: #fff; border: 1px solid #ccc; margin-top: 25px;}
.kfda .box02 .left .txtBox p {position: relative; padding-left: 30px; font-size: 18px; color: #333; font-weight: 400; letter-spacing: -0.025em; line-height: 1.4;}
.kfda .box02 .left .txtBox p + p {margin-top: 22px;}
.kfda .box02 .left .txtBox p font {position: absolute; top: 0; left: 0; color: #f15922; font-weight: 500;}
.kfda .box02 .left .txtBox p span {display: block; font-size: 16px; color: #555; font-weight: 400; letter-spacing: -0.025em; line-height: 1.5;}


.kfda .box02 .right h2 {font-size: 22px; color: #333; font-weight: 500; letter-spacing: -0.025em; line-height: 1.3; text-align: center;}
.kfda .box02 .right .txtBox {position: relative; padding: 25px 20px 49px 55px; background: #fff url('../img/kfda/bg01.png') bottom -6px right -5px no-repeat; border: 1px solid #ccc; margin-top: 25px;}
.kfda .box02 .right .txtBox:before {position: absolute; top: 35px; left: 28px; content: ''; width: 15px; height: 3px; background: #f15922;}
.kfda .box02 .right .txtBox:after {position: absolute; top: 50%; transform: translateY(-50%); left: -42px; content: ''; width: 60px; height: 2px; background: #f15922;}
.kfda .box02 .right .txtBox p {font-size: 16px; color: #333; font-weight: 500; letter-spacing: -0.025em;}
.kfda .box02 .right .txtBox p font {color: #555; font-weight: 400;}


.kfda .box03 {position: relative; width: 100%; border-top: 2px solid #333; margin-top: 50px;}
.kfda .box03 .tit {padding: 50px 0 0;}
.kfda .box03 .tit h2 {font-size: 36px; color: #333; font-weight: 500; letter-spacing: -0.025em; line-height: 1; text-align: center;}

.kfda .box03 ul {width: 100%;}
.kfda .box03 ul li {position: relative; padding: 50px 0; overflow: hidden;}
.kfda .box03 ul li + li {border-top: 1px dashed #ccc;}
.kfda .box03 ul li:last-child {border-bottom: 1px dashed #ccc;}

.kfda .box03 ul li .imgBox {position: relative; float: left; width: 264px; height: 264px; border: 1px solid #ccc;}
.kfda .box03 ul li .imgBox img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: auto; height: auto; max-width: 100%; max-height: 100%;}

.kfda .box03 ul li .txtBox {float: left; width: 740px; padding: 25px 15px;}
.kfda .box03 ul li .txtBox h2 {position: relative; padding-bottom: 10px; font-size: 18px; color: #333; font-weight: 500; letter-spacing: -0.025em;}
.kfda .box03 ul li .txtBox h2:before {position: absolute; top: 12px; left: -23px; content: ''; width: 15px; height: 3px; background: #f15922;}
.kfda .box03 ul li .txtBox p {padding-bottom: 10px; font-size: 16px; color: #f15922; font-weight: 400; letter-spacing: -0.025em;}
.kfda .box03 ul li .txtBox p span {display: block; padding-left: 8px; font-size: 16px; color: #333; font-weight: 400; letter-spacing: -0.025em; line-height: 1.3;}

.kfda .box03 ul li .btnBox {position: relative; float: left; width: 176px; height: 264px;}
.kfda .box03 ul li .btnBox div {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); content: ''; width: 150px; height: 50px; padding-left: 54px; background: #f15922 url('../img/common/naver_buy.png') center left 28px no-repeat; border-radius: 30px; font-size: 18px; color: #fff; font-weight: 400; letter-spacing: -0.025em; line-height: 50px;}
.kfda .box03 ul li .btnBox div:hover {background: #fa6631 url('../img/common/naver_buy.png') center left 28px no-repeat; transition: 0.3s all;}
/* KFDA END */



/* etc */
.sub_tit.rmi .inner {position: relative;}
.sub_tit.rmi .sub_tit_bg01 {position: absolute; top: -10px; left: 124px;}
.sub_tit.rmi .sub_tit_bg02 {position: absolute; top: -40px; right: 120px;}

.rmi {position: relative; width: 100%;}

.rmi .box01 {width: 100%; padding-top: 45px; border-top: 2px solid #ccc;}
.rmi .box01 > div {float: left; width: 575px;}
.rmi .box01 > div h2 {padding-bottom: 20px; font-size: 30px; color: #333; font-weight: 500; letter-spacing: -0.025em; text-align: center;}

.rmi .box01 .left .imgBox {width: 100%; padding-top: 18px;}
.rmi .box01 .left .imgBox {}

.rmi .box01 .right {float: right; width: 50%;}
.rmi .box01 .right .imgBox {width: 100%; padding: 10px 0; text-align: center;}

.rmi .box01 .right table {border-collapse: collapse; table-layout: fixed; border-top: 1px solid #222; border-bottom: 1px solid #ccc;}
.rmi .box01 .right table thead tr {background: #f8f8f8;}
.rmi .box01 .right table thead tr th {padding: 10px 0; font-size: 16px; color: #333; font-weight: 400; letter-spacing: -0.025em; text-align: center;}
.rmi .box01 .right table thead tr th + th {border-left: 1px solid #ccc;}

.rmi .box01 .right table tbody tr {border-bottom: 1px solid #ccc;}
.rmi .box01 .right table tbody tr:last-child {border-bottom: 0;}
.rmi .box01 .right table tbody tr td {padding: 10px 20px; font-size: 16px; color: #333; font-weight: 400; letter-spacing: -0.025em;}
.rmi .box01 .right table tbody tr td + td {border-left: 1px solid #ccc;}
.rmi .box01 .right table tbody tr td .square {display: inline-block; width: 25px; height: 25px;}
.rmi .box01 .right table tbody tr td .square.sq01 {background: #00b050;}
.rmi .box01 .right table tbody tr td .square.sq02 {background: #92d050;}
.rmi .box01 .right table tbody tr td .square.sq03 {background: #ffff00;}
.rmi .box01 .right table tbody tr td .square.sq04 {background: #ffc000;}
.rmi .box01 .right table tbody tr td .square.sq05 {background: #ff0000;}

.rmi .box01 .right table tbody tr:nth-child(3) {border: 3px solid #f15922;}


.rmi .box02 {display: flex; align-items: center; justify-content: center; width: 100%; height: 151px; background: url('../img/etc/img03.jpg') center no-repeat; margin-top: 50px;}
.rmi .box02 ul {display: inline-block;}
.rmi .box02 ul li {float: left;}
.rmi .box02 ul li + li {margin-left: 30px;}
.rmi .box02 ul li div {width: 495px; height: 60px; background: #fbfbfb; border-radius: 8px; font-size: 18px; color: #f15922; font-weight: 400; letter-spacing: -0.025em; ;line-height: 60px; text-align: center; box-shadow: 5px 4px 7px rgb(0, 0, 0, 0.3);}
.rmi .box02 ul li:last-child div {background: #f15922; color: #fff;}

.rmi .box02 ul li div img {vertical-align: -2px; margin-right: 8px;}

.rmi .box02 ul li div:hover {background: #e9e9e9; transition: 0.3s all;}
.rmi .box02 ul li:last-child div:hover {background: #fa6631; transition: 0.3s all;}



.sub_tit.value .inner {position: relative;}
.sub_tit.value .sub_tit_bg03 {position: absolute; bottom: -86px; left: 0;}
.sub_tit.value .sub_tit_bg04 {position: absolute; top: -120px; right: 0;}
.sub_tit.value img {margin: 40px 0 45px;}

.value .box01 {display: flex; align-items: center; justify-content: center; width: 100%; height: 151px; background: url('../img/etc/img05.jpg') center no-repeat; margin-top: 40px;}
.value .box01 ul {display: inline-block;}
.value .box01 ul li {float: left;}
.value .box01 ul li + li {margin-left: 30px;}
.value .box01 ul li div {width: 495px; height: 60px; background: #fbfbfb; border-radius: 8px; font-size: 18px; color: #f15922; font-weight: 400; letter-spacing: -0.025em; ;line-height: 60px; text-align: center; box-shadow: 5px 4px 7px rgb(0, 0, 0, 0.3);}
.value .box01 ul li:last-child div {background: #f15922; color: #fff;}

.value .box01 ul li div img {vertical-align: -2px; margin-right: 8px;}

.value .box01 ul li div:hover {background: #e9e9e9; transition: 0.3s all;}
.value .box01 ul li:last-child div:hover {background: #fa6631; transition: 0.3s all;}
/* etc END */



/* order */
.sub_tit.order {margin-bottom: 30px;}
.sub_tit.order .inner {padding-bottom: 30px; border-bottom: 2px solid #ccc;}
.sub_tit.order .sub_tit_img01 {margin-bottom: 20px;}

.order {position: relative; width: 100%;}
.order .box {width: 100%;}

.order .box01 {width: 100%;}
.order .box01 ul {width: 100%;}
.order .box01 ul li {position: relative; display: inline-block; zoom: 1; *display: inline; width: 576px; vertical-align: top; border: 1px solid #ccc; box-sizing: border-box;}
.order .box01 ul li + li {margin-left: 23px;}
.order .box01 ul li:nth-child(odd) {margin-left: 0;}
.order .box01 ul li:nth-child(n+3) {margin-top: 20px;}

.order .box01 ul li .tit {position: relative; height: 58px; padding-left: 55px; background: #f8f8f8 url(../img/common/hand.png) center left 20px no-repeat;}
.order .box01 ul li .tit h2 {font-size: 18px; color: #333; font-weight: 400; letter-spacing: -0.025em; line-height: 58px;}

.order .box01 ul li .tit .btn_down {position: absolute; top: 50%; transform: translateY(-50%); right: 20px; content: ''; width: 105px; height: 35px; background: #60bb6f;border-radius: 8px; font-size: 16px; color: #fff; font-weight: 400; letter-spacing: -0.025em; line-height: 35px; text-align: center; cursor: pointer;}
.order .box01 ul li .tit .btn_down:hover {background-color: #318e5a; transition: 0.3s all;}

.order .box01 ul li .txt {width: 100%; padding: 15px 18px; background: #fff;}
.order .box01 ul li .txt p {font-size: 16px; color: #333; font-weight: 400; letter-spacing: -0.025em; line-height: 1.6;}
.order .box01 ul li .txt p:hover {color: #60bb6f;}
/* order END */



/* franchise */
.franchise {position: relative; width: 100%;}
.sub_cntent .bg01 {position: absolute; top: -192px; left: 45px; z-index: -1;}
.sub_cntent .bg02 {position: absolute; bottom: 0; right: 162px; z-index: -1;}

.franchise .box {width: 100%;}

.franchise .box.box01 {margin-top: 45px;}
.franchise .box.box01 ul {width: 698px; background: rgba(255, 255, 255, 0.7); border: 1px solid #ccc; margin: 0 auto;}
.franchise .box.box01 ul li {position: relative; padding: 15px; overflow: hidden;}
.franchise .box.box01 ul li + li {border-top: 1px solid #e0e0e0;}
.franchise .box.box01 ul li span {float: left; font-size: 18px; color: #333; font-weight: 400; letter-spacing: -0.025em;}
.franchise .box.box01 ul li div {position: absolute; top: 50%; transform: translateY(-50%); right: 15px; content: ''; width: 105px; height: 35px; background: #60bb6f;border-radius: 8px; font-size: 16px; color: #fff; font-weight: 400; letter-spacing: -0.025em; line-height: 35px; text-align: center; cursor: pointer;}
.franchise .box.box01 ul li div:hover {background-color: #318e5a; transition: 0.3s all;}

.franchise .box.box02 {margin-top: 45px;}
.franchise .box.box02 ul {width: 698px; background: rgba(255, 255, 255, 0.7); border: 1px solid #ccc; margin: 0 auto;}
.franchise .box.box02 ul li {float: left; width: 50%; padding: 18px 0 20px;}
.franchise .box.box02 ul li:last-child {float: right;}
.franchise .box.box02 ul li + li {border-left: 1px solid #ccc;}

.franchise .box.box02 ul li .imgBox {width: 100%; text-align: center;}
.franchise .box.box02 ul li .imgBox img {}

.franchise .box.box02 ul li .txtBox {width: 100%; margin-top: 10px;}
.franchise .box.box02 ul li .txtBox p {font-size: 18px; color: #333; font-weight: 400; letter-spacing: -0.025em; line-height: 1.4; text-align: center;}


.franchise .box.box03 {margin-top: 45px;}
.franchise .box.box03 p {font-size: 18px; color: #777; font-weight: 400; letter-spacing: -0.025em; line-height: 1.4; text-align: center;}
/* franchise END */