@charset "utf-8";
/*@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,600,700&display=swap');*/
/*font-family: 'Montserrat', sans-serif;*/
/*@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700&display=swap');*/
/*font-family: 'Noto Sans KR', sans-serif;*/

/*@import url('https://cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.min.css');*/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap');

*{
    font-family: 'Noto Sans KR';
    list-style: none;
    text-decoration: none;
    border-collapse: collapse;
    margin: 0px;
    padding: 0px;
    color: #333;
    letter-spacing: -0.6px;
}

/*------------------------------------------------------------- 초기화 css -------------------------------------------------------------*/
* {margin:0; padding:0; box-sizing:border-box; word-break: keep-all;}
html,body{max-width: 100%; min-height: 100%;}
html{overflow-x: hidden;}
body{background: #fff; font-style: normal; font-size: 16px; font-weight: 300; color: #0333; line-height: 1.2; letter-spacing: -0.5px;}
ul, li, dl,dt,dd {margin:0;padding:0;list-style:none}
a{color:#333;text-decoration:none;}
img {border: 0; font-size: 0; max-width: 100%;}
h1, h2, h3, h4, h5, h6{font-size:1em;}
textarea, select{font-size:1em}
select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(/source/img/sel_arrow02.png) no-repeat center right 10px;
}
select::-ms-expand {display: none;}
input, button{margin:0;padding:0;font-size:1em}
input[type="submit"], button{cursor:pointer}
table, tr, td { border-collapse: collapse;}
p{word-break: keep-all;}
input[type="teext"], input[type="tel"], input[type="password"], input[type="email"], input[type="search"], textarea {
	-webkit-border-radius:10px; /* 모서리 스타일 제거 */
	-webkit-appearance:none; /* 인풋내 그림자 제거 */
}
input[type="email"] {-webkit-border-radius:10px;}
input[type="teext"]::placeholder, input[type="tel"]::placeholder, input[type="password"]::placeholder, input[type="email"]::placeholder, input[type="search"]::placeholder, textarea::placeholder{color: #0f0f0f;}
input::placeholder{color: #0f0f0f;}

/* * IE8/9에서 정의되지 않은 HTML5 요소를 'block'으로 지정. * IE10/11, Firefox에서 정의되지 않은 `detail` 혹은 `summary` 를 `block`으로 지정. * IE11에서 정의되지 않은 `main`을 `block`으로 지정 */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{display: block;}

/** * 1. IE8/9에서 `inline-block`으로 정의되지 않은 것을 올바르게 지정. * 2. Chrome, Firefox, Opera에서 `progress`의 세로 정렬을 표준화. */
audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

/** * 모던 브라우저들에서 controls 속성없이 audio 요소가 렌더링 되는 것을 예방 * iOS 5 기기에서 높이를 초과하는 것을 제거 */
audio:not([controls]) { display: none; height: 0; }

/** * `[hidden]` 속성의 스타일이 IE 8/9/10에서 존재하지 않는 것을 해결. * IE 8/9/10/11, Safari, Firefox < 22 에서 `template` 요소를 숨김. */
[hidden], template { display: none; }

/* Links ========================================================================== */
/** * IE10에서 활성화(active)된 링크의 회색 배경을 제거. */
a {
	text-decoration: none;
    background-color: transparent;
	color: inherit;
}

/** * active/hover 상태일때에도 포커스된 요소의 가독성을 향상. */
a:active, a:hover { outline: 0; }

/* Text-level semantics ========================================================================== */
/** * IE 8/9/10/11, Safari, Chrome에서 존재하지 않는 스타일을 부여. */
abbr[title] { border-bottom: 1px dotted; }

/** * Firefox 4+, Safari, Chrome에서 `bolder`로 설정되어 있는 것을 `bold`로 수정. */
b, strong { font-weight: bold; }

/** * Safari,Chrome에서 존재하지 않는 스타일을 부여. */
dfn { font-style: italic; }

/** * Firefox 4+, Safari, Chrome에서 `section`과 `article` 내부의 `h1` 요소의 글꼴 크기와 마진값이 서로 다른 것을 통일시킴. */
h1 { font-size: 2em; margin: 0.67em 0; }

/** * IE 8/9에서 존재하지 않는 스타일을 부여. */
mark { background: #ff0; color: #000; }

/** * 브라우저마다 다른 글꼴 크기를 통일시킴. */
small { font-size: 80%; }

/** * `sub`과 `sup`요소가 모든 브라우저에서 `line-height`에 영향을 미치는 것을 예방. */
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* Embedded content ========================================================================== */
/** * IE 8/9/10에서 `a` 요소안에 이미지가 위치할 경우 생기는 테두리 제거. */
img { border: 0; }

/** * IE 9/10/11에서 `svg` 요소가 영역의 크기를 벗어나지 않도록 수정. */
svg:not(:root) { overflow: hidden; }

/* Grouping content ========================================================================== */
/** * IE 8/9, Safari에서 존재하지 않는 `margin` 값을 부여. */
figure { margin: 1em 40px; }

/** * Firefox와 다른 브라우저들 사이의 차이점 해결. */
hr {/*    box-sizing: content-box;    height: 0;*/    margin-top: 0px;    margin-bottom: 0px;    border: 0;   border-top: 1px solid #000000;}
hr10 {/*    box-sizing: content-box;    height: 0;*/ height: 0;   margin-top: 10px;    margin-bottom: 10px;    border: 0;   border-top: 1px solid #000000;}

/** * 모든 브라우저에서 `pre` 요소의 `overfolow` 값을 통일. */
pre { overflow: auto; }

/** * 모든 브라우저에서 글꼴과 글꼴 크기가 다른 것을 해결. */
code, kbd, pre, samp { /*font-family: monospace, monospace;*/ font-size: 1em; }

/* Forms ========================================================================== */
/** * 알려진 한계: 기본적으로 OS X의 Chrome과 Safari는 `border` 속성을 지정하지 않는 한 * `select` 요소의 스타일링에 매우 제한적이다. */
/** * 1. color 속성이 상속되지 않는 것을 수정. * 알려진 문제: disabled 된 요소의 color 속성에도 영향을 미친다. * 2. font 속성이 상속되지 않는 것을 수정. * 3. Firefox 4+, Safari, Chrome에서 마진이 서로 다른 것을 해결. */
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    /* 1 */
    font: inherit;
    /* 2 */
    margin: 0;
    /* 3 */
	box-sizing: border-box;
}

/** * IE 8/9/10/11에서 `overflow` 속성값이 `hidden`으로 설정되어 있는 것을 수정 */
button { overflow: visible; }

/** * `button`과 `select` 요소에 `text-transform` 상속이 일치하지 않는 것을 해결 * 모든 다른 폼 컨트롤 요소는 `text-transform` 값을 상속하지 않는다. * IE 8/9/10/11, Firefox, Opera에서 `button` 요소의 스타일 상속 수정. * Firefox에서 `select` 요소의 스타일 상속 수정. */
button, select { text-transform: none; }

/** * 1. Android 4.0.*에서 `audio`와 `video` 컨트롤을 파괴하는 웹킷 버그를 방지. * 2. iOS에서 클릭가능한 `input` 유형에 스타일링을 할 수 없는 것을 수정. * 3. `input` 요소와 다른 요소들의 image-type의 커서 모양을 일치시켜 가용성을 향상. * `input` and others. */
button,
html input[type="button"],
/* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer; border: none;
    /* 3 */
}

/** * disabled된 요소의 기본 커서를 재설정 */
button[disabled], html input[disabled] { cursor: default; }

/** * Firefox 4+에서 내부 `padding`과 `border`를 제거 */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** * Firefox 4+에서 UA(User Agent) 스타일시트에 `!important`를 사용한 `input` 요소의 * `line-height` 설정값을 해결. */
input { line-height: normal; }

/** * 이러한 요소의 스타일을 설정하려고하지 않는 것이 좋다. * Firefox에서 아래의 요소에서 box-sizing, padding, width가 구현될꺼라 기대하지 말자. * * 1. IE 8/9/10에서 box sizing 속성값을 `content-box`에서 `border-box`로 변경 * 2. IE 8/9/10에서 영역을 벗어나지 않도록 `padding`을 제거 */
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/** * Chrome의 증가/감소 버튼의 커서 모양을 수정. * `input` 요소의 특정 `font-size` 값에 대해 감소 버튼의 커서 모양이 `default`에서 `text`로 변한다. */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/** * OS X의 Safari, Chrome에서 내부(inner) `padding`과 검색 취소 버튼을 제거. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/** * `border`, `margin`, `padding`을 일치. */
fieldset { border: none; margin: 0 2px; /* padding: 0.35em 0.625em 0.75em; */ }

/** * 1. IE 8/9/10/11에서 `color`는 상속되지 않는다. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** * IE 8/9/10/11에서 기본 세로 스크롤바를 제거 */
textarea { overflow: auto; resize: none; }

/** * `font-weight`는 상속되지 않는다.(applied by a rule above). * 주의: OS X의 Chrome과 Safari에서 기본값을 변경하는 것은 안전하지 않다. */
optgroup { font-weight: bold; }

/* Tables ========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }
.wrapper{width: 1280px; max-width: 100%; margin: 0 auto;}
/*------------------------------------------------------------- //초기화 css -------------------------------------------------------------*/

#hd_pop{position: absolute; z-index: 999; /*left: 50px; top: 120px;*/}
.hd_pops { position: absolute; }
.hd_pops_footer{display: inline-block; width: 100%; overflow: hidden; background: #fff;}
.hd_pops_reject {
	display: inline-block;
    border: none;
    background: #fff;
	font-weight: 400;
    color: #0f0f0f;
    line-height: 23px;}
.hd_pops_close {
	display: inline-block;
    float: right;
    border: none;
    background: #fff;
	font-weight: 400;
    color: #0f0f0f;
    line-height: 23px;
    padding: 0 10px;
}
/*------------------------------------------------------------- //팝업 css -------------------------------------------------------------*/


/*------------------------------------------------------------- 공통 css -------------------------------------------------------------*/
.font_bak{padding-left: 30px; font-weight: 400;}
.area_box{width: 100%; height: 140px; resize: none; border:1px solid #dedede; padding: 20px; letter-spacing: -0.5px; color: #555666;}
.terms_subtitle{margin-bottom: 15px; letter-spacing: -1.2px; font-size: 1.3em; font-weight: 500; color: #333333;}

.star_red{color: #da0000;}
.msg_look{letter-spacing: -1px; font-weight: 300; color: #555; margin-top: 5px;}
.same_mbbox{width: 427px; height: 45px; margin: 5px 0; padding-left: 10px; border: 1px solid #dedede; color: #0f0f0f; font-size: 16px; font-weight: 400;}
.same_mbboxx{width: 100%; height: 45px; margin: 0; padding-left: 10px; border: 1px solid #dedede; color: #0f0f0f; font-size: 16px; font-weight: 400; border-radius: 10px;}
.same_mbboxx1{width: 100%; height: 45px; margin: 2px 0; padding-left: 10px; border: 1px solid #dedede; color: #555; font-size:16px;}
.same_mbboxx2{width: calc(60% - 5px); width: -webkit-calc(60% - 5px); width: -moz-calc(60% - 5px); height: 45px; margin: 10px 0; padding-left: 10px; border: 1px solid #dedede; color: #555; float: left;}
.same_mbboxx3{width: calc(40% - 5px); width: -webkit-calc(40% - 5px); width: -moz-calc(40% - 5px); height: 45px; margin: 10px 0; padding-left: 10px; border: 1px solid #dedede; color: #555; float: right;}
.same_mbbox2{width: 185px; height: 45px; margin: 5px 0; padding-left: 10px; border: 1px solid #dedede; color: #555;}
.same_mbbox3{width: 395px; height: 45px; margin: 5px 0 0 5px; padding-left: 10px; border: 1px solid #dedede; color: #555;}
.same_mbbox4{width: 185px; height: 45px; margin: 5px 0; padding-left: 10px; border: 1px solid #dedede; color: #555;}
.same_mbbox5{width: 210px; height: 45px; margin: 5px 0; padding-left: 10px; border: 1px solid #dedede; color: #555; font-size:16px;}
.same_mbbox55{width: 350px; height: 45px; margin: 5px 0; padding-left: 10px; border: 1px solid #dedede; color: #555; font-size:16px;}
.same_mbbox6{width: calc(100% - 160px); width: -webkit-calc(100% - 160px); width: -moz-calc(100% - 160px); height: 45px; margin: 5px 0; padding-left: 10px; border: 1px solid #dedede; color: #555; font-size:16px;}
.mid_sel{margin: 0 9px;}

.up_textda{clear: both; font-size: 16px; font-weight: 400; color: #000;margin-bottom: 5px;}
.up_textda span{color: #FFA200;    vertical-align: middle;}

.info_title{width: 100%; height: 295px; background: url("/img/newimg/subbanner3.png") no-repeat; background-size: cover;}
.info_title .info_bigtitle{padding-top: 80px; letter-spacing: -1.5px; text-align: center; font-size: 2.5em; font-weight: 400; color: #fff;}
.info_title .point_line{margin: 10px 0 20px; text-align: center;}
.info_title .info_minititle{letter-spacing: -0.8px; text-align: center; font-weight: 300; color: #fff;}

.terms_titlebox{padding-top: 150px; padding-bottom: 10px; font-size: 40px; font-weight: 600; color: #333; position: relative; }
/* .terms_titlebox:before{display: block; content:""; width: 104px; height: 104px; border-radius: 50%; background: #f2fbfe; z-index: -1; position: absolute; left: 100%; top: 30%; -webkit-transform: translateX(-30%);
-moz-transform: translateX(-30%);
-ms-transform: translateX(-30%);
-o-transform: translateX(-30%);
transform: translateX(-30%);}
.terms_titlebox:after{display: block; content:""; width: 138px; height: 1px; background: #E32424; z-index: 0; position: absolute; left: 115%; top: 60%; left: calc(100% + 20px); left: -webkit-calc(100% + 20px); left: -moz-calc(100% + 20px)} */

.hidden_link_wr{position: fixed; width: 100%; background: #fff; -webkit-box-shadow: 1px 5px 10px rgba(0,0,0,.2); -moz-box-shadow: 1px 5px 10px rgba(0,0,0,.2); box-shadow: 1px 5px 10px rgba(0,0,0,.2); z-index: 50; top: 0; transition: 0.5s;}
.hidden_link_wr div{position: absolute; top: -100px; width: 100%; height: 40px; line-height: 2.5; text-align: center; font-weight: 400;  background: #fff; border-bottom: 1px solid #ddd; -webkit-box-shadow: 1px 5px 10px rgba(0,0,0,.2); -moz-box-shadow: 1px 5px 10px rgba(0,0,0,.2); box-shadow: 1px 5px 10px rgba(0,0,0,.2); transition: 0.5s;}
.pd100 { padding: 100px;}

/*헤더 hidden menu*/
.hidden_link_wr a.hidden_link_1:hover, .hidden_link_wr a.hidden_link_1:focus{/* top: 0; z-index: 50; */}

/*------------------------------------------------------------- //공통 css -------------------------------------------------------------*/

.gnbWrap{
    padding-top: 10px; padding-bottom: 8px; width: 890px; margin: 0 auto;
}
.gnbWrap>img{
    width: 250px; height: 42px;
}
/* 모바일 메뉴 버튼 */
.menu {position: absolute; top: 10%; right:5%; transform: translateY(-50%);}
.menu>a{width: 100%;height: 100%; display: block;}

a.close{
    width: 50px; height: 50px; position: absolute; right: 5px; top: 0; color: #000; line-height: 50px; text-align: center;opacity:1.0;
}
.left_gnbWrap{
    height: 100%;
    width: 100%;
    position: fixed; right: -100%; top: 0;
    background-color: #fff;
    /* padding-top: 50px; */
    z-index: 999;
    transition: all 0.3s;
	display: none;
}
.left_gnbWrap.on{
    right:0;
	display: block;
}
.left_gnb>li{
    width: 100%; border-bottom: 1px solid #ddd;
}
.left_gnb>li>a{
    display: block; text-align: center; line-height: 50px;
    width: 100%; height: 50px; background-color: #fff;
    color: #0f0f0f;
}
.left_gnb>li>a.on{
    background-color: #E32424; color: #fff;
}
.left_gnb>li>ul{
    display: none;
}
.left_gnb>li>ul>li>a{
    display: block; text-align: center; line-height: 50px; width: 100%; height: 50px; border-top: 1px dashed #ddd; background-color: #fff; color: #555;
}
.left_gnb>li>ul>li:first-child>a{border-top: none;}
.left_gnb>li>ul>li>a:hover{color: #E32424;}

.sub_navbox{display: none; position: absolute; width: 100%; height: 273px; padding-top: 15px; box-shadow: 1px 10px 10px rgba(0,0,0,0.1); background: #fff; z-index: 2; border-top: 1px solid #e7e7e7;}
.sub_box2da{width: 1280px; height: 100%; margin: 0 auto;}
.sub_leftbox{float: left; width: 42.6%; height: 100%;}
.sub_rightbox{float: left; width: 57.4%; height: 100%;}
.sub_menuji{float: left; height: 100%;}
.menu_mlja1{}
.menu_mlja2{margin-left: 40px;}
.menu_mlja3{margin-left: 40px;}
.menu_mlja4{margin-left: 50px;}
.menu_mlja5{margin-left: 50px;}
.sbmu_li a{display: block; padding: 15px 10px 5px; text-align: center; letter-spacing: -1px;  font-size: 18px; font-weight: 300; color: #555; }

.plus_text {text-align :left; font-weight:400; padding-top:5px;}
.plus_text.red {color:red;}
.tb_st01.tbl_add td:nth-of-type(2) {width:20%;}
.tb_st01.tbl_add td:nth-of-type(1) {width:20%;}

/*------------------------------------------------------------- head(snb) css -------------------------------------------------------------*/
.snb_linebox{width: 100%; height: 44px; border-bottom: 1px solid #e7e7e7;}
.snb_linebox .snb_midbox{width: 1280px; height: 100%; margin: 0 auto;}
.sub_ul{float: right; height: 100%;}
.sub_ul .snb_li{float: left; margin: 0 5px; /* padding: 10px 0; */ line-height: 43px;}
.sub_ul .snb_li .snb_acolor{font-size: 15px; font-weight: 300; color: #555555;}
.first_btn{display: inline-block;}
/*------------------------------------------------------------- //head(snb) css -------------------------------------------------------------*/

/*------------------------------------------------------------- head(gnb) css -------------------------------------------------------------*/
.nav_box{overflow: hidden; position: absolute; top: 0px; left: 0; z-index: 100; width: 100%; height: 90px; border-bottom: 1px solid #D68100; background: #fff; transition: 0.3s;}
.nav_box:after{content: ""; display: block; width: 100%; height: 1px; background: #e7e7e7; position: absolute; top: 90px; left: 0;}
.nav_box.on{height: 320px;}
.nav_box .nav_marginbox{width: 1280px; height: 100%; margin: 0 auto;}
.logo_click{display: inline-block; float: left; width: 280px; height: 100%; margin: 0;}
.logo_link{display: block; padding: 18px 0;}

.gnb_box{float: right; width: calc(100% - 280px); width: -webkit-calc(100% - 280px); width: -moz-calc(100% - 280px); height: 100%;}
.gnb_box .gnb_ulbox{float: right; height: 100%;}
.gnb_box .gnb_ulbox li:nth-child(6) a { padding-right: 0; }
.gnb_limenu{position: relative; float: left;}
.gnb_limenu.on{color: #E32424;}
.gnb_limenu.on:after{content: ""; display: block; width: 100%; height: 3px; background: #E32424; position: absolute; top: 87px; left: 0; z-index: 5;}
.gnb_link{display: block; position: relative; padding: 0 35px; line-height: 90px; letter-spacing: -1px; font-size: 18px;}
.alink_marginbak{padding-right: 0;}
.bugermenu{display: none;}

.gnb_2dp{display: none; margin: 22px 0 -8PX; text-align: center;}
.gnb_marginbak .gnb_2dp{margin-right: -40px;}
.gnb_2dp > li{margin: 0;}
.gnb_2dp > li > a{display: block; padding: 8px 0; font-size: 18px; font-weight: 300; color: #555;}

/*------------------------------------------------------------- //head(gnb) css -------------------------------------------------------------*/


/*------------------------------------------------------------- tali css -------------------------------------------------------------*/
.footer_upbox{width: 100%; background: #f7f7f7; margin-top:50px; border-top: 1px solid #e7e7e7; }
.footer_upbox .footer_bottomline{width: 100%; height: 65px; border-bottom: 1px solid #e7e7e7;}
.footer_upbox .footer_bottomline .footer_marginbox{width: 1280px; height: 100%; margin: 0 auto;}
.footer_marginbox{position: relative;}
.line_guidebox1{float: left; /* width: 35%; */ height: 65px;}
.line_guidebox2{float: right; /* width: 65%; */ height: 65px;}

.line_guidebox1 .guideline_ul{width: 100%; height: auto;}
.line_guidebox1 .guideline_ul:after{content: ""; display: table; clear: both;}
.guide_li{float: left;}
.guide_li .a_listchk{display: block; padding: 25px 20px 25px 0; letter-spacing: -0.5px; font-size: 14px; font-weight: 300; /*color: #555555;*/}
.leftmarginbak{padding-left: 0 !important; margin-left: 0 !important;}

.line_guidebox2 .jiwon_center{width: 100%; height: 100%;}
.center_li{float: left;}
.center_li .a_listchk{display: block; /* padding: 21px; */padding: 25px 15px; letter-spacing: -0.5px; font-size: 14px; font-weight: 300; color: #555555;}
.rightmarginbak{padding-right: 0 !important;}

.last_address{position: relative; clear: both; width: 1280px; height: auto; margin: 0 auto; padding: 25px 0 50px;}
.last_address .business_class{margin: -5px -20px; font-size: 0;}
.last_address .business_class .business_li{display: inline-block; padding: 5px 20px; letter-spacing: -0.5px; font-size: 14px; font-weight: 400; color: #555555; line-height: 1.4;}
.copy_text{margin-top: 10px; font-size: 14px; font-weight: 300; color: #555555;}

/*.top_btn{display: block; position: absolute; top: 50%; right: 0px; z-index: 50; width: 40px; height: 40px; margin-top: -20px; border: 0; border-radius: 50%; line-height: 40px; text-align: center; background: #E32424; cursor: pointer;}
.top_btn i.arrow{border: solid #fff; border-width: 0 1px 1px 0; padding: 3px;color:#fff}*/

.ft_wa_mark{position: absolute; top: 25px; right: 0;}
/*------------------------------------------------------------- //tail css -------------------------------------------------------------*/


/*#main{height: calc(100vh - 134px); margin-top: 0px; padding-top: 90px; background: #fff url('../img/gj/main_bg01.jpg') no-repeat center/cover;}*/
#main{ width: 100%; height: 700px; display: inline-block;}
.main_sec .main_sec_wr{padding: 0 30px;}
.main_sec01{width: 100%; text-align: center;}
.main_top_txt01{display: block; font-size: 56px; font-weight: 400; color: #fff; letter-spacing: -3px;}
.main_top_txt01 b{font-weight: 600;}
.main_top_txt02{display: block; margin-top: 20px; font-size: 26px; font-weight: 400; color: #fff;}

.main_sec02{margin-top: 40px;}
.main_sec02 .main_sec_wr{padding-top: 40px; border-top: 1px solid rgba(255,255,255,0.4);}
.main_contents{margin: 0 -20px; font-size: 0;}
.main_contents > li{display: inline-block; width: 33.333%; padding: 0 20px; font-size: 14px; vertical-align: top;}
.main_link{display: table; width: 100%; height: 138px; padding: 0 40px; border-radius: 12px; font-size: 0;}
.main_link01{background: #E32424; color: #fff}
.main_link02{margin-top: 15px; background: rgba(0,0,0,0.4);}
.main_link_in{display: table-cell; vertical-align: middle;}
.main_link_icon{display: inline-block; width: 71px; vertical-align: middle;}
.main_link_txt{display: inline-block; width: calc(100% - 71px); padding-left: 30px; vertical-align: middle;}
.main_link_txt01{font-size: 26px; font-weight: 400; color: #fff; letter-spacing: -2px; }
.main_link_txt02{margin-top: 10px; font-size: 16px; font-weight: 400; color: #f7f7f7;}
.main_link_txt03{font-size: 26px; font-weight: 400; color: #f7f7f7;}
.main_link_txt04{margin-top: 10px;font-size: 30px; font-weight: 400; color: #f7f7f7;}

.main_adv{display: block; height: 400px; border-radius: 12px 12px 0 0; overflow: hidden; background: #ddd; text-align: center;}
.main_adv img{display: inline-block; max-height: 100%;}
.main_board_inner{min-height: 445px; padding: 35px 40px 0; border-radius: 12px; background: rgba(0,0,0,0.4);}
.main_board_tit{padding-bottom: 20px;}
.main_board_tit span{float: left; font-size: 26px; font-weight: 400; color: #fff;}
.main_board_tit a{float: right; padding-top: 5px; font-size: 16px; font-weight: 300; color: #ddd;}
.main_board_contents{}
.main_board_contents > li{padding: 15px 0; border-top: 1px dashed #bebec0;}
.main_board_contents > li > a{display: block;}
.main_board_contents_tit{width: 100%; font-size: 16px; font-weight: 300; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main_board_contents_date{padding-top: 9px; font-size: 16px; font-weight: 300; color: #fff;}

.pic_box{width: 1220px; height: 80px; margin: 90px auto 0; border-radius: 15px; background: #f7f7f7;}
.pic_box .picbox_tbl{width: 100%; height: 80px;}
.point_put{float: left; margin: 17px 7px;}
.point_put .point_txt{letter-spacing: -0.8px; font-size: 1em; font-weight: 500; color: #0f0f0f;}
.first_point{margin-left: 10px;}
.same_putbox{width: 300px; height: 45px; padding-left: 20px; border: 1px solid #dddddd; border-radius: 10px;}
.same_putbox2{width: 155px; height: 45px; padding-left: 20px; border: 1px solid #ddd; border-radius: 10px; color: #555666;}
.accept_btn{width: 170px; height: 45px; border: none; border-radius: 10px; font-size: 1em; color: #fff; background: #E32424;}

select {
	-webkit-appearance: none; /* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
	background: url("../img/newimg/barrow_con.png") no-repeat 97% 50%; /* 화살표 모양의 이미지 */
}
select::-ms-expand { display: none; }/* IE 10, 11의 네이티브 화살표 숨기기 */

.f_content{width: 1220px; height: 320px; margin: 150px auto 0;}
.f_content .click_gopage{width: 100%; height: 100%; overflow: hidden;}
.subpage_list{float: left; width: 360px; height: 100%; border: 1px solid rgba(108, 114, 121, 0.7); border-radius: 10px; background: rgba(0,0,0,0.5); text-align: center;}
.subpage_list thead{border-bottom: 1px solid #fff; vertical-align: top; width: 100%; display: inline-block;}
.subpage_list tbody{vertical-align: top;display: block;}
.subpage_list tr{vertical-align: top; display: inline-block; width: 100%;}
.subbox_margin{margin: 0 67px; /* border: none; background: none; */}
.push_my{display: block; height: 100%; text-align: center;}
.hook_top{margin-top: 73px;}
.hook_top2{margin-top: 62px;}
.big_fontda{margin: 40px 0 23px;}
.plus_btn{margin-top: 20px;}

.ntlittle_tbl{width: 85%; height: 100%; margin: 0 auto; display: inline-block; vertical-align: top;}
.line_bb{padding: 20px 0; /* border-bottom: 1px solid #fff; */ display: inline-block; vertical-align: top; overflow: hidden;}
th.line_bb{float: left;}
td.line_bb{float: right; padding: 25px 0;}
tr:first-child .td_listtxt {border-top: none;}
.mlja_btn{display: block; text-align: right;}
.td_listtxt{border-top: 1px solid #fff; vertical-align: middle; display: block; width: 100%; padding: 19px 0;}
.notice_gogo{display: block;}
.look_txt{letter-spacing: -0.8px; font-size: 1em; color: #fff; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.look_date{letter-spacing: -1px; font-size: 1em; color: #555; text-align: left; margin-top: 5px;}
.last_linebak{border-bottom: none;}
.tbl_captitle{display: none;}

/*------------------------------------------------------------- sub css -------------------------------------------------------------*/
.sub{margin-top: 90px;}

.nolook_cpt{position: absolute; width: 0; height: 0; overflow: hidden; font-size: 0;}

/* sub_visual */
.sub_title{width: 100%; height: 295px;}
.sub_title .sub_bigtitle{padding-top: 130px; letter-spacing: -1.5px; text-align: center; font-size: 2.5em; font-weight: 600; color: #000;}
/* .sub_title .sub_bigtitle:after{content: ""; display: block; width: 28px; height: 2px; margin: 15px auto 20px; background: #E32424;} */
.sub_title .sub_minititle{letter-spacing: -0.8px; text-align: center; font-weight: 300; color: #000;}

/*sub_location*/
.sub_location{border-bottom: 1px solid #ddd;}
.sub_location ul{font-size: 0;}
.sub_location ul li{display: inline-block; border-right: 1px solid #ddd; text-align: center;}
.sub_location ul li:first-child{border-left: 1px solid #ddd;}
.sub_location ul li a{display: block; padding: 20px 0; font-size: 18px; font-weight: 400; color: #555;}
.sub_location ul li.active a{background: #e8b600; font-weight: 400; color: #000;}
.sub_location ul.child-2 li{width: 50%;}
.sub_location ul.child-3 li{width: 33.333%;}
.sub_location ul.child-4 li{width: 25%;}
.sub_location ul.child-5 li{width: 20%;}


/*.information_bg{background: url(../img/gj/sub_information_bg.jpg) no-repeat top center; background-attachment: fixed;}*/
.information_bg{background: url(../img/cs_ban_bg2.png) no-repeat top center; background-attachment: fixed;}

/* sub_contents*/
.sub_contents{width:100%; padding: 60px 0 100px;}

	/*tab*/
.tab_btn{font-size: 0; text-align: center;}
.tab_btn > ul{display: inline-flex; padding: 20px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 0;}
.tab_btn > ul > li{display: inline-block; padding: 0 50px; border-left: 1px solid #ddd; font-size: 18px; font-weight: 300; color: #555; cursor: pointer;}
.tab_btn > ul > li:first-child{border-left: 0;}
.tab_btn > ul > li.on{font-weight: 400; color: #E32424;}
.tab_contents{margin-top: 50px;}
.tab_contents > div{display: none;}
.tab_contents > div:first-child{display: block;}

	/*table*/
.tb_st01{width: 100%;}
.tb_st01 th{padding: 13px 0px; border-top: 1px solid #E32424; border-left: 1px solid #ddd; background: #f7f7f7; font-size: 16px; font-weight: 400; color: #0f0f0f;}
.tb_st01 th:first-child{border-left: 0;}
.tb_st01 td{padding: 18px 10px; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #fff; font-size: 16px; font-weight: 400; color: #555;}
/* .tb_st01 td:first-child{border-left: 0;} */
.tb_st01 .no_border{border-left: 0;}
.tb_st01 td.ta_l{text-align: left;}


/*들여쓰기*/
ul.hypen{margin: -3px 0;}
ul.hypen > li{padding: 3px 0 3px 10px; text-indent: -10px;}
ul.dot{margin: -3px 0;}
ul.dot > li{padding: 3px 0 3px 10px; text-indent: -10px;}

/*text_icon*/
.icn_St-01{position: relative; padding-left: 12px;}
.icn_St-01:before{content: ""; display: block; width: 2px; height: 14px; background: #E32424; position: absolute; top: 3px; left: 0;}

/*주의문구*/
.caut_txt{padding: 10px 0 0 10px; font-size: 16px; font-weight: 300; color: #555; text-align: left; text-indent: -10px;}

/*스크롤 문구*/
.scroll_drag{display: none; text-align: center; font-size: 16px; color: #555; font-style: italic; padding: 15px 0 0;}

.arrow{
    display: inline-block;
    border: solid black;
    border-width: 0 1px 1px 0;
    padding: 3px;
}

.up{transform: rotate(-135deg);}
.down{transform: rotate(45deg);}
.right{transform: rotate(-45deg);}
.left{transform: rotate(135deg);}
/*------------------------------------------------------------- //sub css -------------------------------------------------------------*/

.choos_btn{width: 200px; height: 50px; border: none; letter-spacing: -0.8px; border: 1px solid #E32424; background: #fff; color: #E32424;}
.choos_btn:hover{background: #E32424; color: #fff;}
.resv_btn{width: 100%; height: 50px; border: none; letter-spacing: -0.8px; border: 1px solid #e8b600; background: #fff; color: #000;}
.resv_btn:hover{background: #e8b600; color: #fff;}
.same2_btn{display: block; padding: 20px; text-align: center; color: #fff; background: #E32424;}
.same3_btn{display: block; padding: 20px; text-align: center; color: #fff; background: #555999;}

/* 로그인 체크박스 */
.save_idbox {/* position:absolute; bottom: 0; left:0; */ padding-top: 5px;}
.save_idbox input[type="checkbox"]{display: none;}
.save_idbox input[type="checkbox"] + label {color:#555; font-size: 16px; margin-top: 2px;}
.save_idbox input[type="checkbox"] + label:hover {color:#2172f8}
.save_idbox input[type="checkbox"] + label span {position:absolute;bottom: 0; left:0;width:17px;height:17px;display:block;background:#fff;border:1px solid #d0d4df;border-radius:3px}
.save_idbox input[type="checkbox"]:checked + label {color:#000}
.save_idbox input[type="checkbox"]:checked + label span {background:url('/img/chk.png') no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px}

/*------------------------------------------------------------- 로그인 css -------------------------------------------------------------*/
#mb_login{width: 100%; height: auto;}
#mb_login .mbskin_box{float: left; width: 59%; height: 100%; padding: 0 0 0 90px;}
.login_tttxt{padding-top: 100px; letter-spacing: -1.5px; text-align: center; font-size: 2.5em; font-weight: 500;}
#login_fs legend{display: none;}

.login_ulbox{float: left; width: 400px; height: 120px;}
.login_ulbox2{float: left; width: 170px; height: 120px; margin-left: 7px;}

.lg_littlebox{width: 100%; height: 55px;}
.lg_littlebox:first-child{margin-bottom: 10px;}
.lg_samebox{width: 100%; height: 100%; padding-left: 20px; border: 1px solid #ddd; color: #555;}
.lg_samebox::placeholder{color: #555 !important;}

.lg_going{width: 100%; height: 100%;}
.lg_gogosing{width: 100%; height: 100%; border: none; font-size: 1.15em; background: #E32424; color: #fff;}

#login_info{clear: both; width: 100%; height: auto;;}
.login_if_auto{position: relative; width:100%; /*height: 20px; padding-top: 15px;*/}
.save_idbox label{margin-left: 25px; color: #555;}
.login_if_lpl{width: 100%; height: auto; margin-top: 15px;}
.goaway_box{width: 100%; height: 100%;}
.goaway_box .goaway_li{float: left; width: 400px; height: 100%;}
.goaway_box .goaway_li2{float: left; width: 170px; height: 100%; margin-left: 7px;}
.goaway_box .goaway_li a,
.goaway_box .goaway_li2 a{display: block; letter-spacing: -1px; text-align: center;}
.idpw_push{padding: 15px; color: #555; border: 1px solid #e7e7e7; background: #f7f7f7;}
.j_start{padding: 15px; color: #fff; border: 1px solid #555; background: #555;}

.mb_midbox{width: 100%; height: auto;; margin: 250px auto 200px; padding: 50px 70px; border: 1px solid #d0d0d0;}
.mb_midbox:after{content: ""; display: table; clear: both;}
.mblog_box{float: left; width: 41%; height: 100%; border-right: 1px solid #ddd;}
.login_ttda{padding: 0; letter-spacing: -1.3px; font-size: 1em; font-weight: 400; color: #555;}
.last_btbak{padding-top: 20px; font-size: 18px; font-weight: 400; color: #333; line-height: 1.5;}
.log_bigtt{letter-spacing: -2px; font-size: 40px; font-weight: 400; color: #E32424;}
.line_midda{width: 82%; margin: 0 auto; border: 1px solid #ddd;}

.mid_boxg{float: left; width: 5%; height: 100%;}
/*------------------------------------------------------------- //로그인 css -------------------------------------------------------------*/
.sub_ct_title{ margin-bottom: 20px; font-size: 30px; font-weight: 400; color: #E32424; text-align: center;}
.sub_ct_title:after{content: ""; display: none; width: 1px; height: 31px; margin: 15px auto 20px; background: #E32424;}
.sub_ct_title_expl{font-size: 18px; font-weight: 400; color: #333; text-align: center;}
.sub_ct_title_expl2{margin-top: 25px; font-size: 16px; font-weight: 300; color: #555; line-height: 1.5; text-align: center;}

#car_sec01{text-align: center;}
.car_cnt_tb th{font-weight: 300; color: #0f0f0f;}
.car_cnt_tb td{font-weight: 300; color: #555;}
.car_cnt_tot{padding: 17px 0; border-bottom: 1px solid #ddd;  font-size: 16px; font-weight: 400; color: #0f0f0f;}
.car_cnt_detail{padding: 30px 50px; text-align: left; }
.car_cnt_detail > ul{margin-top: 20px; font-size: 0;}
.car_cnt_detail > ul:first-child{margin-top: 0;}
.car_cnt_detail > ul > li{display: inline-block;  font-size: 16px; vertical-align: top; line-height: 1.5;}
.car_cnt_detail > ul > li:nth-child(1){width: 144px; font-weight: 400; color: #0f0f0f;}
.car_cnt_detail > ul > li:nth-child(2){width: calc(100% - 144px); font-weight: 300; color: #555;}
.car_cnt_detail > ul > li.icn_St-01:before{top: 6px;}
.car_cnt_detail input[type="checkbox"] { 
  width: 20px; height: 20px;
  transform: translateY(4px); 
  margin-right: 3px;
}

#car_sec02{margin-top: 80px;}
.car_intro_all{border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.car_intro_comp{padding: 40px 30px; border-top: 1px dashed #ddd; font-size: 0;}
.car_intro_comp:first-child{padding-top: 30px; border-top: 0;}
.car_intro_comp_l{display: inline-block; width: 200px; font-size: 16px; vertical-align: top;}
.car_intro_comp_r{display: inline-block; width: calc(100% - 200px); font-size: 16px; vertical-align: top;}
.car_intro_txt{font-size: 24px; font-weight: 400; color: #0f0f0f;}
.car_intro_photo{margin: -15px; font-size: 0;}
.car_intro_photo > li{display: inline-block; padding: 15px; vertical-align: top;}
.car_intro_photo > li > a{border: 1px solid #dddddd;display:inline-block;}

#car_sec03{margin-top: 80px; text-align: center;}
.person_current_tb th{ font-weight: 300; color: #0f0f0f;}
.person_current_tb td{ font-weight: 300; color: #555;}
.person_current_tb tr.col th{border-top: 1px solid #ddd;}

#car_sec04{margin-top: 80px; text-align: center;}
.performance_tb th{ font-weight: 300; color: #0f0f0f;}
.performance_tb td{ font-weight: 300; color: #555;}
.performance_tb tr.col th{border-top: 1px solid #ddd;}

.use_app_comp_all{margin-top: 60px; border-top: 1px solid #ddd;}
.use_app_comp{width: 100%; padding: 40px 0 50px; border-top: 1px dashed #ddd;}
.use_app_comp01{border-top: 0;}
.use_app_comp_inner{font-size: 0;}
.use_app_comp_left{display: inline-block; width: 160px; padding-left: 30px; font-size: 16px; vertical-align: top;}
.use_app_comp_right{display: inline-block; width: calc(100% - 160px); padding: 0 30px 0 50px; font-size: 16px; vertical-align: top;}
.use_app_comp_tit{font-size: 40px; font-weight: 600; }

.receipt_all{width: 100%; height: auto; padding-top: 0px; }
#rcp_go{overflow: hidden;}
.rece_box{width: 1200px; margin: 0 auto;}
.rece_box .rcp_ulbox{float: left; width: calc(50% - 30px); width: -webkit-calc(50% - 30px); width: -moz-calc(50% - 30px); overflow: hidden;}
.rece_box .rcp_ulbox.rcp_ulbox_r{float: right;}
/*.rece_box .rcp_ulbox.rcp_ulbox_r.rcp_ulbox_rr{ margin-top: 40px; }*/
.rece_box .mid_boxda{float: left; width: 5%;}
.rcp_ulbox .rcp_write{width: 100%; height: auto; overflow: hidden; margin-bottom: 20px; font-weight: 400;}
.rcp_ulbox .rcp_write .same_mbboxx1{margin: 10px 0; /* margin: 5px 0; */}
#msg_Address{margin-top: 10px; display: block;}
.rcp_ulbox .rcp_write.rcp_href{width: 50%;float:left}
.rcp_ulbox .rcp_write.rcp_href_l{width: calc(50% - 5px); width: -webkit-calc(50% - 5px); width: -moz-calc(50% - 5px); float:left}
.rcp_ulbox .rcp_write.rcp_href_r{width: calc(50% - 5px); width: -webkit-calc(50% - 5px); width: -moz-calc(50% - 5px); float:right}
.box_shasha{width: 100%; height: 75px;}
.md_view{float: left; width: 157px; height: 45px; margin: 25px 0 0; background: #f4f4f4;}
.md_margin{margin: 25px 10px;}
.modal_go{display: block; text-align: center; padding: 10px;  box-sizing: border-box; color: #555;}
.rcp_write select{background-position: 95% 50%; color: #555; font-weight: 300;}
.ju_mbboxx{float: left; width: 75%; height: 45px; margin: 5px 0 10px; padding-left: 10px; border: 1px solid #dedede; color: #0f0f0f; border-radius: 10px;}
.src_jicgo{float:left;width: 22%; height:45px; line-height:45px; margin-top:5px; margin-left: 5px; border:0px;border-radius: 10px;background-color: #1557ebb5;color:white}
.src_jicgo:hover {background-color: #1c32a5;color:white}
.addr_sch_wr{width: 100%; display: block; font-size: 0;}
.addr_sch_wr li{overflow: hidden; width: 15%; display: inline-block; padding-left: 10px;}
.addr_sch_wr li:first-child{padding: 0; width: 55%;}
.addr_sch_wr li .src_jicgo{width: 100%; margin-left: 0; font-size: 16px; margin: 10px 0; background: #f7f7f7; border: 1px solid #ddd;}
.addr_sch_wr li .ju_mbboxx{font-size: 16px; width: 100%; margin: 10px 0;}

.rcp_btnbox{width: 100%; clear: both; text-align: center;margin-bottom: 100px; }
.rcp_btnbox .choos_btn{margin-top: 40px;}
.src_3box{margin-bottom: 15px;}

.rece_box input[type="text"]::placeholder{font-weight: 300; color: #555;}
.car_box{width: 1280px; height: auto; margin: 0 auto;}
.car_introduce_out_div{width:100%;overflow-x:scroll;}
.car_introduce{width: 1280px; height: auto; margin-bottom: 100px; border-bottom: 1px solid #E32424;}
.car_introduce caption{display: none;}
.car_th{padding: 10px; border-right: 1px solid #ddd; letter-spacing: -1px; font-size: 1em; font-weight: 400; color: #fff; background: #E32424;}
.car_td{border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center; letter-spacing: -1px; font-size: 1em; font-weight: 400; color: #333;}
.car_td .carimg_mg{margin: 20px 30px;}
.car_end{border-right: 0;}
.car_btx{border-bottom: 0;}
.car_ppd{padding: 0 10px;}
.car_tr_03 .car_end{padding: 60px 0;}
.car_box2{display:none;}

/* 예약확인 */
.resv_chk_box {
    padding: 60px 80px 80px 80px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    margin: 70px auto;
    width: 30%;
    border-radius: 30px;
}
.resv_chk_box .box_head { text-align: center; }
.resv_chk_box .box_head h3 { font-size: 26px; font-weight: 600;}
.resv_chk_box .box_head p { margin-top: 10px;}
.resv_chk_box .resv_chk { margin-top: 50px; }
.chk_input { height: 65px; }
.resv_chk_btn { width: 100%; border-radius: 10px; margin-top: 10px; height: 65px; font-size: 20px; background: #e8b600; color: #fff;}
.lst_chk_btn { width: 100%; border-radius: 10px; margin-top: 10px; height: 65px; font-size: 20px; background: #fff; color: #000; line-height: 55px;border: 1px solid }
.resv_box { max-width: 1200px; box-shadow:0 0 10px rgba(0,0,0,0.1); padding: 50px 80px; border-radius: 30px;}
.mt30 { margin-top: 30px; }
.resv_box .add_ul .add_service { 
    border-radius: 30px; 
    border: 1px solid #CACED2; 
    padding: 7px 20px; 
    font-size: 16px; color: #A4A4A4;
    margin-right: 5px; margin-bottom: 5px;
}
.resv_box .add_ul { display: flex; flex-wrap: wrap; }
.info_all{width: 100%; height: 100%; margin-bottom: 100px; }
.info_hdbox{width: 1280px; height: auto; margin: 0 auto;}
.textbox_info{width: 100%; height: auto; margin-bottom: 30px;}
.f_infotxt{letter-spacing: -1.5px; font-size: 20px; font-weight: 500; color: #0f0f0f; margin-bottom: 20px;}
.sub_infotxt{width: 100%; height: auto; margin-top: 10px; margin-left: 20px;}
/* .bt_infotit{letter-spacing: -1px; font-size: 20px; font-weight: 400; color: #0f0f0f;} */
.bt_infotxt{letter-spacing: -1px; font-size: 17px; font-weight: 400; color: #333; line-height: 1.7;}
.bt_infotxt_0{margin-bottom: 15px;}
.last_infotxt{letter-spacing: -1px; font-size: 1em; font-weight: 400; color: #333;}
.blue_txt{margin-left: 15px; color: #0f20ff;}
.blue_txt2{color: #0f20ff;}
.ft_infored{margin-top: 30px; letter-spacing: -1px; color: #da0000;}
.pri_table{margin-bottom: 20px; text-align: center;}
.pri_table th{font-weight: 400;}
.pri_table td{padding: 0 20px;}
.info_tblbox{width: 100%; height: 650px;}
.tbl_allbox{width: 100%; height: 450px;}
.info_tbl{float:left; width: 33.3%; height: 420px;}
.info_tbl:last-child .lesion_tbl{border-right: none;}
.info_tbl caption{display: none;}
.lesion_tbl{width: 100%; height: 100%; border-bottom: 1px solid #E32424; border-right: 1px solid #E32424;}
.info_th{padding: 10px; border-right: 1px solid #ddd; letter-spacing: -1px; font-size: 1em; font-weight: 400; color: #fff; background: #E32424;}
.info_tds{border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center; letter-spacing: -1px; font-size: 1em; font-weight: 400; color: #555;}
.info_end{border-right: 0 !important;}
.info_btx{border-bottom: 0 !important;}
.notic_mbox{display: none;}
.not_viewbox{width: 100%; height: auto;}
#bo_v{width: 100%; height: auto; margin: 0 auto;}
#bo_v .view_tbl{width: 100%; height: 100%; display: block; }
.view_tbl .not_looktbl {width: 100%; height: 100%; border-top: 2px solid #e8b600; display: block;}
.view_tbl .not_looktbl tr th:last-child { text-align: right; }
.view_tbl .not_looktbl tbody { border-bottom: 1px solid #ddd; }
#bo_v .not_looktbl caption{position: absolute; width: 0; height: 0; overflow: hidden; font-size: 0;}
.not_looktbl thead, .not_looktbl tbody, .not_looktbl tr, .not_looktbl td, .not_looktbl tfoot{width: 100%; display: block;}
.not_looktbl thead tr{font-size: 0;}
/* .not_looktbl tfoot{padding: 20px;} */

/*본문표 - 오류*/
.not_looktbl td.bonmoon_txt table{width: 70%;}
.not_looktbl td.bonmoon_txt thead{display: table-header-group;}
.not_looktbl td.bonmoon_txt tbody{display: table-row-group;}
.not_looktbl td.bonmoon_txt tr{display: table-row;}
.not_looktbl td.bonmoon_txt td{display: table-cell; width: auto;}

.bo_vc_w{ padding: 20px; }
.view_notth{
    border-bottom: 1px solid #ddd; 
    letter-spacing: -0.5px; font-size: 20px; color: #333; 
    height: 80px; line-height: 80px;
    padding: 0 20px;
    display: inline-block;
}
.text_leftgo{text-align: left; width: calc(100% - 300px); width: -moz-calc(100% - 300px); width: -webkit-calc(100% - 300px); display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.view_rightline { font-size: 16px; font-weight: 400; }
.view_pdx{ font-size: 1em; color: #555; width: 150px; display: inline-block; text-align: left; }
.mot_text{ font-size: 16px; color: #a4a4a4; font-weight: 400;}

.file_tr{}
.file_th{width: 100%; display: block; text-align: left;}
.file_ul{padding: 10px; border-bottom: 1px solid #ddd; width: 100%;}
.file_icon{display: inline-block; vertical-align: top; margin-right: 10px;}
.file_icon_txt{color: #0f20ff; font-weight: 300 !important; font-size: 16px !important; display: inline-block; vertical-align: top;}

.view_mibth{padding: 15px; border-bottom: 1px solid #ddd; text-align: left; }
.ck_udown{display: block;}
.click_down{margin-left: 20px; letter-spacing: -1px; font-size: 1em; font-weight: 400; color: #0f20ff;}

.bonmoon_txt{padding: 20px 30px; border-bottom: 0px solid #333; letter-spacing: -1px;  font-size: 16px; font-weight: 300; color: #555; width: 100%; display: block; min-height: 300px; -ms-word-break: break-word; word-break: break-word; line-height: 1.6;}

.bo_vc_w_wr{width: 100% ;height: 100%; margin-bottom: 20px; }
.daet_title{margin: 0 0 20px; letter-spacing: -1px; font-size: 20px; font-weight: 400; color: #333;}
.bo_vcbox{width: 100%; height: 80px; overflow: hidden; display: none;}
.bo_vcli{float: left; margin-right: 5px;}
.bovc_txt{margin-bottom: 8px; text-align: left;}
.captcha_box,
.view_input{width: 250px; height: 45px; padding-left: 10px; border: 1px solid #ddd;}
#captcha_img{float: right; width: 110px; height: 45px; margin-left: 5px; border: 1px solid #ddd; background: #f7f7f7; box-sizing: border-box;}
#captcha_reload{display: none;}
.btn_rightgo{float: right; margin-right: 0; /* margin-top: 24px; */}
.view_gobtn{width: 180px; height: 45px; border: none; font-size: 1em; font-weight: 400; border: 1px solid #E32424; background: #fff; color: #E32424;}
.view_txtarea{width: 100%; height: 125px;}
.view_daetchang{width: 100%; height: 100%; padding: 10px; resize: none;}
.btn_confirm2{/* width: 100%; height: 35px; */  text-align: left; margin-bottom: 0; margin-top: 10px; overflow: hidden;}

#bo_vc_empty{padding: 60px 30px; border-top: 1px solid #ddd; background: #F7F7F7; }
.cmt_contents{margin-top: 10px; text-align: left;}
.om_wrap{position: relative; padding: 30px 40px; border-top: 1px solid #ddd; background: #f7f7f7;}
.bo_vl_xcon{/* position: absolute; top: 5px; right: 10px; */display: inline-block;}
.bo_vc_act{margin-top: 5px;}
.bo_vc_act li{display: inline-block; padding: 5px 8px; border: 1px solid #ddd; background: #f7f7f7;}
.bo_vd_date2 { font-size: 16px; float: right; }
.bo_vd_date2 i,time { color: #a4a4a4 }
.date_name {font-size: 16px; font-weight: 400; text-align: left; }
.date_name span { color: #a4a4a4; }

#bo_v_info{position: relative; margin: 25px 0 50px; }
.vw_gongul{position: absolute; top: 15px; right: 0;}
.vw_gongul .vw_gongli{float: left; margin: 0 5px;}
.vw_dpbye a{}
#bo_v_info #bo_v_top{ display: flex; justify-content: space-between; }
.bo_v_com{width: 100%; height: 100%; overflow: hidden; margin: 30px 0; }
.bo_v_com li span { color: #fff; font-size: 18px; }
.last_chkview{ border: 1px solid #ddd; text-align: center; }
.last_midda{ margin: 0 5px 0 0; border-radius: 10px; }
.last_midda:last-child { margin-right: 0; }
.last_midda a{ display: block; height: 40px; line-height: 40px; }
.del { background: #e8b600; border:none; }
.lst { background: #fff; border:none; height: 50px}
.txt_wh { color: #fff; }
.last_chkview a{display: block; padding: 0 20px; font-size: 16px; }
.wr_edt { display: flex; }

.view_btn{width: 90px; height: 50px; line-height: 50px; border: 1px solid #ddd; background: #f7f7f7; text-align: center;}
.view_btn a{display: block; font-size: 16px;}

.adm_tagbox{position: absolute; top: 0; right: 0;}
.btn_bo_user .adm_usrli{float: left; margin: 0 5px;}

#bo_list2{width: 100%; height: auto;}
.notice_box{position: relative; height: auto; margin: 0 auto;}
.notice_box .notice_wrap{position: relative; width: 100%;}
.look_notice{width: 100%; height: 100%; border-top: 2px solid #e8b600;}
.look_notice caption{position: absolute; width: 0; height: 0; overflow: hidden; font-size: 0;}
.look_notice thead tr{border-bottom: 1px solid #ddd;}
.look_notice tbody tr{border-bottom: 1px solid #ddd;}
.not_th{padding: 20px 0; letter-spacing: -1px; font-size: 1em; font-weight: 400;}
.not_td{padding: 20px 0; letter-spacing: -1px; text-align: center; font-size: 1em; font-weight: 300; color: #555; width: 12%;}
.td_chk {width: 10px;}
.td_subject{padding-left: 30px !important; text-align: left; width: 52%;}
.td_num2{width: 8%;}
.td_num{width: 8%;}

/* a.btn_b01.btn{display: none;} */
.fa-list{display: none !important;}

.bo_fx{width: 100%; margin-top: 40px; overflow: hidden;}
.bo_fx .more_opt{display: inline-block; float: left; font-size: 0;}
.bo_fx .more_opt li{display: inline-block;}
.bo_fx .more_opt li:first-child{margin-right: 10px;}
.bo_fx .more_opt li button{font-size: 16px;}
.bo_fx .adm_btda{border: 1px solid #ddd; background: #f7f7f7; width: 100px; line-height: 50px;}
.bo_fx .vw_bojago{border: none; background: none;}
.bo_fx .btn_bo_user{display: inline-block; float: right;}
.bo_fx .btn_bo_user li{width: 100%; height: 100%;}
.write_ntbtn{ display: block; width: 180px; height:50px; line-height: 50px; text-align: center; background: #E8B600; border-radius: 10px;}

/*글쓰기*/
#bo_w{width: 100%; height: 100%; box-shadow: 0 0 10px rgba(0,0,0,0.1); border-radius: 30px; padding: 5% 7%; }
.bo_wtboxda{width: 1280px; height: auto; margin: 0 auto 100px;}

#bo_w .bo_v_option li {display:inline-block;float:left;text-align:left;margin:0 5px 0 0}
#bo_w .bo_v_option li label {vertical-align:baseline}
#bo_w .bo_v_option .chk_box input[type="checkbox"] + label span {margin-left:0;margin-right:5px}
#bo_w .write_div {margin:10px 0;position:relative}
#bo_w .write_div:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .bo_w_info:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .wr_content textarea{padding: 10px;}
#bo_w .bo_w_info .frm_input {float:left;margin-bottom:1%}
/*#bo_w #wr_password, #bo_w #wr_homepage {margin-left:1%}*/
#bo_w .wr_content.smarteditor2 iframe {background:#fff}
#bo_w .bo_w_tit {position:relative}
#bo_w .bo_w_tit .frm_input {width: 100%; padding-right:120px; padding-left: 10px; height: 45px;}
#bo_w .bo_w_tit #btn_autosave {position:absolute;top:0;right:5px;line-height:45px;height:45px; border: none; background: none;}
#bo_w .bo_w_link label {position:absolute; top:1px; left:1px; border-radius:3px 0 0 3px; line-height:43px; width:130px; font-size:1.2em; text-align:center; color:#b2b2b2; border-right: 1px solid #aaa;}
#bo_w .bo_w_link .frm_input {width: 100%; padding-left:140px; height: 45px;}
#bo_w .bo_w_flie .lb_icon {position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px; line-height:43px; width:130px; font-size:1.2em; text-align:center; color:#b2b2b2; border-right: 1px solid #aaa;}
#bo_w .bo_w_flie .frm_file {width: 80%; padding-left:140px;margin-top:3px}
#bo_w .bo_w_flie .file_wr {position:relative;border:1px solid #aaa;background:#fff;color:#000;vertical-align:middle;padding:5px;height:45px;margin:0}
#bo_w .bo_w_flie .frm_input {margin:10px 0 0}
#bo_w .bo_w_flie .file_del {position:absolute;top:10px;right:10px;font-size:0.92em;color:#7d7d7d}
#bo_w .bo_w_select select {border:1px solid #d0d3db;width:100%;height:40px;border-radius:3px}
.write_field { display: flex; align-items: center; margin-bottom: 30px; }
.write_field input::placeholder { color: #A4A4A4;}
.write_field label { width: 120px; }
.scret_wr { margin: -20px 0 30px 110px;}
.scret_wr input { width: 16px; height: 16px; margin-right: 5px; margin-top: -8px; }
.wr_txtarea { padding: 30px; margin-top: 0px; height: auto; }
.cke_sc { display: none;}

/* 글쓰기 */
#char_count_desc {display:block;margin:0 0 5px;padding:0}
#char_count_wrap {margin:5px 0 0;text-align:right}
#char_count {font-weight:bold}

#autosave_wrapper {position:relative}
#autosave_pop {display:none;z-index:10;position:absolute !important;top:45px;right:0;width:350px;height:auto; border:1px solid #565656;background:#fff;
-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)}
#autosave_pop:before {content:"";position:absolute;top:-8px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #000 transparent}
#autosave_pop:after {content:"";position:absolute;top:-7px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:center;margin:0 !important}
#autosave_pop button {margin:0;padding:0;border:0}
#autosave_pop ul {padding:15px;border-top:1px solid #e9e9e9;list-style:none;overflow-y:scroll;height:130px;border-bottom:1px solid #e8e8e8}
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #fff;background:#eee;zoom:1}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left}
#autosave_pop span {display:block;float:right;font-size:0.92em;font-style:italic;color:#555}
.autosave_close {cursor:pointer;width:100%;height:30px;background:none;color:#888;font-weight:bold;font-size:0.92em}
.autosave_close:hover {background:#f3f3f3;color:#3597d9}
.autosave_content {display:none}
.autosave_del {background:url(./img/close_btn.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden;height:20px;width:20px}

#bo_w .write_div.btn_confirm { margin-top: 70px; text-align: center; }
.btn_confirm a {
    width: 120px; height: 50px; 
    border: 1px solid #ddd; 
    text-align: center; letter-spacing: -1px; font-size: 18px; color: #555; 
    background: #fff; 
    display: inline-block; line-height: 50px;
    border-radius: 10px;
}
.btn_confirm button {
    width: 120px; height: 50px; 
    text-align: center; letter-spacing: -1px; font-size: 18px; color: #fff; 
    background: #E8B600; 
    display: inline-block; line-height: 50px;
    border-radius: 10px;
}

.bo_sch_wrap{text-align: center; margin-top: 20px;}
.bo_sch #sfl{display: inline-block; width: auto; vertical-align: middle; height: 40px; border: 1px solid #ddd; padding: 0 5px; font-size: 14px;}
.bo_sch .sch_bar{display: inline-block; width: auto; vertical-align: middle; font-size: 0;}
.bo_sch .sch_bar #stx{width: 152px; height: 40px; padding: 5px; vertical-align: middle; font-size: 14px; border-radius: 0; border: 1px solid #ddd;}
.bo_sch .sch_btn{display: inline-block; width: 40px; height: 40px; vertical-align: middle; font-size: 14px; border-radius: 0; border: 1px solid #E32424; border-left: 0; background: #E32424; color:#fff;}

#null_area{height:80px;}

.quick{display: block; width: 76px; background: #e8b600; position: fixed;z-index: 500; right: 0; top: 50%; -webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); text-align: center;}
.quick ul{font-size: 0; padding: 12px 0;}
.quick li{display: block;}
.quick a{display: block; padding: 25px 38px;}
.quick a.quick_01{width: 17px; height: 30px; background: url(/source/img/icon_fb.png) no-repeat center center;}
.quick a.quick_02{width: 26px; height: 25px; background: url(/source/img/icon_in.png) no-repeat center center;}
.quick a.quick_03{width: 28px; height: 23px; background: url(/source/img/icon_bl.png) no-repeat center center;}
.quick a.quick_04{width: 28px; height: 25px; background: url(/source/img/icon_ka.png) no-repeat center center;}
.quick a.quick_05{padding: 20px 0; display: block; border-top: 1px solid rgba(255,255,255,0.3);}
/* .quick a.quick_05:before{width: 100%; height: 1px; background: rgba(255,255,255,0.3); display: block; content:"";} */
.quick a.quick_05 .quick_05_img{width: 24px; height: 22px; background: url(/source/img/icon_mo.png) no-repeat center center; display: inline-block; margin-bottom: 10px;}
.quick a.quick_05 p{font-size: 16px; color: #fff; font-weight: 400;}

.quick a.quick_04 {
    width: 28px;
    height: 25px;
    background: url(../img/icon_ka.png) no-repeat center center;
}


.ta_l_add{}
.ta_l_add li{}
.ta_l_add .ta_pop_btn{
	font-weight: 500; 
	color: #fff; 
	cursor: pointer;
	background: #E32424;
	padding: 0 10px 3px;
	border-radius: 5px;
	border: 1px solid transparent;
}
.ta_l_add .ta_pop_btn:hover{
	background: #fff;
	border-color: #E32424;
	color: #E32424;
}
.tbl_add_wr{padding: 0; height: 0; overflow: hidden;}
.tbl_add_wr.act{padding: 50px 0; height: 100%;}
.tb_st01 th.th_mark{width: 150px;}
.tbl_add{margin-top: 20px;}
.tb_st01.tbl_add td{padding: 8px 10px;}

/*------------------------------------------------------------- 반응형 헤더/푸터 메인 페이지 css -------------------------------------------------------------*/
@media (max-width:1440px) { .resv_chk_box { width: 70%; } }
@media (max-width:1290px){

	.snb_linebox .snb_midbox{width: 100%; padding: 0 20px;}
	.nav_box .nav_marginbox{width: 100%; padding: 0 20px;}
	.alink_marginbak{padding-right: 0;}
	.sub_box2da{width: 100%;}
	/* .sub_leftbox{width: 39%;}
	.sub_rightbox{width: 61%;} */
	.sub_leftbox{display: none;}
	.sub_rightbox{display: inline-block; float: right; width: auto;}
	.menu_mlja5{margin-right: 10px;}
	/* 헤드 */
	.f_content{width: 100%;}
	.subbox_margin{margin: 0 36px;}
	.subpage_list{width: 31%;}

	.logo_click{width: 200px;}
	.logo_link{padding: 24px 0;}
	.gnb_box{
		width: calc(100% - 200px);
		width: -webkit-calc(100% - 200px);
		width: -moz-calc(100% - 200px);
	}
	.gnb_link{padding: 0px 10px; /*font-size: 18px;*/}
	.gnb_marginbak .gnb_2dp{margin-right: -5px;}
	.gnb_2dp > li > a{font-size: 16px;}
	/* 메인 컨텐츠 */
	.footer_upbox .footer_bottomline .footer_marginbox{width: 100%; padding: 0 20px;}
	.guide_li .a_listchk{padding: 25px 5px;}
	.center_li .a_listchk{padding: 25px 10px;}
	.last_address{width: 100%; padding: 25px 20px;}
	/* 푸터 */
	#null_area{height:80px;}

	/***메인***/
	#main{height: auto; padding-bottom: 90px;}
	.main_contents{margin: 0 -2%;}
	.main_contents > li{width: 50%; padding: 0 2%;}
	.main_contents > li.main_link_box{width: calc(100% - 414px);}
	.main_contents > li.main_link_box:after{content: ""; display: table; clear: both;}
	.main_contents > li.main_adv_box{width: 414px;}
	.main_contents > li.main_bord_box{display: block; width: 100%; margin-top: 30px;}
}

@media (max-width:1150px){

	.gnb_limenu{padding: 0 25px;}
	.menu_mlja2{margin-left: 10px;}
	.menu_mlja3{margin-left: 12px;}
	.menu_mlja4{margin-left: 20px;}
	.menu_mlja5{margin-right: 47px; margin-left: 17px;}
	/* 헤드 */

	.f_content{width: 100%;}
	.subbox_margin{margin: 0 15px;}
	.subpage_list{width: 32%;}
	.two_btmargin{margin-bottom: 15px;}
	.big_fontda{margin: 45px 0 28px;}
	.plus_btn{margin-top: 0;}
	/* 메인 컨텐츠 */
	.center_li .a_listchk{padding: 25px 7px;}
	/* 푸터 */
}

@media (max-width:1023px){

	#nav_top{border-bottom: 1px solid #ddd;}
	.snb_tab{width: 100%; height: 64px; padding-left: 40px; border-bottom: 1px solid #ddd;}
	.snb_ligo{float: left; margin: 18px 5px;}
	.liner{font-size: 0.6em; color: #555;}
	.snb_ligo a{display: block;  padding: 3px; font-size: 0.85em; font-weight: 400; color: #555;}
	.gnb_limenu{display: none;}
	.bugermenu{display: block; margin: 32px 8px;}
	.sub_navbox{display: none !important;}
	.gnb_link{padding: 15px 0px;}
	/* 헤드 */
	.hook_line{padding-left: 20px;}
	.sub_ul .snb_li{margin: 0 3px;}
	.snb_li.snb_li_mo_none{display: none;}
	.sub_ul .snb_li .snb_acolor{font-size: 13px;}
	.hidden_link_wr{}
	.hidden_link_menu{display: none !important;}
	.nav_box.on{height: 90px !important;}
	.gnb_2dp{display: none !important;}
	/* 메인 컨텐츠 */
	.main_contents > li.main_link_box{width: calc(100% - 380px);}
	.main_contents > li.main_link_box:after{content: ""; display: table; clear: both;}
	.main_contents > li.main_adv_box{width: 380px;}
	.main_link{height: 113px;}
	.main_link_txt01{font-size: 24px;}
	.main_link_txt03{font-size: 22px;}
	.main_link_txt04{font-size: 26px;}

}
@media (max-width:930px){

	#nav_top{border-bottom: 1px solid #ddd;}
	.snb_tab{width: 100%; height: 64px; padding-left: 40px; border-bottom: 1px solid #ddd;}
	.snb_ligo{float: left; margin: 18px 5px;}
	.liner{font-size: 0.6em; color: #555;}
	.snb_ligo a{display: block;  padding: 3px; font-size: 0.85em; font-weight: 400; color: #555;}
	.x_conbox{margin-left: 330px; cursor: pointer;}

	/* 헤드 */
	.pic_box{width: 750px;}
	.bak_list{display: none;}

	.subbox_margin{margin: 0 2%;}
	.hook_line{clear: both; padding-left: 10px; text-align: center;}
	/* 메인 컨텐츠 */
	.ft_baklist{display: none;}
	.ft_maglist{margin-left: 0 !important;}
	
}

@media (max-width: 768px){
	.gnb_limenu{display: none;}
	.bugermenu{display: block; margin: 32px 8px;}
	.gnb_link{padding: 15px 0px;}
	/* 헤드 */
	.hook_top{margin-top: 40px;}
	.subpage_list tbody tr:last-child{display: none;}
	.f_content{width: 90%; height: auto; margin: 20px auto 0;}
	.subbox_margin{margin: 0 30px;}
	.subpage_list{float: none; width: 100%; /* height: 240px; */ margin-top: 15px;}
	.subbox_margin{margin-left: 0; margin-right: 0;}
	.two_btmargin{margin-bottom: 15px;}
	.hook_line{margin-top: 40px;}
	.sp-slides-container{height: 1000px;}
	.sp-mask, .sp-grab{height: 1000px !important;}
	.sp-slides{height: 1000px;}
	.sp-slide, .sp-selected{height: 1000px !important;}
	.sp-image-container{height: 1000px !important;}
	.big_fontda.big_fontda01{margin: 30px 0 0px;}
	.big_fontda{margin: 30px 0 0;}
	.plus_btn{margin-top: 10px; margin-bottom: 35px;}
	/* 메인 컨텐츠 */
	.footer_upbox{height: auto;}
	.center_li .a_listchk{padding: 8px 5px;}
	.ft_baklist{display: none;}
	.ft_maglist{margin-left: 0 !important;}
	.last_address .business_class{height: auto; margin: 0 auto;}
	.last_address .business_class .business_li{clear: both; margin: 5px 0; padding: 0;}
	.last_address {padding: 15px 20px 20px;}
	.line_guidebox2{height: auto;}
	.line_guidebox2 .jiwon_center{overflow: hidden; padding: 8px 0;}
	.line_guidebox1{height: 55px;}
	.footer_upbox .footer_bottomline{height: 55px;}
	.guide_li .a_listchk{padding: 20px 5px; font-size: 13px;}
	.tb_st01 td:first-child{word-break: break-all;}
        /***예약확인***/
        .resv_chk_box { width: 80%; }
	/* 푸터 */
	#null_area{height:0px;}
}

@media (max-width: 672px){

	#menu-container .menu-list{width: 480px;}
	.x_conbox{margin-left: 170px;}

	.gnb_limenu{display: none;}
	.bugermenu{display: block; margin: 32px 8px;}
	.gnb_link{padding: 15px 0px;}
	/* 헤드 */


	/* 메인 컨텐츠 */

	.ft_baklist{display: none;}
	.ft_maglist{margin-left: 0 !important;}
	/* 푸터 */
}

@media (max-width: 500px){
	.gnb_limenu{display: none;}
	.bugermenu{display: block; margin: 32px 8px;}
	.gnb_link{padding: 15px 0px;}
	/* 헤드 */
	.hook_top{margin-top: 30px;}
	.hook_top2{margin-top: 28px;}
	.hook_line{/* width: 70px; padding-left: 20px; */ margin-top: 30px;}
	.sub_title .sub_bigtitle { font-size: 1.5em; }
	 
	/*** 문의글 작성 ***/
	#bo_w .write_div { margin-top: 20px; }
	.sub_contents { padding: 20px 0; }
	.scret_wr { margin: -20px 0 30px 0; font-size: 14px; }
	.wr_txtarea { margin-top: 0; }
	#bo_w .write_div.btn_confirm { margin-top: 30px; }
	.write_field { flex-wrap: wrap; }
    
    /*** 예약확인 ***/
    .resv_chk_box { padding: 3%; box-shadow:none;  }
	.chk_input { height: 50px; }
	.resv_chk_btn { height: 50px; }
        .lst_chk_btn { height: 50px; line-height: 35px}
    
    /* 푸터 */
	.ft_baklist{display: none;}
	.ft_maglist{margin-left: 0 !important;}
	
}

@media (max-width: 480px){
	#menu-container .menu-list{width: 100%;}
	.snb_tab{padding-left: 30px;}
	.x_conbox{margin-left: 150px;}


	.sp-slides-container{height: 1040px;}
	.sp-mask, .sp-grab{height: 1040px !important;}
	.sp-slides{height: 1040px;}
	.sp-slide, .sp-selected{height: 1040px !important;}
	.sp-image-container{height: 1040px !important;}

	.line_guidebox1{height: auto; border-bottom: 1px solid #e7e7e7;}
}

@media (max-width: 420px){
	.snb_tab{padding-left: 10px;}
	.x_conbox{margin-left: 80px;}
	/* 헤더 */


	.subbox_margin{margin-left: 0; margin-right: 0;}
	/* 메인 컨텐츠 */

	/* 푸터 */
}

@media (max-width: 380px){
	.snb_tab{padding-left: 10px;}
	.x_conbox{margin-left: 80px;}
	#bo_w { box-shadow: none; padding: 0% 3%; }



	.subbox_margin{margin-left: 0; margin-right: 0;}
	/* 메인 컨텐츠 */

	/* 푸터 */
}

@media (max-width: 350px){
	.x_conbox{margin-left: 30px;}
}
/*------------------------------------------------------------- //반응형 헤더/푸터 메인 페이지 css -------------------------------------------------------------*/

/*-------------------------------------------------------------  반응형 페이지 css -------------------------------------------------------------*/
@media (max-width: 1280px){

	.oper_box{width: 100%;padding: 0 20px;}
	.history_box{width: 100%; padding: 0 20px;}
	.mid_mlja{/* margin: 0 32px; */}
	.his_ul .his_li .center_moa{padding: 20px 10px;}
	.day_bb{margin: 0 15px;}
}
@media (max-width: 1024px){
	.his_ul .his_li{width: 50%; margin: 0 0 40px;}
	.mid_mlja{margin: 0;}
}
@media (max-width: 930px){
	.my_tab{display: none;}
}
@media (max-width: 768px){
	.respon_li1{display: none;}
	.respon_li2{display: block;}
	.terms_titlebox{padding-top: 60px; padding-bottom: 40px; font-size: 26px;}
	.terms_titlebox:before{width: 84px; height: 84px; top: 20%;}
	.terms_titlebox:after{width: 98px; top: 55%;}
	.history_box .his_ul{margin: 0;}
	.his_ul .his_li{width: 100%; margin: 0 0 20px; padding: 0; height: auto;}
	.his_ul .his_li .center_moa{padding: 10px 10px 40px;}
	.mid_mlja{margin: 0;}
	.ey_money{width: 100%; display: block; overflow-x: auto;}

	.pg_ul .pg_li{width: 35px;}
	.arrow_cc{height: 35px;}
	.num_a{padding: 8px; height: 35px;}
	.margin_li{margin: 0 1px !important;}
	.pg_ul .pg_li{margin: 0 3px;}

}
@media (max-width: 480px){
	.respon_li1{display: none;}
	.respon_li2{display: none;}
	.respon_li3{display: block;}
	.title_wd2{width: 100%;}

	.terms_titlebox:before{width: 64px; height: 64px; top: 30%; left: 95%;}
	.terms_titlebox:after{width: 35px; left: calc(100% + 10px); left: -webkit-calc(100% + 10px); left: -moz-calc(100% + 10px);}
}
@media (max-width: 320px){
	.respon_li1{display: none;}
	.respon_li2{display: none;}
	.respon_li3{display: block;}

	.his_ul .his_li .center_moa{padding: 10px 5px 30px;}
	/* .day_num{font-size: 0.9em;}
	.day_txt{font-size: 0.7em;} */

	.his_ul .his_li{width: 100%; margin: 0 0 20px;}
	.mid_mlja{margin: 0;}

    /* 예약확인 */
    .resv_chk_box { width: 90%; margin: 50px auto; }
    .resv_chk_box .box_head h3 { font-size: 22px; }
    .resv_chk_box .box_head p { font-size: 14px; }
    .resv_chk_box .resv_chk { margin-top: 50px; }
}
/*------------------------------------------------------------- // 반응형 페이지 css -------------------------------------------------------------*/

/*-------------------------------------------------------------  반응형 페이지 css -------------------------------------------------------------*/
@media (max-width: 1280px){
	.car_box{width: 90%;}
/*	.car_td .carimg_mg{width: 90%; margin: 0;}*/
}
@media (max-width: 1024px){

}
@media (max-width: 768px){

}
@media (max-width: 400px){

}
@media (max-width: 320px){
	.car_box{display: none;}
	.car_box2{display: block; width: 90%; margin: 0 auto;}

	.car_ul{width: 100%; height: 470px; margin-bottom: 20px; border: 1px solid #E32424;}
	.car_ul2{width: 100%; height: 300px; margin-bottom: 20px; border: 1px solid #E32424;}
	.car_li{width: 100%; height: 50px; border-bottom: 1px solid #fff; background: #E32424;}
	.car_liend{border-bottom: none !important;}
	.sarang_txt{text-align: center; padding: 10px;  font-size: 1em; font-weight: 300; color: #fff;}

	.car_liimg{width: 100%; height: 170px; margin: 10px 0; border-bottom: 1px solid #ddd;}
	.car_sstxt{font-size: 1em; font-weight: 300; text-align: center; color: #555;}
	.car_2ul{width: 100%; height: 120px; margin-top: 15px;}
	.car_2img{float: left; width: 50%; height: 100%; padding: 0 10px; box-sizing: border-box;}
	.car_2img img{width: 100%; height: 100%; }
	.car_3img{width: 100%; height: 100%; padding: 0 10px; box-sizing: border-box;}
	.car_3img img{width: 100%;}

}
/*------------------------------------------------------------- // 반응형 페이지 css -------------------------------------------------------------*/

/*-------------------------------------------------------------  반응형 페이지 css -------------------------------------------------------------*/
@media (max-width: 1280px){
	.info_hdbox{width: 90%;}
	/* 이용안내 공통 큰 박스 */

	.eybang_info .eybang_ul{height: 550px;}
	/* 이용방법 */
	.baecha_box{height: 880px;}
	.baecha_box .bc_ul{width: 815px; margin: 0 auto;}
	.bd_mid{margin-left: 0; margin-right: 0;}

	.app_callbox{height: 1200px;}
	.app_callbox .app_ul{width: 600px; margin: 0 auto;}
	.app_mid{margin-right: 0;}

	.web_callbox{height: 2350px;}
	.web_callbox .web_ul{width: 625px; margin: 0 auto;}
	.web_mid{margin-left: 0;}
	/* 접수방법 */
}
@media (max-width: 1024px){

}
@media (max-width: 900px){
	.baecha_box .bc_ul{width: 700px; margin: 0 auto;}
	.bc_li{width: 50%;}
	.bc_li img{width: 100%;}
}
@media (max-width: 850px){
	.eybang_info .eybang_ul{height: 800px;}
}
@media (max-width: 768px){
	/* 이용대상 및 서류접수 */

	/* 이용방법 */
	.info2_tbl{width: 100%; height: auto;}
	.jubsu_tbl{width: 100%;}
	.baecha_box{height: 680px;}
	.baecha_box .bc_ul{width: 520px;}

	.app_callbox{height: 1050px;}
	.app_callbox .app_ul{width: 520px;}
	.app_li{width: 50%;}
	.app_li img{width: 100%;}

	.web_callbox{height: 1950px;}
	.web_callbox .web_ul{width: 520px;}
	.web_li{width: 100%;}
	.web_li img{width: 100%;}
	/* 접수방법 */
}
@media (max-width: 550px){
	.info_tbl{float: none; clear: both; width: 100%;}
	.info_tblbox{height: auto;}
	.tbl_allbox{height: auto;}
	.lesion_tbl{border-bottom: none; border-right: none;}
	/* 이용대상 및 서류접수 */

	.eybang_info .eybang_ul{width: 240px; height: 1330px; margin: 0 auto;}
	.eybang_li{float: none; clear: both; margin-right: 0; margin-bottom: 10px;}
	.info2_tbl{width: 100%; height: auto;}
	.eyong_tbl2{width: 100%; height: 100%;}
	.eyong_tbl{width: 100%; height: 100%;}
	/* 이용방법 */

	.baecha_box{height: 470px;}
	.baecha_box .bc_ul{width: 400px;}
	.app_callbox{height: 800px;}
	.app_callbox .app_ul{width: 400px;}
	.web_callbox{height: 1550px;}
	.web_callbox .web_ul{width: 400px;}
	/* 접수방법 */
}
@media (max-width: 400px){
	.title_wd3{width: 100%;}
	/* 이용대상 및 서류접수 */

	/* 이용방법 */
	.baecha_box{height: 370px;}
	.baecha_box .bc_ul{width: 300px;}
	.app_callbox{height: 620px;}
	.app_callbox .app_ul{width: 300px;}
	.web_callbox{height: 1200px;}
	.web_callbox .web_ul{width: 300px;}
	/* 접수방법 */
}
@media (max-width: 320px){
	/* 이용대상 및 서류접수 */

	.sub_infotxt{margin-left: 10px;}
	/* 이용방법 */
	.baecha_box{height: 370px;}
	.baecha_box .bc_ul{width: 280px;}
	.app_callbox{height: 620px;}
	.app_callbox .app_ul{width: 280px;}
	.web_callbox{height: 1200px;}
	.web_callbox .web_ul{width: 280px;}
	/* 접수방법 */
}
/*------------------------------------------------------------- // 반응형 페이지 css -------------------------------------------------------------*/

/*-------------------------------------------------------------  반응형 페이지 css -------------------------------------------------------------*/
@media (max-width: 1280px){
	.rece_box{width: 90%;}
	.ju_mbboxx{width: 75.5%;}
	
	.my_reception{width: 90%;}
	
}
@media (max-width: 1150px){
	.ju_mbboxx{width: 74%;}
	
	
}
@media (max-width: 1024px){
	
	.tbl_wrap{overflow-x: auto;}
	.look_reception{min-width: 1280px;}
	.rece_box .rcp_ulbox{width: calc(50% - 10px); width: -webkit-calc(50% - 10px); width: -moz-calc(50% - 10px);}
	
}
@media (max-width: 768px){
	.rece_box{height: auto;}
	.rece_box .rcp_ulbox{float: none; clear: both; width: 100%; height: auto;}
	.rece_box .mid_boxda{display: none;}
	.rece_box .rcp_ulbox.rcp_ulbox_r.rcp_ulbox_rr{margin-top: 0;}
	
	
}
@media (max-width: 400px){
	
	.title_wd4{width: 100%;}
	.paging_box{}
	.pg_ul .pg_li{}
	
}
@media (max-width: 320px){
	.ju_mbboxx{width: 73%;}
	.addr_sch_wr li{padding-left: 5px;}
	
	.pg_ul .pg_li{}
	/* .num_a{padding: 14px 0;} */
	
}
/*------------------------------------------------------------- // 반응형 페이지 css -------------------------------------------------------------*/

/*-------------------------------------------------------------  반응형 페이지 css -------------------------------------------------------------*/
@media (max-width: 1024px){
	.not_lastth1{display: none;}
	.not_lasttd1{display: none;}
	.not_endline{border-right: none;}
}
@media (max-width: 930px){
	.adm_tagbox{top: 20px;}
}
@media (max-width: 768px){

	.look_notice thead{display: none;}
	.not_td{/*display: block; width: 100%;*/ text-align: left; padding: 3px 0;}
	.not_td.td_num2{display: none;}
	.not_td.td_subject{display: block; width: 100%; padding: 5px 0 8px !important;}
	.not_td.td_name {display: inline-block; width: 48%; float: left;}
	.not_td.td_datetime {display: inline-block; width: 48%; float: right; text-align: right; padding-right: 3px;}
	.not_td.not_lasttd1{display: none;}
	.look_notice tbody tr{padding: 15px 10px; display: block; overflow: hidden;}
	.bo_fx .adm_btda{width: 80px;}
	.write_ntbtn{width: 80px;}
	.bo_fx{margin-top: 20px;}

}
@media (max-width: 400px){

}
@media (max-width: 320px){

}
/*------------------------------------------------------------- // 반응형 페이지 css -------------------------------------------------------------*/
/*-------------------------------------------------------------  뷰 반응형 페이지 css -------------------------------------------------------------*/
@media (max-width: 1280px){
	#captcha_audio{display: none;}
	.view_pdx{padding-left: 10px; padding-right: 10px;}
	.view_rightline{padding-right: 20px;}
}
@media (max-width: 1024px){
	.vw_gongul{top: unset; bottom: -30px;}
	.captcha_box, .view_input{width: 200px;}
	.not_td.td_subject .bo_tit {width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.not_td.td_subject .bo_tit a{width: 100%;}
	/* .look_notice{display: block;}
	.not_td{width: 100px; display: inline-block;}
	.not_td.td_num2{width: 50px;}
	.not_td.td_chk{width: 50px;} */
}
@media (max-width: 768px){
	.my_tab2{display: none;}
	.bo_vc_w{padding: 0;}
	.bo_vcbox{height: auto;}
	.bo_vcli{width: calc(33.33% - 5px); width: -webkit-calc(33.33% - 5px); width: -moz-calc(33.33% - 5px);}
	.bo_vcli.btn_rightgo{width: 100%; display: block; margin-top: 8px; margin-bottom: 8px;}
	.bo_vcli.btn_rightgo .view_gobtn{width: 100%; }
	.captcha_box, .view_input{width: 100%;}
	.vw_gongul{bottom: -30px; top: unset;}
	#bo_vc_empty{padding: 40px 20px;}
	.text_leftgo{width: 100%; display: block;}
	.view_pdx{ display: inline-block; width: calc(50% - 2px); width: -webkit-calc(50% - 2px); width: -moz-calc(50% - 2px); margin-top: -20px; }
	.view_notth{border-bottom: none; padding: 0 10px; height: 60px; line-height: 60px; }
	.file_ul{border-top: 1px solid #ddd; border-bottom: none;}
	.view_rightline{text-align: left; border-right: none;}
	.not_looktbl thead{border-bottom: 1px solid #333;}
	.look_notice{display: block;}
	.look_notice tbody{width: 100%; display: block;}
	.view_btn{width: 60px;}

}
@media (max-width: 650px){

	.daet_title{margin: 0 0 10px;}
	.bo_vcli{width: 100%;}
	.bovc_txt{margin-top: 10px; margin-bottom: 5px;}
	.last_chkview.last_midda{width: 90px;}
	.last_chkview.last_midda a{margin-left: 0;}
	.last_chkview{width: 60px;}
	.last_chkview a{padding: 0; margin-left: -10px;}
	.last_chkview a i{display: none;}
	#bo_v_info{margin: 20px 0 80px;}

	.bt_infotxt_ta{overflow-x: auto;}
	.pri_table{width: 700px;}

}
@media (max-width: 400px){
	.bo_vcli{float: none; clear: both;}
	#captcha_img{float: none; clear: both; margin-left: 0;}

	.view_notth{padding: 13px 5px 5px;}
	.view_pdx{padding: 0 5px 13px;}
	.file_ul{padding: 3px 5px;}
	.file_ul li{padding: 5px !important;}
	.bonmoon_txt{padding: 10px 5px;}
	.comment_textbox{padding: 10px 5px;}
}
/*------------------------------------------------------------- // 뷰 반응형 페이지 css -------------------------------------------------------------*/

/*-------------------------------------------------------------  글쓰기 반응형 페이지 css -------------------------------------------------------------*/
@media (max-width: 1280px){
	.bo_wtboxda{width: 90%;}
}
@media (max-width: 800px){
	#bo_w .bo_w_tit #btn_autosave{top: -45px;}
}
/*------------------------------------------------------------- // 글쓰기 반응형 페이지 css -------------------------------------------------------------*/


@media (max-width: 1280px){	.same_mbbox{width: 60%;}	.location_midbox{width: 90%;}}
@media (max-width: 1024px){	.same_mbbox{width: 50%;}	/* .jb_btn{width: 45%;} */	.filebox label{width: 110px;}	.jb_btn{width: 110px;}
    .same_mbbox6{width: calc(100% - 120px); width: -webkit-calc(100% - 120px); width: -moz-calc(100% - 120px);}
    .loca_ul .loca_li{width: 45%;}	.src_box .src_tt{width: 25%;}	.src_box .src_tt2{width: 24%;}	.src_box .src_tt3{width: 9%;}	.src_look{padding-left: 10px;}	.src_box .src_tt2:last-child{width: 100%; margin: 10px 0;}    .main_top_txt01 b{display: block;}
}
@media (max-width: 900px){
	.member_ingbox #register_form{height: auto;}	.customer_box{float: none; width: 100%; clear: both; padding-right: 0;}	.midde_boxing{display: none;}
	.customer_boxright{float: none; width: 100%; clear: both; padding-left: 0;}	.same_mbbox{width: 427px;}	/* .jb_btn{width: 171px;} */
	.phone_box{height: 200px;}	.phone_ul{float: none; clear: both; width: 100%;}	.injeung_box{float: none; clear: both;}
}
@media (max-width: 767px){
    .loc_search{height: 270px;}	.src_box .src_tt{width: 80%;}	.src_box .src_tt3{width: 19%; margin: 0 0 0 1%;}	.src_box .src_tt3.src_tt3_fin{width: 100%; margin: 8px 0 0 0;}
    .src_box .src_tt.src_tt_fin{width: 100%;}	.src_box .src_tt2{width: 100%; margin: 8px 0;}	.loca_ul .loca_li{width: 100%; margin-right: 0; margin-bottom: 15px;}

    /*메인*/
    .main_contents{}
    .main_contents > li.main_link_box{display: block; width: 100%;}
    .main_contents > li.main_adv_box{margin-top: 30px;width:320px;}
    .main_contents > li.main_bord_box{display: inline-block; width: 50%;}
    .main_board_inner{min-height: 315px;}

}
@media (max-width: 694px){
    /*메인*/
    #main{padding-top: 50px;}    .main_top_txt01{font-size: 30px;}    .main_top_txt02{font-size: 20px;}
    .main_sec02{margin-top: 50px;}    .main_contents > li.main_link_box,    .main_contents > li.main_adv_box,    .main_contents > li.main_bord_box{display: block; width: 100%;}
    .main_contents > li.main_adv_box,    .main_contents > li.main_bord_box{margin-top: 20px;}
    .main_link{padding: 0 25px;}    .main_link02{margin-top: 10px;}    .main_link_icon{width: 45px;}
    .main_link_txt01{font-size: 20px;}    .main_link_txt02{font-size: 14px;}	.main_link_txt03{font-size: 18px;}	.main_link_txt04{font-size: 18px;}
    .main_board_inner{padding: 30px 25px 0;}    .main_board_tit span{font-size: 20px;}
}
@media (max-width: 530px){
	.phone_box{height: 250px;}	.phone_ul{height: 110px;}	.filebox label{width: 90px;}	.jb_btn{width: 90px;}
	.same_mbbox6{width: calc(100% - 100px); width: -webkit-calc(100% - 100px); width: -moz-calc(100% - 100px);}	.customer_write .dd_nanugi .nanugi_li{width: 100%;}
	.same_mbbox55{width: 100%;}
}

@media (max-width: 400px){
	.same_mbbox{width: 196px;}	.same_mbbox3{width: 100%;}	.same_mbbox5{width: 170px;}	.phone_ul{height: 140px;}	.title_wd6{width: 100%;}
}
@media (max-width: 380px){
}
@media (max-width: 320px){
	.same_mbbox{width: 176px;}
}



ul.ul1{float:left;padding:0px;margin:0px;clear:both;width:100%;}
li.li1{float:left;padding:0px;margin:0px;display:none;margin:10px 0px;}
li.li0{float:left;padding:0px;margin:0px;display:block;}
.bar1{display:none}
@media (max-width: 1280px){
	ul.ul1{float:left;padding:0px;margin:0px;clear:both;width:100%;}
	li.li1{float:left;padding:0px;margin:0px;display:none}
	li.li0{float:left;padding:0px;margin:0px;display:block}
}
@media (max-width: 720px){
	.li1.bar1{display:none}
	li.li0{float:left;padding:0px;margin:0px;display:none}
	li.li1{float:left;padding:0px;margin:0px;display:block;margin:10px 0px;}
.pick_all{height:2000px;}
}

@media (max-width: 320px){
	.li1.bar1{display:none}
	li.li0{float:left;padding:0px;margin:0px;display:none}
}


.sound_only{display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
.sound_only2{display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
.new_icon{display:none}

.pg_wrap {clear:both;display:block;margin: 25px auto 100px;text-align: center;}
@media(max-width:768px){
	.pg_wrap{margin:20px auto 50px;}
}
.pg {text-align:center; display: flex; justify-content:center; align-items:center;}
.pg_page, .pg_current {display:inline-block; width: 40px; height:40px; line-height:40px; text-align: center; border:1px solid #ccc; margin: 0 3px; font-size:14px;}
@media(max-width:768px){
	.pg_page, .pg_current {width: 30px; height:30px; line-height:30px;}
}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#959595;  text-decoration:none;}
.pg_page:hover {background-color:#fafafa}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #fafafa;padding:0;border:1px solid #ccc}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #fafafa;padding:0;border:1px solid #ccc}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #fafafa;padding:0;border:1px solid #ccc}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #fafafa;padding:0;border:1px solid #ccc}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa}

.pg_current {display:inline-block;background:#E32424;border:1px solid #E32424;color:#fff;font-weight:500;}