@charset "utf-8";

@import url('menu.css');
@import url('seoseoul.css');
@import url('sub.css');
@import url('slick.css');
@import url('jquery.fullpage.css');
@import url('animations.css');
@import url('font.css'); 
@import url('layout.css');
@import url('jh_style.css');
@import url('yj_style.css'); 
@import url('member.css'); 
@import url('board.css'); 


html {height: 100%; overflow-y: auto;}
body { overflow: hidden; margin-top: 0 !important; min-width: 320px; color: #333; line-height: 26px; font-size: 16px; font-family: 'Noto Sans KR', sans-serif;  word-break: break-all; word-wrap: break-word; word-break: keep-all; font-weight: 400; }
h1, h2, h3, h4, h5, h6 { font-family: 'Noto Sans KR', sans-serif;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p, button {margin: 0; padding: 0; -webkit-text-size-adjust: none;}
fieldset, img, abbr, acronym {border: 0 none;}
legend {position: absolute; height: 0; line-height: 0; font-size: 0; overflow: hidden;}
legend.showlegend {position: static; line-height: 14px; font-size: 12px; overflow: visible;}
address, caption, cite, code, dfn, em, var {font-style: normal; font-weight: normal;}
ol, ul {list-style: none;}
q:before, q:after {content:'';}
table {border-collapse: collapse; border-spacing: 0;}
caption {height: 0; line-height: 0; font-size: 0; overflow: hidden; text-indent: -10000px;}
hr {display: none;}
a { color: #333; text-decoration: none; cursor: pointer;}
button {border: 0 none; background: none;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0; padding: 0;}
button, input, select, textarea { color: #555; line-height: 19px; font-size: 13px; font-family: 'Noto Sans KR', sans-serif; vertical-align: middle;}
select { -webkit-border-radius: 0;}
select 
{
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-image: url(../../images/common/ico_select_arrow.png); background-repeat:no-repeat; /* 셀렉박스 스타일 초기화, 화살표 이미지 갖다 박아라 */
  background-position: calc(100% - 15px) center;
  background-position: -webkit-calc(100% - 15px) center; background-position: -moz-calc(100% - 15px) center;
 
}
select::-ms-expand {
    display: none;
}

input[type="text"],input[type="password"],input[type="number"],input[type="tel"],input[type="email"],input[type="button"],input[type="submit"],textarea {
    border-radius:0 !important;-webkit-appearance: none;-moz-appearance: none; 
}

a[href^="tel"] {
  color: inherit; /* Inherit text color of parent element. */
  text-decoration: none; /* Remove underline. */
  /* Additional css `propery: value;` pairs here */
}

input[type="text"],input[type="password"],select{height:33px; line-height:33px; padding:0 7px; border:1px solid #ddd;}
input[type="radio"] {display:none;}
input[type="radio"] + label {padding-left:25px; font-size:15px; color:#000; background:url("/images/common/radio_btn_off.png") no-repeat 0 center; background-size:contain; margin-right:10px;}
input[type="radio"]:checked + label {padding-left:25px; font-size:15px; color:#000; background:url("/images/common/radio_btn_on.png") no-repeat 0 center; background-size:contain;}




@media screen and (max-width:767px){

input[type="text"],input[type="password"],select{height:33px; line-height:33px; padding:0 7px; border:1px solid #ddd;}
input[type="radio"] {display:none;}
input[type="radio"] + label {padding-left:15px; font-size:10px; color:#000; background:url("/images/common/radio_btn_off.png") no-repeat 0 center; background-size:contain; margin-right:10px;}
input[type="radio"]:checked + label {padding-left:15px; font-size:10px; color:#000; background:url("/images/common/radio_btn_on.png") no-repeat 0 center; background-size:contain;}

}


.check_area{float:right;}
.check_area span{display:block; padding:22px 0;}
.check_area span lable{padding-left:30px; font-size:15px; line-height:20px; color:#000;}
input[type="checkbox"] {display:none;}
input[type="checkbox"] + label {font-size:15px; padding-left:25px; background:url("/images/common/checkbox_off.png") no-repeat 0 center; background-size:initial;}
input[type="checkbox"]:checked + label {padding-left:25px; background:url("/images/common/checkbox_on.png") no-repeat 0 center; background-size:initial;}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {cursor: pointer; overflow: visible; -webkit-appearance: button;}
input[type="checkbox"],
input[type="radio"] {width: 14px; height: 14px; line-height: 14px; box-sizing: border-box; -webkit-border-radius: 0;}
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}

input::-webkit-input-placeholder{color:#a0a0a0;}
input:-moz-input-placeholder{color:#a0a0a0;}
input::-moz-input-placeholder{color:#a0a0a0;}
input:-ms-input-placeholder{color:#a0a0a0;}
img {  vertical-align: top; }

textarea {overflow: auto; resize: none; border: 1px solid #ddd; box-sizing: border-box; width:100%; height:130px; margin:5px 0;}
textarea::-webkit-input-placeholder {
color: #a0a0a0;
}

textarea:-moz-placeholder { /* Firefox 18- */
color: #a0a0a0;  
}

textarea::-moz-placeholder {  /* Firefox 19+ */
color: #a0a0a0;  
}

textarea:-ms-input-placeholder {
color: #a0a0a0;  
}


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, object {display: block; margin: 0; padding: 0;}
audio[controls], canvas, video {display: inline-block; *display: inline; *zoom: 1;}

/* Disable orange highlight */
label, a, button {-o-tap-highlight-color:rgba(0, 0, 0, 0); -ms-tap-highlight-color:rgba(0, 0, 0, 0); -moz-tap-highlight-color rgba(0, 0, 0, 0); -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}


/* 건너뛰기 네비게이션 */
#skip_nav {width:100%; height:0; text-align:center; overflow:hidden;}
#skip_nav a {color:#fff; font-size:16px; line-height:30px; font-weight:800; float:left;}
#skip_nav a:focus, 
#skip_nav a:hover, 
#skip_nav a:active {position:absolute; top:0; left:0; width:100%; height:30px; text-decoration:underline; background-color:#000; overflow:visible; z-index:9999;}

/* global */
.clearfix {*zoom:1}
.clearfix:after{display: block;content:'';clear: both;}
.taC{text-align: center;}
.taL{text-align: left;}
.taR{text-align: right;}
.ellipsis {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.mt0{margin-top: 0 !important;}
.mb0{margin-bottom: 0 !important;}
.pt0{padding-top: 0 !important;}
.pb0{padding-bottom: 0 !important;}

.img_box > img {max-width:100%;}
.fl {float: left;}
.fr {float: right;}



.search{position:relative; width:120px; height:34px; line-height:34px; padding:0 10px; background:url('../images/common/ico_select_arrow.png') right center no-repeat; appearance:none; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; 	font-size:14px; background-color:#fff; text-align:left; border:1px solid #d7d7d7; margin-right:0px;}


.weekendlottery{position:relative; width:140px; height:34px; line-height:34px; padding:0 10px; background:url('../images/common/ico_select_arrow.png') right center no-repeat; appearance:none; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; 	font-size:14px; background-color:#fff; text-align:left; border:1px solid #d7d7d7; margin-right:0px;}



/*reset*/
.hide,.skip,legend,caption,hr{position:absolute;left:-9999px;width:0;height:0;font-size:0;overflow:hidden;text-indent:-9999px;}








/* 자주 하시는 질문 */
#accordian li.active .cont{display: block;}
#accordian li .cont{display: none;}
#accordian li p {font-weight:bold; cursor: pointer; background:url('/images/sub/icon_faq.png')900px 17px no-repeat; padding:14px 30px; border-bottom:1px solid #ccc;}
#accordian li p:hover{background:url('/images/sub/icon_faq.png')900px 17px no-repeat;}
#accordian li p span{font-weight:normal; color:#0d69aa; margin:0 15px; /*color:#0d69aa;359452*/}
#accordian li .cont{background:#f3f3f3; padding:15px 30px; overflow:hidden}
#accordian li .cont > span{display:block; color:#ff7900; padding:0 15px; float:left;  /*color:#fab34f;*/}
#accordian li .cont > div{/*width:835px;*/ padding-right:15px; float:left;}




/***** sub tab *****/
.sub_tabs{margin-bottom:70px; text-align:center;}
.sub_tabs ul{}
.sub_tabs ul li{display:inline-block; width:140px; height:50px; padding-bottom:5px}
.sub_tabs ul li a{display:block; box-sizing:border-box; width:100%; height:100%; text-align:center; line-height:48px; border:1px solid #a7a7a7; font-size:16px; font-weight:600;}
.sub_tabs ul li.on a{line-height:48px; border:2px solid #299567; color:#299567; font-weight:600;}


@media screen and (max-width:767px){

.sub_tabs ul li{display:inline-block; width:65px; height:50px; padding-bottom:5px}
.sub_tabs ul li a{display:block; box-sizing:border-box; width:100%; height:100%; text-align:center; line-height:48px; border:1px solid #a7a7a7; font-size:13px; font-weight:600;}
.sub_tabs ul li.on a{line-height:48px; border:2px solid #299567; color:#299567; font-weight:600;}

}


.paging{clear:both; text-align:center;}
.paging a{display:inline-block; width:40px; line-height:40px; border:1px solid #cdcdcd;}
.paging a:hover{background-color:#eee;}
.paging a.on{background-color:#4f4f4f; color:#fff;}
.paging a img{vertical-align:middle;}
.paging .prev_btn,.paging .next_btn{color:#666; font:13px NanumGothic,"나눔고딕",sans-serif; line-height:25px; border:1px solid #ddd; margin:0;}
.paging strong{display:inline-block; width:25px; font-weight:500;}


.ml10{margin-left:10px;}





.check_area{font-size:20px; font-weight:bold; width:100%; text-align:center; margin-top:20px;}









#notice_view .view_file th{background:#fff}
#notice_view .view_file td{height:39px; padding:10px 0;}
#notice_view .view_file a{display:block; color:#666; padding-left:30px; background:url('../../images/sub/icoFile.png') left 50% no-repeat;}
#notice_view .view_file a img{vertical-align:middle; margin-right:10px}







/*코스소개*/
span.icon_red{display:inline-block; width:12px; height:12px; background-color:#fa0507; margin-right:5px; border-radius:15px;}
span.icon_gold{display:inline-block; width:12px; height:12px; background-color:#f6d845; margin-right:5px; border-radius:15px;}
span.icon_white{display:inline-block; width:11px; height:11px; background-color:#fff; border:1px solid #ababab; margin-right:5px; border-radius:15px;}
span.icon_black{display:inline-block; width:12px; height:12px; background-color:#000; margin-right:5px; border-radius:15px;}
span.icon_blue{display:inline-block; width:12px; height:12px; background-color:#2b6deb; margin-right:5px; border-radius:15px;}
span.icon_yellow{display:inline-block; width:12px; height:12px; background-color:#e5d41a; margin-right:5px; border-radius:15px;}
span.icon_gray{display:inline-block; width:11px; height:11px; background-color:#dedede; border:1px solid #ababab; margin-right:5px; border-radius:15px;}



/*단위:원*/

.unit_n{float:right; margin-top:-35px}

.unit_n2{float:right; margin-top:-20px; margin-right:50px;}


@media screen and (max-width:767px){


.unit_n{float:right; margin-top:0px; font-size:12px;}
.unit_n2{float:right; margin-top:0px; margin-right:50px;}


}







/*카톡채널*/
.channel_area{position:absolute;top:320px;right:10%;width:100%; /*background:#94002d;*/ width:50px; height:40px; z-index:15;}
.channel_btn{color:#fff; text-align:center; line-height:40px; font-weight:600px;}
.channel_btn a{color:#fff; text-align:center; line-height:40px; font-weight:600px;}
.channel_btn a:hover,  a:focus; a:focus{color:#fff; text-align:center; line-height:4s0px; font-weight:600px;}
.channel_btn img{max-width:200%;}


.channel_area2{position:absolute;top:200px;right:10%;width:100%; /*background:#94002d;*/ width:50px; height:40px; z-index:15; display:none;}
.channel_btn2{color:#fff; text-align:center; line-height:40px; font-weight:600px;}
.channel_btn2 a{color:#fff; text-align:center; line-height:40px; font-weight:600px;}
.channel_btn2 a:hover,  a:focus; a:focus{color:#fff; text-align:center; line-height:4s0px; font-weight:600px;}
.channel_btn2 img{max-width:200%;}


@media screen and (max-width:767px){

.channel_area{position:absolute;top:200px;right:10%;width:100%; /*background:#94002d;*/ width:50px; height:40px; z-index:15; display:none;}
.channel_btn{color:#fff; text-align:center; line-height:40px; font-weight:600px;}
.channel_btn a{color:#fff; text-align:center; line-height:40px; font-weight:600px;}
.channel_btn a:hover,  a:focus; a:focus{color:#fff; text-align:center; line-height:4s0px; font-weight:600px;}
.channel_btn img{max-width:200%;}

.channel_area2{position:absolute;top:70px;right:10%;width:100%; /*background:#94002d;*/ width:50px; height:40px; z-index:15; display:inline;}
.channel_btn2{color:#fff; text-align:center; line-height:40px; font-weight:600px;}
.channel_btn2 a{color:#fff; text-align:center; line-height:40px; font-weight:600px;}
.channel_btn2 a:hover,  a:focus; a:focus{color:#fff; text-align:center; line-height:4s0px; font-weight:600px;}
.channel_btn2 img{max-width:150%;}

}