@charset "utf-8"; 

* { -webkit-text-size-adjust:none;}

/* font API */
/*
@font-face{
	font-family:'NanumGothic';
	font-style: normal;
	font-weight: 400;
    src:url(http://www.ontrip.life/css/fonts/NanumGothic-Regular.eot);	
	src:local(''), url(http://www.ontrip.life/css/fonts/NanumGothic-Regular.woff) format('woff');
}
*/
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");   

body,html { letter-spacing: -0.025em;  }  /*  0px; */

/* @media screen and (-webkit-min-device-pixel-ratio:0){
body,html {letter-spacing: 0}
}*/

/* 온트립 핑크 #ea5479   온트립 블루 #506477  */


/* 에어비엔비 
.text-jumbo{font-size:60px;font-weight:700} --- 제일큰거
h2{font-size:32px; } --- 두근두근 세계여행
text-lead{font-size:16px} ---  세계 곳곳을 누벼 보세요
.host-banner__title{font-size:26px;line-height:1.1}.host-banner__subtitle{font-size:16px}
*/

body,div,ul,ul li,p,ol,ol li , li , dl, dl dt, dl dd, h1, h2, h3, h4, h5, h6 ,form, fieldset,button { 
   margin: 0; padding: 0;  
   font-family:'NanumGothic','나눔고딕'; 
   /*font-family:'Nanum Gothic','나눔고딕','MalgunGothic','맑은고딕','Dotum','돋음',Gulim,Helvetica,sans-serif;*/
}
ul, ul li, ol, ol li {list-style-type: none}
caption,legend,hr{display:none;}
button {border: 0 none; background: none; cursor: pointer; font-family:'NanumGothic','나눔고딕';}
input {font-family:'NanumGothic','나눔고딕';}
a,
a:link {text-decoration: none; color: #444; cursor: pointer; font-family:'NanumGothic','나눔고딕';}
a:hover {text-decoration: none}
body {font-size: 14px; font-family:'NanumGothic','나눔고딕'; color: #444; text-align: center; line-height: 18px;}
img, fieldset {border: 0;}
a img {border: 0 none;}
.ir {display: block;position: absolute;top: -9999px;left: -9999px;text-indent: -999em;overflow: hidden;background-repeat: no-repeat;text-align: left;}


/* placholder */
::-webkit-input-placeholder{color:#999}
::-moz-placeholder{color:#4A4A4A} /* firefox 19+ */
input.int:-ms-input-placeholder{color:#999} /* ie */
input:-moz-placeholder{color:#999}
 
/* ie10이상 select박스 화살표 디자인 수정 */
select::-ms-expand{opacity:0}

/* ie7/ie8을위한css */
.join_content{width:460px;margin:0 auto}
 
.lbl{z-index:11}


.row_group .btn_help{*top:-6px}
.int_id .int,
.int_pass .int,
.int_pass_step1 .int,
.int_pass_step2 .int,
.int_pass_step3 .int,
.int_pass_step4 .int,
.int_pass_check .int,
.int_pass_check2 .int{*width:338px}

.error{margin:3px 0 3px 1px;font-size:12px;color:#f00}
.gm{margin:3px 0 3px 1px;font-size:12px; color:#2eaa08}

 
/* Common
html, body { height:100%;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{color:#333; font-family:'돋움',dotum,applegothic,sans-serif;font-size:12px}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
input,select{vertical-align:middle}
hr,legend{display:none}
caption{overflow:hidden;width:0;height:0;font-size:0;line-height:0}
a{ color:#5f5f5f; text-decoration:none;}
a:hover{text-decoration:underline}
 */

.aw { color:#fff; text-decoration:none;}
.aw:hover{ color:#ea5479; text-decoration:none;}

.ag14 { color:#484848; font-size:14px; text-decoration:none;}
.ag14:hover{ color:#ea5479; text-decoration:none;}
 

.a11 { color:#333333; text-decoration:underline; font-family:'돋움',dotum,applegothic,sans-serif;font-size:11px; letter-spacing: -1px; }
.a11:hover{ color:#03a9f5; text-decoration:underline; }


.blind {overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.blink_wrap { height:4px; }

.flt_lef {float: left;}
.flt_rig {float: rig;}
.clear {clear: both;}
.cent {text-align: center;}

.textinfo {font-size: 11px; line-height: 150%; letter-spacing: -1px; font-family:'돋움',dotum,applegothic,sans-serif; } 
.textinfo_n {font-size: 11px; line-height: 150%; letter-spacing: -1px; font-family:'돋움',dotum,applegothic,sans-serif; } 
.text_11 {font-size:11px; letter-spacing:-0.025em; line-height:150%;} 
.text_11e {font-size:11px;font-family:tahoma,verdana;line-height:150%; letter-spacing: 0px;} 
.text_12 {font-size:12px;letter-spacing:-1px;line-height:150%;} 
.text_12_n {font-size:12px;line-height:150%;} 
.text_12e {font-size:12px;font-family:tahoma,verdana;line-height:150%; letter-spacing: 0px;} 
.text_13 {font-size:13px; letter-spacing:0px; line-height:150%; font-family:'굴림',gulim;} 
.text_14 {display:inline-block;margin-top:.2em;padding:6px 0px 2px 0px;font-size:14px;color:#4d4d4d;}
.text_14_b {display:inline-block;margin-top:.2em;padding:6px 0px 2px 0px;font-size:14px;font-weight:bold;color:#4d4d4d;}
.text_15_nb {display:inline-block;margin-top:.2em;padding:0px 0px 2px 0px;font-size:15px;font-weight:bold;color:#fff; letter-spacing:1px;font-family:'나눔고딕',NanumGothic,'굴림',gulim;}
.text_16e {display:inline-block;font-family:verdana,tahoma;font-size:16px;font-weight:bold;color:#4d4d4d;letter-spacing:-1px;} 
.text_16_n {font-size:16px;line-height:140%; letter-spacing:0px;} 
.text_24_n {font-size:24px;line-height:140%;} 
.text_price {font-size:12px;font-family:tahoma,verdana;font-weight:bold;color:#313131;letter-spacing:0px;} 
.text_review {font-size:11px;letter-spacing:-0.02em;line-height:140%;color:#5f5f5f; } 

.tx11_gray { color:#8f8f8f; font-size:11px; letter-spacing:-1px;line-height:140%;}
.tx11_gray_e { color:#8f8f8f; font-size:11px; line-height:140%;}
.tx14 { color:#333; font-size:14px; letter-spacing:-1px;line-height:140%;}
.tx16 { color:#333; font-size:16px; letter-spacing:-1px;line-height:140%;}
.tx16_e { color:#333; font-size:16px; line-height:140%;}
.prview_price { font-size:16px; font-family:tahoma,verdana;font-weight:bold;color:#f5448c;letter-spacing:0px;} 
.bar { 
    float: left; display:block; overflow:hidden; color:#c1c1c1; width:1px; height:22px;margin:-2px 6px 0 6px; padding:0 auto;
	 *line-height:12px !important;line-height:11px;vertical-align:middle;  
	 background-color:#c4c4c4;
}
.bar14_gray { 
    float: left; display:block; overflow:hidden; color:#c1c1c1; width:1px; height:14px;margin:3px 6px 0 6px; padding:0 auto;
	 *line-height:12px !important;line-height:11px;vertical-align:middle;  
	 background-color:#8393a1;
}

 

.fl{float:left !important}
.fr{float:right !important}
.tc{text-align:center !important}
.tl{text-align:left !important}
.tr,input.ipt_rgt{text-align:right !important}
.v_top{vertical-align:top !important}
.v_md{vertical-align:middle !important}
.f11{font-size:11px !important}
.f12{font-size:12px !important}
.thm{font-family:tahoma !important}
.line_h18{line-height:18px}
.fc_point{color:#748eea !important}
.letter_s{letter-spacing:-1px}
.letter_s2{letter-spacing:0}
.mask{position:absolute;border:1px solid #000;opacity:0.05;filter:alpha(opacity=5)}
.mask2{position:absolute;background:#000;opacity:0.7;filter:alpha(opacity=70)}
.mask3{overflow:hidden;position:absolute;left:0;right:0;bottom:0;height:1px;background:#000;opacity:0.1;filter:alpha(opacity=10)}
.mt10{margin-top:10px !important}
label{vertical-align:-1px}
input.ipt_chk,input.ipt_rdo{width:13px;height:13px;vertical-align:text-top}
input.ipt_txt,input.ipt_rgt,textarea.ta{height:19px;padding:0 5px;border:1px solid transparent;border-color:#c5c5c5 #e9e9e9 #e9e9e9 #c5c5c5;line-height:19px;-webkit-apperance:none}
input.ipt_txt:focus,input.ipt_rgt:focus,textarea.ta:focus{border-color:#748eea}
textarea.ta{overflow:auto;height:57px;padding:4px 0 0 5px; line-height:18px;}
textarea.taon{ overflow:auto;border:1px solid transparent; height:57px;padding:4px 0 0 5px; line-height:18px;}

@media all and (max-width:740px)   {    /*  max-width:980px MOBILE */ 
		 /* 기본사용 */ 
	.colspan_h30 { width:100%; height:20px; }
	.colspan_h22 { width:100%; height:16px; }
	.colspan_h15 { width:100%; height:10px; }
	.colspan_h4 { width:100%; height:4px; }
 
}  /*  MOBILE end  */
@media all and (min-width:741px) {   /*   (min-width:1300px)  */ 
	 /* 기본사용 */ 
	.colspan_h30 { width:100%; height:30px; }
	.colspan_h22 { width:100%; height:22px; }
	.colspan_h15 { width:100%; height:15px; }
	.colspan_h4 { width:100%; height:4px; }
}

/* input file 찾아보기 */
.input_file_wrap {width:200px;position:relative;padding-top:3px;} /* file_warp 의 위치를 위해 임의로 감싸줌 */
.file_text { float:left;width:130px;height:17px;margin-right:8px; background-color:#f5fff2; border:1px solid ;border-color: #a5c2c9 #a5b5c0 #a5b5c0 #a5c2c9; color:#777; } /* 파일첨부했을경우 경로가 나오는  input type="text"  */
.file_wrap {float:left;display:inline-block;width:55px;height:20px;margin:0px auto;padding:0px auto; background: url('http://www.ontrip.life/image/btn_findfile.png') no-repeat 0 0 ;position:relative; top:0; right:0;}  
/*버튼이미지를 배경이미지로 삽입, 전체 사이즈는 버튼이미지 사이즈와 동일
위치 절대값 top:0; right:0; 또는 top:0; left:인풋text 박스 크기 + 여백 만큼 */
.file_add { filter:alpha (opacity:0); opacity:0; width:55px; height:20px;}
/* input type="file" 투명도를 0으로 만들기 사이즈는 버튼 이미지 사이즈와 동일하게 */
 
 /*버튼박스*/
 .a_textbt12 {  
    display:inline-block;overflow:hidden;height:14px;margin:2px 0 0 2px;padding:4px 6px 0px 6px;
	font-size:11px;
	border:1px solid #c9c9c9;border-right:1px solid #adadad;border-bottom:1px solid #adadad;
	background:#f9f9f9;
	background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfe),to(#c9c9c9));  /* #f7f7f9  */
	color:#333;
	letter-spacing:-1px; 
	vertical-align:top;
	-moz-border-radius-topleft:3px; 
	-moz-border-radius-bottomright:3px; 
	-webkit-border-bottom-right-radius:3px; 
	-webkit-border-top-left-radius:3px; 
	border-radius:3px;
	behavior: url('http://www.ontrip.life/css/PIE.htc');  /* ie 에서 모서리 둥글게  */
	/*box-shadow: inset -5px -5px 5px rgba(0,0,0,.6), 15px 15px 2px rgba(0,0,0,.04); */

}
.a_textbt12:hover{text-decoration:none;color:#ff4e00;}

.a_textbt16 {  
    display:inline-block;overflow:hidden;height:20px;margin:0 auto;padding:8px 10px 0 10px;;
	font-size:12px; font-weight:bold; color:#333; letter-spacing:-1px; vertical-align:middle;
	border:1px solid #c9c9c9;border-right:1px solid #adadad;border-bottom:1px solid #adadad;
	background:#f9f9f9; background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfe),to(#c9c9c9));  /* #f7f7f9  */
	-moz-border-radius-topleft:3px; 
	-moz-border-radius-bottomright:3px; 
	-webkit-border-bottom-right-radius:3px; 
	-webkit-border-top-left-radius:3px; 
	border-radius:3px;
	behavior: url('http://www.ontrip.life/css/PIE.htc');  /* ie 에서 모서리 둥글게  */
}
.a_textbt16:hover{text-decoration:none;color:#ff4e00;}

 
/*버튼박스*/
.a_rbtn27 {  
    display:inline-block;overflow:hidden;height:22px;margin:2px 0 0 2px;padding:4px 10px 0px 10px;
	font-family:'굴림',Gulim,'돋움',dotum,applegothic,sans-serif;
	font-size:13px; font-weight:bold;
	border:1px solid #c9c9c9; 
	background:#fdfdfd;
	background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#f9f8f8)); 
	color:#666;
	letter-spacing:-1px; 
	vertical-align:middle;
	-moz-border-radius-topleft:2px; 
	-moz-border-radius-bottomright:2px; 
	-webkit-border-bottom-right-radius:2px; 
	-webkit-border-top-left-radius:2px; 
	border-radius:2px;
	behavior: url(http://www.ontrip.life/css/PIE.htc);  /* ie 에서 모서리 둥글게  */

}
.a_rbtn27:hover{text-decoration:none;color:#000;}

.a_rbtn27_blue {  
    display:inline-block;overflow:hidden;height:22px;margin:2px 0 0 2px;padding:4px 10px 0px 10px;
	;font-family:'굴림',Gulim,'돋움',dotum,applegothic,sans-serif;
	font-size:13px; font-weight:bold;
	border:1px solid #748eea; 
	background:#fdfdfd;
	background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#f9f8f8)); 
	color:#748eea;
	letter-spacing:-1px; 
	vertical-align:middle;
	-moz-border-radius-topleft:2px; 
	-moz-border-radius-bottomright:2px; 
	-webkit-border-bottom-right-radius:2px; 
	-webkit-border-top-left-radius:2px; 
	border-radius:2px;
	behavior: url(http://www.ontrip.life/css/PIE.htc);  /* ie 에서 모서리 둥글게  */

}
.a_rbtn27_blue:hover{text-decoration:none;color:#5572d7;}

/* common */
input,textarea,select,button {color:#5f5f5f;font-family:'돋움',dotum,applegothic,sans-serif;font-size:12px;margin:3px 3px 3px 3px;}
textarea,select { margin:3px 3px 3px 3px;border: 1px solid; border-color: #a5c2c9 #a5b5c0 #a5b5c0 #a5c2c9;background-color: #fff; }

.inputbox{ width:auto;height:40px;text-align:center;vertical-align:middle;padding:10px 0px 0px 0px; }
.inputbox_n{ width:auto;height:32px;vertical-align:middle;padding:0px 0px 0px 0px;border:0px; background-color:#f7f7f7;}

.impt12 { font-size: 12px;font-size: 9pt;font-weight:bold;vertical-align:middle;color:#000;}  /* important text */ 
.pilsu {font-size:12px; color:#ff6600; font-weight:bold; margin:0 4px 0 -11px;}   /* form 필수항목 표시  */
.ctitle {font-size: 20px; font-weight:bold; line-height: 150%; letter-spacing: -1px; font-family:"NanumGothic"; color:#5f5f5f }
.subtitle16 {font-size: 16px; line-height: 150%; letter-spacing:-0.02em; font-family:"NanumGothic"; color:#000; }

/* form */
.td_title  { height: 28px; text-align:left; padding-left:5px; border: 1px solid #dfdfdf; background-color:#f7f7f7;} /*form 에 쓰이는 항목바탕*/
.td_input  { height: 28px; text-align:left; padding-left:5px; border: 1px solid #dfdfdf; } /*form 에 input 영역*/

.td_title_bbs  { height: 30px; text-align:left; padding-left:15px; border-bottom: 1px solid #dfdfdf; background-color:#f7f7f7;} /*form 에 쓰이는 항목바탕*/
.td_input_bbs  { height: 30px; text-align:left; padding-left:15px; border-bottom: 1px solid #dfdfdf; } /*form 에 input 영역*/


.form_title { height:22px;padding-left:10px;padding-top:10px; color: #000; font-weight: bold; background-color: #fff;border:1px solid #cecfce; }
.form_title_bottom { height:4px;background-color: #efefef;border-bottom:4px solid #fff; }
.form_blink { height:4px; }

.input_btn { margin:0; padding:0;}

/*
.input_normal { 
     height:17px; 
     font-family : "돋움","Dotum","Gulim","굴림","AppleGothic","sans-serif"; 
     font-size :12px; font-size: 9pt; 
     border: 1px solid; border-color: #a5c2c9 #a5b5c0 #a5b5c0 #a5c2c9; 
     background-color: #f5fff2; 
	 padding:4px 0px 0px 3px;
	 margin:0;
} 
*/

.input_normal { 
     font-size :16px; 
	 height:20px;
	 margin:0;
	 padding:3px 2px 2px 4px;   /*상 우 하 좌*/
	 color:#333;
     border:1px solid; border-color:#a3a3a3 #a3a3a3 #a3a3a3 #a3a3a3;
     background-color: #fff;
}
.input_normal:hover{ border:1px solid; border-color:#f46c22 #f46c22 #f46c22 #f46c22; }

.input_pink { 
     height:17px; 
     font-family : "돋움","Dotum","Gulim","굴림","AppleGothic","sans-serif"; 
     font-size : 12px;  font-size: 9pt; 
     border: 1px solid; border-color:   #A5C2C9 #A5B5C9 #A5B5C9 #A5C2C9;
     background-color: #FFEAFD;
	 padding:3px 0px 0px 3px;
	 margin:2px 2px 2px 2px;
}

.input_none { 
	 height:20px; 
	 padding-top:6px;
     font-family : "굴림" ; 
     font-size:12px; 
     border: 0px solid; border-color: #ffffff #ffffff #ffffff #ffffff;
     background-color: #ffffff;
	 margin:2px 2px 2px 2px;
}


.input_topsearch { 
     text-align:center;
	 height:28px; 
	 padding:6px 0 0 0;
     font-family:'나눔고딕',NanumGothic,'굴림',gulim;
     font-size:20px; 
     border: 0px solid; border-color: #ffffff #ffffff #ffffff #ffffff;
     background-color:#ffffff; /* yellow */
	 margin:2px 0px 2px 0;
}

 .btn24_green {  
    display:inline-block; overflow:hidden;  margin:0 auto; padding:3px 6px 0 6px; width:auto; height:21px;
	font-family:'굴림',Gulim,'돋움',dotum,applegothic,sans-serif;
	font-size:14px; color:#ffffff; /*font-weight:bold;*/
	border:1px solid #65cd38; 
	background:#83d85e; 
	letter-spacing:-1px; 
	vertical-align:middle;
	-moz-border-radius-topleft:2px; 
	-moz-border-radius-bottomright:2px; 
	-webkit-border-bottom-right-radius:2px; 
	-webkit-border-top-left-radius:2px; 
	border-radius:2px;
	behavior: url(http://www.ontrip.life/css/PIE.htc);  /* ie 에서 모서리 둥글게  */
}
.btn24_green:hover{text-decoration:none;background:#65cd38; }

.btn30_green {  
    display:inline-block; overflow:hidden;  margin:0 auto; padding:8px 0 0 0; width:auto; height:20px;
	font-family:'굴림',Gulim,'돋움',dotum,applegothic,sans-serif;
	font-size:12px; font-weight:bold;
	border:1px solid #65cd38; 
	background:#83d85e; 
	color:#fff;
	letter-spacing:-1px; 
	vertical-align:middle;
	-moz-border-radius-topleft:4px; 
	-moz-border-radius-bottomright:4px; 
	-webkit-border-bottom-right-radius:4px; 
	-webkit-border-top-left-radius:4px; 
	border-radius:4px;
	behavior: url(http://www.ontrip.life/css/PIE.htc);  /* ie 에서 모서리 둥글게  */
}
.btn30_green:hover{text-decoration:none;background:#65cd38; }
 


 .btnbgbox {  
    display:inline-block; overflow:hidden;  margin:0 auto; padding:28px 0px 0px 0px; width:auto; height:50px;
	vertical-align:middle;
	font-family:'굴림',Gulim,'돋움',dotum,applegothic,sans-serif;
	font-size:22px; font-weight:bold;
	/*border:1px solid #3f5f9d; */
	background:#4c6fb4; 
	color:#fff;
	letter-spacing:-1px; 
	vertical-align:middle;
	-moz-border-radius-topleft:2px; 
	-moz-border-radius-bottomright:2px; 
	-webkit-border-bottom-right-radius:2px; 
	-webkit-border-top-left-radius:2px; 
	border-radius:4px;
	behavior: url(http://www.ontrip.life/css/PIE.htc);  /* ie 에서 모서리 둥글게  */
}
/*.btnbgbox:hover{text-decoration:none;color:#000;}*/
.btnbgbox:hover{ text-decoration:none;background-color:#4c6fb4; }


.btn40_pink {  
    display:inline-block; overflow:hidden;  margin:0 auto; padding:22px 20px 0 20px; width:auto; height:40px;
	font-family:"NanumGothic", '굴림',Gulim,'돋움',dotum,applegothic,sans-serif;
	font-size:24px; font-weight:bold;
	/* border:1px solid #65cd38; */
	background:#ea5479; 
	color:#fff;
	letter-spacing:-1px; 
	vertical-align:middle;
	-moz-border-radius-topleft:4px; 
	-moz-border-radius-bottomright:4px; 
	-webkit-border-bottom-right-radius:4px; 
	-webkit-border-top-left-radius:4px; 
	border-radius:4px;
	behavior: url(http://www.ontrip.life/css/PIE.htc);  /* ie 에서 모서리 둥글게  */
}
.btn40_pink:hover{text-decoration:none;background:#506477; }

.btn36_pinkline {  
    display:inline-block; overflow:hidden;  margin:0 auto; padding:6px 15px 0 15px; width:auto; height:28px;
	font-family:"NanumGothic", '굴림',Gulim,'돋움',dotum,applegothic,sans-serif;
	font-size:16px; font-weight:bold;
	border:1px solid #ea5479; 
	background:#fff;  /* #ea5479 */
	color:#ea5479;
	letter-spacing:-1px; 
	vertical-align:middle;
	-moz-border-radius-topleft:2px; 
	-moz-border-radius-bottomright:2px; 
	-webkit-border-bottom-right-radius:2px; 
	-webkit-border-top-left-radius:2px; 
	border-radius:2px;
	behavior: url(http://www.ontrip.life/css/PIE.htc);  /* ie 에서 모서리 둥글게  */
}
.btn36_pinkline:hover{text-decoration:none;color:#fff;background:#ea5479; }

.btn12_red {  display:inline-block; min-width:20px; height:15px; margin:-1px 0 0 0;  padding:2px 2px 0 2px; text-align:center;
   font-size:11px; line-height: 150%; letter-spacing: 0px; font-family:'돋움',dotum,applegothic,sans-serif; color:#ea5479;
   border:1px solid #ea5479;
} 
.btn12_red:hover{ text-decoration:none; color:#fff; background:#ea5479; } 

 
/* selectbox */
.onselect { 
     text-align:left; width:auto; height:26px;  margin:0; padding:0; font-size: 14px; 
     border: 1px solid #a3a3a3; background-color:#ffffff; /* yellow */
}



/* table */
table {width:100%; border-collapse:collapse; /* 한줄로 나오게 처리 */ }
.th  { padding:4px; font-weight: bold; background-color: #fafafa;  border: 1px solid #ededed; color: #000; } /* 항목명 */
.td  { padding:4px; border: 1px solid #ededed; }

/*
.th_on  { padding:6px 0 6px 0; font-weight: bold; background-color: #fafafa;  border: 1px solid #ededed; color: #000; }  
.td_on  { padding:6px 0 6px 0; border:1px solid #ededed; }
 */
.th_on  { margin:0 auto; padding:8px 0 8px 0; font-weight: bold; background-color: #fafafa;  border: 1px solid #cccccc; color: #000; } /* 항목명 */
.td_on  { margin:0 auto; padding:8px 0 8px 0; border:1px solid #cccccc; }



#wrap{ position:relative; display:block; width:100%; height:auto; margin:0 auto;padding:0 auto; /*background-color: #fafafa; */ }
#ifr_contents { width:98%;height:auto; margin:0 auto; padding:0 auto;    } /* inc_frame_top.php */
#ifr_contents .box{ width:auto;height:24px;text-align:center;vertical-align:middle; }
#ifr_contents .btnimg{width:auto;height:auto;vertical-align:middle;}
.ifr_content {  width:100%; height:auto; margin:0; padding:0; vertical-align:middle; line-height: 150%;  }
 
 
.line_gray { display:block; width:100%; height:1px; margin:0 auto;padding:0 auto; background-color:#e6e6e6;  } 
.line_mypage { display:block; width:100%; height:1px; margin:0 auto;padding:0 auto; background-color:#dcdcde;  } 
.line_w { display:block; width:100%; height:1px; margin:0 auto;padding:0 auto; background-color:#fff;  }
.blue_wrap{ display:block; width:100%; height:240px; margin:0 auto;padding:0 auto; background-color: #4a506a;  }
.blues_wrap{ display:inline-block; width:100%; height:auto; margin:0 auto;padding:0 auto; background-color: #d6dbdf;  } /*d6dbdf*/ 

.w_wrap { display:block; width:982px; height:auto; margin:0 auto; padding:0 auto; /*border:1px solid #000;*/}
.w_wrap_lt { display:block; width:982px; height:auto; margin:0 auto; padding:0 auto; text-align:left; }
.wide_wrap { display:block; width:1094px; height:auto; margin:0 auto; padding:0 auto; /*border:1px solid #000;*/}
.wrap_638_320 { display:block; width:638px; min-width:320px; height:auto; margin:0 auto; padding:0 auto;  background-color:#e6e6e6;  }
 
.col100 { display:block; width:100%; height:auto; margin:0 auto; padding:0 auto; }

 .line_gray1  { display:block; width:100%; height:auto; margin:0 auto; padding:0 auto; border-bottom:1px solid #d9d9d9; }

/*모바일공용*/
.col338  { display:block; width:338px; height:auto; margin:0 auto; padding:0 auto; /*background-color:#fff;*/ }
.ontitle {  display:inline-block; color:#555555; font-weight:bold;  font-family:'나눔고딕',NanumGothic,'굴림',gulim; font-size:30px; line-height:150%;vertical-align:middle }
.ontext12 {  color:#64676c; font-family:'나눔고딕',NanumGothic,'굴림',gulim; font-size:12px; line-height:150%; vertical-align:middle }
.ontext14 {  color:#64676c; font-weight:bold;  font-family:'나눔고딕',NanumGothic,'굴림',gulim; font-size:14px; line-height:150%;vertical-align:middle }
.ontext14_n {  color:#64676c; font-family:'나눔고딕',NanumGothic,'굴림',gulim; font-size:14px; line-height:150%;vertical-align:middle }
.onlink14 {  color:#64676c; font-weight:bold;  font-family:'나눔고딕',NanumGothic,'굴림',gulim; font-size:14px; line-height:150%;vertical-align:middle; text-decoration:underline }
.ontext17 {  color:#64676c; font-weight:bold;  font-family:'나눔고딕',NanumGothic,'굴림',gulim; font-size:17px; line-height:150%;vertical-align:middle }
.ontext17_n {  color:#64676c; font-family:'나눔고딕',NanumGothic,'굴림',gulim; font-size:17px; line-height:150%;vertical-align:middle }
.ontext19 {  color:#64676c; font-family:'나눔고딕',NanumGothic,'굴림',gulim; font-size:19px; line-height:150%;vertical-align:middle }
.ontext18 {  color:#64676c; font-family:'나눔고딕',NanumGothic,'굴림',gulim; font-size:18px; line-height:150%;vertical-align:middle }
.ontext22 {  color:#64676c; font-family:'나눔고딕',NanumGothic,'굴림',gulim; font-size:22px; line-height:150%;vertical-align:middle }
.ontext35 {  color:#64676c; font-family:'나눔고딕',NanumGothic,'굴림',gulim; font-size:35px; line-height:150%;vertical-align:middle }

/* 주요글씨크기 */
.ontext60 {  font-size:60px;  font-weight:700;   line-height:150%; vertical-align:middle; }
.ontext32 {  font-size:32px;  line-height:150%; vertical-align:middle; } /* 큰타이틀 */
.ontext26 {  font-size:26px;  line-height:150%; vertical-align:middle; } /* 서브타이틀 */
.ontext20 {  font-size:20px;  line-height:150%; vertical-align:middle }
.ontext16 {  font-size:16px;  line-height:150%; vertical-align:middle; } /* 일반보다 큰거 */
.ontext12_gray { font-size: 12px; color:#9c9fa5; line-height: 150%; letter-spacing: -1px; font-family:'돋움',dotum,applegothic,sans-serif; vertical-align:middle; } 
 
 
/* 640 - 회원가입  --- 따로 분리해야할것 */
.wrap_640 { display:block; width:640px; min-width:320px; height:auto; margin:0 auto; padding:0 auto;  background-color:#e6e6e6;  }
.left_320 {  float:left; display:block; width:318px; height:auto; margin:0 auto; padding:0 auto;  }
.right_320 {  float:right; display:block; width:318px; height:auto; margin:0 auto; padding:0 auto;  }
.left_320_txri {  float:left; display:block; width:303px; height:auto; margin:0 auto; padding:8px 15px 0 0; text-align:right; vertical-align:top;} 
 
.pd4 {  display:block; width:auto; height:auto; margin:0 auto; padding:4px; line-height:140%; color:#666;} 
.infobox {overflow:hidden; width:100%; height:100%; margin:0; padding:0; border:1px solid #bdbdbd; background-color:#fff; } /* 이용약관등 */


/* 모바일일때 전체 새창같은 레이어 */
.newwindow_wrap { z-index:1000; position:absolute; top:0px; left:0; display:block; width:100%; height:100%; margin:0 auto; padding:0 auto; background-color:#ffffff; }  
.newwindow_title_area { display:block; width:100%; height:32px; font-size:16px; font-weight:bold; color:#ea5479; margin:0 auto; padding:14px 0 0 0; background-color:#edefed; border-bottom:1px solid #dce0e0; }  
.newwindow_close { 
     z-index:1001; position:absolute; top:16px; right:20px; display:block; width:19px; height:19px; margin:0 auto; margin:0 auto;  
}   
/* 모바일일때 전체 새창같은 레이어 end */



/* 내용중 div 스크롤 */
 
.divscroll {
  overflow-y:auto;width:99%;height:auto;padding:0px;border:1px solid #bdbdbd;
  background-color:#fff;.
  scrollbar-face-color: #ffffff; 
  scrollbar-shadow-color: #cccccc; 
  scrollbar-highlight-color: #cccccc; 
  scrollbar-3dlight-color: #ffffff; 
  scrollbar-darkshadow-color: #ffffff; 
  scrollbar-track-color: #ffffff; 
  scrollbar-arrow-color: #860528;
}
.divscroll_x {
  display:block;
  overflow-x:auto;overflow-y:auto;width:100%;height:auto;padding:0px;border:1px solid #bdbdbd;
  scrollbar-face-color: #ffffff; 
  scrollbar-shadow-color: #cccccc; 
  scrollbar-highlight-color: #cccccc; 
  scrollbar-3dlight-color: #ffffff; 
  scrollbar-darkshadow-color: #ffffff; 
  scrollbar-track-color: #ffffff; 
  scrollbar-arrow-color: #860528;
}




/* input file 다중업로드 */
.multi_file_wrap {width:96.5%;position:relative; margin:0 auto; padding:0 auto; /*  background:#f7f7f7;  */} /* mfile_warp 의 위치를 위해 임의로 감싸줌 */
.mfile_text { float:left;width:130px;height:17px;margin:0 auto; background-color:#f5fff2; border:1px solid ;border-color: #a5c2c9 #a5b5c0 #a5b5c0 #a5c2c9; color:#777; } /* 파일첨부했을경우 경로가 나오는  input type="text"  */
.mfile_wrap {float:right; display:inline-block; width:80px; height:26px; margin:0 auto;padding:0 auto; background: url('http://www.ontrip.life/image/btn_findfile2.png') no-repeat 0 0 ;position:relative; top:0; right:0;}  
/*버튼이미지를 배경이미지로 삽입, 전체 사이즈는 버튼이미지 사이즈와 동일
위치 절대값 top:0; right:0; 또는 top:0; left:인풋text 박스 크기 + 여백 만큼 */
.mfile_add { filter:alpha (opacity:0); opacity:0; width:55px; height:20px;}
/* input type="file" 투명도를 0으로 만들기 사이즈는 버튼 이미지 사이즈와 동일하게 */

/* 다중업로드 리스트 박스 */
#pop_wrap{ width:480px; margin:0 auto; padding:0 auto;  }
#pop_header{height:26px;padding:14px 0 0 20px;border-bottom:1px solid #ededeb;background:#f4f4f3}
.pop_container{ width:480px; padding:5px 0 0 0; }
#pop_footer{margin:21px 20px 0;padding:10px 0 16px;border-top:1px solid #e5e5e5;text-align:center}
h1{color:#333;font-size:14px;letter-spacing:-1px}
.btn_area{word-spacing:2px}
.pop_container .drag_area{overflow:hidden;overflow-y:auto;position:relative;width:478px;height:129px;margin-top:4px;border:1px solid #cfcfcf; background:#fff; }
.pop_container .drag_list { font-family:'돋움',dotum; font-size:12px; color:#000;  display:inline-block; width:100%; height:auto; text-align:left; padding:7px 0 6px 8px;border-bottom:1px solid #f4f4f4; vertical-align:top; }
.pop_container .drag_list .list {  display:block; width:100%; }
.pop_container .drag_list .list .left { float:left; letter-spacing:0px;  margin:0 0 0 10px;}  
.pop_container .drag_list .list .right { float:right; letter-spacing:0px; margin:0 20px 0 0; }  
.pop_container .nobg{background:none}
.pop_container .bar{color:#e0e0e0}
.pop_container .lst_type li{overflow:hidden;position:relative;padding:7px 0 6px 8px;border-bottom:1px solid #f4f4f4;vertical-align:top}
.pop_container :root .lst_type li{padding:6px 0 5px 8px}
.pop_container .lst_type li span{float:left;color:#222}
.pop_container .lst_type li em{float:right;margin-top:1px;padding-right:22px;color:#a1a1a1;font-size:11px}
.pop_container .lst_type li a{position:absolute;top:6px;right:5px}
.pop_container .dsc{ margin-top:6px; color:#666; line-height:18px}
.pop_container .dsc_v1{margin-top:12px}
.pop_container .dsc em{color:#13b72a}
.pop_container2{padding:46px 60px 20px}
.pop_container2 .dsc{margin-top:6px;color:#666;line-height:18px}
.pop_container2 .dsc strong{color:#13b72a}
.upload{ margin:0 4px 0 0;_margin:0; padding:6px 0 4px 6px;
   border:solid 1px #d5d5d5;color:#a1a1a1;font-size:12px;border-right-color:#efefef;border-bottom-color:#efefef;length:300px;}
:root  .upload{padding:6px 0 2px 6px;}