@import url( "http://fonts.googleapis.com/earlyaccess/notosanskr.css" );

/* reset */
body, div, ul, li, ol, dl, dd, dt, h1, h2, h3, h4, h5, h6, p, form, fieldset, legend, select, input,iframe{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:18px; font-weight:normal;}
body, input, textarea, select, button,iframe{font-family: "Noto Sans KR", sans-serif;}
a {text-decoration:none; color:#777; font-family: "Noto Sans KR";}
li, ul, ol {list-style:none;}
img {border:0; vertical-align:top;}
body{text-size-adjust:none !important;}

/*layout*/
#wrap {position:relative; float:none; display:block; width:100%; margin:0 auto; max-width:640px; overflow: hidden;}
#header {width:100%;}
#footer {width:100%;}
#footer .ter_container img{width: 100%;}
#contents {width:100%; min-height:500px; overflow:hidden; background:#f1f1f1;}
#scontents {width:100%; min-height:500px; overflow:hidden; background:#fff;}
#scontents2 {width:100%; min-height:500px; overflow:hidden; background:#f4f4f4;}

/* s_top_style */
.stfont_b1 {font-size:13px; letter-spacing:-1px;}
.back_btn {padding:16px 20px 0 10px; float:left;}
.back_btn img {width:8px;}
.back_btn2 {padding:16px 20px 0 10px; float:left;}
.back_btn2 img {width:15px;}
.snsbtn_b {float:right; padding-right:20px; padding-top:17px;}
.snsbtn_b img {width:8px;}

.mvis_inp {
	border-radius:6px; 
	background:#fff url(/mobile/img/m_mapicon.gif) no-repeat 10px 11px; 
	background-size:15px; 
	border:0px; 
	height:40px; 
	line-height:20px; 
	width:275px; 
	padding-left:40px; 
	font-size:14px;
	color:#777;
}


.gmenu {background:#404040; overflow:hidden;}
.gmenu h3 {float:left; font-size:14px; color:#aaa; padding:10px 0px 10px 10px;}
.gmenu ul {float:right; padding:10px 0px 10px 0px;}
.gmenu ul li {float:left; font-family:tahoma; font-size:18px; color:#fff; padding:0px 10px;}

.pd20 {padding:0 20px;}

/*header*/
#header {width:100%; height:48px; position:relative; background:#fff;}
.header_con {overflow:hidden; position:relative; text-align:center; height:48px;}
.header_con h1 {width:100%; margin:auto; font-weight:500; padding-top:6px; color:#333;}
#header .header_con h1 img {padding-right:5px; padding-bottom:7px; width:140px; height:30px;}
#header .header_con h1 a span {padding-top:10px; font-size:16px; color:#333; font-weight:normal;}
#header .right_btn {float:right; position:absolute; right:15px; top:15px;}

.header_con_2 {overflow:hidden; position:relative; text-align:center; height:48px;}
.header_con_2 h1 {width:100%; margin:auto; font-weight:500; padding-top:8px; color:#333;}
#header .header_con_2 h1 img {padding-right:0px; padding-bottom:7px; width:140px; height:30px;}
#header .header_con_2 h1 a span {padding-top:17px; font-size:16px; color:#333; font-weight:normal;}

.header_con_3 {overflow:hidden; position:relative; text-align:center; height:48px;}
.header_con_3 h1 {width:100%; margin:auto; font-weight:500; padding-top:6px; color:#333;}
#header .header_con_3 h1 img {padding-right:0px; padding-bottom:7px; width:140px; height:30px;}
#header .header_con_3 h1 a span {padding-top:17px; font-size:16px; color:#333; font-weight:normal;}

.header_con_4 {overflow:hidden; position:relative; text-align:center; height:48px;}
.header_con_4 h1 {width:100%; margin:auto; font-weight:500; padding-top:6px; color:#333;}
#header .header_con_4 h1 img {padding-right:0px; padding-bottom:7px; width:140px; height:30px;}
#header .header_con_4 h1 a span {padding-top:10px; font-size:16px; color:#333; font-weight:normal;}


/*Sheader*/
#Sheader {width:100%; height:48px; position:relative; background:#fff;}
#Sheader .header_tit {overflow:hidden; text-align:center; padding-top:13px;}
#Sheader .header_tit h1 {width:100%; margin:auto; font-size:16px; color:#333;}
#Sheader .left_prev {float:left; position:absolute; left:10px; top:17px;}
#Sheader .left_prev img {width:18px;}
#Sheader .left_home {float:left; position:absolute; left:50px; top:17px;}
#Sheader .left_home img {width:18px;}
#Sheader .right_btn {float:right; position:absolute; right:10px; top:15px;}
#Sheader .right_btn img {width:23px;}
#Sheader .right_serach {float:right; position:absolute; right:50px; top:17px;}
#Sheader .right_serach img {width:18px;}


.nav {float:left; width:100%; white-space:nowrap; margin-top:25px; border-top:1px solid #e0e0e0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.nav li {padding:22px 22px; font-size:18px; line-height:23px; display:inline-block;}

/*footer*/
#footer {float:left; background:#f7f7f7; padding:0px 0px 20px 0px; box-sizing:border-box; text-align:center; font-family:tahoma;}
#footer p {font-family: 'Noto Sans KR', sans-serif; font-weight: bold; font-size:12px; color:#666; }
#footer p:last-child {font-family: 'Noto Sans KR', sans-serif; font-size:11px; color:#999;font-weight:400; }

#footer p.num {font-size:10px; font-weight:400; color:#777;}
#footer p.num a {font-weight:700; color:#fff;}
.ilg {margin:10px 10px 0 0; vertical-align:middle;}
#footer .hosanna {zoom:1; display:inline-block; margin-left:6px; width:83px; height:10px; overflow:hidden; background:url(/m/mobile/img/footer_hosanna.png) no-repeat 0 0; text-indent:-999em; vertical-align:middle;}

/*smain_visual*/
.smain_visual {position:relative; max-height:305px; text-align:center;}

/*main_visual*/
.main_visual {position:relative; text-align:center;}
.main_visual .bx-wrapper .bx-controls .bx-pager{position:absolute; bottom:25px; left:50%; margin-left:-60px; text-align:center;}
.main_visual .bx-wrapper .bx-pager .bx-pager-item {display:inline-block;}
.main_visual .bx-wrapper .bx-pager.bx-default-pager a{display:block; width:35px; height:35px; background:url('/m/mobile/img/pagination_out.png') no-repeat center; text-indent:-9999px; margin:0 5px;}
.main_visual .bx-wrapper .bx-pager.bx-default-pager a.active{background:url('/mobile/img/pagination.png') no-repeat center;}


.serach {position:absolute; bottom:-20px; z-index:2; width:100%;}
.serach img {width:90%;}

.s_topserach {background:#eee; border-radius:100px; width:93%; height:40px; margin:auto; margin-bottom:15px;}
.s_topserach input {border:0px; width:90%; margin:2px 0 0 30px; height:38px;background:#eee;}


/* ¸ÞÀÎ ¹è³Ê */
.mbann {width:95%; margin:auto;}
.mbann h2 {font-size:20px; padding-top:40px; color:#313131; font-weight:bold; padding-left:5px;}
.mbann li {float:left; text-align:center; color:#fff; padding:5px 0px; width:100%;}
.mbann li:last-child {padding-bottom:0px;}
.mbann li img {width:100%; height:120px;}

.mbann dl {margin-top:43px; line-height:23px;}
.mbann dl dt {font-size:18px; font-weight:600;}
.mbann dl dd {font-size:13px; font-weight:500; letter-spacing:-1;}


.mbann_vi01 {background:url(/mobile/img/mban01.jpg) no-repeat; width:100%; height:120px; background-size:cover; margin-top:10px; }
.mbann_vi02 {background:url(/mobile/img/mban02.jpg) no-repeat; width:100%; height:120px; background-size:cover; margin-top:10px;}
.mbann_vi03 {background:url(/mobile/img/mban03.jpg) no-repeat; width:100%; height:120px; background-size:cover; margin-top:10px;}





.fbann { }
.fbann li {float:left; width:33.3%; height:148px; text-align:center;}
.fbann li img {width:53px; margin-top:37px;}
.fbann p {padding-top:10px; font-size:11px;}

.ftxt {float:left; clear:both; width:100%; padding:15px 0px; border-top:1px solid #c3c3c3; border-bottom:1px solid #dedede;}
.ftxt li {float:left; width:33.3%; font-size:12px; text-align:center; background:url(/mobile/img/ftxt_line.gif) no-repeat;}

.ficon {width:100%; margin:0 auto 15px; float:left; padding-top:30px;}
.ficon li {padding:0px 8px; display:inline;}
.ficon li img {width:35px;}
.foonter_container {clear:both; padding-top:20px;}


/* ¼¿·ºÆ® */
input, select, img{vertical-align:middle;}
input, select { border-radius:0; border:1px solid #ddd; /*height:25px; line-height:25px;*/ padding:3px 3px; /* -webkit-appearance:none; */ }
.input[type="text"],input[type="tel"],input[type="number"],input[type="password"],input[type="email"],textarea{padding:6px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;border-radius:0}
.input_txt{width:100%;height:30px;line-height:30px;padding:6px;border:1px solid #b3b3b3;/*-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;*/font-weight:bold;color:#000;text-indent:4px}
.input_txt::-webkit-input-placeholder{font-weight:normal;color:#a1a1a1}

.input_type:not(#cssbrowser)[type="checkbox"], .input_type:not(#cssbrowser)[type="radio"]{width:0;height:0;min-width:0;min-height:0;margin:0;padding:0;font-size:0;opacity:0;line-height:0;vertical-align:0;}
.input_type:not(#cssbrowser)[type="checkbox"] + label, .input_type:not(#cssbrowser)[type="radio"] + label{display:inline-block;height:22px;margin:0;line-height:1.65em}
.input_type:not(#cssbrowser)[type="checkbox"] + label,
.input_type:not(#cssbrowser)[type="radio"] + label{padding-left:27px}
.input_type:not(#cssbrowser)[type="radio"] + label{background:url(/mobile/img/icon_input.png) no-repeat 0 -50px;background-size:23px auto}
.input_type:not(#cssbrowser)[type="radio"]:checked + label{background:url(/mobile/img/icon_input.png) no-repeat 0 -76px ;background-size:23px auto}
.input_type:not(#cssbrowser)[type="checkbox"] + label{background:url(/mobile/img/icon_input.png) no-repeat 0 1px;background-size:23px auto;  }
.input_type:not(#cssbrowser)[type="checkbox"]:checked + label{background:url(/mobile/img/icon_input.png) no-repeat 0 -22px;background-size:23px auto}
.btnselRed {border:1px solid #ccc;background:#fff url(/mobile/img/bg_select_red.gif) no-repeat 95% center;background-size:13px 7px;font-size:12px;line-height:23px;}


.ScontWrap {width:95%; margin:auto;}
.ScontWrap2 {width:100%; margin:auto;}


.Subserach {padding-top:10px;}
.Subserach select {border:1px solid #e5e5e5; padding:7px 25px; }
.Subserach input {border:1px solid #e5e5e5; width:97%; padding:11px 10px; float:right;}
.Subserach li {float:left;}

.Subserach2 {padding-top:10px; width: 95%; margin:auto;}
.Subserach2 select {border:1px solid #e5e5e5; height:39px; line-height:30px; padding-left:10px; width:100%; margin:auto; -webkit-appearance:none;}

.boardWrap {border-top:3px solid #20a2e5; float:left; clear:both; width:100%; margin-top:20px;}
.boardWrap dl {border-bottom:1px solid #ccc;}
.boardWrap dt {color:#333; padding-top:12px; font-size:13px; font-weight:600;}
.boardWrap dd {font-size:16px; color:#898989; padding-bottom:12px; font-size:12px;}
.boardBtn {padding:20px 0px; width:96%; clear:both; margin:auto;}
.boardBtn p {text-align:center; background:#fff; font-size:12px; border:1px solid #e5e5e5; border-radius:3px; padding:10px 0px;}


.Commenu li {float:left; width:33.3%; text-align:center; font-size:13px; height:50px; line-height:50px;}
.Commenu_ov {border-bottom:3px solid #20a2e5; font-weight:600; color:#20a2e5;}
.Commenu_ov a {color:#20a2e5;}

.resortmenu li {float:left; width:50%; text-align:center; font-size:13px; height:50px; line-height:50px;}
.resortmenu_ov {border-bottom:3px solid #20a2e5; font-weight:600; }
.resortmenu_ov a {color:#20a2e5;}

/*company*/
.yak_tit0 {width:95%; margin:auto; padding:30px 0px; border-bottom:1px solid #d9d9d9; font-size:12px;}
.yak_tit {width:95%; margin:auto; text-align:left; padding:10px 0px; font-weight:bold; font-size:12px;}
.yak_txt {width:95%; margin:auto; padding-top:10px; padding-bottom:20px; border-bottom:1px solid #d9d9d9; font-size:12px;}
.yak_txtb {width:95%; margin:auto; padding-top:10px; padding-bottom:20px; font-size:12px;}

.com_tit {text-align:center; font-size:16px; padding:15px 0px;}

/* ScontWrap */
.scont_img {padding-top:20px;}
.scont_img img {width:100%;  max-height:120px; height:120px;}
.scont_img li {float:left; border:1px solid #e5e5e5; background:#fff; width:48%; height:200px; overflow:hidden; margin-bottom:20px;}
.scont_img li:nth-of-type(2n+2){float: right;}
.scont_img p {padding:0px 10px; line-height:20px; }
.scont_list_tit {padding-top:7px !important; font-size:13px; color:#333; font-weight:bold;}
.scont_list_p1 {color:#929292; font-size:12px;}
.scont_list_p2 {color:#929292; font-size:11px;}
.scont_list_p3 {float:right; color:#ff2a2a; font-size:13px; padding-bottom:7px !important;}


.happy_img {float:left; background:#f1f1f1;}
.happy_img li {float:left; margin-bottom:10px; background:#fff; width:100%; padding-top:20px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; overflow:hidden;}
.happy_img p {padding:0px 10px;}
.happy_img ul {padding:0px 0px;}
.happy_img img {width:100%; height: auto;}
.happy_list_p1 {padding:8px 10px !important;; font-size:13px; color:#333; font-weight:600; letter-spacing:-1px;}
.happy_list_p2 {color:#929292; font-size:11px; line-height:16px;}
.happy_list_p3 {float:right; color:#29abee; font-size:11px; padding-bottom:10px !important;}

.serach_topbar {background:#f5f5f5; height:48px; line-height:48px;}
.result_tit {padding:10px 0px; border-bottom:1px solid #ddd; margin-bottom:15px;}
.result_tit dt {font-size:14px; font-weight:600; color:#333;}
.result_tit b {color:#676767; font-weight:500;}
.result_tit span {color:#999; font-size:10px;}

.result_btn {width:100%; margin:auto; text-align:center;}
.result_btn {padding:10px 0px;}

.result_btn2 {background:#eee; padding:15px 0px; border-top:1px solid #e5e5e5; text-align:center;}

/* btn */
.happy_top {float:left; width:100%; height:38px; line-height:38px; background:#f6f6f6; border-top:1px solid #dcdcdc;}
.happy_btn {border:1px solid #e5e5e5; background:#fff; padding:3px 18px; margin-top:2px; border-radius:3px;}
.view_btn {border:1px solid #e5e5e5; background:#fff; padding:5px 20px; margin-top:2px; border-radius:3px;}
.inquiry_btn {background:#415899; color:#fff; font-size:13px; padding:10px 60px; border-radius:100px; border:0px;}
.inquiry_btn2 {background:#25baf1; color:#fff; font-size:13px; padding:10px 60px; border-radius:100px; border:0px;}

.btn_next {background:#5c5c5c; color:#fff; font-size:13px; padding:12px 0px; width:95%; border-radius:3px; border:0px; margin-bottom:5px;}
.btn_prev {background:#fff; color:#909090; font-size:13px; padding:12px 0px; width:95%; border-radius:3px; border:1px solid #ccc; }


.similar {padding:10px 2.5% 20px; overflow:hidden; width:95%; margin:auto; background-color:#eee; border-top: 1px solid #dcdcdc;}
.similar_list {padding:10px 0px; white-space:nowrap;}
.similar li {border:1px solid #e5e5e5; overflow:hidden;  margin-right:15px; display:inline-block;  }
.similar p {padding:0px 10px;background: #fff;}
.similar h2 {font-size:15px; font-weight:bold;}


.public_list {}
.public_list li {float:left; width:50%; overflow:hidden;}
.public_list img {width:100%;}

.snsbg {background:url(/mobile/img/sns_bg.jpg) no-repeat; background-size:cover; height:61px; color:#fff; font-size:11px;}
.snsbg p {margin:auto; width:90%; padding-top:17px; line-height:16px;}

.travel_img {float:left; width:100%; overflow:hidden; background:#f1f1f1; }
.travel_img li h3 {float: left; width: 145px; height:98px !important; white-space: nowrap; clear: left;}
.travel_wrap .b_img img {width: 145px; height:98px !important;}
.travel_img li {
	float:left; 
	position:relative;
	background:#fff; 
	height:115px;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	width:100%;
	overflow:hidden;
}
.travel_wrap {width:95%; height:98px; padding-top:8px; margin:auto; position:relative;}
.travel_txt { padding-right: 10px; margin-left: 160px;}
.travel_p1 {color:#333; font-size:13px; font-weight:600;}
.travel_p2 {color:#929292; line-height:16px; font-size:11px;}
.travel_p3 {color:#929292; font-size:10px; position:absolute; bottom:0px;}
.travel_hlin {padding:0px !important; height:5px !important; border:0px !important; background:#f1f1f1 !important;}


.travel_form {width:98%; margin:auto; padding-top:10px;}
.travel_form h3 {font-size:13px; padding-left:15px; font-weight:600;}
.travel_form li {width:100%; font-size:12px; padding:5px 0px;}
.travel_form li input {border:1px solid #ddd; height:40px; width:80%; display:inline-block;}
.travel_form span {width:80px; display:inline-block; padding-left:20px;}
.travel_form textarea {border:1px solid #ddd; width:93.2%; padding:15px;}

.travel_form_btn {width:100%; text-align:center; padding:20px 0px;}
.travel_form_btn img {width:40%;}

.travel_gubun {float:left; padding:10px 0 0 3px;}
.travel_gubun li {float:left; width:20%; border:1px solid #ddd; text-align:center; background:#fff; margin-right:10px; margin-bottom:5px;}
.travel_gubun_ov {background:#1b4598 !important;}
.travel_gubun_ov a {color:#fff !important;}

.snsbg2 {background:#f0f0f0 url(/mobile/img/inquiry_bg.gif) no-repeat; background-size:100%; height:390px; color:#fff; font-size:16px;}
.snsbg23 {background:#f0f0f0 url(/mobile/img/inquiry_bg23.jpg) no-repeat; background-size:100%; height:390px; color:#fff; font-size:16px;}
.snsbg3 {background:#f0f0f0 url(/mobile/img/inquiry2_bg.gif) no-repeat; background-size:100%; height:390px; color:#fff; font-size:16px;}
.snsbg33 {background:#f0f0f0 url(/mobile/img/inquiry_bg33.jpg) no-repeat; background-size:100%; height:390px; color:#fff; font-size:16px;}

.travel_form2 {width:95%; margin:auto; padding-top:33%; }
.travel_form2_bg {background:#fff; padding:10px; width:95%; margin-bottom:50px; z-index:2; color:#333; border-radius:5px; float:left; overflow:hidden;}
.travel_form2_bg table {width:95%; margin:auto;}
.travel_form2_bg table th {font-size:12px; text-align:left; color:#333; padding:10px 0px 10px 10px; width:30%;}
.travel_form2_bg table td input {border:1px solid #ebebeb; width:100%; height:30px; display:inline-block;}


.travel_form {padding:10px; width:95%; margin-bottom:20px; z-index:2; color:#333; border-radius:5px; float:left; overflow:hidden;}
.travel_form table {width:95%; margin:auto;}
.travel_form table th {font-size:12px; text-align:left; color:#333; padding:10px 0px 10px 10px; width:20%;}
.travel_form table td input {border:1px solid #ebebeb; width:100%; height:30px; display:inline-block;}


.travel_book img {width:100%;}
.book_icon1 {background:#4ebec1; color:#fff; font-size:13px; padding:10px 50px; width:165px; border-radius:100px; border:0px;}
.book_icon2 {background:#a0a0a0; color:#fff; font-size:13px; padding:10px 50px; width:165px; border-radius:100px; border:0px; margin-bottom:60px;}
.travel_book_btn {width:100%; text-align:center; padding:5px 0px;}

.post_btn {width:70px !important; background:#000; color:#fff;}

.txarea {width:100%; height: 100px; border:1px solid #ebebeb;}

/*È¸»ç¼Ò°³*/
.ditmap {border:1px solid #e0e0e0; padding:20px; margin-top:20px;}
.ditmap h2 {border-bottom:1px solid #e0e0e0; padding-bottom:10px; font-size:14px;}
.ditmap dl {padding-top:10px;}
.ditmap dl dt {font-size:12px;}
.ditmap dl dd {color:#6887f1; font-size:12px;}
.ditmap_sub {padding-top:20px; padding-bottom:10px; font-size:16px; color:#333 !important;}


/* °Ë»ö */
.sch-box {position: relative; width:100%;}
.sch-box .sch {width:100%; display:inline-block;}
.sch-box .sch > div {position:relative; padding:5px 0 20px 8px;}
.sch-box .sch p { margin: 0 10px;}
.sch-box .sch input[type='text'] {border:0px solid #ddd; background:#eee; width:100%; height:38px; border-radius: 18px; padding-left:10px;}


/* ¸Þ´º¹Ù */
.viewport {	
	width:100%;
	height:70px;
	float:left;
	overflow: hidden;
	margin: 0 auto;
	border-bottom: 1px solid #e7e7e7;
	border-top: 1px solid #e0e0e0;
	-webkit-transform: translateZ(0); /* Optional: When heavy at iOS6+ */
}
.flipsnap {width: 1200px;padding: 0 0 0 5px;}
.flipsnap:after {content: ''; display: block; clear: both;	height: 0;}
.item {
	float: left;
	letter-spacing: -0.5px;
	color: #333;
	font-weight: bold;
	margin-right:30px;
	margin-top:17px;
	margin-left:10px;
}

.item h3 {font-size:14px;}
.item span {font-size:11px;}
.item1 {
	float: left;
	letter-spacing: -0.5px;
	text-align: left;	
	padding: 0px;
	margin:0px;
	color: #333;
	border:1px solid #e5e5e5;
}
.item1 img {height:95px;}

.controls .prev {
	position: relative;	
	z-index: 1;	
	float: left; 
	margin-top: -28px; 
	padding-left: 5px; 
	width: 7px; 
	text-align: center;
	background-color: rgb(255, 255, 255); 
	color: #bebebe; 
	box-shadow: 0px 0px 9px 9px #fff; 
}
.controls .next {
	position: relative;	
	z-index: 1;	
	float: right; 
	margin-top: -28px;	
	padding-right: 5px; 
	width: 7px;
	text-align: center; 
	background-color: rgb(255, 255, 255); 
	color: #bebebe; 
	box-shadow: 0px 0px 9px 9px #fff; 
}
.TopNav { 
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 0px; 
	background:repeat left top; 
	border-top:0px solid ; 
	border-right:0px solid ; 
	border-left:0px solid ; 
}


/*left full*/

/* »çÀÌµå ¿µ¿ª */
.side_area { position: fixed; display: none; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%; overflow: hidden; z-index: 100000; }
.side_area.on { display: block; }

/* dim */
.side_area .side_dim { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 1; background-color: rgba(0,0,0,0.8);
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.side_area .side_dim.hide { opacity: 0; }

/* »çÀÌµå ¸Þ´º Á¢±â/ÆîÄ¡±â */
.side_area .side_content { position: absolute; top: 0; bottom: 0; left: -300px; width: 300px; background-color: #fff;
	-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; transform-origin: 0 0;
	-webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0);
	-webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s;
}
.side_area .side_content.on { -webkit-transform: translate3d(300px,0,0); -moz-transform: translate3d(300px,0,0); transform: translate3d(300px,0,0); }

/* »çÀÌµå ¸Þ´º ½ºÅ©·Ñ ( IOS Á¦¿Ü ) */
.side_content.overflow-scroll { overflow: hidden; overflow-y: auto; }
.side_content.overflow-scroll .side_sub { height: 100%; overflow: hidden; overflow-y: auto; }

.side_content .side_wrap { position: relative; width: 100%; overflow: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); }

/* ÇÏÀ§ ¸®½ºÆ® ½ºÅ©·Ñ °¡´ÉÇÏµµ·Ï Á¶Á¤ */
.side-full { position: relative; height: 100%; overflow: hidden; }

/* ¼­ºê ¸Þ´º */
.side_sub { position: absolute; display: none; top: 0; left: -100%; width: 100%; min-height: 100%; background-color: #e8e8e8;
	-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; transform-origin: 0 0;
	-webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0);
	-webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s;
}
.side_menu .side_sub > ul { background-color: #fff; border-bottom: 1px solid #bbb; overflow: hidden;}
.side_menu .side_sub > ul > li:last-child { border-bottom: 0; }
.side_menu .side_sub.show { display: block; }
.side_menu .side_sub.on { -webkit-transform: translate3d(100%,0,0); -moz-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); }


/* title */
.side_menu .side_title { display: block; padding: 6px 0 7px 10px; border-bottom: 1px solid #e1e4e7; height: 21px; line-height: 21px; font-size: 15px; color: #222; }
.side_menu .side_title img {position:relative;top:-1px;margin-right:6px;}
.side_menu .side_title strong { font-weight: bold; }
.side_menu .side_title .close { position: absolute; padding: 8px 10px 12px; width: 15px; height: 15px; background: url( ../mobile/img/ico_side_close.png) no-repeat center; background-size: 15px 15px; top: 5px; right: 0; -webkit-box-sizing: content-box; box-sizing: content-box; }
.side_menu > li:nth-child(1) .side_title { padding: 15px 0 7px 10px; }

/* list group */
.side_menu li > ul { background-color: #fff; border-bottom: 1px solid #bbb; }
.side_menu li > ul > li:last-child { border-bottom: 0; padding-bottom: 1px; }
.side_menu li:last-child > ul { margin-bottom: 0;  }
.side_menu li:last-child:after { content: ''; display: block; width: 100%; height: 20px; }

/* list */
.side_menu ul > li:not(.side_title) {-webkit-box-sizing: border-box; box-sizing: border-box; height: 44px; line-height: 21px; font-size: 13px; color: #222; background: url(../mobile/img/ico_right.png) no-repeat right center; background-size: 16px 11px;
}
.side_menu .no-dir ul > li { background: none; text-align:left;}
.side_menu .no-dir ul > li:not(:first-child) { }
.side_menu .no-dir ul > li:not(.side_title) a { padding: 10px; text-align: center; }
.side_menu .no-dir ul > li:not(.side_title) img { display: inline; height: 40px; }
.side_menu .no-dir ul > li:not(.side_title) span { display: block; padding-top: 2px; height: 15px; line-height: 15px; font-size: 10px; color: #666; }
.side_menu .no-dir ul > li:not(.side_title) span:not(:nth-child(1)) { padding-left: 0; }

.side_menu ul > li:not(.side_title) a { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 11px 0 11px 10px; width: 100%; height: 100%;  text-align:left !important;}
.side_menu ul > li:not(.side_title) span { display: inline-block; color: #222;}
.side_menu ul > li:not(.side_title) span:not(:nth-child(1)) { padding-left: 6px; }

/* multi list */
.multi_line ul { overflow: hidden; }
.multi_line ul > li:not(.side_title) { display: block; float: left; width: 33.3%; }
.multi_line ul > li:not(.side_title) { border-right: 0px solid #eee;}

.multi_line2 ul li {border-bottom:1px solid #ddd;}
.multi_icon > ul {border-bottom:0px !important; padding-left:43px !important;}
.multi_icon ul li {float:left; padding-right:10px;}
.multi_icon ul li a {padding:0px !important; color:#3a3a3a;}
.multi_icon ul li a img {width:70%;}
.multi_icon ul li:last-child {padding-right:0px;}

.multi_txt {clear:both; text-align:center;}
.multi_tel {font-size:18px !important; font-weight:bold; padding-bottom:15px;}
.multi_txt dt {padding:7px 0px;}
.multi_txt dd {line-height:18px; font-size:14px;}

/*left full*/


/* ±Û¾²±â ·¹ÀÌ¾î¹öÆ° */
#top_btn{position:fixed;right:2%;bottom:8.5%;padding:2% 2.5% 3% 2.5%;border-radius:50%;line-height:1.1;z-index:1;display:none;width:11.5%;}
#top_btn img {width:50px;}



/*¸ð¹ÙÀÏ¸ÞÀÎ Çì´õ*/
.main-2019 #header h1{margin-left: 10px; text-align: left;}
.main-2019 #header .header_con_4 h1 img{margin-top: 3px;}
.main-2019 #header h1 img{width: auto; height: 35px;}
.main-2019 #header .right_btn img{width: 20px;}
.main-2019 #header .right_btn span{margin-right: 5px;}
.main-2019 #header .right_btn span img{width: 30px;}

/*¸ÞÀÎ·Ñ¸µ¹è³Ê*/
.main-2019 #contents{background: #fff;}
.main-2019 .main_visual{width: 95%; margin: auto;}
.main-2019 .main_visual .main_banner_warp{}
.main-2019 .main_visual .owl-controls{display: none;}
.main-2019 .main_visual .main-stop-img img{width: 100%;}
.main-2019 .main_visual .serach{bottom: 10px;}
.main-2019 .main_visual .serach .mvis_inp{display: none; width: 90%;}
.main-2019 .main_visual .serach .search-on-btn{position: absolute; bottom: 10px; right: 5%;}
.main-2019 .main_visual .serach .search-on-btn a img{width:80px;}

/*¸ÞÀÎ Äü¹öÆ°(call,1:1¹®ÀÇ,ÂøÇÑ°ßÀû)*/
.main-2019 .quick-btn{width: 100%; margin: auto; height: auto; border-top: 0; border-bottom: 0;}
.main-2019 .quick-btn ul{width: 95%; margin:0 auto 0;}
.main-2019 .quick-btn ul:after{display: block; content: ''; clear:both;}
.main-2019 .quick-btn ul.btn{padding-top: 10px; padding-bottom: 15px;  background: #f5f5f5;}
.main-2019 .quick-btn ul.btn li{width: 33.333%; float: left; background-repeat: no-repeat; background-position: 50% 0px; background-size:60px auto;}
.main-2019 .quick-btn ul.btn li:nth-of-type(1){background-image: url('/mobile/img/main_btn01.jpg');}
.main-2019 .quick-btn ul.btn li:nth-of-type(2){background-image: url('/mobile/img/main_btn02.jpg');}
.main-2019 .quick-btn ul.btn li:nth-of-type(3){background-image: url('/mobile/img/main_btn03.jpg');}
.main-2019 .quick-btn ul.btn li a{padding-top: 50px; display: block; text-align: center; font-size: 14px; color: #666;}
.main-2019 .quick-btn .triparea{padding-left: 2.5%; margin-top:10px; margin-bottom: 10px;}
.main-2019 .TopNav{height: 55px; position: relative;}
.main-2019 .TopNav:after{content: ''; display: inline-block; height: 55px; width: 40px; position: absolute; right: 0; top: 0; background-size:100% 100%; background: url('/mobile/img/hide_gra.png') 100% 50% no-repeat;}
.main-2019 .quick-btn .triparea div{display: inline-block; margin-top:0; padding: 0 20px; float: left; margin-left: 0; margin-right: 10px; background: #8c8c8c; letter-spacing: 1px;}
.main-2019 .quick-btn .triparea div a{display: block; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #fff; text-transform: uppercase; font-weight: 500;	}
.main-2019 .quick-btn ul.triparea div:last-child{margin-right: 0;}

/*¸ÞÀÎ°Ô½ÃÆÇ*/
#mainBoard{width: 95%; margin: auto;}
#mainBoard:after{display: block; content: ''; clear:both;}
.main-2019 .notice-board{margin-top: 15px; margin-bottom: 8px;}
.main-2019 .notice-board:after{display: block; content: ''; clear:both;}
.main-2019 .notice-board > li{width: 49%; margin-right: 2%; float: left; background: #fe8c8c; padding: 0;}
.main-2019 .notice-board > li:last-of-type{margin-right: 0; background: #00adef;}
.main-2019 .notice-board > li > a{height: 40px; line-height: 40px; text-align: center; display: block; font-size: 14px; color: #fff;}
.main-2019 .mcb_board{width: 49%; margin-right: 2%; float: left;}
.main-2019 .mcb_board:last-of-type{margin-right: 0;}
.main-2019 .mcb_board li{background: #f4f4f4; text-align: left; padding: 0;}
.main-2019 .mcb_board li:first-of-type{padding-top: 5px;}
.main-2019 .mcb_board li:last-of-type{padding-bottom: 5px;}
.main-2019 .mcb_board li a{width: 95%; padding: 2px 0; display: block; font-size: 14px; margin-left: 10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.main-2019 .mcb_board li a p{display: none;}

/*ÀÌ¹ÌÁö¹è³Ê*/
.main-2019 .main-img-btn{clear:both; width: 95%; height: 115px; position: relative; margin: 15px auto 0; background-repeat: no-repeat; background-position: 100% 0; background-size:cover;}
.main-2019 .main-img-btn a{display: block; width: 100%; height: 100%;}
.main-2019 .main-img-btn a strong{display: none; width: 160px; position: absolute; top: 15px; right: 10px; text-align: center; font-size: 20px; color: #fff;}
.main-2019 .main-img-btn a span{display: none; width: 160px; position: absolute; top: 45px; right: 10px; text-align: center;font-size: 14px; color: #fff; letter-spacing: -0.5px;}

.main-2019 .img-btn01{background-image: url('/mobile/img/img_btn01.png');}
.main-2019 .img-btn02{background-image: url('/mobile/img/img_btn02.png');}
.main-2019 .img-btn03{background-image: url('/mobile/img/img_btn03.png');margin-bottom: 15px;}

/*º£½ºÆ®¸®Á¶Æ®*/
.public_list{}
.public_list ul{width: 95%; margin: auto;}
.public_list ul li{width: 49%; margin-right: 2%; margin-bottom: 8px;}
.public_list ul li:nth-of-type(2n+2){margin-right: 0;}