@charset "utf-8"; 
/* deepest.lee@gmail.com */

/* base.css */
@import url("base.css"); 

/* layout */
html, body {width:100%; word-break:keep-all;}
html {scroll-behavior:smooth; background: #121821;}
#wrapper {position:relative;}

/* responsive */
.pc_view {display:block;}
.m_view {display:none;}

/* base layout */
/* header */
header {width:100%; z-index:1000; background:#fff; z-index: 9999;}
header .header_seoul {height:100px; background:#f5f5f5; display:flex; justify-content:center;}
header .header_seoul ul {display:flex; width:100%; max-width:1400px; justify-content:space-between; align-items:center;}
header .header_box {width:100%;}
header .header_box .m_logo {display:none;}
header .header_box nav > div {width:100%; height:110px; max-width:1400px; margin:auto; display:flex; justify-content:space-between; align-items:center;}
header .header_box nav > div > ul {display:flex;}
header .header_box nav > div > ul > li {font-size:20px; font-weight:bold; padding:20px; position: relative;}
header .header_box nav > div > ul > li > a {padding:20px;}
header .header_box nav > div > ul > li > ul {display:none; position: absolute; top:60px; min-width:160px; box-sizing:border-box; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15); background:#d9dde2; padding:5px 0;}
header .header_box nav > div > ul > li > ul > li {font-size: 16px; font-weight:400;}
header .header_box nav > div > ul > li > ul > li > a {padding:5px 30px 5px 10px; display: inline-block;}
header .header_box nav > div > ul > li > ul > li > a:hover {color:#4da8ff; background:url("../images/icon_hover_01.png") no-repeat center right;}
header .header_box nav > div > ul > li:hover > ul,
header .header_box nav > div > ul > li > a:focus + ul {display: block;}
header .header_box nav .m_nav_close {display:none;}
header .header_box button {display:none;}

/* contents */
#contents {width:100%; background: #fff;}

/* top button */
.btn_top {display:none; position:fixed; background:#4da8ff99; right:25px; padding:10px; bottom:100px; border-radius:10px; cursor:pointer; z-index:1000;}
.btn_top div {color:#fff;}

/* footer */
footer {padding:0 20px;}
footer h1 {padding:35px 0 22px;}
footer address {line-height:2; font-size:14px;}
footer .info {font-size:20px; padding-top:20px;}
footer ul {padding-top:20px;}
footer ul li {display: inline-block; font-size:14px;}
footer ul li:first-child:after {padding:10px;}
footer .copy {font-size:12px; color:#8e939a; padding:40px 0;}

/* Main */
.main_wrap {position:relative; padding-top:130px;}
.main_wrap header {position:absolute; position:absolute; top:0}

/* Main visual */
.visual_wrap {position:relative;}
.visual_wrap .mvisual {width:100%; max-width:1920px; height:1150px; overflow:hidden; position:relative; margin:auto;background-size:100%; background-repeat:no-repeat;}
.visual_wrap .mvisual .visual_photo img {width:100%;}

.visual_wrap .visual_base {width:100%; height:1200px; overflow:hidden; text-align:center; position:relative; background-image:url("../images/visual_base_01.png"); background-size:100%; background-repeat:no-repeat; background-position:bottom; position:absolute; top:0;}
.visual_wrap .visual_area {position:relative; width:1400px; margin:auto}
.visual_wrap .visual_ctrl {position:absolute; height:350px; top:300px}
.visual_wrap .visual_ctrl .slick-prev {position:absolute; z-index:1000; bottom:0px; left:calc(20px); transform:translate(0,-50%); border-radius:50%; cursor:pointer;}
.visual_wrap .visual_ctrl .slick-next {position:absolute; z-index:1000; bottom:0px; left:calc(125px); transform:translate(0,-50%); border-radius:50%; cursor:pointer;}

.visual_highlights {background:url("../images/bg_base.jpg") repeat-y center top; background-size:100%; margin-top:50px;}
.visual_highlights div {margin:auto;}
.visual_highlights div h2 {font-size:44px; font-weight:bold; text-align:center; color:#121821; padding-bottom:35px;}

.visual_highlights .highlights_box {width:100%; max-width:1650px; margin:auto; display:flex; align-items:center;}
.visual_highlights .highlights_box button {padding:20px;}
.visual_highlights .highlights_box .highlights {width:1415px; padding-bottom:35px;}
.visual_highlights .highlights_box .highlights .img {width:332px; height:332px; background-size:cover; background-repeat:no-repeat; background-position:center; border:4px solid #4da8ff;}
.visual_highlights .highlights_box .highlights .box {width:350px;}
.visual_highlights .highlights_box .highlights .box img {display:none;}

/* main board */
.main_board {background:url("../images/bg_board_01.jpg") no-repeat center bottom #4da9ff; padding:33px 0 50px;}
.main_board > div {width:1400px; margin:auto; display: flex; gap:24px; box-sizing:border-box;}
.main_board > div h2 {font-weight:900; color:#fff; font-size:28px; padding-bottom:18px;}
.main_board .btn_more {position: absolute; top:15px; right :0px; color:#fff;}

.main_notice { position: relative;}
.main_notice ul {display: flex; gap:12px;}
.main_notice ul li a {position: relative; display:block; width:334px; height:257px; box-sizing:border-box; padding:20px; background:url("../images/icon_detail.png") no-repeat right 20px bottom 20px #fff;}
.main_notice ul li a dl dt {font-size:28px; line-height:32px; color:#121821; padding-bottom:10px; word-break: keep-all; display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient: vertical; overflow: hidden;}
.main_notice ul li a dl dd:nth-child(2) {font-size:16px; color:#7f7f7f; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; overflow: hidden;}
.main_notice ul li a dl dd:nth-child(3) {font-size:14px; color:#121821; position: absolute; bottom:20px; left:20px;}

.main_faq {position: relative; width:100%;}
.main_faq table {width:100%; border-bottom:1px solid #fff; table-layout: fixed;}
.main_faq table tr {border-top:1px solid #fff; cursor: pointer;}
.main_faq table tr:hover {font-weight:bold;}
.main_faq table tr td {color:#fff; height:63px;}
.main_faq table tr td:nth-child(1) {font-size:20px; padding-right:20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main_faq table tr td:nth-child(2) {font-size:14px; text-align: right;}

/* mian info */ 
.main_info {width:100%; padding:40px 0; box-sizing:border-box;}
.main_info > div {width:1400px; display:flex; margin:auto; background: #f5f5f5;}
.main_info > div > dl {min-width:333px; background: url("../images/bg_turtle_01.png") no-repeat bottom 30px right 25px #d5dce6; padding:30px; box-sizing:border-box;}
.main_info > div > dl > dt {font-size:28px; font-weight:bold;}
.main_info > div > dl > dd {font-size:14px; font-weight:bold; color:#5b5d5f; padding-top:5px;}
.main_info ul {display: flex; margin:auto; padding:35px 20px; box-sizing:border-box; flex-wrap: wrap;}
.main_info ul li {box-sizing:border-box; width: 50%;}
.main_info ul li:nth-child(1) dl dt {background-image:url("../images/icon_info_01.png");}
.main_info ul li:nth-child(2) dl dt {background-image:url("../images/icon_info_02.png");}
.main_info ul li:nth-child(3) dl dt {background-image:url("../images/icon_info_03.png");}
.main_info ul li:nth-child(4) dl dt {background-image:url("../images/icon_info_04.png");}
.main_info ul li dl {display: flex; align-items: center; padding-left: 80px;}
.main_info ul li dl dt {font-size: 16px; color:#5b5d5f; font-weight:bold; padding:20px 0 20px 45px; min-width:85px; box-sizing:border-box; background-repeat:no-repeat; background-position: left center;}
.main_info ul li dl dd {color:#121821; padding-left:10px;}
.main_info ul li dl dd:nth-child(2) {font-size:24px; font-weight:bold;}
.main_info ul li dl dd:nth-child(3) {font-size:14px; color:#5b5d5f}

/* main host */
.main_host {display:flex; width:1400px; margin:auto; flex-wrap: wrap; flex-direction: column; align-content: center; padding:50px 20px;}
.main_host dl {display:flex; padding:20px 0;}
.main_host dl dt {min-width:180px; height:50px; margin: 6.5px 0; background: #121821; color:#fff; font-weight:bold; font-size:24px; display: flex; align-items: center; justify-content: center;}
.main_host dl dt span {padding-right:10px;}
.main_host dl dd ul {display:flex; padding-left:20px; flex-wrap:wrap}
.main_host dl dd ul li {min-width: 180px; min-height:63px; display: flex; align-items: center; justify-content: center; padding:0 20px 20px;}
.main_host dl dd ul li:nth-child(odd) {min-width:200px;}

/* sub */
.sub_title {background-repeat:no-repeat; height:409px; background-position:top center;}

/* sub title group */
.sub_title.sub_title_01 {background-image:url("../images/sub_title_01.png"); }
.sub_title.sub_title_02 {background-image:url("../images/sub_title_02.png"); }
.sub_title.sub_title_03 {background-image:url("../images/sub_title_03.png"); }
.sub_title.sub_title_04 {background-image:url("../images/sub_title_04.png"); }
.sub_title.sub_title_05 {background-image:url("../images/sub_title_05.png"); }

/* sub01 */
.intro {background: #d9dde2; width:100%; padding:50px 20px; box-sizing: border-box;}
.intro div {display: flex; justify-content: center; gap: 20px;}

.bi { width:100%; padding:50px 20px; box-sizing:border-box;}
.bi > div { display: flex;flex-direction: column;justify-content: center;align-items: center; padding-top:20px;}
.bi > div > div {display: flex; gap:20px;}

.regi {background: #f2f4f5; width:100%; padding:20px 20px; box-sizing: border-box;} 
.regi > div > div { display: flex; flex-wrap: wrap; justify-content: center;align-items: center; padding-top:20px; gap:20px} 
.regi > div > div > div {display: flex; gap:20px;}

.gift {background:url("../images/bg_gift.png") repeat; width:100%; padding:40px 20px; box-sizing: border-box;}
.gift h2 {color:#fff;}
.gift > div { display: flex; flex-wrap: wrap; justify-content: center;align-items: center; padding-top:20px; gap:2px}
.gift > div > div {display: flex; gap:20px;}
.gift img {width:100%; max-width:1400px; margin:auto; padding:20px; box-sizing:border-box;}

.img_area {width: 100%; text-align: center;}
.img_area h2 {padding-top:30px;}
.img_area img {width:100%; max-width:1400px; margin:auto; padding:20px; box-sizing:border-box;}

.sub h2 {font-size:40px; font-weight:bold; text-align: center; margin:auto;}

.eligible h2 {padding-top:0;}

.triathlon {max-width:1400px; padding:40px 20px 20px; margin:auto;  box-sizing: border-box;}
.triathlon_table {table-layout:fixed; margin-top:20px; text-align:center; width:100%;}
.triathlon_table th, .triathlon_table td {border:1px solid #ccc; box-sizing:border-box;}
.triathlon_table th {font-size:20px; font-weight:bold;  padding:10px 20px; background: #757b8a; color:#fff;}
.triathlon_table td {font-size:15px;  padding:12px 20px;}
.triathlon_table td ul {text-align: left;}
.triathlon_table .bg_01 {background: #cde3f3}
.triathlon_table .bg_02 {background: #b8d4e8}

.triathlon_table .bg_03 {background: #cceedf}
.triathlon_table .bg_04 {background: #b3eed4}

.triathlon_table .bg_05 {background: #f8dbe8}
.triathlon_table .bg_06 {background: #f0c6d9}


.sub_intro {padding:30px 20px; text-align: center;}
.sub_intro p {font-size:20px; color:#121821; padding-top:10px; word-break: keep-all;}

/* 프로그램 */
#contents.program {background:url("../images/bg_base.jpg") repeat-y center top; background-size: 100%;}
.program div {box-sizing:border-box;}
.program .program_intro {width:100%; background:url("../images/sub03_intro_bg.png") repeat-x center bottom; background-size: 1px 100%;}
.program .program_intro div {width: 100%; text-align: center; max-width:1060px; margin: auto; padding:0 20px;}
.program .program_intro div h2 {padding:80px 0 65px;}
.program .program_intro div h2 img {width:50%; max-width:351px;}
.program .program_intro div ul {display: flex; justify-content: space-between; padding-bottom:120px;}
.program .program_intro div ul li {width:30%; max-width:282px;}
.program .program_intro div ul li img {width:100%;}
.program .info {width:100%; background: #fff; display: flex; padding:80px 0 70px;}
.program .info > div {width: 100%; max-width:1440px; padding:0 20px; margin:auto;  display: flex;  gap:20px; flex-wrap: wrap; justify-content: center;}
.program .info .con_group {display: flex; gap:20px}

.course {border:2px solid #121821; text-align: center; min-width:386px;}
.course h2 {background: #121821; font-size:36px; color:#fff; display: inline-block; padding:20px 55px 30px; line-height:1; border-radius:0 0 50px 50px;}
.course dl {padding-top:38px;}
.course dl dt {background: #121821; font-size:24px; color:#fff; font-weight:bold; display: inline-block; line-height:1; padding:10px 40px; border-radius:50px; margin-bottom:20px;}
.course dl dd {font-size:18px; line-height:1.5; font-weight:bold;}
.course p {font-size:24px; font-weight:bold; padding:60px 0 50px;}

.con_item {border:2px solid #121821; text-align: center; min-width:318px; min-height:270px;}
.con_item h3 {background: #121821; font-weight:bold; font-size:24px; color:#fff; display: inline-block; padding:15px 50px 20px; line-height:1; border-radius:0 0 45px 45px;}
.con_item:nth-child(1) {border:2px solid #ff549e;}
.con_item:nth-child(1) h3 {background: #ff0270;}
.con_item:nth-child(1) ul li {color:#ff549e;}
.con_item:nth-child(2) {border:2px solid #4de4a1;}
.con_item:nth-child(2) h3 {background: #00c76f;}
.con_item:nth-child(2) ul li {color:#4de4a1;}
.con_item:nth-child(3) {border:2px solid #4da9ff;}
.con_item:nth-child(3) h3 {background: #0084ff;}
.con_item:nth-child(3) ul li {color:#4da9ff;}
.con_item:nth-child(3) ul li span {font-size:14px;}
.con_item ul {padding-top:28px;}
.con_item ul li {font-size:18px; line-height:1.5; font-weight:bold;}
.con_item p {font-size:24px; font-weight:bold; padding:60px 0 80px;}
.stamp {min-height:350px; margin-top:20px; background:url("../images/bg_stamp_01.png") no-repeat right bottom #4da9ff; color:#fff; position: relative; padding:0 35px;}
.stamp h3 {position: absolute; top:0; right:28px; background: #121821; font-weight:bold; font-size:24px; color:#fff; display: inline-block; padding:15px 50px 20px; line-height:1; border-radius:0 0 45px 45px;}
.stamp h4 {font-size:32px; font-weight:bold; color:#fff; padding-top:20px;}
.stamp p {font-size:18px; font-weight:bold; color:#fff; padding-top:10px;}
.stamp ol {display: flex; align-items: center; padding-top:20px;}
.stamp ol li {display: flex; align-items: center;}
.stamp ol li div {width:150px; height:150px; font-size:18px; background: #083d83; display: flex; align-items: center; justify-content: center; border-radius:40px; text-align:center;}
.stamp ol li:not(:last-child)::after {content:""; background:url("../images/icon_arrow_01.png") no-repeat; display: inline-block; width:18px; height:18px; margin:10px;}
.stamp ul { padding-top:20px;}


.sub03_timetable {background:url("../images/sub_03_timetable_bg.jpg") repeat; padding-bottom:50px; text-align: center; padding-top:50px;}
.sub03_timetable div {text-align: center;}
.sub03_timetable img {max-width:100%;}
.sub03_01 {background:url("../images/sub_03_01_bg.png") no-repeat right 120px bottom 70px #ff549e; padding-bottom:50px;}
.sub03_02 {background:#4de4a1; padding-bottom:50px;}
.sub03_03 {background:#4da9ff; padding-bottom:50px;}

.sub03_con {font-family: "Noto Sans KR", serif; color:#fff; font-size:20px;}
.sub03_con p {font-family: "Noto Sans KR"}
.sub03_con > div {max-width:1440px; padding:55px 10px 55px; margin:auto;}
.sub03_con .title_box {text-align: center; padding-bottom:70px;}
.sub03_con .title_box p {font-size:24px; color:#fff;}

.sub03_con .con_box {display: flex; justify-content: flex-end; padding-bottom:15px; gap: 50px;}
.sub03_con .con_box > div {text-align: right;  padding-top:10px;}
.sub03_con .con_box.st01 {flex-direction: row-reverse; gap:20px}
.sub03_con .con_box.st01 > div {text-align: left;  padding-top:0px;}
.sub03_con .con_box .flex_block {display: flex; flex-direction: column;justify-content: center;}
.sub03_con .con_box ul {padding:15px 0;}
.sub03_con .con_box ul li {line-height:2;}
.sub03_con .con_box p {color:#ffd555;}
.sub03_con .table_box {padding-bottom:100px;}
.sub03_con .table_box p {color:#ffd555; text-align: right; padding:20px 3px;}
.sub03_con .table_box table {table-layout:fixed;}
.sub03_con .table_box th, .sub03_con .table_box td {border:1px solid #ff549e; color:#121821; font-weight:normal; text-align: center;}
.sub03_con .table_box th {background: #ffddeb;}
.sub03_con .table_box td {background: #fff;}
.sub03_con .table_box .m_v {display: none;}

.sub03_con .soon_box {padding: 50px 0;}
.sub03_con .soon_box > div {border:7px solid #44ffac; background: #71e9b4; text-align: center;}
.sub03_con .soon_box > div h3 {font-size:60px; font-weight:bold; color:#fff; padding:30px 0 0;}
.sub03_con .soon_box > div p {font-size:32px; font-weight:bold; color:#fff; padding:50px 0;}

.sub03_con .img_box {padding:50px 0 80px;}
.sub03_con .img_box div ul {display:flex; align-items: center; justify-content: center; gap:40px 20px; flex-wrap: wrap;}
.sub03_con .img_box img {max-width:100%;}

.sub_04_list {display: flex; max-width:1400px; margin: auto; justify-content: space-between; padding-top:50px;}
.sub_04_list li { max-width:50%;}
.sub_04_list img {width:auto; width:100%;}

/* 휠쉐어 */
.wheelshare {display: flex; width:1400px; max-width:100%; margin: auto; padding:40px 0 100px; gap:2%}
.wheelshare > div:nth-child(1) {max-width:50%;}
.wheelshare > div:nth-child(2) {max-width:48%;}
.wheelshare > div img {max-width:100%;}
.wheelshare .box {position: relative;}
.wheelshare .box a {position: absolute; display: inline-block; right:0; bottom:0; font-size:22px; color:#fff; padding:10px 50px 10px 25px; background:url("../images/icon_map_link_01.png") no-repeat right 20px center #4da8ff;}
.wheelshare > div > h3 {text-align: left; font-size:36px; color:#4da8ff; font-weight:bold; line-height:1; padding-top:1px;}
.wheelshare > div h4 {font-size: 36px; font-weight:bold; display: inline-block; margin-top:18px;}
.wheelshare > div > p {font-size: 20px; padding:15px 0 5px;}
.wheelshare table {font-size:20px; color:#121821; border-bottom:1px solid #4da8ff; table-layout:fixed; margin-top:20px;}
.wheelshare table tr {border-top:1px solid #4da8ff;}
.wheelshare table tr th {background: #dbeeff; font-weight:400;  padding:5px;}
.wheelshare table tr td {padding:5px; text-align: center;}
.wheelshare table tr th:nth-child(1), .wheelshare table tr th:nth-child(2), .wheelshare table tr th:nth-child(3), 
.wheelshare table tr td:nth-child(1), .wheelshare table tr td:nth-child(2), .wheelshare table tr td:nth-child(3) {border-right:1px solid #4da8ff;}
.wheelshare .img_box {padding-top:10px;}

/* 오시는길 */
.map_block {display:flex; flex-direction:column; gap:40px; padding-bottom: 40px;}
.map {width:calc(100% - 40px); max-width:1400px; margin:auto; box-sizing:border-box;}
.map h3 {width:100%; font-size:22px; color:#fff; padding:10px 20px 10px 60px; box-sizing:border-box;}
.map h3 span {word-break: keep-all;}
/* 오시는길 - 주소 */
.map_01 {border:2px solid #4da8ff;}
.map_01 h3 {background:url("../images/icon_map_01.png") no-repeat left 20px center #4da8ff;}
.map_01 .box {display: flex; flex-wrap: wrap;}
.map_01 .box dl {width:50%; display: flex; flex-wrap: wrap; gap:10px 20px; padding:20px; box-sizing:border-box;}
.map_01 .box dl dt {width:100%; font-size:22px; word-break: keep-all;}
.map_01 .box dl dd a {font-size:14px; padding:10px 25px; display: inline-block;}
.map_01 .box dl dd:nth-child(2) a {color:#fff; background: #03ca5b;}
.map_01 .box dl dd:nth-child(3) a {color:#000; background: #fae100;}
.map_01 .box dl:nth-child(odd) {border-right:2px solid #4da8ff}
/* 오시는길 - 자동차 */
.map_02 {border:2px solid #26c478;}
.map_02 h3 {background:url("../images/icon_map_02.png") no-repeat left 20px center #26c478;}
.map_02 .box {padding:20px; position: relative;}
.map_02 .box p {font-size:22px; color:#26c478;}
.map_02 .box ul {padding-top:20px;}
.map_02 .box ul li {font-size:22px; color:#121821; padding:5px 10px 5px 25px; background:url("../images/icon_map_location_01.png") no-repeat left 0px center;}
.map_02 .box a {position: absolute; display: inline-block; right:20px; bottom:20px; font-size:22px; color:#fff; padding:10px 50px 10px 25px; background:url("../images/icon_map_link_01.png") no-repeat right 20px center #26c478;}
/* 오시는길 - 대중교통 */
.map_03 {border:2px solid #ff549d;}
.map_03 h3 {background:url("../images/icon_map_03.png") no-repeat left 20px center #ff549d;}
.map_03 .box {padding:20px;}
.map_03 .box {display: flex; gap:20px;}
.map_03 .box > div {width:50%; box-sizing:border-box;}
.map_03 .box > div > div {width:90%; text-align: center; margin:auto;}
.map_03 .box h4 {font-size:22px; color:#121821; padding:5px 0px 10px 30px;}
.map_03 .box h4:nth-child(1) { background:url("../images/icon_map_pt_01.png") no-repeat left 0px center;}
.map_03 .box h4:nth-child(2) { background:url("../images/icon_map_pt_02.png") no-repeat left 0px center;}
.map_03 .box table {font-size:20px; color:#121821; border-bottom:1px solid #ff549d;}
.map_03 .box table tr {border-top:1px solid #ff549d;}
.map_03 .box table tr th {background: #ffddeb; font-weight:400;  padding:5px;}
.map_03 .box table tr td {padding:5px;}
.map_03 .box table tr th:nth-child(1) {border-right:1px solid #ff549d;}
.map_03 .box table tr td:nth-child(1) {border-right:1px solid #ff549d;}
.map_03 .box img {width:100%;}

/* 자주 묻는 질문 */
.faq {width:calc(100% - 40px); max-width:1400px; margin:auto; box-sizing:border-box;}
.faq .search_box {display: flex; border-bottom: 2px solid #000; padding:10px 0;}
.faq .search_box input {font-size:20px; width:calc(100% - 40px); border:none; padding:5px 10px; box-sizing:border-box;}
.faq .search_box input::placeholder {color: #111111;} 
.faq .search_box input::-webkit-input-placeholder{color: #111111;}
.faq .search_box input:-ms-input-placeholder{color: #111111;}
.faq .search_box button {width:40px; display: flex;align-items: center;justify-content: center;}
.faq .search_list {padding:20px 0 120px;}
.faq .search_list table {width:100%; background: #fff; table-layout:fixed;}
.faq .search_list table thead tr {background: #65beff;}
.faq .search_list table thead tr th {color:#fff; font-size:20px; font-weight:bold; text-align: center; height:50px; word-break: keep-all; width:85px;}
.faq .search_list table thead tr th:nth-child(2) {width:60%;}
.faq .search_list table tbody tr {border-bottom: 2px solid #65beff; cursor: pointer;}
.faq .search_list table tbody tr:hover, 
.faq .search_list table tbody tr:focus {font-weight:bold;}
.faq .search_list table tbody tr td {font-size:16px; color:#121821; text-align: center; height:48px; word-break: keep-all}
.faq .search_list table tbody tr td:nth-child(2){text-align: left; width:60%;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
 
.faq .view {padding-bottom:40px;}
.faq .view_title {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; background: #65beff; color:#fff;  box-sizing:border-box; padding:0 2%;}
.faq .view_title h3 {color:#fff; font-size:20px; padding:10px 0; font-weight:bold;}
.faq .view_title span {white-space: nowrap; padding:10px 0;}
.faq .view_content {padding:40px 3%;font-size:16px; box-sizing:border-box; border-bottom:2px solid #65beff;}
.faq .view_content p {padding-bottom:20px;}
.faq .view_content img {max-width:100%;}
.faq .back_list {text-align: right; padding:10px 0 40px;  border-bottom:2px solid #65beff;}
.faq .back_list a {font-size:16px; padding:5px 40px; display: inline-block; background: #000; color:#fff;}
.faq .list_ctl {width:100%; table-layout:fixed;}
.faq .list_ctl tbody tr { cursor: pointer;  border-bottom:2px solid #65beff;}
.faq .list_ctl tbody tr:hover, 
.faq .list_ctl tbody tr:focus {font-weight:bold;}
.faq .list_ctl tbody tr td {font-size:16px; color:#121821; text-align: center; height:48px}
.faq .list_ctl tbody tr td:nth-child(1) {color:#5d6166;}
.faq .list_ctl tbody tr td:nth-child(2) {text-align: left; width:90%; padding-right:40px; box-sizing:border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.faq .list_ctl tbody tr:nth-child(1) td:nth-child(2) {background:url("../images/icon_top_01.png") no-repeat right 25px center;}
.faq .list_ctl tbody tr:nth-child(2) td:nth-child(2) {background:url("../images/icon_bottom_01.png") no-repeat right 25px center;}

@media screen and (max-width:1800px){
	/* Main visual */
	.visual_wrap .mvisual {height:1000px;}
	.visual_wrap .visual_base {height:1050px;}
	.visual_wrap .visual_ctrl {top:150px; left:50px;}
	
	.visual_highlights {margin-top:50px;}
}

@media screen and (max-width:1650px){
	/* Main visual */
	.visual_wrap .mvisual {height:900px;}
	.visual_wrap .visual_base {height:950px;}
	.visual_wrap .visual_ctrl {top:150px; left:50px;}
	
	.visual_highlights {margin-top:50px;}
	.visual_highlights .highlights_box .highlights {width:1200px; padding-bottom:35px;}
	.visual_highlights .highlights_box .highlights .img {width:280px; height:280px;}
	.visual_highlights .highlights_box .highlights .box {width:340px;}
	
	/* main board */
	.main_board > div {width:1200px;}
	
	.main_info > div {width:1200px;}
	.main_info ul li dl {padding-left:0;}
	
	/* main host */
	.main_host {width:1200px;}
	
	/* sub01 */
	.intro {display: flex; justify-content: center; box-sizing:border-box;}
	.intro div {display: flex; justify-content: center; gap: 20px; align-items: flex-start; flex-direction: column;}
	
	.bi { width:100%; padding:50px 20px; box-sizing:border-box;}
	.bi > div { display: flex;flex-direction: column;justify-content: center;align-items: center; padding-top:20px;}
	.bi > div > div {display: flex; flex-direction: column; justify-content: center; gap: 20px; align-items: flex-start;}
	
	.course {width: 100%; min-width: auto; max-width:996px}
}

@media screen and (max-width:1450px){
	/* header */
	header .header_seoul {height:70px;}
	header .header_seoul ul li {padding:5px 10px; box-sizing:border-box;}
	header .header_seoul ul li:nth-child(1) {width:140px;}
	header .header_seoul ul li:nth-child(2) {width:100px;}
	header .header_seoul ul li a img {width:100%;}
	
	header .header_box nav > div {height:80px;}
	header .header_box nav > div > h1 {padding:5px 20px; width:50px;}
	header .header_box nav > div > h1 > a > img {width:100%;}
	header .header_box nav > div > a {display:inline-block; width:30px; padding:5px 20px;}
	header .header_box nav > div > a > img {width:100%;}
	header .header_box nav > div > ul > li {font-size:18px; padding:18px;}
	header .header_box nav > div > ul > li > a {padding:18px;}
	header .header_box nav > div > ul > li > ul {top:50px;}
	
	/* main */
	.main_wrap {padding-top:80px;}
	
	/* Main visual */
	.visual_wrap .mvisual {height:800px;}
	.visual_wrap .visual_base {height:850px;}
	.visual_wrap .visual_ctrl {height:300px; top:100px; left:40px;}
	.visual_wrap .visual_ctrl > img {width:330px;}
	
	.visual_highlights {margin-top:50px;}
	.visual_highlights div h2 {font-size:30px; padding-bottom:20px;}
	.visual_highlights .highlights_box .highlights {width:1100px; padding-bottom:35px;}
	.visual_highlights .highlights_box .highlights .img {width:240px; height:240px;}
	.visual_highlights .highlights_box .highlights .box {width:280px;}
	
	/* main board */
	.main_board > div {width:1075px; padding:0 20px;}
	.main_notice ul li a {width:300px; height:257px}
	
	/* mian info */ 
	.main_info {padding:40px 20px;}
	.main_info > div {width:1075px; width: 100%; flex-direction: column;}
	.main_info > div > dl {width:100%;}
	.main_info ul li dl dt {font-size: 14px; min-width:50px;}
	.main_info ul li dl dd:nth-child(2) {font-size:16px; font-weight:bold;}
	.main_info ul li dl dd:nth-child(3) {font-size:12px; color:#5b5d5f}
	
	/* main host */
	.main_host {width:1075px;}
	
	/* sub */
	.sub_title {height:310px; background-size:1450px;}
	.sub h2 {font-size:30px; }
	
	.sub_intro {padding:0 20px 30px; text-align: center;}
	.sub_intro p {font-size:20px; color:#121821; padding-top:10px;}
	
	
	/* 오시는길 */
	.map h3 {font-size:20px;}
	
	/* 오시는길 - 주소 */
	.map_01 .box dl dt {width:100%; font-size:18px;}
	.map_01 .box dl dd a {font-size:14px; padding:10px 25px; display: inline-block;}
	
	/* 오시는길 - 자동차 */
	.map_02 .box p {font-size:18px;}
	.map_02 .box ul li {font-size:18px;}
	.map_02 .box a {font-size:18px;}
	
	/* 오시는길 - 대중교통 */
	.map_03 .box h4 {font-size:18px;}
	.map_03 .box table {font-size:14px;}
	
	/* 자주 묻는 질문 */
	.faq .search_box input {font-size:18px;}
	.sub03_01 {background-position:right 20px bottom 18%; padding-bottom: 50px;background-size: 25%;}
	
	.sub03_con > div {max-width:994px; margin:auto;}
	.sub03_con .title_box {padding-bottom:0px;}
	.sub03_con .con_box {flex-wrap:wrap; flex-direction: column; gap:0px}
	.sub03_con .con_box .flex_block {display: block;}
	.sub03_con .con_box h3 {padding-top: 20px;}
	.sub03_con .con_box img {max-width:100%;}
	.sub03_con .con_box.st01 {flex-direction: column;}
	.sub03_con .con_box > div {text-align: left;}
	
	.sub_04_list {padding-top:0px;}
	
	.wheelshare {display: flex; width:auto; max-width:100%; margin: auto; padding:40px 20px 100px; gap:20px; box-sizing:border-box;}
	.wheelshare > div > h3 {text-align: left; font-size:28px; color:#4da8ff; font-weight:bold; line-height:1; padding-top:1px;}
	.wheelshare > div h4 {font-size: 24px; font-weight:bold; display: inline-block; margin-top:18px;}
	.wheelshare > div > p {font-size: 16px; padding:15px 0 5px;}
	.wheelshare table {font-size:16px; color:#121821; border-bottom:1px solid #4da8ff; table-layout:fixed; margin-top:20px;}
}

@media screen and (max-width:1350px){
	/* Main visual */
	.visual_wrap .mvisual {height:700px;}
	.visual_wrap .visual_base {height:750px;}
	.visual_highlights .highlights_box .highlights {width:calc(100% - 220px); padding-bottom:35px;}
	.visual_highlights .highlights_box .highlights .img {width:240px; height:240px;}
	.visual_highlights .highlights_box .highlights .box {width:300px;}
	
	.visual_highlights {margin-top:50px;}
}

@media screen and (max-width:1250px){
	/* Main visual */
	.visual_wrap .mvisual {height:600px;}
	.visual_wrap .visual_base {height:650px;}
	
	.visual_highlights {margin-top:50px;}
	
	/* main board */
	.main_board > div {width:960px;}
	.main_notice ul li a {width:280px; height:257px}
	.main_faq table tr td:nth-child(1) {font-size:18px}
	.main_faq table tr td:nth-child(2) {font-size:14px;}
	
	
	/* mian info */ 
	.main_info > div {width:960px;}
	
	/* main host */
	.main_host {width:960px;}
}


@media screen and (max-width:1023px){
	/* header */
	header .header_seoul {height:50px;}
	header .header_seoul ul li:nth-child(1) {width:110px;}
	header .header_seoul ul li:nth-child(2) {width:80px;}
	
	header .header_box nav > div {height:60px;}
	header .header_box nav > div > h1 {padding:5px 20px; width:50px;}
	header .header_box nav > div > h1 > a > img {width:100%;}
	header .header_box nav > div > a {width:30px; padding:5px 20px;}
	header .header_box nav > div > ul > li {font-size:15px; padding:15px;}
	header .header_box nav > div > ul > li > a {padding:15px;}
	header .header_box nav > div > ul > li > ul {top:40px;}
	
	/* main */
	.main_wrap {padding-top:60px;}
	
	/* Main visual */
	.visual_wrap .mvisual {height:500px;}
	.visual_wrap .visual_base {height:530px;}
	.visual_wrap .visual_ctrl {height:250px; top:100px; left:40px;}
	.visual_wrap .visual_ctrl > img {width:280px;}
	
	.visual_highlights {margin-top:30px;}
	
	/* main board */
	.main_board {padding:20px 0 50px; background: #4da9ff;}
	.main_board > div {width:100%; gap:0; flex-direction: column;}
	.main_board > div h2 {font-size:24px; padding-bottom:15px;}
	.main_board .btn_more {top:15px; right :20px;}

	.main_notice { position: relative; padding:0 20px 50px;}
	.main_notice ul {display: flex; gap:12px;}
	.main_notice ul li {width:100%;}
	.main_notice ul li a {width:100%; height:257px;}
	.main_notice ul li a dl dt {font-size:28px; line-height:32px;}
	.main_notice ul li a dl dd:nth-child(2) {font-size:16px;}
	.main_notice ul li a dl dd:nth-child(3) {font-size:14px;}
	
	.main_faq {padding: 20px; box-sizing:border-box;}
	.main_faq table tr td:nth-child(1) {font-size:16px;}
	.main_faq table tr td:nth-child(2) {font-size:14px;}
	
	 /* mian info */ 
	.main_info > div {width:100%; box-sizing:border-box; flex-wrap: wrap}
	
	/* main host */
	.main_host {width:100%; padding:0 20px 20px; box-sizing: border-box;}
	.main_host dl {display: flex;padding:0;align-items: flex-start; flex-wrap: nowrap; flex-direction: row;}
	.main_host dl dt {padding: 5px 5px; min-width: 84px;max-width: 84px;font-size: 16px;}
	.main_host dl dt span {padding-right: 5px;}
	.main_host dl dt img {width:15px;}
	
	.main_host dl dd ul li {min-width:auto; min-height: 63px;display: flex;align-items: center;justify-content: center;padding: 0 10px;}
	.main_host dl dd ul li:nth-child(odd) {min-width: auto;}
	.main_host img {width: 100%; max-width: 100px; max-height: 30px;}
	
	
/* 	.main_host {width:100%; padding:0 20px; box-sizing: border-box; flex-direction: column;}
	.main_host dl {flex-direction: column;}
	.main_host dl dt {padding:10px 20px; margin:auto;}
	.main_host dl dd ul {padding:10px 20px 0 0;  flex-wrap: wrap; justify-content: center;} */
	
	/* sub */
	.sub_title {height:220px; background-size:1023px;}
	
	/* intro */
	.intro div img:first-child {width:100%;}
	.bi img { width:100%;}
	.regi img { width:100%;}
	.gift img  { width:100%;}
	
	/* 프로그램 */
	.program .program_intro div h2 {padding:0 0 20px}
	.program .program_intro div h2 img {width:250px;}
	.program .program_intro div ul {padding-bottom:50px;}
	.program .program_intro div ul {flex-direction: column; align-items: center; gap: 20px;}
	.program .program_intro div ul li {width:100%;}
	
	.program .info .con_group {flex-wrap: wrap;}
	
	.con_item {width:100%; max-width:auto;}
	.stamp {width:100%; max-width:auto;}
	.stamp {padding:0 15px 50px; background-size:180px; text-align: center;}
	.stamp h3 {position: static;}
	.stamp h4 {padding-top:20px; font-size:18px;}
	.stamp p {font-size:14px;}
	.stamp ol {flex-wrap: wrap; justify-content: center;}
	.stamp ol li {;}
	.stamp ol li:not(:last-child)::after {margin:5px;}
	.stamp ol li div {width:100px; height:100px; font-size:14px; border-radius: 30px;}
	.program .intro {padding:0;}
	
	.sub03_01 {background-position: right 20px bottom 19%;padding-bottom: 10px;background-size: 20%;}
	
	.sub03_con {font-size:14px;}
	.sub03_con h3 img {height: 50px;}
	.sub03_con .con_box ul {padding-top:10px;}
	.sub03_con .title_box img {width:300px;}
	.sub03_con .title_box p {font-size:18px;}
	.sub03_con .table_box {padding-bottom:50px;}
	.sub03_con .table_box p {text-align: left;}
	.sub03_con .table_box table {font-size:12px;}
	.sub03_con .table_box .pc_v {display: none;}
	.sub03_con .table_box .m_v {display: table-row;}
	.sub03_con .table_box th, .sub03_con .table_box td {word-break: keep-all; padding:5px 0;}
	
	.sub03_con .soon_box > div h3 {font-size:28px; padding:20px 0 0;}
	.sub03_con .soon_box > div p {font-size:16px; padding:20px 0 50px;}
	
	.sub_04_list {flex-wrap:wrap;}
	.sub_04_list li { max-width:100%;}
	.sub_04_list img {width:auto; width:100%;}
	
	.wheelshare {flex-direction: column; align-items: center;}
	.wheelshare > div img {width: 100%;}
	.wheelshare > div:nth-child(1) {width: 100%; max-width: 100%;}
	.wheelshare > div:nth-child(2) {  max-width: 100%;text-align: center;}
	.wheelshare > div > h3 {text-align: center; font-size:20px;}
	.wheelshare .box a {position: static; display: block; margin-top:20px;}

	.sub03_timetable {background-size:20%;}
}

@media screen and (max-width:850px){
	/* Main visual */
	.visual_wrap .mvisual {height:450px;}
	.visual_wrap .visual_base {height:480px;}
	
	.visual_highlights {margin-top:30px;}
}


@media screen and (max-width:767px){
	/* responsive */
	.pc_view {display:none !important;}
	.m_view {display:block !important;}
	
	/* header */
	header .header_box {display:flex; justify-content:space-between; align-items:center}
	header .header_box .m_logo {display:block; padding:0 20px; width:50px;}
	header .header_box .m_logo a {display:flex; align-items:center; }
	header .header_box .m_logo a img {width:100%;}
	header .header_box > div > a {display:none;}
	header .header_box button {display:inline-block; padding:10px; margin:5px;}
	header .header_box button img {width:30px;}
	header .header_box nav > div {position:fixed; align-items:flex-start; flex-direction:column; justify-content:flex-start; width:40%; min-width:300px; background:#121821; right:0; top:0; height:100vh; overflow: auto; padding-top:0; z-index:9999}
	header .header_box nav > div > h1 {padding-top:20px;}
	header .header_box nav > div > ul {flex-direction:column; clear:both; padding-top:20px; width: 100%; border-bottom:1px solid #2a3038;}
	header .header_box nav > div > ul > li {text-align:left; padding:0px; width:100%; border-top:1px solid #898c90}
	header .header_box nav > div > ul > li > a {padding: 10px 15px; font-size:20px; color:#fff; display: block; width:100%; border-bottom:1px solid #2a3038; box-sizing: border-box;}
	header .header_box nav > div > a {margin: 20px 16px; background: #fff; border-radius: 8px; padding: 5px 5px 1px;}
	header .header_box nav .m_nav_close {display:block; position:absolute; top:10px; right:0px;}
	header .header_box nav > div > ul > li > ul {display:block; position:static; background:none; box-shadow:none;}
	header .header_box nav > div > ul > li > ul > li > a {color:#b1b7be; box-sizing: border-box;}
	
	/* Main visual */
	.visual_wrap .mvisual {height:400px;}
	.visual_wrap .visual_base {height:420px;}
	.visual_wrap .visual_ctrl {height:220px; top:80px; left:20px;}
	.visual_wrap .visual_ctrl > img {width:200px;}
	.visual_wrap .visual_ctrl .slick-prev {left:calc(0px);}
	.visual_wrap .visual_ctrl .slick-next {left:calc(80px);}
	
	.visual_highlights {margin-top:20px;}
	.visual_highlights div h2 {font-size:24px; padding-bottom:20px;}
	.visual_highlights .highlights_box button {padding:20px;}
	.visual_highlights .highlights_box button img {width:50px;}
	.visual_highlights .highlights_box .highlights {width:calc(100% - 180px); padding-bottom:35px;}
	.visual_highlights .highlights_box .highlights .img {width:200px; height:200px;}
	.visual_highlights .highlights_box .highlights .box {width:200px;}
	
	.main_notice ul {flex-direction: column;}
	
	/* sub */
	.sub_title {height:200px; background-size:900px;}
	.main_info ul {padding:10px 20px; box-sizing: border-box; width: 100%;}
	.main_info ul li {padding:10px 0;}
	.main_info ul li dl {flex-direction: column;}
	
	.main_host dl {align-items: stretch;}
	.main_host dl dt {margin:15px 0;}
	.main_host dl dd ul {flex-wrap: wrap;}
	
	.map_01 .box {flex-direction: column;}
	.map_01 .box dl {width:100%;}
	.map_01 .box dl:nth-child(odd) {border-right:none;}
	
	.map_02 .box a {position: static; margin-top:20px;}
	
	/* 오시는길 - 대중교통 */
	.map_03 .box {flex-direction: column;}
	.map_03 .box > div {width:100%;}
	
	/* 자주 묻는 질문 */
	.faq .search_list table thead tr th {font-size:14px; width:68px;}
	.faq .search_list table tbody tr td {font-size:12px; width:68px;}
	
	.stamp {padding:0 15px 100px; background-size:100px; text-align: center;}
	.stamp ol li div {width: 80px;height: 80px;font-size: 12px;border-radius: 20px;}

}    

@media screen and (max-width:680px){
	/* Main visual */
	.visual_wrap .mvisual {height:380px;}
	.visual_wrap .visual_base {height:400px;}
	.visual_wrap .visual_ctrl {height:165px; top:60px; left:20px;}
	.visual_wrap .visual_ctrl > img {width:180px;}
	.visual_wrap .visual_ctrl .slick-prev {width:40px;}
	.visual_wrap .visual_ctrl .slick-next {width:40px;}
	
	.visual_highlights {margin-top:20px;}
	.visual_highlights .highlights_box button img {width:40px;}
	.visual_highlights .highlights_box .highlights {width:calc(100% - 160px); padding-bottom:35px;}
	.visual_highlights .highlights_box .highlights .img {width:200px; height:200px;}
	.visual_highlights .highlights_box .highlights .box {width:200px;}
	
	/* sub */
	.sub_title {height:200px; background-size:800px;}
	
	/* intro */
	.intro div img:last-child {width:100%;}
	.main_info > div > dl {min-width:auto;}
	.main_info ul {width:100%; flex-direction: column; align-content: center;}
	.main_info ul li {width:100%;}
}

@media screen and (max-width:600px){
	/* Main visual */
	.visual_wrap .mvisual {height:350px;}
	.visual_wrap .visual_base {height:370px;}
	
	.visual_highlights {margin-top:20px;}

}

@media screen and (max-width:550px){
	/* Main visual */
	.visual_wrap .mvisual {height:280px;}
	.visual_wrap .visual_base {height:300px;}
	
	.visual_highlights {margin-top:20px;}
	.visual_highlights .highlights_box {position: relative;}
	.visual_highlights .highlights_box button {padding:10px; position: absolute; z-index:100; top:120px; opacity:0;}
	.rSlickPrev {left:40px;}
	.rSlickNext {right:40px;}
	.visual_highlights .highlights_box button img {width:40px;}
	.visual_highlights .highlights_box .highlights {width:100%; padding:0 20px 35px;}
	.visual_highlights .highlights_box .highlights .img {width:100%; height:300px; box-sizing:border-box;}
	.visual_highlights .highlights_box .highlights .box {width:100%;}
	
/* 	mian info 
	.main_info ul {width:100%; flex-direction: column; box-sizing:border-box;}
	.main_info ul li {width:100%; background-size:50px; padding:50px 0 0 60px !important; height:150px; border:2px solid #121821;}
	.main_info ul li dl dt {font-size:18px;}
	.main_info ul li dl dd:nth-child(2) {font-size:16px; font-weight:bold;}
	.main_info ul li dl dd:nth-child(3) {font-size:12px;}
	.main_info ul li:not(:last-child) {border-right:2px solid #121821; border-bottom:none;}
	.main_info ul li:nth-child(3), .main_info ul li:nth-child(4) {border-top:2px solid #121821;} */
	
	/* mian info */ 
}

@media screen and (max-width:424px){
	/* footer */
	footer ul li {display: block; padding:5px;}
	footer ul li:first-child:after {display:none;}

	/* Main visual */
	.visual_wrap .mvisual {height:250px;}
	.visual_wrap .visual_base {height:250px;}
	.visual_wrap .visual_ctrl {height:140px; top:60px; left:20px;}
	.visual_wrap .visual_ctrl > img {width:150px;}
	.visual_wrap .visual_ctrl .slick-prev {left:calc(0px);}
	.visual_wrap .visual_ctrl .slick-next {left:calc(80px);}
	
	.visual_highlights {margin-top:0px;}


}