@charset "utf-8"; 
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400; 500; 700&display=block');

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, 
section, summary, time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; font-style: initial; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
html { font-size:10px; }
select, textarea { font-family: inherit; margin: 0; padding: 0; }
body { font-family:'SCDream','Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', '맑은 고딕', Dotum, 돋움, Arial, Helvetica, sans-serif; font-size:16px; color:#111; font-weight: 400;; line-height:1; min-width:1200px; position:relative; margin:0; }
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content:none; }
table { border-collapse:collapse; border-spacing:0; }
legend, caption { display:none; }
em, address { font-style:normal; font-weight:normal; }
button { cursor:pointer; border:0; background: transparent; font: inherit; padding:0; box-shadow:none; }
img { vertical-align:top; border:0; }
a { color:#111; text-decoration:none; }
a:active:hover, a:focus:hover, a:link:hover, a:visited:hover { text-decoration:none; }
input { padding: 0; border: none; border-radius: 0; box-sizing: border-box; font-family: inherit; outline: none; }
.hide { position: absolute; width: 1px; height: 1px; margin: -1px; clip: rect(0 0 0 0); overflow: hidden; }
.inner { width: 1100px; margin: 0 auto; }

/* header */
.header { position: fixed; justify-content: space-between; top: 0; left: 0; display: flex; align-items: center; width: 100%; height: 90px; background-color: #f5a100; z-index: 99; }
.header .logo { margin-left: 30px; }
.header .logo a { display: block; width: 191px; height: 43px; background: url(../img/logo.png) no-repeat; }
.header nav { width: 100%; max-width: 1000px; min-width: 600px; margin:0 50px; }
.header .nav_list { display: flex; justify-content: space-between; align-items: center; font-size: 20px; font-weight: 500; width: 100%; }
.header .nav_list li { position: relative; }
.header .nav_list li a { display: block; color: #fff; font-size: 21px; position: relative; text-shadow: 0px 0px 5px #ff9658;}
.header .nav_list li.on a:after { content:""; position:absolute; left:0; bottom:-8px; width:100%; height:3px; background-color:#fff; }
.header .btn_regi_link { width: 158px; height: 50px; box-sizing:border-box; border:2px solid #fff; border-radius:79px; margin-right:30px; flex-shrink: 0; }
.header .btn_regi_link a { display:flex; width: 100%; height: 100%; align-items: center; justify-content: center; font-size:21px; color:#fff; }
.header .btn_regi_link a i { width:20px; height:22px; margin-right:10px; flex-shrink: 0; background: url(../img/ico_etc_1.png) no-repeat; }

/* main */
.main { padding-top: 90px; }
.walk_main_visual { height: 787px; overflow: hidden; background: url(../img/bg_main_visual.png) center top no-repeat; background-size: cover; }
.walk_main_visual .inner { width: 512px; height: 462px; margin:103px auto 0; }
.walk_main_visual .inner img { width: 100%; height: 100%; }
.walk_info { position:relative; display:flex; flex-direction:column; align-items:center; overflow:hidden; }
.walk_info .info_txt { position:relative; width:1000px; margin:70px auto 0; text-align:center; }
.walk_info .info_txt .info_etc { position:absolute; display:block; background-repeat:no-repeat; }
.walk_info .info_txt .info_etc.etc_01 { top:27px; left:-4%; width:46px; height:46px; background-image:url(../img/etc_01.png); }
.walk_info .info_txt .info_etc.etc_02 { top:306px; left:-3.5%; width:70px; height:47px; background-image:url(../img/etc_02.png); }
.walk_info .info_txt .info_etc.etc_03 { top:147px; right:0; width:107px; height:83px; background-image:url(../img/etc_03.png); }
.walk_info .info_txt strong { display:block; font-size:42px; line-height:52px; font-weight:600; letter-spacing:-2px; color:#f5a100; }
.walk_info .info_txt p { margin-top:22px; font-size:20px; line-height:36px; font-weight:400; letter-spacing:-1px; }
.walk_info .btn_regi { position:relative; display:block; width:314px; height:100px; background:url(../img/btn_regi.png) no-repeat center center; margin:42px auto 87px; }
.walk_info .btn_regi span, .walk_info .btn_regi strong { position:absolute; width:1px; height:1px; margin:-1px; clip:rect(0 0 0 0); overflow:hidden; }
.walk_info .btn_regi_txt { display: block; font-size: 17px; color: #f08200; text-align: center; margin-top: 20px; font-weight: 500; }

/* footer */
.footer { background-color:#f8f8f8; }
.footer .inner { position: relative; padding: 40px 0 45px; }
.f_menu { display:flex; justify-content: center; }
.f_menu dl { display:flex; align-items: center; }
.f_menu dl.sponsor { margin-left:50px; }
.f_menu dl dt { font-size:20px; font-weight: 500; margin-right:20px; }
.f_menu dl dd + dd { margin-left:20px; }
.f_menu dl dd.i_aju { width: 222px; height: 23px; background: url(../img/logo_aju.png) no-repeat; }
.f_menu dl dd.i_seoul { width: 123px; height: 32px; background: url(../img/logo_seoul.png) no-repeat; margin-top: -15px; }
.f_menu dl dd.i_seoul2 { width: 135px; height: 33px; background: url(../img/logo_seoul2.png) no-repeat; margin-top: -8px; }

.f_address { margin-top:40px; }
.f_address li + li { margin-top:18px; }
.f_address li { font-size:15px; font-weight:400; text-align: center; }
.f_address li a {margin-left:10px;}
.copyright { font-size:14px; margin-top:40px; text-align: center; }

/* sub */
.sub_title { background:url(../img/bg_sub_v.png) no-repeat; background-size: cover; }
.sub_title .inner { height: 230px; display: flex; justify-content: center; align-items: center; flex-direction: column; } 
.sub_title span.stit { width: 282px; height: 39px; background: url(../img/stit.png) no-repeat; margin-bottom: 12px; }
.sub_title h2 { font-size: 55px; letter-spacing: -0.5px; color: #fff; font-weight: 600; text-shadow: 0px 0px 5px #4dc3eb; text-shadow:-3px -3px 0 #62c5fb,3px -3px 0 #62c5fb,-3px  3px 0 #62c5fb,3px  3px 0 #62c5fb;}
.sub_con { border-bottom: 1px solid #dfdfdf; }
.sub_con .inner { width: 1100px; padding: 100px 0 200px; margin: 0 auto; } 
.sub_con .inner2 { width: 1000px; padding: 100px 0 200px; margin: 0 auto; } 

.page_outline .outline_info { display:flex; justify-content: space-between; } 
.page_outline .outline_info .poster { width: 530px; flex-shrink: 0; box-sizing: border-box; }
.page_outline .outline_info .poster span { display: block; width: 500px; height:829px; border:1px solid #f4ae25; padding: 14px; }
.page_outline .outline_info .poster img { width: 100%; }
.page_outline .outline_info .info_lst { width:490px; display: flex; flex-wrap: wrap; }
.page_outline .outline_info .info_lst > li { width: 100%;}
.page_outline .outline_info .info_lst > li > strong { display: block; font-size: 20px; color: #f5a100; font-weight: 500; letter-spacing: -1px; }
.page_outline .outline_info .info_lst > li > span { display: block; font-size: 23px; font-weight: 500; letter-spacing: -2px; margin-top: 14px; }
.page_outline .outline_info .info_lst > li > span em { font-size:18px; color:#f54c01; margin-left:10px;}
.page_outline .outline_info .info_lst > li + li { margin-top: 28px; }
.page_outline .outline_info .info_lst > li:nth-child(1) span { font-size: 35px; font-weight: 600; }
.page_outline .outline_info .info_lst > li:nth-child(5) { width: 50%;}
.page_outline .outline_info .info_lst > li:nth-child(6) { width: 50%;}
.page_outline .outline_info .info_lst li.memento { display: flex; flex-wrap: wrap; margin-top: 45px; }
.page_outline .outline_info .info_lst li.memento > strong { display: block; width: 40%; }
.page_outline .outline_info .info_lst li.memento > span { display: block; width: 60%; text-align: right; font-size: 13px; color: #999; font-weight: 400; margin-top: 6px; }
.page_outline .outline_info .info_lst li.memento ul { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin-top:14px; }
.page_outline .outline_info .info_lst li.memento li { width:230px; height: 230px; border: 1px solid #dfdfdf; box-sizing: border-box; }
.page_outline .outline_info .info_lst li.memento li i { display: block; width: 228px; height: 192px; border-bottom:1px solid #dfdfdf; }
.page_outline .outline_info .info_lst li.memento li.item_01 i { background: url(../img/memento_item_01.png)no-repeat; }
.page_outline .outline_info .info_lst li.memento li.item_02 i { background: url(../img/memento_item_02.png)no-repeat; }
.page_outline .outline_info .info_lst li.memento li.item_03 i { background: url(../img/memento_item_03.png)no-repeat; }
.page_outline .outline_info .info_lst li.memento li.item_04 i { background: url(../img/memento_item_04.png)no-repeat; }
.page_outline .outline_info .info_lst li.memento li.item_01,.page_outline .outline_info .info_lst li.memento li.item_02 { margin-bottom:30px;}
.page_outline .outline_info .info_lst li.memento li span { display: block; width: 100%; height: 35px; font-size: 16px; line-height: 35px; color: #fff; background-color: #111; text-align: center; }
.page_outline .outline_info .info_lst li.memento .t_01 { letter-spacing: -1px; }

.page_matter .post { display: inline-block; height: 37px; line-height: 37px; font-size: 20px; color: #fff; margin-top: 50px; background-color: #f5a100; padding: 0 15px; font-weight:500; } 
.page_matter .post:first-child { margin-top: 0; } 
.page_matter ol { line-height: 35px; font-size: 18px; font-weight: 400; letter-spacing: -0.9px; margin-top: 26px; }
.page_matter ul { background: #f1f1f1; font-size: 15px; letter-spacing: -0.5px; line-height: 30px; padding: 20px 30px 20px; box-sizing: border-box; font-weight: 400; margin-top: 19px; width: 800px; } 

.page_location .map_txt { font-size: 30px; letter-spacing: -0.5px; font-weight: 500; margin-bottom: 30px; text-align: center; } 
.page_location .map { width: 1000px; height: 500px; } 
.page_location .transit { width: 1000px; margin-top: 78px; }

.page_program .program_date { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 28px; letter-spacing: -1.5px; }
.page_program .program_date strong { font-size: 35px; font-weight: 600; }
.page_program .program_date span { font-size: 18px; font-weight: 400; }
.page_program .program_date span em { font-weight: 500; }
.page_program .program_date span::before { content: ""; clear: both; float: left; width: 7px; height: 7px; background-color: #94c964; margin:5px 6px 0 0; border-radius: 50%; }
.program_table { table-layout: fixed; width: 100%; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.program_table thead { height: 60px; background-color:#f5a100; }
.program_table thead tr { height:60px; }
.program_table thead th { height:60px; font-size:20px; color:#fff; font-weight:500; }
.program_table td { height:79px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; box-sizing:border-box; font-size:20px; font-weight:400; letter-spacing:-0.5px; text-align:center; line-height:26px; vertical-align:middle; }
.program_table .por_tit { font-weight:600; }
.program_table .program_ready { height:79px; }
.program_table .program_walk { height:121px; }
.program_table .program_walk td { height:121px; }
.program_table .program_walk .por_tit2 { color:#f5a100; font-size:40px; font-weight:700; }
.program_table .program_end { height:79px; }
.program_table .program_end td { height:79px; }
.program_table + .pro_info { display: block; font-size: 15px; letter-spacing: -0.5px; font-weight: 400; color: #999; margin-top: 29px; text-align: right; } 

.page_course .course_txt { text-align: center; }
.page_course .course_txt strong { display: block; font-size: 60px; }
.page_course .course_txt span { display: block; font-size: 20px; color: #666; margin-top: 25px; }
.page_course .h_tit { display:block; font-size:40px; font-weight:500; }
.page_course .map_01 { margin-top:35px; border-top: 1px solid #ccc; }
.page_course .h_tit2 { display:block; font-size:30px; font-weight:500; margin-top:100px; }
.page_course .h_tit2 em { font-size:18px; margin-left:15px; }