@charset "UTF-8";

body { position:relative; font-size:16px; line-height:26px; color:#333333;font-family:'s-core_dream','NanumG','Malgun Gothic','맑은 고딕',Dotum,'돋움',Helvetica,sans-serif; letter-spacing:0;}
a:link { color:#333333;text-decoration:none;}
a:visited { color:#333333;text-decoration:none;}
a:hover { color:#333333;text-decoration:underline;}
a:active { color:#333333;text-decoration:underline;}
a span { cursor:pointer;}
button { cursor:pointer;}
input[type="submit"] { cursor:pointer;}

/* 본문바로가기  */
.accessibility  { overflow:hidden;position:relative;z-index:1000;width:100%;}
.accessibility a { display:block;overflow:hidden;height:1px;width:1px;margin:0 -1px -1px 0;font-size:0;line-height:0;text-align:center}
.accessibility a:focus, #accessibility a:hover, #accessibility a:active  { width:auto;height:20px;margin:0;padding:8px 0 0 15px;background:#20262c;font-size:12px;font-weight:700;line-height:1;color:#fff;}

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box;}
.slick-list { position: relative;display: block; overflow:hidden; margin: 0;padding: 0;}
.slick-list:focus { outline: none;}
.slick-list.dragging { cursor:pointer;}
.slick-track {  position: relative; top: 0;left: 0;display: block;}
.slick-track:before,.slick-track:after { display: table;content: '';}
.slick-track:after { clear: both;}
.slick-loading .slick-track { visibility: hidden;}
.slick-slide { display: none;float: left;height: 100%;min-height:1px;}
[dir='rtl'] .slick-slide { float: right;}
.slick-slide img { display: block; width:100%;}
.slick-slide.slick-loading img { display: none;}
.slick-initialized .slick-slide { display: block;}
.slick-loading .slick-slide { visibility: hidden;}
.slick-vertical .slick-slide { display: block;height: auto;border: 1px solid transparent;}

.slick-dots
{
    position: absolute;
    bottom: 30px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;
    text-align: center;
}

.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 12px;
    height: 26px;
    margin: 0 6px;
    padding: 0;

    cursor: pointer;
    vertical-align: middle;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;
    display: inline-block;
    width: 12px;
    height: 12px;
    cursor: pointer;
    color: transparent;
    border: 0;
    background: transparent;
    vertical-align: middle;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';

    position: absolute;
    top: 7px;
    left: 0;

    width: 12px;
    height: 12px;

    content: '';
    text-align: center;
    background-color: #fff;
    border-radius: 50%;
    opacity: 0.4;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media all and (max-width:1199px){
    .slick-dots li { width: 8px; height: 22px;}
    .slick-dots li button:before { font-size: 32px;}
}

.slick-dots li.slick-active button:before
{
    opacity: 1;
}

/* 메뉴공통css */

/* 메뉴 */
.menu_button, .menu_button:before, .menu_button:after, .menu_show, .menu_show:before, .menu_show:after, .menu_hide, .menu_hide:before, .menu_hide:after, .menu, .menu:before, .menu:after, .menu .depth, .menu .depth:before, .menu .depth:after, .menu .depth_list, .menu .depth_list:before, .menu .depth_list:after, .menu .depth_item, .menu .depth_item:before, .menu .depth_item:after, .menu .depth_text, .menu .depth_text:before, .menu .depth_text:after, .menu .depth_title, .menu .depth_title:before, .menu .depth_title:after  { background-repeat:no-repeat; background-position:center; vertical-align:middle; transition:all 0.25s linear;}
.menu_button, .menu_button:before, .menu_button:after, .menu_show, .menu_show:before, .menu_show:after, .menu_hide, .menu_hide:before, .menu_hide:after, .menu, .menu:before, .menu:after, .menu .depth:before, .menu .depth:after, .menu .depth_list:before, .menu .depth_list:after, .menu .depth_item:before, .menu .depth_item:after, .menu .depth_text:before, .menu .depth_text:after, .menu .depth_title:before, .menu .depth_title:after  { font-size:0; line-height:0px;}
.menu_show, .menu_hide  { position:absolute;}
.menu, .menu_button, .menu .depth, .menu .depth_list, .menu .depth_item, .menu .depth_text  { position:relative;}
.menu_button, .menu .depth_text  { display:block;}
.menu .depth2  { visibility:hidden; opacity:0; overflow:hidden;}
.menu .depth1  { visibility:inherit; opacity:1; overflow:visible;}
.menu .depth1, .menu .depth1_list, .menu .depth1_item  { height:100%;}
.menu .depth1  { z-index:30; margin-right:auto; margin-left:auto;}
.menu .depth_list  { z-index:10;}

/* 상, 하단 배경 */
.menu.before:before, .menu.after:after  { display:block; position:absolute; right:0; left:0; width:100%; margin-right:auto; margin-left:auto;}
.menu.before:before  { top:0; z-index:10;}
.menu.after:after  { bottom:0; z-index:20;}

/* 제목상자 */
.menu .depth_title  { overflow:hidden; position:absolute; bottom:0; left:0; z-index:20; height:100%;}

/* 옵션 */
.menu .depth1.clearfix .depth1_list  { float:right;}
.menu .depth_list.clearfix > .depth_item  { float:left;}
.menu .depth_list.cut > .depth_item  { display:inline-block; vertical-align:top;}
.menu .depth_title.right  { right:0; left:auto;}

/* 풀다운 */
.menu.pulldown .depth2  { position:absolute; bottom:0; left:0; width:100%;}

/* 이치다운 */
.menu.eachdown .depth1_item  { position:static;}
.menu.eachdown .depth2  { position:absolute; bottom:0; left:0; width:100%;}

#wrapper { position:relative; min-width:1360px; overflow:hidden;}
.body_wrap { position:relative; width:1360px ;margin:0 auto;}
.skip { display:block; overflow:hidden;}
.blind { display:block;width:1px;height:1px;overflow:hidden;position:absolute;top:0;left:-1000em;}

/* menu */
[data-menu-type='1'] {transition-property:height;}
[data-menu-type='1'][data-menu-top-background]:before {background-color:#2b52a7;}
[data-menu-type='1'][data-menu-bottom-background]:after {background-color:#fff;}

/* 공통 */
[data-menu-type='1'] [data-menu-text] { font-size:16px; line-height:18px; letter-spacing: -1px;}
[data-menu-type='1'] [data-menu-text][target='_blank']:after{position:absolute; width:0; height:0;}

@media all and (max-width:1360px) {
    [data-menu-type='1'] [data-menu-text] { font-size:15px;}
}
@media all and (max-width:1000px) {
    [data-menu-type='1'] [data-menu-text] { font-size:16px;}
}

/* 제목상자 */
[data-menu-type='1'] div[data-menu-title] {width:284px;}
[data-menu-type='1'] div[data-menu-title='2'] {transition-property:visibility, opacity;}
[data-menu-type='1'] div[data-menu-title] p {color:#fff; font-size:15px; line-height:17px; text-align:center;}

/* 제목상자 활성화 */
[data-menu-type='1'] div[data-menu-depth='1'].clearfix ul[data-menu-list='1'] > li.active div[data-menu-title='2'] {visibility:visible; opacity:1;}

/* 1차메뉴 */
[data-menu-type='1'] div[data-menu-depth='1'].clearfix ul[data-menu-list='1'] {width:900px;}
[data-menu-type='1'] ul[data-menu-list='1'] > li {width:20%;}
[data-menu-type='1'] [data-menu-text='1'] {padding:11px 5px; color:#fff; text-align:center;}

/* 2차메뉴 */
[data-menu-type='1'] div[data-menu-depth='2'] {transition-property:visibility, background-color;}
[data-menu-type='1'] ul[data-menu-list='2'] {}
[data-menu-type='1'] ul[data-menu-list='2'] > li {margin:10px 8px 10px 10px;}
[data-menu-type='1'] [data-menu-text='2'] {color:#606060;}

/* 2차메뉴 활성화 */
.menu_active [data-menu-type='1'] .depth1_item.active div[data-menu-depth='2'] {visibility:visible;}

/* 3차메뉴 */
[data-menu-type='1'] div[data-menu-depth='3'] {display:none;}

/* 메뉴높이 */
[data-menu-type='1'] {height:77px;}
[data-menu-type='1'][data-menu-bottom-background]:after, [data-menu-type='1'] div[data-menu-title]{top:40px;}
[data-menu-type='1'][data-menu-bottom-background]:after, [data-menu-type='1'] div[data-menu-title]{height:calc(100% - 77px);}

/* 중앙정렬 넓이 */
[data-menu-type='1'] div[data-menu-depth='1'], [data-menu-type='1'][data-menu-top-background]:before, [data-menu-type='1'][data-menu-bottom-background]:after {width:1360px;}
[data-menu-type='1'][data-menu-top-background='full']:before, [data-menu-type='1'][data-menu-bottom-background='full']:after {width:100%;}

/* 공통 */
div[data-menu-open]:before, div[data-menu-open]:after, div[data-menu-open] button[data-menu-button]:before, div[data-menu-open] button[data-menu-button]:after, [data-menu-type]:before, [data-menu-type]:after, [data-menu-type] div[data-menu-depth]:before, [data-menu-type] div[data-menu-depth]:after, [data-menu-type] ul[data-menu-list]:before, [data-menu-type] ul[data-menu-list]:after, [data-menu-type] ul[data-menu-list] > li:before, [data-menu-type] ul[data-menu-list] > li:after, [data-menu-type] [data-menu-text]:before, [data-menu-type] [data-menu-text]:after, [data-menu-type] div[data-menu-title]:before, [data-menu-type] div[data-menu-title]:after, div[data-menu-close]:before, div[data-menu-close]:after,div[data-menu-close] button[data-menu-button]:before, div[data-menu-close] button[data-menu-button]:after {background-repeat:no-repeat; background-position:center; font-size:0; line-height:0px; vertical-align:middle;}
div[data-menu-open], div[data-menu-close] {visibility:hidden; position:absolute;}
div[data-menu-open] button[data-menu-button], div[data-menu-close] button[data-menu-button] {display:inline-block; position:relative; font-size:0;}
[data-menu-type], div[data-menu-open], div[data-menu-close] {line-height:0px; font-size:0;}
[data-menu-type] {position:relative;}
[data-menu-type][data-menu-top-background]:before, [data-menu-type][data-menu-bottom-background]:after {display:block; position:absolute; right:0; left:0; margin-right:auto; margin-left:auto;}
[data-menu-type][data-menu-top-background]:before {top:0; z-index:10;}
[data-menu-type][data-menu-bottom-background]:after {z-index:20;}
[data-menu-type] div[data-menu-title] {position:relative; z-index:20;}
[data-menu-type] div[data-menu-title='1'], [data-menu-type] div[data-menu-title='2'] {overflow:hidden; position:absolute; left:0;}
[data-menu-type] div[data-menu-title='2'] {visibility:hidden; opacity:0; top:0; height:100%;}
[data-menu-type] div[data-menu-depth] {visibility:hidden; overflow:hidden; position:relative;}
[data-menu-type] div[data-menu-depth='1'] {visibility:inherit; overflow:visible; z-index:30; height:100%; margin-right:auto; margin-left:auto;}
[data-menu-type] div[data-menu-depth='1'].clearfix div[data-menu-depth='2'] {position:absolute; white-space: nowrap; width:calc( 100vw - 65px); margin-left: -65px; z-index: 10;}
[data-menu-type] div[data-menu-depth='1'].clearfix ul[data-menu-list='1'] li:nth-child(1) div { width: calc(100vw - 400px); margin-left: -450px; z-index: 10;}
[data-menu-type] div[data-menu-depth='1'].clearfix ul[data-menu-list='1'] li:nth-child(2) div { width: calc(100vw - 200px); margin-left: -200px; z-index: 10;}
[data-menu-type] div[data-menu-depth='1'].clearfix ul[data-menu-list='1'] li:nth-child(3) div { width: calc(100vw - 250px); margin-left: -250px; z-index: 10;}

@media all and (max-width:1360px) {
    [data-menu-type] div[data-menu-depth='1'].clearfix ul[data-menu-list='1'] li:nth-child(1) div { width: 100vw; margin-left: -295px; z-index: 10;}
}

[data-menu-type] ul[data-menu-list] {position:relative;}
[data-menu-type] div[data-menu-depth='1'].clearfix ul[data-menu-list='1'] {position:static;}
[data-menu-type] div[data-menu-title] + ul[data-menu-list] {z-index:10;}
[data-menu-type] ul[data-menu-list='1'] {height:100%;}
[data-menu-type] div[data-menu-depth='1'].clearfix ul[data-menu-list='1'] {float:right;}
[data-menu-type] ul[data-menu-list] > li {position:relative; float: left;}
[data-menu-type] ul[data-menu-list].clearfix > li {float:left;}
[data-menu-type] ul[data-menu-list='1'] > li {height:100%;}
[data-menu-type] div[data-menu-depth='1'].clearfix ul[data-menu-list='1'] > li {position:static;}
[data-menu-type] ul[data-menu-list] > li.has > [data-menu-text]:before, [data-menu-type] [data-menu-text][target='_blank']:after {display:inline-block; width:0; height:0;}
[data-menu-type] ul[data-menu-list] > li.has > [data-menu-text]:before {content:'하위메뉴가 존재하는';}
[data-menu-type] ul[data-menu-list] > li.cut {overflow:hidden; width:100%; height:0;}
[data-menu-type] [data-menu-text] {display:block; position:relative; vertical-align:middle;}
[data-menu-type] [data-menu-text][target='_blank']:after {content:'새창';}

/* 풀다운2 */
[data-menu-type='2'] ul[data-menu-list='1'] > li {position:static;}
[data-menu-type='2'] div[data-menu-title='2'] {visibility:inherit; opacity:1;}
[data-menu-type='2'] div[data-menu-depth='2'], [data-menu-type='2'] div[data-menu-depth='1'].clearfix div[data-menu-depth='2'] {position:absolute;}
[data-menu-type='2'] div[data-menu-depth='2'] {opacity:0; left:0; width:100%;}

/* 드롭다운1 */
[data-menu-type='3'] div[data-menu-depth='1'].clearfix ul[data-menu-list='1'] {position:relative;}
[data-menu-type='3'] div[data-menu-depth='1'].clearfix ul[data-menu-list='1'] > li {position:relative;}
[data-menu-type='3'] div[data-menu-depth='2'] {opacity:0; position:absolute; top:100%; left:0; width:100%; transform-origin:center top; transform:scaleY(0);}

/* 드롭다운2 */
[data-menu-type='4'] div[data-menu-depth='1'] {z-index:auto; height:auto; margin-right:0; margin-left:0;}
[data-menu-type='4'] div[data-menu-depth='2'] {position:relative; left:auto; width:auto;}
[data-menu-type='4'] ul[data-menu-list='1'] {height:auto;}
[data-menu-type='4'] div[data-menu-depth='1'].clearfix ul[data-menu-list='1'] {position:relative;}
[data-menu-type='4'] ul[data-menu-list='1'] > li {height:auto;}
[data-menu-type='4'] div[data-menu-depth='1'].clearfix ul[data-menu-list='1'] > li {position:relative;}

/* 드롭다운3 */
[data-menu-type='5'] {height:100%;}
[data-menu-type='5'][data-menu-top-background]:before, [data-menu-type='5'][data-menu-bottom-background]:after {right:auto; height:100%; z-index:-1; margin-right:0; margin-left:0;}
[data-menu-type='5'][data-menu-bottom-background]:after {top:0;}
[data-menu-type='5'] div[data-menu-depth='1'] {position:static; height:auto; z-index:auto; margin-right:0; margin-left:0;}
[data-menu-type='5'] ul[data-menu-list='1'] {position:static; height:auto;}
[data-menu-type='5'] ul[data-menu-list='1'] > li {position:static; height:auto;}
[data-menu-type='5'] div[data-menu-depth='2'] {opacity:0; position:absolute; top:0; height:100%; transform-origin:left top; transform:scaleX(0);}


@media all and (max-width:435px) {
    [data-menu-type] div[data-menu-depth='1'].clearfix ul[data-menu-list='1'] li:last-child div { width: auto; left: auto;}
}

/* 풀다운2 */
[data-menu-type='2'] ul[data-menu-list='1'] > li {position:static;}
[data-menu-type='2'] div[data-menu-title='2'] {visibility:inherit; opacity:1;}
[data-menu-type='2'] div[data-menu-depth='2'], [data-menu-type='2'] div[data-menu-depth='1'].clearfix div[data-menu-depth='2'] {position:absolute;}
[data-menu-type='2'] div[data-menu-depth='2'] {opacity:0; left:0; width:100%;}

/* 드롭다운1 */
[data-menu-type='3'] div[data-menu-depth='1'].clearfix ul[data-menu-list='1'] {position:relative;}
[data-menu-type='3'] div[data-menu-depth='1'].clearfix ul[data-menu-list='1'] > li {position:relative;}
[data-menu-type='3'] div[data-menu-depth='2'] {opacity:0; position:absolute; top:100%; left:0; width:100%; transform-origin:center top; transform:scaleY(0);}

/* 드롭다운2 */
[data-menu-type='4'] div[data-menu-depth='1'] {z-index:auto; height:auto; margin-right:0; margin-left:0;}
[data-menu-type='4'] div[data-menu-depth='2'] {position:relative; left:auto; width:auto;}
[data-menu-type='4'] ul[data-menu-list='1'] {height:auto;}
[data-menu-type='4'] div[data-menu-depth='1'].clearfix ul[data-menu-list='1'] {position:relative;}
[data-menu-type='4'] ul[data-menu-list='1'] > li {height:auto;}
[data-menu-type='4'] div[data-menu-depth='1'].clearfix ul[data-menu-list='1'] > li {position:relative;}

/* 드롭다운3 */
[data-menu-type='5'] {height:100%;}
[data-menu-type='5'][data-menu-top-background]:before, [data-menu-type='5'][data-menu-bottom-background]:after {right:auto; height:100%; z-index:-1; margin-right:0; margin-left:0;}
[data-menu-type='5'][data-menu-bottom-background]:after {top:0;}
[data-menu-type='5'] div[data-menu-depth='1'] {position:static; height:auto; z-index:auto; margin-right:0; margin-left:0;}
[data-menu-type='5'] ul[data-menu-list='1'] {position:static; height:auto;}
[data-menu-type='5'] ul[data-menu-list='1'] > li {position:static; height:auto;}
[data-menu-type='5'] div[data-menu-depth='2'] {opacity:0; position:absolute; top:0; height:100%; transform-origin:left top; transform:scaleX(0);}

@media screen and (max-width:1000px) {
    /* 풀다운1 */
    div[data-menu-open] {visibility:visible;}
    [data-menu-type] div[data-menu-close] {visibility:inherit;}
    [data-menu-type] + div[data-menu-close] {position:fixed;}
    [data-menu-type] {visibility:hidden; overflow-x:hidden; overflow-y:auto; position:fixed;}
    [data-menu-type][data-menu-top-background]:before, [data-menu-type][data-menu-bottom-background]:after {display:none; position:static; right:auto; left:auto; margin-right:0; margin-left:0;}
    [data-menu-type][data-menu-top-background]:before {top:auto; z-index:auto;}
    [data-menu-type][data-menu-bottom-background]:after {z-index:auto;}
    [data-menu-type] div[data-menu-title] {display:none; position:static; z-index:auto;}
    [data-menu-type] div[data-menu-title='1'], [data-menu-type] div[data-menu-title='2'] {overflow:visible; left:auto;}
    [data-menu-type] div[data-menu-title='2'] {visibility:inherit; opacity:1; top:auto; height:auto;}
    [data-menu-type] div[data-menu-depth='1'] {z-index:auto; height:auto; margin-right:0; margin-left:0;}
    [data-menu-type] div[data-menu-depth='1'].clearfix div[data-menu-depth='2'], [data-menu-type] div[data-menu-depth='1'].clearfix ul[data-menu-list='1'] {position:relative;}
    [data-menu-type] div[data-menu-title] + ul[data-menu-list] {z-index:auto;}
    [data-menu-type] ul[data-menu-list='1'], [data-menu-type] ul[data-menu-list='1'] > li {height:auto;}
    [data-menu-type] div[data-menu-depth='1'].clearfix ul[data-menu-list='1'], [data-menu-type] ul[data-menu-list].clearfix > li {float:none;}
    [data-menu-type] div[data-menu-depth='1'].clearfix ul[data-menu-list='1'] > li {position:relative;}
    [data-menu-type] ul[data-menu-list] > li.cut {display:none; overflow:visible; width:auto; height:auto;}
    [data-menu-type] div[data-menu-depth='1'].clearfix div[data-menu-depth='2'] { width: 100%;}
    [data-menu-type] div[data-menu-depth='1'].clearfix ul[data-menu-list='1'] li:nth-child(2) div { width: auto; margin-left: 0;}
    [data-menu-type] div[data-menu-depth='1'].clearfix ul[data-menu-list='1'] li:nth-child(4) div { width: auto; margin-left: 0;}
    [data-menu-type] div[data-menu-depth='1'].clearfix ul[data-menu-list='1'] li:nth-child(5) div { width: auto; margin-left: 0;}
    [data-menu-type] div[data-menu-depth='1'].clearfix ul[data-menu-list='1'] li:nth-child(6) div { width: auto; margin-left: 0;}

    /* 풀다운2 */
    [data-menu-type='2'] div[data-menu-depth='2'], [data-menu-type='2'] div[data-menu-depth='1'].clearfix div[data-menu-depth='2'] {position:relative;}
    [data-menu-type='2'] div[data-menu-depth='2'] {opacity:1; left:auto; width:auto;}
    [data-menu-type='2'] ul[data-menu-list='1'] > li {position:relative;}

    /* 드롭다운1 */
    [data-menu-type='3'] div[data-menu-depth='2'] {opacity:1; position:relative; top:auto; left:auto; width:auto; transform-origin:center; transform:scaleY(1);}

    /* 드롭다운3 */
    [data-menu-type='5'] {height:100%;}
    [data-menu-type='5'][data-menu-top-background]:before, [data-menu-type='5'][data-menu-bottom-background]:after {height:auto; z-index:auto;}
    [data-menu-type='5'][data-menu-bottom-background]:after {top:auto;}
    [data-menu-type='5'] div[data-menu-depth='1'] {position:relative;}
    [data-menu-type='5'] ul[data-menu-list='1'] {position:relative;}
    [data-menu-type='5'] ul[data-menu-list='1'] > li {position:relative;}
    [data-menu-type='5'] div[data-menu-depth='2'] {opacity:1; position:relative; top:auto; height:auto; transform-origin:center; transform:scaleX(1);}

    /* 위에서 아래로 슬라이드 효과 */
    [data-menu-type][data-menu-effect='2'] {max-height:0;}

    /* 왼쪽에서 오른쪽으로 슬라이드 효과 */
    [data-menu-type][data-menu-effect='3'] {left:-100%;}
    [data-menu-type][data-menu-effect='3'] + div[data-menu-close] {left:-100%;}

    /* 오른쪽에서 왼쪽으로 슬라이드 효과 */
    [data-menu-type][data-menu-effect='4'] {right:-100%;}
    [data-menu-type][data-menu-effect='4'] + div[data-menu-close] {right:-100%;}

    [data-menu-type] div[data-menu-depth='1'].clearfix div[data-menu-depth='2'] { position: initial;}
    [data-menu-type] div[data-menu-depth='1'].clearfix ul[data-menu-list='1'] li:nth-child(1) div { width: 100%; margin-left: 0;}
}

/* header */
#header { position:relative; z-index:70; height: 175px;}
#header .header_box{position:relative; z-index:70; border-bottom: 1px solid #e8eaeb;}
.logo {position:absolute; left:0; top:50px; width:100%; height:125px; background-color: #fff;}
.logo_anchor { display:inline-block; position:relative; z-index:16;}
.logo a.logo_anchor { display:block; height:105px; background-repeat:no-repeat; background-position:left center; background-image:url(../images/logo.png); color:transparent; font-size:0; width: 380px;}
#header .lnbbox {position:absolute; top:0px; left:0; width:100%; padding-top:50px; z-index:3; transition-property:background-color; transition-duration:250ms; transition-timing-function:linear;}
.menu_active #header .lnbbox{background-color:#FFF;}
.header_box .menu_show { display:block; position:absolute; top:94px; right:65px; width:44px; z-index: 72;}
.header_box .menu_show .menu_button { position:relative; width:100%; height:39px; margin:0; padding:0; border:none; color:transparent; font-size:0;}
.header_box .menu_show .menu_button:before { display:block; position:absolute; top:10px; left:calc(50% - 12px); width:24px; height:19px; background-repeat:no-repeat; background-position:left top; background-image:url(../images/common_icons.png); content:'';}

@media all and (max-width:1000px) {
    #header .header_box { border-bottom: none;}
    #header .logo a.logo_anchor { background-image: url(../images/logo2.png); width: 240px;}
    .search_active #header .header_box { z-index: 2;}
    .familybox_active #header .header_box { z-index: 70; border-bottom: none;}
    .lnb_open { top: 40px; right: 50px;}
}
@media all and (max-width:1000px) {
    #header .header_box .body_wrap .logo { top: 15px;}
}

@media all and (max-width:700px) {
    #header .logo { height: 85px;}
}
.right_box { float: right;}

/* 날씨 */
.weatherbox { float: left; min-width:198px; z-index: 71; margin-right: 10px;}
.weatherbox .weather { display:block; position:relative; float:left; margin-right:13px; padding-left:26px;}
.weatherbox .weather:hover { text-decoration:none;}
.weatherbox .weather .icon { display:block; position:absolute; top:13px; left:0; width:23px; height:23px; line-height: 23px; background-repeat:no-repeat; background-image:url(../images/weather_icons.png); color:transparent; font-size:0;}
.weatherbox.weather1 .weather .icon { background-position:left center;}
.weatherbox.weather2 .weather .icon { background-position:-23px center;}
.weatherbox.weather3 .weather .icon { background-position:-46px center;}
.weatherbox.weather4 .weather .icon { background-position:-69px center;}
.weatherbox.weather5 .weather .icon { background-position:-92px center;}
.weatherbox.weather6 .weather .icon { background-position:-115px center;}
.weatherbox.weather7 .weather .icon { background-position:-138px center;}
.weatherbox.weather8 .weather .icon { background-position:-161px center;}
.weatherbox .weather .textbox { display:block; line-height:49px; white-space:nowrap; color:#333333; font-size:0; letter-spacing:0;}
.weatherbox .weather .textbox span { vertical-align:top;}
.weatherbox .weather .textbox .text { margin-right:13px; font-size:13px;}
.weatherbox .weather .textbox .temperature { font-size:15px;}
.weatherbox .dust { display:block; position:relative; float:left; padding-right:14px; white-space:nowrap; line-height:0; color:#333333; font-size:0; letter-spacing:0;}
.weatherbox .dust .text { display:inline-block; margin-right:5px; line-height:49px; vertical-align:top; font-size:13px;}
.weatherbox .dust em { display:inline-block; line-height:49px; vertical-align:top; font-size:13px; font-weight:600;}
.weatherbox .dust .icon { position:absolute; top:10px; right:3px; width:6px; height:6px; border-radius:6px; overflow:hidden; color:transparent; font-size:0;}
.weatherbox.dust1 .dust .icon { background-color:#32a1ff;}
.weatherbox.dust2 .dust .icon { background-color:#6cb741;}
.weatherbox.dust3 .dust .icon { background-color:#fd9b5a;}
.weatherbox.dust4 .dust .icon { background-color:#ff5959;}

/* gnb 링크 */
.header_box .gnb{ position:relative; z-index:70; width:100%;}
.header_box .gnb .body_wrap {text-align:center; padding-left: 0;}
.header_box .gnb .site {float:left;}
.header_box .gnb .link{ float: left; background-color: #0597a4;}
.header_box .gnb .link_item {display:inline-block; position:relative;margin-left:30px;vertical-align: top;}
.header_box .gnb .link_anchor:before {display:block; position:absolute; left:0;}
.header_box .gnb .link ul li { position:relative; float:left; margin-right:11px; padding-right:25px; padding-left: 25px;}
.header_box .gnb .link ul li:last-child { margin-right:0; background-color: #1e4697;}
.header_box .gnb .link ul > li:first-child:before { display:block; position:absolute; top:18px; right:0; width:1px; height:12px; background-color:#58a5ab; content:'';}
.header_box .gnb .link ul li:nth-child(2) { padding-left: 15px; margin-right: 0;}
.header_box .gnb .link ul li:last-child:before { display:none;}
.header_box .gnb .link ul li a { display:block; color:#fff; font-size:13px; letter-spacing:0; line-height: 49px;}

.gnb .site{display:inline-block;}
.gnb .site_item{display:inline-block; position:relative; text-align:center;}
.gnb .site_item + .site_item{margin-left:5px; padding-left:15px;}
.gnb .site_item + .site_item:before{display:block; position:absolute; top:21px; left:0; margin-top:auto; margin-bottom:auto; background-color:#e5e7ee; border: 2px solid #c9d1ac; border-radius: 25px; content: '';}
.gnb .site_anchor{display:block; font-size:14px; color:#333; line-height:49px;}
.gnb .site_item.active .site_anchor,
.gnb .site_anchor:hover{color:#1a1a1a;}

#header .lnbbox { position:absolute; top:0; left:0; z-index:2; width:100%;}
.lnbbox .floatbox { display: none;}
.lnbbox .lnb_topbox { display: none;}
#header .lnbbox .nav{height:125px;}
.menu_active #header .lnbbox .nav {min-height:125px;}
.menu_active #header .lnbbox .nav .depth1:before{opacity:1;}
#header .lnbbox .nav .depth1{overflow:hidden;}
#header .lnbbox .nav .depth1_list{position:relative; width:auto; margin-right:80px;}
#header .lnbbox .nav .depth1_list:before{position:absolute; top:125px; left:-157%; right:-150%; display:block; width:300%; height:1px; background-color:rgba(255, 255, 255, 0.3); content:''; transition:background-color 250ms linear;}
.menu_active #header .lnbbox .nav .depth1_list:before{background-color:#e8eaeb;}
#header .lnbbox .nav .depth1_list .depth1_item{width:auto; position: relative;}
#header .lnbbox .nav .depth1_list .depth1_item .depth1_text{padding:48px 0 47px 45px; color:#222; font-size:18px; letter-spacing:-0.03em;}
/*.menu_active #header .lnbbox .nav .depth1_list .depth1_item .depth1_text{color:#878894;}*/
#header .lnbbox .nav .depth1_list .depth1_item.active .depth1_text, #header .lnbbox .nav .depth1_list .depth1_item .depth1_text:hover, #header .lnbbox .nav .depth1_list .depth1_item.active .depth1_text:focus{color:#3d86e0;}
#header .lnbbox .nav .depth1_list .depth1_item .depth1_text:before{display:none;}
#header .lnbbox .nav .depth1_list .depth1_item .depth1_text span{position:relative; display:block; line-height:30px;}
/*#header .lnbbox .nav .depth1_list .depth1_item .depth1_text span:before{position:absolute; bottom:-49px; left:0; display:block; width:100%; height:3px; background-color:#3d86e0; content:''; transform:scaleX(0); transition:transform 250ms linear;} 오버시 언더바*/
#header .lnbbox .nav .depth1_list .depth1_item.active .depth1_text span:before, #header .lnbbox .nav .depth1_list .depth1_item .depth1_text:hover span:before{transform:scaleX(1);}
#header .lnbbox .nav .depth1_list .depth1_item .depth1_text span em{display:inline-block; margin-top:2px; vertical-align:top; line-height:30px; font-size:20px;}
#header .lnbbox .nav .depth1_list .depth1_item .depth1_text:hover span em{text-decoration:underline;}

#header .lnbbox .nav .depth1_item .depth2_list{padding:20px 0 58px;}
#header .lnbbox .nav .depth2_list .depth2_item .depth2_text{line-height:22px; letter-spacing:-0.03em; transition-property:color; font-weight: 500;}
#header .lnbbox .nav .depth2_list .depth2_item .depth2_text:hover{text-decoration:none; color:#111;}

#header .lnbbox .lnb_close{position:absolute; top:30px; right:16px; display:none; width:34px; height:33px; background-repeat:no-repeat; background-position:left -261px; background-image:url(../images/common_icons.png); color:transparent; font-size:0; z-index:34;}

#header .lnbbox .depth1 { width:1360px; margin:auto;}
#header .lnbbox .depth1_text { line-height:90px; font-size:18px; font-weight:500; letter-spacing:0;}
#header .lnbbox .depth1_text:hover { text-decoration:none;}
#header .lnbbox .menu .depth2 { top:55px; height:calc(100% - 55px); text-align:left;}
#header .lnbbox .menu .depth1_item.active .depth2 { visibility:visible; opacity:1;}
#header .lnbbox .depth3 { display: none;}
#header .lnbbox .depth3_item { float:none;}
#header .lnbbox .depth3_text { letter-spacing:0;}
#header .lnbbox .depth4 { display:none;}

.header_box .search_btn{position:absolute; top:93px; right:20px; z-index:22; width:44px; height:39px; margin:0; padding:0; border:none; color:transparent; font-size:0;}

#footer { position:relative; z-index:0;}
#footer .body_wrap { padding:32px 0 50px;}
#footer .body_wrap:before { display:block; position:absolute; top:0; left:0; width:100%; height:2px; background-image:linear-gradient(to right, #f6baad 0%,#d0e4d9 53%,#add9d6 100%); content:'';}
.footer_con { float:left;}
.footer_nav { margin-bottom:20px;}
.footer_nav ul li { position:relative; float:left; margin-right:15px; padding-right:15px;}
.footer_nav ul li:last-child { margin-right:0; padding-right:0;}
.footer_nav ul li:before { display:block; position:absolute; top:4px; right:0; width:1px; height:15px; background-color:#e6e6e6; content:'';}
.footer_nav ul li:last-child:before { display:none;}
.footer_nav ul li a { display:block; line-height:24px; color:#333333; font-size:15px; letter-spacing:0; font-weight: 500;}
.footer_nav ul li.privacy a { color:#3d86e0;}

.footer_info address { margin-bottom:4px; line-height:22px; color:#333333; font-size:14px; letter-spacing:0;}
.footer_info address span { display: inline-block;}
.footer_info address span:before { content: '/'; margin-left:5px; margin-right: 5px;}
.footer_info address span:first-child:before { content: none;}
.footer_info .copyright { line-height:22px; color:#333333; font-size:0; letter-spacing:0;}
.footer_info .copyright em { display:inline; margin-right:7px; vertical-align:top; font-size:14px;}
.footer_info .copyright span { display:inline; vertical-align:top; font-size:14px;}


/* 사이트맵 */
.sitemap { position: absolute; top: 0; left: 0; right: 0; z-index: 68; display: none;}
.sitemap .lnb_open { position:absolute; top:100px; right:0; width:26px; height:28px; background-repeat:no-repeat; background-position:left top; background-image:url(../images/common_icons.png); color:transparent; font-size:0; z-index: 22;}
.sitemap .sitemap_close { display: none;}
.sitemap_active .lnb_open { top: -126px;}
.sitemap_active .sitemap { display: block; background-color: #fff; width:100%; min-height:500px; position:absolute; z-index: 70; top: 175px; border-top: 1px solid #eee;}
.sitemap_active .sitemap .sitemap_close {display:block; position:absolute; right:0; width:55px; height:55px; z-index:20; font-size:0; line-height:0; background-color: #f4f5f9; border-radius: 30px; top:0;}
.sitemap_active .sitemap .sitemap_close:before{display:block; position:absolute; top:22px; left:calc(50% - 6px); width:25px; height:25px; background-repeat:no-repeat; background-position:left -365px; background-image:url(../images/common_icons.png); content:'';}

.sitemap_active #header { position: relative;}
.sitemap_active .sitemap .sitemap_close { display: block;}

@media all and (max-width:1000px) {
    .sitemap { display: block;}
    .sitemap .lnb_open { top: 32px; right: 0; z-index: 70;}
}

/* 활성화 일때 */
.sitemap_active #header .header_box .body_wrap .logo a { background-image: url(../images/logo2.png);}
.sitemap_active #header .header_box .body_wrap .lnb_open {background-position: left top;}
.sitemap_active .search .search_btn:before { width:12px; height:12px; background-position:left -487px;}
.sitemap_active .search .search_close:before{ width:10px; height:10px; background-position:left -426px;}
.sitemap_active .search .search_open:before { background-position: left -131px;}
.sitemap_active .sitemap { display: block;}

@media all and (max-width:1000px) {
    .sitemap_active .sitemap { display: none;}
}

/* 검색 */
.search {position:absolute; top:0; left:0; right:0; z-index:67;}
.search .search_open,
.search .search_btn,
.search .search_close
{display:block; position:absolute; right:0; top: -10px; width:50px; height:50px; z-index:20; font-size:0; line-height:0;}
.search .search_open{position:absolute; top:93px; right:0; z-index:22; width:35px; height:35px; margin:0; padding:0; border:none; color:transparent; font-size:0;}
.search .search_open:before{display:block; position:absolute; top:5px; left:calc(50% - 13px); width:25px; height:25px; background-repeat:no-repeat; background-position:left -131px; background-image:url(../images/common_icons.png); content:'';}

@media all and (max-width:1000px) {
    .search .search_open { background-position:left -131px; margin: 0; top: 24px; right: 35px;}
}

#wrapper:before { display:block; visibility:hidden; position:absolute; top:175px; left:0; z-index:2; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.3); content:''; opacity:0; transition-property:visibility, opacity; transition-duration:250ms; transition-timing-function:linear;}
.menu_slide_on #wrapper:before,
.search_active #wrapper:before,
.sitemap_active #wrapper:before,
.familybox_active #wrapper:before {visibility: visible; opacity: 1;}

@media all and (max-width:1000px){
    #wrapper:before { top: 0;}
    .menu_slide_on #wrapper:before { top: 0;}
}

@media all and (max-width:1000px){
    .header_box .gnb .link { display: block;}
}

@media all and (max-width:800px){
    .footer_info address span { display:block;}
    .footer_info address span:before { content: none}
}


@media all and (max-width:1360px) {
    #wrapper { min-width:1000px;}
    .body_wrap { width:1000px;}
    .lnbbox .lnb_topbox .gnb{ position:relative; z-index:70; width:100%;}
    .lnbbox .lnb_topbox .gnb ul li { float: left; background-color: #0497a4; height: 50px; width: 50%;}
    .lnbbox .lnb_topbox .gnb ul li a { line-height: 50px; color: #fff; text-align: center; display: block; font-size: 14px; font-weight: 500;}
    .lnbbox .lnb_topbox .gnb ul li:last-child { background-color: #112f6e;}
    .footer_site { width:52%;}
    #header .lnbbox .nav .depth1{width:1000px;}
    #header .header_box .body_wrap .logo a{background-size:contain;}
    #header .lnbbox .nav .depth1_list .depth1_item .depth1_text{padding:46px 0 49px 28px; font-size: 18px;}
    #header .lnbbox .nav .depth2_list{padding:22px 0 58px 28px;}
}

@media all and (max-width:1000px) {
    #wrapper { overflow-x:hidden; min-width:94%;}
    .body_wrap { width:1000px;}

    .footer_site { width:52%;}

    #wrapper{overflow-x:hidden; min-width:0;}
    .body_wrap {max-width:none; width:94%;}
    #header {position:static; height:auto; padding-bottom:0;}

    .header_box .body_wrap{padding:20px 0; border-bottom:none;}
    #header .header_box.body_wrap { border-bottom:none; position: absolute;}
    .logo{float:none;}
    .header_box .weatherbox{display:none;}
    .header_box .gnb{display:none;}
    .header_box .menu_show{display:block; visibility:visible; z-index: 72; top: 31px; right: 55px;}
    .header_box .search_btn{top:33px; right:48px; width:44px; height:39px;}
    .header_box .search_btn:before{top:6px; left:calc(50% - 13px); width:27px; height:27px; background-position:left -30px;}

    .lnb_curtain{display:block; position:fixed; top:0; right:0; bottom:0; left:0; visibility:hidden; background-color:rgba(0,0,0,0.8); opacity:0; z-index:-1; transition-property:visibility, opacity; transition-duration:250ms; transition-timing-function:linear;}
    .lnb_show .lnb_curtain{visibility:visible; opacity:1; z-index:72;}
    .lnb_curtain button{display:block; width:100%; height:100%; border:none; margin:0; padding:0; color:transparent; font-size:0;}

    #header .lnbbox{top:0; left:auto; right:0; max-width:305px; height:auto; min-height:640px; max-height:100%; background-color:#FFF; overflow-y:auto; z-index:73; transform:translateX(100%); transition-duration:250ms; transition-property:transform; transition-timing-function:ease-in-out;}
    .lnb_show #header .lnbbox{transform:translateX(0);}

    #header .lnbbox .depth1{width:auto;}
    .menu .depth_list.clearfix > .depth_item{float:none;}
    #header .lnbbox .depth1_text{padding:12px 38px 11px 21px; line-height:26px; color:#000; font-weight:400;}
    #header .lnbbox .depth1_item.active .depth1_text{font-weight:600;}
    #header .lnbbox .depth1_item.has.active .depth1_text:before{background-position:left -10px;}

    #header .lnbbox .menu .depth2{position:relative; top:0; height:auto;}
    #header .lnbbox .menu .depth2 [target="_blank"] span{display:block;}
    #header .lnbbox .depth2_list{padding-right:22px; padding-left:27px;}
    #header .lnbbox .depth2_text{padding-right:26px; color:#333333; line-height:0px; font-size:0px;}
    #header .lnbbox .depth1_item.active .depth2_text {line-height:22px; font-size:15px;}
    #header .lnbbox .depth1_item.active .depth2_item.active .depth2_text{color:#000; font-size:16px; font-weight:600;}
    #header .lnbbox .depth2_item.has .depth2_text:after{display:block; position:absolute; top:0; right:10px; width:12px; height:12px; background-repeat:no-repeat; background-position:-179px -23px; background-image:url(../images/common_icons.png); content:''; transform:scale(0);}
    #header .lnbbox .depth1_item.active .depth2_item.has .depth2_text:after{top:5px; transform:scale(1);}
    #header .lnbbox .depth2_item.has.active .depth2_text:before{background-position:-20px -12px;}

    #header .lnbbox .depth2_text[target="_blank"]{padding-right:10px;}
    #header .lnbbox .depth2_text[target="_blank"] span{position:relative; padding-right:20px;}
    #header .lnbbox .depth2_text[target="_blank"] span:before{display:block; position:absolute; top:2px; right:0; width:14px; height:14px; background-repeat:no-repeat; background-position:-40px top; background-image:url(../images/lnb_icons.png); content:''; transform:scale(0); transition:transform 250ms linear;}
    #header .lnbbox .depth1_item.active .depth2_text[target="_blank"] span:before{transform:scale(1);}

    #header .lnbbox .depth3{visibility:hidden; opacity:0;}
    #header .lnbbox .depth1_item.active .depth2_item.active .depth3{visibility:visible; opacity:1;}
    #header .lnbbox .depth3_list {background-repeat:repeat-x;}
    #header .lnbbox .depth1_item.active .depth2_item.active .depth3_list {padding-top:9px; padding-bottom:10px;}
    #header .lnbbox .depth3_item{padding-left:15px;}
    #header .lnbbox .depth1_item.active .depth2_item.active .depth3_item{margin-top:6px;}
    #header .lnbbox .depth1_item.active .depth2_item.active .depth3_item:first-child{margin-top:0;}
    #header .lnbbox .depth3_text{color:#666666;}
    #header .lnbbox .depth1_item.active .depth2_item.active .depth3_text{line-height:22px; font-size:15px;}
    #header .lnbbox .depth3_item.active .depth3_text {color:#4f7ec4;}

    #header .lnbbox .depth3_item.has .depth3_text{padding-right:26px;}
    #header .lnbbox .depth3_item.has .depth3_text:before{display:block; position:absolute; top:0; right:10px; width:12px; height:12px; background-repeat:no-repeat; background-position:-20px top; background-image:url(../images/lnb_icons.png); content:''; transform:scale(0);}
    #header .lnbbox .depth1_item.active .depth2_item.active .depth3_item.has .depth3_text:before{top:5px; transform:scale(0.85);}
    #header .lnbbox .depth3_item.has.active .depth3_text:before{background-position:-20px -12px;}

    #header .lnbbox .depth3_text[target="_blank"]{padding-right:10px;}
    #header .lnbbox .depth3_text[target="_blank"] span{position:relative; padding-right:20px;}
    #header .lnbbox .depth3_text[target="_blank"] span:before{display:block; position:absolute; top:2px; right:0; width:14px; height:14px; background-repeat:no-repeat; background-position:-40px top; background-image:url(../images/lnb_icons.png); content:''; transform:scale(0); transition:transform 250ms linear;}
    #header .lnbbox .depth1_item.active .depth2_item.active .depth3_text[target="_blank"] span:before{transform:scale(1);}

    #header .lnbbox .depth4{display:block; visibility:hidden; opacity:0;}
    #header .lnbbox .depth1_item.active .depth2_item.active .depth3_item.active .depth4{visibility:visible; opacity:1;}
    #header .lnbbox .depth1_item.active .depth2_item.active .depth3_item.active .depth4_list{padding-top:8px; padding-bottom:2px;}
    #header .lnbbox .depth4_item{padding-left:17px;}
    #header .lnbbox .depth1_item.active .depth2_item.active .depth3_item.active .depth4_item{margin-top:4px;}
    #header .lnbbox .depth1_item.active .depth2_item.active .depth3_item.active .depth4_item:first-child{margin-top:0;}
    #header .lnbbox .depth4_item:before{display:block; position:absolute; top:0; left:0; width:6px; height:1px; background-color:#666666; content:''; transform:scale(0);}
    #header .lnbbox .depth1_item.active .depth2_item.active .depth3_item.active .depth4_item:before{top:11px; transform:scale(1);}
    #header .lnbbox .depth1_item.active .depth2_item.active .depth3_item.active .depth4_text{line-height:22px; font-size:14px;}
    #header .lnbbox .depth4_item.active .depth4_text{color:#4f7ec4;}
    #header .lnbbox .depth4_text:hover{color:#4f7ec4;}

    #header .lnbbox .depth4_item.has .depth4_text{padding-right:26px;}
    #header .lnbbox .depth4_item.has .depth4_text:before{display:block; position:absolute; top:0; right:10px; width:12px; height:12px; background-repeat:no-repeat; background-position:-20px top; background-image:url(../images/lnb_icons.png); content:''; transform:scale(0);}
    #header .lnbbox .depth1_item.active .depth2_item.active .depth3_item.active .depth4_item.has .depth4_text:before{top:5px; transform:scale(0.7);}
    #header .lnbbox .depth4_item.has.active .depth4_text:before{background-position:-20px -12px;}

    #header .lnbbox .depth4_text[target="_blank"]{padding-right:10px;}
    #header .lnbbox .depth4_text[target="_blank"] span{position:relative; padding-right:20px;}
    #header .lnbbox .depth4_text[target="_blank"] span:before{display:block; position:absolute; top:1px; right:0; width:14px; height:14px; background-repeat:no-repeat; background-position:-40px top; background-image:url(../images/lnb_icons.png); content:''; transform:scale(0); transition:transform 250ms linear;}
    #header .lnbbox .depth1_item.active .depth2_item.active .depth3_item.active .depth4_text[target="_blank"] span:before{transform:scale(1);}

    #header .lnbbox .depth5{display:block; visibility:hidden; opacity:0;}
    #header .lnbbox .depth1_item.active .depth2_item.active .depth3_item.active .depth4_item.active .depth5{visibility:visible; margin-top:11px; margin-bottom:11px; opacity:1;}
    #header .lnbbox .depth5_list{padding-right:16px; padding-left:20px; background-color:#FFF;}
    #header .lnbbox .depth1_item.active .depth2_item.active .depth3_item.active .depth4_item.active .depth5_list{padding-top:12px; padding-bottom:18px;}
    #header .lnbbox .depth5_item{padding-left:12px;}
    #header .lnbbox .depth1_item.active .depth2_item.active .depth3_item.active .depth4_item.active .depth5_item{margin-top:6px;}
    #header .lnbbox .depth1_item.active .depth2_item.active .depth3_item.active .depth4_item.active .depth5_item:first-child{margin-top:0;}
    #header .lnbbox .depth5_item:before{display:block; position:absolute; top:0; left:0; width:3px; height:3px; background-color:#666666; content:''; transform:scale(0);}
    #header .lnbbox .depth1_item.active .depth2_item.active .depth3_item.active .depth4_item.active .depth5_item:before{top:9px; transform:scale(1);}
    #header .lnbbox .depth5_text{color:#666666;}
    #header .lnbbox .depth5_text:hover{color:#000;}
    #header .lnbbox .depth1_item.active .depth2_item.active .depth3_item.active .depth4_item.active .depth5_text{line-height:20px; font-size:13px;}

    #header .lnbbox .depth5_text[target="_blank"] span{position:relative; padding-right:20px;}
    #header .lnbbox .depth5_text[target="_blank"] span:before{display:block; position:absolute; top:1px; right:0; width:14px; height:14px; background-repeat:no-repeat; background-position:-40px top; background-image:url(../images/lnb_icons.png); content:''; transform:scale(0); transition:transform 250ms linear;}
    #header .lnbbox .depth1_item.active .depth2_item.active .depth3_item.active .depth4_item.active .depth5_text[target="_blank"] span:before{transform:scale(1);}

    #header .lnbbox .menu_hide{display:block;}

    #header .logo { top: 0; height: 85px;}
    #header .logo a.logo_anchor { height: 85px;}
    #header .logo .sub_logo { top: 44px;}

    .footer_con{float:none; width:auto;}
    .footer_site{float:none; width:auto; margin-top:0;}
}

@media all and (max-width:1000px){
    .header_box .gnb .link { display: block;}
}
@media all and (max-width:1000px){
    #header { height: 85px;}
}
@media all and (max-width:700px){
    #header .lnbbox {height:100vw; min-height: 650px;}
    #header .header_box .body_wrap .lnb_open { top: 43px; right: 45px;}

    .lnbbox .lnb_topbox .gnb ul li { height: 40px;}
    .lnbbox .lnb_topbox .gnb ul li a { line-height: 40px}
}
@media all and (max-width:800px){
    .footer_info address span { display:block;}
    .footer_info address span:before { content: none}

}

@media all and (max-width:1360px){
    #header .logo a.logo_anchor { background-size: 75%;}
}

@media screen and (max-width:1000px){
    #wrapper{overflow-x:hidden; min-width:94%;}
    .body_wrap {max-width:none; width:90%;}
    #header { height:85px;}
    #header .header_box .body_wrap{padding:0;}
    #header .header_box .body_wrap .logo a { background-image:url(../images/logo.png)}
    #header .lnbbox .lnb_close{display:block;}
    .lnbbox{position:relative; top:0;}
    .lnbbox .body_wrap{width:100%; padding:0;}
    .lnbbox .floatbox{float:none; display: block;}
    .lnbbox .floatbox.left{background-color:#001953; padding:29px 23px 27px 30px; color: #fff; font-size: 20px;}
    .lnbbox .lnb_topbox { display: block;}
    .lnbbox .lnb_topbox .gnb{ position:relative; z-index:70; width:100%;}
    .lnbbox .lnb_topbox .gnb ul li { float: left; background-color: #0497a4; height: 60px; width: 30%;}
    .lnbbox .lnb_topbox .gnb ul li a { line-height: 60px; color: #fff; text-align: center; display: block; font-size: 14px; font-weight: 500;}
    .lnbbox .lnb_topbox .gnb ul li:last-child { background-color: #112f6e; width: 40%;}
    .lnbbox .lnb_topbox .gnb ul li:nth-child(2) { position: relative;}
    .lnbbox .lnb_topbox .gnb ul li:nth-child(2):before { position: absolute; content: ''; width: 1px; height: 13px; background-color: #58a5ac; top: 50%; margin-top: -6px;}

    #header .lnbbox{position:absolute; float:none; max-width:360px; width:100%; height:100vw; left:auto; right:0; top:0; padding-top:0; background-color:#FFF; overflow-y:hidden; z-index:69; transform:translate(100%,0); transition-duration:0.5s; transition-property:transform; transition-timing-function:ease-in-out;}
    #header .lnbbox.slide_on{transform:translate(0,0);}
    #header .lnbbox.slide_off{transform:translate(100%,0) !important;}
    #header .lnbbox .nav{position:relative; height:calc(100% - 110px) !important; background-color:transparent; visibility:visible; transition-property:none; overflow-x:hidden; overflow-y:auto;}
    #header .lnbbox .nav .depth1{width:100%;}
    #header .lnbbox .nav .depth1:before{display:none;}
    #header .lnbbox .nav .depth1_list { margin-right: 0;}
    #header .lnbbox .nav .depth1_list:before{display:none;}
    #header .lnbbox .nav .depth1_list .depth1_item{ margin-left: 30px; clear: both;}

    #header .lnbbox .nav .depth1_list .depth1_item .depth1_text {padding:15px 0 15px 0; line-height:21px; text-align:left; color:#383635; font-size:16px; font-weight: 600; border-bottom:1px solid #eee; position: relative;}
    /* 2차~ 메뉴
     #header .lnbbox .nav .depth1_list .depth1_item .depth1_text:after { position: absolute; content: ''; background: url(../images/common_icons.png) no-repeat -178px -23px; display: block; width: 12px; height: 6px; right: 20px; top: 48%;}
    #header .lnbbox .nav .depth1_list .depth1_item:first-child .depth1_text{padding:25px 0 14px 0;}
    #header .lnbbox .nav .depth1_list .depth1_item.active .depth1_text { border-bottom:2px solid #3d86e0; position: relative;}
    #header .lnbbox .nav .depth1_list .depth1_item.active .depth1_text:after { background-position: -178px -80px;}
    #header .lnbbox .nav .depth1_list .depth1_item.active .depth1_text span { color: #222; font-weight: 600;}
    #header .lnbbox .nav .depth1_list .depth1_item .depth1_text span{line-height:21px;}
    #header .lnbbox .nav .depth1_list .depth1_item .depth1_text span:before{display:none;}
    #header .lnbbox .nav .depth1_list .depth1_item .depth1_text span em{display:inline; line-height:21px; font-size:15px;}

    #header .lnbbox .nav .depth1_item .depth2_list{padding:0;}
    #header .lnbbox .nav .depth1_item:first-child .depth2_list{padding:0;}
    #header .lnbbox .nav .depth1_item.active .depth2_list{ overflow: hidden; margin:10px 0 20px;}
    #header .lnbbox .nav .depth1_item.active .depth2 { position: static;}
    #header .lnbbox .nav .depth2{visibility:visible; position: absolute; margin-left: 0;}

    #header .lnbbox .nav .depth2_list .depth2_item{margin-top:0; transition-property:border-bottom-width; transition-duration:250ms; transition-timing-function:linear;}
    #header .lnbbox .nav .depth1_item.active .depth2_list .depth2_item{ clear: both; margin: 10px 20px 10px 0; width: 100%;}
    #header .lnbbox .nav .depth1_item.active .depth2_list .depth2_item.active{border-bottom-width:0;}
    #header .lnbbox .nav .depth2_list .depth2_item .depth2_text{padding-right:13px; line-height:0; color:#606060; font-size:0;}
    #header .lnbbox .nav .depth1_item.active .depth2_item .depth2_text{ line-height:20px; font-size:16px; font-weight: 500; padding-left: 20px;}
    #header .lnbbox .nav .depth2_list .depth2_item .depth2_text:hover{color:#000; font-weight:500;}
    #header .lnbbox .nav .depth1_item.active .depth2_item .depth2_text::before { position:absolute; content: ''; width: 10px; height: 2px; background-color: #3d86e0; top: 8px; left: 0;}
    #header .lnbbox .nav .depth1_item.active .depth2_item.has.active .depth2_text:after{background-position:-179px -80px;}
    #header .lnbbox .nav .depth1_item.active .depth2_item .depth2_text[target="_blank"]:after{background-position:-15px -45px !important;}
    #header .lnbbox .nav .depth3 {display:block; visibility:visible; border-color:#c2c2c2; border-width:0; background-color:#FFF; padding-left:16px; padding-right:12px; transition-property:padding-top, padding-bottom, border-width; transition-duration:250ms; transition-timing-function:linear;}
    #header .lnbbox .nav .depth1_item.active .depth2_item.active .depth3 { background-color: #f8f9fc; padding-top:10px; padding-bottom:8px; border-width:1px;}
    #header .lnbbox .nav .depth3 .depth3_item{padding-left:9px; transition-property:margin-top; transition-duration:250ms; transition-timing-function:linear;}
    #header .lnbbox .nav .depth1_item.active .depth2_item.active .depth3 .depth3_item{margin-top:8px;}
    #header .lnbbox .nav .depth1_item.active .depth2_item.active .depth3 .depth3_item:first-child{margin-top:0;}
    #header .lnbbox .nav .depth3 .depth3_item .depth3_text{line-height:0; color:#888888; font-size:0; transition-property:line-height, color, font-size; transition-duration:250ms; transition-timing-function:linear;}
    #header .lnbbox .nav .depth1_item.active .depth2_item.active .depth3 .depth3_item .depth3_text { position: relative; line-height:18px; font-size:14px; padding-left: 15px;}
    #header .lnbbox .nav .depth1_item.active .depth2_item.active .depth3 .depth3_item .depth3_text:hover { color: #000; font-weight: 500;}
    #header .lnbbox .nav .depth1_item.active .depth2_item.active .depth3 .depth3_item .depth3_text:before { position: absolute; content: ''; width: 4px; height: 4px; border-radius: 2px; background-color: #c5c9d6; left: 0; top: 6px;}

    #header .lnbbox .nav .depth4{display:none;}*/
}
@media screen and (max-width:360px){
    #header .lnbbox .depth2_item.has .depth2_text:after { right: 19px;}
    #header .lnbbox .nav .depth1_item.active .depth2_list .depth2_item{ width: 100%;}
}
@media screen and (max-width:1000px){
    #header { height: 85px;}
}
@media screen and (max-width:700px){
    #header .lnbbox {height:100vw; min-height: 650px;}
    #header .header_box .body_wrap .lnb_open { top: 43px; right: 45px;}

    .lnbbox .lnb_topbox .gnb ul li { height: 40px;}
    .lnbbox .lnb_topbox .gnb ul li a { line-height: 40px}

    #footer .footer_nav ul {line-height:0; text-align:center; font-size:0;}
    #footer .footer_nav ul li{display:inline-block; float:none; margin-right:9px; margin-bottom:2px; padding-right:12px;}
    #footer .footer_nav ul li:last-child { margin-right:0; padding-right:0;}
    #footer .footer_nav ul li a{line-height:23px; font-size:14px;}
    #footer .footer_con .footer_info address{height:48px; margin-bottom:0; text-align:center; line-height:16px; font-size:13px;}
    #footer .footer_con .footer_info address .tel{display:block; line-height:16px;}
    #footer .footer_con .footer_info p{text-align:center;}
}

/* 패밀리사이트 */
.familybigbox{ display:none; position:absolute; top:0; right:0; z-index:80; width:100%;}
.familybigbox .body_wrap {padding-top:100px;}
.familybigbox .layerbox {position:absolute; top: 49px; right: 0; background-color:#FFF; padding:40px 50px; border: 2px solid #112f6e; width: 400px; height: 250px;}
.familybigbox .closebox{position:absolute; top:0; right:0; width:125px; height: 50px; margin:0; border:none; box-sizing:border-box; background-color:#112f6e; text-align:left; color:transparent;}
.familybigbox .closebox .inner{position:relative; line-height:23px; font-size:0; font-weight:600; letter-spacing:0;}
.familybigbox .closebox .inner .close{position:absolute; top:0; right:0; width:100%; height:50px; color:transparent; font-size:0;}
.familybigbox .closebox .inner .close:before{display:block; position:absolute; top:50%; left:50%; width:26px; height:26px; margin-left: -5px; margin-top: -8px; background-repeat:no-repeat; background-position:left -261px; background-image:url(../images/common_icons.png); content:'';}
.familybigbox .titlebox h2 {line-height:0;}

.familybigbox .titlebox{margin-bottom:22px;}
.familybigbox .listbox ul li {float:left; width:50%;}
.familybigbox .listbox ul li:nth-child(even) { width:47%; margin-left:3%;}
.familybigbox .listbox ul li a{display:block; position:relative; color:#888895; padding-left: 15px; letter-spacing: -1px;}
.familybigbox .listbox ul li a:before { position: absolute; content: ''; width: 8px; height: 2px; background-color: #888895; left: 0; top: 10px;}

.familybigbox.active { display: block;}

@media all and (max-width:1000px) {
    .familybigbox { top: 82px; right: calc(-10% - 6px);}
    .familybigbox .layerbox { border:none; max-width: 260px; height: auto; top: 60px;}
    .familybigbox .closebox { width: 144px; height: 60px;}
    .familybigbox .closebox .inner .close { height: 60px;}
    .familybigbox .listbox ul { padding: 0 10px;}
    .familybigbox .listbox ul li {float:none; width:100%;}
    .familybigbox .listbox ul li:nth-child(even) { width:100%; margin-left:0;}
}
@media all and (max-width:750px) {
    .familybigbox { right: calc(-10% - 3px);}
    .familybigbox .layerbox { padding: 30px; height: auto; max-width: 300px; top: 40px;}
    .familybigbox .closebox { height: 40px;}
    .familybigbox .closebox .inner .close { height: 40px;}
}
@media all and (max-width:360px) {
    .familybigbox .closebox { width: 50%;}
    .familybigbox .layerbox { max-width: calc(100% + 6px);}
}

/* 콘텐츠 */
#container{position:relative; min-height:500px; margin-top:55px; margin-bottom:50px;}
#container .p-media--gallery .p-media--cell3 { margin-left: -1%; margin-right: -1%;}
@media all and (max-width:1000px) {
    #container {margin:35px 0; font-size: 15px;}
}

/* 경로 */
.breadcrumbs{position:relative; font-size:0; margin-top: 30px;}
.breadcrumbs:before{display:block; position:absolute; top:0; left:50%; width:100vw; height:100%; border-bottom:1px solid #e5e7ee; background-color:#f4f5f9; transform:translateX(-50%);}
.breadcrumbs .breadcrumbs_item{display:inline-block; position:relative; margin-right:10px; padding-right:16px; vertical-align:middle;}
.breadcrumbs .breadcrumbs_item:after{ display:block; position:absolute; top:3px; right:0; width:7px; height:10px; background: url('../images/common_icons.png') no-repeat -181px top; content: '';}
.breadcrumbs .breadcrumbs_item:first-child { padding: 0; margin: 0; line-height: 28px; font-size: 0; color: transparent;}
.breadcrumbs .breadcrumbs_item:first-child a { width: 20px; display: inline-block;}
.breadcrumbs .breadcrumbs_item:first-child a:before { display:block; position:absolute; top:1px; left: 0; width:16px; height:16px; background: url('../images/common_icons.png') no-repeat -176px -190px; content: '';}
.breadcrumbs .breadcrumbs_item:first-child:after { content: none;}

.breadcrumbs .breadcrumbs_anchor{position:relative; color:#333; font-size:15px; line-height:18px;}
.breadcrumbs .breadcrumbs_anchor:hover{text-decoration:underline;}

.breadcrumbs .breadcrumbs_item:last-child{margin-right:0; padding-right:0;}
.breadcrumbs .breadcrumbs_item:last-child:after{display:none;}
.breadcrumbs .breadcrumbs_item:last-child .breadcrumbs_anchor{color:#1a1a1a;}

.breadcrumbs.notice_link .breadcrumbs_item:first-child{display:inline-block; position:relative; margin-right:0; padding-right:0; vertical-align:middle;}
.breadcrumbs.notice_link .breadcrumbs_item:first-child a{width:auto;padding-left:25px;line-height:20px;}
.breadcrumbs.notice_link .breadcrumbs_item:first-child a:before{position:absolute;content:'';display:block;width:20px;height:19px;background:url('../images/common_icons.png') -410px 0 no-repeat;}

@media all and (max-width:1000px) {
    .breadcrumbs .breadcrumbs_item{margin-right:6px; padding-right:12px;}
    .breadcrumbs .breadcrumbs_anchor{font-size:13px;}
}
@media all and (max-width:640px) {
    .breadcrumbs{display:none;}
    .breadcrumbs.notice_link{display:block;margin-top:20px;margin-bottom:-10px;}
}

/* 서브헤드 */
.sub_head {width:100%; height: 50px; text-align:center; position: relative; padding: 70px 0 130px; margin-bottom: 80px;}
.sub_head:before {display:block; position:absolute; top:0; left:0; right: 0; z-index:1; width:100%; height:100%; background-image:linear-gradient(89.16666560971862deg, rgba(246, 252, 238,1) 23.203125%,rgba(246, 251, 238,1) 23.203125%,rgba(252, 241, 239,1) 52.44574652777778%,rgba(239, 248, 247,1) 80.49479166666667%); content:''; z-index: 0;}
.sub_head .sub_title { text-align: center;}
.sub_head .sub_title h2 { font-size:40px; font-weight:600;color:#222; line-height:40px; letter-spacing:-0.025em;}
.sub_head .tab_menu_box{margin-top:55px;}

@media all and (max-width:1360px) {
    .sub_head { height: 200px; text-align:left; padding: 0;}
    .sub_head:before { left: 0; margin-left: 0;}
    .sub_head .sub_info {position:relative;}
    .sub_head .sub_info:before {background-image:url('/site/public/images/sub/1000_sub_visual_bg.png'); background-position-x:calc(50% + 244px); transition-property:background-color; transition-duration:0.2s;}
    .sub_head .sub_title { left: 0;}
    .sub_head .sub_title h2 {font-size:28px; line-height:32px; transition-property:font-size; transition-duration:0.2s; padding-top: 45px;}
    .breadcrumbs { margin-top: 20px;}
}
@media all and (max-width:640px) {
    .sub_head { height: 120px;}
    .sub_head .sub_info {height:45px;margin-bottom:35px;padding: 12px 3% 13px 3%;}
    .sub_head .sub_info:before {background:rgba(0, 159, 225, 0.9);}
    .sub_head .sub_title {margin-top: 0;margin-bottom:0;}
    .sub_head .sub_title h2 {font-size:24px; font-weight: 500; line-height:46px; padding-top: 30px;}
    /* 고정 */
    .menu_fixed .sub_head .sub_info {padding: 12px 3% 13px 3%;}

    .sub_head .sub_title.has_notice_link h2{padding-top:10px;margin-bottom:-20px;}
}

/* 공유하기, 인쇄 */
.addons{position:absolute; top:50px; right:20px; z-index:0; font-size:0; line-height:0;}
.addons .addons_item {float:left; vertical-align:top;}
.addons .addons_button { position:relative; width:45px; height:45px; border-radius:50px; transition-property:border-color, background-color, box-shadow; background-color: #fff;}
.addons .addons_button:before,
.addons .share_anchor:before,
.addons .share_close:before{background-image:url('../images/share_sprite.png'); background-repeat:no-repeat; content: '';}
.addons .addons_button:before{display:block; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;}
.addons .addons_button:hover { border-color:#363c5a; background-color:#fff; border: 1px solid #fff;}
.addons .share{position:relative; margin-right:10px;}
.addons .share .addons_button:before{width:15px; height:16px; background-position:left top;}
.addons .share .addons_button:hover:before{background-position:left 17.68%;}
.addons .share_panel{visibility:hidden; opacity:0; overflow:hidden; position:absolute; top:0; right:0; width:230px; padding-right:40px; background-color:#fff; text-align:center;border-radius: 18px; transition-property:visibility, opacity;}
.addons .share_item{display:inline-block; position:relative; vertical-align:middle;}
.addons .share_item + .share_item:before{display:block; position:absolute; top:0; bottom:0; left:0; width:1px; height:14px; margin-top:auto; margin-bottom:auto; background-color:#e5e7ee; content: '';}
.addons .share_anchor{display:block; position:relative; width:45px; height:45px;}
.addons .share_item.url .share_anchor {font-size:13px; font-weight:600; color:#000; line-height:45px;}
.addons .share_item.url .share_anchor:before{display:none;}
.addons .share_anchor:before {display:block; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;}
.addons .share_item.n1 .share_anchor:before{width:8px; height:15px; background-position:left 35.13%;}
.addons .share_item.n2 .share_anchor:before{width:11px; height:14px; background-position:left 51.67%;}
.addons .share_item.n3 .share_anchor:before{width:7px; height:15px; background-position:left 68.24%;}
.addons .share_item.n4 .share_anchor:before{width:19px; height:17px; background-position:left 86.3%;}
.addons .share_item.url .share_anchor:before{display:none;}
.addons .share_anchor:before{display:block; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;}
.addons .share_item.n1:hover .share_anchor:before {background-position:right 35.13%;}
.addons .share_item.n2:hover .share_anchor:before {background-position:right 51.67%;}
.addons .share_item.n3:hover .share_anchor:before {background-position:right 68.24%;}
.addons .share_item.n4:hover .share_anchor:before {background-position:right 86.3%;}
.addons .share_item.url a:hover { text-decoration: none; color: #2277e3;}
.addons .share_close{visibility:hidden; opacity:0; display:block; position:absolute; top:0; right:0; width:45px; height:45px;}
.addons .share_close:before{display:block; position:absolute; top:0; bottom:0; left:0; right:0; width:11px; height:10px; margin:auto; background-repeat:no-repeat; background-position:left 100%;}
.addons .print .addons_button:before{width:17px; height:16px; background-image:url('../images/print_sprite.png'); background-position:left top;}
.addons .print .addons_button:hover:before{background-position:left 100%;}

/* 활성화 */
.addons.active .share_panel{visibility:visible; opacity:1;}
.addons.active .share_close{visibility:visible; opacity:1;}

@media all and (max-width:1360px) {
    .addons { right: 0;}
}
@media all and (max-width:1000px) {
    .addons .print { display: none;}
    .addons .share { margin-right: 0;}
}
@media all and (max-width:640px) {
    .addons { top: 35px; right: 20px;}
    .addons .addons_button:before,
    .addons .share_anchor:before{background-size:42px auto;}
    .addons .share .addons_button:before{width:15px; height:15px;}
    .addons .share_item.n1 .share_anchor:before{width:7px; height:13px;}
    .addons .share_item.n2 .share_anchor:before{width:10px; height:12px;}
    .addons .share_item.n3 .share_anchor:before{width:6px; height:13px;}
    .addons .share_item.n4 .share_anchor:before{width:17px; height:15px;}
    .addons .print .addons_button:before{width:14px; height:13px; background-size:36px auto;}
    .addons .addons_button{width:36px; height:36px;}
    .addons .share_panel{width:195px; padding-right:30px; border-radius:10px;}
    .addons .share_anchor,
    .addons .share_close {width:36px;height:36px;}
    .addons .share_item.url .share_anchor{font-size:11px; line-height:36px;}
    .addons .share_anchor {width:36px;}
}

.sub_head.has_back_img .sub_title h2 {color:#fff;}
.sub_head.has_back_img .sub_title .sub_title_desc {color:#fff;}
.sub_head.has_back_img .breadcrumbs .breadcrumbs_anchor {color:#fff;}
.sub_head.has_back_img .breadcrumbs .breadcrumbs_item:first-child a:before {background-position:-197px -190px;}
.sub_head.has_back_img .breadcrumbs .breadcrumbs_item:last-child .breadcrumbs_anchor {color:#fff;}
.sub_head.has_back_img:before {background-position:center center;background-repeat:no-repeat;background-size:cover;}
.ctssw-reserv-01 .sub_head.has_back_img:before {background-image:url('../images/sub_back_sw-reserv-01.jpg');}
.ctssw-reserv-02 .sub_head.has_back_img:before {background-image:url('../images/sub_back_sw-reserv-02.jpg');}
.ctssw-reserv-03 .sub_head.has_back_img:before {background-image:url('../images/sub_back_sw-reserv-03.jpg');}
.ctssw-reserv-04 .sub_head.has_back_img:before {background-image:url('../images/sub_back_sw-reserv-04.jpg');}
.ctssw-reserv-05 .sub_head.has_back_img:before {background-image:url('../images/sub_back_sw-reserv-05.jpg');}
.ctssw-reserv-06 .sub_head.has_back_img:before {background-image:url('../images/sub_back_sw-reserv-06.jpg');}
.ctssw-reserv-07 .sub_head.has_back_img:before {background-image:url('../images/sub_back_sw-reserv-07.jpg');}
.ctssw-reserv-08 .sub_head.has_back_img:before {background-image:url('../images/sub_back_sw-reserv-08.jpg');}

.sub_head.has_back_img .breadcrumbs.notice_link .breadcrumbs_item:first-child a:before{background-position:-440px 0;}

/* 카테고리 */
.pathbox { display: block; margin-top: 40px;}
.pathbox .path { background-color: #fff; border-radius: 60px; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1); overflow: hidden; height: 80px; line-height: 80px;}
.pathbox h2 { float: left; padding: 0 35px; background-color: #001952; border-radius: 60px 0 0 60px; color: #fff; font-weight: 500; margin-right: 20px;}
.pathbox h2 a { display: block; color: #fff;}
.pathbox h2 a:hover { text-decoration: none;}
.path ul li { position: relative; float: left;}
.path ul li a { font-size: 18px; display: block; padding: 0 25px;}
.path ul li:before { position: absolute; content: ''; width: 1px; height: 23px; top: 50%; margin-top: -13px; right: 0; background-color: #d6dadb;}
.path ul li:last-child:before { content: none;}

/* 카테고리 활성화 일때 */
.path.active { position: relative; background-color: #fff; height: 160px; z-index: 3;}
.path.active h2 { padding: 0;}
.path.active h2 a { padding: 40px 35px;}
.path.active ul { position: relative; float: right; width: 1208px;}
.path.active ul::before { position: absolute; content: ''; width: 1124px; height: 1px; background-color: #d7dadb; top: 50%; right: 65px;}

@media all and (max-width:1360px) {
    .path ul li a { padding: 0 20px;}
}
@media all and (max-width:1000px) {
    .pathbox .path { height: 60px; line-height: 60px;}
    .pathbox h2 { margin-right: 0;}
    .path ul li a { font-size: 15px;}
}
@media all and (max-width:640px) {
    .pathbox { margin-top: 20px;}
    .pathbox .path { height: 50px; line-height: 50px;}
    .pathbox h2 { padding: 0 10px;}
    .pathbox h2 a { font-size: 14px;}
    .path ul li a { padding: 0 10px; font-size: 14px;}

}

/* 주메뉴 */
.sub_lnb {position:relative; background-color: #fff; border-radius: 60px; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1); height: 80px; line-height: 80px; margin-top: 40px;}
.sub_lnb .sub_menu {position:relative; /*width: 1360px;*/ margin:auto;}
.sub_lnb .sub_menu:after {display:block; position:absolute; bottom:0; left:50%; width:100vw; height:1px; background-color:#d3d3d3; transform:translateX(-50%);}
.sub_lnb .s_depth1 {position:relative; z-index:10;}
.sub_lnb .s_depth1 .m_list{display:none;}
.sub_lnb .s_depth1_item {float:left; position: relative;}
.sub_lnb .s_depth1_item:before {position: absolute; content: ''; width: 1px; height: 23px; top: 50%; margin-top: -13px; right: 0; background-color: #d6dadb;}
.sub_lnb .s_depth1_item:first-child {margin-left:0;}
.sub_lnb .s_depth1_item:nth-child(n+9) {display:none;}
.sub_lnb .s_depth1_item:nth-child(n+9):before { content: none;}
.sub_lnb .s_depth1_item:last-child:before { content: none;}
.sub_lnb .s_depth1_text {display:block; position:relative; padding:30px 25px 31px; color:#424242; font-size:17px; line-height:19px;}
.sub_lnb .active .s_depth1_text {color:#2b4380; font-weight: 500; text-decoration:none; position: relative;}
.sub_lnb .active .s_depth1_text:after {display:block; content: ''; position:absolute; bottom:0; left:50%; width:50%; margin-left: -25%; height:2px; background-color:#1e3779;}
.sub_lnb_more { position: relative; float: left; padding: 0 35px; background-color: #001952; border-radius: 60px 0 0 60px; color: #fff; font-weight: 500; margin-right: 40px; height: 80px; padding-bottom: 10px; z-index: 100;}
.sub_lnb_more:before {display:block; position:absolute; bottom:20px; left:50%; margin-left: -4px; width:0; height:0; border-top:6px solid #fff; border-right:4px solid transparent; border-left:4px solid transparent; content:''; transition:transform 200ms ease-in-out;}
.sub_lnb_more.active:before {transform:rotateX(180deg);}
.sub_lnb .layer {display:none; position:absolute; top:80px; left: 0; width:145px; z-index: 10;}
.sub_lnb .layer ul {border:1px solid #9c9c9c; background-color:#FFF; padding:14px 13px 15px 15px;}
.sub_lnb .layer ul li {margin-top:13px;}
.sub_lnb .layer ul li:first-child {margin-top:0;}
.sub_lnb .layer ul li a { display:block; line-height:23px; color:#424242; font-size:17px; letter-spacing:-0.03em;}
.sub_lnb .layer ul li a:hover:before {transform:scale(1);}

@media all and (max-width:1360px) {
    .sub_lnb { margin:40px auto 0;}
    .sub_lnb .sub_menu{ width: 100%;}
    .sub_lnb .s_depth1 { position:static; overflow-x: auto; overflow-y: hidden; display: block; height: 80px; margin-right: 20px;}
    .sub_lnb .s_depth_list { overflow-x: auto; overflow-y: hidden; width: 980px;}
    .sub_lnb .s_depth1_item:nth-child(n+9) { display: block;}
    .sub_lnb .s_depth1_item:nth-child(n+9):before { content: '';}
    .sub_lnb .s_depth1_text { padding: 30px 10px 31px;}
    .sub_lnb_more { margin-right: 20px;}
}

@media all and (max-width:1000px) {
    .sub_lnb_more { z-index: 1;}
}
@media all and (max-width:650px) {
    .sub_lnb { margin: 15px auto 0; height: 60px; line-height: 60px; font-size: 14px;}
    .sub_lnb .s_depth1 { height: 60px; margin-right: 10px;}
    .sub_lnb .s_depth1_text { padding: 20px 10px 21px; font-size: 14px;}
    .sub_lnb .s_depth_list { width: 830px;}
    .sub_lnb_more { height: 60px; margin-right: 10px; padding: 0 20px;}
    .sub_lnb_more:before { bottom: 10px;}
    .sub_lnb .layer { top: 65px;}
    .sub_lnb .layer ul li a { font-size: 14px;}
}

/* 상세검색 */
.form_popup .int_button { position: relative; width: 165px; height: 140px; margin-left: 19px; background-color: #142e6c; color: #fff; border-radius: 20px; box-shadow: 0px 10px 30px 0px rgba(12, 32, 80, 0.2); font-size: 20px; padding-top: 60px;}
.form_popup .int_button:before { position: absolute; content: ''; background: url(../images/common_icons.png) no-repeat -296px -158px; width: 40px; height: 40px; top: 30px; left: 50%; margin-left: -20px;}

.form_popup .popup_title { width: 100%; background-color: #112f6e; padding:20px 60px; box-sizing: border-box; font-size: 20px; color: #fff; position: relative; border-radius: 20px 20px 0 0;}
.form_popup .close_btn { position: absolute; top: 50%; right: 60px; margin-top: -10px;}
.form_popup .tabcontent {padding:inherit;min-height:inherit;}
.form_popup { width: 1130px; display: none; box-sizing: border-box; background-color: #fff; border:1px solid #222222; position: absolute; left: 50%; margin-left: -565px; top: 200px; z-index: 20000; border-radius: 25px 25px 20px 50px;}

@media all and (max-width:1360px){
    .form_popup .int_search { width: 1000px;}
    .form_popup .int_search form { width: 82%;}
    .form_popup .notice_board { width: 100%;}
    .form_popup .int_button { width: 15%; margin-left: 3%;}
    .form_popup .notice_board .search_input { left: 50px; width: 600px;}
    .form_popup .notice_board .search_query { width: 596px;}

    .form_popup .tabcontent .innerbox { padding: 0 35px;}
    .form_popup .tabcontent .selectbox { width: 45%;}
    .form_popup .tabcontent .selectbox:nth-child(2) { width: 50%;}
    .form_popup .tabcontent .rightbox { width: 356px;}
    .form_popup .tabcontent .rightbox .selectbox { width: 30%;}
    .form_popup .tabcontent .rightbox .search_text { width: calc(100% - 135px);}
    .form_popup .tabcontent .selectbox:after { right: 30px;}
    .form_popup .tabcontent select { width: 100%;}

    .form_popup { width: 1000px;  margin-left: -500px; top: 0;}
}
@media all and (max-width:1000px){
    .form_popup .int_search { width: 100%; bottom: -230px;}
    .form_popup .int_search form { width: 82%;}
    .form_popup .int_button { width: 16%; margin-left: 2%; font-size: 18px;}
    .form_popup .notice_board ul.list > li.active > a { padding: 0 10px;}
    .form_popup .notice_board ul.list > li > a span { font-size: 16px;}
    .form_popup .notice_board .search_input { left: 25px; width: 60%;}
    .form_popup .notice_board .search_query { width: 99%;}
    .form_popup .notice_board .search_button { right: 25px; width: 25%;}
    .form_popup .notice_board .search_submit { background-position: -285px -101px;}

    .form_popup .tabcontent select { letter-spacing: -0.7px;}
    .form_popup .tabcontent .innerbox { padding: 0 20px;}
    .form_popup .tabcontent .leftbox { width: 45%;}
    .form_popup .tabcontent .selectbox { width: 48%; font-size: 15px; float: left; margin-right: 2%;}
    .form_popup .tabcontent .selectbox:nth-child(2) { width: 47%;}
    .form_popup .tabcontent .rightbox { margin-left: 0; width: 44%;}
    .form_popup .tabcontent .rightbox .selectbox { width: 20%;}
    .form_popup .tabcontent .rightbox select { width: 80px;}
    .form_popup .tabcontent .rightbox .selectbox:after { right: -35px;}
    .form_popup .tabcontent .rightbox .search_text { width: calc(100% - 108px); padding: 0; margin-left: 20px; font-size: 14px;}
    .form_popup .tabcontent .rightbox .search_button { width: 40px; right: 20px; font-size: 0; color: transparent;}
    .form_popup .tabcontent .rightbox .search_submit { background-position: -296px -101px; padding: 0;}

    .form_popup { width: 100%; margin-left: -50%;}
}
@media all and (max-width:825px){
    .form_popup .int_search { bottom: -150px;}
    .form_popup .int_search form { width: 100%;}

    .form_popup .notice_board { min-height: 130px; border-radius: 20px;}
    .form_popup .notice_board ul.list:before { height: 40px;}
    .form_popup .notice_board ul.list > li > a { padding: 0 15px; height: 40px;}
    .form_popup .notice_board ul.list > li > a:before { top: -5px; height: calc(40px + 10px);}
    .form_popup .notice_board ul.list > li.active > a { padding: 0 5px;}
    .form_popup .notice_board ul.list > li > a span { font-size: 14px; line-height: 40px;}
    .form_popup .notice_board ul.list li .tabcontent { top: 40px;}

    .form_popup .int_button { width: 100%; margin-left: 0; margin-top: 10px; height: 30px; padding-top: 0; padding-left: 20px; font-size: 13px;}
    .form_popup .int_button:before { top: 7px; margin-left: -35px; background-position: -312px -531px;}
    .form_popup { border-radius: 25px;}
}
@media all and (max-width:580px){
    .form_popup .notice_board ul.list li .tabcontent { padding: 13px 0;}
    .form_popup .notice_board ul.list li:first-child .tabcontent { padding: 25px 0;}
    .form_popup .notice_board .search_input { width: 60%;}
    .form_popup .notice_board .search_submit { background-position: -290px -423px; font-size: 14px; padding-left: 25px;}
    .form_popup .tabcontent select { height: 28px; background-position: 95% 50%;}
    .form_popup .tabcontent .selectbox { width: 49%;}
    .form_popup .tabcontent .selectbox:after { height: 32px; right: 28px;}
    .form_popup .tabcontent .selectbox:nth-child(2) { width: 49%; margin-right: 0;}
    .form_popup .tabcontent .leftbox { width: 100%;}
    .form_popup .tabcontent .rightbox { clear: both; height: 28px; margin-top: 6px; width: 77%;}
    .form_popup .tabcontent .rightbox .selectbox:after { height: 29px; margin-top: -15px; right: -20px;}
    .form_popup .tabcontent .rightbox .search_text { height: 26px; margin-left: 0;}
    .form_popup .tabcontent .rightbox .search_button { margin-top: 2px; width: 20%; height: 30px;}
    .form_popup .tabcontent .rightbox .search_submit { background-position: -288px -428px; font-size: 14px; padding-left: 20px;}
}
@media all and (max-width:460px){
    .form_popup .notice_board .search_query::placeholder { font-size:14px;}
    .form_popup .tabcontent .rightbox .selectbox { width: 28%;}
    .form_popup .tabcontent .rightbox .search_button { width: 30px;}
    .form_popup .tabcontent .rightbox .search_submit { font-size: 0; padding-left: 0; background-position: -305px -428px;}
}
@media all and (max-width:400px){
    .form_popup .notice_board .search_input { margin-top: -15px; height: 28px; line-height: 28px; left: 15px; width: 55%;}
    .form_popup .notice_board .search_query { height: 27px; line-height: 27px;}
    .form_popup .notice_board .search_button { right: 15px; width: 90px; margin-top: -15px; height: 30px;}
    .form_popup .notice_board .search_submit { background-position: -294px -428px;}
    .form_popup .notice_board ul.list li .tabcontent { height: 60px; padding: 15px 0;}
    .form_popup .notice_board ul.list li:first-child .tabcontent { padding: 15px 0;}
    .form_popup .notice_board ul.list > li > a { padding: 0 7px 6px;}
    .form_popup .notice_board ul.list > li > a span { font-size: 13px; letter-spacing:-1px;}
    .form_popup .notice_board ul.list > li > a:before { width: calc(100% + 0px);}
    .form_popup .tabcontent .rightbox .search_text { margin-left: 15px; width: calc(100% - 92px);}
    .form_popup .tabcontent .rightbox .selectbox:after { right: -25px;}
}

/* Accordion Container */
.form_popup .acco_box { padding: 20px 60px 60px; max-height:calc(100vh - 400px); overflow:auto;}

.form_popup .accordionTitle { padding: 35px 20px; position: relative; transition: ease-in-out 0.2s all; cursor: pointer; font-size: 24px; position: relative; font-weight: 500;}
.form_popup .accordionTitle a { display: block;}
.form_popup .accordionTitle:hover { padding-left: 30px;}
.form_popup .accordionTitle:before,
.form_popup .accordionTitle:after { content:''; position: absolute;}
.form_popup .accordionTitle:before { position: absolute; content: ''; width: 50px; height: 50px; background-color: #feeb60; z-index: -1; border-radius: 30px; top: 20px; left: 0;}
.form_popup .accordionTitle:after { width: 100%; border-bottom: 1px solid #7a7d96; bottom: 0; left: 0;}
.form_popup .accordionTitle:hover::after {width: 100%;}
.form_popup .accordionTitle a:hover { text-decoration: none;}
.form_popup .accordionTitleActive:after { border-bottom: 2px solid #000;}
.form_popup .accIcon {float: right; height: 41px; line-height: 41px; margin-top: -3px; align-items: center; justify-content: center; padding-right: 35px; font-size: 24px; color: #666; font-weight: 400; }

.form_popup .accIcon:after { content:''; position: absolute; border-radius: 50px; background-color: #fff; border: 1px solid #c5c9d6; border-radius: 50%; background-image: url(../images/acc_arrow.png); background-repeat: no-repeat; background-position: 4px -24px; width: 17px; height: 11px; padding: 14px 11px; right: 0;}

.form_popup .accordionTitle .anime:after { background-color: #000; border: none; background-position: 4px 13px;}

/* Text Content */
.form_popup .accordion .item .text { opacity: 0; height: 0; position: relative; line-height: 24px; font-size: 16px; font-weight: 200; transition: all 0.6s cubic-bezier(.42,.2,.08,1); overflow: hidden; background-color: #f8f8fc; letter-spacing: 0.5px; border-bottom: 1px solid #7a7d96;}

/* Text Content - Class for JS to hide and show */
.form_popup .accordion .item .text.show {
    opacity: 1;
    height: auto;
    position: relative;
    z-index: 0;
}

@media all and (max-width:825px){
    .form_popup .accordionTitle { font-size: 20px; padding: 30px 20px;}
    .form_popup .accordionTitle:before { top: 15px;}
    .form_popup .accIcon { font-size: 18px;}
}
@media all and (max-width:560px){
    .form_popup .acco_box { padding: 20px 30px 40px;}
    .form_popup .popup_title { padding: 20px 30px;}
    .form_popup .close_btn { right: 30px;}
    .form_popup .accordionTitle { font-size: 18px; padding: 30px 20px 30px 15px;}
    .form_popup .accordionTitle:before { top: 25px; width: 30px; height: 30px;}
    .form_popup .accordionTitle:hover { padding-left: 15px;}
    .form_popup .accIcon { font-size: 14px; height: 30px; line-height: 30px; padding-right: 20px;}
    .form_popup .accIcon:after { top: 25px; padding: 9px 6px; background-position: 4px -15px; background-size: 75%;}
    .form_popup .accordionTitle .anime:after { background-position: 4px 11px;}
}
@media all and (max-width:380px){
    .form_popup .acco_box { padding: 20px 20px 40px;}
    .form_popup .accordionTitle { font-size: 16px; padding: 20px 20px 20px 15px;}
    .form_popup .accordionTitle:before { top: 15px;}
    .form_popup .accIcon:after { top: 15px;}
}
@media all and (max-width:360px){
    .form_popup .accIcon { font-size: 0; color: transparent;}
}

.mask{display:none; position:fixed; top:0; left:0; z-index:10000; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.8);}

/* 서비스 선택 */
.form_popup .res_board { width:100%; min-height: 140px; background-color: #fff; float: left;}
.form_popup .res_board ul.list { position: relative; padding: 10px 0;}
.form_popup .res_board ul.list:before { position: absolute; content: ''; background-color: #e6ecf9; width: 170px; height: calc(100% + 20px); top: 0;}
.form_popup .res_board ul.list > li { display:block; width: 170px;}
.form_popup .res_board ul.list > li > a { display:block; color:#333; transition-property:color; transition-duration:200ms; transition-timing-function:ease-in-out; font-weight: 400; padding-left: 30px; height: 54px; position: relative;}
.form_popup .res_board ul.list > li > a:before { display:block; position:absolute; top:0; left:20px; z-index:1; width:100%; height:54px; content:''; transition-property:background-color, box-shadow; transition-duration:200ms; transition-timing-function:ease-in-out;}
.form_popup .res_board ul.list > li.active > a:before  {background-color:#3d86e0; border-radius: 10px; color: #fff; left: 15px; box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.11);}
.form_popup .res_board ul.list > li.active > a:hover:before,
.form_popup .res_board ul.list > li > a:hover:before { border-radius: 10px; background-color:#3d86e0; color: #fff; z-index: 1;box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.11);}
.form_popup .res_board ul.list > li.active > a { font-weight: 500; }
.form_popup .res_board ul.list > li.active > a, .res_board ul.list > li > a:hover,
.form_popup .res_board ul.list > li.active > a span { color:#fff;}
.form_popup .res_board ul.list > li > a:hover { text-decoration:none; color: #fff;}
.form_popup .res_board ul.list > li > a span { display:block; position:relative; z-index:2; line-height:54px; font-size:17px; letter-spacing:-1px; font-weight: 500;}
.form_popup .res_board ul.list > li > a em { margin-left: 10px; font-size: 15px; color: #3d86e0;}
.form_popup .res_board ul.list > li.active > a span em { color: #fff;}
.form_popup .res_board ul.list > li.active > a span { position:relative; color: #fff;}
.form_popup .res_board ul.list > li > a:hover span em { color: #fff;}

.form_popup .res_board ul.list li .tabcontent { width:calc(100% - 234px); position: absolute; top: 0; left: 170px; padding: 25px 32px;}
.form_popup .res_board ul.list li .tabcontent ul { overflow: hidden;}
.form_popup .res_board ul.list li .tabcontent ul li { float:left; width: calc((100% - 210px) / 4); padding: 20px 35px;}
.form_popup .res_board ul.list li .tabcontent ul li:first-child { padding-left: 0;}
.form_popup .res_board ul.list li .tabcontent ul li:last-child { padding-right: 0;}
.form_popup .res_board ul.list li .tabcontent ul li a { display:block; line-height:0; color:#000; text-align: center; position: relative; text-decoration: none;}
.form_popup .res_board ul.list li .tabcontent ul li a:before { position: absolute; content: ''; width: 1px; background-color: #eee; top: 0; bottom: 0; left: -36px;}
.form_popup .res_board ul.list li .tabcontent ul li:first-child a:before { display: none;}
.form_popup .res_board ul.list li .tabcontent ul li a span { display:block; position:relative; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient: vertical; line-height:24px; font-size:15px; white-space: normal; text-align: left;}
.form_popup .res_board ul.list li .tabcontent ul li a span.basic_new { display:inline-block; width:25px; height:25px; background: url(../images/new_cont.png) no-repeat left center; padding: 5px 5px 5px 0; vertical-align: bottom; color: transparent; font-size: 0;}
.form_popup .res_board ul.list li .tabcontent ul li a span.title { font-size: 20px; height: 60px; line-height: 1.5; font-weight:400; -webkit-line-clamp: 2; text-align: justify;}
.form_popup .res_board ul.list li .tabcontent ul li a:hover span.title{ text-decoration: underline;}
.form_popup .res_board ul.list li .tabcontent ul li a span.con_txt { margin-top: 15px; color: #aaa; height: 94px; -webkit-line-clamp: 4;}
.form_popup .res_board ul.list li .tabcontent ul li a span.date { margin-top: 15px;}
.form_popup .res_board ul.list li .tabcontent ul li a:hover span:before { transform:scaleX(1);}

@media all and (max-width:1360px){
    .form_popup .res_board ul.list li .tabcontent { padding: 25px 14px 25px 50px;}
}
@media all and (max-width:1000px){
    .form_popup .res_board ul.list > li.active > a:before { left: 0; top: 0;}
    .form_popup .res_board ul.list li .tabcontent { padding: 25px 10px 25px 20px; overflow-y: scroll; max-height: 187px; width: calc(100% - 200px);}
}
@media all and (max-width:825px){
    .form_popup .res_board { min-height: 190px; padding-bottom: 10px;}
    .form_popup .res_board ul.list { padding: 10px 0 0;}
    .form_popup .res_board ul.list:before { width: 100%; height: calc(100% + 10px);}
    .form_popup .res_board ul.list > li { float: left; width: 25%;}
    .form_popup .res_board ul.list > li.active > a:before { top: -6px;}
    .form_popup .res_board ul.list > li > a { padding: 0 5px; text-align: center; height: 44px;}
    .form_popup .res_board ul.list > li > a:before { left: 0; top: -6px;}
    .form_popup .res_board ul.list > li > a:hover { left: 0; top: 0;}
    .form_popup .res_board ul.list > li > a span { font-size: 14px; line-height: 40px;}
    .form_popup .res_board ul.list > li > a em { font-size: 14px; margin-left: 0; display: block;}
    .form_popup .res_board ul.list li .tabcontent { top: 65px; left: 0; width: calc(100% - 10px); height: 100px; padding: 10px 10px 25px 0; overflow-y: scroll;}
}
@media all and (max-width:480px){
    .form_popup .res_board ul.list > li > a span { font-size: 12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient: vertical; height: 36px; -webkit-line-clamp: 1; white-space: normal;}
}
/* 지역선택 */
.form_popup .area_board { padding: 25px 134px; overflow: hidden;}

@media all and (max-width:1360px){
    .form_popup .area_board { padding: 25px 69px;}
}
@media all and (max-width:1000px){
    .form_popup .area_board { padding: 25px; width: calc(100% - 50px); margin: 0 auto;}
}
@media all and (max-width:560px){
    .form_popup .area_board { padding: 15px; width: calc(100% - 30px);}
}

/* 신청기간 */
.form_popup .calender_box { width: 60%; float: left; background-color: #fff;}
.form_popup .calender_box .ui-datepicker { width: calc(100% - 56px); padding: 46px 0;}
.form_popup .calender_box .ui-widget-content,
.form_popup .calender_box .ui-widget-header { border:0 none; background:none;}
.form_popup .calender_box .ui-state-default,
.form_popup .calender_box .ui-widget-content .ui-state-default,
.form_popup .calender_box .ui-widget-header .ui-state-default { border:0 none; background:none;}
.form_popup .calender_box .ui-datepicker .ui-datepicker-header { padding: 0;}
.form_popup .calender_box .ui-datepicker .ui-datepicker-title { font-size:18px; color: #363c5a; font-weight: 500; letter-spacing: -1px;}
.form_popup .calender_box table.ui-datepicker-calendar { width: 100%; text-align: center; border-top: none; margin-top: 20px; border-collapse:unset;}

.form_popup .calender_box table.ui-datepicker-calendar tr th { background-color: #fff; font-size: 16px; color: #363c5a; padding: 10px 0;}
.form_popup .calender_box table.ui-datepicker-calendar tr td { height: 46px; vertical-align: middle; border-top: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; font-size: 14px; background:#fffcde;}
.form_popup .calender_box table.ui-datepicker-calendar tr td:first-child span,
.form_popup .calender_box table.ui-datepicker-calendar tr td:first-child a { color: #e73e75;}
.form_popup .calender_box table.ui-datepicker-calendar tr td:last-child span,
.form_popup .calender_box table.ui-datepicker-calendar tr td:last-child a { color: #3d86e0;}
.form_popup .calender_box table.ui-datepicker-calendar tr:last-child td { border-bottom: 1px solid #e1e1e1;}
.form_popup .calender_box table.ui-datepicker-calendar tr td:last-child { border-right: 1px solid #e1e1e1;}
.form_popup .calender_box .ui-state-disabled { background: #fff;}
.form_popup .calender_box .ui-datepicker-unselectable { background: #fff !important;}
.form_popup .calender_box .ui-datepicker-today { background:#fff !important; position: relative;}
.form_popup .calender_box .ui-datepicker-today:before { position: absolute; content: ''; background: url(../images/today.png) no-repeat center; width: 35px; height: 29px; top: -15px; left: -5px;}
.form_popup .calender_box .ui-datepicker-current-day { box-shadow: 0 0 0 3px #3d86e0 inset !important;}
.form_popup .calender_box .ui-datepicker td span,
.form_popup .calender_box .ui-datepicker td a { text-align:center;}
.form_popup .calender_box .ui-datepicker .ui-datepicker-prev span,
.form_popup .calender_box .ui-datepicker .ui-datepicker-next span {display:none;}
.form_popup .calender_box .ui-datepicker .ui-datepicker-prev { width:6px; height:17px; top:8px; left:0; border:0 none; background:url('../images/common_icons.png') no-repeat -181px -143px; cursor: pointer;}
.form_popup .calender_box .ui-datepicker .ui-datepicker-next { width:6px; height:17px; top:8px; right:0; border:0 none; background:url('../images/common_icons.png') no-repeat -181px -166px; cursor: pointer;}
.form_popup .calender_box .ui-datepicker .ui-datepicker-buttonpane { display: none;}

.form_popup .calender_txt { float: right; width: calc(40% - 80px); padding: 120px 40px;}
.form_popup .info_list li { position: relative; font-weight: 400; font-size: 14px; color: #666; margin: 5px 0; letter-spacing: -0.7px;}
.form_popup .info_list li.list1,
.form_popup .info_list li.list2 { padding-left: 30px;}
.form_popup .info_list li.list2 { margin-bottom: 20px}
.form_popup .info_list li.list1:before,
.form_popup .info_list li.list2:before { position: absolute; content: ''; left: 0; top: 2px;}
.form_popup .info_list li.list1:before { width: 18px; height: 18px; border: 1px solid #c5c9d6; background-color: #fffcde;}
.form_popup .info_list li.list2:before { border: 3px solid #3d86e0; width: 14px; height: 14px;}
.form_popup .info_list li em { color: #e73e75;}

@media all and (max-width:1000px){
    .form_popup .calender_box .ui-datepicker { width: calc(100% - 30px);}
    .form_popup .calender_txt { width: calc(40% - 8%); padding: 100px 4%;}
}
@media all and (max-width:825px){
    .form_popup .calender_box { width: 100%; float: none;}
    .form_popup .calender_box .ui-datepicker { width: 100%; margin-right: 0;}
    .form_popup .calender_txt { width: calc(100% - 10%); padding: 20px 5%;}
}
@media all and (max-width:450px){
    .form_popup .calender_box .ui-datepicker { padding: 25px 0;}
}

/* 라디오폼 */
.form_popup .form .plan input, .form .payment-plan input, .form .payment-type input { display: none;}
.form_popup .form label { position: relative; border: 1px solid #d7dadb; border-radius: 15px; background-color: #fff; font-size: 18px; font-weight: 400; text-align: center; height: 58px; line-height: 58px; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: calc(20% - 10px); margin: 7px 5px;}
.form_popup .form .plan input:checked + label, .form .payment-plan input:checked + label, .form .payment-type input:checked + label { border: 1px solid #3d86e0; background-color: #fff; color: #3d86e0;}
.form_popup .form .plan input:checked + label:after, form .payment-plan input:checked + label:after, .form .payment-type input:checked + label:after { content: ''; background-image: url(../images/common_icons.png); background-repeat: no-repeat; background-position: -174px -398px; width: 20px; height: 20px; line-height: 20px; border-radius: 100%; background-color: #3d86e0; z-index: 999; position: absolute; top: -10px; left: 10px;}
.form_popup .submit { padding: 15px 60px; display: inline-block; border: none; margin: 20px 0; background-color: #fff; color: #fff; border: 1px solid #3d86e0; font-size: 18px; -webkit-transition: transform 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out;}
.form_popup .submit:hover { cursor: pointer; transform: rotateX(360deg);}

.form_popup .popup_button { width: 166px; height: 45px; background-color: #3d86e0; border-radius: 30px; margin: 50px auto 0;}
.form_popup .popup_submit { display:block; z-index:20;border: none; width: 100%; height: 100%; color: #fff;}

@media all and (max-width:1000px){
    .form_popup .form label { font-size: 15px; height: 48px; line-height: 48px; width: calc(20% - 6px); margin: 7px 3px;}
}
@media all and (max-width:825px){
    .form_popup .form label { font-size: 14px; width: calc(25% - 6px);}
}
@media all and (max-width:530px){
    .form_popup .form label { width: calc((100% / 3) - 6px); padding: 0;}
}
@media all and (max-width:460px){
    .form_popup .form label { height: 40px; line-height: 40px; border-radius: 5px;}
}

/* 콘텐츠 공통*/
#container h2.title01 { font-size: 44px; color: #fff; line-height: 58px; position: relative; text-align: center; padding-top: 200px;}
#container h2.title01 strong { color: #3c86df;}
#container h3.title02 { font-size: 30px; line-height: 36px; font-weight: 500; margin-top: 50px;}
#container h4.title03 { font-size: 24px; line-height: 28px; font-weight: 500; margin-top: 50px; position: relative; margin-left: 20px; margin-bottom: 30px;}
#container h4.title03:before { position: absolute; content: ''; width: 50px; height: 50px; background-color: #feeb60; z-index: -1; border-radius: 30px; top: -13px; left: -20px;}
#container h4.title03 span { font-size: 20px; margin-left: 20px; color: #666; line-height: 1.7;}
#container h5.title04 { font-size: 20px; color: #3d86e0; margin-top: 30px; font-weight: 500;}
#container h5.title04 span { font-size: 18px; margin-left: 20px; color: #666; line-height: 1.7;}
#container p { line-height: 1.6; font-size: 16px; color: #666; text-align: justify; font-weight: 400; margin-top: 20px;}
#container p.conc { text-align: center; color: #fff; opacity: 0.6; font-weight: 400; margin-top: 23px;}
#container p.right_txt { text-align: right; font-size: 14px; color: #aaa; margin-left: 0;}
#container p.left_txt { text-align: left; font-size: 14px; color: #aaa; margin-left: 0;}

/* 통합 예약 타이틀 */
#container h3.title { font-size: 24px; font-weight: 500; position: relative; padding-left: 30px; margin-top: 35px;}
#container h3.title:before { position: absolute; content: ''; background-image: url(../images/sub_icons.png); background-repeat: no-repeat; width: 22px; height: 23px; left: 0; top: 50%; margin-top: -11px;}
#container h3.info:before { background-position: left 0;}
#container h3.app:before { background-position: left -37px;}

@media all and (max-width:1000px){
    #container h4.title03 { font-size: 20px;}
}
@media all and (max-width:480px){
    #container h4.title03 { margin-bottom: 10px;}
}

/* 예약완료 타이틀 */
#container h3.title_c { position: relative; text-align: center; font-size: 25px; font-weight: 500; padding-top: 200px; margin-top: 120px;}
#container h3.title_c:before { position: absolute; content: ''; background: url(../images/yeyak_img.png) no-repeat center; width: 280px; height: 180px; top: 0; left: 50%; margin-left: -140px;}
@media all and (max-width:1000px){
    #container h3.title_c { font-size: 16px;}
}
@media all and (max-width:750px){
    #container h3.title_c { margin-top: 0;}
    #container h4.title03 span { display: block; text-align: right; margin-top: 25px; font-size: 15px; margin-left: 0;}
}

#container .introbox { background-color: #f5f6fa; height: 466px; margin-bottom: 50px;}
#container .introbox .body_wrap { position: relative;}
#container .introbox .body_wrap:before { position: absolute; content: ''; width: 592px; height: 385px; background: url(../images/content_img.png) no-repeat; right: 0; top: 140px; box-shadow: 19px 30px 30px 0 rgb(25 53 116 / 12%); border-radius: 34px;}
#container .inner_wrap { padding-top: 130px; padding-bottom: 130px; margin-bottom: 50px; position: absolute;}

#container .txt_red { color: #e73e75;}
#container .txt_black { color: #000;}
#container .txt_blue { color: #3d86e0;}
#container .cont_mt10 { margin-top: 10px;}
#container .cont_mt20 { margin-top: 20px;}
#container .cont_mt40 { margin-top: 40px;}
#container .cont_ml20 { margin-left: 20px;}

/* 이미지 + 테이블 */
.temp_box {position:relative; border:1px solid #ccc; margin-bottom:35px; border-radius: 10px;}
.temp_box .box_wrap {position:relative; padding:30px 30px; box-sizing:border-box;}
.temp_box .box_wrap .box_title {margin-bottom:10px; font-size:18px; line-height:26px; font-weight:400; color:#343434;}
.temp_imgbox {display:table; margin-bottom:80px;}
.temp_imgbox.last {margin-bottom:0;}
.temp_imgbox .img_area {display:table-cell; width:56.6%; text-align:right;}
.temp_imgbox .text_area {display:table-cell; width:43.4%; vertical-align:top;}
.temp_imgbox .text_area h3 {word-break:keep-all;}
.temp_imgbox.shot .img_area {width:24.6%;}
.temp_imgbox.shot .text_area {width:72.4%;}
.temp_imgbox.type2 .img_area {display:block; width:auto; margin-top:2%;}
.temp_imgbox.type2 .img_area img {display:block; float:left; width:50%;}
.temp_imgbox.type2 .text_area {display:block; width:auto; padding-right:0;}
.temp_imgbox.type3 .img_area img {width:calc(50% - 12px);}
.temp_imgbox.type3 .img_area img:first-child {margin-right:20px;}

@media all and (max-width:1000px){
    .temp_box .box_wrap {padding: 23px 30px;}
    .temp_box.icon .box_wrap {padding-left:134px; padding-right:30px;}
    .temp_box.icon .box_wrap:before {left:35px; width:70px; background-size:100% auto;}
}
@media all and (max-width:640px){
    .temp_imgbox {display:block; margin-bottom:10%;}
    .temp_imgbox .img_area {display:block; width:auto; text-align:center;}
    .temp_imgbox .text_area {display:block; width:auto; margin-bottom:2%; padding-right:0;}
    .temp_imgbox.shot .text_area {width:100%;}
    .temp_imgbox.shot .img_area {width:100%;}
    .temp_imgbox.type2 .img_area img {float:none; width:auto;}
}

#container .list_box { height: auto; overflow: hidden;}
#container .list_con { float: left; width: 50%;}
@media all and (max-width:1000px) {
    #container .list_con { float: none; width: 100%;}
}

@media all and (max-width:1360px) {
    #container .introbox .body_wrap:before { width: 42%; height: 320px; background-position: right -30px top 0; top: 200px;}
}
@media all and (max-width:1000px) {
    #container .introbox { height: auto; margin-bottom: 50px; position: relative;}
    #container .introbox:before { position: absolute; content: ''; background: url(../images/content_img.png) no-repeat center right; height: 266px; width: 100%; background-size: 100%; opacity: 0.15;}
    #container .introbox .body_wrap:before { display: none; }
    #container .inner_wrap { padding-top: 50px; text-align: center; position: unset; padding: 30px 0;}
    #container .inner_wrap p { text-align: center;}
}

@media all and (max-width:640px) {
    #container .introbox:before { display: none;}
    #container h2.title01 { margin-top: 10px; font-size: 36px; line-height: 46px;}
    #container .inner_wrap p { font-size: 14px; letter-spacing: -1.4px; margin-top: 25px; margin-bottom: 10px;}
}

/* 블렛 */
#container .blt{position:relative; margin: 15px 0 0; padding-left:21px; font-size:17px;color:#666; letter-spacing:0;font-weight:400;list-style:none;letter-spacing: -0.7px; width: calc(100% - 31px);}
#container .blt:before {display:block;overflow:hidden;position:absolute;top:6px;left:0;width:10px;height:10px;border:3px solid #3b86e1; border-radius:10px;box-sizing:border-box;content:'';}

#container .excl { position: relative; padding-left: 25px; margin-left: 0; color: #666;}
#container .excl:before { position: absolute; content: ''; background: url(../images/excl_mark.png) no-repeat; width: 19px; height: 19px; left: 0; top: 2px;}

#container .ind { position: relative; font-size: 16px; color: #666; font-weight: 400; padding-left: 15px; margin-left: 20px;}
#container .ind:before { position: absolute; content: '*'; color: #e73e75; left: 0;}
#container .ind2 { padding-left: 20px;}
#container .ind.ind2:before { position: absolute; content: '※'; color: #e73e75; left: 0; top: -2px;}

@media all and (max-width:480px) {
    #container .ind { display: block; font-size: 14px; margin-left:0; padding-left: 10px; margin-top: 20px; text-align: right;}
    #container .ind:before { right: 185px;}
}

/* 리스트 스타일 */
#container ul.bu { padding:2px 0 5px; margin-top: 20px;}
#container ul.bu > li{position:relative; margin: 0; padding-left:21px; font-size:16px; color:#666; letter-spacing:0;font-weight:400;list-style:none;letter-spacing: -0.7px; width: calc(100% - 21px);}
#container ul.bu > li img { display: block; margin-top: 10px;}
#container ul.bu > li:before{display:block;overflow:hidden;position:absolute;top:6px;left:0;width:10px;height:10px;border:3px solid #3b86e1; border-radius:10px;box-sizing:border-box;content:'';}
#container ul.bu > li:first-child {margin-top:0;}
#container ul.bu > li .title {margin-right:18px;color:#000;font-weight:600;}
#container ul.bu > li ul { margin: 5px 0;}
#container ul.bu > li ul li { position:relative; margin:2px 0; padding-left:21px; color:#666; line-height:30px; letter-spacing:0; font-weight:400; list-style:none;}
#container ul.bu > li ul li:before { position: absolute; content: ''; top:12px; width:7px;height:7px;border:none; border-radius:50%; background-color:#d7dadb; left: 0;}
@media all and (max-width:1000px) {
    #container ul.bu { padding:2px 0 5px 0;}
}

#container ol.num { padding:2px 0 5px 30px;}
#container ol.num > li {position:relative; margin: 20px 0 10px; padding-left:26px; font-size:17px; color:#333; line-height:30px; letter-spacing:0; font-weight:400;list-style:none;counter-increment:number;}
#container ol.num > li:before {position:absolute;top:3px;content:counter(number, decimal);width:18px;height:18px;background-color:#fff;border:1px solid #666;border-radius:100%;font-size:11px;color:#333;line-height:19px;text-align:center;left:0;letter-spacing:0;font-weight:400;list-style:none;}
#container ol.num > li span.title {margin-right:18px;color:#000;font-weight:600;}
#container ol.num > li ul li { position:relative; margin:2px 0; padding-left:21px; font-size:15px;color:#333; line-height:30px; letter-spacing:0; font-weight:400; list-style:none;}
#container ol.num > li ul li:before {position:absolute;top:11px;left:0; width:6px; height:2px;border:none;border-radius:0;background-color:#999;content:'';}

.nobg {background: none;}
.nobg:before { display: none;}

/* 링크, 다운로드 공통 */
.btn, .btn.download, .download { position: relative;}
.btn:before, .btn.download:before, .download:after { position: absolute; content: '';  background-image: url(../images/common_icons.png); background-repeat: no-repeat;}


/* 링크 */
.btn { display:inline-block; margin:0; height:auto; line-height:inherit; border:1px solid #2277e3; background:#3c86df; color:#fff; font-size:15px; text-decoration:none; vertical-align:top; cursor:pointer; box-sizing:content-box; border-radius: 30px; padding: 15px 100px 15px 30px;}
.btn:before { width: 12px; height: 12px; right: 20px; top: 15px; background-position:left -455px;}

.btn.type1 { color: #fff;}
.btn.type2{ background-color: transparent; border:1px solid #d5d5d5;}
.btn.type2:before { background-position: left bottom; width: 15px; height: 15px;}

.blank {display:inline-block; position:relative; margin:0 2px; white-space:nowrap;}
.blank:before {content:''; display:inline-block; position:absolute; bottom:0; left:0; width:calc(100% - 17px); border-bottom:1px dotted #666;}
.blank:after {content:""; display:inline-block; width:15px; height:15px; margin-left:5px; background:url('../images/common_icons.png') no-repeat left -625px; vertical-align:middle;}
.blank:hover {color:#ec4300; text-decoration:none;}
.blank:hover:before {border-bottom:1px dotted #ec4300;}

/* 다운로드 */
.btn.download { padding: 10px 70px 10px 30px;}
.btn.download.type1 {border:1px solid #d5d5d5; background:#fff; color:#333; margin: 0 10px 0 5px;}
.btn.download.type1:before { width:14px; height:14px; background-position:-177px -223px;}
.btn.download.type1:hover {border:1px solid #3d86e0; color:#3d86e0; box-shadow: 0 0 10px 0 rgb(25 53 116 / 12%); }
.btn.download.type1:hover:before { background-position:-177px -254px;}

.download {padding-right: 20px; }
.download:after { width:14px; height:14px; bottom: 3px; right: 0; background-position:-177px -223px;}

@media all and (max-width:640px) {
    .btn.download.type1 { margin: 5px 0;}
    .btn { margin:5px 5px 5px 0;}
}

/* 콘텐츠 박스*/
.con_box { margin-top:35px; border-radius: 10px; overflow: hidden;}
.box_title {margin-bottom:25px; font-size:20px; line-height:26px; font-weight: 600; position: relative;}
.con_box p { text-align: justify;}

.con_box1 { border:1px solid #d6dadb; padding:50px;}
.con_box1 .conbox_wrap1 { width:calc(50% - 40px); float: left; position: relative; font-size: 16px; padding: 5px 20px;}
.con_box1 .conbox_wrap1:first-child:after { position: absolute; display: block; content: ''; width: 1px; height: auto; top: 0; bottom: 0; right: 10px; background-color: #d6dadb;}

#container .con_box2 { background-color: #f4f5f9; padding:40px 25px;}
.con_box2 .conbox_wrap2 { width:calc(50% - 40px); float: left; position: relative; font-size: 16px; padding: 5px 20px;}
.con_box2 .conbox_wrap2:first-child:after { position: absolute; display: block; content: ''; width: 1px; height: auto; top: 0; bottom: 0; right: 0; background-color: #d6dadb;}

@media all and (max-width:1000px) {
    .con_box1 { padding: 25px;}
    .con_box1 .conbox_wrap1 { width: calc(50% - 30px); padding: 5px 15px;}
    .con_box1 .conbox_wrap1:first-child:after { right: 5px;}

    .con_box2 { padding: 30px 40px;}
}

/* 콘텐츠 박스 리스트 */
.con_box ul { padding-left: 120px;}
.con_box ul li { position: relative; padding-left: 15px; color: #666; text-align: justify;}
.con_box ul li:before { position: absolute; content: ''; width: 7px; height: 7px; background-color: #d7dadb; left: 0; top: 8px; border-radius: 50%;}

/* 콘텐츠 박스 아이콘 */
.box_title:before { position: absolute; content: ''; background-image: url(../images/edu_icon.png); background-repeat: no-repeat; width: 100px;}
.box_title.edu { padding-left: 120px;}
.box_title.edu:before { height: 98px; left: 0; top: -20px;}
.box_title.edu1:before { background-position: center top;}
.box_title.edu2:before { background-position: center -120px;}
.box_title.edu3:before { background-position: center -260px;}
.box_title.edu4:before { background-position: center -390px;}
.box_title.edu5:before { background-position: center -510px;}
.box_title.edu6:before { background-position: center -640px;}
.box_title.edu7:before { background-position: center -760px;}
.box_title.edu8:before { background-position: center -900px;}

.box_title.equip { padding-left: 120px;}
.box_title.equip:before { position: absolute; content: ''; background-image: url(../images/equip_icon.png); background-repeat: no-repeat; width: 100px; height: 98px; left: 0; top: -20px; background-position: center top;}
.box_title.equip1:before { background-position: center -90px;}
.box_title.equip2:before { background-position: center -200px;}
.box_title.equip3:before { background-position: center -320px;}

.con_box .title2 { margin-left: 120px}

@media all and (max-width:1000px) {
    .box_title.edu:before { top: 50%;}
    .box_title.edu { padding-left: 100px;}
    .box_title.equip:before { top: 50%;}
    .box_title.equip { padding-left: 100px;}
    .con_box ul { padding-left: 100px;}
}
@media all and (max-width:700px) {
    .box_title.edu { padding-left: 0;}
    .box_title.edu:before { content: none;}
    .box_title.equip { padding-left: 0;}
    .box_title.equip:before { content: none;}
    .con_box ul { padding-left: 0;}
    .con_box ul li { margin: 5px 0;}

    .con_box .title2 { margin-left: 0;}
}

/* 이미지 */
.img_box { overflow: hidden; margin: 20px 0 50px; text-align: center; color: #666;}
.img_box .img_wrap { float: left; width:calc(33.33% - 30px); padding: 0 15px; position: relative;}
.img_box .img_wrap:after { position: absolute; display: block; content: ''; width: 1px; height: auto; top: 50px; bottom: 50px; right: 0; background-color: #d6dadb;}
.img_box .img_wrap:last-child:after { display: none;}
.img_box .img_wrap img { display: block; margin: 0 auto 10px;}

.img_box2 { overflow: hidden; text-align: center; color: #666; padding: 20px 0 30px;}
.img_box2 .img_wrap { float: left; width:calc(50% - 30px); padding: 0 15px; position: relative;}
.img_box2 .img_wrap:after { position: absolute; display: block; content: ''; width: 1px; height: auto; top: 0; bottom: 50px; right: 0; background-color: #d6dadb;}
.img_box2 .img_wrap:last-child:after { display: none;}
.img_box2 .img_wrap img { display: block; margin: 0 auto 20px; vertical-align: bottom; border-radius: 10px;}

.img_col { margin: 20px 30px 10px;}

@media all and (max-width:1000px) {
    .img_col { display: block; margin: 20px auto 10px;}
}
@media all and (max-width:750px) {
    .img_box { margin-top: 0;}
    .img_box .img_wrap { float: none; width:100%; padding: 0;}
    .img_box .img_wrap:after { display: none;}
    .img_box .img_wrap img { height: 180px;}

    .img_box2 { padding: 10px 0 30px;}
    .img_box2 .img_wrap { float: none; width: 100%; padding: 0; margin-bottom: 25px}
    .img_box2 .img_wrap:after { display: none;}
    .img_box2 .img_wrap img {margin: 0 auto 10px;}

}

/* 테이블 */
.table {position:relative; width:100%;margin:5px 0 10px;}
.table th, table.table td { padding:11px 10px 10px; border-bottom:1px solid #e6e7ec;vertical-align:middle;}
.table tr:first-child th, table tr:first-child td { border-top: 1px solid #e6e7ec;}
.table th {text-align: center;}
.table thead th { border:1px solid #e6e7ec; font-size:16px; color:#191919; font-weight:600; background:#f4f5f9; }
.table thead tr:first-child th{border-top:2px solid #7b7d96; border-bottom:1px solid #c5c9d5;}
.table thead tr:last-child th{border-bottom:none;}
.table thead th[rowspan]{border-bottom:none !important;}
table.table th:first-child, table.table td:first-child{border-left:none}
table.table th:last-child, table.table td:last-child{border-right:none}
.table tbody tr:first-child th, .table tbody tr:first-child td{border-top-color:#c5c9d5;}
.table tbody th{font-weight:600;background:#f9fafc;color:#333;}
.table tbody td { color:#666; padding:15px 30px;}
.table tfoot th, table.table tfoot td{font-weight:normal;border-bottom:1px solid #c5c9d5;}
.table td img {vertical-align:middle}
.table:after{display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background-color:#c5c9d5; content:'';}
.table.td_left tbody tr td:first-child { text-align: left;}

.table colgroup col:first-child { width: 15%;}

.table tbody tr td .txt_list { margin-top: 10px;}
.table tbody tr td .txt_list li { position: relative; text-align: left; padding-left: 15px; font-size: 15px;}
.table tbody tr td .txt_list li:before { position: absolute; content: ''; height: 2px; width: 5px; background-color: #aaa; left: 0; top: 10px;}
.table tbody tr td.color01 { background-color: #dbe3ee; color: #000;}
.table tbody tr td.color02 { background-color: #dbeeec; color: #000;}

.scroll_table { margin-top: 20px;}
.table.txt_cent tbody td { text-align: center;}

@media screen and (max-width: 1000px) {
    #container table .none { display: none !important;}
}
@media screen and (max-width:680px){
    .table colgroup col:first-child { width: 30%;}
    .table th, table.table td { padding: 10px 5px;}
    .table tbody th { font-size: 14px;}
    .table tbody td { padding: 10px 20px;}
}
@media screen and (max-width: 750px) {
    .table colgroup col:first-child { width: 30%;}

    .scroll_table{overflow:hidden;overflow-x:auto;}
    .scroll_table table{min-width:1000px;}
    .scroll_table table td { font-size: 16px;}
    .scroll_table table tbody tr td:first-child { font-size: 16px;}

    .scroll_table table.table_packed{min-width:100%;}
    .scroll_table table.table_packed{width:auto;}
    .scroll_table table.table_packed th,
    .scroll_table table.table_packed td{white-space:nowrap;}
}
@media screen and (max-width: 480px) {
    .table colgroup col:first-child { width: 50%;}
}

/* 절차 */
#container .temp_step1 { padding:10px 0 30px;}
#container .temp_step1 > ol.temp_step_box { overflow: hidden; margin-bottom:-30px;}
#container .temp_step1 > ol.temp_step_box > li { position: relative; display:block; margin-right:20px; margin-bottom:15px; font-size:15px; line-height:25px; letter-spacing:0; box-sizing:border-box; list-style:none; vertical-align:middle; border-radius: 10px; width: calc((100% - 60px)/ 3); text-align: center; float: left; min-height: 200px; padding: 125px 0 35px;}
#container .temp_step1 > ol.temp_step_box > li:nth-child(odd) { background-color:#f4f5f9;}
#container .temp_step1 > ol.temp_step_box > li:nth-child(even) { border: 1px solid #d7dadb;}
#container .temp_step1 > ol.temp_step_box > li:before { position: absolute; content: ''; width: 80px; height: 80px; border-radius: 50%; background-image: url(../images/step1.png); background-repeat: no-repeat; left: 50%; margin-left: -40px; top: 25px; background-position: center 10px;}
#container .temp_step1 > ol.temp_step_box > li:nth-child(odd):before { background-color: #fff;}
#container .temp_step1 > ol.temp_step_box > li:nth-child(even):before { background-color: #f4f5f9;}
#container .temp_step1 > ol.temp_step_box > li:nth-child(2):before { background-position: center -90px;}
#container .temp_step1 > ol.temp_step_box > li:nth-child(3):before { background-position: center -185px;}
#container .temp_step1 > ol.temp_step_box > li .title { display: block; font-size: 20px; font-weight: 500;}

#container .temp_step1 > ol.temp_step_box.style2 > li { height: 260px;}
#container .temp_step1 > ol.temp_step_box.style2 > li .title { margin-bottom: 5px;}
#container .temp_step1 > ol.temp_step_box.style2 > li:nth-child(1):before { background-position: center -285px;}

@media all and (max-width:750px){
    #container .temp_step1 > ol.temp_step_box > li { width: 100%; margin-right: 0;}
}

/* 스텝 박스 */
#container .temp_step3 { padding:10px 0 30px;}
#container .temp_step3 > ol.temp_step_box { margin-bottom:-30px;}
#container .temp_step3 > ol.temp_step_box > li { display:inline-block;position:relative;margin-right:20px; margin-bottom:15px; padding:20px 15px; background-color:#858da1;font-size:15px; color:#fff; line-height:23px; letter-spacing:0; box-sizing:border-box; list-style:none; vertical-align:middle;}
#container .temp_step3 > ol.temp_step_box > li:before { display:block;position:absolute;top:calc(50% - 7px);left:calc(100% + 9px);width:9px;height:14px;background:url(../images/step_box_next.png) no-repeat left top;content:'';}
#container .temp_step3 > ol.temp_step_box > li:last-child{margin-right:0;background-color:#1e4697;}
#container .temp_step3 > ol.temp_step_box > li:last-child:before {display:none;content:'';}
#container .temp_step3 > ol.temp_step_box > li > .inner{display:table;width:100%;height:100%;}
#container .temp_step3 > ol.temp_step_box > li > .inner .text { display:table-cell;width:100%;height:100%; text-align:center; color: #fff; font-weight: 500;}
@media all and (max-width:640px){
    #container .temp_step3 > ol.temp_step_box {padding:0;margin-bottom:0;}
    #container .temp_step3 > ol.temp_step_box > li{float:left;width:100%;margin-right:0;margin-bottom:30px;padding:2% 3%;font-size:16px;}
    #container .temp_step3 > ol.temp_step_box > li:before{ top:calc(100% + 7px); left:50%;transform:rotate(90deg);}
    #container .temp_step3 > ol.temp_step_box > li:last-child{margin-bottom:0;}
}

/* 탭메뉴 */
.tabmenu ul li { float:left; width:25%;}
.tabmenu ul li a {position:relative; display:block; border-color:#d6d6d6; border-style:solid; border-width:0 1px 1px 0; background-color:#f9f9f9; height:42px; padding:0 36px 0 20px; line-height:42px; vertical-align:middle; color:#777777; transition-property:border-color, background-color, color; transition-duration:200ms; transition-timing-function:ease-in-out; font-size: 15px; letter-spacing: -0.7px;}
.tabmenu ul li:nth-child(-n+4) a{border-width:1px 1px 1px 0;}
.tabmenu ul li:nth-child(4n+1) a{border-width:1px;}
.tabmenu ul li:nth-child(n+5) a{border-top-width:0;}
.tabmenu ul li.active a, .tabmenu ul li a:hover{border-color:#0e57d0; background-color:#0e57d0; color:#FFF;}
.tabmenu ul li a:before{position:absolute; top:calc(50% - 4px); right:20px; display:block; width:14px; height:8px; background-repeat:no-repeat; background-position:center top; background-image:url(../images/tab_menu_icons.png); content:''; transition-property:background-position, transform; transition-duration:200ms; transition-timing-function:ease-in-out;}
.tabmenu ul li.active a:before, .tabmenu ul li a:hover:before{background-position:center bottom; transform:rotateX(180deg);}
.tabmenu ul li a span{display:inline-block; line-height:14px; vertical-align:middle;}
.tabmenu ul li a:hover span{text-decoration:underline;}
.tab_menu_box{position:relative;margin-bottom:30px;z-index:1;}
.tab_menu_box .tab_menu_button{position:relative; display:none; border:#0e57d0 solid 3px; width:100%; height:auto; margin:0; padding:11px 33px 11px 17px; background-color:transparent; line-height:20px; text-align:left; color:#0e57d0; font-size:15px; letter-spacing:-0.03em;}
.tab_menu_box .tab_menu_button:before{position:absolute; top:17px; right:17px; display:block; width:14px; height:8px; background:url(../images/tab_menu_button.png) no-repeat; content:'';}

.tabmenu.col1 ul li{width:100%;}
.tabmenu.col2 ul li{width:50%;}
.tabmenu.col3 ul li{width:33.334%;}
.tabmenu.col4 ul li{width:25%;}
.tabmenu.col5 ul li{width:20%;}
.tabmenu.col6 ul li{width:16.6%;}
.tabmenu.col7 ul li{width:14.2%;}
.tabmenu.col8 ul li{width:12.5%;}
.tabmenu.col9 ul li{width:11.1%;}
.tabmenu.col10 ul li{width:10%;}

.tabmenu.col1 ul li:nth-child(-n+1) a{border-width:1px 1px 1px 0;}
.tabmenu.col1 ul li:nth-child(1n+1) a{border-width:1px;}
.tabmenu.col1 ul li:nth-child(n+2) a{border-top-width:0;}
.tabmenu.col2 ul li:nth-child(-n+2) a{border-width:1px 1px 1px 0;}
.tabmenu.col2 ul li:nth-child(2n+1) a{border-width:1px;}
.tabmenu.col2 ul li:nth-child(n+3) a{border-top-width:0;}
.tabmenu.col3 ul li:nth-child(-n+3) a{border-width:1px 1px 1px 0;}
.tabmenu.col3 ul li:nth-child(3n+1) a{border-width:1px;}
.tabmenu.col3 ul li:nth-child(n+4) a{border-top-width:0;}
.tabmenu.col4 ul li:nth-child(-n+4) a{border-width:1px 1px 1px 0;}
.tabmenu.col4 ul li:nth-child(4n+1) a{border-width:1px;}
.tabmenu.col4 ul li:nth-child(n+5) a{border-top-width:0;}
.tabmenu.col5 ul li:nth-child(-n+5) a{border-width:1px 1px 1px 0;}
.tabmenu.col5 ul li:nth-child(5n+1) a{border-width:1px;}
.tabmenu.col5 ul li:nth-child(n+6) a{border-top-width:0;}
.tabmenu.col6 ul li:nth-child(-n+6) a{border-width:1px 1px 1px 0;}
.tabmenu.col6 ul li:nth-child(6n+1) a{border-width:1px;}
.tabmenu.col6 ul li:nth-child(n+7) a{border-top-width:0;}
.tabmenu.col7 ul li:nth-child(-n+7) a{border-width:1px 1px 1px 0;}
.tabmenu.col7 ul li:nth-child(7n+1) a{border-width:1px;}
.tabmenu.col7 ul li:nth-child(n+8) a{border-top-width:0;}
.tabmenu.col8 ul li:nth-child(-n+8) a{border-width:1px 1px 1px 0;}
.tabmenu.col8 ul li:nth-child(8n+1) a{border-width:1px;}
.tabmenu.col8 ul li:nth-child(n+9) a{border-top-width:0;}
.tabmenu.col9 ul li:nth-child(-n+9) a{border-width:1px 1px 1px 0;}
.tabmenu.col9 ul li:nth-child(9n+1) a{border-width:1px;}
.tabmenu.col9 ul li:nth-child(n+10) a{border-top-width:0;}
.tabmenu.col10 ul li:nth-child(-n+10) a{border-width:1px 1px 1px 0;}
.tabmenu.col10 ul li:nth-child(10n+1) a{border-width:1px;}
.tabmenu.col10 ul li:nth-child(n+11) a{border-top-width:0;}

@media screen and (max-width:1000px){
    .tabmenu ul li a{padding:0 24px 0 4%;}
    .tabmenu ul li a:before{right:11px;}
    .tabmenu ul li a span{line-height:18px; font-size:15px;}
}
@media screen and (max-width:640px){
    .tab_menu_box .tab_menu_button{display:inline-block;}
    .tab_menu_box .tabmenu{position:absolute; top:100%; left:0; display:none; width:100%;}
    .tab_menu_box .tabmenu ul li{float:none; width:auto;}
    .tab_menu_box .tabmenu ul li a{border-width:0 1px 1px; background-color:#FFF; height:auto; padding:13px 4%; line-height:20px;}
    .tab_menu_box .tabmenu ul li:first-child a{border-width:1px;}
    .tab_menu_box .tabmenu ul li.active a, .tab_menu_box .tabmenu ul li a:hover{border-color:#072f8c; background-color:#072f8c;}
    .tab_menu_box .tabmenu ul li a:before{display:none;}
    .tab_menu_box .tabmenu ul li a span{display:block; margin-bottom:0; line-height:20px;}

    .tab_menu_box .tabmenu.col1 ul li,
    .tab_menu_box .tabmenu.col2 ul li,
    .tab_menu_box .tabmenu.col3 ul li,
    .tab_menu_box .tabmenu.col4 ul li,
    .tab_menu_box .tabmenu.col5 ul li,
    .tab_menu_box .tabmenu.col6 ul li,
    .tab_menu_box .tabmenu.col7 ul li,
    .tab_menu_box .tabmenu.col8 ul li,
    .tab_menu_box .tabmenu.col9 ul li,
    .tab_menu_box .tabmenu.col10 ul li{width:auto;}
    .tab_menu_box .tabmenu.col1 ul li a,
    .tab_menu_box .tabmenu.col2 ul li a,
    .tab_menu_box .tabmenu.col3 ul li a,
    .tab_menu_box .tabmenu.col4 ul li a,
    .tab_menu_box .tabmenu.col5 ul li a,
    .tab_menu_box .tabmenu.col6 ul li a,
    .tab_menu_box .tabmenu.col7 ul li a,
    .tab_menu_box .tabmenu.col8 ul li a,
    .tab_menu_box .tabmenu.col9 ul li a,
    .tab_menu_box .tabmenu.col10 ul li a{border-width:0 1px 1px;}
}

/* 맵 아이콘 공통 */
.map_icon { display: inline-flex;}

/* 검색박스 */
.search_area { margin-top: 40px;}
.search_box { overflow: hidden;}
.search_box .innerbox { float: right;}
.search_box .innerbox2 { display: table; overflow: hidden; margin: 0 auto;}
.search_box .selct { float:left;}
.search_box .selectbox { position: relative;}
.search_box .selectbox:after { content:''; display: block; position: absolute; z-index: 1; top: 50%; margin-top: -19px; right: 50px; width: 0; height: 38px; border-left:1px solid #c5c9d6; border-bottom:none;}
.search_box select { width: 190px; height:40px; padding:1px 50px 1px 12px; border-radius: 20px; border: 1px solid #c5c9d6; -webkit-appearance:none; -moz-appearance:none; background: url(../images/select_arrow.png) no-repeat 90% 50%; margin-right: 10px;}
.search_box select::-ms-expand { display:none;/*for IE10,11*/}
.search_box .rightbox { float: left; width: 258px; border:1px solid #c5c9d6; border-radius: 20px; height: 38px; margin-right: 10px;}
.search_box .rightbox .selectbox:after { content:''; display: block; position: absolute; z-index: 1; top: 50%; right: 0; width: 0; height: 38px; border-left:1px solid #c5c9d6; border-bottom:none;}
.search_box .rightbox select { width:100px; margin:0; padding:0 10px; border:none; color:#282828; letter-spacing:-0.03em; background-position: 85% 50%;}
.search_box .rightbox .search_text { width:calc(100% - 20px); height:36px; border:none; box-sizing:border-box; color:#979797; font-size:16px; letter-spacing:-0.04em; border-radius: 30px; padding: 0 10px; margin: 0 10px;}
.search_box .rightbox select::-ms-expand { display:none;}
.search_box .search_button { width: 100px; height: 40px; background-color: #3d86e0; border-radius: 20px; float: left; position: relative;}
.search_box .search_submit { display:block; position:absolute; top:0; right: 0; z-index:20; background: url(../images/common_icons.png) no-repeat -250px -555px; border: none; width: 100%; height: 100%; padding-right: 30px; color: #fff;}

@media screen and (max-width:1000px){
    .search_box select { margin-right: 5px;}
    .search_box .rightbox { margin-right: 5px;}
    .search_box .search_button { width: 90px;}
}
@media screen and (max-width:650px){
    .search_box .innerbox { clear: both; margin-top: 20px; width: 100%;}
    .search_box .selct { width: calc(35% - 5px); margin-right: 5px;}
    .search_box select { width: 100%; font-size: 14px;}
    .search_box .selectbox:after { content: none;}
    .search_box .innerbox2 { width: 100%;}
    .search_box .rightbox { width: calc(47% - 10px);}
    .search_box .rightbox .search_text { font-size: 14px; padding: 0;}
    .search_box .search_button { width: 18%;}
    .search_box .search_submit { background: none; padding: 0; font-size: 14px;}
}


/* 게시물 갯수 */
.row_txt { position: relative; float: left; font-size: 15px; color: #636363; line-height: 40px; padding-left: 20px;}
.row_txt:before { position: absolute; content: ''; background: url(../images/sub_icons.png) no-repeat -28px 0; width: 13px; height: 15px; left: 0; top: 50%; margin-top: -8px;}
.row_txt .em_blue {color: #363c5a; margin-right: 15px;}

@media screen and (max-width:650px){
    .row_txt { line-height: 30px; font-size: 14px;}
}

/* 접수목록 */
.yeyak-t {position:relative;width:100%;border-collapse:collapse;margin:20px 0 0;}
.yeyak-t thead tr:first-child th{border-top:1px solid #7a7d96;}
.yeyak-t caption+tbody tr:first-child td,.yeyak-t caption+tbody tr:first-child th,.yeyak-t colgroup+tbody tr:first-child td,.yeyak-t colgroup+tbody tr:first-child th{border-top:2px solid #222}
.yeyak-t td,.yeyak-t th{border-bottom:1px solid #c5c9d6;}
.yeyak-t th{padding:20px 11px; color:#000;text-align:center;font-weight:500;vertical-align:middle; position: relative;}
.yeyak-t th:before { position: absolute; content: ''; width: 1px; height: 16px; right: 0; top: 50%; margin-top: -9px; background-color: #c5c9d6;}
.yeyak-t th:last-child:before{display:none}
.yeyak-t tbody th{background:#fcfcfc}
.yeyak-t td {padding:11px;box-sizing:border-box; letter-spacing: -1px; color: #666;}
.yeyak-t tr:hover { background-color: #f4f5f9;}
.yeyak-t td img{margin:0 2px;vertical-align:middle}
.yeyak-t td.p-subject a{display:inline}
.yeyak-t td.p-subject .p-icon{margin-top:1px;vertical-align:top}
.yeyak-t .p-subject{text-align:left;box-sizing:border-box}
.yeyak-t .p-subject a:hover{color:#202e70}
.yeyak-t .p-notice{background:#fafafa}
.yeyak-t .active td{background:#f0f0f0;color:#bbb}
.yeyak-t .active td>a,.yeyak-t .active td>span{color:#bbb}
.yeyak-t .active td .p-icon,.yeyak-t .active td img{opacity:.6}

switch{display:block; color:transparent; font-size:0;}

/* 접수상태 */
.yeyak-t td.edu span { position: relative; padding-right: 15px;}
.yeyak-t td.edu span:after { position: absolute; content: ''; width: 10px; height: 10px; background-color: #9498a1; border-radius: 50%; right: 0; top: -10px;}

.yeyak-t td.edu.edu_ing span,
.yeyak-t td.edu.edu_start span { font-weight: 500;}
.yeyak-t td.edu.edu_ing span { color: #3d86e0;}
.yeyak-t td.edu.edu_ing span:after { background-color: #3d86e0;}
.yeyak-t td.edu.edu_start span { color: #00a3a0;}
.yeyak-t td.edu.edu_start span:after { background-color: #00a3a0;}

.txt_btn { overflow: hidden;}
.txt_btn .new_text { display: block; border: 1px solid #3d86e0; color: #3d86e0; width: 120px; height: 40px; margin-top: 20px; border-radius: 20px; float: right;}

@media screen and (max-width:1360px){
    .yeyak-t td { font-size: 15px;}
    .yeyak-t td.edu { padding: 11px 0;}
    .yeyak-t td.edu span { padding-right: 0;}
    .yeyak-t td.edu span:after { display: none;}
}
@media screen and (max-width:500px){
    .yeyak-t th { padding: 10px 5px;}
    .yeyak-t td { font-size: 14px;}
}

/* 페이징 */
.colgroup .p-pagination {position:relative;display:table ;margin:20px auto}
.colgroup .p-pagination.left{margin-left:0;margin-right:auto}
.colgroup .p-pagination.right{margin-left:auto;margin-right:0}
.colgroup .p-page{display:table;margin:0;text-align:center}
.colgroup .p-page__link{display:table-cell;position:relative;width:40px;height:40px;margin-left:0;margin-right:0;text-align:center;font-size:.95em;color:#222;line-height:38px;letter-spacing:-2px;vertical-align:middle; border: none; background:#fff}
.colgroup .p-page__link.active{ background:#f4f5f9; color:#437dea; font-weight:400; border-radius: 50%;}
.colgroup .p-page__link.active:after { content:none;}
.colgroup .p-page__link a:hover:after { content: none;}
.colgroup .p-page__link.active:hover { background:#f4f5f9; color:#437dea; border-radius: 50%;}
.colgroup .p-page__link:hover { background:#f4f5f9; color:#437dea; border-radius: 50%;}
.colgroup .p-page__link a { text-decoration: none;}
.colgroup .p-page__link a:hover { background:#f4f5f9; color:#437dea; border-radius: 50%; text-decoration: none;}
.colgroup .p-page__link-group {display:inline-block; margin: 0 15px; border-left: none;}
.colgroup .p-page__control{display:inline-block;margin:0 3px; border-left:none;vertical-align:top}
.colgroup .p-page__control svg{vertical-align:middle}
.colgroup .p-page__control .prev-one{display:none;background:0 0}
.colgroup .p-page__control .next-one{display:none;background:0 0}
.colgroup .p-page__link.prev-end,
.colgroup .p-page__link.prev,
.colgroup .p-page__link.next-end,
.colgroup .p-page__link.next { border: 1px solid #c6cad7; border-radius: 50%; margin: 0 2px; display: inline-table;}

@media screen and (max-width:1000px){
    .colgroup .p-pagination{display:block}
    .colgroup .p-page{display:block;margin:0}
    .colgroup .p-page__link {display:inline-block;border: 1px solid #dedede}
    .colgroup .p-page__link-group{display:none}
    .colgroup .p-page__control{display:inline-block;width:49%;margin:0;border:none;text-align:right;height:54px;line-height:50px}
    .colgroup .p-page__control:first-child{text-align:left}
    .colgroup .p-page__control .next, .colgroup .p-page__control .next-end, .colgroup .p-page__control .prev, .colgroup .p-page__control .prev-end {display:none}
    .colgroup .p-page__control .next-one, .colgroup .p-page__control .prev-one{display:inline-block;width:auto;min-width:95%;background:#fafafa;font-size:inherit;text-indent:0; border-radius: 0;}
    .colgroup .p-page__control .prev-one svg{margin:-2px 15px 0 0;vertical-align:middle}
    .colgroup .p-page__control .next-one svg{margin:-2px 0 0 15px;vertical-align:middle}
}

/* 상세정보 */
.infobox { border-top: 1px solid #7a7d96; margin-top: 30px; padding-top: 35px;}
.infobox .titlebox { height: auto; line-height: 1.5;overflow: hidden;}

.infobox .titlebox .step { float: left; display: flex; align-items: center; text-align: center; color: #fff; width: 80px; height: 80px; border-radius: 50%; justify-content: center; margin-right: 25px;}
.infobox .titlebox .step.ing { background-color: #58a5ab;}
.infobox .titlebox .step.start {
    background: rgb(36,149,186); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgba(36,149,186,1) 24%, rgba(92,116,246,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  rgba(36,149,186,1) 24%,rgba(92,116,246,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  rgba(36,149,186,1) 24%,rgba(92,116,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2495ba', endColorstr='#5c74f6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.infobox .titlebox .step.end,
.infobox .titlebox .step.edu_end { background-color: #9499a1;}

.infobox .titlebox .title_text { width: calc(100% - 105px); float: left; margin: 5px 0 2px;}
.infobox .titlebox .title_text .category { display: inline-flex; border: 1px solid #3d86e0; color: #3d86e0; padding: 3px 15px; border-radius: 20px; width: auto; font-size: 15px;}
.infobox .titlebox .title_text .title { display: block; font-size: 25px; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; white-space: normal; -webkit-line-clamp: 2; height: 80px;}

@media screen and (max-width:1000px){
    .infobox .titlebox .title_text { margin: 0;}
    .infobox .titlebox .title_text .category { font-size: 14px;}
    .infobox .titlebox .title_text .title { font-size: 18px; height: 52px;}
}
@media screen and (max-width:750px){
    .infobox .titlebox .title_text .title { font-size: 16px; height: 50px;}
}
@media screen and (max-width:400px){
    .infobox { padding-top: 20px;}
    .infobox .titlebox { margin-bottom: 25px;}
    .infobox .titlebox .title_text { width: 100%;}
    .infobox .titlebox .step { display: none;}

}

/* 목록, 신청 버튼 */
#container .btnbox { display: table; table-layout: fixed; margin: 30px auto;}
#container .btnbox a { display: inline-table; padding: 12px 44px; border: 1px solid #3d86e0; border-radius: 30px; margin: 0 7px;}
#container .btnbox > .btn_navy { color: #3d86e0; background-color: #fff;}
#container .btnbox > .btn_blue { color: #fff; background-color: #3d86e0;}

@media screen and (max-width:1000px){
    #container .btnbox a { padding: 5px 30px; margin: 0 3px;}
}

/* 신청 공통 */
.app_box { border: 1px solid #d6dadb; margin-top: 35px; border-radius: 10px;}
.app_box .app_title2 { background-color: #3d86e0; border-radius: 10px 10px 0 0; padding: 30px 45px; font-size: 22px; color: #fff;}
.app_box .app_txt { padding: 30px 45px; overflow: hidden;}
.app_box .app_txt dt, .app_box .app_txt dd { float: left; font-size: 17px; line-height: 2;}
.app_box .app_txt dt { position: relative; width: calc(10% - 15px); font-weight: 500; padding-left: 15px;}
.app_box .app_txt dd { width: 40%; color: #666;}
.app_box .app_txt dt:before { position: absolute; content: ''; width: 7px; height: 7px; border-radius: 50%; background-color: #d7dadb; left: 0; top: 50%; margin-top: -4px;}

.app_box .app_txt dd .notice_txt { font-size: 15px;}

@media screen and (max-width:1000px){
    .app_box .app_title2 { padding: 25px; font-size: 18px;}
    .app_box .app_txt { padding: 30px 20px;}
    .app_box .app_txt dt { width: calc(15% - 15px);}
    .app_box .app_txt dd { width: 35%;}
}
@media screen and (max-width:750px){
    .app_box .app_txt dt { width: auto; float: left; margin-right: 5%; clear: both;}
    .app_box .app_txt dd { width: calc(100% - 15px); float: left; margin-left: 15px;}
    .app_box .app_txt dd:last-child { width: 100%;}
}

.radio_btn input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.radio_btn input[type="radio"] + label { display: inline-block; position: relative; padding-left: 28px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; color: #636363; letter-spacing: -0.025em; line-height: 30px; margin-right: 20px;}
.radio_btn input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: 5px; width: 20px; height: 20px; text-align: center; background: #fff; border: 1px solid #cccccc; border-radius: 100%;}
.radio_btn input[type="radio"] + label:after { content: ''; position: absolute; top: 11px; left: 6px; width: 9px; height: 9px; background: #e5e7ee; border-radius: 100%; }
.radio_btn input[type="radio"] + label:active:before,
.radio_btn input[type="radio"]:checked + label{color:#222222; }
.radio_btn input[type="radio"]:checked + label:before { background: #363c5a; border: none; }
.radio_btn input[type="radio"]:checked + label:after { content: ''; position: absolute; top: 11px; left: 6px; width: 8px; height: 8px; background: #fff; border-radius: 100%;}

.table .text_type { border: 1px solid #c5c9d6; height: 38px; line-height: 38px; padding: 0 10px; border-radius: 5px; min-width: 275px;}
.txt_area { height: 126px; padding: 20px; border: 1px solid #d7dadb; border-top-color: #7a7d96;overflow-y: scroll;}

.text_type.post_code {min-width:70px; width: 130px;}
.text_type.add1 { width: 98%; display: block; margin: 5px 0;}
.text_type.add2 { width: 98%;}

@media screen and (max-width:680px){
    .table .text_type { min-width: 50%; width: 83%; padding: 0 5px;}
    .text_type.post_code { min-width: 10%; width: 40%;}
}
@media screen and (max-width:360px){
    .table .text_type { min-width: 50%; width: 83%; padding: 0 5px;}
    .table.type2 .text_type { width: calc(100% - 12px);}
}

.agree_chk { margin-top: 20px;}
.agree_chk input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: 0px; overflow: hidden; clip:rect(0,0,0,0); border: 0 }
.agree_chk input[type="checkbox"] + label { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; color: #636363; letter-spacing: -0.025em;}
.agree_chk input[type="checkbox"] + label:last-child{margin-right: 0; width: auto;}
.agree_chk input[type="checkbox"] + label:before { content: ' '; display: inline-block; width: 18px; height: 18px;  line-height:18px;  margin: -2px 8px 0 0; text-align: center; border-radius: 5px; vertical-align: middle; background: #fff; border: 1px solid #cccccc; box-sizing: border-box;}
.agree_chk input[type="checkbox"] + label:after { position: absolute; content: ' '; display: inline-block; background-image: url(../images/sub_icons.png); background-repeat: no-repeat; width: 9px; height: 9px; left: 5px; top: 9px; background-position: -32px -32px;}
.agree_chk input[type="checkbox"]:checked + label:before { background-image: url("../images/sub_icons.png"); background-repeat: no-repeat; background-position:center bottom; border: 1px solid #222222; background-color: #363c5a; border-radius: 5px;}
.agree_btn{width: 83px; height: 36px; margin-left: 10px; background-color: #666666; border-radius: 3px; font-size:14px; text-align: center; line-height: 36px; color: #fff; }

.radio_btn input[type="radio"]:focus + label,
.agree_chk input[type="checkbox"]:focus + label{outline:#2b69fc auto 3px;}

.yeyak_commit { text-align: center; margin: 40px 0;}
.table th .required_icon {color:#e62020; margin-left: 10px;}
@media screen and (max-width:720px){
    .table th .required_icon { margin-left: 5px;}
}

/* 공공시설 */
.est_box { border: 1px solid #d6dadb; margin-top: 35px; border-radius: 10px; overflow: hidden; padding-top: 40px;}

.est_box .conbox_wrap { width:calc(50% - 103px); display: inline-table; position: relative; font-size: 16px; padding: 0 50px; margin-bottom: 30px; height: 100%;}
.est_box .conbox_wrap:first-of-type:after { position: absolute; display: block; content: ''; width: 1px; height: auto; top: 0; bottom: 0; right: 0; background-color: #d6dadb;}
.est_box .est_title { height:40px; background-color: #f4f5f9; border-radius: 0 0 10px 10px; padding: 20px 50px; font-size: 22px;}
.est_box h2 { font-size: 20px; font-weight: 500;}
.form_box { margin-top: 15px;}
.form .plan input { display: none;}
.form .form_box label { position: relative; border: 1px solid #d7dadb; border-radius: 15px; background-color: #fff; font-size: 15px; font-weight: 400; text-align: center; height: 28px; line-height: 28px; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: calc((100% / 4) - 10px); margin-top: 5px; margin-right:10px;}
.form .plan input:checked + label { border: 1px solid #3d86e0; background-color: #fff; color: #3d86e0;}

.est_box .conbox_wrap.col1 {width:calc(100% - 103px);}
.est_box .conbox_wrap.col1:first-of-type:after {display:none;}
.form .conbox_wrap.col1 .form_box label {width:calc(10% - 10px);}

.estbox { float: left; width: 400px; border:1px solid #c5c9d6; border-radius: 20px; height: 38px; margin-right: 10px; background-color: #fff;}
/* .estbox .selectbox:after { content:''; display: block; position: absolute; z-index: 1; top: 50%; right: 0; width: 0; height: 38px; border-left:1px solid #c5c9d6; border-bottom:none;}
.estbox select::-ms-expand { display:none;} */
.est_area .selectbox { position: relative;float:left;}
.est_area .selectbox:after {content:'';display: block;position: absolute;z-index: 1;top: 50%;margin-top: -19px;right: 50px;width: 0;height: 38px;border-left:1px solid #c5c9d6;border-bottom:none;}
.est_area select { width: 100px; height:40px; padding:1px 28px 1px 12px; border-radius: 20px; border: 1px solid #c5c9d6; -webkit-appearance:none; -moz-appearance:none; background:#fff url(../images/select_arrow.png) no-repeat 80% 50%; margin-right: 10px; font-size:16px;}
.est_area select::-ms-expand { display:none;/*for IE10,11*/}
.estbox .search_text { width:calc(100% - 20px); height:38px; border:none; box-sizing:border-box; color:#979797; font-size:16px; letter-spacing:-0.04em; border-radius: 30px; padding: 0 10px; margin: 0 10px;}
.est_area .search_button { width: 100px; height: 40px; background-color: #3d86e0; border-radius: 20px; float: left; position: relative;}
.est_area .search_submit { display:block; position:absolute; top:0; right: 0; z-index:20; background: url(../images/common_icons.png) no-repeat -250px -555px; border: none; width: 100%; height: 100%; padding-right: 30px; color: #fff; font-size: 15px;}
.est_area h2 { float: left; margin-right: 40px; line-height: 40px;}
#container .est_area .ind2 { padding-left:0;line-height: 40px;}
#container .est_area .ind.ind2:before { position:static;padding-right:5px;display:inline;top: -8px;}
.row_txt.box { margin: 50px 0 10px;}
.textarea { width: 98%; padding: 10px; border: 1px solid #c5c9d6; border-radius: 5px;}

@media screen and (max-width:1360px){
    .estbox { width:calc(58% - 10px);}
    .est_box .conbox_wrap { width:calc(50% - 53px); padding: 0 25px;}
    .est_box .est_title { padding: 20px 25px;}
    .form .form_box label { width: calc((100% / 3) - 6px); font-size: 14px; margin-right: 5px;}
    .est_area h2 { width: 11%; margin-right: 0;}
    .est_area .search_button { width: 10%;}

    .est_box .conbox_wrap.col1 { width:calc(100% - 53px);}
    .form .conbox_wrap.col1 .form_box label { width: calc((100% / 6) - 6px);}

    #container .est_area .ind2 { display: block; clear: both; margin-left: 0; text-align: right;}
    #container .est_area .ind.ind2:before { top: inherit; bottom: 0; right: 580px;}
}
@media screen and (max-width:1000px){
    .estbox { width:calc(40% - 10px);}
    .est_box .est_title { padding: 20px 25px;}
    .est_area .search_submit { background: none; padding: 0;}
    .est_area .search_button { width: 18%;}
}
@media screen and (max-width:720px){
    .est_box { padding-top: 0;}
    .est_box h2, .est_area h2 { font-size: 16px;}
    .est_box .conbox_wrap { width: calc(100% - 50px); margin-bottom: 0; padding: 30px 25px;}
    .est_box .conbox_wrap:first-of-type:after { width: 100%; height: 1px; bottom: 0; top: inherit;}
    .est_box .est_title { padding: 20px 25px;}
    .form .form_box label { width: calc((100% / 4) - 5px);}

    .est_box .conbox_wrap.col1 { width:calc(100% - 50px);}
    .form .conbox_wrap.col1 .form_box label { width: calc((100% / 4) - 5px);}

    #container .est_area .ind2 { font-size: 14px; letter-spacing: -1px; line-height: 1.7; padding-top: 10px;}
    #container .est_area .ind.ind2:before { right: 460px;}
}
@media screen and (max-width:580px){
    .est_area h2 { width: 20%; display:none;}
    .estbox { width:calc(50% - 10px);}
    .form_box { margin-top: 5px;}
    .estbox .search_text { font-size: 14px; padding: 0;}
    .est_area .selectbox:after{display:none;}
    .est_area select{width:auto;font-size:14px;}
    #container .est_area .ind2 { padding-left: 0;}
    #container .est_area .ind.ind2:before { content: '';}
}
@media screen and (max-width:450px){
    .est_box .conbox_wrap { width: calc(100% - 30px); padding: 20px 15px;}
    .est_box .est_title { padding: 20px 15px;}
    .form .form_box label { width: calc((100% / 3) - 5px);}

    .est_box .conbox_wrap.col1 { width:calc(100% - 30px);}
    .form .conbox_wrap.col1 .form_box label { width: calc((100% / 3) - 5px);}
}

/* 시설 상세정보 */
.esta_info { border-top: 1px solid #7a7d96; border-bottom: 1px solid #e5e7ee; margin-top: 30px; padding: 40px 0 45px;}

.services-slider { float: left; display: block; position: relative; width: 600px; margin-right: 50px;}
.nav-container .slick-current { border-radius: 10px; border: 1px solid #7a7d96;}
.nav-container .slick-current img { border-radius: 10px;}

.nav-container { float: left; width: 65px; margin-right: 25px; height: 330px;}

.nav-container img {max-height: 63px; max-width: 63px; border-radius: 10px;}
.nav-container .slick-slide { min-height: 63px; min-width: 63px; margin-bottom: 18px;}
.nav-container .slick-slide img { min-height: 63px;}

.main-container { width: 510px; float: left;}
.main-container div { border-radius: 15px; width: 510px; padding: 0 !important;}
.main-container img { width: 510px; height: 330px;}

.slider-nav  button.slick-arrow { display: none !important;}
.nav-container .slick-list { padding: 0 !important;}

.controlbox{position:absolute; bottom:0; left:90px; width:140px; background-color:#fff; overflow:hidden; padding:9px 10px; box-sizing:border-box; line-height:0; font-size:0; border-radius: 0 15px 0 0; z-index: 11;}
.controlbox button{position:relative; width:58px; height:40px; margin:2px 0 0; padding:0; vertical-align:top; color:transparent; font-size:0;}
.controlbox button.arrow:before{display:block; position:absolute; top:10px; width:11px; height:20px; background-repeat:no-repeat; background-image:url(../images/sub_icons.png); content:'';}
.controlbox button.prev:before{background-position:left -70px; left:25px;}
.controlbox button.prev:after { position: absolute; display: block; content: ''; width: 1px; height: 20px; background-color: #d0d0d0; right: 0; top:10px;}
.controlbox button.next:before{background-position:left -70px; right:25px; transform: rotate(180deg);}
.controlbox button.slick-pause:before{background-position:-150px top;}
.controlbox button.slick-disabled{opacity:0.5;}

@media screen and (max-width:1360px){
    .controlbox { left: 80px;}
    .services-slider { width: calc(50% - 30px); margin-right: 30px;}
    .nav-container { margin-right: 15px;}
    .main-container { width: 390px;}
    .main-container div { width: 390px;}
}
@media screen and (max-width:1000px){
    .controlbox { left: inherit; right: 0; border-radius: 15px 0 0 0;}
    .nav-container { display: none;}
    .services-slider { width: 100%; margin-right: 0;}
    .main-container { width: 100%;}
    .main-container div { width: 88vw;}
    .main-container img { width: 100%;}

}
@media screen and (max-width:580px){
    .services-slider { width: 100%;}
    .main-container div { width: 85vw;}
}

#container .esta_view_con { float: left; width: 700px;}
#container .esta_view_con p { margin: 0;}
#container .esta_view_con .title_box { letter-spacing: -0.05em; border-bottom: 1px solid #c5c9d6; padding-bottom: 20px; margin-bottom: 25px; overflow: hidden;}

@media screen and (max-width:1360px){
    #container .esta_view_con { width: 50%;}
}
@media screen and (max-width:1000px){
    #container .esta_view_con { width: 100%; margin-top: 30px;}
}

.esta_view_con .title_box .step { float: left; display: flex; align-items: center; text-align: center; color: #fff; width: 80px; height: 80px; border-radius: 50%; justify-content: center; margin-right: 25px;}
.esta_view_con .title_box .step.ing { background-color: #58a5ab;}
.esta_view_con .title_box .step.start {
    background: rgb(36,149,186); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgba(36,149,186,1) 24%, rgba(92,116,246,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  rgba(36,149,186,1) 24%,rgba(92,116,246,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  rgba(36,149,186,1) 24%,rgba(92,116,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2495ba', endColorstr='#5c74f6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.esta_view_con .title_box .step.end,
.esta_view_con .title_box .step.edu_end { background-color: #9499a1;}
.esta_view_con .title_box .title_text { float: left; margin: 5px 0 2px;}
.esta_view_con .title_box .title_text .category { display: inline-flex; border: 1px solid #3d86e0; color: #3d86e0; padding: 3px 15px; border-radius: 20px; width: auto; font-size: 15px;}
#container .esta_view_con .title_box p.esta_title { position: relative; width: 85%; font-size: 22px; float: left; color: #000; display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; white-space: normal; -webkit-line-clamp: 1; height: 80px; line-height: 80px;}

.esta_con_tel dt, .esta_con_tel dd { float: left; line-height: 1.7;}
.esta_con_tel dt { position: relative; width: calc(20% - 20px); font-weight: 500; padding-left: 20px; clear: both;}
.esta_con_tel dd { width: 80%; color: #666;}
.esta_con_tel dt:before { position: absolute; content: ''; width: 7px; height: 7px; border-radius: 50%; background-color: #d7dadb; left: 0; top: 50%; margin-top: -4px;}
.down_box { margin-top: 35px;}
.down_box > .load_btn { position: relative; font-size:15px; background-color: #f4f5f9; box-sizing: border-box; border-radius: 5px; padding: 5px 50px 5px 20px; text-align: left; }
.down_box > .load_btn:after { position: absolute; content: '';  background-image: url(../images/common_icons.png); background-repeat: no-repeat; width: 14px; height: 14px; right: 20px; top: 50%; margin-top: -7px; background-position:-177px -223px;}

.esta_schedule { border: 2px solid #001953; border-radius: 10px; padding: 40px 0; overflow: hidden; margin-top: 40px;}
.esta_schedule > div:first-of-type { position: relative;}
.esta_schedule > div:first-of-type:after { position: absolute; display: block; content: ''; width: 1px; height: auto; top: 0; bottom: 0; right: 0; background-color: #d6dadb;}

@media screen and (max-width:1360px){
    .esta_view_con .title_box .step { width: 60px; height: 60px;}
    #container .esta_view_con .title_box p.esta_title {font-size: 20px; height: 60px; width: 75%; padding-right: 0; line-height: 1.5; margin-right: 0; -webkit-line-clamp: 2;}
    .esta_con_tel dt, .esta_con_tel dd { font-size: 15px;}
    .esta_view_con .down_box { margin-top: 20px;}
}
@media screen and (max-width:1000px){
    .esta_view_con .title_box .step { margin-right: 15px;}
    #container .esta_view_con .title_box p.esta_title { width: calc(100% - 75px); -webkit-line-clamp: 1; line-height: 60px;}
    .esta_schedule { padding: 30px 0;}
}
@media screen and (max-width:850px){
    .esta_schedule > div:first-of-type:after { width: 100%; height: 1px; top: inherit; bottom: 0;}
}
@media screen and (max-width:750px){
    #container .esta_view_con .title_box p.esta_title { font-size: 16px; height: 50px; line-height: 1.5; -webkit-line-clamp: 2;}
    .esta_schedule { padding: 15px 0 30px;}
}
@media screen and (max-width:550px){
    .esta_con_tel dt {  width: calc(30% - 20px);}
    .esta_con_tel dd { width: 70%;}
}
@media screen and (max-width:450px){
    .esta_con_tel dt { width: 100%;}
    .esta_con_tel dd { width: calc(100% - 20px); padding-left: 20px; margin-bottom: 5px;}
}
@media screen and (max-width:400px){
    #container .esta_view_con .title_box p.esta_title { width: 100%; font-weight: 500;}
    .esta_view_con .title_box .step { display: none;}
}

/* 캘린더1 */
.esta_schedule .calender_wrap table.fc-border-separate{border-collapse:collapse;}
.esta_schedule .calender_wrap .fc-grid th { height:auto;line-height:normal;background:none; border-top:0;}
.esta_schedule .calender_wrap .fc-grid .fc-day-number{float:none;}
.esta_schedule .calender_wrap .fc-grid .fc-day-content{display:none;}
.esta_schedule .calender_wrap .fc-widget-content div{min-height:auto !important;height:auto !important;}
.esta_schedule .calender_wrap .fc-state-highlight.reservation_bg{background-color: #f5f5f5; background-image: url("../images/sub/calender_check.png");}
.esta_schedule .calender_wrap .fc-event{display:none;}

.esta_schedule .calender {width: calc(40% - 100px); height: auto; float: left; padding: 0 50px 0;}
.esta_schedule .calender table {width: 100%;}
.esta_schedule .calender_title {width: 100%;}
.esta_schedule .calender_title ul{text-align: right;}
.esta_schedule .calender_title ul li{display: inline-table;}
.esta_schedule .calender_title ul li a img{vertical-align: middle; margin-top: -7px;}
.esta_schedule .calender_month {font-size: 18px; line-height: 30px; letter-spacing: -0.05em; color: #363c5a; margin: 3px 22px 0 23px;}
.esta_schedule .calender_wrap table tr th {font-size: 14px; font-weight: 500; color: #333333; border-bottom: 1px solid #ddd; border-top: none; padding:12px 0; }
.esta_schedule .calender_wrap table tr td { height:38px; font-size: 15px; color: #666666; border: 1px solid #ddd; padding: 5px 10px; text-align: center;}

@media screen and (max-width:1000px){
    .esta_schedule .calender {width: calc(50% - 100px);}
}
@media screen and (max-width:850px){
    .esta_schedule .calender {width: calc(100% - 50px); padding: 25px;}
}

/* 캘린터 예약 안내 */
.esta_schedule .calender_txt { margin-top: 20px; overflow: hidden;}
.info_list li { position: relative; font-weight: 400; font-size: 14px; color: #666; letter-spacing: -0.7px; float: left;}
.info_list li.list1,
.info_list li.list2 { padding-left: 30px;  margin-right: 20px;}
.info_list li.list2 { margin-bottom: 15px;}
.info_list li.list1:before,
.info_list li.list2:before { position: absolute; content: ''; left: 0; top: 2px;}
.info_list li.list1:before { width: 18px; height: 18px; border: 1px solid #c5c9d6; background-color: #fffcde;}
.info_list li.list2:before { border: 3px solid #3d86e0; width: 14px; height: 14px;}
.info_list li em { color: #e73e75;}
.info_list li:nth-child(3),
.info_list li:nth-child(4) { clear:both;}

#container .esta_schedule .btnbox { display: block; table-layout: unset; margin: 0 auto; padding: 0 50px; clear: both; overflow: hidden;}
#container .esta_schedule .btnbox a { margin-top: 20px; padding: 10px 45px; border-radius: 30px; text-align: center;}
#container .esta_schedule .btnbox .btn_navy { color: #333; background-color: #fff; border: 1px solid #d7dadb; float: left;}
#container .esta_schedule .btnbox .btn_blue { color: #fff; background-color: #3d86e0; float: right;}

.esta_schedule h3 { font-size: 20px; font-weight: 500; float: left;}
.esta_schedule h3 span { color: #666;}

@media screen and (max-width:750px){
    #container .esta_schedule .btnbox a { display: block;}
    #container .esta_schedule .btnbox .btn_navy { float: none;}
    #container .esta_schedule .btnbox .btn_blue { float: none; margin-top: 10px;}
}

/* 예약시간 */
.yeyak_time { width: calc(60% - 100px); min-height: 346px; float: left; padding: 0 50px;}
.calender_time { float: right; display: block; margin-bottom: 30px;}
.calender_time .choice_day { float: left; color: #3d86e0; font-size: 20px; font-weight: 500; vertical-align: middle; margin-right: 20px; line-height: 32px;}
.reset_button{ width: 100px; height: 30px; border: 1px solid #d7dadb; border-radius: 20px; float: left; position: relative;}
.reset_submit { display:block; position:absolute; top:0; right: 0; z-index:20; background: url(../images/sub_icons.png) no-repeat -42px -19px; border: none; width: 100%; height: 100%; padding-left: 24px; font-size: 15px;}
.yeyak-t2 { position:relative;width:100%;border-collapse:collapse;}
.yeyak-t2 thead tr:first-child th {border-top:2px solid #7a7d96; background-color: #f4f5f9;}
.yeyak-t2 caption+tbody tr:first-child td,.yeyak-t2 caption+tbody tr:first-child th,.yeyak-t2 colgroup+tbody tr:first-child td,.yeyak-t2 colgroup+tbody tr:first-child th{border-top:2px solid #222}
.yeyak-t2 td, .yeyak-t2 th { position: relative; border-bottom:1px solid #c5c9d6; font-size: 15px;}
.yeyak-t2 th { padding:12px 10px; background:#fff;color:#000;text-align:center;font-weight:500;vertical-align:middle;}
.yeyak-t2 th:before,
.yeyak-t2 td:before { position: absolute; content: ''; width: 1px; height: 100%; right: 0; top: 0; background-color: #e5e7ee;}
.yeyak-t2 th:last-child:before{display:none}
.yeyak-t2 tbody th{background:#fcfcfc}
.yeyak-t2 td { padding:11px;box-sizing:border-box; letter-spacing: -1px; color: #000;}
.yeyak-t2 td:last-child:before { content: none;}
.yeyak-t2 tr:hover { background-color: #f4f5f9;}
.yeyak-t2 td img{margin:0 2px;vertical-align:middle}
.yeyak-t2 td.p-subject a{display:inline}
.yeyak-t2 td.p-subject .p-icon{margin-top:1px;vertical-align:top}
.yeyak-t2 .p-subject{text-align:left;box-sizing:border-box}
.yeyak-t2 .p-subject a:hover{color:#202e70}
.yeyak-t2 .p-notice{background:#fafafa}
.yeyak-t2 .active td{background:#f0f0f0;color:#bbb}
.yeyak-t2 .active td>a,.yeyak-t2 .active td>span{color:#bbb}
.yeyak-t2 .active td .p-icon,.yeyak-t2 .active td img{opacity:.6}
.yeyak-t2 .no_choice td { color: #666;}
#container .yeyak_time .ind2 { margin-left: 0; font-size: 15px;}
#container .yeyak_time .ind.ind2:before { top: 0;}

.timeselect_lists { clear: both; border-top: 1px solid #7b7d96; padding: 20px 0;}
.time_checkbox {position:relative;display:inline-block; margin: 3px 0; width: calc((100% - 14px) / 4);}
.time_checkbox input[type="radio"] + label{color:#555555;font-weight:bold;}
.time_checkbox input[type="radio"]{position:absolute;top:6px;left:2px;margin:0;z-index:1;}
.time_checkbox input[type="radio"] + label{position:relative;display:inline-block; z-index:2;box-sizing:border-box;border:#d6dadb solid 1px; background-color:#f4f5f9;transition-property:border, background-color;transition-duration:250ms;transition-timing-function:ease-in-out; font-weight: 400; font-size: 15px; width: 100%; padding: 5px 0; text-align: center;}
.time_checkbox input[type="radio"]:checked + label{color:#fff;border:#a1a1a1 solid 1px;background-color:#3d86e0;}
.time_checkbox input[type="radio"]:focus + label{outline:1px dotted #000;}
.time_checkbox input[type="radio"][disabled] + label{color:#999999;border:#dddddd solid 1px;background-color:#f5f5f5;}

.time_checkbox input[type="checkbox"] + label{color:#555555;font-weight:bold;}
.time_checkbox input[type="checkbox"]{position:absolute;top:6px;left:2px;margin:0;z-index:1;}
.time_checkbox input[type="checkbox"] + label{position:relative;display:inline-block; z-index:2;box-sizing:border-box;border:#d6dadb solid 1px; background-color:#f4f5f9;transition-property:border, background-color;transition-duration:250ms;transition-timing-function:ease-in-out; font-weight: 400; font-size: 15px; width: 100%; padding: 5px 0; text-align: center;}
.time_checkbox input[type="checkbox"]:checked + label{color:#fff;border:#a1a1a1 solid 1px;background-color:#3d86e0;}
.time_checkbox input[type="checkbox"]:focus + label{outline:1px dotted #000;}
.time_checkbox input[type="checkbox"][disabled] + label{color:#999999;border:#dddddd solid 1px;background-color:#f5f5f5;}

@media screen and (max-width:1000px){
    .yeyak_time { width: calc(50% - 100px);}
    .calender_time { margin-top: 20px; margin-bottom: 15px; clear: both; overflow: hidden;}
    .esta_schedule h3 { float: none; clear: both;}
    .time_checkbox { width: calc((100% - 14px) / 2);}
}
@media screen and (max-width:850px){
    .yeyak_time { width: calc(100% - 50px); padding: 25px 25px 0;}
    .time_checkbox { width: calc((100% - 14px) / 3);}
}
@media screen and (max-width:850px){
    .time_checkbox { width: calc((100% - 14px) / 2);}
    #container .yeyak_time .ind.ind2:before { top: 0; right: 220px;}
}

/* 시설 상세정보 탭 */
.tab_box { overflow: hidden;}
.tab{ margin-top: 60px; width:100%;}
.tabnav {font-size:0; width:100%; border-bottom:1px solid #7a7d96;}
.tabnav li {display: inline-block; height:46px; text-align:center; width: 200px;}
.tabnav li:first-child { border-left:1px solid #d7dadb; border-radius: 5px 0 0 0;}
.tabnav li:first-child a.active { border-right: 1px solid #7a7d96;}
.tabnav li a.active { position: relative; border-bottom:1px solid #fff;}
.tabnav li a.active:before { position: absolute; content: ''; width: 100%; height: 100%; border: 1px solid #7a7d96; border-bottom: none; left: -1px; top: -1px; border-radius: 5px 5px 0 0;}
.tabnav li a {position:relative; display:block; color: #000; line-height:45px; text-decoration:none; font-size:16px; border-top: 1px solid #d7dadb; border-right:1px solid #d7dadb; border-radius: 5px 5px 0 0;}
.tabcontent { padding: 50px 40px; min-height: 200px; border-top:none;}

.tab.type1{margin-top:0;}
.tab.type1 .tabcontent{padding:20px 0;}

@media screen and (max-width:1000px){
    .tabnav li { width: calc((100% - 1px)/ 3);}
}
@media screen and (max-width:750px){
    .tabnav li a { font-size: 14px; letter-spacing: -1px;}
}

/* 신청완료 공통 */
.yeyak_info { position: relative; margin: 20px auto 0; border-top: 4px solid #333; padding: 35px 40px; box-shadow: 0 10px 20px -10px #ccc; border-radius:0 0 15px 15px; width: 590px;}
.yeyak_info:before { position: absolute; content: ''; background-color: #e73e75; height: 4px; width: 140px; top: -4px; left: 0;}
.yeyak_info .yeyak_txt { text-align: justify;}
.yeyak_info .check_list { overflow:hidden;}
.yeyak_info .check_list dt, .yeyak_info .check_list dd { float: left; font-size: 17px; line-height: 1.7;}
.yeyak_info .check_list dt { position: relative; width: calc(20% - 20px); font-weight: 500; padding-left: 20px;}
.yeyak_info .check_list dd { width: 80%; color: #666;}
.yeyak_info .check_list dt:before { position: absolute; content: ''; width: 5px; height: 5px; border-radius: 50%; background-color: #fff; border: 3px solid #3d86e0; left: 0; top: 50%; margin-top: -5px;}
.table tbody td .time_chk { margin-top: 0;}
.table tbody td select { font-size: 14px; width: 140px; height:38px; padding:1px 28px 1px 12px; border-radius: 20px; border: 1px solid #c5c9d6; -webkit-appearance:none; -moz-appearance:none; background: url(../images/select_arrow.png) no-repeat 90% 50%; position: relative; letter-spacing: -0.7px;}
.table tbody td select::-ms-expand { display:none;/*for IE10,11*/}
a.btn_post { background-color: #7a7d96; padding: 6px 0; border-radius: 5px; color: #fff; font-size: 15px; text-decoration: none; vertical-align: middle; display: inline-block; width: 140px; text-align: center;}
.total_pay { border:1px solid #d7dadb; padding:30px 0; border-radius: 10px; margin-top: 10px;}

.text_type.post_code {min-width:70px; width: 130px;}
.text_type.add1 { width: 95%; display: block; margin: 5px 0;}
.text_type.add2 { width: 95%;}

@media screen and (max-width:750px){
    .yeyak_info { width: auto; padding: 20px 30px;}
    .yeyak_info .check_list dt, .yeyak_info .check_list dd { font-size: 15px;}
    .yeyak_info .check_list dt { clear: both; min-width: 25%;}
    .yeyak_info .check_list dd { width: auto;}
}
@media screen and (max-width:680px){
    .text_type.post_code { width: calc(51% - 2px) !important;}
    a.btn_post { width: 32%; font-size: 14px;}
    .text_type.add1 { width: 84%;}
    .text_type.add2 { width: 84%;}
}
@media screen and (max-width:460px){
    .yeyak_info .check_list dt, .yeyak_info .check_list dd { display: block; clear: both;}
    .yeyak_info .check_list dt { width: 100%;}
    .yeyak_info .check_list dd { width: 100%; text-align: center; margin-bottom: 15px;}
    .table tbody td select { height: 30px; margin: 3px 0;}
}

/* 결제 테이블 */
#container .table_pay { width: 100%;}
#container .table_pay > tr:first-child th, table tr:first-child td { border-top-color: transparent;}
#container .table_pay tr { display: table; table-layout: fixed; margin: 0 auto;}
#container .table_pay td p { margin-left: 0; margin-top: 5px;}
#container .table_pay td.bWidth { width: 130px; padding: 0 25px 0 35px;}
#container .table_pay td.bWidth p,
#container .table_pay td.sWidth { font-size: 25px;}
#container .table_pay td.ttwidth { width: 130px; padding-right:0;}
#container .total_pay td.ttwidth p { position: relative; font-size: 20px; font-weight: 500; height: 54px; line-height: 54px; margin-right: 20px; margin-top: 0;}
#container .total_pay td.ttwidth p:after { position: absolute; content: ''; width: 1px; height: 100%; background-color: #d7dadb; right: 0;}
#container .table_pay td.sWidth { width: 40px; text-align: center;}

#container .table_pay td.bWidth .sel_title { font-size: 16px; color: #636363;}
#container .table_pay td.bWidth .sum_s { color: #000;}
#container .table_pay .won { font-size: 16px; color: #636363; margin-left: 5px;}
#container .table_pay .total_s { color: #e73e75; font-weight: 500;}
#container .table_pay .total_s .won {  font-size: 16px;color: #e73e75;}

@media screen and (max-width:1000px){
    #container .table_pay td.ttwidth { display: none;}
    #container .table_pay td.bWidth { padding: 0 20px;}
}
@media screen and (max-width:750px){
    #container .table_pay td.bWidth .sel_title { font-size: 15px;}
    #container .table_pay td.bWidth p, #container .table_pay td.sWidth { font-size: 15px;}
    #container .table_pay td.bWidth { width: calc(20% - 40px); padding: 0 20px; }
    #container .table_pay td.sWidth { width: 5%;}
    #container .table_pay .won { font-size: 13px; margin-left: 0;}
}
@media screen and (max-width:460px){
    #container .table_pay td.bWidth .sel_title { font-size: 13px;}
    #container .table_pay td.bWidth p, #container .table_pay td.sWidth { font-size: 15px;}
    #container .table_pay td.bWidth { width: calc(20% - 10px); padding: 0 5px; letter-spacing: -0.7px;}
}


/* 공구대여 목록 */
#container .gallery_list { width: 100%; height: auto; border-top:1px solid #7a7d96; margin-top: 15px; border-bottom: 1px solid #c5c9d6; padding-top: 28px;}
#container .gallery_list > ul { width: 305px; height: auto; float: left; margin-right:46px; margin-bottom: 25px; box-sizing: border-box; position: relative;}
#container .gallery_list > ul:nth-child(4n){margin-right:0; }
#container .gallery_list:after {display: block; content: ""; clear: both;}
#container .gallery_list ul li p { margin: 0;}
#container .gallery_list .gallery_img { width: 100%; height: auto; max-height:229px; overflow:hidden;}
#container .gallery_list .gallery_img img { min-width: 100%; min-height: 229px;}
#container .gallery_con {width: 100%; height: auto; padding: 15px 0 0;}
#container p.gallery_title {font-size: 17px; color: #000; font-weight: 500; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width: 170px;}
#container .gallery_list ul .gallery_con .gallery_pay {font-size: 17px; color: #666; margin-top: 5px;}
#container .gallery_btn { position: absolute; top: 210px; right: 20px;}
#container .reser_btn a { background-color: #3d86e0; font-size: 14px; color: #fff; padding:35px 25px; border-radius: 5px; border: 1px solid #3d86e0;}
#container .reser_btn a:hover { background-color: #fff; border-radius: 18px; color: #3d86e0 !important; font-weight: bold; border: 1px solid #3d86e0; border-radius: 5px; text-decoration: none;}

@media screen and (max-width:1360px){
    #container .gallery_list { padding-bottom: 28px;}
    #container .gallery_list > ul { width: calc((100% / 4) - 20px); margin: 0 10px;}
    #container .gallery_list .gallery_img img { max-height: 173px; min-height: 173px;}
    #container .gallery_btn{ top: 150px; right: 10px;}
    #container .reser_btn a { padding: 15px;}
}
@media screen and (max-width:1000px){
    #container .gallery_list > ul { width: calc((100% / 3) - 20px);}
}
@media screen and (max-width:680px){
    #container .gallery_list { padding-bottom: 20px;}
    #container .gallery_list > ul { width: 100%; margin-bottom: 10px;}
    #container p.gallery_title { width: 100%; font-size: 15px;}
    #container .gallery_list ul .gallery_con .gallery_pay { font-size: 14px; margin-top: 0;}
}

/* 장비 상세정보 */
.tool_info { border-top: 1px solid #7a7d96; margin-top: 30px;}

.tool_info {width: 100%; height:auto; border-top:1px solid #7a7d96; padding: 40px 0 30px; margin-top: 30px;}
.tool_info > ul { float: left;}
.tool_info:after {display: block; content: ""; clear: both;}
.tool_view_img { width:335px; min-height: 252px; box-sizing: border-box; margin-right:40px; overflow:hidden; border-radius: 10px;}
.tool_view_img li img { min-height: 252px; border-radius: 10px;}
.tool_view_con { width: calc(100% - 375px); margin-top: 8px;}
#container .tool_view_con p { margin: 0;}
#container .title_box { letter-spacing: -0.05em; border-bottom: 1px solid #c5c9d6; padding-bottom: 28px; margin-bottom: 32px; overflow: hidden;}
#container p.tool_title { position: relative; font-size: 25px; float: left; line-height: 30px; margin-right: 30px; padding-right: 30px;}
#container p.tool_title:after { position: absolute; content: ''; width: 1px; height: 100%; background-color: #d7dadb; right: 0;}
#container p.tool_con_pay { float: left; font-size: 25px; line-height: 30px; color: #0071cd; padding-right: 20px;}
#container .tool_con_pay .won { font-size: 16px; color: #666; margin-left: 10px;}

#container .tool_con_tel { overflow: hidden;}
#container .tool_con_tel dt, .tool_con_tel dd { float: left; line-height: 1.7;}
#container .tool_con_tel dt { position: relative; width: calc(20% - 20px); font-weight: 500; padding-left: 20px; clear: both;}
#container .tool_con_tel dd { width: 80%; color: #666;}
#container .tool_con_tel dt:before { position: absolute; content: ''; width: 7px; height: 7px; border-radius: 50%; background-color: #d7dadb; left: 0; top: 50%; margin-top: -4px;}
.down_box { margin-top: 35px;}
.down_box > .load_btn { position: relative; font-size:15px; background-color: #f4f5f9; box-sizing: border-box; border-radius: 5px; padding: 5px 50px 5px 20px; text-align: left; }
.down_box > .load_btn:after { position: absolute; content: '';  background-image: url(../images/common_icons.png); background-repeat: no-repeat; width: 14px; height: 14px; right: 20px; top: 50%; margin-top: -7px; background-position:-177px -223px;}

.tool_schedule { border: 1px solid #d6dadb; border-radius: 10px; padding: 40px 0; overflow: hidden;}
.tool_schedule > div:last-of-type { position: relative;}
.tool_schedule > div:last-of-type:before { position: absolute; display: block; content: ''; width: 1px; height: auto; top: 0; bottom: 0; left: 0; background-color: #d6dadb;}
.info_txt { width: calc(50% - 100px); min-height: 346px; float: left; padding: 0 50px;}
.info_txt h3 { font-size: 20px;}

@media screen and (max-width:1360px){
    .tool_con_tel dt { width: calc(30% - 20px);}
    .tool_con_tel dd { width: 70%;}
}
@media screen and (max-width:1000px){
    #container .title_box { padding-bottom: 10px; margin-bottom: 10px;}
    #container p.tool_title { font-size: 20px; margin-right: 20px; padding-right: 20px;}
    #container p.tool_con_pay { font-size: 20px;}
    #container .tool_con_tel dt { width: 100%;}
    #container .tool_con_tel dd { width: calc(100% - 20px); margin-left: 20px;}
    .down_box { margin-top: 20px;}
    .down_box > .load_btn { margin: 3px 0;}
}
@media screen and (max-width:750px){
    .tool_info > ul { width: 100%; min-height: auto;}
    .tool_view_img { width: 80%; margin-right: 0;}
    .tool_view_img li img { display: block; width: 90%; min-height: auto; margin: 0 auto;}
    .tool_view_con { margin-top: 20px;}
    #container p.tool_title { font-size: 18px; font-weight: 500; width: 100%; margin-right: 0; padding-right: 0;}
    #container p.tool_title:after { content: none;}
    #container p.tool_con_pay { display: block; width: 100%; padding-right: 0; text-align: right;}
    .tool_schedule { padding: 0;}
    .info_txt { width: calc(100% - 50px); padding: 40px 25px;}
    .tool_schedule > div:last-of-type:before { width: 100%; height: 1px;}
}
@media screen and (max-width:540px){
    #container .title_box { margin-bottom: 20px;}
    .tool_con_tel dt { width: calc(30% - 15px); padding-left: 15px;}
}

/* 캘린더2 */
.calender_wrap table.fc-border-separate{border-collapse:collapse;}
.calender_wrap .fc-grid th { height:auto;line-height:normal;background:none; border-top:0;}
.calender_wrap .fc-grid .fc-day-number{float:none;}
.calender_wrap .fc-grid .fc-day-content{display:none;}
.calender_wrap .fc-widget-content div{min-height:auto !important;height:auto !important;}
.calender_wrap .fc-state-highlight.reservation_bg{background-color: #f5f5f5; background-image: url("../images/sub/calender_check.png");}
.calender_wrap .fc-event{display:none;}

.calender {width: calc(50% - 100px); height: auto; float: left; padding: 0 50px 0;}
.calender h3 { font-size: 20px; }
.calender table {width: 100%;}
.calender_title {width: 100%; padding: 5px 0 8px;}
.calender_title ul{text-align: center;}
.calender_title ul li{display: inline-table;}
.calender_title ul li a img{vertical-align: middle; margin-top: -7px;}
.calender_month {font-size: 18px; line-height: 30px; letter-spacing: -0.05em; color: #363c5a; margin: 3px 22px 0 23px;}
.calender_wrap table tr th {font-size: 14px; font-weight: 500; color: #333333; border-bottom: 1px solid #ddd; border-top: none; padding:12px 0; }
.calender_wrap table tr td { height:38px; font-size: 15px; color: #666666; border: 1px solid #ddd; padding: 5px 10px; text-align: center;}

/* 투데이, 예약가능 */
.fc-today{ position: relative;}
.fc-today:before { position: absolute; content: ''; background: url(../images/today.png) no-repeat center; width: 35px; height: 29px; top: -15px; left: -5px;}
.fc-active { box-shadow: 0 0 0 3px #3d86e0 inset !important;}
.fc-possible,
.available { background-color: #fffcde;cursor:pointer;}
.fc-other-month,
.fc-other-month a {color:transparent !important;}
.fc-other-month.fc-active,
.fc-other-month.fc-possible,
.fc-other-month.available {background-color:inherit !important;box-shadow:inherit !important;}

/* 캘린터 예약 안내 */
.calender_txt { margin-top: 20px; overflow: hidden;}
.info_list li { position: relative; font-weight: 400; font-size: 14px; color: #666; letter-spacing: -0.7px; float: left;}
.info_list li.list1,
.info_list li.list2 { padding-left: 30px;  margin-right: 20px;}
.info_list li.list2 { margin-bottom: 15px;}
.info_list li.list1:before,
.info_list li.list2:before { position: absolute; content: ''; left: 0; top: 2px;}
.info_list li.list1:before { width: 18px; height: 18px; border: 1px solid #c5c9d6; background-color: #fffcde;}
.info_list li.list2:before { border: 3px solid #3d86e0; width: 14px; height: 14px;}
.info_list li em { color: #e73e75;}
.info_list li:nth-child(1),
.info_list li:nth-child(4),
.info_list li:nth-child(5),
.info_list li:nth-child(6) { clear:both;}

.calender a.btn_blue { display: block; margin: 40px auto 0; /* width: 170px; */ padding: 10px 0; border-radius: 30px; color: #fff; background-color: #3d86e0; text-align: center;}

.mt_20 { margin-top: 20px;}

@media screen and (max-width:1360px){
    .calender h3 { float: none; margin: 0 auto;}
    .esta_schedule .calender_title ul { text-align: center;}
}
@media screen and (max-width:750px){
    .calender {width: calc(100% - 50px); padding: 40px 25px;}
    .calender_title { padding: 15px 0 5px;}
    .calender_wrap table tr td { padding: 5px !important;}
}


/* galleryList */
.galleryList{overflow:hidden; padding:15px 0px 0px 0px; margin-top: 15px; border-top: 1px solid #7a7d96; padding-top: 28px;}
.galleryList ul{overflow:hidden; margin-left:-46px;}
.galleryList li{overflow:hidden; float:left; margin-left:46px; margin-bottom:30px; width:305px;}
.galleryList li .imgBox{height:190px; overflow:hidden; position:relative;}
.galleryList li .imgBox img{position:absolute; width:100%; height:100%}
.galleryList li .imgBox a{display:block;width:100%;height:100%}
.galleryList li .imgBox .optionBox{position:absolute; top:0px; z-index:999; width:100%;}
.galleryList li .imgBox .optionBox span{display:inline-block; box-sizing:border-box; height:31px;  line-height:31px; padding:0px 10px; font-size:15px;}
.galleryList li .imgBox .optionBox span.free{background-color: rgba(255,138,185,0.8); color:#fff;}
.galleryList li .imgBox .optionBox span.paid{background-color: rgba(224, 73, 73, 0.89); color:#fff;}
.galleryList li .imgBox .optionBox span.on{background-color:#3d86e0; color:#fff;}
.galleryList li .imgBox .optionBox span.off{background-color:#999; color:#fff;}
.galleryList li .imgBox .optionBox button.scrap{background:url('../img/icon/icon-hart.png') no-repeat 0px bottom; background-size:24px; float:right; width:40px; height:30px; border:none;}
.galleryList li .imgBox .optionBox button.scrap.on{background:url('../img/icon/icon-hart-on.png') no-repeat 0px bottom; background-size:24px; float:right; width:40px; height:30px; border:none;}
.galleryList li .textBox{position:relative; padding:15px 0px 30px 0px;height:100px;background-color:#fff}
.galleryList li .textBox .tit{font-size:18px; color:#111;font-weight:600; margin-bottom:5px;}
.galleryList li .textBox .tit .sort-txt{display:inline-block;margin-right:2px;padding:3px 7px 4px 7px;border-radius:11px;font-size:14px;color:#fff;text-align:center;height:22px;line-height:17px}
.galleryList li .textBox .tit .sort-txt.red{background-color:#e73e75}
.galleryList li .textBox .tit .sort-txt.blue{background-color:#0052A3}
.galleryList li .textBox .areaTit{font-size:15px; color:#333; font-weight:400; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; width:100%; padding-right:55px;}
.galleryList li .textBox .reservation{overflow:hidden; display:inline-block; height:50px; width:50px; font-weight:400; box-sizing:border-box; text-align:center; position:absolute; right:0px; top:40px; padding-top:10px; line-height:15px; font-size:15px;}
.galleryList li .textBox .reservation.ok{border:1px solid #025097; color:#025097;}
.galleryList li .textBox .reservation.no{border:1px solid #bbb; color:#999;}
.galleryList li .textBox .reservation.waiting{border:1px solid #3299F5; color:#3299F5;}
.galleryList li .textBox .hit{position:absolute;right:0px;top:10px;z-index:1;padding-left:20px;font-size:16px;color:#333;background:url('../img/sub/icon-star-on.png') no-repeat 0px 4px;height:20px}
.galleryList li .textBox.type{padding:0px;overflow:hidden;/* height:197px; */height:165px;border:1px solid #ddd}
.galleryList li .textBox.type .body-area{padding:10px 7px 10px 10px;border-bottom:1px solid #ddd}
.galleryList li .textBox.type .body-area .place-wrap{overflow:hidden}
.galleryList li .textBox.type .body-area .place-wrap .title{font-size:18px;color:#333;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}
.galleryList li .textBox.type .body-area .place-wrap .title .sort-txt{display:inline-block;margin-right:4px;padding:0px 7px 0px 7px;border-radius:4px;font-size:14px;text-align:center;font-weight:700;border-width:2px;border-style:solid}
.galleryList li .textBox.type .body-area .place-wrap .title .sort-txt.red{border-color:#e73e75;color:#e73e75}
.galleryList li .textBox.type .body-area .place-wrap .title .sort-txt.blue{border-color:#0052A3;color:#0052A3}
.galleryList li .textBox.type .body-area .place-wrap .info{overflow:hidden;margin-top:8px}
.galleryList li .textBox.type .body-area .place-wrap .info dl{float:left;width:54%;letter-spacing:-1px;}
.galleryList li .textBox.type .body-area .place-wrap .info dl:nth-child(even){width:46%}
.galleryList li .textBox.type .body-area .place-wrap .info dl dt{display:inline;font-size:15px;color:#333;font-weight:400;margin-right:3px}
.galleryList li .textBox.type .body-area .place-wrap .info dl dd{display:inline;font-size:15px;color:#333;font-weight:400;}
.galleryList li .textBox.type .foot-area{overflow:hidden;min-height:34px;padding:10px 15px;background:#f4f5f9;}
.galleryList li .textBox.type .foot-area dl{float:left; width:50%; margin:4px 0;letter-spacing:-1px;}
.galleryList li .textBox.type .foot-area dl dt{float:left;width:22px;height:22px;border-radius:4px; text-align:center; line-height:24px; color:#fff; font-size:13px;font-weight:400;margin-right:5px}
.galleryList li .textBox.type .foot-area dl dt.bg-color-green{background:#6cb741;}
.galleryList li .textBox.type .foot-area dl dt.bg-color-orage{background:#fdb813;}
.galleryList li .textBox.type .foot-area dl dt.bg-color-blue{background:#0083cb;}
.galleryList li .textBox.type .foot-area dl dt.bg-color-red{background:#e73e75}
.galleryList li .textBox.type .foot-area dl dd{float:left;font-size:15px;color:#333;font-weight:400;}

.galleryList.scrap ul{margin-left:-40px;}
.galleryList.scrap li{margin-left:40px;}

@media screen and (max-width:1360px){
    .galleryList ul{ margin-left:-42px;}
    .galleryList li{ margin-left:42px;}
}
@media screen and (max-width:1000px){
    .galleryList ul{ margin-left:-20px;}
    .galleryList li{ margin-left:20px; width: calc(50% - 20px);}
}
@media screen and (max-width:700px){
    .galleryList ul{ margin-left:0;}
    .galleryList li{ margin-left:0; width: 100%;}
}

.location_box .location_view{width:25px; height:24px; margin:0 0 0 10px; padding:0; border:none; background:url(../images/map_icon.png) no-repeat; vertical-align:top; color:transparent; font-size:0;}
.location_box .layerbox{position:absolute; top:174px; left:260px; display:none; width:680px;}
.location_box .layerbox .layer_curtain{position:fixed; top:0; left:0; right:0; bottom:0; background-color:rgba(0, 0, 0, 0.39); z-index:91;}
.location_box .layerbox .layer{position:relative; z-index:92;}
.location_box .layerbox .layer .layer_titlebox{background-color:#1991c5; padding:15px 58px 15px 20px;}
.location_box .layerbox .layer .layer_titlebox .title{line-height:25px; color:#FFF; font-size:20px; font-weight:600; letter-spacing:-0.03em;}
.location_box .layerbox .layer .layer_titlebox .close{position:absolute; top:9px; right:11px; width:36px; height:36px; margin:0; padding:0; border:none; background-color:#025298; background-repeat:no-repeat; background-position:center center; background-image:url(../images/location_close.png); color:transparent; font-size:0;}

.location_box .layerbox .layer .apibox{position:relative; height:437px;}
.location_box .layerbox .layer .apibox #map{position:relative; width:100%; height:100%;}
.location_box .layerbox .layer .apibox #map .infowindow{position:absolute; left:-164px; bottom:60px; width:328px;}
.location_box .layerbox .layer .apibox #map .infowindow:after{position:absolute; bottom:-14px; left:calc(50% - 9px); display:block; width:18px; height:15px; background-repeat:no-repeat; background-image:url(../images/infowindow_corner.png); content:'';}
.location_box .layerbox .layer .apibox #map .infowindow .innerbox{position:relative; border:#565656 solid 1px; background-color:#FFF; padding:15px 18px 24px;}
.location_box .layerbox .layer .apibox #map .infowindow .innerbox .title{position:relative; background-repeat:repeat-x; background-position:left bottom; background-image:url(../images/dotline.png); margin-bottom:12px; padding-bottom:13px; padding-right:22px;}
.location_box .layerbox .layer .apibox #map .infowindow .innerbox .title p{line-height:22px; color:#323232; font-size:17px; letter-spacing:-0.03em;}
.location_box .layerbox .layer .apibox #map .infowindow .innerbox .title .close{position:absolute; top:2px; right:0; width:19px; height:19px; margin:0; padding:0; border:none; background:url(../images/infowindow_close.png) no-repeat; color:transparent; font-size:0;}
.location_box .layerbox .layer .apibox #map .infowindow .innerbox .infobox ul li{margin-top:10px; line-height:18px; font-size:15px; white-space:normal;}
.location_box .layerbox .layer .apibox #map .infowindow .innerbox .infobox ul li:first-child{margin-top:0;}
.location_box .layerbox .layer .apibox #map .infowindow .innerbox .infobox ul li em{color:#1991c5;}

@media screen and (max-width:1200px){
    .location_box .layerbox{left:calc(50% - 340px);}
}
@media screen and (max-width:1000px){
    .location_box .layerbox{left:0; width:100%;}
}
@media screen and (max-width:640px){
    .location_box .layerbox .layer .apibox{height:360px;}
    .location_box .layerbox .layer .apibox #map .infowindow{left:-132px; width:264px;}
    .location_box .layerbox .layer .apibox #map .infowindow .innerbox{padding:15px 3% 24px;}
}

.amount_line {position: relative;}
.amount_line .amount_line_back {position: absolute;width: 100%;height: 100%;background-color: #000;top: 0;left: 0;opacity: 0.5;}
.amount_line .amount_line_text {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: #fff;font-weight: bold;}
.amount_line .strike {text-decoration:line-through;color:#999;}

/* 통합검색 */
.ctssw-reserv-06 .sub_lnb {max-width:1000px;margin-left:auto;margin-right:auto;}
.ctssw-reserv-06 .sub_lnb .sub_menu {width:100%;}
.ctssw-reserv-06 .sub_title_desc {margin-top:30px;}
.ctssw-reserv-06 .box_title.totalsearch { padding-left: 120px;margin-bottom:0;}
.ctssw-reserv-06 .box_title.totalsearch:before { position: absolute; content: ''; background-image: url(../images/totalsearch_icon.png); background-repeat: no-repeat; width: 100px; height: 98px; left: 0; top: -20px; background-position: center top;}
.ctssw-reserv-06 .total_search {padding:0 30px;}
.ctssw-reserv-06 .total_search:after {clear:both;content:'';display:block;}
.ctssw-reserv-06 .total_search .search_input {float:left;width:calc(100% - 270px);}
.ctssw-reserv-06 .total_search .search_query {padding:0 10px;color:#000; font-size:20px; line-height:38px; width:100%; height: 38px; border: 1px solid #c5c9d6; border-radius: 20px;box-sizing:border-box;}
.ctssw-reserv-06 .total_search .search_query::placeholder { color:#b2b2b2; font-size:16px; line-height:26px;}
.ctssw-reserv-06 .total_search .search_button {float:left;margin-left:10px;}
.ctssw-reserv-06 .total_search .search_submit { position: relative; width: 110px; height: 40px; line-height:40px; padding-left: 30px; background-color: #3d86e0; border-radius: 20px; color:#fff;}
.ctssw-reserv-06 .total_search .search_submit:before { display:block; position:absolute; content:''; top:0; left: 0; z-index:20; background: url(../images/common_icons.png) no-repeat -280px -101px; border: none; width: 100%; height: 100%; padding-left: 30px; color: #fff;}
.ctssw-reserv-06 .total_search .search_button_detail { float:left;margin-left:10px;}
.ctssw-reserv-06 .total_search .int_button { position: relative; width: 140px; height: 40px; line-height:40px; padding-left: 30px; background-color: #142e6c; color: #fff; border-radius: 20px;}
.ctssw-reserv-06 .total_search .int_button:before { display:block; position: absolute; content: ''; background: url(../images/common_icons.png) no-repeat -296px -520px; width: 40px; height: 40px; top: 0; left: 10px;}
.ctssw-reserv-06 .tabcontent {padding:0;}
.ctssw-reserv-06 .tabnav:after {clear:both;content:'';display:block;}
.ctssw-reserv-06 .tabnav li {float:left;height:auto;}
.ctssw-reserv-06 .tabnav li a.active {border-bottom:none;}
.ctssw-reserv-06 .tabnav .total_cnt {color:#666666;}
.ctssw-reserv-06 .tabcontent .title .total_cnt {font-size:20px;font-weight:normal;color:#3d86e0;}
.ctssw-reserv-06 .tabcontent .sub_title {margin-top:25px;font-size:20px;font-weight:400;}
.ctssw-reserv-06 .tabcontent .sub_title .total_cnt {font-size:18px;font-weight:normal;color:#3d86e0;}
.ctssw-reserv-06 .tabcontent > div {position:relative;}
.ctssw-reserv-06 .tabcontent > div .sub_section {position:relative;}
.ctssw-reserv-06 .tabcontent > div .more_btn {position:absolute;top:5px;right:0;padding-right:25px;font-size:16px;color:#888895;}
.ctssw-reserv-06 .tabcontent > div .more_btn:after {display:block;content:'';width:20px;height:16px;position:absolute;top:5px;right:0;background:url(../images/common_icons.png) no-repeat -177px -347px;}
.ctssw-reserv-06 .tabcontent > div .p-pagination,
.ctssw-reserv-06 .tabcontent > div .galleryList li:nth-child(1n + 5),
.ctssw-reserv-06 .tabcontent > div .gallery_list > ul:nth-child(1n + 5),
.ctssw-reserv-06 .tabcontent > div .yeyak-t tbody tr:nth-child(1n + 5) {display:none;}
.ctssw-reserv-06 .tabcontent > div.showing .p-pagination {display:table;}
.ctssw-reserv-06 .tabcontent > div.showing .galleryList li:nth-child(1n + 5),
.ctssw-reserv-06 .tabcontent > div.showing .gallery_list > ul:nth-child(1n + 5) {display:block;}
.ctssw-reserv-06 .tabcontent > div.showing .yeyak-t tbody tr:nth-child(1n + 5) {display:table-row;}
.ctssw-reserv-06 .tabcontent > div.showing .more_btn {display:none;}

@media all and (max-width:1360px) {
    .ctssw-reserv-06 .sub_title_desc {margin-top:20px;}
}
@media all and (max-width:640px) {
    .ctssw-reserv-06 .sub_title_desc {display:none;}
    .ctssw-reserv-06 .tabnav li a {line-height:2;}
    .ctssw-reserv-06 .tabnav .total_cnt {display:block;}
    .ctssw-reserv-06 .total_search .search_input {width:calc(100% - 120px);}
    .ctssw-reserv-06 .total_search .search_button_detail {display:none;}
}

/* 사전방문예약 */
.visit_schedule { border: 2px solid #001953; border-radius: 10px; padding: 40px 0; overflow: hidden; margin-top: 40px;}
.visit_schedule { border: 2px solid #001953; border-radius: 10px; padding: 40px 0; overflow: hidden; margin-top: 40px;}
.visit_schedule > div:first-of-type { position: relative;}
.visit_schedule > div:first-of-type:after { position: absolute; display: block; content: ''; width: 1px; height: auto; top: 0; bottom: 0; right: 0; background-color: #d6dadb;}

.visit_schedule .visit_calender_wrap table.fc-border-separate{border-collapse:collapse;}
.visit_schedule .visit_calender_wrap .fc-grid th { height:auto;line-height:normal;background:none; border-top:0;}
.visit_schedule .visit_calender_wrap .fc-grid .fc-day-number{float:none;}
.visit_schedule .visit_calender_wrap .fc-grid .fc-day-content{display:none;}
.visit_schedule .visit_calender_wrap .fc-widget-content div{min-height:auto !important;height:auto !important;}
.visit_schedule .visit_calender_wrap .fc-state-highlight.reservation_bg{background-color: #f5f5f5; background-image: url("../images/sub/calender_check.png");}
.visit_schedule .visit_calender_wrap .fc-event{display:none;}

.visit_schedule .calender {width: calc(40% - 100px); height: auto; float: left; padding: 0 50px 0;}
.visit_schedule .calender table {width: 100%;}
.visit_schedule .calender_title {width: 100%;}
.visit_schedule .calender_title ul{text-align: right;}
.visit_schedule .calender_title ul li{display: inline-table;}
.visit_schedule .calender_title ul li a img{vertical-align: middle; margin-top: -7px;}
.visit_schedule .calender_month {font-size: 18px; line-height: 30px; letter-spacing: -0.05em; color: #363c5a; margin: 3px 22px 0 23px;}
.visit_schedule .visit_calender_wrap table tr th {font-size: 14px; font-weight: 500; color: #333333; border-bottom: 1px solid #ddd; border-top: none; padding:12px 0; }
.visit_schedule .visit_calender_wrap table tr td { height:38px; font-size: 15px; color: #666666; border: 1px solid #ddd; padding: 5px 10px; text-align: center;}

.visit_schedule .tooltip_content{display:none; position:absolute;}
@media screen and (max-width:1360px){
    .visit_schedule .calender_title ul { text-align: center;}
}

@media screen and (max-width:1000px){
    .visit_schedule .calender {width: calc(50% - 100px);}
}
@media screen and (max-width:850px){
    .visit_schedule .calender {width: calc(100% - 50px); padding: 25px;}
}

/* 캘린터 예약 안내 */
.visit_schedule .calender_txt { margin-top: 20px; overflow: hidden;}
.visit_info_list li { position: relative; font-weight: 400; font-size: 14px; color: #666; letter-spacing: -0.7px; float: left;}
.visit_info_list li.list1,
.visit_info_list li.list2 { padding-left: 30px;  margin-right: 20px;}
.visit_info_list li.list2 { margin-bottom: 15px;}
.visit_info_list li.list1:before,
.visit_info_list li.list2:before { position: absolute; content: ''; left: 0; top: 2px;}
.visit_info_list li.list1:before { width: 18px; height: 18px; border: 1px solid #c5c9d6; background-color: #fffcde;}
.visit_info_list li.list2:before { border: 3px solid #3d86e0; width: 14px; height: 14px;}
.visit_info_list li em { color: #e73e75;}
.visit_info_list li:nth-child(3),
.visit_info_list li:nth-child(4) { clear:both;}

#container .visit_schedule .btnbox { display: block; table-layout: unset; margin: 0 auto; padding: 0 50px; clear: both; overflow: hidden;}
#container .visit_schedule .btnbox a { margin-top: 20px; padding: 10px 45px; border-radius: 30px; text-align: center;}
#container .visit_schedule .btnbox .btn_navy { color: #333; background-color: #fff; border: 1px solid #d7dadb; float: left;}
#container .visit_schedule .btnbox .btn_blue { color: #fff; background-color: #3d86e0; float: right;}

.visit_schedule h3 { font-size: 20px; font-weight: 500; float: left;}
.visit_schedule h3 span { color: #666;}

@media screen and (max-width:750px){
    #container .visit_schedule .btnbox a { display: block;}
    #container .visit_schedule .btnbox .btn_navy { float: none;}
    #container .visit_schedule .btnbox .btn_blue { float: none; margin-top: 10px;}
}



/* 2023-02-15 추가----------- */

/* 사전방문예약하기1 화면(사용자)  */

.visit_schedule{margin-top:30px;}

.visit_schedule > div:first-of-type:after{display:none;}
.visit_schedule > div:last-of-type{position:relative;}
.visit_schedule > div:last-of-type:after{position:absolute;display:block;content: '';width:1px;height:auto;top:0;bottom:0;left:-1px;background-color:#d6dadb;}

.visit_schedule .calender .day_wrap{position:relative;}
.visit_schedule .calender .day_wrap .tooltip_content{display:none;position:absolute;top:0;left:50px;z-index:3;width:100px;padding:10px;border-radius:5px;background-color:#2a2a2a;color:#fff;font-size:14px;line-height:1.4em;transform:translateY(-46%);}
.visit_schedule .calender .day_wrap .tooltip_content:before{display:block;content:'';position:absolute;top:calc(50% - 8px);left:-12px;width:0;height:0;border-top:8px solid transparent;border-right:12px solid #2a2a2a;border-bottom:8px solid transparent;}
.visit_schedule .calender .day_wrap .tooltip_content>div:first-child{margin-bottom:3px;font-size:15px;font-weight:600;}
/* .visit_schedule .calender .tooltipstered:hover .tooltip_content{display:block;} */
.visit_schedule .calender .day_wrap.active .tooltip_content{display:block;}



.visit_schedule .yeyak_time .notice_box{position:relative;padding:10px;border-radius:8px;background-color:#f7f8fc;}
.visit_schedule .yeyak_time .notice_box .titlebox{padding:12px 20px 10px;border-radius:8px;background:linear-gradient(270deg,#7a98d8,#5b7cc4);color:#fff;font-size:20px;font-weight:500;line-height:1.4em;letter-spacing:0.02em;}
.visit_schedule .yeyak_time .notice_box .notice_con{padding:20px;}
.visit_schedule .yeyak_time .notice_box .notice_con .notice_item{position:relative;padding-left:17px;color:#666;font-size:16px;font-weight:400;line-height:24px;letter-spacing:-0.02em;}
.visit_schedule .yeyak_time .notice_box .notice_con .notice_item:before{display:block;content:'';position:absolute;top:9px;left:0;width:7px;height:7px;border-radius:50%;background-color:#486cbc;}
.visit_schedule .yeyak_time .notice_box .notice_con .notice_item.call_mg{margin-top:30px;}
.visit_schedule .yeyak_time .notice_box .notice_con .notice_item .title{display:inline-block;width:130px;vertical-align:top;color:#000;line-height:26px;}
.visit_schedule .yeyak_time .notice_box .notice_con .notice_item .text{display:inline-block;width:calc(100% - 130px);vertical-align:top;}
.visit_schedule .yeyak_time .notice_box .notice_con .notice_item .call{display:inline-block;position:relative;margin-left:10px;padding-left:28px;color:#363c5a;font-weight:600;}
.visit_schedule .yeyak_time .notice_box .notice_con .notice_item .call:before{display:block;content:'';position:absolute;top:0;left:0;width:22px;height:22px;background:url(../images/call_icon.png) no-repeat;}

.visit_schedule .yeyak_time h3{float:none;margin:40px 0 20px;}
.visit_schedule .yeyak_time .table_wrap{position:relative;}
.visit_schedule .yeyak_time .table_info{position:absolute;top:-43px;right:0;padding:11px 30px;border-radius:16px 16px 0 0;background-color:#7a7d96;text-align:center;color:#fff;font-size:16px;font-weight:400;line-height:1.5em;letter-spacing:-0.02em;}
.visit_schedule .yeyak_time .table_info em{font-size:18px;font-weight:500;}
.visit_schedule .yeyak_time .table{margin:0 0 11px;}
.visit_schedule .yeyak_time .table thead th{padding:9px 5px 8px;color:#000;font-size:15px;font-weight:500;line-height:1.5em;letter-spacing:-0.02em;}
.visit_schedule .yeyak_time .table thead th:nth-child(n+2){border-left:1px solid #e6e7ec;}
.visit_schedule .yeyak_time .table tbody td{padding:9px 5px 8px;color:#000;font-size:15px;font-weight:400;line-height:1.5em;letter-spacing:-0.02em;}
.visit_schedule .yeyak_time .table tbody td:nth-child(n+2){border-left:1px solid #e6e7ec;}

.visit_schedule .yeyak_time .checkbox{display:inline-block;position:relative;}
.visit_schedule .yeyak_time .checkbox input[type="checkbox"]{position:relative;}

.visit_schedule .yeyak_time .checkbox label{display:block;position:absolute;top:0;left:0;width:20px;height:20px;color:transparent;font-size:0;line-height:0;}
.visit_schedule .yeyak_time .checkbox label:before{display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #c5c9d6;border-radius:5px;background:#fff url(../images/checkbox.png) center no-repeat;}
.visit_schedule .yeyak_time .checkbox input[type="checkbox"]:checked + label:before{border-color:#363c5a;background-image:url(../images/checkbox2.png);}

.visit_schedule .yeyak_time .checkbox input[type="checkbox"]:focus + label:after{display:block;content:'';position:absolute;top:-1px;left:-1px;z-index:3;width:24px;height:24px;box-sizing:border-box;border:1px dashed #000;}

.visit_schedule .yeyak_time .table tbody .disabled>td{color:#666;}
.visit_schedule .yeyak_time .table tbody .disabled>td:first-child .checkbox{display:none;}

.visit_schedule .yeyak_time .notice{color:#666;font-size:15px;font-weight:400;line-height:1.5em;letter-spacing:-0.02em;}
.visit_schedule .yeyak_time .notice i{color:#e73e75;font-weight:600;}

.visit_list_table.yeyak-t th:nth-child(6){width:100px;}

@media screen and (max-width: 1360px){
    .visit_schedule .calender h3{float:none;margin:0 auto;}

    .visit_list_table.yeyak-t th:nth-child(6){width:60px;}
}
@media screen and (max-width:1000px){
    .visit_schedule .yeyak_time .notice_box .notice_con{padding:20px 2% 10px;}
    .visit_schedule .yeyak_time .notice_box .notice_con .notice_item .title{width:30%;word-break:keep-all;}
    .visit_schedule .yeyak_time .notice_box .notice_con .notice_item .text{width:calc(70% - 10px);margin-left:10px;}

    .visit_schedule .yeyak_time h3{margin-bottom:40px;}
    .visit_schedule .yeyak_time .table_info{top:-35px;padding:9px 20px;font-size:15px;line-height:1.4em;}
    .visit_schedule .yeyak_time .table_info em{font-size:16px;}
}
@media screen and (max-width:850px){
    .visit_schedule > div:last-of-type:after{width:100%;height:1px;top:0;left:0;}
}
@media screen and (max-width:740px){
    .visit_list_table.yeyak-t th:nth-child(3){width:100px;}
}

/* 사전방문예약하기2 화면(사용자) */
.p-wrap.visit.bbs__form h3{font-size:20px;font-weight:600;line-height:1.4em;margin:20px 0;}
.p-wrap.visit.bbs__form .p-form-checkbox{margin-left:3px;}

/* 신청완료 */
.card.visit.card--line .title{margin-bottom:20px;font-size:22px;font-weight:600;}
.card.visit.card--line .text{word-break:keep-all;}

.p-wrap.visit .yeyak-t td{padding:11px 6px}
.p-wrap.visit .cancel{text-decoration:underline;}

.agree_box .agree_head{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;}
.agree_box .agree_head{margin-top:50px;margin-bottom:30px;}
.agree_box .agree_head .agree_title{flex-grow:1;margin-top:0 !important;margin-bottom:0 !important;}
.agree_box .agree_head .agree_chk{display:flex;align-items:center;gap:20px;margin-top:0;}
.agree_box .agree_head .agree_chk .radio_btn input[type="radio"] + label{margin-right:0;}
.agree_box.type2 .agree_head{margin-top:35px;margin-bottom:20px;}
@media screen and (max-width:480px){
    .agree_box .agree_head .agree_title{font-size:20px !important;}
}

@media print {
    #browserWarning { display: none;}
    header { display: none;}
    .sub_visual { display: none;}
    .koglView { display: none;}
    .sw_kogl_outer { display: none;}
    .satisfaction { display: none;}
    #footer { display: none;}
    #container .introbox { top: 0;}
    .sd_goal .listbox ul li.list .slidebox .goal_list .goal_item { float: none; page-break-after: always; width: auto !important;}
    .sd_goal .listbox ul li.list .slidebox .goal_list .goal_item:last-child { page-break-after: auto;}
    .sd_goal .listbox ul li.list .slidebox .controlbox { display: none;}
    .slick-slide { float: none;}
    .slick-list { height: 100% !important;}
    .slick-track { width: auto !important; transform: translate(0px, 0px) !important;}
}

/* 2024 서브레이아웃 header */
#scrollbar{font-size: 0;line-height: 0;}

.form_popup .acco_box{min-height: 400px;}

.sub_lnb .sub_menu{width: 100%;}

@media all and (min-width: 1701px){
    .body_wrap{width: 1670px;}
}

@media all and (max-width: 1700px) and (min-width: 1501px){
    .body_wrap{width: 1500px;}
}

@media all and (max-width: 1000px) {
    #header{z-index: 1;}
    .menu_slide_on #header{z-index: auto;}
    .logo_anchor{z-index: auto;}
}

@media all and (max-width: 825px) {
    .form_popup .res_board ul.list > li{width: 20%;}
    .form_popup .res_board ul.list > li > a{padding: 0 4px;}
}

/* 공공시설, 체육시설 */
.galleryList li .imgBox img{object-fit: cover;}
@media all and (min-width: 1701px) {
    .galleryList li{width: calc((100% - 184px) / 4);}
}

@media all and (max-width: 1700px) and (min-width: 1361px){
    .galleryList li{width: calc((100% - 184px) / 4);}
}

@media all and (max-width: 1360px) and (min-width: 1001px){
    .galleryList li{width: calc((100% - 126px) / 3);}
}

@media all and (max-width: 1000px) {
    .main-container div{margin: 0 auto;}
    .main-container img{object-fit: cover;}
}

/* 장비대여 */
#container .gallery_list .gallery_img img{object-fit: cover;}

.calender_wrap .fc-grid th{width: calc((100% - 1px) / 7) !important;}

@media all and (min-width: 1701px) {
    #container .gallery_list > ul{width: calc((100% - 138px) / 4);}
}

@media all and (max-width: 1700px) and (min-width: 1361px){
    #container .gallery_list > ul{width: calc((100% - 138px) / 4);}
}

@media all and (max-width: 1360px) {
    #container .gallery_list > ul{margin-bottom: 10px;}
}

/* 사전상담예약 */
.visit_schedule .visit_calender_wrap .fc-grid th{width: calc((100% - 1px) / 7) !important;}