@charset "utf-8";

@import url("component.css");
@import url("board.css");

/* margin, padding */
.mgt0 { margin-top: 0 !important; }

.mgt5 { margin-top: 5px !important; }

.mgt8 { margin-top: 8px !important; }

.mgt10 { margin-top: 10px !important; }

.mgt15 { margin-top: 15px !important; }

.mgt20 { margin-top: 20px !important; }

.mgt25 { margin-top: 25px !important; }

.mgt30 { margin-top: 30px !important; }

.mgt35 { margin-top: 35px !important; }

.mgt40 { margin-top: 40px !important; }

.mgt45 { margin-top: 45px !important; }

.mgt50 { margin-top: 50px !important; }

.mgt_10 { margin-top: -10px !important; }

.mgt_20 { margin-top: -20px !important; }

.mgt_30 { margin-top: -30px !important; }

.mgt_40 { margin-top: -40px !important; }

.mgt_50 { margin-top: -50px !important; }

.color_blue { color: #003e92 !important; }

/* 공통 */
.sub_visual { position: relative; }

.sub_visual .bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; background-color: #eef7ff; }

.sub_visual .bg_pc { display: block; }

.sub_visual .bg_t,
.sub_visual .bg_m { display: none; }

.sub_visual_center { display: flex; flex-wrap: wrap; align-items: center; align-content: center; position: relative; height: 178px; padding-left: 354px; text-align: left; }

.sub_visual .visual_txt { width: 100%; color: #5a5b5e; font-size: 20px; line-height: 29px; font-weight: 400; letter-spacing: -1px; text-align: left; }

.sub_visual .visual_title { position: relative; margin-top: 10px; color: #003e92; font-size: 42px; line-height: 49px; letter-spacing: -0.84px; font-weight: 700; font-family: 'Gmarket Sans'; }
.sub_visual .visual_title::before { content: ''; position: absolute; right: -56px; bottom: 4px; width: 62px; height: 84px; background: url(../images/sub/bg_subvisual_title.png) no-repeat center center; }

.sub_visual .visual_title em { color: #2c99f8; font-weight: 700; }

#lnb { position: relative; float: left; width: 260px; margin-top: -30px; margin-bottom: 60px; }

#lnb:before { content: ''; position: absolute; top: -116px; left: 0; width: 282px; height: 146px; background: url('../images/sub/bg_lnb_charactor.svg') no-repeat center center; background-size: 100%; }

#lnb .lnb_titbox { position: relative; height: 169px; padding-top: 67px; border-radius: 10px; background-image: linear-gradient(124deg, #10bb98, #2c99f8 96%); }

#lnb .lnb_titbox::before { content: ''; position: absolute; top: -0; right: 0; left: 0; height: 16px; background: url('../images/sub/bg_lnb_title.svg') no-repeat center center; }

#lnb .lnb_titbox .lnb_tit { display: block; position: relative; color: #fff; font-size: 24px; line-height: 35px; font-weight: 700; letter-spacing: -1.2px; text-align: center; }

#lnb .lnb_list { padding-top: 8px; }

#lnb .lnb_list>li { margin-top: 8px; }

#lnb .lnb_list>li>a { display: block; position: relative; padding: 14px 50px 14px 16px; border-radius: 8px; background: #fff; color: #444; font-size: 16px; line-height: 24px; font-weight: 500; letter-spacing: -0.8px; }

#lnb .lnb_list>li>a::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid #d4d4d4; border-radius: 8px; }

#lnb .lnb_list>li>a::before { content: ''; position: absolute; top: 50%; right: 14px; width: 32px; height: 32px; margin-top: -16px; border-radius: 100%; background: url(../images/ico_depth_right_green.svg) no-repeat center center, url(../images/ico_depth_right_white.svg) no-repeat center -999px; background-color: #f1f2f7; background-size: 24px; }

#lnb .lnb_list>li>a.in_ul::before { background-image: url(../images/ico_depth_plus_green.svg), url(../images/ico_depth_plus_white.svg); }
#lnb .lnb_list>li>a.blank::before { background-image: url(../images/ico_depth_blank_green.svg), url(../images/ico_depth_blank_white.svg); }

#lnb .lnb_list>li>a:hover { background: #fbfbfc; }

#lnb .lnb_list>li>a:hover::before,
#lnb .lnb_list>li>a.active::before { background-position: center -999px, center center; background-color: #10bb98; }

#lnb .lnb_list>li>a:hover::after,
#lnb .lnb_list>li>a.active::after { border: 2px solid #10bb98; }

#lnb .lnb_list>li>.depth02 { display: none; margin-top: -9px; padding: 8px 10px 0 12px; border: 1px solid #10bb98; border-radius: 0 0 8px 8px; background: #e6f8f5; }

#lnb .lnb_list>li>.depth02>li+li { border-top: 1px solid #a3d8cd; }

#lnb .lnb_list>li>.depth02>li>a { display: block; padding: 9px 9px 9px 18px; background: url(../images/ico_depth02_arrow.svg) no-repeat 5px 17px; color: #444; font-size: 16px; line-height: 24px; font-weight: 400; letter-spacing: -0.8px; }
#lnb .lnb_list>li>.depth02>li>a > i {position:absolute; margin-top:1px; margin-left:4px; font-size:17px; color:inherit;}

.sub_content { float: right; width: calc(100% - 312px); }

.sub_headbar { display: none; }

.sub_con_head { margin-top: 40px; padding-bottom: 16px; border-bottom: 1px solid #d4d4d4; }

.sub_con_head:after { content: ''; display: block; clear: both; }

.sub_con_head .title { float: left; color: #212121; font-size: 32px; line-height: 46px; font-weight: 700; letter-spacing: -1.6px; }

.sub_con_head .rightbox { float: right; }

.sub_con_head .rightbox:after { content: ''; display: block; clear: both; }

.sub_con_head .location { float: left; padding-top: 13px; font-size: 14px; line-height: 20px; }

.sub_con_head .location:after { content: ''; display: block; clear: both; }

.sub_con_head .location>li { float: left; }

.sub_con_head .location>li+li { padding-left: 18px; margin-left: 12px; background: url('../images/sub/ico_location_arrow.svg') no-repeat 0 center; background-size: 7px; }

.sub_con_head .location>li .ico_home { display: inline-block; width: 20px; height: 20px; background: url('../images/sub/ico_home.svg') no-repeat center center; background-size: 100%; text-indent: -999px; overflow: hidden; vertical-align: top; }

.sub_con_head .location>li>a,
.sub_con_head .location>li>em,
.sub_con_head .location>li>span { font-size: 14px; line-height: 20px; letter-spacing: -0.35px; }

.sub_con_head .location>li>a { color: #757575; font-weight: 400; }

.sub_con_head .location>li>em,
.sub_con_head .location>li>span { color: #5a5b5e; font-weight: 500; }

.sub_con_head .right_btns { float: left; margin: 3px 0 0 25px; }

.sub_con_head .right_btns:after { content: ''; display: block; clear: both; }

.sub_con_head .right_btns>li { float: left; position: relative; }

.sub_con_head .right_btns>li+li { margin-left: 8px; }

.sub_con_head .right_btns>li>.ico { display: block; width: 40px; height: 40px; border: 1px solid #d4d4d4; border-radius: 100%; background-color: #fff; background-repeat: no-repeat; background-position: center center; background-size: 24px; text-indent: -999px; overflow: hidden; }

.sub_con_head .right_btns>li>.ico:hover,
.sub_con_head .right_btns>li>.ico:focus { box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12); }

.sub_con_head .right_btns>li>.ico_share { background-image: url('../images/sub/ico_sub_share.svg'); }

.share_box { display: none; position: absolute; top: 0; right: -107px; padding: 46px 6px 14px; background: #fff; border: 2px solid #10bb98; border-radius: 20px; z-index: 30; }

.share_box>ul { display: flex; flex-direction: column; }

.share_box>ul>li+li { margin-top: 16px; }

.share_box>ul>li>.ico { display: block; width: 24px; height: 24px; background-repeat: no-repeat; background-position: center center; background-size: 100%; text-indent: -999px; overflow: hidden; }

.share_box>.close_sharebox { position: absolute; top: 6px; left: 6px; width: 24px; height: 24px; border: none; background: url('../images/btn_close_black.svg') no-repeat center center; background-size: 100%; text-indent: -999px; overflow: hidden; }

.sub_con_head .right_btns>li>.ico_print { background-image: url('../images/sub/ico_sub_print.svg'); }


.sub_cont { min-height: 290px; padding: 36px 0 60px; }

.sub_cont>*:first-child { margin-top: 0; }

/*만족도 평가*/
.eval_box {display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; padding:19px 29px; /*margin:30px auto;*/ margin-top:30px; border:1px solid #D4D4D4; border-radius:4px; background-color:#fff;}
.eval_box > p {flex:1 1 0; text-align:left; font-size:0;}
.eval_box > p > img {/*vertical-align:top; margin-top:2px;*/ vertical-align:middle; margin-right:8px;}
.eval_box > p > span {display:inline-block; vertical-align:middle; max-width:calc(100% - 48px); font-weight:400; font-size:16px; line-height:1.5; letter-spacing:-0.05em; color:#212121;}
.eval_box .check-group {flex:1 1 0; text-align:right;}
.eval_box .check-group .check-list {}
.eval_box .check-group .check-list > li {margin-left:15px;}
.eval_box .input {flex:1 1 100%; position:relative; padding-right:96px; margin:0; margin-top:15px; border-radius:4px; text-align:left;}
.eval_box .submit {flex:0 0 86px; position:relative; /*position:absolute;*/ width:86px; height:40px; padding:0; margin:0; margin-top:15px; margin-left:-86px; border:none; border-radius:0 4px 4px 0; background:none; background-color:#2C99F8; text-align:center; font-size:14px; line-height:40px; color:#fff; cursor:pointer;}

/*담당자 정보*/
.sub_cont_info {/*margin:30px auto; margin-bottom:67px;*/ margin-top:30px; border:1px solid #D4D4D4; border-radius:4px; background-color:#F8F8F8;}
.sub_cont_info ul {display:table; table-layout:fixed; width:100%; height:82px; text-align:center; font-size:0;}
.sub_cont_info ul > li {display:table-cell; vertical-align:middle; width:33.3333%;}
.sub_cont_info ul > li > i {display:inline-block; vertical-align:top; margin-right:4px; font-size:24px; line-height:1; color:#5A5B5E;}
.sub_cont_info ul > li > b {display:inline-block; vertical-align:top; font-weight:700; font-size:16px; line-height:1.5; letter-spacing:-0.05em; color:#212121;}
.sub_cont_info ul > li > span {display:inline-block; vertical-align:top; font-weight:400; font-size:16px; line-height:1.5; letter-spacing:-0.05em; color:#212121;}
.sub_cont_info ul > li > span::before {content:""; display:inline-block; vertical-align:top; width:2px; height:18px; margin:0 14px; margin-top:3px; border-radius:1px; background-color:#D4D4D4;}

/* 서브탭 */
.sub_tabbox>ul { display: flex; flex-wrap: wrap; }

.sub_tabbox>ul>li { flex: 1; }

.sub_tabbox>ul>li + li { margin-left:-1px; }

.sub_tabbox>ul>li>a { display: flex; justify-content: center; align-items: center; align-content: center; position: relative; height: 100%; padding: 12px 5px; border: 1px solid #e0e0e0; background: #fff; color: #5a5b5e; font-size: 16px; line-height: 24px; font-weight: 400; text-align: center; }

.sub_tabbox>ul>li>a>i {display:inline-block; vertical-align:middle; font-weight:normal; font-size:18px; line-height:1; letter-spacing:0; color:inherit;}
.sub_tabbox>ul>li>a>span {display:inline-block; vertical-align:middle; font-weight:inherit; font-size:inherit; line-height:inherit; letter-spacing:inherit; color:inherit;}
.sub_tabbox>ul>li>a>span > i {position:absolute; margin-top:1px; margin-left:4px; font-size:17px; color:inherit;}
.sub_tabbox>ul>li>a>i+span,
.sub_tabbox>ul>li>a>span+i {margin-left:4px;}

.sub_tabbox>ul>li>a:hover,
.sub_tabbox>ul>li>a:focus { color: #10bb98; }

.sub_tabbox>ul>li.active>a { border-color: #10bb98; background-color: #10bb98; color: #fff; font-weight: 700; z-index: 1; }

.js_tabcont { display: none; }

.js_tabcont.active { display: block; }

/* content */

.sub_cont_topbox { display: flex; align-items: center; margin-top: 24px; padding: 24px 32px; border: 1px solid #e1e1e1; border-radius: 10px; background: #eef7ff; }

.sub_cont_topbox .img_box { width: 110px; height: 110px; background-repeat: no-repeat; background-position: center center; background-size: contain; }

.sub_cont_topbox .txt_box { flex: 1; margin-left: 32px; }

.sub_cont_topbox .txt_box .tit { color: #003e92; font-size: 22px; line-height: 32px; font-weight: 700; letter-spacing: -1.1px; }

.sub_cont_topbox .txt_box .txt { margin-top: 12px; color: #5a5b5e; font-size: 16px; line-height: 24px; font-weight: 500; letter-spacing: -0.8px; }

.subtit_l { display: block; margin-top: 40px; padding:4px 0 2px 44px; background: url('../images/sub/ico_subtit_l.svg') no-repeat 0 0; color: #5a5b5e; font-size: 22px; line-height: 34px; font-weight: 700; letter-spacing: -1.1px; }
.subtit_l small {margin-left:0.5em; font-weight:400; font-size:0.7273em; line-height:1.5; letter-spacing:-0.05em; color:inherit;}

.subtit_l_con { padding: 1px 0 0 30px; }

.subtit_m { display: block; margin-top: 16px; padding-left: 30px; background: url('../images/sub/ico_subtit_m.svg') no-repeat 0 2px; color: #5a5b5e; font-size: 18px; line-height: 28px; font-weight: 500; letter-spacing: -0.9px; }

.subtit_m_con { padding: 0 0 0 30px; }

.subtit_s { display: block; position: relative; margin-top: 14px; margin-left: 7px; color: #5a5b5e; font-size: 16px; line-height: 24px; font-weight: 400; letter-spacing: -0.8px; }

.subtit_s::before { content: ''; position: absolute; top: 11px; left: -15px; width: 7px; height: 2px; background: #707070; }

.subtit_s_con { padding: 12px 0 0 7px; }

.sublist_text { color: #5a5b5e; font-size: 16px; line-height: 24px; font-weight: 400; letter-spacing: -0.8px; }

.sublist_text>li { position: relative; padding-left: 18px; }

.sublist_text>li .brackets_num { position: absolute; top: 0; left: 0; }

/* table */

.mobile_scroll { position: relative; overflow: hidden; overflow-x: auto; }

.mobile_minwidth .txt_ex_scroll { display: none; }

.table_data { width: 100%; margin-top: 18px; border-top: 2px solid #2c99f8; }

.table_data thead th { padding: 17px 10px; border-left: 1px solid #cfd8dc; background: #eef7ff; color: #212121; font-size: 16px; line-height: 23px; font-weight: 700; text-align: center; }

.table_data tbody td { padding: 13px 10px; border-bottom: 1px solid #cfd8dc; border-left: 1px solid #cfd8dc; color: #5a5b5e; font-size: 16px; line-height: 23px; font-weight: 400; text-align: center; }

.table_data tbody td.align_left { padding-left: 20px; padding-right: 20px; text-align: left; }

.table_data tr>th:first-child,
.table_data tr>td:first-child { border-left: none; }

@media screen and (max-width:1480px){
 .share_box { right: 0; }
 }

@media screen and (max-width:1390px){
    /*만족도 평가*/
    .eval_box > p {flex-basis:100%; text-align:left;}
    .eval_box .check-group {flex-basis:100%; margin-top:20px; text-align:left;}
    .eval_box .check-group .check-list > li {margin-right:15px; margin-left:0;}
}

@media screen and (max-width:1280px){
 .sub_visual_center { padding-left: 246px; }

 #lnb { width: 226px; }

 #lnb:before { width: 226px; }

 .sub_visual .visual_title { font-size: 37px; line-height: 43px; letter-spacing: -0.74px; }

.sub_content { width: calc(100% - 246px); }
 }

@media screen and (max-width:1024px) { /* 공통 */
.sub_visual .bg_pc { display: none; }

.sub_visual .bg_t { display: block; background-position: right center; }

.sub_visual .bg_m { display: none; }

.sub_visual_center { height: 194px; padding: 0 0 22px 0; }

#lnb { display: none; }

.sub_content { width: 100%; margin-top: -30px; }

.sub_headbar { display: flex; position: relative; z-index: 10; }

.sub_headbar:after { content: ''; display: block; clear: both; }

.sub_headbar .sub_depth_box { flex: 1; position: relative; }

.sub_headbar .sub_depth_box>a { display: block; position: relative; padding: 17px 50px 17px 25px; border-radius: 10px; background-image: linear-gradient(94deg, #10bb98, #2c99f8 100%); color: #fff; font-size: 18px; line-height: 26px; font-weight: 500; letter-spacing: -0.45px; z-index: 1; }

.sub_headbar .sub_depth_box>a:after { content: ''; position: absolute; top: 50%; right: 14px; width: 32px; height: 32px; margin-top: -16px; border-radius: 100%; background: url('../images/sub/ico_depth_select_arrow.svg') no-repeat center center #f1f2f7; background-size: 24px; }

.sub_headbar .sub_depth_box>.sub_depth { display: none; position: absolute; top: 100%; left: 0; right: 0; margin-top: -9px; padding: 8px 10px 0 12px; border: 1px solid #10bb98; border-radius: 0 0 8px 8px; background: #e6f8f5; overflow: hidden; }

.sub_headbar .sub_depth_box>.sub_depth>li+li { border-top: 1px solid #a3d8cd; }

.sub_headbar .sub_depth_box>.sub_depth>li>a { display: block; padding: 9px 9px 9px 18px; background: url(../images/ico_depth02_arrow.svg) no-repeat 5px 17px; color: #444; font-size: 16px; line-height: 24px; font-weight: 400; letter-spacing: -0.8px; }
.sub_headbar .sub_depth_box>.sub_depth>li>a > i {position:absolute; margin-top:1px; margin-left:4px; font-size:17px; color:inherit;}

.sub_headbar .sub_depth_box>a.active:after { transform: rotate(180deg); }

.sub_headbar .sub_depth_box>a.active+.sub_depth { display: block; }

.sub_con_head { margin-top: 33px; padding-bottom: 18px; }

.sub_con_head .title { width: 100%; text-align: center; }

.sub_con_head .rightbox { width: 100%; margin-top: 18px; }

.sub_con_head .location { padding-top: 10px; }

.sub_con_head .right_btns { float: right; margin-top: 0; }

.sub_con_head .right_btns>li.print { display: none; }


.sub_cont { padding: 32px 0 60px; }

/* content */

.sub_cont_topbox { padding: 24px; }

.subtit_l { margin-top: 24px; }

.subtit_s { margin-left: 0; }

.subtit_s_con { padding-left: 0; }
 }

@media screen and (min-width:768px) {
    /*담당자 정보*/
    .sub_cont_info ul > li > b > .blank {display:none;}
}

@media screen and (max-width:767px) { /* 공통 */
.sub_visual .bg_pc { display: none; }

.sub_visual .bg_t { display: none; }

.sub_visual .bg_m { display: block; background-position: center center; }

.sub_visual_center { height: 150px; padding-bottom: 18px; }

.sub_visual .visual_txt { display: none; }

.sub_visual .visual_title { font-size: 28px; line-height: 36px; letter-spacing: -0.56px; }

.sub_visual .visual_title::before { right: -49px; bottom: 12px; width: 39px; height: 54px; background-size: contain; }

.sub_con_head { margin-top: 24px; }

.sub_con_head .title { font-size: 24px; line-height: 40px; text-align: left; }

.sub_con_head .rightbox { position: relative; margin-top: 0; padding-top: 22px; }

.sub_con_head .location { padding-top: 0; }

.sub_con_head .right_btns { position: absolute; top: -40px; right: 0; }

.sub_cont { padding: 24px 0 40px; }

/*만족도 평가*/
.eval_box .check-group .check-list > li {display:block; margin-right:0;}
.eval_box .check-group .check-list > li + li {margin-top:12px;}

/*담당자 정보*/
.sub_cont_info ul {display:block; height:auto; padding:19px 14px; text-align:left;}
.sub_cont_info ul > li {display:block; width:100%;}
.sub_cont_info ul > li + li {margin-top:12px;}
.sub_cont_info ul > li > i {vertical-align:middle;}
.sub_cont_info ul > li > b {vertical-align:middle; overflow:hidden; width:3.5em; height:1.4286em; text-align:justify; font-size:14px; line-height:1.4286;}
.sub_cont_info ul > li > b::after {content:""; display:inline-block; vertical-align:top; width:100%;}
.sub_cont_info ul > li > span {vertical-align:middle; font-size:14px; line-height:1.4286;}
.sub_cont_info ul > li > span::before {vertical-align:middle; margin:0 10px;}

/* 서브탭 */
.sub_tabbox>ul>li { flex: none; width: 50%; margin-top: -1px; }

.sub_tabbox>ul>li + li { margin-left: 0; }

.sub_tabbox>ul>li:nth-child(2n) { margin-left: -1px; }


/* content */

.sub_cont_topbox { padding: 20px; }

.sub_cont_topbox .img_box { display: none; }

.sub_cont_topbox .txt_box { margin-left: 0; }

.sub_cont_topbox .txt_box .tit { font-size: 20px; line-height: 29px; letter-spacing: -1px; }

.sub_cont_topbox .txt_box .txt { margin-top: 10px; font-size: 14px; line-height: 24px; letter-spacing: -0.7px; }

.subtit_l { padding-left:40px; margin-top: 26px; background-size: 36px; font-size: 18px; line-height: 28px; letter-spacing: -0.9px; }

.subtit_l_con { padding: 0 0 0 20px; }

.subtit_m { font-size: 16px; line-height: 24px; letter-spacing: -0.8px; }

.subtit_s { font-size: 15px; line-height: 22px; letter-spacing: -0.75px; }

.subtit_s::before { top: 10px; }

.sublist_text { font-size: 15px; line-height: 22px; letter-spacing: -0.75px; }

.m_full { width: 100%; }

.mobile_minwidth { min-width: 743px; /* 767px - 24px */ }

.mobile_minwidth .txt_ex_scroll { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('../images/sub/bg_ex_scroll.svg') no-repeat center 30px; background-size: 70px; text-indent: -999px; overflow: hidden; z-index: 5; }

.table_data { margin-top: 15px; }
 }


 /* 준비중 페이지 */
.preparing {padding:73px 2%; border:1px solid #D4D4D4; border-radius:10px; background-color:#FEFEFE;}
.preparing .msg-box {display:table; table-layout:fixed; margin:0 auto;}
.preparing .msg-box .img {display:table-cell; vertical-align:top; text-align:right;}
.preparing .msg-box .img img {vertical-align:top; max-width:100%;}
.preparing .msg-box .txt {display:table-cell; vertical-align:top; position:relative; max-width:348px; padding-left:50px; word-wrap:break-word; word-break:keep-all; text-align:left;}
.preparing .msg-box .txt img {vertical-align:top; position:absolute; /*top:0; left:50px;*/ max-width:100%; /*margin-top:0; margin-left:-50px;*/}
.preparing .msg-box .txt h4 {position:relative; z-index:1; padding-top:26px; padding-left:25px; margin-bottom:35px; font-weight:400; font-size:32px; line-height:1.4375; letter-spacing:-0.025em; color:#1C1C1C;}
.preparing .msg-box .txt h4 b {display:inline-block; font-weight:700; color:#E41305;}
.preparing .msg-box .txt p {position:relative; z-index:1; padding-left:25px; font-weight:400; font-size:16px; line-height:1.625; letter-spacing:-0.025em; color:#424242;}
.preparing .msg-box .txt p b {display:inline-block; font-weight:700; color:#E41305;}

@media only screen and (max-width: 1024px) {
    .preparing .msg-box {display:block;}
    .preparing .msg-box .img {display:block; text-align:center;}
    .preparing .msg-box .txt {display:block; max-width:none; padding-left:0; margin-top:50px; text-align:center;}
    .preparing .msg-box .txt img {display:none; position:static; margin-bottom:20px;}
    .preparing .msg-box .txt h4 {padding-top:0; padding-left:0;}
    .preparing .msg-box .txt p {padding-left:0;}
}
/* //준비중 페이지 */


 /* 안내박스 */
.noti-box {padding:33px; border:1px solid #E0E0E0; border-radius:8px; background-color:#FDFDFD; word-wrap:break-word; word-break:keep-all;}
.noti-box h5 {padding-left:30px; margin-bottom:24px; text-indent:-30px; font-weight:700; font-size:18; line-height:1.5; letter-spacing:-0.025em; color:#003E92;}
.noti-box h5::before {content:""; display:inline-block; vertical-align:top; width:24px; height:1.5em; margin-right:6px; background:url(../images/sub/ico_noti-box_bullet.png) no-repeat left bottom;}
.noti-box .txt-list {list-style:none;}
.noti-box .txt-list > li {position:relative; padding-left:14px; font-weight:400; font-size:16px; line-height:1.5; letter-spacing:-0.05em; color:#5A5B5E;}
.noti-box .txt-list > li + li {margin-top:12px;}
.noti-box .txt-list > li::before {content:""; position:absolute; top:0.5625em; left:0; width:6px; height:6px; border-radius:50%; background-color:#5A5B5E;}
.noti-box .txt-list > li > span {display:inline-block;}
.noti-box .txt-list b {font-weight:700; font-size:inherit; line-height:inherit; letter-spacing:inherit; color:#F20000;}
.noti-box .txt-list .bdg01 {vertical-align:top; padding:1px 9px 2px 9px; border:1px solid #D14000; border-radius:18px; background-color:#fff; text-align:center; font-weight:500; font-size:14px; line-height:1.4286; letter-spacing:0; color:#D14000;}
.noti-box .txt-list .bdg02 {vertical-align:top; padding:1px 9px 2px 9px; border:1px solid #003E92; border-radius:18px; background-color:#fff; text-align:center; font-weight:500; font-size:14px; line-height:1.4286; letter-spacing:0; color:#003E92;}

.guide-box {padding:24px; margin-bottom:24px; border-radius:8px; background-color:#EEF7FF;}
.guide-box p {word-wrap:break-word; word-break:keep-all; text-align:center; font-size:0;}
.guide-box p i {vertical-align:top; font-size:20px; line-height:1; color:#444;}
.guide-box p span {vertical-align:top; font-weight:400; font-size:14px; line-height:1.4286; letter-spacing:-0.05em; color:#444;}
.guide-box p i + span,
.guide-box p span + i {margin-left:4px;}

 /* 약관 */
.terms-wrap {/*margin:65px 0;*/}
.terms-wrap .icon-check {vertical-align:top; max-width:100%;}
.terms-wrap .icon-check > input:hover + label i,
.terms-wrap .icon-check > input:focus + label i,
.terms-wrap .icon-check > input.is-focused + label i {color:#757575;}
.terms-wrap .icon-check > input:checked + label i {color:#003E92;}

.terms-view {padding: 15px 23px; border: 1px solid #E0E0E0; border-radius: 8px; background-color: #FDFDFD; word-wrap:break-word; word-break:keep-all;}
.terms-view > div {}
.terms-view > div + div::before {display: block; margin: 14px 0; border-top: 1px solid #E0E0E0; content: "";}
.terms-view .title {display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:flex-start;}
.terms-view .title .icon-check {flex:1 1 auto;}
.terms-view .title .icon-check label {}
.terms-view .title .icon-check label > span {font-weight: 400; font-size: 16px; line-height:1.5; letter-spacing: -0.05em; color: #757575;}
.terms-view .title .icon-check label > span > b {display:inline-block; vertical-align:top; font-weight: 500; font-size: inherit; line-height:inherit; letter-spacing: inherit; color:inherit;}
.terms-view .title .icon-check label > span > .req {color:#FE3030;}
.terms-view .title button {flex:0 0 86px; display: inline-block; vertical-align:top; position: relative; padding:0; padding-right: 34px; border:none; background:none; line-height:1;}
.terms-view .title button span {font-weight: 500; font-size: 14px; /*line-height: 1.4286;*/ line-height:26px; letter-spacing: 0; color: #616161;}
.terms-view .title button i {position: absolute; top: 0; right: 0; width: 26px; height: 26px; border-radius: 50%; background-color: #F1F2F7; font-size:20px; line-height:26px; color:#10BB98; transform: rotate(90deg);}
.terms-view .view {display:none; box-sizing: border-box; padding: 21px; border: 1px solid #DCDCDC; border-radius: 4px; background-color: #fff; font-weight: 400; font-size: 14px; line-height:1.7143; letter-spacing:0; color:#616161;}
.terms-view .view * {font-weight:inherit; font-size:inherit; line-height:inherit; letter-spacing:inherit; color:inherit;}
.terms-view .view .color {color:#003E92;}
.terms-view .view .num-list {list-style:decimal; padding-left:1.5em;}
.terms-view .view .num-list > li {}
.terms-view .view .dot-list {list-style:circle; padding-left:1.5em;}
.terms-view .view .dot-list > li {}
.terms-view .view .hypn-list {list-style:none; padding-left:0.5714em; text-indent:-0.5714em;}
.terms-view .view .hypn-list > li {}
.terms-view .view .hypn-list > li::before {content:"- ";}
.terms-view .scroll {max-height: 320px;}

.terms-view .title.show {margin-bottom: 16px;}
.terms-view .title.show button i {transform: rotate(-90deg);}
.terms-view .title.show + .view {display: block;}

.terms-check-all + .terms-view {border-top: none; border-radius: 0 0 8px 8px;}
.terms-check-all {padding: 15px 23px; border: 1px solid #E0E0E0; border-radius: 8px 8px 0 0; background-color: #F1F1F1;}
.terms-check-all .icon-check label span {font-weight: 500; font-size: 16px; line-height:1.5; letter-spacing:-0.05em; color: #003E92;}

.terms-view .scroll.mCustomScrollbar .mCSB_dragger_bar{ width: 3px; border-radius:0; background-color: #444 !important; }
.terms-view .scroll.mCustomScrollbar .mCSB_draggerRail{ width: 3px; background-color: transparent !important; }


/* 프로그램 */
.prog-wrap {/*overflow:hidden;*/}
.prog-wrap .prog-head {}
.prog-wrap .prog-head + .prog-body {margin-top:21px;}
.prog-wrap .prog-body {}
.prog-wrap .prog-foot {}
.prog-wrap .tbl {table-layout:fixed; border-spacing:0; border-collapse:collapse; width:100%; min-width:100%; max-width:none; font:inherit; font-style:normal; letter-spacing:inherit; color:inherit;}
.prog-wrap .tbl .align-l {text-align:left;}
.prog-wrap .tbl .align-c {text-align:center;}
.prog-wrap .tbl .align-r {text-align:right;}
.prog-wrap .btn-box {display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:stretch; margin:50px auto; text-align:center; font-weight:500; font-size:16px; line-height:1.5; letter-spacing:0;}
.prog-wrap .btn-box button {flex:0 1 120px; padding:15px 0; border:1px solid transparent; border-radius:4px;}
.prog-wrap .btn-box .btn01 {border-color:#E0E0E0; background-color:#fff; color:#003E92;}
.prog-wrap .btn-box .btn02 {border-color:#2C99F8; background-color:#2C99F8; color:#fff;}
.prog-wrap .btn-box .btn03 {border-color:#003E92; background-color:#003E92; color:#fff;}
.prog-wrap .btn-box .btn04 {border-color:#424242; background-color:#424242; color:#fff;}

.prog-search {display:flex; flex-flow:row wrap; justify-content:center; align-items:center; padding:33px 2%; border:2px solid #C8E5FF; border-radius:10px; background-color:#F8FCFF;}
.prog-search .select {flex:0 0 125px; position:relative; margin:0; margin-right:10px; border-radius:4px; text-align:left;}
.prog-search .select::-ms-expand {display:none;}
.prog-search .input {flex:0 1 351px; position:relative; padding-right:48px; margin:0; border-radius:4px; text-align:left;}
.prog-search .submit {flex:0 0 40px; position:relative; height:40px; padding:0; margin:0; margin-left:-40px; border:none; border-radius:4px; background:none; background-color:#00AEF0; text-align:center; font-size:24px; line-height:40px; color:#fff; cursor:pointer;}
.prog-search .check-group {/*margin-top:28px;*/ margin-top:4px;}
.prog-search .check-group .check-list {display:flex; flex-flow:row wrap; justify-content:center; align-items:flex-start;}
.prog-search .check-group .check-list .check {flex:0 1 auto; margin:0 12px; margin-top:24px;}
.prog-search + .prog-total {margin-top:48px;}
.prog-total {display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:stretch; padding-bottom:9px; border-bottom:2px solid #2C99F8;}
.prog-total > span {flex:0 1 auto; line-height:1;}
.prog-total > span > i {display:inline-block; vertical-align:top; margin-right:6px; font-size:20px; line-height:1; color:#0BA182;}
.prog-total > span > span {display:inline-block; vertical-align:top; font-weight:400; font-size:15px; line-height:1.3333; letter-spacing:-0.025em; color:#444;}
.prog-total > span > span > b {}
.prog-total span.post {}
.prog-total span.post b {font-weight:500; color:#0BA182;}
.prog-total span.page {}
.prog-total span.page b {font-weight:500; color:#0BA182;}
.prog-result {margin:45px 0;}
.prog-result > p {/*flex:1 1 auto;*/ text-align:center; /*line-height:1;*/}
.prog-result > p.msg {font-weight:400; font-size:18px; line-height:1.4444; letter-spacing:-0.05em; color:#757575;}
.prog-result > p.msg::after {content:""; display:inline-block; vertical-align:bottom; width:36px; height:36px; margin-bottom:-1px; background:url(../images/sub/prog-result_msg_deco.png) no-repeat 0 0;}
.prog-result > p.msg b {font-weight:500;}
.prog-result > p.msg b.keywords {color:#003E92;}
.prog-result > p.msg b.total {color:#10BB98;}

.prog-total.has-btn {}
.prog-total.has-btn > span + span {margin-left:10px;}
.prog-total.has-btn > a {flex:0 0 auto; margin-left:auto;}
.prog-total.has-btn .btn_cart {display:inline-block; padding:8px 14px; margin-top:-20px; border-radius:4px; background-color:#00AEF0; text-align:center; color:#fff;}
.prog-total.has-btn .btn_cart i {display:inline-block; vertical-align:top; font-weight:500; font-size:16px; line-height:1.25; letter-spacing:0; color:inherit;}
.prog-total.has-btn .btn_cart span {display:inline-block; vertical-align:top; font-weight:400; font-size:15px; line-height:1.3333; letter-spacing:-0.025em; color:inherit;}
.prog-total.has-btn .btn_cart i + span,
.prog-total.has-btn .btn_cart span + i {margin-left:4px;}

.prog-search .select:focus {outline:none;}
.prog-search .input:focus {outline:none;}
.prog-search .submit:focus {outline:none;}

.prog-step {padding:20px; margin-bottom:36px; border-radius:8px; background-color:#EEF7FF; text-align:center;}
.prog-step .list {list-style:none; font-size:0;}
.prog-step .list > li {display:inline-block; vertical-align:middle;}
.prog-step .list > li + li::before {content:""; display:inline-block; vertical-align:middle; opacity:0.3; margin:0 20px; border-top:6px solid #6A6A6A; border-right:5px solid transparent; border-left:5px solid transparent; border-radius:2px; transform:rotate(-90deg);}
.prog-step .list > li > a {display:inline-block; vertical-align:middle; opacity:0.3;}
.prog-step .list > li > a[disabled] {cursor:default;}
.prog-step .list > li > a[disabled="disabled"] {cursor:default;}
.prog-step .list > li > a > i {display:inline-block; vertical-align:middle;}
.prog-step .list > li > a > span {display:inline-block; vertical-align:middle; font-weight:500; font-size:15px; line-height:1.4667; letter-spacing:-0.05em; color:#003E92;}
/* .prog-step .list > li:last-child > a {cursor:default;} */

.prog-step .list .icon {width:28px; height:28px; margin-right:5px; border-radius:50%; background:#fff no-repeat center center;}
.prog-step .list .icon.ico01 {background-image:url(../images/sub/ico_prog-step01.png);}
.prog-step .list .icon.ico02 {background-image:url(../images/sub/ico_prog-step02.png);}
.prog-step .list .icon.ico03 {background-image:url(../images/sub/ico_prog-step03.png);}

.prog-step .list > li.on > a {opacity:1;}
.prog-step .list > li.on + li::before {opacity:1;}

@media only print {
    .prog-wrap .print-hide {display:none;}
    .prog-wrap .tbl .pc-hide {display:none;}
}

@media only screen and (min-width: 1025px) {
    .prog-wrap .tbl .pc-hide {display:none;}
    .prog-wrap .tbl .attach-list li:hover span,
    .prog-wrap .tbl .attach-list li:focus span {text-decoration:underline;}
    .prog-wrap .btn-box button:nth-of-type(1) {margin-right:auto;}
    .prog-wrap .btn-box button:nth-of-type(n+2) {margin-left:12px;}
}

@media only screen and (max-width: 1024px) {
    .prog-wrap .tbl .m-hide {display:none;}

    .prog-search .check-group {margin-top:13px;}
    .prog-search .check-group .check-list {justify-content:flex-start;}
    .prog-search .check-group .check-list .check {margin:0; margin-top:22px; margin-right:25px;}
}

@media only screen and (max-width: 767px) {
    .prog-wrap .btn-box {flex-direction:column;}
    .prog-wrap .btn-box button {flex:1 1 100%; margin-top:4px; margin-bottom:4px;}
    .prog-wrap .btn-box button:first-of-type {margin-bottom:0;}
    .prog-wrap .btn-box button:last-of-type {margin-top:0;}
    /* .prog-wrap .btn-box button + button {margin-top:8px;} */
    .prog-wrap .btn-box .tbl {flex:1 1 100%;}

    .prog-wrap .btn-box .btn01 {order:1;}

    .prog-search {padding:17px;}
    .prog-search .select {flex:1 1 auto;}
    .prog-search .input {flex:2 1 auto;}
    .prog-search .submit {flex:3 1 100%; margin-top:11px; margin-left:0;}
    .prog-result > p.msg::after {display:none;}

    .prog-step .list .icon {display:block; margin:0 auto; margin-bottom:5px;}
}


/* 체험예약 */
.prog-apply {}

.prog-apply .post-list {list-style:none; padding:28px 29px 26px 25px; border:1px solid #D4D4D4; border-radius:8px; background-color:#fff;}
.prog-apply .post-list > li {}
.prog-apply .post-list > li + li::before {content:""; display:block; margin:28px 0; border-top:1px solid #D4D4D4;}
.prog-apply .post-box {display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:stretch;}
.prog-apply .post-box .thumb {flex:0 0 276px; position:relative; margin-right:20px;}
.prog-apply .post-box .thumb .img {display:block; height:0; padding-top:59.8540%; border:1px solid #D2D2D2; border-radius:4px; background:#F5F5F5 url(../images/sub/prog-apply_thumb-img_empty.png) no-repeat center center/cover;}
.prog-apply .post-box .thumb .badge {position:absolute; top:0; left:0; padding:13px; font-size:0;}
.prog-apply .post-box .thumb .badge span {display:inline-block; vertical-align:top; padding:4px 12px 5px 12px; margin-right:8px; margin-bottom:8px; border-radius:4px; text-align:center; font-weight:500; font-size:14px; line-height:1.4286; letter-spacing:0;}
.prog-apply .post-box .thumb .badge .type01 {background-color:#F8B42C; color:#fff;}
.prog-apply .post-box .thumb .badge .type02 {background-color:#10BB98; color:#fff;}
.prog-apply .post-box .thumb .badge .type03 {background-color:#2C99F8; color:#fff;}
.prog-apply .post-box .thumb .badge .type04 {background-color:#003E92; color:#fff;}
.prog-apply .post-box .info {flex:1 1 0; position:relative; min-width:0; word-wrap:break-word; word-break:keep-all;}
.prog-apply .post-box .info .badge {margin-bottom:8px; font-size:0;}
.prog-apply .post-box .info .badge > span {display:inline-block; vertical-align:top; position:relative; padding:1px 9px 2px 9px; border:1px solid transparent; border-radius:18px; text-align:center; line-height:1;}
.prog-apply .post-box .info .badge > span > span {display:inline-block; vertical-align:top; overflow:hidden; min-width:2.5em; height:1.4286em; text-align:justify; font-weight:500; font-size:14px; line-height:1.4286; letter-spacing:0;}
.prog-apply .post-box .info .badge > span > span::after {content:""; display:inline-block; vertical-align:top; width:100%;}
.prog-apply .post-box .info .badge > span + span {margin-left:16px;}
.prog-apply .post-box .info .badge > span + span::before {content:""; position:absolute; top:0; bottom:0; left:-9px; height:10px; margin:auto; border-left:1px solid #C2C2C2;}
.prog-apply .post-box .info .badge .opt01 {}
.prog-apply .post-box .info .badge .opt01.type01 {border-color:#D14000; background-color:#fff; color:#D14000;}
.prog-apply .post-box .info .badge .opt01.type02 {border-color:#003E92; background-color:#fff; color:#003E92;}
.prog-apply .post-box .info .badge .opt02 {}
.prog-apply .post-box .info .badge .opt02.type01 {border-color:#ABABAB; background-color:#ABABAB; color:#fff;}
.prog-apply .post-box .info .badge .opt02.type02 {border-color:#77BE0D; background-color:#77BE0D; color:#fff;}
.prog-apply .post-box .info .badge .opt02.type03 {border-color:#D6D6D6; background-color:#F3F3F3; color:#858585;}
.prog-apply .post-box .info .title {display:block; overflow:hidden; margin-bottom:13px; white-space:nowrap; text-overflow:ellipsis; font-weight:500; font-size:18px; line-height:1.4444; letter-spacing:-0.039em; color:#000;}
.prog-apply .post-box .info .detail {font-size:0;}
.prog-apply .post-box .info .detail dt {display:inline-block; vertical-align:top; width:4.875em; margin-bottom:2px; font-weight:400; font-size:16px; line-height:1.5; letter-spacing:-0.05em; color:#444;}
.prog-apply .post-box .info .detail dt::after {content:""; display:inline-block; vertical-align:top; height:10px; margin:0 10px; margin-top:0.4375em; border-left:1px solid #C2C2C2;}
.prog-apply .post-box .info .detail dd {display:inline-block; vertical-align:top; width:calc(100% - 4.875em); margin-bottom:2px; font-weight:400; font-size:16px; line-height:1.5; letter-spacing:-0.05em; color:#444;}
.prog-apply .post-box .info .detail dd b {font-weight:500; color:#003E92;}
.prog-apply .post-box .info .btn {position:absolute; right:0; bottom:0; width:101px; padding:12px 0 13px 0; border:1px solid transparent; border-radius:4px; text-align:center; line-height:1;}
.prog-apply .post-box .info .btn span {display:inline-block; vertical-align:top; overflow:hidden; min-width:2.5333em; height:1.4em; text-align:justify; font-weight:500; font-size:15px; line-height:1.4; letter-spacing:0; color:inherit;}
.prog-apply .post-box .info .btn span::after {content:""; display:inline-block; vertical-align:top; width:100%;}
.prog-apply .post-box .info .btn.type01 {border-color:#4DC1EE; background-color:#4DC1EE; color:#fff;}
.prog-apply .post-box .info .btn.type02 {border-color:#D6D6D6; background-color:#F3F3F3; color:#858585;}

.prog-apply .post-list > li.nodata {text-align:center;}
.prog-apply .post-list > li.nodata span {}
.prog-apply .post-list > li.disabled {}
.prog-apply .post-list > li.disabled .thumb {opacity:0.4;}
.prog-apply .post-list > li.disabled .info .badge .opt01 {opacity:0.4;}
.prog-apply .post-list > li.disabled .info .title {opacity:0.4;}
.prog-apply .post-list > li.disabled .info .detail {opacity:0.4;}
.prog-apply .post-list > li.disabled .info .btn[disabled] {cursor:default;}

.prog-apply .prog-gall {}
.prog-apply .prog-gall .list {display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:stretch;}
.prog-apply .prog-gall .list > li {flex:1 1 auto;}
.prog-apply .prog-gall .list > li > a {display:block; border:1px solid #D1D1D1; border-radius:4px; background-color:#fff;}
.prog-apply .prog-gall .list .thumb {position:relative; /*height:0; padding-top:68.8525%;*/}
.prog-apply .prog-gall .list .thumb .img {position:absolute; top:0; left:0; overflow:hidden; width:100%; height:100%; border-radius:3px 3px 0 0;}
.prog-apply .prog-gall .list .thumb .img::after {content:""; opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:3px 3px 0 0; background-color:#000; transition:opacity 0.3s;}
.prog-apply .prog-gall .list .thumb .img img {position:absolute; min-width:100%; min-height:100%; top:50%; left:50%; transform:translate(-50%, -50%);}
.prog-apply .prog-gall .list .thumb .pop {/*display:none;*/ opacity:0; position:absolute; top:50%; left:50%; width:130px; height:130px; padding:38px 0 36px 0; margin-top:-65px; margin-left:-65px; border-radius:50%; background-color:rgba(0,174,240,0.9); box-shadow:0 0 10px 0 rgba(0,39,72,0.6); text-align:center; font-weight:400; font-size:16px; line-height:1.5; letter-spacing:-0.025em; color:#fff;}
.prog-apply .prog-gall .list .thumb .pop::after {content:""; position:absolute; bottom:-8px; left:50%; width:38px; height:38px; margin-left:-19px; background:url(../images/sub/prog-apply_gall-arrow.png) no-repeat center center;}
.prog-apply .prog-gall .list .thumb .pop b {display:block; font-weight:700;}
.prog-apply .prog-gall .list .desc {display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:stretch; padding:9px 15px; border-top:1px solid #D1D1D1;}
.prog-apply .prog-gall .list .desc > span {flex:0 1 auto;}
.prog-apply .prog-gall .list .desc .name {font-weight:500; font-size:16px; line-height:1.5; letter-spacing:-0.05em; color:#003E92;}
.prog-apply .prog-gall .list .desc .num {font-weight:400; font-size:16px; line-height:1.5; letter-spacing:-0.05em; color:#444;}

.prog-apply .noti-box + .prog-gall-slider {margin-top:36px;}
.prog-apply .prog-gall-slider {}
.prog-apply .prog-gall-slider .swiper-container {}
.prog-apply .prog-gall-slider .swiper-wrapper {}
.prog-apply .prog-gall-slider .swiper-slide {width:auto; /*width:243px;*/}
.prog-apply .prog-gall-slider .swiper-slide img {border:1px solid #D1D1D1; border-radius:4px; max-width:100%;}
.prog-apply .prog-gall-slider .swiper-button-prev {/*display:none;*/ right:auto; left:0; width:48px; height:48px; margin-top:-24px; background:url(../images/sub/prog-apply_slide-arrow_default.png) no-repeat center center; transform:rotate(180deg);}
.prog-apply .prog-gall-slider .swiper-button-next {/*display:none;*/ right:0; left:auto; width:48px; height:48px; margin-top:-24px; background:url(../images/sub/prog-apply_slide-arrow_default.png) no-repeat center center;}
.prog-apply .prog-gall-slider .swiper-button-prev:active {background-image:url(../images/sub/prog-apply_slide-arrow_active.png);}
.prog-apply .prog-gall-slider .swiper-button-next:active {background-image:url(../images/sub/prog-apply_slide-arrow_active.png);}

.prog-apply .card-list {display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; list-style:none; overflow:hidden; padding:0; margin:0 -12px; margin-top:-27px;}
.prog-apply .card-list li {flex:0 1 33.3333%; box-sizing:border-box; width:33.3333%; padding:27px 12px;}
.prog-apply .card-list li > a {display:block; position:relative; border:1px solid #D4D4D4; border-radius:10px;}
.prog-apply .card-list li.nodata {flex-grow:1; /*width:100%;*/ width:auto; padding:40px 0; margin:0 12px; border-bottom:1px solid #D4D4D4; text-align:center; font-weight:400; font-size:16px; line-height:1.5; letter-spacing:-0.025em; color:#727272;}
.prog-apply .card-list li.nodata > span {padding-left:41px; background:url(../images/board/ico_photo.png) no-repeat left center;}
.prog-apply .card-list .post-top {text-align:center;}
.prog-apply .card-list .post-top .thumb {display:block; position:relative; overflow:hidden; box-sizing:border-box; width:100%; height:0; padding-top:64.7799%; border-bottom:1px solid #CBCBCB; border-radius:9px 9px 0 0; background:#F5F5F5 url(../images/board/photo-empty.png) no-repeat center center;}
.prog-apply .card-list .post-top .thumb > span {position:absolute; z-index:1; top:0; left:0; width:84px; height:36px; border-radius:9px 0 10px 0; background-color:#2C99F8; text-align:center; font-weight:500; font-size:16px; line-height:36px; letter-spacing:0; color:#fff;}
.prog-apply .card-list .post-top .thumb img {vertical-align:top; position:absolute; top:0; left:0; width:100%; height:100%; border:none; transform:scale(1); transition:transform 0.3s;}
.prog-apply .card-list .post-bottom {padding:15px; padding-top:14px; border-radius:0 0 9px 9px;}
.prog-apply .card-list .post-bottom > span {display:inline-block; overflow:hidden; max-width:100%; /*min-height:3em;*/ margin-top:10px; white-space:nowrap; word-wrap:normal; word-break:normal; text-overflow:ellipsis; font-weight:500; font-size:16px; line-height:1.5; letter-spacing:-0.025em; color:#5A5B5E;}
.prog-apply .card-list .post-bottom .badge {}
.prog-apply .card-list .post-bottom .badge > span {display:inline-block; vertical-align:top; position:relative; padding:1px 9px 2px 9px; margin-right:8px; border:1px solid #003E92; border-radius:18px; background-color:#fff; text-align:center; font-weight:500; font-size:14px; line-height:1.4286; letter-spacing:0; color:#003E92;}
.prog-apply .card-list .post-bottom .info {display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch;}
.prog-apply .card-list .post-bottom .info::before {content:""; flex:0 1 100%; display:block; margin:17px 0; border-top:1px solid #D4D4D4;}
.prog-apply .card-list .post-bottom .info > span {flex:0 1 auto;}
.prog-apply .card-list .post-bottom .info > span > i {display:inline-block; vertical-align:top; width:1em; height:1em; background:transparent no-repeat center center; font-size:20px; line-height:1; color:inherit;}
.prog-apply .card-list .post-bottom .info > span > span {display:inline-block; vertical-align:top; font-weight:400; font-size:14px; line-height:1.4286; letter-spacing:-0.025em; color:inherit;}
.prog-apply .card-list .post-bottom .info > span > i + span,
.prog-apply .card-list .post-bottom .info > span > span + i {margin-left:4px;}
.prog-apply .card-list .post-bottom .info > span > span > b {font-weight:700; color:inherit;}
.prog-apply .card-list .post-bottom .info .txt {color:#444;}
.prog-apply .card-list .post-bottom .info .txt i {color:#003E92;}
.prog-apply .card-list .post-bottom .info .txt span {}
.prog-apply .card-list .post-bottom .info .txt span b {color:#003E92;}
.prog-apply .card-list .post-bottom .info .num {color:#444;}
.prog-apply .card-list .post-bottom .info .num i {}
.prog-apply .card-list .post-bottom .info .num span {}
.prog-apply .card-list .post-bottom .info .num span b {color:#FF0178;}
.prog-apply .card-list .post-bottom .info .ico_robot {background-image:url(../images/sub/ico_robot.png);}

.prog-apply .prog-gall + .cal-cont {margin-top:36px;}
.prog-apply .cal-cont {}
.prog-apply .cal-cont .render {}
.prog-apply .cal-cont .info {display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:stretch; margin-top:13px;}
.prog-apply .cal-cont .info > p {flex:1 1 auto; padding-left:0.6em; text-indent:-0.6em; font-weight:400; font-size:16px; line-height:1.5; letter-spacing:-0.025em; color:#444;}
.prog-apply .cal-cont .info > p::before {content:"* ";}
.prog-apply .cal-cont .info > p > span {display:inline-block; text-indent:0; color:#f00;}
.prog-apply .cal-cont .info .legend {flex:0 1 auto; font-size:0;}
.prog-apply .cal-cont .info .legend > span {display:inline-block; vertical-align:top; margin-left:14px; font-weight:400; font-size:14px; line-height:24px; letter-spacing:-0.025em; color:#757575;}
.prog-apply .cal-cont .info .legend > span::before {display:inline-block; vertical-align:top; width:24px; height:24px; margin-right:7px; border-radius:50%; text-align:center; font-weight:400; font-size:13px; line-height:24px; letter-spacing:-0.025em;}

.prog-apply .cal-cont .info .legend .stat01::before {content:"예"; background-color:#50B848; color:#fff;}
.prog-apply .cal-cont .info .legend .stat02::before {content:"대"; background-color:#FAA619; color:#fff;}
.prog-apply .cal-cont .info .legend .stat03::before {content:"완"; background-color:#F34420; color:#fff;}

/* Calendar */
.cal-cont {}
/*fc*/
.cal-cont .fc .fc-button .fc-icon {position:static; margin:0;}
.cal-cont .fc .fc-icon-right-single-arrow,
.cal-cont .fc .fc-icon-left-single-arrow,
.cal-cont .fc .fc-popover .fc-header .fc-close {
    font-family: 'remixicon' !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.cal-cont .fc .fc-icon-right-single-arrow::after,
.cal-cont .fc .fc-icon-left-single-arrow::after,
.cal-cont .fc .fc-popover .fc-header .fc-close::after{
    vertical-align:top; font-family:'remixicon' !important; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
    position:static; font-weight:inherit; font-size:inherit;
}
.cal-cont .fc .fc-icon-left-single-arrow:after{content:"\ea64";}
.cal-cont .fc .fc-icon-right-single-arrow:after{content:"\ea6e";}
.cal-cont .fc .fc-popover .fc-header .fc-close:after{content:"\EB99";}
/*상단 title*/
.cal-cont .fc .fc-toolbar .fc-button{vertical-align:top; position:relative; width:36px; height:36px; padding:0; margin-top:2px; border:1px solid #C4C4C4; border-radius:50%; background:none; background-color:#fff; text-shadow:none; box-shadow:none; font-weight:normal; font-size:27px; line-height:36px; color:#5A5B5E;}
.cal-cont .fc .fc-toolbar .fc-button .fc-icon {vertical-align:top; font-weight:inherit; font-size:inherit; line-height:inherit; color:inherit;}
.cal-cont .fc .fc-toolbar h2 {display:inline-block; vertical-align:top; padding:0 12px; margin:0; font-weight:500; font-size:26px; line-height:1.4615; letter-spacing:-0.025em; color:#444;}
.cal-cont .fc .fc-toolbar.fc-header-toolbar {margin-bottom: 0;}
.cal-cont .fc .fc-toolbar .fc-button:not(.fc-state-disabled):hover{}
/*달력*/
.cal-cont .fc .fc-view-container {margin-top:24px}
.cal-cont .fc .fc-toolbar > div {vertical-align:top;}
.cal-cont .fc .fc-row .fc-content-skeleton {padding-bottom:0;}
.cal-cont .fc td, .cal-cont .fc th {border:none;}
.cal-cont .fc th {vertical-align:middle; height:42px; font-weight:400; font-size:16px; line-height:1.5; letter-spacing:-0.025em; color:#5A5B5E;}
.cal-cont .fc .fc-day-header {vertical-align:middle;}
.cal-cont .fc .fc-day-top.fc-today {border:none;}
.cal-cont .fc .fc-day-top.fc-other-month {opacity:0.4;}
.cal-cont .fc .fc-day {border-top:1px solid #D4D4D4;}
/* .cal-cont .fc .fc-day.fc-sun,
.cal-cont .fc .fc-day.fc-sat,
.cal-cont .fc .fc-day.fc-past {background-color:#F8F8F8;}
.cal-cont .fc .fc-day.fc-future.fc-sun,
.cal-cont .fc .fc-day.fc-future.fc-sat,
.cal-cont .fc .fc-day.fc-future {background-image:url(../images/sub/calendar_wait-bg.png); background-repeat:no-repeat; background-position:center center;} */
.cal-cont .fc .fc-day.disabled {background:#F8F8F8 no-repeat center center !important;}
.cal-cont .fc .fc-day.disabled.waited {background-image:url(../images/sub/calendar_wait-bg.png) !important;}
.cal-cont .fc .fc-day.on {background-color:#F5FAFF;}
.cal-cont .fc .fc-day.fc-today {position:relative; border:none; border-top:1px solid #D4D4D4; background:none;}
.cal-cont .fc .fc-day.fc-today::before {content:""; position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid #10BB98; border-radius:4px; background-color:#fff; /*background-color:transparent;*/ /*box-shadow:0 0 6px 0 rgba(0,0,0,0.1);*/}
.cal-cont .fc .fc-day.fc-today::after {content:"Today"; position:absolute; top:0; right:0; width:62px; height:32px; border-radius:0 4px 0 4px; background-color:#10BB98; text-align:center; font-weight:400; font-size:13px; line-height:32px; letter-spacing:-0.025em; color:#0F2722;}
.cal-cont .fc .fc-day.fc-other-month {background-color:transparent;}
.cal-cont .fc .fc-view > table {border:none;}
.cal-cont .fc .fc-view {border-top:1px solid #C4C4C4; border-bottom:1px solid #C4C4C4;}
.cal-cont .fc .fc-widget-header {background-color:#F8F8F8;}
.cal-cont .fc .fc-widget-header > table {border-bottom:1px solid #C4C4C4;}
.cal-cont .fc .fc-day + .fc-day {position:relative;}
.cal-cont .fc .fc-day-header span,
.cal-cont .fc .fc-day-header a {display:inline-block; padding:0;}
.cal-cont .fc .fc-day-grid-event {padding:0 6px; margin-top:6px; line-height:1;}
.cal-cont .fc tr:first-child>td>.fc-day-grid-event {margin-top:8px;}
/* .cal-cont .fc .fc-list-table {table-layout:fixed;} */
/*날짜*/
.cal-cont .fc.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {display:inline-block; float:none;}
.cal-cont .fc .fc-day-number {padding:0; margin:0 14px; margin-top:6px; font-weight:400; font-size:16px; line-height:1.5; letter-spacing:-0.025em; color:#232323;}
/* .cal-cont .fc .fc-day-number::after {content:"일";} */
.cal-cont .fc .fc-day-top.fc-other-month .fc-day-number {color:#232323;}
.cal-cont .fc .fc-sun span,
.cal-cont .fc .fc-sun a {color:#FF5662;}
.cal-cont .fc .fc-sat span,
.cal-cont .fc .fc-sat a {color:#2C99F8;}
/*한국공휴일*/
.cal-cont .fc .ko-holiday {pointer-events:none;}
.cal-cont .fc .ko-holiday .fc-day-number {color:#FF5662;}
/*이벤트 text*/
/* .cal-cont .fc .fc-daygrid-day-bg .fc-event-title {visibility:hidden;} */
.cal-cont .fc .fc-list-item-title a,
.cal-cont .fc .fc-event .fc-title {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:400; font-size:14px; line-height:24px; letter-spacing:-0.05em; color:#444; /*cursor:pointer;*/}
.cal-cont .fc .fc-event[href]:hover .fc-title {text-decoration:underline;}
.cal-cont .fc .label {}
.cal-cont .fc .label .fc-title {}
.cal-cont .fc .label .fc-title::before {display:inline-block; vertical-align:top; width:24px; height:24px; margin-right:7px; border-radius:50%; text-align:center; font-weight:400; font-size:13px; line-height:24px; letter-spacing:-0.025em;}

.cal-cont .fc .label.stat01 .fc-title::before {content:"예"; background-color:#50B848; color:#fff;}
.cal-cont .fc .label.stat02 .fc-title::before {content:"대"; background-color:#FAA619; color:#fff;}
/* .cal-cont .fc .label.stat03 {cursor:default;} */
.cal-cont .fc .label.stat03 .fc-title::before {content:"완"; background-color:#F34420; color:#fff;}
/* //Calendar */

.prog-apply .read-cont {}
.prog-apply .read-cont .title {}
.prog-apply .read-cont .title::after {content:""; display:block; margin:24px 0 36px 0; border-top:1px solid #DCDCDC;}
.prog-apply .read-cont .title .badge {margin-bottom:6px; font-size:0;}
.prog-apply .read-cont .title .badge > span {display:inline-block; vertical-align:top; position:relative; padding:1px 9px 2px 9px; border:1px solid transparent; border-radius:18px; text-align:center; line-height:1;}
.prog-apply .read-cont .title .badge > span > span {display:inline-block; vertical-align:top; overflow:hidden; min-width:2.5em; height:1.4286em; text-align:justify; font-weight:500; font-size:14px; line-height:1.4286; letter-spacing:0;}
.prog-apply .read-cont .title .badge > span > span::after {content:""; display:inline-block; vertical-align:top; width:100%;}
.prog-apply .read-cont .title .badge:not(.no-line) > span + span {margin-left:16px;}
.prog-apply .read-cont .title .badge:not(.no-line) > span + span::before {content:""; position:absolute; top:0; bottom:0; left:-9px; height:10px; margin:auto; border-left:1px solid #C2C2C2;}
.prog-apply .read-cont .title .badge.no-line > span + span {margin-left:8px;}
.prog-apply .read-cont .title .badge .opt01 {}
.prog-apply .read-cont .title .badge .opt01.type01 {border-color:#D14000; background-color:#fff; color:#D14000;}
.prog-apply .read-cont .title .badge .opt01.type02 {border-color:#003E92; background-color:#fff; color:#003E92;}
.prog-apply .read-cont .title .badge .opt02 {}
.prog-apply .read-cont .title .badge .opt02.type01 {border-color:#ABABAB; background-color:#ABABAB; color:#fff;}
.prog-apply .read-cont .title .badge .opt02.type02 {border-color:#77BE0D; background-color:#77BE0D; color:#fff;}
.prog-apply .read-cont .title .badge .opt02.type03 {border-color:#D6D6D6; background-color:#F3F3F3; color:#858585;}
.prog-apply .read-cont .title h4 {font-weight:500; font-size:24px; line-height:1.5; letter-spacing:-0.039em; color:#444;}
.prog-apply .read-cont .detail {display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:stretch;}
.prog-apply .read-cont .detail .thumb {flex:0 0 448px; position:relative; margin-right:24px;}
.prog-apply .read-cont .detail .thumb .img {display:block; height:0; padding-top:59.8540%; border:1px solid #D2D2D2; border-radius:4px; background:#F5F5F5 url(../images/sub/prog-apply_thumb-img_empty.png) no-repeat center center/cover;}
.prog-apply .read-cont .detail .thumb .badge {position:absolute; top:0; left:0; padding:13px; font-size:0;}
.prog-apply .read-cont .detail .thumb .badge span {display:inline-block; vertical-align:top; padding:4px 12px 5px 12px; margin-right:8px; margin-bottom:8px; border-radius:4px; text-align:center; font-weight:500; font-size:14px; line-height:1.4286; letter-spacing:0;}
.prog-apply .read-cont .detail .thumb .badge .type01 {background-color:#F8B42C; color:#fff;}
.prog-apply .read-cont .detail .thumb .badge .type02 {background-color:#10BB98; color:#fff;}
.prog-apply .read-cont .detail .thumb .badge .type03 {background-color:#2C99F8; color:#fff;}
.prog-apply .read-cont .detail .thumb .badge .type04 {background-color:#003E92; color:#fff;}
.prog-apply .read-cont .detail .tbl {flex:1 1 0; min-width:0; word-wrap:break-word; word-break:keep-all;}
.prog-apply .read-cont .detail .tbl .color {color:#003E92;}
.prog-apply .read-cont .detail .tbl .form-cont {font-size:0;}
.prog-apply .read-cont .detail .tbl .radio {min-width:84px;}
.prog-apply .read-cont .detail .tbl .radio + .select {margin-left:8px;}
.prog-apply .read-cont .detail + .noti-box {margin-top:36px;}

.prog-apply .read-bbs {}
.prog-apply .read-bbs .subtit_l {margin-bottom:12px;}
.prog-apply .read-bbs .subtit_l_con {padding-left:0;}

.prog-apply .write-form {}
.prog-apply .write-form .subtit_l {margin-bottom:12px;}
.prog-apply .write-form .subtit_l_con {padding-left:0;}
.prog-apply .write-form .tbl {word-wrap:break-word; word-break:keep-all;}
.prog-apply .write-form .tbl .req {font-weight:inherit; font-size:inherit; line-height:inherit; letter-spacing:inherit; color:#F20000;}
.prog-apply .write-form .form-cont {display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center;}
.prog-apply .write-form .form-cont .input {flex:0 1 250px; border-radius:4px;}
.prog-apply .write-form .form-cont .input.full,
.prog-apply .write-form .form-cont textarea.input {flex:1 1 100%;}
.prog-apply .write-form .form-cont .select {flex:0 1 auto; border-radius:4px;}
.prog-apply .write-form .form-cont .form-static {flex:0 1 auto; font-weight:400; font-size:14px; line-height:1.4286; letter-spacing:0; color:#212121;}
.prog-apply .write-form .form-cont .form-static.gray {color:#929292;}
.prog-apply .write-form .form-cont .form-static b {font-weight:500; color:#FF0178;}
.prog-apply .write-form .form-cont .form-controls {flex:1 1 auto;}
.prog-apply .write-form .form-cont .form-controls.type-telNo {flex:0 1 296px; display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:stretch;}
.prog-apply .write-form .form-cont .form-controls.type-telNo .select {flex:2 0 96px;}
.prog-apply .write-form .form-cont .form-controls.type-telNo .input {flex:1 1 80px;}
.prog-apply .write-form .form-cont .form-controls.type-telNo .form-split {flex:0 0 auto; min-width:auto; padding:0 6px;}
.prog-apply .write-form .form-cont .form-controls.type-stCntGen {}
.prog-apply .write-form .form-cont .form-controls.type-stCntGen .input {flex:1 1 auto; width:auto; max-width:60px;}
.prog-apply .write-form .form-cont .form-controls.type-stCntGen .input:first-of-type {margin-right:36px;}
.prog-apply .write-form .form-cont .form-controls.type-stCntGen .form-static {flex:1 1 auto; margin-right:8px; margin-left:0;}
.prog-apply .write-form .form-cont .form-controls.type-stCntTxt {}
.prog-apply .write-form .form-cont .form-controls.type-stCntTxt .form-static:first-of-type {margin-left:0;}
.prog-apply .write-form .form-cont .form-controls.type-fullTm {flex:0 1 209px; display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:stretch;}
.prog-apply .write-form .form-cont .form-controls.type-fullTm .select {flex:1 1 86px; width:auto;}
.prog-apply .write-form .form-cont .form-controls.type-fullTm .form-split {flex:0 0 auto; min-width:auto; padding:0 6px;}
.prog-apply .write-form .form-cont .form-controls.type-fullDtTm {flex:0 1 324px; display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:stretch;}
.prog-apply .write-form .form-cont .form-controls.type-fullDtTm .date-group {flex:2 0 136px;}
.prog-apply .write-form .form-cont .form-controls.type-fullDtTm .select {flex:1 1 86px; width:auto;}
.prog-apply .write-form .form-cont .form-controls.type-fullDtTm .form-split {flex:0 0 auto; min-width:auto; padding:0 4px;}
.prog-apply .write-form .form-cont textarea.input + .form-desc {margin-top:6px;}
.prog-apply .write-form .form-cont .form-static + .form-desc,
.prog-apply .write-form .form-cont .form-controls + .form-desc {margin-left:16px;}
.prog-apply .write-form .form-cont .form-desc {flex:0 1 auto;}
.prog-apply .write-form .form-cont .form-desc p {font-weight:400; font-size:14px; line-height:1.4286; letter-spacing:-0.05em; color:#F20000;}
.prog-apply .write-form .form-cont .form-desc p::before {content:'※ ';}
.prog-apply .write-form .form-cont .form-desc p span {text-indent:0;}

.prog-apply .write-form .subtit_l.has-btn {position:relative;}
.prog-apply .write-form .subtit_l.has-btn > a {position:absolute; right:0; bottom:0;}
.prog-apply .write-form .subtit_l.has-btn .btn_add-item {display:inline-block; padding:8px 14px; margin-top:-20px; border-radius:4px; background-color:#00AEF0; text-align:center; line-height:1; color:#fff;}
.prog-apply .write-form .subtit_l.has-btn .btn_add-item i {display:inline-block; vertical-align:top; font-weight:500; font-size:16px; line-height:1.25; letter-spacing:0; color:inherit;}
.prog-apply .write-form .subtit_l.has-btn .btn_add-item span {display:inline-block; vertical-align:top; font-weight:400; font-size:15px; line-height:1.3333; letter-spacing:-0.025em; color:inherit;}
.prog-apply .write-form .subtit_l.has-btn .btn_add-item i + span,
.prog-apply .write-form .subtit_l.has-btn .btn_add-item span + i {margin-left:4px;}

.prog-apply .cal-select-area {display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:stretch;}
.prog-apply .cal-select-area .calendar-box {flex:1 1 auto; padding:23px; padding-bottom:13px; border:1px solid #CFD8DC; border-radius:10px; background-color:#fff;}
.prog-apply .cal-select-area .calendar-box button {}
.prog-apply .cal-select-area .calendar-box .calendar {overflow:hidden; margin-top:50px; border:1px solid #D4D4D4; border-radius:4px;}
.prog-apply .cal-select-area .calendar-box .legend {margin-top:14px; text-align:right; font-size:0;}
.prog-apply .cal-select-area .calendar-box .legend > span {display:inline-block; vertical-align:top; position:relative; padding-left:22px; font-weight:400; font-size:14px; line-height:1.4286; letter-spacing:0; color:#212121;}
.prog-apply .cal-select-area .calendar-box .legend > span + span {margin-left:14px;}
.prog-apply .cal-select-area .calendar-box .legend > span::before {content:""; position:absolute; top:0.1429em; left:0; width:16px; height:16px; border:1px solid transparent;}
.prog-apply .cal-select-area .calendar-box .legend > span.today::before {border-color:#10BB98; background-color:#fff;}
.prog-apply .cal-select-area .calendar-box .legend > span.selected::before {border-color:#A6E1F8; background-color:#A6E1F8;}
.prog-apply .cal-select-area .calendar-box .legend > span.disabled::before {border-color:#D4D4D4; background-color:#ECECEC;}
.prog-apply .cal-select-area .info-box {flex:0 1 400px; margin-left:48px;}
.prog-apply .cal-select-area .info-box .title {}
.prog-apply .cal-select-area .info-box .title::after {content:""; display:block; margin:24px 0 36px 0; border-top:1px solid #DCDCDC;}
.prog-apply .cal-select-area .info-box .title .badge {margin-bottom:6px; font-size:0;}
.prog-apply .cal-select-area .info-box .title .badge > span {display:inline-block; vertical-align:top; position:relative; padding:1px 9px 2px 9px; border:1px solid transparent; border-radius:18px; text-align:center; line-height:1;}
.prog-apply .cal-select-area .info-box .title .badge > span > span {display:inline-block; vertical-align:top; overflow:hidden; min-width:2.5em; height:1.4286em; text-align:justify; font-weight:500; font-size:14px; line-height:1.4286; letter-spacing:0;}
.prog-apply .cal-select-area .info-box .title .badge > span > span::after {content:""; display:inline-block; vertical-align:top; width:100%;}
.prog-apply .cal-select-area .info-box .title .badge > span + span {margin-left:16px;}
.prog-apply .cal-select-area .info-box .title .badge > span + span::before {content:""; position:absolute; top:0; bottom:0; left:-9px; height:10px; margin:auto; border-left:1px solid #C2C2C2;}
.prog-apply .cal-select-area .info-box .title .badge .opt01 {}
.prog-apply .cal-select-area .info-box .title .badge .opt01.type01 {border-color:#D14000; background-color:#fff; color:#D14000;}
.prog-apply .cal-select-area .info-box .title .badge .opt01.type02 {border-color:#003E92; background-color:#fff; color:#003E92;}
.prog-apply .cal-select-area .info-box .title .badge .opt02 {}
.prog-apply .cal-select-area .info-box .title .badge .opt02.type01 {border-color:#ABABAB; background-color:#ABABAB; color:#fff;}
.prog-apply .cal-select-area .info-box .title .badge .opt02.type02 {border-color:#77BE0D; background-color:#77BE0D; color:#fff;}
.prog-apply .cal-select-area .info-box .title .badge .opt02.type03 {border-color:#D6D6D6; background-color:#F3F3F3; color:#858585;}
.prog-apply .cal-select-area .info-box .title h4 {font-weight:500; font-size:24px; line-height:1.5; letter-spacing:-0.039em; color:#444;}
.prog-apply .cal-select-area .info-box .detail {}
.prog-apply .cal-select-area .info-box .detail::after {content:""; display:block; margin:28px 0; border-top:1px solid #DCDCDC;}
.prog-apply .cal-select-area .info-box .detail dl + dl {margin-top:28px;}
.prog-apply .cal-select-area .info-box .detail dl {display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center;}
.prog-apply .cal-select-area .info-box .detail dl dt {flex:0 1 auto; margin-right:8px; font-weight:700; font-size:16px; line-height:1.5; letter-spacing:0; color:#212121;}
.prog-apply .cal-select-area .info-box .detail dl dd {flex:0 1 auto;}
.prog-apply .cal-select-area .info-box .detail dl dd.full {width:100%;}
.prog-apply .cal-select-area .info-box .detail .badge {font-size:0;}
.prog-apply .cal-select-area .info-box .detail .badge span {display:inline-block; vertical-align:top; padding:4px 12px 5px 12px; margin-right:8px; /*margin-bottom:8px;*/ border-radius:4px; text-align:center; font-weight:500; font-size:14px; line-height:1.4286; letter-spacing:0;}
.prog-apply .cal-select-area .info-box .detail .badge .type01 {background-color:#F8B42C; color:#fff;}
.prog-apply .cal-select-area .info-box .detail .badge .type02 {background-color:#10BB98; color:#fff;}
.prog-apply .cal-select-area .info-box .detail .badge .type03 {background-color:#2C99F8; color:#fff;}
.prog-apply .cal-select-area .info-box .detail .badge .type04 {background-color:#003E92; color:#fff;}
.prog-apply .cal-select-area .info-box .detail .form-cont {}
.prog-apply .cal-select-area .info-box .detail .form-cont .form-controls {}
.prog-apply .cal-select-area .info-box .detail .form-cont .form-controls.type-fullDt {display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:stretch; margin-top:6px;}
.prog-apply .cal-select-area .info-box .detail .form-cont .form-controls.type-fullDt .select {flex:1 1 auto; width:108px;}
.prog-apply .cal-select-area .info-box .detail .form-cont .form-controls.type-fullDt .select + .select {margin-left:6px;}
.prog-apply .cal-select-area .info-box .detail .form-cont .form-controls.type-timeChk {display:flex; flex-flow:row nowrap; justify-content:center; align-items:stretch; margin-top:6px;}
.prog-apply .cal-select-area .info-box .detail .form-cont .form-controls.type-timeChk .box-check {flex:1 1 auto;}
.prog-apply .cal-select-area .info-box .detail .form-cont .form-controls.type-timeChk .box-check + .box-check {margin-left:8px;}
.prog-apply .cal-select-area .info-box .detail .form-cont .form-controls.type-timeChk .box-check label {display:flex; flex-flow:column nowrap; justify-content:center; align-items:center; height:56px;}
/* .prog-apply .cal-select-area .info-box .detail .form-cont .form-controls.type-timeChk .box-check label span {display:block;} */
.prog-apply .cal-select-area .info-box .submit {display:block; width:100%; height:48px; padding:0; border:none; border-radius:4px; background-color:#2C99F8; text-align:center; font-weight:500; font-size:15px; line-height:48px; letter-spacing:0; color:#fff;}
.prog-apply .cal-select-area + .noti-box {margin-top:38px;}

.prog-apply .comp-cont {}
.prog-apply .comp-cont .comp-msg-box {word-wrap:break-word; word-break:keep-all; text-align:center;}
.prog-apply .comp-cont .comp-msg-box .img {margin-bottom:14px;}
.prog-apply .comp-cont .comp-msg-box .txt {font-weight:700; font-size:24px; line-height:1.4583; letter-spacing:-0.05em; color:#444;}
.prog-apply .comp-cont .comp-msg-box .txt2 {margin-top:5px; font-weight:400; font-size:1.5; letter-spacing:-0.05em; color:#484848;}
.prog-apply .comp-cont .comp-info-box {}
.prog-apply .comp-cont .comp-info-box .subtit_l {margin-bottom:12px;}
.prog-apply .comp-cont .comp-info-box .subtit_l_con {padding-left:0;}
.prog-apply .comp-cont .comp-info-box .tbl {word-wrap:break-word; word-break:keep-all;}
.prog-apply .comp-cont .comp-info-box .form-cont {display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center;}
.prog-apply .comp-cont .comp-info-box .form-cont > span {flex:0 1 auto;}
.prog-apply .comp-cont .comp-info-box .form-cont > span + .form-desc {margin-left:16px;}
.prog-apply .comp-cont .comp-info-box .form-cont .form-desc {flex:0 1 auto;}
.prog-apply .comp-cont .comp-info-box .form-cont .form-desc p {font-weight:400; font-size:14px; line-height:1.4286; letter-spacing:-0.05em; color:#F20000;}
.prog-apply .comp-cont .comp-info-box .form-cont .form-desc p::before {content:'※ ';}
.prog-apply .comp-cont .comp-info-box .form-cont .form-desc p span {text-indent:0;}

/* datepicker */
.prog-apply .cal-select-area .calendar-box {position:relative;}
.prog-apply .cal-select-area .calendar-box > button {position:absolute; z-index:1; top:24px; width:36px; height:36px; padding:0; border:1px solid #C4C4C4; border-radius:50%; background:#fff; text-align:center; font-size:27px; line-height:34px; color:#5A5B5E;}
.prog-apply .cal-select-area .calendar-box > button > i {}
.prog-apply .cal-select-area .calendar-box > button:hover,
.prog-apply .cal-select-area .calendar-box > button:focus {background-color:#fafafa;}
.prog-apply .cal-select-area .calendar-box .prev-month {left:50%; margin-left:-116px;}
.prog-apply .cal-select-area .calendar-box .next-month {right:50%; margin-right:-116px;}
.prog-apply .cal-select-area .calendar-box .calendar .ui-datepicker .ui-datepicker-header {position:absolute; top:23px; right:0; left:0; width:100%; height:auto; padding:0; margin:0;}
.prog-apply .cal-select-area .calendar-box .calendar .ui-datepicker .ui-datepicker-prev,
.prog-apply .cal-select-area .calendar-box .calendar .ui-datepicker .ui-datepicker-next {display:none;}
.prog-apply .cal-select-area .calendar-box .calendar .ui-datepicker .ui-datepicker-title,
.prog-apply .cal-select-area .calendar-box .calendar .ui-datepicker .ui-datepicker-title .ui-datepicker-year,
.prog-apply .cal-select-area .calendar-box .calendar .ui-datepicker .ui-datepicker-title .ui-datepicker-month {position:static; height:auto; padding:0; margin:0; text-align:center; font-weight:500; font-size:26px; line-height:1.4231; letter-spacing:-0.025em; color:#444;}

.prog-apply .cal-select-area .calendar-box .calendar .ui-widget.ui-widget-content {width:100%; padding:0; margin:0; border:none;}
.prog-apply .cal-select-area .calendar-box .calendar .ui-datepicker table {border-collapse:collapse; margin:0; border:none;}
.prog-apply .cal-select-area .calendar-box .calendar .ui-datepicker table th {height:38px; padding:0; border:none; border-bottom:1px solid #D4D4D4; background:#F8F8F8; text-align:center; font-weight:500; font-size:14px; line-height:1.4286; letter-spacing:-0.025em; color:#5A5B5E;}
.prog-apply .cal-select-area .calendar-box .calendar .ui-datepicker table td {height:60px; padding:0; border:none; border-bottom:1px solid #D4D4D4; text-align:center; font-weight:400; font-size:14px; /*line-height:1.4286;*/ line-height:60px; letter-spacing:-0.025em; color:#5D5D5D;}
.prog-apply .cal-select-area .calendar-box .calendar .ui-datepicker table td .ui-state-default,
.prog-apply .cal-select-area .calendar-box .calendar .ui-datepicker table td a {display:block; width:100%; height:60px; border:1px solid transparent; font-weight:inherit; font-size:inherit; line-height:58px; letter-spacing:inherit; color:inherit;}
/* .prog-apply .cal-select-area .calendar-box .calendar .ui-datepicker table td a.ui-state-hover {border-color:#A6E1F8; background:#fafafa; color:#10BB98;} */
.prog-apply .cal-select-area .calendar-box .calendar .ui-datepicker table td a:hover,
.prog-apply .cal-select-area .calendar-box .calendar .ui-datepicker table td a:focus {/*border-color:#A6E1F8; background:#fafafa;*/ color:#10BB98;}
.prog-apply .cal-select-area .calendar-box .calendar .ui-datepicker table td.ui-datepicker-today .ui-state-default,
.prog-apply .cal-select-area .calendar-box .calendar .ui-datepicker table td a.ui-state-highlight {border-color:#10BB98 !important; border-radius:4px !important; background:#fff !important;}
.prog-apply .cal-select-area .calendar-box .calendar .ui-datepicker table td.ui-datepicker-current-day .ui-state-default,
.prog-apply .cal-select-area .calendar-box .calendar .ui-datepicker table td a.ui-state-active {border-color:#A6E1F8; border-radius:4px !important; background:#A6E1F8 !important;}

.prog-apply .cal-select-area .calendar-box .calendar .ui-datepicker table tr:last-child td {border-bottom:none;}

.prog-apply .cal-select-area .calendar-box .calendar .ui-datepicker table tr th:first-child {color:#FF5662 !important;}
.prog-apply .cal-select-area .calendar-box .calendar .ui-datepicker table tr th:last-child {color:#2C99F8 !important;}

.prog-apply .cal-select-area .calendar-box .calendar .ui-datepicker table tr td:first-child .ui-state-default,
.prog-apply .cal-select-area .calendar-box .calendar .ui-datepicker table tr td:first-child a {/*background:#ECECEC;*/ color:#FF5662 !important;}
.prog-apply .cal-select-area .calendar-box .calendar .ui-datepicker table tr td:last-child .ui-state-default,
.prog-apply .cal-select-area .calendar-box .calendar .ui-datepicker table tr td:last-child a {/*background:#ECECEC;*/ color:#2C99F8 !important;}

.prog-apply .cal-select-area .calendar-box .calendar .ui-datepicker table td.ui-state-disabled {/*opacity:1;*/ opacity:0.4;}
.prog-apply .cal-select-area .calendar-box .calendar .ui-datepicker table td.ui-state-disabled .ui-state-default {border-radius:0; background:#cfcfcf;}
/* //datepicker */

@media only print {
    .prog-apply .comp-cont .comp-info-box {padding:30px;}
    .prog-apply .comp-cont .comp-info-box .subtit_l {margin-top:0;}
}

@media only screen and (min-width: 1025px) {
    .prog-apply .post-list > li:not(.disabled):hover .post-box .info .title,
    .prog-apply .post-list > li:not(.disabled):focus .post-box .info .title {text-decoration:underline;}

    .prog-apply .prog-gall .list .thumb {height:168px;}
    .prog-apply .prog-gall .list > li + li {margin-left:8px;}

    .prog-apply .prog-gall .list > li:hover > a,
    .prog-apply .prog-gall .list > li > a:focus {border-color:#00AEF0; box-shadow:0 0 10px 0 rgba(0,0,0,0.1);}
    .prog-apply .prog-gall .list > li:hover .thumb .img::after,
    .prog-apply .prog-gall .list > li > a:focus .thumb .img::after {opacity:0.4;}
    .prog-apply .prog-gall .list > li:hover .thumb .pop,
    .prog-apply .prog-gall .list > li > a:focus .thumb .pop {opacity:1;}

    /* .prog-apply .prog-gall-slider .swiper-button-prev {display:none;}
    .prog-apply .prog-gall-slider .swiper-button-next {display:none;} */

    .prog-apply .card-list li:not(:nth-child(n+4)) {margin-top:1px;}
    .prog-apply .card-list li.nodata {margin-top:-6px;}

    .prog-apply .card-list li:hover > a,
    .prog-apply .card-list li > a:focus {border-color:#00AEF0; box-shadow:5px 5px 20px 0 rgba(0,0,0,0.1);}
    .prog-apply .card-list li:hover .post-top .thumb img,
    .prog-apply .card-list li > a:focus .post-top .thumb img {transform:scale(1.2);}

    .prog-apply .read-cont .detail .tbl .radio + .radio {margin-left:36px;}
}

@media only screen and (max-width: 1024px) {
    .prog-apply .post-list > li:not(.disabled):active .post-box .info .title {text-decoration:underline;}

    .prog-apply .prog-gall .list {flex-wrap:wrap;}
    .prog-apply .prog-gall .list > li {/*flex-basis:50%;*/ width:calc((100% - 12px)/2);}
    .prog-apply .prog-gall .list > li:nth-child(even) {margin-left:12px;}
    .prog-apply .prog-gall .list > li:nth-child(n+3) {margin-top:12px;}
    .prog-apply .prog-gall .list .thumb {height:122px;}

    .prog-apply .prog-gall .list > li > a:active {border-color:#00AEF0; box-shadow:0 0 10px 0 rgba(0,0,0,0.1);}
    .prog-apply .prog-gall .list > li > a:active .thumb .img::after {opacity:0.4;}
    .prog-apply .prog-gall .list > li > a:active .thumb .pop {opacity:1;}

    .prog-apply .prog-gall-slider {margin:0 -35px;}
    .prog-apply .prog-gall-slider .swiper-button-prev {left:35px;}
    .prog-apply .prog-gall-slider .swiper-button-next {right:35px;}

    .prog-apply .card-list li {flex-basis:50%; width:50%;}
    .prog-apply .card-list li:not(:nth-child(n+3)) {margin-top:1px;}
    .prog-apply .card-list li.nodata {margin-top:-6px;}

    .prog-apply .card-list li > a:active {border-color:#00AEF0; box-shadow:5px 5px 20px 0 rgba(0,0,0,0.1);}
    .prog-apply .card-list li > a:active .post-top .thumb img {transform:scale(1.2);}

    .prog-apply .read-cont .detail {justify-content:center;}
    .prog-apply .read-cont .detail .thumb {flex:1 1 50%;}
    .prog-apply .read-cont .detail .tbl {flex:1 1 50%;}
    .prog-apply .read-cont .detail .tbl .radio:first-of-type {width:100%; margin-bottom:12px;}

    .prog-apply .read-bbs .tbl {border-top:2px solid #2C99F8;}
    .prog-apply .read-bbs .tbl thead {display:none;}
    .prog-apply .read-bbs .tbl tbody tr td {/*height:auto;*/ padding:0;}
    .prog-apply .read-bbs .tbl .col-number,
    .prog-apply .read-bbs .tbl .col-date,
    .prog-apply .read-bbs .tbl .col-quant,
    .prog-apply .read-bbs .tbl .col-status {display:none;}
    .prog-apply .read-bbs .tbl .col-title::before {display:none;}
    .prog-apply .read-bbs .tbl tbody tr .col-title {}
    .prog-apply .read-bbs .tbl tbody tr .col-title > span {display:block; /*vertical-align:top;*/ max-width:100%; padding:10px 12px 11px 12px; margin:0; border-bottom:1px solid #eee; background-color:#F9F9F9;}
    .prog-apply .read-bbs .tbl tbody tr .col-title .m-tit {padding-right:100px;}
    .prog-apply .read-bbs .tbl .m-info {display:block; position:relative; padding:8px 10px 9px 10px; margin-top:0;}
    .prog-apply .read-bbs .tbl .m-info > span {display:block; padding:0;}
    .prog-apply .read-bbs .tbl .m-info > span + span::before {display:none;}
    .prog-apply .read-bbs .tbl .m-info > span > b {}
    .prog-apply .read-bbs .tbl .m-info > span > span {font-weight:400; font-size:14px; line-height:1.4286; letter-spacing:-0.025em; color:#8F8F8F;}
    .prog-apply .read-bbs .tbl .m-info > span.number > span {color:#444;}
    .prog-apply .read-bbs .tbl .m-info > span.status.apply {position:absolute; top:50%; right:10px; margin-top:-12px;}
    .prog-apply .read-bbs .tbl .m-info > span.status.apply > span {width:72px; height:25px; border:1px solid transparent; border-radius:18px; text-align:center; font-weight:500; font-size:14px; line-height:23px; letter-spacing:0;}
    .prog-apply .read-bbs .tbl .m-info > span.status.apply.stat01 > span {border-color:#14B268; background-color:#14B268; color:#fff;}
    .prog-apply .read-bbs .tbl .m-info > span.status.apply.stat02 > span {border-color:#2398FF; background-color:#2398FF; color:#fff;}
    .prog-apply .read-bbs .tbl .m-info > span.status.apply.stat03 > span {border-color:#D6D6D6; background-color:#F3F3F3; color:#858585;}
    .prog-apply .read-bbs .tbl .m-info > span.status.apply.stat04 > span {border-color:#FFA530; background-color:#FFA530; color:#fff;}

    .prog-apply .cal-select-area {justify-content:center;}
    .prog-apply .cal-select-area .calendar-box {flex:1 1 50%;}
    .prog-apply .cal-select-area .calendar-box .legend {text-align:center;}
    .prog-apply .cal-select-area .info-box {flex:1 1 50%; margin-left:24px;}
}

@media only screen and (min-width: 768px) {
    .prog-apply .write-form .tbl tbody tr td + td {border-left:1px solid #CFD8DC;}
}

@media only screen and (max-width: 767px) {
    .prog-apply .post-box {flex-direction:column;}
    .prog-apply .post-box .thumb {flex:1 1 auto; margin-right:0; margin-bottom:20px;}
    .prog-apply .post-box .info .btn {display:block; position:static; width:100%; margin-top:12px;}

    .prog-apply .prog-gall .list > li {width:calc((100% - 16px)/2);}
    .prog-apply .prog-gall .list > li:nth-child(even) {margin-left:16px;}
    .prog-apply .prog-gall .list > li:nth-child(n+3) {margin-top:16px;}
    .prog-apply .prog-gall .list .thumb {height:114px;}
    .prog-apply .prog-gall .list .desc {flex-wrap:wrap; text-align:center;}
    .prog-apply .prog-gall .list .desc > span {flex-basis:100%;}

    .prog-apply .prog-gall-slider {margin:0 -12px;}
    .prog-apply .prog-gall-slider .swiper-button-prev {left:12px;}
    .prog-apply .prog-gall-slider .swiper-button-next {right:12px;}

    .prog-apply .card-list {/*flex-direction:column;*/}
    .prog-apply .card-list li {flex-basis:100%; width:100%;}
    .prog-apply .card-list li:not(:nth-child(n+3)) {margin-top:0;}
    .prog-apply .card-list li:first-child {margin-top:1px;}
    .prog-apply .card-list li.nodata {margin-top:-6px;}

    .prog-apply .cal-cont .info {flex-direction:column; padding:14px; border-radius:4px; background-color:#F8F8F8; text-align:center;}
    .prog-apply .cal-cont .info > p {}
    .prog-apply .cal-cont .info .legend {margin-top:12px;}
    .prog-apply .cal-cont .info .legend > span {/*line-height:16px;*/ line-height:1;}
    .prog-apply .cal-cont .info .legend > span::before {width:16px; height:16px;}
    .prog-apply .cal-cont .info .legend .stat01::before {content:"";}
    .prog-apply .cal-cont .info .legend .stat02::before {content:"";}
    .prog-apply .cal-cont .info .legend .stat03::before {content:"";}
    .cal-cont .fc .fc-day.fc-today::after {display:none;}
    .cal-cont .fc .fc-event .fc-title {/*line-height:8px;*/ line-height:1;}
    .cal-cont .fc .label .fc-title::before {width:8px; height:8px;}
    .cal-cont .fc .label.stat01 .fc-title::before {content:"";}
    .cal-cont .fc .label.stat02 .fc-title::before {content:"";}
    .cal-cont .fc .label.stat03 .fc-title::before {content:"";}

    .prog-apply .read-cont .title {text-align:center;}
    .prog-apply .read-cont .detail {flex-direction:column;}
    .prog-apply .read-cont .detail .thumb {flex:1 1 100%; margin-right:0; margin-bottom:24px;}
    .prog-apply .read-cont .detail .tbl {flex:1 1 100%;}

    .prog-apply .write-form .tbl,
    .prog-apply .write-form .tbl thead,
    .prog-apply .write-form .tbl tbody,
    .prog-apply .write-form .tbl tr,
    .prog-apply .write-form .tbl th,
    .prog-apply .write-form .tbl td {display:block;}
    .prog-apply .write-form .tbl colgroup {display:none;}
    .prog-apply .write-form .tbl tbody th {border-bottom:none; text-align:left;}
    .prog-apply .write-form .tbl tbody tr:first-child td {border-top:none;}
    .prog-apply .write-form .tbl tbody tr:last-child th {border-bottom:none;}
    .prog-apply .write-form .form-cont .input {flex-grow:1;}
    .prog-apply .write-form .form-cont .form-controls.type-telNo {flex-grow:1;}
    .prog-apply .write-form .form-cont .form-controls.type-fullTm {flex-grow:1; /*flex-wrap:wrap;*/}
    .prog-apply .write-form .form-cont .form-controls.type-fullDtTm {flex-grow:1; flex-wrap:wrap;}
    .prog-apply .write-form .form-cont .form-controls.type-fullDtTm .date-group {flex-basis:100%;}
    .prog-apply .write-form .form-cont .form-controls.type-fullDtTm .input {width:100%;}
    .prog-apply .write-form .form-cont .form-controls.type-fullDtTm .select {/*flex-basis:50%;*/ margin-top:8px;}
    .prog-apply .write-form .form-cont .form-controls.type-fullDtTm .select:last-of-type {margin-left:8px;}
    .prog-apply .write-form .form-cont .form-controls.type-fullDtTm .form-split {display:none;}
    .prog-apply .write-form .form-cont .form-static + .form-desc,
    .prog-apply .write-form .form-cont .form-controls + .form-desc {margin-top:6px; margin-left:0;}
    .prog-apply .write-form .form-cont .form-desc {flex-grow:1; flex-basis:100%;}

    .prog-apply .cal-select-area .info-box .title {text-align:center;}
    .prog-apply .cal-select-area {flex-direction:column;}
    .prog-apply .cal-select-area .calendar-box {flex:1 1 100%;}
    .prog-apply .cal-select-area .info-box {flex:1 1 100%; margin-left:0; margin-top:24px;}
    .prog-apply .cal-select-area .info-box .detail dl {flex-direction:column; align-items:stretch;}
    .prog-apply .cal-select-area .info-box .detail dl dt {flex:1 1 100%; margin-right:0; margin-bottom:7px;}
    .prog-apply .cal-select-area .info-box .detail dl dd {flex:1 1 100%;}
    .prog-apply .cal-select-area .info-box .detail .form-cont {flex-direction:column; align-items:flex-start;}
    .prog-apply .cal-select-area .info-box .detail .form-cont .form-controls {flex:1 1 100%;}
    .prog-apply .cal-select-area .info-box .detail .form-cont .form-controls.type-fullDt {align-items:flex-start; margin-top:0;}
    .prog-apply .cal-select-area .info-box .detail .form-cont .form-controls.type-timeChk {/*flex-direction:column;*/ flex-wrap:wrap; width:100%; margin-top:0;}
    .prog-apply .cal-select-area .info-box .detail .form-cont .form-controls.type-timeChk .box-check {flex:1 1 100%;}
    .prog-apply .cal-select-area .info-box .detail .form-cont .form-controls.type-timeChk .box-check + .box-check {margin-top:6px; margin-left:0;}
    /* .prog-apply .cal-select-area .info-box .detail .form-cont .form-controls.type-timeChk .box-check label {display:block;} */

    .prog-apply .comp-cont .comp-info-box .form-cont > span + .form-desc {margin-top:6px; margin-left:0;}
    .prog-apply .comp-cont .comp-info-box .form-cont .form-desc {flex-grow:1; flex-basis:100%;}
}

/* 이용안내 > 통합검색 */
.prog-total-search {}
.prog-total-search .result-list {list-style:none;}
.prog-total-search .result-list > li {}
.prog-total-search .result-list > li + li {margin-top:16px;}
.prog-total-search .result-list > li > a {display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:flex-start; padding:17px 27px; border:1px solid #CFD8DC; border-radius:8px; background-color:#fff;}
.prog-total-search .result-list > li > a > span {flex:0 1 auto; display:inline-block; padding:2px 0; margin-right:6px; font-weight:400; font-size:16px; line-height:1.5; letter-spacing:-0.025em; color:#444;}
.prog-total-search .result-list > li > a > span > b {font-weight:700; color:inherit;}
.prog-total-search .result-list > li > a > span > b.num {margin-left:6px; color:#003E92;}
.prog-total-search .result-list > li > a > i {flex:0 0 auto; display:inline-block; width:32px; height:32px; padding:4px; margin-left:auto; border-radius:50%; background-color:#F1F2F7; text-align:center; font-size:24px; line-height:24px; color:#003E92; transform:rotate(90deg);}
.prog-total-search .result-list > li > div {display:none; border-bottom:1px solid #A3ABAE;}
.prog-total-search .detail-list {list-style:none; padding:0 28px;}
.prog-total-search .detail-list > li {padding:20px 0; border-bottom:1px dashed #A3ABAE;}
.prog-total-search .detail-list > li:last-of-type:not(:nth-of-type(10)) {border-bottom:none;}
.prog-total-search .detail-list > li > p {}
.prog-total-search .detail-list .tit {position:relative; overflow:hidden; padding-left:30px; white-space:nowrap; text-overflow:ellipsis; font-weight:400; font-size:16px; line-height:1.5; letter-spacing:-0.025em; color:#444;}
.prog-total-search .detail-list .tit::before {content:""; position:absolute; top:0.3125em; left:0.25em; width:12px; height:12px; margin:2px 0 0 2px; border:4px solid #00AEF0; border-radius:2px; transform:rotate(45deg);}
.prog-total-search .detail-list .desc {display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:stretch; padding-left:30px; margin-top:7px;}
.prog-total-search .detail-list .desc > span {}
.prog-total-search .detail-list .desc > span > i {}
.prog-total-search .detail-list .desc > span > span {}
.prog-total-search .detail-list .desc .txt {flex:0 1 auto; position:relative; overflow:hidden; padding-left:10px; white-space:nowrap; text-overflow:ellipsis; font-weight:400; font-size:14px; line-height:1.4286; letter-spacing:-0.025em; color:#A4A4A4;}
.prog-total-search .detail-list .desc .txt::before {content:""; position:absolute; top:0.5714em; left:0; width:4px; height:4px; border-radius:50%; background-color:#A4A4A4;}
.prog-total-search .detail-list .desc .date {flex:0 0 86px; width:86px; margin-left:6px; font-size:0;}
.prog-total-search .detail-list .desc .date i {display:inline-block; vertical-align:middle; font-size:16px; line-height:1; color:#A4A4A4;}
.prog-total-search .detail-list .desc .date span {display:inline-block; vertical-align:middle; font-weight:400; font-size:14px; line-height:1.4286; letter-spacing:-0.025em; color:#A4A4A4;}
.prog-total-search .detail-list .desc .date i + span,
.prog-total-search .detail-list .desc .date span + i {margin-left:3px;}

.prog-total-search .result-list > li:hover > a,
.prog-total-search .result-list > li > a:focus {border-color:#00AEF0;}
.prog-total-search .result-list > li.on > a {border-color:#00AEF0; background-color:#00AEF0;}
.prog-total-search .result-list > li.on > a > span {color:#fff;}
.prog-total-search .result-list > li.on > a > i {background-color:#fff; transform:rotate(-90deg);}
.prog-total-search .result-list > li.on > div {display:block;}
.prog-total-search .detail-list > li:hover,
.prog-total-search .detail-list > li:focus {cursor:pointer;}
.prog-total-search .detail-list > li:hover .tit,
.prog-total-search .detail-list > li:focus .tit {text-decoration:underline; color:#003E92;}
.prog-total-search .detail-list > li:hover .desc .txt,
.prog-total-search .detail-list > li:focus .desc .txt {text-decoration:underline;}

@media screen and (max-width: 767px) {
    .prog-total-search .detail-list .desc {flex-wrap:wrap;}
    .prog-total-search .detail-list .desc .txt {width:100%;}
    .prog-total-search .detail-list .desc .date {margin-top:6px; margin-left:0;}
}

/* 이용안내 > 사이트맵 */
.sitemap-wrap {word-wrap:break-word; word-break:keep-all;}
.sitemap-wrap .dep1-list {list-style:none; display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; margin:-12px; text-align:center;}
.sitemap-wrap .dep1-list > li {flex:0 1 50%; padding:12px;}
.sitemap-wrap .dep1-list > li > div {height:100%; padding:33px 23px; border:1px solid #D3D3D3; border-radius:10px; background-color:#F9F9F9;}
.sitemap-wrap .dep1-list .dep1 {display:block; margin-bottom:32px;}
.sitemap-wrap .dep1-list .dep1 > span {display:inline-block; font-weight:700; font-size:20px; line-height:1.45; letter-spacing:-0.05em; color:#003E92;}
.sitemap-wrap .dep1-list .dep1 > span::after {content:""; display:block; margin-top:3px; border-top:4px solid #00AEF0;}
.sitemap-wrap .dep2-list {list-style:none; display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; margin:-6px;}
.sitemap-wrap .dep2-list > li {flex:0 1 50%; padding:6px;}
.sitemap-wrap .dep2-list .dep2 {display:block; /*height:100%;*/ padding:11px; border:1px solid #ccc; border-radius:4px; background-color:#fff; font-weight:400; font-size:16px; line-height:1.5; letter-spacing:-0.05em; color:#212121;}
.sitemap-wrap .dep3-list {list-style:none; padding:0 20px; margin-top:10px; text-align:left;}
.sitemap-wrap .dep3-list > li {}
.sitemap-wrap .dep3-list > li + li {margin-top:6px;}
.sitemap-wrap .dep3-list .dep3 {display:block; position:relative; padding-left:13px;}
.sitemap-wrap .dep3-list .dep3::before {content:""; position:absolute; top:0.5em; left:0; border-top:7px solid #00AEF0; border-right:4px solid transparent; border-left:4px solid transparent; border-radius:1px; transform:rotate(-90deg);}

.sitemap-wrap .dep2-list > li:hover > a,
.sitemap-wrap .dep2-list > li > a:focus {border-color:#003E92; background-color:#003E92; color:#fff;}
.sitemap-wrap .dep3-list > li:hover > a,
.sitemap-wrap .dep3-list > li > a:focus {text-decoration:underline;}

@media screen and (max-width: 767px) {
    .sitemap-wrap .dep1-list > li {flex-basis:100%;}
}

/* 회원서비스 > 로그인 */
.login-wrap {}
.login-wrap .action-area {display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:stretch; margin-top:36px;}
.login-wrap .action-area .act-box {flex:1 1 auto; padding:53px 2%; border:1px solid #B9DEFF; border-radius:10px; background-color:#EEF7FF; word-wrap:break-word; word-break:keep-all; text-align:center;}
.login-wrap .action-area .act-box + .act-box {margin-left:24px;}
.login-wrap .action-area .act-box .tit {margin-bottom:11px; font-weight:700; font-size:25px; line-height:1.48; letter-spacing:-0.05em; color:#2A2A2A;}
.login-wrap .action-area .act-box .ico {display:block;}
.login-wrap .action-area .act-box .txt {margin-top:14px; margin-bottom:24px; font-weight:500; font-size:16px; line-height:1.625; letter-spacing:-0.05em; color:#2A2A2A;}
.login-wrap .action-area .act-box .txt span {display:block;}
.login-wrap .action-area .act-box .txt span.color {margin-top:6px; color:#003E92;}
.login-wrap .action-area .act-box .txt span b {font-weight:700; font-size:inherit; line-height:inherit; letter-spacing:inherit; color:inherit;}
.login-wrap .action-area .act-box .input {display:block; width:100%; max-width:350px; height:56px; margin:0 auto; border-radius:4px;}
.login-wrap .action-area .act-box .btn {display:block; width:100%; max-width:350px; height:56px; margin:0 auto; border:1px solid transparent; border-radius:8px; line-height:1;}
.login-wrap .action-area .act-box .btn:nth-of-type(1) {border-color:#2C99F8; background-color:#2C99F8; color:#fff;}
.login-wrap .action-area .act-box .btn:nth-of-type(2) {border-color:#E0E0E0; background-color:#fff; color:#003E92;}
.login-wrap .action-area .act-box .btn span {display:inline-block; vertical-align:middle; font-weight:500; font-size:18px; line-height:1.5; letter-spacing:0; color:inherit;}
.login-wrap .action-area .act-box .btn i {display:inline-block; vertical-align:middle; font-weight:normal; font-size:24px; line-height:1; letter-spacing:0; color:inherit;}
.login-wrap .action-area .act-box .btn span + i,
.login-wrap .action-area .act-box .btn i + span {margin-left:4px;}
.login-wrap .action-area .act-box .login-form {width:100%; max-width:420px; margin:0 auto;}
.login-wrap .action-area .act-box .login-form > * + *  {margin-top:10px;}
.login-wrap .action-area .act-box .login-form .input {max-width:100%; height:48px; border-radius:4px;}
.login-wrap .action-area .act-box .login-form .btn {max-width:100%; height:48px; border-radius:4px;}
.login-wrap .action-area .act-box .login-form .btn span {font-size:15px; line-height:1.4667;}
.login-wrap .action-area .act-box .login-form .btn i {font-size:18px;}
.login-wrap .action-area .act-box .line {margin: 40px 0; border: 0; background: #e0e0e0; display: block;  width: 100%; height: 1px;}
.login-wrap .action-area .act-box .info_txt {text-align: left;}
.login-wrap .action-area .act-box .info_txt .subtit_m {font-size: 16px;}
.login-wrap .action-area .act-box .info_txt .subtit_m .cont_down_btn {background: #2C99F8; border-radius: 13px;  display: inline-block; padding: 3px 9px; margin-top: 0px; margin-left: 5px; line-height: 20px;}
.login-wrap .action-area .act-box .info_txt .subtit_m .cont_down_btn a {font-size: 13px; color: #fff;}


@media screen and (max-width: 1024px) {
    .login-wrap .action-area {flex-direction:column;}
    .login-wrap .action-area .act-box + .act-box {margin-top:24px; margin-left:0;}
    .login-wrap .action-area .act-box .tit {display:inline-block; vertical-align:middle;}
    .login-wrap .action-area .act-box .ico {display:inline-block; vertical-align:middle; margin-left:10px;}
}

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

}

/* 마이페이지 */
.mypage-wrap {}
.mypage-wrap .subtit_l {/*margin-bottom:8px;*/}
.mypage-wrap .subtit_l_con {padding-left:0;}
.mypage-wrap .subtit_l_con > p {margin-bottom:18px; font-weight:400; font-size:14px; line-height:1.4286; letter-spacing:-0.05em; color:#000;}
.mypage-wrap .list-view {}
.mypage-wrap .list-view .subtit_l {margin-bottom:8px;}
.mypage-wrap .list-view .tbl {}
.mypage-wrap .read-view {}
.mypage-wrap .read-view .subtit_l {margin-bottom:12px;}
.mypage-wrap .read-view::before {content:""; display:block; /*margin:54px 0;*/ margin-bottom:50px; border-top:1px solid #D4D4D4;}
.mypage-wrap .read-view .tbl {}
.mypage-wrap .read-view .tbl .status-ctrl {display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center;}
.mypage-wrap .read-view .tbl .status-ctrl b {flex:0 1 auto; margin-right:16px; font-weight:500; font-size:16px; line-height:1.5; letter-spacing:0;}
.mypage-wrap .read-view .tbl .status-ctrl p {flex:0 1 auto; padding-left:1em; margin-right:16px; text-indent:-1em; font-weight:400; font-size:14px; line-height:1.4286; letter-spacing:-0.05em; color:#F20000;}
.mypage-wrap .read-view .tbl .status-ctrl p::before {content:'※ ';}
.mypage-wrap .read-view .tbl .status-ctrl button {flex:0 1 78px; padding:6px 0; margin-right:8px; border:1px solid transparent; border-radius:4px; text-align:center; font-weight:500; font-size:14px; line-height:1.4286; letter-spacing:0;}
.mypage-wrap .read-view .tbl .status-ctrl .btn01 {border-color:#444; background-color:#444; color:#fff;}
.mypage-wrap .read-view .tbl .status-ctrl .btn02 {border-color:#00AEF0; background-color:#00AEF0; color:#fff;}
.mypage-wrap .read-view .tbl .status-ctrl textarea.input {flex:1 1 100%; order:1; margin-top:10px;}
/*예약상태*/.mypage-wrap .read-view .tbl .status.apply.stat01 .status-ctrl b {color:#14B268;}
/*예약상태*/.mypage-wrap .read-view .tbl .status.apply.stat02 .status-ctrl b {color:#2398FF;}
/*예약상태*/.mypage-wrap .read-view .tbl .status.apply.stat03 .status-ctrl b {color:#858585;}
/*예약상태*/.mypage-wrap .read-view .tbl .status.apply.stat04 .status-ctrl b {color:#FFA530;}
.mypage-wrap .read-view .form-cont {display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center;}
.mypage-wrap .read-view .form-cont > span {flex:0 1 auto;}
.mypage-wrap .read-view .form-cont > span + .form-desc {margin-left:16px;}
.mypage-wrap .read-view .form-cont .form-desc {flex:0 1 auto;}
.mypage-wrap .read-view .form-cont .form-desc p {font-weight:400; font-size:14px; line-height:1.4286; letter-spacing:-0.05em; color:#F20000;}
.mypage-wrap .read-view .form-cont .form-desc p::before {content:'※ ';}
.mypage-wrap .read-view .form-cont .form-desc p span {text-indent:0;}
.mypage-wrap .btn-box {display:flex; flex-flow:row nowrap; justify-content:center; align-items:stretch; margin:50px auto; text-align:center;}
.mypage-wrap .btn-box button {flex:0 1 120px; padding:15px 0; border:1px solid transparent; border-radius:4px; font-weight:500; font-size:16px; line-height:1.5; letter-spacing:0;}
.mypage-wrap .btn-box .btn01 {border-color:#2C99F8; background-color:#2C99F8; color:#fff;}

.mypage-wrap .list-view .tbl .col-writer {width:104px;}
.mypage-wrap .list-view .tbl .col-date {width:110px;}

@media only print {
    .mypage-wrap .print-hide {display:none;}
    .mypage-wrap .tbl .pc-hide {display:none;}
}

@media only screen and (min-width: 1025px) {
    .mypage-wrap .tbl .pc-hide {display:none;}
}

@media only screen and (max-width: 1024px) {
    .mypage-wrap .tbl .m-hide {display:none;}

    .mypage-wrap .list-view .tbl {border-top:2px solid #2C99F8;}
    .mypage-wrap .list-view .tbl thead {display:none;}
    .mypage-wrap .list-view .tbl tbody tr td {/*height:auto;*/ padding:0;}
    .mypage-wrap .list-view .tbl .col-number,
    .mypage-wrap .list-view .tbl .col-term,
    .mypage-wrap .list-view .tbl .col-status {display:none;}
    .mypage-wrap .list-view .tbl .col-title::before {display:none;}

    .mypage-wrap .list-view .tbl tbody tr .col-title {}
    .mypage-wrap .list-view .tbl tbody tr .col-title > span {display:block; /*vertical-align:top;*/ max-width:100%; padding:10px 12px 11px 12px; margin:0; border-bottom:1px solid #eee; background-color:#F9F9F9;}
    .mypage-wrap .list-view .tbl tbody tr .col-title .m-tit {padding-right:100px;}
    .mypage-wrap .list-view .tbl .m-info {display:block; position:relative; padding:8px 10px 9px 10px; margin-top:0;}
    .mypage-wrap .list-view .tbl .m-info > span {display:block; padding:0;}
    .mypage-wrap .list-view .tbl .m-info > span + span::before {display:none;}
    .mypage-wrap .list-view .tbl .m-info > span > b {}
    .mypage-wrap .list-view .tbl .m-info > span > span {font-weight:400; font-size:14px; line-height:1.4286; letter-spacing:-0.025em; color:#8F8F8F;}
    .mypage-wrap .list-view .tbl .m-info > span.number > span {color:#444;}
    .mypage-wrap .list-view .tbl .m-info > span.status.apply {position:absolute; top:50%; right:10px; margin-top:-12px;}
    .mypage-wrap .list-view .tbl .m-info > span.status.apply > span {width:72px; height:25px; border:1px solid transparent; border-radius:18px; text-align:center; font-weight:500; font-size:14px; line-height:23px; letter-spacing:0;}

    .mypage-wrap .list-view .tbl .m-info > span.status.apply.stat01 > span {border-color:#14B268; background-color:#14B268; color:#fff;}
    .mypage-wrap .list-view .tbl .m-info > span.status.apply.stat02 > span {border-color:#2398FF; background-color:#2398FF; color:#fff;}
    .mypage-wrap .list-view .tbl .m-info > span.status.apply.stat03 > span {border-color:#D6D6D6; background-color:#F3F3F3; color:#858585;}
    .mypage-wrap .list-view .tbl .m-info > span.status.apply.stat04 > span {border-color:#FFA530; background-color:#FFA530; color:#fff;}
}

@media screen and (max-width: 767px) {
    .mypage-wrap .read-view .tbl .status-ctrl {justify-content:space-between;}
    .mypage-wrap .read-view .tbl .status-ctrl p {margin-right:0; /*margin-left:16px;*/}
    .mypage-wrap .read-view .tbl .status-ctrl button {margin-top:10px; margin-right:0;}
    .mypage-wrap .read-view .tbl .status-ctrl textarea.input {order:0;}
    .mypage-wrap .read-view .form-cont > span + .form-desc {margin-top:6px; margin-left:0;}
    .mypage-wrap .read-view .form-cont .form-desc {flex-grow:1; flex-basis:100%;}
}

/* 시설안내 */
.sub_tabbox + .facility-wrap {margin-top:36px;}
.facility-wrap {}
.facility-wrap .sub_tabbox {margin-bottom:36px;}

.facility-head {display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:stretch;}
.facility-head .desc {flex:1 1 auto; padding-right:30px; background:url(../images/sub/facility-bg.png) no-repeat right -53px bottom 30px; word-wrap:break-word; word-break:keep-all;}
.facility-head .desc .tit {margin-top:50px; font-family:'Gmarket Sans'; font-weight:700; font-size:26px; line-height:1.3846; letter-spacing:-0.025em; color:#232323;}
.facility-head .desc .tit b {display:block; font-weight:inherit; font-size:32px; line-height:1.125; letter-spacing:inherit; color:#0F987C;}
.facility-head .desc .txt {margin-top:55px; font-weight:400; font-size:18px; line-height:1.5556; letter-spacing:-0.05em; color:#232323;}
.facility-head .desc .txt b {display:inline-block; font-weight:700; font-size:inherit; line-height:inherit; letter-spacing:inherit; color:#00AEF0;}
.facility-head .desc .txt span {display:inline-block;}
.facility-head .picture {flex:1 1 auto;}
.facility-head .picture img {border-radius:10px;}

.facility-wrap.floor .facility-head .desc {flex-grow:1;}
.facility-wrap.floor .facility-head .picture {flex-grow:2; max-width:648px; padding:29px; border:1px solid #D3D3D3; border-radius:10px; background-color:#fff; text-align:center;}
.facility-wrap.floor .facility-head .picture img {max-width:100%;}
.facility-wrap.floor .facility-head .floor-info-list {display:flex; flex-flow:column wrap; justify-content:flex-start; align-items:stretch; counter-reset:floorInfoCnt; height:102px; padding-left:11px; margin:-5px -6px; margin-top:20px;}
.facility-wrap.floor .facility-head .floor-info-list > li {flex:0 1 0; counter-increment:floorInfoCnt; padding:5px 6px; font-weight:400; font-size:16px; line-height:1.5; letter-spacing:-0.05em; color:#232323;}
.facility-wrap.floor .facility-head .floor-info-list > li::before {content:counter(floorInfoCnt); display:inline-block; width:24px; height:24px; margin-right:8px; border-radius:50%; background-color:#003E92; text-align:center; font-weight:900; font-size:16px; line-height:24px; letter-spacing:-0.05em; color:#fff;}

.facility-head + .facility-body::before {content:""; display:block; margin:80px 0; border-top:1px dashed #7DDBFF;}
.facility-body {}
.facility-body .subtit_l {margin-top:0;}
.facility-body .subtit_m {color:#2C99F8;}
.facility-body .subtit_s {margin-left:0;}
.facility-body .subtit_s::before {display:none;}
.facility-body [class^="pic-"] {}
.facility-body [class^="pic-"] + [class^="pic-"] {position:relative; margin-top:108px;}
.facility-body [class^="pic-"] + [class^="pic-"]::before {content:""; display:block; position:absolute; top:-54px; right:0; left:0; border-top:1px solid #CFD8DC;}
.facility-body .picture {flex:0 1 auto;}
.facility-body .picture img {border-radius:10px;}
.facility-body .desc {flex:1 1 auto; word-wrap:break-word; word-break:keep-all;}
.facility-body .message {padding:19px 20px; margin:16px 0; border:1px solid #9CD6CA; border-radius:8px; background-color:#F3FFFD; text-align:center; word-wrap:break-word; word-break:keep-all; font-weight:400; font-size:16px; line-height:1.625; letter-spacing:-0.05em; color:#656565;}
.facility-body .message b {display:inline-block; font-weight:700; font-size:inherit; line-height:inherit; letter-spacing:inherit; color:#00876B;}
.facility-body .message span {display:inline-block;}

.facility-body .pic-left {display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:stretch;}
.facility-body .pic-left .picture {}
.facility-body .pic-left .picture img {}
.facility-body .pic-left .desc {order:1; padding-top:16px; padding-left:24px;}

.facility-body .pic-right {display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:stretch;}
.facility-body .pic-right .picture {order:1;}
.facility-body .pic-right .picture img {}
.facility-body .pic-right .desc {padding-top:16px; padding-right:24px;}

.facility-body .pic-full {}
.facility-body .pic-full .picture {position:relative; margin-top:16px;}
.facility-body .pic-full .picture img {}
.facility-body .pic-full .picture .msg-box {position:absolute; right:0; bottom:40px; max-width:409px; padding:31px 27px; border:2px solid #10BB98; border-radius:10px; background-color:#fff; box-shadow:0 5px 10px 0 rgba(0,0,0,0.2); word-wrap:break-word; word-break:keep-all;}
.facility-body .pic-full .picture .msg-box::before {content:""; position:absolute; top:-161px; right:0; width:169px; height:161px; background:url(../images/sub/facility-character.png) no-repeat left top;}
.facility-body .pic-full .picture .msg-box .tit {font-weight:700; font-size:20px; line-height:1.45; letter-spacing:-0.05em; color:#003E92;}
.facility-body .pic-full .picture .msg-box .txt {margin-top:16px; font-weight:400; font-size:16px; line-height:1.625; letter-spacing:-0.05em; color:#5A5B5E;}
.facility-body .pic-full .picture .msg-box .txt b {display:inline-block; font-weight:700; font-size:inherit; line-height:inherit; letter-spacing:inherit; color:#10BB98;}
.facility-body .pic-full .desc {}
.facility-body .pic-full .desc .row {display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:flex-start;}
.facility-body .pic-full .desc .row + .row {margin-top:12px;}
.facility-body .pic-full .desc .row .subtit_m {margin-top:0;}
.facility-body .pic-full .desc .row .subtit_m_con {margin-top:2px;}
.facility-body .pic-full .desc .row .subtit_m_con > ol > li + li,
.facility-body .pic-full .desc .row .subtit_m_con > ul > li + li {margin-top:12px;}
.facility-body .pic-full .desc .row .subtit_s {margin-top:0;}
.facility-body .pic-full .desc .row .subtit_s b {margin-bottom:3px; font-weight:500; font-size:inherit; line-height:inherit; letter-spacing:inherit; color:#10BB98;}
.facility-body .pic-full .photo-gall::before {content:""; display:block; margin:54px 0; border-top:1px solid #CFD8DC;}

.facility-body .pic-multi-box {display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch;}
.facility-body .pic-multi-box .box {flex:1 1 calc(50% - 44px); width:calc(50% - 44px);}
.facility-body .pic-multi-box .box:nth-of-type(even) {margin-left:88px;}
.facility-body .pic-multi-box .box:nth-of-type(n+3) {margin-top:88px;}
.facility-body .pic-multi-box .picture {position:relative; margin-top:16px;}
.facility-body .pic-multi-box .picture img {max-width:100%;}

.facility-wrap.floor .facility-body .pic-full .picture.floor-detail {padding:25px 40px; border:1px solid #D3D3D3; border-radius:16px; background-color:#fff; text-align:center;}
.facility-wrap.floor .facility-body .pic-full .picture.floor-detail + .desc .table_data {margin-top:30px;}
.facility-wrap.floor .facility-body .pic-full .picture.floor-detail + .desc .table_data tbody th {padding:17px 10px; border-bottom:1px solid #CFD8DC; background-color:#EEF7FF; text-align:center; font-weight:700; font-size:16px; line-height:23px; color:#212121;}
.facility-wrap.floor .facility-body .pic-full .picture.floor-detail + .desc .table_data tbody tr:first-child th {border-top:1px solid #CFD8DC;}
.facility-wrap.floor .facility-body .pic-full .picture.floor-detail + .desc .table_data tbody td {border-left:1px solid #CFD8DC;}
.facility-wrap.floor .facility-body .pic-full .picture.floor-detail + .desc .table_data .highlight {background-color:#FFFFC6;}

.facility-wrap.floor .facility-body .pic-full .picture.grid {}
.facility-wrap.floor .facility-body .pic-full .picture.grid .empty {display:block; height:0; border-radius:10px; background:#F5F5F5 url(../images/sub/facility_picture-empty.png) no-repeat center center;}
.facility-wrap.floor .facility-body .pic-full .picture.grid img {}

.facility-body .photo-gall {}
.facility-body .photo-gall-list {display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; counter-reset:photoGallCnt; margin:-12px;}
.facility-body .photo-gall-list > li {flex:1 1 0; counter-increment:photoGallCnt; padding:12px;}
.facility-body .photo-gall-list .tit {margin-bottom:16px; font-weight:700; font-size:20px; line-height:1.45; letter-spacing:-0.02em; color:#4D4D4D;}
.facility-body .photo-gall-list .tit::before {content:counter(photoGallCnt); display:inline-block; width:28px; height:28px; margin-right:8px; border-radius:5px; text-align:center; font-weight:700; font-size:16px; line-height:28px; letter-spacing:-0.025em; color:#fff;}
.facility-body .photo-gall-list .pic {height:calc(100% - 46px); border:1px solid #D3D3D3; border-radius:10px; background-color:#F2F2F2; text-align:center;}
.facility-body .photo-gall-list .pic img {width:100%; height:100%; border-radius:10px;}

.facility-body .photo-gall-list > li:nth-child(odd) .tit::before {background-color:#2C99F8;}
.facility-body .photo-gall-list > li:nth-child(even) .tit::before {background-color:#10BB98;}

@media screen and (max-width: 1280px) {
    .facility-head .picture img {max-width:100%;}
    .facility-body .picture img {max-width:100%;}
}

@media screen and (max-width: 1024px) {
    .facility-head {flex-wrap:wrap;}
    .facility-head .desc {flex-basis:100%; padding-right:0; padding-bottom:27px; background-position:right 30px bottom -50px; text-align:center;}
    .facility-head .desc .tit {margin-top:0;}
    .facility-head .desc .txt {margin-top:25px;}
    .facility-head .picture {flex-basis:100%;}
    .facility-head .picture img {width:100%;}

    .facility-wrap.floor .facility-head .desc {display:flex; flex-flow:column wrap; justify-content:center; align-items:flex-start; height:152px; text-align:left;}
    .facility-wrap.floor .facility-head .desc .tit {width:50%;}
    .facility-wrap.floor .facility-head .desc .txt {width:50%;}
    .facility-wrap.floor .facility-head .picture {max-width:none;}
    .facility-wrap.floor .facility-head .floor-info-list {width:50%; margin-top:0;}

    .facility-body .picture {flex-basis:100%;}
    .facility-body .picture img {width:100%;}
    .facility-body .desc {flex-basis:100%;}

    .facility-body .pic-left {flex-wrap:wrap;}
    .facility-body .pic-left .picture {position:relative; overflow:hidden; height:280px; border-radius:10px;}
    .facility-body .pic-left .picture img {position:absolute; top:50%; transform:translateY(-50%);}
    .facility-body .pic-left .desc {order:0; padding-top:24px; padding-left:0;}

    .facility-body .pic-right {flex-wrap:wrap;}
    .facility-body .pic-right .picture {order:0; position:relative; overflow:hidden; height:280px; border-radius:10px;}
    .facility-body .pic-right .picture img {position:absolute; top:50%; transform:translateY(-50%);}
    .facility-body .pic-right .desc {padding-top:24px; padding-right:0;}

    .facility-body .pic-full .picture .msg-box {position:relative; right:auto; bottom:auto; max-width:none; margin-top:-50px;}

    .facility-body .pic-multi-box {}
    .facility-body .pic-multi-box .box {flex-basis:100%; width:100%;}
    .facility-body .pic-multi-box .box:nth-of-type(even) {margin-left:0;}
    .facility-body .pic-multi-box .box:nth-of-type(n+2) {margin-top:20px;}
    .facility-body .pic-multi-box .picture {position:relative; overflow:hidden; height:280px; border-radius:10px;}
    .facility-body .pic-multi-box .picture img {position:absolute; top:50%; transform:translateY(-50%);}
}

@media screen and (min-width: 768px) {
    .facility-wrap.floor .facility-body .pic-full .picture.grid {display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch;}
    .facility-wrap.floor .facility-body .pic-full .picture.grid .empty {flex:0 1 calc(50% - 12px); width:calc(50% - 12px); padding-top:31.746%; margin-top:24px; margin-left:24px; border-radius:0;}
    .facility-wrap.floor .facility-body .pic-full .picture.grid img {flex:0 1 calc(50% - 12px); width:calc(50% - 12px); margin-top:24px; margin-left:24px; border-radius:0;}
    /* .facility-wrap.floor .facility-body .pic-full .picture.grid img:nth-of-type(odd) {margin-left:0;}
    .facility-wrap.floor .facility-body .pic-full .picture.grid img:not(:nth-of-type(n+3)) {margin-top:0;}
    .facility-wrap.floor .facility-body .pic-full .picture.grid img:nth-of-type(1) {border-radius:16px 0 0 0;}
    .facility-wrap.floor .facility-body .pic-full .picture.grid img:nth-of-type(2) {border-radius:0 16px 0 0;}
    .facility-wrap.floor .facility-body .pic-full .picture.grid img:nth-of-type(3) {border-radius:0 0 0 16px;}
    .facility-wrap.floor .facility-body .pic-full .picture.grid img:nth-of-type(4) {border-radius:0 0 16px 0;} */
    .facility-wrap.floor .facility-body .pic-full .picture.grid > :nth-child(odd) {margin-left:0;}
    .facility-wrap.floor .facility-body .pic-full .picture.grid > :not(:nth-child(n+3)) {margin-top:0;}
    .facility-wrap.floor .facility-body .pic-full .picture.grid > :nth-child(1):nth-child(odd) {border-top-left-radius:16px;}
    .facility-wrap.floor .facility-body .pic-full .picture.grid > :nth-child(2):nth-child(even) {border-top-right-radius:16px;}
    .facility-wrap.floor .facility-body .pic-full .picture.grid > :nth-last-child(2):nth-child(odd) {border-bottom-left-radius:16px;}
    .facility-wrap.floor .facility-body .pic-full .picture.grid > :nth-last-child(1):nth-child(even) {border-bottom-right-radius:16px;}

    .facility-body .photo-gall-list > li.grow-1 {flex-grow:1;}
    .facility-body .photo-gall-list > li.grow-2 {flex-grow:2;}
    .facility-body .photo-gall-list > li.grow-3 {flex-grow:3;}
}

@media screen and (max-width: 767px) {
    .facility-wrap.floor .facility-head .desc {justify-content:flex-start; height:226px;}
    .facility-wrap.floor .facility-head .floor-info-list {height:auto;}

    .facility-body .pic-full .desc .row {flex-wrap:wrap;}
    .facility-body .pic-full .desc .row .subtit_m_con {flex-basis:100%; margin-top:14px;}

    .facility-wrap.floor .facility-body .pic-full .picture.grid .empty {padding-top:65.0407%;}
    .facility-wrap.floor .facility-body .pic-full .picture.grid > * + * {margin-top:24px;}

    .facility-body .photo-gall-list > li {flex-basis:100%;}
}

/* 체험 예약 > 체험프로그램 안내 */
.apply-info-wrap {}
.apply-info-wrap > div {}
.apply-info-wrap .subtit_l {margin-top:0;}
.apply-info-wrap .subtit_l_con {}
.apply-info-wrap .subtit_m {color:#2C99F8;}
.apply-info-wrap .subtit_m_con {font-weight:400; font-size:16px; line-height:1.5; letter-spacing:-0.025em; color:#5A5B5E;}
.apply-info-wrap .info-box {border:1px solid #D4D4D4; border-radius:4px;}
.apply-info-wrap .btn-box {}
.apply-info-wrap .btn-box .btn_down {display:block; max-width:260px; padding:14px; margin:0 auto; margin-top:46px; border:2px solid #00AEF0; border-radius:4px; background-color:#00AEF0; text-align:center; color:#fff;}
.apply-info-wrap .btn-box .btn_down i {display:inline-block; vertical-align:middle; font-weight:500; font-size:16px; line-height:1.5; letter-spacing:0; color:inherit;}
.apply-info-wrap .btn-box .btn_down span {display:inline-block; vertical-align:middle; font-size:18px; line-height:1; color:inherit;}
.apply-info-wrap .btn-box .btn_down i + span,
.apply-info-wrap .btn-box .btn_down span + i {margin-left:4px;}
.apply-info-wrap .picture {display:flex; flex-flow:column nowrap; justify-content:center; align-items:center; min-height:393px; padding:25px; padding-right:27px; background:#EEF7FF url(../images/sub/apply-info-bg.png) no-repeat right 27px bottom 24px;}
.apply-info-wrap .picture img {max-width:100%;}
.apply-info-wrap .desc {display:flex; flex-flow:column nowrap; justify-content:center; align-items:flex-start; padding:39px 31px 31px 39px; word-wrap:break-word; word-break:keep-all;}
.apply-info-wrap .desc dl {}
.apply-info-wrap .desc dl dt {}
.apply-info-wrap .desc dl dt span {display:inline-block;}
.apply-info-wrap .desc dl dt.dt-only {}
.apply-info-wrap .desc dl dd {}
.apply-info-wrap .desc dl dd span {display:inline-block;}
.apply-info-wrap .desc dl dd b {display:inline-block; font-weight:700; color:#003E92;}

@media screen and (min-width: 1281px) {
    .apply-info-wrap .subtit_l {margin-bottom:21px;}
    .apply-info-wrap .subtit_m {margin-top:0;}
    .apply-info-wrap .subtit_m_con {padding:0; margin-top:2px;}
    .apply-info-wrap .desc dl {display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start;}
    .apply-info-wrap .desc dl dt {flex:0 0 93px; width:93px; margin-right:16px; margin-bottom:9px;}
    .apply-info-wrap .desc dl dt.dt-only {flex-basis:100%; width:100%; margin-right:0;}
    .apply-info-wrap .desc dl dd {flex:0 1 calc(100% - 109px); width:calc(100% - 109px); margin-bottom:9px;}
}

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

}

@media screen and (min-width: 768px) {
    .apply-info-wrap .subtit_l {padding:0; background:none;}
    .apply-info-wrap .subtit_l_con {padding:0;}
    .apply-info-wrap .info-box {display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:stretch;}
    .apply-info-wrap .info-box > div {flex:0 1 auto;}
    .apply-info-wrap .info-box > div + div {border-left:1px solid #D4D4D4;}
    .apply-info-wrap .picture {flex-grow:1; flex-basis:43.5388%; width:43.5388%; border-radius:4px 0 0 4px;}
    .apply-info-wrap .picture img {flex:0 1 auto;}
    .apply-info-wrap .desc {flex-grow:1.2968; width:56.4612%; border-radius:0 4px 4px 0;}
}

@media screen and (max-width: 767px) {
    .apply-info-wrap .subtit_m {margin-bottom:4px;}
    .apply-info-wrap .info-box > div + div {border-top:1px solid #D4D4D4;}
    .apply-info-wrap .btn-box .btn_down {max-width:none;}
    .apply-info-wrap .picture {border-radius:4px 4px 0 0;}
    .apply-info-wrap .desc {padding:19px; border-radius:0 0 4px 4px;}
}

/* 인사말 */
.greeting-wrap {}
.greeting-wrap .greeting-msg {position:relative; padding:41px; padding-top:51px; margin:49px 20px 68px 20px; border-radius:10px 10px 0 0; background-color:#2F7466; text-align:center; word-wrap:break-word; word-break:keep-all;}
.greeting-wrap .greeting-msg img {max-width:100%;}
.greeting-wrap .greeting-msg .bg-item {position:absolute; top:0; right:0; bottom:0; left:0;}
.greeting-wrap .greeting-msg .bg-item > div {position:absolute; background:no-repeat 0 0/100% auto;}
.greeting-wrap .greeting-msg .bg-item .top {top:-40px; left:24px; width:101px; height:30px; background-image:url(../images/sub/greeting_msg_bg-item_top.png);}
.greeting-wrap .greeting-msg .bg-item .right {top:12px; right:123px; width:91px; height:94px; background-image:url(../images/sub/greeting_msg_bg-item_right.png);}
.greeting-wrap .greeting-msg .bg-item .bottom {top:100%; right:-20px; left:-20px; height:20px; border:4px solid #11584A; border-radius:4px; background-color:#fff;}
.greeting-wrap .greeting-msg .bg-item .bottom::after {content:url(../images/sub/greeting_msg_bg-item_bottom.png); position:absolute; top:100%; left:50%; margin-top:0; margin-left:-9px;}
.greeting-wrap .greeting-msg .bg-item .left {bottom:-5px; left:14px; width:213px; height:154px; background-image:url(../images/sub/greeting_msg_bg-item_left.png);}
.greeting-wrap .greeting-msg > p {margin-top:16px; font-family:'Gmarket Sans'; font-weight:700; font-size:28px; line-height:1.1429; letter-spacing:-0.025em; color:#fff;}
.greeting-wrap .greeting-msg > p > b {display:inline-block; position:relative; padding:0 7px; color:#6DD7FF;}
.greeting-wrap .greeting-msg > p > b::after {content:""; position:absolute; right:0; left:0; bottom:-4px; opacity:0.4; height:4px; border-radius:2px; background-color:#E4FFDB;}
.greeting-wrap .greeting-msg .people {position:absolute; right:0; bottom:0;}
.greeting-wrap .greeting-msg .people .photo {margin-right:14px;}
.greeting-wrap .greeting-msg .people .photo img {}
.greeting-wrap .greeting-msg .people .name {position:absolute; top:100%; right:36px; margin-top:26px; font-weight:400; font-size:16px; line-height:1.8125; letter-spacing:-0.025em; color:#444;}
.greeting-wrap .greeting-msg .people .name b {font-weight:700; font-size:20px; line-height:1.45; letter-spacing:-0.025em; color:#003E92;}
.greeting-wrap .greeting-desc {word-wrap:break-word; word-break:keep-all;}
.greeting-wrap .greeting-desc p {font-weight:400; font-size:18px; line-height:1.6667; letter-spacing:-0.025em; color:#444;}
.greeting-wrap .greeting-desc p b {display:inline; font-family:'Gmarket Sans'; font-weight:700; font-size:24px; line-height:1.25; letter-spacing:-0.025em; color:#2C99F8;}
.greeting-wrap .greeting-desc img {max-width:100%;}
.greeting-wrap .greeting-desc .in-box {margin-top:26px;}
.greeting-wrap .greeting-desc .in-box .txt {}
.greeting-wrap .greeting-desc .in-box .txt p {}
.greeting-wrap .greeting-desc .in-box .txt p b {font-size:22px; line-height:1.3636; color:#10BB98;}
.greeting-wrap .greeting-desc .in-box .img {}
.greeting-wrap .greeting-desc .in-box .img img {}

@media screen and (min-width: 1025px) and (max-width: 1280px) {
    .greeting-wrap .greeting-msg > p > b {display:block; width:224px; margin:0 auto; margin-bottom:12px;}
}

@media screen and (min-width: 1025px) {
    .greeting-wrap .greeting-desc {margin-top:104px;}
    .greeting-wrap .greeting-desc .in-box {display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:flex-start;}
    .greeting-wrap .greeting-desc .in-box .txt {flex:2 1 auto; padding-top:4px; padding-right:121px;}
    .greeting-wrap .greeting-desc .in-box .img {flex:1 0 auto;}
}

@media screen and (max-width: 1024px) {
    .greeting-wrap .greeting-msg {padding-right:238px; text-align:left;}
    .greeting-wrap .greeting-msg .bg-item .left {display:none;}
    .greeting-wrap .greeting-desc {margin-top:88px;}
    .greeting-wrap .greeting-desc .in-box > div + div {margin-top:37px;}
    .greeting-wrap .greeting-desc .in-box .img {text-align:center;}
}

@media screen and (max-width: 767px) {
    .greeting-wrap .greeting-msg > p > b {display:block; width:224px; margin-bottom:12px; margin-left:-7px;}
}

/* 비전 */
.vision-wrap {text-align:center; word-wrap:break-word; word-break:keep-all;}
.vision-wrap > div {position:relative;}
.vision-wrap > div + div {margin-top:96px;}
.vision-wrap > div + div::before {content:url(../images/sub/ico_arrow.png); position:absolute; top:-63px; left:50%; margin-left:-14px;}
.vision-wrap h4 {width:140px; height:36px; padding:6px; margin:0 auto; border-radius:25px; font-weight:700; font-size:16px; line-height:1.5; letter-spacing:-0.05em; color:#fff;}
.vision-wrap .slogan {position:relative; padding:0 24px;}
.vision-wrap .slogan .icon {position:absolute; z-index:1; top:50%; left:24px; width:140px; height:140px; padding-top:15px; margin-top:-70px; border:4px solid transparent; border-radius:50%; background-color:#fff;}
.vision-wrap .slogan .icon img {max-width:100%;}
.vision-wrap .slogan .icon h4 {position:absolute; bottom:-4px; left:50%; margin-left:-70px;}
.vision-wrap .slogan .desc {position:relative; padding:52px 71px 51px 35px; margin-left:72px; border:4px solid #F1F1F1; border-radius:10px; background:#F9F9F9 url(../images/sub/vision_slogan_bg-img.png) no-repeat right 7px bottom 8px; font-weight:400; font-size:20px; line-height:1.45; letter-spacing:-0.025em; color:#5A5B5E;}
.vision-wrap .slogan .desc span {display:inline-block;}
.vision-wrap .slogan .desc span:nth-of-type(1) b {color:#003E92;}
.vision-wrap .slogan .desc span:nth-of-type(2) b {color:#2C99F8;}
.vision-wrap .slogan .desc b {display:inline-block; font-weight:700;}
.vision-wrap .slogan {position:relative;}
.vision-wrap .slogan h4 {position:relative; z-index:1;}
.vision-wrap .slogan .box {display:flex; position:relative; margin-top:-18px; border:4px solid #F1F1F1; border-radius:10px; background:#F9F9F9 url(../images/sub/vision_slogan_bg-img.png) no-repeat right 7px bottom 8px;}
.vision-wrap .slogan .box > div {flex:0 1 auto; position:relative;}
.vision-wrap .slogan .box > div + div {}
.vision-wrap .slogan .box .txt {}
.vision-wrap .slogan .box .img {}
.vision-wrap .slogan .box .img img {max-width:100%;}
.vision-wrap .slogan .box span {display:inline-block;}
.vision-wrap .slogan .box b {display:inline-block;}
.vision-wrap .tasks {}
.vision-wrap .tasks-list {display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; position:relative; margin:-18px; margin-top:29px;}
.vision-wrap .tasks-list > li {flex:1 1 0; position:relative; padding:18px;}
.vision-wrap .tasks-list > li:first-child::after {left:50%;}
.vision-wrap .tasks-list > li:last-child::after {right:50%;}
.vision-wrap .tasks-list dl {}
.vision-wrap .tasks-list dl dt {margin-bottom:20px;}
.vision-wrap .tasks-list dl dt span {display:inline-block; width:75px; height:75px; margin-bottom:17px;}
.vision-wrap .tasks-list dl dt span img {max-width:100%;}
.vision-wrap .tasks-list dl dt p {padding:6px; padding-bottom:7px; border-radius:25px; background-color:#EEF7FF; font-weight:500; font-size:16px; line-height:1.5; letter-spacing:-0.05em; color:#003E92;}
.vision-wrap .tasks-list dl dd {font-weight:400; font-size:14px; line-height:1.5714; letter-spacing:-0.05em; color:#707070;}

/* .vision-wrap .slogan.vision h4 {background-color:#10BB98;}
.vision-wrap .slogan.vision .icon {border-color:#10BB98;}
.vision-wrap .slogan.goals h4 {background-color:#00AEF0;}
.vision-wrap .slogan.goals .icon {border-color:#00AEF0;} */
.vision-wrap .slogan h4 {background-color:#003E92;}
.vision-wrap .slogan.vision .box {text-align:center; font-family:'Gmarket Sans'; font-weight:700; font-size:28px; line-height:1.1429; letter-spacing:-0.025em; color:#003E92;}
.vision-wrap .slogan.vision .box b {font-weight:700; color:#00AEF0;}
.vision-wrap .slogan.operating .box {text-align:left; font-weight:400; font-size:18px; line-height:1.6667; letter-spacing:-0.025em; color:#444;}
.vision-wrap .slogan.operating .box .img {width:110px; height:110px; padding:19px; border-radius:50%; background-color:#fff; text-align:center; line-height:110px;}
.vision-wrap .slogan.operating .box .img img {/*vertical-align:middle;*/}
.vision-wrap .slogan.operating .box b {font-weight:700; color:#2C99F8;}
.vision-wrap .slogan.operating .box .sublist_text {font-weight:400; font-size:18px; line-height:1.6667; letter-spacing:-0.025em; color:#444;}
.vision-wrap .slogan.operating .box .sublist_text > li:last-child b {color:#10BB98;}
.vision-wrap .tasks h4 {background-color:#003E92;}

@media screen and (min-width: 1025px) {
    .vision-wrap .tasks-list::before {content:""; position:absolute; top:-29px; left:50%; width:3px; height:47px; margin-left:-1px; background-color:#E9E9E9;}
    .vision-wrap .tasks-list > li::before {content:""; display:block; width:3px; height:35px; margin:0 auto; margin-bottom:21px; background-color:#E9E9E9;}
    .vision-wrap .tasks-list > li::after {content:""; position:absolute; top:18px; right:0; left:0; height:3px; background-color:#E9E9E9;}
}

@media screen and (max-width: 1024px) {
    .vision-wrap h4 {width:123px; height:32px; padding:4px;}
    /* .vision-wrap > .slogan + .slogan {margin-top:95px;}
    .vision-wrap > .slogan + .slogan::before {top:-65px;}
    .vision-wrap .slogan {padding:0; padding-top:61px;} */
    .vision-wrap .slogan .icon {top:0; left:50%; width:123px; height:123px; margin-top:0; margin-left:-61px;}
    .vision-wrap .slogan .icon img {width:63px;}
    .vision-wrap .slogan .icon h4 {margin-left:-61px;}
    .vision-wrap .slogan .desc {padding:35px; padding-top:89px; margin-left:0;}
    .vision-wrap .tasks-list {margin:0; margin-top:29px;}
    .vision-wrap .tasks-list > li {flex-basis:50%; padding:46px;}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .vision-wrap .tasks-list > li:not(:nth-child(n+3)):nth-child(even)::before {content:""; position:absolute; top:0; bottom:46px; left:0; width:2px; margin-left:-1px; background-color:#E9E9E9;}
    .vision-wrap .tasks-list > li:nth-child(n+3):nth-child(even)::before {content:""; position:absolute; top:46px; bottom:0; left:0; width:2px; margin-left:-1px; background-color:#E9E9E9;}
    .vision-wrap .tasks-list > li:nth-child(n+3):nth-child(odd)::after {content:""; position:absolute; top:0; right:46px; left:0; height:2px; margin-top:-1px; background-color:#E9E9E9;}
    .vision-wrap .tasks-list > li:nth-child(n+3):nth-child(even)::after {content:""; position:absolute; top:0; right:0; left:46px; height:2px; margin-top:-1px; background-color:#E9E9E9;}
}

@media screen and (min-width: 768px) {
    .vision-wrap .slogan .desc::before {content:url(../images/sub/ico_quote-left.png); display:inline-block; vertical-align:top; margin-top:-8px; margin-right:14px; line-height:1;}
    .vision-wrap .slogan .desc::after {content:url(../images/sub/ico_quote-right.png); display:inline-block; vertical-align:top; margin-top:-8px; margin-left:14px; line-height:1;}

    .vision-wrap .slogan.vision .box {flex-flow:column nowrap; justify-content:center; align-items:center; padding:39px; padding-top:66px;}
    .vision-wrap .slogan.vision .box > div + div::before {content:""; display:block; width:61px; margin:38px auto 35px auto; border-top:2px solid #D4D4D4;}
    .vision-wrap .slogan.vision .box .txt::before {content:url(../images/sub/ico_quote-left.png); display:inline-block; vertical-align:top; margin-top:-8px; margin-right:14px; line-height:1;}
    .vision-wrap .slogan.vision .box .txt::after {content:url(../images/sub/ico_quote-right.png); display:inline-block; vertical-align:top; margin-top:-8px; margin-left:14px; line-height:1;}
    .vision-wrap .slogan.operating .box {flex-flow:row nowrap; justify-content:flex-start; align-items:center; padding:36px 26px;}
    .vision-wrap .slogan.operating .box > div + div {margin-left:100px;}
    .vision-wrap .slogan.operating .box > div + div::before {content:""; position:absolute; top:50%; left:-51px; height:70px; margin-top:-35px; border-left:2px solid #D4D4D4;}
}

@media screen and (max-width: 767px) {
    .vision-wrap .slogan .desc {background-image:none;}
    .vision-wrap .slogan .desc span:not(:first-of-type) {display:block;}
    .vision-wrap .slogan .desc span:first-of-type::before {content:url(../images/sub/ico_quote-left.png); position:absolute; top:89px; margin-top:-8px; margin-left:-28px;}
    .vision-wrap .slogan .desc span:first-of-type::after {content:url(../images/sub/ico_quote-right.png); position:absolute; top:89px; margin-top:-8px; margin-left:14px;}
    .vision-wrap .slogan .box {flex-flow:column nowrap; justify-content:center; align-items:center; background-image:none;}
    .vision-wrap .slogan .box > div + div::before {content:""; display:block; width:70px; margin:14px auto; border-top:2px solid #D4D4D4;}
    .vision-wrap .tasks h4 {position:relative; z-index:1;}
    .vision-wrap .tasks-list {margin-top:-16px;}
    .vision-wrap .tasks-list > li {flex-basis:100%; padding:29px; padding-top:45px;}
    .vision-wrap .tasks-list > li::before {content:""; position:absolute; top:0; right:14px; left:14px; height:2px; margin-top:-1px; background-color:#E9E9E9;}

    .vision-wrap .slogan.vision .box {padding:38px 14px 30px 14px; font-size:16px;}
    .vision-wrap .slogan.vision .box .txt span:not(:first-of-type) {display:block;}
    .vision-wrap .slogan.vision .box .txt span:first-of-type::before {content:url(../images/sub/ico_quote-left.png); position:absolute; top:0; margin-top:-8px; margin-left:-28px;}
    .vision-wrap .slogan.vision .box .txt span:first-of-type::after {content:url(../images/sub/ico_quote-right.png); position:absolute; top:0; margin-top:-8px; margin-left:14px;}
    .vision-wrap .slogan.vision .box .img {max-width:282px;}
    .vision-wrap .slogan.operating .box {padding:41px 11px 26px 11px; font-size:14px;}
    .vision-wrap .slogan.operating .box .img {width:75px; height:75px; padding:13px; line-height:75px;}
    .vision-wrap .slogan.operating .box .sublist_text {font-size:14px;}
}

/* 엠블럼 */
.identity-wrap {}
.identity-wrap > div {}
.identity-wrap > div + div {}
.identity-wrap > div + div::before {content:""; display:block; margin:96px 0; border-top:1px solid #D4D4D4;}
.identity-wrap .subtit_l {margin-top:0; margin-bottom:18px;}
.identity-wrap .subtit_l_con {padding-left:0;}
.identity-wrap .identity {}

.identity-wrap .identity .define {display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch;}
.identity-wrap .identity .define dl {flex:1 1 0;}
.identity-wrap .identity .define dl dt {position:relative; width:140px; height:36px; padding:5px; margin:0 auto; border:1px solid transparent; border-radius:25px; text-align:center; font-weight:700; font-size:16px; line-height:1.5; letter-spacing:-0.05em;}
.identity-wrap .identity .define dl dt + dd {margin-top:-19px;}
.identity-wrap .identity .define dl dd {}
.identity-wrap .identity .define .basic {flex-grow:1.3; width:calc(56% - 12px);}
.identity-wrap .identity .define .basic dt {border-color:#003E92; background-color:#003E92; color:#fff;}
.identity-wrap .identity .define .basic dd {}
.identity-wrap .identity .define .basic .grid-box {padding:94px 99px; border:1px solid #D4D4D4; border-radius:10px; background:url(../images/sub/grid-pattern.png) repeat 0 0; text-align:center;}
.identity-wrap .identity .define .basic .grid-box img {max-width:100%;}
.identity-wrap .identity .define .basic p {margin-top:14px; text-align:center; word-wrap:break-word; word-break:keep-all; font-weight:400; font-size:16px; line-height:1.625; letter-spacing:-0.025em; color:#444;}
.identity-wrap .identity .define .basic p span {display:inline-block;}
.identity-wrap .identity .define .color {flex-grow:1; width:calc(44% - 12px); margin-left:24px;}
.identity-wrap .identity .define .color dt {border-color:#D4D4D4; background-color:#fff; color:#003E92;}
.identity-wrap .identity .define .color dt + dd {padding-top:42px; border-top:1px solid #D4D4D4;}
.identity-wrap .identity .define .color dd {}
.identity-wrap .identity .define .color-list {display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; margin:-6px;}
.identity-wrap .identity .define .color-list > li {flex:1 1 0; padding:6px;}
.identity-wrap .identity .define .color-list .palette {height:48px; margin-bottom:12px; border-radius:10px; text-align:center; font-weight:500; font-size:16px; line-height:48px; letter-spacing:-0.05em;}
.identity-wrap .identity .define .color-list p {padding-left:6px; font-weight:400; font-size:16px; line-height:1.5; letter-spacing:-0.025em; color:#444;}
.identity-wrap .identity .define .color-list p + p {margin-top:2px;}
.identity-wrap .identity .define .color-list p b {display:inline-block; width:2.625em; margin-right:6px; font-weight:700; font-size:inherit; line-height:inherit; letter-spacing:-0.05em; color:inherit;}
.identity-wrap .identity .define .btn_down {display:block; padding:14px; margin:0 auto; margin-top:40px; border:2px solid #00AEF0; border-radius:4px; background-color:#fff; text-align:center; color:#5A5B5E;}
.identity-wrap .identity .define .btn_down i {display:inline-block; vertical-align:middle; font-weight:500; font-size:16px; line-height:1.5; letter-spacing:0; color:inherit;}
.identity-wrap .identity .define .btn_down span {display:inline-block; vertical-align:middle; font-size:18px; line-height:1; color:inherit;}
.identity-wrap .identity .define .btn_down i + span,
.identity-wrap .identity .define .btn_down span + i {margin-left:4px;}
.identity-wrap .identity .define .mix {flex-grow:3; flex-basis:100%; margin-top:96px;}
.identity-wrap .identity .define .mix dt {border-color:#D4D4D4; background-color:#fff; color:#003E92;}
.identity-wrap .identity .define .mix dd {}
.identity-wrap .identity .define .mix-list {display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; border:1px solid #D4D4D4; border-radius:10px; background-color:#F9F9F9;}
.identity-wrap .identity .define .mix-list > li {flex:1 1 0; display:flex; flex-flow:column nowrap; justify-content:center; align-items:center; padding:26px; text-align:center;}
.identity-wrap .identity .define .mix-list img {flex:0 1 auto; max-width:100%;}

.identity-wrap .identity.ci .define .color-list > li {flex-basis:33.3333%;}
.identity-wrap .identity.ci .define .mix-list > li {flex-basis:50%; height:132px;}
.identity-wrap .identity.bi .define .color-list > li {flex-basis:50%;}
.identity-wrap .identity.bi .define .mix-list > li {flex-basis:33.3333%; height:199px; border-left:1px solid #D4D4D4;}

.identity-wrap .identity .define + .detail {margin-top:96px;}
.identity-wrap .identity .detail {padding:45px 56px 45px 59px; border:1px solid #D4D4D4; border-radius:10px; background-color:#fff;}
.identity-wrap .identity .detail dl {}
.identity-wrap .identity .detail dl dt {position:relative; width:140px; height:36px; padding:5px; margin:0 auto; margin-bottom:30px; border:1px solid #003E92; border-radius:25px; background-color:#003E92; text-align:center; font-weight:700; font-size:16px; line-height:1.5; letter-spacing:-0.05em; color:#fff;}
.identity-wrap .identity .detail dl dd {}
.identity-wrap .identity .detail dl dd img {vertical-align:middle; max-width:100%;}
.identity-wrap .identity .detail .emblem {}
.identity-wrap .identity .detail .emblem-line {}
.identity-wrap .identity .detail .emblem-line-list {}
.identity-wrap .identity .detail .emblem-line-list > li {}
.identity-wrap .identity .detail .explan {}
.identity-wrap .identity .detail .explan-list {}
.identity-wrap .identity .detail .explan-list > li {display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:center;}
.identity-wrap .identity .detail .explan-list > li + li {margin-top:10px;}
.identity-wrap .identity .detail .explan-list .icon {flex:0 0 84px; width:84px; height:84px; margin-right:8px; border-radius:50%; background-color:#EFEFEF; text-align:center; line-height:84px;}
.identity-wrap .identity .detail .explan-list p {flex:1 1 auto;}
.identity-wrap .identity .detail .explan-list p span {display:inline-block;}

@media screen and (min-width: 1025px) {
    .identity-wrap .identity .detail {display:flex; flex-flow:row nowrap; justify-content:center; align-items:stretch;}
    .identity-wrap .identity .detail dl {flex:1 1 50%; width:50%;}
    .identity-wrap .identity .detail dl dd {height:calc(100% - 66px);}
    .identity-wrap .identity .detail .emblem {position:relative; padding-right:25%;}
    .identity-wrap .identity .detail .emblem dd:not(.emblem-line) {display:flex; flex-flow:column nowrap; justify-content:flex-start; align-items:center; position:relative;}
    .identity-wrap .identity .detail .emblem dd:not(.emblem-line) img {flex:1 1 auto;}
    .identity-wrap .identity .detail .emblem-line {position:absolute; top:66px; right:25px; left:50%;}
    .identity-wrap .identity .detail .emblem-line-list > li {position:absolute;}
    .identity-wrap .identity .detail .emblem-line-list > li::before {content:""; display:block; border-top:1px dashed #B9B6B6;}
    .identity-wrap .identity .detail .emblem-line-list > li::after {content:""; position:absolute; top:50%; right:0; width:8px; height:8px; margin-top:-4px; border-radius:50%; background-color:#D4D4D4;}
    .identity-wrap .identity .detail .emblem-line-list > li:nth-child(1) {top:25%; right:0; left:-27px; transform:rotate(345deg);}
    .identity-wrap .identity .detail .emblem-line-list > li:nth-child(2) {top:50%; right:0; left:-27px; transform:rotate(0);}
    .identity-wrap .identity .detail .emblem-line-list > li:nth-child(3) {top:85%; right:0; left:-20px; transform:rotate(10deg);}
}

@media screen and (max-width: 1024px) {
    .identity-wrap .identity .define .basic {flex-grow:1; flex-basis:100%; width:100%;}
    .identity-wrap .identity .define .color {flex-grow:1; flex-basis:100%; width:100%; margin-top:94px; margin-left:0;}
    .identity-wrap .identity .define .btn_down {max-width:424px;}
    .identity-wrap .identity .define .mix {flex-grow:1; flex-basis:100%; width:100%;}

    .identity-wrap .identity .detail dl + dl {margin-top:60px;}
    .identity-wrap .identity .detail .emblem {text-align:center;}
}

@media screen and (min-width: 768px) {
    .identity-wrap .identity.ci .define .mix-list > li:nth-child(even) {border-left:1px solid #D4D4D4;}
    .identity-wrap .identity.ci .define .mix-list > li:nth-child(n+3) {border-top:1px solid #D4D4D4;}
    .identity-wrap .identity.bi .define .mix-list > li:nth-child(3n+1) {border-left:none;}
    .identity-wrap .identity.bi .define .mix-list > li:nth-child(n+4) {border-top:1px solid #D4D4D4;}
}

@media screen and (max-width: 767px) {
    .identity-wrap .identity .define .color-list {margin:0;}
    .identity-wrap .identity .define .color-list > li {display:flex; flex-flow:column wrap; justify-content:space-between; align-items:center; height:50px; padding:0;}
    .identity-wrap .identity .define .color-list > li + li {margin-top:24px;}
    .identity-wrap .identity .define .color-list .palette {flex:1 1 auto; width:calc(50% - 8px); margin-right:16px; margin-bottom:0;}
    .identity-wrap .identity .define .color-list p {flex:0 1 auto; width:calc(50% - 8px);}
    .identity-wrap .identity .define .btn_down {max-width:none;}
    .identity-wrap .identity .define .mix-list > li + li {border-top:1px solid #D4D4D4;}

    .identity-wrap .identity.ci .define .color-list > li {flex-basis:100%;}
    .identity-wrap .identity.ci .define .mix-list > li {flex-basis:100%;}
    .identity-wrap .identity.bi .define .color-list > li {flex-basis:100%;}
    .identity-wrap .identity.bi .define .mix-list > li {flex-basis:100%;}

    .identity-wrap .identity .detail {padding:29px 19px;}
}

/* 캐릭터 */
.character-wrap {}
.character-wrap .subtit_l {margin-top:0; margin-bottom:18px;}
.character-wrap .subtit_l_con {padding-left:0;}
.character-wrap .info-box {text-align:center; word-wrap:break-word; word-break:keep-all;}
.character-wrap .info-box .row {}
.character-wrap .info-box .row + .row {}
.character-wrap dl {}
.character-wrap dl dt {position:relative; width:140px; height:36px; padding:5px; margin:0 auto; margin-bottom:28px; border:1px solid transparent; border-radius:25px; text-align:center; font-weight:700; font-size:16px; line-height:1.5; letter-spacing:-0.05em;}
.character-wrap dl dd {}
.character-wrap .basic {flex:1 1 0; /*margin-right:46px;*/}
.character-wrap .basic dt {border-color:#003E92; background-color:#003E92; color:#fff;}
.character-wrap .basic dd {}
.character-wrap .basic .img-box {}
.character-wrap .basic .img-box img {max-width:100%;}
.character-wrap .apply {flex:2 1 0; /*max-width:508px;*/}
.character-wrap .apply dt {border-color:#003E92; background-color:#003E92; color:#fff;}
.character-wrap .apply dd {}
.character-wrap .apply-list {display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center;}
.character-wrap .apply-list > li {flex:1 1 33.3333%;}
.character-wrap .apply-list img {max-width:100%;}
.character-wrap .point {}
.character-wrap .point dt {border-color:#003E92; background-color:#003E92; color:#fff;}
.character-wrap .point dd {}
.character-wrap .point-list {display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center;}
.character-wrap .point-list > li {flex:1 1 0;}
.character-wrap .point-list .icon {width:84px; height:84px; margin:0 auto; margin-bottom:8px; border-radius:50%; background-color:#EFEFEF; line-height:84px;}
.character-wrap .point-list .icon img {vertical-align:middle; max-width:100%;}
.character-wrap .point-list p {}
.character-wrap .point-list p span {display:block;}
.character-wrap .point-desc {padding:20px; padding-bottom:21px; margin:0 4px; margin-top:46px; border-radius:8px; background-color:#EEF7FF; font-weight:400; font-size:18px; line-height:1.4444; letter-spacing:-0.025em; color:#444;}
.character-wrap .point-desc span {display:inline-block;}
.character-wrap .point-desc span:nth-of-type(1) b {color:#003E92;}
.character-wrap .point-desc span:nth-of-type(2) b {color:#2C99F8;}
.character-wrap .point-desc b {display:inline-block; font-weight:500; font-size:inherit; line-height:inherit; letter-spacing:inherit;}
.character-wrap .btn_down {display:block; max-width:260px; padding:14px; margin:0 auto; margin-top:46px; border:2px solid #00AEF0; border-radius:4px; background-color:#00AEF0; text-align:center; color:#fff;}
.character-wrap .btn_down i {display:inline-block; vertical-align:middle; font-weight:500; font-size:16px; line-height:1.5; letter-spacing:0; color:inherit;}
.character-wrap .btn_down span {display:inline-block; vertical-align:middle; font-size:18px; line-height:1; color:inherit;}
.character-wrap .btn_down i + span,
.character-wrap .btn_down span + i {margin-left:4px;}

@media screen and (min-width: 1025px) {
    .character-wrap .info-box {padding:45px; border:1px solid #D4D4D4; border-radius:10px; background-color:#fff;}
    .character-wrap .info-box .row + .row::before {content:""; display:block; margin:46px 0; border-top:1px solid #D4D4D4;}
    .character-wrap .apply {padding-left:10%;}

    .character-wrap .info-box .row-1 {display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch;}
    .character-wrap .info-box .row-1 dl {/*flex:1 1 0;*/}
    .character-wrap .info-box .row-2 {}
}

@media screen and (max-width: 1024px) {
    .character-wrap .info-box {padding-bottom:46px; border-bottom:1px solid #D4D4D4;}
    .character-wrap .info-box .row + .row {margin-top:47px;}
    .character-wrap .apply dt {margin-bottom:0;}
    .character-wrap .apply dt + dd {padding-top:65px; margin-top:-19px; border-top:1px solid #D4D4D4;}
    .character-wrap .apply-list > li:nth-child(n+4) {margin-top:26px;}
    .character-wrap .point dt {margin-bottom:0;}
    .character-wrap .point dt + dd {padding-top:65px; margin-top:-19px; border-top:1px solid #D4D4D4;}
    .character-wrap .point-desc {margin:0; margin-top:44px;}

    .character-wrap .info-box .row-1 dl + dl {margin-top:92px;}
}

@media screen and (max-width: 767px) {
    .character-wrap .apply-list > li {flex-basis:50%;}
    .character-wrap .apply-list > li:nth-child(n+3) {margin-top:26px;}
    .character-wrap .point-list > li {flex-basis:100%;}
    .character-wrap .point-list > li + li {}
    .character-wrap .point-list > li + li::before {content:""; display:block; margin:29px 14px 45px 14px; border-top:1px solid #E9E9E9;}
    .character-wrap .btn_down {max-width:none;}
}

/* 이용안내 */
.infor-use-wrap {}
.infor-use-wrap .subtit_l {margin-top:0; margin-bottom:18px;}
.infor-use-wrap .subtit_l_con {padding-left:0;}
.infor-use-wrap .table_data {margin-top:0;}
.infor-use-wrap .table_data tbody th {padding:17px 10px; border-bottom:1px solid #CFD8DC; text-align:center; font-weight:500; font-size:16px; line-height:23px; color:#212121;}
.infor-use-wrap .table_data tbody td {border-left:1px solid #CFD8DC;}
.infor-use-wrap .table_data tbody td:not([rowspan]) {height:148px;}
.infor-use-wrap .table_data tbody td .highlight {color:#FF737D;}
.infor-use-wrap > hr {display:block; margin:0; margin-top:54px; border:none;}
.infor-use-wrap .days-info {display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; margin:0 -12px;}
.infor-use-wrap .days-info dl {flex:1 1 0; padding:0 12px;}
.infor-use-wrap .days-info dl dt {position:relative; width:140px; height:36px; padding:5px; margin:0 auto; border:1px solid #003E92; border-radius:25px; background-color:#003E92; text-align:center; font-weight:700; font-size:16px; line-height:1.5; letter-spacing:-0.05em; color:#fff;}
.infor-use-wrap .days-info dl dd {display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:center; height:calc(100% - 18px); padding:20px 29px 22px 29px; margin-top:-18px; border:1px solid #D4D4D4; border-radius:10px; background-color:#fff; word-wrap:break-word; word-break:keep-all;}
.infor-use-wrap .days-info dl dd .icon {flex:1 0 108px; width:108px; margin-right:60px;}
.infor-use-wrap .days-info dl dd .icon img {max-width:100%;}
.infor-use-wrap .days-info dl dd p {flex:2 1 calc(100% - 168px); position:relative; width:calc(100% - 168px); margin-top:34px;}
.infor-use-wrap .days-info dl dd p::before {content:""; position:absolute; top:50%; left:-30px; height:50px; margin-top:-25px; border-left:1px solid #D4D4D4;}

.infor-use-wrap .days-info .open {}
.infor-use-wrap .days-info .close {}

@media screen and (max-width: 767px) {
    .infor-use-wrap .days-info dl {flex-basis:100%; width:100%;}
    .infor-use-wrap .days-info dl + dl {margin-top:24px;}
    .infor-use-wrap .days-info dl dd .icon {flex-basis:90px; width:90px; margin-right:40px;}
    .infor-use-wrap .days-info dl dd p {flex-basis:calc(100% - 130px); width:calc(100% - 130px); margin-top:28px;}
    .infor-use-wrap .days-info dl dd p::before {left:-20px;}
}

/* 조직안내 */
.organ-wrap {}
.organ-wrap .subtit_l {margin-top:0; margin-bottom:18px;}
.organ-wrap .subtit_l_con {padding-left:0;}
.organ-wrap .table_data {margin-top:0;}
.organ-wrap .table_data thead tr:not(:first-child) th {border-top:1px solid #CFD8DC; border-left:1px solid #CFD8DC;}
.organ-wrap .table_data tbody th {padding:17px 10px; border-bottom:1px solid #CFD8DC; background-color:#EEF7FF; text-align:center; font-weight:700; font-size:16px; line-height:23px; color:#212121;}
.organ-wrap .table_data tbody tr:first-child th {border-top:1px solid #CFD8DC;}
.organ-wrap .table_data tbody th ~ td {border-left:1px solid #CFD8DC;}
.organ-wrap > hr {display:block; margin:0; margin:54px 0; border:none; border-top:1px solid #CFD8DC;}

/* 찾아오시는 길 */
.map-wrap {}
.map-wrap .subtit_l {margin-top:0; margin-bottom:18px;}
.map-wrap .subtit_l_con {padding-left:0;}
.map-wrap .subtit_m {margin-top:0;}
.map-wrap .subtit_m_con {padding-left:0;}
.map-wrap .sub_cont_topbox {margin-top:0; margin-bottom:24px;}
.map-wrap .sub_cont_topbox .txt_box {word-wrap:break-word; word-break:keep-all;}
.map-wrap .sub_cont_topbox .txt_box > ul > li + li {margin-top:16px;}
.map-wrap .sub_cont_topbox .subtit_m {padding-left:104px; background-position-y:0; text-indent:-74px; font-size:0; line-height:normal;}
.map-wrap .sub_cont_topbox .subtit_m > span {display:inline-block; vertical-align:top; text-indent:0; font-weight:400; font-size:16px; line-height:1.5; letter-spacing:-0.05em; color:#5A5B5E;}
.map-wrap .sub_cont_topbox .subtit_m > span > small {display:inline-block; padding-left:19px; margin-top:4px; text-indent:-19px; font-weight:400; font-size:14px; line-height:1.4286; letter-spacing:-0.05em; color:#003E92;}
.map-wrap .sub_cont_topbox .subtit_m > span > small > b {display:inline-block; vertical-align:top; text-indent:0; font-weight:700;}
.map-wrap .sub_cont_topbox .subtit_m > span > small > i {display:inline-block; vertical-align:top; margin-top:2px; margin-right:3px; text-indent:0; font-size:16px; line-height:1; color:inherit;}
.map-wrap .sub_cont_topbox .subtit_m > b {display:inline-block; vertical-align:top; width:49px; margin-right:25px; text-indent:0; font-weight:700; font-size:16px; line-height:1.5; letter-spacing:-0.05em; color:#5A5B5E;}
.map-wrap .map-box {}
.map-wrap .map-box .map {}
.map-wrap .map-box .map > div {width:100%; height:380px;}
.map-wrap .map-box .map > div > div {}
.map-wrap .pic-tit {margin-bottom:20px; word-wrap:break-word; word-break:keep-all; font-size:0;}
.map-wrap .pic-tit > i {display:inline-block; vertical-align:top; margin-right:8px; font-size:24px; line-height:1; color:#00AEF0;}
.map-wrap .pic-tit > span {display:inline-block; vertical-align:top; font-weight:400; font-size:16px; line-height:1.5; letter-spacing:-0.05em; color:#5A5B5E;}
.map-wrap .pic-tit > b {display:inline-block; vertical-align:top; margin-right:20px; font-weight:700; font-size:16px; line-height:1.5; letter-spacing:-0.05em; color:#00AEF0;}
/* .map-wrap .pic-tit {margin-bottom:20px; word-wrap:break-word; word-break:keep-all; font-size:0;}
.map-wrap .pic-tit > i {display:inline-block; vertical-align:top; margin-right:8px; font-size:24px; line-height:1; color:#00AEF0;}
.map-wrap .pic-tit > span {display:inline-block; vertical-align:top;}
.map-wrap .pic-tit > b {display:inline-block; vertical-align:top; margin-right:20px; font-weight:700; color:#00AEF0;} */
.map-wrap .pic-box {padding:29px; border:1px solid #E1E1E1; border-radius:10px; background-color:#fff;}
.map-wrap .pic-box .map {border:1px solid #E1E1E1; background-color:#F2F2F2;}
.map-wrap .pic-box .map img {max-width:100%;}

@media screen and (max-width: 767px) {
    .map-wrap .pic-box .map {position:relative; overflow:hidden; height:325px;}
    .map-wrap .pic-box .map img {position:absolute; left:50%; height:100%; max-width:none; transform:translateX(-40%);}
}


@media print { header,
.sub_visual,
#lnb,
.sub_headbar,
.sub_con_head .rightbox,
footer { display: none; }

.sub_content { width: 100%; }

#container { padding-top: 0; }

* { -webkit-print-color-adjust: exact; }
}