@charset "utf-8";

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

#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; margin-bottom:10px; }

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; }

/* popup */
.popimg img{ width:100%; }
.popclose { background:#000; color:#fff; font-size:12px; text-align: center; line-height: 28px;}
.popclose>input,.popclose>font { vertical-align: middle; }
.btn_close,button.btn_close:hover { position:absolute; width: 34px; height: 34px; right:15px; top:15px; background: none; cursor: pointer; font-size:0; border:0;}
.btn_close:before,.btn_close:after { content:''; position:absolute; width:34px; height:2px; transform:rotate(-45deg); left: 0; }
.btn_close:after { transform:rotate(45deg); }

/* 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; background-attachment: fixed;}
#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:#fff; margin-bottom:30px; }
#Banner .Bantxt button{ max-width:290px; font-size: clamp(0.9rem, 5vw, 1.3rem); color:#fff; background: none; text-align: right; padding: 10px 30px; border:3px solid #fff;}


#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: 15px;}
#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%;}
#sTab Div.sTab a { display: block; width:100%; padding: 10px 0; color: #444; }
#sTab Div:last-of-type.sTab { margin-right: 0;}
#sTab Div.sTab.sTon { background:#12498a; border:1px solid #12498a; }
#sTab Div.sTab.sTon a { width:100%; color: #fff; }

#sTab_mread { display: flex; width: 100%; text-align: center; margin-top: 20px; padding:12px 0; background:#3186de; border-top: 2px solid #12498a; overflow-wrap: break-word;}
#sTab_mread div.sTab_mread { float: left; cursor: pointer; border-right:1px solid #b1cff1;  font-size: clamp(0.75rem, 3.5vw, 1rem); margin-right: 0.5%; line-height: 1.2;}
#sTab_mread div.sTab_mread:last-child { border-right: 0;}
#sTab_mread div.sTab_mread a { display: block; width:100%; color: #edf2fb; }
#sTab_mread div:last-of-type.sTab_mread { margin-right: 0;}
#sTab_mread div.sTab_mread.sTon a { border-bottom: 1px solid #f4d919; display: inline-block; width:auto; color: #f4d919;}

.sCont { display:none; width:100%; text-align: left; margin-top: 20px; padding:3%; border: 1px solid #ddd; border-top: 2px solid #12498a; overflow-wrap: break-word;}
#SCONT3 { padding-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: #d42f2b; 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 #116492;  border-left:1px solid #b6cddd; border-right:0; margin-top: 5px;}
Table th,Table td { border-right:1px solid #b6cddd; border-bottom:1px solid #b6cddd; padding:10px; line-height:1.5; background:#fff; font-size:14px; letter-spacing: -1px;}
Table th { width: 20%; background:#f0f4f8; color:#0898df; line-height:1.4; text-align:center; font-weight: 500;}
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_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);}

.SDate_cal Table { border: 2px solid #007fff; border-top: 0; margin-top: -2px;}
.SDate_cal Table th,.SDate_cal Table td { border-right:1px solid #b2e2e4; text-align: center;}
.SDate_cal Table th { width: auto; background:#5abddb; color:#fff; font-weight: 500;}
.SDate_cal Table td { border-bottom:0; }
.SDate_cal Table td:last-child { border-right:2px solid #007fff; }
.SDate_cal Table .cal_c { background:#007fff; color:#fff;}

.ss { display:inline-block; width:100%; transition: none;}
.ss .btnmonth { position: relative; width:33.38%; float:left; margin-left: -1px; text-align:center; cursor: pointer; font-size: clamp(1.1rem, 2vw, 1.2rem); border-bottom: 2px solid #007fff;}
.ss .btnmonth:first-child { margin-left: 0; }
.ss .btnmonth.on { z-index: 2; border-bottom: 0;}
.ss .btnmonth span { display: block; z-index:2; zoom: 1.05; width: 100%; border: 1px solid #ddd; padding: 11px 0 8px; border-bottom: 0; color: #777;}
.ss .btnmonth.on span { border: 2px solid #007fff; border-bottom:0; color: #000; /*background: #f0f4f8;*/ padding: 10px 0;}


/* Board_List */
#Board_List { display: inline-block; width:100%;  border-top: 2px solid #12498a;}
#Board_List div { position: relative; float:left; }
#Board_List img{ vertical-align: middle; width: auto;}
#Board_List .BList,#Board_List .BData { width:100%; display: flex; justify-content: center; text-align: center; padding: 16px 0; border-bottom: 1px solid #ddd;}
#Board_List .BList {background: #f0f4f8; color: #333; font-weight: 500;  }
#Board_List .BData {position: relative; color: #666; 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 .thread_M { display:none;}

#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 }
#Board_List.Schedule .Lh2 { line-height:3.2; }


#Board_List.after { display: flex; flex-wrap: wrap; border-top:0; }
#Board_List.after .BList { display:none; }
#Board_List.after .BData { position: relative; display: flex; flex-direction: column; width: 23.5%; margin-right: 2%; margin-bottom: 2%; border:1px solid #ddd; padding-top: 0; cursor: pointer;}
#Board_List.after li:nth-of-type(4n+4) { margin-right:0; }
#Board_List.after .BData figure { width:100%; height: 200px; margin-bottom:10px; border-bottom: 1px solid #ddd;}
#Board_List.after .BData figure.img_none { border-bottom: 1px solid #aaa;}
#Board_List.after .BData figure img { width:100%; height:100%; }
#Board_List.after .BData div { width:100%; text-align: left; padding: 0 20px;}
#Board_List.after .BData .date { font-size:13px; text-align: right;}


/*  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; }
.addinfo { margin-top: 5px; border-top:1px dotted; }

	.Type05 { border-collapse: separate; letter-spacing: -1px; text-align: left; border-top: 2px solid #666666; }
	.Type05_Tr { vertical-align: middle;  border-bottom: 1px solid #eaeaea; }
	.TextT { width: 20%; background:#f5f5f5;	 text-align:center; display:inline-block; color:#555;  line-height:56px; vertical-align:middle; }
	.TextD { width:78%; display:inline-block;  line-height:54px; vertical-align:middle; padding-left:10px; border-color:#eaeaea;}
	.TextBox { height:26px; border-color:#eaeaea; }
	.TextArea { width:100%; padding:10px; margin:2px 0; border-color:#eaeaea; }

#Board_List #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;}
#Board_List #PassCHK .pwd { float:none; font-size:16px; font-weight:60; color:#000; }
#Board_List #PassCHK .pwd input { display: block; width:100%; }
#Board_List #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;}
#Board_List #PassCHK button:last-child { margin-right:0; }
#Board_List #PassCHK .pwd { width:100%; }

/* 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:#d42c3d; border: solid 1px #d42c3d;}
#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{ max-width:1280px; 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: 520px; 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: #12498a; 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: #12498a; 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: #12498a;}
.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;}

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;}


.Text_img.W46 .Left_area { max-width:40%; }
.Text_img.W46 .Left_area img { width:100%; }
.Text_img.W46 .Right_area { max-width:59%; }

.Layer.L2.LR46_Ma { max-width: 1420px; height: 40vw; max-height: 480px; margin: 0 auto;}
.Layer.L2.LR46_Ma li { position: relative; }
.Layer.L2.LR46_Ma .Left_area { width:42.85%; margin-bottom:0; }
.Layer.L2.LR46_Ma .Right_area { width:55.65%; margin-bottom:0; display: flex;}
.Layer.L2.LR46_Ma .Layer.Mg.L2 li { width:49%; height: 100%; margin-bottom: 0;}
.Layer.L2.LR46_Ma .Layer.Mg.L2:last-child li,.Layer.L2.LR46_Ma .Layer:last-child { margin-bottom: 0; }
.Layer.L2.LR46_Ma .Layer { height: 49%; margin-bottom:2%; }
.Layer.L2.LR46_Ma img,.Layer.L2.LR46_Ma a { width: 100%; height: 100%; }
.Layer.L2.LR46_Ma .LR_txt { position: absolute; z-index: 1; top: 15%; left: 10%; text-align:left; }
.Layer.L2.LR46_Ma .Left_area .LR_txt { top: 12%; left: 12%; }
.Layer.L2.LR46_Ma .LR_txt h1 { font-size: min(max(8vw), 2.9rem); color:#fff; letter-spacing: -2px; margin-bottom: clamp(0.6rem, 0.8vw, 1rem);}
.Layer.L2.LR46_Ma .LR_txt h3 { font-size: min(max(5.3vw), 1.9rem); color:#fff; letter-spacing: -2px; }
.Layer.L2.LR46_Ma .LR_txt h4 { font-size: min(max(5.2vw), 1.8rem); color:#000; letter-spacing: -2px; font-weight:600; }
.Layer.L2.LR46_Ma .LR_txt h4 span{ font-weight: 400; }
.Layer.L2.LR46_Ma .LR_txt p { font-size: min(max(2vw), 0.92rem); color:#000; }
.Layer.L2.LR46_Ma .LR46_Ma_bg1 { background:url('/images/main/main_banner_bg01.jpg') no-repeat right center / cover; margin-bottom: 0;}
.Layer.L2.LR46_Ma .LR46_Ma_bg2 { background:url('/images/main/main_banner_bg02.jpg') no-repeat right center / cover; }
.Layer.L2.LR46_Ma .LR46_Ma_bg3 { background:url('/images/main/main_banner_bg03.jpg') no-repeat right center / cover; }
.Layer.L2.LR46_Ma .LR46_Ma_bg4 { background:url('/images/main/main_banner_bg04.jpg') no-repeat right center / cover; }
.Layer.L2.LR46_Ma .LR46_Ma_bg5 { background:url('/images/main/main_banner_bg05.jpg') no-repeat right center / cover; }

.Text_img.W37 .Left_area { float: left; max-width:30%; padding:0; }
.Text_img.W37 .Right_area { float: left; max-width:70%; padding:0; }
.Layer .Text_img.W37 dt img { height:auto; padding-right: 5px;}

.img_Text.W45  figure,.Text_img.W45 .Left_area { max-width:45%; }
.img_Text.W45 .Right_area,.Text_img.W45 .Right_area { max-width:53%; }

.Text_img.W54 .Left_area { max-width:53%; }
.Text_img.W54 .Right_area { max-width:45%; }

.img_Text.W55  figure,.Text_img.W55 .Left_area { max-width:50%; }
.img_Text.W55 .Right_area,.Text_img.W55 .Right_area { max-width:50%; }

.Text_img.W64 .Left_area { max-width:60%; }
.Text_img.W64 .Right_area { max-width:40%; text-align: right;}

.Layer.L2 li ul li, .Layer.L3 li ul li, .Layer.Mg.L2 li ul li, .Layer.Mg.L3 li ul li { margin-bottom:0; }


.Layer.L2.Mg.LR46>li:first-child { width:45.5%; max-width:45.5%; }
.Layer.L2.Mg.LR46>li:last-child { width:52%; max-width:52%; }

.Layer.L2.Mg.LR64>li:first-child { width:52%; max-width:52%; }
.Layer.L2.Mg.LR64>li:last-child { width:45.5%; max-width:45.5%; }

.Layer.L2.Mg.LR37>li:first-child { width:32%; max-width:32%; }
.Layer.L2.Mg.LR37>li:last-child { width:64%; max-width:64%; }

#Guide .Guide_Title { padding: 0; text-align:left; line-height: 1.2;}
#Guide .Guide_Title br {display:none; }
#Guide .Guide_Title h2 { font-size: clamp(1.9rem, 4.3vw, 2.5rem); }
#Guide .Text_img h3, .img_Text h3, #Guide h3, #Guide h4 { color:#012349; text-align: left;}
#Guide h2, #Guide h4 { color:#012349; padding:30px 0 20px;}
#Guide p,#Guide .Layer>p { text-align: left !important;; font-size: 1.1rem !important;; color:#000; padding-bottom: 20px;}
#Guide Table b { padding-right:15px;}
#Guide .Layer li { text-align: left;}
#Guide.G4 h3,#Guide.G4 h5 { color: #000; }
#Guide.G4 h5 { font-weight: 400;}
#Guide em { padding:40px 10%; text-align:left; color:#fff;}
#Guide em>h3 { color:#fff !important;; padding:0 !important; }
#Guide em>h4 { color:#fff !important;; padding:0 !important; }
#Guide em>p { text-align:left !important; padding-bottom:0; color: #fff !important;}
#Guide .Cruise_intr { padding:30px 0; border-top: 1px dashed #bbb;}
#Guide .Cruise_intr h4 { padding-top:5px;}


.s44 h3{ padding: 40px 0 0 30px; color: #0898df; line-height: 1.8; }

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; }

#img_Text { margin-top: 3vw;  }
#img_Text ul li{ position:relative; display: inline-block; width: 100%; margin-bottom:15px; border: 1px solid #ddd;}
#img_Text ul li .img{ float: left; margin: 0; line-height: 0;}
#img_Text ul li dl{ float: left; width: 70%; padding: 20px 25px 0 25px; margin: 0;}
#img_Text ul li dl dt{font-size:24px; font-weight: 500; letter-spacing:-1px; line-height:160%;color:#222;margin-bottom:10px;}
#img_Text ul li dl dd{font-size:16px;line-height:1.8; margin: 0 20px; color: #444;}
#img_Text ul li span{color:#df4344;}

#Bg_Text { padding-top: 15px;  }
#Bg_Text ul li{ position:relative; display: inline-block; width: 100%; height:300px; margin-top:20px; margin-bottom:15px; background:url(/images/sub/cruise_serv_1.jpg) no-repeat center right;}
#Bg_Text ul li dl{ width: 52%; padding: 6% 5%; margin: 0; }
#Bg_Text ul li dl dt{font-size:clamp(1.32rem, 4vw, 1.6rem); font-weight: 600; letter-spacing:-1px; line-height:120%;color:#222;margin-bottom:1vw; }
#Bg_Text ul li dl dd{font-size:18px;line-height:1.5; color: #444;}
#Bg_Text ul li span{color:#dd313d;}
#Bg_Text ul li:nth-child(2) { background-image:url(/images/sub/cruise_serv_2.jpg);}
#Bg_Text ul li:nth-child(3) { background-image:url(/images/sub/cruise_serv_3.jpg);}
#Bg_Text ul li:nth-child(4) { background-image:url(/images/sub/cruise_serv_4.jpg);}
#Bg_Text ul li:nth-child(5) { background-image:url(/images/sub/cruise_serv_5.jpg);}


.Layer { display: flex; flex-wrap: wrap; width: 100%; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd;	}
.Layer>li { display: flex; flex-direction: column; border-right: 1px solid #ddd; border-top: 1px solid #ddd; background-color: #fff; text-align: center;}
.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 li figure.icon { margin:0 auto; padding: 40px 0 2vh; width:49%; max-width: 160px; }
.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 li h4 { color: #333; padding-bottom:0.8vw;}
.Layer li h6 { color: #333; }
.Layer li p { color: #666; font-size:14px; }
.Layer li p span {display: inline-block; position: relative; }
.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;}
#cruise_3 { background: #f5f5f5; }
#cruise_3 .Layer dt { padding: 5px 0px; }
#cruise_3 .Layer dt b { color: #fff; font-weight: 500; background: #2792a6; padding: 5px 10px; margin-right: 5px; }

#Review .Layer.Mg li figure { background: #000; height: 250px;}
#Review .Layer.Mg li figure img { width:100%; height:100%; }
#Review .Layer.Mg.L4 li:first-child { cursor:auto; }
#Review .Layer.Mg.L4 li { cursor:pointer; }
#Review .Layer dl { min-height: 240px }
#Review .Layer dd { font-size: 13px; max-height: 130px; overflow: hidden;}
#Review .Layer.Mg li.title .more_btn{ padding: 10px 20px; }
#Review .Layer .hover,#Review .Layer .hover figure { box-shadow: 0 0 0 5px rgb(17 157 218 / 60%) inset; }
#Review .Layer .hover figure img{ opacity: 0.6; }
#Review .hover p,#Review .hover dt,#Review .hover dd,#Review .hover span{ color: #0094d9;}

.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;}


ol li { list-style: none; }
#Guide ol li  { list-style: square; margin-left: 20px; padding-bottom: 12px;}

.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),.Layer.L7 li:nth-child(7n+7){ margin-right: 0;}
.Layer.L2>li figure.icon { display: inline-block; vertical-align: middle; max-width:none; padding:0px; padding-right:10%;}
.Layer.L2>li {width: 50%; height:auto; }
.Layer.L3>li {width: 33.3%; }
.Layer.L4>li {width: 25%; }
.Layer.L5>li {width: 20%; }

.Layer.L7.Mg li{ box-shadow:none; border: 1px solid #ddd;}

.Layer.Mg { justify-content: space-between; border:none;}
.Layer.Mg>li { position: relative; margin-right: 1.2%; margin-bottom: 1.2%; border:none; background-color: #fff; }
#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 { color: #fff; padding-bottom: 13px; }
.Layer.Mg.Bg li h6 { color: #fff; padding-bottom: 13px; }
.Layer.Mg.Bg li p { color: #fff; }

.Layer.Mg.L2>li { width: 49.4%; vertical-align: middle;}
.Layer.Mg.L3>li {width: 32.5%; }
.Layer.Mg.L4>li {width: 23.5%; }
.Layer.Mg.L5>li { width: 18.7%; }
.Layer.Mg.L5>li span{position: absolute;color: #fff; font-weight: 700; left: 10px; top: 8px;}
.Layer.Mg.L5>li::before{/*position: absolute; content: ""; width: 95px; height: 95px; left:-47.5px ; top:-47.5px ;background: #007286; -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); z-index: 0;*/}
.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{ text-align: right; margin-top: 23px;}
.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;}

.Layer.BoxL li { border:2px solid #fcc; box-shadow:none; text-align: left; padding: 2% 3%; background: #fffafa;}
.Layer.BoxL li>dl>ul>li { border: 0; }

.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);}


/*----------------- 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; }

.cruiselife {margin-bottom:50px;}
.cruiselife img { display: block; margin-bottom:20px;}
.life_para {margin-bottom:20px; text-align:left; font-size: 18px;}
.life_para.LBg1 { background:url('/images/sub/cruise_tip_7.jpg') no-repeat left top; padding-left: 80px; }
.life_para.LBg2 { background:url('/images/sub/cruise_tip_8.jpg') no-repeat left top; padding-left: 80px; margin-top: 40px;}

.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:#12498a; }
.Layer4 li:Hover {background:#12498a;}
.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 { position: absolute; bottom: 0; width: 100%; }
.Prod button { color:#fff; border:none; }
.Prod .btnPrimary { float:left; width: 100%; margin-right:2%; line-height: 30px; background:#0898df; color:#ffffff; font-size:18px;cursor:pointer;	border-radius:0px; border: none;text-align:center; }
.Prod button.Golist { background:#0898df }
.Prod button.Primary { background: #ff6215;}
button.copy-btn,button.print { background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: 58%; 
	width:36px; height:36px; font-size: 0; border: 1px solid #ddd; float: right; margin-left: 10px; padding: 0; margin-top: 5px;}
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 * { font-size:16px;}
.Prod Table { margin-top:0; border-left:0; }
.Prod Table th,.Prod Table td { border-right:0; padding: 16px 10px;}
.Prod Table th { font-weight:500;  }


.Layer.Mg.L2.Prod li { box-shadow:none; text-align: left; }
.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 {margin-top:20px;padding:15px 25px;border:2px solid #e4c897; background:#fffcf6; margin-bottom:0; }
.bx-call h5:before { content:''; border-left:5px solid #1c7bc0; margin-right: 10px; font-size: 18px;}
.Prod .bx-price{ display: inline-block; width: 100%; padding:20px; margin-top: 20px; margin-bottom: 10px; border:0;  border-top:1px solid #1c7bc0; border-bottom:1px solid #1c7bc0; background:#f0f4f8; }
.Prod .bx-price h6 { margin-bottom:5px;}
.bx-price span { position: relative; color: #3352bb; letter-spacing: -1px; line-height: 1; float: left; width: 33.3%;}
.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; }

	.tb_data_sche_click td {padding: 10px 2% }
	.schelist { position: relative; text-align:center; }
	.schelist span { position: relative; display:inline-block; width: 15%; margin-right: 5%; font-size:12px; color:#bbb;  text-align: center;}
	.schelist span:last-child { margin-right: 0; }
	.schelist span:nth-child(2) {  margin-right: 28%; }
	.schelist span i { font-style: normal; font-size:16px; color:#555; }
	.schelist span s { position: absolute; top: 12px; width: 35%; height: 1px; background: #bbb; margin-left: 15%;}
	.schelist span s:before { content:'◎'; position: absolute; top: -7px; left:-10px; font-size:10px; color:#999; }
	.schelist span s:after { content:'◎'; position: absolute; top: -7px; right:-8px; font-size:10px; color:#999; }
	.schelist span:last-child s { display:none; }
	.schelist span:nth-child(2) s { width: 190%; }

	.schelist span.cruise { position:absolute; width:100%; left:0; bottom:20%; }
	.schelist button { padding:10px }
	.schelist .Lh2 { line-height:3.2; }


.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.8%; }
.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 .calendarview { width:100%; padding-right:0;}
.Layer.Mg.L2.Cal_Prod .calendarview tr {display: flex; }
.Layer.Mg.L2.Cal_Prod #Board_List .calendarview .cal_perv { cursor: pointer; padding:10px; }
.Layer.Mg.L2.Cal_Prod #Board_List .calendarview .cal_perv:before { content:''; position: absolute;  left: 0; top: 7px; width: 10px; height: 2px; transform: rotate(-35deg); background: #aaa; }
.Layer.Mg.L2.Cal_Prod #Board_List .calendarview .cal_perv:after { content:''; position: absolute; left: 0; top: 12px; width: 10px; height: 2px; transform: rotate(35deg); background: #aaa; }
.Layer.Mg.L2.Cal_Prod #Board_List .calendarview .cal_perv:hover:before {background: #555; }
.Layer.Mg.L2.Cal_Prod #Board_List .calendarview .cal_perv:hover:after {background: #555; }

.Layer.Mg.L2.Cal_Prod #Board_List .calendarview .cal_next { float:right; cursor: pointer; padding:10px;}
.Layer.Mg.L2.Cal_Prod #Board_List .calendarview .cal_next:before { content:''; position: absolute;  left: 0; top: 7px; width: 10px; height: 2px; transform: rotate(35deg); background: #aaa; }
.Layer.Mg.L2.Cal_Prod #Board_List .calendarview .cal_next:after { content:''; position: absolute; left: 0; top: 12px; width: 10px; height: 2px; transform: rotate(-35deg); background: #aaa; }
.Layer.Mg.L2.Cal_Prod #Board_List .calendarview .cal_next:hover:before {background: #555; }
.Layer.Mg.L2.Cal_Prod #Board_List .calendarview .cal_next:hover:after {background: #555; }


.Layer.Mg.L2.Cal_Prod #Board_List table { margin-top:0; border-left:0; }
.Layer.Mg.L2.Cal_Prod .calendarview th { border-right:0; }
.Layer.Mg.L2.Cal_Prod .calendarview td { color:#777; text-align: right; flex: 1; padding: 10px 5%; border-right:0; }
.Layer.Mg.L2.Cal_Prod .calendarview .tdcolor { color:#000; background:#fcc}

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


.text-success{color:#1c7bc0;}
.text-red{color:#f2312c; display: inline-block; }
.badge{ display: inline-block; width:auto; min-width: 10px; padding: 3px 7px; line-height: 1; color: #fff; text-align: center; vertical-align: middle; margin-top:-5px;border-radius:3px;font-size:13px;font-weight:400;background-color:#999}

.share a { display:inline-block; }

/* schedule_list2 */
.ScheduleWrap { margin-top: 30px; border-top: 1px solid #666; }
.thum img{margin: auto; width: 100%; height: 100%;}
#dChange1 {border-top:2px solid #555; }
.Schedule { text-align:center; padding: 10px 0; border-bottom: 1px solid #ccc; position: relative;}
.Schedule_list2 { padding: 10px 0; border-bottom: 1px solid #ccc; position: relative;}
.Schedule_list2 li:after {content:""; display:block; clear:both;}
.Schedule_list2 .thum {float:left; width:30%; height:213px; overflow: hidden}
.Schedule_list2 .item {float:left; width:50%; position:relative; margin-left: 2%;}
.Schedule_list2 dl {text-align:left; margin:0px; }
.Schedule_list2 dd {font-size:14px; color:#8e8e8e; line-height:37.5px; margin-left:0px; border-bottom: 1px dashed #e0e0e0; margin-bottom: 5px;}
.Schedule_list2 dd.line4 { height:41px; line-height:41px; }
.Schedule_list2 dd:last-child { margin-bottom: 0;}
.Schedule_list2 dd .cate {display:inline-block; font-size:13px; color:#666; width:70px; text-align: center; background: #eee; margin-right: 30px; }
.Schedule_list2 dd .Schedule_date { font-size:14px; color:#e14467; }
.Schedule_list2 dd .Schedule_title {  font-size:14px; color:#333; }
.Schedule_list2 .button_wrap { position:absolute; width:15%; right: 0px; bottom: 0px;}
.Schedule_list2 .button_wrap:after {content:""; display:block; clear:both;}
.Schedule_list2 .button_wrap .state { float:right; display:inline-block; width:100%; padding: 17% 0; text-align:center; background:#1c62aa; font-size:14px; font-weight:700; color:white; }
.Schedule_list2 .button_wrap .state.fin {background:#333; color:#c6c6c6;}
.Schedule_list2 .button_wrap .btn_download { float:right; display:inline-block; width:100%; padding: 17% 0; margin: 10% 0; text-align:center; background:#fff; font-size:14px; font-weight:700; color:#333; border: 1px solid #999; box-sizing: border-box;}


/*-----------------------------------------------------------*/
/* 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}
.prod-detail .thumb-group{float:left;width:100%;}
.prod-detail .thumb-group .bx-call{margin-top:50px;padding:15px 25px;border:2px solid #e4c897;font-size:18px;font-weight:500;background-color:#fffcf6;}
.prod-detail .thumb-slide .thumb>img{display:block;width:100%;}
.prod-detail .info-group{float:right;width:100%}
.prod-detail .info-group .share{margin-bottom:25px}
.prod-detail .info-group .share a{ display:inline-block;}
.prod-detail .info-group .prod-info{padding-left:100px;}
.prod-detail .info-group .prod-info dt{float:left;margin-left:-100px;}
.prod-detail .info-group .prod-info>*{margin-bottom:20px;font-size:16px;line-height:34px; }
.prod-detail .info-group .prod-info>.form{height:34px}
.prod-detail .info-group .bx-price{padding:20px;border-top:1px solid #1c7bc0;border-bottom:1px solid #1c7bc0;background-color:#eff4f7;}
.prod-detail .info-group .prod-btn>*{width:191px;padding:10px;margin-top:30px;font-size:20px}
.prod-detail .bx-noti .lst-num li{line-height:2;font-weight:500}
.prod-detail .bx-noti>*>*{height:100%;padding:25px;border:2px solid;}
.prod-detail .bx-noti .bx-border1{border-color:#39a8b9;}
.prod-detail .bx-noti .bx-border2{border-color:#b7b7b7;}
.prod-contents .tab-type2>*{width:20%}
.prod-contents .tab-content{margin-bottom:50px;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;border-bottom:1px solid #8e8e8e;}

.Sche_box{ text-align: left; margin-top: 20px; counter-increment: num; border:1px solid #e2e2e2; border-top:1px solid #12498a}
.Sche_box h4:before { content: " " counter(num); color: white; font-size:40px; padding: 7px 20px; background:#12498a; vertical-align: top; margin-right: 5px}
.Sche_box h4 { border-top:1px solid #12498a; border-bottom:1px solid #e2e2e2; background-color:#faf9f9; margin-bottom:0; line-height: 70px; color:#1c7bc0;}
.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_box h4 span { float: right; font-size: 18px; font-weight: 400; padding-right: 3%; color:#1c7bc0; }
.Sche_box h4 span i {padding:0 10px;}
.Sche_Cont { padding: 1% 2% 3%;}
.Sche_Cont img { max-width:100%; }
.Sche_Title .hotel-option{margin-top:20px;font-size:17px;font-weight:500}

.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:0px; font-size:20px; color:red; text-align:right; background-color:#fff; }
.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; }

/* Agr */
#Agr *	{ word-break: break-all; }
#Agr	.kftc_logo { float: right; }
#Agr div {line-height:1.8; text-align: left;}
#Agr .Title { margin-top:20px; color:#333; font-weight:600; font-size:15px;}
#Agr .Title_S { margin-bottom:20px; font-size:14px; font-weight:600; color:#333; }
#Agr .Prod { background:#babcbb; margin-top:3px;}
#Agr .Prod tr{ height:40px; }
#Agr .Prod div { display:inline-block; line-height: 1.3;}
#Agr .Arith { margin-top:3px; border:1px solid #babcbb; padding:10px 25px;}
#Agr .text_box { border: 1px solid #eee; background: #fff; padding: 5px 20px; }
#rates tr { height:40px; }

#Agr div span { margin-bottom:10px; }
#Agr ul { margin: 0; padding: 0px;}
#Agr ul>li { margin-top:16px;  text-indent:-1em; margin-left:1em; margin-bottom:2px;}
#Agr ul>li:first-child { margin-top:0px;}

#Agr dl { margin: 10px 0; padding: 0px;}
#Agr dt { text-indent:-1.2em; margin-left:2.4em; margin-top: 10px; }
#Agr dd { text-indent:-1.2em; margin-left:3.2em; margin-top: 5px; }

#Agr ol { margin-bottom: 10px; padding-left: 30px; font-size: 0.95em;}
#Agr ol>li { text-indent:-1.2em; margin-left:2.4em; margin-top: 0.3em}

#Agr a { color:#0094d9;}
#Agr h6 {padding-top: 30px; color:#555;}
#Agr h6:first-child {padding-top: 10px; }

#Agr .data_box { border: #dddddd 1px solid; padding: 18px 30px; background:#f7f7f7; text-align:left;}

#Agr Table td { text-align:center; }

	.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){/********** Tablet **********/
.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;}

.W_in { width:90% }

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


/* TABLET_BoardWrite & BoardView */
#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;}
#Board .BList.Full,#Board .BData.Full { width:100%; padding:8px;}

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



@media (max-width:1024px){/********** Surface Pro **********/
.sv_sec { height:40vw; }
.sv_sec .tit_box { padding-top: 5vw; }
}



@media (max-width:912px){/********** Surface Pro **********/
#PC,.Layer.Mg li.PC { display:none; }
#TV { display:inline-block; }
#TNo { display:none;  }

#Banner { background-position: right 35% center; }
#Banner .Bantxt { background:rgba(25,25,25,0.4); }

/* TABLET_Board_List */
#Board_List .BList {display:none;}
#Board_List.Over_Table  {min-width:auto; }
#Board_List .BData div { width:25%; float:left; text-align:left; padding: 0 5px; }
#Board_List .BData div.Full { width:100%;}
#Board_List .BData div.Subject { width:90%;}
#Board_List .BData div.PCnt { text-align: right; }
#Board_List input{ text-align: left; width: auto;}
#Board_List input[type='button']{text-align: center; }
#Board_List .thread_M { display:inline-block; margin-right: 5px;}

#Board_List .BData div { width:33.3%;}
#Board_List .BData div.Full { width:100%;}

#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;}

.Text_img {flex-direction:column; display: flex;}
.Text_img > div {width: 100%; max-width: 100%; }
.Text_img p {margin-bottom: 20px; line-height: 1.4;}
.Text_img p br {display: none; }

.Text_img.W45 .Left_area,.Text_img.W45 .Right_area,.Text_img.W54 .Left_area,.Text_img.W54 .Right_area,
.Text_img.W46 .Left_area,.Text_img.W46 .Right_area,.Text_img.W64 .Left_area,.Text_img.W64 .Right_area,
.Text_img.W55 .Left_area,.Text_img.W55 .Right_area,.Text_img center { max-width:100%; margin-bottom: 20px;}
.Text_img.W45 .Left_area,.Text_img.W54 .Right_area { order: 2 !important; }

.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%; }


.history-container {padding:10vw 0;}
.history-container:before {display: none;}
.history-container .history-row {margin-bottom: 3vw;}
.history-container .history-row dl,.history-container .history-row:nth-child(even) dl {width: 100%;  padding:0;}
.history-container .history-row dl dt:before,
.history-container .history-row dl dt:after {left: 0;}
.history-container .history-row:nth-child(even) dl dt:before,
.history-container .history-row:nth-child(even) dl dt:after {right: 0;}
.history-container .history-row:nth-child(odd) dl dd span.history__month {margin-right: 10px;}
.history-container .history-row:nth-child(even) dl dd span.history__month {margin-left: 10px;}
.history-container .history-row dl dd span.history__text,
.history-container .history-row:nth-child(odd) dl dd span.history__month,
.history-container .history-row:nth-child(even) dl dd span.history__month {font-size: 12px;} 

#Board_List.after .BData { width: 49%;}
#Board_List.after li:nth-of-type(2n+2) { margin-right:0; }

.Layer ul {flex-direction:column; border-left: 0; border-bottom:0;}
.Layer>li { border:1px solid #ddd; height: auto; flex:none;}
.Layer li h4 {padding:10px 0;}
.Layer.Mg.Bg li h4 { margin-top:0; }

.Layer.L2 li,.Layer.L3 li,.Layer.L4 li,.Layer.L5 li,.Layer.L6 li,.Layer.Mg.L2 li,.Layer.Mg.L3 li,.Layer.Mg.L4 li,.Layer.Mg.L5 li,.Layer.Mg.L6 li { margin-bottom: 3vw;}
.Layer.L4 li,.Layer.L5 li,.Layer.L6 li,.Layer.Mg.L4 li,.Layer.Mg.L5 li,.Layer.Mg.L6 li {width: 48%; }

.Layer.L2.LR46_Ma { max-width: 100%; height:150vw; max-height: none;}
.Layer.L2.LR46_Ma .Left_area,.Layer.L2.LR46_Ma .Right_area { width:100%; }
.Layer.L2.LR46_Ma .Left_area { height: 55%; margin-bottom:2%;}
.Layer.L2.LR46_Ma .Right_area { height: 45%; }
.Layer.L2.LR46_Ma .Left_area .LR_txt { top: 15%; left: 8%; }
.Layer.L2.LR46_Ma .LR_txt { top: 10%; }
.Layer.L2.LR46_Ma .LR_txt h4 { margin:0; }

.Layer4 {flex-direction: column;}
.Layer4 li {max-width: 100%; height:auto; margin-bottom: 3vw; margin-right: 0; }
.Layer4 li:Before {bottom: 20px; right: 20px;}

.Layer.Mg li { margin-right:0;}
.Layer.Mg.L2 ul { flex-direction: row;}
.Layer.Mg.L2 li {height: auto;}

.Layer.Mg.L4 h4,.Layer.Mg.L5 h4 {padding: 0;}
.Layer.Mg.L4 dl,.Layer.Mg.L5 dl {flex-direction:column;}
.Layer.Mg.L4 dl dt,.Layer.Mg.L5 dl dt {width: 100%;  max-width:100%; }
.Layer.Mg.L4 dl dt:first-child,.Layer.Mg.L5 dl dt:first-child { padding: 0;}
.Layer.Mg.L4 dl dd,.Layer.Mg.L5 dl dd { padding: 10px 0; }

.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 **********/
.Layer.L2>li,.Layer.L3>li,.Layer.Mg.L2>li,.Layer.Mg.L3>li{width: 100%; }
.Layer.L2>li>ul>li,.Layer.L3>li>ul>li,.Layer.Mg.L2>li>ul>li,.Layer.Mg.L3>li>ul>li {width: 49.4%; max-width: none; }
.Agr_Set select { max-width:100%;}
.Agr_Set .btnDown { position: relative; width: 100%; bottom: auto; margin-top:20px;}
}



@media (max-width:540px){/********** Mobile **********/
#MV { display:inline-block; }
#MNo,#footer .bottommenu ul li#MNo { display:none; }

#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%;}

.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 { height:60vw; }
.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;}

.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;}

	.schelist span { width: 45%;}
	.schelist span s { position: absolute; width: auto; top: 12px; margin-left: 5%; }
	.schelist span s:before,.schelist span:nth-child(2) s { display: none; }
	.schelist span s:after { content:'>'; }
	.schelist span:nth-child(2),.schelist span:nth-child(2) s { margin-right:0;}
	.schelist span.cruise { position: relative; padding:5px 0; margin:10px 0 15px; border: 1px solid #ddd;}
	.schelist span.cruise:before { content:''; position: absolute; top: -7px; width: 11px; height: 1px; margin-left:-6px; background: #bbb; left: 50%; transform:rotate(90deg);}
	.schelist span.cruise:after { content:''; position: absolute; bottom: -7px; width: 11px; height: 1px; margin-left:-6px; background: #bbb; left: 50%; transform:rotate(90deg);}

.Schedule_list2 .thum,.Schedule_list2 .item,.Schedule_list2 .button_wrap { position:relative; width:100%; float:none;}
.Schedule_list2 .button_wrap .state,.Schedule_list2 .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%;}
.Layer.Mg.L2.Cal_Prod .calendarview { margin-bottom:10px; }
.Layer.Mg.L2.Cal_Prod .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.L2 li,.Layer.L3 li,.Layer.L4 li,.Layer.L5 li,.Layer.Mg.L2 li,.Layer.Mg.L3 li,.Layer.Mg.L4 li,.Layer.Mg.L5 li,
.Layer.L2.Mg.LR46>li:first-child,.Layer.L2.Mg.LR46>li:last-child,.Layer.L2.Mg.LR64>li:first-child,.Layer.L2.Mg.LR64>li:last-child,
.Layer.L2.Mg.LR37>li:first-child,.Layer.L2.Mg.LR37>li:last-child {width: 100%; max-width:100%; }

.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;}

.Prod div { width:100%;}
.Prod div:first-child { padding-right: 0;}
.bx-price span { display: block; margin-bottom: 2%; float:none; width:100%;}

/* MOBILE_Board_List Start */
#Board_List .BData div { width:50%;}
#Board_List .BData div.PCnt { position: absolute; bottom: 10px; right: 10px; }

/*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:412px)  {/********** Galaxy S20 **********/
#Login .joinmember br{ display:block; }
#Guide .Guide_Title br {display:block; }
#Board_List.after .BData { width: 100%; margin-right:0; }
}


@media (max-width:320px)  {/********** iPhone5 **********/
.Layer.L2.LR46_Ma { height:180vw; }
}