/* container */
.container {max-width:1230px; padding:0 15px; margin:0 auto; width:100%;}
.container.full {max-width:1790px;}
html , body {position:relative;}
.is-pc {display:block !important;}
.is-m {display:none !important;}
@media (max-width:991px){
.is-pc {display:none !important;}
.is-m {display:block !important;}       
}

/* header */
header {border-bottom:1px solid #E6E6E6; position:relative; z-index:10;}
header .container {max-width:1700px; padding:0 10px; margin:0 auto;}
header h1 {margin:0; width:300px;}
header h1 a img {width:178px;}
header h1 a img:last-of-type {display:none;}
header ul {display:flex; flex-wrap:wrap; align-items:center; margin:0; padding:0;}
header .nav {flex:1;}
header .nav > ul {justify-content:center; padding-left:24px;}
header .nav > ul > li > a {font-size:24px; line-height:40px; color:#202020; padding:30px 48px 23px 0; font-weight:400;}
header .nav > ul > li > a:hover {color:#239aff;}
header .nav > ul > li.active > a {font-weight:400; color:#239AFF;}
header .link ul li {display:flex; flex-wrap:wrap; align-items:center;}
header .link ul li:after {display:inline-block; width:1px; height:15px; position:relative; top:4px; background:#202020; content:""; margin:0 5px;}
header .link ul li:last-of-type:after {display:none;}
header .link ul li a {font-size:20px; padding:30px 0 23px; line-height:32px; color:#202020; font-weight:300;}
header .link .sidebar {display:none;}
header .depth {display:none; position:absolute; left:0; top:92px; width:100%; /* border-top:1px solid #ddd; */}
header .depth ul {display:flex; padding:0 0 0 300px; margin:0;}
header .nav > ul > li:hover .depth {display:block;}
/*
header .depth ul:nth-of-type(2) {padding-left:455px;}
header .depth ul:nth-of-type(3) {padding-left:595px;}
header .depth ul:nth-of-type(4) {padding-left:737px;}
header .depth ul:nth-of-type(5) {padding-left:895px;}
*/
header .depth ul.on {display:flex;}
header .depth ul li a {font-size:24px; color:#202020; font-weight:300; padding:18px 27px 18px;}
header .depth ul li a:hover {color:#239aff;}
header .depth ul li.active a {color:#239aff;}
header .sidemenu {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:1000;}
header .sidemenu .box {position:absolute; right:-260px; top:0; width:260px; height:100%; overflow-y:auto; box-shadow:5px 0 10px rgba(0 0 0 / 50%); background:#fff;}
header .sidemenu .box::-webkit-scrollbar {display:none;}
header .sidemenu.fixed {display:block !important;}
header .sidemenu.fixed .box {animation-name:menu; animation-duration:0.5s; animation-fill-mode:forwards;}
header .sidemenu h2 a {display:block; padding:10px 0;}
header .sidemenu h2 a img {display:block; width:100px; display:block; margin:0 auto;}
header .sidemenu .sidemenu-link ul {display:table; table-layout:fixed; width:100%; border:1px solid #ddd; border-width:1px 0;}
header .sidemenu .sidemenu-link ul li {display:table-cell; border-right:1px solid #ddd;}
header .sidemenu .sidemenu-link ul li:last-of-type {border:0;}
header .sidemenu .sidemenu-link ul li a {display:block; padding:7px 5px; text-align:center; font-size:13px; font-weight:300;}
header .sidemenu .sidemenu-nav ul {display:block;}
header .sidemenu .sidemenu-nav ul li > a {position:relative; display:flex; flex-wrap:wrap; align-items:center; padding:15px; background:#239aff; color:#fff; font-weight:400; font-size:15px; border-bottom:1px solid #fff;}
header .sidemenu .sidemenu-nav ul li > a:after {right:20px; width:17px; height:17px; position:absolute; top:50%; transform:translateY(-50%); content:""; background:url('../images/icon_menu.svg') no-repeat center / cover;}
header .sidemenu .sidemenu-nav ul li dl {display:none; margin:0;}
header .sidemenu .sidemenu-nav ul li dl dd {margin:0;}
header .sidemenu .sidemenu-nav ul li dl dd a {display:block; padding:10px 15px; border-bottom:1px solid #ddd;}
header .sidemenu .sidemenu-nav ul li dl dd.active a {font-weight:400; color:#239aff;}
header .sidemenu .sidemenu-nav ul li.active > a {background:#0e61a8;}
@media (max-width:1400px){
	header .nav ul {padding-left:30px;}
	header .nav ul li a {font-size:17px; padding:30px 30px 23px 0;}
	header .link ul li a {font-size:17px;}
	header .depth ul {padding-left:315px;}
	header .depth ul li a {font-size:15px; padding:0 15px 15px;}
	header .depth ul:nth-of-type(2) {padding-left:440px;}
	header .depth ul:nth-of-type(3) {padding-left:550px;}
	header .depth ul:nth-of-type(4) {padding-left:660px;}
	header .depth ul:nth-of-type(5) {padding-left:780px;}
}
@media (max-width:1200px){
	header h1 {width:auto;}
	header h1 a {padding:10px 0;}
	header h1 a img {width:100px;}
	header .nav {display:none;}
	header .link ul {display:none;}
	header .link .sidebar {display:block; width:25px; height:20px; position:relative; font-size:0; border:3px solid #239aff; border-width:3px 0;}
	header .link .sidebar:after {position:absolute; width:100%; height:3px; left:0; top:50%; transform:translateY(-50%); content:""; background:#239aff;}
	header .depth {display:none;}
}
@keyframes menu {
	from {right:-260px;}
	to {right:0;}
}

/* header-sub */
header.sub {background:#239AFF; border-color:#239AFF;}
header.sub .nav ul li a {color:#fff;}
header.sub .nav ul li a:hover {color:#fef738;}
header.sub .nav ul li.active a {color:#FEF738;}
header.sub .link ul li:after {background:#fff;}
header.sub .link ul li a {color:#fff;}
header.sub .depth ul li a {color:#fff;}
header.sub .depth ul li a:hover {color:#fef738;}
header.sub .depth ul li.active a {color:#fef738;}
header.sub .sidebar {border-color:#fff;}
header.sub .sidebar:after {background:#fff;}

/* header hover */
header.active {border-color:transparent; background:#fff;}
header.active h1 a img:first-of-type {display:none;}
header.active h1 a img:last-of-type {display:block;}
header.active .nav ul li a {color:#111;}
header.active .nav ul li a:hover {color:#239aff;}
header.active .nav ul li.active a {color:#239aff;}
header.active .link ul li:after {background:#111;}
header.active .link ul li a {color:#111;}
header.active .depth {/* border-bottom:1px solid #e6e6e6; */ background:#fff;}
header.active .depth ul li a {color:#111;}
header.active .depth ul li a:hover {color:#239aff;}
header.active .depth ul li.active a {color:#239aff;}
header.sub.active .depth {border-color:rgba(112,112,112,0.3);}

/* footer */
footer {background:#464646; padding:30px 0;}
footer img {width:178px;}
footer .container {max-width:1060px; padding:0 15px;}
footer ul {margin:0; padding:0;}
footer .footer-link ul {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-link ul li {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-link ul li:after {display:inline-block; content:"|"; color:#fff; margin:0 10px;}
footer .footer-link ul li:last-of-type:after {display:none;}
footer .footer-link ul li a {color:#fff; font-size:18px;}
footer .footer-info {margin:20px 0 0;}
footer .footer-info ul li {font-size:16px; color:#6E6E6E; margin:0 0 5px; display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-info ul li:last-of-type {margin:0;}
footer .footer-info ul li span {display:flex; flex-wrap:wrap; align-items:center; font-size:16px; color:#6e6e6e;}
footer .footer-info ul li span:after {display:inline-block; content:"|"; margin:0 10px;}
footer .footer-info ul li span:last-of-type:after {display:none;}
@media (max-width:1000px){
footer .flex-box {width:100%;}
footer .flex-box:last-of-type {order:1;}
footer .flex-box:first-of-type {order:2; margin:10px 0 0;}
footer h2 img {width:100px;}
footer .footer-link ul li a {font-size:14px;}
footer .footer-info {margin:10px 0 0;}
footer .footer-info ul li {font-size:13px;}
footer .footer-info ul li span {font-size:13px; width:100%; margin:0 0 5px;}
footer .footer-info ul li span:last-of-type {margin:0;}
footer .footer-info ul li span:after {display:none;}
}

/* footer-sub */
footer.sub {background:#fff; border-top:1px solid #E6E6E6;}
footer.sub .footer-link ul li a {color:#202020;}
footer.sub .footer-info ul li {color:#202020;}
footer.sub .footer-info ul li span {color:#202020;}

/* section */
section {padding-bottom:100px;}
@media (max-width:1000px){
section {padding-bottom:50px;}
}

/* font */
.ft-active {color:#239aff;}

/* button */
.button {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.button-active {background:#239AFF; color:#fff !important;}
.button-lightgray {background:#F4F4F4; color:#111 !important;}
.button-black {background:#111; color:#fff !important;}

/* datepicker */
.ui-datepicker-trigger {display:none;}
.ui-widget.ui-widget-content {border-color:#239AFF;}
.ui-widget-header {background:none; border:0;}
.ui-datepicker .ui-datepicker-title {color:#239aff; font-weight:600;}
.ui-datepicker .ui-datepicker-title select {text-align:right; color:#239aff; font-weight:600;}
.ui-datepicker .ui-datepicker-title select option {text-align:center; color:#111;}
.ui-datepicker .ui-datepicker-prev {background:url('../images/icon_date_prev.svg') no-repeat center / cover; width:24px; height:24px;}
.ui-datepicker .ui-datepicker-next {background:url('../images/icon_date_next.svg') no-repeat center / cover; width:24px; height:24px;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {border:0; text-align:center;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {font-weight:600; color:#239AFF;}
.ui-datepicker select.ui-datepicker-month {text-align:center;}

/* icon */
.icon {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.icon-file {margin:0 auto; font-size:0; width:24px; height:24px; background:url('../images/icon_file.svg') no-repeat center / cover;}

/* input-box */
.input-box input {width:100%; background:#fff; border-radius:10px; border:1px solid #ddd; height:50px; padding:0 20px; font-size:18px;}
.input-box input::placeholder {color:#75757E;}
@media (max-width:1000px){
.input-box input {height:35px; padding:0 10px; font-size:14px;}
}

/* input-button-box */
.input-button-box {display:flex; flex-wrap:wrap; align-items:center;}
.input-button-box .input-box {flex:1; margin-right:10px;}
.input-button-box a {height:50px; font-size:16px; font-weight:500; padding:0 20px; border-radius:10px;}
@media (max-width:1000px){
.input-button-box a {height:35px; font-size:14px;}
}

/* input-login-box */
.input-id-box {border:1px solid #ddd; background:#fff; height:70px; border-radius:10px; padding-left:15px; display:flex; flex-wrap:wrap; align-items:center; overflow:hidden;}
.input-id-box:before {display:inline-block; width:30px; height:30px; content:""; background:url('../images/icon_id.svg') no-repeat center / cover;}
.input-id-box input {border:0; border-radius:0; width:calc(100% - 30px);}
.input-pw-box {border:1px solid #ddd; background:#fff; height:70px; border-radius:10px; padding-left:15px; display:flex; flex-wrap:wrap; align-items:center; overflow:hidden;}
.input-pw-box:before {display:inline-block; width:30px; height:30px; content:""; background:url('../images/icon_pw.svg') no-repeat center / cover;}
.input-pw-box input {border:0; border-radius:0; width:calc(100% - 30px);}
@media (max-width:1000px){
.input-id-box {height:50px;}
.input-id-box:before {width:25px; height:25px;}
.input-pw-box {height:50px;}
.input-pw-box:before {width:25px; height:25px;}
}

/* input-date-box */
.input-date-box {border:1px solid #ddd; border-radius:10px; padding-right:15px; display:flex; flex-wrap:wrap; align-items:center; overflow:hidden;}
.input-date-box input {border:0; border-radius:0; width:calc(100% - 30px);}
.input-date-box button {display:inline-block; !important;}
@media (max-width:1000px){
.input-date-box {width:100%; padding-right:10px;}
.input-date-box input {width:calc(100% - 25px);}
.input-date-box img {width:25px;}
}

/* check-box */
.check-box {display:flex; flex-wrap:wrap; align-items:center; width:100%; overflow:hidden;}
.check-box .check {position:relative; overflow:hidden; margin-right:15px;}
.check-box .check:last-of-type {margin:0;}
.check-box .check input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.check-box .check label {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:18px; font-weight: 500;}
.check-box .check label:before {display:inline-block; content:""; width:20px; height:20px; margin-right:5px;}
.check-box .check input[type=radio] ~ label:before {background:url('../images/icon_radio.svg') no-repeat center / cover;}
.check-box .check input[type=radio]:checked ~ label:before {background:url('../images/icon_radio_on.svg') no-repeat center / cover;}	 
.check-box .check input[type=checkbox] ~ label:before {width:30px; height:30px;}
.check-box .check input[type=checkbox] ~ label:before {background:url('../images/icon_check.svg') no-repeat center / cover;}
.check-box .check input[type=checkbox]:checked ~ label:before {background:url('../images/icon_check_on.svg') no-repeat center / cover;}    
.check-box.no-ft .check label {font-size:0;}
.check-box.no-ft .check label:before {margin-right:0; background:url('../images/icon_check.svg') no-repeat center / cover !important;}
.check-box.no-ft .check input:checked ~ label:before {background:url('../images/icon_check_on.svg') no-repeat center / cover !important;}
@media (max-width:1000px){
.check-box .check {margin-right:10px;}
.check-box .check label {font-size:14px;}
.check-box .check label:before {width:15px; height:15px; margin-right:3px;}
.check-box .check input[type=checkbox] ~ label:before {width:25px; height:25px;}
}

/* radio-box */
.radio-box {display:table; table-layout:fixed; width:100%; overflow:hidden; border-radius:10px;}
.radio-box .radio {position:relative; overflow:hidden; display:table-cell;}
.radio-box .radio:last-of-type {border:0;}
.radio-box .radio input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.radio-box .radio label {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:50px; font-size:18px; border:1px solid #ddd;}
.radio-box .radio:first-of-type label {border-radius:10px 0 0 10px;}
.radio-box .radio:last-of-type label {border-radius:0 10px 10px 0; border-left:0;}
.radio-box .radio input:checked ~ label {border-color:#239AFF; color:#239AFF; background:#E8F4FF;}
.radio-box .radio:last-of-type input:checked ~ label {border-left:1px solid #239aff;}
@media (max-width:1000px){
.radio-box .radio label {height:35px; font-size:14px;}
}

/* select-box */
.select-box {position:relative; position:relative; z-index:2;}
.select-box select {width:100%; color:#000; background:#fff url('../images/icon_select.svg') no-repeat calc(100% - 20px) center / 15px 7px; border-radius:10px; border:1px solid #ddd; height:50px; padding:0 60px 0 20px; font-size:18px;}
.select-box button {width:100%; color:#000; background:#fff url('../images/icon_select.svg') no-repeat calc(100% - 20px) center / 15px 7px; border-radius:10px; border:1px solid #ddd; height:50px; padding:0 60px 0 20px; font-size:18px;}
.select-box ul {overflow:hidden; display:none; background:#fff; margin:0; padding:0; border:1px solid #ddd; position:absolute; border-radius:10px; min-width:100%; top:52px;}
.select-box ul li {border-bottom:1px solid #ddd;}
.select-box ul li:last-of-type {border-bottom:0;}
.select-box ul li a {display:block; font-size:18px; text-align:center; padding:15px 0;}
.select-box ul li a:hover {background:#efefef;}
.select-box.active {z-index:10;}
.select-box.active ul {display:block;}
@media (max-width:1000px){
.select-box select {height:35px; background-position:calc(100% - 10px) center; background-size:13px 5px; padding:0 30px 0 10px; font-size:14px;}
.select-box button {height:35px; background-position:calc(100% - 10px) center; background-size:13px 5px; padding:0 30px 0 10px; font-size:14px;}
.select-box ul {top:37px; border-radius:5px;}
.select-box ul li a {padding:10px 0; font-size:13px;}
}

/* textarea-box */
.textarea-box textarea {width:100%; background:#fff; border-radius:10px; border:1px solid #ddd; height:300px; padding:20px; font-size:18px;}
@media (max-width:1000px){
.textarea-box textarea {height:150px; padding:15px; font-size:14px;}
}

/* iframe-box */
.iframe-box {position:relative; overflow:hidden; padding-bottom:56.5%;}
.iframe-box iframe {position:absolute; left:0; top:0; width:100%; height:100%;}

/* sub-banner */
.sub-banner {position:relative; height:300px; background:#239AFF url('../images/bg_sub_banner.png') no-repeat center / cover;}
.sub-banner .text {position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; text-align:center;}
.sub-banner .text h2 {color:#fff; font-size:50px; font-weight:500; margin:0; padding:0;}
.sub-banner .text p {margin:30px 0 0; font-size:20px; color:#FEF738;}
.sub-banner img {display:none;}																		
@media (max-width:1400px){
.sub-banner {height:200px;}
.sub-banner .text h2 {font-size:40px;}
.sub-banner .text p {margin:10px 0 0; font-size:18px;}
}
@media (max-width:1000px){
.sub-banner {height:auto; padding:55px 0 0; background:#239aff;}
.sub-banner .text h2 {font-size:27px;}
.sub-banner .text p {font-size:13px; margin:5px 0 0;}
.sub-banner img {display:block; width:100%;}
}

/* sub-category */
.sub-category {margin:60px 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.sub-category ul {display:flex; flex-wrap:wrap; align-items:center; border-radius:35px; overflow:hidden; background:#f3f3f3; margin:0; padding:0;}
.sub-category ul li {vertical-align:middle;}
.sub-category ul li a {display:flex; font-weight: 500; flex-wrap:wrap; align-items:center; justify-content:center; text-align:center; width:220px; background:#F3F3F3; padding:15px 0; font-size:20px;}
.sub-category ul li a br {display:none;}
.sub-category ul li.active a {background:#239AFF; color:#fff; border-radius:35px; font-weight: 500;}
@media (max-width:1400px){
.sub-category {margin:40px 0;}
}
@media (max-width:1000px){
.sub-category {margin:20px 0;}
.sub-category ul {display:table; table-layout:fixed; width:100%;}
.sub-category ul li {display:table-cell;}
.sub-category ul li a {width:100%; line-height:1.3; font-size:14px; padding:10px 0;}
.sub-category ul li a br {display:block;}
}

/* sub-category2 */
.sub-category2 {margin:0 0 60px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.sub-category2 ul {display:flex; flex-wrap:wrap; align-items:center; border-radius:35px; overflow:hidden; margin:0; padding:0;}
.sub-category2 ul li {vertical-align:middle; margin:0 10px;}
.sub-category2 ul li a {border-radius:35px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; text-align:center; width:220px; background:#F3F3F3; padding:15px 0; font-size:20px;}
.sub-category2 ul li a br {display:none;}
.sub-category2 ul li.active a {background:#111; color:#fff;}
@media (max-width:1400px){
.sub-category2 {margin:0 0 40px;}
}
@media (max-width:1000px){
.sub-category2 {margin:0 0 20px;}
.sub-category2 ul {display:table; table-layout:fixed; width:100%; border-radius:0;}
.sub-category2 ul li {display:table-cell;}
.sub-category2 ul li a {width:100%; line-height:1.3; font-size:14px; padding:10px 0; border-radius:0;}
.sub-category2 ul li a br {display:block;}
}

/* sub-search */
.sub-search {background:#F3F3F3; padding:25px 235px; border-radius:10px;}
.sub-search form .input-box {flex:1; margin:0 10px;}
.sub-search form .button {width:100px; height:50px; border-radius:10px; font-size:18px;}
@media (max-width:1000px){
.sub-search {padding:20px;}
.sub-search form .button {width:60px; height:35px; font-size:14px;}
}

/* sub-search-between */
.sub-search-between form .flex-box {display:flex; flex-wrap:wrap; align-items:center;}
.sub-search-between form .input-box {width:450px; margin-right:10px;}
.sub-search-between form .button-submit {width:100px; height:50px; border-radius:10px; font-size:18px;}
.sub-search-between form .button {height:50px; font-size:18px; border-radius:10px; padding:0 25px;}
@media (max-width:1000px){
.sub-search-between form .flex-box {width:100%;}
.sub-search-between form .flex-box:last-of-type {margin:10px 0 0;}
.sub-search-between form .input-box {flex:1;}
.sub-search-between form .button-submit {height:35px; font-size:14px;}
.sub-search-between form .button {height:35px; font-size:14px; padding:0;}
.sub-search-between form .flex-box:last-of-type .button {width:100%;}
.sub-search-between form .flex-box:first-of-type .button {width:100px;}
}

/* sub-table */
.sub-table-box > .flex-box {width:calc(50% - 20px);}
.sub-table > h3 {font-size:30px; line-height:1.3; font-weight:600; margin:0 0 15px;}
.sub-table > dl dd {position:relative; font-size:17px; line-height:1.3; padding-left:15px;}
.sub-table > dl dd:before {position:absolute; left:0; top:11px; width:7px; height:1px; background:#111; content:"";}
.sub-table > dl dd b {font-size:17px; line-height:1.5; color:#111; font-weight:400; text-decoration:underline;}
.sub-table .table-box {overflow-x:auto; overflow-y:hidden; white-space:nowrap;}
.sub-table .table-box table {table-layout:auto; width:100%; border-top:2px solid #239AFF;}
.sub-table .table-box table tr th {background:#e8f4ff; font-size:18px; font-weight:500; color:#000; padding:15px 0; border-bottom:1px solid #8AC7FF;}
.sub-table .table-box table tr th.bg-green {background:#EEFBF7 !important; color:#111 !important;}
.sub-table .table-box table tr th.bg-red {background:#FFF0F0 !important; color:#111 !important;}
.sub-table .table-box table tr th.bg-yellow {background:#FFF9E8 !important; color:#111 !important;}
.sub-table .table-box table tr th.bg-blue {background:#E8F5FF !important; color:#111 !important;}
.sub-table .table-box table tr td {border-bottom:1px solid #E6E6E6; padding:15px; font-size:16px; text-align:center; font-weight: 400;}
.sub-table .table-box table tr td a.subject {min-width:300px; font-weight: 400; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block; text-align:left; font-size:16px;}
.sub-table .table-box table tr td a.subject:hover {text-decoration:underline;}
.sub-table .table-box table tr td a.file {font-size:16px; display:block; text-align:left; text-decoration:underline; font-weight: 400;}
.sub-table .table-box table tr td a.button {border-radius:10px; height:35px; font-size:15px;}
.sub-table .table-box table.side-border tr th {border:1px solid #8ac7ff; border-width:0 1px 1px 0;}
.sub-table .table-box table.side-border tr th:last-child {border-right:0; border-left: 0;}
.sub-table .table-box table.side-border tr td {border:1px solid #8ac7ff; border-width:0 1px 1px 0;}
.sub-table .table-box table.side-border tr td:last-child {border-right:0; border-left: 0;}
.sub-table .table-box table.side-border tr td div {margin-top: 10px;}
@media (max-width:1000px){
.sub-table-box > .flex-box {width:100%;}
.sub-table-box > .flex-box:last-of-type {margin:20px 0 0;}
.sub-table > h3 {font-size:25px; margin:0 0 10px;}
.sub-table > dl dd {font-size:14px;}
.sub-table > dl dd:before {top:8px; width:5px;}
.sub-table > dl dd b {font-size:14px;}
.sub-table .table-box table tr th {font-size:15px; padding:10px;}
.sub-table .table-box table tr td {font-size:14px; padding:10px;}
.sub-table .table-box table tr td a.subject {font-size:14px;}
.sub-table .table-box table tr td a.file {font-size:14px;}
.sub-table .table-box table tr td a.button {height:30px; font-size:13px;}
}

/* sub-table-2 */
.sub-paper .sub-table .table-box {max-height:800px; overflow-y:auto;}
.sub-paper .sub-table .table-box table {border-top:none; border-collapse:separate;}
.sub-paper .sub-table .table-box table thead {background:#4477BC; position:sticky; top:0; z-index:7;}
.sub-paper .sub-table .table-box table thead tr th {color:#fff; font-size:15px; line-height:1.3; padding:15px 10px; background:#4477BC; border:1px solid #fff; border-width:0 1px 1px 0;}
.sub-paper .sub-table .table-box table thead tr th:last-child {border-right:0;}
.sub-paper .sub-table .table-box table thead tr th b {display:block; text-align:center; text-decoration:underline; font-size:18px; margin:0 0 5px;}
.sub-paper .sub-table .table-box table tbody tr th {font-size:15px; font-weight:500; line-height:1.3; border:1px solid #fff; border-width:0 1px 1px 0;}
.sub-paper .sub-table .table-box table tbody tr td {font-size:15px; line-height:1.3; white-space:initial;}
.sub-paper .sub-table .table-box table tbody tr td:last-child {border-right:0;}
.sub-paper .sub-table .table-box table tbody tr td b {display:block; font-size:16px; font-weight:500; margin:0 0 3px; line-height:1.3;}
.sub-paper .sub-table .table-box table tbody tr td input[type=text] {border:0; height:auto; padding:0; font-size:16px;}
.sub-paper.step01 .sub-table .table-box table thead tr th {background:#f3aa16;}
.sub-paper.step01 .sub-table .table-box table thead tr:first-of-type ~ tr th {background:#fbeacb; color:#111; border-color:#f3aa16 !important;}
.sub-paper.step01 .sub-table .table-box table tbody tr th {background:#fbeacb;}
.sub-paper.step01 .sub-table .table-box table tbody tr td {border:1px solid #f3aa16; border-width:0 1px 1px 0;}
.sub-paper.step01 .sub-table .table-box table tbody tr td:last-of-type {border-right:0;}
.sub-paper.step02 .sub-table .table-box table thead tr th {background:#7bbb3f;}
.sub-paper.step02 .sub-table .table-box table thead tr:first-of-type ~ tr th {background:#e0edd2; color:#111; border-color:#7bbb3f !important;}
.sub-paper.step02 .sub-table .table-box table tbody tr th {background:#e0edd2;}
.sub-paper.step02 .sub-table .table-box table tbody tr td {border:1px solid #7bbb3f; border-width:0 1px 1px 0;}
.sub-paper.step02 .sub-table .table-box table tbody tr td:last-of-type {border-right:0;}
.sub-paper.step03 .sub-table .table-box table thead tr th {background:#4477bc;}
.sub-paper.step03 .sub-table .table-box table thead tr:first-of-type ~ tr th {background:#d4daee; color:#111; border-color:#4477bc !important;}
.sub-paper.step03 .sub-table .table-box table tbody tr th {background:#d4daee;}
.sub-paper.step03 .sub-table .table-box table tbody tr td {border:1px solid #4477bc; border-width:0 1px 1px 0;}
.sub-paper.step03 .sub-table .table-box table tbody tr td:last-of-type {border-right:0;}
.sub-paper.step04 .sub-table .table-box table thead tr th {background:#0d9762;}
.sub-paper.step04 .sub-table .table-box table thead tr:first-of-type ~ tr th {background:#d0e1d5; color:#111; border-color:#0d9762 !important;}
.sub-paper.step04 .sub-table .table-box table tbody tr th {background:#d0e1d5;}
.sub-paper.step04 .sub-table .table-box table tbody tr td {border:1px solid #0d9762; border-width:0 1px 1px 0;}
.sub-paper.step04 .sub-table .table-box table tbody tr td:last-of-type {border-right:0;}
@media (max-width:1000px){
.sub-paper .sub-table .table-box {max-height:500px;}
.sub-paper .sub-table .table-box table thead tr th {font-size:14px; padding:15px 5px;}
.sub-paper .sub-table .table-box table thead tr th b {font-size:16px;}
.sub-paper .sub-table .table-box table tbody tr td {font-size:13px;}
.sub-paper .sub-table .table-box table tbody tr td b {font-size:14px;}
}

/* sub-total */
.sub-total {margin:0 0 15px;}
.sub-total b {font-size:18px; font-weight:600; color:#111;}
@media (max-width:1000px){
.sub-total b {font-size:15px;}
}

/* sub-paging */
.sub-paging {margin:60px 0 0;}
.sub-paging ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:0; margin:0;}
.sub-paging ul li a {font-size:16px; color:#75757E; padding:0 10px;}
.sub-paging ul li.active a {font-weight:bold; color:#239AFF;}
.sub-paging ul li.prev a {font-size:0; width:18px; height:18px; background:url('../images/icon_paging_prev.svg') no-repeat center / cover;}		 
.sub-paging ul li.next a {font-size:0; width:18px; height:18px; background:url('../images/icon_paging_next.svg') no-repeat center / cover;}
@media (max-width:1000px){
.sub-paging {margin:30px 0 0;}
.sub-paging ul li a {font-size:15px; padding:0 7px;}
}

/* sub-board-view */
.sub-board-view {margin:60px 0 0;}
.sub-board-view iframe {width:100%;}
.sub-board-view h3 {padding:0 0 40px; font-weight:600; margin:0;}
.sub-board-view p {font-size:18px; line-height:1.5; color:#111; font-weight: 400;}
.sub-board-view .view-button {width:200px; height:50px; font-size:18px; font-weight:500; border-radius:10px;}
.sub-board-view .view-submit {width:200px; height:50px; font-size:18px; font-weight:500; border-radius:10px; margin-left:10px;}
.sub-board-view .board-qna-reply {border-top:1px solid #E6E6E6; padding:40px 0 0; margin:40px 0 0;}
.sub-board-view .board-qna-reply textarea {border:1px solid #E6E6E6; height:300px; padding:20px; font-size:18px; width:100%;}
@media (max-width:1000px){
.sub-board-view {margin:30px 0 0;}
.sub-board-view h3 {padding:0 0 20px; font-size:20px;}
.sub-board-view p {font-size:14px;}
.sub-board-view .view-button {width:130px; height:35px; font-size:15px; padding:2px 0 0;}
.sub-board-view .view-submit {width:130px; height:35px; font-size:15px; padding:2px 0 0; margin-left:5px;}
.sub-board-view .board-qna-reply {padding:20px 0 0; margin:20px 0 0;}
.sub-board-view .board-qna-reply textarea {height:150px; padding:15px; font-size:14px;}
}

/* sub-form */
.sub-form > h3 {text-align:center; color:#111; font-weight:600; font-size:35px; margin:0; padding:0;}
.sub-form > p {text-align:center; margin:10px 0 0; font-size:20px; line-height:1.3; font-weight: 500;}
.sub-form form img.login {max-width:420px; width:100%; margin:0 auto -15px;}
.sub-form form.sub-form-reg {max-width:690px; margin:0 auto;}
.sub-form form.sub-form-login {max-width:420px; margin:0 auto;}
.sub-form form.sub-form-service {max-width:800px; margin:0 auto;}
.sub-form form .form-group {display:flex; flex-wrap:wrap; margin:0 0 10px;}
.sub-form form .form-group:last-of-type {margin:0;}
.sub-form form .form-group .sub-form-title {width:140px; font-size:18px; display:flex; flex-wrap:wrap; align-items:center; height:50px;}
.sub-form form .form-group .sub-form-title ~ * {width:calc(100% - 140px);}
.sub-form form .form-group .button-submit {width:800px; height:50px; font-size:18px; font-weight:500; border-radius:10px; margin:0 auto;}
.sub-form form .form-group .sub-form-list {width:100%; padding:0; margin:0; text-align:center; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.sub-form form .form-group .sub-form-list.flex-tr {justify-content:flex-end;}
.sub-form form .form-group .sub-form-list li {display:flex; flex-wrap:wrap; align-items:center;}
.sub-form form .form-group .sub-form-list li:after {display:inline-block; content:"|"; margin:0 10px;}
.sub-form form .form-group .sub-form-list li:last-of-type:after {display:none;}
.sub-form form .form-group .sub-form-list li a {font-size:19px; font-weight:500;}
.sub-form form .form-group.full .sub-form-title {width:100%; height:auto; margin:0 0 8px;}
.sub-form form .form-group.full .sub-form-title ~ * {width:100%;}
.sub-form form .form-group .agree-toggle {display:flex; flex-wrap:wrap; align-items:center; font-size:16px; color:#75757E;}
.sub-form form .form-group .agree-toggle:after {display:inline-block; content:""; width:14px; height:14px; background:url('../images/icon_agree.svg') no-repeat center / cover; margin-left:3px;}
.sub-form form .form-group .agree-toggle.active:after {transform:rotate(180deg);}
.sub-form form .form-group .agree-box {display:none; border:1px solid #ddd; border-radius:10px; margin:10px 0 0; padding:20px; height:180px; overflow-y:auto; overflow-x:hidden;}
.sub-form form .form-group .agree-box p {font-size:16px; line-height:1.3; color:#111; font-weight: 400;}
.sub-form form .form-group small {font-size:16px; margin-left:15px;}
@media (max-width:1000px){
.sub-form > h3 {font-size:25px;}
.sub-form > p {font-size:14px; margin:5px 0 0;}
.sub-form form .form-group .sub-form-title {height:30px; font-size:14px; width:100%; margin:0 0 3px;}
.sub-form form .form-group .sub-form-title ~ * {width:100%;}
.sub-form form .form-group .button-submit {max-width:100%; height:40px; font-size:16px;}
.sub-form form .form-group .sub-form-list li a {font-size:16px;}
.sub-form form .form-group .agree-box {height:150px; padding:15px;}
.sub-form form .form-group .agree-box p {font-size:13px;}
.sub-form form .form-group small {width:100%; margin:10px 0 0; font-size:13px;}
}

/* sub-popup */
.sub-popup {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:1050;}
.sub-popup.fixed {display:block;}
.sub-popup .box {padding:40px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:#fff; border-radius:10px; width:100%; max-width:600px; max-height:600px; overflow-y:auto; overflow-x:hidden;}
.sub-popup .box .sub-popup-head {padding:0 0 40px;}
.sub-popup .box .sub-popup-head h3 {font-size:30px; font-weight:600; color:#111; padding:0; margin:0; text-align:center;}
.sub-popup .box .sub-popup-head a {position:absolute; right:20px; top:20px; width:24px; height:24px; background:url('../images/icon_close.svg') no-repeat center / cover; font-size:0;}
@media (max-width:1000px){
.sub-popup .box {width:calc(100% - 30px); padding:30px 15px; height:85%;}
.sub-popup .box .sub-popup-head {padding:0 0 10px;}
.sub-popup .box .sub-popup-head h3 {font-size:25px;}
}

/* sub-paper */
.sub-paper {border-top:20px solid;}
.sub-paper .paper-head {padding:30px 0; border-bottom:6px solid;}
.sub-paper .paper-head h3 {text-align:center; font-size:40px; font-weight:500; padding:0; margin:0; line-height:1.3;}
.sub-paper .paper-head small {text-align:center; display:block; color:#75757E; font-size:15px; font-weight:500; line-height:1.3;}
.sub-paper .paper-head p {text-align:center; margin:15px 0 0; font-size:17px; line-height:1.3;}
.sub-paper .paper-head .paper-notice {margin:10px 0 0;}
.sub-paper .paper-head .paper-notice dl dd {position:relative; font-size:17px; line-height:1.3; padding-left:15px;}
.sub-paper .paper-head .paper-notice dl dd:before {position:absolute; left:0; top:11px; width:7px; height:1px; background:#111; content:"";}
.sub-paper .paper-head .paper-notice dl dd b {font-size:17px; line-height:1.5; color:#111; font-weight:400; text-decoration:underline;}
.sub-paper .paper-body {margin:40px 0 0;}
.sub-paper .paper-body p {font-size:17px; line-height:1.5; color:#111;}
.sub-paper .paper-body .paper-notice dl dt {font-size:20px; color:#111; font-weight:500; margin:0 0 15px;}
.sub-paper .paper-body .paper-notice dl dd {position:relative; font-size:17px; line-height:1.3; padding-left:15px;}
.sub-paper .paper-body .paper-notice dl dd:before {position:absolute; left:0; top:11px; width:7px; height:1px; background:#111; content:"";}
.sub-paper .paper-body .paper-notice dl dd b {font-size:17px; line-height:1.5; color:#111; font-weight:400; text-decoration:underline;}
.sub-paper .paper-body .paper-type > p {font-weight:500; font-size:20px; margin:0 0 15px;}
.sub-paper .paper-body .paper-type ul {padding:0; margin:0;}
.sub-paper .paper-body .paper-type ul li {display:flex; flex-wrap:wrap;}
.sub-paper .paper-body .paper-type ul li span {width:200px; height:34px; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; padding:0 10px; color:#fff; font-size:20px; font-weight:500;}
.sub-paper .paper-body .paper-type ul li:nth-of-type(1) span {background:#698AC6;}
.sub-paper .paper-body .paper-type ul li:nth-of-type(2) span {background:#64A0B7;}
.sub-paper .paper-body .paper-type ul li:nth-of-type(3) span {background:#85B7B3;}
.sub-paper .paper-body .paper-type ul li:nth-of-type(4) span {background:#8AB48C;}
.sub-paper .paper-body .paper-type ul li p {padding-left:10px; padding-top:4px; font-weight:500;}
.sub-paper .paper-body .paper-button {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; margin:40px 0 0;}
.sub-paper .paper-body .paper-button a {width:140px; height:40px; border-radius:10px; font-size:17px; font-weight:500;}
.sub-paper .paper-body .paper-image img {display:block; max-width:100%;}
.sub-paper.step00 {border-color:#4477BC;}
.sub-paper.step00 .paper-head {border-color:#4477bc;}
.sub-paper.step00 .paper-head h3 {color:#4477bc;}
.sub-paper.step01 {border-color:#f3aa16;}
.sub-paper.step01 .paper-head {border-color:#f3aa16;}
.sub-paper.step01 .paper-head h3 {color:#f3aa16;}
.sub-paper.step01 .paper-body .paper-button a {background:#f3aa16;}
.sub-paper.step01 .paper-body .paper-button button {background:#f3aa16;}
.sub-paper.step02 {border-color:#7bbb3f;}
.sub-paper.step02 .paper-head {border-color:#7bbb3f;}
.sub-paper.step02 .paper-head h3 {color:#7bbb3f;}
.sub-paper.step02 .paper-body .paper-button a {background:#7bbb3f;}
.sub-paper.step02 .paper-body .paper-button button {background:#7bbb3f;}
.sub-paper.step03 {border-color:#4477bc;}
.sub-paper.step03 .paper-head {border-color:#4477bc;}
.sub-paper.step03 .paper-head h3 {color:#4477bc;}
.sub-paper.step03 .paper-body .paper-button a {background:#4477bc;}
.sub-paper.step03 .paper-body .paper-button button {background:#4477bc;}
.sub-paper.step04 {border-color:#0d9762;}
.sub-paper.step04 .paper-head {border-color:#0d9762;}
.sub-paper.step04 .paper-head h3 {color:#0d9762;}
.sub-paper.step04 .paper-body .paper-button a {background:#0d9762;}
.sub-paper.step04 .paper-body .paper-button button {background:#0d9762;}
@media (max-width:1000px){
.sub-paper {border-top:10px solid;}
.sub-paper .paper-head {padding:20px 0;}
.sub-paper .paper-head h3 {font-size:25px;}
.sub-paper .paper-head small {font-size:11px;}
.sub-paper .paper-head p {font-size:16px;}
.sub-paper .paper-head .paper-notice dl dd {font-size:14px;}
.sub-paper .paper-head .paper-notice dl dd:before {top:8px; width:5px;}
.sub-paper .paper-head .paper-notice dl dd b {font-size:14px;}
.sub-paper .paper-body {margin:20px 0 0;}
.sub-paper .paper-body p {font-size:14px;}
.sub-paper .paper-body .paper-notice dl dt {font-size:16px;}
.sub-paper .paper-body .paper-notice dl dd {font-size:14px;}
.sub-paper .paper-body .paper-notice dl dd:before {top:8px; width:5px;}
.sub-paper .paper-body .paper-notice dl dd b {font-size:14px;}
.sub-paper .paper-body .paper-type > p {font-size:16px;}
.sub-paper .paper-body .paper-type ul li span {width:100%; justify-content:flex-start; font-size:16px;}
.sub-paper .paper-body .paper-type ul li p {width:100%; padding-left:0;}
.sub-paper .paper-body .paper-button a {margin:0 auto;}
}

/* sub-graph */
.sub-graph .graph-category {width:260px;}
.sub-graph .graph-category h3 {margin:0 0 20px; padding:0; font-size:30px; font-weight:600;}
.sub-graph .graph-category ul {border-top:2px solid #239AFF; margin:0; padding:0;}
.sub-graph .graph-category ul li {padding:13px 0; text-align:center; border-bottom:1px solid #8AC7FF; font-size:16px; color:#111;}
.sub-graph .graph-image {width:635px;}
.sub-graph .graph-image img {max-width:100%;}
@media (max-width:1000px){
.sub-graph .graph-category {width:100%;}
.sub-graph .graph-category h3 {font-size:25px; margin:0 0 10px;}
.sub-graph .graph-category ul li {padding:10px 0; font-size:14px;}
.sub-graph .graph-image {width:100%; margin:20px 0 0;}
}

/* sub-button */
.sub-button {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; margin:40px 0 0;}
.sub-button a {width:140px; height:40px; border-radius:10px; font-size:17px; font-weight:500;}
.sub-button.flex-tc {justify-content:center;}
.sub-button.flex-tc a {min-width:200px; width:auto; padding:0 15px; margin:0 10px;}
@media (max-width:1000px){
.sub-button a {margin:0 auto;}
.sub-button.flex-tc a {min-width:100%; width:100%; padding:0; margin:0 0 10px;}
.sub-button.flex-tc a:last-of-type {margin:0;}
}

/* sub-page */
.sub-page .sub-page-head h3 {text-align:center; color:#239AFF; font-weight:900; font-size:45px; margin:0; padding:0;}
.sub-page .sub-page-head p {text-align:center; margin:10px 0 0; font-weight:500; font-size:20px; line-height:1.3;}
.sub-page h4 {text-align:center; font-size:30px; font-weight:700; padding:0; margin:70px 0 40px;}
@media (max-width:1000px){
.sub-page {margin:45px 0 0;}
.sub-page .sub-page-head h3 {font-size:25px;}
.sub-page .sub-page-head p {font-size:14px; margin:5px 0 0;}
.sub-page h4 {font-size:20px; margin:40px 0 20px;}
}

/* sub-page-service */
.sub-page-service {margin:60px 0 0; position:relative;}
.sub-page-service img {position:absolute; left:50%; transform:translateX(-50%); display:block; width:100%; max-width:360px; margin:0 auto;}
.sub-page-service ul {display:flex; flex-wrap:wrap; justify-content:center; margin:0 auto; padding:0;}
.sub-page-service ul li {width:100%; height:180px; display:flex; flex-wrap:wrap; align-items:center; align-content:center;}
.sub-page-service ul li:nth-of-type(odd) {padding-left:630px;}
.sub-page-service ul li:nth-of-type(even) {padding-right:630px; justify-content:flex-end;}
.sub-page-service ul li b {display:block; width:100%; font-size:20px; font-weight:700; line-height:1.3;}
.sub-page-service ul li p {font-weight:500; margin:5px 0 0; font-size:15px; line-height:1.5;}
.sub-page-service ul li:nth-of-type(even) b {text-align:right;}
.sub-page-service ul li:nth-of-type(even) p {text-align:right;}
@media (max-width:1000px){
.sub-page-service {margin:30px 0 0;}
.sub-page-service img {display:none;}
.sub-page-service ul li {height:auto; padding:0 !important; justify-content:flex-start !important; margin:0 0 15px;}
.sub-page-service ul li:last-of-type {margin:0;}
.sub-page-service ul li:before {display:inline-block; width:70px; height:70px; content:""; background-size:cover; background-position:center; margin-right:10px;}
.sub-page-service ul li:nth-of-type(1):before {background-image:url('../images/icon_service_01.png');}
.sub-page-service ul li:nth-of-type(2):before {background-image:url('../images/icon_service_02.png');}
.sub-page-service ul li:nth-of-type(3):before {background-image:url('../images/icon_service_03.png');}
.sub-page-service ul li:nth-of-type(4):before {background-image:url('../images/icon_service_04.png');}
.sub-page-service ul li:nth-of-type(5):before {background-image:url('../images/icon_service_05.png');}
.sub-page-service ul li > div {width:calc(100% - 80px);}
.sub-page-service ul li b {font-size:16px;}
.sub-page-service ul li p {font-size:14px;}
.sub-page-service ul li:nth-of-type(even) b {text-align:left;}
.sub-page-service ul li:nth-of-type(even) p {text-align:left;}
}

/* sub-page-image */
.sub-page-image ul {padding:0; margin:0;}
.sub-page-image ul li {margin:0 0 50px;}
.sub-page-image ul li h3 {text-align:center; font-size:30px; font-weight:700; padding:0; margin:0 0 15px;}
.sub-page-image ul li p {text-align:center; font-size:18px; line-height:1.3; margin:0 0 15px; font-weight: 400;}
.sub-page-image ul li img {display:block; margin:0 auto; width:100%; max-width:100%;}
@media (max-width:1000px){
.sub-page-image ul li h3 {font-size:23px; margin:0 0 10px;}
.sub-page-image ul li p {font-size:14px;}
}

/* sub-page-check */
.sub-page-check {max-width:700px; margin:0 auto; border:1px solid #239AFF; border-radius:20px; padding:30px;}
.sub-page-check ul {padding:0; margin:0 0 -15px; display:flex; flex-wrap:wrap;}
.sub-page-check ul li {font-size:20px; font-weight:500; color:#111; min-width:50%; margin:0 0 15px; display:flex; flex-wrap:wrap; align-items:start; line-height: 25px;}

.sub-page-check ul li:before {display:inline-block; content:""; width:24px; height:24px; background:url('../images/icon_check_list.svg') no-repeat center / cover; margin:0 5px 0 0;}
.sub-page-check ul li.off:before {background:url('../images/icon_check_list_off.svg') no-repeat center / cover;}
@media (max-width:1000px){
.sub-page-check {padding:20px;}
.sub-page-check ul {margin:0 0 -10px;}
.sub-page-check ul li {margin:0 0 10px; font-size:15px; line-height:1.3;}
.sub-page-check ul li.off {width:100%;}
.sub-page-check ul li:before {width:17px; height:17px;}
}

/* sub-page-image */
.sub-page-image {max-width:1100px; margin:0 auto;}
.sub-page-image img {max-width:100%; display:block;}

/* sub-page-order */
.sub-page-order ul {display:flex; flex-wrap:wrap; justify-content:center; padding:0; margin:40px -20px;}
.sub-page-order ul li {border-radius:20px; padding:20px; text-align:center; width:280px; margin:0 20px;}
.sub-page-order ul li.flex {flex-wrap:wrap; align-items:center; justify-content:center;}
.sub-page-order ul li b {font-size:20px; line-height:1.3;}
.sub-page-order ul li > p {font-size:16px; font-weight: 400; line-height:1.3; padding:15px 0 0; margin:15px 0 0; border-top:1px solid #111;}
.sub-page-order ul li dl {padding:15px 0 0; margin:15px 0 0; border-top:1px solid #111;}
.sub-page-order ul li dl dd {display:flex; flex-wrap:wrap; justify-content:left; position:relative; padding-left:10px; font-size:16px; line-height:1.3; margin:0 0 5px;}
.sub-page-order ul li dl dd:last-of-type {margin:0;}	 
.sub-page-order ul li dl dd:before {display:inline-block; width:3px; height:3px; background:#111; border-radius:50%; /* content:""; */ position:relative; top:7px; margin-right:5px;}
.sub-page-order ul li dl dd p {line-height:1.3; margin:0; padding:0; font-weight: 400; text-align: left;}
.sub-page-order.blue ul li {background:#E8F4FF; border:1px solid #239AFF;} 
.sub-page-order.yellow ul li {background:#FFFAE4; border:1px solid #FFE34A;}                  
@media (max-width:1000px){
.sub-page-order {padding:0 20px;}
.sub-page-order ul {margin:40px 0 0;}
.sub-page-order ul:last-of-type {margin:20px 0 0;}
.sub-page-order ul li {width:100%; margin:0 0 20px;}
.sub-page-order ul li:last-of-type {margin:0;}
.sub-page-order ul li b {font-size:16px;}
.sub-page-order ul li > p {font-size:14px;}
}

/* sub-page-text */
.sub-page-text p {font-size:16px; line-height:1.3; text-align:center;}
.sub-page-text p b {font-size:16px; line-height:1.3; font-weight:500;}
.sub-page-text ul {margin:40px 0 0; padding:0; position:relative; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.sub-page-text ul:after {position:absolute; left:50%; top:80px; transform:translateX(-50%); width:90%; height:2px; background:#239aff; content:"";}
.sub-page-text ul li {width:160px; position:relative; z-index:2;}
.sub-page-text ul li span {font-size:20px; font-weight:500; color:#239AFF; text-align:center; line-height:1.3; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:160px; height:160px; border-radius:50%; border:2px solid #239AFF; background:#fff;}
.sub-page-text ul li p {margin:0; padding:0;}
.sub-page-text ul li p:before {display:block; content:""; width:100%; height:10px; content:""; margin:20px 0; background:url('../images/icon_caret.svg') no-repeat center / 20px 10px;}
.sub-page-text dl {position:relative; max-width:860px; width:100%; padding:0; margin:60px auto 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.sub-page-text dl:before {position:absolute; left:50%; top:calc(50% - 2px); transform:translate(-50%,-50%); width:95%; height:4px; border-bottom:2px dashed #239aff; content:"";}
.sub-page-text dl dd {position:relative; z-index:2; width:260px; height:70px; border-radius:40px; border:2px solid #239AFF; color:#239AFF; font-size:20px; font-weight:500; background:#fff; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.sub-page-text img {max-width:100%; display:block; margin:0 auto;}
.sub-page-text img.img_intro_01 {width:100%; max-width:448px; margin:45px auto 0;}
@media (max-width:1000px){
.sub-page-text p {font-size:14px;}
.sub-page-text p br {display:none;}
.sub-page-text p b {font-size:14px;}
.sub-page-text ul:after {display:none;}
.sub-page-text ul li {width:100%; display:flex; flex-wrap:wrap; align-items:center; margin:0 0 20px;}
.sub-page-text ul li:last-of-type {margin:0;}
.sub-page-text ul li span {width:100px; height:100px; font-size:17px; position:relative;}
.sub-page-text ul li span:after {position:absolute; left:50%; bottom:-22px; width:2px; height:20px; background:#239AFF; content:"";}
.sub-page-text ul li:last-of-type span:after {display:none;}
.sub-page-text ul li p {width:calc(100% - 100px); padding-left:15px; text-align:left; margin:0; font-size:16px;}
.sub-page-text ul li p br {display:none;}
.sub-page-text ul li p:before {display:none;}
.sub-page-text dl {margin:30px auto 0;}
.sub-page-text dl dd {width:calc(33.33% - 15px); height:50px; font-size:16px; padding:4px 0 0;}
.sub-page-text img.img_intro_01 {margin:25px auto 0;}
}

/* sub-page-loca */
.sub-page-loca {margin:65px 0 0;}
.sub-page-loca .iframe-box {overflow:hidden; border-radius:20px; padding-bottom:35%;}
.sub-page-loca .iframe-box iframe {border-radius:20px;}
.sub-page-loca .reservation {margin:60px 0 0;}
.sub-page-loca .reservation {display:flex; flex-wrap:wrap; align-items:center; background:#F4F4F4; border-radius:16px; overflow:hidden;}
.sub-page-loca .reservation a {width:200px; font-size:18px; border-radius:16px; height:60px;}
.sub-page-loca .reservation p {font-size:18px; font-weight: 500; display:flex; flex-wrap:wrap; align-items:center; padding:0 20px; margin:0; height:60px; width:calc(100% - 200px); }
.sub-page-loca .reservation p:before {display:inline-block; content:""; width:30px; height:30px; content:""; margin:0 10px 0 0; background:url('../images/icon_reserve.svg') no-repeat center / cover;}
.sub-page-loca .infomation {margin:40px 0 0;}
.sub-page-loca .infomation ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:0; margin:0;}
.sub-page-loca .infomation ul li {display:flex; flex-wrap:wrap; align-items:center; width:calc(33.33% - 20px); border:1px solid #239AFF; border-radius:50px;}
.sub-page-loca .infomation ul li:before {display:inline-block; content:""; width:68px; height:68px;}
.sub-page-loca .infomation ul li:first-of-type:before {background:url('../images/icon_loca_01.svg') no-repeat center / cover;}	  
.sub-page-loca .infomation ul li:nth-of-type(2):before {background:url('../images/icon_loca_02.svg') no-repeat center / cover;}
.sub-page-loca .infomation ul li:last-of-type:before {background:url('../images/icon_loca_03.svg') no-repeat center / cover;}
.sub-page-loca .infomation ul li p {padding:0 20px; font-size:20px; line-height:1.3; margin:0;  font-weight: 500;}
.sub-page-loca .text {margin:60px 0 0;}
.sub-page-loca .text h4 {margin:0 0 20px; padding:0; text-align:left; font-size:30px;}
.sub-page-loca .text dl dt {font-size:20px; font-weight:400; margin:0 0 10px;}
.sub-page-loca .text dl dd {font-size:16px; line-height:1.3;}
.sub-page-loca .text dl dh {font-size:16px; line-height:1.3; font-weight: 500;}
@media (max-width:1000px){
.sub-page-loca {margin:35px 0 0;}
.sub-page-loca .iframe-box  {padding-bottom:50%;}
.sub-page-loca .reservation {margin:30px 0 0;}
.sub-page-loca .reservation p {display:none; font-size:14px; height:40px; width:calc(100% - 120px);}
.sub-page-loca .reservation p:before {width:20px; height:20px; margin:0 5px 0 0;}
.sub-page-loca .reservation a {width:100%; height:45px; font-size:16px; padding:3px 0 0;}
.sub-page-loca .infomation {margin:20px 0 0;}
.sub-page-loca .infomation ul li {width:100%; margin:0 0 20px;}
.sub-page-loca .infomation ul li:last-of-type {margin:0;}
.sub-page-loca .infomation ul li:before {width:50px; height:50px;}
.sub-page-loca .infomation ul li p {padding:0 10px; font-size:15px;}
.sub-page-loca .text {margin:30px 0 0;}
.sub-page-loca .text h4 {margin:0 0 10px; font-size:25px;}
.sub-page-loca .text dl dt {font-size:16px;}
.sub-page-loca .text dl dd {font-size:14px;}
}

/* main-top */
.main-top {position:relative;}
.main-top > div {position:absolute; left:0; top:220px; width:100%; text-align:center;}
.main-top > div h2 {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:0; margin:0; font-size:70px; color:#fff; font-weight:600;}
.main-top > div h2 b {margin:0 5px; font-size:80px; color:#FEF738; font-weight:600;}
.main-top > div h3 {margin:10px 0 0; padding:0; font-size:100px; font-weight:600; color:#fff;}
@media (max-width:1200px){
.main-top > div {top:40px;}
	.main-top > div h2 {font-size:50px;}
	.main-top > div h2 b {font-size:60px;}
	.main-top > div h3 {font-size:60px;}
}
@media (max-width:991px){
.main-top > div {top:40px;}
.main-top > div h2 {font-size:30px;}
.main-top > div h2 b {font-size:50px;}
.main-top > div h3 {font-size:60px;}
}
@media (max-width:767px){
.main-top > div {top:30px;}
.main-top > div h2 {font-size:20px;}
.main-top > div h2 b {font-size:30px;}
.main-top > div h3 {font-size:40px;}
}
@media (max-width:600px){
.main-top > div h2 {font-size:16px;}
.main-top > div h2 b {font-size:26px;}
.main-top > div h3 {font-size:30px;}
}

/* main-bottom */
.main-bottom {max-width:1110px; padding:0 15px; margin:-9% auto 0; position:relative;}
.main-bottom ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:0; margin:0;}
.main-bottom ul li {width:calc(33.33% - 15px); border-radius:10px;}
.main-bottom ul li a {display:block; position:relative;}
.main-bottom ul li a img {max-width:100%;}
.main-bottom ul li a > div {position:absolute; left:0; top:0; padding:35px; width:100%;}
.main-bottom ul li a > div b {display:block; font-size:40px; font-weight:500;}
.main-bottom ul li a > div p {font-size:20px; line-height:1.3; margin:10px 0 0; padding:0;}
.main-bottom ul:first-of-type li:first-of-type {background:#D8F6FF;}
.main-bottom ul:first-of-type li:nth-of-type(2) {background:#FFECC1;}
.main-bottom ul:first-of-type li:last-of-type {background:#FFE5DB;}
.main-bottom ul:last-of-type {margin:20px 0 0;}
.main-bottom ul:last-of-type li {width:calc(50% - 10px);}
.main-bottom ul:last-of-type li:first-of-type {background:#D1F1EB;}
.main-bottom ul:last-of-type li:last-of-type {background:#D9F6FF;}
.main-bottom ul:first-of-type li:first-of-type a > div b,
.main-bottom ul:first-of-type li:first-of-type a > div p {color:#2898B7;}
.main-bottom ul:first-of-type li:nth-of-type(2) a > div b,
.main-bottom ul:first-of-type li:nth-of-type(2) a > div p {color:#F6901D;}
.main-bottom ul:first-of-type li:last-of-type a > div b,
.main-bottom ul:first-of-type li:last-of-type a > div p {color:#FF6451;}
.main-bottom ul:last-of-type li:first-of-type a > div b,
.main-bottom ul:last-of-type li:first-of-type a > div p {color:#408F82;}
.main-bottom ul:last-of-type li:last-of-type a > div b,
.main-bottom ul:last-of-type li:last-of-type a > div p {color:#427E91;}

@media (max-width:1000px){
.main-bottom ul li a > div {padding:20px;}
.main-bottom ul li a > div b {font-size:30px;}
.main-bottom ul li a > div p {font-size:16px;}
}
@media (max-width:991px){
.main-bottom ul li {width:calc(33.33% - 10px);}
.main-bottom ul li a > div {padding:15px;}
.main-bottom ul li a > div b {font-size:25px;}
.main-bottom ul li a > div p {font-size:13px;}
}
@media (max-width:600px){
.main-bottom {padding:0;}
.main-bottom ul {width:100%; display:block; overflow-x:auto; overflow-y:hidden; white-space:nowrap; margin:0;}
.main-bottom ul li {width:46%; display:inline-block; margin-right:15px;}
.main-bottom ul li:first-of-type {margin-left:15px;}
.main-bottom ul:last-of-type {margin:15px 0 0;}
.main-bottom ul:last-of-type li {width:70%;}
}