﻿/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}
body {	line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}table {	border-collapse: collapse;	border-spacing: 0;}


/* Add for this website */

* {box-sizing: border-box; margin: 0;padding: 0;-webkit-font-smoothing: antialiased;}
*::-moz-focus-inner { border: 0; padding: 0; margin:0;}
a{color: #666;}
a:active, a:hover {outline: 0 none;}
a:hover {color:#666;}
a {outline: medium none;text-decoration: none;}
a img {border: medium none;}
a, a:link, a:visited, a:active {text-decoration: none;}
ul, li {list-style: none;}
ol, ul { margin-top: 0;  margin-bottom: 0px !important;}
html, body {text-rendering: optimizelegibility;}
body {font-family: 'Noto Sans Korean', sans-serif; font-size:12px; font-weight:400; background-color:#fff; height:100%; color:#666666; }
/*reset  boostrap*/
html, body { height:100%; min-height:100%; }

/* MARGIN & PADDING==================== */
/* margin */
.mg0 {margin:0 0 0 0}

.mt1{margin-top:1px !important;}
.mt2{margin-top:2px !important;}
.mt3{margin-top:3px !important;}
.mt4{margin-top:4px !important;}
.mt5{margin-top:5px !important;}
.mt6{margin-top:6px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}

.mtn1{margin-top:-1px !important;}
.mtn2{margin-top:-2px !important;}
.mtn3{margin-top:-3px !important;}
.mtn5{margin-top:-5px !important;}
.mtn10{margin-top:-10px !important;}
.mtn14{margin-top:-14px !important;}
.mtn15{margin-top:-15px !important;}
.mtn25{margin-top:-25px !important;}

.mr1{margin-right:1px !important;}
.mr2{margin-right:2px !important;}
.mr3{margin-right:3px !important;}
.mr4{margin-right:4px !important;}
.mr5{margin-right:5px !important;}
.mr6{margin-right:6px !important;}
.mr7{margin-right:7px !important;}
.mr8{margin-right:8px !important;}
.mr9{margin-right:9px !important;}


.mr5{margin-right:5px !important;}
.mr6{margin-right:6px !important;}
.mr10{margin-right:10px !important;}
.mr11{margin-right:11px !important;}
.mr15{margin-right:15px !important;}
.mr16{margin-right:16px !important;}
.mr20{margin-right:20px !important;}
.mr22{margin-right:22px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}

.mb0{margin-bottom:3px !important;}
.mb3{margin-bottom:3px !important;}
.mb5{margin-bottom:5px !important;}
.mb6{margin-bottom:6px !important;}
.mb7{margin-bottom:7px !important;}
.mb8{margin-bottom:8px !important;}
.mb9{margin-bottom:9px !important;}
.mb10{margin-bottom:10px !important;}
.mb25{margin-bottom:25px !important;}



.mb5m{margin-bottom:-5px !important;}
.mb1{margin-bottom:1px !important;}
.mb2{margin-bottom:2px !important;}
.mb3{margin-bottom:3px !important;}
.mb4{margin-bottom:4px !important;}
.mb5{margin-bottom:5px !important;}
.mb8{margin-bottom:8px !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;}
.mb0{margin-bottom:0 !important;}
.mb100{margin-bottom:100px !important;}

.ml10m{margin-left:-10px !important;}

.ml20m{margin-left:-20px !important;}
.ml1m{margin-left:-1px !important;}
.ml2m{margin-left:-2px !important;}
.ml3m{margin-left:-3px !important;}
.ml10m{margin-left:-10px !important;}
.ml0{margin-left:0px !important;}
.ml1{margin-left:1px !important;}
.ml2{margin-left:2px !important;}
.ml3{margin-left:3px !important;}
.ml4{margin-left:4px !important;}
.ml5{margin-left:5px !important;}
.ml6{margin-left:6px !important;}
.ml7{margin-left:7px !important;}
.ml8{margin-left:8px !important;}
.ml10{margin-left:10px !important;}
.ml13{margin-left:13px !important;}

.ml15{margin-left:15px !important;}
.ml16{margin-left:16px !important;}
.ml17{margin-left:17px !important;}
.ml18{margin-left:18px !important;}
.ml20{margin-left:20px !important;}
.ml22{margin-left:22px !important;}
.ml24{margin-left:24px !important;}
.ml25{margin-left:25px !important;}
.ml28{margin-left:28px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}
.ml60{margin-left:60px !important;}
.ml70{margin-left:70px !important;}
.ml75{margin-left:75px !important;}
.ml140{margin-left:140px !important;}
.ml250{margin-left:250px !important;}
.ml300{margin-left:300px !important;}

.mg5{margin:5px !important;}
.mg15{margin:15px !important;}
.mg30{margin:30px !important;}

/* padding */
.pd {padding:0 0 0 0}
.pt3{padding-top:3px !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt13{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt50{padding-top:50px !important;}
.pt70{padding-top:70px !important;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}

.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:0px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}

.pt0 {padding-top:0 !important;}
.pb0 {padding-bottom:0 !important;}
.pb3 {padding-bottom:3px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:20px !important;}
.pb50 {padding-bottom:50px !important;}
.pb70 {padding-bottom:70px !important;}

.pd10{padding:0 10px 0 10px;}
.pd102{padding:10px !important;}
.pdt10 {padding:10px 0;}
.pdall {padding:10px !important;}
.pd8m {padding:0 -8px}



/* Height */
.hgAuto {height:auto;}
.hg12 {height:12px !important;}
.hg30 {height:30px !important;}
.hg25 {height:24px !important;}
.hg20 {height:20px !important;}
.hg50 {height:50px !important;}
.hg100 {height:100px !important;}
.hg130 {height:130px !important;}
.hg140 {height:140px !important;}
.hg150 {height:150px !important;}
.hg155 {height:155px !important;}
.hg160 {height:160px !important;}
.hg180 {height:180px !important;}
.hg230 {height:230px !important;}
.hg300 {height:300px !important;}

/* border */
.bdBlue {border:1px solid #6789ca !important }
.bdGray {border:1px solid #999 !important }

.dottedBd {border-top:1px dotted #adadad !important;}
.bdL {border-left:1px solid #f5f5f5}
.bdR {border-right:1px solid #f5f5f5}
.bdT {border-top:1px solid #f5f5f5}
.bdB {border-bottom:1px solid #ddd}
.bdB2 {border-bottom:2px solid #dfdfdf}
.bdB3 {border-bottom:1px solid #dfdfdf}

.bdT2 {border-top:2px solid #b7b7b7}

.bgn {background:none !important}
.bdn {border:none !important;}
.bdnL {border-left:none !important}
.bdnR {border-right:none !important}
.bdnT {border-top:none !important}
.bdnB {border-bottom:none !important}


.bdr1px {border:1px solid #333;}


/* Text Size */

.font-size-12 {font-size:12px;}
.font-size-13 {font-size:13px;}
.font-size-14 {font-size:14px;}
.font-size-15 {font-size:15px;}
.font-size-16 {font-size:16px;}
.font-size-17 {font-size:17px;}
.font-size-18 {font-size:18px;}
.font-size-19 {font-size:19px;}
.font-size-20 {font-size:20px;}
.font-size-21 {font-size:21px;}
.font-size-22 {font-size:22px;}
.font-size-23 {font-size:23px;}
.font-size-24 {font-size:24px;}
.font-size-25 {font-size:25px;}
.font-size-26 {font-size:26px;}
.font-size-27 {font-size:27px;}
.font-size-28 {font-size:28px;}
.font-size-29 {font-size:29px;}
.font-size-30 {font-size:30px;}
.font-size-31 {font-size:31px;}

.fwt200 {font-weight:200;}
.fwt400 {font-weight:400;}
.fwt700 {font-weight:700;}
.fwt900 {font-weight:900;}

.text-left{text-align:left;}
.text-center{text-align:center;}
.text-right{text-align:right;}

.text-black {color:#000;}

.h1, .h2, .h3, h1, h2, h3 { margin-top: 0px; margin-bottom: 0px;}

.pull-left {float:left;}
.pull-right {float:right;}

.column {float:left;}

.w100p {width:100%;}


 
/* Common Layout */
.wrapper{ position: relative; min-width:1100px;}
.container { position:relative; width:1100px; margin-bottom:0px;padding:0;margin:0px auto; } /* content를 감싸는 container  */
.content {} /* 모든 컨텐츠 시작은 content  */
.wrapper-gnb {position: relative; border-top:0px solid #444; border-bottom:0px solid #ba3a2b; background-color:#444}
.common-margin {margin-top:60px; margin-bottom:60px}
.bg-content {background-color:#f5f5f5;}
.bg-white {background-color:#fff;}
/* Footer */
.footer {padding:0px 0px;  color:#333;  line-height:25px; text-align:center;}
.footer.bgcolor {background-color:#333; padding:10px 0; }
.footer li {display:inline-block; margin-right:10px;}
.footer-menu { text-align:center; }
.footer-menu li a {display:block; padding:3px 15px; color:#fff; }
.footer-menu li a:hover {text-decoration:underline;}
.clearBoth {clear:both;}
.biz-info {margin-top:30px;}
.biz-info li {display:block; text-align:center;margin-bottom:30px;}

/* GNB Menu */

.nav { float:left; position:relative; box-sizing: border-box; width: 100%; padding: 0; margin: 0 auto;    border:0px solid #ddd; }  
.nav li { list-style: none; }  .nav li.nav-right { float: right; }  
.nav > li { padding: 0; float: left; position: relative; }  
.nav > li > a { display:inline-block; position:relative; color: #fff; font-size: 16px; text-decoration: none; padding: 19px 50.1px;   font-weight:300;  border-right:1px solid #525252;} 
.nav > li:first-child > a { border-left:1px solid #525252;} 
.nav > li > a:hover {  color:#fff; box-sizing: border-box; border-bottom:0px; background-color:#983630;   }  
.nav > li > a.active { color: #fff; font-weight:700;  background-color:#e25147;}  
.nav > li > a:last-of-type { margin-right: 0px; }

.nav>ul>li>a.active{color: #fff; font-weight:700;  background-color:#185dab; }

.nav .submenu {float:left; position:absolute; display:block; top:52px; left:0;  z-index:200; width:1218px; }

.nav .submenu>ul {float:left; border:0px solid #306eb4; margin-top:10px; padding-left:10px; display:block; }
.nav .submenu>ul>li:first-child { }
.nav .submenu>ul>li {float:left;  }

.nav .submenu a { float:left; font-size:14px; color:#cc4d4d; font-weight:700; padding:5px 15px;}
.nav .submenu a:hover { color:#000; background-color:#f5f5f5; border-radius:5px; }

.bg-gnb {float:left; position:absolute; display:none;top:111px; left:0;  background-color:#fff; color:#000; height:170px; z-index:199; width:100%; border-bottom:1px solid #ddd;}
.nav .submenu>ul>li>ul {padding-top:20px; margin-left:-5px; width:233px;}
.nav .submenu>ul>li>ul>li:first-child {margin-top:10px;}
.nav .submenu>ul>li>ul>li>a { float:left; font-size:14px; color:#666; padding:7px 20px; }
.nav .submenu>ul>li>ul>li>a:hover { color:#cc4d4d }

/* Product-list */
.lis-product {float:left; width:100%; }
.h3-tit {margin:60px 0 0 5px; height:58px; font-size:0; line-height:0; text-align:left; background:url("../images/sp_sub_tit01.png") no-repeat 0 0; }
.ui-goods-list .photo img {
    width: 100%;
    height: 100%;
    background-color: #e9e9e9;
}
.ui-goods-list .photo {
    margin-bottom: 18px;
    height: 160px;
}
.ui-goods-list {margin-left:-10px;}
.ui-goods-list li {margin-left:10px; width:267px; border:1px solid #ddd;}
.ui-goods-list span {padding:0 20px;}
.ui-goods-list .con {padding:0 0 0 20px;}
.ui-goods-list .flag {padding:0;}
.ui-goods-list .cover {padding-bottom:18px;}
.ui-goods-list .con-spot {margin-top:13px; height:110px;}

.ui-goods-list .con-spot2 {margin-top:13px; height:32px;}
.ui-goods-list .won {font-size:16px;}
.ui-goods-list .won em {font-size:16px;}
.ui-goods-list .photo {margin-bottom:18px; height:149px;}
.ui-goods-list .spot {margin-top:13px; margin-left:20px;}
.ui-goods-list .flag {top:104px; left:4px;}
.ui-goods-list .date-area {padding:10px 5px 10px 20px;}

/* Content Left */
.content {margin:40px 0; border:1px solid #ddd;}

.package-content { padding:20px 0px 30px 0px; margin-top:50px; }

.lnb {float:left; width:100%; position:relative;}
.lnb .lnb-tit { margin: 0 17px 19px 0px; border-bottom: 2px solid #2a2f35;}
.lnb .lnb-tit strong {font-size: 20px; color: #231f20; padding: 25px 0 10px 10px; display: block; font-weight: 600;}

.lnb-menu ul { margin: 0px; overflow: hidden;}
.lnb-menu li { margin-top: -1px; position: relative;}
.lnb-menu li:last-child  { border-bottom: 1px solid #aaa;}
.lnb-menu li:last-child  a { border-bottom: 0px solid #aaa;}

.lnb-menu li a { height:41px; line-height:41px; padding:0px 0 0 10px;  display: block;font-size:14px; border-bottom:1px solid #aaa;color: #666;  margin-right:17px; border-bottom: 1px solid #e5e5e5 !important;}
.lnb-menu li a:hover {padding:0px 0 0 10px;background:#454a51; margin-right:0px;color: #ffffff; text-decoration:none; font-weight: bold;}
.lnb-menu li.on a { padding:0px 0 0 10px;background:#454a51; margin-right:0px;color: #ffffff; text-decoration:none; font-weight: bold;}

/* Location */
.location {}
.location li { display:inline-block; padding:0 0px;}
.location { color:#464646;  font-size:13px; text-align:left; padding-bottom:23px; }
.location  a.home{ background: url(../images/ico_location_home.png) no-repeat 0px 4px; display:inline-block; padding-left:18px; }
.location  .div { margin:0; padding:0}

.content-title {}
.content-title h3.tit {margin-bottom:5px; overflow:hidden;}
.content-title h3.tit dt { display:inline-block; font-size:32px; color:#282828; font-weight:600;}
.content-title h3.tit dt .color {color:#d9343a;}
.content-title h3.tit dd {display:inline-block; font-size:20px;  color:#282828; font-weight:600;  border-left:1px solid #bbb; padding-left:20px; margin:7px 0 0 20px;}
.content-title h3.tit dd.long {font-size:20px;}

/* short info */

.short-info {margin-top:0px; margin-bottom:30px;}
.short-info .pthumb{float:left; width:450px; overflow:hidden; height:321px;}
.short-info .pthumb img {width:100%;}
.short-info .info{ border:2px solid #000;}
.short-info .info ul {}
.short-info .info li {display:table; width:100%; /* border-bottom:1px solid #ddd; */ padding:0px 0; font-size:14px; }
.short-info .info li span{display:table-cell; font-size:14px; }
.short-info .info li span.tit {width: 14%;
    font-weight: 700;
    color: #fff;
    border-bottom: 1px solid #e2857f; 
    background-color: #e25147;
    font-weight: 700;
    padding-left: 20px;
     }
.short-info .info li span.con {font-size:14px; padding:15px 25px; color:#000; line-height:23px; border-bottom:1px solid #ddd;}
.short-info .info li:first-child {/* border-top:1px solid #ddd; */ }
.short-info .info li.title {font-size:20px; padding-left:0px; font-weight:700;}
.short-info .info li.service {font-size:15px; margin-top:0px; padding-left:0px; padding-bottom:25px;}
.short-info .info .btn-area {text-align:right; margin-top:20px;}
.short-info .info .btn-request {padding:13px 20px; display:inline-block; background-color:#e25147; color:#fff; font-size:14px; font-weight:700; }
.short-info .info .btn-request:hover { background-color:#983630; }
.short-info .info .btn-list {padding:13px 20px; display:inline-block; background-color:#f7f7f7; color:#000; font-size:14px; font-weight:700; border:1px solid #ddd; margin-right:5px;}
.button-area {text-align:right; border-top:1px solid #ddd; padding-top:20px; margin-bottom:50px;}
.btn-list {padding:13px 20px; display:inline-block; background-color:#f7f7f7; color:#000; font-size:14px; font-weight:700; border:1px solid #ddd;}

.product-tab {border-bottom:1px solid #ddd; margin-top:50px;}
.product-tab li {display:inline-block; position:relative; margin-left:-4px}
.product-tab li:first-child {margin-left:0px}
.product-tab li a { display:block; padding:15px 30px 15px 30px; text-align:center; border:1px solid #ddd; font-size:16px; font-weight:700; color:#666; background-color:#fff; border-bottom:0px solid #ddd; border-right:none; }

.product-tab li:last-child a { border-right:1px solid #ddd; }
.product-tab li a:hover {background-color:#f7f7f7;}
.product-tab li a.active {background-color:#666; color:#fff;  }

.box-detail { border:1px solid #000; padding:40px 20px; margin-top:30px;}

/* 특전, 포함사항, 불포함사항 - 공통 */
.features { display:inline-block; width:45%; vertical-align: top; margin-right:45px;}
.features li { font-size:13px; line-height:20px;}
.features .tit {font-size:14px; color:#000; font-weight:700; margin-bottom:2px; margin-top:10px; text-decoration:underline; }
.features .spe {font-weight:900; color:#e25147}
.features .tit-big {font-size:30px; color:#000; font-weight:900; padding-bottom:20px; border-bottom:2px dashed #e25147; margin-bottom:10px;}


/*  */
.plan{}
.schedule {}
.schedule table {width:100%; border-collapse:collapse; border-spacing:0px; }
.schedule tbody td {color:#444; line-height:40px;}
.schedule .type1 {color: #ef2f02; font-family:Verdana,Tahoma;  font-weight:600; font-size:23px; text-align:center; border-left:1px dashed #CCC;  border-right:1px dashed #CCC; border-bottom:1px dashed #CCC; background: #F5F5F5;}
.schedule .type2 {font-weight:600;color:#000;font-size:18px; text-align:left; border-right:1px dashed #CCC; border-bottom:1px dashed #CCC;  background: #F5F5F5; padding:10px 15px;  }
.schedule .type3 {font-size:14px;text-align:center; border-right:1px dashed #CCC; border-bottom:1px dashed #CCC; padding:20px 20px 20px 15px; vertical-align:top}
.schedule .type4 {font-size:14px; border-left:1px dashed #CCC; border-bottom:1px dashed #CCC; padding:20px 15px 20px 20px; }

.schedule_txt {float:left; width:100%; margin-top:0px; text-align:left; color:#444; font-size:13px; padding:30px 0 30px 0; line-height:1.5em;}

.day_title {font-size:22px; font-weight:600; color:#444; text-align:left; padding:0px 0px 30px 0px;  letter-spacing:-1px;}
.day_title1 {font-size:22px; font-weight:600; color:#444; text-align:left; padding:25px 0px 5px 0px;  letter-spacing:-1px;}

.day_01{ text-align:left; font-size: 24px; color: #000; padding:40px 0 15px 0;}
.day_02{ text-align:left; font-size: 25px; color: #000; padding:30px 0 10px 0; font-weight:500;}
.infor_txt {text-align:left; color:#444; font-size:14px; padding:5px 0 0 0; }
.schedule_rad {text-align:left; color:#bf1b1b; font-size:13px; padding:20px 0 0 0;}
.day_02_txt {text-align:left; color:#444; font-size:14px; padding:10px 0 15px 0; line-height:1.6em;}

.schedule p {float:left; width:100%; line-height:25px; }
.schedule div {float:left; width:100%; line-height:25px; margin-top:0px;}
.schedule .photos {float:left; width:50%; }
.schedule .photos2 {float:left; width:80%; padding:20px; padding-left:0px;}
.schedule .img-responsive {width:100%; max-width:100%;}
.schedule ul {line-height:28px;}

/* BLog */

.list-blog {float:left; width:100%; }
.blog-list {float:left; width:100%; }

.blog-list .photo img {
    width: 100%;
    height: 100%;
    background-color: #e9e9e9;
}
.blog-list .photo {
	float:left; 
    margin-bottom: 18px;
    height: 250px;
	
	width:100%;
}

.blog-list li {position: relative; float: left; width: 318px;
    margin-right: 10px;
    padding-bottom: 20px;
    border: 1px solid #d5d5d5;
    background: #fff; }
.
.blog-list li span {float:left; width:100%; border:1px solid #ddd;}

.blog-list .tit{float:left; width:100%; overflow:hidden; height:41px; font-size:16px; color:#333; margin:0px 0px; line-height:1.4; color:#000; }

.warn-gray {float:left; width:100%; padding:20px; background-color:#f5f5f5; margin-top:20px; border:1px dashed #999;}
.warn-lightgreen {float:left; width:100%; padding:20px; background-color:#d3fbc1; padding:20px; border:1px dashed #37b100}
.warn-lightyellow{float:left; width:100%; background-color:#fff2ab; border:1px dashed #cdad00; padding:20px; margin-top:30px; }

.warn-skyblue {float:left; width:100%; background-color:#c7f5ff; border:1px dashed #009bd5; padding:20px; }


.blog {}
.blog.slider {height:500px; background-color:#000;}

/* 블로그 */

.list-blog {float:left; width:100%; margin-bottom:40px;}
.list-blog h3 {float:left; width:100%;  margin:30px 0 0px 0;  }
.list-blog h3 span {float:left; padding:10px 20px; background-color:#35a533; color:#fff; font-size:20px; font-weight:700;}
.bloglist .photo img {
    width: 100%;
    height: 100%;
    background-color: #e9e9e9;
}

.bloglist {float:left; margin-left:-10px; margin-top:20px;}
.bloglist li {float:left; margin-left:10px; width:360px; border:1px solid #ddd;}
.bloglist span {float:left;  padding:0 10px;line-height:20px; }
.bloglist .tit {float:left; width:100%; font-size:18px; color:#000; font-weight:700; margin-top:10px;}
.bloglist .data {float:left; width:100%; font-size:12px; color:#999; margin-top:10px;}
.bloglist .tit:hover {text-decoration:underline;} 

.bloglist .flag { float:left;  position: relative; padding:10px; background-color:#e25147; color:#fff;  top:210px; margin-top:-49px; left:20px; line-height:15px;}
.bloglist .cover {float:left; width:100%; }
.bloglist .con-spot {float:left; width:100%; margin-top:13px; }
.bloglist .con {float:left; width:100%; padding:0 0 20px 0px;}

.bloglist .photo {float:left;float:left; width:100%; height:209px;}
.bloglist .spot {float:left;margin-top:13px;}

.bloglist .date-area {float:left;padding:10px 5px 10px 20px;}

.pl {}
.pl li {margin:20px 0; border:1px solid #ddd; padding:20px 0; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.pl-item {display:table; width:100%; font-size:14px; line-height:21px;}
.pl-item_left {display:table-cell;vertical-align:top; padding-left:20px; width:150px}
.pl-item_mid {display:table-cell;   vertical-align:top; padding-left:20px;}
.pl-item_right {display:table-cell; vertical-align:top; padding-left:40px; width:280px; }
.pl-item_mid__tit {color:#666; font-weight:900; font-size:16px;  margin-bottom:10px; border-bottom: 1px dashed #dddd;
    padding-bottom: 10px;}
.pl-item_mid__excerpt {font-size:13px; height:68px; overflow:hidden; text-overflow:ellipsis; }
.pl li:hover {border:1px solid #e25147; }
.pl-item_bold {font-size:12px; font-weight:400; }
.pl-item_price {display:block; font-size:30px; color:#ff6600; line-height:60px; font-weight:700;}
.pl-btn_reserve {padding:10px 25px; background-color:#e25147; color:#fff;}
.pl-btn_reserve:hover { background-color:#444; color:#fff;}

.list-product {padding-bottom:50px;}
.list-product h1 {font-size:27px; font-weight:700; color:#000; margin:20px 0; margin-top:40px;}
.won-tit {color:#999; margin-right:10px;}
.flag.point1 {font-weight:700; font-size:16px;}
.pl-item_photo {background-repeat:no-repeat; background-size:cover; background-position:0px 0px; width:337px; height:210px;}

/* Product-list.html */

.lnb-prg {}
.lnb-prg>li {display:inline-block; padding:10px 10px;}
.lnb-prg a {color:#000;}
.lnb-prg>li>ul {position:absolute; z-index:20; width:150px; margin-top:20px; margin-left:-20px;}
.lnb-prg>li>ul>li {display:block;}
.lnb-prg>li>ul>li>a{display:block; padding:10px 20px; background-color:#fff; border:1px solid #ddd; border-bottom:none; }
.lnb-prg>li>ul>li:last-child>a{ border-bottom:1px solid #ddd;  }


.bg-golf {background-image:url('../images/hotram.jpg'); background-size:cover; background-repeat:no-repeat; background-attachment:fixed; background-position:0px center}
.slider-box {width:500px;position:absolute; left:25%; top:30%}
.slider-box_title {color:#fff; font-size:16px; font-weight:700; background-color:#009688; padding:5px 10px; margin-bottom:60px;}
.slider-box_excerpt {width:500px; color:#fff;background-color:rgba(0,0,0,.6); font-size:16px;line-height:30px; padding:10px 20px; margin-top:5px;}

/*  */
.content {border:none;}

.info h2, .info h3 {font-size:20px; font-weight:700; margin-top:20px; margin-bottom:10px; color:#000;}
.info table {width:100%; border:1px solid #ddd;}
.info table td {border:1px solid #ddd; padding:10px 15px;}
.info table th {border:1px solid #ddd; padding:10px 15px; font-weight:700; color:#000; background-color:#f7f7f7; vertical-align:middle;}

.tabs {border-bottom:1px solid #ddd; }
.tabs li {display:inline-block; border: 1px solid #ddd; position:relative; margin-left:-4px; background-color:#fff; font-size:16px; margin-bottom:-2px; }
.tabs li a {display:block; padding:10px 20px; color:#000;}
.tabs li a.active {font-weight:700; background-color:#e25147; color:#fff; border: 1px solid #e25147;}

.top-to-menu {
	
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 10109000;
}

.btn-top {
	
    display: inline-block;
    background-image: url(../images/btn-top.png);
    width: 45px;
    height: 45px;
    background-repeat: no-repeat;
    display: none;
}

.reserve input {width:100%;  background-color:#fff; border-radius:6px; height:45px; padding:0px 10px; font-family:'Nanum Gothic'; font-size:15px; color:#000; display:block; margin-bottom:10px; border:3px solid #ddd; transition:0.5s;}
			
.reserve input:focus {border:3px solid #000; outline: none;}

.reserve select {width:100%;  background-color:#fff; border-radius:6px; height:45px; padding:0px 10px; font-family:'Nanum Gothic'; font-size:15px; color:#000; display:block; margin-bottom:10px; border:3px solid #ddd; transition:0.5s;}

.reserve select:focus {border:3px solid #000; outline: none;}

.reserve textarea {width:100%;  background-color:#fff; border-radius:6px; height:45px; padding:0px 10px; font-family:'Nanum Gothic'; font-size:15px; color:#000; margin-left:0px; border:3px solid #ddd; transition:0.5s; height:120px; padding-top:10px;}
.reserve textarea:focus {border:3px solid #000;}

.reserve input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #c5c5c5;
}
.reserve input::-moz-placeholder { /* Firefox 19+ */
color: #c5c5c5;
}
.reserve input:-ms-input-placeholder { /* IE 10+ */
color: #c5c5c5;
}
.reserve input:-moz-placeholder { /* Firefox 18- */
color:#c5c5c5;
}
.reserve textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #c5c5c5;
}
.reserve textarea::-moz-placeholder { /* Firefox 19+ */
color: #c5c5c5;
}
.reserve textarea:-ms-input-placeholder { /* IE 10+ */
color: #c5c5c5;
}
.reserve textarea:-moz-placeholder { /* Firefox 18- */
color:#c5c5c5;
}
.btn-area {text-align:center; padding:20px 0;}
.btn-submit {background-color:#000; color:#fff; border:2px solid #000; padding:15px 30px; border-radius:3px; font-size:16px; cursor:pointer;}

.reservation {position:fixed; width:640px;  height:600px; background-color:#fff; margin:0 auto;     box-shadow: 0 10px 30px rgba(0,0,0,0.3); z-index:999999; top:20%; margin-left:10%;}

.reservation h2 {font-size: 48px;  color: #333; text-align: center;     font-weight: normal; padding-top:60px;}
.reservation-tit_excerpt { font-weight: 400; color: #999;text-align: center; margin-top: 20px;}

.re-info {width:500px; margin:0 auto; position:relative;margin-top:22px; }
.re-info li:first-child {display:block; margin-bottom:20px; font-weight:900;}
.re-info li {display:inline-block; width:200px; margin-right:44px;}

.re-info li input{border:none; border-bottom:1px solid #666; width:100%; padding:10px; padding-left:0px;  font-family: 'Nanum Gothic', serif; font-size:14px; line-height:0; margin-top:-6px;}


.re-date {width:500px; margin:0 auto; position:relative;margin-top:22px; }
.re-date li:first-child {display:block; margin-bottom:20px; font-weight:900;}
.re-date li {display:inline-block; width:200px; margin-right:44px;}
.re-date li label {position:absolute; margin-top:6px;}
.re-date li input{border:none; border-bottom:1px solid #666; width:100%; padding:10px; padding-left:90px; font-weight:900; font-family: 'Cinzel', serif; font-size:16px; line-height:0; margin-top:-6px;}

.re-room  {width:500px; margin:0 auto; position:relative;margin-top:30px; }
.re-room li:first-child {display:block; margin-bottom:20px;font-weight:900; }
.re-room li select{border:none; border-bottom:1px solid #666; width:464px; padding:10px; }

.re-btn_area { width:466px; margin:0 auto; position:relative;margin-top:70px; left:-20px}

.btn-reserve {width:100%; padding:10px 0; background-color:#f7f7f7; border:1px solid #ddd; cursor:pointer;}


/* 카카오톡 버튼 */
.kakaotalk {}
.kakaotalk a {position:fixed; display:inline-block;right:30px; bottom:100px; width:150px; height:150px; background-color:#000; color:#fff; text-align:center; vertical-align:middle; font-size:15px; font-weight:400; line-height:150px; border-radius:50% 50%; color:#fff;}
.kakaotalk a:hover {background-color:#e25147}

.container h1 {
    font-size: 27px;
    font-weight: 700;
    color: #000;
    margin: 20px 0;
    
}

/* 인원별 가격표 */

.gp-1 h3{font-size:25px; font-weight:700; margin-bottom:15px; color:#000; margin-top:30px;}
.gp-1 h3 span{font-size:13px; margin-left:10px; font-weight:300;}

.gp-2 h3{font-size:25px; font-weight:700; margin-bottom:15px; color:#000; }
.gp-2 h3 span{font-size:13px; margin-left:10px; font-weight:300;}

.gp-1 table {width:100%; border:1px solid #000; }
.gp-1 table th {width:180px; font-size:15px; font-weight:700; padding:15px 20px; text-align:left; line-height:20px; border:1px solid #ddd;font-weight:700; color:#000; background-color:#f7f7f7; vertical-align:middle;}
.gp-1 table td {border:1px solid #ddd;padding:15px 20px; color:#000; font-size:14px;}

.gp-2 {margin:0px 0;}
.gp-2 table {width:100%; border:1px solid #000; margin-bottom: 20px;}
.gp-2 table th {width:180px; font-size:15px; font-weight:700; padding:15px 20px; text-align:left; line-height:19px; border:1px solid #ddd;font-weight:700; color:#000; background-color:#f7f7f7; vertical-align:middle; }
.gp-2 table td {border:1px solid #ddd;padding:15px 20px; color:#000; font-size:14px;}
.aaa {border:0px solid #000;}
.ui-datepicker {width:40%;}
#datePicker {width:40%;}

.gp-2 input {
    width: 100%;
    background-color: #fff;
    border-radius: 0px;
    height: 35px;
    padding: 0px 10px;
    font-family: 'Nanum Gothic';
    font-size: 15px;
    color: #000;
    display: inline-block;
    border: 3px solid #ddd;
    transition: 0.5s;
}

.gp-2 input:focus {border:3px solid #e25147; outline: none;}

.gp-2 select {width:100%;  background-color:#fff; border-radius:0px; height:35px; padding:0px 10px; font-family:'Nanum Gothic'; font-size:15px; color:#000; display:inline-block;  border:3px solid #ddd; transition:0.5s;}

.gp-2 select:focus {border:3px solid #e25147; outline: none;}


/* 카카오톡 상담 */
.kakaotalk {}
.kakaotalk a {position:fixed; display:inline-block;right:30px; bottom:100px; width:150px; height:150px; background-color:#000; color:#fff; text-align:center; vertical-align:middle; font-size:15px; font-weight:400; line-height:150px; border-radius:50% 50%; color:#fff;}
.kakaotalk a:hover {background-color:#e25147}


/* 유의사항 */

.warn .ul {padding:10px;}
.warn .ul li {font-size:14px; line-height:24px;}
.warn .ul .tit {font-size:25px; color:#000; margin-top:20px; margin-bottom:10px; font-weight:900;border-bottom:1px dashed #ddd; padding-bottom:10px; color:#ff6600;}
.warn .ul .stit {font-size:16px; color:#000; margin-top:5px; margin-bottom:5px; font-weight:700;}


/* 투어 */

.tour {padding:10px;}
.tour li {font-size:14px; line-height:24px; padding:10px;}
.tour .tit {font-size:20px; color:#000; margin-top:20px; margin-bottom:10px; font-weight:900;border-bottom:1px dashed #ddd; padding-bottom:10px; color:#000;}
.tour .stit {font-size:16px; color:#000; margin-top:5px; margin-bottom:5px; font-weight:700;}


.gb-box {padding:20px 20px; border:2px dashed #7a7a7a; background-color:#fefefe;}
.package-content h3{font-size:25px; font-weight:700; margin-bottom:15px; color:#000;}

a.btn-reservation {padding:10px 20px; border:1px solid #e25147;margin-top:50px; font-size:17px; background-color:#e25147; color:#fff; }

a.btn-reservation:hover {background-color:#000; border:1px solid #000; }

a.btn-calculate { padding:10px 20px; border:1px solid #000;margin-top:50px; font-size:17px; background-color:#fff; color:#000; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0px;
}

.logo {padding:15px 0;}

/* 골프예약상세 */

.lnb-prg_tit {}
.lnb-prg a {padding:10px 20px; border:1px solid #ddd; border-radius:4px;}

.lnb-prg>li {display:inline-block;padding:10px 2px;}
.lnb-prg .lnb-prg_black {padding:10px 20px; border:1px solid #ddd; border-radius:4px; background-color:#444; color:#fff;}
.lnb-prg>li>a:hover {background-color:#e25147; color:#fff; border:1px solid #e25147;}
.lnb-prg>li>a.active{ background-color:#e25147; color:#fff; border:1px solid #e25147;}

.reswarn {padding:20px; border:2px solid #ddd; background-color:#fff; font-size:15px; color:#000; }
.reswarn li {line-height:25px;}
.reswarn-tit {font-size:20px; font-weight:700; margin-bottom:15px; color:#e25147}
.resbox {padding:20px 20px; border:2px dashed #7a7a7a; background-color:#fefefe;}
.restb-1 h3{font-size:25px; font-weight:700; margin-bottom:15px; color:#000; margin-top:30px;}
.restb-1 h3 span{font-size:13px; margin-left:10px; font-weight:300;}
.restb-1 table {width:100%; border:1px solid #000; }
.restb-1 table th {width:180px; font-size:15px; font-weight:700; padding:15px 20px; text-align:left; line-height:20px; }
.restb-1 table td {padding:15px 20px;}

.restb-1 input {width:100%;  background-color:#fff; border-radius:0px; height:45px; padding:0px 10px; font-family:'Nanum Gothic'; font-size:15px; color:#000; display:inline-block;  border:3px solid #ddd; transition:0.5s;}

.restb-1 input:focus {border:3px solid #e25147; outline: none;}

.restb-1 select {width:100%;  background-color:#fff; border-radius:6px; height:45px; padding:0px 10px; font-family:'Nanum Gothic'; font-size:15px; color:#000; display:block; margin-bottom:10px; border:3px solid #ddd; transition:0.5s;}

.restb-1 select:focus {border:3px solid #000; outline: none;}

.restb-1 textarea {width:100%;  background-color:#fff; border-radius:6px; height:45px; padding:0px 10px; font-family:'Nanum Gothic'; font-size:15px; color:#000; margin-left:0px; border:3px solid #ddd; transition:0.5s; height:120px; padding-top:10px;}
.restb-1 textarea:focus {border:3px solid #000;}

.restb-1 input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #c5c5c5;
}
.restb-1 input::-moz-placeholder { /* Firefox 19+ */
color: #c5c5c5;
}
.restb-1 input:-ms-input-placeholder { /* IE 10+ */
color: #c5c5c5;
}
.restb-1 input:-moz-placeholder { /* Firefox 18- */
color:#c5c5c5;
}
.restb-1 textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #c5c5c5;
}
.restb-1 textarea::-moz-placeholder { /* Firefox 19+ */
color: #c5c5c5;
}
.restb-1 textarea:-ms-input-placeholder { /* IE 10+ */
color: #c5c5c5;
}
.restb-1 textarea:-moz-placeholder { /* Firefox 18- */
color:#c5c5c5;
}

.restb-2 h3{font-size:25px; font-weight:700; margin-bottom:15px; color:#000; margin-top:30px;}
.restb-2 h3 span{font-size:13px; margin-left:10px; font-weight:300;}
.restb-2 table {width:100%; border:1px solid #000; }
.restb-2 table th {width:120px; font-size:15px; font-weight:700; padding:15px 20px; text-align:left; line-height:20px; }
.restb-2 table td {padding:15px 20px;}

.restb-2 select {width:100%;  background-color:#fff; border-radius:0px; height:45px; padding:0px 10px; font-family:'Nanum Gothic'; font-size:15px; color:#000; display:inline-block; margin-bottom:10px; border:3px solid #ddd; transition:0.5s;}

.restb-2 select:focus {border:3px solid #e25147; outline: none;}

.restb-2 input {width:100%;  background-color:#fff; border-radius:0px; height:45px; padding:0px 10px; font-family:'Nanum Gothic'; font-size:15px; color:#000; display:inline-block;  border:3px solid #ddd; transition:0.5s;}

.restb-2 input:focus {border:3px solid #e25147; outline: none;}


.price {padding:20px 0; text-align:right; background-color:#7a7a7a; }
.price span {font-size:25px; }
.price-txt_1 {font-size:17px; font-weight:300; margin-right:10px; float:left; padding-left:20px; color:#fff;}
.price-txt_2 {font-weight:700; color:#fff; float:right; padding-right:20px;}

/* 2018.10.4 */
#kakaotalk {display:none;}
.btn-close {display:inline-block; position:absolute; right:20px; top:20px; font-size:30px; color:#000; font-weight:100;}
.reservation-btn_area {position:relative; z-index:100;}

.recommand-h2 {display:inline-block; margin-top:50px;}
.recommand-p {font-size:14px;line-height:25px; margin-top:-15px; display:inline-block;}

.guide-price {border:0px dashed #999; background-color:#444; padding:25px 20px; margin:20px 0; margin-top:50px;}
.guide-price li {color:#fff; font-size:14px; margin-top:10px;}

.guide-price_tip {color:#fff; font-size:20px; font-weight:700; margin-bottom:15px;}
.guide-price li a {color:#fff; font-weight:900; text-decoration:underline;}

/* rentcar */

.service-guide2 {padding:60px 0; }
.service-guide3 {padding:60px 0; }
.service-guide4 {padding:60px 0; margin-bottom:60px;}
.service-guide {display:table; width:100%; margin-top:30px; }
.service-guide:first-child {margin-top:0px; }
.service-guide li {display:table-cell; width:40%; vertical-align:top;}
.service-guide_photo {float:left; width:100%; background-color:#000; padding:0px; height:280px;}
.service-guide_text {clear:both; display:block; padding:0px 20px 0px 30px; }
.service-guide_text2 {clear:both; display:block; padding:40px 100px 40px 0px; }
.service-guide li p { font-size:14px; line-height:22px; margin-bottom:15px;  color:#666666}
.service-guide li p:before { content:'' }
.service-guide .service-guide_text__title {font-size:23px; font-weight:700; margin-bottom:15px; color:#000}

.service-guide_text__title___no {display:block; float:left; position:relative; font-size:50px; font-weight:700; font-family:Lato; font-style:italic; margin-right:20px; margin-bottom:15px;}


.service-using {display:table; }
.service-using li {display:table-cell; width:49.5%; border:0px solid #ddd;}

.service-using h3 {font-size:20px; font-weight:700; padding:10px 10px 10px 10px;  margin-bottom:0px; text-align:center; }
.service-using hr {border: none; height: 1px;    /* Set the hr color */    color: #ddd; /* old IE */    background-color: #ddd; /* Modern Browsers */ margin-bottom:20px; margin-right:20px;}
.service-using_photo {float:left; width:40%; height:200px;}

.service-using_text { width:50%; padding:20px; line-height:20px; font-size:14px; padding-top:0px; overflow:hidden; height:182px;}

.service-using_text__btn { display:block; position:absolute; top:153px; left:-3px;}

.service-using_text_holder {position:relative}
.service-using_text p {   overflow:hidden; text-overflow:ellipsis;  
    display: -webkit-box;  -webkit-line-clamp: 7;  -webkit-box-orient: vertical;  }
	
.recom dd {line-height:18px; margin-bottom:5px; color:#666666}
.recom dt {margin-top:30px;}
.recom dt {font-size:16px;}
.recom dt img {vertical-align:middle; margin-right:10px;}
.recom dd img {vertical-align:middle; margin-right:5px;}
.recom dd.first-child { margin-top:20px;}

.content-line {background-color:#ddd; height:1px; margin:30px 0 40px 0;}

.select-request {padding:7px 20px;}
.warn {font-size:13px; line-height:25px; color:#666;}
.btn-large {padding: 0 26px;font-size: 16px; height: 46px; line-height: 46px;}

.btn { display: inline-block; position: relative;	cursor: pointer;
outline: none;	white-space: nowrap; margin: 5px;	padding: 0 22px;
font-size: 16px; line-height: 40px;background-color: #bc1a3a;color: #fff; font-weight: 400; text-transform: uppercase;	letter-spacing: 1px; border: none; }
.btn:hover {color:#fff;text-decoration:none;}

/* 견적문의 */
.estimate {background-image:url('../images/hotram.jpg'); background-size:cover; background-repeat:no-repeat; background-attachment:fixed; background-position:0px center}
.estimate-box {width:500px;position:absolute; left:45%; top:45%}
.estimate-box_title {color:#fff; font-size:30px;  background-color:rgba(0,0,0,0.5); padding:20px 30px; }
.estimate-box_excerpt {width:500px; color:#fff;background-color:rgba(0,0,0,.6); font-size:16px;line-height:30px; padding:10px 20px; margin-top:5px;}
.privacy-box {margin-top:50px;}
.privacy {background-color: #f5f5f5;
	border: 1px solid #ccc;
	padding: 25px;
	font-size: 12px;
	color: #666;
	overflow: auto;
	line-height:25px;
	height:150px;
	
	margin:0 auto;
	position:relative;
	
}
.privacy-box h2 {text-align:center; font-size:30px; font-weight:700;  margin-bottom:20px;}

.tb-schedule table{width:100%; border:1px solid #000;}
.tb-schedule table td {padding:10px 15px; font-size:13px; border:1px solid #ddd; line-height:24px; vertical-align:middle;}
.tb-schedule table tr:nth-child(even) {background-color:#f7f7f7;}
.tb-schedule table th {padding:20px 15px; font-size:15px;border:1px solid #333; background-color:#000; color:#fff;vertical-align:middle; font-weight:bolder}
.tb-schedule_day {width:7%}
.tb-schedule_pr {width:9%}
.tb-schedule_vehi {width:10%}
.tb-schedule_time {width:15%}
.tb-schedule_plan{width:47%}
.tb-schedule h2 {font-size:30px; font-weight:900; padding:50px 0 6px 0; color:#000;}
.tb-schedule_td__date {font-size:17px; font-weight:700; color:#000}

#plan-2 img {width:100%;}

.bg-slider {background-color:#212121;}

.formmail {display:block; width:100%; margin-top:6px; border-top:1px solid #000; border-bottom:1px solid #000;}
.formmail table {width:100%;  }
.formmail table th {width:150px; padding:15px 20px; border:1px solid #333; border-left:0px solid #ddd; vertical-align:middle; font-size:14px; text-align:left; background-color:#000; font-weight:700; color:#fff; }
.formmail table td { padding:10px; border:1px solid #ddd;  border-left:0px solid #ddd; border-right:none; font-size:15px;}
.formmail table td input{ padding:7px 10px; border:1px solid #999;   font-size:14px; width:300px; vertical-align:middle }
.formmail table td select{ padding:7px 10px; border:1px solid #999;   font-size:14px; color:#000;}

.formmail table td textarea{ padding:10px; border:1px solid #999; font-size:14px;}
.formmail label {padding:10px;}
.formmail .btn-submit {padding:10px 20px; border:1px solid #999;  font-size:16px; font-weight:700; background-color:#f7f7f7; cursor:pointer;}

.formmail .btn-submit:hover {background-color:#000; color:#fff; border:1px solid #000;}
.est-tab {border-bottom:1px solid #000;}
.est-tab_tit {font-size:20px; margin-bottom:30px; font-weight:700; }
.est-tab_link {display:inline-block; font-size:15px;}
.est-tab_link a {display:block; padding:10px 20px; border:1px solid #ddd; color:#000; margin-left:-1px;}
.est-tab_link a.active {background-color:#000; color:#fff; border:1px solid #000;}
.btn-area_form {margin-top:50px; margin-bottom:50px; text-align:center;}

/* BoardType - Notice : S */
.board-notice {}
.board-notice table {border-top: 2px solid #333;border-bottom: 1px solid #333;width:100%;}
	
.board-notice th { padding:10px 20px;background-color: #f7f7f7;text-align: center;color:#333;font-size:14px;border:0px solid #000;
border-bottom:1px solid #ddd;}

.board-notice th.tit {text-align: center; width:60%;}

.board-notice td {padding:18px 0px 10px 0px;border-top: 1px solid #ddd; text-align: center; vertical-align: middle;color:#333;	font-size:14px;	border-bottom:1px solid #ddd;}
.board-notice td a:hover{ text-decoration:underline}
.board-notice td.tit {text-align: left;padding-left:20px;}
.board-ask_password {text-align:center; font-size:18px; vertical-align:middle;}
.board-ask_password h3 {font-size:20px; color:#666; }
.board-ask_password label {display:inline-block; }
.board-ask_password input {display:inline-block;  height:34px;}
.board-ask_password .btn { position:relative; top:2px; left:-5px;}

/* Paging : S */

.page-btn {display:inline-block;  font-size:14px; color:#565b5f; border:1px solid #ddd; background-color:#ebf1f4; padding:10px  }

.page-btn_prev, .page-btn_next { padding:12px 10px;}
.page-btn_prev:hover, .page-btn_next:hover, .page-btn:hover { color:#333; border:1px solid #333;}
.pagination a {display:inline-block; font-size:14px; color:#fff; background-color:#fff; padding:7px 12px; border:1px solid #ddd; color:#333;}
.pagination a.active { background-color:#e25147; border:1px solid #e25147; color:#fff;}
.pagination { text-align:center; padding:50px 0 30px 0; border:0px solid #e6ecef; border-top:none;}
.pagination .bold {color:#fff;}
/* Paging : E */

/* Board Search : S */
.search-area {display:block; width:100%; text-align:right; border-top:1px solid #ddd; padding-top:30px; margin-top:40px;}
.search-area_select { padding: 0 22px;font-size: 14px;height: 42px;
line-height: 41px;}
.search-area_input { padding: 0 10px; font-size: 20px;height: 38px;
line-height: 40px;}
.search-area_btn__submit {margin-left:-11px;}


.form-group {display: inline-block;margin-bottom: 0;vertical-align: middle;margin-top:10px;}

.board-post {margin-top:60px; font-size:18px; border-top:2px solid #525252;  padding:17px; border-bottom:1px solid #ddd; padding-bottom:15px; font-weight:300; color:#464646}

.board-post li {display:block;}
.board-post li a:hover {text-decoration:underline}
.board-post_left{float:left;}
.board-post_right{float:right;}
.board-post_line {height:1px; background-color:#ddd; }
.board-post_up { background-image:url("../images/bul-arrow-up.png");}
.board-post_down { background-image:url("../images/bul-arrow-down.png"); }
.board-post_next__1 {font-weight:500; background-repeat:no-repeat; background-position: center center; padding-right:90px;}
.board-post_next__2 a {color:#464646}
.board-post_next__3 {margin-right:30px;}
.board-post_prev {margin-top:0px; border-top:0;}


/* Portfolio list */


.portfolio-view h1.title {font-size: 20px;color:#777;margin: 0;padding: 0;padding-top: 5px; 
 display:block; border-top:2px solid #777;  border-bottom:1px solid #ddd;  padding:10px; background-color:#f7f7f7;}

.attach-file {font-size: 12px;color:#777;margin: 0;padding: 0;padding-top: 5px; 
 display:block; border-top:1px solid #ddd;  border-bottom:1px solid #ddd;  padding:10px;}

.attach-file li { margin-right:20px; display:inline-block;}
.attach-file li a, .attach-file li span { padding-left:7px; font-size:12px;	text-decoration:none;	color:#777; }
.attach-file span.divline {height:10px; width:1px; background-color:#ddd; padding-left:1px}

.board-notice_title { margin-top:30px; font-size:14px;color:#333;margin: 0;padding: 0; border-top:2px solid #333; background-color:#f7f7f7; padding:17px;}
 
.board-notice_title li{ margin-right:8px; display:inline-block;}
.board-notice_title li a, .board-notice_title li span{
	
	padding-left:7px;
	font-size:12px;
	text-decoration:none;
	color:#777;
}

.board-notice_date {float:right}
	
.board-notice_txt { padding:20px 20px;}
.board-notice_txt img { max-width:100%; overflow:hidden}
.board-notice_txt p, .board-notice_txt div  { width:100%; margin-top:30px; line-height:18px; font-weight:350; color:#666;}


/* Board Search : E */


/* Reply Form */
.replyForm {  font-size:12px !important; border:1px solid #e9e9e9; margin-top:10px; padding:20px; border:0px solid #ddd; border-top:1px solid #ddd; background-color:#f7f7f7;}
.replyForm .textBox{ width:400px; height:70px; width:75%; margin-top:10px;}
.replyForm .count,
.replyForm .count2 {clear:both; padding:0px 0px 0px 5px; font-weight:bold; color:#FF6600 !important;}
.replyForm dl {width:100%; margin-top:5px; padding:0px 0px 0px 0px; background:#f6f6f6}
.replyForm dl dt {float:left; margin-top:13px; font-weight:bold; color:#444 !important;padding:5px 10px 5px 10px !important;margin-left:20px; margin-right:20px }
.replyForm dl dt.md {float:right; font-size:13px !important; color:#666 !important;}
.replyForm dl dt.md a {font-size:11px !important; color:#666 !important; text-decoration:none; font-weight:normal !important;}
.replyForm dl dt .time {font-size:11px !important; color:#cccccc !important;}
.replyForm dl dd {position:relative; clear:both; padding:11px 10px 13px 10px !important; border-bottom:1px dotted #adadad; color:#666; margin-left:20px; margin-right:20px}

.replyForm .editor2,
.replyForm .editor3,
.replyForm .editor4 {
	width:90%;
	height:46px; 
	font-size:12px
	color:#333 !important; 
	border:1px solid #4880c6; 
	overflow-x:hidden; 
	overflow-y:auto;
	}
.replyForm .editor4 {border:1px solid #c4c4c4; overflow-x:hidden; overflow-y:auto; }

.replylist { border-bottom:1px solid #ddd; padding-top:10px; padding-bottom:10px; margin-top:10px;}

.replylist-text {}
.replylist-text_time { margin-left:10px;}
.replylist-btn {float:right}
.replylist-btn:after {content:''; clear:both; display:block;}
.replylist-input { border:0px solid #ddd; margin-top:20px;  margin-top:20px;}
.replylist-content {margin-top:20px;}
.replylist-input input {height:28px; padding:0 5px;}

.replylist-memo {display:table; width:100%; margin-top:10px;}
.replylist-memo_box {display:table-cell; width:80%}
.replylist-memo_box textarea{min-width:99%; height:100px;}
.replylist-memo_btn {display:table-cell; vertical-align:middle}
.replylist-memo_btn .btn-reply {height:104px; line-height:104px; background-color:#fff; border:1px solid #000; color:#000; font-weight:300; margin-top:-1px;}

.button-area_view { text-align: right; padding-top: 0px; margin-top: 20px; margin-bottom: 20px; }
.btn { display: inline-block; position: relative;	cursor: pointer;
outline: none;	white-space: nowrap; margin: 5px;	padding: 0 22px;
font-size: 16px; line-height: 40px;background-color: #e25147;color: #fff; font-weight: 400; text-transform: uppercase;	letter-spacing: 1px; border: none;}
.btn:hover {color:#fff;}
.btn-white{display:inline-block; background:#fff; color:#333;  padding:7px 20px; border:1px solid #bdbdbd}


.btn-white {color: #333; background-color: #fff; border-color: #000; }
.btn-white:hover {color: #333;  border-color: #ccc; }


/* Main - Quick Contact */

.quick-contact { padding:0px 0;}
.quick-contact_bg {background-color:#ffd658; }
.quick-contact_name input { }
.quick-contact_name {width:100px; padding: 6px 12px; margin-left:0px;}
.quick-contact_tel {width:60px; padding: 6px 12px; margin-left:5px;}
.quick-contact_memo {width:222px; padding: 6px 12px; margin-left:5px;}

/* Forms : S  */
.form-inline h2 {  font-size:20px; font-weight:700; color:#fff; background-color:#e25147; vertical-align:middle; padding:0 30px;}
.form-inline label {display: inline-block; max-width: 100%;     font-weight: 700; font-size:14px;  vertical-align:middle}
.form-inline  {
 display: table;
  width:100%;
  height:150px;
}
.form-group {
    display: table-cell;
    margin-bottom: 0;
    vertical-align: middle;
	margin-left:20px;
	background-color:#000;
}
.form-inline .form-control {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}

.form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] {
    position: relative;
    margin-left: 0;
	
}

.form-inline .search_input { padding: .8em .5em; width:170px;}
.form-inline .btn-search { padding: .7em .5em;  border: 1px solid #999;}
.form-inline .btn-search:hover { background-color:#000; color:#fff; border:1px solid #000;}
.footer-bottom {height:200px;}

.con-visible { transition: 0.5s; bottom:-200px }
.con-hide { transition: 0.5s; bottom:0px}

/* Forms : S  */
.form-inline h2 {  font-size:20px; font-weight:700; color:#fff; background-color:#e25147; vertical-align:middle; padding:0 30px;}
.form-inline label {display: inline-block; max-width: 100%;     font-weight: 700; font-size:14px;  vertical-align:middle}
.form-inline  {
 display: table;
  width:100%;
  height:150px;
}
.form-group {
    display: table-cell;
    margin-bottom: 0;
    vertical-align: middle;
	padding:0 10px;
	background-color:#000;
}
.form-inline .form-control {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}

.form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] {
    position: relative;
    margin-left: 0;
	
}

.form-inline .search_input { padding: .8em .5em; width:170px;}
.form-inline .btn-search { padding: .7em .5em;  border: 1px solid #999;}
.form-inline .btn-search:hover { background-color:#000; color:#fff; border:1px solid #000;}
.footer-bottom {height:160px;}
.customer-center { width:100%; position:fixed;background-color:#444; z-index:999999; color:#fff; font-weight:300;}
.customer-center a { color:#fff;}
.quick-contact {position:relative; margin:0 auto;  width:1100px; min-width:1100px;}
.customer-center_phone { width:30%; text-align:center;}
.customer-center_phone__tit {font-size:20px;}
.customer-center_phone__tit2 {font-size:25px; font-weight:900; margin:5px 0;}
.customer-center_phone__tit3 {font-size:12px; line-height:15px;}

.katalk {position:fixed; right:5px; top:10%; z-index:3000;}

.div-table{ margin:50px 0;}
.div-table table { width:100%; border-top:2px solid #000;}
.div-table table td { border:1px solid #ddd; padding:10px 10px;}
.div-table table th { border:1px solid #ddd; padding:10px 10px; background-color:#000; font-size:15px; color:#fff; }
.b-title {font-size:30px; font-weight:700; margin-bottom:10px;}
.b-s-title {font-size:20px; padding:20px 0 5px 0; font-weight:700;}

.b-k {margin:30px 0; border-bottom:1px solid #000; position:relative;}
.b-k a{display:inline-block; padding:15px 0; width:200px; font-size:22px; font-weight:700; background-color:#fff; color:#000; text-align:center; position:relative; border:1px solid #333;bottom:-1px;}
.b-k .b-k-2 {left:-5px; border-left:1px solid #333; }
.b-k .b-k-3 {left:-9px; border-left:1px solid #333; }
.b-k a.active{ background-color:#000; color:#fff;  }
.bg-white {background-color:#fff;}