@charset 'euc-kr';
@import url('./common.css');

form { margin: 0; padding: 0; }
title:foucrs {border:0; }

.DV,.NV,.TV,.MV { display:none; }

.Cont_Title { text-align:left; background: url('/images/common/Cont_Title.gif') no-repeat left 5px; padding-left: 24px; color:#333; line-height: 1.6; margin-top: 40px;}
.Cont_Title:first-of-type { margin-top:0; }
.Cont_TitleB { font-size: clamp(1.8rem, 7.8vw, 2.4rem); color:#000; letter-spacing: -0.1em; margin: 6vh 0 15px;}
.Cont_TitleB:before { content:''; position: absolute; width:70px; height:4px; background:#996eca; }

.season h4 { font-weight:bold; margin: 30px 0 10px;}
.season p {color:#333; font-size:18px; font-weight: 400; margin: 25px 0 35px;}
.season table { border-top: 1px solid #7588a6;}
.season table th,.season table td { border-color:#7588a6; font-size:18px;}
.season table th { width:20%; background:#9ab9cd; color:#fff; }
.season table td { padding-left:2%; border-right:0;}

H3.Title { color:#333; }

blockquote.dash{ position: relative; border: 3px dashed #697e87; padding:20px 35px; background: #fff;}
blockquote.dash h4 { color:#000; margin-bottom: 10px}
blockquote.dash h4 span { display: inline-block; font-size: 16px; font-weight: 900; vertical-align: top; margin-right: 5px; margin-top: 5px; }
blockquote.dash h5 { position: absolute; top: -20px; background:#0f92c8; color:#fff; padding: 3px 35px; }
blockquote.dash figure { display: inline-block; vertical-align: middle; padding: 15px 35px 15px 15px; }
blockquote.dash dl { width: 88%; display: inline-block; vertical-align: middle; font-size: clamp(0.9rem, 5.5vw, 1.186rem); line-height: 1.4; color: #000; font-weight: 100;}
blockquote.dash p { list-style: auto; font-size: clamp(0.9rem, 5.5vw, 1.186rem); line-height: 1.4; color: #000; }
blockquote.dash li { list-style: auto; font-size: clamp(0.9rem, 5.5vw, 1.186rem); line-height: 1.4; color: #000; }
blockquote.dash li span { display: inline-block; margin-left: 1em; font-weight: 100;}
blockquote.dash .disc { position: relative; text-indent: -5.1em; margin-left: 5.1em; color:#000; margin-bottom:0; }
blockquote.dash .disc:first-child { text-indent: -6.3em; margin-left: 6.3em; }
blockquote.dash .disc strong { margin-left: 15px; }
blockquote.dash .disc strong:before { content:''; position: absolute; top: 10px; margin-left: -20px; width:7px; height:7px; border-radius:50%; background:#9bc8e7; }
blockquote.dash ol li { list-style: disc; margin-left: 25px;}
blockquote.dash ol li::marker { color:#6a8eca; }


/* Print_popup */
.Print_title { position: relative; color:#fff; font-weight:normal; padding:15px 30px; background:#0898df; }
.shadow{ position: absolute; z-index: 11; left: 0;top: 0;background: rgba(0, 0, 0, 0.52);width: 100%;height: 100%;display: none; }
.scrollLock { overflow: hidden; }
.prt_layer { position: fixed; width: 100%; height:75%; top: 20%; display:none; z-index: 12; overflow:scroll; background: #fff; }
.print_fixed {position: fixed; width:100%; top: 5%; background: #fff; z-index:2;}
.print_fixed p { margin: 0 auto; width: 90%; text-align:right; padding: 10px 0; line-height: 1.8;}
.print_fixed p span{ float:left; color:#333; }
button.btn_print { width:100px; background:#333; color:#fff; padding: 5px; font-size: 14px; border: 0; }
.print_check { width: 90%; margin: 0 auto; text-align:left; position: relative; padding:10px; border-top:1px solid #777; border-bottom:1px solid #777; background:#eee; }
#printArea { padding: 5%;}
label { margin-right:15px; }
label span { margin-left:3px; vertical-align:middle; color:#555; }

#Banner { position: relative; width: 100%; min-height: 250px; overflow: hidden; background:url('/images/main/banner_bg.jpg') no-repeat center / cover; }
#Banner .Bantxt { position: relative; padding: 5.3vw 16.5% 6.5vw; }
#Banner .Bantxt h5{ font-size: clamp(1.4rem, 5.5vw, 2rem); color:#02b8c6; margin-bottom:5px; font-weight: 600; letter-spacing: -2px;}
#Banner .Bantxt p{ font-size: clamp(0.85rem, 1.4vw, 1.186rem); color:#555; margin-bottom:30px; }
#Banner .Bantxt button{ max-width:290px; font-size: clamp(0.9rem, 5vw, 1.3rem); color:#000; background: none; text-align: center; border:1px solid #000;}


#Content_Tab { display: inline-block; width: 100%; text-align: center; margin-bottom: 3vw;}
#Content_Tab > div{ display: inline-block; float: left; cursor: pointer; width: 100%; border:1px solid #006898; background:#fff; font-size: clamp(0.8rem, 3.6vw, 1.06rem); color: #444; line-height: 1.2; padding: 1.8vh 0; margin-right: 0.5%; overflow: hidden; border-radius: 10px;}
#Content_Tab > div:last-child { margin-right: 0;}
#Content_Tab > div.on{ background:#006898; border:1px solid #006898; color: #fff;  }

#Cont_Table h3 { margin:30px 0 5px; background: url('../images/common/Cont_Title.gif') left 2px no-repeat; padding-left: 23px; line-height: 22px;}


#sTab { display: flex; width: 100%; text-align: center; margin-top: 30px;}
#sTab Div.sTab { float: left; cursor: pointer; border:1px solid #bbb; background:#fff; font-size: clamp(0.8rem, 3.6vw, 1.06rem); margin-right: 0.5%; border-radius: 10px 10px 0 0;}
#sTab Div.sTab a { display: block; width:100%; padding: 14px 0; color: #013885; }
#sTab Div:last-of-type.sTab { margin-right: 0;}
#sTab Div.sTab.sTon { background:#013885; border:1px solid #013885;  }
#sTab Div.sTab.sTon a { width:100%; color: #fff; }

#sTab_mread { display: flex; justify-content: center; width: 100%; margin-top: 20px; margin-left: 1px;}
#sTab_mread div.sTab_mread { cursor: pointer; border:1px solid #bbb; border-bottom: 0; margin-left: -1px; line-height: 3; }
#sTab_mread div.sTab_mread.sTon { border-color: #000; z-index: 2; background: #fff;}
#sTab_mread div.sTab_mread a { display: block; width:100%; color: #999; }
#sTab_mread div.sTab_mread.sTon a { display: block; width:auto; color: #d24;}

.sCont { display:none; width:100%; text-align: left; padding:3%; border: 1px solid #bbb; overflow-wrap: break-word; margin-top: 20px;}
[id^="SCONT_mread"].sCont { margin-top:0; }


/* Login */
#Login { max-width:640px; margin: 0 auto; padding: 5% 6%; box-sizing: border-box; letter-spacing: -1px; 
/*background:url('/images/login/login_bg1.gif') no-repeat center;*/ box-shadow:1px 3px 5px 3px rgb(25 25 25 / 25%); border: 6px #ddd double; border-radius: 20px}
#Login H2 { color:#555; text-align:center; font-size: clamp(1.8rem, 8.2vw, 3rem); font-weight: 700; line-height: 1; margin-bottom: 10px;}
#Login H2 img{ float:right; margin-top: 20px; }
#Login p { color:#777; margin-bottom: 2vh; text-align:center; }
#Login dd { display: inline-block; font-size: 14px; color:#888; font-weight: 100; padding-left:3px; text-indent: -1.2rem; margin-left: 1rem;}
#Login form { position: relative; margin: 25px 0 50px; }
#Login form div { display:inline-block; }
#Login .btn_join { position: relative; color:#888; line-height:20px; margin-bottom:7px; padding-top: 10px; font-size:15px;}
#Login .btn_join:before { content:'\203B'; font-size:15px; margin-right:5px; }
#Login .btn_join dd:before { content:'\203B'; font-size:15px; margin-right:5px; }
#Login .btn_join a { float:right; text-decoration: underline; color: #e5652c;}
#Login .joinmember {font-size: 22px; font-weight: 100; color: #d11f2b; margin-top: 20px}
#Login .joinmember br{ display:none; }
#Login .sawon_check { text-align:right; }
#Login .sawon_check input { border-radius:50%; }
#Login .sawon_check span { vertical-align:middle; color:#777; font-size: 14px;}

#Login .Login_Box {width: 70%; vertical-align: middle; }
#Login .Login_Box .Login_Area { width: 100%; font-size: 15px; color:#555; }
#Login .Login_Box .Login_Area:first-child { padding-bottom: 10px; }
#Login .Login_Box .Login_Area .Login_List { width:35%; padding-right: 5%; padding-left: 5%; background:url('/images/common/Bullet.gif') no-repeat top 8.7px left; }
#Login .Login_Box .Login_Area input { width:60%; border:1px solid  #b0b0b0; padding-left: 10px}
#Login .Login_btn { float: right; margin-right: 5px; height: auto;}
#Login .Login_btn_M { display:none; }

#Login #Board .BArea_1ea .BList { width:30%; }
#Login #Board .BArea_1ea .BData { width:70%; }
#Login #Board .BArea_1ea .BData input { width:100%; }
#Login #Board .BArea_1ea .BData input[name="cert"] { width:60%; }
#Login.Goods_join form { margin: 0 auto;}

Table { border-collapse: collapse; width:100%; background:#fff; border-top:2px solid #333; }
Table th,Table td { border:1px solid #ccc; padding:10px; line-height:1.5; background:#fff; font-size:14px; letter-spacing: -1px;}
Table th { width: 20%; background:#f0f4f8; line-height:1.4; text-align:center; font-weight: 500; color:#333;}
Table td { color:#555; text-align:left;}
Table.refund th{ width:16.6%;}	
Table .th{background:#f0f4f8; font-weight:bold;}
Table .th1{background:#a09dc9 ; color:#fff; font-weight:bold;}
Table .th2{background:#6a96c8 ; color:#fff; font-weight:bold;}

Table.AlignC th,Table.AlignC td { text-align:center; }

#Table_A { border-top: 1px solid #6a7e87; border-left:0; margin-top: 15px;}
#Table_A th,#Table_A td { letter-spacing:1; color:#000; font-size:22px; font-size: clamp(0.9rem, 5.5vw, 1.45rem); font-weight: normal; border-bottom: 1px solid #6a7e87; }
#Table_A th {background:#e3eeea; border-right: 1px solid #6a7e87; }
#Table_A td { padding-left:5%; border-right:0; }

#Table_B { border-collapse:unset; border:0; background: none; }
#Table_B th,#Table_B td { border:0; letter-spacing:-1; text-align:center; }
#Table_B th{ background:#d9e6ec; font-size: clamp(1.3rem, 4.5vw, 1.25rem); color:#3b3a38; }
#Table_B th[sub='1'] { background:#2a9396; }
#Table_B th[sub='2'] {background:#227968; font-size: clamp(1.3rem, 4.5vw, 1.25rem); color:#fff; text-align:left; padding-left:3%; }
#Table_B td {background:#c5dadd; font-size: clamp(1.1rem, 4vw, 1.2rem);color:#000; }

#Table_C { border-collapse:unset; border:0; }
#Table_C th,#Table_C td { border:0; letter-spacing:1; text-align:center; color:#000;}
#Table_C th {background:#d0e9ee; font-weight:600; font-size: clamp(1rem, 6vw, 1.75rem);}
#Table_C th[sub='1'] { background:#88acba; color:#fff; font-size: clamp(1.2rem, 6vw, 2rem);}
#Table_C td {background:#e7f6f9;font-size: clamp(0.8rem, 4vw, 1.45rem);}

/* Board_List */
#Board_List { display: inline-block; width:100%;  border-top: 2px solid #333;}
#Board_List div { position: relative; float:left; }
#Board_List img{ vertical-align: middle; width: auto;}
#Board_List .BList,#Board_List .BData { display: flex; justify-content: center; width:100%; text-align: center; padding: 16px 0; border-bottom: 1px solid #ccc;}
#Board_List .BList {background: #f0f4f8; color: #333; font-weight: 500;  }
#Board_List .BData { color: #555; font-weight: 300; }
#Board_List label.BData:hover { background: #fffafa;}
#Board_List .BList div, #Board_List .BData div { display:inline-block; line-height: 1.6; text-align: center; vertical-align:middle; text-align-last: auto; }
#Board_List .W6{ width:6%; }
#Board_List .W8{ width:8%; }
#Board_List .W10 { width:10%; }
#Board_List .W12 { width:12%; }
#Board_List .W14{ width:14%; }
#Board_List .W16 { width:16%; }
#Board_List .W18 { width:18%; }
#Board_List .W20 { width:20%; }
#Board_List .W30 { width:30%;}
#Board_List .W40 { width:40%;}
#Board_List .W50 { width:50%;}
#Board_List .W60 { width:60%;}

#Board_List.Schedule{  border-bottom: 0; padding:0; border-top:1px solid #ccc; margin-top:20px;}
#Board_List.Schedule span { position: relative; display:inline-block; margin-right: 7%; font-size:12px; color:#bbb;}
#Board_List.Schedule span:last-child { margin-right: 0; }
#Board_List.Schedule span:nth-child(2) {  margin-right: 15%; }
#Board_List.Schedule span i { font-style: normal; font-size:16px; color:#555; padding: 0 10px}
#Board_List.Schedule span s { content:''; position: absolute; top: 12px; width: 26%; height: 1px; background: #bbb; margin-left: 10%;}
#Board_List.Schedule span s:before { content:'\25CE'; position: absolute; top: -7px; left:-10px; font-size:10px; color:#999; }
#Board_List.Schedule span s:after { content:'\25CE'; position: absolute; top: -7px; right:-9px; font-size:10px; color:#999; }
#Board_List.Schedule span:last-child s { display:none; }
#Board_List.Schedule span:nth-child(2) s { width: 76%; }
#Board_List.Schedule span.cruise { position:absolute; width:100%; left:0; top:25%; }
#Board_List.Schedule button { padding:10px }

#PassCHK { float: none; width:90%; max-width:200px; margin:0 auto; padding:15px 20px; top: -20px; left: 35%; border:1px solid #ffaab0; background:#ffeceb; border-radius: 10px;}
#PassCHK .pwd { float:none; font-size:16px; font-weight:60; color:#000; }
#PassCHK .pwd input { display: block; width:100%; }
#PassCHK button { width:45%; padding: 3px 0; margin-top: 10px; font-size: 14px; margin-right: 5%; letter-spacing: 0.4em; padding-left: 0.4em; border-radius: 3px;}
#PassCHK button:last-child { margin-right:0; }
#PassCHK .pwd { width:100%; }

/*  BoardWrite & BoardView Start */
#Board { border-collapse: separate; border-spacing: 1px; text-align: left; border-top: 2px solid #555; width: 100%; display: inline-block;}
#Board div { float: left; }
#Board .BArea_1ea,#Board .BArea_2ea,#Board .BArea_3ea { border-bottom:1px #dbdbdb solid; display: flex;}
#Board .BArea_1ea { width:100%; }
#Board .BArea_2ea { width:50%; }
#Board .BArea_3ea { width:33.3%; }
#Board .BData { padding: 8px 0; display: flex;}
#Board .BList, #Board .BList2, #Board .BList3, #Board .BList4 { text-align:center; background:#f1f1f1; padding: 10px 0; border-left: 1px #dbdbdb solid; border-right:1px #dbdbdb solid; color:#555; width:130px; margin-right: 10px; font-size: 15px;}
#Board .BArea_1ea .BList, #Board .BArea_2ea:nth-child(odd) .BList, #Board .BArea_3ea:nth-child(3n+1) .BList { border-left: 0;}
#Board .BArea_1ea .BList { width:20%; }
#Board .BArea_1ea .BData { width:78%; }
#Board .BArea_2ea .BList { width:40%; }
#Board .BArea_2ea .BData { width:58%; }
#Board span {vertical-align:middle; }
#Board .BList2 { height:60px; }
#Board .BList3 { height:110px; }
#Board .BList4 { height:160px; }
#Board .PutBox input { width:100%; }
#Board .BData { text-align:left; color:#777; vertical-align: middle; }
#Board .Bline,#Board	.TextArea { width: 100%; }
#Board .Bline { border-bottom: 1px solid #dbdbdb; display: block;}
#Board .CheckSpamCode { font-size:12pt; letter-spacing:1px; color:#82b663; text-align:center; font-weight:500; margin-right: 10px;}
#Board .DotText { display: inline-block;}
#Board .upfile { max-width: 470px; margin-right: 10px; border: 1px solid #ccc; padding: 0; background: #fff; height: 28px; }
#Board .pwd { max-width: 120px; margin-right: 5px; }
#Board .Attach { margin-right:5px; }
#Board .BCont { width:100%; line-height:2; padding: 10px;}
#Board .BCont img{ max-width: 100%;}
#Board .BArea_1ea .checkbox,#Board .BArea_2ea .checkbox,#Board .BArea_3ea .checkbox{ width: auto; height: auto; }
#Board .BArea_1ea .Data .Tell,#Board .BArea_2ea .Data .Tell,#Board .BArea_3ea .Data .Tell{ max-width:60px; ime-mode:disabled; }
#Board .BArea_1ea .Data .mail,#Board .BArea_2ea .Data .mail,#Board .BArea_3ea .Data .mail{ max-width:120px; ime-mode:disabled; }
#Board textarea { width: 97%; padding:5px; margin-top: 5px; }
#Board .TextBox { width:98%; padding:10px;  border:1px solid #bfbfbf; margin-bottom: 5px; }
#Board .BBtn { width:100%; text-align:center; padding-top:30px; padding-bottom:30px; border-bottom:0; }
#Board .BBtn img { cursor:pointer; vertical-align: middle; width: 80px; }


/* FAQ */
#faq_list{ margin-bottom:20px; border-top: 1px solid #ddd; border-left: 1px solid #ddd;border-right: 1px solid #ddd;}
#faq_list ul li{border-bottom: 1px solid #ddd;}
#faq_list a{display:block;background:url(/images/common/q.gif) 13px 17px no-repeat;padding: 15px 15px 15px 43px;font-weight:500;color:#4c5054;font-size:15px; line-height: 22px;}
#faq_list dd{border-top: 1px dashed #ddd;background:#f8f8f8; margin:0; text-indent:0; background:url(/images/common/a.gif) 13px 13px no-repeat;padding: 40px 15px 18px 43px; font-size:14px; line-height:22px;}
#faq_list .Qn { font-size: 13px; color: #4c5054; font-weight: 500; padding: 12px 20px; line-height: 22px; }
#faq_list .Qn span{ padding-left:10px;}
#faq_list .Ans { display:none; background:#f8f8f8; vertical-align:top; padding: 15px 43px; border-top: 1px dashed #ddd; color: #626262; line-height: 22px;}


#paging { width:100%; margin-top: 20px; text-align: center; font-size:15px;}
#paging a { display:inline-block; vertical-align: middle;}
	.PAGE_ROLL_ON,.PAGE_ROLL_OUT { display:inline-block; min-width:26px; line-height: 19px; text-align:center; margin:0px 3px; padding:3px 5px; vertical-align:middle; cursor:pointer; }
	.PAGE_ROLL_ON { border:solid 1px #174598; background:#174598; color:#fff; font-weight:500; }
	.PAGE_ROLL_OUT { border:solid 1px #DDDDDD; background:#fff; color:#888; }
	.PAGE_ROLL_OUT:hover { color:#174598; }


/* Page Start*/
#Page { display: inline-block; width: 100%; text-align:center; margin: 20px 0; }
#Page div{ display:inline-block; min-width:24px; height:24px; line-height: 21px; padding: 0 4px; font-size: 12px; text-align:center; border:solid 1px #d7d7d7; color:#555555; vertical-align:middle;}
#Page div.on {  font-weight:bold; color:#fff; background-color:#d11c3d; border: solid 1px #d11c3d;}
#Page .pre_page,#Page .nex_page { width:auto; padding: 0 0.5%;}
#Page a { display:inline-block; }
#Board_List div#Page,#Board_List div#Page div { float:none; }


/** °Ë»ö **/
#Search {max-width:577px; margin: 0 auto; padding: 35px 0; margin-bottom: 0px;}

#sfl{display: none; }
.sound_only { display: none !important; }

#bo_sch{ position: relative; border-bottom: 1px solid #ccc;  }
#bo_sch > legend { position:absolute; left:-9999px; top:-9999px; font-size:0; }
#bo_sch form { margin:0; padding:0; }
#bo_sch input[type=text]{ width:70%; max-width:400px; border: 0; font-size: 18px; height: 57px; float: right; background-color:#fff !important; outline:0; }
#bo_sch .btn_search {background: url(../images/common/sel_box_ddot.png) center no-repeat;width: 36px; height: 36px; margin-top: 10px;  border: 0; outline:none; position: absolute; right: 0; }

#custom {display: block; padding-left: 3px; box-sizing: border-box;float: left; position: relative; width:26%; max-width: 170px; text-align: left; z-index: 1;  outline:none; height: 57px; vertical-align: top; }
#custom .sod_label{position: relative; display: block; font-size: 18px; color: #666; line-height: 57px; text-align: left; cursor: pointer;} 
#custom .sod_label:before{position: absolute; content:''; width: 12px; height: 9px; background: url(/images/common/sel_box_arr.png) center no-repeat; right: 0; top: 50%; margin-top: -4px;}
#custom.open .sod_label:before{ transform: rotate(180deg);}
#custom .sod_list_wrapper{ position: absolute; left: 0; top: 58px; display: none; width: 100%; }
#custom .sod_list_wrapper .sod_option  {display: block; font-size: 16px; line-height: 35px; height: 35px; width: 100%; color: #999; box-sizing: border-box; padding-left: 15px; transition:.3s; cursor: pointer;}
#custom .sod_list_wrapper .sod_option:hover{ background:#1e90ff; color: #fff;} 
#custom.open .sod_list_wrapper {display: block; background: rgba(0,0,0,0.8); width: 100%; padding: 10px 0;}



cite {font-style:normal; display: block; padding:3px 0; color:#dd313d;}
.W_in{ width:95%; max-width:1420px; margin: 0 auto;} 

#Ready_page { width: 100%; padding: 200px; box-sizing: border-box; color: #333; text-align: center; border:5px solid #333; margin-top:60px;}
#Ready_page h1 { font-size: clamp(2rem, 9vw, 4rem);  font-family: 'Nanum Myeongjo', serif; }
#Ready_page p { font-size: clamp(1.05rem, 3.8vw, 1.5rem); color: #555; margin-top: 8vh; }


#SideMenu { display: inline-block; width: 100%; /*overflow: hidden;*/ margin: 0 auto; background-color: #f4f4f4; border-bottom: 1px solid #d6d6d6; }
#SideMenu > div { position: relative; }
#SideMenu > div > ul { float:left; width: 230px; height: 60px; line-height: 60px; padding-left: 30px; border-right: 1px solid #d6d6d6; font-size: 17px; letter-spacing: 0.1px; color:#333; }
#SideMenu > div > ul:first-child { border-left:1px solid #d6d6d6;}
#SideMenu > div > ul > li { position: relative; cursor: pointer;}
#SideMenu > div > ul > li.on:before { content:''; position: absolute; right: 33px; top: 24px; height: 14px; width: 2px; background: #999; transform: rotate(-40deg); }
#SideMenu > div > ul > li.on:after { content:''; position: absolute; right: 25px; top: 24px; height: 14px; width: 2px; background: #999; transform: rotate(40deg); }
#SideMenu > div > ol.SideSub { position: absolute; z-index: 2; top:61px; left: 229px; float:none; display:none;  background-color: #f9f9f9; border: 1px solid #d6d6d6; border-top: 0;}
#SideMenu > div > ol.SideSub > li {width: 229px; height: 60px; line-height: 60px; padding-left: 30px; border-bottom: 1px solid #d6d6d6; font-size:17px; letter-spacing: 0.1px; color: #333;}
#SideMenu > div > ol.SideSub > li > a { display: block; font-size:16px; letter-spacing: 0.1px; color: #333;}
#SideMenu > div > ol.SideSub > li:last-child {  border-bottom: 0;}
.subtitle { display:none; }

#SideMenu > ul > li.on > a:after {  position: absolute;  right: -10px;  top: 19px;  z-index: 999;  display: block;  height: 10px;  width: 2px;  background: #333;  content: "";  
-webkit-transition: all 0.1s ease-out;  -moz-transition: all 0.1s ease-out;  -ms-transition: all 0.1s ease-out;  -o-transition: all 0.1s ease-out;  transition: all 0.1s ease-out;  text-align:center;}
#SideMenu > ul > li.on > a:before {  position: absolute;  right: -14px;  top: 23px;  display: block;  width: 10px;  height: 2px;  background: #333;  content: "";  
-webkit-transition: all 0.1s ease-out;  -moz-transition: all 0.1s ease-out;  -ms-transition: all 0.1s ease-out;  -o-transition: all 0.1s ease-out;  transition: all 0.1s ease-out;}


article { padding: 5vh 0 !important; border-top: 1px solid #ddd; min-height:700px; transition:.6s;}
article:first-of-type { border-top:0;}

.sub_wrap { width:100%; transition:.3s;}
.sv_sec {position: relative; display: flex; align-items:center; width: 100%; height: 200px; box-sizing: border-box; overflow: hidden; 
			background-repeat: no-repeat; background-position: center; background-size: cover; }
.sv01 {background-image:url(/images/sub/sv01.jpg); }
.sv02 {background-image:url(/images/sub/sv02.jpg); }
.sv03 {background-image:url(/images/sub/sv03.jpg); }
.sv04 {background-image:url(/images/sub/sv04.jpg); }
.sv05 {background-image:url(/images/sub/sv05.jpg); }

.sv_sec .tit_box {align-items:center; flex:1; text-align: center; color: #fff; padding-top: 15px;}
.sv_sec .tit_box h1,.sv_sec .tit_box h3 { color:#fff; text-shadow: 0px 0px 5px rgba(0,0,0,0.2);}
.sv_sec .tit_box h5 {letter-spacing: 0.2em; text-shadow: 0px 0px 5px rgba(0,0,0,0.2);}

.fixed_bg {position: relative; width: 100%; height: 430px; z-index: 1; overflow: hidden; margin-top: 5rem; 
				background-repeat: no-repeat; background-position: center; background-attachment: fixed; }
.s11 .fixed_bg { background-image: url(/images/sub/s1_1_bg.jpg); }
.s12 .fixed_bg { background-image: url(/images/sub/s1_2_bg.jpg); }
.SubTop_bg { font-size:22px; font-weight:500; color:#2d7074; margin-top:35px; background:url(/images/sub/DD_02.png) no-repeat 63%; list-style: auto; margin-left: 1em;}

.s21 .fixed_bg { background-image: url(/images/sub/s2_1_bg.jpg); }
.s212 .fixed_bg {background-image: url(/images/sub/s2_1_2_bg.jpg); }
.s22 .fixed_bg {background-image: url(/images/sub/s2_2_bg.jpg); }
.s222 .fixed_bg {background-image: url(/images/sub/s2_2_2_bg.jpg); }
.s23 .fixed_bg {background-image: url(/images/sub/s2_3_bg.jpg); }
.s24 .fixed_bg {background-image: url(/images/sub/s2_4_bg.jpg); }
.s31 .fixed_bg {background-image: url(/images/sub/s3_1_1_bg.jpg); }
.s312 .fixed_bg {background-image: url(/images/sub/s3_1_2_bg.jpg); }
.s32 .fixed_bg {background-image: url(/images/sub/s3_2_1_bg.jpg); }
.s322 .fixed_bg {background-image: url(/images/sub/s3_2_2_bg.jpg); }
.s33 .fixed_bg {background-image: url(/images/sub/s3_3_1_bg.jpg); }
.s332 .fixed_bg {background-image: url(/images/sub/s3_3_2_bg.jpg); }
.s41 .fixed_bg {background-image: url(/images/sub/s4_1_bg.jpg); }
.s43 .fixed_bg {background-image: url(/images/sub/s4_3_bg.jpg); }
.s03 .fixed_bg {margin-top: 72px;} 

.sub_text_box { width: 90%; margin: auto; text-align: center; }
.sub_text_box h1 { color: #333; margin-bottom: 30px; line-height: 1.6;}
.sub_text_box h2 { color: #333; margin-bottom: 30px; line-height: 1.6;}
.sub_text_box h5 { font-weight: 700; color: #333; margin-bottom: 30px;}
.sub_text_box p { line-height:2; text-align: center;}

.Cont_Title { text-align: center; margin-top: 40px;}
.Cont_Title h5 { color: #333; font-weight: 600;}

.Join_Guide p { font-size: 1.1rem; font-weight: 400; padding: 6px 20px; }

/* TAB */
#Tab {clear:both;overflow:hidden; padding: 20px 0;}
#Tab li { text-align:center; background: #ecedf0; cursor: pointer; float:left; margin-right:0.5%; margin-bottom:2vw; padding: 10px 0; letter-spacing: -1px;}
#Tab li:last-child {margin-right:0;padding-right:2px;}
#Tab li.on {background:#5d7abc;color:#FFF;}
#container .box { display:none; }

.map_txt img{width: auto;}
.daum_map .wrap_controllers {display: none;}
.daum_map .root_daum_roughmap{width: 100%;}
.daum_map .root_daum_roughmap .wrap_map{height: 420px;}
.map_txt{padding-top: 30px; }
.map_txt .lbx{display: flex; }
.map_txt .lbx h4{font-size: 2.5rem; line-height: 1; color: #303030; font-weight: 500; width: 165px;}
.map_txt .lbx ul{flex:1; }
.map_txt .lbx ul li{ color: #606060; padding: 10px 0;}
.map_txt .lbx ul li span{position: relative;	padding-right: 30px; font-weight: 500; color: #333;} 
.map_txt .lbx ul li b {  font-weight: 400; color: #666;}
.map_txt ol{float: right; margin-top: -6px; }
.map_txt ol li{float: left; border: 1px solid #ddd; display: flex; align-items:center; text-align: center; width: 50px; height: 50px; }
.map_txt ol li:last-child{border-left: 0;}
.map_txt ol li a{width: 100%;}
.map_txt ol li a img{}
.map_txt ol li:hover a img{transform:rotate(25deg)}
.map_txt .lbx > .ul2 {display:flex; margin-left: 10.6%; }

#History .fixed_bg {background-image: url(/images/sub/history_bg.jpg); }
#History .sub_text_box { position: relative; width: 100%; overflow: hidden; padding: 5rem 0; background-repeat: no-repeat; background-position: center; background-attachment: fixed; background-image: url(/images/sub/history_bg.jpg);}
#History .sub_text_box:before { content:''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0 0 0 /30%);	}
#History .sub_text_box h2,#History .sub_text_box h5 { position: relative; z-index:1; }
#History .sub_text_box h5 { color:#ddeeff; margin-bottom:20px;}
#History .sub_text_box h2 { color:#fff; margin-bottom:0;}

.history-container{position: relative;padding: 60px 0 150px;}
.history-container:before{content: '';position: absolute;top:0;left:50%;width: 1px;height: 100%;background-color: #ddd;}
.history-container .history-row{overflow: hidden; }
.history-container .history-row dl{float: right;width: 50%;padding-left: 68px;}
.history-container .history-row:nth-child(even) dl{float: left;text-align: right;padding: 0 68px 0 0 ;}
.history-container .history-row:nth-child(odd) dl dt { text-align:left; }
.history-container .history-row dl dt{position: relative;padding-bottom: 10px;margin-bottom: 16px;font-size:2.5rem;font-weight: 600;color: #333;}
.history-container .history-row dl dt:before{content: '';position: absolute;bottom:-7px;left:-75px;z-index: 1;width:15px;height: 15px;background:url(../images/sub/dot_history.png);}
.history-container .history-row dl dt:after{content: '';position: absolute;bottom:0;left:-68px;width:94.6%;height: 1px;background-color: #ddd;}
.history-container .history-row:nth-child(even) dl dt:before{left:auto;right:-75px;}
.history-container .history-row:nth-child(even) dl dt:after{left:auto;right:-68px;}
.history-container .history-row dl dd{position: relative; display: inline-block; width: 100%; font-size:1.125rem;line-height: 1.777;word-break:keep-all; margin-bottom: 10px;}
.history-container .history-row:nth-child(odd) dl dd span{float: left;}
.history-container .history-row:nth-child(even) table td p span,.history-container .history-row:nth-child(odd) table td p span { float:none; }
.history-container .history-row:nth-child(even) dl dd span{float: right;}
.history-container .history-row:nth-child(odd) dl dd span.history_month{margin-right: 30px; font-size:1.1rem; font-weight: 500; color: #333;}
.history-container .history-row:nth-child(even) dl dd span.history_month{margin-left: 30px;  font-size:1.1rem; font-weight: 500;color: #333;}
.history-container .history-row dl dd span.history_text{color: #666; font-size:1.1rem; font-weight: 400;}

.Text_img { display: inline-block; width: 100%; text-align: left;}
.Text_img h2 { color:#012349; letter-spacing: -0.1em; padding: 5px 0 30px}
.Text_img h3 { color:#012349; letter-spacing: -0.1em; padding: 5px 0 15px}
.Text_img p {font-size: 1.1rem; font-weight: 400; color: #666; margin-bottom: 30px;}
.Text_img h5 { font-weight: 500; color: #333;}
.Text_img h5 span {font-size: 1.8rem; font-weight: 500; color: #333; margin-left: 15px;}
.Text_img h6 { color: #333;  float: right; padding-right: 20px;}
.Text_img h6 span {font-size: 1.8rem; margin-left: 15px; }
.Text_img .Left_area { display: inline-block; text-align:left; max-width: 49%; }
.Text_img .Left_area figure { width:48%; display: inline-block; margin-right:2%;}
.Text_img .Left_area figure:nth-child(2n+2) {margin-right:0;}
.Text_img .Left_area figure img { width:100%; }
.Text_img .Right_area { position: relative; max-width: 49%; float: right; text-align: left;}

.img_Text figure {position: relative; display: inline-block; text-align:left; max-width:31.25%}
.img_Text figure img { width:100%; }
.img_Text .Left_area { display: inline-block; text-align:left; max-width: 49%;}
.img_Text .Right_area { float: right; padding-top: 0.8vw; width: 65%; }
.img_Text h1{ color: #333; line-height: 1.5; }
.img_Text h4{ color: #002f5b; line-height: 1.5; padding-bottom: 10px} 
.img_Text p {font-size: 1.1rem; font-weight: 400; color: #666; padding-bottom: 30px;}
.Text_img h5,.img_Text h5 { color: #002f5b; padding: 20px 0 15px; text-align: left;}
.img_Text h5 span {font-size: 1.8rem; font-weight: 500; color: #333; padding-left: 15px;}

.Limg figure { width: 20%; flex-direction:initial; align-items: center; padding: 2em; text-align: left;}
.Limg dl { width: 80%; }

em { position: absolute; width: 100%; left: 0; bottom: 20%; background: rgba(25,25,25,0.6); padding: 40px 0; color: #fff; font-size: 32px; text-align: center; }

TABLE ol li,.Text_img ol li,.img_Text ol li { list-style: square; margin-left: 20px; padding: 5px 0;}

.Layer { display: flex; flex-wrap: wrap; }
.Layer>li { position: relative; display: flex; flex-direction: column; }
.Layer.L1>li,.Layer.L1.Mg>li { width: 100%; margin-right:0; }
.Layer li figure { position: relative; overflow: hidden;}
.Layer li figure img { width:100%; transition: all 0.4s; -webkit-transition: all 0.4s; }
.Layer li figure img:hover {transform: scale(1.1); -webkit-transform: scale(1.1);}
.Layer.icon>li figure { display: inline-block; vertical-align: middle; padding:0px; padding-right:10%;}
.Layer.icon>li figure img,.Layer.iconL>li figure img { width:auto; height:auto; }
.Layer.iconL>li { flex-direction: row; align-items: center}
.Layer.iconL>li figure { width:20%;}
.Layer li strong {padding:1.5vw 0 2.5vw; font-size: clamp(1.1rem, 4vw, 1.6rem); font-weight:500; line-height:1.3; vertical-align:top; display:block; color: #000;}
.Layer dl { position: relative; }
.Layer dl img { width: 100%; height: 250px; display: block; }
.Layer dl p { font-size: 12px; color: #666; padding: 10px 20px 5px;}
.Layer .date { position: absolute; bottom: 20px; right: 30px; font-size: 12px; color: #666; }
.Layer dt { font-size: 16px; color: #363636; padding: 5px 20px; font-weight: 500;}
.Layer dt b { color: #0094d9; font-weight: 500;}
.Layer dd { font-size: 14px; color: #555; padding: 10px 20px; }
.Layer dd>b {color: #0094d9; font-weight: 500;}
.Layer.LLine>li {border: 1px solid #ddd; border-right: 0; }
.Layer.LLine>li:last-child { border-right: 1px solid #ddd; }
.Layer.Mg.LLine>li {border: 1px solid #ddd; }
.Layer>li>ul>li { margin-bottom:0 !important;}

.Layer.L2>li {width: 50%; height:auto; }
.Layer.L3>li {width: 33.3%; }
.Layer.L4>li {width: 25%; }
.Layer.L5>li {width: 20%; }
.Layer.L6>li {width: 16.67%; }
.Layer.L2>li:nth-child(2n+2),.Layer.L3>li:nth-child(3n+3),.Layer.L4>li:nth-child(4n+4),.Layer.L5>li:nth-child(5n+5),.Layer.L6>li:nth-child(6n+6){ margin-right: 0;}

.Layer.Mg>li { margin-right: calc(1.5em + 1.5%); margin-bottom: calc(1.5em + 1.5%); }

.Layer.L2.Mg>li {width: calc((100% - 1.5%)/2); }
.Layer.L3.Mg>li {width: calc((100% - 1.5%*2)/3); }
.Layer.L4.Mg>li {width: calc((100% - 1.5%*3)/4); }
.Layer.L5.Mg>li {width: calc((100% - 1.5%*4)/5); }
.Layer.L6.Mg>li {width: calc((100% - 1.5%*5)/6); }
.Layer.L7.Mg>li {width: calc((100% - 1.5%*6)/7); }

.Layer.L2.LR28>li:nth-child(odd), .Layer.L2.LR82>li:nth-child(even) { width:20%; }
.Layer.L2.LR28>li:nth-child(even), .Layer.L2.LR82>li:nth-child(odd) { width:80%; }

.Layer.L2.LR37>li:nth-child(odd), .Layer.L2.LR73>li:nth-child(even) { width:30%; }
.Layer.L2.LR37>li:nth-child(even), .Layer.L2.LR73>li:nth-child(odd) { width:70%; }

.Layer.L2.LR46>li:nth-child(odd), .Layer.L2.LR64>li:nth-child(even) { width:40%; }
.Layer.L2.LR46>li:nth-child(even), .Layer.L2.LR64>li:nth-child(odd) { width:60%; }

.Layer.L2.Mg.LR28>li:nth-child(even), .Layer.L2.Mg.LR82>li:nth-child(odd) { width:calc(80% - 1.5%); }
.Layer.L2.Mg.LR37>li:nth-child(even), .Layer.L2.Mg.LR73>li:nth-child(odd) { width:calc(70% - 1.5%); }
.Layer.L2.Mg.LR46>li:nth-child(even), .Layer.L2.Mg.LR64>li:nth-child(odd) { width:calc(60% - 1.5%); }

.Layer.L2.Mg.CLine li { width: 50%; margin: 0;  }
.Layer.L2.Mg.CLine li:first-child { padding-right: 10px; border-right:1px solid #a6a6a6; }
.Layer.L2.Mg.CLine li:last-child { padding-left: 10px; }
.Layer.L2.Mg.CLine p {font-size: 1.1rem; font-weight: 400; color: #666; padding-bottom: 30px; text-align:left;}

.Layer.Mg { justify-content: space-between; border:none;}
.Layer.Mg>li { margin-right: 1.5%; margin-bottom: 1.5%; }
#Cruise .Layer.Mg>li { box-shadow: 2px 2px 10px rgb(0 0 0 / 20%); }
.Layer.Mg dl { text-align: left; }
.Layer.Mg li img { width:100%; height: 100%;}

.Layer.Mg.Bg li { border: 1px solid #fff; background:none; text-align: left; margin-bottom:1vh; padding:3vh 5.5vh 2vh;}
.Layer.Mg.Bg li h4 { color: #fff; margin-bottom: 18px; border-bottom: 1px solid #fff;}
.Layer.Mg.Bg li h5 { padding-bottom: 13px; }
.Layer.Mg.Bg li h6 { padding-bottom: 13px; }

.Layer.Mg.L5>li span{position: absolute;color: #fff; font-weight: 700; left: 10px; top: 8px;}
.Layer.Mg.L5 h3{color: #007286; line-height: 1.42; display: flex; align-items: center; justify-content: center; height: 100%; line-height: 1.42;}
.Layer.Mg.L5 p > span{color: #007286;}
.Layer.Mg.L5 .cell_link{margin:19px auto 0; background-color: #16a3b0;padding-left: 30px;}
.Layer.Mg.L5 .cell_link:before {left: 82px;}
.Layer.Mg.L6>li {width: 16%; margin-right: 0}

.Layer.Mg li.title{ box-shadow: none; background: none; }
.Layer.Mg li.title h2{text-align:left; margin-top:0px; line-height: 1.2; color:#353536;}
.Layer.Mg li.title h2 span{ color:#1194cd; font-size: clamp(2rem, 9vw, 4rem);}
.Layer.Mg li.title .more_btn{text-align:center; margin-top:30px; font-size:20px; border:2px solid #0084ad; padding: 2px 20px; border-radius: 30px; color: #555; background: none;}
.Layer.Mg li.title .more_btn:after { content:'+'; margin-left:10px; font-size:30px; line-height: 1; vertical-align: text-bottom; color:#0084ad; }
.Layer.Mg li.title .emphasis{ background: #119dda; text-align:left; margin-top:23px; padding:36px 15%;}
.Layer.Mg li.title .emphasis h5{ color:#fff; }
.Layer.Mg li.title .emphasis h3{ display: block; color:#fff100; margin-bottom: 10px; }
.Layer.Mg li.title .emphasis p{ color:#fff; font-size:16px; letter-spacing: -1px;}

.include, { background: #fff; }
.include h6 { margin-bottom: 12px; }
.include h6:before { content:"\f274"; color:#007fff; font-family: "Font Awesome 5 Free"; padding-right:5px; }
.Layer.Mg li:nth-child(2) .include h6:before { content:"\f273"; color:#d11; }

.Layer.Cobweb li { height:390px; border: 1px solid #ddd; padding:0px; margin-bottom: 20px; padding-bottom: 20px; padding-top: 50px;}

.Layer.Mg.LBg li { min-height: 250px; text-align:left; padding: 2vw; }
.Layer.LBg li:before {content: ''; display: block; position: absolute; right: 30px; bottom: 28px; width:48px; height: 57px; background:url(/images/sub/s2_1_1_icon01.jpg) no-repeat center; background-size:cover;}
.Layer.LBg li:nth-child(3):before { background:url(/images/sub/s2_1_1_icon02.jpg) no-repeat center;}
.Layer.LBg li:nth-child(4):before { background:url(/images/sub/s2_1_1_icon03.jpg) no-repeat center;}
.Layer.LBg li:nth-child(5):before { background:url(/images/sub/s2_1_1_icon04.jpg) no-repeat center;}
.Layer.LBg li:nth-child(6):before { background:url(/images/sub/s2_1_1_icon05.jpg) no-repeat center;}
.Layer.LBg li:nth-child(7):before { background:url(/images/sub/s2_1_1_icon06.jpg) no-repeat center;}
.Layer.LBg li:nth-child(8):before { background:url(/images/sub/s2_1_1_icon07.jpg) no-repeat center;}
.Layer.LBg li:nth-child(9):before { background:url(/images/sub/s2_1_1_icon08.jpg) no-repeat center;}
.Layer.LBg li:nth-child(10):before { background:url(/images/sub/s2_1_1_icon09.jpg) no-repeat center;}
.Layer.LBg li:nth-child(11):before { background:url(/images/sub/s2_1_1_icon10.jpg) no-repeat center;}
.Layer.LBg li:nth-child(12):before { background:url(/images/sub/s2_1_1_icon11.jpg) no-repeat center;}

.Layer.FBg li:first-child:before {display: none;}
.Layer.FBg li:first-child {background:#fff url(/images/sub/s2_1_1_arti4_icon_bg.jpg) no-repeat center / cover; align-items: center; justify-content: center; padding-top: 30px;}
.Layer.FBg li figure {max-width: 123px; padding-right: 30px;}

.Layer.OBg { background:#2c456d url(/images/sub/OBG_bg.jpg) no-repeat right bottom; margin-top: 1.8vw; padding-bottom: 50px}
.Layer.OBg em { width:80%; background:#0d1f43; font-size:clamp(20px, 5vw, 30px);  color:#c2dce9; border-radius:20px; padding:0.5% 5%; display: inline-block; text-align:left; font-weight:600; }
.Layer.OBg li { background-color:unset; box-shadow:none; margin: 30px 0; padding: 0 2%; }
.Layer.OBg li:first-child { border-right:1px solid #5c7794; }
.Layer.OBg li p { color:#fff; font-size:clamp(0.9rem, 5.5vw, 1.186rem); line-height:1.4; text-align:left; width: 70%; margin: 5% auto; }

.Step li,.Layer.Step { position: relative; border:0; }
.Step li:before { content: ''; position: absolute; right: 0; top: 25%; width: 10px; height: 13px; background:url(/images/sub/s4_3_icon.png) no-repeat center; }
.Step li:last-child:before { display:none; }
.Step li figure:before {content: ''; display: block; position: absolute; z-index: 1; left: 0; bottom: -5px; width: 100%; height: 1px; background: #ddd;}
.Step li figure { position: relative; padding: 10px;}
.Step li figure:after {content: ''; display: block; position: absolute; left: 49.5%; width: 1px; height: 10%; background: #ddd; }
.Step li figure img { max-width:140px; }
.Step li h6:before {content: ''; display: block; position: absolute; top:0; left: 50%; width: 8px; height: 8px; background: #ddd; transform:translate(-51%,0);}

figure em,.img_Text em { position: absolute; width: 100%; left: 0; bottom: 20%; background: rgba(25,25,25,0.6); padding: 40px 0; color:#fff; font-size:32px; text-align:center; }
figure em p,.img_Text  em p { font-size: 18px; color:#f2f2f2; margin-bottom:0; text-align:center;}
.Text_img b,.img_Text b,ol li b { color:#0094d9; font-weight: 500; }

ol li { list-style: none; }


/*----------------- cont_box start ------------------*/
#cont_box1 .conts1{border-bottom: 1px dashed #ccc;padding: 0 0 20px 0;margin-bottom:35px;}
#cont_box1 ul li{ position:relative; display: inline-block; width: 100%; margin-bottom:15px; border: 1px solid #ddd;}
#cont_box1 ul li .img{ width: 20%; float: left; text-align: center;}
#cont_box1 ul li dl{ float: left; width: 75%; padding: 25px 0 20px; margin: 0;}
#cont_box1 ul li dl dt{font-size:21px; font-weight: 500; letter-spacing:-1px; line-height:160%;color:#222;margin-bottom:10px;}
#cont_box1 ul li dl dd{font-size:16px;line-height:1.8; margin: 0 20px; color: #444;}
#cont_box1 ul li span{color:#df4344;}


#cont_box2 .conts1{border-bottom: 1px dashed #ccc;padding: 0 0 20px 0;margin-bottom:35px;}
#cont_box2 ul li{ float: left; width: 49%; margin-right: 1.6%; margin-bottom:15px; border: 1px solid #ddd;}
#cont_box2 ul li:nth-child(2n+2){margin-right: 0;}
#cont_box2 ul li .img{ float: left; margin: 0; line-height: 0;}
#cont_box2 ul li img{ padding: 10px 0 0 10px;}
#cont_box2 ul li dl{  float: left; width: 70%; height:160px;padding:18px 20px 0 25px; margin: 0;}
#cont_box2 ul li dl dt{font-size:22px; letter-spacing:-1px; line-height:160%; color:#222; margin-bottom:5px;}
#cont_box2 ul li dl dd{font-size:13px;line-height:160%; margin-left: 2px; text-indent: -9px;}
#cont_box2 ul li span{color:#3e5ca2;}


#TextBg { height: 330px; background:url('/images/sub/sub5_1_1.jpg') no-repeat right bottom / cover; letter-spacing: -1px; padding:4%; box-sizing: border-box; margin-bottom: 2vw;}
#TextBg span { font-size:40px; color:#4de8fe; }
#TextBg div { width:40%; font-size:14px; color:#fff; margin-top:2%; opacity: 0.7; }

#TextBg1 { box-sizing: border-box; padding: 4% 6%; margin-bottom: 30px; background-repeat: no-repeat; background-position: right top;}
#TextBg1 span { font-size: 28px; color: #373895; font-weight: 600; letter-spacing: -2px; }
#TextBg1 div { color: #555; width: 60%; font-size: 15px; line-height: 1.8; margin-top: 3%; letter-spacing: -1px; }
#TextBg1 .Bullet_bar2 { background-color: #373895; width:50px; height: 4px; margin: 0px 0px 15px 0px; }

.Step2 .lifetit:before { content:''; position: absolute; display: inline-block; margin-left: -3.75%; width:29px; height:29px; background:url('/images/sub/Step2_Bullet.png') no-repeat left;}
.Step2 { background:url('/images/sub/Step2_Line.jpg') left; background-repeat-x: no-repeat; padding-left: 5%;}

.bullet { position: relative; color:#014b58; font-weight:500; counter-increment:num; padding-left: 40px; margin-bottom: 5px; line-height: 1.6;}
.bullet:before { content: " " counter(num) ; position: absolute; width: 20px; left: 0; background:#2792a6; padding:1px 7px; color:white; text-align: center; }

.lifetit {color:#000;font-size:26px;letter-spacing:-0.1em;font-weight:bold;display:block; margin:40px 0 15px; }
.lifetit span {background:#203473;padding:0px 13px 2px;color:white;margin-right:5px;}

.lifetit2 {color:#000; font-size:24px; font-weight:bold; display:block; margin-bottom:5px; }
.empha {color:#0f91c5;display:block; margin:15px 0 5px; font-weight:bold;}

.span_box{background: #22b5c3; margin-top: 2vh; line-height: 2.86; text-align: center;}
.span_box span{ color: #fff;font-size: 1.8rem; font-weight: 700;display: inline-block; margin: 0 4.5px;}
.span_box .plus{ color: #5edeea;}


.Layer4 {display:flex; }
.Layer4 li { position: relative; width: 100%; margin-right: 3.03%; border:1px solid #ddd; height: 365px; padding: 54px 0; text-align: center; }
.Layer4 li:last-child {margin-right: 0;}
.Layer4 li:Before {content: ''; display: block; position: absolute; right:40px; bottom: 35px; width: 77px; height: 69px;  background:url(/images/sub/s41_icon01.png); }
.Layer4 li:nth-child(2):Before {width: 82px; background:url(/images/sub/s41_icon02.png);}
.Layer4 li:nth-child(3):Before {width: 85px; background:url(/images/sub/s41_icon03.png);}
.Layer4 li:nth-child(4):Before {width: 86px; background:url(/images/sub/s41_icon04.png);}
.Layer4 li h4 { position: relative; margin-bottom: 15px; color: #333; }
.Layer4 li h4:before {content: ''; display: block; position: absolute; top: 2px; width: 4px; height: 26px; background:#333; }
.Layer4 li:Hover {background:#333;}
.Layer4 li:Hover:before { background:url(/images/sub/s41_icon_over011.png);}
.Layer4 li:nth-child(2):Hover:before { background:url(/images/sub/s41_icon_over022.png);}
.Layer4 li:nth-child(3):Hover:before { background:url(/images/sub/s41_icon_over033.png);}
.Layer4 li:nth-child(4):Hover:before { background:url(/images/sub/s41_icon_over044.png) no-repeat;}
.Layer4 li:Hover h4,.Layer4 li:Hover p {color:#fff;}


/* Prod Start */
.Prod .Btn_Area { display: flex; justify-content: space-between; }
.Prod button { width: 49%; font-weight: 500;}
.Prod button.Primary { background: #013885; color:#fff; border: none;}
.Prod button.Golist { background: #fff; color: #084aa0; border: 1px solid #084aa0; }
button.copy-btn,button.print { background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: 58%; 
	width:30px; height:30px; font-size: 0; border: 1px solid #ddd; margin-left: 10px; }
button.copy-btn { background-image:url('/images/button/link.svg'); background-size: 52%; }
button.print { background-image:url('/images/button/print.svg'); }
.Prod .Btn_Area a:nth-child(2) .btnPrimary { background:#0398a3 }
.Prod .Btn_Area a:last-of-type .btnPrimary { margin-right:0; background: #ff6215;}
.Prod Table th,.Prod Table td { padding: 16px 10px; font-size:clamp(0.9rem, 1.5vw, 1rem); }
.Prod Table th { font-weight:500;  }


.Layer.Mg.L2.Prod li { box-shadow:none; text-align: left; justify-content: space-between;}
.Layer.Mg.L2.Prod #Board_List { margin-top:0; border-top:0; }
.Layer.Mg.L2.Prod li img { height:350px; }
.Prod div:first-child { padding-right: 4%;}
.Prod div img { width: 100%; height:100%; }
.Prod blockquote { line-height: 2; }
.bx-call h5:before { content:''; border-left:5px solid #1c7bc0; margin-right: 10px; font-size: 18px;}
.Prod p a { display:inline-block; }
.Prod .BArea { display: flex; text-align:left; line-height: 28px; padding:13px 0; border-bottom: 1px solid #ddd; }
.Prod .BArea dt { padding-right: 4vw }
.Prod .BTitle { position: absolute; width: 100%; bottom: 50px; background: rgba(25,25,25,0.5); line-height:64px; padding: 20px 0; color:#fff; font-size:32px; text-align:center; }
.Prod .BTitle p { font-size: 18px; color:#f2f2f2; padding-bottom:7px;}
.Prod .BList { display:inline-block; width:25%; vertical-align:middle; font-size:16px;  text-align:left; font-weight:500; color: #444;}
.Prod .BData { display:inline-block; padding-left: 5px; vertical-align: middle; color: #666; font-size: 15px;}
#Board.adddetailinfo span { line-height: 30px; padding-left: 20px; padding-right: 4px;}
#Board.adddetailinfo span:first-of-type { padding-left:0; }

	.schelist { position: relative; }
	.schelist span { position: relative; display:inline-block; margin-right: 5%; font-size:13px; color:#777;  text-align: center;}
	.schelist span:last-child { margin-right: 0; }
	.schelist span i { font-style: normal; font-size:16px; color:#555; }
	.schelist span.move { padding: 0 5%; }
	.schelist span.move s { position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #bbb; }
	.schelist span.move s:before { content:'¡Ý'; position: absolute; top: -7px; left:-10px; font-size:10px; color:#999; }
	.schelist span.move s:after { content:'¡Ý'; position: absolute; top: -7px; right:-8px; font-size:10px; color:#999; }
	.schelist span.cruise { position:absolute; width:100%; left:0; bottom:20%; }
	.schelist button { padding:10px }
	.schelist .Lh2 { line-height:3.2; }

#Board_List.calendar, .tb_data_sche_click table { border-top: 1px solid #333;}
	.tb_data_sche_click { width:100%; }
	.tb_data_sche_click table { border-top: 2px solid #013885; }
	.tb_data_sche_click td {padding: 10px 2% }
	.tb_data_sche_click i.pro,.tb_data_sche_click i.end { padding: 1px 5px; line-height: 1em; margin-left: 10px; font-size:0.9em; background:#d11; color: #fff; }
	.tb_data_sche_click i.end { color: #fff; background:#000; }

.bx-price{ padding:0; background:#fff; border-color: #c0cde7;}
.bx-price h6 { background: #e2ebfd; padding: 4% 7%; margin-bottom: 10px; }
.bx-price div { position: relative; display: flex; justify-content: space-between; align-items: center; padding: 3% 7%;}
.badge { display: inline-block; padding: 3px; color: #fff; text-align: center; margin-left:5px; border-radius:3px; font-size:12px; background-color:#999}
.bx-price .Headcount { display: inline-block; border: 1px solid #ccc; font-size: 16px; line-height: 30px;}
.bx-price .Headcount i { display: inline-block; width: 1.56vw; min-width: 20px; text-align: center; font-size: 12px; cursor: pointer; vertical-align: middle}
.bx-price .Headcount span { display: inline-block; width: 2vw; min-width: 30px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; text-align: center; vertical-align: middle;}
.bx-price b { font-weight: 500; }
.bx-price cite { font-size:0.92em; padding: 3% 7% 5%;}
.sDateLook li { justify-content: space-between; }
.sDateLook .Layer.L2.Mg>li { margin-bottom: 0; }

.calendarview { width:100%; padding-right:0; border-radius: 10px; overflow: hidden; border: 1px solid #013885;}
.calendarview h6 { width:100%; background:#013885; color:#fff !important; text-align: center; padding: 12px 0; border-radius: 10px 10px 0 0; font-size: 1em;}
.calendarview .arrow { position: relative; cursor: pointer; height: 100%;}
.calendarview .arrow:before,.calendarview .arrow:after { content:''; position: absolute;  left: 0; top: calc(50% - 3px); width: 10px; height: 2px; transform: rotate(-35deg); background: #8d92a6; }
.calendarview .arrow:after { top: calc(50% + 3px); transform: rotate(35deg); }
.calendarview .arrow:hover:before,.calendarview .arrow:hover:after {background: #555; }
.calendarview .next { transform: rotate(-180deg) translate(0px, -2px);}
.calendarview .Title { color: #333; font-size: 1.1em; font-weight: 500}
.calendarview Table { border-collapse: separate; padding: 3% 7% 5%; }
.calendarview tr {display: flex; }
.calendarview th { border-right:0; border: 0; background: #e2ebfd;}
.calendarview td { color:#555; text-align: center; flex: 1; padding: 1.6% 0; border: 0; line-height: 32px; font-size: 15px;}
.calendarview .sun { color: #d11; }
.calendarview .sat { color: #007fff; }
.calendarview .tdcolor font { display: inline-block; width: 32px; height: 32px; color:#fff; background:#f11; border-radius: 4px}
.calendarview .endcolor { background:#000; }
.legend span { display: inline-block; margin:3px 10px; }
.legend span:before { content:'\25CF'; color:#f11; margin-right:3px;}
.legend span:last-child:before { color:#000; }
.calendar.vprice { margin-top: 20px; }

.Layer.Mg.L2.Cal_Prod { margin-top:20px; }
.Layer.Mg.L2.Cal_Prod li { box-shadow:none; text-align: left; margin-bottom: 0;}
.Layer.Mg.L2.Cal_Prod li:first-child { width:28.5%; }
.Layer.Mg.L2.Cal_Prod li:last-child { width:70%; overflow: auto; height: 295px; border: 1px solid #555; }
.Layer.Mg.L2.Cal_Prod #Board_List { margin-top:0; border-top:0; }
.Layer.Mg.L2.Cal_Prod #Board_List table { margin-top:0; border-left:0; }

#Booking h5.Title { padding-top: 30px; color: #555; }


.text-success{color:#1c7bc0;}

.share a { display:inline-block; }

/* Schedule */
.ScheduleWrap { margin-top: 30px; border-top: 1px solid #666; }
.thum img{margin: auto; width: 100%; height: 100%;}
#dChange1 {border-top:2px solid #555; }
.Schedule { padding: 10px 0; border-bottom: 1px solid #ccc; position: relative;}
.Schedule li:nth-of-type(2) li:nth-of-type(1) { padding-right: 1%; }
.Schedule li:nth-of-type(2) li:nth-of-type(2) { padding-bottom: 5px; }
.Schedule li:nth-of-type(2) li:nth-of-type(2):after {content:""; position: absolute;border-left: 1px solid #999; height: 95%; top: 5%; left: 0; }
.Schedule li:nth-of-type(even) { padding-left: 2%; }
.Schedule img { height:230px; overflow: hidden; }
.Schedule .Layer li h4 { padding-top:2%; padding-bottom:1.5%; }
.Schedule .Layer li .locate { font-size:1.2em; color:#1e59ca; padding-bottom:3%;}
.Schedule .Layer li p { font-size:16px; color:#333; line-height: 1.8;}
.Schedule .Layer li p span { color:#000; text-align: left; padding-right: 2%;}
.Schedule button { background: #000; color: #fff; margin-top: 20px; border: 0; }
.Schedule .goodprice { display: flex; justify-content: flex-end; }
.Schedule .state,.Schedule .fine { font-size: 16px; padding: 1% 3%; text-align: center; background: #01acf2; color: #fff !important; display: inline-block; border-radius: 20px; vertical-align: bottom;}
.Schedule .fine { background: #000; }
/*-----------------------------------------------------------*/
/* product */
#product h2{padding:20px 0 15px;margin-bottom:30px;border-bottom:1px solid #000;font-size:22px;}
#product .sect{margin-bottom:50px}
#product .tb-fixed td:nth-child(1),#product .tb-fixed th:nth-child(1){min-width:200px}
#product .tb-fixed td:nth-child(2),#product .tb-fixed th:nth-child(2){min-width:100%;text-align:left}
#product .tb-fixed td:nth-child(3),#product .tb-fixed th:nth-child(3){min-width:100px}
#product .tb-fixed td:nth-child(4),#product .tb-fixed th:nth-child(4){min-width:100px}
#product .tb-fixed td:nth-child(5),#product .tb-fixed th:nth-child(5){width:100px}

.Sche_box { text-align: left; margin-top: 20px; counter-increment: num; border:1px solid #bbb; border-top:1px solid #333}
.Sche_box h6 { position:relative; border-top:1px solid #333; border-bottom:1px solid #bbb; background-color:#f0f4f8; color:#013885; line-height: 2;}
.Sche_box h6:before { content: counter(num)"ÀÏÂ÷" ; color: white; padding: 0.4em 1em; background:#013885; vertical-align: top; margin-right: 10px; line-height: 2;}
.Sche_box h6 span { display: inline-block; font-size: 0.9em; line-height: 2.25;}   
.Sche_box h6 small { position: absolute; right: 0; bottom: 0.45em; font-size: 0.7em; color:#555; }
.Sche_box h6 small i { padding:0 10px;} 
.Sche_Title em { font-size: 18px;}
.Sche_Title em:before{content:'';display:inline-block;height:.8em;width:1px;margin:0 10px;background-color: #7c7c7c; }
.Sche_Cont { padding: 1% 2% 3%; overflow: auto;}
.Sche_Cont img { max-width:100%; }
.Sche_Title .hotel-option{margin-top:20px;font-size:17px;font-weight:500}

.bx-call { margin-top:15px; }

.Sche_hotel { padding:1.5% 2%; background:#f0f4f8; border:1px solid #e2e2e2; border-top:0; text-align: left;}
.Sche_bld { padding:1.5% 2%; border:1px solid #e2e2e2; border-top:0;  text-align: left;}
.Sche_bld i { font-style: normal;}

.Schedule-article .lst-schedule>li{padding:25px 40px;}
.Schedule-article .lst-schedule>li+li{border-top:1px dashed #ccc}
.Schedule-article .lst-schedule .txt>p{margin-top:20px;padding-left:25px;font-size:16px}
.Schedule-article .lst-schedule .img-area{margin:20px -1px 0;}
.Schedule-article .lst-schedule .img-area>*{padding:0 1px}

#gallery .icon-x{margin:10px -40px 0 0;}
#gallery .modal-body{padding:0;border-radius:0;}
#gallery .thumb img{display:block;width:100%;}
.mfp-arrow{position:absolute;top:50%;right:60px;width:30px;height:52px;margin:0 10px;border:0;background-color:transparent;background-image:url(../img/slide_arrow.png) !important}
.mfp-arrow-left{left:auto;left:60px;transform:scale(-1,1)}
.frm-select-auto{padding:10px 0;border-top:2px solid #999;border-bottom:1px solid #e2e2e2}
.frm-select-auto .bx-tb{table-layout:auto;}
.frm-select-auto .bx-tb>*{padding:0 20px}
.frm-select-auto .bx-tb>*+*{border-left:1px solid #e2e2e2}
.frm-btn-center{padding:30px 0;text-align:center;}
.frm-btn-center .btn{padding:11px 39px;}
.lst-product>li{position:relative;margin-top:20px;padding:15px;border:1px solid #d9d9d9;}
.lst-product .text-area{position:static;padding-left:40px}
.lst-product .text-area>a:before{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0}
.lst-product .prod-title{overflow:hidden;display:block;font-size:24px;color:#5e5353;text-overflow:ellipsis;white-space:nowrap}
.lst-product .prod-txt{display:-webkit-box;overflow:hidden;max-height:2.858em;margin-bottom:5px;font-size:18px;line-height:1.429em;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;white-space:normalcolor:#5e5353;}
.lst-product .text-area .info>li{height:30px}
.lst-product .text-area .info>li+li{margin-top:4px;}
.lst-product .text-area .info span{vertical-align:top}
.lst-product .text-area .info .badge{width:70px;padding:6px 7px;margin:0 20px 0 0;text-align:center;vertical-align:top;}

/* ¿¹¾à */
.bx-booking{margin-bottom:30px;}
.bx-booking h3{margin-bottom:10px;font-size:26px;}
.bx-agree .scroll{overflow-y:auto;overflow-x:hidden;height:180px;padding:20px 30px;border-top:1px solid #414141;border-bottom:1px solid #ebebeb;font-size:16px;background-color:#f8f8f8;}
.bx-agree .btn-wrp{padding:20px 30px 0;font-size:16px}

.Price input { display:inline; width:150px; border-color:#ccc; font-size:20px; color:#d11; text-align:right; background-color:#fff; padding-right: 5px;}
.Agr_box { overflow-y:scroll; display:block; height:158px; padding:20px; border:solid 1px #ddd;}

.icon-kstory{width:30px;height:30px;background-image:url(/images/common/icon_kstory.png)}
.icon-twitter{width:30px;height:30px;background-image:url(/images/common/icon_twitter.png)}
.icon-fb2{width:30px;height:30px;background-image:url(/images/common/icon_fb2.png)}
.icon-print{width:30px;height:30px;background-image:url(/images/common/icon_print.png)}

/*-----------------------------------------------------------*/
#Agree .sub_text_box { position: relative; width: 100%; overflow: hidden; padding: 5rem 0; background-repeat: no-repeat; background-position: center; background-attachment: fixed; background-image: url(/images/sub/Agree_bg.jpg);}
#Agree .sub_text_box:before { content:''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0 0 0 /30%);	}
#Agree .sub_text_box h2 { position: relative; z-index: 1; color:#fff; margin-bottom:0;}
#Agree .sub_text_box h6 { position: relative; z-index: 1; color:#ddd; margin-bottom:0; font-weight:normal; }

/* ¾à°ü Æû start*/
#Agr h5 {letter-spacing: -1px;}
#Agr h5:first-child {padding-top: 0px; }
#Agr h6 { padding: 25px 0 3px; }
#Agr dl { line-height:1.6; text-align: left; margin-bottom: 10px; border: #e5e5e5 1px solid; padding: 15px; background:#fcfdf9; font-size: 15px; }
#Agr dl:last-child { margin-bottom:0; }
#Agr p {margin-bottom: 20px;}
#Agr dt { text-indent:-1.2em; margin: 16px 0 6px 1.2em; font-size:14px; }
#Agr dd { text-indent:-0.6em; margin: 6px 0 6px 1em; font-size:13px; }
#Agr li { list-style:decimal; margin-top:20px; margin-left:1em; font-size:15px; }
#Agr ul li:first-of-type { margin-top:0; }
#Agr ul cite { margin-left:1em; }
#Agr blockquote dd { margin-left:1em; }
#Agr blockquote dd:first-child {  margin-top: 0;}
#Agr blockquote dd:last-child {  margin-bottom: 0;}
#Agr blockquote p {  margin-top: 12px;}
#Agr blockquote p:first-child {  margin-top: 0;}

#Agr_Table * {  font-size:14px; letter-spacing: -1px;}
#Agr_Table u { /* font-size:16px; */}
#Agr_Table { width:100%; text-align:center; border-top:2px solid #116492; margin-top: 5px;}
#Agr_Table th,#Agr_Table td { border:1px solid #b6cddd; padding:5px; line-height:1.5; background:#fff; text-align:center; }
#Agr_Table th { background:#f0f4f8; color:#0898df; line-height:1.4;}
#Agr_Table th:first-child { border-left:1px solid #a09dc9;}
#Agr_Table th:last-child { border-right:1px solid #6a96c8;}
#Agr_Table td { color:#555; }
#Agr_Table.refund th{ width:16.6%;}	
#Agr_Table .th{background:#f0f4f8; font-weight:bold;}
#Agr_Table .th1{background:#a09dc9 ; color:#fff; font-weight:bold;}
#Agr_Table .th2{background:#6a96c8 ; color:#fff; font-weight:bold;}

	.Agree_title { font-size:16px; color:#333; font-weight:600; }
	.Agr_Set { position: relative; padding-bottom: 20px; border-bottom: 1px solid #555; }
	.Agr_Set span { margin-right:0.5rem; font-size: 1rem; width: 4rem;}
	.Agr_Set select { width: calc(100% - 4.4rem);; max-width: 300px; height: 40px; line-height: 40px; margin-top:20px;}
	.Agr_Set .btnDown { position: absolute; right:0; bottom:20px; width: 20%; padding: 10px; background: #da1878; color: #fff; border: 1px solid #da1878;}




@media (max-width:1280px){/********** LCD **********/
.DV { display:inline-block; }
.DNo { display:none !important; }
.DFull { width:100% !important; }

.map_txt .lbx {flex-direction: column;}
.map_txt .lbx > .ul2 {margin-left: 0; margin-top: 20px;}

.bd_sec {box-sizing: border-box; padding: 0 20px;}
.SubTop_bg { background:none; }

.Layer.L2 li figure.icon { display:block; width:48%; max-width: 130px; padding: 40px 0 2vh; }

.Layer4 li p {padding: 20px;}
.Layer4 li p  br {display: none;}

.SDate_cal { width:99.5%; overflow:auto;}

.Layer.D1>li,.Layer.Mg.D1>li { width: 100% !important; max-width:100% !important; }
.Layer.Mg.D1>li { margin-right:0; }

.Layer.D2>li { width: 50% !important; }
.Layer.Mg.D2>li { width: calc((100% - (1vw + 1.5%))/2) !important; margin-right: calc(1vw + 1.5%) !important;}
.Layer.Mg.D2>li:nth-child(2n+2) { margin-right: 0 !important; }

.Layer.D3>li { width: 33.3% !important; }
.Layer.Mg.D3>li { width: calc((100% - (1vw + 1.5%)*2)/3) !important; }
.Layer.Mg.D3>li:nth-child(3n+3) { margin-right: 0 !important; }

#Board_List .BList {display:none;}
#Board_List .BData { display: inline-block; }
#Board_List .BData div { width:33.3%; ; text-align:left; padding: 0.1% 2%;}
#Board_List .BData .Pay { text-align: right; }
#Board_List .BData .Pay:before { position: absolute; left: 0;}
#Board_List .BData div:before { position: relative; content: attr(data_List)": "; }
#Board_List .BData .No,#Board_List .BData .Subject { width:100%; }
#Board_List .BData .No:before { content: attr(data_List); }
#Board_List .BData .Subject,#Board_List .BData .Subject.summary span { font-size: 1.2em; color: #333;}
#Board_List .BData .Subject:before,#Board_List .BData .ConN:before,#Board_List .BData .ConN div:before { content: none; }
#Board_List .BData.NS { padding: 1.6vh 0 2vh; }
#Board_List .BData.NS .No { width:auto !important; padding: 0.25em 5px 0 2%; }
#Board_List .BData.NS .No:before { content:''; }
#Board_List .BData.NS .Subject { width:calc(100% - 3.2em); padding-bottom:2px; }

#Board .Refer { margin-left:0; letter-spacing:-1px; }
#Board .BData input[name="sDate"],#Board .BData input[name="eDate"],#Board .BData input[name="sDate2"],#Board .BData input[name="eDate2"]{ width: 30%;}
#Board .BArea_2ea,#Board .BArea_2_5ea,#Board .BArea_3ea,#Board .BArea_4ea { width:100%; }

#Board .BlineM { width: 100%; border-bottom: 1px solid #dbdbdb; }
#Board .BList,#Board .BArea_2ea .BList,#Board .BArea_2_5ea .BList,#Board .BArea_1ea .BList, #Board .BArea_1ea .BList2, #Board .BArea_1ea .BList3, #Board .BArea_1ea .BList4{ width: 30%;  letter-spacing: -1px; margin-right: 5px; border-left:0;}
#Board .BData,#Board .BArea_1ea .BData,#Board .BArea_2ea .BData,#Board .BArea_2_5ea .BData { display: inline-block; width:68%; }
#Board .MNoList .BList { display:none; }
#Board .MNoList .BData { width:100%; }
#Board .BArea_1ea .AddressList { display: block; width: 100%; max-width: none; height: auto;}
#Board .BArea_1ea .AddressData { display: block; width: 100%; max-width: none; height: auto;}
#Board .DotText { display:block; }
#Board .Bcont img{ width: 100%;}
#Board .pwd { max-width: 110px; }
#Board .NoDate span { display: block;}

blockquote.dash dl { width: 100%; }
}



@media (max-width:1024px){/********** iPad Pro(Notebook) **********/
.NV { display:inline-block; }
.NNo { display:none !important; }
.NFull { width:100% !important; }

.sv_sec .tit_box { padding-top: 5vw; }

#Board_List.Schedule span { display:inline-block; }
#Board_List.Schedule span:first-child:after { content:'~'; padding:0 5px; }
#Board_List.Schedule .Lh2 { line-height:1.6; }
#Board_List.Schedule br { display:block; }
#Board_List .Layer.gallery { justify-content: space-between; }

.Layer.N1>li,.Layer.Mg.N1>li { width: 100% !important; max-width:100% !important; }
.Layer.Mg.N1>li { margin-right:0; }

.Layer.N2>li { width: 50% !important; }
.Layer.Mg.N2>li { width: calc((100% - (1vw + 1.5%))/2) !important; }
.Layer.Mg.N2>li:nth-child(3n+3) { margin-right: calc(1vw + 1.5%) !important;}
.Layer.Mg.N2>li:nth-child(2n+2) { margin-right: 0 !important; }

.Layer.N3>li { width: 33.3% !important; }
.Layer.Mg.N3>li { width: calc((100% - (1vw + 1.5%)*2)/3) !important; }
.Layer.Mg.N3>li:nth-child(3n+3) { margin-right: 0 !important; }

.sDateLook .Layer.L2.Mg>li.calprice { flex-direction: row; }
.calendar.vcal,.calendar.vprice { width:calc((100% - 1.5%)/2); }
.calendar.vcal { margin-top: 20px; }
}



@media (max-width:912px){/********** Surface Pro **********/
#Banner { background-position: right 35% center; }
#Banner .Bantxt { background:rgba(25,25,25,0.4); }

#Board_List.Schedule span { display:inline-block; }
#Board_List.Schedule span:first-child:after { content:'~'; padding:0 5px; }
#Board_List.Schedule .Lh2 { line-height:1.6; }
#Board_List.Schedule br { display:block; }

.sub_text_box h3 { padding:0 20px;}
.sub_text_box p { padding:0 20px; line-height: 1.4;}
.sub_text_box p br {display: none;}

.Prod .Btn_Area { position:relative }

.fixed_bg {height: 250px; background-attachment: local; background-size: cover;}

.s44 h3{ padding-left: 0; }
.Layer dd br { display:block; }

#TextBg { background-position: right 55% bottom; }
#TextBg div { width:50%; }

blockquote.dash .disc,blockquote.dash .disc:first-child { text-indent: -0.9em; margin-left: 0.9em;  }

.daum_map .root_daum_roughmap .wrap_map {height: 250px;}
.map_txt ol {clear: both; margin-top: 30px;}
.map_txt ol li {width: 35px; height: 35px;}
.map_txt ol li a {height: 100%;}
.map_txt ol li a img {width: 15px; margin-top: 8px;}
.map_txt .lbx {width: 100%;}
.map_txt .lbx ul li {display:flex;}
.map_txt .lbx ul li span {width: 100px;  padding-right: 0px;  }
.map_txt .lbx ul li b {width: 95%; }


.Prod .btnPrimary { position: relative;}

/*board*/
.respon_l {margin-bottom: 10vw;}
#Search {padding:5vw 0;}

/*footer*/
.footer {font-size: 12px;}
.ft_top ul li span {line-height: 1.4; margin-bottom: 10px;}
}



@media (max-width:768px){/********** iPad(Tablet) **********/
.TV { display:inline-block; }
.TNo { display:none !important; }
.TFull { width:100% !important; }
.TRight { position: absolute; bottom: 10px; right: 10px; }

#Board_List .BData div { width:50%;}
#Board_List .BData .Sche_img { margin-bottom:5px; }

/* iPad_Layer */
.Layer.T1>li,.Layer.Mg.T1>li { width: 100% !important; max-width:100% !important; }
.Layer.Mg.T1>li { margin-right:0; }

.Layer.T2>li { width: 50% !important; }
.Layer.Mg.T2>li { width: calc((100% - (1vw + 1.5%))/2) !important; margin-right: calc(1vw + 1.5%) !important;}
.Layer.Mg.T2>li:nth-child(2n+2) { margin-right: 0 !important; }

.Layer.T3>li { width: 33.3% !important; }
.Layer.Mg.T3>li { width: calc((100% - (1vw + 1.5%)*2)/3) !important; margin-right: calc(1vw + 1.5%) !important;}
.Layer.Mg.T3>li:nth-child(3n+3) { margin-right: 0 !important; }

.Layer.L2.CLine li:nth-child(2n+1),.Layer.L2.CLine li:nth-child(2n+2) { border:0; padding:0; }
.Layer.L2.CLine li:nth-child(4n+2) { order: 3 !important; }
.Layer.L2.CLine li:nth-child(4n+3) { order: 2 !important; margin-bottom:40px;}
.Layer.L2.CLine li:nth-child(4n+4) { order: 4 !important; }
.Layer.Mg.Bg li h4 { margin-top:0; }

.Layer.L4.Mg dl,.Layer.L5.Mg dl {flex-direction:column;}
.Layer.L4.Mg dl dt,.Layer.L5.Mg dl dt {width: 100%; max-width:100%; }

.Agr_Set select { max-width:100%;}
.Agr_Set .btnDown { position: relative; width: 100%; bottom: auto; margin-top:20px;}

.sDateLook .Layer.L2.Mg>li.calprice { flex-wrap: wrap; }
.calendar.vcal,.calendar.vprice { width:100%; }
.Layer.Mg li:nth-child(2) .include { margin-top:20px; }

.Schedule_list .pro,.Schedule_list .end { margin-top:5px; }
}


@media (max-width:664px){
.tb_data_sche_click td { text-align: center; }
.schelist span { display:block; margin-right:0; }
.schelist span.move { display: inline-block; padding:2% 5%; border:1px solid #ddd; margin: 2%;} 
}


@media (max-width:540px){/********** Mobile **********/
body { font-size: 15px; }
.MV { display:inline-block; }
.MNo { display:none !important; }
.MFull { width:100% !important; }
.MRight { position: absolute; bottom: 10px; right: 10px; }

#Login { background:none; border: 1px #ddd solid; margin-top: 0px; box-shadow:none; padding: 35px 6% 6%; }
#Login H2 { font-size: 2.2rem; }
#Login .Login_Box { width:100%; }
#Login .Login_btn { margin-top:20px; width: 100%; height: 50px; margin-right: 0; opacity: 0; margin: 10px 0 30px;}
#Login .Login_btn_M { display:block; width: 100%; height: 50px; position: absolute; margin: 10px 0 30px; font-size: 24px; color:#fff; background: #fa8e5f linear-gradient(to bottom, #fa8e5f, #f35645 50%, #f56e5f); border:1px solid #e95d43; }
#Login .btn_join { margin-bottom: 30px; }
#Login .btn_join img { padding-top: 5px}
#Login .Login_Box .Login_Area .Login_List {display:none; }
#Login .Login_Box .Login_Area input { width:100%;}

#Board_List .BData .Sche_img { width: 100%; height: 150px; }

.Layer.M1>li ,.Layer.Mg.M1>li  {width: 100% !important; }
.Layer.Mg.M1>li  { margin-right:0 !important; }

.Layer.M2>li { width: 50% !important; }
.Layer.Mg.M2>li { width: calc((100% - (1vw + 1.5%))/2) !important; margin-right: calc(1vw + 1.5%);}
.Layer.Mg.T3>li:nth-child(3n+3) { margin-right: calc(1vw + 1.5%) !important; }
.Layer.Mg.M2>li:nth-child(2n+2) { margin-right: 0 !important; }

.Layer li strong { padding: 0 0 3vw;}
.Layer.L2.Mg.OBg li { width: 80%; margin: 0px auto; padding: 40px 0 30px;}
.Layer.OBg li:first-child { border-right:0; border-bottom: 1px solid #5c7794; }
.Layer.OBg em { width:100%; }
.Layer.OBg li p { width:94%; }
blockquote.dash { padding: 30px;}

.Layer ol { width:90%; }

#SideMenu { width:100%;}

.sv_sec .tit_box { padding-top: 15vw; }

#cont_box1 ul li .img {display:none; }
#cont_box1 ul li dl { width:100%; padding: 3vw 5vw; }

	.TextT1 { line-height:80px; }
	.TextD { width: 76%; }
	.TextBox { width:97%; }

.Sche_box h4 span { font-size: 15px;}
.Schedule li:nth-of-type(2) li:nth-of-type(1):after { display:none; }
.Schedule li { padding-left: 0 !important; }
.Schedule .Layer li h4,.Schedule .Layer li div,.Schedule .Layer li p { padding-left:2%; }

.Sche_box h6 small { position: relative; display: block; bottom: auto; border-top: 1px solid #c0cde7; padding: 1.5% 0; text-align: right;}


.life_para.LBg1,.life_para.LBg2 { background:none; padding-left:0; }


#TextBg,#TextBg1,#Bg_Text ul li { height:auto; background-size: auto 100%; background-blend-mode: soft-light; background-color: rgba(25,25,25,0.8);}
#Bg_Text ul li dl { width:100%; text-align: left; padding: 12% 10%;}
#Bg_Text ul li dl dt { margin-bottom:3vw;}

#Bg_Text ul li span { color:#fdbb11; }
#TextBg { background-position: right 40% bottom; }
#TextBg span,#TextBg1 span { line-height:1.2; color: #4de8fe;}
#TextBg1 .Bullet_bar2 { background-color:#4de8fe; }
#TextBg div,#TextBg1 div { width:100%; opacity: 0.9; color:#fff;}

.Schedule .thum,.Schedule .item,.Schedule .button_wrap { position:relative; width:100%; float:none;}
.Schedule .button_wrap .state,.Schedule .button_wrap .btn_download { height:auto; padding: 5% 0; margin: 1% 0; }

.Layer.Mg.L2.Cal_Prod li:first-child,.Layer.Mg.L2.Cal_Prod li:last-child { width:100%;}
.calendarview { margin-bottom:10px; }
.calendarview tr:first-child td:first-child { text-align:left; }

.Text_img .Left_area,.Text_img .Right_area,.img_Text .Left_area,.img_Text .Right_area,.img_Text figure,.img_Text.W45 .Right_area,.img_Text.W45 figure,.Text_img.W46 .Left_area,.Text_img.W46 .Right_area { display:block; width:100%; max-width: 100%; margin: auto; float: none;}
.Text_img img,.img_Text img { width:100%;}

.list_web {display:none; }
.list_mobile {display:inline-block; }

.fixed_bg {background-size:cover; height: 40vw; margin: 10vw 0;}
.sub_text_box { padding-top: 10vw;}

#Bg_Text img{ width:100%;}

.SideTitle {display:none;}
#SideMenu>.W_in,#SideMenu>div>ul,#SideMenu>div>ol.SideSub > li {width:100%;border-right:0}
#SideMenu>div>ol.SideSub {width: 100%; left: 0; border:0; border-bottom: 1px solid #d6d6d6;}

.Layer.Mg.L5 li {margin-bottom: 2vw;}
.Layer.Mg.L4.Mo2 li {width: 48%; }
.Layer.Mg li.title h2,.Layer.Mg li.title h2 span{ text-align:center; padding-bottom: 2vh; font-size: clamp(2.5rem, 8vw, 2.8rem);}
.Layer.Mg li.title .more_btn { margin-top: 0px;}

#Customer>.Layer>li:first-child>ul>li:first-child { padding: 5% 7% 7%;}
#Customer>.Layer>li:first-child>ul>li:last-child { padding: 7% 7% 5%;}

.Prod div { width:100%;}
.Prod div:first-child { padding-right: 0;}

/*board*/
.respon_l .div_th {line-height: 1.4; padding:10px 0;}
.respon_l .div_th.col_hit,.respon_l .div_td.col_hit {display: none;}

.btn_ty {padding: 0;}
.respon_l .div_th.col_subject {width: 30%;}

.top_bt { right: 5vw; bottom: 5vw}
}


@media (max-width:414px)  {/********** iPhone 6/7/8 Plus **********/
#Login .joinmember br{ display:block; }
#Guide .Guide_Title br {display:block; }
}


@media (max-width:320px)  {/********** iPhone 5/SE **********/
#Board_List .BData div { width:100%; }
}