@charset "utf-8"; 
@import url("table.css");
@import url("popup.css");

/* ##############################
	# 온라인투어 리뉴얼 2019
	# 컨텐츠 스타일
############################## */

/*--------------------------------------------------------------------------------
	# 안내형 :상품혜택/상품안내/방문도시
--------------------------------------------------------------------------------- */
.data_info {padding:11px 19px;border:1px solid #cdd0d3;border-radius:3px;font-size:12px;}
.data_info p {position:relative;padding:3px 9px;font-size:1.16em;}
.data_info > span {font-size:1.25em; letter-spacing:-0.07rem; line-height:1.85;}
.data_info p:before {content:'';display:block;position:absolute;top:13px;left:0;width:4px;height:3px;border-radius:50%;background:#020219;}
.data_info.noBullet p{padding:0}
.data_info.noBullet p:before {display:none}
.data_info [class^="ico"]:first-child {margin-top:8px;}
.data_info [class^="ico"]:last-child {margin-bottom:8px;}
.data_info [class^="ico"] {position:relative; padding-left:120px; min-height:50px;}
.data_info [class^="ico"] + [class^="ico"] {margin-top:20px;}
.data_info [class^="ico"]:before {content:'';display:block;position:absolute;top:50%;left:0;margin:-25px 0;width:50px;height:50px;background:#f0f5fb url("../img/common/icon_set1.png") no-repeat; border-radius:50%;}
.data_info [class^="ico"] p + p {margin-top:-7px;}
.data_info [class^="ico"] .tit {position:absolute;left:50px;top:50%;padding:5px;width:61px;text-align:center;font-size:14px;transform:translate(0, -50%);} 
.data_info [class^="ico"] .tit + p:last-child {top:11px;}
.data_info p[class^="ico"] {padding-left:69px; min-height:0;}
.data_info p[class^="ico"] span + span:before {content:'-';}
.data_info[data-update="up20200423"] [class^="ico"]:before {content:none;}
.data_info[data-update="up20200423"] [class^="ico"] .tit > img {position:absolute; top:-10px; left:-50px;}
.data_info[data-update="up20200423"] .ico12 > img {position:absolute; top:-10px; left:0;}

/* DATAINFO :아이콘 */
.data_info .ico1:before {background-position:0 -1120px;}
.data_info .ico2:before {background-position:-80px -1120px;}
.data_info .ico3:before {background-position:-160px -1120px;}
.data_info .ico4:before {background-position:-240px -1120px;}
.data_info .ico5:before {background-position:-320px -1120px;}
.data_info .ico6:before {background-position:-400px -1120px;}
.data_info .ico7:before {background-position:-480px -1120px;}
.data_info .ico8:before {background-position:-560px -1120px;}
.data_info .ico9:before {background-position:-640px -1120px;}
.data_info .ico10:before {background-position:-720px -1120px;}
.data_info .ico11:before {background-position:-800px -1120px;}
.data_info .ico12:before {background-position:-880px -1200px;}

/* DATAINFO :예약문의 */
.data_info > dl[class*="ico"] {padding:0 0 0 95px; line-height:1.78; font-size:1.16em;}
.data_info > dl[class*="ico"]:before {margin:-37px 0; width:73px; height:73px;}
.data_info > dl:after {content:''; display:block; clear:both;}
.data_info > dl > dt {float:left; clear:left; width:60px;}
.data_info > dl > dd {font-weight:700;}
.data_info > dl > dd a {color:#2096ce;}
.data_info > dl.ico1:before {background-position:-640px -1280px;}

/*--------------------------------------------------------------------------------
	# 안내형 :포함/불포함
---------------------------------------------------------------------------------*/
.data_info2 {overflow:hidden; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex; position:relative; margin:0 -8px; font-size:12px;}
.data_info2 > dt {position:absolute; top:29px; left:19px; z-index:2; padding-left:56px; font-size:16px; color:#020219; font-weight:700;}
.data_info2 > dt > img {position:absolute; top:-9px; left:9px;}
.data_info2 > dd {flex:1; position:relative; margin:0 8px; padding:70px 23px 15px; border-radius:3px; color:#020219; font-size:1.083em; line-height:1.9; letter-spacing:-0.05em; box-sizing:border-box;}
.data_info2 > dd p, [class*="data_info"] > dd ul li:not(.txt_type1) {position:relative;padding:1px 9px;font-size:1.08em;}
.data_info2 > dd p:before, [class*="data_info"] > dd ul li:not(.txt_type1):before {content:'';display:block;position:absolute;top:11px;left:0;width:4px;height:2px;border-radius:50%;background:#020219;}
.data_info2 > dt ~ dt {left:50%; margin-left:19px;}
.data_info2:not(.t1) > dd:before {content:""; display:block; position:absolute; top:19px; left:19px; width:40px; height:40px; background:#fff; border-radius:50%;}
.data_info2:not(.t1) > dd:nth-child(2):last-child {padding:27px 23px 27px 130px;}
.data_info2:not(.t1) > .ico1:before {content:""; display:block; position:absolute; left:19px; top:1px; width:12px; height:12px; border:4px solid #24aae1; border-radius:50%;}
.data_info2:not(.t1) > .ico2:before, .data_info2:not(.t1) > .ico2:after {content:""; display:block; position:absolute; left:27px; top:2px; width:3px; height:18px; background:#ff464d;}
.data_info2:not(.t1) > .ico2:before {transform:rotate(-45deg);}
.data_info2:not(.t1) > .ico2:after {transform:rotate(-135deg);}
.data_info2:not(.t1) > .ico1 + dd {border:1px solid #d3eef9; background:#eef8fd;}
.data_info2:not(.t1) > .ico2 + dd {border:1px solid #ffdadb; background:#fff0f1;}
.data_info2[data-updata="up20200423"]:not(.t1) > .ico1:before, 
.data_info2[data-updata="up20200423"]:not(.t1) > dd:before, 
.data_info2[data-updata="up20200423"]:not(.t1) > .ico2:before, 
.data_info2[data-updata="up20200423"]:not(.t1) > .ico2:after {content:none;}

/* DATAINFO2 :스타일변경 */
.data_info2.t1:before{content:''; display:block; position:absolute; top:0; left:8px; right:8px; height:1px; background:#5b646e;}
.data_info2.t1 > dt {top:36px; padding:0; width:50%; height:76px; text-align:center; font-size:18px; line-height:1.3}
.data_info2.t1 > dt:nth-last-child(2):first-child {width:100%;}
.data_info2.t1 > dt > strong {color:#ff464d;}
.data_info2.t1 > dt ~ dt {margin-left:0;}
.data_info2.t1 > dd {padding:98px 0 0; z-index:1;}
.data_info2.t1 > dd > .txt_type1 {position:static; margin:0; padding:25px 24px; background:#e9f6fc;}
.data_info2.t1 > dd > .txt_type1:before {content:''; display:block; position:absolute; top:98px; bottom:0; left:0; right:0; z-index:-1; background:#e9f6fc;}
.data_info2.t1 > dd > .txt_type1:not(:only-child) {margin-bottom:54px;}
.data_info2.t1 > dd > .txt_type1:not(:only-child):before {bottom:54px;}
.data_info2.t1 > dd > .btn_wrap1 {position:absolute; left:0; right:0; bottom:0;}
.data_info2.t1 .ico2 {padding-top:12px;}
.data_info2.t1 .ico2 + dd > .txt_type1 {background:#fffbe5;}
.data_info2.t1 .ico2:nth-last-child(2):first-child {padding-top:0;left:0;}
.data_info2.t1 .ico2:nth-last-child(2):first-child + dd {padding-top:77px;}

/* DATAINFO2 :간격 */
.data_schedule3 + .data_info2 {margin-top:20px;}

/* DATAINFO2 :IE9 */
@media screen and (min-width:0\0) and (min-resolution:.001dpcm) {
	.data_info2 > dd:nth-child(2):not(:last-child) {float:left; width:calc(50% - 16px);}
	.data_info2 > dd ~ dd {float:right; width:calc(50% - 16px);}
	.data_info2.t1 > dd > .txt_type1 {margin-bottom:0 !important; background:#e9f6fc;}
	.data_info2.t1 > dd > .txt_type1:before {display:none;}
	.data_info2.t1 > dd > .btn_wrap1 {position:relative;}
}

/*--------------------------------------------------------------------------------
	# 안내형 :호텔/시설정보
---------------------------------------------------------------------------------*/
.data_info3 {margin:0 0 0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex;}
.data_info3 .area {-ms-flex:1; flex:1; margin:0 10px;}
.data_info3 .area .cont {margin-top:11px; padding:10px; height:calc(100% - 50px); border:1px solid #ccc; white-space:pre-line; color:#5b646e; font-size:14px; line-height:1.6;}
.data_info3:not(.t1) .area:first-child {-ms-flex:none; flex:none; margin-left:0; width:calc(50% - 10px);}
/*  숙박/시설정보 > 시설정보 > 부대시설 컬럼 삭제 요청 231122
	.data_info3:not(.t1) .area:first-child .cont {column-count:2; column-fill:auto;} 
*/
.data_info3 .area:last-child {margin-right:0;}
.data_info3 .area:only-child {width:100% !important;}
.data_info3 .area:only-child .cont {column-count:4 !important;}
.data_info3 + .data_info3 {margin-top:22px;}

/* DATAINFO3 :스타일변경 */
.data_info3.t1 {padding:10px 0 0;}
.data_info3.t1 [data-air-logo] {padding:6px 0 6px 43px; margin-left:-43px; font-size:18px; background-position:-2px 50%; background-size:auto auto;}
.data_info3.t1 .area {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; flex-direction:column; align-items:flex-start; padding-left:89px; border-left:1px solid #ccc}
.data_info3.t1 .area > * {order:1;}
.data_info3.t1 .area > .btn_type {order:2; margin:15px 0;}
.data_info3.t1 .area .cont {border:0; padding:0; height:auto; margin-top:-1px; white-space:normal; font-size:13px;}
.data_info3.t1 .area .cont a {display:inline-block; margin:1px 0;}
.data_info3.t1 .area .cont a:hover {color:#2096ce; text-decoration:underline;}
.data_info3.t1 .area:first-child {margin-left:0; border-left:0;}

/* DATAINFO3 :IE9 */
@media screen and (min-width:0\0) and (min-resolution:.001dpcm) {
	.data_info3 {display:table; table-layout:fixed; margin:0 -10px; width:calc(100% + 20px); border-spacing:10px;}
	.data_info3 .area  {display:table-cell;}
}

/*--------------------------------------------------------------------------------
	# 안내형 :시티정보
---------------------------------------------------------------------------------*/
.data_info4 {width:100%; padding:17px 0; border:1px solid #dee0e2; border-top-color:#020219; box-sizing:border-box;}
.data_info4 > *:first-child {visibility:hidden; overflow:hidden; position:absolute; left:-1px !important; top:-1px; width:1px; height:1px; opacity:0; z-index:-1;}
.data_info4 > dl {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-items:center;}
.data_info4 > dl > dt, .data_info4 > dl > dd {-ms-flex:1; flex:1; position:relative; padding:0 24px;}
.data_info4 > dl > dt {font-size:20px; font-weight:700;}
.data_info4 > dl > dt > i, .data_info4 > dl > dt > strong {display:inline-block; vertical-align:middle; word-wrap:break-word;}
.data_info4 > dl > dt > i {display:inline-block; width:50px; height:50px; border-radius:50%; background:#f2f3f4;}
.data_info4 > dl > dt > i > img {margin:15px 0 0 11px;}
.data_info4 > dl > dt > i + strong {width:calc(100% - 60px); margin-left:10px;}
.data_info4 > dl > dd {padding:6px 24px; border-left:1px solid #dee0e2;}
.data_info4 > dl > dd:before {content:''; position:absolute; left:24px; top:50%; width:50px; height:50px; margin-top:-25px; border-radius:50%; background:#f2f3f4; z-index:0;}
.data_info4 > dl > dd[class*=ico] strong:after {content:''; display:block; position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); background:url("../img/common/icon_set1.png"); z-index:1;}
.data_info4 > dl > dd.ico1 strong:after {left:39px; width:21px; height:23px; background-position:-880px -80px;}
.data_info4 > dl > dd.ico2 strong:after {left:38px; width:24px; height:21px; background-position:-920px -80px;}
.data_info4 > dl > dd [data-weather] {overflow:hidden; display:inline-block; width:0; height:0; white-space:nowrap;}
.data_info4 > dl > dd [data-weather]:before {position:absolute; left:34px; top:50%; width:30px; height:30px; margin-top:-15px; z-index:1;}
.data_info4 > dl > dd strong, .data_info4 > dl > dd span {display:block; margin-left:60px; text-align:left;}
.data_info4 > dl > dd span {font-size:13px; font-weight:700;}
.data_info4 > dl > dd strong, .data_info4 > dl > dd time {font-size:15px; color:#5b646e; letter-spacing:-0.5px; font-weight:400;}
.data_info4 > dl > dd strong:first-child {font-size:13px; color:#020219;}
.data_info4 > dl > dd strong:first-child + span  {margin-top:-2px; font-size:12px; color:#5b646e; font-weight:400;}
.data_info4 > dl > dd time + strong {display:inline-block; margin-left:0;}
.data_info4 > dl > dd time + strong:before {content:''; display:inline-block; margin:-3px 10px 0 6px; width:1px; height:14px; background:#ccc; vertical-align:middle;}

/* DATAINFO4 :IE9 */
@media screen and (min-width:0\0) and (min-resolution:.001dpcm) {
	.data_info4 > dl {display:table; table-layout:fixed; width:100%;}
	.data_info4 > dl > dt, .data_info4 > dl > dd {display:table-cell; vertical-align:top;}
	.data_info4 > dl > dt {vertical-align:middle;}
	.data_info4 > dl > dt > i {position:absolute; top:0;}
	.data_info4 > dl > dt > i + strong {padding-left:50px;}
}

/*--------------------------------------------------------------------------------
	# 안내형 :예약상태
---------------------------------------------------------------------------------*/
.data_info5 {padding:0 29px 30px; border-radius:6px; border:1px solid #dee0e2;}
.data_info5 [class*="area"] {padding:26px 30px 27px; background:#f7f7f8; border-radius:3px; line-height:1.45;}
.data_info5 .area1 {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; color:#5b646e;}
.data_info5 .area1 > strong {color:#2096ce;}
.data_info5 .area1 > strong:after {content:''; display:inline-block; margin:-3px 9px 0; width:1px; height:13px; background:#24aae1; vertical-align:middle;}
.data_info5 .area1 > span {flex:1; padding-right:20px;}
.data_info5 .area1 > .txt_type1 {margin:0;}
.data_info5 .area2 {color:#020219; text-align:center;}
.data_info5 .area2 > strong {display:block; font-size:16px;}
.data_info5 .mes_data_none {border:0; padding-bottom:0 !important;}


/*--------------------------------------------------------------------------------
	# 안내형 :예약상태 UI변경
---------------------------------------------------------------------------------*/
.data_info5 [class*="area"].step_done {background-color:#fff; padding-top: 10px;}
.data_info5 .step_done.area2 > span  {display:block; font-size: 13px; margin:5px 0;}
.data_info5 .step_done span > em {color:#FF464D}
.data_info5 .step_done.area2 > time {font-size: 13px;} 
.data_info5 .step_done:before {content: '';display: block; margin: 16px auto 10px; width: 33px; height: 33px; background: url(../img/common/icon_set1.png) no-repeat -923px -759px;}

/*--------------------------------------------------------------------------------
	# 안내형 :환율정보
---------------------------------------------------------------------------------*/
.data_info6 {padding:5px 0 8px; text-align:center; border:1px solid #cdd0d3; border-radius:3px;}
.data_info6 > dt {margin-bottom:2px; font-weight:700;}
.data_info6 > dd {font-size:13px; line-height:1.2;}
.data_info6 > dd strong:before {content:'='; display:block; font-weight:400; color:#020219;}
.data_info6 > dd strong {display:block; font-weight:700; color:#ff464d;}

/*--------------------------------------------------------------------------------
	# 쿠폰 :유형1
---------------------------------------------------------------------------------*/
.data_coupon:not(ul) {display:block; margin:0; width:294px;}
.data_coupon {overflow:hidden; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; position:relative; margin:-8px;}
.data_coupon > li {overflow:hidden; position:relative; margin:8px; width:294px;}
.data_coupon > a, .data_coupon > li > a {display:block; margin-top:-6px; height:48px; background:#ff464d; border-radius:0 0 5px 5px; font-size:16px; line-height:48px; text-align:center; font-weight:700; color:#fff;}
.data_coupon .txt_data > strong {font-size:42px; font-weight:700;}
.data_coupon .txt_data > span {margin-left:2px; font-size:25px;}

/* DATACOUPON :쿠폰 타이틀 */
.data_coupon .area2 {position:relative; padding:20px 19px 16px; border:1px solid #dee0e2; border-bottom:0; border-radius:5px 5px 0 0; font-size:14px; text-align:center; font-weight:700;}
.data_coupon .area2:before, 
.data_coupon .area2:after {content:''; display:block; position:absolute; bottom:-10px; width:10px; height:20px; background:#fff; border:1px solid #dee0e2; border-radius:10px;}
.data_coupon .area2:before {left:-1px; border-top-left-radius:0; border-bottom-left-radius:0; border-left-color:#fff;}
.data_coupon .area2:after {right:-1px; border-top-right-radius:0; border-bottom-right-radius:0; border-right-color:#fff;}
.data_coupon .area2 i {display:block; color:#4b4bac;}
.data_coupon .area2 i:before {content:'[';}
.data_coupon .area2 i:after {content:']';}
.data_coupon .area2 cite {overflow:hidden; display:block; display:-webkit-box; margin:2px auto 7px; width:100%; height:2.4em; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-height:1.2em; word-break:keep-all;}
.data_coupon .area2 cite:first-child {margin-bottom:1px; font-size:15px;}
.data_coupon .area2 cite:last-child {max-height:2.4em; height:auto;}
.data_coupon .area2 .txt_data {margin:-8px 0 10px;}

/* DATACOUPON :쿠폰 사용기간 */
.data_coupon .area3 {overflow:hidden; padding:28px 19px 31px; border:1px solid #dee0e2; border-top-style:dashed; border-radius:0 0 5px 5px; text-align:center;}
.data_coupon dl.area3 {padding-top:14px; padding-bottom:14px; background:#fafafa; text-align:left;}
.data_coupon .area3 > dt, 
.data_coupon .area3 > dd {display:inline-block; margin-bottom:10px; vertical-align:top; color:#4b4bac; letter-spacing:-0.05em;}
.data_coupon .area3 > dt {width:65px; height:20px; background:#fff; border:1px solid #c3c3de; border-radius:11px; text-align:center; font-weight:700; line-height:1.7;}
.data_coupon .area3 > dd {overflow:hidden; display:-webkit-inline-box; margin:4px 0 3px 14px; width:calc(100% - 85px); max-height:2.6em; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-height:1.3; text-overflow:ellipsis;}

/* DATACOUPON :쿠폰 이미지 */
.data_coupon .area1 {overflow:hidden; display:block; position:relative; height:204px; border-radius:5px 5px 0 0; background:#f2f3f4;}
.data_coupon .area1:empty {border:1px solid #dee0e2; border-bottom:0;  border-radius:5px 5px 0 0;}
.data_coupon .area1 > img {width:100% !important; object-fit:cover}
.data_coupon .area1 + .area2 {padding-top:16px; padding-bottom:11px; border-top:0; border-radius:0;}
.data_coupon .area1 + .area2 i {font-weight:400; color:#020219;}
.data_coupon .area1 + .area2 cite {font-size:16px; color:#ff464d;}
.data_coupon .area1 ~ .area3 {padding-bottom:9px;}
.data_coupon .area1 ~ a {background:#5e5ed7;}

/* DATACOUPON :li 높이 */
.data_coupon > li .area2:first-child + .area3 {height:calc(100% - 189px); box-sizing:border-box;}

/* DATAINFO4 :IE9 */
@media screen and (min-width:0\0) and (min-resolution:.001dpcm) {
	.data_coupon {display:block;}
	.data_coupon:after {content:''; display:block; clear:both;}
	.data_coupon > li {display:inline-block; margin-right:4px; vertical-align:top;}
}

/*--------------------------------------------------------------------------------
	# 쿠폰 :유형2
---------------------------------------------------------------------------------*/
ul.data_coupon2 {display:table; table-layout:fixed; width:100%;}
ul.data_coupon2 > li {display:table-cell;}
.data_coupon2, .data_coupon2 > li {position:relative; font-size:0;}
.data_coupon2 cite {display:inline-block; margin:-5px 18px 0 0; font-size:15px; font-weight:700; vertical-align:top;}
.data_coupon2 .icon_info2 {vertical-align:top;}
.data_coupon2 .icon_info2 + .icon_info2 {margin-left:60px;}
.data_coupon2 .btn_wrap {display:block;}
.data_coupon2 .btn_wrap > .btn_type2 {margin:13px 0 0;}
.data_coupon2 .btn_txt {display:block; font-size:12px; font-weight:700;}
.data_coupon2 .btn_wrap {position:absolute; top:21px; left:0;}

/* DATACOUPON2 :세로형 */
.data_coupon2.t1 {text-align:center;}
.data_coupon2.t1 cite {display:block; margin-bottom:16px; margin-right:0;}
.data_coupon2.t1 > li {position:relative; padding-bottom:54px; font-size:12px;}
.data_coupon2.t1 > li > strong {display:block; margin-top:16px; font-weight:400;}
.data_coupon2.t1 > li > i {color:#8693a0;}
.data_coupon2.t1 > li + li {border-left:1px dashed #dee0e2;}
.data_coupon2.t1 .btn_wrap {display:block; top:auto; bottom:0; left:0; width:100%;}

/* DATACOUPON2 :단독형 */
.data_coupon2.t2 {text-align:center;}
.data_coupon2.t2 cite {display:block; margin-bottom:16px; margin-right:0; font-size:16px; line-height:1.5;}
.data_coupon2.t2 cite:after {content:''; display:block; margin:15px auto 10px; width:100px; height:58px; background:url("../img/common/icon_set1.png") no-repeat -880px -1360px;}
.data_coupon2.t2 span {display:block; font-size:14px; color:#5b646e;}

/*--------------------------------------------------------------------------------
	# 게시판상세
--------------------------------------------------------------------------------- */
.data_view {margin:10px 0 30px; border-top:1px solid #5b646e; border-bottom:1px solid #adb1b6;}
.data_view > header {display:block; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex; padding:15px 16px 10px; min-height:61px; background:#eff2f6; border-bottom:1px solid #dee0e2; box-sizing:border-box;}
.data_view > header > h1 {flex:1; font-size:18px;}
.data_view > header > h1 .icon_txt1 {margin-top:-3px;}
.data_view span.img {overflow:hidden; display:inline-block; border-radius:50%; vertical-align:middle;}
.data_view span.img > img {width:100%; height:100%;}

/* DATAVIEW :작성정보 */
.data_view .box1 {position:relative; padding:5px 0; font-size:0;}
.data_view .box1 span.img {margin:-8px 5px -6px 0; width:28px; height:28px;}
.data_view .box1 > dt, .data_view .box1 > dd:not(.icon_txt1) {display:inline-block; vertical-align:middle; font-size:13px; color:#5b646e;}
.data_view .box1 > dt:not(.data3) {overflow:hidden; padding-left:1px; width:0; height:0; white-space:nowrap;}
.data_view .box1 > dt.data3:after {content:':'}
.data_view .box1 > dd + dt:not(.data3), .data_view .box1 > dd + dt.data3:before {margin:0 10px; height:12px; background:#c2c7cd;}
.data_view .box1 > dd + dt.data3:before {content:''; display:inline-block; margin-top:-2px; width:1px; vertical-align:middle;}

/* DATAVIEW :항목 | 구분 */
.data_view > .area1 {overflow:hidden; padding:14px 16px; min-height:49px; border-bottom:1px solid #adb1b6; box-sizing:border-box; font-size:0;}
.data_view > .area1 dt, .data_view .area1 dd:not(.icon_txt1) {display:inline-block; font-size:13px; color:#5b646e;}
.data_view > .area1 > dt, .data_view .area1 > dl:not([class]) > dt {margin-right:6px; color:#000;}
.data_view > .area1 > dd + dt:before, .data_view .area1 > dl:not([class]) > dd + dt:before {content:''; display:inline-block; margin:-2px 14px 0 13px; width:1px; height:12px; background:#ccc; vertical-align:middle;}
.data_view > .area1 > dd + dd:before, .data_view .area1 > dl:not([class]) > dd + dd:before {content:'>'; margin:0 4px 0 2px;}
.data_view > .area1 dl:not([class]) {display:inline-block; width:60%; vertical-align:top;}
.data_view > .area1 dl.box1 {display:inline-block; width:40%; padding:0; vertical-align:top; text-align:right;}
.data_view > .area1 dl.box1:only-child {width:100%;}

/* DATAVIEW :상품 */
.data_view > .area1 > h2 {overflow:hidden; position:absolute; padding-left:1px; width:0; height:0; white-space:nowrap;}
.data_view > .area1 > p {display:inline-block; margin:-2px 0; position:relative; width:60%; padding-left:140px; min-height:83px; box-sizing:border-box;}
.data_view > .area1 > p > .img {overflow:hidden; display:block; position:absolute; top:0; left:0; width:124px; height:83px; border-radius:5px;}
.data_view > .area1 > p > .img > img {min-width:100%; width:auto; min-height:100%;}
.data_view > .area1 > p > strong {display:block; margin:7px 0 6px; font-size:16px;}
.data_view > .area1 > p + .box1 {margin-bottom:12px; vertical-align:bottom;}

/* DATAVIEW :HTML에디터등록내용 */
.data_view > .area2 {margin:25px 16px; font-size:14px; color:#020219; line-height:1.64; word-wrap:break-word; word-break:keep-all;}
.data_view > .area2 img {margin:16px 0; max-width:100% !important;}

/* DATAVIEW :좋아요 */
.data_view .area3 {position:relative; padding:50px 0 57px; border-top:1px dashed #cdd0d3; text-align:center;}
.data_view .area3 span {display:block; position:absolute; bottom:24px; left:0; right:0; font-size:16px; font-weight:700; color:#5b646e;}
.data_view .area3 span strong {color:#ff464d;}

/* DATAVIEW :태그 */
.data_view .area4 {margin:17px 16px; font-size:0;}
.data_view .area4 > dt {margin-right:13px; font-size:13px; color:#393992; font-weight:700;}
.data_view .area4 > dt, .data_view .area4 > dd {display:inline; vertical-align:middle;}
.data_view .area4 .btn_small2 {margin:3px 8px 3px 0; font-weight:400; color:#5b646e; font-size:13px;}
.data_view .area4 .btn_small2:not(:hover) {border-color:#bdc1c5;}
.data_view .area4 .btn_small2:before {content:'#';}

/* DATAVIEW :작성자정보 */
.data_view .area5 {position:relative; margin:20px 16px; padding:23px 20px 24px 108px; min-height:116px; border:1px solid #dee0e2; box-sizing:border-box;}
.data_view .area5:before {content:''; display:block; position:absolute; top:-1px; left:-1px; right:-1px; height:2px; background:#24aae1;}
.data_view .area5 span.img {position:absolute; top:24px; left:26px; width:66px; height:66px;}
.data_view .area5 dt, .data_view .area5 dd {margin:1px 0;}
.data_view .area5 dt {font-size:16px; font-weight:700;}
.data_view .area5 dd {font-size:14px; color:#5b646e; white-space:pre-line; line-height:1.45}
.data_view .area4 + .area5 {margin-top:17px;}

/* DATAVIEW :첨부파일 */
.data_view .area6 {margin:26px 0 30px; border:1px solid #dee0e2;}
.data_view .area6 > dt {position:relative; padding:10px 10px 10px 36px; border-bottom:1px solid #dee0e2; font-size:13px; font-weight:700;}
.data_view .area6 > dt:before {content:''; display:block; position:absolute; top:12px; left:16px; width:17px; height:16px; background:url("../img/common/icon_set1.png") no-repeat -800px -120px;}
.data_view .area6 > dd {padding:9px 35px 12px; background:#fafafa;}
.data_view .area6 > dd a {text-decoration:underline; text-underline-position:under; color:#5b646e; font-size:13px;}
.data_view .area6 > dd + dd {margin-top:-16px;}

/* DATAVIEW :답변 */
.data_view .area7 {position:relative; margin:26px 0 0; padding:12px 20px 21px; background:#f0f5fb;}
.data_view .area7 > h2 {margin:5px 0; font-size:16px;}
.data_view .area7 .box1 {position:absolute; top:13px; right:20px;}
.data_view .area7 .box2 {margin:5px 0; font-size:14px;}

/* DATAVIEW :시티정보 */
.data_view .data_info4 {padding-top:15px; padding-bottom:16px; border:0; border-bottom:1px solid #adb1b6;}
.data_view .data_info4 > dl > dt, .data_view .data_info4 > dl > dd:last-child, .data_view .data_info4 > dl > dt + dd {flex:none; width:200px; text-align:left; box-sizing:border-box;}
.data_view .data_info4 > dl > dt {padding-left:16px; width:174px;}
.data_view .data_info4 > dl > dt > i {display:block; margin:1px 0 -1px; width:auto; height:auto; background:none; border-radius:0; font-size:13px; font-weight:400;}
.data_view .data_info4 > dl > dt > i + strong {width:100%; display:block; margin:0;}
.data_view .data_info4 > dl > dd {padding-top:0; padding-bottom:1px;}
.data_view .data_info4 > dl > dd:before {display:none;}
.data_view .data_info4 > dl > dd span {margin:-1px 0; font-weight:400; color:#5b646e;}
.data_view .data_info4 > dl > dd time, .data_view .data_info4 > dl > dd strong {margin:0; font-weight:700; color:#020219;}
.data_view .data_info4 > dl > dt + dd {width:240px;}
.data_view .data_info4 > dl > dt + dd span {overflow:hidden; display:inline-block; position:relative; padding-top:40px; width:50px; height:0; vertical-align:middle;}
.data_view .data_info4 > dl > dt + dd span > [data-weather]:before {position:absolute; top:0; left:0; margin:0; width:42px; height:42px;}
.data_view .data_info4 > dl > dt + dd span + strong {display:inline-block; vertical-align:middle; font-size:22px; font-weight:400; font-family:"Spoqa Han Sans";}

/* DATAVIEW :페이징 */
.data_view .paging2 {margin-top:20px; margin-bottom:-1px;}
.data_view .area4 + .paging2 {margin-top:17px;}

/* DATAVIEW :컨테이너 + 게시판상세 */
.container.data_view {margin-top:30px !important; margin-bottom:30px !important; padding-top:0 !important; border-bottom:0;}
.container.data_view .btn_wrap1 {margin-top:30px;}

/* DATAVIEW : 관련여행상품 */
.data_view .panel3 {border-top-color:#adb1b6; border-bottom:0;}

/*--------------------------------------------------------------------------------
	# 비행일정 :유형1
---------------------------------------------------------------------------------*/
.data_flight1 {padding:21px 0 9px; box-sizing:border-box;}
.data_flight1 > li {position:relative; padding:6px 0 18px 113px; min-height:71px; font-size:13px; line-height:1.6; color:#5b646e;}
.data_flight1 > li dfn {font-style:normal;}
.data_flight1 > li > .city {margin:0 0 3px 0; font-size:15px; color:#020219; font-weight:700; line-height:1.2;}
.data_flight1 > li > .city:before {content:""; display:block; position:absolute; top:8px; left:87px; width:8px; height:8px; border:3px solid #24aae1; border-radius:100%;}
.data_flight1 > li > .city > i {margin-right:4px;}
.data_flight1 > li > .city > time {position:absolute; top:5px; left:17px; padding-top:22px; width:70px; text-align:center; font-size:13px; font-weight:400; color:#5b646e;}
.data_flight1 > li > .city > time b {display:block; position:absolute; left:0; top:0; width:96%; font-family:'Spoqa Han Sans'; font-size:16px; font-weight:800; color:#020219;}
.data_flight1 > li > .city > strong:nth-last-child(3):before {content:'';float:right;width:80px;height:23px;}
.data_flight1 > li > .city > .box {position:absolute; top:10px; right:19px;}
.data_flight1 > li > .city > .box > dt {overflow:hidden; position:absolute; padding-left:1px; width:0; height:0; white-space:nowrap;}
.data_flight1 > li > .city > .box .icon_txt2 {padding:2px 9px 3px; font-size:13px;}
.data_flight1 > li > .flight > strong {display:block; color:#2096ce; letter-spacing:-0.05em;}
.data_flight1 > li > .flight > strong:last-of-type {display:inline-block;}
.data_flight1 > li > .flight > span {display:block;}
.data_flight1 > li > .flight > em {position:absolute; top:50%; left:90px; margin:4px 0 0 -73px; padding:3px 4px; font-weight:700; font-size:12px; line-height:1.42; color:#2096ce; text-align:center; letter-spacing:-0.05em;}
/*.data_flight1 > li > .flight > em:after { content:""; display:block; position:absolute; top:50%; right:-4px; margin:-3px 0; width:4px; height:6px; background-image:linear-gradient(#dee0e2,#dee0e2),linear-gradient(#dee0e2,#dee0e2),linear-gradient(#dee0e2,#dee0e2),linear-gradient(#dee0e2,#dee0e2),linear-gradient(#dee0e2,#dee0e2); background-position:0 0, 1px 1px, 2px 2px,1px 4px,0 5px; background-size:2px 1px,2px 1px,2px 2px,2px 1px,2px 1px; background-repeat:no-repeat; background-color:#fff; }*/
.data_flight1 > li > .flight > em > span {display:block;}
.data_flight1 > li:last-child {min-height:26px;}

/* DATAFLIGHT1 :숨은경유 */
.data_flight1 > li > .flight2 {position:relative; margin:25px 0 0; color:#020219;}
.data_flight1 > li > .flight2:before{content:""; display:block; position:absolute; top:5px; left:-23px; width:8px; height:8px; background:#adb1b6; box-shadow:0 0 0 10px #fff; border-radius:50%;}
.data_flight1 > li > .flight2 > span {display:block; color:#5b646e;}
.data_flight1 > li > .flight2 > span > strong {color:#ff464d; font-weight:400;}
.data_flight1 > li > .flight2 [data-tooltip] > span {color:#393992;}

/* DATAFLIGHT1 :아이콘 */
.data_flight1 > li:not(:last-child):before {content:""; display:block; position:absolute; top:30px; left:93px; bottom:0; width:2px; background:#24aae1;}
.data_flight1 > li:nth-child(odd):after {content:""; display:block; position:absolute; bottom:0; left:87px; width:14px; height:8px; background-image:linear-gradient(#24aae1,#24aae1),linear-gradient(#24aae1,#24aae1),linear-gradient(#24aae1,#24aae1),linear-gradient(#24aae1,#24aae1),linear-gradient(#24aae1,#24aae1),linear-gradient(#24aae1,#24aae1),linear-gradient(#24aae1,#24aae1),linear-gradient(#24aae1,#24aae1),linear-gradient(#24aae1,#24aae1),linear-gradient(#24aae1,#24aae1),linear-gradient(#24aae1,#24aae1),linear-gradient(#24aae1,#24aae1); background-position:0 0,1px 1px,2px 2px,3px 3px,4px 4px,5px 5px,7px 5px,8px 4px,9px 3px,10px 2px,11px 1px,12px 0px; background-size:2px 2px; background-repeat:no-repeat;}
.data_flight1 > li:first-child > .city:before,
.data_flight1 > li:last-child > .city:before {left:88px; width:13px; height:17px; border:0; border-radius:0; background:url("../img/common/icon_set1.png") no-repeat -560px 0;}
.data_flight1 > li:nth-last-child(2):first-child {-ms-flex:1; flex:1;}

/* DATAFLIGHT1 :출발도시 */
.data_flight1 > li:first-child {padding-top:8px;}
.data_flight1 > li:first-child:not(:last-child):before {top:33px;}
.data_flight1 > li:first-child > .city > time {top:7px;}

/* DATAFLIGHT1 :도착도시 */
.data_flight1 > li:nth-child(even):not(:last-child) {padding-bottom:66px; min-height:0;}
.data_flight1 > li:nth-child(even):not(:last-child):before {background:#dee0e2;}
.data_flight1 > li:nth-child(even):not(:last-child) > .flight:last-child {position:absolute; bottom:22px; left:84px; width:197px; padding:0 21px; height:36px; background:#fff; border:1px solid #dee0e2; border-radius:3px;}
.data_flight1 > li:nth-child(even):not(:last-child) > .flight:last-child > dfn {margin-right:3px; color:#393992;}
.data_flight1 > li:nth-child(even):not(:last-child) > .flight:last-child:before {content:""; display:inline-block; height:38px; vertical-align:middle;}

/* DATAFLIGHT1 :툴팁 */
.data_flight1 [data-tooltip] {position:static; font-weight:400;}
.data_flight1 [data-tooltip] > span {padding-left:0 !important;}
.data_flight1 [data-tooltip] > span > dfn {position:relative; margin-right:11px; border-bottom:1px solid}
.data_flight1 [data-tooltip] > span > dfn:after {content:' :'; position:absolute; right:-7px;}
.data_flight1 [data-tooltip] > .tooltip_type,
.data_flight1 [data-tooltip] > .tooltip_type.codeshare {left:0; width:100%; box-sizing:border-box;}
.data_flight1 [data-tooltip] > .tooltip_type.codeshare {left:10px; right:10px; width:calc(100% - 20px);}
.data_flight1 [data-tooltip="codeshare"] > strong {color:#393992; font-size:13px; border-bottom:0;}
.data_flight1 [data-tooltip="codeshare"] > strong:after {content:''; display:inline-block; margin:-1px 0 0 3px; width:16px; height:16px; background:url("../img/common/icon_set2.png") no-repeat -240px -460px; vertical-align:middle;}
.data_flight1 .tooltip_type.codeshare .info > dt {float:none; background:none; margin:0; padding:0;}

/*--------------------------------------------------------------------------------
	# 비행일정 :유형2
---------------------------------------------------------------------------------*/
.data_flight2 {position:relative; font-size:0;}
.data_flight2 dt {font-size:13px;margin-bottom:6px;}
.data_flight2 dt > time {margin-left:6px;}
.data_flight2 dt > i {margin-bottom:-1px;}
.data_flight2 dt > i, .data_flight2 dt > time, .data_flight2 dt > [data-air-logo] {display:inline-block;vertical-align:middle;font-weight:700;}
.data_flight2 dt > i:not([data-air-logo]):not([class]) {font-weight:400;color:#adb1b6;}
.data_flight2 dt > em {position:relative;padding-left:9px;margin-left:6px;font-weight:700;vertical-align:middle;}
.data_flight2 dt > em::after, .data_flight2 dt > em:after {content:'';display:block;position:absolute;top:50%;left:0;margin:-6px 0;width:1px;height:12px;background:#cdd0d3;}
.data_flight2 dt > [class^="ict"]:after {margin-top:-5px;}
.data_flight2 dt > [data-air-logo] {padding-left:34px;background-position:10px 50%;background-size:auto 14px;}
.data_flight2 dd + dt {margin-top:22px;}
.data_flight2 dd {width:100%; font-size:14px; line-height:1.36; vertical-align:middle; display:inline-block;}
.data_flight2 dd:before {content:'';display:inline-block;height:65px;width:0;vertical-align:middle;}
.data_flight2 dd:only-of-type {margin-right:50%;}
.data_flight2 dd > span {width:28%; vertical-align:middle; display:inline-block; text-align:center; box-sizing:border-box;}
.data_flight2 dd > .txt_data2 {width:38%; margin:0 1%;}
.data_flight2 dd .txt_data2:hover .tooltip_type {padding:0;border-color:transparent;background:none;}
.data_flight2 dd .txt_data2:hover .tooltip_type > strong, 
.data_flight2 dd .txt_data2:hover .tooltip_type > span > * {overflow:hidden;position:absolute;height:0;white-space:nowrap;}
.data_flight2 .city i {display:block; margin-top:4px; font-size:14px; color:#5b646e; font-family:'Nanum Gothic'; font-weight:400;}
.data_flight2 .city em, 
.data_flight2 .city time {line-height:1; display:block;}
.data_flight2 .city time {position:relative; margin-top:4px; font-family:'Spoqa Han Sans'; font-size:20px; color:#020219; font-weight:700;}
.data_flight2 .city time i {margin-top:0; margin-bottom:4px;}
.data_flight2 .city time > span {display:inline-block; position:relative; margin-left:5px; margin:-4px -22px 0 5px; min-width:15px; height:15px; background:#fff; border:1px solid #24aae1; border-radius:2px; font-size:10px; line-height:15px; font-family:'Nanum Gothic'; color:#2096ce; vertical-align:middle; letter-spacing:-0.08em; text-align:center;}
.data_flight2 .city time > span:before {content:''; display:block; position:absolute; top:50%; left:-3px; margin:-2px 0; width:3px; height:3px; background:#fff; border-left:1px solid #24aae1; border-top:1px solid #24aae1; transform:rotate(-45deg)}

/*--------------------------------------------------------------------------------
	# 비행일정 :유형3
---------------------------------------------------------------------------------*/
.data_flight3 {position:relative; padding-top:27px; line-height:1.5; font-size:12px; font-weight:700;}
.data_flight3 > dt, .data_flight3 > dd {width:calc(50% - 6px); box-sizing:border-box;}
.data_flight3 > dt {position:absolute; top:0; left:0; font-size:13px;}
.data_flight3 > dt > em {display:inline-block; margin-top:-2px;  padding-left:26px; font-size:0.93em; vertical-align:middle;}
.data_flight3 > dt > span {display:inline-block; margin-right:6px; padding:0 10px; background:#5b646e; color:#fff; border-radius:20px; line-height:21px;}
.data_flight3 > dt [data-air-logo] {padding-left:25px; background-size:auto 16px; background-position:0 1px;}
.data_flight3 > dt [class*='ict'] {padding-left:0;}
.data_flight3 > dd + dt {left:50%;}
.data_flight3 > dd {display:inline-block; position:relative; padding-left:36px; vertical-align:top; font-size:1.166em;}
.data_flight3 > dd:before {content:''; display:block; position:absolute; top:10px; bottom:30px; left:21px; width:1px; background:#adb1b6;}
.data_flight3 > dd > .city {position:relative; padding-bottom:20px;}
.data_flight3 > dd > .city:before {content:''; display:block; position:absolute; top:6px; left:-18px; width:3px; height:3px; border-radius:50%; background:#fff; border:2px solid #adb1b6;}
.data_flight3 > dd > .city > time {position:absolute; bottom:0; color:#7c838b; font-size:13px; font-weight:400;}
.data_flight3 > dd > .city + .city {margin-top:28px;}
.data_flight3 [data-tooltip="codeshare"] > strong {color:#5b646e; border-color:#5b646e; font-size:13px;}


/*--------------------------------------------------------------------------------
	# 스케줄 :여행일정 :[남은작업] 아이콘적용
---------------------------------------------------------------------------------*/
.data_schedule {margin:20px 0 0; font-size:12px;}
.data_schedule > li + li {margin-top:8px;}
.data_schedule .area1 {position:relative; padding:14px 40px 15px 20px; background:#73c9ec; border-radius:3px; color:#fff; font-size:18px;}
.data_schedule .area1 time {font-weight:400;}
.data_schedule .area2 {position:relative;}
.data_schedule .data_flight2 {border-top:0;}

/* DATASCHEDULE :지역/숙박/식사 */
.data_schedule p.summary {padding:16px 0 16px 22px; position:relative; z-index:1; border-bottom:1px solid #a5acb4; background:#f0f5fb;
font-size:14px;}
.data_schedule p.summary span + span:before {content:'-'; display:inline-block; margin:0 5px 3px 0; vertical-align:middle;}
.data_schedule div.summary {margin:40px 0; border-top:1px solid #a5acb4; border-bottom:1px solid #a5acb4;}
.data_schedule div.summary dl {padding:16px 0 16px 22px; background-color:#f0f5fb; font-size:14px;}
.data_schedule div.summary dl > strong {font-weight:400;}
.data_schedule div.summary dl > span +  span:before {content:' - '}
.data_schedule div.summary dl {padding-top:0; padding-bottom:0;}
.data_schedule div.summary dl > dt, .data_schedule div.summary dl > dd {display:inline-block; padding-top:17px; padding-bottom:17px; vertical-align:top;}
.data_schedule div.summary dl > dt {width:53px;}
.data_schedule div.summary dl > dd {color:#5b646e;}
.data_schedule div.summary dl > dd .icon_txt2 {padding:1px 5px 1px 4px; margin-top:-2px; margin-right:10px; min-width:0;}
.data_schedule div.summary dl > dd .icon_txt2 + span {display:inline-block; width:calc(100% - 60px); vertical-align:top;}
.data_schedule div.summary dl > dd .icon_txt2 + span strong {margin-left:4px;}
.data_schedule div.summary dl > dd .icon_txt1 {margin:-4px 5px 0 0;}
.data_schedule div.summary dl > dd button {display:block; position:relative; padding:0; width:100%; height:48px; text-align:left; font-size:14px; color:#5b646e;}
.data_schedule div.summary dl > dd .btn_small2 {position:absolute;top:14px;right:20px;border-color:#8693a0;background-color:#8693a0;color:#fff;}
.data_schedule div.summary dl > dd > [data-accordion] {margin:15px -5px -17px -78px; padding-left:78px; background:#fff;}
.data_schedule div.summary dl > dd > [data-accordion] li {line-height:1.3;}
.data_schedule div.summary dl > dd > [data-accordion] li + li {margin-top:12px;}
.data_schedule div.summary dl > dd > [data-accordion] .icon_txt2 {margin-right:3px;}
.data_schedule div.summary dl > dd > [data-accordion] .icon_txt2 + span {display:inline;}
.data_schedule div.summary dl > dd > [data-accordion].open {padding-bottom:17px;}
.data_schedule div.summary dl > dd > [data-accordion].open > [data-accordion-con="area2"] {height:auto;}
/* .data_schedule > li:last-child .summary dl {margin-bottom:-41px;} */
.data_schedule div.summary dl + dl {border-top: 1px solid #e5e5e5;}
.data_schedule div.summary dl + dl {background-color:#fff;}
.data_schedule div.summary dl:first-child > dd:first-of-type {width:calc(100% - 60px); margin-right:0; position:relative;}
.data_schedule div.summary dl.meal dd, .data_schedule div.summary dl.meal dd:first-of-type {width:auto; margin-right:12px; color:#020219;}

/* DATASCHEDULE :일정상세 */
.data_schedule .spot:before {content:""; display:block; position:absolute; top:0; bottom:0; left:42px; z-index:-1; width:1px; background:#dee0e2;}
.data_schedule .spot {display:block; margin:0; border:0; border-radius:0;}
.data_schedule .spot > dt {position:relative; margin-top:30px; padding:7px 0 0 87px; min-height:40px; font-weight:700; display:block; font-size:22px;}
.data_schedule .spot > dt:before {content:""; display:block; position:absolute; top:0; left:19px; width:47px; height:47px; background:url('../img/common/icon_set1.png') no-repeat -880px -1120px; border-radius:50%;}
.data_schedule .spot > dd {position:relative; padding:0 0 0 87px;}
.data_schedule .spot > dd + dt {margin-top:40px;}
.data_schedule .spot > dd[class*='ico'] {margin-top:30px;padding-top:8px;min-height:31px;}
.data_schedule .spot > dd[class*='ico']:before {content:""; display:block; position:absolute; top:0; left:23px; width:39px; height:39px; background:url('../img/common/icon_set1.png') no-repeat 0 0;}
.data_schedule .spot > dd .cont {margin:7px 0 -3px; font-size:1.166em; line-height:1.45;}
.data_schedule .spot > dd:last-child .cont:last-child {margin-bottom:40px;}
.data_schedule .spot > dd .cont p {line-height:inherit;}
.data_schedule .spot > dd .cont p + p {margin-top:8px;}
.data_schedule .spot > dd .cont.editor li {padding-left:10px; position:relative;}
.data_schedule .spot > dd .cont.editor li:before {content:''; display:block; position:absolute; top:11px; left:0; width:4px; height:2px; border-radius:50%; background:#020219;}
.data_schedule .spot > dd .thumb {margin-top:17px;padding-bottom:3px;}
.data_schedule .spot > dd .thumb img {max-width:100%; border-radius:10px;}
.data_schedule .spot > dd > cite, .data_schedule .spot > dd > time {font-size:1.33em;font-weight:700;}
.data_schedule .spot > dd > cite[data-air-logo] {margin-left:5px;margin-top:-3px;padding-left:26px;background-size:auto 16px;background-position:0 50%;vertical-align:middle;}
.data_schedule .spot > dd > cite[data-air-logo] i {color:#adb1b6;}
.data_schedule .spot > dd > .txt {font-size:13px;color:#5b646e;}
.data_schedule .spot > dd > time {position:relative; color:#2092ce;}
.data_schedule .spot > dd > time span {position:absolute; right:0;}
.data_schedule .spot > dd.ico1:before {background-position:0 -840px;}
.data_schedule .spot > dd.ico2:before {background-position:-40px -840px;}
.data_schedule .spot > dd.ico3:before {background-position:-80px -840px;}
.data_schedule .spot > dd.ico4:before {background-position:-120px -840px;}
.data_schedule .spot > dd.ico5:before {background-position:-160px -840px;}
.data_schedule .spot > dd.ico6:before {background-position:-200px -840px;}
.data_schedule .spot > dd.ico7:before {background-position:-240px -840px;}
.data_schedule .spot > dd.ico8:before {background-position:-280px -840px;}
.data_schedule .spot > dd.ico9:before {background-position:-320px -840px;}
.data_schedule .spot > dd.ico10:before {background-position:-360px -840px;}
.data_schedule .spot > dd.ico11:before {background-position:-400px -840px;}
.data_schedule .spot > dd.ico12:before {background-position:-440px -840px;}
.data_schedule .spot > dd.ico13:before {background-position:-480px -840px;}
.data_schedule .spot > dd.ico14:before {background-position:-520px -840px;}
.data_schedule[data-update="up20200423"] .spot > dt {padding:7px 0 0 20px;}
.data_schedule[data-update="up20200423"] .spot > dt:before, .data_schedule[data-update="up20200423"] .spot > dd[class*='ico']:before {content:none;}
.data_schedule[data-update="up20200423"] .spot > dt img {margin:-7px 20px 0 0;}
.data_schedule[data-update="up20200423"] .spot > dd[class*='ico'] > img {margin:-8px 20px 0 -64px;}
.data_schedule[data-update="up20200423"] .spot > dd[class*='ico'] .img_type2 {width:100%; display:inline-block;}


/* DATASCHEDULE :일정상세[현지투어] */
.data_schedule .spot > h3 {position:relative; margin-top:30px; padding:7px 0 0 87px; min-height:40px; font-weight:700; display:block; font-size:22px;}
.data_schedule .spot > h3:before {content:""; display:block; position:absolute; top:0; left:19px; width:47px; height:47px; background:url('../img/common/icon_set1.png') no-repeat -880px -1120px; border-radius:50%;}
.data_schedule .spot > dl {position:relative; padding:0 0 0 87px;}
.data_schedule .spot > dl + h3 {margin-top:40px;}
.data_schedule .spot > dl[class*='ico'] {margin-top:30px;padding-top:8px;min-height:31px;}
.data_schedule .spot > dl[class*='ico']:before {content:""; display:block; position:absolute; top:0; left:23px; width:39px; height:39px; background:url('../img/common/icon_set1.png') no-repeat 0 0;}
.data_schedule .spot > dl .cont {margin:7px 0 -3px; font-size:1.166em; line-height:1.45;}
.data_schedule .spot > dl .cont p {line-height:inherit;}
.data_schedule .spot > dl .cont p + p {margin-top:8px;}

.data_schedule .spot > dl .img_type2 > dl {overflow:hidden; display:inline-block; margin-right:-4px; position:relative; width:360px; height:200px; border-radius:10px;}
.data_schedule .spot > dl .img_type2 > dl + dl {margin-left: 14px;}
.data_schedule .spot > dl .img_type2 > dl > dd img {position:absolute; top:0; left:0; object-fit:cover; width:100%; height:100%;}
.data_schedule .spot > dl .img_type2 .btn_img2 {margin:-53px 0 0 -42px; background-color:rgba(124, 131, 139, 0.9); border-color:rgba(124, 131, 139, 0.9); box-shadow:0 0 5px 0 rgba(0,0,0,0.1);}
.data_schedule .spot > dl .img_type2 .btn_img2:before, .data_schedule .spot > dl .img_type2 .btn_img2:after {background-color: #fff;}
.data_schedule .spot > dl .thumb {margin-top:17px;padding-bottom:3px;}
.data_schedule .spot > dl .thumb img {max-width:100%; border-radius:10px;}
.data_schedule .spot > dl > dt, .data_schedule .spot > dl > time {font-size:1.33em;font-weight:700;}
.data_schedule .spot > dl > dt[data-air-logo] {margin-left:5px;margin-top:-3px;padding-left:26px;background-size:auto 16px;background-position:0 50%;vertical-align:middle;}
.data_schedule .spot > dl > dt[data-air-logo] i {color:#adb1b6;}
.data_schedule .spot > dl > .txt {font-size:13px;color:#5b646e;}
.data_schedule .spot > dl > time {position:relative; color:#2092ce;}
.data_schedule .spot > dl > time span {position:absolute; right:0;}
.data_schedule .spot > dl.ico1:before {background-position:0 -840px;}
.data_schedule .spot > dl.ico2:before {background-position:-40px -840px;}
.data_schedule .spot > dl.ico3:before {background-position:-80px -840px;}


/* DATASCHEDULE :아코디언 */
.data_schedule[data-accordion] {overflow:visible;}
.data_schedule[data-accordion] .area1.open {border-radius:3px 3px 0 0;}
.data_schedule[data-accordion] .area1.open + .area2 {margin-bottom:-8px;}
.data_schedule[data-accordion] .area1.open + .area2.guide {margin:30px 40px; font-size:14px; white-space:pre-line;}
.data_schedule[data-accordion] .area1 .btn_toggle:before, .data_schedule[data-accordion] .area1 .btn_toggle:after {background-color:#fff;}
.data_schedule[data-accordion] > li:last-child .area1.open + .area2 {padding-bottom:50px; margin-bottom:-30px; /*border-bottom:1px solid #a5acb4*/}
.data_schedule[data-accordion] > li:last-child .area1.open + .area2.guide {margin-top:30px;}
.data_schedule[data-accordion] > li:last-child .area1.open + .area2 > .summary:last-child {margin-bottom:30px;box-shadow:0 70px 0 70px #fff;}
.data_schedule[data-accordion][data-update="up20200423"] .area1 > img {position:absolute; top:0; left:0;}
.data_schedule[data-accordion][data-update="up20200423"] .area1 > h2 {color:#fff; position:relative; z-index:1;}

/*--------------------------------------------------------------------------------
	# 비행정보 :레이어팝업
---------------------------------------------------------------------------------*/
/*.data_schedule2 .data_flight1,*/ .data_schedule2 > p {display:-webkit-box; display:-moz-flex; display:-ms-flexbox; display:flex; -ms-flex-direction:column; flex-direction:column;}
.data_schedule2 {position:relative; width:346px; border:1px solid #adb1b6; border-radius:3px; box-sizing:border-box;}
.data_schedule2 > header {margin:-1px -1px 0; height:48px; background:#24aae1; border-radius:3px 3px 0 0;}
.data_schedule2 > header:before {content:""; display:inline-block; width:17px; height:100%; vertical-align:middle;}
.data_schedule2 > header > h1, .data_schedule2 > header > .txt_data3 {display:inline-block; vertical-align:middle;}
.data_schedule2 > header > h1 {padding:5px 10px; min-width:32px; background:#fff; border-radius:11px; color:#2096ce; text-align:center; line-height:1; letter-spacing:-0.08em;}
.data_schedule2 > header > .txt_data3 {margin:-1px 0 0 2px; width:250px; font-size:14px; line-height:1.2; font-weight:400;}
.data_schedule2 > header > .txt_data3 > * {display:inline;}
.data_schedule2 > header > .txt_data3 > em:before {width:15px !important; background-position:0 -200px;}
.data_schedule2 > p {-ms-flex-wrap:wrap; flex-wrap:wrap; -ms-justify-content:center; justify-content:center; height:62px; border-top:1px solid #dee0e2; text-align:center; font-size:13px; line-height:1.4; color:#5b646e;}
.data_schedule2 > p > strong {display:block; font-size:14px; color:#020219;}
.data_schedule2 > p > strong > i:after {content:''; display:inline-block; margin:-1px 4px 0 8px; width:1px; height:13px; background:#adb1b6; vertical-align:middle;}
.data_schedule2 .data_flight1 {overflow:auto; overflow-x:hidden; max-height:505px;}
.data_schedule2:first-child:not(:only-child) > .data_flight1,
.data_schedule2 ~ .data_schedule2 .data_flight1 {height:calc(100% - 110px);}

/*--------------------------------------------------------------------------------
	# 비행정보 :예약하기
---------------------------------------------------------------------------------*/
.data_schedule3 {overflow:hidden; border:1px solid #dee0e2; border-radius:2px;}
.data_schedule3 > header {position:relative; padding:9px 178px 9px 19px; background:#eff2f6;}
.data_schedule3 > header > h1,
.data_schedule3 > header > h2,
.data_schedule3 > header > h3,
.data_schedule3 > header > h4,
.data_schedule3 > header > h5,
.data_schedule3 > header > h6 {display:inline-block; margin-right:16px; width:50px; height:50px; background:#5b646e; border-radius:50%; color:#fff; vertical-align:middle; text-align:center; font-size:13px; line-height:50px;}
.data_schedule3 > header > [data-air-logo] {position:absolute; top:50%; right:53px; padding-left:29px; width:94px; background-size:auto 18px; line-height:1.4; font-size:13px; font-weight:700; transform:translate(0, -50%);}
.data_schedule3 > header > .txt_data3 {display:inline-block; width:calc(100% - 70px); font-size:13px; vertical-align:middle;}
.data_schedule3 > header > .txt_data3 span {display:block; margin-top:-2px; font-size:16px;}
.data_schedule3 > header > .txt_data3 time {font-weight:400; color:#525a63;}
.data_schedule3 > header > .txt_data3 > dd {width:29%; vertical-align:middle;}
.data_schedule3 > header > .txt_data3 dt + dd + dt {position:relative; margin:-3px 1px 0 5px; padding-left:33%; height:17px; background:none;}
.data_schedule3 > header > .txt_data3 dt + dd + dt:before {content:''; position:absolute; top:50%; left:22px; right:12px; margin:-4px 0; width:auto; height:20px; background-image:radial-gradient(#adb1b6 25%, transparent 0); background-position:0 0; background-size:10px 10px;}
.data_schedule3 > header > .txt_data3 dt + dd + dt:after {content:''; position:absolute; top:1px; right:50%; margin:0 -14px; width:19px; height:17px; background:#eff2f6 url("../img/common/icon_set1.png") no-repeat -40px -160px;}
.data_schedule3 > header .btn_toggle:before {right:29px;}
.data_schedule3 > header .btn_toggle:after {right:23px;}
.data_schedule3 > [data-accordion-con="area2"] {position:relative; padding-left:102px !important;}
.data_schedule3 > [data-accordion-con="area2"]:after {content:''; display:block; position:absolute; top:20px; bottom:20px; right:210px; width:1px; background:#dee0e2;}
.data_schedule3 > [data-accordion-con="area2"] .data_flight1 {overflow:auto; padding:11px 0; width:calc(100% - 210px); /*max-height:228px;*/}
.data_schedule3 > [data-accordion-con="area2"] .data_flight1,
.data_schedule3 > [data-accordion-con="area2"] > p {display:inline-block; vertical-align:middle;}
.data_schedule3 > [data-accordion-con="area2"] > p strong {display:block; font-size:16px; color:#020219;}
.data_schedule3 > [data-accordion-con="area2"] > p {width:200px; font-size:13px; text-align:center; color:#5b646e; line-height:1.4;}
.data_schedule3 + .data_schedule3 {margin-top:10px;}
.domestic .data_schedule3 {overflow:visible;}
.domestic .data_schedule3 > [data-accordion-con="area2"] .data_flight1 {overflow:visible;}
.domestic [data-accordion] .open + [data-accordion-con="area2"] {overflow:visible;}

/*--------------------------------------------------------------------------------
	# 선택한항공여정
---------------------------------------------------------------------------------*/
.data_schedule5 {position:relative; float:left; width:542px; border:1px solid #5b646e; box-sizing:border-box;}
.data_schedule5 > header {position:relative; background:#5b646e; color:#fff; height:43px; font-size:13px;}
.data_schedule5 > header:before {content:''; display:inline-block; width:11px; height:40px; vertical-align:middle;}
.data_schedule5 > header > * {display:inline-block; vertical-align:middle;}
.data_schedule5 > header > *:first-child {margin-right:2px; font-weight:400;}
.data_schedule5 > header .txt_info {position:absolute; top:9px; right:14px; font-size:inherit;}
.data_schedule5 > header .txt_info > dt {color:#cdd0d3;}
.data_schedule5 > header .txt_info > dd {font-weight:700;}
.data_schedule5 > header .txt_info > dd + dt:before {height:10px; background:#7c838b;}
.data_schedule5 .txt_data {overflow:hidden; display:block; padding:10px 322px 11px 15px; border:0; font-size:11.1492px; letter-spacing:-0.05em;}
.data_schedule5 .txt_data > dt:not(:nth-last-child(2)) {float:left; clear:left; width:110px; margin:3px 0 2px; text-align:left;}
.data_schedule5 .txt_data > dt i {margin-left:4px; color:#5b646e;}
.data_schedule5 .txt_data > dd > strong {margin-bottom:0;}
.data_schedule5 .txt_data > dd:not(:last-child) {display:block; padding:2px 0 3px;}
.data_schedule5 .txt_data > dd:not(:last-child) > strong,
.data_schedule5 .txt_data > dd:not(:last-child) > span {font-size:14px; color:#020219; vertical-align:middle;}
.data_schedule5 .txt_data > dt:nth-last-child(2) {display:block; margin-top:-71px; margin-bottom:-1px; width:511px; font-size:14px; font-weight:700;}
.data_schedule5 .txt_data > dd:last-child {margin-right:-308px; font-size:12px;}
.data_schedule5 .txt_data > dd:last-child strong {font-size:24px;}
.data_schedule5 .txt_data > dd + dt:before {display:none !important;}
.data_schedule5 + .data_schedule5 {float:right;}

/*--------------------------------------------------------------------------------
	# 평점
---------------------------------------------------------------------------------*/
[class*="data_grade"] p.txt_data4:after {margin-left:-5px; font-size:16px; font-weight:700; color:#5b646e;}
[class*="data_grade"] p.txt_data4 {font-size:26px;}
[class*="data_grade"] + [class*="data_grade"] {margin-top:6px;}

/* DATAGRADE :트립어드바이저 */
.data_grade1 {overflow:hidden; position:relative; padding:0 30px; border:1px solid #cdd0d3; border-radius:3px; box-sizing:border-box;}
.data_grade1 > .tit {overflow:hidden; display:inline-block; margin-right:-3px; width:0; height:78px; white-space:nowrap; vertical-align:middle;}
.data_grade1 > .tit + p {width:calc(100% - 80px); font-size:16px; line-height:1.4;}
.data_grade1 > .tit + p > strong {font-weight:800;}
.data_grade1 > p {display:inline-block; margin-right:-2px; vertical-align:middle;}
.data_grade1 > p.txt_data4 {margin:0 -6px 0 0; width:82px; line-height:1.2; color:#36957f;}
.data_grade1 > p.txt_data4 > img {position:absolute; top:8px; left:-109px; width:103px;}
.data_grade1 .btn_txt {border-bottom:1px solid #5b646e; color:#5b646e !important; font-size:13px; line-height:1.2; text-decoration:none !important;}
.data_grade1 .btn_txt:after {margin-top:-1px; background-position:-80px 0;}

/* DATAGRADE :온라인투어 평점 */
.data_grade2 {position:relative; display:table; table-layout:fixed; margin:0 0 30px; width:100%; border:1px solid #cdd0d3; border-radius:2px; box-sizing:border-box;}
.data_grade2 > .tit, .data_grade2 > p, .data_grade2 > ul {display:table-cell; text-align:center; vertical-align:middle;}
.data_grade2 > .tit {overflow:hidden; padding-left:31px; width:31px; height:170px; white-space:nowrap; box-sizing:border-box;}
.data_grade2 > p:not(:last-child) {width:22.1%; text-align:left; font-size:16px; line-height:1.4; letter-spacing:-0.05em; word-break:keep-all;}
.data_grade2 > p:not(:last-child) > a {margin:11px 27% 0 0;}
.data_grade2 > p.txt_data4 {position:relative; padding:0; width:19.4%; text-align:left; font-size:40px;}
.data_grade2 > p.txt_data4 > cite {display:block; margin-top:15px; margin-bottom:-16px; font-size:15px; color:#020219; font-weight:700;} 
.data_grade2 > p.txt_data4:after {font-size:26px;}
.data_grade2 > ul > li {display:inline-block; position:relative; margin:-12px -4px 12px 0; width:83px; height:90px; vertical-align:top;}
.data_grade2 > ul > li:before {content:""; display:block; position:absolute; top:0; left:50%; margin:0 -15px; width:30px; height:100%; background:#dee0e2;}
.data_grade2 > ul > li > em {display:block; position:absolute; left:0; right:0; bottom:-37px; color:#5e5ed7;}
.data_grade2 > ul > li > em:before, .data_grade2 > ul > li > em:after {content:""; position:absolute; top:-13px; left:50%; margin:0 -32px; width:65px; height:13px; background:url("../img/common/icon_set1.png") no-repeat -80px -280px;}
.data_grade2 > ul > li > em:after {background-position:-80px -320px;}
.data_grade2 > ul > li > span {display:block; position:absolute; position:absolute; bottom:0; left:50%; margin:0 -15px; background:#5e5ed7; width:30px; height:0;}
.data_grade2 > ul > li > strong {opacity:0; display:block; position:absolute; top:0; left:50%; margin:0 -27px; width:36px; height:21px; border-radius:21px; background:#5b646e; color:#fff; line-height:20px; font-weight:800; transition:all 0.2s;}
.data_grade2 > ul > li > strong:after {content:''; display:block; position:absolute; bottom:-4px; left:50%; margin:0 -5px; width:0; height:0; border:4px solid transparent; border-right-color:#5b646e;}
.data_grade2 > ul > li:hover > strong {opacity:1; top:-14px;}
.data_grade2 > ul > li.on > strong {opacity:1; top:-14px; background:#ffd800; color:#4b4bac;}
.data_grade2 > ul > li.on > strong:after {border-right-color:#ffd800;}
.data_grade2 > ul > li:nth-child(2) > em:after {width:52px;}
.data_grade2 > ul > li:nth-child(3) > em:after {width:39px;}
.data_grade2 > ul > li:nth-child(4) > em:after {width:26px;}
.data_grade2 > ul > li:nth-child(5) > em:after {width:13px;}

/*--------------------------------------------------------------------------------
	# 상품 요약 정보
---------------------------------------------------------------------------------*/
.data_summary {position:relative; margin:0 auto 33px; width:1100px; font-size:12px;}
.data_summary:after {content:""; display:block; clear:both;}
.data_summary .txt_info {font-size:1em; color:#020219;}
.data_summary .txt_info2 {margin-bottom:8px; font-size:1em;}
.data_summary .txt_info2 > dt {margin:0 5px 17px 0; font-weight:700; font-size:1.071em;}
.data_summary .txt_info2 > dt:after {display:none;}
.data_summary .txt_info2 > dd {margin:0 0 18px; line-height:1.6;}
.data_summary .data_flight3 {font-size:0.857em;}
.container > .data_summary {margin-top:-10px;}

/* DATASUMMARY :타이틀 */
.data_summary > header {clear:both; padding:0 200px 19px 0;}
.data_summary > header h1 {margin:5px 0 0; font-size:25px; line-height:1.37;}
.data_summary > header h1:only-child:before {content:""; height:62px; vertical-align:middle; display:inline-block;}
.data_summary > header h1 > span {display:block; margin:-2px 0 2px; font-size:15px; font-weight:400;}
.data_summary > header h1:first-child {margin-top:0;}
.data_summary > header [class^="icon_txt"] {padding:3px 9px; font-size:14px;}
.data_summary > header > div:last-child {margin:5px 0 10px;}
.data_summary > header > div:last-child h1 {display:inline; margin-right:7px; vertical-align:middle;}

/* DATASUMMARY :이미지 슬라이드 */
.data_summary .area1 {float:left; width:580px; height:450px;}
.data_summary .area1:empty {position:relative; background-color:#f2f3f4;}

/* DATASUMMARY :정보 */
.data_summary .area2 {float:right; width:calc(100% - 595px);}
.data_summary .area2 .btn_wrap2.t1 {top:0; bottom:475px; height:66px; margin:auto 0;}
.data_summary .tbl_type1 {display:block; height:448px;}
.data_summary .tbl_type1 th, .data_summary .area2 .tbl_type1 td {position:relative; padding-top:14px; padding-bottom:14px; font-size:1.166em; height:48px;}
.data_summary .tbl_type1 > tbody {display:table; width:100%; table-layout:fixed; height:100%; border-collapse:separate}
.data_summary .tbl_type1 > tbody > tr > th {width:80px;}
.data_summary .tbl_type1 > tbody > tr:hover td {background:#fff;}
.data_summary .tbl_type1 > tbody > tr.auto > td {height:100%; line-height:1.7;}
.data_summary .tbl_type1 > tbody > tr.auto:nth-last-of-type(4) > td:not([class]) {height:48px;}
/* DATASUMMARY :정보 :버튼 */
.data_summary .tbl_type1 td .sub {position:absolute; top:10px; right:0; margin:0 !important;}
.data_summary .tbl_type1 td .sub.btn_type {width:118px;}
.data_summary .tbl_type1 td .sub.btn_type2 {top:8px;}
/* DATASUMMARY :정보 :금액 */
.data_summary .tbl_type1 .txt_data {margin:-5px 0 0; font-size:0.857em;}
.data_summary .tbl_type1 .txt_data > s,
.data_summary .tbl_type1 .txt_data > em {display:inline-block; margin-right:5px; margin-bottom:2px; font-weight:700; color:#5b646e;}
.data_summary .tbl_type1 .txt_data > strong {font-size:2.333em;}
/* DATASUMMARY :정보 :스타일1 :항공스케줄 */
.data_summary .tbl_type1 td.td_cont1 {padding-top:62px;}
.data_summary .tbl_type1 td.td_cont1 .txt_info.t1 {display:block; position:absolute; top:0; left:-2px; right:-2px; padding:11px 12px 12px; border-bottom:1px solid #dee0e2;}
.data_summary .tbl_type1 td.td_cont1 .txt_info.t1 dd {position:static; font-size:1.07em;}
.data_summary .tbl_type1 td.td_cont1 .txt_info.t1 dd:after {display:none !important;}
.data_summary .tbl_type1 td.td_cont1 .txt_info.t1 .sub {right:8px;}
.data_summary .tbl_type1 td.td_cont1 .data_flight2 {margin-right:-10px;}
.data_summary .tbl_type1 td.td_cont1 .btn_wrap {margin:14px 0 0 131px;}
/* DATASUMMARY :정보 :스타일2 :예약가능인원 */
.data_summary .tbl_type1 td.td_cont2 > strong, .data_summary .tbl_type1 td.td_cont2 > em {display:inline-block; font-size:1.07em;}
.data_summary .tbl_type1 td.td_cont2 > strong:nth-last-child(2) {vertical-align:middle;}
.data_summary .tbl_type1 td.td_cont2 .txt {margin-top:-2px;font-size:1em; color:#adb1b6;}
.data_summary .tbl_type1 td.td_cont2 .tooltip_type {left:-48px;width:433px;}
.data_summary .tbl_type1 td.td_cont2 [data-tooltip="info3"] strong:after {background-position:-80px -460px;}
/* DATASUMMARY :정보 :스타일3 :상품개요 */
.data_summary .tbl_type1 tr.auto > td.info {padding:0 0 0 15px;}
.data_summary .tbl_type1 tr.auto > td.info .data_admin {height:295px; padding:10px 0; box-sizing:border-box; white-space:normal !important;}
.data_summary .tbl_type1 tr.auto > td.info .data_admin dl > * {display:inline-block; line-height:2.2;}
.data_summary .tbl_type1 tr.auto > td.info .data_admin dt {width:95px; color:#7c838b; vertical-align:top;}
.data_summary .tbl_type1 tr.auto > td.info .data_admin dd {width:calc(100% - 95px); margin-left:-4px;}
.data_summary .tbl_type1 tr.auto > td.info .data_admin dd#summary_meeting_time {line-height:21px; margin-top:5px;}
.data_summary .tbl_type1 .info > div {overflow:auto; height:150px; line-height:1.7;}
.data_summary .tbl_type1 .info ul {display:table; table-layout:fixed; width:100%; margin:10px 0 0; border-collapse:collapse;}
.data_summary .tbl_type1 .info ul > li {display:table-cell; height:102px; border:1px solid #dee0e2; text-align:center; vertical-align:middle; font-size:0.857em;  color:#5b646e;}
.data_summary .tbl_type1 .info ul > li:before {content:""; display:block; margin:0 auto 7px; width:24px; height:23px; background:url("../img/common/icon_set1.png") no-repeat -520px -480px;}
.data_summary .tbl_type1 .info ul > li.ico2:before {background-position:-560px -480px;}
.data_summary .tbl_type1 .info ul > li.ico3:before {background-position:-600px -480px;}
.data_summary .tbl_type1 .info ul > li.ico4:before {background-position:-640px -480px;}
.data_summary .tbl_type1 .info ul > li strong {display:block; color:#020219;}
/* DATASUMMARY :정보 : 이미지가 없을 경우 : 행사 팝업 */
.data_summary  header + .area2 {float:left;width:100% !important;}

/* DATASUMMARY :호텔 */
.data_summary[data-product="hotel"] .txt_data {font-size:1em;}
.data_summary[data-product="hotel"] .txt_data dt {font-size:1.5em;}
.data_summary[data-product="hotel"] .txt_data dt > span {font-size:0.666em;}
.data_summary[data-product="hotel"] .txt_data dd > strong {font-size:2.4em;}
.data_summary[data-product="hotel"] .txt_data dd > strong + span {margin-bottom:5px; font-size:1.14em;}
.data_summary[data-product="hotel"] .txt_data dd > b {display:inline-block; margin-right:5px; font-size:1.833em; letter-spacing:-0.05em; color:#80808c; vertical-align:middle;}
.data_summary[data-product="hotel"] .txt_data .btn_type3 {vertical-align:bottom;}
.data_summary[data-product="hotel"] .txt_data + .tbl_type1 {margin-top:-1px; z-index:2; height:386px;}
.data_summary[data-product="hotel"] .txt_data + .tbl_type1:before {display:none;}
.data_summary[data-product="hotel"] .txt_data + .tbl_type1 tr:first-child > th, 
.data_summary[data-product="hotel"] .txt_data + .tbl_type1 tr:first-child > td {border-top-color:#dee0e2 !important;}
.data_summary[data-product="hotel"] .txt_data + .tbl_type1 > tbody > tr.auto > td {vertical-align:middle;}
.data_summary[data-product="hotel"] .txt_data + .tbl_type1 > tbody > tr > th {width:120px;}
.data_summary[data-product="hotel"] .code {margin:-19px 0 0 5px; font-size:1em; color:#7c838b;}
.data_summary[data-product="hotel"] .slide_amenities .list:only-child {margin-left:-30px;}

/* DATASUMMARY :렌터카 */
.data_summary[data-product="rentalcar"] {margin-bottom:0;}
.data_summary[data-product="rentalcar"] header .icon_txt3 {position:absolute; bottom:274px; left:328px; z-index:2;}
.data_summary[data-product="rentalcar"] header .icon_txt3:nth-last-child(4):first-child {left:276px;}
.data_summary[data-product="rentalcar"] header .icon_txt2 {margin-right:5px; margin-bottom:0; min-width:48px; background:#fff; border-color:#dee0e2; color:#5b646e; font-weight:700; font-size:12px;}
.data_summary[data-product="rentalcar"] header p {position:absolute; bottom:20px; left:0; z-index:2; width:400px; text-align:center;}
.data_summary[data-product="rentalcar"] .area1 {position:relative; width:398px; height:350px; border:1px solid #dee0e2; border-radius:6px;}
.data_summary[data-product="rentalcar"] .area1 > img {position:absolute; top:0; left:0; bottom:0; right:0; margin:auto; max-width:90%; max-height:90%; border-radius:6px;}
.data_summary[data-product="rentalcar"] .area2 {width:684px;}
.data_summary[data-product="rentalcar"] .tbl_type1 {height:352px;}
.data_summary[data-product="rentalcar"] .tbl_type1 > tbody > tr > th {width:109px;}
.data_summary[data-product="rentalcar"] .tbl_type1 > tbody > tr > td .txt_info3 {margin-bottom:5px;}
.data_summary[data-product="rentalcar"] .tbl_type1 > tbody > tr > td .txt_type1 {margin:0;}
.data_summary[data-product="rentalcar"] .tbl_type1 > tbody > tr > td {padding-top:12px; padding-bottom:12px;}

/* DATASUMMARY : IE9 */
@media screen and (min-width:0\0) and (min-resolution:.001dpcm) {
	.data_summary .tbl_type1 {display:table;}
	.data_summary .tbl_type1 > tbody {display:table-row-group; height:auto !important;}
	.data_summary .tbl_type1 > tbody > tr > th, .data_summary .tbl_type1 > tbody > tr > td {position:static;}
	.data_summary .tbl_type1 > tbody > tr:hover td {background:none;}
}

/*--------------------------------------------------------------------------------
	# 상품 예약정보
---------------------------------------------------------------------------------*/
.data_summary2 {position:relative;}
.data_summary2:not([data-accordion]) {border:1px solid #dee0e2;}
.data_summary2:not([data-accordion]), .data_summary2[data-accordion] > [data-accordion-con="area1"] {padding-left:288px; border-radius:2px; box-sizing:border-box;}

/* DATASUMMARY2 : 상품명 */
.data_summary2 .area1 {position:absolute; top:0; bottom:0; left:0; padding:14px 19px 20px; width:250px; background:#eff2f6; font-size:14px; line-height:1.3;}
.data_summary2 .area1 b {color:#24aae1}
.data_summary2 .area1 > h1, .data_summary2 .area1 > h2, .data_summary2 .area1 > h3, .data_summary2 .area1 > h4, .data_summary2 .area1 > h5, .data_summary2 .area1 > h6 {display:inline-block; font-size:20px; line-height:1.3; vertical-align:middle;}
.data_summary2 .area1 > p {margin-top:-1px;}
.data_summary2 .area1 .box {position:absolute; bottom:19px; left:20px; font-weight:700;}
.data_summary2 .area1 .icm4:before {width:16px; height:16px; background-position:-360px 0;}
.data_summary2 .area1 p.box {bottom:16px;}
.data_summary2 .area1 .select_type1 {margin-left:10px; width:189px;}
.data_summary2 .area1:only-child {position:relative; margin-left:-288px; padding:12px 20px 11px; width:calc(100% + 288px); box-sizing:border-box;}
.data_summary2 .area1:only-child > div {display:inline-block; margin-left:15px; vertical-align:middle;}
.data_summary2 .area1:only-child .select_type1 {width:100px;}
.data_summary2 .area1:only-child .box {left:auto; bottom:50%; right:20px; margin:-14px 0;}

/* DATASUMMARY2 : 정보 */
.data_summary2 .area2 {padding:12px 20px 10px;}
.data_summary2 .area2 > dt, .data_summary2 .area2 > dd {display:inline-block; position:relative; margin:11px 0; vertical-align:top; box-sizing:border-box; letter-spacing:-0.05em}
.data_summary2 .area2 > dt {padding-left:27px; width:85px; font-size:13px; color:#7c838b;}
.data_summary2 .area2 > dt:before {content:''; display:block; position:absolute; top:50%; left:0; margin:-12px 0; width:24px; height:24px; background:url("../img/common/icon_set1.png") no-repeat 0 -480px;}
.data_summary2 .area2 > dd {margin-top:10px; margin-bottom:12px; width:calc(100% - 90px); font-weight:700; font-size:14px;}
.data_summary2 .area2 > dd > .btn_type {position:absolute; top:0; right:0;}
.data_summary2 .area2 > dd > em {display:block; color:#5b646e; font-weight:400;}
.data_summary2 .area2 > dt.ico4 + dd {width:100%; margin-top:5px; padding-left:27px;}
.data_summary2 .area2 > dd > ul {width:calc(100% - 50px); vertical-align:top; font-weight:400;}
.data_summary2 .area2 > dd > ul li {display:inline-block; margin-right:5px;}
.data_summary2 .area2 > dd > ul li span {color:#4b4bac;}
.data_summary2 .area2 > dd > span + ul {display:inline-block; margin-left:5px;}

/* DATASUMMARY2 : 아코디언 : 현지투어 */
.data_summary2 .btn_toggle {position:relative !important; top:auto !important; left:-288px !important; bottom:auto !important; right:auto !important; z-index:3 !important; padding:0 48px 0 0 !important; width:calc(100% + 288px) !important; height:46px !important; background-color:#fff; border-top:1px dashed #dee0e2; text-align:right; font-size:15px !important; font-weight:700 !important; color:#020219}
.data_summary2 .btn_toggle:before {right:35px;}
.data_summary2 .btn_toggle:after {right:29px;}
.data_summary2[data-accordion] > [data-accordion-con="area1"]:before {content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; z-index:4; border:1px solid #dee0e2; border-radius:2px; pointer-events:none;}
.data_summary2[data-accordion] > [data-accordion-con="area1"].open:before, .data_summary2[data-accordion] > [data-accordion-con="area1"].open .btn_toggle {border-color:#24aae1;}
.data_summary2[data-accordion] > [data-accordion-con="area1"].open + [data-accordion-con="area2"] {position:relative; z-index:3; padding:20px; background:#fff;}
.data_summary2[data-accordion] > [data-accordion-con="area1"].open + [data-accordion-con="area2"]:before {content:''; display:block; position:absolute; top:0; left:20px; right:23px; height:1px; background:#dee0e2;}
/* DATASUMMARY2 : 아코디언 : 현지투어 : 간격 */
.data_summary2 + .data_summary2 {margin-top:20px;}

/* DATASUMMARY2 :아이콘 */
.data_summary2 .area2 > dt.ico2:before {background-position:-40px -480px;}
.data_summary2 .area2 > dt.ico3:before {background-position:-80px -480px;}
.data_summary2 .area2 > dt.ico4:before {background-position:-120px -480px;}
.data_summary2 .area2 > dt.ico5:before {background-position:-160px -480px;}
.data_summary2 .area2 > dt.ico6:before {background-position:-200px -480px;}
.data_summary2 .area2 > dt.ico7:before {background-position:-240px -480px;}
.data_summary2 .area2 > dt.ico8:before {background-position:-280px -480px;}
.data_summary2 .area2 > dt.ico9:before {background-position:-320px -480px;}
.data_summary2 .area2 > dt.ico10:before {background-position:-360px -480px;}
.data_summary2 .area2 > dt.ico11:before {background-position:-400px -480px;}
.data_summary2 .area2 > dt.ico12:before {background-position:-440px -480px;}
.data_summary2 .area2 > dt.ico13:before {background-position:-480px -480px;}

/*--------------------------------------------------------------------------------
	# 투어티켓 DATASUMMARY > PC_TIC_1500, PC_TIC_1600
---------------------------------------------------------------------------------*/
.ticket .data_summary2 {padding-left:0;}
.ticket .data_summary2 .area1 {position:relative; width:100%; padding-bottom:0; background-color:transparent;}
.ticket .data_summary2 .area2 > dt {width:140px;}
.ticket .data_summary2 .area2 > dd {width:calc(100% - 145px);}
.ticket .data_summary2 .area2 > dd > ul {margin-top:7px;}
.ticket .data_summary2 .area2 > dd > ul li {display:block; line-height:22px;}
.ticket [class*="data_summary"] dd > ul li.txt_c4 {font-size:12px; font-weight:400;}
.ticket [class*="data_summary"] dd > ul li strong {font-size:14px; color:#020219; padding-right:20px}
.ticket [class*="data_summary"] dd > ul li strong em {color:#24aae1;}
.ticket .data_summary3 .area2 dl {margin-top:15px;}

/*--------------------------------------------------------------------------------
	# 투어티켓 DATAPAY
---------------------------------------------------------------------------------*/
.ticket .data_pay > .area[data-accordion] [data-accordion-con="area1"] {font-size:14px; padding-bottom:0;}
.ticket .data_pay > .area[data-accordion] [data-accordion-con="area2"] {background-color:transparent;}
.ticket .data_pay > .area[data-accordion] .open + [data-accordion-con="area2"] {border-top:0;}
.ticket .data_pay > .area .box > dt em {color:#24aae1;}
.ticket .data_pay > .area .box > dd span {margin-top:-7px; color:#8693a0; font-size:12px; line-height:1.5; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ticket .data_pay > .area dl.txt_data {margin:0; padding:0 19px;}
.ticket .data_pay > .area[data-accordion] li + li {border-top:1px solid #cdcdcd;}
.ticket .tit_type3.txt_c em {font-size:14px; color:#020219;}
.ticket .tit_type3.txt_c em + em {padding-left:28px; position:relative;}
.ticket .tit_type3.txt_c em + em:before {content:''; width:16px; height:5px; background:url('../img/common/icon_set2.png') no-repeat 0 -240px; position:absolute; top:5px; left:7px;}

/*-------------------------------------------------------------------------------- 
	# 투어티켓 : breadcrumb
---------------------------------------------------------------------------------*/
.ticket .data_summary > header {padding:0 200px 0 0;}
.ticket .data_summary .area2 .btn_wrap2.t1 {margin-top:-1px;}
.ticket .breadcrumb {margin-bottom:5px; background-color:transparent; border-bottom:0;}
.ticket .breadcrumb > ol > li {padding:0 7px 0 11px; font-size:14px; color:#020217;}
.ticket .breadcrumb > ol > li:first-child {padding-left:22px;}
.ticket .breadcrumb > ol > li:first-child:before {content:""; display:block; position:absolute; top:10px; left:0; width:13px; height:17px; border:0; border-radius:0; background:url(../img/common/icon_set1.png) no-repeat -560px 0;}

.ticket .data_summary .area2 .tbl_txt {position:absolute; top:78px; left:50%; margin-left:60px; font-size:14px; color:#7c838b;}
.ticket .data_summary .area2 .tbl_txt > * {display:inline-block;}
.ticket .data_summary .area2 .tbl_txt > dd {margin-left:8px;}

/*--------------------------------------------------------------------------------
	# 상품예약완료정보
---------------------------------------------------------------------------------*/
.data_summary3 {overflow:hidden; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex; position:relative; margin:0 auto; width:1100px; background:#fff; border-radius:6px; box-shadow:0 10px 20px 0 rgba(0,0,0,0.08)}
.data_summary3 > ul {-ms-flex:1; flex:1;}
.data_summary3 > ul:nth-last-child(4):first-child {margin-bottom:66px;}
.data_summary3 > ul > li {position:relative;}
.data_summary3 > ul > li + li {border-top:1px dashed #dee0e2;}
.data_summary3 > ul ~ .area4 {left:0; padding-left:230px; right:357px;}
.data_summary3 .btn_type5 {position:absolute; bottom:0; right:0; width:357px; line-height:64px; border-radius:0;}
.mes_type + .data_summary3 {margin-top:-204px;}

/* DATASUMMARY3 :이미지영역 */
.data_summary3 .area1 {overflow:hidden; display:block; position:absolute; top:50px; left:40px; width:160px; height:160px; border-radius:50%;}
.data_summary3 .area1 > img {width:100%; height:100%;}
.data_summary3 .area1 [data-air-logo] {position:absolute; top:50%; left:50%; margin:-23px -30px; width:60px; height:45px;}
.data_summary3 .area1 [data-air-logo]:nth-last-child(2):nth-child(1),
.data_summary3 .area1 [data-air-logo]:nth-last-child(2):nth-child(1) + [data-air-logo] {margin:0; width:48px; height:36px;}
.data_summary3 .area1 [data-air-logo]:nth-last-child(2):nth-child(1) {top:48px; left:68px;}
.data_summary3 .area1 [data-air-logo]:nth-last-child(2):nth-child(1) + [data-air-logo] {top:84px; left:40px;}
.data_summary3 .area1:empty {background:#f2f3f4;}

/* DATASUMMARY3 :정보영역 */
.data_summary3 .area2 {-ms-flex:1; flex:1; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex; flex-direction:column; justify-content:center; padding:31px 0 28px; margin-left:230px; margin-right:40px; min-height:207px;}
.data_summary3 .area2 h2, .data_summary3 .area2 h3, .data_summary3 .area2 h4, .data_summary3 .area2 h5, .data_summary3 .area2 h6 {font-size:28px; line-height:1.15;}
.data_summary3 .area2 h2 > span, .data_summary3 .area2 h3 > span, .data_summary3 .area2 h4 > span, .data_summary3 .area2 h5 > span, .data_summary3 .area2 h6 > span {display:block; margin-top:2px; font-size:13px; color:#8693a0; font-weight:400;}
.data_summary3 .area2 dl {margin-top:5px;}
.data_summary3 .area2 dl:not(.txt_data3) {overflow:hidden;}
.data_summary3 .area2 dl:not(.txt_data3) > dt {margin:4px 0 -1px; font-size:13px; color:#8693a0}
.data_summary3 .area2 dl:not(.txt_data3) > dd {display:inline-block; position:relative; margin-left:-8px; margin-right:16px; padding-left:8px; font-size:17px; font-weight:700; line-height:1.8; vertical-align:top;}
.data_summary3 .area2 dl:not(.txt_data3) > dd > span {display:inline-block; font-size:15px; font-weight:400; line-height:1.2; color:#525a63;}
.data_summary3 .area2 dl:not(.txt_data3) > dd .icon_txt1 {position:relative; top:-2px; margin:8px 5px 5px 0; padding-top:1px; font-size:13px;}
.data_summary3 .area2 dl:not(.txt_data3) > dd .icon_txt1.c5 {background-color:#dee0e2; border-color:#dee0e2; color:#40464d;}
.data_summary3 .area2 dl:not(.txt_data3) > dd .icm6 {margin-top:-2px;}
.data_summary3 .area2 dl:not(.txt_data3) > dd > b {color:#2096ce}
.data_summary3 .area2 dl:not(.txt_data3) > dd > b + span {position:absolute; top:-18px; left:128px; width:300px; padding:8px 12px; border:1px solid #cdd0d3; border-radius:3px; font-size:12px; box-sizing:border-box;}
.data_summary3 .area2 dl:not(.txt_data3) > dd > b + span:before {content:''; display:block; position:absolute; left:-4px; top:50%; margin:-3px 0; width:5px; height:5px; border-top:1px solid #cdd0d3; border-left:1px solid #cdd0d3; background:#fff; transform:rotate(-45deg)}
.data_summary3 .area2 dl:not(.txt_data3) > dd + dd:before, .data_summary3 .area2 dl:not(.txt_data3) > dd + dd .icon_txt1:before {content:''; display:inline-block; margin:-2px 8px 0 -10px; width:1px; height:15px; background:#adb1b6; vertical-align:middle;}
.data_summary3 .area2 dl:not(.txt_data3) > dd + dd .icon_txt1:before {position:absolute; top:0; left:-10px; bottom:0; margin:0; height:auto; background:#fff;}
.data_summary3 .area2 dl > dd.data {position:relative; float:left; margin-right:30px !important;}
.data_summary3 .area2 dl > dd.data:before {content:''; display:block; position:absolute; top:-9px; right:-16px; width:1px; height:28px; background:#cdd0d3;}
.data_summary3 .area2 dl > dd.data + dt {margin-top:-19px;}
.data_summary3 .area2 dl > dd.data + dt + dd:not(.data) {margin-right:0 !important;}
.data_summary3 .area2 ul {margin-top:3px; line-height:1.45;}
.data_summary3 .area2 ul + .txt_type1 {margin-top:1px; font-weight:400;}
.data_summary3 .area2 ul > li {display:inline-block; margin-left:-8px; margin-right:16px; padding-left:8px;}
.data_summary3 .area2 ul > li + li:before {content:''; display:inline-block; margin:-2px 8px 0 -10px; width:1px; height:15px; background:#adb1b6; vertical-align:middle;}
.data_summary3 .area2 .txt_data3 > * {font-size:28px; vertical-align:middle; color:#020219;}
.data_summary3 .area2:nth-last-child(4):nth-child(2) {margin-bottom:66px;}

/* DATASUMMARY3 :금액영역 */
.data_summary3 .area3 {padding:31px 30px 100px; width:357px; border-left:1px solid #dee0e2; box-sizing:border-box;}
.data_summary3 .area3 ul {margin-bottom:-16px; margin-top:38px; clear:both;}
.data_summary3 .area3 ul > li {overflow:hidden;}
.data_summary3 .area3 ul > li cite {float:left; clear:left; margin:3px 0 14px; width:50%; font-size:14px; line-height:1.1; text-align:left;}
.data_summary3 .area3 ul > li dl {margin-bottom:0;}
.data_summary3 .area3 ul > li + li {margin-top:-1px; padding-top:14px; border-top:1px solid #eeeff0;}

/* DATASUMMARY3 :결제시한 및 취소 안내 */
.data_summary3 .area4 {position:absolute; left:230px; right:397px; bottom:0; border-top:1px solid #dee0e2; line-height:65px;}
.data_summary3 .area4 > dd {display:inline-block; margin-left:8px; font-size:15px; font-weight:700; vertical-align:middle;}
.data_summary3 .area4 > dd > time,
.data_summary3 .area4 > dd > strong {margin-right:5px; color:#ff464d;}

/* DATASUMMARY3 :항공 */
.data_summary3[data-product="flight"] .area1 {background:url("../img/common/bg_set1.png") no-repeat -484px -1px; border-radius:0; line-height:999px;}

/* DATASUMMARY3 :렌터카 */
.data_summary3[data-product="rentalcar"] .area1 {top:50px !important; margin:0 !important; border:1px solid #dee0e2}
.data_summary3[data-product="rentalcar"] .area1 > img {position:absolute; top:50%; left:50%; width:85%; height:auto; transform:translate(-50%, -50%);}

/* DATASUMMARY3 :보험비자 */
.data_summary3[data-product="insurance"] .area2,
.data_summary3[data-product^="visa"] .area2 {min-height:10px}
.data_summary3[data-product="insurance"] .area2:before,
.data_summary3[data-product^="visa"] .area2:before {content:''; position:absolute; top:50%; left:40px; margin:-80px 0; width:160px; height:160px; border-radius:50%; background:url("../img/common/bg_set1.png") no-repeat -1px -1px;}
.data_summary3[data-product="visa1"] .area2:before {background-position:-162px -1px;}
.data_summary3[data-product="visa2"] .area2:before {background-position:-323px -1px;}

/* DATASUMMARY3 :IE9 */
@media screen and (min-width:0\0) and (min-resolution:.001dpcm) {
	.data_summary3 {display:block;}
	.data_summary3 .area3 {position:absolute; top:0; right:0; bottom:0;}
}

/*--------------------------------------------------------------------------------
	# 요약정보내역 :마이페이지
---------------------------------------------------------------------------------*/
.data_summary4 {position:relative; border:2px solid #24aae1; border-radius:3px;}
.data_summary4 > h1 {line-height:1.9; padding:10px 18px; background:#24aae1; font-size:18px; color:#fff;}
.data_summary4 > ul {background:white; display:table; width:100%; padding:20px 0; font-size:14px; text-align:center; table-layout:fixed;}
.data_summary4 > ul > li {display:table-cell;}
.data_summary4 > ul > li:not(:first-child) {border-left:1px solid #dee0e2;}
.data_summary4 > ul > li > span {display:block; font-size:16px;}
.data_summary4 > ul > li > span:before {content:''; display:inline-block; height:16px; margin:-2px 5px 0 0; background:url("../img/common/icon_set1.png"); vertical-align:middle;}
.data_summary4 > ul > li > span.ico1:before {width:15px; background-position:-600px -120px;}
.data_summary4 > ul > li > span.ico2:before {width:15px; background-position:-640px -120px;}
.data_summary4 > ul > li > span.ico3:before {width:20px; background-position:-680px -120px;}
.data_summary4 > ul > li > span.ico4:before {width:18px; height:18px; background-position:-720px -120px;}
.data_summary4 > ul > li > span.ico5:before {width:17px; height:17px; background-position:-760px -120px;}
.data_summary4 > ul > li > a {margin-right:3px; font-size:26px; line-height:1.2; color:#4b4bac; font-weight:800; letter-spacing:-1.5px;}
.data_summary4 .btn_wrap {position:absolute; top:14px; right:17px;}
.data_summary4 .btn_wrap > a {width:105px; border:1px solid #fff; color:#fff;}
.data_summary4 .btn_wrap > a:not(:last-child) {margin-right:3px;}
.data_summary4 .btn_wrap > a:after {float:right; width:6px; height:10px; margin-top:6px; background-position:0 0;}

/*--------------------------------------------------------------------------------
	# 상품요약정보내역 :마이페이지(예약/결제)
---------------------------------------------------------------------------------*/
.data_summary5:after {content:''; display:block; clear:both;}
.data_summary5:not(ul), .data_summary5 > li {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; position:relative; margin-bottom:10px; min-height:168px; border:1px solid #dee0e2; padding:38px 30px 30px; border-top:0; border-radius:6px; box-sizing:border-box;}
.data_summary5:not(ul):before, .data_summary5 > li:before {content:''; display:block; position:absolute; top:0; left:-1px; right:-1px; height:8px; border-radius:6px 6px 0 0; background:#cdd0d3;}
.data_summary5 [data-air-logo], .data_summary5 [class*="txt_info"], .data_summary5 .icm6, .data_summary5 .icm7 {font-size:13px;}
.data_summary5 [class*="txt_info"] > dt {margin-right:-2px; color:#8693a0;}
.data_summary5 [class*="txt_info"] > dd {letter-spacing:-0.05em;}
.data_summary5 .txt_info > dd + dt:before {margin-top:4px; vertical-align:top;}
.data_summary5 .txt_info2 > dt {margin-right:15px;}
.data_summary5 .txt_info2 > dt:after {display:none;}
.data_summary5 .txt_info2 > dt, .data_summary5 .txt_info2 > dd {margin-bottom:2px;}
.data_summary5 .txt_type1.t1 {margin:0; color:#020219;}
.data_summary5 p.txt_type1.t1:before,
.data_summary5 p.txt_type1.t1 > li:before {background:#020219;}
.data_summary5 .icon_txt1 {margin-right:4px;}

/* DATASUMMARY5 :이미지 및 항공사 */
.data_summary5 .area1 {width:132px; margin-right:30px;}
.data_summary5 .area1 > img {width:100%; height:100px; border-radius:5px;}
.data_summary5 .area1:not([data-air-logo]):empty {position:relative; height:100px; border-radius:5px; background:#f2f3f4;}
.data_summary5 .area1:not([data-air-logo]):empty:before {transform:scale(0.7)}
.data_summary5 .area1 [data-air-logo] {margin-top:-6px; padding-top:63px; width:100%; background-position:50% 0; background-size:auto 62px; text-align:center; word-break:keep-all;}

/* DATASUMMARY5 :상품정보 */
.data_summary5 .area2 {flex:1; padding-right:10px;}
.data_summary5 .area2 [data-air-logo] {margin-top:13px; margin-bottom:-7px; padding-left:55px; width:218px; background-size:51px auto; background-position:0 0;}
.data_summary5 .area2 [data-air-logo] > dt {margin-right:6px;}
.data_summary5 .area2 > h1, .data_summary5 .area2 > h2, .data_summary5 .area2 > h3, .data_summary5 .area2 > h4, .data_summary5 .area2 > h5, .data_summary5 .area2 > h6 {margin-top:5px; font-size:17px; line-height:1.35;}
.data_summary5 .area2 > h1 > a:hover , .data_summary5 .area2 > h2 > a:hover , .data_summary5 .area2 > h3 > a:hover , .data_summary5 .area2 > h4 > a:hover , .data_summary5 .area2 > h5 > a:hover, .data_summary5 .area2 > h6 > a:hover {color:#2096ce; text-decoration:underline;}
.data_summary5 .area2 .txt_info {margin-top:23px;}
.data_summary5 .area2 .txt_info > dt, .data_summary5 .area2 .txt_info > dd {vertical-align:top;}
.data_summary5 .area2 .txt_info span {display:block;}
.data_summary5 .area2 .txt_data3 {position:relative; padding-left:55px; margin-top:-3px; font-size:17px; letter-spacing:-0.05em;}
.data_summary5 .area2 .txt_data3 .icon_txt1 {position:absolute; top:3px; left:0; margin:0; font-size:12px; background:#fff; color:#2096ce; border-color:#91d4f0;}
.data_summary5 .area2 .txt_data3 i:not(.icon_txt1) {display:inline-block; font-size:13px; color:#020219;}
.data_summary5 .area2 .txt_data3[title="다구간"] {padding-left:65px;}
.data_summary5 .area2 .txt_data3:not([title]) .icon_txt1:nth-last-child(2) {position:static; margin-left:-55px;}
.data_summary5 .area2 .txt_data3:not([title]) strong {float:left; clear:both;}
.data_summary5 .area2 .txt_data3:not([title]) strong:last-child {float:none; clear:none; margin:5px 0 0 -55px; display:block;}
.data_summary5 .area2 .txt_data3:not([title]) em {display:block;}

/* DATASUMMARY5 :예약정보 */
.data_summary5 .area3 {padding:0 0 0 45px; width:271px; border-left:1px solid #dee0e2; justify-content:space-between; box-sizing:border-box;}
.data_summary5 .area3 .txt_info2 {margin-top:-3px;}
.data_summary5 .area3 .btn_wrap {margin-top:7px;}
.data_summary5 .area3 .btn_wrap .btn_small2 {width:102px; margin:5px 0 0;}
.data_summary5 .area3 .btn_wrap > .btn_small2:nth-child(2n - 1) {margin-right:5px;}
.data_summary5 .area3 .btn_wrap > [data-tooltip] {margin:0;}
.data_summary5 .area3 .btn_wrap > [data-tooltip] > .btn_small2, .data_summary5 .area3 .btn_wrap > .btn_small2:only-child {width:209px; margin-right:0;}

/* DATASUMMARY5 :기타 */
.data_summary5 .area4 {flex:none; float:left; position:relative; margin:30px -30px -30px; padding:12px 30px; width:calc(100% + 60px); border-top:1px dashed #dee0e2; background:#fafafa; border-radius:0 0 6px 6px; box-sizing:border-box; font-size:13px;}
.data_summary5 .area4:before,
.data_summary5 .area4:after {content:''; display:block; position:absolute; top:-9px; z-index:2; width:7px; height:16px; border:1px solid #e1e3e5; background:#fff;}
.data_summary5 .area4:before {left:-1px; border-left:1px solid #fff; border-radius:0 10px 10px 0;}
.data_summary5 .area4:after {right:-1px; border-right:1px solid #fff; ; border-radius:10px 0 0 10px;}
.data_summary5 .area4 [data-air-logo] {padding-left:23px; background-position:0 6px; background-size:auto 16px; vertical-align:top;}
.data_summary5 .area4 [class*="ict"]:before {margin-right:10px;}
/* DATASUMMARY5 :기타 :여행상품 :비행정보 */
.data_summary5 .area4 > ul {display:table;}
.data_summary5 .area4 > ul > li {display:table-row;}
.data_summary5 .area4 > ul > li > * {display:table-cell; width:auto; padding:4px 0 6px;}
.data_summary5 .area4 > ul > li > strong {width:52px;}
.data_summary5 .area4 > ul > li > em {padding-right:18px;}
.data_summary5 .area4 > ul > li > i {display:inline-block; padding-right:7px; color:#5b646e;}
.data_summary5 .area4 > ul > li > [data-tooltip] strong {font-size:13px; font-weight:700;}
.data_summary5 .area4 > ul > li > .txt_data3 {font-size:13px; font-weight:400;}
.data_summary5 .area4 > ul > li > .txt_data3 >* {vertical-align:top;}
.data_summary5 .area4 > ul > li > .txt_data3 + i:before,
.data_summary5 .area4 > ul > li > .txt_data3 + [data-tooltip]:before {content:''; display:inline-block; margin:4px 9px 0 9px; width:1px; height:12px; background:#cfd1d3; vertical-align:top;}
.data_summary5 .area4 > ul:nth-last-child(2):first-child > li > strong {width:71px;}
.data_summary5 .area4 > dl.txt_type1 {margin:3px 0 5px; padding-left:71px;}
.data_summary5 .area4 > dl.txt_type1 > dt {position:absolute; top:0; left:0; margin:0;}
/* DATASUMMARY5 :기타 :도시정보 */
.data_summary5 .area4.data_info4 {padding:13px 7px 14px; border-left:0; border-right:0; border-bottom:0;}
.data_summary5 .area4.data_info4 dt {flex:none; padding:0 20px; width:103px;}
.data_summary5 .area4.data_info4 dt > strong {overflow:hidden; display:-webkit-box; margin-top:4px; max-height:40px; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; font-size:15px; line-height:20px; text-overflow:ellipsis; text-align:center;}
.data_summary5 .area4.data_info4 dd {text-align:center; border-left:0;}
.data_summary5 .area4.data_info4 dd:before {top:11px; left:0; margin:0; width:1px; height:29px; background:#dee0e2;}
.data_summary5 .area4.data_info4 > dl > dd strong, .data_summary5 .area4.data_info4 > dl > dd span {margin-left:35px;}
.data_summary5 .area4.data_info4 > dl > dd strong:after,
.data_summary5 .area4.data_info4 > dl > dd [data-weather]:before {left:0;}
.data_summary5 .area4.data_info4 dd > div {display:inline-block; position:relative;}
.data_summary5 .area4.data_info4 dd [data-weather] {display:inline; font-weight:400;}
.data_summary5 .area4.data_info4 dd span + strong {margin-top:-2px; font-size:12px;}
/* DATASUMMARY5 :기타 :예약상황 */
.data_summary5 .area4 [class*="icm"] {font-size:16px; color:#8693a0;}
.data_summary5 .area4 [class*="icm"]:before {margin-top:-2px; width:20px; height:20px; background-color:#8693a0; border:2px solid #8693a0; border-radius:50%;}
.data_summary5 .area4 [class*="icm"].txt_c:before {background-color:#24aae1; border-color:#24aae1;}
.data_summary5 .area4 [class*="icm"].txt_c2:before {background-color:#ff464d; border-color:#ff464d;}
.data_summary5 .area4 .icm6:before {background-position:-120px -240px;}
.data_summary5 .area4 .info {overflow:hidden;}
.data_summary5 .area4 .info > dt {overflow:hidden; position:absolute; padding-left:1px; width:0; height:0; white-space:nowrap;}
.data_summary5 .area4 .info > dd {float:left; width:calc(50% - 28px); box-sizing:border-box;}
.data_summary5 .area4 .info > dd ~ dd {float:right; width:50%; padding-left:30px; border-left:1px solid #dee0e2;}
.data_summary5 .area4 .info > dd > strong {float:left;}
.data_summary5 .area4 .info > dd > .txt_info {float:right; margin-top:2px;}
.data_summary5 .area4 .box {position:relative; margin-top:23px; padding:14px 30px 15px; background:#fff; border:1px solid #dee0e2; border-radius:3px;}
.data_summary5 .area4 .box > p {display:inline-block; width:99%; color:#5b646e; vertical-align:middle;}
.data_summary5 .area4 .box > p > strong {display:block;}
.data_summary5 .area4 .box:before {content:''; display:inline-block; margin-right:-4px; height:44px; vertical-align:middle;}
.data_summary5 .area4 .box .btn_wrap2.t1 {top:50%; right:30px; margin:-12px 0;}
.data_summary5 .area4 .box .btn_wrap2.t1 > .icon_txt1 {background:#e9f6fc; border-color:#91d4f0; padding:4px 11px; margin-right:0;}
.data_summary5 .area4 .box .btn_wrap2.t1 > .btn_txt {font-size:13px; font-weight:700; vertical-align:middle;}
/* DATASUMMARY5 :기타 :총요금 */
.data_summary5 .area4 .txt_data {float:left; margin-top:3px; text-align:left;}
.data_summary5 .area4 .txt_data > dt {width:56px; font-size:13px; color:#ff464d;}
.data_summary5 .area4 .txt_data > dd > strong {font-size:19px;}
.data_summary5 .area4 .txt_data > dd > strong + span {font-size:13px;}
.data_summary5 .area4 .btn_type {float:right; width:106px;}

/* DATASUMMARY5 :CASE1 :항공 */
.data_summary5[data-product="flight"] {min-height:143px;}
.data_summary5[data-product="flight"] .area1, .data_summary5[data-product="flight"] .area2, .data_summary5 .area3 {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex; -ms-flex-direction:column; flex-direction:column;}
.data_summary5[data-product="flight"] .area1, .data_summary5[data-product="flight"] .area2 {justify-content:center;}
.data_summary5[data-product="flight"] .area1 {width:104px;}
.data_summary5[data-product="flight"] .area2:first-child, .data_summary5[data-product="flight"] > .hide + .area2 {display:block;}
.data_summary5[data-product="flight"] .area2 .txt_info {margin:5px 0 0;}
.data_summary5[data-product="flight"] .area2 .txt_info + dl:not(.txt_info) {margin:13px 0 -3px;}
.data_summary5[data-product="flight"] .area2 .txt_info + dl:not(.txt_info) > dt {overflow:hidden; position:absolute; display:inline-block; padding-left:1px; width:0; height:0; white-space:nowrap;}
.data_summary5[data-product="flight"] .area2 .txt_info + dl:not(.txt_info) > dd {margin-right:11px;}

/* DATASUMMARY5 :CASE2 :호텔 */
.data_summary5[data-product="hotel"] > .area3 .txt_info2 > dt {margin-right:8px; width:75px;}
.data_summary5[data-product="hotel"] .area4 {padding-top:23px; padding-bottom:30px;}

/* DATASUMMARY5 :CASE3 :보험/비자 */
.data_summary5[data-product="insurance"], .data_summary5[data-product*="visa"] {padding-left:192px;}
.data_summary5[data-product="insurance"]:after, .data_summary5[data-product*="visa"]:after {content:''; display:block; position:absolute; top:38px; left:30px; width:132px; height:100px; background:url("../img/common/bg_set1.png") no-repeat 0 0; white-space:nowrap;}
.data_summary5[data-product="insurance"]:after {background-position:-1px -162px;}
.data_summary5[data-product*="visa"]:after {background-position:-323px -162px;}

/* DATASUMMARY5 :CASE4 :투어티켓 */
.data_summary5[data-product="ticket"] .area2 .txt_info {margin-top:10px;}
.data_summary5[data-product="ticket"] .area4 {padding-top:23px; padding-bottom:30px;}
.data_summary5[data-product="ticket"] .area4.t1 .info > dd {width:100%;}
.data_summary5[data-product="ticket"] .area4 .box > p > span {display:block; letter-spacing:-0.5px;}
.data_summary5[data-product="ticket"] .area4 .mes_data_none {padding:10px 0 0 !important; border:0;}
.data_summary5[data-product="ticket"] .area4 .mes_data_none strong {padding-bottom:10px;}
.txt_type1.box_area.s1 .sub {margin:-13px 0;}
.txt_type1.box_area.s1 .sub .arr1:after {margin:-1px 0 0 5px;}

/* DATASUMMARY5 :리스트형 */
ul.data_summary5:after {content:''; display:block; clear:both;}
.data_summary5 > li {width:calc(50% - 8px)}
.data_summary5 > li:nth-child(odd) {float:left;}
.data_summary5 > li:nth-child(even) {float:right;}

/* DATASUMMARY5 :스타일추가 [+ .t1] */
.data_summary5.t1 {margin:-8px 0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex; flex-wrap:wrap;}
.data_summary5.t1 > li {position:relative; float:none; margin:8px 0; padding:25px 20px 73px 20px; display:block;}
.data_summary5.t1 > li:nth-child(odd) {margin-right:16px;}
.data_summary5.t1 > li:before {position:static; left:auto; right:auto; width:0.01%; height:82px; margin-right:-4px; vertical-align:middle; display:inline-block;}
.data_summary5.t1 > li:after {content:''; position:absolute; top:0; left:-1px; right:-1px; border-radius:6px 6px 0 0; height:5px; background-color:#24aae1;}
.data_summary5.t1 .area1 {width:92px; margin-left:-11px; margin-right:4px; vertical-align:middle; display:inline-block;}
.data_summary5.t1 .area1 [data-air-logo] {padding-left:100%; margin-top:0; padding:40px 0 0 0; font-weight:700; letter-spacing:-0.07em; word-break:normal; background-size:52px auto; background-position:50% 0;}
.data_summary5.t1 .area2 {width:411px; padding-right:0; vertical-align:middle; display:inline-block;}
.data_summary5.t1[data-product="flight"] .area2 .txt_info {margin-left:55px;}
.data_summary5.t1 .area4 {position:absolute; left:0; right:0; bottom:0; width:100%; margin:0; padding-left:20px; padding-right:20px;}

/* DATASUMMARY5 :IE9 */
@media screen and (min-width:0\0) and (min-resolution:.001dpcm) {
	.data_summary5 {display:block;}
	.data_summary5 .area1, .data_summary5 .area2, .data_summary5 .area3 {display:inline-block !important; vertical-align:top;}
	.data_summary5 .area2 {width:calc(100% - 450px);}
	.data_summary5[data-product="flight"] .area2 {width:calc(100% - 430px);}
	.data_summary5[data-product="flight"] .area2:first-child, .data_summary5[data-product="flight"] > .hide + .area2, 
	.data_summary5[data-product="insurance"] .area2, .data_summary5[data-product*="visa"] .area2 {width:calc(100% - 290px);}
	.data_summary5.t1 > li {float:left;}
	.data_summary5.t1 .area1, .data_summary5.t1 .area2 {vertical-align:middle;}
	.data_summary5.t1 .area2 {width:calc(100% - 100px);}
}


/*--------------------------------------------------------------------------------
	# 결제요약정보
---------------------------------------------------------------------------------*/
.data_pay {overflow:hidden; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex; -ms-flex-direction:column; flex-direction:column; width:262px; border-radius:3px; border:1px solid #5b646e; background:#fff;}

/* DATAPAY :레이아웃 */
.data_pay > header {position:relative; flex:none;}
.data_pay > header > h2, .data_pay > header > h3, .data_pay > header > h4, .data_pay > header > h5, .data_pay > header > h6 {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; white-space:normal; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; line-height:24px; max-height:48px; padding:11px 20px 12px; background:#5b646e; color:#fff; font-size:16px;}
.data_pay > header .info {padding:12px 19px;background:#f2f5fa;}
.data_pay > header .txt_info2 {margin-top:-7px; margin-right:-19px;font-size:13px;}
.data_pay > header .txt_info2 > dt, .data_pay > header .txt_info2 > dd {margin:4px 0 0;}
.data_pay > header .txt_info2 > dt {margin-right:4px;font-weight:700;}
.data_pay > header .txt_info2 > dt:after {display:none;}
.data_pay > header .txt_info2 time + time:before {content:' - '}
.data_pay > header .txt_info2 + .txt_info {margin-top:9px;padding-top:7px;border-top:1px solid #dee0e2;}
.data_pay > header .btn_small2 {display:block;margin-top:5px;}
.data_pay > header.hide {padding:0; height:0;}
.data_pay > footer {padding:15px 19px 19px; border-top:1px solid #5b646e;}
.data_pay > footer > h1, .data_pay > footer > h2, .data_pay > footer > h3, .data_pay > footer > h4, .data_pay > footer > h5, .data_pay > footer > h6 {font-size:16px;}
.data_pay > footer .txt_data {display:block; margin-top:10px;}
.data_pay > footer .txt_data em {display:block; margin:-9px 0 10px; text-align:left; font-size:12px; font-weight:700;}
.data_pay > footer .txt_data em.txt_c {margin:25px auto 33px; font-weight:400; font-size:13px; text-align:center;}
.data_pay > footer .txt_data strong {font-size:33px; font-weight:400;}
.data_pay > footer .txt_data span + span {margin-top:2px; word-break:keep-all;}
.data_pay > footer .txt_type1 {margin-top:16px; padding-top:13px; border-top:1px dashed #dee0e2;}
.data_pay > footer .txt_type1 > dt {margin-bottom:2px;}
.data_pay > footer .btn_wrap1 {margin-top:16px; margin-left:-4px; margin-right:-4px; text-align:left;}
.data_pay > footer .btn_wrap1 .btn_type {margin-right:3px; width:144px; line-height:31px; background:#5b646e; font-size:14px; color:#fff; text-align:center; vertical-align:middle;}
.data_pay > footer .btn_wrap1 .btn_type4 {width:223px; margin:0 4px;}
.data_pay > footer .btn_wrap1 [class*="btn_"]:not(:only-child) {margin-bottom:8px;}
.data_pay > footer .btn_wrap1 .btn_type2 {width:107px; text-align:center;}
.data_pay > footer .btn_wrap1 [class*="btn_"] + [class*="btn_"] {width:168px; min-width:168px;}
.data_pay > footer .btn_wrap1 + .txt_type1 {margin-top:0;border-top:0;}
.data_pay > header.hide + .area {padding-top:20px;}

/* 20220822 캐시백 추가 */
.data_pay > footer[data-update="up20220920"]{position:relative;}
.data_pay > footer .cb_data, .data_pay > footer .n_pay_data{font-size:12px; margin-top:10px; letter-spacing: -0.5px; font-family: "Spoqa Han Sans";}
.data_pay > footer .n_pay_data img{width:36px; vertical-align:middle;}
.data_pay > footer .cb_data strong, .data_pay > footer .n_pay_data strong{font-size:15px; float:right; margin-top:-5px; font-weight:500;}
.data_pay > footer .cb_data span, .data_pay > footer .n_pay_data span{color:#2f2fcc;}

/* DATAPAY :인원선택 */
.data_pay .form_count {padding:0 19px;}
.data_pay .form_count > dl {padding-top:12px; padding-bottom:16px;}
.data_pay .form_count > dl > dt {float:none; width:100%; font-size:16px;}
.data_pay .form_count > dl > dt i {display:inline-block; width:70%; font-size:13px; line-height:1.6; color:#8693a0; vertical-align:text-top;}
.data_pay .form_count > dl > dd {width:100%; text-align:left; font-size:17px; font-weight:700;}
.data_pay .form_count > dl > dd input {width:31px; font-size:22px;}
.data_pay .form_count > dl > dd > strong {width:calc(100% - 110px); vertical-align:top;}
.data_pay .form_count > dl > dd > span {display:block; margin-top:-4px; text-align:right; font-size:12px; color:#8693a0; font-weight:400;}
.data_pay .form_count > dl > dd ~ dd {margin-top:0;}
.data_pay .form_count > dl > dt ~ dt {margin-top:9px;}
.data_pay .form_count .btn_img2 {padding-left:22px; height:24px;}
.data_pay .form_count .btn_img2:before {top:11px; left:6px; width:11px; height:1px;}
.data_pay .form_count .btn_img2.ico1:after {top:6px; left:11px; width:1px; height:11px;}
.data_pay .form_count + .box {margin-top:-14px;}
.data_pay .form_count .btn_small2 {width:100%; font-weight:400;}

/* DATAPAY :내용 */
.data_pay > .area {background:#fff;}
.data_pay > .area > section + section {border-top:1px solid #5b646e;}
.data_pay > .area > section > header {padding:0 19px; background:#f2f5fa; line-height:50px; font-size:14px; font-weight:700;}
.data_pay > .area > section > header > * {display:inline-block;}
.data_pay > .area dl > dt.total, .data_pay > .area dl > dt.total + dd {margin-top:7px; border-top:1px dashed #dee0e2; line-height:48px;}
.data_pay > .area dl > dt.total {font-size:16px;}
.data_pay > .area dl > dt.total + dd {font-size:17px; font-weight:700;}
.data_pay > .area dl > dt.total + dd strong {font-size:19px; font-weight:700;}
.data_pay > .area dl.txt_data {margin:0 19px; border-top:1px solid #5b646e; width:222px;}
.data_pay > .area dl.txt_data > dt, .data_pay > .area dl.txt_data > dd {margin:0;}
.data_pay > .area dl.txt_data > dt {display:block; margin-top:16px; margin-bottom:1px; text-align:left; font-size:16px;}
.data_pay > .area dl.txt_data > dd > strong {font-size:24px; margin-bottom:0; font-weight:400;}
.data_pay > .area dl.txt_data > dd > strong + span {font-weight:700;}
.data_pay > .area .box {overflow:hidden; padding:10px 19px 0; width:100%; font-size:13px; line-height:33px; letter-spacing:-0.05em; box-sizing:border-box;}
.data_pay > .area .box:after, .data_pay > .area .box dl:after {content:''; display:block; clear:both;}
.data_pay > .area .box dt, .data_pay > .area .box dd {display:inline-block; vertical-align:top; position:relative;}
.data_pay > .area .box dt {width:calc(55% - 4px);}
.data_pay > .area .box dd {width:calc(45% - 4px);}
.data_pay > .area .box > dt {width:calc(40% - 4px); position:relative; font-weight:700;}
.data_pay > .area .box > dt > span {display:block; width:230px; margin-top:-8px; font-size:13px; color:#8693a0; font-weight:400; line-height:1.5;}
.data_pay > .area .box > dd {width:60%; position:relative; text-align:right;}
.data_pay > .area .box > dd strong {font-family:"Spoqa Han Sans"; font-weight:400; font-size:15px; vertical-align:bottom;}
.data_pay > .area .box > dd > dl {position:relative; margin-right:-25px; margin-left:calc(-60% - 27px); padding:15px 14px; font-size:12px; line-height:21px; color:#5b646e;}
.data_pay > .area .box > dd > dl:before {content:''; display:block; position:absolute; top:0; left:-100%; right:-100%; bottom:0; background:#f2f5fa}
.data_pay > .area .box > dd > dl > dt {text-align:left;}
.data_pay > .area .box > dd > dl > dd > strong {font-size:13px;}
.data_pay > .area .box > dd > dl:only-child {margin:43px -10px -10px -110px;}
.data_pay > .area .box > dt:nth-last-child(2):not(.total),
.data_pay > .area .box > dt:nth-last-child(2):not(.total) + dd {margin-bottom:10px;}
.data_pay > .area .box.t1 {padding-top:16px; padding-bottom:9px; border-top:1px solid #dee0e2; line-height:20px; color:#8693a0;}
.data_pay > .area .box.t1 > dt {font-weight:400;}
.data_pay > .area .box.t1 > dt.total, .data_pay > .area .box.t1 > dt.total + dd {margin-top:0; font-weight:700; border-top:0; line-height:37px; color:#020219;}
.data_pay > .area > .info {margin:16px 19px 0;padding-bottom:10px;border-bottom:1px solid #dee0e2;}
.data_pay > .area > .info > dt {margin-bottom:2px;font-size:16px;font-weight:700;}
.data_pay > .area > .info > dd {font-size:14px;line-height:1.4;}
.data_pay > .area > .info > dd > .txt_type1.t2 {display:block;margin-top:5px;}
.data_pay > .area .nodata {padding:16px 0; background:#f2f5fa; font-size:12px; color:#8693a0; text-align:center;}

/* DATAPAY :아코디언 */
.data_pay [data-accordion] .btn_toggle:after, .data_pay [data-accordion] .btn_toggle:before {margin:-3px 0; width:1px; height:6px; background-color:#051324;}
.data_pay [data-accordion] .btn_toggle:before {right:26px;}
.data_pay [data-accordion] .btn_toggle:after {right:22px;}
/* DATAPAY :아코디언 :상품 */
.data_pay > .area[data-accordion] li + li {border-top:1px solid #dee0e2;}
.data_pay > .area[data-accordion] li.total_price {border-top:0;}
.data_pay > .area[data-accordion] [data-accordion-con="area1"] {position:relative; padding:13px 39px 13px 19px; width:262px; font-size:16px; box-sizing:border-box;}
.data_pay > .area[data-accordion] [data-accordion-con="area1"] > strong {overflow:hidden; display:block; display:-webkit-box; max-height:40px; line-height:20px; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.data_pay > .area[data-accordion] [data-accordion-con="area2"] {background:#f2f5fa; transition-property:padding-bottom;}
.data_pay > .area[data-accordion] .open + [data-accordion-con="area2"] {padding-bottom:15px; border-top:1px solid #dee0e2}
/* DATAPAY :아코디언 :금액 */
.data_pay > .area .box[data-accordion] {padding-top:0; line-height:48px; font-size:14px;}
.data_pay > .area .box[data-accordion], .data_pay > .area .box[data-accordion] dl {padding-right:37px;}
.data_pay > .area .box[data-accordion] .nodata {margin:0 0 0 -100px;}
.data_pay > .area .box[data-accordion] dl, .data_pay > .area .box[data-accordion] .nodata {overflow:hidden; margin-right:-37px; padding-top:0; padding-bottom:0; height:0; transition:padding-top 0.3s;}
.data_pay > .area .box[data-accordion] > dt.total, .data_pay > .area .box[data-accordion] > dt.total + dd {margin-top:0;}
.data_pay > .area .box[data-accordion] > dt.total + dd {margin-right:-20px; width:calc(60% + 20px);}
.data_pay > .area .box[data-accordion] .open > dl, .data_pay > .area .box[data-accordion] .open > .nodata{overflow:visible; padding-top:15px; padding-bottom:15px; height:auto;}
.data_pay > .area .box[data-accordion] .open + dt.total, .data_pay > .area .box[data-accordion] .open + dt.total + dd {border-top:0;}
.data_pay > .area .box[data-accordion] .btn_toggle {right:0; left:auto; margin-right:-38px; padding-left:263px; height:48px; bottom:auto;}

/* 해외패키지 : DATAPAY : header */
.tour .data_pay > header {background-color:#5b646e;}
.tour .data_pay > header > h2 {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; white-space:normal; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; line-height:24px; max-height:48px; padding:0; margin:11px 20px 12px;}
.tour .tbl_type1 td > * {line-height:1.7;}

/* DATAPAY :IE9 */
@media screen and (min-width:0\0) and (min-resolution:.001dpcm) {
	.data_pay {display:block;}
}

/*--------------------------------------------------------------------------------
	# 달력 :공통
---------------------------------------------------------------------------------*/
/* 달력 :출발가능/예약가능/예약대기/마감 */
[class*="calendar"] .txt > span + span {margin-left:6px;}
[class*="calendar"] table td label {position:relative; width:32px; height:32px; border-radius:50%; display:inline-block;}
[class*="calendar"] table td label em {width:100%; height:100%; font-family:"Spoqa Han Sans"; font-weight:700; font-size:14px; line-height:28px; color:#fff; border-radius:50%; border:1px solid #24aae1; background-color:#24aae1; box-sizing:border-box; vertical-align:middle; display:inline-block;}
[class*="calendar"] table td input {position:absolute; left:0; top:0; width:100%; height:100%; border-radius:50%; opacity:0; cursor:pointer;}
[class*="calendar"] table td input.start + em {background-color:#5e5ed7; border-color:#5e5ed7;}
[class*="calendar"] table td input.wait + em {background-color:transparent; color:#24aae1;}
[class*="calendar"] table td input:disabled {cursor:default;}
[class*="calendar"] table td input:disabled + em {color:#c3c4c9; background-color:#f3f4f5; border-color:#f3f4f5;}
[class*="calendar"] table td input:checked + em {background-color:#ff464d; border-color:#ff464d; color:#fff;}
[class*="calendar"] table td input:checked + em:after {content:""; position:absolute; left:50%; bottom:-8px; width:0; height:0; margin-left:-4px; border:4px solid transparent; border-bottom-color:#ff464d;}

/*--------------------------------------------------------------------------------
	# 달력 :날짜 선택
---------------------------------------------------------------------------------*/
.calendar_date {position:relative; margin:0 auto; width:190px; text-align:center;}
.calendar_date strong {font-size:20px; line-height:32px; letter-spacing:-0.05em;}
.calendar_date.t1 {width:100%;}
.calendar_date.t1 strong {font-size:15px; line-height:30px;}

/* 달력 :날짜 선택 :버튼 */
.calendar_date .btn_img2 {position:absolute; top:0;}
.calendar_date .btn_img2:nth-of-type(1) {left:0;}
.calendar_date .btn_img2:nth-of-type(2) {right:0;}
.calendar_date.t1 .btn_img2 {top:50%; margin:-16px 0;}
.calendar_date.t1 .btn_img2:nth-of-type(1) {left:50%; margin-left:-92px;}
.calendar_date.t1 .btn_img2:nth-of-type(2) {right:50%; margin-right:-92px;}

/*--------------------------------------------------------------------------------
	# 달력 :가로형
---------------------------------------------------------------------------------*/
.calendar_type {border-top:1px solid #dddfe1; border-bottom:1px solid #dee0e2; background-color:#fafafa;}
.calendar_type > .inner {position:relative; width:1100px; margin:0 auto; padding:20px 0;}
.calendar_type .calendar_date {position:absolute; left:50%; top:20px; margin:0 -95px;}
.calendar_type .calendar_date:only-child {position:relative; left:auto; top:auto; margin:-4px auto 0;}
.calendar_type .txt {position:absolute; right:0; top:25px; font-weight:700; color:#8693a0;}
.calendar_type table {width:100%; margin-top:48px; table-layout:fixed;}
.calendar_type table th, .calendar_type table td {text-align:center;}
.calendar_type table th {padding:3px 0 8px 0; font-weight:400; font-size:14px;}
.calendar_type [class*="choice_type"] ~ table {margin-top:23px;}
.container .calendar_type {margin:-35px -100% 0;}

/*--------------------------------------------------------------------------------
	# 달력 :테이블형1
---------------------------------------------------------------------------------*/
.calendar_type2 {position:relative; width:100%; padding-bottom:13px; box-sizing:border-box;}
.calendar_type2 > .btn_img2 {position:absolute; top:8px;}
.calendar_type2:not(.t2) .btn_img2.arr6 {left:16px;}
.calendar_type2:not(.t2) .btn_img2.arr5 {right:16px;}
.calendar_type2 .month {padding:13px 0; text-align:center; border-bottom:1px solid #dee0e2;}
.calendar_type2 > table {margin:0 5%; width:90%; table-layout:fixed;}
.calendar_type2 > table thead th {height:40px; font-weight:400; font-size:13px; text-align:center;}
.calendar_type2 > table tbody td {font-size:14px; text-align:center;}
.calendar_type2 > table tbody td span, .calendar_type2 > table tbody td a {position:relative; min-height:32px; padding:4px 0 6px 0; line-height:1; color:#020219; display:block;}
.calendar_type2 > table tbody td a em {font-size:11px; color:#5b646e; letter-spacing:-0.08em;}
.calendar_type2 > table tbody td.start2 a, .calendar_type2 > table tbody td.end2 a, .calendar_type2 > table tbody td.start a, .calendar_type2 > table tbody td.end a {z-index:5;}
.calendar_type2 > table tbody td span b, .calendar_type2 > table tbody td a b {margin-bottom:1px; font-family:"Spoqa Han Sans"; font-size:16px; display:block;}
.calendar_type2 > table tbody td:first-child a b {color:#ff464d;}
.calendar_type2 > table tbody td:last-child a b {color:#2096ce;}
.calendar_type2 > table tbody td.holiday a b {color:#ff464d;}
.calendar_type2 > table tbody td span b {color:#cfd1d3;}
.calendar_type2 > table tbody td.start2 a em, .calendar_type2 > table tbody td.start2 a b, .calendar_type2 > table tbody td.end2 a em, .calendar_type2 > table tbody td.end2 a b, .calendar_type2 > table tbody td.start a em, .calendar_type2 > table tbody td.start a b, .calendar_type2 > table tbody td.end a em, 
.calendar_type2 > table tbody td.end a b {color:#fff;}
.calendar_type2 > table tbody td.start2 a, .calendar_type2 > table tbody td.end2 a {border-radius:3px; background-color:#8693a0;}
.calendar_type2 > table tbody td.start a, .calendar_type2 > table tbody td.end a {border-radius:3px; background-color:#24aae1;}
.calendar_type2 > table tbody td.start2 a:after, .calendar_type2 > table tbody td.end2 a:after, .calendar_type2 > table tbody td.start a:after, .calendar_type2 > table tbody td.end a:after {content:""; position:absolute; top:0; width:0; height:4px; border-top:19px solid transparent; border-bottom:19px solid transparent; z-index:1; pointer-events:none;}
.calendar_type2 > table tbody td.start2 a:after {right:-17px; border-left:9px solid #8693a0; border-right:9px solid transparent;}
.calendar_type2 > table tbody td.end2 a:after {left:-17px; border-left:9px solid transparent; border-right:9px solid #8693a0;}
.calendar_type2 > table tbody td.start a:after {right:-17px; border-left:9px solid #24aae1; border-right:9px solid transparent;}
.calendar_type2 > table tbody td.end a:after {left:-17px; border-left:9px solid transparent; border-right:9px solid #24aae1;}
.calendar_type2 > table tbody td.start.end a:after, .calendar_type2 > table tbody td.start2.end2 a:after {display:none;}
.calendar_type2 > table tbody td:hover:not(.start):not(.end):not(.start2):not(.end2) a i:after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:3px; background-color:#f0f5fb; z-index:-1;}
.calendar_type2 > table tbody td.low em {color:#35b879;}
.calendar_type2 > table tbody td.high em {color:#ff464d;}
.calendar_type2 > table tbody td.bg {background-color:#ebf6fb;}
.calendar_type2 > .box {position:absolute; bottom:0; width:100%; margin:0; padding:0 20px; text-align:right; border-top:1px solid #dee0e2; box-sizing:border-box;}
.calendar_type2 > .box:before {content:""; width:1px; height:48px; vertical-align:middle; display:inline-block;}
.calendar_type2 > .box + table {margin-bottom:49px;}

/* CALENDARTYPE2 :날짜선택 */
.calendar_type2.t1 > table tbody td a:before, 
.calendar_type2.t1 > table tbody td span:before {content:""; width:1px; height:32px; margin-right:-5px; vertical-align:middle; display:inline-block;}
.calendar_type2.t1 > table tbody td a b, .calendar_type2.t1 > table tbody td span b {vertical-align:middle; display:inline-block;}

/* CALENDARTYPE2 :출발일선택 */
.calendar_type2.t2 {padding-bottom:53px;}
.calendar_type2.t2 .calendar_date {margin-bottom:14px; padding:0 0 8px; width:100%; border-bottom:1px solid #dee0e2;}
.calendar_type2.t2 .calendar_date > strong {font-size:18px; font-family:'Spoqa Han Sans';}
.calendar_type2.t2 .txt {position:absolute; bottom:0; left:0; width:100%; padding:13px 0 10px; border-top:1px solid #c2c9cf;}
.calendar_type2.t2 .txt > [class*="txt_b"]:before {margin-top:-2px; width:14px; height:14px; border-radius:0;}
.calendar_type2.t2 > table {margin:0; width:100%;}
.calendar_type2.t2 > table thead th {height:27px; font-size:12px; font-weight:700; vertical-align:top;}
.calendar_type2.t2 > table td {padding:1px;}
.calendar_type2.t2 > table td label {width:100%;}
.calendar_type2.t2 > table td label, .calendar_type2.t2 > table td label em {border-radius:3px; font-size:13px;}
.calendar_type2.t2 > table td label em {border-width:2px;}
.calendar_type2.t2 > table td input:checked + em:after {margin-left:-3px; bottom:3px; border-width:3px; border-bottom-color:#fff;}
.calendar_type2.t2 > table td input:disabled + em {background:transparent; border-color:transparent}
.calendar_type2.t2 > table td:first-child {padding-left:0;}
.calendar_type2.t2 > table td:last-child {padding-right:0;}

/*--------------------------------------------------------------------------------
	# 달력 :현지투어
---------------------------------------------------------------------------------*/
.calendar_type3 {width:100%; table-layout:fixed; border:1px solid #dee0e2;}
.calendar_type3 th, .calendar_type3 td {padding:9px 15px; border:1px solid #dee0e2; font-size:14px;}
.calendar_type3 th {padding-top:0; padding-bottom:0; height:44px; text-align:right;}
.calendar_type3 td {height:172px; vertical-align:top;}
.calendar_type3 time {display:block; margin-bottom:8px; font-family:"Spoqa Han Sans"; text-align:right;}
.calendar_type3 tr > th:first-child, .calendar_type3 tr > td:first-child, .calendar_type3 .holiday {color:#ff464d;}
.calendar_type3 tr > th:last-child, .calendar_type3 tr > td:last-child {color:#2096ce;}

/*--------------------------------------------------------------------------------
	# 달력 :해외항공 :가격그래프/매트릭스
---------------------------------------------------------------------------------*/
.data_calendar {overflow:hidden;}
.calendar .mes_data_none2 {height:93px; border:0;}

/* DATACALENDAR :날짜안내 */
.data_calendar .info {position:relative; padding:5px 15px; background:#eef8fd; border-bottom:1px solid #bde5f6;}
.data_calendar .info:before, .data_calendar .info .data2:before {content:''; display:inline-block; height:38px; vertical-align:middle;}
.data_calendar .info dt:first-child {overflow:hidden; position:absolute; padding-left:1px; width:0; height:0; white-space:nowrap;}
.data_calendar .info dt, .data_calendar .info dd {display:inline-block; vertical-align:middle; font-size:14px;}
.data_calendar .info .data1 {color:#adb1b6;}
.data_calendar .info .data1 time {color:#020219;}
.data_calendar .info .data2 {position:absolute; right:18px; color:#2096ce; font-weight:700;}
.data_calendar .info .data2 > div {display:inline-block; vertical-align:middle;}
.data_calendar .info .data2 [data-tooltip^="info"] {margin-right:11px;}
.data_calendar .info .data2 [data-tooltip^="info"] > strong {font-weight:700;}
.data_calendar .info .data2 [data-tooltip^="info"] > .tooltip_type {right:0; font-weight:400; width:230px;}
.data_calendar .info .data3 {margin-left:10px;}
.data_calendar .info .data3 [data-air-logo] {overflow:hidden; margin-top:-3px; margin-right:4px; padding-left:26px; width:0; height:20px; white-space:nowrap; vertical-align:middle;}
.data_calendar .info .data3 + .txt_data > strong {font-size:15px; font-weight:400;}
.data_calendar .info .data3 + .txt_data > strong + span {font-size:14px; color:#020219;}
.data_calendar .info .btn_wrap3 > .btn_img1 {padding-left:28px; height:30px; border-color:#24aae1;}
.data_calendar .info .btn_wrap3 > .btn_img1.ico1:before, .data_calendar .info .btn_wrap3 > .btn_img1.ico1:after,
.data_calendar .info .btn_wrap3 > .btn_img1.ico2:before {top:50%; left:50%; background-color:#24aae1;}
.data_calendar .info .btn_wrap3 > .btn_img1.ico1:before, .data_calendar .info .btn_wrap3 > .btn_img1.ico2:before {margin:-1px -5px; width:10px;}
.data_calendar .info .btn_wrap3 > .btn_img1.ico1:after {margin:-5px -1px; height:10px;}
.data_calendar .info .btn_wrap3 > .btn_img1:disabled {opacity:1;}
.data_calendar .info .btn_wrap3 > .btn_img1:disabled:before, .data_calendar .info .btn_wrap3 > .btn_img1:disabled:after {opacity:0.4;}

/* DATACALENDAR :날짜선택 */
.data_calendar .box {position:relative;}
.data_calendar .box [data-air-logo] {overflow:hidden; padding-left:26px; width:0; height:15px; background-position:50%; white-space:nowrap; vertical-align:middle;}
.data_calendar .box .cont {opacity:0; position:absolute; left:50%; z-index:-1; margin:0 -61px 10px; width:120px; height:51px; background:#fff; border:1px solid #24aae1; border-radius:6px; text-align:center; font-size:12px; pointer-events:none;}
.data_calendar .box .cont:after {content:''; display:block; position:absolute; bottom:-5px; left:50%; margin:0 -4px; width:7px; height:7px; border-bottom:1px solid #24aae1; border-right:1px solid #24aae1; border-radius:2px; background:#fff; transform:rotate(45deg);}
.data_calendar .box .cont > strong {display:block; margin:6px 0 -2px; font-weight:400; color:#2096ce;}
.data_calendar .box .cont > strong:only-child {margin-top:16px;}
.data_calendar .box .cont > .txt_data > strong {margin:0 0 1px; color:#020219; font-size:13px; font-family:"Nanum Gothic";}
.data_calendar .box .cont > .txt_data > strong + span {color:#020219; font-size:13px; font-weight:700;}
.data_calendar .box .cont.t1:after {bottom:auto; top:-5px; transform:rotate(-135deg);}

/* DATACALENDAR :CASE1 :가격그래프 */
.data_calendar.chart .box {height:329px;}
/* DATACALENDAR :CASE1 :가격그래프 :최저가/최고가/평균 */
.data_calendar.chart .box .data1 {position:absolute; top:30px; bottom:49px; z-index:2;}
.data_calendar.chart .box .data1 > dt {overflow:hidden; position:absolute; padding-left:1px; width:0; height:0; white-space:nowrap;}
.data_calendar.chart .box .data1 > dd {position:absolute; width:88px; text-align:right; color:#adb1b6; line-height:1;}
.data_calendar.chart .box .data1 > dd:after {content:''; display:block; position:absolute; top:0; left:100%; margin-left:10px; width:573px; height:1px; background:#dee0e2}
.data_calendar.chart .box .data1 > dd:nth-child(4) {bottom:-1px;}
.data_calendar.chart .box .data1 > dd:nth-child(4):after {top:auto; bottom:0;}
.data_calendar.chart .box .data1 > dd:nth-child(6) {color:#5b646e; font-weight:700;}
.data_calendar.chart .box .data1 > dd:nth-child(6):after {top:50%; background-color:transparent; background-image:linear-gradient(90deg, #7c838b 3px, transparent 3px, transparent 6px, #7c838b 6px); background-position:0 0; background-size:6px 1px; background-repeat:repeat;}
/* DATACALENDAR :CASE1 :가격그래프 :날짜선택 */
.data_calendar.chart .box .data2 {position:relative; overflow:hidden; margin:0 26px 0 105px;}
.data_calendar.chart .box .data2 > ul {height:329px; font-size:0; white-space:nowrap;}
.data_calendar.chart .box .data2 li {display:inline-block; position:relative; margin:31px 0 49px 0; padding:0 3px 0 4px; min-width:11px; height:249px; text-align:center; vertical-align:top;}
.data_calendar.chart .box .data2 li:before {content:''; display:inline-block; height:100%; vertical-align:bottom;}
.data_calendar.chart .box .data2 li > .month {position:absolute; top:-31px; left:0; padding:5px 0 0 8px; width:50px; text-align:left; font-size:13px;}
.data_calendar.chart .box .data2 li > .month:before {content:''; display:block; position:absolute; top:0; left:0; width:1px; height:280px; background:#dee0e2}
.data_calendar.chart .box .data2 li > .month ~ .day {padding-left:1px;}
.data_calendar.chart .box .data2 li > .month ~ button {margin:0 0 0 0;}
.data_calendar.chart .box .data2 li > .day {display:block; position:absolute; left:3px; right:4px; bottom:-49px; height:47px; text-align:center; color:#000; font-size:11px;}
.data_calendar.chart .box .data2 li > .day > time {display:block; margin:0 0 -2px -1px; letter-spacing:-0.08em;}
.data_calendar.chart .box .data2 li > button {overflow:hidden; display:inline-block; padding-left:11px; width:0; height:0; background:#dee0e2; white-space:nowrap; border-radius:3px 3px 0 0; vertical-align:bottom;}
.data_calendar.chart .box .data2 li > button:after {content:''; display:block; position:absolute; top:-31px; bottom:-49px; right:0; left:0;}
/* DATACALENDAR :CASE1 :가격그래프 :날짜선택 :이벤트 */
.data_calendar.chart .box .data2 li:not(.on):hover > button {background:#bde5f6 !important;}
.data_calendar.chart .box .data2 li.holiday > .day {color:#ff464d;}
.data_calendar.chart .box .data2 li.start > .day, .data_calendar.chart .box .data2 li.end > .day, .data_calendar.chart .box .data2 li.on > .day {color:#2096ce;}
.data_calendar.chart .box .data2 li.on > button {background:#24aae1;}
.data_calendar.chart .box .data2 li.start:after, .data_calendar.chart .box .data2 li.end:after {content:''; display:block; position:absolute; bottom:-47px; right:0; width:20px; height:20px; background:url("../img/common/icon_set1.png") no-repeat 0 0;}
.data_calendar.chart .box .data2 li.start:after {background-position:-80px -160px;}
.data_calendar.chart .box .data2 li.end:after {background-position:-120px -160px;}
.data_calendar.chart .box .data2 li.start ~ li:not(.end):after {content:''; display:block; position:absolute; bottom:-39px; left:-6px; right:-2px; height:2px; background-color:#aadef3; background-position:0 0; background-size:4px 2px; background-repeat:repeat;}
.data_calendar.chart .box .data2 li.start ~ li:nth-child(even):not(.end):after {background-image:linear-gradient(90deg, transparent 2px, #fff 2px, #fff 4px);}
.data_calendar.chart .box .data2 li.start ~ li:nth-child(odd):not(.end):after {background-image:linear-gradient(90deg, #fff 2px, transparent 2px, transparent 4px);}
.data_calendar.chart .box .data2 li.end ~ li:not(.end):after {display:none;}
.data_calendar.chart .box .data2 li.start ~ li > button {background:#bde5f6;}
.data_calendar.chart .box .data2 li.end ~ li > button {background:#dee0e2;}
/* DATACALENDAR :CASE1 :가격그래프 :좌우버튼 */
.data_calendar.chart .box .btn_img1 {position:absolute; top:50%; margin:-34px 0; padding-left:23px; height:45px; background:#8693a0; border-color:#8693a0; border-radius:3px;}
.data_calendar.chart .box .btn_img1:after {position:absolute; top:50%; margin:-7px -3px; width:10px; height:15px;}
.data_calendar.chart .box .btn_img1.arr1 {border-top-right-radius:0; border-bottom-right-radius:0; right:0;}
.data_calendar.chart .box .btn_img1.arr2 {border-top-left-radius:0; border-bottom-left-radius:0;}
.data_calendar.chart .box .btn_img1.arr1:after {left:50%; background-position:0 -120px;}
.data_calendar.chart .box .btn_img1.arr2:after {right:50%; background-position:0 -140px;}

/* DATACALENDAR :CASE2 :매트릭스 */
.data_calendar.matrix .box {padding:42px 0 20px 43px;}
.data_calendar.matrix .box .data1 {overflow:hidden; width:603px; position:relative;}
.data_calendar.matrix .box .data1 table {table-layout:fixed; width:100%; border:1px solid #dee0e2;}
.data_calendar.matrix .box .data1 th, .data_calendar.matrix .box .data1 td {height:41px; box-sizing:border-box; line-height:1.2;}
.data_calendar.matrix .box .data1 th {background:#f0f5fb; font-size:12px; font-weight:400;}
.data_calendar.matrix .box .data1 th em {display:block;}
.data_calendar.matrix .box .data1 td {position:relative; border:1px solid #dee0e2;}
.data_calendar.matrix .box .data1 td [data-air-logo] {position:absolute; top:13px; left:2px; pointer-events:none;}
.data_calendar.matrix .box .data1 td button {display:block; padding-right:5px; width:100%; height:100%; text-align:right; box-sizing:border-box; font-size:13px; color:inherit;}
.data_calendar.matrix .box .data1 tbody th {border-top:1px solid #f0f5fb; border-bottom:1px solid #f0f5fb;}
.data_calendar.matrix .box .data1 tbody tr:last-child th {border-bottom-color:#dee0e2;}
.data_calendar.matrix .box .data1 thead th {border-left:1px solid #f0f5fb; border-right:1px solid #f0f5fb;}
.data_calendar.matrix .box .data1 thead th:last-child {border-right-color:#dee0e2;}
.data_calendar.matrix .box .data1 thead th.th_info {width:61px; border:1px solid #dee0e2;}
/* DATACALENDAR :CASE2 :날짜선택 :이벤트 */
.data_calendar.matrix .box .data1 th.holiday, .data_calendar.matrix .box .data1 td.high {color:#ff464d;}
.data_calendar.matrix .box .data1 td.low {color:#35b879;}
.data_calendar.matrix .box .data1 td.low:before {content:''; width:100px; height:50px;}
.data_calendar.matrix .box .data1 th.on {position:relative; z-index:2; background:#d3eef9;}
.data_calendar.matrix .box .data1 th.on em:before {content:''; display:block; position:absolute; top:-1px; left:-1px; right:-1px; height:40px; z-index:2; border:1px solid #24aae1;}
.data_calendar.matrix .box .data1 td.on {background:#24aae1; color:#fff;}
.data_calendar.matrix .box .data1 td.on:before, .data_calendar.matrix .box .data1 th ~ td.on:after {content:''; display:block; position:absolute; z-index:-1; background:#d3eef9; width:100%; height:100%;}
.data_calendar.matrix .box .data1 td.on:before {bottom:0; left:0; right:0; height:328px;}
.data_calendar.matrix .box .data1 th ~ td.on:after {top:0; right:0; width:603px; height:40px;}
.data_calendar.matrix .box .data1 td.on button:before {content:''; display:block; position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; border:1px solid #24aae1;}
.data_calendar.matrix .box .cont {z-index:100;}
/* DATACALENDAR :CASE2 :좌우버튼 */
.data_calendar.matrix .calendar_date {position:absolute;}
.data_calendar.matrix .calendar_date strong {display:inline-block; font-size:13px; line-height:1; vertical-align:middle;}
.data_calendar.matrix .calendar_date .btn_img2 {padding-left:20px; height:22px;}
.data_calendar.matrix .calendar_date .btn_img2.arr5:after,.data_calendar.matrix .calendar_date .btn_img2.arr6:after {width:6px; height:10px;}
.data_calendar.matrix .calendar_date .btn_img2.arr5:after {margin:-5px -2px; background-position:-100px -160px;}
.data_calendar.matrix .calendar_date .btn_img2.arr6:after {margin:-5px -4px; background-position:-100px -180px;}
.data_calendar.matrix .calendar_date .btn_img2.arr5:hover:after {background-position:-120px -160px;}
.data_calendar.matrix .calendar_date .btn_img2.arr6:hover:after {background-position:-120px -180px;}
.data_calendar.matrix .calendar_date .btn_img2.arr7 {top:auto; bottom:0;}
.data_calendar.matrix .calendar_date .btn_img2.arr7:after, .data_calendar.matrix .calendar_date .btn_img2.arr8:after {width:10px; height:6px;}
.data_calendar.matrix .calendar_date .btn_img2.arr7:after {margin:-2px -5px; background-position:-280px -180px;}
.data_calendar.matrix .calendar_date .btn_img2.arr8:after {margin:-4px -5px; background-position:-280px -160px;}
.data_calendar.matrix .calendar_date .btn_img2.arr7:hover:after {background-position:-300px -180px;}
.data_calendar.matrix .calendar_date .btn_img2.arr8:hover:after {background-position:-300px -160px;}
.data_calendar.matrix .calendar_date.data2 {top:10px; left:50%; margin:0 -50px; width:99px;}
.data_calendar.matrix .calendar_date.data3 {top:50%; left:10px; margin:-39px 0; width:22px; height:99px;}
.data_calendar.matrix .calendar_date.data3:before {content:''; display:inline-block; margin-right:-5px; width:1px; height:100%; vertical-align:middle;}

/*--------------------------------------------------------------------------------
	# 상품비교
---------------------------------------------------------------------------------*/
.data_compare {overflow:hidden; position:fixed; top:auto; left:50%; bottom:-4px; z-index:100; padding:0 0 0; margin:0 -550px; width:1100px; height:0; background:#fff; border:2px solid #5b646e; box-sizing:border-box; letter-spacing:-0.05em; transition:height 0.5s;}
.data_compare > header {margin:0 24px;padding:11px 0 9px; border-bottom:1px solid #adb1b6; font-size:14px;}
.data_compare > header > h1,
.data_compare > header > p {display:inline-block; vertical-align:middle;}
.data_compare > header > h1 {font-size:20px;}
.data_compare > header > p {margin-left:4px; color:#5b646e;}
.data_compare .area {padding-top:14px;}
.data_compare ul {position:relative; padding:0 24px; font-size:0;}
.data_compare ul > li {display:inline-block; position:relative; padding-top:29px; width:calc(100% /3); vertical-align:top;}
.data_compare ul > li .area1,
.data_compare ul > li .area2 {display:inline-block; position:relative; z-index:2; vertical-align:top;}
.data_compare ul > li .area1 {overflow:hidden; width:170px; height:120px; border-radius:5px; background-color:#eff2f6;}
.data_compare ul > li .area1[data-air-logo], .data_compare ul > li .area1[class*="ict"] {padding:78px 15px 0; width:120px; height:120px; border-radius:50%; background-size:auto 37px; background-position:50% 28px; line-height:1; font-size:14px; text-align:center; word-break:keep-all; box-sizing:border-box;}
.data_compare ul > li .area1[data-air-logo] + .area2, .data_compare ul > li .area1[class*="ict"] + .area2 {width:calc(100% - 163px);}
.data_compare ul > li .area1[class*="ict"]:before {position:absolute; top:9px; left:50%; margin:0 -40px; width:80px; height:80px;}
.data_compare ul > li .area1.ict1:before {background-position:-520px -160px;}
.data_compare ul > li .area1.ict2:before {background-position:-600px -160px;}
.data_compare ul > li .area1.ict3:before {background-position:-680px -160px;}
.data_compare ul > li .area1 > img {position:absolute; top:0; left:0; /*bottom:0; left:50%; margin:0 -70%; width:140%; */ object-fit:cover; width:100%; height:100%;}
.data_compare ul > li .area2 {margin-left:14px; padding-top:11px; width:calc(100% - 203px);}
.data_compare ul > li .area2 cite {overflow:hidden; display:block; display:-webkit-box; margin-bottom:9px; height:66px; font-size:16px; line-height:22px; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.data_compare ul > li .area2 cite:nth-last-child(3):first-child {margin-bottom:2px; height:44px; -webkit-line-clamp:2;}
.data_compare ul > li .area2 time {display:block; margin-bottom:3px; font-size:12px; color:#5b646e;}
.data_compare ul > li .area2 .txt_data {border:0; text-align:left;}
.data_compare ul > li .area2 .txt_data:before {display:none;}
.data_compare ul > li .area2 .txt_data dd {margin-left:0;}
.data_compare ul > li .area2 .txt_data dd > strong {margin-bottom:0; font-size:22px; font-weight:400;}
.data_compare ul > li .choice_type2 {position:absolute; top:0; left:0; bottom:-2px; right:0; z-index:1;}
.data_compare ul > li .choice_type2 > em {overflow:hidden; display:block; position:absolute; top:0; left:0; right:0; bottom:0; padding-left:calc(100% - 4px); width:0; white-space:nowrap; box-sizing:border-box;}
.data_compare ul > li .choice_type2 > input:checked {opacity:1; top:27px; left:-2px; right:auto; bottom:auto; z-index:-1; width:174px; height:124px; border-radius:7px; background:#24aae1; -webkit-appearance:none;}
.data_compare ul > li .area1[class*="ict"] ~ .choice_type2 > input:checked {opacity:0;}
.data_compare ul > li .choice_type2 > em:before,
.data_compare ul > li .choice_type2 > em:after {top:1px; left:0; z-index:2; margin:0;}
.data_compare ul > li .choice_type2 > em:after {left:5px; margin-top:3px;}
.data_compare ul > li .choice_type2 > input::-ms-check {display:none;}
.data_compare ul > li .area1[data-air-logo] ~ .choice_type2 > input:checked {opacity:0;}
.data_compare ul > li > a {overflow:hidden; display:block; position:absolute; top:28px; bottom:0; left:0; z-index:3; padding-left:100%; width:0; white-space:nowrap;}
.data_compare .btn_wrap1 {margin-top:25px;}
.data_compare > button {position:absolute; right:24px; top:16px; width:0; height:16px; padding-left:17px; background-image:url("../img/common/icon_set1.png"); background-position:-600px -240px; overflow:hidden;}
.data_compare.on {top:auto; bottom:-2px; height:326px; padding-bottom:35px;}

/*--------------------------------------------------------------------------------
	# 아코디언 
---------------------------------------------------------------------------------*/
[data-accordion] {overflow:hidden; position:relative;}
[data-accordion] [data-accordion-con="area2"] {overflow:hidden; height:0; padding:0; /*transition:padding-top 0.3s; */}
[data-accordion] .txt_type1[data-accordion-con="area2"] {margin:0;}
[data-accordion] .btn_toggle {overflow:hidden; position:absolute; top:0; left:0; right:0; bottom:0; padding-left:100%; width:0; white-space:nowrap;}
[data-accordion] .btn_toggle.t1 {padding:0 46px 0 0; width:100%; font-size:13px; color:#020219; text-align:right;}
[data-accordion] .btn_toggle:after, [data-accordion] .btn_toggle:before {content:""; display:block; position:absolute; top:50%; right:25px; margin:-5px 0; width:3px; height:11px; background:#5b646e; transform:rotate(-45deg); transition:transform 0.3s;}
[data-accordion] .btn_toggle:after {right:19px; transform:rotate(45deg);}
[data-accordion] .open .btn_toggle:after, [data-accordion] .open .btn_toggle:before {background:#adb1b6; transform:rotate(-135deg);}
[data-accordion] .open .btn_toggle:after {transform:rotate(135deg);}
[data-accordion] .open + [data-accordion-con="area2"] {/*width:auto;*/ height:auto;}

/*--------------------------------------------------------------------------------
	# 아코디언 :유형1
---------------------------------------------------------------------------------*/
.data_accordion {overflow:visible;}
.data_accordion .btn_toggle:after, .data_accordion .btn_toggle:before {background:#020219 !important;}
.data_accordion .btn_toggle:after {right:23px;}
.data_accordion .btn_toggle:before {right:29px;}
.data_accordion .txt_guide {top:-7px; right:41px; line-height:22px; color:#40464d; font-weight:700; font-size:12px;}
.data_accordion [data-accordion-con="area1"] {position:relative; height:78px; padding:0 53px 0 20px; border:1px solid #5b646e; border-radius:3px; background:#8693a0; color:#cdd0d3;}
.data_accordion [data-accordion-con="area1"] > dl.txt_data {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-items:center; height:100%; padding:0; border:0;}
.data_accordion [data-accordion-con="area1"] > dl.txt_data > dt {margin:0 10px 0 0; color:#cdd0d3; font-weight:400; text-align:left; font-size:13px;}
.data_accordion [data-accordion-con="area1"] > dl.txt_data > dd {-webkit-box-flex:1; -ms-flex:1; flex:1; position:relative;}
.data_accordion [data-accordion-con="area1"] > dl.txt_data > dd > em {position:absolute; top:50%; left:0; font-size:17px; color:#fff; font-weight:700; transform:translate(0, -50%);}
.data_accordion [data-accordion-con="area1"] > dl.txt_data > dd > strong {font-size:23px;}
.data_accordion [data-accordion-con="area1"] > dl.txt_data > dd > strong, .data_accordion [data-accordion-con="area1"] > dl.txt_data > dd > strong + span {color:#ffe033;}
.data_accordion [data-accordion-con="area1"] > dl.txt_data > dd > span + span {color:#dee0e2;}
.data_accordion [data-accordion-con="area2"] {padding:0 20px; border:1px solid transparent;}
.data_accordion [data-accordion-con="area2"] .mes_data_none {border:0; border-radius:0;}
.data_accordion .open {border-bottom:0;}
.data_accordion .open .txt_guide {display:none;}
.data_accordion .open + [data-accordion-con="area2"] {padding-top:30px; padding-bottom:30px; border-color:#5b646e; border-top-style:dashed; border-radius:3px;}
.data_accordion.t1 + .data_accordion.t1:not(:last-child) {margin:8px 0;}
.data_accordion.t1 [data-accordion-con="area1"] {height:59px; border-color:#adb1b6; background:#fff;}
.data_accordion.t1 [data-accordion-con="area1"] > dl.txt_data > dt {font-size:17px; color:#020219; font-weight:700;}
.data_accordion.t1 [data-accordion-con="area1"] > dl.txt_data > dt > span {display:inline-block; font-size:17px; color:#020219;}
.data_accordion.t1 [data-accordion-con="area1"] > dl.txt_data > dd > strong, .data_accordion.t1 [data-accordion-con="area1"] > dl.txt_data > dd > strong + span {color:#2096ce;}
.data_accordion.t1 [data-accordion-con="area2"] {padding:0 33px;}
.data_accordion.t1 .open .btn_toggle:after, .data_accordion.t1 .open .btn_toggle:before {background:#fff !important;}
.data_accordion.t1 .open[data-accordion-con="area1"] {border-color:#5b646e; background:#24aae1;}
.data_accordion.t1 .open[data-accordion-con="area1"] > dl.txt_data > dt, .data_accordion.t1 .open[data-accordion-con="area1"] > dl.txt_data > dt > span {color:#fff;}
.data_accordion.t1 .open[data-accordion-con="area1"] > dl.txt_data > dd > strong, .data_accordion.t1 .open[data-accordion-con="area1"] > dl.txt_data > dd > strong + span {color:#ffe033;}
.data_accordion.t1 .open + [data-accordion-con="area2"] {padding-top:10px; padding-bottom:20px; background:#fff;}
.data_accordion.t1 .slide1.slide_type1 .product_card2 {width:1032px; margin-top:36px;}
.data_accordion.t1 .slide1.slide_type1 .product_card2.t1 > li {width:200px;}
.data_accordion.t1 .slide1.slide_type1 .box > .product_card2 ~ button {top:0;}
.data_accordion.t1 .slide1.slide_type1 .box > .btn_prev {right:34px;}
.data_accordion.t1 .slide1.slide_type1 .box > .btn_next {right:0;}
.data_accordion.t1 .slide1.slide_type1 .box > .page {position:absolute; top:2px; right:70px; font-size:15px;}
.data_accordion.t1 .slide1.slide_type1 .box > .page > em {font-weight:700;}

@media screen and (min-width:0\0) and (min-resolution:.001dpcm) {/* IE9 */
	.data_accordion [data-accordion-con="area1"] > dl.txt_data {display:table; width:100%;}
	.data_accordion [data-accordion-con="area1"] > dl.txt_data > dt, .data_accordion [data-accordion-con="area1"] > dl.txt_data > dd {display:table-cell; vertical-align:middle;}
	.data_accordion [data-accordion-con="area1"] > dl.txt_data > dd > em {top:28px; transform:translate(0, 0);}
}
/* --------------------------------------------------------------------------------
	# 아코디언 :유형2
--------------------------------------------------------------------------------- */
.data_accordion1:after {content:""; display:block; position:absolute; top:auto; left:0; right:0; bottom:0; height:1px; z-index:1; background:#adb1b6;}
.data_accordion1 .btn_toggle {left:auto; bottom:auto; width:28px; height:28px; padding-left:26px; border:1px solid #afb3b8; border-radius:50%;}
.data_accordion1 .btn_toggle:before {right:14px;}
.data_accordion1 .btn_toggle:after {right:8px;}
.data_accordion1 [data-accordion-con*="area"] .tbl_type1 > tbody th, .data_accordion1 [data-accordion-con*="area"] .tbl_type1 > tbody td {border-top-color:#dee0e2 !important;}
.data_accordion1 [data-accordion-con*="area"] .tbl_type1:after, .data_accordion1 [data-accordion-con="area2"] .tbl_type1:before {display:none;}
.data_accordion1 .open[data-accordion-con*="area"] .btn_toggle:before, .data_accordion1 .open[data-accordion-con*="area"] .btn_toggle:after {margin:-6px 0;}

/* --------------------------------------------------------------------------------
	# 아코디언 :유형4
--------------------------------------------------------------------------------- */
[data-accordion="type4"] {margin-top:10px; border:1px solid #24aae1; border-radius:3px; background-color:#e9f6fc;}
[data-accordion="type4"] .area1 {padding:12px 10px; position:relative;}
[data-accordion="type4"] .area1 h3 {font-size:16px; color:#2092ce;}
[data-accordion="type4"] .area1 .icm2:before {width:20px; height:20px; background-position:-160px -400px;}
[data-accordion="type4"] .btn_toggle:before, [data-accordion="type4"] .btn_toggle:after,
[data-accordion="type4"] .open .btn_toggle:before, [data-accordion="type4"] .open .btn_toggle:after {background-color:#24aae1;}
[data-accordion="type4"] .area2 .txt_type1 {padding:0 34px 17px;}

/*--------------------------------------------------------------------------------
	# 구글지도
---------------------------------------------------------------------------------*/
.data_map {margin:0; width:100%; height:420px; border:1px solid #dee0e2; text-align:center;}
.data_map:empty:before {content:'여기에 구글맵이 들어옵니다.'; line-height:420px;}
.data_map + .tbl_type1 {margin-top:30px;}

/*--------------------------------------------------------------------------------
	# 어드민등록
---------------------------------------------------------------------------------*/
.data_area {overflow-y:scroll; height:358px; padding:15px; border:1px solid #adb1b6;}
.data_admin {white-space:pre-line; font-size:14px;}
.data_admin + .data_admin {margin-top:12px;}
.data_admin2 {font-size:14px; line-height:1.8;}
.data_admin2:after {content:''; display:block; clear:both;}
.data_admin2 .area {display:inline-block; padding:30px 10px 20px 0; margin-right:-4px; width:calc(50% - 10px); vertical-align:top;}
.data_admin2 .area + .area {padding-right:0; padding-left:10px;}

/*--------------------------------------------------------------------------------
	# 현지투어 상품개요
---------------------------------------------------------------------------------*/
.data_list > li {padding:2px 0; font-size:12px;}
.data_list > li > strong {padding-left:5px;}

.admin_txt ul > li {padding-left:10px; font-size:14px !important; position:relative;}
.admin_txt ul > li:before {content:''; display:block; position:absolute; top:9px; left:0; width:4px; height:3px; border-radius:50%; background:#020219;}

/*--------------------------------------------------------------------------------
	# 약관 컨텐츠
---------------------------------------------------------------------------------*/
body.frame {overflow-y:auto;}
.terms_type {overflow-x:hidden; font-size:13px; line-height:1.8;}
.terms_type hr {margin:15px 0;}
.terms_type p {font-size:inherit;}
.terms_type > [class^="tit"]{font-size:15px; color:#2096ce; font-weight:700; margin-top:30px;}
.terms_type > [class^="tit_s"] {font-size:13px; color:#020219; margin:11px 0 0;}
.terms_type > .tit_s2{color:#2096ce;}
.terms_type > [class^="tit"]:first-child{margin-top:25px;}
.terms_type > .tit + [class^="tit_s"]{margin-top:21px;}
.terms_type > * li > dl.sub{margin-top:10px;}
.terms_type > * + table{margin-top:9px;}
.terms_type > table thead th {font-weight:400;}
.terms_type > table tbody td + td {border-left:1px solid #dee0e2;}
.terms_type > table + *:not([class^="tit"]) {margin-top:6px;}
.terms_type > table + p[class^="txt"] {font-size:13px;}
.terms_type > table + p + p{padding-top:10px;}
.terms_type > ul:not([class]) > li p,
.terms_type > ul:not([class]) > li ul {margin-left:20px;}
.terms_type [class^="num"] {counter-reset:tnum 0;}
.terms_type [class^="num"] > li > p,
.terms_type [class^="num"] li,
.terms_type [class^="bul"] li,
.terms_type p[class^="bul"] {position:relative; padding-left:17px;}
.terms_type [class^="num"] li:nth-child(9) ~ li,
.terms_type [class^="bul"] li:nth-child(9) ~ li {padding-left:25px;}
.terms_type [class^="num"] li:before,
.terms_type [class^="bul"] li:before,
.terms_type p[class^="bul"]:before {counter-increment:tnum; display:block; position:absolute; left:0; top:0;}
.terms_type [class^="num"] > li > p:before {display:block; position:absolute; left:0; top:0;}
.terms_type [class^="num"] ul {counter-reset:tnum 0; text-align:left;}
/* 가,나,다 */
/* 
.terms_type [class^="num"] > li > ul > li > ul > li:nth-child(1):before {content:'가.'}
.terms_type [class^="num"] > li > ul > li > ul > li:nth-child(2):before {content:'나.'}
.terms_type [class^="num"] > li > ul > li > ul > li:nth-child(3):before {content:'다.'}
.terms_type [class^="num"] > li > ul > li > ul > li:nth-child(4):before {content:'라.'}
.terms_type [class^="num"] > li > ul > li > ul > li:nth-child(5):before {content:'마.'}
.terms_type [class^="num"] > li > ul > li > ul > li:nth-child(6):before {content:'바.'}
.terms_type [class^="num"] > li > ul > li > ul > li:nth-child(7):before {content:'사.'}
.terms_type [class^="num"] > li > ul > li > ul > li:nth-child(8):before {content:'아.'}
.terms_type [class^="num"] > li > ul > li > ul > li:nth-child(9):before {content:'자.'}
.terms_type [class^="num"] > li > ul > li > ul > li:nth-child(10):before {content:'차.'}
.terms_type [class^="num"] > li > ul > li > ul > li:nth-child(11):before {content:'카.'}
.terms_type [class^="num"] > li > ul > li > ul > li:nth-child(12):before {content:'타.'}
.terms_type [class^="num"] > li > ul > li > ul > li:nth-child(13):before {content:'파.'}
.terms_type [class^="num"] > li > ul > li > ul > li:nth-child(14):before {content:'하.'}
*/

.terms_type .txt_order > li:nth-child(1):before {content:'가.'}
.terms_type .txt_order > li:nth-child(2):before {content:'나.'}
.terms_type .txt_order > li:nth-child(3):before {content:'다.'}
.terms_type .txt_order > li:nth-child(4):before {content:'라.'}
.terms_type .txt_order > li:nth-child(5):before {content:'마.'}
.terms_type .txt_order > li:nth-child(6):before {content:'바.'}
.terms_type .txt_order > li:nth-child(7):before {content:'사.'}
.terms_type .txt_order > li:nth-child(8):before {content:'아.'}
.terms_type .txt_order > li:nth-child(9):before {content:'자.'}
.terms_type .txt_order > li:nth-child(10):before {content:'차.'}
.terms_type .txt_order > li:nth-child(11):before {content:'카.'}
.terms_type .txt_order > li:nth-child(12):before {content:'타.'}
.terms_type .txt_order > li:nth-child(13):before {content:'파.'}
.terms_type .txt_order > li:nth-child(14):before {content:'하.'}
.terms_type .num1 > li:before {content:counter(tnum); left:1px; top:6px; font-size:10px; width:11px; height:11px; box-shadow:0 0 0 1px; border-radius:50%; text-align:center; line-height:1.1;}
/* 숫자 :1. 2.*/
.terms_type .num1 > li > ul > li:before, 
.terms_type .num2 > li:before {content:counter(tnum) '.';}
/* 숫자 :1) 2)*/
/*.terms_type .num2 > li > ul > li:before,*/
.terms_type .num3 > li:before{content:counter(tnum) ')';}
/* 블릿 */
.terms_type .bul1 > li:before,
.terms_type .bul2 li .bul1 li:before,
.terms_type p.bul1:before {content:''; top:10px; left:3px; width:3px; height:3px; border-radius:50%; background:#020219;}
.terms_type .bul1 > li.txt_c2:before {background:#ff464d;}
.terms_type p.bul1 {margin-top:10px;}
.terms_type p.bul1,
.terms_type .bul1 > li,
.terms_type [class^="num"] > li > p,
.terms_type .num3 > li > ul > li,
.terms_type .bul2 li {padding-left:10px;}
.terms_type [class^="num"] > li > p:before,
.terms_type .num3 > li > ul > li:before,
.terms_type .bul2 li:before {content:'-';}
.terms_type .bul3 {margin-top:9px;}
.terms_type .bul3:before {content:'*';}
/* 탭버튼 */
.terms_type .tab {margin:20px 0 15px; font-size:0; border:1px solid #dee0e2; border-radius:3px; vertical-align:middle; display:table;}
.terms_type .tab li {position:relative; vertical-align:middle; display:table-cell;}
.terms_type .tab li.on {z-index:5;}
.terms_type .tab li a {padding:5px 14px 5px 14px; font-weight:700; font-size:13px; color:#5b646e; display:block;}
.terms_type .tab li:first-child a, 
.terms_type .tab li:first-child a:after {border-radius:3px 0 0 3px;}
.terms_type .tab li:last-child a, 
.terms_type .tab li:last-child a:after {border-radius:0 3px 3px 0;}
.terms_type .tab li:not(:last-child) a:before {content:""; position:absolute; right:0; top:50%; width:1px; height:14px; margin:-7px 0 0 0; background-color:#dee0e2;}
.terms_type .tab li.on a {color:#fff; background-color:#5b646e;}
.terms_type .tab li.on a:before {display:none;}
.terms_type .tab li.on a:after {content:""; position:absolute; left:-1px; top:-1px; right:0; bottom:-1px; border:1px solid #5b646e; background-color:#5b646e; z-index:-1;}
/* 강조 */
.terms_type .type1 {font-size:120%; font-weight:700;}
.terms_type .type1 p,
.terms_type .type1 ul,
.terms_type .type1 div,
.terms_type .type1 dl,
.terms_type .type1 em,
.terms_type .type1 td,
.terms_type .type1 th,
.terms_type .type1 a,
.terms_type .type1 li {font-size:inherit !important; font-weight:inherit !important;}
dl.terms_type {font-size:13px;}
dl.terms_type > dt {font-weight:700;}
/*강조 들여쓰기
.terms_type .type1 + .type1, .terms_type .type1 + .type1 li {padding-left:17px;}
*/

/* 강조 들여쓰기 */
.terms_type .type2 {padding-left:17px; text-indent:-17px; font-size:120%; font-weight:700;}
.terms_type .type2 .txt_order {margin-left:17px;}

/*-------------------------------------------------------------------------------- 
	# VISUAL 컨텐츠 
---------------------------------------------------------------------------------*/
[class^="visual_"] {overflow:hidden; position:relative; height:0;}
.visual_prevention {margin-top:15px; padding-top:291px; width:817px; background:url('../img/tour/visual_prevention.png') no-repeat 0 0;} /* 안전한물놀이 */
.visual_ticket {margin:20px 0 0; padding-top:180px; width:822px; background:url("../img/bnr/bnr_ticket_822x180.png") no-repeat 0 0;} /* 현지투어 */
.visual_trekking {padding-top:150px; width:100%; background:url("../img/bnr/bnr_trekking_1100x150.png") no-repeat 0 0;} /* 트레킹 추천 가이드 */
.visual_trekking > a {position:absolute; top:0; bottom:0; left:0; right:0; padding-left:100%; width:0; white-space:nowrap;}
.visual_travel {padding-top:282px; width:914px; background:url('../img/travel/visual_travel.png') no-repeat 0 0;} /* 추천여행지 */
.visual_mileage {padding-top:767px; width:914px; background:url('../img/travel/visual_mileage.png') no-repeat 0 0;} /* 해외항공 마일리지 적립 안내 */
.visual_mes.img {padding-top:220px; width:100%; background:url("../img/adver/bg_mes1.png") no-repeat 0 0;} /* 광고/제휴문의 */
.visual_cruise {width:1100px; margin:35px auto; padding-top:150px; background:url("../img/bnr/bnr_cruise_1100x150.png") no-repeat 0 0;} /* 크루즈 마케팅 배너 */

/*--------------------------------------------------------------------------------
	# BOX :BG
---------------------------------------------------------------------------------*/
.box_area {position:relative; margin:15px 0; padding:15px; background-color:#f0f5fb; color:#5b646e; box-sizing:border-box;}
/*.box_area .tit {display:block; margin:-9px 0 -10px; font-size:16px;}*/
.box_area .sub {position:absolute; top:50%; right:15px; margin:-9px 0;}
.box_area .sub.btn_type2 {margin:-18px 0;}
.box_area[class*="ico"]:before {content:''; display:inline-block; margin-right:4px; margin-top:-4px; width:24px; height:24px; background:url('../img/common/icon_set1.png') no-repeat; vertical-align:middle;}
dl.box_area:not([class*="txt_type"]) {margin:20px 0; padding:18px 0; font-size:13px;}
dl.box_area:not([class*="txt_type"]) > dt, dl.box_area:not([class*="txt_type"]) > dd {display:inline-block; vertical-align:middle;}
dl.box_area:not([class*="txt_type"]) > dt {width:129px; text-align:center; font-weight:700;}
dl.box_area:not([class*="txt_type"]) > dt:before {content:''; display:inline-block; margin:-2px 5px 0 0; width:3px; height:2px; border-radius:50%; background:#020219; vertical-align:middle;}
dl.box_area:not([class*="txt_type"]) > dd {width:calc(100% - 195px); padding:0 30px;}
dl.box_area:not([class*="txt_type"]):before {content:''; display:block; position:absolute; top:18px; bottom:18px; left:129px; width:1px; background:#dee0e2;}
.box_area [data-accordion-con="area1"] {position:relative; margin:-13px -15px -14px; padding:13px 15px 14px;}
.box_area [data-accordion-con="area1"].open {margin-bottom:-4px;}

/* BOXAREA :BG색상변경1 */
.box_area.s1 {padding-left:20px; padding-right:20px; background-color:#eef8fd; color:#020219;}
.box_area.s1.ico1 {padding:25px 15px 26px 29px; border:1px solid #91d4f0; font-size:14px;}
.box_area.s1.ico1 .sub {right:29px;}
.box_area.s1.ico1:before {background-position:-960px -80px;}

/* BOXAREA :BG색상변경2 */
.box_area.s2 {margin:20px 0; padding:13px 15px 14px; padding-bottom:14px; background-color:#f7f7f8; font-size:13px; color:#020219;}
.box_area.s2 .icm2 {font-size:13px; color:#5b646e;}
.box_area.s2 .icm2:before {margin-right:3px; background-position:-80px -340px;}
.box_area.s2[data-accordion] {border:1px solid #dee0e2;}
p.box_area.s2 {padding:25px 15px 26px; text-align:center; font-size:14px; color:#eff2f6;}
/* 해외항공 > 마이페이지 > 부가서비스 */
.mypage [data-tab] p.box_area.s2 {color:#020219;}

/* BOXAREA :BG색상변경3 */
.box_area.s3 {background-color:#eff2f6; line-height:2; color:#020219;}
.box_area.s3, .box_area.s3 > * {font-size:13px;}
.box_area.s3 + [class*="txt_type"] {margin-top:-8px;} 

/* BOXAREA :간격 */
.tit_type + .box_area {margin-top:0;}

/*--------------------------------------------------------------------------------
	# BOX :상단 라인
---------------------------------------------------------------------------------*/
.box_area2 {border-top:1px solid #5b646e; padding-top:16px;}
.box_area2 legend + .tit_type3, .box_area2 .tit_type3:first-child {margin-top:0;}
.box_area2 .tit_type3 {margin:24px 0 10px; color:#2096ce;}
.box_area2 .tit_type3 > p {color:#5b646e;}
.box_area2 .txt_type3 {margin:0 0 15px;}
.box_area2 .txt_type3 + .tbl_type1:before {display:none;}
.box_area2.t1 {padding:10px 0; min-height:35px;}
.box_area2.t1 .sub {float:right; font-size:14px;}
.box_area2.t1 .sub > [class*="btn_"], .box_area2.t1 .sub > [class*="choice_"] {margin-left:5px; vertical-align:middle;}
.box_area2.t1 .sub > [class*="choice_"] + [class*="btn_"] {position:relative; padding-left:11px;}
.box_area2.t1 .sub > [class*="choice_"] + [class*="btn_"]:after {content:''; display:block; position:absolute; top:50%; left:0; margin:-6px 0; width:1px; height:12px; background-color:#ccc;}
.box_area2.t1:before, .box_area2.t1 .sub:before {content:''; display:inline-block; height:34px; vertical-align:middle;}
.box_area2.t1:after {content:''; display:block; clear:both;}
.box_area2 ~ .sub {position:absolute; top:-38px; right:0;}

/*--------------------------------------------------------------------------------
	# BOX :박스 라인
---------------------------------------------------------------------------------*/
.box_area3 {padding:10px 14px; border:1px solid #adb1b6;}

/*--------------------------------------------------------------------------------
	# BOX :오른쪽 정렬
---------------------------------------------------------------------------------*/
.box_area4 {margin:20px 0 10px; text-align:right;}

/*--------------------------------------------------------------------------------
	# BOX :라운드박스
---------------------------------------------------------------------------------*/
.box_area5 {border-radius:6px; box-shadow:0 0 20px 0 rgba(0,0,0,0.08)}

/*--------------------------------------------------------------------------------
	# BOX : 박스유형_6
---------------------------------------------------------------------------------*/
.box_area6 {display: inline-block; padding: 6px 10px 6px 10px; min-width: calc((100% / 3) - 8.5px); font-size: 14px; color: #020219; text-align: left; border: 1px solid #adb1b6; border-radius: 3px; background-color: #fff; box-sizing: border-box;}

/*--------------------------------------------------------------------------------
	# BOX :스크롤박스
---------------------------------------------------------------------------------*/
.box_scoll {max-height:143px; padding:4px 15px; border:1px solid #adb1b6; border-radius:3px; overflow-y:auto;}
.box_scoll li {width:33.3%; margin:9px -4px 9px 0; padding-right:20px; vertical-align:middle; display:inline-block; box-sizing:border-box; font-size:14px;}
.box_scoll > .choice_type2 {margin:9px -4px 9px 0; font-weight:700;}
.box_scoll.t1 {padding:15px;}
.box_scoll.t1 > .choice_type1 {display:block; margin:15px 0;}
.box_scoll.t1 > .choice_type1:first-child {margin-top:0;}

/*--------------------------------------------------------------------------------
	# BOX :로딩박스
---------------------------------------------------------------------------------*/
.box_loading {position:relative;}
.box_loading .mes_data_ing[class*="img"] {position:absolute; top:50%; left:50%; z-index:10; margin:-112px -225px; padding:40px 0 !important; width:450px; height:224px; border-radius:3px; background:#fff; box-sizing:border-box;}
.box_loading .mes_data_ing:after {top:77px;}
.box_loading .mes_data_ing > strong:before {content:''; display:block; position:absolute; top:-30%; bottom:-30%; left:-100%; right:-100%; z-index:-2; background:rgba(255,255,255,0.8);}
.box_loading .mes_data_ing > strong:after {content:''; display:block; position:absolute; top:50%; left:50%; margin:-112px -225px; width:450px; height:224px; border:1px solid #adb1b6; border-radius:3px;}

/* 추후 개발 수정 완료 후 삭제 */
.form_card {position:relative;}
.form_card .mes_data_ing[class*="img"] {position:absolute; top:50%; left:50%; z-index:10; margin:-112px -225px; padding:40px 0 !important; width:450px; height:224px; border-radius:3px; background:#fff; box-sizing:border-box;}
.form_card .mes_data_ing:after {top:77px;}
.form_card .mes_data_ing > strong:before {content:''; display:block; position:absolute; top:-50px; bottom:-50px; left:-200px; right:-200px; z-index:-2; background:rgba(255,255,255,0.8);}
.form_card .mes_data_ing > strong:after {content:''; display:block; position:absolute; top:50%; left:50%; margin:-112px -225px; width:450px; height:224px; border:1px solid #adb1b6; border-radius:3px;}
/* // */

/*--------------------------------------------------------------------------------
	# BOX :회원등급박스
---------------------------------------------------------------------------------*/
[data-grade] {margin-top:20px; line-height:68px; border:2px solid; border-radius:3px; font-size:16px; letter-spacing:-0.05em; text-align:center;}
[data-grade] b:before {content:''; width:36px; height:36px; margin-right:10px; background:url('../img/common/icon_set4.png') no-repeat; background-size:500%; display:inline-block; vertical-align:middle;}
[data-grade] strong {font-weight:800;}
[data-grade="f"] {border-color:#65c3ea;}
[data-grade="b"] {border-color:#9e6950;}
[data-grade="s"] {border-color:#98a4af;}
[data-grade="g"] {border-color:#ffbf3d;}
[data-grade="p"] {border-color:#543ea8;}
[data-grade="f"] b:before {background-position:0 0;}
[data-grade="b"] b:before {background-position:-36px 0;}
[data-grade="s"] b:before {background-position:-72px 0;}
[data-grade="g"] b:before {background-position:-108px 0;}
[data-grade="p"] b:before {background-position:-144px 0;}

/* ##############################
	# 배너 컨텐츠
	# [class="bnr_"]
############################## */
/*--------------------------------------------------------------------------------
	# 배너 :유형1
---------------------------------------------------------------------------------*/
.bnr_type1 {overflow:hidden; position:relative; margin:35px auto; width:1100px; padding-right:260px; height:150px; color:#fff; border-radius:7px; background:url('../img/common/bg_banner1.png') no-repeat 0 0; letter-spacing:-0.05em; box-sizing:border-box;}
.bnr_type1 > header, .bnr_type1 > .cont {display:inline-block; vertical-align:middle;}
.bnr_type1 > header {width:260px; height:150px;}
.bnr_type1 > .cont {width:calc(100% - 265px);}
.bnr_type1 h1, .bnr_type1 p, .bnr_type1 h2, .bnr_type1 dl {position:relative; z-index:1;}
.bnr_type1 h2 {font-size:19px; font-weight:700;}
.bnr_type1 dl {margin-top:9px;}
.bnr_type1 dl dt, .bnr_type1 dl dd {display:inline-block; vertical-align:top; font-size:14px; line-height:1.55;}
.bnr_type1 dl dt {width:61px;}
.bnr_type1 dl dd {width:calc(100% - 65px);}
.bnr_type1 .txt_data {display:block !important; height:auto !important; padding:0; margin:78px 0 0 47px; width:153px; text-align:center; color:#fff;}
.bnr_type1 .txt_data > strong,
.bnr_type1 .txt_data > span {color:#fff;}
.bnr_type1 .txt_data > strong {margin-right:4px; font-size:28px;}
.bnr_type1 .btn_type4 {position:absolute; top:50%; right:40px; margin:-24px 0; padding:0; width:184px; border:1px solid rgba(255,255,255,0.5); border-radius:3px; text-align:center; color:#fff;}
.bnr_type1.t1 > header > h1 {position:absolute; left:55px; top:26px; width:136px; font-size:15px; line-height:42px; font-weight:700; text-align:center; background:linear-gradient(90deg, #f79ca2 4px, transparent 4px) 0 41px / 7px 1px repeat-x;}
.bnr_type1.t2 {background-position:0 -150px;}
.bnr_type1.t2 > header > h1 {overflow:hidden; position:absolute; top:0; padding-left:1px; width:0; height:1px; white-space:nowrap;}
.bnr_type1.t2 .txt_data {margin:20px 0 0; width:230px;}
.bnr_type1.t2 .txt_data > strong {font-size:100px;}
.bnr_type1.t2 .txt_data > span {display:inline-block; margin-left:4px; line-height:1; text-align:left;}
.bnr_type1.t2 .txt_data > span:first-line {font-size:24px;}

/*--------------------------------------------------------------------------------
	# 배너 :유형2
---------------------------------------------------------------------------------*/
.bnr_type2 {overflow:hidden; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex; align-items:center; position:relative; z-index:1; padding:0 52px 0 12px; height:90px; border-radius:3px; background:#efeffb; color:#40464d; font-size:23px; letter-spacing:-0.05em;}
.bnr_type2:before {content:''; display:block; position:absolute; top:0; left:0; width:111px; height:90px; border-radius:0 58px 58px 0; background:#7b7bde;}
.bnr_type2:after {display:none;}
.bnr_type2 em {font-weight:700; color:#495058;}
.bnr_type2 strong {color:#5e5ed7;}
.bnr_type2 i {margin:0 8px 0 4px; padding:0 10px; color:#495058; border:1px solid #7c838b; background:rgba(255,255,255,0.08); font-size:14px; line-height:25px;}
.bnr_type2 > cite, .bnr_type2 > span {display:block;}
.bnr_type2 > cite {position:relative; padding-left:140px; margin-right:18px; font-weight:700;}
.bnr_type2 > cite:before {content:''; display:block; position:absolute; top:50%; left:0; width:80px; height:80px; margin-top:-40px; background:url("../img/common/icon_set1.png") no-repeat 0 -960px;}
.bnr_type2 > span {-ms-flex:1; flex:1;}
.bnr_type2 > span:after {content:''; display:block; position:absolute; top:50%; right:35px; margin:-8px 0; width:18px; height:18px; border:1px solid #40464d; border-left:0; border-bottom:0; transform:rotate(45deg);}
.bnr_type2 > span > * {vertical-align:middle; display:inline-block;}
.bnr_type2 > span > *:only-child {vertical-align:inherit;}
.bnr_type2 > span > span {font-size:14px; -ms-flex:1; flex:1;}
.list_type4 ~ .bnr_type2 {margin-top:30px;}
.paging + .bnr_type2 {margin-top:30px;}

/* BNRTYPE2 :아이콘 */
/* .bnr_type2[data-product="hotel"] > cite:before {background-position:-80px -960px;} */
.bnr_type2[data-product="tour"] > cite:before {background-position:-160px -960px;}

/* BNRTYPE2 :색상 */ 
.bnr_type2.t2 {background:#e1f4fd;}
.bnr_type2.t2:before {background:#4ab9e7;}
.bnr_type2.t2 strong {color:#24aae1;}
.bnr_type2.t3 {background:#ffeced;}
.bnr_type2.t3:before {background:#ff676d;}
.bnr_type2.t3 strong {color:#ff464d;}
.bnr_type2.t4 {background:#fffbe5;}
.bnr_type2.t4:before {background:#ffc92e;}
.bnr_type2.t4 strong {color:#ffa800;}

/* 해외항공 검색 띠배너 수정 20221018 */

.bnr_type2[data-product="hotel"].t3{background:url("../img/common/src_bnr_bg_img.png") no-repeat; background-size:cover; color:#fff; position:relative; padding-right:40px;}
.bnr_type2[data-product="hotel"].t3:before{background:url("../img/common/src_bnr_ico_bg.png") no-repeat; background-size:cover;}
.bnr_type2[data-product="hotel"].t3:after{content:''; display:block; background:url("../img/common/src_bnr_badge.png") no-repeat; width:100px; height:100px;}
.bnr_type2[data-product="hotel"].t3 > span:after{border-color:#fff;}
.bnr_type2[data-product="hotel"] strong{color:#9ef9fe !important;}
.bnr_type2[data-product="hotel"] > cite:before {background:url("../img/common/src_bnr_ico.png") no-repeat center; background-size:80%;}


/* BNRTYPE2 :IE9 */
@media screen and (min-width:0\0) and (min-resolution:.001dpcm) {
	.bnr_type2 {display:block; padding-top:25px; box-sizing:border-box;}
	.bnr_type2 > cite, .bnr_type2 > span {display:inline-block;}
}

/*-------------------------------------------------------------------------------- 
	# 배너 :유형3
---------------------------------------------------------------------------------*/
.bnr_type3 {display:table; table-layout:fixed; margin:-8px; width:944px; border-spacing:8px; border-collapse:separate;}
.bnr_type3 > li {display:table-cell; position:relative; padding-left:74px; height:100px; border:1px solid #cdd0d3; border-radius:5px; background:#fff; vertical-align:middle; font-size:17px; line-height:1.3; letter-spacing:-0.05em;}
.bnr_type3 > li:before {content:''; display:block; position:absolute; top:31px; left:19px; width:40px; height:40px; background:url("../img/common/icon_set1.png") no-repeat 0 -760px;}
.bnr_type3 > li > a {display:block; color:#020219;}
.bnr_type3 > li > a:before {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100px;}
.bnr_type3 > li strong {display:block;}
.bnr_type3 > li span {display:block; margin-top:6px; font-size:13px; color:#5b646e;}
.bnr_type3 > li:hover {border-color:#24aae1;}
.bnr_type3 .ico2:before {background-position:-40px -760px;}
.bnr_type3 .ico3:before {background-position:-80px -760px;}
.bnr_type3 .ico4:before {background-position:-120px -760px;}
.bnr_type3 .ico5:before {background-position:-160px -760px;}
.bnr_type3 .ico6:before {background-position:-200px -760px;}
.bnr_type3 .ico7:before {background-position:-240px -760px;}
.bnr_type3 .ico8:before {background-position:-280px -760px;}
.bnr_type3 .ico9:before {background-position:-80px -561px;} /* [M 2020-09-14] 아이콘 변경 */

/*-------------------------------------------------------------------------------- 
	# 배너 :유형4
---------------------------------------------------------------------------------*/
.bnr_type4 {display:table; table-layout:fixed; width:100%;}
.bnr_type4 > li {display:table-cell; position:relative;}
.bnr_type4 > li > a {display:block; color:#020219;}
.bnr_type4 > li > a:before {content:''; display:block; position:absolute; top:0; left:0; width:100%; z-index:1;}
.bnr_type4 > li:before {content:''; display:block; margin:7px auto 9px; width:100px; height:100px; background-color:#fff; border-radius:50%;}
.bnr_type4 > li:after {content:''; display:block; position:absolute; width:40px; height:40px; background:url('../img/common/icon_set1.png') no-repeat -160px -720px;}
.bnr_type4 > li {padding-bottom:5px; font-size:14px; line-height:1.3; text-align:center;}
.bnr_type4 > li > a:before {height:160px;}
.bnr_type4:not(.t1) > li:after {top:39px; left:50%; margin:0 -20px;}
.bnr_type4:not(.t1) [class*="ico_logo"]:after {background-image:url('../img/common/icon_set3.png');}
.bnr_type4 .ico2:after {background-position:-200px -720px;}
.bnr_type4 .ico3:after {background-position:-240px -720px;}
.bnr_type4 .ico4:after {background-position:-280px -720px;}
.bnr_type4 .ico5:after {background-position:-360px -680px;}
.bnr_type4 .ico6:after {background-position:-360px -720px;}
.bnr_type4 .ico7:after {background-position:-400px -720px;}
.bnr_type4 .ico8:after {background-position:-440px -720px;}
.bnr_type4:not(.t1) .ico_logo1:after {top:35px; margin:0 -24px; width:48px; height:46px; background-position:0 -120px;}
.bnr_type4:not(.t1) .ico_logo2:after {top:41px; margin:0 -37px; width:74px; height:32px; background-position:-160px -120px;}
.bnr_type4:not(.t1) .ico_logo3:after {top:48px; margin:0 -40px; width:80px; height:18px; background-position:-480px -120px;}
.bnr_type4:not(.t1) .ico_logo4:after {top:43px; margin:0 -42px; width:85px; height:28px; background-position:-320px -120px;}

.bnr_type4.t1 {background:#bde5f6; border-radius:6px 6px 0 0;}
.bnr_type4.t1 > li {margin-right:35px; padding-bottom:17px; width:113px;}
.bnr_type4.t1 > li:before {margin:30px auto 12px; width:75px; height:75px;}
.bnr_type4.t1 > li:after, .bnr_type4.t2 > li:after {top:48px; left:50%; margin:0 -20px;}
.bnr_type4.t1 > li:not(.on) > a {color:#1a7fbb;}
.bnr_type4.t1 > li.on:before {background-color:#24aae1;}
.bnr_type4.t1 > li.on > a {font-weight:700;}
.bnr_type4.t1 > li.on > a:after {content:''; display:block; position:absolute; bottom:0; left:50%; margin:0 -12px; width:0; height:0; border:12px solid transparent; border-bottom-color:#fff}
.bnr_type4.t2 {border-top:14px solid #eeeff0; border-bottom:14px solid #eeeff0; background:#eeeff0;}
.bnr_type4.t2 > li {padding:0; font-size:12px; font-weight:700;}
.bnr_type4.t2 > li:before {margin:0 auto 7px; width:54px; height:54px;}
.bnr_type4.t2 > li:after {top:7px;}
.bnr_type4.t2 > li + li {border-left:1px dotted #b4bed7;}
.bnr_type4[data-banner="addition"] .on:after {background-position-y:-640px !important}
.bnr_type4[data-banner="addition"] .ico1:after {background-position:0 -600px;}
.bnr_type4[data-banner="addition"] .ico2:after {background-position:-40px -600px;}
.bnr_type4[data-banner="addition"] .ico3:after {background-position:-80px -600px;}
.bnr_type4[data-banner="addition"] .ico4:after {background-position:-120px -600px;}
.bnr_type4[data-banner="addition"] .ico5:after {background-position:-160px -600px;}
.bnr_type4[data-banner="addition"] .ico6:after {background-position:-200px -600px;}
.bnr_type4[data-banner="addition"] .ico7:after {background-position:-240px -600px;}
.bnr_type4[data-banner="addition"] .ico8:after {background-position:-280px -600px;}
.bnr_type4[data-banner="addition"] .ico9:after {background-position:-562px -600px;}
.bnr_type4[data-banner="addition"] > li > a {letter-spacing:-0.5px;}
.bnr_type4[data-banner="addition2"] .ico1:after {background-position:-320px -600px;}
.bnr_type4[data-banner="addition2"] .ico2:after {background-position:-360px -600px;}
.bnr_type4[data-banner="addition2"] .ico3:after {background-position:-400px -600px;}
.bnr_type4[data-banner="addition2"] .ico4:after {background-position:-440px -600px;}
.bnr_type4[data-banner="addition2"] .ico5:after {background-position:-480px -600px;}
.bnr_type4[data-banner="addition2"] .ico6:after {background-position:-520px -600px;}

@media screen and (min-width:0\0) and (min-resolution:.001dpcm) {
	.bnr_type4.t1 > li.on > a:after {display:none;}
}

/*-------------------------------------------------------------------------------- 
	# 배너 :유형5
---------------------------------------------------------------------------------*/
.bnr_type5 {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex; margin:50px 0; border:1px solid #dee0e2;}
.bnr_type5 > li {-ms-flex:1; flex:1; position:relative; margin:20px 0; text-align:center;}
.bnr_type5 > li:before {content:''; display:inline-block; margin-right:7px; width:60px; height:60px; background:url("../img/common/icon_set1.png") no-repeat 0 -880px; background-clip: padding-box; vertical-align:middle;}
.bnr_type5 > li:after {content:''; display:inline-block; margin-bottom:0; margin-left:25px; width:10px; height:16px; border-radius:50%; background:#dee0e2 url("../img/common/icon_set2.png") no-repeat -78px -37px; border:solid #dee0e2; border-width:6px 9px ;vertical-align:middle;}
.bnr_type5 > li a {display:inline-block; text-align:left; box-sizing:border-box; vertical-align:middle;}
.bnr_type5:not(.t1):not(.t2):not(.t3) > li a {font-size:17px; font-weight:700; line-height:1.15; color:#40464d;}
.bnr_type5 > li a:before {content:''; display:block; position:absolute; top:-20px; left:0; bottom:-20px; right:0;}
.bnr_type5:not(.t2):not(.t3) > li + li {border-left:1px solid #dee0e2;}
.bnr_type5.t1 > li, .bnr_type5.t2 > li {font-size:16px;}
.bnr_type5.t1 > li:before, .bnr_type5.t2 > li:before, .bnr_type5.t3 > li:before {position:absolute;z-index:2;}
.bnr_type5.t1 > li:after, .bnr_type5.t2 > li:after, .bnr_type5.t3 > li:after {position:absolute;z-index:1;background:#f0f5fb;border:0;}

/* BNRTYPE5 :제주렌터카 */
.bnr_type5.t1 {margin:0; padding:25px 0; border:0;}
.bnr_type5.t1 > li {padding-left:175px; font-weight:700; color:#4b4bac; text-align:left;}
.bnr_type5.t1 > li + li {border-left:1px solid #dee0e2;}
.bnr_type5.t1 > li:before {top:-10px; left:80px;}
.bnr_type5.t1 > li:after {top:-25px; left:40px; width:90px; height:90px;}

/* BNRTYPE5 :국내항공 */
.bnr_type5.t2 {margin:-20px 0; border:0;}
.bnr_type5.t2 > li {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex; flex-direction:column; flex-wrap:wrap; justify-content:center; padding-left:153px; height:160px; border:1px solid #aeaeeb; border-radius:6px; text-align:left; letter-spacing:-0.05em; line-height:1.45;}
.bnr_type5.t2 > li:before {top:50%; left:41px; margin:-40px 0; width:80px; height:80px;}
.bnr_type5.t2 > li:after {top:50%; left:27px; margin:-54px 0; width:108px; height:108px;}
.bnr_type5.t2 > li + li {margin-left:16px;}

/* BNRTYPE5 :여행정보 */
.bnr_type5.t3 {margin:0; border:0;}
.bnr_type5.t3 > li {text-align:left;}
.bnr_type5.t3 > li:before {position:relative; margin-left:32px; margin-right:23px; width:40px; height:40px;}
.bnr_type5.t3 > li:after {top:50%; left:20px; margin:-32px 0; width:64px; height:64px;}
.bnr_type5.t3 > li a {font-size:14px; line-height:1.25;}

/* BNRTYPE5 :아이콘 */
.bnr_type5 > li.ico2:before {background-position:-80px -880px;}
.bnr_type5 > li.ico3:before {background-position:-160px -880px;}
.bnr_type5 > li.ico4:before {background-position:-240px -880px;}
.bnr_type5 > li.ico5:before {background-position:-320px -880px;}
.bnr_type5 > li.ico6:before {background-position:-400px -880px;}
.bnr_type5 > li.ico7:before {background-position:-480px -880px;}
.bnr_type5 > li.ico8:before {background-position:-560px -880px;}
.bnr_type5 .ico10:before {background-position:-640px -880px;}
.bnr_type5 .ico11:before {background-position:-720px -880px;}
.bnr_type5 .ico12:before {background-position:-800px -880px;}
.bnr_type5.t2 .ico2:before {background-position:-400px -960px;}
.bnr_type5.t2 .ico1:before {background-position:-480px -960px;}
.bnr_type5.t2 .ico3:before {background-position:-560px -960px;}
.bnr_type5.t3 .ico1:before {background-position:0 -720px;}
.bnr_type5.t3 .ico2:before {background-position:-40px -720px;}
.bnr_type5.t3 .ico3:before {background-position:-80px -720px;}
.bnr_type5.t3 .ico4:before {background-position:-120px -720px;}

/* BNRTYPE5 :IE9 */
@media screen and (min-width:0\0) and (min-resolution:.001dpcm) {
	.bnr_type5 {display:table; table-layout:fixed; border-spacing:7px; margin:-7px !important; width:calc(100% + 14px);}
	.bnr_type5 > li {display:table-cell; padding:20px 0; vertical-align:middle;}
	.bnr_type5.t2 > li {padding-top:30px; box-sizing:border-box;}
	.bnr_type5.t2 > li:before {top:25px; margin:0;}
}

/*-------------------------------------------------------------------------------- 
	# 배너 :유형6
---------------------------------------------------------------------------------*/
.bnr_type6 {position:relative; padding:24px 20px 24px 40px; height:146px; border-radius:6px; background:#d3eef9; box-sizing:border-box;}
.bnr_type6 h1 {font-size:24px; color:#166aa5; line-height:1.2; letter-spacing:-0.05em;}
.bnr_type6 h1 span {display:block; margin-bottom:1px; font-size:17px; font-weight:700; line-height:1.1;}
.bnr_type6 p {margin-top:11px; font-size:13px;}
.bnr_type6 .txt_info {margin-top:5px; font-size:0;}
.bnr_type6 .txt_info > * {font-size:12px;}
.bnr_type6 .txt_info > dt {color:#ffc7c9;} 
.bnr_type6 .txt_info > dt:before {margin-left:5px; margin-right:5px; background-color:#ffa2a6;}
.bnr_type6 .btn_type {position:absolute; top:26px; right:20px; background:none; border-color:#020219;}
.bnr_type6:not([class*="img"]) > h1 {display:inline-block; margin-right:12px; padding:5px 0; width:43px; border-top:1px solid #166aa5; border-bottom:1px solid #166aa5; vertical-align:middle;}
.bnr_type6:not([class*="img"]) .bnr_type5 {display:inline-flex; margin:5px 0 0; width:calc(100% - 60px); border:0; vertical-align:middle;}
.bnr_type6:not([class*="img"]) .bnr_type5 li:before {display:block; margin:0 auto 4px; border:6px solid #fff; border-radius:50%; background-color:#fff;}
.bnr_type6:not([class*="img"]) .bnr_type5 li:after {display:none !important;}
.bnr_type6:not([class*="img"]) .bnr_type5 li {margin:0;}
.bnr_type6:not([class*="img"]) .bnr_type5 li + li {border:0;}
.bnr_type6:not([class*="img"]) .bnr_type5 li a {font-size:14px !important; color:#020219;}
.bnr_type6[class*="img"] {padding:22px 0 24px 133px;}
.bnr_type6[class*="img"] h1 {font-size:22px; font-weight:400;}
.bnr_type6[class*="img"]:before {content:''; display:block; position:absolute; bottom:0; left:0; width:118px; height:125px; background:url("../img/common/bg_set1.png") no-repeat;}
.bnr_type6.img1 {background-color:#ff464d; color:#fff;}
.bnr_type6.img1 h1 {color:#fff;}
.bnr_type6.img1 h1 b {color:#ffe033;}
.bnr_type6.img1 p {display:table; padding:1px 0 2px; margin-top:7px; border-top:1px solid #cc383e; border-bottom:1px solid #cc383e;}
.bnr_type6.img1 .btn_type, .bnr_type6.img4 .btn_type, .bnr_type6.img12 .btn_type {color:#fff; border-color:#fff;}
.bnr_type6.img1 .btn_type:after, .bnr_type6.img4 .btn_type:after, .bnr_type6.img12 .btn_type:after {background-position:0 0}
.bnr_type6.img1:before {background-position:-1px -323px;}
.bnr_type6.img2:before {background-position:-162px -323px;}
.bnr_type6.img3:before {background-position:-323px -323px;}
.bnr_type6.img4:before {width:100%; height:100%; background:url("../img/mypage/allwin_bnr_452x146.png") no-repeat;}
.bnr_type6.img5:before {background-position:-645px -323px;}
.bnr_type6.img6:before {background-position:-806px -323px;}
.bnr_type6.img7:before {background-position:-967px -323px;}
.bnr_type6.img8:before {background-position:-323px -323px;}
.bnr_type6.img9:before {background-position:-806px -323px;}
.bnr_type6.img10 {background-color:#fff4ea;}
.bnr_type6.img10 h1 {color:#f35d21;}
.bnr_type6.img10:before {background-position:-484px -323px;}
.bnr_type6.img11:before{width:100%; height:100%; background:url("../img/mypage/bnr_myp_452x146.png") no-repeat;}
.bnr_type6.img12:before{width:100%; height:100%; background:url("../img/mypage/jeju_duty_bnr_452x146.png") no-repeat;}
.slide1 .bnr_type6[class*="img"] {width:452px;}
.mypage .bnr_area .slide1 .indicator {bottom:20px; padding-left:30px;}
.mypage .bnr_area .slide1 .box > button {display:none;}
.event .slide1.bnr1 .indicator {padding-left:0; left:50%; right:auto; transform:translateX(-50%); -webkit-transform:translateX;}

/* 제주 배너 */
.jeju_bnr_slide {border-radius: 7px;}
.jeju_bnr_slide .swiper-pagination{bottom:5px;}
.jeju_bnr_slide .swiper-pagination-bullet{width:10px; height:10px;}
.jeju_bnr_slide .swiper-pagination-bullet-active{background-color:#fff;}

 /*-------------------------------------------------------------------------------- 
	# 배너 :visual
---------------------------------------------------------------------------------*/
.bnr_visual {padding:48px 0 0; height:210px; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; font-size:18px; color:#fff; text-align:center; box-sizing:border-box;}
.bnr_visual a {margin:-48px 0 0; padding:48px 0 52px; display:block;}
.bnr_visual h1 {display:inline-block; padding:2px 11px 3px; background:#fff; font-size:15px; color:#000; border-radius:20px;}
.bnr_visual h2 {margin:5px 0 7px; font-size:32px;}

/*-------------------------------------------------------------------------------- 
	# 배너 :안내형1
---------------------------------------------------------------------------------*/
.bnr_info {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex; flex-wrap:wrap;}
.bnr_info > li {margin:8px 0; padding:27px 0; width:20%; min-height:237px; border-top:1px solid #cdd0d3; border-bottom:1px solid #cdd0d3; background:#fff; text-align:center; box-sizing:border-box; font-size:13px; color:#5b646e;}
.bnr_info > li > strong {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; justify-content:center; align-content:center; position:relative; margin:4px 0 16px; padding-bottom:65px; min-height:44px; font-size:15px; color:#020219;}
.bnr_info > li > strong:after {content:''; display:block; position:absolute; bottom:0; left:50%; margin:0 -40px; width:80px; height:60px; background:url('../img/common/icon_set1.png') 0 -1440px;}
.bnr_info > li:nth-last-child(6):first-child,
.bnr_info > li:nth-last-child(6):first-child ~ li {width:33%;}
.bnr_info > li:nth-last-child(6):first-child ~ li:nth-child(3n-1) {width:34%;}
.bnr_info > li:nth-last-child(8):first-child,
.bnr_info > li:nth-last-child(8):first-child ~ li {width:25%;}
.bnr_info > li:first-child,
.bnr_info > li:nth-last-child(6):first-child ~ li:nth-child(3n +1),
.bnr_info > li:nth-last-child(8):first-child ~ li:nth-child(4n +1) {border-radius:3px 0 0 3px; border-left:1px solid #cdd0d3}
.bnr_info > li:last-child,
.bnr_info > li:nth-last-child(6):first-child ~ li:nth-child(3n),
.bnr_info > li:nth-last-child(8):first-child ~ li:nth-child(4n) {border-radius:0 3px 3px 0; border-right:1px solid #cdd0d3;}
/* 프리미엄 */
.bnr_info.img_premium > li:nth-child(2) > strong:after {background-position:-80px -1440px}
.bnr_info.img_premium > li:nth-child(3) > strong:after {background-position:-160px -1440px}
.bnr_info.img_premium > li:nth-child(4) > strong:after {background-position:-240px -1440px}
.bnr_info.img_premium > li:nth-child(5) > strong:after {background-position:-320px -1440px}
.bnr_info.img_premium > li:nth-child(6) > strong:after {background-position:-400px -1440px}
/* 비즈니스 */
.bnr_info.img_business > li:nth-child(1) > strong:after {background-position:-480px -1440px}
.bnr_info.img_business > li:nth-child(2) > strong:after {background-position:-560px -1440px}
.bnr_info.img_business > li:nth-child(3) > strong:after {background-position:-640px -1440px}
.bnr_info.img_business > li:nth-child(4) > strong:after {background-position:-720px -1440px}
.bnr_info.img_business > li:nth-child(5) > strong:after {background-position:-800px -1440px}
.bnr_info.img_business > li:nth-child(6) > strong:after {background-position:-880px -1440px}
.bnr_info.img_business > li:nth-child(7) > strong:after {background-position:0 -1520px}
.bnr_info.img_business > li:nth-child(8) > strong:after {background-position:-80px -1520px}
.panel2 .bnr_info > li {border:0 !important;}

@media screen and (min-width:0\0) and (min-resolution:.001dpcm) {/* IE9 */
	.bnr_info li {display:inline-block; margin-right:-4px; vertical-align:top; height:190px;}
	.bnr_info li > strong {display:block;}
}

/*-------------------------------------------------------------------------------- 
	# 배너 :안내형2
---------------------------------------------------------------------------------*/
.bnr_info2 {overflow:hidden; position:relative; padding-left:138px; border:2px solid #24aae1; border-radius:6px; box-sizing:border-box;}
.bnr_info2 header {padding:14px 0 20px;}
.bnr_info2 header h1 {position:absolute; top:0; bottom:0; left:0; padding-top:59px; width:118px; background:#e9f6fc; text-align:center; font-size:13px; color:#2096ce;}
.bnr_info2 header h1:before {content:''; display:inline-block; height:100%; vertical-align:middle;}
.bnr_info2 header h1:after {content:''; display:block; position:absolute; top:50%; left:50%; margin:-39px -30px; width:60px; height:60px; background:url('../img/common/icon_set1.png') no-repeat -560px -880px;}
.bnr_info2 header p {font-size:17px; font-weight:700;}
.bnr_info2 header .btn_wrap {margin-top:7px;}
.bnr_info2 header .btn_toggle {top:0; left:auto; width:147px; height:55px;}
.bnr_info2 .open + .txt_type1 {padding:0 20px 21px 0;}

/*-------------------------------------------------------------------------------- 
	# 배너 :안내형3
---------------------------------------------------------------------------------*/
.bnr_info3 {position:relative; margin:0 auto; width:1100px; min-height:341px; padding:30px 10px 40px 40px; border-radius:0 0 3px 3px; background-color:#ff6b71; overflow:hidden; box-sizing:border-box;}
/* .bnr_info3:after {content:""; position:absolute; right:-246px; bottom:-192px; width:509px; height:170px; border-radius:100px; background-color:#eb636a; transform:rotate(33deg);} */
.bnr_info3 h1 {position:absolute; left:0; top:0; width:100%; height:100%; /* width:503px; height:158px; */}
.bnr_info3 h1 img {width:100%; height:100%;}
.bnr_info3 .area1, .bnr_info3 .area2 {vertical-align:top; display:inline-block;}
.bnr_info3 .area1 {position:relative; width:409px; margin-top:149px; border-left:4px solid #ffd800; border-right:11px solid #ffd800; border-radius:4px; overflow:hidden; z-index:1;}
.bnr_info3 .area1:before, 
.bnr_info3 .area1:after {content:""; position:absolute; left:86px; width:12px; height:12px; border-radius:50%; box-shadow:155px 0 0 170px rgba(255,255,255, 1); z-index:-1;}
.bnr_info3 .area1:before {top:-6px;}
.bnr_info3 .area1:after {bottom:-6px;}
.bnr_info3 .area1 dl {padding:20px 16px; line-height:22px;}
.bnr_info3 .area1 dl:before {content:""; position:absolute; left:0; top:0; bottom:0; width:86px; background-color:#fff; z-index:-1;}
.bnr_info3 .area1 dl:after {clear:both; content:""; display:block;}
.bnr_info3 .area1 dt {float:left; width:67px; font-weight:700; color:#fff; text-align:center; border-radius:20px; background-color:#cc383e;}
.bnr_info3 .area1 dd {float:right; width:290px; font-size:14px; letter-spacing:-0.04em;}
.bnr_info3 .area1 dd:nth-of-type(1):before {content:""; position:absolute; left:92px; top:8px; bottom:8px; width:1px; background-image:linear-gradient(#dee0e2 2px, #fff 1px); background-size:1px 3px;}
.bnr_info3 .area1 dd ~ * {margin-top:8px;}
.bnr_info3 .area1 .txt_data3 {margin-top:-3px; font-size:14px; font-weight:400;}
.bnr_info3 .area2 {position:relative; width:574px; height:271px; margin-left:48px;}
.bnr_info3 .area2 > h3 {padding:0 10px; line-height:1.67; color:#fff; border:1px solid #fff; border-radius:20px; display:inline-block;}
.bnr_info3 .area2 > div {margin-top:8px; font-size:13px; line-height:1.54; color:#fff; letter-spacing:-0.04em;}
.bnr_info3 .area2 > a.btn_white {position:absolute; bottom:0; left:0; padding:0 10px; margin-top:13px; min-width:216px; border-color:#fff; background-color:transparent; color:#fff;}
.bnr_info3 .area2 > a.btn_white.arr1:after {content:""; width:7px; height:10px; margin-left:10px; border:solid rgba(255,255,255, 0.03); border-width:3px 4px 3px 5px; border-radius:50%; background-position:0 -160px; background-color:rgba(255,255,255, 0.3); vertical-align:middle; display:inline-block;}
.form_search1 + .bnr_info3 {box-shadow:0 0 30px 0 rgba(0,0,0, 0.1)}

/*-------------------------------------------------------------------------------- 
	# 배너 :혜택
---------------------------------------------------------------------------------*/
.bnr_benefits {overflow:hidden; position:relative;}
.bnr_benefits > h1 {overflow:hidden; position:absolute; padding-left:1px; width:0; height:1px; white-space:nowrap;}
.bnr_benefits > section {float:left; position:relative; padding:25px 30px; width:calc(50% - 8px); height:190px; background:#393992; border-radius:3px; color:#fff; line-height:1.6; box-sizing:border-box;}
.bnr_benefits > section > h2 {font-size:19px; margin-bottom:3px;}
.bnr_benefits > section > h2 > b {color:#ffd800;}
.bnr_benefits > section > p {font-size:15px;}
.bnr_benefits > section > p > strong {font-weight:400; color:#ffd800;}
.bnr_benefits > section > p + p > strong {display:block; font-size:20px; font-weight:700; line-height:1.4; color:#fff; letter-spacing:-0.05em;}
.bnr_benefits > section > p + p,
.bnr_benefits > section > ul {margin-top:13px; font-size:14px;}
.bnr_benefits > section > ul > li {position:relative; padding-left:8px;}
.bnr_benefits > section > ul > li:before {content:''; display:block; position:absolute; top:10px; left:0; width:4px; height:3px; border-radius:50%; background:#fff;}
.bnr_benefits > section a {position:absolute; bottom:25px; right:30px; border-color:#fff;}
.bnr_benefits > section + section {float:right; background:#24aae1;}

/*-------------------------------------------------------------------------------- 
	# 배너 :외교통상부
---------------------------------------------------------------------------------*/
.bnr_mofa {margin:-14px 0 -10px; border:1px solid #dee0e2;}
.bnr_mofa > h1, .bnr_mofa > ul {display:inline-block; vertical-align:middle;}
.bnr_mofa > h1 {overflow:hidden; position:relative; padding-left:278px; width:0; height:88px; white-space:nowrap;}
.bnr_mofa > h1:before {content:''; display:block; position:absolute; top:50%; left:50%; margin:-20px -62px; width:125px; height:40px; background:url("../img/common/icon_set3.png") no-repeat -160px -40px;}
.bnr_mofa > ul {margin-left:-3px; padding-left:29px; border-left:1px solid #dee0e2; letter-spacing:-0.05em;}

/*-------------------------------------------------------------------------------- 
	# 배너 :SNS배너
---------------------------------------------------------------------------------*/
.bnr_sns {font-size:0;}
.bnr_sns > li {overflow:hidden; display:inline-block; position:relative; width:calc(33.334% - 11px); padding:25px 30px; border-radius:5px; background:#f0f5fb; font-size:18px; line-height:1.4; vertical-align:top; box-sizing:border-box;}
.bnr_sns > li + li {margin-left:16px;}
.bnr_sns > li:before, .bnr_sns > li:after {content:''; display:block; position:absolute;}
.bnr_sns > li:before {right:-24px; bottom:-9px; width:100px; height:67px; border-radius:67px; background:#008be4; transform:rotate(24deg);}
.bnr_sns > li:after {right:19px; bottom:13px; width:32px; height:33px; background:url("../img/common/icon_set1.png") no-repeat -842px -362px;}
.bnr_sns > li:nth-child(2):before {background:#00c73c;}
.bnr_sns > li:nth-child(2):after {right:17px; bottom:12px; width:38px; height:32px; background-position:-640px -360px;}
.bnr_sns > li:nth-child(3):before {background:#ffde00;}
.bnr_sns > li:nth-child(3):after {right:24px; bottom:17px; width:26px; height:24px; background-position:-680px -360px;}
.bnr_sns > li > b, .bnr_sns > li > strong {display:block;}
.bnr_sns > li > strong {margin-top:15px; font-size:16px; color:#008be4; letter-spacing:-0.5px;}
.bnr_sns > li > strong:after {content:''; display:inline-block; width:6px; height:6px; margin:-3px 0 0 6px; border:solid #008be4; border-width:1px 1px 0 0; vertical-align:middle; transform:rotate(45deg);}
.bnr_sns > li:nth-child(2) > strong {color:#0eb03f;}
.bnr_sns > li:nth-child(2) > strong:after {border-color:#0eb03f;}
.bnr_sns > li:nth-child(3) > strong {color:#e69d1f;}
.bnr_sns > li:nth-child(3) > strong:after {border-color:#e69d1f;}
.bnr_sns > li > a {overflow:hidden; position:absolute; left:0; right:0; top:0; bottom:0; width:0; height:100%; padding-left:100%;}

/*--------------------------------------------------------------------------------
	# 배너 :그룹형1
---------------------------------------------------------------------------------*/
.bnr_area {margin-top:16px; margin-bottom:16px;}
.bnr_area a {display:block;}
.bnr_area > * {float:left; width:calc(50% - 5px);}
.bnr_area > *:nth-child(odd) {float:left;}
.bnr_area > *:nth-child(even) {float:right;}
.bnr_area > *:nth-child(2) ~ * {margin-top:18px;}
.bnr_area:last-child {margin-bottom:0;}
.bnr_area:first-child {margin-top:0;}
.bnr_area:after {content:''; clear:both; display:block;}
.bnr_area.t1 > * {width:50%;}
.bnr_area.panel {margin-top:35px;}
.bnr_area:not(.t1) img:only-child {border-radius:6px;}

/* 추후 개발 수정 완료 시 아래 내용 삭제 */
.bnr_evt > a {width:50%; float:left; display:block;}
/* // */

/*--------------------------------------------------------------------------------
	# 배너 :그룹형2
---------------------------------------------------------------------------------*/
.bnr_area2 {position:relative; margin-top:30px; margin-bottom:35px; clear:both; text-align:center;}
.bnr_area2 > a {display:block;}
.bnr_area2 > a + a {margin-top:10px;}
.bnr_area2 > a:empty {display:block; height:90px; background:#cdd0d3; color:#fff; font-size:14px; font-weight:700; text-align:center; line-height:90px;}
.bnr_area2 > a:empty:before {content:'띠 배너 영역';}
.bnr_area2 img:only-child {border-radius:6px;}
.bnr_area2.panel {margin-bottom:0;}
.data_summary + .bnr_area2 {margin-top:-5px;}

.bnr_area2.t1 {margin:0;}

/* ##############################
	# 슬라이드 컨텐츠
	# [class="slide_"]
############################## */
/*--------------------------------------------------------------------------------
	# 슬라이드 :기본 유형
---------------------------------------------------------------------------------*/
.slide1 {overflow:hidden; position:relative;}
.slide1[class*="slide_type"] {border-radius:6px;}
.slide1 > .tit_type {position:absolute; top:17px; left:22px; z-index:10; margin:0 !important; color:#fff;}
.btn_more2 + .slide1 {margin-top:35px;}

/* SLIDE1 :객체 */
.slide1 .list {display:-webkit-box; display:-ms-flexbox; display:flex;}
.slide1 .list > li {position:relative; -ms-flex-shrink:0 !important; flex-shrink:0 !important; flex-basis:auto !important;}
.slide1 .list > li .group {display:inline-block; vertical-align:middle;}
/* 20220923 메인 슬라이드 / 서브 메인 슬라이드 링크 전체영역 확장
.slide1 .list a.btn {display:block; margin:20px auto 0; width:108px; height:32px;  font-weight:700; font-size:14px; line-height:32px; color:#fff; text-align:center; border:1px solid #fff; border-radius:3px;}
.slide1 .list a.btn:hover {color:#020219; background-color:#fff;} 
*/
.slide1 .list a.btn {display:block; margin:20px auto 0; width:100%; height:100%;  font-size:0;}

/* 20220923 메인/서브/3dep 슬라이드 링크 영역 확장에 따른 분리 
.slide1 .list .hide + a.btn,
.slide1 .list img + a.btn {position:absolute; left:50%; bottom:112px; margin-top:0; margin-left:-55px;} */
.slide1 .list .hide + a.btn,
.slide1 .list img + a.btn {position:absolute; left:0; bottom:0; margin-left:0; margin-top:0;}
/* SLIDE1 :INDICATOR :도트버튼 */
.slide1 .indicator {position:absolute; left:0; right:0; bottom:30px; padding-left:40px; height:8px; text-align:left; font-size:0}
.slide1 .indicator li {width:8px; height:100%; display:inline-block;}
.slide1 .indicator li + li {margin-left:6px;}
.slide1 .indicator button {width:100%; height:100%; line-height:999px; border-radius:10px; border:1px solid #fff; vertical-align:top; overflow:hidden;}
.slide1 .indicator li.on button {background-color:#fff;}
/* SLIDE1 :INDICATOR :텍스트버튼 */
.slide1 .indicator2 {display:table; table-layout:fixed; width:100%; border-radius:0 0 3px 3px;}
.slide1 .indicator2:after {display:none;}
.slide1 .indicator2 > li {display:table-cell; text-align:center;}
.slide1 .indicator2 > li > button {position:relative; height:48px; width:100%; background:#fff; font-size:15px;}
.slide1 .indicator2 > li > button:before {content:''; display:block; position:absolute; top:10px; left:1px; width:1px; height:24px; background:#ccc;}
.slide1 .indicator2 > li.on > button {background:#24aae1; color:#fff;}
.slide1 .indicator2 > li.on > button:before, .slide1 .indicator2 > li.on + li > button:before, .slide1 .indicator2 > li:first-child > button:before {display:none;}

/* SLIDE1 :CONTROL :좌우(화살표)버튼 */
.slide1 .box > button {overflow:hidden; position:absolute; top:20px; width:26px; z-index:5; height:26px; margin-top:0; border:0; border-radius:50%; opacity:1; line-height:999px; background-color:rgba(2,2,25, 0.16);}
.slide1 .box > button:before {content:""; position:absolute; top:50%; width:8px; height:8px; border:solid #fff; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.slide1 .box > button:not(.disabled):hover {background-color:rgba(0,0,0, 1);}
.slide1 .box > button.disabled {opacity:0.5 !important; pointer-events:all;}
.slide1 .box > .btn_prev {left:auto; right:46px; margin-left:0; transform:rotate(0); -webkit-transform:rotate(0);}
.slide1 .box > .btn_next {right:12px; margin-right:0; transform:rotate(0); -webkit-transform:rotate(0);}
.slide1 .box > .btn_prev:before {left:50%; margin:-5px 0 0 -3px; border-width:0 0 2px 2px;}
.slide1 .box > .btn_next:before {right:50%; margin:-5px -3px 0 0; border-width:2px 2px 0 0;}

/* SLIDE1 :IE9 */
@media screen and (min-width:0\0) and (min-resolution:.001dpcm) {
	.slide1 .list {white-space:nowrap;}
	.slide1 .list:after {clear:both; content:""; display:block;}
	.slide1 .list > li {position:relative; display:inline-block; vertical-align:top;}
}

/*--------------------------------------------------------------------------------
	# 슬라이드 :메인배너1
---------------------------------------------------------------------------------*/
.slide1[class*="slide_visual"] .box > button {position:absolute; top:50%; width:29px; height:29px; margin-top:-15px; /*margin-top:-18px; */ border-radius:0; border:solid #fff; background:none; border-width:0 0 3px 3px; opacity:0.65; z-index:10;}
.slide1[class*="slide_visual"] .box > button:hover {opacity:1; background:none;}
.slide1[class*="slide_visual"] .box > button:before {display:none;}
.slide1[class*="slide_visual"] .btn_prev {left:50%; margin-left:-596px; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.slide1[class*="slide_visual"] .btn_next {right:50%; margin-right:-596px; transform:rotate(-135deg); -webkit-transform:rotate(-135deg);}
.slide1[class*="slide_visual"] .indicator {padding:0; bottom:72px; text-align:center; z-index:5;}
.slide1.slide_visual {height:350px;}
.slide1.slide_visual .slide_area {overflow:hidden; position:absolute; left:0; width:100%; height:100%;}
.slide1.slide_visual .slide_area .box {height:100%;}
.slide1.slide_visual .list {height:100%; margin:0 auto;}
/* ### [22-12-06] max-width:1920px; background-position:50% 50%;  background-repeat:no-repeat;  슬라이드 해상도에 따른 밀림 현상으로 제거 ### */ 
.slide1.slide_visual .list > li {width:1920px; height:100%; text-align:center; background-color:#fff;} 
.slide1.slide_visual .list > li:before {content:''; display:inline-block; margin-right:-4px; width:0; height:300px; vertical-align:middle;}
.slide1.slide_visual .list > li .group {width:1100px; color:#fff;}
.slide1.slide_visual .list > li strong, .slide1.slide_visual .list > li span {text-shadow:0 0 5px rgba(0,0,0,0.5)}
.slide1.slide_visual .list > li strong {display:block; font-size:40px;}
.slide1.slide_visual .list > li span {display:block; font-size:16px;}

/*--------------------------------------------------------------------------------
	# 슬라이드 :메인배너2
---------------------------------------------------------------------------------*/
.slide1.slide_visual2 {overflow:visible; margin:0 auto; width:1130px;}
.slide1.slide_visual2 .box:before {content:""; position:absolute; right:50%; top:0; width:100%; height:100%; margin-right:565px; background-color:rgba(0,0,0, 0.3); z-index:5;}
.slide1.slide_visual2 .box:after {content:""; position:absolute; left:50%; top:0; width:100%; height:100%; margin-left:565px; background-color:rgba(0,0,0, 0.3); z-index:5;}
.slide1.slide_visual2 .list {transform:translateX(-1130px); -webkit-transform:translateX(-1130px);}
.slide1.slide_visual2 .list > li {width:1130px; height:320px;}
/* 메인이미지 링크 영역 확대
.slide1.slide_visual2 .list img + a.btn {bottom:72px;} */
.slide1.slide_visual2 .list img + a.btn {bottom:0;}
.slide1.slide_visual2 .indicator {bottom:20px;}

/*--------------------------------------------------------------------------------
	# 슬라이드 :메인배너3
---------------------------------------------------------------------------------*/
.slide1.slide_visual3 {margin:0 auto; width:1100px; height:358px; border-radius:3px;}
.slide1.slide_visual3 .list > li {height:310px;}
.slide1.slide_visual3 .box > button {opacity:0; top:160px; transition:opacity 0.3s;}
.slide1.slide_visual3 .btn_prev {left:20px; margin-left:0;}
.slide1.slide_visual3 .btn_next {right:20px; margin-right:0;}
.slide1.slide_visual3 .box:hover > button {opacity:1;}

/*--------------------------------------------------------------------------------
	# 슬라이드 :멀티형
---------------------------------------------------------------------------------*/
.slide1.slide_type2 .list {margin:0;}
.slide1.slide_type2 .list > li {margin:0 16px 0 0 !important;}
.slide1.slide_type2 .btn_prev, .slide1.slide_type2 .btn_next {top:50%; width:29px; height:46px; margin-top:-23px; border-radius:0; background-color:rgba(0,0,0, 0.65);}
.slide1.slide_type2 .btn_prev:before, .slide1.slide_type2 .btn_next:before {content:""; position:absolute; top:50%; width:10px; height:10px; border:solid #fff; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.slide1.slide_type2 .btn_prev:not(.disabled):hover, .slide1.slide_type2 .btn_next:not(.disabled):hover {background-color:rgba(0,0,0, 1);}
.slide1.slide_type2 .btn_prev {left:0;}
.slide1.slide_type2 .btn_next {right:0;}
.slide1.slide_type2 .btn_prev:before {left:50%; margin:-6px 0 0 -3px; border-width:0 0 2px 2px;}
.slide1.slide_type2 .btn_next:before {right:50%; margin:-6px -3px 0 0; border-width:2px 2px 0 0;}
.slide1.slide_type2 .list_card3.t1 > li {width:263px;}
/* 부가서비스 */
.slide1.slide_addition {padding:0 30px; border-radius:6px 6px 0 0; background:#bde5f6;}
.slide1.slide_addition .list > li {display:block !important; margin:0 35px 0 0 !important;}

/* 슬라이드 : 멀티형 : 부가서비스 : IE9 */
@media screen and (min-width:0\0) and (min-resolution:.001dpcm) {
	.slide1.slide_addition .list > li {display:inline-block !important;}
}


/*--------------------------------------------------------------------------------
	# 슬라이드 :단독형
---------------------------------------------------------------------------------*/
.slide1.slide_type1 .list {margin:0;}
.slide1.slide_type1 .list > li {margin:0 8px 0 0; border-radius:6px; overflow:hidden;}
.slide1.slide_type1 [class*="list_card"] > li,
.slide1.slide_type1 [class*="product_"] > li {width:263px;}
.slide1.slide_type1 li > a > span {position:absolute; left:0; top:216px; right:0; text-align:center;}
.slide1.slide_type1 li > a > span cite {font-size:24px; line-height:30px; color:#fff; display:block;}
.slide1.slide_type1 li > a > span i {margin-top:4px; font-weight:700; font-size:13px; color:#ffdc00; display:block;}
.slide1.slide_type1 .list_card2 li {padding-top:163px; height:261px;}
.slide1.slide_type1 .list_card2 .area1 {height:118px;}
.slide1.slide_type1 .list_card2 .area2 > i {margin-bottom:3px; font-size:15px;}
.slide1.slide_type1 .list_card2 .area2 > cite {-webkit-line-clamp:2; max-height:52px; font-size:18px; line-height:26px;}
.slide1.slide_type1 .list_card2 .area2 > span {top:20px;}
.slide1.slide_type1 .list_card2 .area3 {top:100px;}
.slide1.slide_type1.t1 .box > button {top:98px; z-index:10;}
.slide1.slide_type1.t1 .box .btn_prev {right:54px;}
.slide1.slide_type1.t1 .box .btn_next {right:20px;}
.slide1.slide_type1.t2 .box > button {top:auto; bottom:30px;}
.slide1.slide_type1.t2 .box .btn_prev {left:50px; right:auto;}
.slide1.slide_type1.t2 .box .btn_next {left:84px; right:auto;}

/*--------------------------------------------------------------------------------
	# 슬라이드 :윙배너
---------------------------------------------------------------------------------*/
.slide1.slide_type3 {margin-bottom:10px; width:80px; height:200px;}
.slide1.slide_type3 .list > li {width:80px; margin-right:0; border-radius:6px; overflow:hidden;}
.slide1.slide_type3 .btn_prev, .slide1.slide_type3 .btn_next {display:none;}
.slide1.slide_type3 .indicator {padding:0; text-align:center; bottom:10px; height:6px;}
.slide1.slide_type3 .indicator > li {width:6px; margin:0;}

/*--------------------------------------------------------------------------------
	# 슬라이드 :유형4
---------------------------------------------------------------------------------*/
.slide1.slide_type4 .indicator {padding:0; bottom:13px; text-align:center;}
.slide1.slide_type4 .box > button {opacity:0; top:50%; margin:-15px 0; width:40px; height:40px; background:none;}
.slide1.slide_type4 .box > button:before {width:13px; height:13px;}
.slide1.slide_type4 .box:hover > button {opacity:1; background:none;}
.slide1.slide_type4 .box > .btn_prev {left:2px; z-index:10;}
.slide1.slide_type4 .box > .btn_next {right:2px; bottom:20px;}

/*-------------------------------------------------------------------------------
	# 슬라이드 :겔러리형
---------------------------------------------------------------------------------*/
/* 썸네일 좌우형 */
.slide2 {width:580px; margin:0 auto;}
.slide2:after {clear:both; content:""; display:block;}
.slide2 .thumb {position:relative; width:100%; height:384px; background-position:50% 50%; background-size:cover;}
.slide2 .thumb span {opacity:0; position:absolute; right:42px; top:50%; width:43px; margin-top:-30px; font-weight:700; font-size:13px; line-height:60px; color:#fff; text-align:center; background-color:rgba(0,0,0, 0.7); transition:opacity 0.3s;}
.slide2 .slide_area {position:relative;}
.slide2 .box {width:100%; height:58px; margin-top:6px; overflow:hidden;}
.slide2 button {position:absolute; top:50%; width:0; overflow:hidden; z-index:5;}
.slide2 button:before {content:""; position:absolute; top:50%; border:solid #fff; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.slide2 .btn_prev {left:0;}
.slide2 .btn_next {right:0;}
.slide2 .thumb button {opacity:0; padding-left:42px; height:60px; margin-top:-30px; background-color:rgba(0,0,0, 1); transition:opacity 0.3s; /* background-color:rgba(0,0,0, 0.6); */}
.slide2 .thumb button:before {width:15px; height:15px;}
.slide2 .thumb .btn_prev {border-radius:0 3px 3px 0;}
.slide2 .thumb .btn_next {border-radius:3px 0 0 3px;}
.slide2 .thumb .btn_prev:before {left:50%; margin:-8px 0 0 -5px; border-width:0 0 2px 2px;}
.slide2 .thumb .btn_next:before {right:50%; margin:-8px -5px 0 -0; border-width:2px 2px 0 0;}
.slide2 .slide_area button {padding-left:20px; height:58px; margin-top:-29px; background-color:rgba(0,0,0, 0.5);}
.slide2 .slide_area button:before {width:8px; height:8px;}
.slide2 .slide_area .btn_prev:before {left:50%; margin:-5px 0 0 -3px; border-width:0 0 2px 2px;}
.slide2 .slide_area .btn_next:before {right:50%; margin:-5px -3px 0 -0; border-width:2px 2px 0 0;}
.slide2 .thumb:hover span,
.slide2 .thumb:hover button {opacity:1;}
.slide2 .thumb button:hover, 
.slide2 .slide_area button:hover {background-color:rgba(0,0,0, 1);}
.slide2 ul {height:100%; transition:margin 0s ease; -webkit-transition:margin 0s ease;}
.slide2 ul:after {clear:both; content:""; display:block;}
.slide2 ul li {float:left; width:90px; height:100%; margin-right:8px;}
.slide2 ul li a {position:relative; height:100%; display:block;}
.slide2 ul li.on a:after {content:""; position:absolute; left:0; top:0; right:0; bottom:0; border:3px solid #08a7ee;}
.slide2 ul li img {width:100%; height:100%;}
/* 썸네일 상하형 */
.slide2.t1 {width:680px;}
.slide2.t1 .thumb {float:left; width:calc(100% - 100px); height:383px;}
.slide2.t1 .slide_area {float:left; margin-left:10px;}
.slide2.t1 .box {width:90px; height:383px; margin-top:0;}
.slide2.t1 .slide_area button {padding-left:90px; height:20px; margin-top:0;}
.slide2.t1 .slide_area .btn_prev {top:0;}
.slide2.t1 .slide_area .btn_next {top:auto; bottom:0;}
.slide2.t1 .slide_area .btn_prev:before {margin:-2px 0 0 -3px; border-width:2px 0 0 2px;}
.slide2.t1 .slide_area .btn_next:before {margin:-7px -3px 0 -0; border-width:0 2px 2px 0;}
.slide2.t1 ul li {height:58px; margin:0 0 7px 0;}

/*--------------------------------------------------------------------------------
	# 슬라이드 :날씨
---------------------------------------------------------------------------------*/
.slide_weather {width:672px; height:206px;}
.slide_weather .list > li {width:224px; font-size:15px; text-align:center; font-weight:700;}
.slide_weather .list > li > time {display:block; background:#f7f8fa; text-align:center; line-height:48px;}
.slide_weather .list > li > [data-weather] {display:block; color:#2096ce; position:relative;}
.slide_weather .list > li > [data-weather]:before {position:relative; display:block; margin:9px auto 0; width:70px; height:70px;}
.slide_weather .list > li > dl {margin:8px auto 0; width:100px; font-size:13px; text-align:center; color:#5b646e;}
.slide_weather .list > li > dl > dt {float:left; clear:left; margin-right:10px; color:#8693a0;}
.slide1.slide_weather .box > button {overflow:hidden; position:absolute; top:50%; margin:-16px 0; padding-left:28px; width:0; height:30px; background:#fff; border:1px solid #afb3b7; border-radius:50%; opacity:1; white-space:nowrap;}
.slide1.slide_weather .box > button:before {content:""; position:absolute; top:50%; width:8px; height:8px; border:solid #020219; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.slide1.slide_weather .box > button:hover {background:none;}
.slide1.slide_weather .box > .btn_prev {left:12px;}
.slide1.slide_weather .box > .btn_next {right:12px;}
.slide1.slide_weather .box > .btn_prev:before {left:50%; margin:-5px 0 0 -3px; border-width:0 0 2px 2px;}
.slide1.slide_weather .box > .btn_next:before {right:50%; margin:-5px -3px 0 0; border-width:2px 2px 0 0;}
.slide_weather[data-update="up20200423"] .list > li > [data-weather] {padding-top:85px;}
.slide_weather[data-update="up20200423"] .list > li > [data-weather] img {width:70px; height:auto; position:absolute; top:10px; left:50%; margin-left:-35px;}
.slide_weather[data-update="up20200423"] .list > li > [data-weather]:before {content:none;}

/*--------------------------------------------------------------------------------
	# 슬라이드 :부대시설
---------------------------------------------------------------------------------*/
.slide_amenities {overflow:hidden; position:relative; padding:0 35px !important; height:90px !important; vertical-align:top;}
.slide_amenities .list {overflow:hidden; height:100%;}
.slide_amenities .list > li {float:left; width:78px; font-size:12px; text-align:center;}
.slide_amenities .list > li:before {content:''; display:block; margin:16px auto 6px; width:34px; height:34px; background:url("../img/common/icon_set1.png") no-repeat 0 -800px;}
.slide_amenities .list > li.ico2:before {background-position:-40px -800px;}
.slide_amenities .list > li.ico3:before {background-position:-80px -800px;}
.slide_amenities .list > li.ico4:before {background-position:-120px -800px;}
.slide_amenities .list > li.ico5:before {background-position:-160px -800px;}
.slide_amenities .list > li.ico6:before {background-position:-200px -800px;}
.slide_amenities .list > li.ico7:before {background-position:-240px -800px;}
.slide_amenities :not(li) > button {overflow:hidden; position:absolute; top:0; bottom:0; padding-left:28px; width:0; height:100%; background:#fff; opacity:1; white-space:nowrap;}
.slide_amenities :not(li) > button:before {content:""; position:absolute; top:50%; width:8px; height:8px; border:solid #020219; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.slide_amenities .slide_area .btn_prev {margin:0; left:0;}
.slide_amenities .slide_area .btn_next {margin:0; right:0;}
.slide_amenities .slide_area .btn_prev:before {left:50%; margin:-5px 0 0 -3px; border-width:0 0 2px 2px;}
.slide_amenities .slide_area .btn_next:before {right:50%; margin:-5px -3px 0 0; border-width:2px 2px 0 0;}

/*--------------------------------------------------------------------------------
	# 슬라이드 유형 t1 :현지투어 상품개요
---------------------------------------------------------------------------------*/
.slide_amenities.t1 {height:70px important; padding:0 !important;}
.slide_amenities.t1 .slide_area {margin:0 29px 0 28px;}
.slide_amenities.t1 .list > li {width:92px; padding-top:27px; height:calc(100% - 27px); border:0; line-height:18px; position:relative;}
.slide_amenities.t1 .list > li:before {content:none;}
.slide_amenities.t1 .list > li + li:after {content:''; width:1px; height:29px; background-color:#dee0e2; position:absolute; top:31px; left:0;}
.slide_amenities.t1 .list > li strong {display:block;}
.slide_amenities.t1 .box > button {padding-left:30px;}
.slide_amenities.t1 .box > button.disabled {opacity:0.4;}

/*--------------------------------------------------------------------------------
	# 슬라이드 :텍스트
---------------------------------------------------------------------------------*/
.slide_paging {overflow:hidden; position:relative; margin-left:9px; width:273px; height:32px;}
.slide_paging:before {content:''; display:block; position:absolute; top:0; bottom:0; left:0; width:10px; background:#fff;}
.slide_paging .box {margin:0 auto; width:210px;}
.slide_paging .list {overflow:hidden; height:100%;}
.slide_paging .list > li {float:left; width:35px; font-size:14px; text-align:center; font-weight:700; line-height:32px;}
.slide_paging .list > li > a {color:#020219;}
.slide_paging .list > li > a.on {color:#2096ce; text-decoration:underline;}
.slide_paging :not(li) > button {overflow:hidden; position:absolute; top:50%; margin:-15px 0; padding-left:28px; width:0; height:30px; background:#fff; border:1px solid #afb3b7; border-radius:50%; opacity:1; white-space:nowrap;}
.slide_paging :not(li) > button:before {content:""; position:absolute; top:50%; width:8px; height:8px; border:solid #020219; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.slide_paging :not(li) > button.disabled {opacity:0.4;}
.slide_paging .slide_area .btn_prev {left:0;}
.slide_paging .slide_area .btn_next {right:0;}
.slide_paging .slide_area .btn_prev:before {left:50%; margin:-5px 0 0 -3px; border-width:0 0 2px 2px;}
.slide_paging .slide_area .btn_next:before {right:50%; margin:-5px -3px 0 0; border-width:2px 2px 0 0;}

/*--------------------------------------------------------------------------------
	# 슬라이드 :메인비주얼 
---------------------------------------------------------------------------------*/
.slide1.slide_visual .list > li .main_visual_txt {width:100%; position:relative; bottom:220px; color:#fff; margin-left:0;}
.slide1.slide_visual .list > li .main_visual_txt strong {font-size:39px; letter-spacing:-2px; text-shadow:0 0 0 rgba(0,0,0,0);}
.slide1.slide_visual .list > li .main_visual_txt p {font-weight:400; font-size:16px; letter-spacing:-0.5px;}
.slide1.slide_visual .list > li .main_visual_txt strong + p {padding-top:3px;}
.slide1.slide_visual .list > li .main_visual_txt p + a.btn {margin-top:16px;}
.slide1.slide_visual .list > li .main_visual_txt a.btn {letter-spacing:0;}
.slide1.slide_visual .list > li.video video {position:absolute; top:0; left:0; right:0; bottom:0;}
/* .slide1.slide_visual .list > li.video .main_visual_txt {bottom:533px;} */
.content.main .slide1.slide_visual .slide_area .box,
.content.sub_main .slide1.slide_visual .slide_area .box{width:1920px; margin:0 auto; overflow:hidden;}

/*--------------------------------------------------------------------------------
	# 로그인 박스
---------------------------------------------------------------------------------*/
.login_area {position:relative; height:42px; line-height:42px; margin-top:25px; padding:11px 14px; background-color:#eef8fd; font-size:13px; color:#020219;}
.login_area:after {content:''; display:block; clear:both;}
.login_area .sub {margin-left:5px; float:right;}
.login_area .txt_type1 {margin-bottom:0;}

/*--------------------------------------------------------------------------------
	# 마이페이지 회원정보수정
---------------------------------------------------------------------------------*/
td.tit_type .sub [class*="btn_type"] {margin-bottom:10px;}

/*--------------------------------------------------------------------------------
	# 마이페이지 투어캐시
---------------------------------------------------------------------------------*/
.tourcash .tit_type {min-height:40px; letter-spacing:-0.025em;}
.tourcash .select_type2 {width:170px;}
.tourcash .tit_type2 {margin:26px 0 8px !important;}
.tourcash dl.txt_type1.box_area {border:0;}

/*--------------------------------------------------------------------------------
	# 테이블 내 성인 플래그 + 대표자
---------------------------------------------------------------------------------*/
[class*="tbl_type"] .icon_txt2 + span {display:block; margin-top:3px; font-size:12px;}

/*--------------------------------------------------------------------------------
	# 이벤트/기획전
---------------------------------------------------------------------------------*/
.event [data-tab="utabinfo"] {padding-top:30px; margin-top:-21px; border-top:1px solid #dee0e2;}

/*--------------------------------------------------------------------------------
	# 개인신분할인 요금안내
---------------------------------------------------------------------------------*/
.layer_discount {height:calc(100% - 200px);}

/*--------------------------------------------------------------------------------
	# 여행후기 아코디언 이미지
---------------------------------------------------------------------------------*/
[class*="tbl_type"][data-accordion] .open + .area2 td .review_img{display:flex; flex-wrap:wrap; justify-content:space-around; margin-top:20px;}
[class*="tbl_type"][data-accordion] .open + .area2 td .review_img img{width:33% !important; height:170px;}

/*--------------------------------------------------------------------------------
	# 마이페이지 예약/결제
---------------------------------------------------------------------------------*/
.txt_data.t2 td dl:not(.total){margin-top: 10px; font-family: "Spoqa Han Sans"; overflow:hidden;}
/* .txt_data.t2 td dl:nth-child(2){margin-top: 10px; font-family: "Spoqa Han Sans"; overflow:hidden;} */
.txt_data.t2 td dl:not(.total) dt{font-size:13px; float:left; font-weight:500;}
.txt_data.t2 td dl:not(.total) dd{float: right;}
.txt_data.t2 td dl:not(.total) dd strong{font-size:16px; color:#020219; font-family: "Spoqa Han Sans";}
.txt_data.t2 td dl:not(.total) dd span{color:#020219; font-size:13px; line-height:1;}
.txt_data.t2 td dl.lot_card dt span, .txt_data.t2 td dl.n_pay dt span{display:inline; color:#2f2fcc;}
.txt_data.t2 td dl.n_pay dt img{width:45px;}