/*서브페이지 소스 ver03*/
@font-face { font-family: 'Cafe24Shiningstar'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Shiningstar.woff') format('woff'); font-weight: normal; font-style: normal; } 

/* 중간 레이아웃 */
#container_c ,
#container_d { position:relative; padding:50px 20px 80px; max-width:1240px; margin:0 auto; } 
#container_c > div:nth-child(3) { float:right; width:1080px; } 

@media screen and (max-width: 1400px){
 #container_c { padding:50px 0 90px; width:calc( 100% - 60px ); } 
 }

@media screen and (max-width: 1200px){
 #container_c { padding:50px 0 80px; width:calc( 100% - 40px ); } 
 }

@media screen and (max-width: 1000px){
 #container_c { padding-bottom:70px; } 
 }

@media screen and (max-width: 860px){
 #container_c { padding-bottom:60px; } 
 }

@media screen and (max-width: 680px){
 #container_c { padding:10px 0 40px; width:calc( 100% - 30px ); } 
#container_d { padding-top:10px; } 
 }

@media screen and (max-width: 360px){
 #container_c { padding:10px 0 20px; width:calc( 100% - 20px ); } 
 }

#container:after { display:block; visibility:hidden; clear:both; content:"" } 
#container_wr { position:relative; margin:0 auto; padding-bottom:0; } 
#container_wr:after { display:block; visibility:hidden; clear:both; content:"" } 
#container_s { padding:0; max-width:100%; margin:0 auto; } 

#sub_top_img { position: relative; width:100%; overflow-x: hidden; } 
#sub_top_img img { display: block; } 
#sub_top_img > .sub_top_text { position: absolute; color: #333; top:180px; left:50%; transform:translateX(-50%); font-size:40px; line-height:45px; letter-spacing: -1px; text-align: center; white-space: nowrap; font-family: 'S-CoreDream-8Heavy'; } 

@media screen and (max-width:860px){
 #sub_top_img { height:220px; overflow: hidden; } 
 #sub_top_img img { width:auto; height:100%; position: absolute; top:0; left:50%; transform: translateX(-50%); } 
 #sub_top_img > .sub_top_text { top:62%; font-size: 35px; line-height: 35px; } 
 }

@media screen and (max-width: 600px){
 #sub_top_img { height:170px; } 
 #sub_top_img > .sub_top_text { font-size: 28px; line-height: 28px; } 
 }

@media screen and (max-width: 370px){
 #sub_top_img { height:150px; } 
 #sub_top_img > .sub_top_text { font-size: 24px; line-height: 24px; } 
 }

.ct_bg { background:#efefef; height:98%; width:100%; position:absolute; top:225px } 

#container_title { letter-spacing:1.5px; text-align :center; padding:0 15px; font-family:'NanumGothic',sans-serif; font-weight:400;; font-size:1.5em; margin:82px 0 20px } 
#container_title span { display:inline-block; font-weight:bold; padding:0 10px } 
.contents_tit { text-align :center; padding:0 15px; font-family:'NanumGothic',sans-serif; font-weight:400;; background:url(../img/tab-bg.jpg) repeat-x 0 50%; display:inline-block; font-size:1.25em; margin:30px 0 10px } 
.contents_tit span { display:inline-block; background:#fff; font-weight:bold; padding:0 10px } 
.con_tit { display:inline-block; font-size:1em; margin:10px; color:#fff; background:#3e3e3e; padding:5px 10px } 
.con_tit a { font-size:1em; color:#fff; } 
.con_tit:after { display:block; visibility:hidden; clear:both; content:""; } 


/* 서브메뉴 */
#container_c .location { width:100%; height:50px; text-align: right; font-weight:bold; color: #9c9c9c; font-size: 1em; margin-top:50px; } 
#container_c .location i { font-size: 1em; } 

#container_c .page_title { padding:80px 0 30px; margin-bottom:40px; font-size:30px; line-height:130%; text-align: center; color:#2e2e2e; border-bottom:2px dotted #e5e5e5; letter-spacing: -1px; } 

.location_box { background-color: #e8f0f4; border-top:1px solid #d5e0e5; border-bottom:1px solid #d5e0e5; color:#777; font-size:14px; height:50px; line-height: 49px; margin-bottom: 60px; } 
#container_c ul.sub_menu { float:left; width:260px; margin-top:36px; padding:0 15px; border-radius:15px; overflow:hidden; border:3px solid #0b8282; box-sizing:border-box; } 
#container_c ul.sub_menu > li { overflow: hidden; } 
#container_c ul.sub_menu > li:last-of-type { margin-bottom:70px; } 
#container_c ul.sub_menu > li > a { font-size:15px; height:50px; line-height:50px; color:#444444; letter-spacing:-1px; box-sizing:border-box; display:block; font-weight:400; text-align:left; position: relative; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-left:26px; } 
#container_c ul.sub_menu > li a:focus-visible { border:2px solid #000000; } 
#container_c ul.sub_menu > li > a::before { content:"\203A"; font-size:29px; height:50px; line-height:42px; position: absolute; right:23px; color:#777777; } 
#container_c ul.sub_menu > li > a.on::before { color:#ffffff; } 
#container_c ul.sub_menu > li > a.on + ul { border:2px solid #4db9e1; background-color: #f3fafd; padding:10px 41px; } 

#container_c ul.sub_menu > li.sub_menu_title { width:100%; border-bottom:none; padding:35px 0; margin-bottom:20px; letter-spacing:-1px; position:relative; color:#222222; text-align:center; font-size:28px; line-height:30px; font-weight:600; } 
#container_c ul.sub_menu > li.sub_menu_title::before { content:''; width:100%; height:2px; background-color:#0b8282; left:50%; bottom:0; transform:translateX(-50%); position:absolute; display:inline-block; } 
#container_c ul.sub_menu > li > a:hover, #container_c ul.sub_menu > li > a.on { background-color:#0b8282; color:#fff; } 
#container_c ul.sub_menu > li > a:hover::before { color:#ffffff; } 

#container_c ul.sub_menu > li > ul { padding:10px 45px; overflow: hidden; } 
#container_c ul.sub_menu > li > ul > li > a { font-size:16px; height:40px; line-height:40px; display: block; color: #666; padding-left: 14px; position: relative; letter-spacing: -1px; } 

#container_c ul.sub_menu > li > ul > li > a::before { content:""; position: absolute; display: block; width:4px; height:4px; background-color: #a9c7dd; top:50%; left:0; transform: translateY(-50%); } 
#container_c ul.sub_menu > li > ul > li > a:hover, #container_c ul.sub_menu > li > ul > li > a.on { color: #1764a8; background-color: transparent; font-weight: 600; } 
#container_c ul.sub_menu > li > ul > li > a:hover::before, #container_c ul.sub_menu > li > ul > li > a.on::before { background-color: #00589b; } 

#sct_location { } 
#sct_location > span i { margin:0 5px; font-size:18px; } 
#sct_location > span > i:first-of-type { margin-left:2px; } 
#sct_location .sct_bg { display:inline-block; margin-right:5px; } 
#sct_location .sct_bg img { display:block; } 
#sct_location .sct_bg i { width:25px; height:25px; display:inline-block; line-height:25px; text-align:center; color:#999999; border:1px solid #999999; border-radius:50%; } 
#sct_location .here { color:var(--point-color-1); font-weight:500; } 
#sct_location .here b { font-weight:500; position:relative; } 
#sct_location .here b::before { content:''; position:absolute; width:100%; height:1px; bottom:-4px; left:50%; transform:translateX(-50%); background-color:#0b8282; } 

#sct_location .share { position:absolute; top:50%; transform:translateY(-50%); right:0; } 
#sct_location .share button { } 
#sct_location .share button:first-of-type { margin-right:15px; position:relative; } 
#sct_location .share button:first-of-type::before { content:''; position:absolute; width:1px; height:15px; background-color:rgba(153,153,153,.3); top:50%; transform:translateY(-50%); right:-10px; } 
#sct_location .share button img { } 

/*shere버튼 시작*/
#shereAndPrint { position:absolute; top:50%; transform:translateY(-50%); right:0; } 
#shereAndPrint > button { cursor:pointer; position:relative; } 
#shereAndPrint > button > img { vertical-align: middle; } 
#shereAndPrint > .post_shereBtn { margin-right:15px; } 
#shereAndPrint > .post_printBtn { } 
#shereAndPrint > .post_shereBtn::after { content:""; display: block; position: absolute; width:1px; height:15px; background-color:rgba(153,153,153,.3); right:0; top:50%; transform: translateY(-50%); right:-10px; } 
#shereAndPrint > .post_shereBtn > .post_shereIcon { position: absolute; width:120px; height:40px; top:150%; left:50%; transform: translateX(-50%); display: none; } 
#shereAndPrint > .post_shereBtn > .post_shereIcon li { display: inline-block; } 
#shereAndPrint > .post_shereBtn > .post_shereIcon li a { display:block; } 
#shereAndPrint > .post_shereBtn > .post_shereIcon li a img { display:block; } 

@media screen and (max-width: 860px){
 #shereAndPrint { line-height: 15px; } 
 #shereAndPrint > .post_shereBtn { padding-right:11px; } 
 #shereAndPrint > .post_printBtn { padding-left:10px; } 
 #shereAndPrint > .post_shereBtn::after { height:12px; top:52%; } 
 .post_shereBtn > img { width:11px; } 
 .post_printBtn > img { width:16px; } 
 }
/*shere버튼 끝*/
@media (max-width: 1400px){
 #container_c > div:nth-child(3) { float:none; width:100%; } 
 #sct_location { top:15px; width:100%; max-width:100%; } 
 #container_c .location { margin-top:0; } 
 #container_c .page_title { font-size: 32px; padding:30px 0; } 
 #container_c ul.sub_menu { border-width:0; width:100%; margin:40px auto; text-align: center; position: relative; float:none; } 
 #container_c ul.sub_menu::after { display: none; } 
 #container_c ul.sub_menu .location { text-align: right; margin-bottom: 10px; } 
 #container_c ul.sub_menu > li { display:inline-block; width:27%; max-width:140px; margin:1px; background:none; border:1px solid #dddddd; } 
 #container_c ul.sub_menu > li:last-of-type { margin-bottom:0; } 
 #container_c ul.sub_menu > li:nth-of-type(2) { border-radius: 0; } 
 #container_c ul.sub_menu li a { height: 52px; line-height: 50px; padding:0; text-align: center; } 
 #container_c ul.sub_menu > li > a::after { display: none; } 
 #container_c ul.sub_menu > li > a::before { display: none; } 
 #container_c ul.sub_menu > li > ul { position: absolute; left: 50%; transform: translateX(-50%); top: 105%; width: 90vw; display: none; } 
 #container_c ul.sub_menu > li > a.on + ul { display: block; background-color: transparent; border-style: none; } 
 #container_c ul.sub_menu > li > ul > li { display: inline-block; margin: 0 5px; } 
 #container_c ul.sub_menu > li > ul > li > a { border: 1px solid #ddd; font-size:13px; padding:10px 15px; line-height: 18px; height:auto; box-sizing: border-box; } 
 #container_c ul.sub_menu > li > ul > li > a:hover, #container_c ul.sub_menu > li > ul > li > a.on { border: 3px solid #1b8ac6; color: #1b8ac6; } 
 #container_c ul.sub_menu > li > ul > li > a::before { display: none; } 
 #container_c ul.sub_menu > li > ul > li > a { padding: 0 15px; line-height: 36px; } 
 #container_c ul.sub_menu li a:not(:only-child)::after { display: none; } 

 #container_c ul.sub_menu li.sub_menu_title { display:none; } 
 #container_c ul.sub_menu::before { display:none; } 
 }
@media screen and (max-width: 1220px){
 #container_c .page_title { font-size: 29px; padding:27px 0; } 

 .location_box { margin-bottom:0; } 
 #container_c .lc_bix_inner { padding-left:10px; } 
 }
@media screen and (max-width: 1000px){
 #sct_location { font-size: 12px; } 

 #container_c .page_title { font-size: 26px; padding:24px 0; } 
 }
@media screen and (max-width: 860px){
 #container_c .page_title { font-size: 23px; padding:21px 0; } 

 #container_c ul.sub_menu { margin:60px 0 30px; } 
 #container_c ul.sub_menu > li { width:20%; max-width: 100px; } 
 #container_c ul.sub_menu li a { height: 42px; line-height: 40px; font-size: 15px; } 

 #container_c ul.sub_menu > li > ul { top: 100%; } 
 #container_c ul.sub_menu > li > a.on + ul { padding: 5px 0; } 
 #container_c ul.sub_menu > li > ul > li > a { font-size: 14px; height: 30px; line-height: 26px; } 
 }
@media (max-width: 600px){
 #container_wr { margin:0 } 
 #container_title { margin:20px; font-size:1.167em; } 
 #container_c .page_title { font-size: 20px; padding:18px 0; } 

 #container_c ul.sub_menu > li > ul > li { margin:0; } 
 #container_c ul.sub_menu { margin:40px 0 10px; padding:0 10px; } 
 #container_c ul.sub_menu > li { width:30%; } 
 #container_c ul.sub_menu li a { letter-spacing: -1px; font-size: 15px; height: 42px; line-height: 40px; text-align: center; padding-left: 0; } 
 #container_c ul.sub_menu > li > a { font-size:12px; line-height:14px; overflow: hidden; text-overflow: clip; white-space: normal; padding: 7px 0; height:auto; word-break: keep-all; } 
 #container_c ul.sub_menu > li > a:hover, #container_c ul.sub_menu > li > a.on { line-height:14px; } 

 #container_c ul.sub_menu > li > a.on + ul { padding: 0; border: 0; } 
 #container_c ul.sub_menu > li > ul { top: 95%; } 
 #container_c ul.sub_menu > li > ul > li > a { font-size:12px; line-height: 16px; padding:7px; } 
 #container_c ul.sub_menu > li > ul > li > a { border: 0; } 
 #container_c ul.sub_menu > li > ul > li > a:hover, #container_c ul.sub_menu > li > ul > li > a.on { border: 0; color: #1b8ac6 !important; text-decoration: underline; } 
 }
@media screen and (max-width:370px){
 #container_c .page_title { font-size: 17px; padding:15px 0; } 
 }


/*서브페이지 기본*/
.sub_con { margin-bottom:50px; } 
@media screen and (max-width:860px){
 .sub_con { margin-bottom:40px; } 
 }
@media screen and (max-width:680px){
 .sub_con { margin-bottom:30px; } 
 }
@media screen and (max-width:370px){
 .sub_con { margin-bottom:20px; } 
 }
.sub_con .lh150 { line-height: 150% !important; } 
.sub_con .lh135 { line-height: 135% !important; } 
.sub_con_bg_img { position: absolute; width:100%; z-index:-1; } 

.max-width80 { max-width: 80px; } 
.max-width100 { max-width: 100px; } 
.max-width470 { max-width: 470px; } 
.max-width800 { max-width: 800px; } 
.max-width880 { max-width: 880px; } 
.max-width920 { max-width: 920px; } 
.max-width1150 { max-width: 1150px; } 
.max-width1160 { max-width: 1160px; } 
.max-width1188 { max-width: 1188px; } 

.marginauto { margin:auto; } 


/*margin-top 시작*/
.mt10 { margin-top: 10px !important; } 
.mt15 { margin-top: 15px !important; } 
.mt20 { margin-top: 20px !important; } 
.mt25 { margin-top: 25px !important; } 
.mt30 { margin-top: 30px !important; } 
.mt35 { margin-top: 35px !important; } 
.mt40 { margin-top: 40px !important; } 
.mt45 { margin-top: 45px !important; } 
.mt50 { margin-top: 50px !important; } 
.mt55 { margin-top: 55px !important; } 
.mt60 { margin-top: 60px !important; } 
.mt65 { margin-top: 65px !important; } 
.mt70 { margin-top: 70px !important; } 
.mt75 { margin-top: 75px !important; } 
.mt80 { margin-top: 80px !important; } 
.mt85 { margin-top: 85px !important; } 
.mt90 { margin-top: 90px !important; } 
.mt95 { margin-top: 95px !important; } 
.mt100 { margin-top: 100px !important; } 

@media screen and (max-width: 1200px){
 .mt10 { margin-top: 8px !important; } 
 .mt15 { margin-top: 12px !important; } 
 .mt20 { margin-top: 16px !important; } 
 .mt25 { margin-top: 20px !important; } 
 .mt30 { margin-top: 24px !important; } 
 .mt35 { margin-top: 28px !important; } 
 .mt40 { margin-top: 32px !important; } 
 .mt45 { margin-top: 36px !important; } 
 .mt50 { margin-top: 40px !important; } 
 .mt55 { margin-top: 44px !important; } 
 .mt60 { margin-top: 48px !important; } 
 .mt65 { margin-top: 52px !important; } 
 .mt70 { margin-top: 56px !important; } 
 .mt75 { margin-top: 60px !important; } 
 .mt80 { margin-top: 64px !important; } 
 .mt85 { margin-top: 68px !important; } 
 .mt90 { margin-top: 72px !important; } 
 .mt95 { margin-top: 76px !important; } 
 .mt100 { margin-top: 80px !important; } 
 }

@media screen and (max-width: 860px){
 .mt10 { margin-top: 6px !important; } 
 .mt15 { margin-top: 9px !important; } 
 .mt20 { margin-top: 12px !important; } 
 .mt25 { margin-top: 15px !important; } 
 .mt30 { margin-top: 18px !important; } 
 .mt35 { margin-top: 21px !important; } 
 .mt40 { margin-top: 24px !important; } 
 .mt45 { margin-top: 27px !important; } 
 .mt50 { margin-top: 30px !important; } 
 .mt55 { margin-top: 33px !important; } 
 .mt60 { margin-top: 36px !important; } 
 .mt65 { margin-top: 39px !important; } 
 .mt70 { margin-top: 42px !important; } 
 .mt75 { margin-top: 45px !important; } 
 .mt80 { margin-top: 48px !important; } 
 .mt85 { margin-top: 51px !important; } 
 .mt90 { margin-top: 54px !important; } 
 .mt95 { margin-top: 57px !important; } 
 .mt100 { margin-top: 60px !important; } 
 }

@media screen and (max-width: 600px){
 .mt10 { margin-top: 4px !important; } 
 .mt15 { margin-top: 6px !important; } 
 .mt20 { margin-top: 8px !important; } 
 .mt25 { margin-top: 10px !important; } 
 .mt30 { margin-top: 12px !important; } 
 .mt35 { margin-top: 14px !important; } 
 .mt40 { margin-top: 16px !important; } 
 .mt45 { margin-top: 18px !important; } 
 .mt50 { margin-top: 20px !important; } 
 .mt55 { margin-top: 22px !important; } 
 .mt60 { margin-top: 24px !important; } 
 .mt65 { margin-top: 26px !important; } 
 .mt70 { margin-top: 28px !important; } 
 .mt75 { margin-top: 30px !important; } 
 .mt80 { margin-top: 32px !important; } 
 .mt85 { margin-top: 34px !important; } 
 .mt90 { margin-top: 36px !important; } 
 .mt95 { margin-top: 38px !important; } 
 .mt100 { margin-top: 40px !important; } 
 }

/*margin-right 시작*/
.mr10 { margin-right: 10px !important; } 
.mr15 { margin-right: 15px !important; } 
.mr20 { margin-right: 20px !important; } 
.mr25 { margin-right: 25px !important; } 
.mr30 { margin-right: 30px !important; } 
.mr35 { margin-right: 35px !important; } 
.mr40 { margin-right: 40px !important; } 
.mr45 { margin-right: 45px !important; } 
.mr50 { margin-right: 50px !important; } 
.mr55 { margin-right: 55px !important; } 
.mr60 { margin-right: 60px !important; } 
.mr65 { margin-right: 65px !important; } 
.mr70 { margin-right: 70px !important; } 
.mr75 { margin-right: 75px !important; } 
.mr80 { margin-right: 80px !important; } 
.mr85 { margin-right: 85px !important; } 
.mr90 { margin-right: 90px !important; } 
.mr95 { margin-right: 95px !important; } 
.mr100 { margin-right: 100px !important; } 

@media screen and (max-width: 1200px){
 .mr10 { margin-right: 8px !important; } 
 .mr15 { margin-right: 12px !important; } 
 .mr20 { margin-right: 16px !important; } 
 .mr25 { margin-right: 20px !important; } 
 .mr30 { margin-right: 24px !important; } 
 .mr35 { margin-right: 28px !important; } 
 .mr40 { margin-right: 32px !important; } 
 .mr45 { margin-right: 36px !important; } 
 .mr50 { margin-right: 40px !important; } 
 .mr55 { margin-right: 44px !important; } 
 .mr60 { margin-right: 48px !important; } 
 .mr65 { margin-right: 52px !important; } 
 .mr70 { margin-right: 56px !important; } 
 .mr75 { margin-right: 60px !important; } 
 .mr80 { margin-right: 64px !important; } 
 .mr85 { margin-right: 68px !important; } 
 .mr90 { margin-right: 72px !important; } 
 .mr95 { margin-right: 76px !important; } 
 .mr100 { margin-right: 80px !important; } 
 }

@media screen and (max-width: 860px){
 .mr10 { margin-right: 6px !important; } 
 .mr15 { margin-right: 9px !important; } 
 .mr20 { margin-right: 12px !important; } 
 .mr25 { margin-right: 15px !important; } 
 .mr30 { margin-right: 18px !important; } 
 .mr35 { margin-right: 21px !important; } 
 .mr40 { margin-right: 24px !important; } 
 .mr45 { margin-right: 27px !important; } 
 .mr50 { margin-right: 30px !important; } 
 .mr55 { margin-right: 33px !important; } 
 .mr60 { margin-right: 36px !important; } 
 .mr65 { margin-right: 39px !important; } 
 .mr70 { margin-right: 42px !important; } 
 .mr75 { margin-right: 45px !important; } 
 .mr80 { margin-right: 48px !important; } 
 .mr85 { margin-right: 51px !important; } 
 .mr90 { margin-right: 54px !important; } 
 .mr95 { margin-right: 57px !important; } 
 .mr100 { margin-right: 60px !important; } 
 }

@media screen and (max-width: 600px){
 .mr10 { margin-right: 4px !important; } 
 .mr15 { margin-right: 6px !important; } 
 .mr20 { margin-right: 8px !important; } 
 .mr25 { margin-right: 10px !important; } 
 .mr30 { margin-right: 12px !important; } 
 .mr35 { margin-right: 14px !important; } 
 .mr40 { margin-right: 16px !important; } 
 .mr45 { margin-right: 18px !important; } 
 .mr50 { margin-right: 20px !important; } 
 .mr55 { margin-right: 22px !important; } 
 .mr60 { margin-right: 24px !important; } 
 .mr65 { margin-right: 26px !important; } 
 .mr70 { margin-right: 28px !important; } 
 .mr75 { margin-right: 30px !important; } 
 .mr80 { margin-right: 32px !important; } 
 .mr85 { margin-right: 34px !important; } 
 .mr90 { margin-right: 36px !important; } 
 .mr95 { margin-right: 38px !important; } 
 .mr100 { margin-right: 40px !important; } 
 }

/*margin-bottom 시작*/
.mb10 { margin-bottom: 10px !important; } 
.mb15 { margin-bottom: 15px !important; } 
.mb20 { margin-bottom: 20px !important; } 
.mb25 { margin-bottom: 25px !important; } 
.mb30 { margin-bottom: 30px !important; } 
.mb35 { margin-bottom: 35px !important; } 
.mb40 { margin-bottom: 40px !important; } 
.mb45 { margin-bottom: 45px !important; } 
.mb50 { margin-bottom: 50px !important; } 
.mb55 { margin-bottom: 55px !important; } 
.mb60 { margin-bottom: 60px !important; } 
.mb65 { margin-bottom: 65px !important; } 
.mb70 { margin-bottom: 70px !important; } 
.mb75 { margin-bottom: 75px !important; } 
.mb80 { margin-bottom: 80px !important; } 
.mb85 { margin-bottom: 85px !important; } 
.mb90 { margin-bottom: 90px !important; } 
.mb95 { margin-bottom: 95px !important; } 
.mb100 { margin-bottom: 100px !important; } 

@media screen and (max-width: 1200px){
 .mb10 { margin-bottom: 8px !important; } 
 .mb15 { margin-bottom: 12px !important; } 
 .mb20 { margin-bottom: 16px !important; } 
 .mb25 { margin-bottom: 20px !important; } 
 .mb30 { margin-bottom: 24px !important; } 
 .mb35 { margin-bottom: 28px !important; } 
 .mb40 { margin-bottom: 32px !important; } 
 .mb45 { margin-bottom: 36px !important; } 
 .mb50 { margin-bottom: 40px !important; } 
 .mb55 { margin-bottom: 44px !important; } 
 .mb60 { margin-bottom: 48px !important; } 
 .mb65 { margin-bottom: 52px !important; } 
 .mb70 { margin-bottom: 56px !important; } 
 .mb75 { margin-bottom: 60px !important; } 
 .mb80 { margin-bottom: 64px !important; } 
 .mb85 { margin-bottom: 68px !important; } 
 .mb90 { margin-bottom: 72px !important; } 
 .mb95 { margin-bottom: 76px !important; } 
 .mb100 { margin-bottom: 80px !important; } 
 }

@media screen and (max-width: 860px){
 .mb10 { margin-bottom: 6px !important; } 
 .mb15 { margin-bottom: 9px !important; } 
 .mb20 { margin-bottom: 12px !important; } 
 .mb25 { margin-bottom: 15px !important; } 
 .mb30 { margin-bottom: 18px !important; } 
 .mb35 { margin-bottom: 21px !important; } 
 .mb40 { margin-bottom: 24px !important; } 
 .mb45 { margin-bottom: 27px !important; } 
 .mb50 { margin-bottom: 30px !important; } 
 .mb55 { margin-bottom: 33px !important; } 
 .mb60 { margin-bottom: 36px !important; } 
 .mb65 { margin-bottom: 39px !important; } 
 .mb70 { margin-bottom: 42px !important; } 
 .mb75 { margin-bottom: 45px !important; } 
 .mb80 { margin-bottom: 48px !important; } 
 .mb85 { margin-bottom: 51px !important; } 
 .mb90 { margin-bottom: 54px !important; } 
 .mb95 { margin-bottom: 57px !important; } 
 .mb100 { margin-bottom: 60px !important; } 
 }

@media screen and (max-width: 600px){
 .mb10 { margin-bottom: 4px !important; } 
 .mb15 { margin-bottom: 6px !important; } 
 .mb20 { margin-bottom: 8px !important; } 
 .mb25 { margin-bottom: 10px !important; } 
 .mb30 { margin-bottom: 12px !important; } 
 .mb35 { margin-bottom: 14px !important; } 
 .mb40 { margin-bottom: 16px !important; } 
 .mb45 { margin-bottom: 18px !important; } 
 .mb50 { margin-bottom: 20px !important; } 
 .mb55 { margin-bottom: 22px !important; } 
 .mb60 { margin-bottom: 24px !important; } 
 .mb65 { margin-bottom: 26px !important; } 
 .mb70 { margin-bottom: 28px !important; } 
 .mb75 { margin-bottom: 30px !important; } 
 .mb80 { margin-bottom: 32px !important; } 
 .mb85 { margin-bottom: 34px !important; } 
 .mb90 { margin-bottom: 36px !important; } 
 .mb95 { margin-bottom: 38px !important; } 
 .mb100 { margin-bottom: 40px !important; } 
 }

/*margin-left 시작*/
.ml10 { margin-left: 10px !important; } 
.ml15 { margin-left: 15px !important; } 
.ml20 { margin-left: 20px !important; } 
.ml25 { margin-left: 25px !important; } 
.ml30 { margin-left: 30px !important; } 
.ml35 { margin-left: 35px !important; } 
.ml40 { margin-left: 40px !important; } 
.ml45 { margin-left: 45px !important; } 
.ml50 { margin-left: 50px !important; } 
.ml55 { margin-left: 55px !important; } 
.ml60 { margin-left: 60px !important; } 
.ml65 { margin-left: 65px !important; } 
.ml70 { margin-left: 70px !important; } 
.ml75 { margin-left: 75px !important; } 
.ml80 { margin-left: 80px !important; } 
.ml85 { margin-left: 85px !important; } 
.ml90 { margin-left: 90px !important; } 
.ml95 { margin-left: 95px !important; } 
.ml100 { margin-left: 100px !important; } 

@media screen and (max-width: 1200px){
 .ml10 { margin-left: 8px !important; } 
 .ml15 { margin-left: 12px !important; } 
 .ml20 { margin-left: 16px !important; } 
 .ml25 { margin-left: 20px !important; } 
 .ml30 { margin-left: 24px !important; } 
 .ml35 { margin-left: 28px !important; } 
 .ml40 { margin-left: 32px !important; } 
 .ml45 { margin-left: 36px !important; } 
 .ml50 { margin-left: 40px !important; } 
 .ml55 { margin-left: 44px !important; } 
 .ml60 { margin-left: 48px !important; } 
 .ml65 { margin-left: 52px !important; } 
 .ml70 { margin-left: 56px !important; } 
 .ml75 { margin-left: 60px !important; } 
 .ml80 { margin-left: 64px !important; } 
 .ml85 { margin-left: 68px !important; } 
 .ml90 { margin-left: 72px !important; } 
 .ml95 { margin-left: 76px !important; } 
 .ml100 { margin-left: 80px !important; } 
 }

@media screen and (max-width: 860px){
 .ml10 { margin-left: 6px !important; } 
 .ml15 { margin-left: 9px !important; } 
 .ml20 { margin-left: 12px !important; } 
 .ml25 { margin-left: 15px !important; } 
 .ml30 { margin-left: 18px !important; } 
 .ml35 { margin-left: 21px !important; } 
 .ml40 { margin-left: 24px !important; } 
 .ml45 { margin-left: 27px !important; } 
 .ml50 { margin-left: 30px !important; } 
 .ml55 { margin-left: 33px !important; } 
 .ml60 { margin-left: 36px !important; } 
 .ml65 { margin-left: 39px !important; } 
 .ml70 { margin-left: 42px !important; } 
 .ml75 { margin-left: 45px !important; } 
 .ml80 { margin-left: 48px !important; } 
 .ml85 { margin-left: 51px !important; } 
 .ml90 { margin-left: 54px !important; } 
 .ml95 { margin-left: 57px !important; } 
 .ml100 { margin-left: 60px !important; } 
 }

@media screen and (max-width: 600px){
 .ml10 { margin-left: 4px !important; } 
 .ml15 { margin-left: 6px !important; } 
 .ml20 { margin-left: 8px !important; } 
 .ml25 { margin-left: 10px !important; } 
 .ml30 { margin-left: 12px !important; } 
 .ml35 { margin-left: 14px !important; } 
 .ml40 { margin-left: 16px !important; } 
 .ml45 { margin-left: 18px !important; } 
 .ml50 { margin-left: 20px !important; } 
 .ml55 { margin-left: 22px !important; } 
 .ml60 { margin-left: 24px !important; } 
 .ml65 { margin-left: 26px !important; } 
 .ml70 { margin-left: 28px !important; } 
 .ml75 { margin-left: 30px !important; } 
 .ml80 { margin-left: 32px !important; } 
 .ml85 { margin-left: 34px !important; } 
 .ml90 { margin-left: 36px !important; } 
 .ml95 { margin-left: 38px !important; } 
 .ml100 { margin-left: 40px !important; } 
 }

/*padding-top 시작*/
.pt10 { padding-top: 10px !important; } 
.pt15 { padding-top: 15px !important; } 
.pt20 { padding-top: 20px !important; } 
.pt25 { padding-top: 25px !important; } 
.pt30 { padding-top: 30px !important; } 
.pt35 { padding-top: 35px !important; } 
.pt40 { padding-top: 40px !important; } 
.pt45 { padding-top: 45px !important; } 
.pt50 { padding-top: 50px !important; } 
.pt55 { padding-top: 55px !important; } 
.pt60 { padding-top: 60px !important; } 
.pt65 { padding-top: 65px !important; } 
.pt70 { padding-top: 70px !important; } 
.pt75 { padding-top: 75px !important; } 
.pt80 { padding-top: 80px !important; } 
.pt85 { padding-top: 85px !important; } 
.pt90 { padding-top: 90px !important; } 
.pt95 { padding-top: 95px !important; } 
.pt100 { padding-top: 100px !important; } 

@media screen and (max-width: 1200px){
 .pt10 { padding-top: 8px !important; } 
 .pt15 { padding-top: 12px !important; } 
 .pt20 { padding-top: 16px !important; } 
 .pt25 { padding-top: 20px !important; } 
 .pt30 { padding-top: 24px !important; } 
 .pt35 { padding-top: 28px !important; } 
 .pt40 { padding-top: 32px !important; } 
 .pt45 { padding-top: 36px !important; } 
 .pt50 { padding-top: 40px !important; } 
 .pt55 { padding-top: 44px !important; } 
 .pt60 { padding-top: 48px !important; } 
 .pt65 { padding-top: 52px !important; } 
 .pt70 { padding-top: 56px !important; } 
 .pt75 { padding-top: 60px !important; } 
 .pt80 { padding-top: 64px !important; } 
 .pt85 { padding-top: 68px !important; } 
 .pt90 { padding-top: 72px !important; } 
 .pt95 { padding-top: 76px !important; } 
 .pt100 { padding-top: 80px !important; } 
 }

@media screen and (max-width: 860px){
 .pt10 { padding-top: 6px !important; } 
 .pt15 { padding-top: 9px !important; } 
 .pt20 { padding-top: 12px !important; } 
 .pt25 { padding-top: 15px !important; } 
 .pt30 { padding-top: 18px !important; } 
 .pt35 { padding-top: 21px !important; } 
 .pt40 { padding-top: 24px !important; } 
 .pt45 { padding-top: 27px !important; } 
 .pt50 { padding-top: 30px !important; } 
 .pt55 { padding-top: 33px !important; } 
 .pt60 { padding-top: 36px !important; } 
 .pt65 { padding-top: 39px !important; } 
 .pt70 { padding-top: 42px !important; } 
 .pt75 { padding-top: 45px !important; } 
 .pt80 { padding-top: 48px !important; } 
 .pt85 { padding-top: 51px !important; } 
 .pt90 { padding-top: 54px !important; } 
 .pt95 { padding-top: 57px !important; } 
 .pt100 { padding-top: 60px !important; } 
 }

@media screen and (max-width: 600px){
 .pt10 { padding-top: 4px !important; } 
 .pt15 { padding-top: 6px !important; } 
 .pt20 { padding-top: 8px !important; } 
 .pt25 { padding-top: 10px !important; } 
 .pt30 { padding-top: 12px !important; } 
 .pt35 { padding-top: 14px !important; } 
 .pt40 { padding-top: 16px !important; } 
 .pt45 { padding-top: 18px !important; } 
 .pt50 { padding-top: 20px !important; } 
 .pt55 { padding-top: 22px !important; } 
 .pt60 { padding-top: 24px !important; } 
 .pt65 { padding-top: 26px !important; } 
 .pt70 { padding-top: 28px !important; } 
 .pt75 { padding-top: 30px !important; } 
 .pt80 { padding-top: 32px !important; } 
 .pt85 { padding-top: 34px !important; } 
 .pt90 { padding-top: 36px !important; } 
 .pt95 { padding-top: 38px !important; } 
 .pt100 { padding-top: 40px !important; } 
 }

/*padding-right 시작*/
.pr10 { padding-right: 10px !important; } 
.pr15 { padding-right: 15px !important; } 
.pr20 { padding-right: 20px !important; } 
.pr25 { padding-right: 25px !important; } 
.pr30 { padding-right: 30px !important; } 
.pr35 { padding-right: 35px !important; } 
.pr40 { padding-right: 40px !important; } 
.pr45 { padding-right: 45px !important; } 
.pr50 { padding-right: 50px !important; } 
.pr55 { padding-right: 55px !important; } 
.pr60 { padding-right: 60px !important; } 
.pr65 { padding-right: 65px !important; } 
.pr70 { padding-right: 70px !important; } 
.pr75 { padding-right: 75px !important; } 
.pr80 { padding-right: 80px !important; } 
.pr85 { padding-right: 85px !important; } 
.pr90 { padding-right: 90px !important; } 
.pr95 { padding-right: 95px !important; } 
.pr100 { padding-right: 100px !important; } 

@media screen and (max-width: 1200px){
 .pr10 { padding-right: 8px !important; } 
 .pr15 { padding-right: 12px !important; } 
 .pr20 { padding-right: 16px !important; } 
 .pr25 { padding-right: 20px !important; } 
 .pr30 { padding-right: 24px !important; } 
 .pr35 { padding-right: 28px !important; } 
 .pr40 { padding-right: 32px !important; } 
 .pr45 { padding-right: 36px !important; } 
 .pr50 { padding-right: 40px !important; } 
 .pr55 { padding-right: 44px !important; } 
 .pr60 { padding-right: 48px !important; } 
 .pr65 { padding-right: 52px !important; } 
 .pr70 { padding-right: 56px !important; } 
 .pr75 { padding-right: 60px !important; } 
 .pr80 { padding-right: 64px !important; } 
 .pr85 { padding-right: 68px !important; } 
 .pr90 { padding-right: 72px !important; } 
 .pr95 { padding-right: 76px !important; } 
 .pr100 { padding-right: 80px !important; } 
 }

@media screen and (max-width: 860px){
 .pr10 { padding-right: 6px !important; } 
 .pr15 { padding-right: 9px !important; } 
 .pr20 { padding-right: 12px !important; } 
 .pr25 { padding-right: 15px !important; } 
 .pr30 { padding-right: 18px !important; } 
 .pr35 { padding-right: 21px !important; } 
 .pr40 { padding-right: 24px !important; } 
 .pr45 { padding-right: 27px !important; } 
 .pr50 { padding-right: 30px !important; } 
 .pr55 { padding-right: 33px !important; } 
 .pr60 { padding-right: 36px !important; } 
 .pr65 { padding-right: 39px !important; } 
 .pr70 { padding-right: 42px !important; } 
 .pr75 { padding-right: 45px !important; } 
 .pr80 { padding-right: 48px !important; } 
 .pr85 { padding-right: 51px !important; } 
 .pr90 { padding-right: 54px !important; } 
 .pr95 { padding-right: 57px !important; } 
 .pr100 { padding-right: 60px !important; } 
 }

@media screen and (max-width: 600px){
 .pr10 { padding-right: 4px !important; } 
 .pr15 { padding-right: 6px !important; } 
 .pr20 { padding-right: 8px !important; } 
 .pr25 { padding-right: 10px !important; } 
 .pr30 { padding-right: 12px !important; } 
 .pr35 { padding-right: 14px !important; } 
 .pr40 { padding-right: 16px !important; } 
 .pr45 { padding-right: 18px !important; } 
 .pr50 { padding-right: 20px !important; } 
 .pr55 { padding-right: 22px !important; } 
 .pr60 { padding-right: 24px !important; } 
 .pr65 { padding-right: 26px !important; } 
 .pr70 { padding-right: 28px !important; } 
 .pr75 { padding-right: 30px !important; } 
 .pr80 { padding-right: 32px !important; } 
 .pr85 { padding-right: 34px !important; } 
 .pr90 { padding-right: 36px !important; } 
 .pr95 { padding-right: 38px !important; } 
 .pr100 { padding-right: 40px !important; } 
 }

/*padding-bottom 시작*/
.pb10 { padding-bottom: 10px !important; } 
.pb15 { padding-bottom: 15px !important; } 
.pb20 { padding-bottom: 20px !important; } 
.pb25 { padding-bottom: 25px !important; } 
.pb30 { padding-bottom: 30px !important; } 
.pb35 { padding-bottom: 35px !important; } 
.pb40 { padding-bottom: 40px !important; } 
.pb45 { padding-bottom: 45px !important; } 
.pb50 { padding-bottom: 50px !important; } 
.pb55 { padding-bottom: 55px !important; } 
.pb60 { padding-bottom: 60px !important; } 
.pb65 { padding-bottom: 65px !important; } 
.pb70 { padding-bottom: 70px !important; } 
.pb75 { padding-bottom: 75px !important; } 
.pb80 { padding-bottom: 80px !important; } 
.pb85 { padding-bottom: 85px !important; } 
.pb90 { padding-bottom: 90px !important; } 
.pb95 { padding-bottom: 95px !important; } 
.pb100 { padding-bottom: 100px !important; } 

@media screen and (max-width: 1200px){
 .pb10 { padding-bottom: 8px !important; } 
 .pb15 { padding-bottom: 12px !important; } 
 .pb20 { padding-bottom: 16px !important; } 
 .pb25 { padding-bottom: 20px !important; } 
 .pb30 { padding-bottom: 24px !important; } 
 .pb35 { padding-bottom: 28px !important; } 
 .pb40 { padding-bottom: 32px !important; } 
 .pb45 { padding-bottom: 36px !important; } 
 .pb50 { padding-bottom: 40px !important; } 
 .pb55 { padding-bottom: 44px !important; } 
 .pb60 { padding-bottom: 48px !important; } 
 .pb65 { padding-bottom: 52px !important; } 
 .pb70 { padding-bottom: 56px !important; } 
 .pb75 { padding-bottom: 60px !important; } 
 .pb80 { padding-bottom: 64px !important; } 
 .pb85 { padding-bottom: 68px !important; } 
 .pb90 { padding-bottom: 72px !important; } 
 .pb95 { padding-bottom: 76px !important; } 
 .pb100 { padding-bottom: 80px !important; } 
 }

@media screen and (max-width: 860px){
 .pb10 { padding-bottom: 6px !important; } 
 .pb15 { padding-bottom: 9px !important; } 
 .pb20 { padding-bottom: 12px !important; } 
 .pb25 { padding-bottom: 15px !important; } 
 .pb30 { padding-bottom: 18px !important; } 
 .pb35 { padding-bottom: 21px !important; } 
 .pb40 { padding-bottom: 24px !important; } 
 .pb45 { padding-bottom: 27px !important; } 
 .pb50 { padding-bottom: 30px !important; } 
 .pb55 { padding-bottom: 33px !important; } 
 .pb60 { padding-bottom: 36px !important; } 
 .pb65 { padding-bottom: 39px !important; } 
 .pb70 { padding-bottom: 42px !important; } 
 .pb75 { padding-bottom: 45px !important; } 
 .pb80 { padding-bottom: 48px !important; } 
 .pb85 { padding-bottom: 51px !important; } 
 .pb90 { padding-bottom: 54px !important; } 
 .pb95 { padding-bottom: 57px !important; } 
 .pb100 { padding-bottom: 60px !important; } 
 }

@media screen and (max-width: 600px){
 .pb10 { padding-bottom: 4px !important; } 
 .pb15 { padding-bottom: 6px !important; } 
 .pb20 { padding-bottom: 8px !important; } 
 .pb25 { padding-bottom: 10px !important; } 
 .pb30 { padding-bottom: 12px !important; } 
 .pb35 { padding-bottom: 14px !important; } 
 .pb40 { padding-bottom: 16px !important; } 
 .pb45 { padding-bottom: 18px !important; } 
 .pb50 { padding-bottom: 20px !important; } 
 .pb55 { padding-bottom: 22px !important; } 
 .pb60 { padding-bottom: 24px !important; } 
 .pb65 { padding-bottom: 26px !important; } 
 .pb70 { padding-bottom: 28px !important; } 
 .pb75 { padding-bottom: 30px !important; } 
 .pb80 { padding-bottom: 32px !important; } 
 .pb85 { padding-bottom: 34px !important; } 
 .pb90 { padding-bottom: 36px !important; } 
 .pb95 { padding-bottom: 38px !important; } 
 .pb100 { padding-bottom: 40px !important; } 
 }

/*padding-left 시작*/
.pl10 { padding-left: 10px !important; } 
.pl15 { padding-left: 15px !important; } 
.pl20 { padding-left: 20px !important; } 
.pl25 { padding-left: 25px !important; } 
.pl30 { padding-left: 30px !important; } 
.pl35 { padding-left: 35px !important; } 
.pl40 { padding-left: 40px !important; } 
.pl45 { padding-left: 45px !important; } 
.pl50 { padding-left: 50px !important; } 
.pl55 { padding-left: 55px !important; } 
.pl60 { padding-left: 60px !important; } 
.pl65 { padding-left: 65px !important; } 
.pl70 { padding-left: 70px !important; } 
.pl75 { padding-left: 75px !important; } 
.pl80 { padding-left: 80px !important; } 
.pl85 { padding-left: 85px !important; } 
.pl90 { padding-left: 90px !important; } 
.pl95 { padding-left: 95px !important; } 
.pl100 { padding-left: 100px !important; } 

@media screen and (max-width: 1200px){
 .pl10 { padding-left: 8px !important; } 
 .pl15 { padding-left: 12px !important; } 
 .pl20 { padding-left: 16px !important; } 
 .pl25 { padding-left: 20px !important; } 
 .pl30 { padding-left: 24px !important; } 
 .pl35 { padding-left: 28px !important; } 
 .pl40 { padding-left: 32px !important; } 
 .pl45 { padding-left: 36px !important; } 
 .pl50 { padding-left: 40px !important; } 
 .pl55 { padding-left: 44px !important; } 
 .pl60 { padding-left: 48px !important; } 
 .pl65 { padding-left: 52px !important; } 
 .pl70 { padding-left: 56px !important; } 
 .pl75 { padding-left: 60px !important; } 
 .pl80 { padding-left: 64px !important; } 
 .pl85 { padding-left: 68px !important; } 
 .pl90 { padding-left: 72px !important; } 
 .pl95 { padding-left: 76px !important; } 
 .pl100 { padding-left: 80px !important; } 
 }

@media screen and (max-width: 860px){
 .pl10 { padding-left: 6px !important; } 
 .pl15 { padding-left: 9px !important; } 
 .pl20 { padding-left: 12px !important; } 
 .pl25 { padding-left: 15px !important; } 
 .pl30 { padding-left: 18px !important; } 
 .pl35 { padding-left: 21px !important; } 
 .pl40 { padding-left: 24px !important; } 
 .pl45 { padding-left: 27px !important; } 
 .pl50 { padding-left: 30px !important; } 
 .pl55 { padding-left: 33px !important; } 
 .pl60 { padding-left: 36px !important; } 
 .pl65 { padding-left: 39px !important; } 
 .pl70 { padding-left: 42px !important; } 
 .pl75 { padding-left: 45px !important; } 
 .pl80 { padding-left: 48px !important; } 
 .pl85 { padding-left: 51px !important; } 
 .pl90 { padding-left: 54px !important; } 
 .pl95 { padding-left: 57px !important; } 
 .pl100 { padding-left: 60px !important; } 
 }

@media screen and (max-width: 600px){
 .pl10 { padding-left: 4px !important; } 
 .pl15 { padding-left: 6px !important; } 
 .pl20 { padding-left: 8px !important; } 
 .pl25 { padding-left: 10px !important; } 
 .pl30 { padding-left: 12px !important; } 
 .pl35 { padding-left: 14px !important; } 
 .pl40 { padding-left: 16px !important; } 
 .pl45 { padding-left: 18px !important; } 
 .pl50 { padding-left: 20px !important; } 
 .pl55 { padding-left: 22px !important; } 
 .pl60 { padding-left: 24px !important; } 
 .pl65 { padding-left: 26px !important; } 
 .pl70 { padding-left: 28px !important; } 
 .pl75 { padding-left: 30px !important; } 
 .pl80 { padding-left: 32px !important; } 
 .pl85 { padding-left: 34px !important; } 
 .pl90 { padding-left: 36px !important; } 
 .pl95 { padding-left: 38px !important; } 
 .pl100 { padding-left: 40px !important; } 
 }


/*서브콘텐츠 레이아웃 툴 시작*/
/*1:1*/
.sub_con .half_row { display:flex; justify-content:space-between; flex-wrap:wrap; align-items:center; } 
.sub_con .half_row > div { width:calc((100% - 48px) / 2); margin-top:30px; } 
.sub_con .half_row > div:nth-of-type(-n+2) { margin-top:0; } 
.sub_con .half_row > div img { display: block; } 

@media screen and (max-width: 1200px){
 .sub_con .half_row > div { width:calc((100% - 30px) / 2); margin-top:25px; } 
 }

@media screen and (max-width: 860px){
 .sub_con .half_row > div { width:calc((100% - 20px) / 2); margin-top:22px; } 
 }

@media screen and (max-width: 600px){
 .sub_con .half_row > div { width:calc((100% - 10px) / 2); margin-top:15px; } 
 }

@media screen and (max-width: 400px){
 .sub_con .half_row > div { width:100%; float:none; margin-top:10px; } 
 .sub_con .half_row > div:nth-of-type(2) { margin-top:10px; } 
 }

/*1:1:1*/
.sub_con .three_equal_row { display:flex; } 
.sub_con .three_equal_row > div { width:calc((100% - 32px * 2 ) / 3); margin-right:32px; overflow:hidden; } 
.sub_con .three_equal_row > div:nth-of-type(3n) { margin-right:0; } 
.sub_con .three_equal_row > div img { display: block; } 

@media screen and (max-width: 1200px){
 .sub_con .three_equal_row > div { width:calc((100% - 40px) / 3); margin-right:20px; } 
 }

@media screen and (max-width: 860px){
 .sub_con .three_equal_row > div { width:calc((100% - 20px) / 3); margin-right:10px; } 
 }
@media screen and (max-width:370px){
 .sub_con .three_equal_row { flex-direction:column; } 
 .sub_con .three_equal_row > div { width:100%; margin-top:20px; margin-right:0; } 
 .sub_con .three_equal_row > div:first-of-type { margin-top:0; } 
 }

/*1:1:1:1*/
.sub_con .quarter_row { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; } 
.sub_con .quarter_row > div { width:calc((100% - 37px * 3) / 4); margin-right:37px; margin-top:20px; box-sizing:border-box; position:relative; } 
.sub_con .quarter_row > div:nth-of-type(4n) { margin-right:0; } 
.sub_con .quarter_row > div:nth-of-type(-n+4) { margin-top:0; } 
.sub_con .quarter_row > div img { display: block; } 

@media screen and (max-width:1000px){
 .sub_con .quarter_row > div { width:calc((100% - 20px * 3) / 4); margin-right:20px; margin-top:15px; } 
 }
@media screen and (max-width:860px){
 .sub_con .quarter_row { flex-wrap:wrap; } 
 .sub_con .quarter_row > div { width:calc((100% - 20px) / 2); } 
 .sub_con .quarter_row > div:nth-of-type(4n) { margin-right:20px; } 
 .sub_con .quarter_row > div:nth-of-type(2n) { margin-right:0; } 
 .sub_con .quarter_row > div:nth-of-type(3),
 .sub_con .quarter_row > div:nth-of-type(4) { margin-top:20px; } 
 }
@media screen and (max-width:480px){
 .sub_con .quarter_row > div { width:100%; margin-right:0; } 
 .sub_con .quarter_row > div:nth-of-type(4n) { margin-right:0; } 
 .sub_con .quarter_row > div:nth-of-type(2) { margin-top:10px; } 
 .sub_con .quarter_row > div:nth-of-type(4) { margin-top:10px; } 
 }

/* quarter_row type1 */
.sub_con .quarter_row.type1 { } 
.sub_con .quarter_row.type1 > div { display:flex; justify-content:center; align-items:center; flex-direction:column; padding-top:30px; height:238px; background-color:#f3f3f3; text-align:center; margin-top:60px; } 
.sub_con .quarter_row.type1 > div .img_box { position:absolute; box-sizing:border-box; width:97px; aspect-ratio:1/1; border:10px solid #f3f3f3; display:flex; justify-content:center; align-items:center; top:0; left:50%; transform:translate(-50%,-50%); border-radius:50%; } 
.sub_con .quarter_row.type1 > div .img_box img { } 
.sub_con .quarter_row.type1 > div p { } 

.sub_con .quarter_row.type1 > div:first-of-type .img_box { background-color:#215ea2; } 
.sub_con .quarter_row.type1 > div:nth-of-type(2) .img_box { background-color:#187a9d; } 
.sub_con .quarter_row.type1 > div:nth-of-type(3) .img_box { background-color:#229675; } 
.sub_con .quarter_row.type1 > div:last-of-type .img_box { background-color:#0b8282; } 

@media screen and (max-width:1000px){
 .sub_con .quarter_row.type1 > div .img_box { width:87px; } 
 .sub_con .quarter_row.type1 > div .img_box img { zoom:.9; } 
 .sub_con .quarter_row.type1 > div { padding-top:28px; height:208px; } 
 .sub_con .quarter_row.type1 > div:nth-of-type(3),
 .sub_con .quarter_row.type1 > div:nth-of-type(4) { margin-top:70px; } 
 }
@media screen and (max-width:680px){
 .sub_con .quarter_row.type1 > div .img_box { width:80px; } 
 .sub_con .quarter_row.type1 > div .img_box img { zoom:.8; } 
 .sub_con .quarter_row.type1 > div { height:195px; } 
 }
@media screen and (max-width:480px){
 .sub_con .quarter_row.type1 > div .img_box { width:70px; } 
 .sub_con .quarter_row.type1 > div .img_box img { zoom:.7; } 
 .sub_con .quarter_row.type1 > div p { text-align:left; } 
 .sub_con .quarter_row.type1 > div p br { display:none; } 
 .sub_con .quarter_row.type1 > div { height:auto; padding:45px 30px 20px; } 
 .sub_con .quarter_row.type1 > div:nth-of-type(2) { margin-top:70px; } 
 }
@media screen and (max-width:370px){
 .sub_con .quarter_row.type1 > div { margin-top:40px; } 
 .sub_con .quarter_row.type1 > div:nth-of-type(2),
 .sub_con .quarter_row.type1 > div:nth-of-type(3), .sub_con .quarter_row.type1 > div:nth-of-type(4) { margin-top:60px; } 
 }
/* quarter_row type1 끝*/


/*서브콘텐츠 레이아웃 툴 끝*/


/*서브콘텐츠 텍스트 시작*/

/*타이틀*/
.sub_con_tit1 { font-size:32px; line-height:52px; letter-spacing:-1px; color:#2e2e2e; /*word-break: keep-all; */ } 
.sub_con_tit3 { font-size:26px; line-height:46px; letter-spacing:-1px; color:#2e2e2e; } 
.sub_con_tit4 { font-size:25px; line-height:37px; letter-spacing:-1px; color:#2e2e2e; } 
.sub_con_tit6 { font-size:22px; line-height:33px; letter-spacing:-1px; color:#2e2e2e; } 
.sub_con_tit7 { font-size:20px; line-height:22px; letter-spacing:-1px; color:#2e2e2e; font-weight:500; } 
.sub_con_tit8 { font-size:19px; line-height:26px; letter-spacing:-1px; color:#2e2e2e; font-weight:500; } 

.sub_con_tit2 { font-size:24px; line-height:40px; letter-spacing:-2px; color:#2e2e2e; /*word-break: keep-all; */ } 
.sub_con_tit5 { font-size:17px; line-height:32px; letter-spacing:-2px; color:#2e2e2e; /*word-break: keep-all; */ } 

/*텍스트*/
.sub_con_txt1 { font-size:22px; line-height:34px; letter-spacing:-1px; color:#444444; } 
.sub_con_txt2 { font-size: 20px; font-weight: 700; line-height: 27px; padding-left: 37px; margin-bottom: 4px; color: #000; } 
.sub_con_txt3 { font-size:18px; line-height:28px; letter-spacing:-1px; color:#444444; word-break: keep-all; } 
.sub_con_txt4 { font-size:17px; line-height:27px; letter-spacing:-1px; color:#444444; word-break: keep-all; } 
.sub_con_txt6 { font-size:16px; line-height:25px; letter-spacing:-1px; color:#444444; } 

.sub_con_txt5 { font-size:17px; line-height:26px; letter-spacing:-1px; color:#444444; } 


@media screen and (max-width:1000px) { /*타이틀*/
 .sub_con_tit1 { font-size:29px; } 
 .sub_con_tit3 { font-size:24px; } 
 .sub_con_tit4 { font-size:23px; line-height:35px; } 
 .sub_con_tit6 { font-size:20px; line-height:34px; } 
 .sub_con_tit7 { font-size:18px; } 
 .sub_con_tit8 { font-size:17px; } 

 .sub_con_tit2 { font-size:21px; } 
 .sub_con_tit5 { font-size:16px; } 

 /*텍스트*/
 .sub_con_txt1 { font-size:20px; } 
 .sub_con_txt2 { font-size:18px; } 
 .sub_con_txt3 { font-size:16px; line-height:26px; } 
 .sub_con_txt4 { font-size:15px; line-height:25px; } 
 .sub_con_txt6 { font-size:14px; line-height:24px; } 

 .sub_con_txt5 { font-size:16px; } 
 }

@media screen and (max-width:860px) { /*타이틀*/
 .sub_con_tit1 { font-size:23px; line-height:40px; } 
 .sub_con_tit3 { font-size:22px; } 
 .sub_con_tit4 { font-size:21px; line-height:32px; } 
 .sub_con_tit6 { font-size:18px; line-height:30px; } 
 .sub_con_tit7 { font-size:16px; } 
 .sub_con_tit8 { font-size:15px; line-height:20px; } 

 .sub_con_tit2 { font-size:19px; } 
 .sub_con_tit5 { font-size:15px; } 

 /*텍스트*/
 .sub_con_txt1 { font-size:18px; } 
 .sub_con_txt2 { font-size:16px; line-height:26px; } 
 .sub_con_txt3 { font-size:15px; line-height:23px; } 
 .sub_con_txt4 { font-size:13px; line-height:24px; } 
 .sub_con_txt6 { font-size:12px; line-height:20px; } 

 .sub_con_txt5 { font-size:15px; } 
 }

@media screen and (max-width:600px) { /*타이틀*/
 .sub_con_tit1 { font-size:21px; line-height:38px; } 
 .sub_con_tit3 { font-size:20px; } 
 .sub_con_tit4 { font-size:19px; line-height:26px; } 
 .sub_con_tit6 { font-size:16px; } 
 .sub_con_tit7 { font-size:14px; } 
 .sub_con_tit8 { font-size:14px; } 

 .sub_con_tit2 { font-size:17px; } 
 .sub_con_tit5 { font-size:14px; } 

 /*텍스트*/
 .sub_con_txt1 { font-size:17px; } 
 .sub_con_txt2 { font-size:15px; } 
 .sub_con_txt3 { font-size:14px; line-height:20px; } 
 .sub_con_txt4 { } 
 .sub_con_txt6 { font-size:11px; line-height:15px; } 

 .sub_con_txt5 { font-size:14px; } 
 }

@media screen and (max-width:480px) { /*타이틀*/
 .sub_con_tit1 { font-size:19px; letter-spacing: -2px; line-height:23px; } 
 .sub_con_tit3 { font-size:17px; letter-spacing: -2px; } 
 .sub_con_tit4 { font-size:18px; letter-spacing: -2px; } 
 .sub_con_tit6 { font-size:15px; line-height:24px; } 
 .sub_con_tit7 { font-size:13px; } 
 .sub_con_tit8 { } 

 .sub_con_tit2 { letter-spacing: -2px; } 
 .sub_con_tit5 { } 

 /*텍스트*/
 .sub_con_txt1 { } 
 .sub_con_txt2 { font-size:14px; line-height:18px; } 
 .sub_con_txt3 { font-size:13px; line-height:16px; } 
 .sub_con_txt4 { font-size:12px; line-height:23px; } 
 .sub_con_txt6 { word-break:keep-all; } 

 .sub_con_txt5 { } 
 }

@media screen and (max-width:370px) { /*타이틀*/
 .sub_con_tit1 { font-size:17px; } 
 .sub_con_tit3 { font-size:16px; line-height:35px; letter-spacing:-.5px; } 
 .sub_con_tit4 { font-size:17px; } 
 .sub_con_tit6 { font-size:14px; line-height:20px; } 
 .sub_con_tit7 { font-size:12px; } 
 .sub_con_tit8 { } 

 .sub_con_tit2 { } 
 .sub_con_tit5 { } 

 /*텍스트*/
 .sub_con_txt1 { } 
 .sub_con_txt2 { } 
 .sub_con_txt3 { } 
 .sub_con_txt4 { } 
 .sub_con_txt6 { } 

 .sub_con_txt5 { } 
 }


/*불릿*/
.sub_con_bullet1 { padding-left:44px; position: relative; line-height:39px; background:url(../img/main_object_4.svg) no-repeat 10px 7px; background-size:24px; } 
.sub_con_bullet1::before { content:""; display: block; position:absolute; left: 0; top:20px; transform:translateY(-50%); width:31px; aspect-ratio:31/32; background:url(../img/sub/bullet1.png) center no-repeat; background-size:contain; } 
.sub_con_bullet2 { padding-left:24px; position: relative; line-height:27px; } 
.sub_con_bullet2::before { content:""; display: block; position:absolute; left:0; top:14px; transform:translateY(-50%); width:17px; aspect-ratio:1/1; background:#999999 url(../img/sub/chk.png) center no-repeat; border-radius:50%; } 

.sub_con_bullet3 { padding-left:18px; position: relative; line-height:31px; } 
.sub_con_bullet3::before { content:""; border-radius: 50%; display: block; position:absolute; left:0; top:15px; transform:translateY(-50%); width:6px; height:6px; background-color: var(--point-color-1); } 

.sub_con_bullet4 { padding-left:34px; position: relative; line-height:35px; } 
.sub_con_bullet4::before { content:""; display: block; position:absolute; left:0; top:3px; width:29px; height:29px; background:#cdcdcd url(../img/sub/down_ico.png) center no-repeat; border-radius:50%; } 
.sub_con_bullet5 { padding-left:23px; position:relative; line-height:25px; } 
.sub_con_bullet5::before { content:'\0021'; position:absolute; width:18px; height:18px; font-weight:500; font-size:12px; border-radius:50%; border:2px solid #004773; box-sizing:border-box; left:0; top:4px; text-align:center; line-height:13px; } 

@media screen and (max-width: 1000px){
 .sub_con_bullet1 { padding-left:36px; } 
 .sub_con_bullet1::before { width:27px; } 
 .sub_con_bullet2 { line-height:24px; } 
 .sub_con_bullet2::before { top:12px; } 
 }
@media screen and (max-width:860px){
 .sub_con_bullet2 { padding-left:19px; } 
 .sub_con_bullet2::before { width:14px; background-size:12px; } 
 .sub_con_bullet3 { padding-left:14px; line-height:23px; } 
 .sub_con_bullet3::before { width:8px; height:2px; top:12px; } 
 }
@media screen and (max-width:600px){
 .sub_con_bullet1 { line-height:34px; padding-left:30px; } 
 .sub_con_bullet1::before { width:22px; top:17px; } 
 }
@media screen and (max-width:370px){
 .sub_con_bullet1 { line-height:28px; padding-left:22px; } 
 .sub_con_bullet1::before { width:17px; top:14px; } 
 }

.num_bg { display:inline-block; margin-right:28px; } 
.num_bg span { position: relative; display:inline-block; margin-right:5px; text-align: center; width:22px; line-height:22px; color:#fff; z-index:1; font-size:15px; } 
.num_bg span::before { content:""; display: block; position: absolute; left:1px; top:50%; transform: translateY(-50%); width:22px; aspect-ratio:1/1; border-radius:50%; background-color:#6eba35; color:#fff; z-index: -1; } 
.num_bg.dark span::before { background-color:#0b8282; } 

.text_bg { display:inline-block; line-height:34px; border-radius:17px; padding:0 16px; margin-right:9px; background-color:#6eba35; color:#ffffff; font-weight:600; } 

.top_bar { position:relative; } 
.top_bar::before { content:''; position:absolute; width:100%; height:1px; background-color:#dddddd; left:0; top:0; } 

.sub_con .sub_con_down_btn { display: inline-block; color:#fff; font-size:18px; letter-spacing: -1px; height:60px; line-height: 59px; padding:0 71px 0 43px; background:#f0859f url(../img/sub/down_ico.png) 83% center no-repeat; } 
.sub_con .sub_con_link_btn { display: block; color:#fff; font-size:18px; letter-spacing: -1px; height:60px; line-height: 59px; background:#f0859f url(../img/sub/link_ico.png) 100% bottom no-repeat; border-radius: 25px; max-width: 300px; width: 100%; text-align: center; } 

@media screen and (max-width: 1200px){
 .num_bg { margin-right:25px; } 
 .num_bg span { width:28px; margin-right:4px; } 
 .num_bg span::before { width:28px; height:28px; } 
 }
@media screen and (max-width: 1000px){
 .num_bg { margin-right:22px; } 
 .num_bg span { width:26px; margin-right:3px; } 
 .num_bg span::before { width:26px; height:26px; } 

 .text_bg { line-height:30px; border-radius:15px; padding:0 13px; margin-right:7px; } 
 }
@media screen and (max-width: 860px){
 .num_bg { margin-right:19px; } 
 .num_bg span { width:20px; margin-right:2px; font-size:12px; } 
 .num_bg span::before { width:20px; height:20px; } 
 .sub_con .sub_con_down_btn { font-size: 15px; padding:0 45px 0 20px; height:40px; line-height: 39px; background:#f0859f url(../img/sub/down_ico.png) 88% center no-repeat; } 
 .sub_con .sub_con_link_btn { font-size: 15px; height: 40px; line-height: 39px; max-width: 250px; background-size: 22px auto; } 
 }
@media screen and (max-width: 600px){
 .num_bg { margin-right:16px; } 
 .num_bg span { width:22px; margin-right:1px; } 
 .num_bg span::before { width:22px; height:22px; } 
 .sub_con .sub_con_down_btn { font-size: 12px; padding:0 35px 0 10px; height:30px; line-height: 29px; background:#f0859f url(../img/sub/down_ico.png) 90% center no-repeat; } 
 .sub_con .sub_con_link_btn { font-size: 12px; max-width: 200px; height: 30px; line-height: 30px; background-size: 16px auto; } 

 .text_bg { line-height:25px; border-radius:13px; margin-right:6px; padding:0 11px; } 
 }
@media screen and (max-width: 370px){
 .num_bg { margin-right:13px; } 
 .num_bg span { width:20px; } 
 .num_bg span::before { width:20px; height:20px; } 

 .text_bg { font-weight:500; line-height:22px; border-radius:11px; margin-right:5px; padding:0 9px; } 
 }

/*밑줄*/
.sub_con_unLine1 { display: inline-block; padding-bottom:10px; border-bottom:2px solid #2a5082; } 
.sub_con_unLine2 { display: inline-block; padding-bottom: 3px; border-bottom:1px solid #07a367; } 
.sub_con_unLine3 { } 
.sub_con_unLine4 { } 
.sub_con_unLine5 { } 

.line { padding-bottom: 50px; margin-bottom: 50px; border-bottom: 1px solid #ccc; } 


/*테두리*/
.border_box { border:1px solid #ccc; } 

/*텍스트 컬러*/
.pt_color1 { color: var(--point-color-1); } /*진녹색*/
.pt_color2 { color:#0b8282 !important; } /*연녹색*/
.pt_color3 { color:#6eba35 !important; } /*연두*/
.pt_color4 { color:#ff0000 !important; } /*S빨간색*/
.pt_color5 { color:#44983c !important; } /*T녹색색*/
.pt_color6 { color:#800080 !important; } /*Y보라색*/
.pt_color7 { color:#1c1cc9 !important; } /*L파란색*/
.pt_color8 { color:#ff6000 !important; } /*E주황색*/
.pt_color9 { color:#333333 !important; } /**/

/*포인트폰트*/
.pt_font { font-family:'S-CoreDream-6Bold'; letter-spacing:-.5px; } 

/*텍스트 굵기*/
.weight300 { font-weight:300; } 
.weight400 { font-weight:400; } 
.weight500 { font-weight:500; } 
.weight600 { font-weight:600; } 
.weight700 { font-weight:700; } 

/*배경색*/
.bg_color1 { background: linear-gradient(to right,#ff7f65,#ffc74c); color:#fff; } 
.bg_color2 { background-color: #1764a8; } 
.bg_color3 { } 
.bg_color4 { } 
.bg_color5 { } 

/*텍스트 정렬*/
.text_align_c { text-align: center !important; } 
.text_align_l { text-align: left !important; } 
.text_align_r { text-align: right !important; } 
.vertical_align_m { vertical-align:middle; } 

/*이미지*/
.sub_con_img_box { border-radius: 9px; overflow: hidden; } 
.sub_con_img_box img { display: block; transition: all .5s; } 
.sub_con_img_box:hover img { transform: scale(1.05); } 

/*디스플레이*/
.block { display: block !important; } 
.inline-block { display: inline-block !important; } 
.inline { display: inline !important; } 

/*border-radius*/
.border-r5 { border-radius: 5px; } 

/*서브콘텐츠 텍스트 끝*/


/*서브콘텐츠 테이블 시작*/

/*컨텐츠 페이지 테이블*/
.table_wrap { overflow-x: auto; } 
.table_wrap table { width:100%; letter-spacing:-1px; border-collapse:collapse; } 
.table_wrap table thead { } 
.table_wrap table thead th { background-color:#f3f3f3; font-size:17px; line-height:32px; padding:16px 0 18px; text-align:center; font-weight:500; } 
.table_wrap table thead th { border:1px solid #dddddd; } 
.table_wrap table tbody th, .table_wrap table tbody td { border:1px solid #dddddd; } 
.table_wrap table tbody th { background-color:#fcfcfc; color:#444444; font-size:17px; line-height:24px; padding:16px 20px; text-align: center; font-weight:400; word-break: keep-all; box-sizing: border-box; } 
.table_wrap table tbody td { color:#444444; font-size: 17px; line-height:24px; padding:12px 4%; word-break:keep-all; box-sizing:border-box; } 
.table_wrap table tbody td a { border:1px solid #0073bc; font-size:13px; color:#0073bc; font-weight:300; transition:all .3s; padding:5px 25px 5px 8px; background-color:#ffffff; display:inline-block; position:relative; margin-top:5px; } 
.table_wrap table tbody td a:hover, .table_wrap table tbody td a:focus { background-color:#f2fafd; color:#004789; } 
.table_wrap table tbody td a::before { content:''; position:absolute; width:11px; aspect-ratio:1/1; background:url(../img/sub/new_link.png) center no-repeat; background-size:contain; top:50%; transform:translateY(-50%); right:10px; } 
#bo_v_con .table_wrap table tbody td ul { text-align:left; margin:0; padding:0 15px; } 

@media screen and (max-width: 1200px){
 .table_wrap table thead th { font-size:18px; line-height: 18px; padding:14px 0 16px; } 
 .table_wrap table tbody th { font-size:16px; line-height: 23px; padding:16px 18px; } 
 .table_wrap table tbody td { font-size:16px; line-height: 23px; padding:16px 18px; } 
 }

@media screen and (max-width: 1000px){
 .table_wrap table thead th { font-size:17px; line-height: 17px; padding:12px 0 14px; } 
 .table_wrap table tbody th { font-size:15px; line-height: 22px; padding:14px 16px; } 
 .table_wrap table tbody td { font-size:15px; line-height: 22px; padding:14px 16px; } 

 .table_wrap table tbody td a { font-size:12px; } 
 }

@media screen and (max-width: 860px){
 .table_wrap table thead th { font-size:16px; line-height: 16px; padding:10px 0 12px; } 
 .table_wrap table tbody th { font-size:14px; line-height: 21px; padding:12px 14px; } 
 .table_wrap table tbody td { font-size:14px; line-height: 21px; padding:12px 14px; } 
 }

@media screen and (max-width:710px){
 .table_wrap table tbody td a { font-size:11px; } 
 }

@media screen and (max-width: 600px){
 .table_wrap table thead th { font-size:15px; line-height: 15px; padding:8px 0 10px; } 
 .table_wrap table tbody th { font-size:13px; line-height: 20px; padding:10px 12px; } 
 .table_wrap table tbody td { font-size:13px; line-height: 20px; padding:10px 12px; } 
 .table_wrap table { min-width:600px; } 
 }

@media screen and (max-width: 400px){
 .table_wrap table thead th { font-size:14px; line-height: 14px; padding:6px 0 8px; } 
 .table_wrap table tbody th { font-size:12px; line-height: 19px; padding:8px 10px; } 
 .table_wrap table tbody td { font-size:12px; line-height: 19px; padding:8px 10px; } 
 }

.table_wrap.type1 { border-top:2px solid #555555; border-bottom:1px solid #555555; } 
.table_wrap.type1 table { } 
.table_wrap.type1 table tbody { } 
.table_wrap.type1 table tbody tr { } 
.table_wrap.type1 table tbody tr th { width:25%; border-left-width:0; } 
.table_wrap.type1 table tbody tr td { border-right-width:0; text-align:center; padding:12px 0; } 
/*스킨 포함 공통 테이블*/

/*서브콘텐츠 테이블 끝*/

/*서브페이지 개별 css 시작*/
/*w1 사업소개*/
#bo_v_con .sub_con ul { margin-top:0; margin-bottom:0; padding-left:0; } 
.sub_con.business_purpose { } 
.sub_con .box_title_wrap { margin:80px auto 70px; width:fit-content; height:fit-content; position:relative; } 
.sub_con .box_title_wrap::before { content:''; position:absolute; width:230px; aspect-ratio:1/1; bottom:0; left:-41px; z-index:0; border:10px solid #d7d7d7; } 
.sub_con .box_title_wrap .box_title { position:relative; height:190px; padding:0 22px; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; background-color:#ffffff; z-index:1; width:fit-content; } 
.sub_con .box_title_wrap .box_title p:first-of-type { font-size:24px; } 
.sub_con .box_title_wrap .box_title p:last-of-type { font-size:40px; line-height:normal; display:flex; align-items:flex-start; margin-top:10px; } 
.sub_con .box_title_wrap .box_title p:last-of-type span { font-size:100px; line-height:100px; } 
.sub_con .box_title_wrap .box_title p:last-of-type span:first-of-type { margin-left:15px; } 

.sub_con .list_box { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:60px; } 
.sub_con .list_box .list_tit_wrap { position:relative; width:240px; padding-top:20px; padding-left:20px; } 
.sub_con .list_box .list_tit_wrap::before { content:''; position:absolute; width:60px; aspect-ratio:1/1; bottom:0; left:0; z-index:0; border:5px solid #d7d7d7; } 
.sub_con .list_box .list_tit { position:relative; height:40px; padding:0 7px; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; background-color:#ffffff; z-index:1; width:fit-content; } 
.sub_con .list_box .list_tit_wrap::after { content:''; position:absolute; top:50%; right:29px; width:42px; aspect-ratio:42/6; } 
.sub_con .list_box .list_con { width:calc( 100% - 240px ); } 
.sub_con .list_box .list_con .tit { width:100%; height:150px; border-radius:75px; display:flex; flex-direction:column; justify-content:center; align-items:center; } 
.sub_con .list_box .list_con .content { display:flex; align-items:center; margin-top:30px; } 
.sub_con .list_box .list_con .content .img_box { width:180px; } 
.sub_con .list_box .list_con .content ul { width:calc( 100% - 180px ); min-height:72px; } 
.sub_con .list_box .list_con .content ul li { } 

.sub_con .list_box.red .list_tit_wrap::before { border-color:#ff0000; } 
.sub_con .list_box.green .list_tit_wrap::before { border-color:#44983c; } 
.sub_con .list_box.purple .list_tit_wrap::before { border-color:#800080; } 
.sub_con .list_box.blue .list_tit_wrap::before { border-color:#1c1cc9; } 
.sub_con .list_box.orange .list_tit_wrap::before { border-color:#ff6000; } 

.sub_con .list_box.red .list_tit_wrap::after { background:url(../img/sub/w1/w1_c_1_deco_icon1.png) center no-repeat; background-size:contain; } 
.sub_con .list_box.green .list_tit_wrap::after { background:url(../img/sub/w1/w1_c_1_deco_icon2.png) center no-repeat; background-size:contain; } 
.sub_con .list_box.purple .list_tit_wrap::after { background:url(../img/sub/w1/w1_c_1_deco_icon3.png) center no-repeat; background-size:contain; } 
.sub_con .list_box.blue .list_tit_wrap::after { background:url(../img/sub/w1/w1_c_1_deco_icon4.png) center no-repeat; background-size:contain; } 
.sub_con .list_box.orange .list_tit_wrap::after { background:url(../img/sub/w1/w1_c_1_deco_icon5.png) center no-repeat; background-size:contain; } 

.sub_con .list_box.red .tit { background-color:rgba(255,0,0,.03); } 
.sub_con .list_box.green .tit { background-color:rgba(68,152,60,.03); } 
.sub_con .list_box.purple .tit { background-color:rgba(128,0,128,.03); } 
.sub_con .list_box.blue .tit { background-color:rgba(28,28,201,.03); } 
.sub_con .list_box.orange .tit { background-color:rgba(255,96,0,.03); } 

@media screen and (max-width:1200px){
 .sub_con .box_title_wrap::before { width:200px; } 
 .sub_con .box_title_wrap .box_title { height:150px; } 
 .sub_con .box_title_wrap .box_title p:first-of-type { font-size:20px; } 
 .sub_con .box_title_wrap .box_title p:last-of-type { font-size:30px; } 
 .sub_con .box_title_wrap .box_title p:last-of-type span { font-size:75px; line-height:75px; } 
 }
@media screen and (max-width:1000px){
 .sub_con .list_box { flex-direction:column; } 
 .sub_con .list_box .list_con { width:100%; margin-top:20px; } 
 .sub_con .list_box .list_tit_wrap::after { transform:rotate(90deg); top:auto; right:auto; left:36px; bottom:-40px; } 
 }
@media screen and (max-width:860px){
 .sub_con .box_title_wrap { margin:40px auto 50px; } 
 .sub_con .box_title_wrap::before { width:170px; left:-35px; border-width:8px; } 
 .sub_con .box_title_wrap .box_title { height:140px; } 
 .sub_con .box_title_wrap .box_title p:first-of-type { font-size:17px; } 
 .sub_con .box_title_wrap .box_title p:last-of-type { font-size:23px; } 
 .sub_con .box_title_wrap .box_title p:last-of-type span { font-size:55px; line-height:55px; } 
 .sub_con .box_title_wrap .box_title p:last-of-type span:first-of-type { margin-left:8px; } 

 .sub_con .list_box .list_tit_wrap::before { border-width:3px; width:50px; } 
 .sub_con .list_box .list_tit_wrap { padding-top:10px; padding-left:12px; } 
 .sub_con .list_box .list_con .tit { height:130px; border-radius:65px; } 
 .sub_con .list_box .list_con .content { margin-top:20px; } 
 .sub_con .list_box .list_con .content .img_box { width:150px; } 
 .sub_con .list_box .list_con .content .img_box img { zoom:.8; } 
 .sub_con .list_box .list_con .content ul { width:calc( 100% - 150px ); min-height:58px; } 
 }
@media screen and (max-width:600px){
 .sub_con .box_title_wrap { margin:30px auto 40px; } 
 .sub_con .box_title_wrap::before { width:130px; left:-32px; border-width:7px; } 
 .sub_con .box_title_wrap .box_title { height:100px; } 
 .sub_con .box_title_wrap .box_title p:first-of-type { font-size:13px; font-family:'S-CoreDream-5Medium'; } 
 .sub_con .box_title_wrap .box_title p:last-of-type { font-size:20px; font-family:'S-CoreDream-5Medium'; } 
 .sub_con .box_title_wrap .box_title p:last-of-type span { font-size:45px; line-height:45px; font-family:'S-CoreDream-6Bold'; } 

 .sub_con .list_box .list_tit_wrap::before { width:40px; } 
 .sub_con .list_box .list_tit { height:30px; } 
 .sub_con .list_box .list_con .tit { height:110px; border-radius:55px; } 
 .sub_con .list_box .list_tit_wrap::after { width:33px; left:22px; bottom:-30px; } 
 .sub_con .list_box .list_con .content .img_box { width:110px; } 
 .sub_con .list_box .list_con .content .img_box img { zoom:.7; } 
 .sub_con .list_box .list_con .content ul { width:calc( 100% - 110px ); min-height:54px; } 
 }
@media screen and (max-width:480px){
 .sub_con .box_title_wrap::before { width:100px; left:-19px; border-width:6px; } 
 .sub_con .box_title_wrap { margin:20px auto 35px; } 
 .sub_con .box_title_wrap .box_title { height:80px; } 
 .sub_con .box_title_wrap .box_title p:first-of-type { font-size:12px; } 
 .sub_con .box_title_wrap .box_title p:last-of-type { font-size:18px; margin-top:5px; } 
 .sub_con .box_title_wrap .box_title p:last-of-type span { font-size:30px; line-height:30px; } 
 .sub_con .box_title_wrap .box_title p:last-of-type span:first-of-type { margin-left:5px; } 

 .sub_con .list_box { margin-bottom:40px; } 
 .sub_con .list_box .list_tit { height:27px; } 
 .sub_con .list_box .list_tit_wrap::after { width:26px; left:25px; bottom:-23px; } 
 .sub_con .list_box .list_con .tit { height:90px; border-radius:45px; } 
 .sub_con .list_box .list_con .tit b { font-weight:500; } 
 .sub_con .list_box .list_con .content { justify-content:center; } 
 .sub_con .list_box .list_con .content .img_box { display:none; } 
 .sub_con .list_box .list_con .content ul { width:90%; min-height:auto; } 
 }
@media screen and (max-width:370px){
 .sub_con .list_box .list_con .tit { height:70px; border-radius:35px; } 
 .sub_con .list_box .list_tit_wrap::after { width:23px; left:27px; bottom:-19px; } 
 }
/*w1 사업소개 끝*/

/*w2 복지모아*/
.sub_con .box_title_wrap2 { border-radius:15px; overflow:hidden; position:relative; display:flex; justify-content:center; align-items:center; width:100%; height:220px; margin:40px 0 75px; } 
.sub_con .box_title_wrap2::before { content:''; position:absolute; width:100%; height:100%; z-index:0; } 
.sub_con .box_title_wrap2 .box_title { position:relative; z-index:1; width:100%; padding:12px 60px 0; } 
.sub_con .box_title_wrap2 .box_title::before { position:absolute; content:''; width:30px; height:2px; top:0; left:60px; background-color:#6eba35; } 
.sub_con .box_title_wrap2 .box_title p:first-of-type { margin-bottom:5px; } 

/*w2복지모아 title 이미지*/
.sub_con.welfare .box_title_wrap2::before { background:url(../img/sub/w2/w2_c_1_bg1.jpg) center no-repeat; background-size:cover; } 
.sub_con.meeting .box_title_wrap2::before { background:url(../img/sub/w2/w2_c_1_bg2.jpg) center no-repeat; background-size:cover; } 
.sub_con.donation .box_title_wrap2::before { background:url(../img/sub/w2/w2_c_1_bg3.jpg) center no-repeat; background-size:cover; } 
.sub_con.service .box_title_wrap2::before { background:url(../img/sub/w2/w2_c_1_bg4.jpg) center no-repeat; background-size:cover; } 
.sub_con.fractionation .box_title_wrap2::before { background:url(../img/sub/w2/w2_c_1_bg5.jpg) center no-repeat; background-size:cover; } 
.sub_con.talented .box_title_wrap2::before { background:url(../img/sub/w2/w2_c_1_bg6.jpg) center no-repeat; background-size:cover; } 
.sub_con.accompany .box_title_wrap2::before { background:url(../img/sub/w2/w2_c_1_bg7.jpg) center no-repeat; background-size:cover; } 
/*w2복지모아 title 이미지 끝*/

.sub_con.moa { } 
.sub_con.moa .moa_wrap { padding:55px; border-radius:15px; background-color:#f2f6f6; } 
#bo_v_con .sub_con.moa .moa_wrap .moa_box { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; width:100%; background-color:#ffffff; border-radius:15px; } 
.sub_con.moa .moa_wrap .moa_box li { width:calc( 100% / 3 ); border-right:1px solid #ebeef1; position:relative; display:flex !important; justify-content:center; align-items:center; padding:25px 0; } 
.sub_con.moa .moa_wrap .moa_box li:nth-of-type(3n) { border-right-width:0; } 
.sub_con.moa .moa_wrap .moa_box li:nth-of-type(-n+3) { border-bottom:1px solid #ebeef1; } 
.sub_con.moa .moa_wrap .moa_box li a { position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; } 
.sub_con.moa .moa_wrap .moa_box li .img_box { width:97px; aspect-ratio:1/1; border:2px solid transparent; border-radius:50%; background-color:#f6f6f6; display:flex; justify-content:center; align-items:center; transition:border-color .5s } 
.sub_con.moa .moa_wrap .moa_box li .img_box img { display:block; } 
.sub_con.moa .moa_wrap .moa_box li p { margin:0 18px; transition:color .5s; } 
.sub_con.moa .moa_wrap .moa_box li span { position:absolute; display:inline-block; line-height:32px; width:32px; background-color:#f2f2f2; border-radius:3px; top:13px; right:13px; text-align:center; z-index:0; font-size:21px; } 
.sub_con.moa .moa_wrap .moa_box li:hover .img_box { border-color:#568349; } 
.sub_con.moa .moa_wrap .moa_box li:hover p { color:#568349; } 

/* half_row type1 */
.sub_con .half_row.type1 { } 
.sub_con .half_row.type1 > div { padding:26px 28px; box-sizing:border-box; border:1px solid #dddddd; border-left:3px solid #0b8282; background-color:#fcfcfc; } 
.sub_con .half_row.type1 > div > p { } 
#bo_v_con .sub_con .half_row.type1 > div > ul { display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; min-height:62px; } 
#bo_v_con .sub_con .half_row.type1 > div > ul li { width:50%; } 
.sub_con .half_row.type1 > div > ul li p { } 
.sub_con.moa .half_row.type1 > div:last-of-type { border:3px solid #0b8282; } 

@media screen and (max-width:860px){
 .sub_con .half_row.type1 > div { border-left-width:2px; padding:21px 23px; } 
 .sub_con.moa .half_row.type1 > div:last-of-type { border-width:2px; } 
 #bo_v_con .sub_con .half_row.type1 > div > ul { min-height:46px; } 
 }
@media screen and (max-width:680px){
 .sub_con .half_row.type1 { flex-direction:column; } 
 .sub_con .half_row.type1 > div { width:100%; margin-top:10px; } 
 .sub_con .half_row.type1 > div:nth-of-type(1) { margin-top:0; } 
 }
/* half_row type1 끝 */

@media screen and (max-width:1200px){
 .sub_con .box_title_wrap2 { margin:30px 0 65px; height:200px; } 
 .sub_con .box_title_wrap2::before { opacity:.8; } 
 .sub_con .box_title_wrap2 .box_title { padding:12px 40px 0; } 
 .sub_con .box_title_wrap2 .box_title::before { left:40px; } 
 }
@media screen and (max-width:1000px){
 .sub_con.moa .moa_wrap .moa_box li { padding:20px 0; } 
 .sub_con.moa .moa_wrap .moa_box li .img_box { width:85px; } 
 .sub_con.moa .moa_wrap .moa_box li .img_box img { zoom:.9; } 
 .sub_con.moa .moa_wrap .moa_box li span { font-size:17px; line-height:26px; width:26px; right:10px; top:10px; } 
 }
@media screen and (max-width:860px){
 .sub_con .box_title_wrap2 { margin:10px 0 45px; height:190px; } 
 .sub_con .box_title_wrap2::before { opacity:.7; } 
 .sub_con .box_title_wrap2 .box_title { padding:12px 30px 0; } 
 .sub_con .box_title_wrap2 .box_title::before { left:30px; } 

 .sub_con.moa .moa_wrap { padding:45px 30px; } 
 .sub_con.moa .moa_wrap .moa_box li { flex-direction:column; padding:30px 0 20px; } 
 .sub_con.moa .moa_wrap .moa_box li p { margin:5px 0 0; } 
 }
@media screen and (max-width:680px){
 .sub_con .box_title_wrap2 .box_title .sub_con_tit4 { word-break:keep-all; } 

 .sub_con.moa .moa_wrap .moa_box li { width:calc( 100% / 2 ); } 
 .sub_con.moa .moa_wrap .moa_box li:nth-of-type(3n) { border-right-width:1px; } 
 .sub_con.moa .moa_wrap .moa_box li:nth-of-type(2n) { border-right-width:0; } 
 .sub_con.moa .moa_wrap .moa_box li:nth-of-type(-n+4) { border-bottom:1px solid #ebeef1; } 
 }
@media screen and (max-width:600px){
 .sub_con .box_title_wrap2 { height:160px; margin:0 0 30px; } 
 .sub_con .box_title_wrap2 .box_title { padding:10px 20px 0; } 
 .sub_con .box_title_wrap2 .box_title::before { left:20px; } 
 }
@media screen and (max-width:480px){
 .sub_con .box_title_wrap2 { flex-direction:column; border-radius:0; height:auto; } 
 .sub_con .box_title_wrap2::before { position:relative; border-radius:7px; opacity:1; height:70px; } 
 .sub_con .box_title_wrap2 .box_title { padding:0; padding-left:10px; margin-top:20px; } 
 .sub_con .box_title_wrap2 .box_title::before { left:0; top:0; width:2px; height:100px; } 

 .sub_con.moa .moa_wrap { padding:35px 25px; } 
 .sub_con.moa .moa_wrap .moa_box li .img_box { width:75px; } 
 .sub_con.moa .moa_wrap .moa_box li .img_box img { zoom:.8; } 
 .sub_con.moa .moa_wrap .moa_box li span { font-size:12px; line-height:20px; width:20px; right:7px; top:7px; } 
 }
@media screen and (max-width:370px){
 .sub_con.moa .moa_wrap { padding:27px 12px; } 
 }
/*w2 복지모아 끝*/

/*w4 열린경영*/
/*c_tab 시작*/
#bo_v_con .sub_con ul.tab_menu { padding:0; display:flex; align-items:center; justify-content:center; padding-bottom:20px; } 
#bo_v_con .sub_con ul.tab_menu li { } 
#bo_v_con .sub_con ul.tab_menu li:not(:last-of-type) { margin-right:10px; } 
#bo_v_con .sub_con ul.tab_menu li a { display:block; border:1px solid #dddddd; padding:10px 18px; text-align:center; border-radius:24px; background-color:#f8f8f8; transition:all .3s; color:#999999; } 
#bo_v_con .sub_con ul.tab_menu li.select { } 
#bo_v_con .sub_con ul.tab_menu li.select a,
#bo_v_con .sub_con ul.tab_menu li a:hover { background-color:#0b8282; color:#ffffff; border-color:#0b8282; } 
#bo_v_con .sub_con .c_tab .page_title { padding:0 } 
@media screen and (max-width: 1400px){
 #bo_v_con .sub_con ul.tab_menu li a { font-size:14px; } 
 }
@media screen and (max-width:600px){
 #bo_v_con .sub_con ul.tab_menu li a { font-size:12px; padding:7px 6px; border-radius:12px; } 
 #bo_v_con .sub_con ul.tab_menu li:not(:last-of-type) { margin-right:7px; } 
 }
/*c_tab 끝*/
/*w4 열린경영 title 이미지*/
.sub_con.ethics .box_title_wrap2::before { background:url(../img/sub/w4/w4_c_1_bg1.jpg) center no-repeat; background-size:cover; } 
/*w4 열린경영 title 이미지 끝*/
/*w4 열린경영 끝*/

/*w6 후원안내*/
.sub_con.support .box_title_wrap2::before { background:url(../img/sub/w6/w6_c_1_bg1.jpg) center no-repeat; background-size:cover; } 
/*w6 후원안내 끝*/

/*w7 재단소개 foundation*/
.sub_con.foundation { } 

/*w7_c_1 제천복지재단*/
.sub_con.greeting .greeting_box { display:flex; justify-content:center; align-items:flex-start; } 
.sub_con.greeting .greeting_box .img_box { width:51%; border-radius:10px; overflow:hidden; } 
.sub_con.greeting .greeting_box .text_box { width:49%; padding-left:4%; } 

@media screen and (max-width:1400px){
 .sub_con.greeting .greeting_box .img_box { width:46%; } 
 .sub_con.greeting .greeting_box .text_box { width:54%; } 
 }
@media screen and (max-width:1000px){
 .sub_con.greeting .greeting_box .img_box { width:41%; height:340px; position:relative; } 
 #bo_v_con .sub_con.greeting .greeting_box .img_box img { max-width:none; height:100%; width:auto; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); } 
 .sub_con.greeting .greeting_box .text_box { width:59%; padding-left:3%; } 
 }
@media screen and (max-width:680px){
 .sub_con.greeting .greeting_box { flex-direction:column; } 
 .sub_con.greeting .greeting_box .img_box { width:100%; height:auto; aspect-ratio:13/6; margin-bottom:20px; } 
 #bo_v_con .sub_con.greeting .greeting_box .img_box img { width:100%; height:auto; } 
 .sub_con.greeting .greeting_box .text_box { width:100%; padding-left:0; } 
 }

.sub_con .three_equal_row.type1 { position:relative; padding-bottom:43px; width:calc(100% - 28px); margin:0 auto; } 
.sub_con .three_equal_row.type1::before { position:absolute; content:''; bottom:0; left:50%; transform:translateX(-50%); width:21px; aspect-ratio:21/23; background:url(../img/sub/w7/w7_c_1_arrow.png) center no-repeat; background-size:contain; } 
.sub_con .three_equal_row.type1 > div { box-sizing:border-box; border:10px solid #dfdfdf; border-radius:50%; aspect-ratio:1/1; overflow:hidden; position:relative; background-color:#000000; text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center; } 
.sub_con .three_equal_row.type1 > div::before { content:''; position:absolute; width:calc( 100% + 20px ); height:calc( 100% + 20px ); opacity:.5; top:50%; left:50%; transform:translate(-50%,-50%); } 
.sub_con .three_equal_row.type1 > div:first-of-type::before { background:url(../img/sub/w7/w7_c_1_bg1.jpg) center no-repeat; background-size:cover; } 
.sub_con .three_equal_row.type1 > div:nth-of-type(2)::before { background:url(../img/sub/w7/w7_c_1_bg2.jpg) center no-repeat; background-size:cover; } 
.sub_con .three_equal_row.type1 > div:last-of-type::before { background:url(../img/sub/w7/w7_c_1_bg3.jpg) center no-repeat; background-size:cover; } 

.sub_con .three_equal_row.type1 > div p { color:#ffffff; position:relative; } 
.sub_con .three_equal_row.type1 > div p:first-of-type { margin-bottom:25px; padding-bottom:28px; position:relative; } 
.sub_con .three_equal_row.type1 > div p:first-of-type::before { content:''; position:absolute; width:20px; height:2px; background-color:#ffffff; bottom:0; left:50%; transform:translateX(-50%); } 

@media screen and (max-width:800px){
 .sub_con .three_equal_row.type1 > div { border-width:5px; } 
 .sub_con .three_equal_row.type1 > div::before { width:calc( 100% + 5px ); height:calc( 100% + 5px ); } 
 .sub_con .three_equal_row.type1 > div p:first-of-type { margin-bottom:12px; padding-bottom:18px; } 
 }
@media screen and (max-width:680px){
 .sub_con .three_equal_row.type1 { flex-wrap:wrap; justify-content:center; align-items:center; padding-bottom:40px; } 
 .sub_con .three_equal_row.type1::before { bottom:0; } 
 .sub_con .three_equal_row.type1::after { position:absolute; content:''; top:calc( 42% - 18px ); left:50%; transform:translate(-50%,-50%); width:50%; border-radius:50%; aspect-ratio:1/1; z-index:0; border:8px solid #6eba35; } 
 .sub_con .three_equal_row.type1 > div { width:calc( 50% - 10px ); margin-right:10px; z-index:2; border-width:8px; } 
 .sub_con .three_equal_row.type1 > div:nth-of-type(2) { margin-right:0; } 
 .sub_con .three_equal_row.type1 > div:last-of-type { margin-top:-5%; } 
 }
@media screen and (max-width:480px){
 .sub_con .three_equal_row.type1 > div p:first-of-type { padding-bottom:8px; margin-bottom:9px; } 
 }
@media screen and (max-width:370px){
 .sub_con .three_equal_row.type1::after { display:none; } 
 .sub_con .three_equal_row.type1 > div { width:100%; margin-right:0; margin-top:10px; } 
 .sub_con .three_equal_row.type1 > div:last-of-type { margin-top:10px; } 
 }

.sub_con .five_wrap { display:flex; justify-content:space-between; align-items:center; } 
.sub_con .five_wrap > div { width:calc( ( 100% - 28px * 4 ) / 5 ); border:1px solid #dddddd; border-top:3px solid #0b8282; background-color:#fcfcfc; text-align:center; height:139px; padding-top:26px; box-sizing:border-box; } 
@media screen and (max-width:1000px){
 .sub_con .five_wrap > div { width:calc( ( 100% - 10px * 4 ) / 5 ); height:129px; padding-top:21px; } 
 }
@media screen and (max-width:860px){
 .sub_con .five_wrap > div { height:105px; padding-top:16px; } 
 }
@media screen and (max-width:680px){
 .sub_con .five_wrap { flex-wrap:wrap; justify-content:center; align-items:center; } 
 .sub_con .five_wrap > div { width:calc( ( 100% - 10px * 2 ) / 3 ); margin-right:10px; margin-top:10px; } 
 .sub_con .five_wrap > div:nth-of-type(3n),
 .sub_con .five_wrap > div:last-of-type { margin-right:0; } 
 .sub_con .five_wrap > div:nth-of-type(-n+3) { margin-top:0; } 
 }
@media screen and (max-width:600px){
 .sub_con .five_wrap > div { height:89px; padding-top:14px; } 
 }
@media screen and (max-width:370px){
 .sub_con .five_wrap > div { width:calc( ( 100% - 10px * 1 ) / 2 ); margin-top:10px; } 
 .sub_con .five_wrap > div:nth-of-type(3n) { margin-right:10px; } 
 .sub_con .five_wrap > div:nth-of-type(2n) { margin-right:0; } 
 .sub_con .five_wrap > div:nth-of-type(3) { margin-top:10px; } 
 }
/*w7_c_1 제천복지재단 끝*/

/*w7_c_2 연혁·조직도*/
.sub_con .history_wrap { position:relative; } 
.sub_con .history_wrap::before { content:''; position:absolute; z-index:0; width:2px; height:calc( 100% - 20px ); background-color:#dedede; left:50%; bottom:0; transform:translateX(-50%); } 
.sub_con .history_wrap > div { width:50%; position:relative; display:flex; justify-content:space-between; margin-top:80px; z-index:1; } 
.sub_con .history_wrap > div:first-of-type { margin-top:0 !important; } 
#bo_v_con .sub_con .history_wrap > div > ul { width:calc( 100% - 135px ); box-sizing:border-box; border:1px solid #dddddd; background-color:#fcfcfc; padding:30px 40px; } 
#bo_v_con .sub_con .history_wrap > div > ul > li { display:flex; } 
.sub_con .history_wrap > div > ul > li span { width:55px; display:inline-block; } 
#bo_v_con .sub_con .history_wrap > div > ul > li ul { width:calc( 100% - 55px - 20px ); } 
.sub_con .history_wrap > div > p { position:relative; display:inline-block; height:fit-content; } 
.sub_con .history_wrap > div > p::before { content:''; position:absolute; top:50%; width:16px; aspect-ratio:1/1; background:url(../img/sub/w7/dot.png) center no-repeat; background-size:contain; } 
.sub_con .history_wrap > div > p::after { content:''; position:absolute; top:50%; transform:translateY(-50%); width:54px; height:2px; background:url(../img/sub/w7/line.png) center no-repeat; } 
.sub_con .history_wrap > div > ul > li p { word-break:keep-all; } 

.sub_con .history_wrap .year_right { margin:80px 0 0 auto; text-align:left; } 
.sub_con .history_wrap .year_right > ul > li span { margin-right:20px; } 
.sub_con .history_wrap .year_right > p { padding-left:15px; } 
.sub_con .history_wrap .year_right > p::before { left:-16px; transform:translate(50%,-50%); } 
.sub_con .history_wrap .year_right > p::after { left:calc( 100% + 8px ); } 

.sub_con .history_wrap .year_left { margin:80px auto 0 0; text-align:right; } 
.sub_con .history_wrap .year_left > p { order:1; padding-right:15px; } 
.sub_con .history_wrap .year_left > p::before { right:-16px; transform:translate(-50%,-50%); } 
.sub_con .history_wrap .year_left > p::after { right:calc( 100% + 8px ); } 
.sub_con .history_wrap .year_left > ul { order:0; } 
.sub_con .history_wrap .year_left > ul > li { justify-content:flex-end; } 
.sub_con .history_wrap .year_left > ul > li span { order:1; margin-left:20px; } 
.sub_con .history_wrap .year_left > ul > li ul { order:0; } 

.sub_con .history_wrap .now > p::before { background:url(../img/sub/w7/dot_color.png); background-size:contain; } 
.sub_con .history_wrap .now > p::after { background:url(../img/sub/w7/line_color.png) } 
#bo_v_con .sub_con .history_wrap .now > ul { border-width:0; background-color:#0b8282; position:relative; } 
#bo_v_con .sub_con .history_wrap .now > ul::before { content:''; position:absolute; width:31px; aspect-ratio:31/32; bottom:15px; right:15px; background:url(../img/sub/w7/history_logo.png) center no-repeat; background-size:contain; } 
#bo_v_con .sub_con .history_wrap .now > ul li p, 
#bo_v_con .sub_con .history_wrap .now > ul li span { color:#ffffff; } 

@media screen and (max-width:1000px){
 .sub_con .history_wrap > div { width:100%; } 
 .sub_con .history_wrap::before { transform:none; left:7px; } 
 #bo_v_con .sub_con .history_wrap > div > ul { padding:20px 30px; } 

 .sub_con .history_wrap .year_right { margin:50px 0 0 auto; } 
 .sub_con .history_wrap .year_right > p { padding-left:20px; } 
 .sub_con .history_wrap .year_right > p::before { left:0; transform:translateY(-50%); } 

 .sub_con .history_wrap .year_left { margin:50px 0 0 auto; text-align:left; } 
 .sub_con .history_wrap .year_left > p { order:0; padding-right:0; padding-left:20px; } 
 .sub_con .history_wrap .year_left > p::before { right:auto; left:0; transform:translateY(-50%); } 
 .sub_con .history_wrap .year_left > p::after { right:auto; left:calc( 100% + 8px ); } 
 .sub_con .history_wrap .year_left > ul { order:1; } 
 .sub_con .history_wrap .year_left > ul > li { justify-content:flex-start; } 
 .sub_con .history_wrap .year_left > ul > li span { order:0; margin-left:0; margin-right:20px; } 
 .sub_con .history_wrap .year_left > ul > li ul { order:1; } 
 }
@media screen and (max-width:860px){
 #bo_v_con .sub_con .history_wrap > div > ul { width:calc( 100% - 130px ); padding:15px 22px; } 
 .sub_con .history_wrap > div > ul > li span { width:32px; } 
 #bo_v_con .sub_con .history_wrap > div > ul > li ul { width:calc( 100% - 32px - 20px ); } 

 .sub_con .history_wrap .year_right { margin:30px 0 0 auto; } 

 .sub_con .history_wrap .year_left { margin:30px 0 0 auto; } 
 }
@media screen and (max-width:600px){
 .sub_con .history_wrap::before { left:5px; } 
 .sub_con .history_wrap > div > p::before { width:13px; } 
 .sub_con .history_wrap > div > p::after { width:42px; } 
 #bo_v_con .sub_con .history_wrap > div > ul { width:calc( 100% - 111px ); } 
 .sub_con .history_wrap .year_left > p::after { left:calc( 100% + 6px ); } 
 .sub_con .history_wrap .year_right > p::after { left:calc( 100% + 6px ); } 

 #bo_v_con .sub_con .history_wrap .now > ul::before { width:25px; right:10px; bottom:10px; } 
 }
@media screen and (max-width:480px){
 .sub_con .history_wrap::before { left:4px; width:1px; } 
 .sub_con .history_wrap > div > p::before { width:10px; } 
 .sub_con .history_wrap > div > p::after { width:26px; } 
 #bo_v_con .sub_con .history_wrap > div > ul { width:calc( 100% - 76px ); padding:13px 15px; } 
 #bo_v_con .sub_con .history_wrap > div > ul > li ul { width:calc( 100% - 32px - 10px ); } 

 .sub_con .history_wrap .year_right { margin:20px 0 0 auto; } 
 .sub_con .history_wrap .year_right > p { padding-left:14px; } 
 .sub_con .history_wrap .year_right > ul > li span { margin-right:10px; } 

 .sub_con .history_wrap .year_left { margin:20px 0 0 auto; } 
 .sub_con .history_wrap .year_left > p { padding-left:14px; } 
 .sub_con .history_wrap .year_left > ul > li span { margin-right:10px; } 
 }
@media screen and (max-width:370px){
 .sub_con .history_wrap > div { flex-direction:column; } 
 #bo_v_con .sub_con .history_wrap > div > ul { width:calc( 100% - 15px ); margin-left:15px; } 
 }
/*w7_c_2 연혁·조직도 끝*/ 

/* w7_c_3 CI소개 */
.sub_con .one_three { display:flex; justify-content:space-between; align-items:flex-start; } 
.sub_con .one_three > p { width:24%; } 
.sub_con .one_three > div { width:72%; } 
.sub_con .one_three.align_items_c { align-items:center; } 

.sub_con.ci { } 
.sub_con.ci .logo_box { width:100%; height:318px; line-height:318px; text-align:center; border-radius:10px; border:1px solid #dddddd; position:relative; } 
.sub_con.ci .logo_box::before { content:''; position:absolute; z-index:0; width:100%; height:100%; background:url(../img/sub/w7/w7_c_3_bg1.png); top:0; left:0; } 
.sub_con.ci .logo_box img { display:inline-block !important; position:relative; z-index:1; transform:translateY(20px); width:auto !important; } 

.sub_con.ci .ci_color { } 
.sub_con.ci .ci_color div p { color:#ffffff; padding:5px 0 0 8px; } 
.sub_con.ci .ci_color > div > div { width:100%; height:77px; } 
.sub_con.ci .ci_color > div > div:first-of-type { background:linear-gradient(90deg, #005bac, #6fba2c); } 
.sub_con.ci .ci_color > div > div:last-of-type { display:flex; justify-content:space-between; align-items:center; margin-top:15px; } 
.sub_con.ci .ci_color > div > div:last-of-type > div { width:calc( ( 100% - 15px * 2 ) / 3 ); height:100%; } 
.sub_con.ci .ci_color > div > div:last-of-type > div:first-of-type { background-color:#008283; } 
.sub_con.ci .ci_color > div > div:last-of-type > div:nth-of-type(2) { background-color:#00478b; } 
.sub_con.ci .ci_color > div > div:last-of-type > div:last-of-type { background-color:#595757; } 

.sub_con.ci .ci_combine { } 
#bo_v_con .sub_con.ci .ci_combine ul li:not(.top_bar) { display:flex; } 
.sub_con.ci .ci_combine ul li p { width:calc( 100% - 537px ); } 
#bo_v_con .sub_con.ci .ci_combine ul li img { width:auto !important; } 

.sub_con.ci .ci_link { } 
#bo_v_con .sub_con.ci .ci_link ul { display:flex; justify-content:space-between; align-items:center; } 
#bo_v_con .sub_con.ci .ci_link ul li { width:calc( ( 100% - 15px ) / 2 ); } 
.sub_con.ci .ci_link ul li a { display:block; background-color:#0b8282; line-height:58px; text-align:center; } 
.sub_con.ci .ci_link ul li a span { color:#ffffff; } 

@media screen and (max-width:1100px){
 .sub_con .one_three > p { width:27%; } 
 .sub_con .one_three > div { width:70%; } 
 }
@media screen and (max-width:1000px){
 .sub_con.ci .logo_box { height:238px; line-height:246px; } 
 .sub_con .one_three > p { width:28%; } 
 .sub_con .one_three > div { width:69%; } 
 }
@media screen and (max-width:1040px){
 #bo_v_con .sub_con.ci .ci_combine ul li:not(.top_bar) { flex-direction:column; } 
 .sub_con.ci .ci_combine ul li p { width:100%; } 
 .sub_con.ci .ci_combine ul li .img_box { width:100%; margin-top:20px; } 
 }
@media screen and (max-width:800px){
 .sub_con.ci .logo_box { height:198px; line-height:207px; } 

 .sub_con .one_three { flex-direction:column; } 
 .sub_con .one_three > p { width:100%; } 
 .sub_con .one_three > p br { display:none; } 
 .sub_con .one_three > div { width:100%; padding-left:30px; } 

 #bo_v_con .sub_con.ci .ci_combine ul li { margin-bottom:40px; } 
 #bo_v_con .sub_con.ci .ci_combine ul li.top_bar { display:none; } 
 .sub_con.ci .ci_combine ul li .img_box { margin-top:7px; box-sizing:border-box; border-radius:10px; padding:35px 30px; border:1px solid #eeeeee; background-color:#fbfbfb; } 
 }
@media screen and (max-width:680px){
 .sub_con.ci .logo_box { height:178px; line-height:187px; } 
 .sub_con.ci .logo_box img { zoom:.8; } 

 .sub_con.ci .ci_color > div > div { height:60px; } 
 .sub_con.ci .ci_color > div > div:last-of-type { margin-top:10px; } 
 .sub_con.ci .ci_color > div > div:last-of-type > div { width:calc( ( 100% - 10px * 2 ) / 3 ); } 

 #bo_v_con .sub_con.ci .ci_combine ul li { margin-bottom:30px; } 
 .sub_con.ci .ci_combine ul li .img_box { padding:25px 20px; } 
 #bo_v_con .sub_con.ci .ci_combine ul li img { zoom:.85; } 

 .sub_con.ci .ci_link ul li a { line-height:48px; } 
 }
@media screen and (max-width:600px){
 .sub_con.ci .logo_box { height:158px; line-height:167px; } 
 .sub_con.ci .logo_box img { zoom:.7; } 

 .sub_con .one_three > div { padding-left:20px; } 

 #bo_v_con .sub_con.ci .ci_combine ul li img { zoom:.75; } 
 }
@media screen and (max-width:480px){
 .sub_con.ci .logo_box { height:128px; line-height:130px; } 
 .sub_con.ci .logo_box img { zoom:.6; } 

 .sub_con.ci .ci_color > div > div { height:50px; } 
 .sub_con.ci .ci_color div p { padding:6px 0 0 7px; } 
 .sub_con.ci .ci_color > div > div:last-of-type { margin-top:5px; } 
 .sub_con.ci .ci_color > div > div:last-of-type > div { width:calc( ( 100% - 5px * 2 ) / 3 ); } 

 #bo_v_con .sub_con.ci .ci_combine ul li { margin-bottom:20px; } 
 .sub_con.ci .ci_combine ul li .img_box { padding:21px 15px; } 
 #bo_v_con .sub_con.ci .ci_combine ul li img { zoom:.5; } 

 #bo_v_con .sub_con.ci .ci_link ul li { width:calc( ( 100% - 10px ) / 2 ); } 
 .sub_con.ci .ci_link ul li a { line-height:38px; } 
 }
@media screen and (max-width:370px){
 .sub_con.ci .logo_box { height:104px; line-height:103px; } 
 .sub_con.ci .logo_box img { zoom:.5; } 

 .sub_con .one_three > div { padding-left:12px; } 

 #bo_v_con .sub_con.ci .ci_link ul { flex-direction:column; } 
 #bo_v_con .sub_con.ci .ci_link ul li { width:100%; } 
 #bo_v_con .sub_con.ci .ci_link ul li:last-of-type { margin-top:8px; } 
 }
/* w7_c_3 CI소개 끝 */
/*w7 재단소개 foundation 끝*/

/* w20 홈페이지가이드*/
.sub_con.site_map { } 
.sub_con.site_map a { display:inline-block; } 
.sub_con.site_map a:hover { text-decoration: underline; } 
#bo_v_con .sub_con.site_map .sitemap_menu1 { position:relative; position:relative; padding:20px 10px 20px 250px; width:100%; margin-top:50px; } 
#bo_v_con .sub_con.site_map .sitemap_menu1:first-of-type { margin-top:0; } 
#bo_v_con .sub_con.site_map .sitemap_menu1::before { content:''; position:absolute; width:100%; height:1px; background-color:#dddddd; top:0; left:0; } 
#bo_v_con .sub_con.site_map .sitemap_menu1 > li > a { position:absolute; top:0; left:0; font-size:21px; color:#333333; font-weight:500; padding:20px 0 0 10px; } 
#bo_v_con .sub_con.site_map .sitemap_menu1 > li > a::before { content:''; position:absolute; width:calc( 100% + 30px ); height:3px; background-color:#6eba35; left:0; top:0; } 
#bo_v_con .sub_con.site_map .sitemap_menu2 { width:100%; display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; } 
#bo_v_con .sub_con.site_map .sitemap_menu2 li { width:calc( ( 100% - 15px * 3 ) / 4 ); margin-right:15px; margin-top:20px; text-align:center; } 
#bo_v_con .sub_con.site_map .sitemap_menu2 li:nth-of-type(4n) { margin-right:0; } 
#bo_v_con .sub_con.site_map .sitemap_menu2 li:nth-of-type(-n+4) { margin-top:0; } 

#bo_v_con .sub_con.site_map .sitemap_menu2 li a { font-size:16px; padding:10px 0; border:1px solid #dddddd; color:#222222; font-weight:300; width:100%; /*box-sizing: border-box; background:url(../img/sub/btn_bg.jpg) repeat 0 0; background-position:470px 0px; transition: all 0.6s cubic-bezier(.02,.48,.35,1); */ } 
/*#bo_v_con .sub_con.site_map .sitemap_menu2 li:hover a { background-position:200px 0px; color: #fff; } */

@media screen and (max-width:1000px){
 #bo_v_con .sub_con.site_map .sitemap_menu1 { padding:20px 10px 20px 220px; } 
 }
@media screen and (max-width:900px){
 #bo_v_con .sub_con.site_map .sitemap_menu1 { padding:0; } 
 #bo_v_con .sub_con.site_map .sitemap_menu1 > li > a { position:relative; top:auto; left:auto; font-size:17px; padding:11px 0 0; } 
 #bo_v_con .sub_con.site_map .sitemap_menu1 > li > a::before { width:100%; } 

 #bo_v_con .sub_con.site_map .sitemap_menu2 { margin-top:17px; } 
 #bo_v_con .sub_con.site_map .sitemap_menu2 li { width:calc( ( 100% - 10px * 3 ) / 4 ); margin-right:10px; margin-top:12px; } 
 #bo_v_con .sub_con.site_map .sitemap_menu2 li a { font-size:14px; } 
 }
@media screen and (max-width:680px){
 #bo_v_con .sub_con.site_map .sitemap_menu2 li { width:calc( ( 100% - 10px * 2 ) / 3 ); margin-right:10px; margin-top:12px; } 
 #bo_v_con .sub_con.site_map .sitemap_menu2 li:nth-of-type(4n) { margin-right:10px; } 
 #bo_v_con .sub_con.site_map .sitemap_menu2 li:nth-of-type(3n) { margin-right:0; } 
 #bo_v_con .sub_con.site_map .sitemap_menu2 li:nth-of-type(4) { margin-top:12px; } 
 }
@media screen and (max-width:480px){
 #bo_v_con .sub_con.site_map .sitemap_menu1 > li > a { font-size:15px; } 
 #bo_v_con .sub_con.site_map .sitemap_menu2 li a { font-size:12px; } 
 }
@media screen and (max-width:370px){
 #bo_v_con .sub_con.site_map .sitemap_menu2 li { width:calc( ( 100% - 10px * 1 ) / 2 ); margin-right:10px; margin-top:10px; } 
 #bo_v_con .sub_con.site_map .sitemap_menu2 li:nth-of-type(3n) { margin-right:10px; } 
 #bo_v_con .sub_con.site_map .sitemap_menu2 li:nth-of-type(2n) { margin-right:0; } 
 #bo_v_con .sub_con.site_map .sitemap_menu2 li:nth-of-type(3) { margin-top:10px; } 
 #bo_v_con .sub_con.site_map .sitemap_menu1 > li > a { font-size:14px; } 
 #bo_v_con .sub_con.site_map .sitemap_menu2 li a { font-size:11px; } 
 }
/* w20 홈페이지가이드 끝*/
/*서브페이지 개별 css 끝*/


/*임시
.btn i { display: none; } */

/*#hd_pop { position: relative; z-index: 10; } */


/* wrap-calendar */
#wrap-calendar { margin-top:45px; } 

#wrap-calendar nav { position:relative; } 
#wrap-calendar nav > .btn { position:absolute; right:0; top:50%; transform:translateY(-50%); } 
#wrap-calendar nav .info_txt { position:absolute; left:0; bottom:0; padding-left:24px; background:url(../img/sub/bulit.svg) no-repeat 0 center; font-size:15px; color:#F84343; } 
#wrap-calendar .pager { text-align:center; display:flex; justify-content:center; align-items:center; } 
#wrap-calendar .pager li { } 
#wrap-calendar .pager li:nth-of-type(2) { margin:0 27px; } 
#wrap-calendar .pager li > a { position:relative; display:block; width:32px; aspect-ratio:1/1; border-radius:5px; box-sizing:border-box; border:1px solid #dddddd; } 
#wrap-calendar .pager li > a > img { display:block; position:absolute; margin:auto; top:0; left:0; right:0; bottom:0; } 
/*#wrap-calendar .pager li > a:hover, #wrap-calendar .pager li > a:focus { text-decoration:none; } */
#wrap-calendar .ym-title { font-size:25px; font-weight:700; display:flex; justify-content:center; align-items:center; } 

#wrap-calendar table { border-collapse:collapse; border-spacing:0; border-top:2px solid #555555; border-bottom:2px solid #555555; margin-top:40px; width:100%; } 
#wrap-calendar table tr { display:table-row; vertical-align:inherit; border-color:inherit; } 
#wrap-calendar table th { width:calc( 100% / 7 ); font-size:16px; font-weight:500; color:#333333; line-height:48px; border-bottom:2px solid #dddddd; border-right:1px solid #dddddd; } 
#wrap-calendar table th:nth-of-type(7) { border-right-width:0; } 
#wrap-calendar table th.sunday { background-color:#fffaf6; color:#ff3333; } 
#wrap-calendar table th.saturday { background-color:#f6faff; color:#257cdf; } 

#wrap-calendar table td { position:relative; border-right:1px solid #dddddd; border-top:1px solid #dddddd; vertical-align:top; padding:0; cursor:pointer; } 
#wrap-calendar table td:nth-of-type(7n) { border-right-width:0; } 
#wrap-calendar table tbody tr:first-of-type td { border-top-width:0; } 
#wrap-calendar table td .day_date { font-size:16px; color:#333333; margin-bottom:10px; } 
#wrap-calendar table td .day.today .day_date { color:#2EA300; font-weight:500; } 


#wrap-calendar table td.box-sun { background-color:#fffaf6; } 
#wrap-calendar table td.box-sun .day_date { color:#ff3333; } 

#wrap-calendar table td.box-sat { background-color:#f6faff; } 
#wrap-calendar table td.box-sat .day_date { color:#257cdf; } 

#wrap-calendar table td.imposs { background-color:#f5f5f5; } 

#wrap-calendar table td.off { background-color:#fff4f4; cursor:initial; } 

#wrap-calendar table td.success { background-color:#edf6ff; border:2px solid #004b95; } 

#wrap-calendar table td.pick { background-color:#ffe8f2; border:2px dashed #e62f81; } 

#wrap-calendar table td .day { position:relative; z-index:3; display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; padding:9px 8px; min-height:210px; } 

#wrap-calendar table td .hoverTxt { position:absolute; left:0; top:50%; width:100%; transform: translateY(-50%); opacity:0; transition: all 0.3s ease-out; font-size:16px; text-indent:-9999px; display:none; } 
#wrap-calendar table td:before { position:absolute; left:0; top:0; z-index:4; width:100%; height:100%; background:rgba(0,0,0,0.07); display:block; content:""; opacity:0; transition: all 0.3s ease-out; } 
#wrap-calendar table td:hover .hoverTxt,
#wrap-calendar table td:hover:before { opacity:1; } 
/*
#wrap-calendar table td .d-flex { display:flex; flex-wrap:wrap; width:100%; } 
#wrap-calendar table td .ul-room-list { width:49%; } 
*/
#wrap-calendar table td .ul-room-list:nth-child(2n) { margin-left:auto; } 
#wrap-calendar table td .ul-room-list li { margin:2px 0; font-size:14px; letter-spacing:-1px; line-height:20px; margin-bottom:6px; } 
#wrap-calendar table td .ul-room-list li:last-of-type { margin-bottom:0; } 
#wrap-calendar table td .ul-room-list li p { word-break: break-word; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width:127px; } 
#wrap-calendar table td .ul-room-list li .info_tit { color:#333333; font-weight:500; width:fit-content; } 
#wrap-calendar table td .ul-room-list li.room-closed .info_tit { color:#666666; text-decoration:line-through; } 
#wrap-calendar table td .ul-room-list li a { position:relative; border:none; padding:0; margin:0; display:flex; align-items:center; flex-wrap:wrap; background:transparent; cursor:default; } 
#wrap-calendar table td .ul-room-list li a:before { position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#000; display:block; content:""; opacity:0; transition: all 0.2s ease-out; display:none; } 
#wrap-calendar table td .ul-room-list li a:hover:before { opacity:1; } 
#wrap-calendar table td .ul-room-list li .info_detail { font-weight:400; } 
#wrap-calendar table td .ul-room-list li .info_detail b { font-weight:inherit; color:#079c89; } 
#wrap-calendar .state { min-width:30px; padding:0 3px; height:17px; line-height:17px; text-align:center; font-size:14px; color:#fff; display:inline-block; box-sizing:border-box; } 
#wrap-calendar .state.holding { background-color:#FD8C24 } 
#wrap-calendar .state.confirmed { background-color:#1892DB } 
#wrap-calendar .state.cancel { background-color:#666666 } 
#wrap-calendar .state.non_deposit { background-color:#f84343; } 
#wrap-calendar .state.refund { background-color:#333; } 
#wrap-calendar .state.deposit { background-color:#1892DB; } 
#wrap-calendar table td .ul-room-list li .name { margin-left:3px; display:inline-block; font-size:15px; letter-spacing:-0.6px; } 
#wrap-calendar table td .day_off_txt { margin-top:2px; font-size:20px; color:#e12f2f; text-align:center; font-weight:700; width:100%; } 
#wrap-calendar table td .apply_popup_open { width:100%; height:26px; line-height:26px; background-color:#01337C; border:none; padding:0; margin:0; text-align:center; font-size:13px; color:#fff; display:none; } 
#wrap-calendar table td .confirm_people { margin-top:8px; width:100%; padding:2px; background-color:#1892DB; font-size:16px; font-weight:500; color:#fff; box-sizing:border-box; text-align:center; } 
#wrap-calendar table td .refund_people { margin-top:8px; width:100%; padding:2px; background-color:#333; font-size:16px; font-weight:500; color:#fff; box-sizing:border-box; text-align:center; } 
#wrap-calendar table td .wait_people { position:relative; z-index:10; margin-top:8px; width:100%; padding:2px; background-color:#FD8C24; font-size:16px; font-weight:500; color:#fff; box-sizing:border-box; text-align:center; } 
#wrap-calendar table td .wait_people .people_num { position:absolute; right:-76px; top:50%; padding:5px 10px 10px 20px; width:86px; height:77px; display:flex; align-items:center; justify-content:center; background:url(../img/sub/balloon.svg) no-repeat 0 0; font-size:14px; font-weight:500; color:#fff; transform: translateY(-50%); } 
#wrap-calendar table td .wait_people strong,
#wrap-calendar table td .refund_people strong,
#wrap-calendar table td .confirm_people strong { font-size:16px; color:#FFF888; font-weight:900; } 
#wrap-calendar .state_box { margin:50px 0; padding:30px 40px 30px; background-color:#F5FEFF; border:2px solid #1D82AE; max-height:240px; box-sizing:border-box; overflow:auto; } 
#wrap-calendar .state_box .title { margin-bottom:15px; font-size:20px; font-weight:700; } 
#wrap-calendar .state_box .title .confirm { padding:2px; background-color:#1892DB; display:inline-block; color:#fff; font-weight:600; } 
#wrap-calendar .state_box .title strong { font-weight:700; color:#FF0101; } 
#wrap-calendar .state_box ul li { padding:6px 0; font-size:17px; font-weight:500; display:flex; flex-wrap:wrap; } 
#wrap-calendar .state_box ul li span { display:inline-block; margin:0 8px; } 
#wrap-calendar .state_box ul li strong { display:inline-block; margin-right:8px; } 
#wrap-calendar .state_box ul li .c-navy { color:#01337C; } 
#wrap-calendar .state_box ul li .c-blue { color:#1D82AE; font-weight:500; } 
#wrap-calendar .state_box ul li .c-red { margin:0; color:#FF0101; font-weight:500; } 
#wrap-calendar .state_box ul li .state { margin:0 10px 0 0; width:32px; height:20px; line-height:20px; } 
#wrap-calendar .date_search { padding:10px 30px; border:1px solid #ddd; box-sizing:border-box; display:Flex; align-items:center; flex-wrap:wrap; } 
#wrap-calendar .date_search .title { margin-right:18px; color:#333; display:inline-block; font-size:16px; } 
#wrap-calendar .date_search .date_area { max-width:277px; display:flex; align-items:center; } 
#wrap-calendar .date_search .date_area input[type=text] { padding:0 30px 0 15px; width:47%; height:36px; line-height:36px; background:url(../img/sub/icon_dater.svg) no-repeat right 12px center #F2F2F2; border:1px solid #cccccc; border-radius:5px; } 
#wrap-calendar .date_search .date_area span { width:6%; text-align:center; } 
#wrap-calendar .date_search .btn_list { margin-left:10px; } 
#wrap-calendar .date_search .btn_list ul { display:flex; align-items:center; } 
#wrap-calendar .date_search .btn_list ul li { margin-left:5px; } 
#wrap-calendar .date_search .btn_list ul li button { padding:0 5px; height:30px; line-height:30px; color:#fff; display:block; border:none; background-color:#99BCCB; } 
#wrap-calendar .date_search .btn_download { margin-left:15px; padding:0 14px; height:34px; line-height:34px; border:1px solid #ddd; background-color:#01337C; border-radius:5px; font-size:14px; color:#fff; } 

/* bus */
.bus #wrap-calendar table td .d-flex { display:block; } 
.bus #wrap-calendar table td .ul-room-list { width:100%; } 
.bus #wrap-calendar table td .ul-room-list strong { font-weight:400; color:#01337C; } 
/* wrap-calendar */

/* banner_rolling_wrap */
.banner_rolling_wrap { margin:40px 0 50px; overflow:hidden; display:none; } 
.banner_rolling_wrap img { max-width:100%; } 
.banner_rolling_wrap .control { margin-top:20px; text-align:center; display:Flex; justify-content:center; align-items:center; } 
.banner_rolling_wrap .control .rolling_stop { width:8px; height:10px; background:url(../img/sub/pause.svg) no-repeat center center; border:none; padding:0; margin:0; display:block; } 
.banner_rolling_wrap .swiper-pagination { position:Relative; left:auto; padding-right:10px; } 
.banner_rolling_wrap .swiper-pagination-bullet { margin:0 3px; width:6px; height:6px; background-color:#222; opacity:0.5; border:none; } 
.banner_rolling_wrap .swiper-pagination-bullet.swiper-pagination-bullet-active { width:18px; border-radius:2em; opacity:1; } 

/* custom_checkbox */
.custom_checkbox { position:relative; overflow:hidden; padding-left:30px; min-height:24px; } 
.custom_checkbox input[type=checkbox] { position:absolute; left:-20px; top:0; } 
.custom_checkbox label { overflow:hidden; display:inline-block; font-size:18px; } 
.custom_checkbox label strong { font-weight:900; } 
.custom_checkbox label:before { position:absolute; left:0; top:0; width:22px; height:22px; background:url(../img/sub/checkbox_off.svg) no-repeat center center; display:block; content:""; transition: all 0.3s ease-out; background-size:100%; } 
.custom_checkbox .ex { margin-top:2px; display:block; font-size:14px; color:#fff; opacity:0.8; } 
.custom_checkbox input[type=checkbox]:checked+label::before { background:url(../img/sub/checkbox_on.svg) no-repeat center center; background-size:100%; } 

/* custom_table */
.custom_table { margin-bottom:10px; } 
.custom_table>ul { display:flex; border-top:2px solid #233753; flex-wrap:wrap; border-bottom:2px solid #233753; } 
.custom_table>ul>li { width:50%; display:flex; background-color:#FAFAFA; font-size:16px; color:#444; } 
.custom_table>ul>li .title { width:25%; background-color:#233753; min-height:50px; display:flex; align-items:center; justify-content: center; color:#fff; } 
.custom_table>ul>li .title strong { margin-left:5px; color:#FF0101; font-weight:400; display:inline-block; } 
.custom_table>ul>li .input_area { width:75%; min-height:50px; padding:7px 10px; box-sizing:border-box; display:flex; align-items:center; border-bottom:1px solid #ccc; } 
.custom_table>ul>li .security_number { max-width:346px; } 
.custom_table>ul>li .security_number input[type=number] { width:46%; } 
.custom_table>ul>li .security_number input[type=password] { width:46%; } 
.custom_table>ul>li .security_number span { width:8%; text-align:center; } 
.custom_table>ul>li .custom_radio { margin-right:20px; } 
.custom_table>ul>li .custom_radio:last-child { margin-right:0; } 
.custom_table>ul>li .tel { max-width:350px; } 
.custom_table>ul>li .tel input[type=number] { width:28.5%; } 
.custom_table>ul>li .tel input[type=password] { width:28.5%; } 
.custom_table>ul>li .tel span { width:7.25%; text-align:center; } 

.custom_table2 { margin-bottom:26px; } 
.custom_table2 .thead>ul { display:Flex; flex-wrap:wrap; } 
.custom_table2 .thead>ul>li { min-height:50px; background-color:#233753; text-align:center; display:flex; align-items:center; font-size:16px; color:#fff; justify-content:center; } 
.custom_table2 .tbody>ul>li:nth-child(1),
.custom_table2 .thead>ul>li:nth-child(1) { width:22.5%; } 
.custom_table2 .tbody>ul>li:nth-child(2),
.custom_table2 .thead>ul>li:nth-child(2) { width:15%; } 
.custom_table2 .tbody>ul>li:nth-child(3),
.custom_table2 .thead>ul>li:nth-child(3) { width:21%; } 
.custom_table2 .tbody>ul>li:nth-child(4),
.custom_table2 .thead>ul>li:nth-child(4) { width:15%; } 
.custom_table2 .tbody>ul>li:nth-child(5),
.custom_table2 .thead>ul>li:nth-child(5) { width:26.5%; } 
.custom_table2 .tbody>ul { display:flex; border-bottom:1px solid #ddd; } 
.custom_table2 .tbody>ul>li { min-height:50px; padding:0 2px; text-align:center; display:flex; align-items:center; font-size:16px; justify-content:center; box-sizing:border-box; } 
.custom_table2 .tbody>ul>li .title { display:none; } 


/* apply_popup */
/*
input { -webkit-appearance: none; -moz-appearance: none; appearance: none; } 
*/

/* IE10 이상에서 input box 에 추가된 지우기 버튼 제거 */
input::-ms-clear { display: none; } 

/* input type number 에서 화살표 제거 */
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; } 

.apply_popup { position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3); z-index:50; visibility:hidden; opacity:0; transition: all 0.3s ease-out; } 
.apply_popup.active { visibility:visible; opacity:1; } 
.apply_popup .popup_content { position:fixed; left:50%; top:50%; max-width:1000px; width:90%; background-color:#fff; transform: translate(-50%, -50%); border-radius:2em; border:4px solid #d6d6d6; } 
.apply_popup .popup_content .inner { margin:60px 20px 0 0; padding:0 40px 20px 60px; height:calc(90vh - 170px); max-height:480px; overflow:auto; } 
.apply_popup h1 { margin-bottom:20px; font-size:23px; font-weight:700; } 
.apply_popup ul li { position:Relative; padding-left:20px; background:url(../img/sub/icon_check.svg) no-repeat 0 10px; font-size:16px; line-height:2; } 
.apply_popup ul li strong { background-color:#1D82AE; color:#fff; font-weight:400; } 
.apply_popup .inner>div { position:relative; padding-top:20px; margin-top:20px; border-top:2px dashed #DDD; } 
.apply_popup .inner>div:first-child { border-top:none; padding-top:0; margin:0; } 
.apply_popup .agree_area { padding:24px 60px; background-color:#1d82ae; border-radius:0 0 2em 2em; } 
.apply_popup .popup_close { position:absolute; right:-20px; top:-20px; width:60px; height:60px; background:url(../img/sub/popup_close.svg) no-repeat center center; border:none; } 
.apply_popup .btn_area { margin-top:15px; } 
.apply_popup .btn_area>* { width:100%; height: 50px; line-height:50px; text-align:center; background-color:#01337C; border-radius:5px; font-size:20px; font-weight:600; color:#fff; border-radius:5px; border:none; } 
.apply_popup .custom_checkbox label { border-bottom:2px solid #fff; color:#fff; } 
.tour_apply_btn { margin:100px auto 60px; max-width:500px; } 
.tour_apply_btn>* { position:relative; width:100%; height:55px; line-height:55px; background-color:#01337C; display:block; text-align:center; font-size:20px; font-weight:500; color:#fff; border:none; } 
.tour_apply_btn >*:before { position:absolute; left:5.4%; top:-18px; width:93px; height:54px; background:url(../img/sub/icon_taxi.svg) no-repeat center center; display:block; content:""; } 
.bus .tour_apply_btn button:before { width:94px; height:45px; background:url(../img/sub/icon_bus.svg) no-repeat center center; } 

.calendar_detail_popup { position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3); z-index:50; visibility:hidden; opacity:0; transition: all 0.3s ease-out; } 
.calendar_detail_popup.active { visibility:visible; opacity:1; } 
.calendar_detail_popup .popup_content { position:fixed; left:50%; top:50%; padding:30px; max-width:800px; width:90%; background-color:#fff; transform: translate(-50%, -50%); border-radius:2em; border:4px solid #d6d6d6; box-sizing:border-box; } 
.calendar_detail_popup .popup_content .inner { margin:60px 20px 0 0; padding:0 40px 20px 60px; height:calc(90vh - 170px); max-height:480px; overflow:auto; } 
.calendar_detail_popup h1 { margin-bottom:20px; font-size:23px; font-weight:700; } 
.calendar_detail_popup .state_box { padding:15px 20px 15px; background-color:#F5FEFF; border:2px solid #1D82AE; max-height:240px; box-sizing:border-box; overflow:auto; } 
.calendar_detail_popup .state_box .title { margin-bottom:15px; font-size:20px; font-weight:700; } 
.calendar_detail_popup .state_box .title .confirm { padding:2px; background-color:#1892DB; display:inline-block; color:#fff; font-weight:600; } 
.calendar_detail_popup .state_box .title strong { font-weight:700; color:#FF0101; } 
.calendar_detail_popup .state_box ul li { padding:6px 0; font-size:17px; font-weight:500; display:flex; flex-wrap:wrap; } 
.calendar_detail_popup .state_box ul li span { display:inline-block; margin:0 8px; } 
.calendar_detail_popup .state_box ul li strong { display:inline-block; margin-right:8px; } 
.calendar_detail_popup .state_box ul li .c-navy { color:#01337C; } 
.calendar_detail_popup .state_box ul li .c-blue { color:#1D82AE; font-weight:500; } 
.calendar_detail_popup .state_box ul li .c-red { margin:0; color:#FF0101; font-weight:500; } 
.calendar_detail_popup .state_box ul li .state { margin:0 10px 0 0; width:32px; height:20px; line-height:20px; } 
.calendar_detail_popup .popup_close { position:absolute; right:-20px; top:-20px; width:60px; height:60px; background:url(../img/sub/popup_close.svg) no-repeat center center; border:none; } 
.calendar_detail_popup .btn_area { margin-top:15px; text-align:center; display:flex; align-items:center; justify-content:center; } 
.calendar_detail_popup .btn_area .btn span { color:#78e0eb; } 
.calendar_detail_popup .btn_area .btn { margin-left:10px; max-width:300px; width:100%; height: 50px; line-height:50px; text-align:center; background-color:#01337C; border-radius:5px; font-size:20px; font-weight:600; color:#fff; border-radius:5px; border:none; display:inline-block; } 
.calendar_detail_popup .state { min-width:30px; padding:0 3px; height:17px; line-height:17px; text-align:center; font-size:14px; color:#fff; display:inline-block; box-sizing:border-box; } 
.calendar_detail_popup .state.holding { background-color:#FD8C24 } 
.calendar_detail_popup .state.confirmed { background-color:#1892DB } 
.calendar_detail_popup .state.cancel { background-color:#666666 } 
.calendar_detail_popup .state.non_deposit { background-color:#f84343; } 
.calendar_detail_popup .state.refund { background-color:#333; } 
.calendar_detail_popup .state.deposit { background-color:#1892DB; } 

/* tour_step */
.tour_step { position:relative; margin-top:100px; } 
.tour_step:before { position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#ddd; display:block; content:""; } 
.tour_step ul { display:flex; } 
.tour_step ul li { position:relative; max-width:200px; padding-bottom:10px; display:flex; align-items:center; flex-grow:1; font-size:16px; font-weight:500; color:#333; word-break:keep-all; } 
.tour_step ul li .num { margin-right:8px; width:40px; height:40px; background-color:#bbb; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; } 
.tour_step ul li.on .num { background-color:#1d82ae; } 
.tour_step ul li.on:before { position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#1D82AE; display:block; content:""; } 

.tour_step_cont select,
.tour_step_cont input[type=number],
.tour_step_cont input[type=password],
.tour_step_cont input[type=text] { padding:0 15px; max-width:580px; width:100%; height:40px; line-height:40px; border:1px solid #ccc; box-sizing:border-box; border-radius:5px; font-size:16px; color:#333; } 
.tour_step_cont h1 { margin-top:57px; padding-bottom:15px; border-bottom:2px solid #222; margin-bottom:30px; font-size:20px; font-weight:700; } 
.horizontal_calendar { position:relative; padding:30px 80px; background-color:rgba(29,130,174,0.1); border-radius:15px; } 
.horizontal_calendar .year_month { margin-bottom:15px; display:flex; align-items:center; justify-content:center; } 
.horizontal_calendar .year_month h2 { margin:0 22px; font-size:25px; font-weight:700; } 
.horizontal_calendar .year_month .month_prev { width:30px; height:30px; background:url(../img/sub/calendar_prev.svg) no-repeat center center; border:none; border-radius:50%; text-indent:-9999px; } 
.horizontal_calendar .year_month .month_next { width:30px; height:30px; background:url(../img/sub/calendar_next.svg) no-repeat center center; border:none; border-radius:50%; text-indent:-9999px; } 
.tour_step_cont .calendar_rolling { position:Relative; margin:0 auto; } 
.horizontal_calendar { overflow:hidden; } 
.horizontal_calendar .calendar_rolling { overflow:hidden; } 
.horizontal_calendar .calendar_rolling .swiper-slide button { margin:0 auto; min-width:46px; padding:10px; text-align:center; background:none; border-radius:2em; border:none; } 
.horizontal_calendar .calendar_rolling .swiper-slide button .day_num { margin-top:2px; display:block; font-size:17px; } 
.horizontal_calendar .calendar_rolling .swiper-slide button .day_ko { display:block; font-size:14px; } 
.horizontal_calendar .calendar_rolling .swiper-slide .active { background-color:#1D82AE; } 
.horizontal_calendar .calendar_rolling .swiper-slide .active .day_num { color:#fff; } 
.horizontal_calendar .calendar_rolling .swiper-slide .active .day_ko { color:#fff; opacity:0.5; } 
.horizontal_calendar .calendar_rolling .swiper-slide .today .day_ko { color:#fff; } 
.horizontal_calendar .calendar_rolling .swiper-slide .c-blue.day_ko { color:#257CDF; } 
.horizontal_calendar .calendar_rolling .swiper-slide .c-red.day_ko { color:#FF3333; } 
.calendar_rolling_wrap { position:Relative; max-width:702px; margin:0 auto; } 
.calendar_rolling_wrap .swiper-button-prev { left:-50px; background:url(../img/sub/calendar_rolling_prev.svg) no-repeat right center; } 
.calendar_rolling_wrap .swiper-button-next { right:-50px; background:url(../img/sub/calendar_rolling_next.svg) no-repeat right center; } 
.tour_step_cont .btn_list ul { display:flex; flex-wrap:wrap; } 
.tour_step_cont .btn_list ul li { margin-right:10px; } 
.tour_step_cont .btn_list ul li>button { padding:0 20px; min-width:190px; height:46px; line-height:44px; border:1px solid #ddd; box-sizing:border-box; text-align:center; background-color:#fff; font-size:15px; } 
.tour_step_cont .btn_list ul li .on { background-color:#1D82AE; color:#fff; } 
.tour_step_cont .btn_list ul li>:disabled { background-color:#f3f3f3; color:#777; cursor:default; } 

@keyframes blink { 
 0% { opacity:1; } 
 40% { opacity:1; } 
 70% { opacity:0; } 
 100% { opacity:1; } 
 }
.tour_step_cont .btn_list ul li .link { display:block; padding-top:5px; text-align:center; animation: blink 1.8s ease-out infinite; } 
.tour_step_cont .btn_list ul li .link a { display:inline-block; font-size:14px; color:#1d82ae; border-bottom:1px solid #1d82ae; } 
.custom_radio { position:relative; display:inline-block; overflow:hidden; } 
.custom_radio input[type=radio] { position:absolute; left:-20px; top:0; } 
.custom_radio label { position:relative; padding-left:24px; font-size:16px; min-height:22px; display:block; } 
.custom_radio label:before { position:absolute; left:0; top:2px; width:20px; height:20px; border:2px solid #777; display:block; content:""; box-sizing:border-box; border-radius:50%; } 
.custom_radio input[type=radio]:checked + label:before { border-color:var(--point-color-1); } 
.custom_radio input[type=radio]:checked + label:after { position:absolute; left:4px; top:6px; width:12px; height:12px; background-color:var(--point-color-1); display:block; content:""; border-radius:50%; } 
.tour_step_cont .radio_list ul { display:flex; flex-wrap:wrap; } 
.tour_step_cont .radio_list ul li { margin-right:20px; display:flex; align-items:center; white-space: nowrap; } 
.tour_step_cont .radio_list ul li input[type=text] { padding-left:15px; margin-left:10px; max-width:445px; width:calc(100% - 60px); height:40px; line-height:40px; border-radius:5px; background-color:#F2F2F2; border:1px solid #ccc; box-sizing:border-box; } 
/*.tour_step_cont .radio_list ul li:last-child .custom_radio { width:80px; } */
.tour_step_cont .btn_area { margin-top:60px; display:flex; } 
.tour_step_cont .btn_area>* { width:50%; text-align:center; height:55px; line-height:55px; border:none; } 
.tour_step_cont .btn_area>* span { font-size:18px; font-weight:500; color:#fff; } 
.tour_step_cont .btn_area>*.prev { background-color:#bbb; } 
.tour_step_cont .btn_area>*.confirm,
.tour_step_cont .btn_area>*.next { background-color:#01337C; } 
.tour_step_cont .btn_area>*.prev span { padding-left:20px; background:url(../img/sub/btn_prev.svg) no-repeat 0 center; display:inline-block; } 
.tour_step_cont .btn_area>*.next span { padding-right:20px; background:url(../img/sub/btn_next.svg) no-repeat right center; display:inline-block; } 
.tour_step_cont .btn_area>*.confirm span { padding-right:28px; background:url(../img/sub/icon_confirm.svg) no-repeat right center; display:inline-block; } 
.tour_step_cont .title_area { margin:57px 0 30px; display:flex; align-items:center; padding-bottom:15px; border-bottom:2px solid #222; } 
.tour_step_cont .title_area h1 { border-bottom:none; padding-bottom:0; margin:0; } 
.tour_step_cont .title_area .info_txt { margin-left:auto; font-size:14px; l color:#888; } 
.tour_step_cont .title_area .info_txt.c-red { color:#FF0101; } 
.tour_step_cont .title_area .info_txt strong { font-weight:400; color:#EE0808; } 
.tour_step_cont .applicant_info ul { padding:0 0 20px; } 
.tour_step_cont .applicant_info ul li { position:relative; padding:10px 0; display:flex; align-items:center; font-size:16px; } 
.tour_step_cont .applicant_info ul li .title { width:160px; font-size:16px; color:#333; } 
.tour_step_cont .applicant_info ul li .title strong { color:#FF0101; display:inline-block; margin-left:5px; } 
.tour_step_cont .applicant_info ul li .input_area { width:calc(100% - 160px); } 
.tour_step_cont .applicant_info ul li .input_area .ml_10 { display:inline-block; margin-left:10px; } 
.tour_step_cont .applicant_info ul li .private_group .custom_radio { margin-left:20px; } 
.tour_step_cont .applicant_info ul li .private_group .custom_radio:first-child { margin-left:0; } 
.tour_step_cont .applicant_info ul li .private_group input[type=text] { margin-left:10px; max-width:445px; background-color:#F2F2F2; border:1px solid #ccc; } 
.tour_step_cont .applicant_info ul li .tel { display:flex; max-width:350px; align-items:center; } 
.tour_step_cont .applicant_info ul li .tel input[type=number] { width:28.5%; } 
.tour_step_cont .applicant_info ul li .tel span { width:7.25%; font-size:17px; color:#333; text-align:center; } 
.tour_step_cont .applicant_info ul li .email { max-width:582px; display:flex; align-items:center; } 
.tour_step_cont .applicant_info ul li .email select { margin-left:1%; width:31%; } 
.tour_step_cont .applicant_info ul li .email input[type=text] { width:31%; } 
.tour_step_cont .applicant_info ul li .email span { width:6%; font-size:17px; text-align:center; } 
.tour_step_cont .applicant_info ul li textarea { width:100%; height:150px; box-sizing:border-box; border:1px solid #ccc; border-radius:5px; overflow:auto; } 
.tour_step_cont .explanation { margin-top:8px; font-size:14px; color:#888888; } 
.tour_step_cont .d-flex { display:flex; } 
.tour_step_cont .align-center { align-items:center; } 
.tour_step_cont .traveler_info { margin-bottom:35px; } 
.tour_step_cont .traveler_info ul li { position:Relative; padding-left:20px; font-size:16px; line-height:1.7; } 
.tour_step_cont .traveler_info ul li span { font-size:16px; color:#FF0101; } 
.tour_step_cont .traveler_info ul li strong { color:#FF0101; } 
.tour_step_cont .traveler_info .taxi_number { margin:30px 0; display:flex; align-items:center } 
.tour_step_cont .traveler_info .taxi_number .title { width:160px; font-size:16px; } 
.tour_step_cont .traveler_info .taxi_number .title strong { color:#FF0101; } 
.tour_step_cont .traveler_info .taxi_number .input_area { width:calc(100% - 160px); font-size:17px; } 
.tour_step_cont .traveler_info .taxi_number .input_area strong { font-weight:600; color:#FF0101; } 
.tour_step_cont .traveler_info .taxi_number .input_area .d-flex { max-width:210px; } 
.tour_step_cont .traveler_info .taxi_number select { width:calc(100% - 20px); } 
.tour_step_cont .traveler_info .taxi_number .input_area span { width:20px; font-size:17px; color:#333; text-align:right; display:inline-block; } 
.tour_step_cont .traveler_info .agree_txt label { font-size:18px; color:#1D82AE; min-height:22px; display:inline-block; } 
.tour_step_cont .traveler_info .agree_txt strong { font-weight:600; } 
.tour_step_cont .control_btn { margin-bottom:30px; display:flex; } 
.tour_step_cont .control_btn button { width:49.5%; height:36px; line-height:36px; text-align:center; border:none; } 
.tour_step_cont .control_btn button:nth-child(2n) { margin-left:auto; } 
.tour_step_cont .control_btn .icon_minus { background-color:#aaa; border:1px solid #ccc; box-sizing:border-box; border-radius:5px; } 
.tour_step_cont .control_btn .icon_minus span { padding-left:27px; background:url(../img/sub/icon_minus.svg) no-repeat 0 center; font-size:16px; color:#fff; } 
.tour_step_cont .control_btn .icon_plus { background-color:#1D82AE; border:1px solid #ccc; box-sizing:border-box; border-radius:5px; } 
.tour_step_cont .control_btn .icon_plus span { padding-right:27px; background:url(../img/sub/icon_plus.svg) no-repeat right center; font-size:16px; color:#fff; } 
.tour_step_cont .total_applicant { text-align:center; font-size:22px; color:#333333; font-weight:700; } 
.tour_step_cont .total_applicant strong { color:#FF761A; } 
.tour_step_cont .payment_info>ul { padding-top:5px; } 
.tour_step_cont .payment_info>ul>li { padding:15px 0; display:flex; align-items:center; } 
.tour_step_cont .payment_info>ul>li .title { width:160px; font-size:16px; } 
.tour_step_cont .payment_info>ul>li .title strong { color:#FF0101; } 
.tour_step_cont .payment_info>ul>li .txt_area { width:calc(100% - 160px); font-size:16px; } 
.tour_step_cont .payment_info>ul>li .price { font-size:18px; font-weight:700; } 
.tour_step_cont .payment_info>ul>li .price strong { color:#FF0101; text-decoration:underline; } 
.tour_step_cont .agree_form { padding:30px; background-color:#F5F5F5; } 
.tour_step_cont .agree_form>ul>li { position:Relative; padding:20px 0 0; } 
.tour_step_cont .agree_form>ul>li .custom_checkbox { padding-bottom:20px; border-bottom:1px solid #ddd; } 
.tour_step_cont .agree_form>ul>li .custom_checkbox label { font-size:16px; } 
.tour_step_cont .agree_form>ul>li textarea { padding:20px; width:100%; height:140px; color:#ccc; box-sizing:border-box; line-height:1.7; font-size:15px; color:#666; overflow:auto; border:none; } 
.tour_step_cont .agree_form .terms_open { position:absolute; right:0; top:14px; z-index:3; width:30px; height:30px; background:url(../img/sub/accordion_arrow.svg) no-repeat center center; display:block; border:none; transition: all 0.3s ease-out; } 
.tour_step_cont .agree_form .on .terms_open { transform: rotate( 180deg ); } 
.tour_step_cont .agree_form .terms_box { display:none; } 
.tour_step3 .btn_area { display:block; margin:0 auto; max-width:500px; margin-top:60px; } 
.tour_step3 .btn_area>* { width:100%; } 
.tour_step3 .btn_area .check_txt { margin-top:26px; } 
.tour_step3 .btn_area .check_txt span { padding-left:15px; background:url(../img/sub/icon_check.svg) no-repeat 0 center; background-size:9px; font-size:15px; font-weight:500; color:#000; } 
.tour_step3 .btn_area .check_txt span strong { font-weight:500; color:#1D82AE; text-decoration:underline; } 
.tour_step3 .top_title { margin-bottom:50px; padding-bottom:0; border:none; font-size:32px; font-weight:700; text-align:center; } 
.application_completed { margin-top:60px; padding-bottom:30px; border-bottom:1px solid #ddd; text-align:center; } 
.application_completed .icon { margin-bottom:20px; } 
.application_completed strong { margin:20px 0 15px; display:block; font-size:22px; font-weight:700; } 
.application_completed p { font-size:15px; color:#555555; } 
.application_completed p span { color:#1D82AE; } 

.basic-btn01 { height:55px; line-height:55px; background-color:#B3B3B3; font-size:17px; font-weight:500; color:#fff; display:block; border:none; width:100%; border-radius:5px; } 

/* taxi_intro */
.taxi_intro h1 { margin-bottom:50px; font-size:32px; font-weight:700; text-align:center; } 
.taxi_intro h2 { margin-bottom:30px; font-size:23px; font-weight:700; line-height:1; } 
.taxi_intro ul { padding-bottom:60px; margin-bottom:60px; border-bottom:2px dashed #ddd; } 
.taxi_intro ul li { position:relative; padding-left:20px; background:url(../img/sub/icon_check.svg) no-repeat 0 15px; font-size:16px; line-height:2.5; } 
.taxi_intro ul li strong { font-weight:500; color:#1D82AE; text-decoration:underline; } 

@media screen and (max-width: 1200px){
 #wrap-calendar table td .d-flex { display:block; } 
#wrap-calendar table td .ul-room-list { width:100%; } 
#wrap-calendar .date_search .title { margin-bottom:10px; width:100%; display:block; } 
#wrap-calendar nav .info_txt { position:Relative; left:Lauto; margin-top:10px; } 
 }

@media screen and (max-width: 960px){
 #wrap-calendar table th { line-height:40px; font-size:14px; } 
#wrap-calendar table td .day_date { font-size:14px; } 
#wrap-calendar .state { height:15px; line-height:15px; font-size:12px; } 
#wrap-calendar table td .ul-room-list li .name { font-size:12px; } 
#wrap-calendar table td .ul-room-list li { margin:1px 0 0; } 
#wrap-calendar table td .day_off_txt { font-size:16px; } 
#wrap-calendar .state_box { padding:15px 3%; } 
#wrap-calendar .state_box .title { font-size:16px; } 
#wrap-calendar .state_box ul li { padding:3px 0; font-size:15px; } 
#wrap-calendar .date_search { padding:10px; } 
#wrap-calendar .date_search .date_area { max-width:100%; width:100%; } 
#wrap-calendar .date_search .btn_list { margin:10px 0; } 
#wrap-calendar table td .wait_people { font-size:13px; word-break:keep-all; } 
.taxi_intro h1 { margin-bottom:25px; font-size:30px; } 
.taxi_intro h2 { margin-bottom:15px; font-size:18px; } 
.taxi_intro ul li { line-height:2; background-position:0 10px; } 
.taxi_intro ul { padding-bottom:30px; margin-bottom:30px; } 
.calendar_rolling_wrap { position:relative; padding:0 50px; } 
.horizontal_calendar { padding:30px 0; } 
.calendar_rolling_wrap .swiper-button-prev { left:10px; } 
.calendar_rolling_wrap .swiper-button-next { right:10px; } 
.calendar_rolling_wrap .swiper-slide { text-align:center; } 
.tour_step_cont .btn_list ul li { flex-grow:1; margin:2px 5px; } 
.tour_step_cont .btn_list ul li>* { min-width:100%; width:100%; } 
.tour_step_cont .radio_list ul li { margin:2px 5px; } 
.horizontal_calendar .year_month h2 { font-size:20px; } 
.tour_step_cont .payment_info>ul>li,
.tour_step_cont .applicant_info ul li { display:block; } 
.tour_step_cont .traveler_info .taxi_number .title,
.tour_step_cont .payment_info>ul>li .title,
.tour_step_cont .applicant_info ul li .title { width:100%; margin-bottom:10px; } 
.tour_step_cont .payment_info>ul>li .txt_area,
.tour_step_cont .applicant_info ul li .input_area { width:100%; } 
.custom_table>ul { display:block; } 
.custom_table>ul>li { width:100%; } 
.tour_step_cont .agree_form { padding:20px; } 
.tour_step_cont .traveler_info .taxi_number { display:block; } 
.tour_step_cont .applicant_info ul li .private_group input[type=text] { max-width:calc(100% - 150px); } 
.tour_step_cont h1 { margin:30px 0 15px; padding-bottom:10px; } 
 }

@media screen and (max-width: 768px){
 .calendar_detail_popup .btn_area .btn { font-size:14px; } 
#wrap-calendar table td .state { padding:0; min-width:10px; width:10px; height:10px; text-indent:-9998px; border-radius:50%; } 
#wrap-calendar table td .day { min-height:80px; } 
#wrap-calendar table td .day_off_txt,
#wrap-calendar table td .day_date { margin-bottom:5px; font-size:12px; } 
#wrap-calendar table td .ul-room-list li .name { display:none; } 
.tour_apply_btn button { font-size:16px; } 
.tour_apply_btn button:before { top:-12px; width:80px; height:45px; background-size:100%; } 
#wrap-calendar table td .day { padding:5px; } 
#wrap-calendar table td .wait_people strong, 
#wrap-calendar table td .refund_people strong, 
#wrap-calendar table td .confirm_people strong,
#wrap-calendar table td .wait_people,
#wrap-calendar table td .refund_people,
#wrap-calendar table td .confirm_people { font-size:13px; } 
.tour_step_cont .agree_form>ul>li .custom_checkbox label { font-size:14px; } 
.tour_step_cont .title_area { margin:30px 0 15px; } 
.tour_step_cont .traveler_info .agree_txt label { font-size:16px; } 
.tour_step_cont .agree_form>ul>li textarea { padding:10px; } 
.tour_step ul li .num { width:24px; height:24px; font-size:14px; } 
.custom_table2 .tbody>ul>li { font-size:13px; } 
.tour_step3 .top_title { font-size:24px; } 

.calendar_detail_popup .popup_content { padding:30px 15px; } 
.calendar_detail_popup h1 { font-size:18px; } 
.calendar_detail_popup .state_box { padding:15px; } 
.calendar_detail_popup .state_box .title { font-size:16px; } 
.calendar_detail_popup .state_box ul li { font-size:14px; } 
 }

@media screen and (max-width: 640px){
 #wrap-calendar .date_search .btn_download { margin:0; width:100%; } 
#wrap-calendar .date_search .btn_list,
#wrap-calendar .date_search .btn_list ul { width:100%; } 
#wrap-calendar .date_search .btn_list ul li { flex-grow:1; } 
#wrap-calendar .date_search .btn_list ul li button { width:100%; } 
#wrap-calendar .date_search .btn_list ul li:first-child { margin-left:0; } 
#wrap-calendar .ym-title { font-size:20px; } 
.custom_table2 .thead>ul>li { font-size:13px; } 
 }

/* reservation_check */
.reservation_check { margin:0 auto; max-width:560px; padding:0 0 60px; } 
.reservation_check h1 { margin-bottom:35px; font-size:32px; font-weight:700; text-align:center; } 
.reservation_check ul li { padding:15px 0; display:flex; } 
.reservation_check ul li .title { margin-top:10px; font-size:16px; display:block; width:120px; } 
.reservation_check ul li .input_form { width:calc(100% - 120px); } 
.reservation_check ul li input[type=number],
.reservation_check ul li input[type=text] { padding:0 10px; width:100%; height:40px; line-height:40px; border-radius:5px; background-color:#F2F2F2; border:1px solid #ccc; box-sizing:border-box; outline:none; transition: all 0.3s ease-out; } 
.reservation_check ul li input[type=number]:focus,
.reservation_check ul li input[type=text]:focus { border-color:#1D82AE; background-color:#fff; } 
.reservation_check ul li .tel { display:flex; align-items:center; width:100%; } 
.reservation_check ul li .tel input[type=number] { width:29%; } 
.reservation_check ul li .tel span { text-align:center; width:6.5%; } 
.reservation_check ul li .info_txt { margin-top:5px; font-size:14px; color:#888; } 
.reservation_check .btn_area { padding-top:10px; } 
.reservation_check .btn_area .btn { width:100%; height:50px; line-height:50px; text-align:center; font-size:17px; color:#fff; font-weight:500; border-radius:5px; background-color:var(--point-color-1) } 
.reservation_check .qna { margin-top:45px; text-align:center; } 
.reservation_check .qna a { position:relative; display:inline-block; padding-left:78px; font-size:14px; font-weight:500; color:#666666; } 
.reservation_check .qna a:before { position:absolute; left:0; top:0; width:57px; height:53px; display:block; content:""; background:url(../img/sub/icon_qa.svg) no-repeat center center; } 
.reservation_check .qna a strong { display:block; font-size:20px; font-weight:900; color:#333; } 

@media screen and (max-width: 640px){
 .reservation_check h1 { font-size:26px; } 
.reservation_check ul li { padding:5px 0; display:block; } 
.reservation_check ul li .title { margin:0 0 10px; width:100%; } 
.reservation_check ul li .input_form { width:100%; } 
 }


/* tour_intro */
@keyframes car_move { 
 0% { left:3%; } 
50% { left:5%; } 
100% { left:3%; } 
 }

.tour_intro h1 { margin-bottom:55px; font-size:2rem; font-weight:700; text-align:center; } 
.top_info_box { margin-bottom:55px; padding:20px; border:1px solid #E9E9E9; box-sizing:border-box; border-radius:10px; display:flex; align-items:center; } 
.top_info_box .img_area { position:relative; width:47.3%; overflow:hidden; } 
.top_info_box .img_area .swiper-slide { position:relative; } 
.top_info_box .img_area .swiper-slide .inner { padding-bottom:66.6%; } 
.top_info_box .img_area .swiper-slide img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; } 
.top_info_box .img_area .swiper-button-prev { background:url(../img/sub/rolling_prev.svg) no-repeat center center; } 
.top_info_box .img_area .swiper-button-next { background:url(../img/sub/rolling_next.svg) no-repeat center center; } 
.top_info_box .img_area .swiper-pagination { position:absolute; left:auto; right:20px; bottom:20px; padding:2px 10px; background:rgba(0,0,0,0.6); border-radius:5px; text-align:center; font-size:0.875rem; color:#fff; width:auto; } 
.top_info_box .txt_area { margin-left:auto; width:50%; } 
.top_info_box .txt_area h2 { margin-bottom:20px; font-size:1.5rem; font-weight:700; } 
.top_info_box .txt_area h2 strong { color:var(--point-color-2); } 
.top_info_box .txt_area p { margin-bottom:30px; font-size:1.0625rem; color:#222 } 
.top_info_box .txt_area p span { color:var(--point-color-1); text-decoration:underline; font-weight:500; } 
.top_info_box .price_area { margin-bottom:15px; padding:20px 10%; background-color:#E6EEF2; border-radius:5px; display:flex; } 
.top_info_box .price_area .icon { position:relative; width:60px; } 
.top_info_box .price_area .icon .num { position:absolute; right:0; top:0; width:20px; height:20px; line-height:20px; text-align:center; background-color:#E24C5D; border-radius:50%; font-size:0.8125rem; font-weight:700; color:#fff; } 
.top_info_box .price_area .txt { margin-left:auto; width:calc(100% - 100px); } 
.top_info_box .price_area .txt .tit { margin-bottom:5px; font-weight:600; } 
.top_info_box .price_area .price { font-size:1.125rem; font-weight:700; } 
.top_info_box .price_area .price span { font-weight:600; color:#999999; text-decoration:line-through; } 
.top_info_box .price_area .price strong { font-size:1.75rem; font-weight:700; color:var(--point-color-1); } 
.bus_tour .top_info_box .price_area { padding:20px 5%; display:flex; align-items:center; } 
.bus_tour .top_info_box .price_area ul { display:Flex; align-items:center; margin-left:auto; width:calc(100% - 60px); } 
.bus_tour .top_info_box .price_area ul li { position:relative; padding:0 0 0 20px; width:33.33%; box-sizing:border-box; line-height:1rem; } 
.bus_tour .top_info_box .price_area ul li .tit { font-size:1rem; display:block; margin-bottom:8px; } 
.bus_tour .top_info_box .price_area ul li:before { position:absolute; left:0; top:0; width:1px; height:100%; background-color:#000; opacity:0.1; display:block; content:""; } 
.bus_tour .top_info_box .price_area ul li:first-child:before { display:none; } 
.top_info_box .btn_area .btn { position:relative; width:100%; text-align:center; background-color:var(--point-color-1); text-align:center; font-size:1.25rem; color:#fff; display:block; height:55px; line-height:55px; border-radius:5px; } 
.top_info_box .btn_area .btn strong { font-weight:900; } 
.top_info_box .btn_area .btn:before { position:absolute; left:3%; top:50%; width:49px; height:28px; display:block; content:""; background:url(../img/sub/icon_taxi4.svg) no-repeat center center; background-size:100%; animation: car_move 2s linear infinite; transform: translateY(-50%); } 
.bus_tour .top_info_box .btn_area .btn:before { width:58px; height:28px; background:url(../img/sub/icon_bus4.svg) no-repeat center center; } 
.tour_intro h2 { margin-bottom:30px; font-size:1.5rem; font-weight:700; } 
.tour_intro .operation_info { padding:10px 4%; background-color:#F6F6F6; border-radius:5px; } 
.tour_intro .operation_info ul { display:flex; flex-wrap:wrap; } 
.tour_intro .operation_info li { margin:20px 0; width:48%; } 
.tour_intro .operation_info li .d-flex { display:flex; } 
.tour_intro .operation_info li:nth-child(2n) { margin-left:auto; } 
.tour_intro .operation_info li .title { position:Relative; padding-left:30px; font-size:1.125rem; font-weight:700; } 
.tour_intro .operation_info li .title:before { position:absolute; left:0; top:0; width:23px; height:22px; display:block; content:""; } 
.tour_intro .operation_info li.icon_1 .title:before { background:url(../img/sub/taxi_tour_icon_1.svg) no-repeat center center; } 
.tour_intro .operation_info li.icon_2 .title:before { background:url(../img/sub/taxi_tour_icon_2.svg) no-repeat center center; } 
.tour_intro .operation_info li.icon_3 .title:before { background:url(../img/sub/taxi_tour_icon_3.svg) no-repeat center center; } 
.tour_intro .operation_info li.icon_4 .title:before { background:url(../img/sub/taxi_tour_icon_4.svg) no-repeat center center; } 
.tour_intro .operation_info li.icon_5 .title:before { background:url(../img/sub/taxi_tour_icon_5.svg) no-repeat center center; } 
.tour_intro .operation_info li.icon_6 .title:before { background:url(../img/sub/taxi_tour_icon_6.svg) no-repeat center center; } 
.tour_intro .operation_info li.icon_7 .title:before { background:url(../img/sub/taxi_tour_icon_7.svg) no-repeat center center; } 
.tour_intro .operation_info li.icon_8 .title:before { background:url(../img/sub/taxi_tour_icon_8.svg) no-repeat center center; } 
.tour_intro .operation_info li .txt { margin-left:15px; font-size:1.125rem; } 
.tour_intro .operation_info li .txt span { font-weight:600; } 
.tour_intro .operation_info li .txt strong { font-weight:700; color:var(--point-color-2); } 
.tour_intro .operation_info li p { padding:10px 0 0 30px; font-size:14px; color:#888; } 
.tour_intro .bd_top { margin-top:60px; padding:40px 0; border-top:1px dashed #DDD; } 
.tour_intro .listType_1 li { position:relative; padding-left:22px; line-height:2; font-size:1rem; } 
.tour_intro .listType_1 li:before { position:absolute; left:0; top:10px; width:12px; height:9px; background:url(../img/sub/icon_check.svg) no-repeat center center; display:block; content:""; } 
.tour_intro .listType_1 li .highlight { padding:0 2px; background-color:var(--point-color-2); color:#fff; display:inline-block; line-height:1.4; } 
.tour_intro .listType_1 li .highlight.red_bg { background-color:#f84343; } 
.tour_intro .listType_1 li strong { color:#F84343; font-weight:500; text-decoration:underline; } 
.tour_intro .course_info { display:flex; } 
.tour_intro .course_info>div { width:48.4%; } 
.tour_intro .course_info>div:last-child { margin-left:auto; } 
.tour_intro .course_open { position:relative; margin-bottom:5px; padding: 20px; width:100%; background-color:#E6EEF2; border-radius:10px 10px 0 0; display:block; border:none; font-size:1.25rem; font-weight:700; box-sizing:border-box; } 
.tour_intro .course_open:before { position:absolute; right:3%; top:50%; width:32px; height:30px; display:block; content:""; background:url(../img/sub/accordion_arrow.svg) no-repeat center center; transition: all 0.3s ease-out; transform: translateY(-50%); } 
.tour_intro .course_open.active:before { transform: translateY(-50%) rotate( 180deg ); } 
.tour_intro .course_list { padding:30px 5%; background-color:#f6f6f6; border-radius:0 0 10px 10px; } 
.tour_intro .course_list ul { position:relative; } 
.tour_intro .course_list ul:before { position:absolute; left:5px; top:5px; width:2px; height:calc(100% - 10px); display:block; background-color:#E0E0E0; display:block; content:""; } 
.tour_intro .course_list ul li { position:Relative; padding-left:35px; margin-bottom:30px; } 
.tour_intro .course_list ul li:before { position:absolute; left:0; top:5px; width:12px; height:12px; background-color:var(--point-color-1); display:block; border-radius:50%; content:""; } 
.tour_intro .course_list ul li .title_area { position:relative; padding-right:20px; display:flex; align-items:center; flex-wrap:wrap; } 
.tour_intro .course_list ul li .title_area .txt { font-size:1.0625rem; font-weight:700; } 
.tour_intro .course_list ul li .title_area .link { position:absolute; right:0; top:50%; width:15px; height:20px; display:block; content:""; background:url(../img/sub/icon_location.svg) no-repeat center center; transform: translateY(-50%); } 
.tour_intro .course_list ul li:last-child { margin-bottom:0; } 
.tour_intro .course_list ul li .time span { padding:2px 12px; margin-right:14px; display:inline-block; background-color:#fff; font-size:1.0625rem; font-weight:600; color:var(--point-color-1); border-radius:2em; } 
.tour_intro .course_list ul li:last-child .time span,
.tour_intro .course_list ul li:first-child .time span { background-color:var(--point-color-1); color:#fff; } 
.tour_intro .course_list ul li .img_area { margin-top:20px; } 
.tour_intro .course_list ul li .img_area img { max-width:100%; } 
.tour_intro .tour_board { margin-top:50px; padding:50px 0; border-top:1px dashed #ddd; display:flex; } 
.tour_intro .tour_board .title_area { margin-bottom:30px; display:flex; align-items:center; } 
.tour_intro .tour_board .title_area .more { margin-left:10px; width:30px; height:30px; background:url(../img/sub/icon_more.svg) no-repeat center center; display:block; } 
.tour_intro .tour_board .title_area h2 { margin-bottom:0; } 
.tour_intro .tour_board .tour_qna { width:48.4%; } 
.tour_intro .tour_board .list { padding:10px 5%; border:1px solid #E5E5E5; border-radius:10px; } 
.tour_intro .tour_board .list li { border-bottom:1px solid #e5e5e5; } 
.tour_intro .tour_board .list li:last-child { border-bottom:none; } 
.tour_intro .tour_board .tour_notice .list .question { padding:19px 0; } 
.tour_intro .tour_board .list .question { display:flex; padding:15px 0; } 
.tour_intro .tour_board .tour_qna .list .question .icon_q { margin-right:10px; width:28px; height:28px; border-radius:50%; line-height:28px; text-align:center; background-color:#aaa; display:inline-block; color:#fff; transition: all 0.3s ease-out; } 
.tour_intro .tour_board .list .question button { position:relative; padding-right:20px; width:calc(100% - 38px); font-size:1.0625rem; font-weight:500; text-align:left; background-color:transparent; border:none; box-sizing:border-box; } 
.tour_intro .tour_board .tour_notice .list .question button { width:100%; } 
.tour_intro .tour_board .list .question button:before { position:absolute; right:0; top:50%; width:17px; height:10px; background:url(../img/sub/qna_arrow.svg) no-repeat center center; display:block; content:""; transform: translateY(-50%); transition: all 0.3s ease-out; } 
.tour_intro .tour_board .list li.on .question button:before { background:url(../img/sub/qna_arrow_on.svg) no-repeat center center; } 
.tour_intro .tour_board .list li.on .question .icon_q { background-color:var(--point-color-2); } 
.tour_intro .tour_board .list .answer { padding:20px 35px; background-color:#F4F7F9; color:#555; display:none; line-height:1.6; font-size:1rem; } 
.tour_intro .tour_board .list .answer .more { margin-top:10px; } 
.tour_intro .tour_board .list .answer .more a { font-size:0.875rem; color:var(--point-color-2); text-decoration:underline; } 
.tour_intro .tour_board .tour_notice { margin-left:auto; width:48.4%; } 
.tour_gallery_wrap { position:relative; } 
.tour_gallery_rolling { overflow:hidden; } 
.tour_gallery_rolling .swiper-slide .inner { position:relative; padding-bottom:66.66%; } 
.tour_gallery_rolling .swiper-slide .inner img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; } 
.tour_gallery_wrap .swiper-pagination { position:Relative; left:auto; top:auto; margin:15px 0 0; } 
.tour_gallery_wrap .swiper-pagination-bullet { margin-right:7px; background-color:#222; } 
.tour_gallery_wrap .swiper-pagination-bullet:last-child { margin-right:0; } 
.tour_gallery_wrap .swiper-pagination-bullet-active { width:18px; border-radius:2em; } 
.tour_course img { max-width:100%; } 
.tour_course { margin:50px 0; } 
.tour_course li { margin-bottom:10px; } 
.tour_course li:last-child { margin-bottom:0; } 
.tour_course button { position:relative; border:none; cursor:pointer; } 
.tour_course .txt { position:absolute; z-index:2; padding:5px 10px; background-color:var(--point-color-2); font-size:16px; font-weight:500; border-radius:5px; color:#fff; opacity:0; white-space:nowrap; } 
.tour_course button:hover .txt { opacity:1; } 

@media screen and (max-width: 1200px){
 .tour_intro .operation_info li .txt { padding-left:30px; margin:5px 0 0; } 
.tour_intro .operation_info li .d-flex { display:block; } 
 }

@media screen and (max-width: 960px) { html, body { font-size:13px; } 
.top_info_box { display:block; } 
.top_info_box .img_area { margin-bottom:30px; width:100%; } 
.top_info_box .txt_area { width:100%; } 
.tour_intro { padding-top:30px; } 
.tour_intro .operation_info ul { display:block; } 
.tour_intro .operation_info li { width:100%; } 
.tour_intro .tour_board { display:block; } 
.tour_intro .tour_board .tour_notice { width:100%; } 
.tour_intro .tour_board .tour_qna { margin-bottom:30px; width:100%; } 
.tour_intro h1 { margin-bottom:25px; } 
.top_info_box .txt_area p br { display:none; } 
.top_info_box .price_area { display:block; padding:10px; } 
.top_info_box .price_area .icon { margin:0 auto; } 
.top_info_box .price_area .txt { width:100%; margin-top:20px; text-align:center; } 
.tour_intro h2 { margin-bottom:15px; } 
.tour_intro .listType_1 li { line-height:1.8; } 
.tour_intro .listType_1 li:before { top:6px; } 
.tour_intro .course_info { display:block; } 
.tour_intro .course_info>div { width:100%; margin-bottom:30px; } 
.tour_intro .tour_board .list .answer { padding:15px;; } 
.bus_tour .top_info_box .price_area { display:block; } 
.bus_tour .top_info_box .price_area ul { margin-top:20px; width:100%; } 
 }

@media screen and (max-width: 520px){
 .bus_tour .top_info_box .price_area ul { display:block; } 
.bus_tour .top_info_box .price_area ul li { padding:10px 0; width:100%; text-align:center; display:flex; align-items:center; justify-content:center; } 
.bus_tour .top_info_box .price_area ul li:before { width:100%; height:1px; } 
.bus_tour .top_info_box .price_area ul li .tit { margin-right:10px; } 
.top_info_box .btn_area .btn { text-align:right; padding-right:5%; } 
 }

/* title */
.title_type_1 { margin-bottom:50px; font-family: 'Pretendard'; font-size:32px; font-weight:700; text-align:center; position:relative; /*bottom:-40px; opacity:0; */ transition: all 0.6s ease-out; } 
.page_on .title_type_1 { bottom:0; opacity:1; } 

@media print { .title_type_1 { margin-bottom:20px; } 
 }

@media screen and (max-width: 1024px){
 .title_type_1 { font-size:26px } 
 }
@media screen and (max-width: 768px){
 .title_type_1 { font-size:22px } 
 }

/* tab */
.tab_type_1 ul { position:Relative; display:flex; flex-wrap:wrap; } 
.tab_type_1 ul:before { position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#ddd; display:block; content:""; } 
.tab_type_1 ul li>* { position:Relative; padding:0 40px 20px; font-size:1.125rem; color:#777; font-weight:500; display:block; } 
.tab_type_1 ul li #bo_cate_on:before { position:absolute; left:0; bottom:0; width:100%; height:2px; background-color:#000; display:block; content:""; } 
.tab_type_1 ul li #bo_cate_on { font-weight:700; color:#000; } 
@media screen and (max-width: 1400px){
 .tab_type_1 ul { justify-content: center; } 
.tab_type_1 ul:before { display:none; } 
.tab_type_1 ul li>* { margin:2px 5px; padding:0 25px; height:40px; line-height:40px; border:1px solid #ddd; border-radius:4px; display:block; } 
.tab_type_1 ul li #bo_cate_on:before { display:none; } 
.tab_type_1 ul li #bo_cate_on { background-color:var(--point-color-1); color:#fff; } 
 }
@media screen and (max-width: 640px){
 .tab_type_1 ul li>* { margin:2px; padding:0 15px; } 
 }

.table_top_area { padding:40px 0 25px; display:flex; align-items: center; flex-wrap:wrap; } 
.table_top_area .total_num { font-size:15px; color:#999; } 
.table_top_area .total_num span { font-weight:inherit; color:#666; } 
.table_top_area .search { position:relative; margin-left:auto; max-width:340px; width:100%; display:flex; } 
.table_top_area .search select { width:38.25%; height:40px; line-height:38px; border-radius:5px; box-sizing:border-box; border:1px solid #ddd; } 
.table_top_area .search input[type=text] { padding:0 40px 0 10px; margin-left:auto; width:58.8%; height:40px; line-height:38px; border-radius:5px; box-sizing:border-box; border:1px solid #ddd; } 
.table_top_area .search .sch_btn { position:absolute; right:0; top:0; width:40px; height:40px; background:url(../img/sub/board/btn_search.svg) no-repeat center center transparent; border:none; background-size:18px } 

@media screen and (max-width: 640px){
 .table_top_area { display:block; } 
.table_top_area .search { margin:10px 0 0; max-width:100%; } 
.table_top_area .search select { width:30%; } 
.table_top_area .search input[type=text] { width:68%; } 
 }


/* survey */
.survey h2 { margin-bottom:10px; font-size:1.5rem; font-weight:600; word-break: keep-all; } 
.survey h2 span { font-size:1.25rem; font-weight:400; } 
.survey ul { margin:20px 0 50px; display:flex; align-items: center; flex-wrap:wrap; } 
.survey ul li { position:relative; margin:0 0 15px 0; width:33.33%; overflow:hidden; } 
.survey ul li input[type=checkbox],
.survey ul li input[type=radio] { position:absolute; left:-20px; top:0; } 
.survey ul li:first-child { margin-left:0; } 
.survey ul li label { position:relative; padding-left:30px; font-size:1.125rem; cursor:pointer; min-height:22px; display:block; } 
.survey ul li label:before { position:absolute; left:0; top:0; width:20px; height:20px; background:url(../img/sub/radio_off.svg) no-repeat center center; background-size:100%; display:block; content:""; } 
.survey ul li input[type=checkbox]:checked+label:before,
.survey ul li input[type=radio]:checked+label:before { background:url(../img/sub/radio_on.svg) no-repeat center center; background-size:100%; } 
.survey ul li.etc { width:66.66%; display:flex; align-items: center; } 
.survey ul li.etc input[type=text] { margin-left:10px; max-width:250px; width:100%; height:40px; line-height:40px; border:1px solid #aaa; border-radius:5px; box-sizing:border-box; } 
@media screen and (max-width: 960px){
 .survey h1 { margin-bottom:25px; } 
.survey ul { display:block; } 
.survey ul li { width:100%; } 
.survey ul li.etc { width:100%; display:block; } 
.survey ul li.etc label { width:100%; display:block; } 
.survey ul li.etc input[type=text] { margin:5px 0 0; max-width:100%; height:36px; line-height:36px; } 
 }

/* mypage */
.mypage .top_info_box { margin-bottom:45px; padding:50px 5%; background-color:#F6F6F6; display:flex; } 
.mypage .top_info_box .left_area { width:60%; display: flex; } 
.mypage .top_info_box .right_link { position:relative; width:40%; } 
.mypage .top_info_box .right_link:before { position:absolute; left:0; top:0; width:1px; height:100%; background-color:#ddd; display:block; content:""; } 
.mypage .top_info_box .right_link ul { display:flex; align-items: center; justify-content: flex-end; } 
.mypage .top_info_box .right_link ul li { margin-right:67px; } 
.mypage .top_info_box .right_link ul li span { display:inline-block; padding-right:8px; background:url(../img/hdft/footer_arrow.svg) no-repeat right center; background-size:5px; color:#666; } 
.mypage .top_info_box .right_link ul li strong { margin-top:10px; font-size:20px; font-weight:700; display:block; } 
.mypage .top_info_box .photo { position:relative; width:80px; height:80px; border-radius:50%; overflow:hidden; } 
.mypage .top_info_box .my_info { margin-left:auto; width:calc(100% - 110px); } 
.mypage .top_info_box .intro_txt { margin-bottom:8px; font-size:15px; color:#888; } 
.mypage .top_info_box .name { margin-bottom:20px; font-size:28px; display:inline-block; padding-right:18px; background:url(../img/hdft/footer_arrow.svg) no-repeat right center; } 
.mypage .top_info_box .name strong { font-weight:700; } 
.mypage .top_info_box .my_info ul { display:flex; align-items: center; } 
.mypage .top_info_box .my_info ul li { position:relative; padding:0 15px; display:Flex; align-items: center; font-size:14px; color:#444; } 
.mypage .top_info_box .my_info ul li:before { position:absolute; left:0; top:50%; margin-top:-5px; width:1px; height:10px; display:block; background-color:#DDDDDD; content:""; } 
.mypage .top_info_box .my_info ul li:first-child { padding-left:0; } 
.mypage .top_info_box .my_info ul li:first-child:before { display:none; } 
.mypage .top_info_box .my_info ul li span { display:inline-block; margin-right:10px; } 
.mypage h2 { margin-bottom:10px; font-size:24px; font-weight:700; } 
.mypage .txt_1 { margin-bottom:25px; font-size:18px; line-height:1.4; } 
.mypage .txt_1 strong { font-weight:300; color:var(--point-color-2); text-decoration: underline; } 
.mypage .my_list { position:relative; } 
.mypage .my_list .more { position:absolute; right:0; top:-40px; } 
.mypage .my_list .more a { font-size:14px; color:#666666; } 
.mypage .my_list ul { display:Flex; flex-wrap:wrap; } 
.mypage .my_list ul li { width:23.5%; margin:0 2% 20px 0; } 
.mypage .my_list ul li:nth-child(4n) { margin-right:0; } 
.mypage .my_list ul li .img_area a { position:Relative; padding-bottom:66.66%; border-radius:5px; display:block; } 
.mypage .my_list ul li .img_area img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit: cover; } 
.mypage .my_list ul li .txt_area { padding-top:15px; font-size:15px; font-weight:500; } 

@media screen and (max-width: 1024px){
 .mypage .top_info_box { padding:30px 3%; } 
 }
@media screen and (max-width: 960px){
 .mypage .top_info_box { display:block; } 
.mypage .top_info_box .left_area { width:100%; } 
.mypage .top_info_box .right_link { margin-top:20px; padding-top:20px; width:100%; } 
.mypage .top_info_box .right_link:before { width:100%; height:1px; } 
.mypage .top_info_box .right_link ul { justify-content: flex-start; } 
 }
@media screen and (max-width: 768px){
 .mypage .my_list ul li { margin:0 0 20px; width:49%; } 
.mypage .my_list ul li:nth-child(2n) { margin-left:auto; } 
.mypage .top_info_box .name { font-size:24px; } 
.mypage .top_info_box .my_info ul { display:block } 
.mypage .top_info_box .my_info ul li { padding:0; width:100%; margin-bottom:5px; } 
.mypage .top_info_box .my_info ul li:before { display:none; } 
.mypage .txt_1 { font-size:14px; } 
.mypage .my_list .more { top:-24px; } 
 }

/* save_list */
.save_list .all_check { margin-bottom:20px; } 
.save_rolling_wrap { display:flex; flex-wrap:wrap; } 
.save_rolling { position:relative; margin-bottom:20px; padding:20px; width:49%; box-sizing:border-box; background-color:#F6F6F6; border-radius:7px; } 
.save_rolling:nth-child(2n) { margin-left:auto; } 
.save_rolling .d-flex { display:Flex; align-items: center; } 
.save_rolling .img_area { position:relative; width:36.5%; } 
.save_rolling .img_area a { position:relative; padding-bottom:66.5%; display:block; } 
.save_rolling .img_area img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit: cover; } 
.save_rolling .img_area .custom_checkbox { position:absolute; left:10px; top:10px; z-index:3; } 
.save_rolling .img_area .custom_checkbox label:before { background:url(../img/hdft/checkbox3_off.svg) no-repeat center center; background-size:100%; } 
.save_rolling .img_area .custom_checkbox input[type=checkbox]:checked+label:before { background:url(../img/hdft/checkbox3_on.svg) no-repeat center center; background-size: 100%; } 
.save_rolling .txt_area { position:relative; padding-right:20px; margin-left:auto; width:60.5%; box-sizing:border-box; } 
.save_rolling .control { position:absolute; right:20px; top:20px; z-index:2; display:Flex; align-items: center; } 
.save_rolling .control .swiper-button-prev { position:relative; left:auto; top:auto; margin:0; width:36px; height:36px; background:url(../img/sub/calendar_prev.svg) no-repeat center center; background-size:100%; } 
.save_rolling .control .swiper-button-next { position:relative; right:auto; top:auto; margin:0 0 0 5px; width:36px; height:36px; background:url(../img/sub/calendar_next.svg) no-repeat center center; background-size:100%; } 
.save_rolling .swiper { overflow:hidden; } 
.save_rolling .txt_area .category { padding-right:40px; margin-bottom:10px; display:flex; align-items: center; } 
.save_rolling .txt_area .category span { position:relative; padding:0 10px 0 12px; font-size:15px; color:var(--point-color-1); display:inline-block; } 
.save_rolling .txt_area .category span:first-child { padding-left:0; } 
.save_rolling .txt_area .category span:first-child:before { display:none; } 
.save_rolling .txt_area .category span:before { position:absolute; left:0; top:50%; width:3px; height:3px; background-color:#AAAAAA; display:block; content:""; border-radius:50%; transform: translateY(-50%); } 
.save_rolling .txt_area .title { margin-bottom:10px; font-size:20px; font-weight:700; } 
.save_rolling .txt_area ul { background-color:#fff; padding:8px; border:1px solid #ddd; border-radius:5px; } 
.save_rolling .txt_area ul li { margin-bottom:10px; display:flex; line-height:1.4; font-size:15px; } 
.save_rolling .txt_area ul li:last-child { margin-bottom:0; } 
.save_rolling .txt_area ul li span { position:relative; min-width:65px; padding-right:5px; box-sizing:border-box; } 
.save_rolling .txt_area .remove { position:absolute; right:0; bottom:0; width:16px; height:16px; background:url(../img/sub/btn_delete.svg) no-repeat center center; border:none; cursor:pointer; } 
.save_rolling .text_input { margin-top:20px; } 
.save_rolling .text_input textarea { padding:8px; width:100%; height:75px; box-sizing:border-box; background-color:#fff; border:1px solid #ddd; border-radius:7px; resize:none; } 
.save_list .btn_area { position:relative; text-align:center; margin-top:30px; } 
.save_list .btn_area .left_btn { position:absolute; left:0; top:0; } 
.save_list .btn_area .left_btn ul { display:flex; align-items: center; } 
.save_list .btn_area .left_btn ul li { margin-right:10px; } 
.save_list .btn_area .left_btn a { min-width:100px; height:40px; line-height:38px; border:1px solid #ddd; border-radius:5px; text-align:center; box-sizing:border-box; text-align:center; font-size:15px; color:#444; display:inline-block; } 
.save_list .btn_area .btn_print { max-width:300px; width:100%; height:50px; line-height:50px; display:inline-block; background-color:var(--point-color-2); border-radius:5px; } 
.save_list .btn_area .btn_print span { padding-left:30px; display:inline-block; background:url(../img/sub/icon_print.png) no-repeat 0 center; color: #fff; font-size:15px; } 
@media screen and (max-width: 960px){
 .save_rolling_wrap { display:block; } 
.save_rolling { width:100%; margin-bottom:20px; } 
.save_list .btn_area .left_btn { position:relative; left:auto; top:0; margin-bottom:10px; } 
 }
@media screen and (max-width: 560px){
 .save_rolling { padding:10px; } 
.save_rolling .control { right:10px; top:10px; } 
.save_rolling .control .swiper-button-prev,
.save_rolling .control .swiper-button-next { width:26px; height:26px; } 
.save_rolling .txt_area .category span { font-size:12px; } 
.save_rolling .txt_area .title { font-size:18px; } 
.save_rolling .txt_area ul li { font-size:13px; } 
.save_rolling .txt_area ul li span { min-width:55px; } 
 }
@media print { .save_list .btn_area,
.save_list .all_check,
.save_rolling .img_area .custom_checkbox,
.save_rolling .txt_area .remove,
.save_rolling .control { display:none; } 
.save_rolling .txt_area { padding-right:0; } 
.save_rolling .txt_area .category { padding-right:0; } 
 }

/* introduction */
.introduction .visual { position:relative; margin-bottom:50px; display:block; height:220px; } 
.introduction .visual:before { position:absolute; left:50%; top:0; width:0; height:100%; display:block; content:""; transform: translateX(-50%); background:url(../img/sub/introduction_visual.png) no-repeat center center; background-size:cover; transition: all 0.6s ease-out 0.2s; } 
.page_on .introduction .visual:before { width:100vw; } 
.introduction .intro_cont { display:flex; align-items: center; flex-direction: row-reverse; } 
.introduction .intro_cont .img_area { margin-left:auto; width:32%; text-align:right; } 
.introduction .intro_cont .img_area img { max-width:100%; } 
.introduction .intro_cont .txt_area { width:60%; word-break:keep-all; } 
.introduction .intro_cont .txt_area p { margin:0 0 25px; font-size:18px; line-height:1.7; } 
.introduction .intro_cont .txt_area p.bd_btm { text-decoration: underline; } 
.introduction .intro_cont .txt_area .txt_1 { margin-bottom:40px; font-size:32px; font-weight:800; line-height:1.5; } 
.introduction .intro_cont .txt_area .name { font-size:18px; font-weight:500; display:Flex; align-items: center; } 
.introduction .intro_cont .txt_area .name strong { margin-left:10px; display:inline-block; font-size:40px; font-weight:300; font-family: 'Cafe24Shiningstar'; } 
@media screen and (max-width: 1200px){
 .introduction .intro_cont .txt_area p br { display:none; } 
 }
@media screen and (max-width: 960px){
 .introduction .visual { height:180px; } 
.introduction .intro_cont { display:block; } 
.introduction .intro_cont .img_area { margin:0 auto 30px; width:80%; text-align:center; } 
.introduction .intro_cont .txt_area { width:100%; } 
.introduction .intro_cont .txt_area .txt_1 { font-size:24px; } 
.introduction .intro_cont .txt_area .txt_1 br { display:none; } 
.introduction .intro_cont .txt_area p.bd_btm { margin-bottom:20px; font-size:15px; } 
.introduction .intro_cont .txt_area p { margin-bottom:20px; font-size:15px; } 
 }

/* purpose */
@keyframes purpose_arrow { 
 0% { bottom: 30px; } 
50% { bottom: 50px; } 
100% { bottom: 30px; } 
 }

.purpose .visual { position:relative; margin-bottom:60px; height:600px; display:flex; align-items: center; } 
.purpose .visual:before { position:absolute; left:50%; top:0; width:0; height:100%; display:block; content:""; transform: translateX(-50%); background:url(../img/sub/purpose_visual.png) no-repeat center center; background-size:cover; transition: all 0.6s ease-out 0.2s; } 
.page_on .purpose .visual:before { width:100vw; } 
.purpose .visual .vs_txt { position:relative; z-index:2; width:100%; font-size:28px; font-weight:700; color:#fff; text-align:center; line-height:1.4; bottom:-40px; opacity:0; transition: all 0.6s ease-out 0.6s; } 
.page_on .purpose .visual .vs_txt { bottom:0; opacity:1; } 
.purpose .visual:after { position:absolute; left:50%; bottom:30px; width:18px; height:20px; background:url(../img/sub/purpose_arrow.svg) no-repeat center center; display:block; content:""; transform: translateX(-50%); animation: purpose_arrow 2s linear infinite; } 
.purpose_list { max-width:1058px; margin:0 auto; } 
.purpose_list ul { display:flex; flex-wrap:wrap; } 
.purpose_list ul li { margin-bottom:50px; width:46%; } 
.purpose_list ul li:nth-child(2n) { margin-left:auto; } 
.purpose_list ul li .img_area img { width:100%; } 
.purpose_list ul li .txt_area { padding-top:30px; } 
.purpose_list ul li .txt_area .title { margin-bottom:10px; font-size:24px; font-weight:700; } 
.purpose_list ul li .txt_area .txt { font-size:18px; color:#333; line-height:1.7; } 
.purpose .character_area { text-align:center; } 
.purpose p { margin-top:25px; font-size:18px; color:var(--point-color-1); line-height:1.88; } 
@media screen and (max-width: 960px){
 .purpose .visual .vs_txt { word-break: keep-all; } 
.purpose .visual .vs_txt br { display:none; } 
.purpose_list ul li .txt_area { padding-top:10px; } 
.purpose_list ul li .txt_area .title { font-size:20px; word-break: keep-all; } 
.purpose_list ul li .txt_area .txt { font-size:15px; line-height:1.4; } 
.purpose p { font-size:14px; line-height:1.4; } 
 }
@media screen and (max-width: 768px){
 .purpose .visual .vs_txt { font-size:22px; } 
.purpose .visual { height:400px; } 
 }

/* history */
.history { position:relative; margin:0 auto; max-width:1160px; } 
.history .left_area { width:42%; } 
.history .left_area img { max-width:100%; } 
.history .left_area .txt_area { padding-top:30px; } 
.history .left_area .txt_area .title { margin-bottom:15px; font-size:18px; color:#333; display:block; } 
.history .left_area .txt_area .txt { font-size:28px; font-weight:700; } 
.history_cont { margin-bottom:60px; display:flex; } 
.history .history_list { margin-left:auto; width:52%; } 
.history .history_list>ul { position:relative; padding-top:40px; } 
.history .history_list>ul:before { position:absolute; left:100px; top:0; width:2px; height:100%; background-color:#ddd; display:block; content:""; } 
.history .history_list>ul>li { position:relative; padding-left:100px; } 
.history .history_list>ul>li .year { position:absolute; left:0; font-size:18px; font-weight:700; } 
.history .history_list>ul>li>ul { position: relative; padding-bottom:40px; } 
.history .history_list>ul>li>ul:before { position:absolute; left:-5px; top:5px; width:12px; height:12px; background-color:var(--point-color-2); border-radius:50%; display:block; content:""; } 
.history .history_list>ul>li li { margin-bottom:10px; display:flex; } 
.history .history_list>ul>li li .month { width:100px; text-align:right; font-size:16px; color:#40A2E3; font-weight:600; line-height: 1.4; } 
.history .history_list>ul>li li .txt { margin-left:auto; width:calc(100% - 120px); font-size:16px; line-height:1.4; } 
@media screen and (max-width: 960px){
 .history_cont { display:block } 
.history .left_area { margin-bottom:40px; width:100%; text-align:center; } 
.history .history_list { width:100%; } 
 }

@media screen and (max-width: 640px){
 .history .history_list>ul>li>ul:before { top:-25px; } 
.history .left_area .txt_area .title { font-size:16px; } 
.history .left_area .txt_area .txt { font-size:22px; } 
.history .history_list>ul:before { left:6px; } 
.history .history_list>ul { padding-top:0; } 
.history .history_list>ul>li>ul:last-child { padding-bottom:0; } 
.history .history_list>ul>li .year { position:relative; padding-left:30px; margin-bottom:10px; } 
.history .history_list>ul>li { padding-left:6px; } 
.history .history_list>ul>li li .month { width:60px; font-size:14px; } 
.history .history_list>ul>li li .txt { width:calc(100% - 70px); font-size:14px; } 
 }

/* travel_info */
.travel_info .visual { position:relative; margin-bottom:60px; padding:0 10px; height:600px; box-sizing:border-box; display:flex; align-items: center; justify-content: center; } 
.travel_info .visual:before { position:absolute; left:50%; top:0; width:0; height:100%; background:url(../img/sub/travel_info_visual.png) no-repeat center center; background-size:cover; display:block; content:""; transform: translateX(-50%); transition: all 0.6s ease-out 0.2s; } 
.page_on .travel_info .visual:before { width:100vw; } 
.travel_info .vs_txt { position:relative; z-index:2; font-size:1.75rem; color:#fff; text-align:center; font-weight:900; bottom:-40px; opacity:0; transition: all 0.6s ease-out 0.5s; } 
.page_on .travel_info .vs_txt { bottom:0; opacity:1; } 

.listType_2>ul { display:Flex; flex-wrap:wrap; } 
.listType_2>ul>li { position:relative; margin:0 2% 30px 0; width:32%; } 
.listType_2>ul>li:nth-child(3n) { margin-right:0; } 
.listType_2>ul>li .img_area { position:relative; overflow:hidden; border-radius:5px; } 
.listType_2>ul>li .img_area a { position:relative; padding-bottom:66.66%; display:block; } 
.listType_2>ul>li .img_area a:before { position:absolute; left:0; top:0; z-index:3; width:100%; height:100%; background:url(../img/sub/icon_more2.svg) no-repeat center center rgba(0,0,0,0.3); display:block; content:""; transition: all 0.3s ease-out; opacity:0; } 
.listType_2>ul>li .img_area img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit: cover; transition: all 1s ease-out; transform: scale(1); } 
.listType_2>ul>li .img_area .control { position:absolute; right:10px; bottom:10px; z-index:5; display:flex; } 
.listType_2>ul>li .img_area .btn_recommend { width:40px; height:40px; background:url(../img/sub/recommend_off.svg) no-repeat center center #fff; border-radius:50%; border:none; cursor:pointer; } 
.listType_2>ul>li .img_area .btn_save { margin-left:5px; width:40px; height:40px; background:url(../img/sub/bookmark_off.svg) no-repeat center center #fff; border-radius:50%; border: none; cursor: pointer; } 
.listType_2>ul>li .txt_area { padding-top:15px; text-align:center; } 
.listType_2>ul>li .txt_area .tit { font-size:1.125rem; font-weight:600; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; } 
.listType_2>ul>li .txt_area .txt { margin-top:5px; font-size:0.875rem; font-weight:600; color:#444; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; } 
.listType_2>ul>li:hover .img_area img { transform: scale(1.05); } 
.listType_2>ul>li:hover .img_area a:before { opacity:1; } 
.listType_2>ul>li .gall_chk { position:absolute; left:10px; top:10px; z-index:4; } 

@media screen and (max-width: 960px){
 .travel_info .visual { height:300px; } 
.travel_info .vs_txt { word-break: keep-all; } 
.travel_info .vs_txt br { display:none; } 
 }
@media screen and (max-width: 768px){
 .listType_2>ul>li { margin:0 0 20px; width:49%; } 
.listType_2>ul>li:nth-child(2n) { margin-left:auto; } 
.listType_2>ul>li .img_area .btn_save,
.listType_2>ul>li .img_area .btn_recommend { width:30px; height:30px; } 
 }

/* organization_cont */
.organization_cont .img_area { padding-bottom:70px; margin-bottom:70px; border-bottom:1px dashed #ddd; text-align:center; } 
.organization_cont h2 { font-size:24px; margin-bottom:30px; } 
.organization_cont .img_area img { max-width:100%; } 
.organization_cont table thead th { padding:0; height:70px; background-color:#F8F8F8; font-size:18px; font-weight:600; border:none; text-align:center; border-top:2px solid #000; border-bottom:1px solid #ddd; } 
.organization_cont table tbody td { height:70px; border:1px solid #ddd; border-right:none; text-align:center; font-size:16px; word-break: keep-all; } 
.organization_cont table tbody td:first-child { border-left:none; } 
.organization_cont table { width:100%; letter-spacing:-1px; border-collapse:collapse; } 
@media screen and (max-width: 960px){
 .organization_cont .img_area { padding-bottom:30px; margin-bottom:30px; } 
.organization_cont h2 { font-size:20px; margin-bottom:10px; } 
.organization_cont table thead th { height:50px; font-size:14px; } 
.organization_cont table tbody td { padding:0 5px; font-size:14px; } 
 }

/* location */
.location_cont { position:relative; } 
.location_cont .info_area:before { position:absolute; left:50%; top:0; z-index:-1; width:100vw; height:100%; background-color:#F6F6F6; display:block; content:""; transform: translateX(-50%); } 
.location_cont .info_area { position:Relative; padding:70px 0 220px; display:flex; align-items: center; flex-direction: row-reverse; } 
.location_cont .info_area .img_area { position:relative; margin-left:auto; width:49%; text-align:right; } 
.location_cont .info_area .img_area .link { position:absolute; right:0; bottom:0; padding:14px 20px; background-color:#fff; text-align:left; } 
.location_cont .info_area .img_area .link ul { display:flex; align-items: center; gap:20px; } 
.location_cont .info_area .img_area .link ul li a { position:relative; padding-left:47px; display:block; min-height:40px; display:flex; align-items: center; font-size:0.9375rem; } 
.location_cont .info_area .img_area .link ul li a:before { position:absolute; left:0; top:0; width:40px; height:40px; display:block; border-radius:50%; content:""; } 
.location_cont .info_area .img_area .link ul li.icon_naver a:before { background:url(../img/sub/map_icon_1.png) no-repeat center center; } 
.location_cont .info_area .img_area .link ul li.icon_kakao a:before { background:url(../img/sub/map_icon_2.png) no-repeat center center #FAE200; } 
.location_cont .info_area .img_area .link ul li.icon_google a:before { background:url(../img/sub/map_icon_3.png) no-repeat center center; } 
.location_cont .info_area .img_area img { max-width:100%; } 
.location_cont .info_area .txt_area { width:48%; } 
.location_cont .info_area .txt_area h2 { margin-bottom:15px; font-size: 24px; } 
.location_cont .info_area .txt_area p { font-size:18px; line-height:1.7; } 
.location_cont .info_area .txt_area .list li { position:relative; margin-bottom:20px; padding-left:84px; min-height:70px; display:flex; align-items: center; } 
.location_cont .info_area .txt_area .list li:before { position:absolute; left:0; top:0; width:70px; height:70px; border-radius:50%; display:block; content:""; } 
.location_cont .info_area .txt_area .list li.icon_1:before { background:url(../img/sub/location_icon_1.png) no-repeat center center #40A2E3; } 
.location_cont .info_area .txt_area .list li.icon_2:before { background:url(../img/sub/location_icon_2.png) no-repeat center center #40A2E3; } 
.location_cont .info_area .txt_area .list li.icon_3:before { background:url(../img/sub/location_icon_3.png) no-repeat center center #40A2E3; } 
.location_cont .info_area .txt_area .list li h3 { margin-bottom:4px; font-size:18px; font-weight:700; } 
.location_cont .info_area .txt_area .list li address,
.location_cont .info_area .txt_area .list li .txt { font-size:16px; color:#333; font-style: normal; } 
.location_cont .map_area { margin-top:-150px; border:1px solid #ddd; box-sizing:border-box; } 
.location_cont .map_area iframe { width:100%; display:block; height:440px; } 
@media screen and (max-width: 960px){
 .location_cont .info_area { padding:35px 0 100px; display:block; } 
.location_cont .info_area .img_area { margin-bottom:30px; width:100%; } 
.location_cont .info_area .img_area img { width:100%; } 
.location_cont .info_area .txt_area { width:100%; } 
.location_cont .map_area { margin-top:-80px; } 
.location_cont .info_area .txt_area p { word-break: keep-all; } 
.location_cont .info_area .txt_area p br { display:none; } 
.location_cont .map_area iframe { height:300px; } 
 }

/* national_geopark */
.sub_visual_motion { position:relative; margin-bottom:50px; height:600px; display:flex; align-items: center; justify-content: center; } 
.sub_visual_motion:before { position:absolute; left:50%; top:0; z-index:1; width:100vw; height:100%; display:block; content:""; transform: translateX(-50%); transition: all 0.4s ease-out; } 
.sub_visual_motion:after { position:absolute; left:50%; bottom:0; z-index:2; width:100vw; height:100%; display:block; background-color:#fff; content:""; transform: translateX(-50%); transition: all 1s ease-out; } 
.sub_visual_motion .sub_vs_txt { position:relative; z-index:3; text-align:center; bottom:-40px; opacity:0; transition: all 0.6s ease-out 0.8s; } 
.sub_visual_motion .sub_vs_txt h2 { margin-bottom:20px; font-size:28px; font-weight:700; color:#fff; } 
.sub_visual_motion .sub_vs_txt p { font-size:20px; font-weight:500; line-height:1.75; color:#fff; } 
.arrow_motion { position:absolute; left:50%; bottom:30px; z-index:4; width:18px; height:20px; background:url(../img/sub/down_arrow.svg) no-repeat center center; display:block; transform: translateX(-50%); animation: arrow_motion 1.5s ease-out infinite; } 
.page_on .sub_visual_motion:after { height:0; } 
.page_on .sub_visual_motion .sub_vs_txt { bottom:0; opacity:1; } 
.national_geopark .sub_visual_motion:before { background:url(../img/sub/national_geopark_visual.png) no-repeat center center; background-size:cover; } 
.national_geopark.unesco .sub_visual_motion:before { background:url(../img/sub/unesco_geology_visual.png) no-repeat center center; background-size:cover; } 
.national_geopark .txt_area p { margin-bottom:30px; font-size:18px; line-height:1.7; word-break: keep-all; } 
.national_geopark .txt_area p:last-child { margin-bottom:0; } 
.national_geopark .txt_area p strong { font-weight:500; text-decoration: underline; } 
.national_geopark .txt_area p strong.c-sky { color:#40a2e3; text-decoration: none; } 
@media screen and (max-width: 1200px){
 .national_geopark .txt_area p br { display:none; } 
.sub_visual_motion .sub_vs_txt p br { display:none; } 
 }
@media screen and (max-width: 960px){
 .sub_visual_motion { height:400px; } 
.national_geopark .txt_area p { font-size:16px; } 
.sub_visual_motion .sub_vs_txt h2 { font-size:24px; } 
.sub_visual_motion .sub_vs_txt p { font-size:16px; } 
 }

@keyframes arrow_motion { 
 0% { bottom:30px; } 
 50% { bottom:50px; } 
 100% { bottom:30px; } 
 }

/* danyang_geology */
.danyang_geology .gray_bg { position:relative; margin-bottom:50px; padding:70px 0; } 
.danyang_geology .gray_bg:before { position:absolute; left:50%; top:0; z-index:-1; width:0; height:100%; display:block; transform: translateX(-50%); background-color:#F6F6F6; content:""; transition: all 0.6s ease-out; } 
.page_on .danyang_geology .gray_bg:before { width:100vw; } 
.page_on .danyang_geology h2 { bottom:0; opacity:1; } 
.page_on .danyang_geology .gray_bg ul li { bottom:0; opacity:1; } 
.danyang_geology h2 { margin-bottom:20px; font-size:24px; font-weight:700; position:Relative; bottom:-30px; opacity:0; transition: all 0.3s ease-out 0.4s; } 
.danyang_geology .gray_bg ul { display:flex; } 
.danyang_geology .gray_bg ul li { position:relative; bottom:-40px; opacity:0; width:32%; margin-left:2%; min-height:253px; display:flex; align-items: center; justify-content: center; text-align: center; transition: all 0.3s ease-out; border-radius:10px; overflow:Lhidden; } 
.danyang_geology .gray_bg ul li:nth-child(1) { transition-delay: 0.6s; } 
.danyang_geology .gray_bg ul li:nth-child(2) { transition-delay: 0.9s; } 
.danyang_geology .gray_bg ul li:nth-child(3) { transition-delay: 1.2s; } 
.danyang_geology .gray_bg ul li:first-child { margin-left:0; } 
.danyang_geology .gray_bg ul li .txt span { display:block; font-size:18px; font-weight:700; color:#fff; } 
.danyang_geology .gray_bg ul li .txt strong { display:block; font-size:24px; font-weight:700; color:#fff; } 
.danyang_geology .gray_bg ul li.bg_1 { background:url(../img/sub/danyang_Geology_img1.png) no-repeat center center; background-size:cover; } 
.danyang_geology .gray_bg ul li.bg_2 { background:url(../img/sub/danyang_Geology_img2.png) no-repeat center center; background-size:cover; } 
.danyang_geology .gray_bg ul li.bg_3 { background:url(../img/sub/danyang_Geology_img3.png) no-repeat center center; background-size:cover; } 
.danyang_geology .txt_area p { margin-bottom:30px; font-size:18px; line-height:1.7; word-break: keep-all; } 
.danyang_geology .txt_area p:last-child { margin-bottom:0; } 
.danyang_geology .txt_area p strong { font-weight:500; text-decoration: underline; } 
.danyang_geology .txt_area p span { color:var(--point-color-2); } 
@media screen and (max-width: 1200px){
 .danyang_geology .txt_area p br { display:none; } 
 }
@media screen and (max-width: 768px){
 .danyang_geology .gray_bg ul { display:block; } 
.danyang_geology .gray_bg ul li { width:100%; margin:0 0 10px; } 
.danyang_geology .txt_area p { font-size:16px; } 
 }

/* danyang_features */
.danyang_features img { max-width:100%; } 
.danyang_features .bar { padding-bottom:70px; margin-bottom:70px; border-bottom:1px dashed #ddd; } 
.danyang_features h2 { font-size:24px; font-weight:700; margin-bottom:30px; } 
.danyang_features .cont_1 { display:flex; } 
.danyang_features .cont_1 .img_area { width:33.33%; } 
.danyang_features .cont_1 .txt_area { margin-left:auto; width:62.92%; } 
.danyang_features .cont_1 .txt_area p { margin-bottom:20px; font-size:16px; line-height:1.8; } 
.danyang_features .txt_area h3 { margin-bottom:10px; font-size:18px; color:var(--point-color-1); font-weight:700; } 
.danyang_features .txt_area ul { padding-left:20px; margin-bottom:30px; } 
.danyang_features .txt_area ul li { position:relative; padding-left:10px; font-size:15px; line-height:1.8; } 
.danyang_features .txt_area ul li strong { color:var(--point-color-2); font-weight:400; } 
.danyang_features .txt_area ul li:before { position:absolute; left:0; top:10px; width:5px; height:5px; background-color:var(--point-color-2); display:block; border-radius:50%; content:""; } 
.danyang_features .img_area { text-align:center; } 
.danyang_features h3.title_sky { margin:30px 0; font-size:20px; font-weight:700; color:#40a2e3; } 
@media screen and (max-width: 960px){
 .danyang_features h2 { font-size:20px; } 
.danyang_features .bar { padding-bottom:30px; margin-bottom:30px; } 
.danyang_features .cont_1 { display:block; } 
.danyang_features .cont_1 .img_area { margin-bottom:30px; width:100%; text-align:center; } 
.danyang_features .cont_1 .txt_area { width:100%; } 
 }

/* geopark */
.geopark h2 { font-size:24px; font-weight:700; margin-bottom:30px; } 
.geopark img { max-width:100%; } 
.geopark .w_1 { width:9.5%; } 
.geopark .w_2 { width:14%; } 
.geopark .w_3 { width:20%; } 
.geopark .w_4 { width:46.5%; } 
.geopark .w_5 { width:10%; } 
.geopark table { width:100%; letter-spacing:-1px; border-collapse:collapse; } 
.geopark .thead ul { display:flex; background-color:#F8F8F8; border-top:2px solid #000; flex-wrap:wrap; } 
.geopark .thead li { height:70px; text-align:center; font-size:18px; display:flex; align-items: center; text-align:center; justify-content: center; } 
.geopark .tbody>ul { display:flex; flex-wrap: wrap; margin-top:-1px; } 
.geopark .tbody>ul>li { padding:20px; display:flex; align-items: center; font-size:16px; text-align:center; border:1px solid #ddd; border-right:none; color:#444444; box-sizing:border-box; justify-content: center; } 
.geopark .tbody>ul>li.w_4 { justify-content: flex-start; } 
.geopark .tbody>ul>li:first-child { border-left:none; } 
.geopark .tbody>ul>li .list li { position:relative; padding-left:10px; font-size:15px; line-height:2; text-align:left; } 
.geopark .tbody>ul>li .list li:before { position:absolute; left:0; top:12px; width:5px; height:5px; background-color:var(--point-color-2); display:block; border-radius:50%; content:""; } 
@media screen and (max-width: 960px){
 .geopark .thead li { font-size:16px; } 
.geopark .tbody>ul>li { padding:5px; } 
 }
@media screen and (max-width: 700px){
 .geopark .thead { display:none; } 
.geopark .tbody { border-top:2px solid #000; } 
.geopark .tbody>ul { position:relative; padding:10px 0; border-bottom:1px solid #ddd; } 
.geopark .tbody>ul>li { border:none; } 
.geopark .tbody>ul>li.w_1 { width:50px; } 
.geopark .tbody>ul>li.w_2 { width:calc(100% - 130px); text-align:left; justify-content:flex-start; } 
.geopark .tbody>ul>li.w_4,
.geopark .tbody>ul>li.w_3 { width:100%; } 
.geopark .tbody>ul>li.w_5 { position:absolute; right:0; top:10px; width:80px; } 
 }

/* unesco_status */
.unesco_status .d-flex { display:flex; } 
.unesco_status img { max-width:100%; } 
.unesco_status .left_area { width:40.5%; } 
.unesco_status .left_area .year { margin:35px 0 1px; font-size:18px; color:#333; } 
.unesco_status .left_area p { font-size:28px; font-weight:700; } 
.unesco_status .right_area { margin-left:auto; width:54.5%; } 
.unesco_status .right_area>ul { position:relative; padding:30px 0 10px; } 
.unesco_status .right_area>ul:before { position:absolute; left:95px; top:0; width:2px; height:100%; background-color:#ddd; display:block; content:""; } 
.unesco_status .right_area>ul:after { position:absolute; left:95px; top:0; width:2px; height:70%; background-color:#40A2E3; display:block; content:""; } 
.unesco_status .right_area>ul>li { position:relative; margin-bottom:40px; padding-left:160px; } 
.unesco_status .right_area>ul>li:before { position:absolute; left:90px; top:2px; width:12px; height:12px; background-color:#40A2E3; border-radius:50%; display:block; content:""; } 
.unesco_status .right_area>ul>li .year { position:absolute; left:0; top:0; font-size:18px; font-weight:700; } 
.unesco_status .right_area>ul>li .list ul>li { margin-bottom:12px; display: flex; } 
.unesco_status .right_area>ul>li .list ul>li .month { width:60px; font-size:16px; font-weight:600; color:#40A2E3; } 
.unesco_status .right_area>ul>li .list ul>li .txt { margin-left:Lauto; width: calc(100% - 70px); font-size:16px; } 
@media screen and (max-width: 960px){
 .unesco_status .d-flex { display:block; } 
.unesco_status .left_area { margin-bottom:40px; width:100%; } 
.unesco_status .right_area { width:100%; } 
.unesco_status .left_area p { font-size:24px; } 
 }
@media screen and (max-width: 500px){
 .unesco_status .right_area>ul>li { padding-left:30px; } 
.unesco_status .right_area>ul>li .year { position:relative; margin-bottom:10px; } 
.unesco_status .right_area>ul:before { left:10px; } 
.unesco_status .right_area>ul:after { left:10px; } 
.unesco_status .right_area>ul>li:before { left:5px; top:5px; } 
 }

/* ci */
.ci_cont img { max-width:100%; } 
.ci_cont .btn_area { margin-bottom:20px; display:flex; align-items: center; justify-content: flex-end; } 
.ci_cont .btn_area a { margin-left:10px; padding:0 25px; height:45px; display:flex; align-items: center; font-size:15px; color:#fff; background-color:#aaa; transition: all 0.3s ease-out; } 
.ci_cont .btn_area a:hover { background-color:#40A2E3; } 
.ci_cont .btn_area a:after { margin-left:18px; width:12px; height:14px; background:url(../img/sub/icon_down.svg) no-repeat center center; display:block; content:""; } 
.ci_cont .top_logo_area { padding:110px 20px; text-align:center; background:url(../img/sub/grid_bg.gif) repeat center center; border-radius:10px; border:1px solid #ddd; } 
#ctt_con .ci_cont .top_logo_area img { max-width:70%; } 
.ci_cont .txt_1 { margin:20px 0 50px; font-size:18px; line-height:1.7; } 
.ci_cont .gray_bg { position:relative; padding:70px 0; display:flex; } 
.ci_cont .gray_bg:before { position:absolute; left:50%; top:0; z-index:-1; width:100vw; height:100%; display:block; background-color:#F4F7F9; content:""; transform: translateX(-50%); } 
.ci_cont .left_area { width:48.4%; } 
.ci_cont .right_area { margin-left:auto; width:48.4%; } 
.ci_cont .gray_bg .logo_area { margin-bottom:30px; padding:0 20px; min-height:320px; display:flex; align-items: center; justify-content: center; background:url(../img/sub/grid_bg.gif) repeat center center; border-radius:10px; border:1px solid #ddd; } 
.ci_cont h2 { margin-bottom:10px; font-size:24px; font-weight:700; } 
.ci_cont .gray_bg p { margin:0; font-size:18px; line-height:1.5; } 
.ci_cont .logo_color { padding:35px 0; } 
.ci_cont .logo_color h2 { margin-bottom:20px; } 
.ci_cont .logo_color ul { display:flex; } 
.ci_cont .logo_color ul li { width:50%; } 
.ci_cont .logo_color ul li .color_txt { margin-bottom:15px; padding:0 10%; height:70px; display:flex; align-items: center; font-size:16px; color:#fff; } 
.ci_cont .logo_color ul li.red .color_txt { background-color:#D36354; } 
.ci_cont .logo_color ul li.gray .color_txt { background-color:#989898; } 
.ci_cont .logo_color ul li.blue .color_txt { background-color:#63AFC6; } 
.ci_cont .logo_color ul li .txt { display:flex; } 
.ci_cont .logo_color ul li .txt strong { flex-shrink: 0; font-size:16px; font-weight:500; margin-right:10px; line-height: 1.6; } 
.ci_cont .logo_color ul li .txt span { font-size:16px; line-height:1.6; } 
.marongi_bg { position:relative; padding:90px 0; text-align:center; } 
.marongi_bg:before { position:absolute; left:50%; top:0; z-index:-1; width:100vw; height:100%; display:block; content:""; transform: translateX(-50%); background: rgb(184, 212, 230); background: linear-gradient(180deg, rgba(184, 212, 230, 1) 0%, rgba(255, 255, 255, 1) 100%); } 
.marongi_character { position:relative; margin:0 auto; max-width:471px; } 
.marongi_character .character { position:relative; z-index:2; } 
.marongi_character .cloud_1 { position:absolute; right:-70px; top:-10px; z-index:1; } 
.marongi_character .cloud_2 { position:absolute; left:0; top:0; z-index:1; } 
.marongi_character .cloud_3 { position:absolute; left:-70px; top:136px; z-index:1; } 
.marongi_character .txt { position:absolute; left:0; top:0; z-index:4; } 
.marongi_bg .info { margin:40px 0; } 
.marongi_bg .info p { font-size:18px; line-height:1.7; } 
.marongi_list { display:flex; gap:30px; flex-wrap:wrap; justify-content: center; } 
@media screen and (max-width: 960px){
 .ci_cont .gray_bg { display:block; } 
.ci_cont .gray_bg .left_area { margin-bottom:30px; width:100%; } 
.ci_cont .gray_bg .right_area { width:100%; } 
 }

@media screen and (max-width: 640px){
 .ci_cont .btn_area a { padding:0 15px; } 
.ci_cont .btn_area a:after { margin-left:10px; } 
.ci_cont .top_logo_area { padding:50px 20px; } 
.ci_cont .txt_1 { font-size:16px; } 
.ci_cont .gray_bg .logo_area { min-height:250px; } 
.ci_cont h2 { font-size:20px; } 
.ci_cont .gray_bg p { font-size:16px; } 
.ci_cont .logo_color ul li .color_txt { font-size:14px; } 
.ci_cont .logo_color ul li .txt { padding:0 5px; display:block; } 
.ci_cont .logo_color ul li .txt span { display:block; font-size:14px; } 
.marongi_character .txt { left:-30px; top:-30px; } 
.marongi_bg .info p { font-size:16px; } 
 }

.bucketList img { max-width:100%; } 
.bucketList button { background:none; padding:0; margin:0; border:none; cursor:pointer; } 

.mt_0 { margin-top:0 !important; } 
.application { display:flex; } 
.application .img_area { width:48.4%; } 
.application .img_area h1 { width:100%; height:65px; display:flex; align-items:center; background-color:#40A2E3; color:#fff; justify-content:center; border-radius:10px 10px 0 0; font-size:22px; font-weight:700; } 
.application .img_area { text-align:center; } 
.application .img_area img { max-width:100%; } 
.application .img_area .img { margin-bottom:20px; padding:30px; background-color:#F6F6F6; border-radius:0 0 10px 10px; } 
.application .tour_step_cont { margin-left:auto; width:48.4%; display:block; padding:30px; background-color:#F3F9FB; border:2px solid #01337C; border-radius:10px; } 
.application .tour_step_cont .btn_list ul li { margin-right:5%; width:30%; } 
.application .tour_step_cont .btn_list ul li button { padding:0; width:100%; min-width:auto; } 
.application .tour_step_cont .btn_list ul li:last-child { margin-right:0; } 
.application .horizontal_calendar .year_month h2 { font-size:20px; } 
.application .btn_list li { min-width:90px; width:auto; } 
.application .calendar_rolling_wrap .swiper-slide { text-align:center; } 
.application .calendar_rolling_wrap .swiper-slide button { margin:0 auto; display:block; padding:10px; width:42px; border-radius:2em; border:none; background:transparent; } 
.application .calendar_rolling_wrap .swiper-slide .today { background-color:#1D82AE; color:#fff; } 
.application .tour_step_cont .title_area h1 { margin:0; } 
.application .tour_step_cont .title_area,
.application .tour_step_cont h1 { margin-top:30px; font-size:16px; padding-bottom:0; border-bottom:none; margin-bottom:10px; } 
.application .tour_step_cont .applicant_info ul li { display:block; padding:0; } 
.application .tour_step_cont .applicant_info ul li .title { margin:30px 0 10px; width:100%; font-weight:700; color:#000; } 
.application .tour_step_cont .applicant_info ul li .input_area { margin-bottom: 10px; width:100%; } 
.application .tour_step_cont .applicant_info ul li textarea { height:70px; } 
.application .tour_step_cont .traveler_info ul { margin-bottom:30px } 
.application .tour_step_cont .traveler_info ul li { padding-left:0; } 
.application .tour_step_cont .traveler_info .agree_txt label { font-size:15px; } 
.application .custom_table>ul>li { width:100%; } 
.application .custom_table>ul>li .title { width:20%; } 
.application .custom_table>ul>li .input_area { width:80%; } 
.application .custom_table>ul>li .input_area input[type=text] { height:36px; line-height:34px; } 
.application .tour_step_cont .control_btn { margin-bottom:15px; } 
.application .tour_step_cont .total_applicant { font-size:18px; } 
.application .tour_step_cont .payment_info>ul>li .title { width:90px; font-size:15px; } 
.application .tour_step_cont .payment_info>ul>li .txt_area { width:calc(100% - 90px); } 
.application .tour_step_cont .payment_info>ul>li { padding:10px 0; } 
.application .tour_step_cont .agree_form { padding:0; background:transparent; } 
.application .tour_step_cont .btn_area>* { width:49%; height:50px; line-height:50px; color:#fff; border-radius:5px; } 
.application .tour_step_cont .btn_area>*:nth-child(2n) { margin-left:auto; } 
.application .tour_step_cont .btn_list2 ul li { width:auto; margin-right:14px; } 
.application .tour_step_cont .btn_list2 ul li button { min-width:90px; } 
.application .tour_step_cont .radio_list ul li input[type=text] { width: 170px; } 
.application .tour_step_cont .traveler_info .taxi_number { display:block; } 
.application .tour_step_cont .traveler_info .taxi_number .title { margin-bottom:10px; width:100%; } 
.application .tour_step_cont .traveler_info .taxi_number .input_area { width:100%; } 
@media screen and (max-width: 1040px){
 .application { display:block; } 
.application .img_area { width:100%; } 
.application .img_area .img { padding:10px; } 
.application .tour_step_cont { width:100%; padding:20px; } 
 }

@media screen and (max-width: 760px){
 .application .custom_table>ul>li { display:block; } 
.application .custom_table>ul>li .title { width:100%; min-height:40px; font-size:14px; } 
.application .custom_table>ul>li .input_area { width:100%; } 
 }

.prev_next ul { border-top:1px solid #ddd; } 
.prev_next ul li { display:flex; border-bottom:1px solid #ddd; } 
.prev_next ul li .title { padding:0 10px; height:60px; display:flex; width:140px; align-items:center; font-size:16px; background-color:#efefef; text-align:center; box-sizing:border-box; justify-content:center; } 
.prev_next ul li .txt { padding:0 10px; width:calc(100% - 140px); height:60px; display:flex; align-items:center; box-sizing:border-box; } 
.prev_next ul li .txt a { display:block; width:100%; font-size:16px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; } 

@media screen and (max-width: 760px){
 .prev_next ul li .title { width:70px; font-size:14px; height:40px; } 
.prev_next ul li .txt { width:calc(100% - 70px); height:40px; } 
.prev_next ul li .txt a { font-size:14px; } 
 }

/* participation_info */
.participation_info { line-height:1.5; } 
.participation_info .title_type_2 { position:relative; margin-bottom:10px; padding-left:38px; font-size: 26px; font-weight: 700; line-height: 35px; } 
.participation_info .title_type_2:before { position:absolute; left:0; top:3px; width:30px; height:30px; background:url(../img/main_object_2.svg) no-repeat center center; background-size:100%; display:block; content:""; } 
.participation_info .list { margin-bottom:60px; } 
.participation_info .list>ul>li { position:Relative; margin-bottom:4px; font-size: 18px; letter-spacing: -0.5px; padding-left: 10px; line-height: 24px; padding-left: 7px; } 
.participation_info .list>ul>li strong { font-weight:700; color:var(--point-color-2); } 
.participation_info .list>ul>li:before { position:absolute; left:0; top:8px; width:6px; height:6px; background-color:var(--point-color-2); display:block; content:""; border-radius:50%; display: none; } 
.participation_info .list>ul>li>ul { padding:10px 0 0 14px; } 
.participation_info .list>ul>li>ul>li { font-size:1rem; color:#0266a5; line-height:1.6; } 
.participation_info .list>ul>li>ul>li strong { color:#0266a5; font-weight:700; border-color:#0266a5 } 
.participation_info .list ul.list_3 { position:relative; padding-left:20px; } 
.participation_info .list ul.list_3>li { padding-left:14px; margin-bottom:25px; } 
.participation_info .list ul.list_3>li:before { position:absolute; left:0; top:8px; width:5px; height:5px; background-color:var(--point-color-1); display:block; content:""; border-radius:0; } 
.participation_info .list ul.list_3>li span { margin-bottom:10px; display:block; color:var(--point-color-1); font-weight:600; } 
.participation_info .list_2 { margin-bottom:60px; } 
.participation_info .list_2>ul { padding:30px; background-color:#F6F6F6; } 
.participation_info .list_2>ul>li { position: relative; margin-bottom: 4px; padding-left: 12px; line-height: 27px; font-size: 18px; letter-spacing: -0.5px; } 
.participation_info .list_2>ul>li:before { position:absolute; left:0; top:9px; width:5px; height:5px; background-color:var(--point-color-1); display:block; content:""; border-radius: 50%; } 
.participation_info .list_2>ul>li.bold { font-weight: 700; } 
.participation_info .list_2>ul ul { font-weight: 400; margin: 0; padding-left: 0; line-height:1.6; } 
.participation_info .list_2 p { margin-top:10px; font-size:0.9375rem; color: var(--point-color-1); } 
.participation_info .list_2 p span { text-decoration: underline; } 
.participation_info .step ul { display:flex; gap:35px; justify-content: space-between; } 
.participation_info .step ul li { position:relative; width:16.66%; padding:20px 0; min-height:220px; border:4px solid #D9E3E9; background-color:#EEF4F8; border-radius:30px; display:flex; align-items: center; justify-content: center; text-align:center; } 
.participation_info .step ul li:before { position:absolute; right:-20%; top:50%; width:22px; height:30px; background:url(../img/sub/arrow3.png) no-repeat center center; display:block; content:""; transform: translateY(-50%); } 
.participation_info .step ul li:last-child:before { display:none; } 
.participation_info .step ul li .step { margin-bottom:4px; font-size:0.875rem; font-weight:500; color:var(--point-color-2); } 
.participation_info .step ul li .title { margin-bottom:25px; font-size:1.0625rem; font-weight:600; } 
.participation_info .step ul li .title span { margin-top:5px; font-size:0.9375rem; font-weight:500; color:#37698A; display:block; } 
.participation_info .step ul li .title span strong { display:block; } 

@media screen and (max-width: 1024px){
 .participation_info .step ul { gap:20px } 
.participation_info .step ul li .title br { display:none; } 
.participation_info .step ul li .title span br { display:block; } 
 }
@media screen and (max-width:768px){
 .participation_info .list>ul>li:before { top:5px; } 
.participation_info .list_2 li:before { top:4px; } 
.participation_info .list_2 ul { padding:15px; } 
.participation_info .list { margin-bottom:40px; } 
.participation_info .step ul { display:block; } 
.participation_info .step ul li { margin-bottom:30px; width:100%; height:auto; padding:20px; box-sizing:border-box; } 
.participation_info .step ul li:before { top:auto; bottom:-32px; left:50%; right:auto; transform:translate(-50%, 0) rotate(90deg) } 
.participation_info .list ul.list_3>li { margin-bottom:10px; } 
.participation_info .title_type_2:before { width:20px; height:20px; top:-2px; } 
.participation_info .title_type_2 { padding-left:28px; } 
.participation_info .list.title_cont_1>ul>li { font-size: 16px; } 
.participation_info .list>ul>li { font-size: 16px; } 
.participation_info .list_2>ul>li { font-size: 16px; } 
 }

/* mission_tour */
.mission_tour .img_area { margin-bottom:50px; text-align:center; } 
.mission_tour .img_area img { max-width:100%; } 
.mission_tour h2 { margin-bottom:30px; font-size:1.5rem; font-weight:700; } 
.mission_tour .list { margin:0 auto; max-width:870px; } 
.mission_tour .list li { position:relative; padding-left:22px; line-height:2; font-size:1rem; } 
.mission_tour .list li:before { position:absolute; left:0; top:10px; width:12px; height:9px; background:url(../img/sub/icon_check.svg) no-repeat center center; display:block; content:""; } 
.mission_tour .list li .highlight { padding:0 2px; background-color:var(--point-color-2); color:#fff; display:inline-block; line-height:1.4; } 
.mission_tour .list li .highlight.red_bg { background-color:#f84343; } 
.mission_tour .list li strong { color:#F84343; font-weight:500; text-decoration:underline; } 
.mission_tour .btn_area { margin-bottom:20px; display:flex; align-items: center; justify-content: center; } 
.mission_tour .btn_area a { margin-left:30px; padding:0 25px; height:45px; display:flex; align-items: center; font-size:15px; color:#fff; background-color:#aaa; transition: all 0.3s ease-out; } 
.mission_tour .btn_area a:first-child { margin-left:0; } 
.mission_tour .btn_area a:hover { background-color:#40A2E3; } 
.mission_tour .btn_area a.icon_download:after { margin-left:18px; width:12px; height:14px; background:url(../img/sub/icon_down.svg) no-repeat center center; display:block; content:""; } 
.mission_tour .btn_area a.btn_blue_bg { background-color: #40A2E3; } 
.mission_tour .btn_area a.btn_blue_bg:hover { background-color:var(--point-color-1); } 

@media screen and (max-width: 960px){
 .mission_tour .list li { line-height:1.8; } 
.mission_tour .list li:before { top:6px; } 
 }

.application_link { margin-bottom:60px; } 
.application_link a { max-width:300px; padding:0 50px 0 20px; height:50px; line-height:50px; border-radius:8px; font-weight:500; display:block; transition: all 0.3s ease-out; background:url(../img/icon_link2.svg) no-repeat right 20px center var(--point-color-2); box-sizing:border-box; color:#fff; } 

.reservation_check .box { padding:30px 40px; border:1px solid #ddd; border-radius:10px } 

@media screen and (max-width: 640px){
 .reservation_check .box { padding:20px; } 
 }



.wando2 .d1 { display: flex; flex-direction: column; align-items: center; justify-content: center; } 
.wando2 .d1 h2.sub_con_tit1 { color: #1f2678; font-weight: 500; } 
.wando2 .d1 p.sub_con_txt2 { text-align: center; color: #1f2678; font-weight: 400; font-size: 22px; line-height: 30px; } 
.wando2 .d1 .sub_con_tit2 { font-weight: 600; font-size: 28px; line-height: 40px; color: #1f2678; } 



.img_box { display: flex; } 
.img_box02 { gap: 20px; } 

/*260127추가*/
.ctt_admin { position: fixed; z-index: 99; left: 0; } 

.title_type_1 { margin-bottom: 30px; } 
.participation_info .list.title_cont_1>ul>li { font-size: 18px; font-weight: 700; letter-spacing: -0.5px; padding-left: 10px; line-height: 24px; color: #1f2678; } 
.participation_info .list.title_cont_1>ul>li:before { position:absolute; left:0; display:block; content:""; border-radius:50%; top: 9px; width: 3px; height: 3px; background: #1f2678; } 
.participation_info .list>ul>li .span_txt_1 { font-weight: 600 !important; } 
.participation_info .list>ul.list_ul>li { padding-left: 20px; } 
.participation_info .list>ul.list_ul>li:before { position:absolute; left:9px; display:block; content:""; border-radius:50%; top: 9px; width: 6px; height: 6px; background: #1f2678; } 

.participation_info .list>ul.list_ul_2>li { font-size: 18px; font-weight: 700; letter-spacing: -0.5px; padding-left: 10px; line-height: 24px; color: #1f2678; } 
.participation_info .list>ul.list_ul_3>li { font-size: 18px; font-weight: 700; letter-spacing: -0.5px; line-height: 24px; color: #1f2678; } 
.participation_info .list>ul.list_ul_3>li span { font-size: 18px; letter-spacing: -0.5px; line-height: 24px; color: #000; font-weight: 400; } 
.participation_info .list>ul.list_ul_4>li h2 { font-size: 23px; font-weight: 700; line-height: 30px; } 

.title_type_3 { font-size: 20px; font-weight: 700; line-height: 27px; padding-left: 37px; display: flex; align-items: center; gap: 4px; flex-wrap: wrap; } 
.title_type_3 span { color: #1f2678; } 

.img_box_2 img { border-radius: 8px; } 

.btn_box_part a { max-width: 600px; margin: 0 auto; display: flex; width: 100%; align-items: center; justify-content: space-between; background: #1f2678; color: #fff; padding: 0 35px; border-radius: 60px; font-size: 33px; font-weight: 400; height: 90px; } 
.btn_box_part a:hover { background: #14194f; } 

@media (max-width:670px){
 .btn_box_part a { padding: 0 20px; font-size: 20px; height: 60px; max-width: 450px; } 
 }