@charset "utf-8";
/****************************************/
/* Name: Tour.com
/* Version: 1.0 / day: 2019-05-01
/* Author: 조은혜

/* Summary
	1)메인, 서브레이아웃
	2)반응형 레이아웃
	3)메인 콘텐츠
	4)반응형 메인콘텐츠
	5)서브 콘텐츠
	6)반응형 서브콘텐츠
*/
/****************************************/

@import url(/css/notosanskr.css); 
@import url(/css/notosans.css); 

/* Common */
html { height: 100%; }
:lang(ko) { letter-spacing: -0.05em;font-family: 'Noto Sans',  sans-serif;}
:lang(en) { letter-spacing: -0.04em;font-family: 'Noto Sans',  sans-serif;}
:lang(zh) {letter-spacing: 0;font-family: "SimSun, Microsoft YaHei UI",Arial,"微软雅黑", STXihei, "华文细黑", sans-serif; }
:lang(jp) {font-family: 'Yu Gothic UI',"Droid Sans","游ゴシック", "メイリオ", sans-serif, Meiryo,Roboto, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic" ; letter-spacing: 0;  }

body {text-align: left;color:#3d3d3d;font-size:.95em;line-height:1.4em;font-family:'Nanum Gothic',sans-serif;font-weight:400;letter-spacing:-0.5px}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,span,form,fieldset,p,button,address,table, tbody, tfoot, thead, th, tr, tdvideo, tt {margin:0;padding:0;box-sizing: border-box}
header,article,aside,canvas,details,figcaption,figure,footer,hgroup,menu,nav,section,summary,mark {display:block;margin: 0; padding: 0;box-sizing: border-box}
h1,h2,h3,h4,h5,h6,input,button,textarea,select,table {font-family:'Nanum Gothic',sans-serif;color:#000;box-sizing: border-box}
input,button,textarea,select {background-color:#fff;border-radius:0;box-sizing: border-box} /*-webkit-appearance: none*/
button,textarea {-webkit-appearance: none}
img,fieldset,iframe {border:0 none}
li {list-style:none}
img,input,select,button,textarea {vertical-align:middle;box-sizing: border-box}
img {max-width:100%}
em,address,optgroup {font-style:normal}
label,button {cursor:pointer}
label {top:2px;position: relative}
button {margin:0;padding:0;border:0;background:none; border-radius:6px}

a {box-sizing: border-box}
a:link,a:visited {text-decoration:none;color:#3a3a3a}
a:hover,a:focus,a:active {text-decoration:none;color:#3a3a3a}

.curHand {cursor: pointer;}
span.block {display:block}
hr {display:none}
legend,caption {font-size:0; width:0; height:0; line-height:0;overflow:hidden;text-indent:-9999px}
.blind {position:absolute;top:0;left:0;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}
p {text-align:left;font-weight:400;}
table {width:100%;font-weight:400;border-spacing:0}
.clear {clear:both; width:100%; height:auto; overflow:hidden; margin-top:50px}
.clear.nomg { margin-top:0}
.color-primary1 {color:#fd6f61 !important} /* 빨강 */
.color-primary2 {color:#ff7361 !important} /* 주황 */
.none { display:none !important}
.normal { font-weight:normal !important}


input[type="text"],input[type="password"],input[type="search"],input[type="tel"],input[type="email"] {margin:2px 0;padding:6px 8px;height:35px; border:1px solid  #bbb;border-radius:8px}
input[type="radio"], input[type="checkbox"] {margin-right: 3px; padding: .6em; width: 20px; height: 20px;}
input[type="email"] {width:100% !important}
textarea {margin:1px 0;padding:5px 10px 4px 10px;border:1px solid #d8d8d8;border-radius:0}
input[type="file"] {background: #D6F1F8; width:100%; padding:10px;}
input[type=file]::file-selector-button {
  width: 80px;
  height: 30px;
  background: #fff;
  border: 2px solid #6f48d9;
  border-radius: 20px;
  cursor: pointer;
  color:#6f48d9;
  &:hover {
    background: rgb(77,77,77);
    color: #fff;
  }
}

input:-moz-read-only { /* For Firefox */
    background-color: #f9f9f9; color:#777; border:1px solid #ddd !important;}
input:read-only { background-color: #d6d5d0; color:#222; border:none !important;}
input{/*-webkit-appearance:none*/ accent-color: #ac0082;}
input[type="checkbox"]:checked + label, input[type="radio"]:checked + label {
    color: #ac0082;
}
select {margin:2px 0;padding:2px;height:35px;color:#363535;border:1px solid #bbb;border-radius:8px }

*:disabled {
  background-color: #d6d5d0;
  opacity: 1;
}

/** 길이 **/
.wp100 { width:100%}
.wp80 { width:80% !important}
.wp70 { width:70%}
.wp50 { width:50%}
.wp40 {width:40%}
.wp30 {width:30%}
.wp20 {width:20%}
.wp10 {width:10%}

.w200 { width:200px}
.wh200{ width:50%}

.h150 { height:300px}
textarea.h250 { height:250px}

/** 여백 **/
.pd10{padding:10px;}
.pd20{padding:20px; padding-bottom:10px}
.ptb20 { padding:20px 0}

.pt10  { padding-top:10px}
.pt20  { padding-top:20px}
.pt30  { padding-top:30px}
.pt40  { padding-top:40px}
.pt50  { padding-top:50px}

.pb10  { padding-bottom:10px}
.pb20  { padding-bottom:20px}
.pb30  { padding-bottom:30px}
.pb40  { padding-bottom:40px; height: auto; overflow: hidden}
.pb50  { padding-bottom:50px}

.pr10 {padding-right:10px}
.pr20 {padding-right:20px}

.pl10 {padding-left:10px}
.pl20 {padding-left:20px}


.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt30 { margin-top:30px !important}
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }
.mt60 { margin-top:60px !important; }

.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }

.ml { margin-left:10px; display:inline-block}

.mobile { display:none}
.pc {display:inline-block; padding-left: 4px}

/* ALIGN */
.tal{text-align:left !important;}
.tac{text-align:center !important;}
.tar{text-align:right !important;}
.center { text-align:center}
.left {text-align:left !important}
.txt_left {text-align:left !important}
.txt_right {text-align:right !important}
.txt_center {text-align:center !important}


ol.decimal, ul.dot { margin:6px 0 8px 0}
ol.decimal li {list-style-type:decimal;color:#3d3d3d; padding-bottom:8px; line-height:1.5em}
ul.dot li { font-size:1em;list-style:none;padding-bottom:3px; line-height:1.4em ; background:url('/images/dot.png') 3px 8px no-repeat; padding-left:18px;letter-spacing:-1px}
ul.dot2 li {font-size:.95em;list-style:none;padding-bottom:8px; line-height:1.3em ; background:url('/images/dot2.png') 3px 8px no-repeat; padding-left:18px; letter-spacing:-0.05em}
ul.dot3 li {font-size:.95em;list-style:none;padding-bottom:3px; line-height:1.3em ; background:url('/images/dot3.png') 3px 3px no-repeat; padding-left:22px;}
ul.dot4 li {font-size:.95em;list-style:none;padding-bottom:3px; line-height:1.3em ; background:url('/images/dot4.png') 3px 8px no-repeat; padding-left:18px; letter-spacing:-1px}

.line {border-bottom:1px solid #bbb; margin-bottom:20px}

.li_dot {margin:5px 0 10px}
.li_dot li {position:relative;margin-bottom:5px;padding-left:15px;line-height:26px}
.li_dot li::before {position:absolute;top:0;left:0;content:'-'}

.li_none li {margin-bottom:5px;color:#363535}
.li_none li label {margin-right:10px}
.li_none li ul {margin-left:10px}

.li_num > li {margin:0 0 20px 25px;line-height:26px;list-style-type:decimal}

/** color **/
.col_white {color:#fff}
.col_gray {color:#787878}
.col_red {color:#f61010 !important}
.col_blue {color:#eb280e !important}
.color-primary-1 { color:#ff7361}
.color-primary-2 { color:#c9148d}
.color-primary-3 { color:#d8497e }

/* FONTSIZE */
.fs17em {font-size:1.7em}
.fs15em {font-size:1.5em}
.fs1313em {font-size:1.313em}
.fs125em {font-size:1.25em}
.fs115em {font-size:1.15em}
.fs105em {font-size:1.05em}
.fs1em {font-size:1em}
.fs2em {font-size:2em}
.fs3em {font-size:3em}
.fs09em {font-size:.9em}
.fs0825em {font-size:.825em; font-weight:normal}
.fs075em {font-size:.75em}

/* FONTWEIGHT */
.bold {font-weight:bold}
.fw400 {font-weight:400}
.fw600 {font-weight:600}
.fw700 {font-weight:700}
.fw800 {font-weight:800}


.btnList {margin-bottom:100px}
.btnList::after {display:block;clear:both;content:''}
.btnList .right {float:right}
.btnList2 {text-align:center}
.guidBox.txt_center { text-align:left}
div.center { margin:0 auto; width:100%; text-align:center}
.fl { float:left}
.fr {float:right}
.error-messages div{ font-size:0.8em !important; color:red}  
span.desh { color:#AFAFAF; padding:0 4px}

/* DOCUMENT CERTIFICATE */
.doc {font-size:.8em;letter-spacing:-1px;border:1px solid #96006b;padding:4px 8px;text-align:center;background-color:#FFF/*213486*/;color:#96006b;border-radius:10px; margin:2px 4px 2px 0; font-weight:bold !important}
.doc:lang(en) { letter-spacing:-0.5px}
.nodoc {font-size:.8em;letter-spacing:-1px;padding:4px 8px;border:1px solid #403f40;text-align:center;background-color:#FFF;color:#000;border-radius:10px;margin:2px 4px 2px 0; font-weight:bold !important}
.nodoc:lang(en) { letter-spacing:-0.5px} 
.nodoc.curHand {font-size:.8em;letter-spacing:0;padding:4px 8px; border:none;border-radius:10px;background-color:#96006b;color:#fff; margin-left:2px}
.nodoc.curHand:hover { opacity:0.8}
.nodoc2 {font-size:.8em;letter-spacing:-1px;margin:0 2px 0 0;padding:4px 6px;text-align:center;background-color:#2a559a;color:#fff;border-radius:4px; font-weight:normal !important}


/* 공통박스 */
.white-box {background-color:white;width:100%;padding:20px;overflow:hidden}
.white-box1 {background-color:white;width:100%;padding:0;overflow:hidden}
.pink-box {background-color:#faf4fa;width:100%;padding:20px;overflow:hidden}
.couple-box {background-color:#ac0082;width:100%;padding:20px;overflow:hidden}
.blue-box {background-color:#2895ce;width:100%;padding:20px;overflow:hidden} /*5f7bc4*/
.blue-box1 {background-color:#0a3287;width:100%;padding:20px;overflow:hidden}
.blue-box2 {background-color:#eaf6fd;width:100%;padding:20px;overflow:hidden}
.gray-box {background-color:#f2f2f2;width:100%;padding:20px;overflow:hidden}
.lgray-box {background-color:#f9f9f9;width:100%;padding:20px;overflow:hidden}
.pink-border-box {background-color:#faf4fa;border:1px solid #ac0082;width:100%;padding:20px;overflow:hidden}
.pink-border-box a {color:#333}
.blue-border-box {background-color:#0a3287; border:1px solid #2895ce;width:100%;padding:20px;overflow:hidden} /*5f7bc4*/
.blue-border-box1 {background-color:white; border:1px solid #2895ce;width:100%;padding:20px;overflow:hidden} /*5f7bc4*/
.blue-border-box2 {background-color:#eaf6fd;border:1px solid #2895ce;width:100%;padding:20px;overflow:hidden}
.lgray-border-box {background-color:#f1f1f1;border:1px solid #e7e7e7;width:100%;padding:20px;overflow:hidden}
.gray-border-box {background-color:#ebece6;width:100%;padding:20px;overflow:hidden; margin-bottom:20px}
.white-box {width: 100%;padding:10px  20px;overflow: hidden;}
.white-border-box {background-color:#ecebe6;width: 100%;padding: 20px;overflow: hidden; font-size:.95em}
.white-border-box1 {background-color:white;width:100%;border:1px solid #d4d3d3;padding:0;overflow:hidden}


/* 버튼 */
button {
	background-color:#ff7361;border:none;color:#fff;margin:0 1px;padding:6px 12px;text-align: center;text-decoration: none;display: inline-block;
	border-radius:16px;-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;cursor:pointer;box-sizing:border-box;overflow:visible;}

button a:link {color:#fff !important}
button:hover {background:#000; opacity:0.8}

.curHand.blue.medium:hover, .blue.medium:hover, .curHand.blue:hover {background-color:#000}

button.tiny {font-size:.75em;}
button.small {font-size:.875em;padding:6px 10px; font-weight:normal !important}
button.medium {padding:10px 16px; color:#fff;font-size:.9em;}
button.large { background: #ff7361; border-radius: 20px; font-size:1.1em;padding:10px 30px;font-weight:600;}
button.blue.large {font-size:.95em;padding:10px 30px;font-weight:600; letter-spacing:-1px}
button.blue.large:lang(en) {font-weight:400;letter-spacing:-0.5px !important;}
button.big {font-size:1.25em;padding:8px 30px;font-weight:600;line-height:1.5em; background: #ff7361; border-radius: 20px}

button.green {background-color: #0E620A; font-weight:normal !important}
button.blue {background-color: #6f48d9;color:white; font-weight:normal !important; margin-top: 5px}
button.darkblue {background-color:#0F4184;color:white}
button.gray {background-color: #777;color: #fff; font-weight:normal !important}
button.deepgray {background-color:#828282;border-radius:20px; padding: 6px 10px}
button.black {background-color: #303032}
button.orange {background-color:#96006b;color:#fff !important; border-radius:20px;}

button.disabled {opacity:0.6;cursor:not-allowed}

/* 버튼 */
.btnBc {position:relative;display:inline-block;vertical-align:middle;text-align:center;background:#b9b9b9; border-radius:6px;font-size:.9em; padding:3px 8px}
.btnBc:lang(en), .btnBc.big:lang(en) {letter-spacing:0 !important}
.btnBc a {color:#fff}

.btnBc button, .btnBc input {
	position:relative; margin:0; display:-moz-inline-stack; display:inline-block; padding:4px 10px 4px 10px;color:#fff;text-decoration:none;white-space:nowrap;background:none;vertical-align:top;
	cursor:pointer;border:0; border-radius:6px;
}

.btnBc.big{
	display: inline-block;margin:10px 5px; padding:6px 30px;font-size:1.1em; color:#fff;font-weight:bold;border-radius:44px;text-align:center;
	/*background:linear-gradient(45deg, #3c9ddb 0%, #0e2c5b 100%);*/
	background:#ff7360;
}

.btnBc.darkgray, .btnBc.darkgray button {background:#777; font-weight:normal !important}
.btnBc.gray, .btnBc.gray button {background: #A7A7A7; font-weight:normal !important}
.btnBc.blue, .btnBc.blue button {background:#5a98de; color:#fff; font-weight:normal !important; padding: 6px 10px}
.btnBc.darkblue, .btnBc.darkblue button {background:#005fad}
.btnBc hover { opacity:80%}

.btnBc.big input { font-size:1em; padding-top:10px}
.btnBc.big.w100 {max-width:250px; font-size:1.1em}

/**.btnBic {margin:0 auto 50px;max-width:30%;text-align:center; margin-top:30px}
.btnBic a {
	display:block;height:100%;font-size:30px;color:#fff;line-height:50px;font-weight:bold;border-radius:44px;
	background:linear-gradient(90deg, #fbab18 0%, #c9148d 100%);
}
.btnBic button { width:200px}
**/



@media all and (max-width:640px) {
	input[type="text"], input[type="password"], input[type="search"], input[type="tel"], input[type="email"] {font-size:.9em;height:35px; padding:3px}
	input[type="radio"], input[type="checkbox"] {padding: .6em; width: 16px; height: 16px;}
	select { width:100%}
	textarea {height:150px;font-size:15px}
	.wp50, .wp80, .w200  { width:100%; margin-bottom:10px !important}
	.btnBic {max-width:100%; font-size:1.1em}
	.mobile { display: inline-block}
	.pc {display:none}
	.nomobile { display:none}
   .mobile img {width: 100%}
	.btnBc.big {padding:8px 30px; margin:15px 10px}
   .doc, .nodoc, .nodoc.curHand {font-size: .9em;}

}