/* MEDIA QUERIES max-width 767px - MOBILE LANDSCAPE  */
@media (max-width: 767px) {

  /* Responsive table cart */
  	.table.cart-list,
  	.table.cart-list thead,
  	.table.cart-list tbody,
  	.table.cart-list th,
  	.table.cart-list td,
  	.table.cart-list tr {
  		display: block;
  		border: 0;
  	}

  	.table.cart-list thead tr {
  		position: absolute;
  		top: -9999px;
  		left: -9999px;
  	}

  	.table.cart-list tr {
  		border: 1px solid #ccc;
      border-top:0px;border-bottom:0px;
  	}

    .table.cart-list tr:first-child { border-top: 1px solid #ccc; }

  	.table.cart-list td {
  		border: none;
  		border-bottom: 1px solid #ddd;
  		position: relative;
  		padding-left: 36%;
      min-height: 47px;
  	}


  	.table.cart-list td:before {
  		position: absolute;
  		top: 12px;
  		left: 12px;
  		width: 45%;
  		padding-right: 10px;
  		white-space: nowrap;
  	}
    /*
  	.table.cart-list td:nth-of-type(1):before {
  		content: "여행상품정보";
  		font-weight: bold;
  		color: #111;
  	}

  	.table.cart-list td:nth-of-type(2):before {
  		content: "인원";
  		font-weight: bold;
  		color: #111;
  	}

  	.table.cart-list td:nth-of-type(3):before {
  		content: "객실타입";
  		font-weight: bold;
  		color: #111;
  	}

    .table.cart-list td:nth-of-type(4):before {
  		content: "객실수";
  		font-weight: bold;
  		color: #111;
  	}

  	.table.cart-list td:nth-of-type(5):before {
  		content: "상품금액(1인기준)";
  		font-weight: bold;
  		color: #111;
  	}

  	.table.cart-list td:nth-of-type(6):before {
  		content: "삭제";
  		font-weight: bold;
  		color: #111;
  	}*/

    .table.cart-list td:before { content: attr(data-label); font-weight: bold; color: #111; font-size:14px }

    .add-cart-css{display: table-cell !important}

    .summary-css2 {font-size: 13px !important;text-align: left !important;}

    .right_cont{float:inherit !important}

    .amount_mo {vertical-align: -webkit-baseline-middle}
    .left_mo {padding-left:9px !important}
    .cartcustomcss5 {width:50%}
}


.table.cart-list th,
.table.options_cart th {
	background-color: #fff;
	text-transform: uppercase;
}

.table.cart-list td {
	vertical-align: inherit; /*initial; /* //middle;*/
}

.table.options_cart td {
	vertical-align: middle;
}

.thumb_cart {
	border: 1px solid #ddd;
	overflow: hidden;
	width: 60px;
	height: 60px;
	margin-right: 10px;
	float: left;
}

.thumb_cart img {
	padding: 1px;
	width: 58px;
	height: auto;
}

.item_cart {
	display: inline-block;
	/*margin-top: 20px;*/
  font-size:14px;
}

.table.confirm th {
	text-transform: uppercase;
}

.table.confirm td {
	width: 50%;
}

.add_bottom_30 {
	margin-bottom: 30px;
}

.add-cart-css {display: inherit}

.icon-trash2 {font-size: 20px; font-weight: normal; color:#4285F4 /*#e14d67*/}
.th-header {border-radius:0px;padding:10px !important;font-size:14px;font-family:'Noto Sans KR';background-color: #666666 !important;  color:#fff ; font-weight:600;/*#eee !important;*/}
.background-none {background: #ffffff !important;}
.otherinfo {display: inline-block;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
color: #555;
margin-bottom: 10px;
cursor: pointer;
padding-top: 13px;
padding-right: 7px;}
.update-btn{
 background: #ddd;
 font-size: 13px;
 cursor: pointer;
 padding: 3px 6px;
 color: #000;
 border-radius: 3px;
 height: 30px;
 line-height: 24px;
 margin-top: 6px;
 margin-left: 13px;
 }

 .title-border{border-left:5px solid #4285F4}


.process-steps {
	margin: 0 0 40px;
	list-style: none;
}

.process-steps li {
	position: relative;
	text-align: center;
	overflow: hidden;
}

.process-steps li .i-circled { margin-bottom: 0 !important; }

.process-steps li .i-bordered { background-color: #FFF; }

.process-steps li h5 {
	margin: 15px 0 0 0;
	font-size: 1rem;
	font-weight: 300;
}

.process-steps li.active h5,
.process-steps li.ui-tabs-active h5 {
	font-weight: 600;
	color: #1ABC9C;
}

.process-steps li.active span {
	background-color: #ffffff !important;
	color: #000;
	text-shadow: none;
  font-size: 18px;
  font-weight: 600;
  cursor:auto;
}

.process-steps li.active a,
.process-steps li.ui-tabs-active a {
	background-color: #ffffff !important;
	color: #000;
	text-shadow: none;
  font-size: 18px;
  font-weight: 600;
}

.i-rounded,
.i-circled,
.i-bordered {
	width: 402px !important; /*52px*/
	height: 52px !important;
	line-height: 52px !important;
	background-color: #444;
	border-radius: 3px;
}

.i-bordered {
	border: 1px solid #555;
	line-height: 50px !important;
	background-color: transparent !important;
	color: #444;
	text-shadow: none;
}

.i-plain {
	width: 36px !important;
	height: 36px !important;
	font-size: 28px;
	line-height: 36px !important;
	color: #444;
	text-shadow: 1px 1px 1px #FFF;
}

.i-plain:hover { color: #777; }

.i-circled { border-radius: 50%; }

.i-light {
	background-color: #F5F5F5;
	color: #444;
	text-shadow: 1px 1px 1px #FFF;
	box-shadow: inset 0 0 15px rgba(0,0,0,0.2);
}


.i-rounded:hover,
.i-circled:hover {
	background-color: #1ABC9C;
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	box-shadow: 0 0 0 rgba(0,0,0,0.2);
}

.i-bordered:hover {
	background-color: #fff !important;
	color: #bfbbbb !important;
	border-color: #ddd;
  font-size: 18px;
  text-shadow: none !important;
  font-weight: 600 !important;
}



.container-arrow {
    /*margin: 15px 30px;*/
    width: 200px;
    background: #fff;
    border: 1px solid #000;
    position: relative;
    /*min-height: 200px;
    padding: 20px;*/
    text-align: center;
    color: #fff;
}

/* this CS forms the triangles */
.container-arrow:after,
.container-arrow:before {
    content: '';
    display: block;
    position: absolute;
    left: 100%;
    width: 0;
    height: 0;
    border-style: solid;
}


/* this border color controlls the color of the triangle (what looks like the fill of the triangle) */
.container-arrow:after {
    top: 14px;
    border-color: transparent transparent transparent #fff;
    border-width: 10px;
}

/* this border color controlls the outside, thin border */
.container-arrow:before {
    top: 13px;
    border-color: transparent transparent transparent #000;
    border-width: 11px;
}

.container-arrow1 {
    /*margin: 15px 30px;*/
    width: 200px;
    background: #fff;
    border: 1px solid #000;
    position: relative;
    /*min-height: 200px;
    padding: 20px;*/
    text-align: center;
    color: #fff;
}

/* this CS forms the triangles */
.container-arrow1:after,
.container-arrow1:before {
    content: '';
    display: block;
    position: absolute;
    left: 100%;
    width: 0;
    height: 0;
    border-style: solid;
}

.container-arrow1:after {
    top: 14px;
    border-color: transparent transparent transparent #fff;
    border-width: 10px;
}

/* this border color controlls the outside, thin border */
.container-arrow1:before {
    top: 13px;
    border-color: transparent transparent transparent #ddd;
    border-width: 11px;
}

.unactive {font-size:18px !important;font-weight:600 !important; color:#bfbbbb !important;border:1px solid #ddd;cursor:auto}
.summary-css1 {font-size: 14px;line-height: 27px;color:#555;font-weight: 600}
.summary-css2 {font-size: 15px;line-height: 27px;color:#555;font-weight: 600;text-align: right;}
.total-css {font-size:18px;font-weight: 600;color:#e04f67;/*border: 1px solid #ddd;
    background-color: rgba(0,0,0,0.05);*/
    height: 50px;
    line-height: 30px;
  /*padding: 10px 10px;*/}

@media (min-width: 992px) {

	.process-steps li::before,
	.process-steps li::after {
		content: '';
		position: absolute;
		top: 30px;
		left: 0;
		margin-left: -26px;
		width: 50%;

	}

	.process-steps li::after {
		left: auto;
		right: 0;
		margin: 0 -26px 0 0;
	}

	.process-steps li:first-child::before,
	.process-steps li:last-child::after { display: none; }

}


.cart_wrap{position:relative;margin:0px 0 0 ;padding:0}
.cart_wrap:after{content:'';display:block;clear:both}
.cart_wrap.top{margin-top:0 !important}
.fontCtrl .cart_wrap.top{margin-top:50px !important}
.preview .fontCtrl .cart_wrap.top{margin-top:0 !important}
.cart_wrap.type{display:table;width:100%}
.cart_wrap.type.top{margin:0 0 20px}
.cart_wrap.big.fix,
.cart_wrap.fix{margin:0;height:55px}
.fontCtrl .cart_wrap.big.fix,
.fontCtrl .cart_wrap.fix{margin:50px 0 0;height:55px}
.cart_wrap>p{margin-top:15px}
.cart_wrap.big.fix + .cart_wrap.mid{margin-top:0}

.cart_wrap>.txt{margin-top:15px;color:#666}
.cart_wrap.line{border-bottom:1px solid #ddd;padding-bottom:10px}
.cart_wrap.line.big>.tit{margin-bottom:20px}
.cart_wrap.line.big>.tit + p.descript{margin-top:-10px !important}

.cart_wrap + .cart_wrap{margin-top:10px}
.cart_wrap strong.tit{display:inline-block;font-size:15px;line-height:1;font-weight:400;color:#111}
.cart_wrap.type strong.tit{display:table-cell;vertical-align:middle}

.cart_wrap.big {margin-left:10px;}
.cart_wrap.fix strong,
.cart_wrap.big strong.tit{font-size:26px;font-weight:600;color:#111}
.fontCtrl .cart_wrap.fix strong, .fontCtrl .cart_wrap.big strong.tit{font-size:26px}
.cart_wrap.mid strong.tit{font-size:17px;color:#111;font-weight:200}  /* 19.09.30 동수차장님요청 */
.fontCtrl .cart_wrap.mid strong.tit{font-size:22px}
.cart_wrap.sml strong.tit{font-size:15px;font-weight:400;color:#111}
.fontCtrl .cart_wrap.sml strong.tit{font-size:17px}
.cart_wrap.add_tourist strong.tit{display:inline-block;}

.cart_wrap .tit .num{display:inline-block;margin-left:5px;font-size:17px;font-weight:normal;color:#e3226c}
.cart_wrap.big strong.tit + p,
.cart_wrap.big + p{margin-top:30px}
.cart_wrap.mid strong.tit + p,
.cart_wrap.mid + p{margin-top:24px}
.cart_wrap.sml strong.tit + p,
.cart_wrap.sml + p{margin-top:18px}

.cart_wrap.mid + .cont_unit,
.cart_wrap.mid + .tbl,
.cart_wrap.mid + table,
.cart_wrap.mid + .js_tabs,
.cart_wrap.mid + .prod_list_wrap,
.cart_wrap.mid + .prod_list_wrap,
.cart_wrap + .text_box.udline,
.cart_wrap + .list_bul{margin-top:-4px}

.cart_wrap.fix + .cont_unit,
.cart_wrap.fix + .tbl,
.cart_wrap.fix + .js_tabs{margin-top:0 !important}

.cart_wrap strong.tit > span.gr{font-weight:400}
.cart_wrap .notice_wrap{margin:10px 0 0;padding:0}
.cart_wrap .right_cont .txt.arrow_r{margin-right:5px}
.cart_wrap .right_cont .stxt3{margin-top:4px}
.cart_wrap .right_cont .btn + .btn{margin-left:4px}
.text_box{line-height:1.5;margin-top:10px}
.text_box.line{border:1px solid #c2c2c2;border-radius:2px;padding:15px}
.text_box.line .cart_wrap.sml{margin:0}
.text_box.udline{border-top:1px solid #838999;border-bottom:1px solid #dadce1;padding:10px 0}
.text_box.udline .form_wrap{margin:-10px 20px}
.text_box.udline .form_holder{width:33%;margin:15px 0}
.cart_wrap + .row .sub_txt {margin-top:0}
.right_cont{float:right}


.step_wrap{text-align:left}
.step_wrap .step{display:inline-block}
.step_wrap .step:after{content:'';display:table;clear:both}
.step_wrap .step li{position:relative;float:left;font-size:15px;text-align:center}
.step_wrap .step li.on{color:#4285F4}

.step_wrap .step li .step_txt:after{content:'';display:inline-block;width:50px;height:2px;margin-left:15px;margin-bottom:5px;background-color:#eee}
.step_wrap .step li:last-child .step_txt:after{content:none}
.step_wrap .step li span{padding-top:6px;font-size: 16px;font-weight: 600;}
.step_wrap .step li .num{padding-left:35px;position:relative;display:inline-block}
.step_wrap .step li .num:before{width:25px;height:25px;position:absolute;left:0;top:0}
.step_wrap .step li .num.num1:before{background-position:0 -365px}
.step_wrap .step li.on .num.num1:before{background-position:-27px -365px}
.step_wrap .step li .num.num2:before{background-position:-54px -365px}
.step_wrap .step li.on .num.num2:before{background-position:-81px -365px}
.step_wrap .step li .num.num3:before{background-position:-108px -365px}
.step_wrap .step li.on .num.num3:before{background-position:-135px -365px}
.step_wrap .step li .num.num4:before{background-position:-162px -365px}
.step_wrap .step li.on .num.num4:before{background-position:-189px -365px}
.step_wrap .step li .num.num5:before{background-position:-216px -365px}
.step_wrap .step li.on .num.num5:before{background-position:-243px -365px}
.step_wrap .step li .num.num6:before{background-position:-270px -365px}
.step_wrap .step li.on .num.num6:before{background-position:-297px -365px}
.step_wrap .step li .num.num7:before{background-position:-324px -365px}
.step_wrap .step li.on .num.num7:before{background-position:-351px -365px}

.cart-process {/*font-size: 25px;*/vertical-align: bottom}
.cart-process1 {/*font-size: 25px;*/vertical-align: bottom;color:#ccc8c8}

@media (max-width: 767px)  {
.step_wrap .step {display: inline-flex;margin-top:10px;}
.step_wrap .step li .num {padding-left:0px; margin-right:8px;}
.step_wrap .step li .step_txt:after {width:0px; margin-left:0px;margin-right:8px}

.checkout_totalmat_al{text-align: center;}
.checkout_padding {padding:15px 10px !important;}
.mobile_v1 {padding-top:25px;}
.checkout_left_bg{width:30% !important;}.checkout_left_bg1{width:30% !important;}.checkout_form_g{line-height: 0px}

}


.border_css {border-left:0px solid #ddd}

.amount_p {vertical-align: middle !important }

.form_title {
	position: relative;
	padding-left: 55px;
	margin-bottom: 10px;
}

.form_title h3 strong {
	background-color: #e5236d;
	text-align: center;
	width: 40px;
	height: 40px;
	display: inline-block;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	color: #fff;
	font-size: 18px;
	line-height: 40px;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
}

.form_title h3 {
	margin: 0;
	padding: 0;
}

.form_title p {
	color: #999;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 14px;
}


.step1 {
	border-left: 1px solid #ddd;
	padding: 20px 0 20px 31px;
	margin: 0 0 10px 20px;
}

.checkout1{color:#333;font-size:14px !important;font-weight: normal;}
.checkout_payment1 {color:#333;font-size:14px !important;font-weight: normal;}
.checkout_payment_li {padding:10px 0px 0px }
.checkout2{border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:15px;padding-top:10px}
.checkout3{padding:30px;}
.checkout4{background:#4285F4;color:#fff;font-size:15px;padding:5px 10px;border-radius:7%}
.checkout5{font-size:14px !important;font-weight:600;color:#111111}
.checkout6{border-top: 1px solid #999;
    border-left: none;
    border-right: none;
    padding: 15px 20px;
    font-size: 15px;border-bottom:1px solid #ddd;color:#333;background: #f7f7f7}
.checkout_book1 {font-size: 15px;color:#333;}
.checkout_book2 {font-size: 14px;color:#333;}
.checkout_padding {padding:15px 15px !important;}
.checkout_left_bg {background:#f7f7f7;font-weight: 600;border-right:1px solid #dee2e6;width:20%}
.checkout_left_bg1{width:30% !important}
.checkout_left_bg11{width:30% !important}
.checkout_form_g {line-height: 20px;}
.checkout_padding1 {padding-left:9px !important;padding-right:9px !important}
.checkout_book22 {font-size: 14px;color:#333;border-bottom:1px solid #999;padding:10px 0px;margin-bottom:20px}
.checkout_payment2 {font-size: 17px;color:#333;border-bottom:1px solid #999;padding:10px 0px;}
.checkout_payment3{background: #f7f7f7;
    margin-left: 23px;
    margin-right:1px;
    padding: 15px 7px;}
.checkout_payment4 {font-size: 14px;color:#333}
.checkout_book33{font-size:17px;color:#333;border-bottom:none;margin-top:20px}
.checkout_book22-2 {border-bottom:none;font-size:17px;font-weight: 600;color:#333}
.th-header1 {font-size:14px;font-family:'Noto Sans KR';background-color: #f7f7f7!important;color: #333;font-weight:600;/*#eee !important;*/}
.checkout_line_h{line-height: 30px !important;font-size: 14px;}
.checkout_line_h1{line-height: 30px !important;font-size: 14px;color:#333;font-weight: 600}
.checkout_line_h2{line-height: 30px !important;font-size: 15px;color:#333;font-weight: 600}
.checkout_line_h22{line-height: 30px !important;font-size: 16px;color:#e5236d;font-weight: 600}
.checkout_line_h22-1{line-height: 30px !important;font-size: 15px;color:#4285F4;font-weight: 600}

.checkout_radio {left:auto !important;opacity:1 !important}
.checkout_radio1{padding-left:18px !important;line-height:23px !important; margin-right:10px}
.checkout_span1 {background: #f7f7f7;
    font-size: 14px !important;
    color: #333;
    padding: 7px;
    font-weight: 600;vertical-align: middle}
.checkout_dot {position: relative;padding-left: 9px;
    display: inline-block;
    margin-left: 5px;
    min-height: 13px;}
.checkout_dot:before {width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #ccc;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -2px;}

.checkouttour_cnt{font-size:16px;color:#4285F4;font-weight: 600;vertical-align:middle;}
.scrollingBox {/*float:right;*/}
.checkout_payment_btn_1 {border: none;
    font-family: inherit;
    font-size: inherit;
    color:#fff;
    background: #4285F4;
    cursor: pointer;
    padding: 8px 20px;
    display: inline-block;
    outline: none;
    font-size: 15px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    /*font-weight:bold;*/}
.checkout_totalamt {font-weight: 600;
    font-size: 26px;
    color: #e04f67;text-align: left}
.checkout_totalmat_al{text-align: left;}


#sign-in-dialog {
  background: #fff;
  padding: 30px;
  padding-top: 0;
  text-align: left;
  max-width: 400px;
  margin: 40px auto;
  position: relative;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/* Popup close button*/
#sign-in-dialog .mfp-close,
#small-dialog .mfp-close {
  color: #666;
  background-color: #e4e4e4;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  top: 12px;
  right: 20px;
  width: 32px;
  height: 32px;
  line-height: 32px;
}
#sign-in-dialog .mfp-close:hover,
#small-dialog .mfp-close:hover {
  color: #fff;
  background-color: #66676b;
}

#sign-in-dialog .mfp-close:before {
  font-size: 24px;
  /*font-family: 'ElegantIcons';
  content: "\4d";*/
}

.small-dialog-header {
  font-size: 18px;
  width: calc(100% + 60px);
  position: relative;
  left: -30px;
  top: 0;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  display: inline-block;
  background-color: #f6f6f6;
  padding: 15px 20px;
  margin-bottom: 30px;
}
.small-dialog-header h3 {
  padding: 0;
  margin: 0;
  font-size: 21px;
  font-weight: 400;
}

#sign-in-dialog .mfp-close:hover,
#small-dialog .mfp-close:hover {
  color: #fff;
  background-color: #66676b;
}

#sign-in-dialog .form-group {
  position: relative;
}
#sign-in-dialog .form-group input.form-control {
  padding-left: 40px;
}
#sign-in-dialog .form-group i {
  font-size: 21px;
  font-size: 1.3125rem;
  position: absolute;
  left: 12px;
  top: 35px;
  color: #ccc;
  width: 25px;
  height: 25px;
  display: block;
  font-weight: 400 !important;
}
#sign-in-dialog .form-group i.icon_lock_alt {
  top: 37px;
}

.login_css1{font-size:14px;color:#333;font-weight: 600}
.find_login {font-size: 13px;color:#333;}


a.btn_login, .btn_login{
	border: none;
	font-family: inherit;
	font-size: inherit;
	color:#fff;
	width:100%;
	background: #4285F4;
	cursor: pointer;
	padding: 12px 20px;
	display: inline-block;
	outline: none;
	font-size:17px !important;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-transform:uppercase;
	font-weight:bold;
	display:block;
	text-align:center;
	margin-bottom:10px;
}
a.btn_login:hover, .btn_login:hover{
	/*background:#333;*/
}


.parsley-errors-list>li {
  list-style: none;
color: #f35d5d;
margin-top: 5px;
position: relative;
}

.parsley-error {
    border-color: $danger;
}

.parsley-success {
    border-color: $success;
}
.parsley-errors-list {margin-bottom: 0px !important}
.rate_info {text-align: left}

.cartcustomcss1 {font-size:12px !important;line-height:23px;font-weight:400;color:#7b7676}
.cartcustomcss2 {font-size:13px}
.cartcustomcss3 {padding-left:8px}
.cartcustomcss4 {padding-left:3px}