@charset "utf-8";

/*ROOT*/
:root {
    --main-color: #ef3e61;
}
.sr-only {
    position: absolute;
    overflow: hidden;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    border: 0;
    clip: rect(0,0,0,0);
}
/*=======================레이아웃 s=====================*/
.viewOpinion label.forRadio {}
.overlay {display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0,0,0,0.4); z-index: -1;}
html.active,
body.active {overflow: hidden;}
html.active .overlay,
body.active .overlay {display: block;}
/*#goTop {display: none; position: fixed; bottom: 30px; right: 20px; width: 45px; height: 45px; border-radius: 5px; padding-top: 15px; background: #333 url(../../images/common/gnbArrow_up.png) center top 5px no-repeat; color: #fff; font-size: 14px; border: 1px solid #777; z-index: 20;}
#goTop.on {display: block;}*/
/* header 미디어 쿼리 : 태블릿 */

#wrap {position: relative; width: 100%; min-height: 100%; padding-bottom: 235px; box-sizing: border-box; overflow: hidden;}

#header {position: absolute; top: 0; left: 0; width: 100%; height: 160px;box-sizing: border-box; z-index: 25;}
#header:after {content: ''; display: block; width: 100%; height: 1px; background-color: #dbdbdb; position: absolute; top: 90px; left: 0;}
#header.active {background: #fff;border-bottom: 1px solid #777; z-index: 31;}
#header .mobile-menu {display: none;width: 42px;height: 40px; background: url(../../images/common/header_icon_menu.png) center center no-repeat; text-indent: -9999px; position: absolute; top: 5px; right: 0;}
#header > .inner { height: 100%; padding: 0 0 0 0;box-sizing: border-box;}
.inner {width: 100%; max-width: 1200px;margin: 0 auto;position: relative; box-sizing: border-box;}
.inner:after {content: ""; display: block; clear: both;}

/*메가메뉴*/
/*.headFunction {display: block; position: absolute; top: 15px; right: 0;}*/

/* 상단 통합검색/전체메뉴 버튼 */
.headFunction{display:table;float:right; margin-top: 10px;}
.headFunction .commonSearch {display:inline-block;margin:0; padding:0;}
.headFunction .generalMenu {float:right; display:block; margin:0; padding:0;}

/* 상단 통합검색 레이어 */
.commonSearch .searchBtnClose {display:none;}
.commonSearch .searchBtn {display: inline-block;width: 50px;height: 50px; background: url(../../images/ho/header_icon_menu.png) left 10px center no-repeat; text-indent: -9999px;}
.commonSearch.on .commonSearch_open_box {display:block; padding: 20px 0 15px 0; top: 70px; left:50%; transform: translateX(-50%); text-align: center;opacity:1; z-index:200; background-color: #fff; border-bottom: 1px solid #eee; border-top: 1px solid #dbdbdb;}
.commonSearch.on .commonSearch_open_box:before {content: '';}
.commonSearch.on .searchBtn {display:none;}
.commonSearch.on .searchBtnClose {display:block; width:50px; height:50px;border:0;text-indent:-9999px; background:#fff url(../../images/ho/searchBtn_input_close_b.png) center center no-repeat;}
.commonSearch.on .searchBtnClose.sub {display:block; position:absolute;top:0;right:50px; width:48px; height:48px;border:0;text-indent:-9999px; background: url(../../images/ho/searchBtn_input_close_b.png) center center no-repeat;}
.commonSearch_open_box {display:none; position:absolute; width:100vw; opacity:0; z-index:-1;}
.commonSearch_open_box.sub {display:none; position:absolute; left:-99999px; top:80px; width:100%; opacity:0; z-index:-1;}
.commonSearch_open_box:after {display:block; content:""; clear:both;}
.commonSearch_input {position: relative; display:inline-block; width:600px; height:50px;}
.commonSearch_input input[type="text"] {float:left; width:550px; height:50px; color:#333; font-size:16px; line-height:50px;padding:0 20px; background-color:transparent; border-radius: 0;} 
.commonSearch_input input[type="text"]:focus::placeholder {opacity: 0;}
.commonSearch_input .searchBtn_input {display:inline-block; position: absolute; top:0; right: 0; width:50px; height:50px; border:0px; text-indent:-99999px; background: #ef3e61 url(../../images/ho/searchBtn_input.png) center center no-repeat;}
.commonSearch_keyword {display:table; width:100%; background:#fff;}
.commonSearch_input ul {display:block; /* position:absolute; top:59px;  */width:100%; border:1px solid #f68b18; border-top:0 none; background:#fff; box-sizing:border-box; z-index:100;}
.commonSearch_input ul li {display:block; position:relative;}
.commonSearch_input ul li a {display:block;height:30px;padding:0 10px;color:#666;font-size:1em;line-height:30px;}
.commonSearch_input ul li a.current {background:#f3f3f3;}
.commonSearch_input ul li a strong {color:#007dc5;}

.search_bg_b {display: none;width: 100%;height: 100vh;position: fixed;top: 0;left: 0;background-color: rgba(0,0,0,0.5);z-index:20;}
.search_bg_b.on {display: block;}

/*메가메뉴*/
.headFunction .generalMenu .openBtn {display: inline-block;width: 42px;height: 40px; background: url(../../images/ho/header_icon_menu.png) right 10px center no-repeat; text-indent: -9999px; width: 50px; height: 50px; box-sizing: border-box;}
.generalMenu.on .generalMenu_cont {display: block;}
.generalMenu .generalMenu_cont {position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%; background-color: #fff; z-index: 999; overflow-y: scroll;}
.generalMenu_cont .gMbg_head {display: block; position: relative; width: 100%; margin: 0; padding: 0; padding-bottom: 30px;}
.generalMenu_cont .generalMenu_txt {display: block; position: relative; padding: 34px 0; text-align: center; color: #0d0d0d; background: #FFF; font-size: 28px; letter-spacing: -1.8px;}
.generalMenu_cont .generalMenu_txt span {color: #ef3e61; font-size: 1em; margin-left: 15px;}
.generalMenu_cont .menu_sort {display: block; position: relative; width: 100%; margin: 0 0 50px 0; background: #ef3e61;}
.generalMenu_cont .menu_sort ul {display: table; position: relative; margin: 0 auto; padding: 0;}
.generalMenu_cont .menu_sort ul li {float: left; display: inline-block; position: relative; margin: 0 5px 0 0;}
.generalMenu_cont .menu_sort button, .generalMenu_cont .menu_sort a {display: inline-block; position: relative; height: 50px; padding: 0 20px; color: #fff; font-size: 1.125rem;font-weight: normal; border-width: 0; vertical-align: middle; background: transparent; line-height: 50px;}
.generalMenu_cont .menu-box{position: relative; display: block; width: 1200px; height: auto; margin: 0 auto; box-sizing: border-box;}

.generalMenu_list {display:table; width:100%;}
.generalMenu_list .list-box {display:table-cell; width: 14.2%; text-align: left;}
.generalMenu_list .list-box ul {padding-top:10px;}
.generalMenu_list .list-box .subTitle li{position: relative; margin-bottom: 3px; padding-left: 8px;}
.generalMenu_list .list-box .subTitle li:before {content: ''; display: block; width: 3px; height: 3px; border-radius: 50%; background: #333; position: absolute; top: 10px; left: 0;}
.generalMenu_list li a {font-size:1rem; font-family:  'NotoKR-Regular'; padding:5px 0; color: #333;}
.generalMenu_list li a.current {color:#fff; border-radius:5px; background:#f68b18;}
.generalMenu_list li a.current:hover,
.generalMenu_list li a.current:focus {text-decoration:underline;}
.generalMenu_list .mainTitle{font-size: 1.75rem; font-family: 'NotoKR-Medium'; color: #ef3e61; margin: 10px 0px; margin-bottom: 20px; letter-spacing: -1.8px;}
.generalMenu_list .subTitle{text-align: left;margin: 25px 0; padding-left: 5px;}
.generalMenu_list .subTitle:first-child {margin-top: 0;}
.generalMenu_list .subTitle > a {font-size: 1.25rem; font-family: 'NotoKR-Bold';}
.generalMenu_list .subTitle span{font-size: 1.25rem; font-family: 'NotoKR-Bold'; color: #333;}
.generalMenu_cont .btn_generalMenu_close {display: inline-block; position: absolute; right: 0; top: -170px; width: 33px; height: 33px; text-indent: -99999px; border-width: 0; background: url(../../images/common/btn_generalMenu_close.png) 0 0 no-repeat;}

@media (min-width: 768px) and (max-width: 1180px){
    #wrap {padding-bottom: 0;}
    #header {height: 80px; padding: 0 25px; background-color: #fff;}
    #header:after {display: none;}
    .inner {width: 100%;}
    #header .mobile-menu {display: block;}
    .headFunction {display: none;}
    #header .header-top .etcBox {display: none;}
    #header .mobile-menu {top: 20px;}
}

/* header 미디어 쿼리 : 모바일 */
@media all and (max-width: 767px){
    #wrap {padding-bottom: 0;}
    #header {height: 80px; padding: 0 25px;background-color: #fff;}
    #header:after {display: none;}
    .inner {width: 100%;}
    #header .mobile-menu {display: block;}
    .headFunction {display: none;}
    #header .header-top .etcBox {display: none;}
    #header .mobile-menu {top: 20px;}
}

/*header top*/
.header-top { height: 90px; padding-top: 35px; box-sizing: border-box;}
.header-top:after {content: ''; display: block; clear: both;}
.header-top .etcBox {float: right;}
.header-top .etcBox:after {content:""; display: block; clear: ;}
.header-top .etcBox > ul > li {position: relative; display: inline-block; padding: 0 15px; vertical-align: top;}
.header-top .etcBox > ul > li:after {content: ''; display: block; width: 1px; height: 15px; background-color: #ccc; position: absolute; top: 5px; right: -3px;}
.header-top .etcBox > ul > li:last-child {margin-right: 0; padding-right: 7px;}
.header-top .etcBox > ul > li:last-child:after {display: none;}
.header-top .etcBox > ul > li * {font-size: 1rem;}
.header-top .etcBox > ul > li a {}
.header-top .etcBox > ul > li.langWrap {padding-left: 37px;background: url("../../images/ho/lang-icon.png") no-repeat center left 10px;}
.header-top .etcBox > ul > li.langWrap .langBtn {border: none; background-color: transparent; font-size: 15px; vertical-align: baseline; background: url("../../images/common/button_arrow_down.png") no-repeat center right;padding-right: 18px; padding-left: 0;}
.header-top .etcBox > ul > li.langWrap .lang-box {display: none; position: absolute; top: 30px; left: 0; width: 100%; padding: 5px 0; box-sizing: border-box; border: 1px solid #777; background-color: #fff; border-radius: 5px; z-index: 1;}
.header-top .etcBox > ul > li.langWrap .lang-box ul li {}
.header-top .etcBox > ul > li.langWrap .lang-box ul li a {display: block; width: 100%; height: 100%;padding: 5px 10px; box-sizing: border-box; }
.header-top .etcBox > ul > li.langWrap .lang-box ul li:hover a {background-color: #ededed;}
.header-top .etcBox > ul > li.langWrap .lang-box.on {display: block;}
.header-top .etcBox > ul > li.zoom em {margin-right: 12px;}
.header-top .etcBox > ul > li.zoom button {width: 23px; height: 23px; border: 1px solid #555;}
.header-top .etcBox > ul > li.zoom .zoomIn {background: url("../../images/common/zoomIn.png") no-repeat center center;}
.header-top .etcBox > ul > li.zoom .zoomOut {background: url("../../images/common/zoomOut.png") no-repeat center center;}
.header-top .etcBox > ul > li.zoom .zoomReset {background: url("../../images/common/zoomReset.png") no-repeat center center;}
.header-top h1.logo {position: absolute; top: -15px; left: 0;width: 375px; height: 50px; z-index: 1;}
.header-top h1.logo a {text-indent: -9999px; display: block; width: 100%; height: 100%; background: url('../../images/ho/header_logo.png') no-repeat left bottom;/* background-size: 100%;*/}

/*header navigation 시작*/
.gnb {position: relative; box-sizing: border-box; background-color: #fff;}
#header.active .gnb { box-shadow: 0 5px 5px rgba(0,0,0,0.15);}
.gnb:before {content: ''; display: block; width: 1001%; height: 1px; background-color: #dbdbdb; position: absolute; left: 0; top: 70px;}
.gnb:after {content:""; display: block; clear: both;}

/*뎁스*/
.gnb .depth {margin-left: 30px;}
.gnb .depth1 {}

/*뎁스 > 리스트*/
.gnb .depth_list {/*position: relative;*/}
.gnb .depth_list:after {content: ''; display: block; clear: both;}
.gnb .depth_list .item {display: inline-block;float: left;}
.gnb .depth_list.cut > .depth_item {display: inline-block; vertical-align: top;}
.gnb .depth1_list {float: left; box-sizing: border-box;}
.gnb .depth1_list ul {display: none; min-height: 390px; padding: 15px 0 0 0; border-top: 1px solid #dbdbdb;}
#header.sub-header.active .gnb .depth1_list ul {display: block;}

/*뎁스 > 리스트의 첵스트*/
.gnb .depth-text {/* display: block; */text-align: left;box-sizing: border-box;word-break: keep-all;}
.gnb .depth-text.v1 {/* display: block; */padding: 18px 37px 18px;color: #333;font-size: 1.25rem;font-family: 'NotoKR-Bold';line-height: 34px;letter-spacing: -1px;font-weight: normal;position: relative;/* margin: 0px 44px; *//* border: 1px solid red; *//* width: 176px; */height: 70px;display: inline-block; margin: 0 30px;}
.gnb .depth-text.v1.on:after{display: block; content: ''; width: 30px; height: 25px; background: url('../../images/ho/icon-active1.png') no-repeat center center; position: absolute; right: -10px; top: 10px;}
.gnb .depth-text.v2 {display: block;padding: 10px 8px 10px 18px;color: #000;font-size: 17px;line-height: 20px;}
.gnb .depth-text.v1:hover, .gnb .depth-text.v2:hover {color:  #ef3e61;}

/*뎁스 > 리스트의 콘텐츠*/
.gnb .depth1_item ul.on,
.gnb .depth1_item.active ul {background: #f5f5f5;}
.gnb .depth1_item.active .depth-text.v1 {color: #ef3e61;}
.gnb .depth1_item.active .depth-text.v1:after,
.gnb .depth1_item.on .depth-text.v1:after{display: block; content: ''; width: 30px; height: 25px; background: url('../../images/ho/icon-active1.png') no-repeat center center; position: absolute; right: 3px; top: 10px;}

/*header navigation 끝*/

/*gnb 미디어쿼리 테블릿 - navi 메뉴 디테일잡기*/
@media (max-width: 1780px) and (min-width: 1001px){
    /*.gnb .title2 { width: 300px;}  */  
    /*.gnb .depth2 {padding-left: 340px; padding-right: 50px;}*/
    /*.gnb .depth2_item {width: calc((100% - 135px) / 4);};*/
    /* .header-top h1.logo {width: 170px; top: 15px;}
    .header-top h1.logo a {background-size: 100%;} */
}
/*gnb 미디어쿼리 테블릿 - navi 메뉴 디테일잡기*/
@media (max-width: 1300px) and (min-width: 1001px){
    /*.gnb .depth2_item {width: calc((100% - 135px) / 4);};*/
    /* .header-top h1.logo {width: 170px; top: 15px;}
    .header-top h1.logo a {background-size: 100%;} */
}
/*gnb 미디어쿼리 테블릿*/
@media (min-width: 768px) and (max-width: 1180px){
    /*.gnb {display: none;}*/
    .gnb .depth1 {display: none;}
    .gnb:before {display: none;}
    .header-top h1.logo {width: 300px; top: -23px;}
    .header-top h1.logo a {background-size: 100%;}
    
}
/*gnb 미디어쿼리 모바일*/
@media all and (max-width: 767px){
    .gnb .depth1 {display: none;}
    .gnb:before {display: none;}
    .header-top h1.logo {width: 250px; top: -28px; height: 50px;}
    .header-top h1.logo a {background-size: 230px;}
}

/*서브header*/
#header.sub-header {background-color: #fff;}

/*서브content*/
#container .content {/* background: url(../../images/ho/layout-bg.png) no-repeat top -110px right;*/}
.content .content-top {}
.content .content-top .top-bg {position: relative; width: 100%; height: 230px;} /*수정해야함*/
.content .content-top .top-bg .bg {position: absolute; top: 0; left: 0;  width: 100%; height: 100%;}
.content .content-top .top-bg .inner {height: 100%;}
.content .content-top .top-bg h2 {position: absolute; top: 50%; transform: translateY(-50%); left: 100px; font-size: 48px; font-weight: bold; letter-spacing: -1px;}
.content .content-top .location {height: 45px;border-bottom: 1px solid #ef3e61; background-color: #ef3e61;}
.content .content-top .location ul > li {display: inline-block; line-height: 45px;}
.content .content-top .location ul > li > a {display: inline-block; font-size: 16px;}
.content .content-top .location .leftBox {position: relative;}
.content .content-top .location .leftBox li {position: relative;}
.content .content-top .location .leftBox li:after {content: ''; display: block; width: 16px; height: 19px; background: url('../../images/common/locatione-arrow-white.png') no-repeat center center; position: absolute; top: 50%; right: -10px; transform: translateY(-50%);}
.content .content-top .location .leftBox li:last-child:after {display: none;}
.content .content-top .location .leftBox li a {padding: 0 15px;color: #fff;
    font-family: 'NotoKR-Regular'; pointer-events: none;} 
.content .content-top .location .leftBox li.home a {padding: 0 16px;  background: url('../../images/common/home-icon-white.png') no-repeat center left; text-indent: -999px;}
.content .content-top .location .rightBox li a {position: relative;}
.content .content-top .location .rightBox li a.share {margin-right: 20px;}
.content .content-top .location .rightBox li a.share:after {content: ''; display: block; width: 1px; height: 20px; background-color: #dbdbdb;position: absolute; right: -25px; top: 18px;}
.content .content-top .location .rightBox li a.print {margin-left: 20px;}
.content .content-main {padding-top: 50px;  padding-bottom: 50px;}
.content .content-main .page-wrap {/*padding-top: 70px;*/}
#pageTitle {position: relative; border-bottom: 1px solid #ccc; padding-bottom: 30px;}
#pageTitle .tit {min-height: 53px; position: relative; padding-top: 13px; /*padding-right: 40px; */font-size: 1.875rem; font-family: 'NotoKR-Bold';line-height: 40px;box-sizing: border-box;}

/*lnb, content-box*/
#lnb-wrap {box-sizing: border-box; width: 220px; margin-right: 40px; height: auto;}
#lnb-wrap h2 {height: 53px; box-sizing: border-box; font-family: 'NotoKR-Bold'; font-size: 1.625rem; padding: 13px 0 0 10px; margin-bottom: 30px;}
#lnb-wrap h2 span {position: relative;}
#lnb-wrap h2 span:after {display: block; content: ''; width: 40px; height: 28px; background: url('../../images/ho/icon-active2.png') no-repeat center center; position: absolute; right: -27px; top: -15px;}
#lnb-wrap .lnb-menu {}
#lnb-wrap .lnb-menu .lnb-depth1 > li { margin-bottom: 6px; overflow: hidden;}
#lnb-wrap .lnb-menu .lnb-depth1 > li > a {display: block; border: 1px solid #dbdbdb; border-radius: 5px; padding: 10px 18px; font-size: 1rem; font-family: 'NotoKR-Medium'; background: url('../../images/ho/lnb-arrow-down.png') no-repeat center right 18px; color: #333;}
#lnb-wrap .lnb-menu .lnb-depth1 > li.cut > a,
#lnb-wrap .lnb-menu .lnb-depth1 > li.cut.active > a {background: none;}
#lnb-wrap .lnb-menu .lnb-depth1 > li.cut.active > a {background-color: #777;}
#lnb-wrap .lnb-menu .lnb-depth1 > li.active {border: 2px solid #717576; border-radius: 7px 7px 7px 7px;}
#lnb-wrap .lnb-menu .lnb-depth1 > li.active > a {background: #717576 url('../../images/ho/lnb-arrow-up.png') no-repeat center right 18px; color: #fff; border: none; border-radius: 5px 5px 0 0; color: #111; font-family: "NotoKR-Bold"; color: #fff;}
#lnb-wrap .lnb-menu .lnb-depth1 > li.active .lnb-depth2 {display: block;background-color: #f8f8f8;}/*active 일때 lnb-depth2 보이기*/

#lnb-wrap .lnb-menu .lnb-depth2 {display: none; padding: 20px; box-sizing: border-box; }
#lnb-wrap .lnb-menu .lnb-depth2 > li {margin-bottom: 2px; }
#lnb-wrap .lnb-menu .lnb-depth2 > li > a {position: relative; display: block; padding: 2px 0; font-size: 15px; font-family: 'NotoKR-Medium'; padding-left: 11px; color: #333; letter-spacing: -0.8px; word-break: keep-all;}
#lnb-wrap .lnb-menu .lnb-depth2 > li:hover a {color: #ef3e61;}
#lnb-wrap .lnb-menu .lnb-depth2 > li > a:before {content: ''; width: 4px; height: 4px; border-radius: 50%; background: #aaa; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
#lnb-wrap .lnb-menu .lnb-depth2 > li.active > a {color: #ef3e61; background: url('../../images/ho/lnb-arrow-selected.png') no-repeat center right; font-family: "NotoKR-Bold";}
#lnb-wrap .lnb-menu .lnb-depth2 > li.active > a:before {background: #ef3e61;}

/*lnb 효과 변경으로 인한 추가 css - 고객요청*/
#lnb-wrap .lnb-menu .lnb-depth1 > li.onHover .lnb-depth2 {display: block;}/*active 일때 lnb-depth2 보이기*/
#lnb-wrap .lnb-menu .lnb-depth1 > li.onHover {border: 1px solid #dbdbdb; border-radius: 8px;}
#lnb-wrap .lnb-menu .lnb-depth1 > li.onHover > a {border: none; border-bottom: 1px solid #dbdbdb;}
#lnb-wrap .lnb-menu .lnb-depth1 > li.onHover.active {border: 2px solid #717576;}
#lnb-wrap .lnb-menu .lnb-depth1 > li.onHover.active > a {border-bottom: 0;}

#content-box {box-sizing: border-box; width: calc(100% - 260px);}

/*sns 공유*/
.utility {position: absolute; top: 12px; right: 0;}
.utility > li {border: 1px solid #c5c9d6; float: left; width: 40px; height: 40px; border-radius: 13px; margin-left: 12px; text-align: center; line-height: 35px; box-sizing: border-box;}
.utility > li a {display: block; width: 100%; height: 100%;}

.sns-box {position: relative;}
.sns-box .sns-list {display: none; border: 1px solid #cdcdcd; position: absolute; bottom: -65px; left: 50%; margin-left: -150px; width: 300px; height: 50px; padding: 8px 10px 8px 20px; box-sizing: border-box; border-radius: 50px; background-color: #fff; box-shadow: 0 0 15px #cdcdcd;}
.sns-box .sns-list.active {display: block;}
.sns-box .sns-list:before {content: ''; display: block; width: 18px; height: 18px; border: 1px solid #cdcdcd; border-right: 0; border-bottom: 0; background-color: #fff; position: absolute; top: -9px; left: 50%; transform: translateX(-50%) rotate(45deg);}
.sns-box .sns-list a {display: inline-block; vertical-align: top; font-size: 0; width: 25px; height: 30px; margin-right: 1px; text-indent: -9999px;}
.sns-box .sns-list a.facebook {background: url('../../images/common/facebook-icon.png') no-repeat center center;}
.sns-box .sns-list a.twitter {background: url('../../images/common/twitter-icon.png') no-repeat center top 8px;}
.sns-box .sns-list a.naver {background: url('../../images/common/naver-icon.png') no-repeat center top 8px;}
.sns-box .sns-list a.band {background: url('../../images/common/band-icon.png') no-repeat center top 2px;}
.sns-box .sns-list a.kakao {background: url('../../images/common/kakao-icon.png') no-repeat center top 7px;}
.sns-box .sns-list a.kakaoStory {background: url('../../images/common/kakaoStory-icon.png') no-repeat center top 8px;}
.sns-box .sns-list a.urlCopy {position: relative; border: 1px solid #ccc; border-radius: 50px; width: 80px; height: 30px; line-height: 30px;  margin-left: 10px; font-size: 14px; color: #333; font-family: 'NotoKR-Medium'; text-indent: 0; text-align: center;}

/*서브 content 테블릿 미디어쿼리*/
@media (min-width: 768px) and (max-width: 1180px){
    #container .content { background: url(../../images/ho/layout-bg.png) no-repeat top -130px right -100px;}
    .content .content-top .inner,
    .content .content-main .inner {padding-left: 3%; padding-right: 3%;}
    .content .content-top .top-bg h2 {left: 3%; font-size: 2.25rem;}
    /* .content .content-bottom {width: 100%; padding: 0 3%;  padding-bottom: 20px;  box-sizing: border-box; } */
    #lnb-wrap {display: none;}
    #content-box {float: none; width: 100%;}
    
    .utility .print {display: none;}
    .sns-box .sns-list {width: 70px; height: auto; border-radius: 8px; bottom: initial; top: 110%; left: 0; margin-left: -40px; padding: 10px 0; z-index: 5;}
    .sns-box .sns-list:before {top: -10px;}
    .sns-box .sns-list a {display: block; width: 100%; padding: 5px 0;}
    .sns-box .sns-list a.urlCopy {width: 50px; height: 25px; line-height: 25px; font-size: 10px; border-radius: 5px; margin-left: 0; margin: 0 auto;}
}
/* 서브 content 미디어쿼리 모바일*/
@media all and (max-width: 767px){
    #container .content  {background: none;}
    #pageTitle {padding-bottom: 20px;}
    .content .content-main {padding-top: 0;}
    .content .content-top .inner,
    .content .content-main .inner {padding-left: 6%; padding-right: 6%;}
    .content .content-main .inner .inner {padding: 0;}
/*    .content .content-main .pageTitle {font-size: 2rem}
    .content .content-main .pageTitle:after {height: 5px;}*/
    .content .content-top .location .rightBox li a.print {display: none;}
    .content .content-top .location .rightBox li a.share {margin-right: 0;}
    .content .content-top .location .rightBox li a.share:after {display: none;}
    .content .content-top .top-bg h2 {left: 3%; font-size: 2.25rem; left: 50%; transform: translate(-50%, -50%);}
    
    #lnb-wrap {display: none;}
    #content-box {float: none; width: 100%;}
    #pageTitle .tit {font-size: 1.625rem;
    word-break: keep-all;
    letter-spacing: -1.5px;
    line-height: 1.3; padding-top: 20px;}
    
    .content .content-bottom {width: 100%; box-sizing: border-box; padding-bottom: 0;}
    
    .utility .print {display: none;}
    .sns-box .sns-list {width: 70px; height: auto; border-radius: 8px; bottom: initial; top: 145%; left: 0; margin-left: -40px; padding: 10px 0; z-index: 5;}
    .sns-box .sns-list:before {top: -10px; left: 70%;}
    .sns-box .sns-list a {display: block; width: 100%; padding: 5px 0;}
    .sns-box .sns-list a.urlCopy {width: 50px; height: 25px; line-height: 25px; font-size: 10px; border-radius: 5px; margin-left: 0; margin: 0 auto;}
    
}

/*콘텐츠영역 공통*/
#sub-content {padding-top: 50px;}

/*서브 content 테블릿 미디어쿼리*/
@media (min-width: 768px) and (max-width: 1180px){
    
}

/* 서브 content 미디어쿼리 모바일*/
@media all and (max-width: 767px){
    #sub-content {padding-top: 40px;}
}


/*footer 영역*/
footer {position: relative;background: #595f6a; position: absolute; bottom: 0; width: 100%; height: 235px; color: #fff; margin: 0 !important;}
footer .inner {height: 100%;}
footer .top {height: auto; background-color: #595f6a; border-bottom: 1px solid rgba(236,236,236,0.1);}
footer .top .footerMenu li {position: relative; display: inline-block; line-height: 65px;padding-right:26px;}
footer .top .footerMenu li:after {content: ''; display: block; width: 1px; height: 18px; background-color: #eee; position: absolute; top: 50%; transform: translateY(-50%); right: 10px;}
footer .top .footerMenu li:first-child {padding-left: 0;}
footer .top .footerMenu li:last-child:after {display: none;}
footer .top .footerMenu li a {color: #fff;}
footer .top .footerMenu li a.mark {color: #f5821f;}
footer .top .footer_link {position: absolute; top: 0; right: 0px; height: 100%;}
footer .top .footer_link:after {content:''; display: block; clear: both;}
footer .top .footer_link .linkBox {position: relative; display: inline-block; vertical-align: top; height: 100%;}
footer .top .footer_link .linkBox:last-child {margin-right: 0;}

footer .footerMenu {width: calc(100% - 350px); }
footer .top .footer_link .linkBox button {width: 205px; background: transparent url('../../images/ho/footer-select-arrow.png') no-repeat center right 10px;; font-family: 'NotoKR-Medium'; color: #fff; height: 100%;padding: 0 40px 0 40px; }
footer .top .footer_link .linkBox > ul {border: 1px solid red; background-color: #fff; border: 1px solid #ddd;position: absolute; bottom: 100%; right: 0; width: 100%;; box-sizing: border-box; z-index: 2; z-index: 2; min-height: 190px; max-height: 195px;  overflow: auto;}
footer .top .footer_link .linkBox > ul.linkList-box {display: none;}
footer .top .footer_link .linkBox > ul.linkList-box.on {display: block; box-shadow: 0 0 8px rgb(0 0 0 / 40%);}
footer .top .footer_link .linkBox > ul li {border-bottom: 1px solid #ddd; padding: 0 30px; background-color: #595f6a;}
footer .top .footer_link .linkBox > ul li:last-child {border-bottom: 0;}
footer .top .footer_link .linkBox > ul li:hover {background-color: #515254;}
footer .top .footer_link .linkBox > ul li a {display: block; padding: 8px 0; color: #fff; font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
footer .top .footer_link .relativeSite {margin-right: 10px;}

/*footer .top .footer_link .linkBox select {background: url('../../images/ho/footer-select-arrow.png') no-repeat center left; font-family: 'NotoKR-Medium'; color: #fff; height: 100%;padding: 0 20px; border: none; box-sizing: border-box; font-size: 1rem;}
footer .top .footer_link .linkBox select option {color: #333;}
footer .top .footer_link .linkBox select:hover {border: none; }*/

footer .top .linkToSns {display: flex; margin-right: 10px !important;}
footer .top .linkToSns ul li {display: inline-block;}
footer .top .linkToSns ul li a {display: block; width: 100%; height: 65px; line-height: 65px; padding: 0 5px;}

footer .bottom .inner {padding: 35px 0;}
footer .bottom .footer_logo {margin-bottom: 20px;}
footer .bottom address {box-sizing: border-box;}
footer .bottom address ul li {position: relative; display: inline-block;padding: 0 13px;font-size: 1rem; /*font-family: 'NotoKR-Medium';*/ color: #fff;}
footer .bottom address ul li:after {content: ''; display: block; width: 1px; height: 16px; background-color: #eee; position: absolute; top: 50%; transform: translateY(-50%); right: -2px;}
footer .bottom address ul li:last-child:after {display: none;}
footer .bottom address ul li:first-child {padding-left: 0;}
footer .bottom address .copyright {font-size: 1rem; font-family: 'NotoKR-Light'; color: #eee;}
.m-share {display: none;}

footer .footer-sns {position: absolute; top: 30px; right: 0; z-index: 1;}
footer .footer-sns ul {overflow: hidden;}
footer .footer-sns ul li{display: inline-block; margin-left: 10px;}
footer .footer-sns ul li a {display: block; width: 35px; height: 35px; border-radius: 50%; text-indent: -9999px; background-size: 35px !important; border: 1px solid #777; /* border: 1px solid rgba(236,236,236,0.1); */}
footer .footer-sns ul li a:hover {background-size: 38px !important;}
footer .footer-sns.white ul li.facebook a {background: url('../../images/common/sns-facebook-hover.png') no-repeat center center;; }
footer .footer-sns.white ul li.facebook a:hover {background: url('../../images/common/sns-facebook-hover.png') no-repeat center center; }
footer .footer-sns.white ul li.tweeter a {background: url('../../images/common/sns-tweeter-hover.png') no-repeat center center;}
footer .footer-sns.white ul li.tweeter a:hover {background: url('../../images/common/sns-tweeter-hover.png') no-repeat center center;}
footer .footer-sns.white ul li.youtube a {background: url('../../images/common/sns-youtube-hover.png') no-repeat center center;}
footer .footer-sns.white ul li.youtube a:hover {background: url('../../images/common/sns-youtube-hover.png') no-repeat center center;}
footer .footer-sns.white ul li.instagram a {background: url('../../images/common/sns-insta-hover.png') no-repeat center center;}
footer .footer-sns.white ul li.instagram a:hover {background: url('../../images/common/sns-insta-hover.png') no-repeat center center;}
footer .footer-sns.white ul li.blog a {background: url('../../images/common/sns-blog-hover.png') no-repeat center center;}
footer .footer-sns.white ul li.blog a:hover {background: url('../../images/common/sns-blog-hover.png') no-repeat center center;}
footer .footer-sns.white ul li.kakao a {background: url('../../images/common/sns-kakao-hover.png') no-repeat center center;}
footer .footer-sns.white ul li.kakao a:hover {background: url('../../images/common/sns-kakao-hover.png') no-repeat center center;}
footer .footer-sns.white ul li.kakaostory a {background: url('../../images/common/sns-kakaostory-hover.png') no-repeat center center;}
footer .footer-sns.white ul li.kakaostory a:hover {background: url('../../images/common/sns-kakaostory-hover.png') no-repeat center center;}
footer .footer-sns.white ul li.post a {background: url('../../images/common/sns-post2.png') no-repeat center center;}
footer .footer-sns.white ul li.post a:hover {background: url('../../images/common/sns-post2-hover.png') no-repeat center center;}
footer .footer-sns.white ul li.reserve a {background: url('../../images/common/sns-reserve-hover.png') no-repeat center center;}
footer .footer-sns.white ul li.landing a {background: url('../../images/common/sns-landingPg-hover.png') no-repeat center center;}
footer .footer-sns.white ul li.landing a:hover {background: url('../../images/common/sns-landingPg-hover.png') no-repeat center center;}

/* .footer 미디어쿼리 테블릿*/
@media (min-width: 768px) and (max-width: 1180px){
    footer {position: static; height: auto;}
    footer .inner {padding: 0 30px;}
    footer .top .footer_link {right: 30px;}
    footer .top .footerMenu li {line-height: 48px;}
    footer .bottom .inner {padding: 30px;}
    footer .bottom address {padding-left: 0;/* padding-top: 15px;*/}
    footer .bottom address ul li:first-child {display: block;}
    footer .bottom address ul li:first-child:after{display: none;}
    footer .bottom address ul li:nth-of-type(2) {padding-left: 0;}
    footer .top .footer_link .relativeSite,
    footer .top .footer_link .familySite {display: none;}
    footer .footer-sns {right: 3%;}
}
/* .footer 미디어쿼리 모바일*/
@media all and (max-width: 767px){
    footer .footerMenu {width: 100%;}
    .utility {display: none;}
    footer {position: static; height: auto; }
    footer .footerMenu {display: block; justify-content: center;  text-align: center; overflow: hidden;}
    footer .inner {padding: 10px;}
    footer .top {height: auto;}
      .top .footer_link {right: 30px;}
    footer .top .footerMenu li {display: inline-block; float: left; line-height: 35px; padding: 0 15px !important; box-sizing: border-box;}
    footer .top .footerMenu li:after {display: none;}
    footer .bottom .inner {padding: 30px 30px 50px 30px;}
    footer .bottom .footer_logo {padding-top: 20px;}
    footer .bottom .footer_logo img {max-width: 100%;}
    footer .bottom address {padding-left: 0; /*padding-top: 20px;*/}
    footer .bottom address ul li{display: block; text-align: left; word-break: keep-all;}
    footer .bottom address ul li:after{display: none;}
    footer .bottom address ul li:nth-of-type(n+2) {padding-left: 0;}
    footer .bottom address .copyright {margin-top: 20px;}
    footer .top .footer_link {position: static; text-align: center;}
    footer .top .footer_link .relativeSite,
    footer .top .footer_link .familySite {display: none;}
    footer .top .footer_link .linkBox {margin-right: 0 !important;}
    
    /*sns 공유*/
    .m-share {display:block; position:fixed; width:50px; padding-bottom:50px; right:20px; bottom:20px; z-index:90;}
    .m-share button {display:block; position:relative; width:50px; height:50px; background-color: transparent; border:none; text-indent:-9999px; background-position:left top; background-repeat:no-repeat; background-size:cover;}
    .m-share button.goTop {background-image:url(../../images/common/icon-mTop.png); position:absolute; left:0; bottom:0;}
    .m-share button.share_open {display:block;background : #fff url("../../images/ho/share-icon.png") no-repeat center center; border: 1px solid #ccc; border-radius: 50%;}
    .m-share .sns-list {display:none; position:absolute; padding-bottom:50px; left:0; bottom:50px;}
    .m-share .sns-list ul {display:block; position:relative; margin:0; padding:0;}
    .m-share .sns-list li {display:block; position:relative; margin:0; padding:0;}
    .m-share .sns-list li a {display: block; border: 1px solid #ccc; font-size: 0; width: 50px; height: 50px; border-radius: 50%; margin-bottom: 4px;}
    .m-share .sns-list li a.facebook {background: #fff url('../../images/common/facebook-icon.png') no-repeat center center;}
    .m-share .sns-list a.twitter {background: #fff url('../../images/common/twitter-icon.png') no-repeat center center;}
    .m-share .sns-list a.naver {background: #fff url('../../images/common/naver-icon.png') no-repeat center center;}
    .m-share .sns-list a.band {background: #fff url('../../images/common/band-icon.png') no-repeat center center;}
    .m-share .sns-list a.kakao {background: #fff url('../../images/common/kakao-icon.png') no-repeat center center;}
    .m-share .sns-list a.kakaoStory {background:#fff  url('../../images/common/kakaoStory-icon.png') no-repeat center center;}
    .m-share .sns-list a.urlCopy {position: relative; border: 1px solid #ccc; border-radius: 50px; line-height: 50px; font-size: 14px; color: #333; font-family: 'NotoKR-Medium'; text-indent: 0; text-align: center; background: #fff;}
    
    .m-share button.share_close {background-image:url("../../images/common/mClose.png"); position:absolute; left:0; bottom:0; background-size: cover; border-radius: 50%; background-color: #fff; overflow: hidden;}
    
    footer .footer-sns {position: static; }
    footer .footer-sns ul {text-align: center;}
    footer .footer-sns ul li:first-child {margin-left: 0; margin-bottom: 20px;}
    
}

/*퀵메뉴 영역*/
/*메인*/
#quick-menu.mainQuick {bottom: -695px;}
/*지부*/
#quick-menu {position: fixed; bottom: -200px; left: calc(50% + 640px); width: 110px; text-align: center; border-radius: 10px; overflow: hidden; z-index: 20; transition: 0.4s; background: #fff;}
#quick-menu.on {top: inherit; bottom: 40px;}
#quick-menu .tit {font-size: 13px; font-family: 'NotoKR-Bold'; color: #fff; background-color: #44465c; padding: 8px 0; /* box-sizing: border-box; */ border: 1px solid #44465c;}
#quick-menu ul {border: 1px solid #dbdbdb;}
#quick-menu ul li {padding: 0 8px; box-sizing: border-box; background-color: #fff;}
#quick-menu ul li:hover {background-color: #f8f8f8;}
#quick-menu ul li a {display: block; padding: 65px 0 15px 0; margin-bottom: 1px; letter-spacing: -1px; border-bottom: 1px solid #e8e8e8; font-size: 14px; font-family: 'NotoKR-Medium'; line-height: 1.3;}
#quick-menu ul li:last-child a {border-bottom: 0;}
#quick-menu ul li.quick1 a {background: url('../../images/ho/icon-quick01.png') no-repeat top 22px center;}
#quick-menu ul li.quick2 a {background: url('../../images/ho/icon-quick02.png') no-repeat top 22px center;}
#quick-menu ul li.quick3 a {background: url('../../images/ho/icon-quick03.png') no-repeat top 22px center;}
#quick-menu ul li.quick4 a {background: url('../../images/ho/icon-quick04.png') no-repeat top 22px center;}
#quick-menu ul li.quick5 a {background: url('../../images/ho/icon-quick05.png') no-repeat top 22px center;}
#quick-menu ul li.quick6 a {background: url('../../images/ho/icon-quick06.png') no-repeat top 22px center;}
#quick-menu ul li.quick7 a {background: url('../../images/ho/icon-quick07.png') no-repeat top 22px center;}
#quick-menu .quick-top {width: 100%; height: 35px; color: #666; font-size: 13px; font-family: 'NotoKR-Medium'; padding-left: 25px; background: url('../../images/ho/icon-goTop.png') no-repeat center left 35px; background-color: #f3f3f3;}

#quick-menu button[class^='quick-window'] {display: none; width: 100%; font-size: 13px; font-family: 'NotoKR-Bold'; color: #fff; background-color: #ef3e61; padding: 8px 0; box-sizing: border-box;} 


@media (max-width: 1530px) {
    #quick-menu {left: inherit; right: 0;}
}

@media (min-width: 1179px) and  (max-width: 1400px) {
    #quick-menu {left: inherit; right: 0; height: 55px; right: 3%; bottom: 40px; width: 55px; box-shadow: 0 0 10px rgb(0 0 0 / 40%); transition: 0.5s;}
    #quick-menu.click {height: auto; width: 110px;  bottom: -200px;}
    #quick-menu.click.on {    top: inherit;
    bottom: 40px;}
    #quick-menu .quick-window-open {display: block !important;}
    #quick-menu.click .quick-window-open {display: none !important;}
    #quick-menu.click .quick-window-close {display: block !important; height: 45px; background-color: #505456;}
}

/* #container 미디어쿼리 테블릿*/
@media (min-width: 768px) and (max-width: 1180px){
    #quick-menu {display: none;} 
}
/* mainWrap 영역 미디어쿼리 모바일*/
@media all and (max-width: 767px){
    #quick-menu {display: none;} 
}

#container {background: #fff; width: 100%; height: 100%; padding-top: 160px; box-sizing: border-box; margin: 0 auto;}
#container .visual {background-color: rgba(0,0,0,0.3); width: calc(50vw + 75px); height: 900px;position: absolute;right: 0; top: 0; background:  url("../../images/ho/main_bg_po.png") no-repeat;
background-position: top left;}

/* #container 미디어쿼리로 해상도에따른 백그라운드 이미지 변경*/
@media (max-width: 1600px) {
    #container .visual {background:  url("../../images/ho/main_bg_po_mini.png") no-repeat; background-position: top left;}
}
/* #container 미디어쿼리 테블릿*/
@media (min-width: 768px) and (max-width: 1180px){
    #container {height: auto;height: auto; padding-top: 80px;}
    #container .visual {display: none;}   
}
/* #container 미디어쿼리 모바일*/
@media all and (max-width: 767px){
    #container {height: auto; padding-top: 80px;}
    #container .visual {display: none;}
}

/*mainWrap 영역*/
.mainWrap {/*display: flex; height: 770px; margin: auto; position: relative;width: 1200px; box-sizing: border-box;*/}

/* mainWrap 영역 미디어쿼리 테블릿*/
@media (min-width: 768px) and (max-width: 1180px){
    .mainWrap .inner {padding: 0 3%;}
}
/* mainWrap 영역 미디어쿼리 모바일*/
@media all and (max-width: 767px){
    .mainWrap .inner {padding: 0 6%;}
}
 
/*메인 비주얼 영역*/
.main-visual {position: relative; background: #eee; box-sizing: border-box;}
.main-visual .visual-view {height: 649px; overflow: hidden;}
.main-visual .visual-view .visual-box {height: 100%; overflow: hidden;}
.main-visual .visual-view .visual-box .swiper-slide img {min-width: 100%;/* width: 100%;*/ min-height: 100%;}
.main-visual .visual-view .visual-box .swiper-wrapper,
.main-visual .visual-view .visual-box .swiper-slide {overflow: hidden; height: 650px;}
.main-visual .visual-view .visual-box .swiper-slide .visual_link {display: block; width: 100%; height: 100%; box-sizing: border-box;}
#mobile-visualBox {display: none;}
/*pc 버전*/
.main-visual .control-box {position: absolute; width: 1200px; z-index: 1; top: 0; left: 50%; transform: translateX(-50%);}
.main-visual .control-box .control {min-width: 400px; height: 350px; max-width: 1000px; position: absolute; top: 70px; right: 125px; z-index: 1; padding: 10px; box-sizing: border-box; }
/*슬로건 텍스트 고객요청으로 현재  pc 에서는 안보임, 나중에 pc에서도 살려달라고 요청시 display: block , 미디어쿼리에서 none 된거 풀기 */
.main-visual .control-box .control .slide-txt {display: none; text-align: right;}
.main-visual .control-box .control .slide-txt li {display: none;}
.main-visual .control-box .control .slide-txt li.active {display: block;}
.main-visual .control-box .control small {display: block; font-family: 'NotoKR-Medium'; font-size: 1.75rem; margin-bottom: 13px; color: #333;}
.main-visual .control-box .control .tit {font-family: 'NotoKR-Bold'; font-size: 3.625rem;/*52px*/ line-height: 1.2; word-break: keep-all; margin-bottom: 40px; color: #111;letter-spacing: -1.8px;}

.main-visual .control-box .control .control-btns {width: 100%; position: absolute; bottom:0; right:0; box-sizing: border-box; overflow: hidden; text-align: right; }
.main-visual .control-box .control .control-btns .left-btn {display: inline-block; align-items: center; box-sizing: border-box; vertical-align: middle;}
.main-visual .control-box .control .control-btns .left-btn .visualPage { display: flex; width: 100%; margin: 0 5px;}
.main-visual .control-box .control .control-btns .left-btn .visualPage span {display: block; width: 30px; margin-right: 8px; border-radius: 5px; box-shadow: 0 0 5px rgba(0,0,0,0.3);}
.main-visual .swiper-pagination-bullet {background-color: #ffff; opacity: 1; height: 6px;}
.main-visual .swiper-pagination-bullet-active {background-color: #ef3e61;}

.main-visual .control-box .control .control-btns .right-btn {display: inline-block; vertical-align: middle; width: auto; text-align: right; align-items: center;}
.main-visual .control-box .control .control-btns .right-btn .number {display: inline-block;}
.main-visual .control-box .control .control-btns .right-btn .number em {font-size: 1rem; font-family: 'NotoKR-Bold'}
.main-visual .control-box .control .control-btns .right-btn button {width: 20px; height: 20px; text-indent: -9999px;}
.main-visual .control-box .control .control-btns .right-btn .prev {background: url('../../images/ho/icon-prev2.png') no-repeat center center;}
.main-visual .control-box .control .control-btns .right-btn .next {background: url('../../images/ho/icon-next2.png') no-repeat center center;}
.main-visual .control-box .control .control-btns .right-btn .stop {background: url('../../images/ho/icon-stop2.png') no-repeat center center;}
.main-visual .control-box .control .control-btns .right-btn .start {display: none; background: url('../../images/ho/icon-play2.png') no-repeat center center;}

.main-visual .main-menu {position: absolute; bottom: 30px; overflow: hidden; z-index: 5; width: 100%; text-align: center; padding: 10px 0;}
.main-visual .main-menu a {position: relative; display: inline-block; text-align: center; width: 210px;height: 165px;border-radius: 20px;background-color: #fff;margin-right: 30px; box-sizing: border-box;font-size: 1.25rem;font-family: 'NotoKR-Medium';transition: 0.3s;/* box-shadow: 0 0 10px rgba(0,0,0,0.6); */}
.main-visual .main-menu a:last-child {margin-right: 0;}
.main-visual .main-menu a:hover {background-color: #ef3e61;}

.main-visual .main-menu a > span {display: inline-block; width: 100%; background-color: transparent; box-sizing: border-box; padding-top: 81px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.main-visual .main-menu a:nth-of-type(1) > span {background: url('../../images/ho/main-icon01.png') no-repeat center top 5px;}
.main-visual .main-menu a:nth-of-type(2) > span {background: url('../../images/ho/main-icon03.png') no-repeat center top 10px;}
.main-visual .main-menu a:nth-of-type(3) > span {background: url('../../images/ho/main-icon04.png') no-repeat center top 10px;}
.main-visual .main-menu a:nth-of-type(4) > span {background: url('../../images/ho/main-icon05.png') no-repeat center top 10px;}
.main-visual .main-menu a:nth-of-type(1):hover > span{background: url('../../images/ho/main-icon01-white.png') no-repeat center top 0; color: #fff; background-position: center top 5px;}
.main-visual .main-menu a:nth-of-type(2):hover > span {background: url('../../images/ho/main-icon03-white.png') no-repeat center top 0; color: #fff; background-position: center top 10px;}
.main-visual .main-menu a:nth-of-type(3):hover > span {background: url('../../images/ho/main-icon04-white.png') no-repeat center top 0; color: #fff; background-position: center top 10px;}
.main-visual .main-menu a:nth-of-type(4):hover > span {background: url('../../images/ho/main-icon05-white.png') no-repeat center top 0; color: #fff; background-position: center top 5px;}

.main-visual .main-menu a:hover > span {
    animation-duration: 1.3s;
  animation-name: mainmenu;
   animation-timing-function: ease-out ;
  /*animation-iteration-count: infinite;*/
  /*animation-direction: alternate;*/
}

@keyframes mainmenu {
    0% {background-position: center top 5px;}
    20% {background-position: center top 10px;}
    30% {background-position: center top 15px;}
    45% {background-position: center top 10px;}
    60% {background-position: center top 13px;}
    75% {background-position: center top 10px;}
    90% {background-position: center top 13px;}
    100% {background-position: center top initial;}
    
}

/*모바일 슬로건*/
.main-visual .control-box .control .slide-txt.mobile {display: none;}

/* 메인 비주얼 영역 미디어쿼리 테블릿*/
@media (min-width: 768px) and (max-width: 1180px){
    .main-visual .control-box {width: 100%; right: 0;}
    .main-visual .control-box .control {max-width: 100%; right: 40px;}
    .main-visual .main-menu a {width: 21%; height: 165px; vertical-align: middle; margin-right: 3vw; padding-top: 0; background-position: center top 40px !important; background-size: 20% !important; font-size: 1rem;}
    
    .main-visual .visual-view .visual-box .swiper-slide {height: 100%;}
}
/* 메인 비주얼 영역 미디어쿼리 모바일*/
@media all and (max-width: 767px){
	
    .main-visual {padding-bottom: 20px; background: linear-gradient(
            to bottom,
            rgba(20, 20, 20, 0) 10%,
            rgba(20, 20, 20, 0) 25%,
            rgba(20, 20, 20, 0) 50%,
            rgba(20, 20, 20, 0.25) 75%,
            rgba(20, 20, 20, 0.5) 100%
          ), url('/resources/common/images/ho/mobile-visual.png') no-repeat center center; background-size: cover;}
    .main-visual .visual-view {position: relative; min-height: 320px;  height: auto; overflow: hidden; box-sizing: border-box; }
    .main-visual .visual-view .visual-box {display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
    .main-visual .visual-view .visual-box .swiper-slide {height: 100%; background: none !important; }
    
    .main-visual .control-box .control .slide-txt.mobile {display: block !important;}
    .main-visual .control-box {display: none; width: 100%; right: 0;}
    .main-visual .control-box .control {height: 240px;}
    .main-visual .control-box .control {width: 100%; min-width: 100%; max-width: 100%; min-height: 135px; top: 50px; right: 0;text-align: right;}
    .main-visual .control-box .control small {font-size: 1.125rem; margin-bottom: 0;}
    .main-visual .control-box .control .tit {font-size: 2rem; margin-bottom: 70px;}
    .main-visual .control-box .control .control-btns {text-align: center;}
    .main-visual .control-box .control .slide-txt li {text-align: center;}
    
    .main-visual .main-menu {position: static; padding: 6px 3%;  box-sizing: border-box; bottom: 30px;/*width: 95vw; height: 95vw;*/ /*bottom: 3vw; */overflow: hidden; /*left: 50%; transform: translateX(-50%);*/}
    .main-visual .main-menu a > span {position: absolute; top: 50%;  left: 50%; transform: translate(-50%,-50%); text-align: center;}
    .main-visual .main-menu a:hover > span {animation: none;}
    .main-visual .main-menu a {width: 48%; height: auto; float: left;  margin-right: 0; padding-top: 32.5%; padding-bottom: 6%; font-size: 1rem; background-position: center top 35% !important; background-size: 30% !important; border-radius: 20px; margin-right: 3%;}
    .main-visual .main-menu a:nth-of-type(1){background-size: 30% !important;}
    .main-visual .main-menu a:nth-of-type(2){background-size: 35% !important;}
    .main-visual .main-menu a:nth-of-type(3){background-size: 25% !important; background-position: center top 34% !important;}
    .main-visual .main-menu a:nth-of-type(4){background-size: 32% !important;}
    
    /*모바일용 비주얼영역*/
    #mobile-visualBox {display: block;}
    #mobile-visualBox .m-txt {font-family: 'NotoKR-Medium'; font-size: 1.25rem; line-height: 1.2; word-break: keep-all; margin-top: 25%; color: #111;letter-spacing: -1.8px; text-align: center; text-shadow: 0 0 5px #fff;}
    #mobile-visualBox .m-txt span {display: inline-block; width: 100%; font-family: 'NotoKR-Bold'; font-size: 2.5rem;}

}

/* 메인 비주얼 영역 미디어쿼리 모바일*/
@media all and (max-width: 320px){
    .main-visual .main-menu a > span {padding-top: 60px;}
    .main-visual .main-menu a:nth-of-type(1) > span {background-size: 35%;}
    .main-visual .main-menu a:nth-of-type(2) > span {background-size: 27%;}
    .main-visual .main-menu a:nth-of-type(3) > span {background-size: 35%;}
    .main-visual .main-menu a:nth-of-type(4) > span {background-size: 40%;}
}

/*메인 비주얼 제외 공통 영역*/
.mainWrap > section {padding-top: 70px; padding-bottom: 70px;}


/* 메인 비주얼 제외 공통 미디어쿼리 테블릿*/
@media (min-width: 768px) and (max-width: 1180px){
   
}
/* 메인 비주얼 제외 공통 미디어쿼리 모바일*/
@media all and (max-width: 767px){
    .mainWrap > section {padding: 6% 0;}
    .main-visual .main-menu a:nth-of-type(n+3) {margin-top: 3%;}
    .main-visual .main-menu a:nth-of-type(2n) {margin-right: 0;}
}

/*공지사항*/
.mainBbsBox {}
.mainBbsBox .notice {width: 48%; height: 277px; border: 1px solid #aaa; border-radius: 20px; padding: 25px 30px; box-sizing: border-box; }
.mainBbsBox .notice > ul {position: relative;  height: 217px; overflow: hidden; }
.mainBbsBox .notice > ul > li {display: inline-block;}
.mainBbsBox .notice > ul > li > a {display: block; font-size: 1.125rem; color: #666; font-family: "NotoKR-Medium"; letter-spacing: -1px; }
.mainBbsBox .notice > ul > li > a:after {content: '/'; color: #666; padding: 0 6px; font-family: "NotoKR-Regular";}
.mainBbsBox .notice > ul > li:last-child > a:after {display: none;}
.mainBbsBox .notice > ul > li > a.active {font-size: 1.375rem; font-family: "NotoKR-Bold"; color: #333;}
.mainBbsBox .notice > ul > li .tab-list {display: none !important; position: absolute; border-top: 1px solid #ccc; width: 100%; top: 50px; left: 0; padding-top: 20px;}
.mainBbsBox .notice > ul > li .tab-list.active {display: block !important;}

.mainBbsBox .notice > ul > li a.more {display: block; width: 20px; height: 20px; position: absolute; top:-40px; right:0; background: url("../../images/ho/more.png") no-repeat center center; font-size: 0; text-indent: -999;}
.mainBbsBox .notice > ul > li .tab-list li {position: relative; margin-bottom: 6px; padding-left: 10px; font-size: 16px; font-family: 'NotoKR-Regular';}
.mainBbsBox .notice > ul > li .tab-list li:last-child {margin-bottom: 0;}
.mainBbsBox .notice > ul > li .tab-list li:before {content: ""; width: 5px; height: 5px; border-radius: 50%; background-color: #333; position: absolute; top: 10px; left:0;}
.mainBbsBox .notice > ul > li .tab-list li:after {content: ""; display: block; clear: both;}
.mainBbsBox .notice > ul > li .tab-list li a {float: left; display: inline-block; max-width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #000;}
.mainBbsBox .notice > ul > li .tab-list li a:hover {color: #ef3e61;}
.mainBbsBox .notice > ul > li .tab-list li span {float: right; color: gray;}

/* 메인 공지사항, 입찰공고 미디어쿼리 테블릿*/
@media (min-width: 768px) and (max-width: 1180px){
    .mainBbsBox .notice {float: none; width: 100%;}
    .mainBbsBox .notice + .notice {margin-top: 30px;}
    .mainEtcBox article {}
}
/* 메인 공지사항, 입찰공고 미디어쿼리 모바일*/
@media all and (max-width: 767px){
    .mainBbsBox .notice {float: none; height: auto; width: 100%; padding: 25px;}
    .mainBbsBox .notice + .notice {margin-top: 20px;}
    .mainEtcBox article {}
    .mainBbsBox .notice > ul > li > a {font-size: 1.125rem;}
    .mainBbsBox .notice > ul > li > a.active {font-size: 1.25rem;}
    .mainBbsBox .notice > ul > li .tab-list li a {max-width: 65%; overflow: 
    hidden; text-overflow: ellipsis; white-space: nowrap;}
}

/* 메인 공지사항, 입찰공고 미디어쿼리 모바일*/
@media all and (max-width: 320px){
    .mainBbsBox .notice > ul > li .tab-list li a {max-width: 55%;}
}

/*새소식*/
.mainPrdBox {position: relative; background: #eee; box-sizing: border-box;  overflow: hidden; background-color: #ef3e61}
.mainPrdBox .circle {display: block;}
.mainPrdBox .circle1 {width: 550px;
height: 550px; position: absolute; top: 195px; left: 0; border-radius: 50%; box-shadow: 0 0 30px rgba(0,0,0,0.20);}
.mainPrdBox .circle2 {border: 75px solid #fff; width: 800px; height: 700px; border-radius: 50%; opacity: 20%; position: absolute; top: -415px; right: -135px; box-sizing: border-box;}
.mainPrdBox .circle3 {border: 20px solid #fff; width: 100px; height: 100px; border-radius: 50%; opacity: 20%; position: absolute; top: 150px; right: 215px; box-sizing: border-box;}

.prdList {position: relative;}
.prdList .prdLeft {position: absolute; top: 0; left: 0; width: auto; height: 100%;}
.prdList .prdLeft .tit {font-size: 2.5rem; font-family: 'NotoKR-Bold'; color: #fff;}
.prdList .prdLeft .sub-tit {font-size: 1.125rem; font-family: 'NotoKR-Medium'; color: #fff; margin-top: 15px; margin-bottom: 30px;}
.prdList .prdLeft button {width: 50px; height: 50px; border-radius: 50%; text-indent: -9999px; margin-right: 10px;}
.prdList .prdLeft button.prd-prev {background: #fff url("../../images/ho/main-new-prev.png") no-repeat center center;}
.prdList .prdLeft button.prd-next {background: #fff url("../../images/ho/main-new-next.png") no-repeat center center;}

#prd-swiper-Wrap {margin-left: 310px; overflow: hidden; padding: 10px;
box-sizing: border-box;}
.prdList ul {}
.prdList ul li {position: relative; display: inline-block; vertical-align: top; width: 260px; height: 300px; background-color: #fff; border-radius: 20px;/*  box-shadow: 0 0 10px rgb(0, 0, 0, 50%); */margin-right: 40px; overflow: hidden; z-index: 1;}
.prdList ul li .top img {transition: 0.5s;}
.prdList ul li:hover .top img {transform: scale(1.2);}

/*.prdList ul li:after {content: ''; display: block; width: calc(100% + 10px); height: calc(100% + 10px); background: #000; position: absolute;
top: 0; left: 0; z-index: ;}*/
.prdList ul li:last-child {margin-right: 0;}
.prdList ul li .top {position: relative; width: 100%; /*height: 170px;*/ padding-top: 61%; overflow: hidden; }
.prdList ul li .top:after {content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1;}
.prdList ul li .top img {width: 100%; height: 100%; max-width: 100%; position: absolute; top: 0; left: 0;}
.prdList ul li .bottom {padding: 25px 30px; box-sizing: border-box;}
.prdList ul li .bottom .tit {width:100%; font-family: 'NotoKR-Bold'; font-size: 1.125rem; word-break: keep-all; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.prdList ul li .bottom span {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.5em; height: 3em; overflow: hidden; display: block; color: #666;}



/* 메인 새소식 미디어쿼리 테블릿*/
@media (min-width: 768px) and (max-width: 1180px){
    #prd-swiper-Wrap {margin-left: 260px;}
}
/* 메인 새소식 미디어쿼리 모바일*/
@media all and (max-width: 767px){
    .mainWrap .mainPrdBox .inner {padding: 0 12%;}
    .mainWrap > section.mainPrdBox {padding: 12% 0;}
    #prd-swiper-Wrap {margin-left: 0;}
    .prdList .prdLeft {position: static; margin-bottom: 20px;}
    .prdList ul li {margin-right: 20px;}
    .prdList .prdLeft .btn-box {display: none;}
}

/*메인 기타*/
.mainEtcBox {}
.mainEtcBox:after {content: ""; display: block; clear: both;}
.mainEtcBox .inner {display: flex;}
.mainEtcBox .inner .wrapper {display: flex;}
.mainEtcBox article {height: 338px; border-radius: 20px; margin-right: 40px; box-sizing: border-box;}


/*메인 팝업존*/
.popupZone {position: relative; width: 380px; padding:35px; box-sizing: border-box; border: 1px solid #aaa; border-radius: 10px;}
.popupZone .tit {font-family: 'NotoKR-Bold'; font-size: 1.75rem;}
.popupZone .pop-control {position: absolute; top: 38px; right: 35px;}
.popupZone .pop-control .num em {display: inline-block; padding:  0 3px; font-family: 'NotoKR-Bold'; vertical-align: middle;}
.popupZone .popupPage {display: inline-block; margin-left: 10px;}
.popupZone .popupPage button {text-indent: -9999px; border: none; width: 25px; height: 25px; vertical-align: middle;}
.popupZone .popupPage .pop-play {display: none; background: url(../../images/ho/icon-play.png) no-repeat top 6px center;}
.popupZone .popupPage .pop-stop {display: inline-block; background: url(../../images/ho/icon-stop.png) no-repeat center center;}
.popupZone .popupPage .pop-prev {display: inline-block; background: url(../../images/ho/icon-prev.png) no-repeat center center;}
.popupZone .popupPage .pop-next {display: inline-block; background: url(../../images/ho/icon-next.png) no-repeat center center;}
.popupZone .pop-box {position: relative; width: 300px; height: 200px; overflow: hidden; margin-top: 25px; border: 1px solid #dbdbdb; border-radius: 15px; }
.popupZone .pop-box img {width: 100%; max-width: 100%; height: 100%;}
.popupZone .pop-box .swiper-wrapper {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.mainEtcBox article.guide {width: 380px; margin-right: 0; border: 1px solid #aaa; border-radius: 10px; padding: 30px; box-sizing: border-box;}
.mainEtcBox .guide ul {}
.mainEtcBox .guide ul li {border-bottom: 1px solid #bbb; padding: 13px 0;}
.mainEtcBox .guide ul li:first-child {padding-top: 0;}
.mainEtcBox .guide ul li:last-child {border-bottom: 0;}
.mainEtcBox .guide ul li a {display: inline-block; font-size: 1.125rem; font-family: "NotoKR-Bold"; letter-spacing: -1px;}
.mainEtcBox .guide ul li a.new-link {padding-right: 35px; background: url("../../images/ho/icon-link.png") no-repeat center right;}
.mainEtcBox .guide ul li > span {display: block; letter-spacing: -1px; color: #666; font-size: 15px;}


.mainEtcBox .service {width: 360px;}
.mainEtcBox .service:after {content: ""; display: block; clear: both;} 
.mainEtcBox .service a {display: block; float: left; width:50%; height: 170px; padding-top: 33%; text-align: center; border: 1px solid #aaa; box-sizing: border-box; border-radius: 10px; margin-right: -1px; margin-bottom: -1px;}


.mainEtcBox .service a span {display: block; font-size: 1.125rem; font-family: 'NotoKR-Medium'; box-sizing: border-box; padding: 0 25px; word-break: keep-all; line-height: 1.2;}
.mainEtcBox .service a:nth-child(1) {background: url("../../images/ho/main-etc05.png") no-repeat center top 35%; border-radius: 10px 0 0 0;}
.mainEtcBox .service a:nth-child(2) {background: url("../../images/ho/main-etc07.png") no-repeat center top 35%; border-radius: 0 10px 0 0;}
.mainEtcBox .service a:nth-child(3) { background: url("../../images/ho/main-etc08.png") no-repeat center top 35%; border-radius: 0 0 0 10px; padding-top: 30%;}
.mainEtcBox .service a:nth-child(4) {background: url("../../images/ho/main-etc10.png") no-repeat center top 35%; border-radius: 0 0 10px 0;}
.mainEtcBox .service a:hover {background-color: #f8f8f8;}

/* 메인 기타 미디어쿼리 테블릿*/
@media (min-width: 768px) and (max-width: 1180px){
    .mainEtcBox .inner .wrapper {display: block; width: 100%; overflow: hidden;}
    .mainEtcBox article {float: left; margin-right: 4%; height: auto !important;}
    .mainEtcBox .popupZone {width: 48%; }
    .popupZone .pop-box {padding-top: 63%; height: auto; width: 100%;}
    .mainEtcBox .service {width: 48%; float: left; margin-right: 0;}
    .mainEtcBox .service a {height: auto; padding-top: 45% !important; padding-bottom: 0; position: relative;}
    .mainEtcBox .service a span {font-size: 1rem; position: absolute; width: 100%; top: calc(50% + 20px);}
    .mainEtcBox article.guide {width: 100%; margin-top: 30px;}
}
/* 메인 기타 미디어쿼리 모바일*/
@media all and (max-width: 767px){
    .mainEtcBox .inner .wrapper {display: block; width: 100%; overflow: hidden;}
    .mainEtcBox article {width: 100%; margin-right: 0 !important; height: auto !important;}
    .popupZone {padding: 25px;}
    .popupZone .pop-box {padding-top: 63%; height: auto; width: 100%;}
    .mainEtcBox .service {width: 100%; display: flex; flex-wrap: wrap; margin-top: 30px;}
    .mainEtcBox .service a {height: auto; padding-top: 130px !important; padding-bottom: 30px;}
    .mainEtcBox .service a span {font-size: 1rem; padding: 0 8px;}
    .mainEtcBox article.guide {width: 100%; margin-top: 30px;}
}

/*=======================버튼 s=====================*/
.btn-wrap {margin-top: 35px;}
a.btn {display: inline-block; line-height: 50px;}
.btn {min-width: 110px; height: 50px; text-align: center; border-radius: 5px; font-size: 1.125rem; font-family: 'NotoKR-Medium';padding: 0 20px;}
.btn + .btn {margin-left: 8px;}
.btn-mid {min-width: 110px; height: 50px; text-align: center; font-size: 1.125rem; border-radius: 5px;}
.btn-large {min-width: 180px; padding: 0 20px;}
.btn-small, a.btn-small {min-width: 60px; height: 35px; line-height: 35px; font-size: 0.875rem;}
.btn-new-link, a.btn-new-link {min-width: 80px; height: 50px; line-height: 50px; box-sizing: border-box; padding-right: 40px; background: url(../../images/ho/icon-link.png) no-repeat center right 10px; font-size: 1rem;}
.btn-new-link.vacc, a.btn-new-link.vacc {padding-right: 20px; padding-left: 55px; background: url(../../images/ho/icon-vaccSite.png) no-repeat center left 15px; background-size: 30px;}

/*.btn:hover, .btn-mid:hover {background: #f5f5f5;}*/
.btn-white, .btn_white, a.btn_white {border: 1px solid #777; background-color: #fff; color: #333;}
.btn-main, .btn_main, a.btn-main {background-color: #ef3e61; color: #fff;}
.btn-blue, .btn_blue, a.btn-blue {background-color: #0074bc; color: #fff;}
.btn-green, .btn_green, a.btn-green {background-color: #60bb46; color: #fff;}
.btn-black, .btn_black, a.btn_black {background-color: #333; color: #fff;}
.btn-gray, .btn_gray, a.btn_gray {background-color: #777; color: #fff;}
.btn-wrap.m-block {display: none;}
.btn_wrap.mobile_block {display: none;}
.posBtn {position: absolute; top: 50%; right: 50px; transform: translateY(-50%);}

/* 미디어쿼리 모바일 */
@media all and (max-width: 767px){
    .btn {width: 100%; box-sizing: border-box;}
    .btn + .btn {margin-left: 0; margin-top: 5px;}
    .btn-mid {width: 100%;}
    .btn-wrap.m-block {display: block;}
}
/*=======================버튼 e=====================*/

/*=======================레이아웃 e=====================*/

/*=======================서브페이지 s=====================*/
/**********************서브공통시작***********************/

/*마우스 */
.hover-cursor {cursor: pointer;}

/*정렬 및 크기*/
.clearFix:after {content: ''; display: block; clear: both;}
.inline-box {display: inline-block;}
.block-box {display: block;}

/*텍스트, 색상*/
.ft-bold {font-weight: bold;}
.ff-mid {font-family: 'NotoKR-Medium';}
.ff-light {font-family: 'NotoKR-Light';}

/*form*/
.form-box {display: flex;}
.form-box + .form-box {margin-top: 10px;}
.form-box .col-box {/*width: 50%*/;text-align: left;}
/*.form-box .col-box.full {width: 100%;}*/
.form-box .col-box.full {flex-grow: 1;}
.form-box .col-box + .col-box label {padding-left: 25px;}
.form-box .col-box label {display: inline-block; min-width: 50px; margin-right: 14px; text-align: right; flex-shrink: 0; padding: 5px 0; box-sizing: border-box; font-size: 1rem; font-family: 'NotoKR-Bold';}
.form-box .col-box.flex {display: flex;}
.form-box .col-box .input-box.full {flex-grow: 1;}
/*.form-box .col-box .input-box {width: 100%;}*/
.form-box .col-box .input-box + .input-box {margin-left: 5px;}
.form-box .col-box .input-box input[type=text],
.form-box .col-box .input-box select {width: 100%; font-family: 'NotoKR-Regular'; font-size: 1rem; color: #333;}
.form-box .col-box .input-box select {min-width: 180px;}
.form-box .col-box .input-box.samll {width: 150px;}
.form-box .col-box .input-box.s-mid {width: 180px;}
.form-box .col-box .input-box.mid {width: 220px;}
.form-box .col-box .input-box.m-large {width: 250px;}
.form-box .col-box .input-box.large {width: 300px;}
.form-box .col-box .input-box.full {}
.form-box .col-box .input-box.input-btn {display: flex;}
.form-box .col-box .input-box.input-btn button {flex-shrink: 0;}

.input-date {overflow: hidden; width: 100%;}
.input-date > div { width: 46%;}
.input-date .dash {display: inline-block; width: 8%; text-align: center; line-height: 30px;}

/*서브 content 테블릿 미디어쿼리*/
@media (min-width: 768px) and (max-width: 1180px){
    .form-box .col-box .input-box select {min-width: 130px;}
}
@media all and (max-width: 767px){
    .form-box {display: block;}
    .form-box .col-box {display: block !important; width: 100%;}
    .form-box .col-box + .col-box label {padding-left: 0; margin-top: 10px;}
    .form-box .col-box label {text-align: left; padding: 3px 0;}
    .form-box .col-box .input-box + .input-box {margin-left: 0; margin-top: 5px;}
    .form-box .col-box .input-box.input-btn {margin-top: 10px;}
    .form-box .col-box .input-box.input-btn button {width: auto; margin: 0; margin-left: 5px;}
}

/*조회영역 : 게시판유형 조회*/
.searchArea {position: relative; width: 100%; padding:20px 45px; background-color: #f8f8f8; margin-bottom: 50px; border-radius: 10px; border: 1px solid #dbdbdb; box-sizing: border-box;}
.searchArea .searchBox {width: calc(100% - 130px); text-align: center; box-sizing: border-box;}
.searchArea .searchBox button {margin-left: 5px;}
.searchArea .searchBox.v2 {width: 100%;}/*검색버튼 따로 없음*/

/*조회영역 : 게시판유형 조회 - 상세조회*/
.detail-search {display: none; width: 100%; padding-top: 35px;  box-sizing: border-box; border-top: 1px solid #dbdbdb; margin-top: 40px;}
.detail-search.on {display: block;}
.detail-search ul {overflow: hidden;}
.detail-search ul li {width: 48%;}
.detail-search ul li:nth-child(odd) {float: left;}
.detail-search ul li:nth-child(even) {float: right;}
.detail-search ul li:nth-child(n+3) {margin-top: 10px;}
.detail-search ul li .tit {display: inline-block; font-size: 1rem; font-family: 'NotoKR-Bold'; padding-bottom: 5px;}
.detail-search ul li p {height: 40px;}
.detail-search ul li p input[type="text"] {width: 100%; border-radius: 5px; border: 1px solid #dbdbdb;}

/*고객의소리 등 답변 수정*/
.formDelYn .attch-list {margin: 15px; font-family: "NotoKR-Medium";}
.formDelYn .attch-list > li {margin: 8px 0;}
.formDelYn .attch-list > li button {width: 60px; padding: 5px; border-radius: 3px; background: #666; color: #fff; font-size: 14px; margin-left: 5px;}

/*서브 content 테블릿 미디어쿼리*/
@media (min-width: 768px) and (max-width: 1180px){
    
}

@media all and (max-width: 767px){
    .searchArea {padding: 25px;}
    .searchArea .searchBox {width: 100%;}
    .searchArea button {margin-top: 25px;}
    
}

/*조회영역2 : 게시판 오른쪽 상단 검색조건 영역*/
.top-serachBox {}
.top-serachBox .btn-area {display: inline-block;}
.top-serachBox select {width: 130px;}
.top-serachBox input[type="text"] {width: 200px;}

@media all and (max-width: 767px){
    .top-serachBox {float: none; padding: 25px; box-sizing: border-box; background: #f8f8f8; border-radius: 10px; border: 1px solid #dbdbdb;}
    .top-serachBox select {width: 100%; margin-bottom: 5px;}
    .top-serachBox input[type="text"] {width: 100%;}
    /*.top-serachBox select.tit {width: 40%;}
    .top-serachBox input[type="text"] {width: calc(100% - 41%);}*/
    .top-serachBox .btn-area {display: block; margin-top: 20px;}
    .top-serachBox button {width: 49.3% !important;}
}

/*라디오 커스텀*/
/*
.input-box input[type=radio] {margin-right: 7px;display: none;}
.input-box input[type=radio].show {display: inline-block;} 
.input-box label.forRadio {font-size: 1rem; cursor: pointer;}
.input-box label.forRadio span.radioCustom {display: inline-block; width: 15px; height: 15px; border: 1px solid; border-radius: 50%; vertical-align: middle; margin-top: -3px; margin-right: 6px; background-color: #fff;
    position: relative; padding: 2px; box-sizing: border-box; }
.input-box label.forRadio span.radioCustom:after {content:""; display: block;border-radius: 50%; width: 100%; height: 100%; background-color: #fff;}
.input-box input[type="radio"]:checked + span.radioCustom{border: 1px solid #455763;}
.input-box input[type="radio"]:checked + span.radioCustom:after{background-color: #455763;}
*/

/*공통 라디오 커스텀*/
input[type=radio] {position: absolute; top: 8px; left: 8px; width: 1px; height: 1px; margin-right: 7px; z-index: -1;}
input[type=radio].show {display: inline-block;} 
label.forRadio {position: relative; font-size: 1rem; cursor: pointer; padding-left: 20px;}
label.forRadio span.radioCustom {display: inline-block; width: 20px; height: 20px; border: 1px solid #dbdbdb; border-radius: 50%; vertical-align: middle; margin-top: -3px; margin-right: 10px; background-color: #fff;
    position: absolute; top: 4.5px; left: 0; padding: 5.5px; box-sizing: border-box;}
label.forRadio span.radioCustom:after {content:""; display: block;border-radius: 50%; width: 7px; height: 7px; background-color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
label.forRadio em {display: inline-block; font-family: 'NotoKR-Medium'; padding-left: 8px;}
input[type="radio"]:checked + span.radioCustom{border: 1px solid #ef3e61; background-color: #ef3e61;}
input[type="radio"]:checked + span.radioCustom:after{background-color: #fff;}
input[type="radio"]:focus + span.radioCustom{outline: 1px solid #ef3e61; border: 1px solid #333;}

/*버튼*/
.sub-btn {display: inline-block; box-sizing: border-box;border-radius: 5px; height: 34px; min-width: 80px; font-size: 0.875rem;}
.sub-btn.black {background-color: #555; color: #fff;}
.sub-btn.white {background-color: #fff; color: #333; border: 1px solid #666}
.sub-btn.btn-medium {min-width: 180px; height: 50px; line-height: 50px;padding: 0 20px; font-size: 1.125rem;}
.sub-btn.small-btn {min-width: 60px; height: 34px; font-family: 'NotoKR-Medium';}

@media all and (max-width: 767px){
    .sub-btn {width: 100%; position: static; transform: none;}

}

/*테이블, 테이블wrap 공통*/
.tableBox {position: relative;}

.tableTop {position: relative; margin-bottom: 20px; position: relative; overflow: hidden;}
.tableTop .table-total {margin-bottom: 10px; position: absolute; top: 10px;}
.tableTop .excel button {border: none; background: #fff; font-size: 30px;font-family: 'NotoKR-Bold';}
.tableTop .show-opt {position: absolute; right: 0; bottom: 0;}
.tableTop .show-opt select {border: none;border-bottom: 1px solid #111;background-color: transparent;font-family: 'NotoKR-Medium'; padding-right: 30px; width: 165px; height: 40px;}
.tableTop .show-opt label {line-height: 40px; font-size: 1.125rem; font-family: 'NotoKR-Medium'; color: #111; margin-right: 20px;}
.tableTop .show-opt input[type='text'] {width: 250px; height: 40px; border: none; border-bottom: 1px solid #111; background-color: transparent; font-family: 'NotoKR-Medium';}

.tableTop.v2 {margin-top: 50px;}

table .m-hid {} /*모바일에서 숨겨질 컬럼*/

/*리스트형 table-total*/
.table-total {margin-bottom: 10px;}
.table-total > em {color: #999; font-family: 'NotoKR-Medium';}
.table-total span {color: #333; font-family: 'NotoKR-Medium';}
.table-total.v2 {position: absolute; top: 10px;}

@media all and (max-width: 767px){
    .tableTop .table-total {position: static;}
    .table-total.v2 {position: static;}
    
    .tableTop.v2 {margin-bottom: 0; margin-top: 50px;}
    .tableTop.v2 .table-total {margin-top: 20px;}
    
}

/*테이블 컬럼 클래스*/
.col-wid1 {width: 10%;}
.col-wid2 {width: 20%;}
.col-wid3 {width: 30%;}
.col-wid4 {width: 40%;}
.col-wid5 {width: 50%;}
.col-wid6 {width: 60%;}
.col-wid7 {width: 70%;}

.file-wid   {width:50px;} /*파일아이콘*/
.date-wid   {width:170px;} /*날짜*/
.num-wid    {width:85px;}
.writer-wid {width:150px;}
.exam-wid1  {width:190px;} /*검사항목조회*/
.exam-wid2  {width:170px;} /*검사항목조회*/
.tel-wid    {width:105px;}
.all        {width:auto;}
.auto-wid   {width:auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.set-wid    {width: auto;} /*부모클래스부터 셀렉팅하여 커스텀wid 로 css에서 지정*/
.txtOver,
.txtOv      {width:auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.break-all {word-break: break-all;}
.keep-all {word-break: keep-all;}
.totalBg td {background: #fef6f5; color: #ef3e61; font-family: 'NotoKR-Bold';}
.table-guide {position: relative;}
.caption-txt {position: absolute; top: -30px; right: 0; color: #666;}

/* 미디어쿼리 모바일*/
@media all and (max-width: 767px){
    .m-auto {width:auto;}
}

/* table 유형1: basic*/
table.basic {width:100%;table-layout:fixed;border-top:2px solid #333;box-sizing:border-box;}
/* table.basic.fix {table-layout: fixed;} */
table.basic th,
table.basic td {height: 50px; padding: 20px; box-sizing: border-box;border-bottom: 1px solid #dbdbdbdb;font-size: 1rem;}
table.basic td { border-width: 1px; border-style: solid; border-color: #d7d9dd;}
table.basic th {box-sizing: border-box;/*border-right:1px solid #d7d9dd;*/border-bottom:1px solid #dbdbdb;background:#f8f8f8;text-align:center;font-weight:600;padding:7px 10px;font-family: NotoKR-Bold;}
table.basic thead th:last-child, table.BasicTable tbody td:last-child { border-right: 0 none;}
table.basic tbody th:last-child { border-right: 0 none;}
table.basic tbody td:last-child { border-right: 0 none;}
table.basic tbody td:first-child { border-left: 0 none;}
table.basic tbody td.noFirst:first-child {border-left: 1px solid #E8E8E8;}
table.basic tbody td:nth-of-type(1) {border-left: 0 none;}
table.basic.hover-red tr:hover {background-color: #fef5f7;}

table.basic.v2 th,
table.basic.v2 td,
table.border th,
table.border td {border-bottom:1px solid #dbdbdb; border-right: 1px solid #d7d9dd; padding: 8px 5px;}
/* table.border td:last-child[rowspan] {border-left: 1px solid #dbdbdb;} */
table.basic.v3 tbody th,
table.basic.v3 td {padding: 10px 15px;}
table.basic.v4 tbody th,
table.basic.v4 td {padding: 10px 15px;} /*모바일에서 양쪽 보더 없음 : 찾아오시는길*/

table.basic.largePd td {padding: 20px 25px;}
table .white {background: #fff !important;}

table.fixTop {border-collapse: separate;}
table.fixTop thead{position: sticky; top: 0; left: 0; z-index: 1;}
.t-scroll {overflow-y: scroll; border-bottom: 1px solid #dbdbdb;  border-top: 2px solid #333;}
.t-scroll table.fixTop {border-top: 0;}

table.no-border th,
table.no-border td {border-right: 0 !important; border-left: 0 !important;}

/* table 유형2: detail  :  */
table.detail {width:100%;table-layout:fixed;border-top:2px solid #333;box-sizing:border-box;}
table.detail th,
table.detail td {border: 1px solid #d9d9d9; height: 50px; padding: 10px 25px; box-sizing: border-box; word-break: keep-all;}
table.detail td.td_tit {background-color: #f5f5f5; font-size: 1.125rem; font-family: 'NotoKR-Bold';}
table.detail th {box-sizing: border-box; background:#f5f5f5; text-align:center; font-family: 'NotoKR-Bold'; padding:7px 9px;font-size: 1.125rem;}
table.detail .chamgo-txt {display: block; position: relative; margin-top: 10px;}
table.detail .chamgo-txt:before {content: '·'; margin-right: 5px;}

/* table 유형2: board  :  게시판유형 리스트*/
table.board {width:100%;table-layout:fixed;border-top:2px solid #333;box-sizing:border-box;}
table.board tr.noti {background-color: #f5f5f5;}
table.board tr.noti .tit{font-size: 1rem; font-family: 'NotoKR-Bold';}
table.board td .new {display: inline-block; width: 20px; height: 20px; background: url('../../images/common/new-icon.png') no-repeat center center;vertical-align: middle; margin-left: 5px; margin-top: -3px;}
table.board td .attach {display: inline-block; width: 20px; height: 20px; background: url('../../images/common/ico_file.gif') no-repeat center center;vertical-align: middle; margin-left: 8px; margin-top: -3px; border: 1px solid #dbdbdb; border-radius: 3px; overflow: hidden;}
table.board th,
table.board td {height: 50px; padding: 6px; box-sizing: border-box; border-bottom:1px solid #dbdbdb}
table.board th {box-sizing: border-box; border-bottom:1px solid #d7d9dd; background:#fff;text-align:center; padding:7px 9px; font-size: 16px; font-family: 'NotoKR-Bold';}
table.board thead th:last-child, table.board tbody td:last-child { border-right: 0 none;}
table.board tbody th:last-child { border-right: 0 none;}
table.board tbody td:last-child { border-right: 0 none;}
table.board tbody td:first-child { border-left: 0 none;}
table.board tbody td.noFirst:first-child {border-left: 1px solid #E8E8E8;}
table.board tbody td:nth-of-type(1) {border-left: 0 none;}

/* table 유형2: m-table  :  게시판 모바일 block 처리 공통*/
.table-tit {position: relative; font-size: 1.5rem; font-family: 'NotoKR-Bold'; padding-bottom: 10px;}
table .sts-btn {border: 1px solid #ccc; border-radius: 5px; font-size: 0.875rem; font-family: 'NotoKR-Medium'; padding: 3px 5px; color: #333; background-color: #fff;}
table.m-table {width:100%;table-layout:fixed;border-top:2px solid #333;box-sizing:border-box;}
table.m-table textarea {width: 100%; box-sizing: border-box;resize:none;}
table.m-table input[type=text],
table.m-table select {width: 100%;}
table.m-table input[type='text'][readonly].clean {background-color: #fff !important; border: none;}
table.m-table th,
table.m-table td {height: 50px; padding: 10px 10px; box-sizing: border-box;border-bottom: 1px solid #dbdbdb;}
table.m-table th {box-sizing: border-box;border-bottom:1px solid #d7d9dd;background:#f8f8f8;text-align:center; font-family: 'NotoKR-Bold'; padding:10px 15px;font-size: 1rem;}
table.m-table thead th:last-child, table.m-table tbody td:last-child { border-right: 0 none;}
table.m-table tbody th:last-child { border-right: 0 none;}
table.m-table tbody td:last-child { border-right: 0 none;}
table.m-table tbody td:first-child { border-left: 0 none;}
table.m-table tbody td.noFirst:first-child {border-left: 1px solid #E8E8E8;}
table.m-table tbody td:nth-of-type(1) {border-left: 0 none;}
table .require {display: inline-block; font-family: 'NotoKR-Bold'; font-size: 1.125rem; color: #ef3e61;}
table .require {overflow: hidden;  display: inline-block; width: 8px; height: 8px; font-size: 0; line-height: 0; text-indent: -9999px; position: absolute; margin-left: 5px;  margin-top: 5px; background: url('../../images/common/icon-required.png') no-repeat center center; background-size: cover;}
table.m-table.v2 th,
table.m-table.v2 td {height: 60px;}
table.m-table.v2 th {padding-left: 23px;}
table.m-table.v2 td {padding: 10px 12px;}

table.m-table.v4 td {padding: 20px;}

/*테이블 버튼*/
.t-btn {min-width: 63px; min-height: 32px; padding: 0 5px; box-sizing: border-box; border-radius: 5px; font-family: 'NotoKR-Medium'; font-size: 14px;}
.t-btn.gray {background: #666; border: 1px solid #666; color: #fff;}
.t-btn.pink {background: #ef3e61; border: 1px solid #ef3e61; color: #fff;}
.t-btn.point {border: 1px solid #ef3e61; background-color: #fff; color: #ef3e61;}
.t-btn.white {background: #fff; border: 1px solid #333; color: #666;}
.t-btn.blue {background: #0692ea; border: 1px solid #0074bc; color: #fff;}
.t-btn.green {background: #60ba46; border: 1px solid #60ba46; color: #fff;}
.t-btn.blue-border {background: #fff; border: 1px solid #0074bc; color: #0074bc;}
.t-btn.green-border {background: #fff; border: 1px solid #60ba46; color: #60ba46;}

/* 미디어쿼리 모바일*/
@media all and (max-width: 767px){
    table.m-table {display: block; padding-top: 20px;}
    table.m-table colgroup {display: none;}
    table.m-table tbody {display: block; width: 100%;}
    table.m-table tr {display: block;}
    table.m-table th,
    table.m-table td {display: block; width: 100%; height: auto;}
    table.m-table th {text-align: left; background-color: #fff; padding: 7px 0 0; border-bottom: 0;}
    table.m-table td {padding: 5px 0 10px 0; border-bottom: 0;}
    
    table.m-table .fileWrap .file-txt {text-align: left;}
    
    table.m-table.v2 th, table.m-table.v2 td {height: auto;}
    table.m-table.v2 th {padding: 7px 0 0;}
    table.m-table.v2 td {padding: 5px 0 10px 0;}
    
    /*결과만 나오는 height50px 테이블 + 모바일에서 block처리*/
    table.m-table.v3 {padding-top: 0;}
    table.m-table.v3 th{position: relative; padding: 15px 10px 5px 10px;}
    /*table.m-table.v3 th{position: relative; padding: 10px 0 0 15px;}
    table.m-table.v3 th:before {content: ''; display: block; width: 3px; height: 3px; border-radius: 50%; background: #333; position: absolute; top: 20px; left: 7px;}*/
    table.m-table.v3 td {padding: 0 0 15px 10px; }
    table.m-table.v3 td {border-bottom: 1px solid #dbdbdb;}
    
    /*찾아오시는길*/
    table.m-table.v4 th, table.m-table.v4 td {}
    table.m-table.v4 thead {display: none;}
    table.m-table.v4 tbody tr {width: 100%; padding: 20px 0; border-bottom: 1px solid #e8e8e8;}
    table.m-table.v4 tbody tr:first-child {padding-top: 0;}
    table.v4 td {border-right: 0 !important; padding: 8px 5px;}
}

/*파일찾기*/
.fileWrap {padding: 10px 0;}
.fileWrap .file-txt {padding-bottom: 8px; text-align: right;}
.fileWrap .file-txt span {position: relative; display: inline-block; padding-left: 13px; font-family: 'NotoKR-Regular'; color: #666; font-size: 15px;}
.fileWrap .file-txt span:before {content: '▶'; font-size: 10px; position: absolute; left: 0; top: 3px;}

.file-box{position: relative;}
.file-box .upload-name,
.file-box input[type='text'].upload-name,
.file-box input[type='text'][readonly].upload-name{display: inline-block; height: 32px; padding: 0 10px 0 90px;; vertical-align: middle; border: 1px solid #dddddd; color: #999999; background: #f3f3f3 !important;}
.file-box label.findAttch {display: inline-block; width: 80px; height: 32px; position: absolute; top: 0; left: 0; box-sizing: border-box; line-height: 32px; text-align: center; color: #fff; vertical-align: middle; background-color: #555; cursor: pointer; font-family: 'NotoKR-Medium'; font-size: 0.875rem; border-radius: 5px;}
.file-box input[type="file"] { position: absolute;width: 0; height: 0;  padding: 0; overflow: hidden; border: 0;}

/* 서브 content > table 미디어쿼리 모바일*/
@media all and (max-width: 767px){
    .table-guide {width: 100%; overflow-x: scroll;}
    .table-guide > table {width: 700px;}
    .m-hid {display: none;visibility: hidden; width: 0%;}
    table.detail td.td_tit {font-size: 1rem;}
    /*.tableTop {padding-top: 0;}*/
}

/* 서브 content 공통 미디어쿼리 모바일*/
@media all and (max-width: 767px){
    /*form : .m-w100pc : 모바일에서는 width 100%;*/
    .m-w100pc {width: 100% !important;}
    .m-block {display: block;}
  
}
/*탭공통*/
.tabBasicWrap {width: 100%;margin-bottom: 30px;}
.tabBasicWrap .tab-txt {display: none; border-bottom: 3px solid #ef3e61; width: 100%; height: 40px; line-height: 40px; box-sizing: border-box; font-size: 1.125rem; text-align: left; padding: 0 10px;background: url(../../images/ho/select-arrow-down2.png) no-repeat center right 10px;}
.tabBasicWrap .tabBasic {border-bottom: 2px solid #ef3e61;}
.tabBasicWrap .tabBasic:after {content: ''; display: block; clear: both;}
.tabBasicWrap .tabBasic li {position: relative; z-index: 1; display: inline-block; float: left; position: relative; text-align: center; vertical-align: top; }
.tabBasicWrap .tabBasic.li2 li {width: 50%;}
.tabBasicWrap .tabBasic.li3 li {width: 33.333%;}
.tabBasicWrap .tabBasic.li4 li {width: 25%;}
.tabBasicWrap .tabBasic li a {display: block; line-height: 40px; font-size: 1rem; font-family: 'NotoKR-Medium';  color: #666;  background-color: #f8f8f8; border-right: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; box-sizing: border-box; margin-bottom: -2px; border-radius: 10px 10px 0 0;}
.tabBasicWrap .tabBasic li:nth-of-type(1) a {border-left: 1px solid #dbdbdb;}
.tabBasicWrap .tabBasic li a.active {border: 2px solid #ef3e61; border-bottom: 2px solid #fff; background-color:#fff; color: #111; background: url('../../images/ho/tabIcon.png') no-repeat bottom center;}
.tabBasicWrap .tabBasic.flex{display: flex;}
.tabBasicWrap .tabBasic.flex li {width: 100%;}

.mobile-tab {display: none;}

/* 서브 content 공통 미디어쿼리 모바일*/
@media all and (max-width: 767px){
    /*.tabBasicWrap .tabBasic {display: block;}*/
    .tabBasicWrap {margin-bottom: 10px;}
    .tabBasicWrap .tab-txt {display: block;}
    .tabBasicWrap .tabBasic {display: none;}
    .tabBasicWrap .tabBasic.active {display: block !important;}
    .tabBasicWrap .tabBasic[class *= "li"] li  {float: none; display: block; width: 100%;}
    .tabBasicWrap .tabBasic li {float: none; width: 100%;height: 40px; min-height: auto;}
    .tabBasicWrap .tabBasic li a { padding: 0 20px; background-color: #fff;line-height: 40px; box-sizing: border-box; font-size: 1rem; font-family: 'NotoKR-Regular'; text-align: left; border: 1px solid #dbdbdb; color: #111; border-radius: 0;}
    .tabBasicWrap .tabBasic li a.active {border: 1px solid #dbdbdb; background: none;}
    
    .tabBasicWrap .tabBasic.flex {display: none;}
    
    /*모바일 탭메뉴 select */
    /*.mobile-tab {display: block;}
    .mobile-tab select:nth-of-type(1) {width: 100%; height: 45px; padding: 5px; box-sizing: border-box; border: none; border-bottom: 2px solid  #333;}*/
  
}

/* inner 탭공통 */
.tabBasicWrap2 {margin-bottom: 50px;}
.tabBasicWrap2 .tab-txt {display: none; border: 1px solid #dbdbdb; width: 100%; height: 40px; line-height: 40px; box-sizing: border-box; font-size: 1rem; text-align: left; padding: 0 20px;background: url(../../images/ho/select-arrow-down2.png) no-repeat center right 10px;}
.tabBasicWrap2 .tab-box {display: flex; flex-wrap: wrap; overflow: hidden; padding-bottom: 2px;}
.tabBasicWrap2 .tab-box li {float: left; width: 190px; min-height: 50px;  box-sizing: border-box; font-size: 1.125rem; font-family: 'NotoKR-Medium'; text-align: center; margin-right: -1px; margin-bottom: -1px; word-break: keep-all; margin-right: 8px;}
.tabBasicWrap2 .tab-box li a {display: block; width: 100%; height: 100%;background-color: #fff; padding: 11px 0; box-sizing: border-box;border-bottom: 3px solid #aaa; color: #aaa;}
.tabBasicWrap2 .tab-box li:hover a {}
.tabBasicWrap2 .tab-box li a.active {border-bottom: 3px solid #333; color: #333; font-family: 'NotoKR-Bold';}
#second-tab-group > div {display: none;}
#second-tab-group > div:nth-of-type(1) {display: block;}
div[id *= 'second-tab-group'] > div {display: none;}
div[id *= 'second-tab-group'] > div:nth-of-type(1) {display: block;}

/*서브 content 테블릿 미디어쿼리*/
@media (min-width: 768px) and (max-width: 1180px){
    .tabBasicWrap2 .tab-box.m-li3 li {width: 33.333%;} /*테블릿모바일 3개컬럼으로*/
    .tabBasicWrap2 .tab-box.m-li2 li {width: 50%;}/*테블릿모바일 2개컬럼으로*/
    
}
/* 서브 content 공통 미디어쿼리 모바일*/
@media all and (max-width: 767px){
    .tabBasicWrap2 .tab-box.active {display: block;}
    .tabBasicWrap2 .tab-txt {display: block;}
    .tabBasicWrap2 .tab-box {display: none; width: 100%;} 
    .tabBasicWrap2 .tab-box li {float: none; width: 100%;height: 40px; min-height: auto; line-height: 40px; box-sizing: border-box; font-size: 1rem; text-align: left;}
    .tabBasicWrap2 .tab-box li a { padding: 0 20px; border-bottom: 0; border: 1px solid #dbdbdb; color: #333} 
    .tabBasicWrap2 .tab-box li a.active { padding: 0 20px; border-bottom: 0; border: 1px solid #dbdbdb; font-family: 'NotoKR-Medium';} 
}

/* 버튼ui의 탭*/
.tabBasicWrap3 {margin-bottom: 40px;}
.tabBasicWrap3 .tab-txt {display: none; border: 1px solid #dbdbdb; width: 100%; height: 40px; line-height: 40px; box-sizing: border-box; font-size: 1rem; text-align: left; padding: 0 20px;background: url(../../images/ho/select-arrow-down2.png) no-repeat center right 10px;}
.tabBasicWrap3 .tabBasic {display: flex; flex-wrap: wrap;}
.tabBasicWrap3 .tabBasic:after {content: ''; display: block; clear: both;}
.tabBasicWrap3 .tabBasic li {position: relative; z-index: 1; display: inline-block; width: 19%; position: relative; text-align: center; vertical-align: top; margin-right: 1%; margin-top: 10px;}
.tabBasicWrap3 .tabBasic li:nth-of-type(5n) {margin-right: 0;}
.tabBasicWrap3 .tabBasic li a {display: flex; align-items: center; justify-content: center; width: 100%; min-height: 53px; height: 100%; font-size: 1rem; font-family: 'NotoKR-Medium';  color: #666;  background-color: #f8f8f8; border: 1px solid #dbdbdb; box-sizing: border-box; border-radius: 10px;word-break: keep-all; line-height: 1.2;}
.tabBasicWrap3 .tabBasic li:nth-of-type(1) a {}
.tabBasicWrap3 .tabBasic li a.active {border: 2px solid #ef3e61; background-color:#fff; color: #111; }

/*서브 content 테블릿 미디어쿼리*/
@media (min-width: 768px) and (max-width: 1180px){
    .tabBasicWrap3 .tabBasic li {width: 32%; margin: 0.5%;}
    .tabBasicWrap3 .tabBasic li:nth-of-type(5n) {margin-right: 0.5%;}
    /*.tabBasicWrap3 .tabBasic li:nth-of-type(3n) {margin-right: 1%;}*/
}
/* 서브 content 공통 미디어쿼리 모바일*/
@media all and (max-width: 767px){
    .tabBasicWrap3 {margin-bottom: 40px;}
    .tabBasicWrap3 .tab-txt {display: block;}
    .tabBasicWrap3 .tabBasic {display: none;}
    .tabBasicWrap3 .tabBasic.active {display: block !important;}
    .tabBasicWrap3 .tabBasic[class *= "li"] li  {float: none; display: block; width: 100%;}
    .tabBasicWrap3 .tabBasic li {float: none; width: 100%;height: auto; min-height: auto; margin: 0;}
    .tabBasicWrap3 .tabBasic li a { padding: 0 20px; background-color: #fff;line-height: auto; min-height: 40px; box-sizing: border-box; font-size: 1rem; font-family: 'NotoKR-Regular'; text-align: left; border: 1px solid #dbdbdb; color: #111; border-radius: 0;}
    .tabBasicWrap3 .tabBasic li a.active {border: 1px solid #dbdbdb; background: none;}
    
    .tabBasicWrap3 .tabBasic.flex {display: none;}
}

.tabBasicWrap4 {position: relative; margin-bottom: 40px;}
.tabBasicWrap4 .tab-txt {display: none; border: 1px solid #dbdbdb; width: 100%; height: 40px; line-height: 40px; box-sizing: border-box; font-size: 1rem; text-align: left; padding: 0 20px;background: url(../../images/ho/select-arrow-down2.png) no-repeat center right 10px;}
.tabBasicWrap4 .tabBasic {display: flex; flex-wrap: wrap;}
.tabBasicWrap4 .tabBasic:after {content: ''; display: block; clear: both;}
.tabBasicWrap4 .tabBasic li {position: relative; z-index: 1; display: inline-block; width: 15.8%; min-height: 40px; position: relative; text-align: center; vertical-align: top; margin-right: 1%; margin-bottom: 10px;}
.tabBasicWrap4 .tabBasic li:nth-of-type(6n) {margin-right: 0;}
.tabBasicWrap4 .tabBasic li a {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 15px; font-family: 'NotoKR-Medium';  color: #666;  background-color: #fff; border: 1px solid #dbdbdb; box-sizing: border-box; border-radius: 5px;word-break: keep-all; line-height: 1.2;}
.tabBasicWrap4 .tabBasic li:nth-of-type(1) a {}
.tabBasicWrap4 .tabBasic li a.active {border: 1px solid #ef3e61; background-color:#fff; color: #111; }

/*서브 content 테블릿 미디어쿼리*/
@media (min-width: 768px) and (max-width: 1180px){
    .tabBasicWrap4 .tabBasic li {width: 19%; margin: 0.5%;}
    .tabBasicWrap4 .tabBasic li:nth-of-type(6n) {margin-right: 0.5%;}
    /*.tabBasicWrap3 .tabBasic li:nth-of-type(3n) {margin-right: 1%;}*/
}
/* 서브 content 공통 미디어쿼리 모바일*/
@media all and (max-width: 767px){
    .tabBasicWrap4 {margin-bottom: 40px; }
    .tabBasicWrap4 .tab-txt {display: block;}
    .tabBasicWrap4 .tabBasic {display: none; position: absolute; }
    .tabBasicWrap4 .tabBasic.active {display: block !important;}
    .tabBasicWrap4 .tabBasic[class *= "li"] li  {float: none; display: block; width: 100%;}
    .tabBasicWrap4 .tabBasic li {float: none; width: 100%;height: auto; min-height: auto; margin: 0; background-color: #fff;}
    .tabBasicWrap4 .tabBasic li a { padding: 0 20px; background-color: #fff;line-height: auto; min-height: 40px; box-sizing: border-box; font-size: 1rem; font-family: 'NotoKR-Regular'; text-align: left; border: 1px solid #dbdbdb; color: #111; border-radius: 0;}
    .tabBasicWrap4 .tabBasic li a.active {border: 1px solid #dbdbdb; background: none;}
    
}

/*zjtmxja*/
.tabLinkWrap {position: relative; margin-bottom: 40px;}
.tabLinkWrap .tab-txt {display: none; border: 1px solid #dbdbdb; width: 100%; height: 40px; line-height: 40px; box-sizing: border-box; font-size: 1rem; text-align: left; padding: 0 20px;background: url(../../images/ho/select-arrow-down2.png) no-repeat center right 10px;}

.tabLinkWrap .tabLink {display: flex; flex-wrap: wrap;}
.tabLinkWrap .tabLink:after {content: ''; display: block; clear: both;}
.tabLinkWrap .tabLink li {position: relative; z-index: 1; display: inline-block; width: 15.8%; min-height: 40px; position: relative; text-align: center; vertical-align: top; margin-right: 1%; margin-bottom: 10px;}
.tabLinkWrap .tabLink li:nth-of-type(6n) {margin-right: 0;}
.tabLinkWrap .tabLink li a {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 15px; font-family: 'NotoKR-Medium';  color: #666;  background-color: #fff; border: 1px solid #dbdbdb; box-sizing: border-box; border-radius: 5px;word-break: keep-all; line-height: 1.2;}
.tabLinkWrap .tabLink li a.on {border: 1px solid #ef3e61; color: #333;}
.tabLinkWrap .tabLink li:nth-of-type(1) a {}
.tabLinkWrap .tabLink li:hover a {border: 1px solid #ef3e61; background-color:#fff; color: #111; }
.tabLinkWrap .tabLink li.showAll {display: none;}

/*서브 content 테블릿 미디어쿼리*/
@media (min-width: 768px) and (max-width: 1180px){
    .tabLinkWrap .tabLink li {width: 19%; margin: 0.5%;}
    .tabLinkWrap .tabLink li:nth-of-type(6n) {margin-right: 0.5%;}
    /*.tabBasicWrap3 .tabBasic li:nth-of-type(3n) {margin-right: 1%;}*/
}
/* 서브 content 공통 미디어쿼리 모바일*/
@media all and (max-width: 767px){
    .tabLinkWrap {margin-bottom: 40px; }
    .tabLinkWrap .tab-txt {display: block;}
    .tabLinkWrap .tabLink {display: none; position: absolute; }
    .tabLinkWrap .tabLink.active {display: block !important;}
    .tabLinkWrap .tabLink[class *= "li"] li  {float: none; display: block; width: 100%;}
    .tabLinkWrap .tabLink li {float: none; width: 100%;height: auto; min-height: auto; margin: 0; background-color: #fff;}
    .tabLinkWrap .tabLink li a { padding: 0 20px; background-color: #fff;line-height: auto; min-height: 40px; box-sizing: border-box; font-size: 1rem; font-family: 'NotoKR-Regular'; text-align: left; border: 1px solid #dbdbdb; color: #111; border-radius: 0;}
    .tabLinkWrap .tabLink li a.active {border: 1px solid #dbdbdb; background: none;}
    
}

/*paing*/
/* paging  */
.pagination {display:block; position:relative; margin-top: 50px; text-align:center;}
.pagination li {display: inline-block;}
.pagination li a {display:inline-block; width:40px; height:40px; color:#666; font-size:1rem; line-height:40px; vertical-align:middle;}
.pagination li a:hover {color:#006ab6; text-decoration: underline;}
.pagination li.active a {color:#006ab6; text-decoration: underline; font-family: 'NotoKR-Bold';}
.pagination .first-btn {background:url('../../images/common//paging-first.png') no-repeat center center; text-indent:-9999px;}
.pagination .prev-btn {background:url('../../images/common/paging-prev.png') no-repeat center center; margin-right: 10px;text-indent:-9999px;}
.pagination .next-btn {background:url('../../images/common//paging-next.png') no-repeat center center; margin-left: 10px;text-indent:-9999px;}
.pagination .last-btn {background:url('../../images/common//paging-last.png') no-repeat center center;text-indent:-9999px;}

@media all and (max-width: 767px){
    .pagination li a {width: 30px; height: 30px; line-height: 30px;}
}


/*****************서브공통 끝******************/


/*******************서브페이지 게시판 기본: ex)공지사항 시작******************/
.board-detail { display: block; width: 100%; position: relative; /*padding-top: 50px;*/}
.board-box {}

.board_summary {display:table; position:relative; width:100%; padding: 30px 35px; border-top:2px solid #111111; border-bottom:1px solid #ccc; box-sizing:border-box;}
.board_summary .title {position:relative; margin:0; padding:0; color:#333; font-size:1.875em; font-family: 'NotoKR-Medium'; letter-spacing: -1px; text-align:left; word-break: keep-all; line-height: 1.2;}
.board_summary .writer_date { position:relative; width:100%; margin:0; padding:0; text-align:left; margin-top: 15px;}
.board_summary .writer_date + .writer_date {margin-top: 5px;}
.board_summary .writer_date li {display: inline-block;}
.board_summary .writer_date li span {display:inline-block; position:relative;font-size:1rem; font-family: 'NotoKR-Medium'; color:#333;}
.board_summary .writer_date li span.dt_bar {margin-left:10px; padding-left:12px; background:url('../../images/common/bg_bar.gif') no-repeat top 5px left;}
.board_summary .writer_date li em {display:inline-block; position:relative; margin-left:3px; color:#666;}

.attach_file {position:relative; display:block; padding:15px 35px; border:1px solid #ccc;border-top:none;border-left:none;border-right:none;}
.attach_file dl {width:100%;}
.attach_file dl dt {display: inline-block;text-align:left; vertical-align:middle; font-size:1rem; font-family: 'NotoKR-Medium'; color:#333;}
.attach_file dl dd {display:inline-block; vertical-align: middle; }
.attach_file .file {position: relative; display: inline-block; padding-left: 5px; color: #666666; }
.attach_file .file:after {content: ''; display: block; width: 100%; height: 1px; background-color: #959595; position: absolute; bottom: -3px; left: 4px;}

.board_content {display: block; position: relative; width: 100%; padding: 60px 50px; border-bottom: 1px solid #b3b3b3; box-sizing: border-box;}
/*.board_content * {font-size: 1.125rem;}*/
.board_content img {max-width: 100% !important;}

.cont_list {display:block; position:relative; width:100%;}
.cont_list dl {display:table; position:relative; width:100%; margin:0; padding:0;}
.cont_list dt {float:left; width:170px; background:#f5f5f5; border-bottom:1px solid #dbdbdb; font-family: 'NotoKR-Bold'; font-size:1rem; box-sizing:border-box; text-align: center;}
.cont_list dt .txt_prev {display:block; background:url('../../images/ho/prev-arrow.png') no-repeat left 40px center; line-height:50px;}
.cont_list dt .txt_next {display:block; background:url('../../images/ho/next-arrow.png') no-repeat
left 40px center; line-height:50px;}
.cont_list dd {float:left; width:calc(100% - 170px); padding-left:20px; border-bottom:1px solid #dbdbdb; box-sizing:border-box; line-height:50px;}
.cont_list dd a {color:#111; font-size:1rem;}
.cont_list dd a:hover {color:#0d0d0d; text-decoration:underline;}

button.prev_list {background:url('../../images/ho/prev-arrow2.png') no-repeat left 20px center;}
button.next_list {background:url('../../images/ho/next-arrow2.png') no-repeat right 20px center;}

/*태그라이브러리 이전글다음글 css 커스텀*/
.list-common-btn {position:relative; width:100%; border-collapse: separate;}
.list-common-btn th {width: auto; background:#f5f5f5; font-family: 'NotoKR-Bold'; font-size:1.125em; box-sizing:border-box; text-align: center;}
.list-common-btn tr td {padding-left: 20px;}
.list-common-btn th,.list-common-btn td {height: 63px; border-top: 1px solid #b3b3b3;box-sizing: border-box;}
.list-common-btn tr:last-child th,.list-common-btn tr:last-child td {border-bottom: 1px solid #b3b3b3;}
.list-common-btn th.prev-tit {display:block; background:#f5f5f5 url('../../images/ho/prev-arrow.png') no-repeat left 40px center; line-height:58px;}
.list-common-btn th.next-tit {display:block; background:#f5f5f5 url('../../images/ho/next-arrow.png') no-repeat left 40px center; line-height:58px;}

@media (min-width: 768px) and (max-width: 1180px){
    .attach_file .file {padding-left: 0; margin-bottom: 5px;}  
}
/* 서브 content 미디어쿼리 모바일*/
@media all and (max-width: 767px){
    .board_summary {padding: 20px;}
    .board_summary .title {font-size: 1.75rem;}
    .board_summary .writer_date li {width: 100%;}
    .board_summary .writer_date li span.dt_bar {margin-left: 0; padding-left: 0; background: none;}
    .board_content {padding: 20px; overflow: auto;}
    .attach_file {padding: 20px;}
    .attach_file .file {padding-left: 0; margin-bottom: 5px;}
    .cont_list {display: none;}
    
    /*태그라이브러리 이전글다음글 css 커스텀*/
    .list-common-btn {display: none;}
}
/*******************서브페이지 게시판 기본 : ex)공지사항  끝 ******************/
/*답변게시물*/
.board-detail .answer {border: 1px solid #dbdbdb; margin-top: 60px; min-height: 200px; border-radius: 10px;}
.board-detail .answer > ul {padding: 25px;}
.board-detail .answer > ul > li {}
.board-detail .answer .answer-info {display: flex;box-sizing: border-box; float: right; }
.board-detail .answer .answer-info dl {position: relative; display: flex; padding: 0 20px; margin-top: 25px; color: #666;}
.board-detail .answer .answer-info dl:after {content: ''; display: block; width: 1px; height: 15px; position: absolute; top: 5px; right: 0; background: #dbdbdb;}
.board-detail .answer .answer-info dl:last-child:after {display: none;}
.board-detail .answer .answer-info dl:first-child {padding-left: 0;}
.board-detail .answer .answer-info dl dt {font-family: "NotoKR-Medium"; margin-right: 10px;}

.board-detail .answer .answer-cnt { box-sizing: border-box;}
.board-detail .answer .answer-cnt .tit {font-family: "NotoKR-Bold";  font-size: 1.25rem; margin-bottom: 15px;}

.board-detail .answer .answer-file { margin-top: 25px;box-sizing: border-box; border-top: 1px solid #ccc; padding-top: 20px}
.board-detail .answer .answer-file .tit {font-family: "NotoKR-Medium";  margin-bottom: 10px;}
.board-detail .answer .answer-file dl {position: relative; display: flex; padding: 0 20px 0 0;}
.board-detail .answer .answer-file dt {font-family: "NotoKR-Medium"; margin-right: 10px;}

@media all and (max-width: 767px){
    .board-detail .answer .answer-info {float: none; padding: 0 25px;}
    .board-detail .answer .answer-file dl {display: block;}
}
/*******************서브페이지 ** 시작 ******************/

/*정보안내 페이지 유형 공통*/
.txtC-main {color: #ef3e61 !important;}
.txtC-blue2 {color: #0692ea !important;}
.txtC-orange {color: #ff6600 !important;}
.txtC-blue {color: #0000BB !important;}
.txtC-gray {color: #666 !important;}
.txtC-pink {color: #ef3e61 !important;}
.txtC-green {color: #339933 !important;}
.txt-chamgo1 {font-size: 1rem; color: #ff6600;}
.txt-chamgo2 {font-size: 1rem; color: #666; line-height: 1.4;;}
.txt-chamgo3 {font-size: 1rem; color: #ef3e61; font-family: 'NotoKR-Regular';}
.txt-chamgo4 {font-size: 1rem; color: #ef3e61; letter-spacing: -0.8px; line-height: 1.3}


/*박스에 둥근 라인있는거 - 공통으로 뺄것*/
.paragrah-box {margin-bottom: 35px;}
.paragrah-box:last-child {margin-bottom: 0;}
.inline-b {display: inline-block;}

.borderbox {position: relative; border: 1px solid #dbdbdb; border-radius: 10px; padding: 40px 40px; }
.borderbox.v2 {padding: 30px; border-radius: 0;}
.borderbox.v3 {padding: 30px;}

.borderbox.noMt {margin-top: 0;}
.borderbox p {font-size: 1.125rem;}
.borderbox button.posR,
.borderbox a.posR {position: absolute; top: 50%; right: 45px; transform: translateY(-50%);}
.borderbox.withBtn {padding-right: 280px;}

@media all and (max-width: 767px){
    .borderbox.withBtn {padding: 40px 40px;}
    .borderbox.v2.withBtn {padding: 30px;}
    .borderbox button.posR, .borderbox a.posR {position: static; transform: none;}
}
.txt-title {position: relative;}
.require-txt {font-size: 15px; font-family: 'NotoKR-Regular'; color: #666; position: absolute; bottom: 10px; right: 0; }
.require-txt em {display: inline-block; font-size: 1.125rem; font-family: 'NotoKR-Bold'; color: #ef3e61; vertical-align: sub; padding-right: 3px;}

.right-txt-box{position: relative;}
.right-txt {font-size: 15px; font-family: 'NotoKR-Regular'; color: #666; position: absolute; bottom: 10px; right: 0; padding-left: 15px;}
.right-txt em {position: absolute; top: 3px; left: 0; display: inline-block; font-size: 11px; font-family: 'NotoKR-Bold'; color: #666; vertical-align: sub; padding-right: 3px;}
.txt-title.border {border-bottom: 2px solid #333;}

.txt-depth1 {font-size: 1.5rem; font-family: 'NotoKR-Bold'; letter-spacing: -1px; padding-bottom: 15px;}
.txt-depth2 {position: relative; font-size: 1.25rem;/*22px*/ font-family: 'NotoKR-Bold'; letter-spacing: -1px; margin-bottom: 13px; color: #333;}

.txt-depth2.dot {position: relative; padding-left: 15px;  word-break: keep-all;}
.txt-depth2.dot:before {content: ''; display: block; width: 5px; height: 18px; background-color: #ef3e61; border-radius: 10px; position: absolute; top: 6px; left: 0;}

.txt-depth3 {position: relative; font-size: 1.125rem;font-family: 'NotoKR-Medium'; letter-spacing: -1px; margin-bottom: 7px;}
.txt-depth3.dot {padding-left: 15px; /*background: url('../../images/ho/bullet01.png') no-repeat center left;*/}
.txt-depth3.dot:before {content: ''; display: block; width: 4px; height: 4px; background-color: #ef3e61; position: absolute; top: 10px; left: 0 }
.txt-depth4 {position: relative; font-size: 1rem; font-family: 'NotoKR-Regular'; letter-spacing: 0px; margin: 7px 0;}
.txt-depth4.dot {padding-left: 12px;}
.txt-depth4.dot:before {content: ''; display: block; width: 4px; height: 4px; background-color: #333; border-radius: 50%; position: absolute; top: 11px; left: 0 }
.txt-depth5 {position: relative; font-size: 1rem;font-family: 'NotoKR-Regular'; letter-spacing:0px; margin: 5px 0;}
.txt-depth5.dot {padding-left: 12px;}
.txt-depth5.dot:before {content: ''; display: block; width: 3px; height: 3px; background-color: #999; position: absolute; top: 11px; left: 2px; }

.txt-depth3-list {margin-left: 15px;}
.txt-depth3-list > li {position: relative; font-size: 1.125rem;/*18px*/ font-family: 'NotoKR-Medium'; letter-spacing: -1px; margin-bottom: 7px; word-break: keep-all;}
.txt-depth3-list.dot > li {padding-left: 12px;}
.txt-depth3-list.dot > li:before {content: ''; display: block; width: 4px; height: 4px; background-color: #ef3e61; position: absolute; top: 11px; left: 0 }
.txt-depth4-list > li {position: relative; font-size: 1rem;/*18px*/ font-family: 'NotoKR-Regular'; letter-spacing: -1px; margin: 7px 0;}
.txt-depth4-list.dot > li {padding-left: 12px;}
.txt-depth4-list.dot > li:before {content: ''; display: block; width: 4px; height: 4px; background-color: #333; border-radius: 50%; position: absolute; top: 10px; left: 0 }
.txt-depth4-list.dot.v2 > li:before {content: ''; display: block; width: 5px; height: 2px; background-color: #999; position: absolute; top: 11px; left: 0;}
.txt-depth5-list {margin-bottom: 10px;}
.txt-depth5-list > li {position: relative; font-size: 1rem;/*18px*/ font-family: 'NotoKR-Regular'; letter-spacing: -1px; margin: 5px 0;}
.txt-depth5-list.dot > li {padding-left: 12px;}
.txt-depth5-list.dot > li:before {content: ''; display: block; width: 3px; height: 3px; background-color: #999; position: absolute; top: 11px; left: 2px; }

.inbox-list {}
.inbox-list li {display: flex; position: relative;padding-left: 10px; margin: 3px 0; word-break: keep-all;}
.inbox-list li .item-nm {min-width: 40px; display:  inline-block; position: relative; font-family: 'NotoKR-Medium';margin-right: 2px;}
.inbox-list li .item-nm.v2 {flex-shrink: 0; word-break: keep-all;}/*글자 떨어지지 않게*/
.inbox-list li:before {content: ''; display: block; width: 4px; height: 4px; background-color: #333; position: absolute; top: 11px; left: 0; border-radius: 50%;}

.inbox-list.v2 li {padding-left: 8px; color: #333;}
.inbox-list.v2 li:before {content: ''; display: block; width: 3px; height: 3px; background-color: #333; border-radius: 50%; position: absolute; top: 11px; left: 0;} 

.inbox-list li.noDot{padding-left: 0 !important;}
.inbox-list li.noDot:before {display: none !important;}

.bullet-list {}
.bullet-list > li {position: relative;padding-left: 10px; margin: 3px 0; word-break: keep-all; text-align: left;}
.bullet-list > li:before {content: ''; display: block; width: 4px; height: 4px; background-color: #333; position: absolute; top: 11px; left: 0;}

.bullet-list.v2 {display: inline-block;} /*리스트 전체 가운데정렬 위한 inlineblock 스타일 */
.bullet-list.v2 > li {position: relative;padding-left: 10px; margin: 3px 0; word-break: keep-all; text-align: left;}
.bullet-list.v2 > li:before {content: ''; display: block; width: 3px; height: 3px; background-color: #333; position: absolute; top: 11px; left: 0; border-radius: 50%;}

.bullet2 {position: relative; padding-left: 10px;}
.bullet2:before {content: ''; display: block; width: 4px; height: 4px; background-color: #ef3e61; position: absolute; top: 11px; left: 0 }


@media all and (max-width: 767px){
    .require-txt {position: static; display: block; width: 100%; text-align: left;}
    .right-txt {position: relative; display: block; width: 100%; text-align: left;}
}

/********************* 끝 ******************/

/*******************인쇄시 css 적용******************/
@media print {
   * {
      -webkit-print-color-adjust: exact;
      print-color-adjust: exact;
    }
    .noPrint-area {display: none !important;}
}


/******************* 모바일 gnb 시작 ******************/
.gnb-mobile {width: 80%; /*position: absolute;*/ position: fixed; top: 0; right: -80%; z-index: 6; background-color: #fff; padding: 126px 0 45px; display: block; border: 1px solid; box-sizing: border-box; height: 100vh; display: none;}
.gnb-mobile .mobile-lang {}
.gnb-mobile .gnb-user {width: 100%; position: absolute; top: 0; left: 0;}
.gnb-mobile .user-info {height: 80px; padding: 0 17px; background-color: #ef3e61; color: #fff;}
.gnb-mobile .user-info .user-box {display: table; height: 100%; display: table; position: relative;}
.gnb-mobile .user-info .user-box .user {display: table-cell; vertical-align: middle;}
.gnb-mobile .user-top ul {border-top: 1px solid #777; overflow: hidden; background-color: #eee;}
.gnb-mobile .user-top ul li {float: left; width: 33.333%; text-align: center; border-left: 1px solid #ccc; box-sizing: border-box;}
.gnb-mobile .user-top ul li:first-child {border-left: 0;}
.gnb-mobile .user-top ul li a {display: block; height: 45px;line-height: 45px; text-align: center; font-size: 0.875rem;}

.gnb-mobile .top-set {border-top: 1px solid #f56a66; overflow: hidden; background-color: #ef3e61;}
.gnb-mobile .top-set li {width: 50%; float: left; border-left: 1px solid #f56a66; box-sizing: border-box;}
.gnb-mobile .top-set li:first-child {border-left: 0;}
.gnb-mobile .top-set li a {height: 45px; line-height: 45px; display: block; text-align: center; font-size: 14px; color: #fff;}

.gnb-mobile .m-menu {height: 100%; overflow-y: scroll; /*overflow: hidden;*/}
.gnb-mobile .m-menu .dep1 {height: 100%; position: relative;}
.gnb-mobile .m-menu .dep2 {border-bottom: 1px solid #dbdbdb;}

.gnb-mobile .m-menu .dep1 > li >a {width: 100%; height: 55px; line-height: 55px; display: table; border-bottom: 1px solid #ddd; background: url('../../images/common/gnbArrow_down.png') no-repeat center right 20px;}
.gnb-mobile .m-menu .dep1 > li.on >a {width: 100%; height: 55px; line-height: 55px; display: table; border-bottom: 1px solid #ddd; background: #e4f3fa url('../../images/common/gnbArrow_up.png') no-repeat center right 20px;}
.gnb-mobile .m-menu .dep1 > li > a span {line-height: 20px; display: table-cell; vertical-align: middle; text-align: left; font-size: 1.125rem; letter-spacing: -1px; font-family: 'NotoKR-Medium'; color: #3a3a4a; padding-left: 15px;}
.gnb-mobile .m-menu .dep1 > li .menu-box {width: 100%; height: 100%; display: none; overflow-y: auto;}
.gnb-mobile .m-menu .dep1 > li.on .menu-box {display: block;}
.gnb-mobile .m-menu .dep2 > li a {display: block; width: 100%; height: 48px;line-height: 48px; padding: 0 35px 0 16px; position: relative; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.gnb-mobile .m-menu .dep2 > li.on .dep3 {display: block;}
.gnb-mobile .m-menu .dep2 > li.has {position: relative;}
.gnb-mobile .m-menu .dep2 > li.has:before {
    display: block;
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 18px;
    color: #8a8e98;
    content: "+";
}
.gnb-mobile .m-menu .dep3 {position: relative; background-color: #f8f8f8;padding: 10px 17px;display: none;}
.gnb-mobile .m-menu .dep3 > li a:before {width: 7px; height: 1px; background-color: #9598a1; content: ""; position: absolute; top: 23px; left: 0;}
.gnb-mobile .gnb-close {position: absolute;top: 23px;right: 22px;}
.gnb-mobile .gnb-close button {width: 28px; height: 28px;display: block; text-indent: -9999px; background: url('../../images/common/gnbClose.png') no-repeat center center;}

.gnb-mobile .langWrap {position: relative; margin-top: 25px;padding-left: 37px;background: url("../../images/common/lang-icon-white.png") no-repeat center left 10px;}
.gnb-mobile .langWrap .langBtn {border: none; background-color: transparent; font-size: 15px; vertical-align: baseline; background: url("../../images/common/button_arrow_down-white.png") no-repeat center right;padding-right: 18px; padding-left: 0; color: #fff;}
.gnb-mobile .langWrap .lang-box {display: none; position: absolute; top: 30px; left: 0; width: 100%; padding: 5px 0; box-sizing: border-box; border: 1px solid #aaa; background-color: #fff; border-radius: 5px; z-index: 1; box-shadow: 0 0  10px rgba(0,0,0,0.3);}
.gnb-mobile .langWrap .lang-box ul li {}
.gnb-mobile .langWrap .lang-box ul li a {display: block; width: 100%; height: 100%;padding: 5px 10px; box-sizing: border-box; }
.gnb-mobile .langWrap .lang-box ul li:hover a {background-color: #ededed;}
.gnb-mobile .langWrap .lang-box.on {display: block;}
/******************* 모바일 gnb 끝 ******************/

/*******************서브페이지 썸네일 공통 시작 ******************/
.noImg-box {position: absolute; pointer-events: none;}
.noImg-box img {width: auto !important; height: auto !important; top: 50% !important; left: 50% !important; transform: translate(-50%,-50%) !important;}

.thum-box {overflow: hidden; margin-top: 20px;}
.thum-item {float: left; border: 1px solid #dbdbdb; padding: 20px; box-sizing: border-box;}
.thum-item p,
.thum-item .imgWrap {position: relative; display: block; width: 100%; height: auto; overflow: hidden;}
/* .thum-item img {vertical-align: middle; width: 100%; position: absolute; top: 0; left: 0;} */
/*.thum-item a {display: block; width: 100%; height: 100%;}*/
.thum-info {position: relative; box-sizing: border-box; border: 1px solid #dbdbdb;}
.thum-info .new {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../../images/common/new-icon.png) no-repeat center center;
    vertical-align: middle;
    margin-left: 7px;
}
/*******************서브페이지 썸네이 유형1 시작 ******************/
.thum-board1 .thum-info > span {position: relative; display: inline-block; color: #333; font-size: 1.125rem; letter-spacing: -1px; font-family: 'NotoKR-Medium'; word-break: keep-all; overflow: hidden; vertical-align: middle;/*text-overflow: ellipsis; overflow: hidden; white-space: nowrap;*/}
.thum-board1 .new {display: inline-block; width: 20px; height: 20px; background: url('../../images/ho/new-icon.png') no-repeat center center;vertical-align: middle; margin-left: 7px; margin-top: -3px;}

.thum-board1 {width: 100%;overflow: hidden;}
.thum-board1 .thum-item {float: left; width: 31.8%; min-height: 350px; margin-bottom: 40px; margin-right: 2%; border: 1px solid #dbdbdb; box-sizing: border-box; border: 1px solid #dbdbdb; padding: 0;}
.thum-board1 .thum-item:nth-child(3n) {margin-right: 0;}
.thum-board1 .thum-item p,
.thum-board1 .thum-item .imgWrap{
    position: relative; padding-top: 112%;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e9e7e8+1,e9e7e8+35,ffffff+100 */
    background: #e9e7e8; /* Old browsers */
    background: -moz-linear-gradient(top,  #e9e7e8 1%, #e9e7e8 35%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #e9e7e8 1%,#e9e7e8 35%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #e9e7e8 1%,#e9e7e8 35%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e7e8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.thum-board1 .thum-item p img,
.thum-board1 .thum-item .imgWrap img{position: absolute; width: auto; height: 100%; top: 0; left: 50%; transform: translateX(-50%);}
.thum-board1 .thum-info {min-height:215px; padding: 20px; border: none;}
.thum-board1 .thum-info > span {position: relative; display: inline-block; color: #333; font-size: 1.25rem; letter-spacing: -1px; font-family: 'NotoKR-Bold'; max-height: 65px; overflow: hidden; vertical-align: middle; width: 100%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.5em; height: 3em; margin-bottom: 18px;}
.thum-board1 .thum-info .sts {display: block; width: 90px; height: 28px; border-radius: 5px; border: 1px solid #ccc; font-size: 0.875rem; color: #666; font-family: 'NotoKR-Medium'; text-align: center; line-height: 28px; margin-bottom: 20px;}
.thum-board1 .thum-info .sts.on {color: #ccc; background-color: #333;}

@media (min-width: 768px) and (max-width: 1180px){ 
    .thum-board1 .thum-item {width: 48%; min-height: auto;}
    .thum-board1 .thum-item:nth-child(2n) {margin-right: 0;}
    .thum-board1 .thum-item:nth-child(3n) {margin-right: 2%;}
    .thum-board1 .thum-info {height: auto;}
}
@media all and (max-width: 767px){
    .thum-board1 .thum-item {width: 100%; margin-right: 0 !important;}
    .thum-board1 .thum-info {height: auto;}
    
    /*상세보기 : 임시*/
    .thum-board1-board .board_content img {width: 100%;}
}
/*******************서브페이지 썸네이 유형1  끝******************/

 /*******************서브페이지 썸네이 유형2 시작 ******************/
.thum-board2 {width: 100%;overflow: hidden;}
.thum-board2 .thum-item {float: left; width: 32%; min-height: 300px; margin-bottom: 40px; margin-right: 2%; border: 1px solid #dbdbdb; box-sizing: border-box; border: 1px solid #dbdbdb; padding: 20px;}
.thum-board2 .thum-item:nth-child(3n) {margin-right: 0;}
.thum-board2 .thum-item p,
.thum-board2 .thum-item .imgWrap{ 
    position: relative; padding-top: 56%;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e9e7e8+1,e9e7e8+35,ffffff+100 */
    background: #e9e7e8; /* Old browsers */
    background: -moz-linear-gradient(top,  #e9e7e8 1%, #e9e7e8 35%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #e9e7e8 1%,#e9e7e8 35%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #e9e7e8 1%,#e9e7e8 35%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e7e8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.thum-board2 .thum-item p img,
.thum-board2 .thum-item .imgWrap img{position: absolute; width: auto; height: 100%; top: 0; left: 50%; transform: translateX(-50%);}
.thum-board2 .thum-info {height:120px; padding: 20px 0; border: none;}
.thum-board2 .thum-info .info-txt span {margin-bottom: 5px;}
.thum-board2 .thum-info .info-txt span {position: relative; display: inline-block; color: #333; font-size: 1.125rem; letter-spacing: -1px; font-family: 'NotoKR-Medium'; word-break: keep-all; max-height: 53px; overflow: hidden; vertical-align: middle; line-height: 1.1;}
.thum-board2 .thum-info .info-txt.v2 span {position: relative; display: inline-block; color: #333; font-size: 1.125rem; letter-spacing: -1px; font-family: 'NotoKR-Medium'; word-break: keep-all; max-height: 53px; overflow: hidden; vertical-align: middle;/*text-overflow: ellipsis; overflow: hidden; white-space: nowrap;*/display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.5em; height: 3em;}
.thum-board2 .thum-info .info-txt strong {margin-right: 3px; color: #ef3e61; font-size: 1.125rem;}
.thum-board2 .thum-info .date {position: absolute; left: 0; bottom: 0; font-size: 1rem; color: #777;}
@media (min-width: 768px) and (max-width: 1180px){ 
    .thum-board2 .thum-item {width: 47%;}
    .thum-board2 .thum-item:nth-child(3n) {margin-right: 5%;}
    .thum-board2 .thum-item:nth-child(2n) {margin-right: 0;}

}
@media all and (max-width: 767px){
    .thum-board2 .thum-item {width: 100%; margin-right: 0;}
}
/*******************서브페이지 썸네이 유형2 끝 ******************/
/*다이얼로그 팝업 커스텀*/
.ui-dialog {padding: 0 !important;}
.ui-dialog .ui-dialog-content {padding: 35px !important; box-sizing: border-box !improtant; border-radius: 0 0 10px 10px;}
.ui-widget.ui-widget-content {border: none !important; border-radius: 10px;}

.ui-widget-header {background: #ef3e61 !important; color: #fff !important; border: none;}
.ui-dialog .ui-dialog-title {height: 40px; line-height: 40px; font-family: 'NotoKR-Bold'; font-size: 1.25rem;}
.ui-draggable .ui-dialog-titlebar {border-radius: 10px 10px 0 0 !important;}
.ui-widget-overlay {background: #000 !important; opacity: 0.6 !important;}
.ui-dialog .ui-dialog-titlebar-close {border: none !important; width: 30px !important; height: 30px !important; top: 40% !important; background: #ef3e61 url(../../images/common/gnbClose.png) no-repeat center center !important;}
.ui-dialog .ui-dialog-titlebar-close span {background-image: none !important;}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {font-size: 0.875rem; font-family: 'NotoKR-Regular';}

.add-chamgo {padding-top: 15px;}
.add-chamgo li {position: relative; padding-left: 15px; font-size: 15px; color: #666; font-family: 'NotoKR-Medium';}
.add-chamgo li.txtC-orange {color: #ff6600;}
.add-chamgo li.txtC-main {color: #ef3e61;}
.add-chamgo li:before {content: '※'; position: absolute; left: 0; top: 0;}

@media (min-width: 768px) and (max-width: 1180px){ 
    .ui-dialog {max-width: 90% !important;}
}
@media all and (max-width: 767px){
    .ui-dialog {max-width: 90% !important;}
   
}

/*팝업*/
.popupWrap {box-sizing: border-box;}
.popupWrap .title01 {font-size: 1.5rem; font-family: 'NotoKR-Bold'; letter-spacing: -0.5px; padding-bottom: 20px;}
.popupWrap table thead th {font-family: 'NotoKR-Bold';}
.popupWrap table th, 
.popupWrap table td  {font-family: 'NotoKR-Regular'; font-size: 1rem;}
.popupWrap table td.td_tit {font-size: 1rem;}
.popupWrap table textarea {width: 95%;}
.popupWrap .pagination {margin-top: 35px;}

.border-title.tit{position: relative; padding-bottom: 20px; border-bottom: 2px solid #333; }
.border-title.tit p {font-size: 1.5rem; /*28px*/ font-family: 'NotoKR-Bold'; letter-spacing: -0.8px; margin-right: 25px;}
.border-title.tit p em {font-size: 1.375rem; font-family: 'NotoKR-Bold'; color: #ccc; margin-left: 25px;}
.border-title.tit p em.on {font-size: 1.375rem; font-family: 'NotoKR-Bold'; color: #ef3e61;margin-left: 25px;}
.border-title .require-txt {font-size: 1rem; font-family: 'NotoKR-Medium'; color: #ff6600; position: absolute; bottom: 20px; right: 0;}
.border-title .require-txt.gray {color: #333;}

/*윈도우팝업*/
.winPopWrap .winPop-title {position: relative; background: #ef3e61 !important; color: #fff !important; border: none; overflow: hidden; padding: .4em 1em; box-sizing: border-box;}
.winPopWrap .winPop-title span {height: 40px; line-height: 40px; font-family: 'NotoKR-Bold'; font-size: 1.25rem;float: left; margin: 0.1em 0; white-space: nowrap;  width: 90%; overflow: hidden; text-overflow: ellipsis;}
.winPopWrap .winPop-title .btn-close {position: absolute; border: none !important; width: 30px !important; height: 30px !important; top: 15px; right: 20px; background: #ef3e61 url('../common0img/gnbClose.png') no-repeat center center !important;}
.winPopWrap .popupWrap {padding: 25px;}
.winPopWrap .popupWrap table th {font-family: 'NotoKR-Medium';}

/*공통*/
/*체크박스 커스텀*/
.popupWrap .chk-custom input[type="checkbox"] {cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0 !important; background: #fff; height: 20px; width: 20px; border: 1px solid #333; box-sizing: border-box; margin: 0 3px 0 0; vertical-align: middle}
.popupWrap .chk-custom input[type="checkbox"]:checked {background: #ef3e61 !important;}
.popupWrap .chk-custom input[type="checkbox"]:hover {filter: brightness(90%);}
.popupWrap .chk-custom input[type="checkbox"]:disabled {background: #dbdbdb; opacity: 0.6; pointer-events: none;}
.popupWrap .chk-custom input[type="checkbox"]:after {content: ''; position: relative; left: 40%; top: 20%; width: 25%; height: 52%; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); display: none;}
.popupWrap .chk-custom input[type="checkbox"]:checked:after {display: block;}
.popupWrap .chk-custom input[type="checkbox"]:disabled:after {border-color: #555;}
.popupWrap .chk-custom label {cursor: pointer; margin-right: 10px;}
.popupWrap .chk-custom label span {display: inline-block; line-height: 20px; vertical-align: middle; font-size: 1rem; font-family: 'NotoKR-Medium';}

@media all and (max-width: 767px){
    .ui-dialog .ui-dialog-title {font-size: 1.125rem;}
    .popupWrap .chk-custom label {display: flex;}
    .popupWrap .chk-custom input[type="checkbox"] {flex-shrink: 0;}
}

/*팝업버튼*/
.pop-btn-wrap {text-align: center;}
.pop-btn-wrap button {min-width: 100px; height: 40px; border-radius: 5px; font-size: 1rem; font-family: 'NotoKR-Bold';}
.pop-btn-wrap button + button {margin-left: 2px;}
.pop-btn-wrap .btn-white {background-color: #fff; border: 1px solid #777;}
.pop-btn-wrap .btn-pink {background-color: #ef3e61; border: 1px solid #ef3e61; color: #fff;}

@media all and (max-width: 767px){
    .pop-btn-wrap button {width: 100%;}
    .pop-btn-wrap button + button {margin-left: 0; margin-top: 5px;}
}

.pop-box {/*padding-bottom: 30px; */border-bottom: 1px solid #dbdbdb;}

/*자주찾는지부변경 pop-type1*/
.popupWrap .form-wrap.identi {width: 230px; margin: 0 auto;}
.pop-type1 .pop-box {padding-bottom: 30px; border-bottom: 1px solid #dbdbdb;}

/*개인정보취급방침*/
.popupWrap .agree {border: 1px solid #dbdbdb; height: 380px; overflow-y: scroll; padding: 20px; box-sizing: border-box;}

@media all and (max-width: 767px){
    .popupWrap .form-wrap.identi {max-width: 100%;}
    .pop-type1 .pop-box {max-width: 100%;}
    
}
/*******************서브페이지 공통 2 ******************/

/*******************서브페이지 오시는길 시작******************/
.map-guide {}
.map-guide .top {position: relative; margin-bottom: 25px}
.map-guide .top ul {}
.map-guide .top ul > li {display: inline-block; margin-right: 35px;}
.map-guide .top ul > li:last-child {margin-right: 0;}
.map-guide .top ul > li .icon {display: inline-block;padding-left: 28px; padding-right: 15px; font-family: 'NotoKR-Bold';}
.map-guide .top ul > li span {}
.map-guide .top ul > li.adress .icon {background: url('../../images/ho/icon-position.png') no-repeat left top 4px;}
.map-guide .top ul > li.tel .icon {background: url('../../images/ho/icon-tell.png') no-repeat center left;}
.map-guide .top ul > li.fax .icon {background: url('../../images/ho/icon-fax.png') no-repeat center left;}
.map-guide .top ul > li.email .icon {background: url('../../images/ho/icon-email.png') no-repeat center left;}
.map-guide .top ul > li.url .icon {background: url('../../images/ho/icon-url.png') no-repeat center left;}
.map-guide .top .flex > ul {display: flex; /* justify-content: space-between; */}

.map-guide .bottom .map-area {/* height: 360px; */}
.map-guide .bottom .map-area img {width: 100%;}
.map-guide .bottom .map-info {margin-top: 60px;}
.map-guide .bottom .map-info .tit {font-family: 'NotoKR-Bold'; font-size: 1.5rem; margin-bottom: 18px;}
.map-guide .bottom .map-info .txt-box  {border: 1px solid #dbdbdb; border-radius: 15px; padding: 20px 30px; margin-bottom: 30px;}
.map-guide .bottom .map-info .txt-box p {padding-left: 40px; font-family: 'NotoKR-Medium';}
.map-guide .bottom .map-info .detail-info {}
.map-guide .bottom .map-info .detail-info dl {display: flex; align-items: center;}

.map-guide .bottom .map-info .subway-guide .txt-box {background: url('../../images/ho/icon-subway.png') no-repeat center left 25px;}
.map-guide .bottom .map-info .bus-guide .txt-box {background: url('../../images/ho/icon-bus.png') no-repeat center left 25px;}
.map-guide .bottom .map-info .car-guide .txt-box {background: url('../../images/ho/icon-car.png') no-repeat center left 25px;}

/*색상*/
.map-guide .bottom .map-info .detail-info .bg1 {background-color: #d1a62c;}
.map-guide .bottom .map-info .detail-info .bg2 {background-color: #8936e0;}
.map-guide .bottom .map-info .detail-info .bg3 {background-color: #7082f5;}
.map-guide .bottom .map-info .detail-info .bg4 {background-color: #5fb73b;}
.map-guide .bottom .map-info .detail-info .bg5 {background-color: #00adab;}
.map-guide .bottom .map-info .detail-info .bg6 {background-color: #777777;}

/*지하철 색상 부족해서 추가 (수도권 지하철)*/
.map-guide .bottom .map-info .bg-s-line1 {background-color: #0052A4;}
.map-guide .bottom .map-info .bg-s-line2 {background-color: #00A84D;}
.map-guide .bottom .map-info .bg-s-line3 {background-color: #EF7C1C;}
.map-guide .bottom .map-info .bg-s-line4 {background-color: #00A5DE;}
.map-guide .bottom .map-info .bg-s-line5 {background-color: #996CAC;}
.map-guide .bottom .map-info .bg-s-line6 {background-color: #CD7C2F;}
.map-guide .bottom .map-info .bg-s-line7 {background-color: #747F00;}
.map-guide .bottom .map-info .bg-s-line8 {background-color: #E6186C;}
.map-guide .bottom .map-info .bg-s-line9 {background-color: #BDB092;}

/*버튼*/
.map-btn {text-align: center; margin-top: 30px;}
/*.map-btn .map-btn {border: 1px solid #999; border-radius: 3px; background: #fff; min-height: 34px; padding: 4px 15px; font-family: 'NotoKR-Regular'; letter-spacing: -1px; vertical-align: middle; box-sizing: border-box;}*/

/*원, 사각형 공통*/
.map-guide .bottom .map-info .detail-info {display: flex;}
.map-guide .bottom .map-info .detail-info dl {width: 50%; box-sizing: border-box''}
.map-guide .bottom .map-info .detail-info dl:first-child {padding-right: 40px;}
.map-guide .bottom .map-info .detail-info dt {display: flex; justify-content: center; align-items: center; text-align: center;}
.map-guide .bottom .map-info .detail-info dt p {font-family: 'NotoKR-Medium'; font-size: 1.125rem;}
.map-guide .bottom .map-info .detail-info dt .drop-line {display: block;}
.map-guide .bottom .map-info .detail-info dd {font-family: 'NotoKR-Medium'; font-size: 1.125rem; line-height: 1.3}
.map-guide .bottom .map-info .detail-info dd > p {margin-bottom: 4px;}
.map-guide .bottom .map-info .detail-info dd > p:last-child {margin-bottom: 0;}
.map-guide .bottom .map-info .detail-info dd em {display: block; font-family: 'NotoKR-Regular'; font-size: 1rem; color: #666; letter-spacing: -0.8px;}

/*원*/
.map-guide .bottom .map-info .detail-info dl dt.circle {width: 110px; height: 110px; border-radius: 50%; flex-shrink: 0; margin-right: 20px; color: #fff;}

/*사각형*/
.map-guide .bottom .map-info .detail-info dl dt.square {width: 120px; height: 45px; border-radius: 10px; flex-shrink: 0; margin-right: 20px; color: #fff;}


.map-guide .bottom .map-info .info-box1 > div {}
.map-guide .bottom .map-info .info-box1 .bus-guide {margin-top: 50px;}

.map-guide .bottom .map-info .info-box2 {margin-top: 60px;}
.map-guide .bottom .map-info .info-box2 .detail-info {display: block;}
.map-guide .bottom .map-info .info-box2 .detail-info dl {width: 100%; margin-bottom: 10px;}

.map-guide .bottom .map-info .info-box2 .icon-guide {margin-top: 35px; padding-left: 25px; background: url('../../images/ho/icon-wrannig.png') no-repeat top 2px left;}

.bus-line {display: flex; width: 100%; align-items: center; margin-bottom: 10px;}
.bus-line .bus-color {font-family: 'NotoKR-Medium'; margin-right: 35px; flex-shrink: 0;}
.bus-line .bus-color span {display: inline-block; width: 33px; height: 33px; border-radius: 5px; vertical-align: middle; margin-right: 8px;}
.bus-line .bus-color span.gansun {background: #7082f5;}
.bus-line .bus-color span.green, 
.bus-line .bus-color span.green {background: #4da729;}
.bus-line .bus-color span.gyeonggi {background: #01a4a2;}
.bus-line .bus-color span.express {background: #fa6348;}

.bus-line .bus-info {margin-top: -2px;}
.map-guide .mark {position: relative; z-index: 1;}
.map-guide .mark:after {content: ''; display: block; background: #cfeac7; width: 100%; height: 10px; position: absolute; bottom: 0; left: 0; z-index: -1;}

/*전국센터 전화번호 안내 전화기 아이콘 추가 : 요청으로 추가*/
div[id^=chkJibuNum-pop] table tr td.tel a {display: inline-block; background: url('../../images/ho/icon-tell.png') no-repeat center left; padding-left: 25px;}

/*지부 오시는길 ui 수정으로 인한 css*/
/*.map-info .subway-info {}
.map-info .subway-info > ul {display: flex; flex-wrap: wrap;}
.map-info .subway-info > ul > li { width: 50%; margin-bottom: 40px; box-sizing: border-box; word-break: keep-all; padding-right: 20px;}
.map-info .subway-info > ul > li.full {width: 100%;}
.map-info .subway-info > ul > li > span {display: inline-block; width: 120px; padding: 5px 5px; border-radius: 8px; text-align: center; font-size: 14px; font-family: "NotoKR-Medium"; color: #fff;}
.map-info .subway-info > ul > li .txt-info {margin-top: 8px;}
.map-info .subway-info > ul > li .txt-info > li {}
.map-info .subway-info > ul > li .txt-info > li .title {font-size: 1.125rem; font-family: "NotoKR-Medium"; letter-spacing: -0.8px;}
.map-info .subway-info > ul > li .txt-info > li .sub {color: #666;}*/
/*지부 오시는길 ui 수정으로 인한 css*/


@media (min-width: 768px) and (max-width: 1180px){ 
    .map-guide .top .flex > ul {display: block;}
    .map-btn-wrap {position: static; margin-bottom: 20px;}
    .map-guide .bottom .map-area {height: auto;}
    /*.map-guide .top > div {float: none !important; margin-top: 8px;}*/
    .map-guide .bottom .map-info .info-box1 > div {float: none; width: 100%;}
    .map-guide .bottom .map-info .info-box1 .right {margin-top: 50px;}
    .map-guide .bottom .map-info .info-box2 .detail-info dl {float: none !important; width: 100%;}
}
@media all and (max-width: 767px){
    .map-guide { padding-top: 50px;}
    .map-guide .map-btn {width: 100%; display: block; text-align: center; margin-bottom: 5px;}
    .map-btn-wrap {position: static; margin-bottom: 20px;}
    
    .map-guide .top > div {float: none !important; margin-top: 0 !important;}
    .map-guide .top .flex > ul {display: block;}
    .map-guide .top ul > li {display: flex; margin-left: 0;  margin: 5px 0;}
    .map-guide .top ul > li .icon {flex-shrink: 0;}
    
    .map-guide .bottom .map-area {height: auto;}
    .map-guide .bottom .map-info .detail-info {display: block;}
    .map-guide .bottom .map-info .detail-info dt .drop-line {display: inline-block;}
    .map-guide .bottom .map-info .info-box1 > div {float: none; width: 100%;}
    .map-guide .bottom .map-info .info-box1 .right {margin-top: 50px;}
    .map-guide .bottom .map-info .info-box2 .detail-info dl {float: none !important; width: 100%; margin-bottom: 20px;}
    .map-guide .bottom .map-info .detail-info.car dl {align-items: flex-start;}
    .map-guide .bottom .map-info .detail-info dl {display: block; margin-bottom: 20px; width: 100%;}
    .map-guide .bottom .map-info .detail-info dl dt {margin-bottom: 10px;}
    .map-guide .bottom .map-info .detail-info dl dt.circle {width: 100%; height: auto; padding: 10px; box-sizing: border-box; border-radius: 10px;}
    .map-guide .bottom .map-info .detail-info dl dt.square {width: 100%;}
    .map-guide .bottom .map-info .detail-info dd > p {margin-bottom: 20px; word-break: keep-all; line-height: 1.4;}
    .map-guide .bottom .map-info .detail-info dd {padding: 0 10px; box-sizing: border-box;}
    .map-guide .bottom .map-info .bus-guide .txt-box {margin-bottom: 50px;}
    
    .bus-line {flex-direction: column; align-items: flex-start; margin-bottom: 25px;}
    .bus-line .bus-color {margin-bottom: 10px;}
    
    /*.map-info .subway-info > ul {display: block;}
    .map-info .subway-info > ul > li {width: 100%;}*/
}


/*******************서브페이지 오시는길 끝******************/

/************************* 서브페이지 : 예약파트 공통 시작****************************/
.process-box {text-align: center; margin-bottom: 50px;} 
.process-box ul {overflow: hidden; display: inline-block}
.process-box ul li {float: left; padding-right: 60px; background: url('../../images/ho/process-arrow-off.png') no-repeat center right 20px;}
.process-box ul li.on {background: url('../../images/ho/process-arrow.png') no-repeat center right 20px}
.process-box ul li .step {display: inline-block; border: 1px solid; width: 70px; height: 70px; border-radius: 50%; -moz-border-radius: 50%; background-color: #888; color: #fff; font-size: 1.5rem; font-weight: 600; font-family: 'Roboto-Bold'; line-height: 1; box-sizing: border-box; padding-top: 15px; margin-right: 13px; vertical-align: middle;}
.process-box ul li.on .step {background-color: #ef3e61;}
.process-box ul li .step em {display: block; font-size: 0.75rem; letter-spacing: 0.3px; /*font-family: 'Roboto-Medium';*/}
.process-box ul li p {display: inline-block; font-size: 1.5rem; font-family: 'NotoKR-Medium'; vertical-align: middle; color: #666;}
.process-box ul li.on p {display: inline-block; font-size: 1.5rem; font-family: 'NotoKR-Medium'; vertical-align: middle; color:#333;}
.process-box ul li:last-child {padding-right: 0; background-image: none;}

@media all and (max-width: 767px){
    .process-box {display: block;}
    .process-box ul {display: flex;}
    .process-box ul li {position: relative; padding-right: 0; background: none; flex-grow: 1; background-color: #888; padding: 10px 0; border-right: 1px solid #f5f5f5;}
    .process-box ul li:last-child {border-right: 0;}
    .process-box ul li.on {background: none; background-color: #ef3e61;}
    .process-box ul li p {font-size: 1rem; color: #fff; font-family: 'NotoKR-Medium';}
    .process-box ul li .step {display: block; width: 100%; text-align: center; margin-right: 0; font-size: 0.875rem; border-radius: 0; background:none; height: auto; padding: 0; padding-bottom: 3px; border: none; font-family: 'NotoKR-Regular';}
    .process-box ul li .step em {display: inline-block; margin-right: 5px; font-size: 0.875rem; font-family: 'NotoKR-Regular';}
}

/*******************기업 협약 검진예약 인트로 및 본인인증 인트로 시작******************/
.itemCard-box {border: 1px solid #ccc; border-radius: 10px;}
.itemCard-box ul {display: flex; overflow: hidden; padding: 50px 0;}
.itemCard-box ul li {position: relative; border-right: 1px solid #dbdbdb; width: 33.333%; padding: 10px 50px;  box-sizing: border-box; text-align: center;}
.itemCard-box ul li:last-child {border-right: none;}
.itemCard-box ul li .item-tit {margin-bottom: 165px;}
.itemCard-box ul li .item-tit .tit {font-size: 1.75rem; font-family: 'NotoKR-Medium'; letter-spacing: -1px; margin-bottom: 15px;}
.itemCard-box ul li .item-tit span {display: block; color: #666; font-size: 1rem; word-break: keep-all; font-family: 'NotoKR-Regular';}
.itemCard-box ul li .item-tit span.small {padding: 0 20px;}
.itemCard-box ul li a {display: block; width: 200px; height: 45px; background-color: #505456; color: #fff; line-height: 45px; border-radius: 5px; font-family: 'NotoKR-Medium'; font-size: 1.25rem; margin: 0 auto;}
.itemCard-box ul li a + a {margin-top: 10px;}
.itemCard-box ul li a.iconBtn {padding-left: 54px; box-sizing: border-box; text-align: left;}
.itemCard-box ul li a.naverBtn {background: #129b3c url('../../images/ho/icon-naver.png') no-repeat center left 20px;}
.itemCard-box ul li a.kakaoBtn {color: #2b1010; background: #f8da33 url('../../images/ho/icon-kakao.png') no-repeat center left 10px;}

/*본인인증*/
.itemCard-box ul li.phone-verifi {background: url('../../images/ho/icon-verifi-phone.png') no-repeat center top 150px;}
.itemCard-box ul li.ipin-verifi {background: url('../../images/ho/icon-verifi-ipin.png') no-repeat center top 160px;}
.itemCard-box ul li.sns-verifi {background: url('../../images/ho/icon-verifi-sns.png') no-repeat center top 160px;}

.com-verifi {position: relative; border: 1px solid #ccc; border-radius: 10px; margin-top: 20px; box-sizing: border-box; padding: 35px;}
.com-verifi .item-tit .tit {font-size: 1.75rem; font-family: 'NotoKR-Medium'; letter-spacing: -1px; margin-bottom: 5px;}
.com-verifi .item-tit span {display: block; color: #666; font-size: 15px; word-break: keep-all; font-family: 'NotoKR-Medium';}
.com-verifi a {display: block; width: 200px; height: 45px;  background-color: #505456;  color: #fff; line-height: 45px; border-radius: 5px; font-family: 'NotoKR-Medium';  font-size: 1.125rem; text-align: center; margin: 0 auto; position: absolute; top: 50%; right: 35px; transform: translateY(-50%);}

/*검진예약*/
.itemCard-box.v2 ul li .item-tit .tit {min-height: 80px; line-height: 1.2;}
.itemCard-box ul li.personal-reserve {background: url('../../images/ho/icon-person-reserve.png') no-repeat center top 130px;}
.itemCard-box ul li.group-reserve {background: url('../../images/ho/icon-group-reserve.png') no-repeat center top 140px;}
.itemCard-box ul li.simple-reserve {background: url('../../images/ho/icon-simple-reserve.png') no-repeat center top 130px;}

@media (min-width: 768px) and (max-width: 1180px){
    .itemCard-box ul li {padding: 10px 10px;}
    .itemCard-box ul li .item-tit .tit {font-size: 1.5rem;}
    .itemCard-box ul li a {max-width: 100%;}
}
@media all and (max-width: 767px){
    .itemCard-box ul {display: block; padding: 0;}
    .itemCard-box ul li {display: block; width: 100% !important; border-right: none; border-bottom: 1px solid #dbdbdb; padding: 30px; }
    .itemCard-box.v1 ul li {background-position: top 150px center !important;}
    
    .itemCard-box ul li .item-tit .tit {font-size: 1.5rem;}
    .itemCard-box ul li a {width: 100%;}
    .itemCard-box ul li a.iconBtn {text-align: center; background-position: center left calc(50% - 50px); padding-left: 20%;}
    .itemCard-box.v2 ul li {background-position: top 155px center;}
    .itemCard-box.v2 ul li.simple-reserve {background: url('../../images/ho/icon-simple-reserve.png') no-repeat center top 130px;}
    
    .com-verifi {text-align: center;}
    .com-verifi a {position: static; transform: none; width: 100%; margin-top: 30px;}
}
/*******************기업 협약 검진예약 및 본인인증 인트로 끝******************/

/*******************기업 협약 약관동의 시작******************/
/*개인정보처리방침*/
.verifi-box-wrap.border {border: 1px solid #dbdbdb; width: 100%; height: 340px; overflow-y: scroll; background-color: #fff; padding: 30px 35px; box-sizing: border-box;}
.verifi-box {border: 1px solid #dbdbdb; width: 100%; height: 340px; overflow-y: scroll; background-color: #fff; padding: 30px 35px; box-sizing: border-box;}
.verifi-box .term, .verifi-term {margin-bottom: 20px;}
.verifi-term > div {font-size: 1rem; color: #666; padding-left: 10px;}
.verifi-box .term .tit,
.verifi-term  .tit,
.verifi-term  h4 {font-family: 'NotoKR-Medium'; font-size: 1.125rem; color: #111; margin-bottom: 5px;}

.verifi-box .term .term-table,
.verifi-term .term-table {overflow: auto}

.verifi-box .term .term-table table,
.verifi-term .term-table table {margin-top: 10px; margin-bottom: 10px; min-width: 700px;}
.verifi-box .term .term-table th,
.verifi-term .term-table th {background: #f3f3f3; font-weight: normal;  font-size: 1rem; font-family: 'NotoKR-Medium'; color: #111;}

.verifi-box .term .term-table th,
.verifi-box .term .term-table td,
.verifi-term .term-table th,
.verifi-term .term-table td {border: 1px solid #dbdbdb; padding: 5px 8px; text-align: center;}


.phone-verifi {padding-top: 70px; padding-bottom: 70px; padding-left: 210px; background: url('../../images/ho/wm/icon-phone.png') no-repeat center left 45px; word-break: keep-all;}
.phone-verifi > p {padding-right: 80px;}

@media (min-width: 768px) and (max-width: 1180px){ 
    
}
@media all and (max-width: 767px){
    .phone-verifi {padding: 40px; padding-top: 210px; background: url('../../images/ho/wm/icon-phone.png') no-repeat center top 45px;}
    .phone-verifi > p {padding: 0;}
}
/*******************기업 협약 약관동의 끝******************/

/*******************기업 협약 내정보입력/완료 시작******************/
/*공통*/
table.m-table .input-txt {width: auto;}
table.m-table .input-txt.wid-s,
table.m-table .wid-s{width: 120px;}
table.m-table .input-txt.wid-m,
table.m-table .wid-m{width: 150px;}
table.m-table .input-txt.wid-ml,
table.m-table .wid-ml{width: 250px;}
table.m-table .input-txt.wid-l,
table.m-table .wid-l{width: 300px;}
table.m-table .input-txt.full,
table.m-table .full{width: 100%;}
.dateBox {position: relative; display: inline-block;}
/* .dateBox img {position: absolute; top: 50%; transform: translateY(-50%); right: 8px;} */
.dateBox button.ui-datepicker-trigger {border: 0 !important; width: 25px !important; height: 25px !important; position: absolute; top: 50% !important; right: 5px !important; transform: translateY(-55%) !important; background-color: transparent;}


.input-button {position: relative; display: inline-block; padding-right: 70px; box-sizing: border-box; vertical-align: middle;}
.form-btn {min-width: 60px; height: 32px; font-size: 0.875rem; font-family: 'NotoKR-Medium'; background-color: #666; border-radius: 5px; color: #fff; margin-left: 8px; position: absolute; top: 0; 
right: 0;}
/*******************기업 협약 내정보입력/완료 끝******************/

/*******************예약 등록 공통 폼 시작******************/
.form-wrap {position: relative; display: table;}
.form-wrap span, .form-wrap em {display: table-cell; table-layout: fixed; vertical-align: top;}

.form-wrap span:first-child {padding-left: 0;}
.form-wrap span, .form-wrap em {display: table-cell; table-layout: fixed; vertical-align: top;}
.form-wrap span {height: 100%; padding-left: 12px;}

.form-wrap span input,
.form-wrap span select {width: 100%;}

.form-wrap .dash {padding: 0 9px; vertical-align: middle;}
.form-wrap span, .form-wrap em {display: table-cell; table-layout: fixed; vertical-align: top;}
.form-wrap .dash + span {padding-left: 0;}

.form-wrap.email span {width: 120px;}
.form-wrap.phone span:first-child {width: auto;}
.form-wrap.phone span {width: 100px;}

.form-wrap .check-custom {margin-left: 15px;}
.form-wrap .check-custom span {width: auto; padding-left: 0;}

@media all and (max-width: 767px){
    table.m-table input[type=text].input-txt {width: 100% !important;}
    .form-wrap .dash.m-hid {display: none;}
    .input-button {display: block; width: 100%;}
    .form-wrap.email {display: block !important; overflow: hidden;}
    .form-wrap.email > span {width: 50%;}
    .form-wrap.email > span:last-child {width: 100%; display: block; float: none; clear: both; padding-left: 0; margin-top: 10px;}
    .form-wrap.phone {display: block !important; overflow: hidden;}
    .form-wrap.phone > span {width: calc(50% - 11px); }
    .form-wrap.phone > span:nth-of-type(1) {display: block; width: 100%;margin-bottom: 5px;}
    .form-wrap.input2 {width: 100%;}
    .form-wrap.input2 input[type="text"],
    .form-wrap.input2 input[type="password"] {width: 100%;}
}
/*******************예약 등록 공통 폼 끝******************/

/*******************기업예약 : 소속단체 검색 시작******************/
.search-company {text-align: center; padding: 30px 0; margin-bottom: 30px;}
.search-company label {font-size: 1.625rem; font-family: 'NotoKR-Bold'; letter-spacing: -0.8px; margin-right: 15px; vertical-align: middle;} 
.search-company input[type=text] {width: 340px; height: 45px; border: 2px solid #333; vertical-align: middle;}
.search-company button {min-width: 80px; height: 45px; background-color: #555; color: #fff; border-radius: 5px; margin-left: 5px; font-family: 'NotoKR-Bold';}
.compay-list {margin-bottom: 50px;}
.compay-list .tit {border-bottom: 1px solid #dbdbdb; position: relative; padding-bottom: 15px; font-size: 1rem; padding-left: 15px;}
.compay-list .tit em {display: inline-block; font-size: 12px; position: absolute; left: 0; top: 2px; }

.group-search {border: 1px solid #dbdbdb; border-radius: 10px; background-color: #f8f8f8; padding: 40px; text-align: center;}
.group-search label {font-family: 'NotoKR-Bold'; margin-right: 20px;}
.group-search label ~ label {margin-left: 50px;}
.group-search input {width: 32%; height: 45px;}

.g-quickLink {}
.g-quickLink > ul > li {margin-right: 50px;}

@media (min-width: 768px) and (max-width: 1180px){ 
    .group-search input {width: 30%;}
}
@media all and (max-width: 767px){
    .search-company label {display: block; margin: 0; margin-bottom: 10px;}
    .search-company input[type=text] {width: 100%;}
    .search-company button {width: 100%; margin-left: 0; margin-top: 5px;}
    .group-search {padding: 30px;}
    .group-search label {display: block; text-align: left; margin: 0;}
    .group-search label ~ label {margin-left: 0; margin-top: 10px;}
    .group-search input {width: 100%; height: 45px;}
}

/*******************기업예약 : 소속단체 검색 끝******************/

/************************커스텀 공통*************/
/*체크박스 커스텀*/
.check-custom input[type="checkbox"] {cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0 !important; background: #fff; height: 20px; width: 20px; border: 1px solid #333; box-sizing: border-box; margin: 0 3px 0 0; vertical-align: middle}
.check-custom input[type="checkbox"]:checked {background: #ef3e61 !important; border: 1px solid #ef3e61; border-color: #ef3e61 !important;}
.check-custom input[type="checkbox"]:hover {filter: brightness(90%);}
.check-custom input[type="checkbox"]:disabled {background: #dbdbdb; opacity: 0.6; pointer-events: none;}
.check-custom input[type="checkbox"]:after {content: ''; position: relative; left: 40%; top: 20%; width: 25%; height: 52%; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); display: none;}
.check-custom input[type="checkbox"]:checked:after {display: block;}
.check-custom input[type="checkbox"]:disabled:after {border-color: #555;}
.check-custom input[type="checkbox"]:after:focus {outline: 1px solid #ef3e61; border: 1px solid #333;}
.check-custom label {cursor: pointer; margin-right: 10px;}
.check-custom span {display: inline-block; line-height: 20px; vertical-align: middle; font-size: 1rem; font-family: 'NotoKR-Medium'; width: auto;}
.check-custom input[type="checkbox"]:focus + span {border: 1px solid #333; box-sizing: border-box;}
/*체크박스커스텀2 : 가로로 긴 형태 (기본3개씩)*/

.chk-wrap {}
/*기본크기값:리스트로 감싸서 할 경우*/
.chk-custom-list {display: flex; flex-wrap: wrap;}
.chk-custom-list li {width: 195px; margin-right: 8px;}
.chk-custom-list li:nth-of-type(n+4) {margin-top: 8px;}

.chk-wrap {display: flex; flex-wrap: wrap;}
.forChk {display: inline-block; position: relative; overflow: hidden;}
.forChk input[type=checkbox] {position: absolute; top: 8px; left: 8px; width: 1px; height: 1px; margin-right: 7px; top: -5px;}
.forChk span.chkCustom {display: inline-block; width: 100%; min-height: 40px; height: 100%; line-height: 1.2; border: 1px solid #aaa; border-radius: 20px; padding: 10px 5px; box-sizing: border-box; font-size: 1rem; font-family: 'notoKR-Medium'; color: #333; box-sizing: border-box; text-align: center; cursor: pointer; display: flex; justify-content: center; align-items: center;}
.forChk span.chkCustom:after {display: none;}
.forChk input[type="checkbox"]:checked + span.chkCustom {color: #fff; background: #ef3e61; border: 1px solid #ef3e61;} 
.forChk input[type="checkbox"]:focus + span.chkCustom {border: 1px solid #333;}

/*기본크기값*/
.chk-wrap .forChk,
.forChk {width: 175px; margin-right: 6px; margin-bottom: 8px;}
.forChk:hover span {background-color: #f5f5f5;}

/*크기값 2 */
.forChk.v2 {width: 195px; margin-right: 6px;}

/*선택불가*/

.forChk.disable span {background-color: #f3f3f3; color: #bbb;}
.forChk input[type="checkbox"][disabled] + span.rdCustom,
.forChk input[type="checkbox"][readonly] + span.rdCustom{cursor: not-allowed; background-color: #f3f3f3; }

@media (min-width: 768px) and (max-width: 1180px){
    .chk-custom-list li {width: 32%; margin: 0 0.5%; margin-bottom: 10px;}
}

@media all and (max-width: 767px){
    .chk-custom-list {display: block;}
    .chk-custom-list li {width: 100% !important; margin-right:0 !important;}
    .forChk {width: 100% !important; margin-right: 0 !important;}
    
}

/*라디오커스텀2 : 가로로 긴 형태*/
.radio-list-wrap {}
.radio-list {display: flex; flex-wrap: wrap;}
.radio-list li {width: 165px; margin-right: 8px;}
.radio-list.mid li {width: 195px; margin-right: 8px;}
.radio-wrap {display: flex; flex-wrap: wrap;}
.forRd:hover span {background-color: #f5f5f5;}
.forRd {display: inline-block; position: relative; overflow: hidden;}
.forRd span.rdCustom {display: inline-block; width: 100%; min-height: 40px; height: 100%;  line-height: 1.2; border: 1px solid #aaa; border-radius: 20px; padding: 10px 13px; box-sizing: border-box; font-size: 1rem; font-family: 'notoKR-Medium'; color: #333; box-sizing: border-box; text-align: center; cursor: pointer; display: flex; justify-content: center; align-items: center;}
.forRd span.rdCustom:after {display: none;}
.forRd input[type="radio"]:checked + span.rdCustom {color: #fff; background: #ef3e61; border: 1px solid #ef3e61;} 
.forRd input[type="radio"]:focus + span.rdCustom {border: 1px solid #333;}
.txtOv span.rdCustom {display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

/*선택불가*/
.forRd.disable {}
.forRd.disable span {color: #bbb;}
.forRd input[type="radio"][disabled] + span.rdCustom,
.forRd input[type="radio"][readonly] + span.rdCustom{cursor: not-allowed; background-color: #f3f3f3; color: #bbb;}


/*크기값1*/
.radio-wrap.sm .forRd, .forRd.sm {width: 135px; margin: 5px 0; margin-right: 8px;}
.radio-wrap.v1 .forRd, .forRd.v1 {width: 165px; margin-bottom: 8px; margin-right: 5px;}
.radio-wrap.v2 .forRd, .forRd.v2 {width: 195px; margin-bottom: 8px; margin-right: 5px;}
.radio-wrap.v3 .forRd, .forRd.v3 {width: 32.5%; margin-bottom: 8px; margin-right: 5px;}
.radio-wrap.v4 .forRd, .forRd.v4 {width: 24%; margin-bottom: 8px; margin-right: 5px;}

@media (min-width: 768px) and (max-width: 1180px){ 
    .radio-wrap.v4 .forRd, .forRd.v4 {width: 32%; margin-bottom: 8px; margin-right: 5px;}
}
@media all and (max-width: 767px){
    .radio-list {display: block;}
    .radio-list li {width: 100% !important; margin-right:0 !important; margin-bottom: 10px;}
    .forRd {width: 100% !important; margin-right: 0 !important; margin-bottom:8px !important;}
}

/**********************커스텀 공통****************/

/*******************기업예약 : 예약등록 시작******************/
.reserve-box {margin-bottom: 50px;}
.set-info {color: #999;}
.set-info.on {color: #ef3e61;}
.add-info {font-size: 1rem; font-family: 'NotoKR-Regular'; color: #666;}

.etc-btn {border: 1px solid #777; display: inline-block; padding: 8px 55px 8px 20px; box-sizing: border-box; font-size: 1rem; font-family: 'NotoKR-Medium'; border-radius: 5px;}
.down-btn {background: url('../../images/ho/icon-downBtn.png') no-repeat center right 20px;}
.link-btn {background: url('../../images/ho/icon-linkBtn.png') no-repeat center right 20px;}

/*개인정보처리방침 동의*/
.agree-wrap {}
.agree-wrap ul li {position: relative; border-bottom: 1px solid #dbdbdb; display: flex;  padding: 25px 15px; box-sizing: border-box;}
.agree-wrap ul li p {width: 43%; font-family: 'NotoKR-Medium';}
.agree-wrap ul li > div {padding-right: 100px;} 
.agree-wrap ul li label ~ label {margin-left: 30px;}
.agree-wrap button {position: absolute; right: 20px; top: 50%; transform: translateY(-50%); border: 1px solid #333; border-radius: 5px; background-color: #fff; height: 32px; padding: 3px 15px; font-size: 15px; font-family: 'NotoKR-Medium';}

.agree-wrap.v2 {border: 1px solid #dbdbdb; border-radius: 10px; padding: 0 25px;}
.agree-wrap.v2 ul li:last-child {border-bottom: 0;}

/*검사항목 필수, 추가 선택*/
td.add-wrap {padding: 0 !important;}
.add-box {padding: 20px; border-bottom: 1px solid #dbdbdb; box-sizing: border-box;}
.add-box .add-tit {position: relative; font-size: 1.125rem; font-family: 'NotoKR-Medium';padding-left: 10px; padding-bottom: 2px;}
.add-box .add-tit:before {content: ''; display: block; width: 5px; height: 5px; background-color: #555; border-radius: 50%; position: absolute; top: 11px; left: 0;}
.add-box .add-txt {position: relative; padding-left: 10px; padding-bottom: 20px; font-size: 1rem; color: #666;}
.add-box .add-info {font-size: 15px; font-family: 'NotoKR-Regular'; color: #ef3e61; margin-top: 15px;}
.add-box:last-child {border-bottom: 0;}

@media (min-width: 768px) and (max-width: 1180px){ 
    .add-box {width: 100%;}
}
@media all and (max-width: 767px){
    .agree-wrap ul li {display: block; width: 100%;}
    .agree-wrap ul li p {width: 100%; padding-bottom: 10px;}
    .agree-wrap ul li label {width: 50%; text-align: center;}
    .agree-wrap ul li label ~ label {margin: 0}
    .agree-wrap ul li > div {padding: 0; }
    .agree-wrap button {position: static; transform: none; width: 100%; margin-top: 20px;}
    
    .etc-btn {width: 100%; text-align: left;}
    
    .add-box {width: 100%; border: 1px solid #dbdbdb !important; border-radius: 10px; margin: 10px 0 15px 0;}
}

/*예약체크사항*/
.chk-list {padding: 20px 15px; box-sizing: border-box; border-bottom: 1px solid #dbdbdb;}
.chk-list li {position: relative; font-size: 1rem; font-family: 'NotoKR-Medium'; color: #333; padding: 3px 0; padding-left: 10px;}
.chk-list li:before {content: ''; display: block; width: 3px; height: 3px; background: #666; border-radius: 50%; position: absolute; top: 13px; left: 0;}

/*체크리스트 팝업*/
.chkList-wrap {}
.chkList-wrap .list-box:first-child {padding-top: 0;}
.chkList-wrap .list-box {border-bottom: 1px solid #ccc; padding: 25px 0}
.chkList-wrap .list-box .tit {font-family: 'NotoKR-Bold'; font-size: 1.125rem; padding-bottom: 10px;}

.chkList-wrap .list-item {padding-left: 20px; box-sizing: border-box;}
.chkList-wrap .list-item label {display: inline-block; margin-right: 25px; font-size: 1rem;}
.chkList-wrap .list-item .input-txt {display: flex; padding: 5px 0 0 0; align-items: center;}

.chkList-wrap .list-item .input-txt label {margin-right: 10px;}
.chkList-wrap .list-item .input-txt .self-txt.full {flex-grow: 1;}
.chkList-wrap .help-txt {padding-left: 20px; font-size: 15px; letter-spacing: -1px; line-height: 1.3; margin-top: 15px;}

@media all and (max-width: 767px){
    .chkList-wrap .list-item {padding-left: 0;}
    .chkList-wrap .help-txt {padding-left: 0;}
    .chkList-wrap .list-item .input-txt {display: block;}
    .chkList-wrap .list-item .input-txt .self-txt {width: 100%; margin-top: 3px;}
}

/*사전및준비사항*/
.before-wrap {border: 1px solid #dbdbdb; height: 200px; overflow-y: scroll; padding: 25px; box-sizing: border-box; font-family: 'NotoKR-Medium'; color: #666;}
/*.before-wrap p {font-family: 'NotoKR-Medium'}*/

/*검사시 주의사항*/
.pop-type2 {}
.popupWrap .title {font-size: 1.125rem; font-family: 'NotoKR-Bold'; margin-bottom: 15px;}
.popupWrap .pop-txt {font-size: 1rem; font-family: 'NotoKR-Regular';}

/*희망검진일*/
.selected-infoBox {display: flex; border: 1px solid #dbdbdb; padding: 25px; box-sizing: border-box; background-color: #f8f8f8; border-radius: 10px;}
.selected-infoBox dl {overflow: hidden;}
.selected-infoBox dl dt { width: 100%; font-size: 15px; font-family: 'NotoKR-Bold'; padding-bottom: 5px;}
.selected-infoBox dl dd {float: left; padding-right: 10px; font-size: 1.125rem; font-family: 'NotoKR-Medium'; color: #ef3e61;}
.selected-infoBox dl.info-date {width: 185px; flex-shrink: 0; border-right: 1px solid #e8e8e8;}
.selected-infoBox dl.info-time {flex-grow: 1; padding-left: 25px;}
.selected-infoBox dl.info-time dd span.nm {position: relative; padding-left: 20px;}
.selected-infoBox dl.info-time dd span.nm em {display: block; border: 1px solid; width: 16px; height: 16px; border-radius: 50%; font-size: 11px; text-align: center; line-height: 15px; position: absolute; left: 0; top: 5px;}

.selected-detail {margin-top: 30px; overflow: hidden;}
.selected-detail .border-box {border: 1px solid #dbdbdb; border-radius: 10px; height: 470px;}
.selected-detail .left {width: 54%;}
.selected-detail .right {width: 44%;}
.selected-detail .right .scroll-box {height: 470px; overflow-y: scroll; padding: 25px; box-sizing: border-box;}
.selected-detail .scroll-box .forRd {width: 47% !important; margin-right: 5px !important; margin-bottom: 8px;}
.selected-detail .scroll-box dl {border-bottom: 1px solid #e8e8e8; padding: 20px 0; }
.selected-detail .scroll-box dl:first-child {padding-top: 0;}
.selected-detail .scroll-box dl dt {position: relative; font-size: 1.125rem; font-family: 'NotoKR-Bold'; vertical-align: middle; margin-bottom: 10px; padding-left: 23px;}
.selected-detail .scroll-box dl dt em {display: block; border: 1px solid; width: 16px; height: 16px; border-radius: 50%; font-size: 11px; text-align: center; line-height: 15px; position: absolute; left: 0; top: 5px;}
.selected-detail .scroll-box dl dd {display: flex; align-items: center;}
.selected-detail .scroll-box dl dd > div {margin-right: 15px;}
.selected-detail .scroll-box dl dd > select {}
.selected-detail .calender-wrap {padding: 40px;}

/*예방접종 희망접종일 버전*/
.selected-detail.v2 .left,
.selected-detail.v2 .right {width: 100%;}
.selected-detail.v2 .calender-wrap {width: 450px; margin: 0 auto; padding: 20px 0 0 ;}
.selected-detail.v2 .border-box {height: auto; padding: 25px;}

@media all and (max-width: 767px){
    .selected-infoBox {display: block;}
    .selected-infoBox dl.info-date {width: 100%; border-right: 0; border-bottom: 1px solid #ccc; padding-bottom: 20px;}
    .selected-infoBox dl.info-time {padding-left: 0; padding-top: 20px;}
    
    .selected-detail .left,
    .selected-detail .right {float: none; width: 100%;}
    .selected-detail .right {margin-top: 30px;}
    .selected-detail .border-box {height: auto;}
    .selected-detail .calender-wrap {padding: 20px;}
    
    .selected-detail .scroll-box dl dd {display: block;}
    .selected-detail .scroll-box dl dd > select {width: 100%; margin-top: 10px;}
}

/*예약등록완료*/

.result-msg{position: relative; width: 100%; padding: 45px; box-sizing: border-box; border: 1px solid #dbdbdb; border-radius: 15px; margin-bottom: 20px; text-align: center;}
.result-msg.black {border: 1px solid #333;}
.result-title {display: inline-block; position: relative; padding: 10px 0 10px 130px;  box-sizing: border-box; background:url('../../images/ho/icon-check.png') no-repeat left center;}
.result-title.warn {background:url('../../images/ho/icon-wran2.png') no-repeat left center;}
.result-title .tit {font-size: 2.25rem; font-family: 'NotoKR-Medium'; letter-spacing: -0.8px; text-align: left}
.result-title .sub {font-size: 1.125rem; font-family: 'NotoKR-Regular'; letter-spacing: -0.8px; color: #666;}
.result-title .sub span {font-family: 'NotoKR-Bold'; color: #61bb46; margin-right: 2px;}
.result-detail {margin-top: 40px;}
.result-detail .title {font-size: 1.875rem; font-family: 'NotoKR-Bold'; letter-spacing: -0.5px; padding-bottom: 20px;}

@media (min-width: 768px) and (max-width: 1180px){ 
    .reserve-result {width: 100% !important;}
}
@media all and (max-width: 767px){
    .reserve-result {width: 100% !important;}
    .result-msg {padding: 35px;/*margin-top: 50px;*/}
    .result-title .tit {font-size: 2rem;
    margin-bottom: 10px;
    text-align: center;
    letter-spacing: -2px;}
    .result-title {padding: 115px 0 0 10px; background-position: center top !important; text-align: center; text-align: center; word-break: keep-all;}
    .result-title .sub span {margin-bottom: 10px;}
    .result-detail .title  {font-size: 1.5rem;}
    .result-title .sub span {display: block;}
}

/*******************기업예약 : 예약등록 끝******************/

/*달력*/

.sec_cal { width: 100%; margin: 0 auto;}
.sec_cal .cal_nav {display: flex; justify-content: center; align-items: center;}
.sec_cal .cal_nav select {height: 34px; border: 1px solid #ccc; font-size: 1rem; font-family: 'NotoKR-Medium'}
.sec_cal .cal_nav .sel-year {padding-right: 50px;}
.sec_cal .cal_nav .year-month {width: auto; text-align: center; line-height: 1; font-family: "NotoKR-Medium";font-size: 1.5rem; margin: 0 20px;}
.sec_cal .cal_nav .nav {display: flex; border: 1px solid #ccc; border-radius: 5px;}
.sec_cal .cal_nav .go-prev,
.sec_cal .cal_nav .go-next {display: block; width: 32px; height: 32px; font-size: 0; border: 1px solid #ccc; border-radius: 5px;}
.sec_cal .cal_nav .go-prev {background: url('../../images/ho/cal-prev-on.png') no-repeat center center;}
.sec_cal .cal_nav .go-next {background: url('../../images/ho/cal-next-on.png') no-repeat center center;}
.sec_cal .cal_wrap {padding-top: 30px; position: relative; margin: 0 auto;}

.sec_cal .cal_wrap .days {display: flex; border-radius: 20px; background-color: #f5f5f5; box-sizing: border-box; margin-bottom: 25px;}
.sec_cal .cal_wrap .day {position: relative; display:flex; align-items: center; justify-content: center; width: calc(100% / 7); color: #333; text-align: center; font-family: "NotoKR-Regular"; font-size: 1rem; height: 40px; line-height: 40px; box-sizing: border-box; z-index: 1;}
.sec_cal .cal_wrap button.day {background-color: #fff;}

/*오늘날짜 활성화 */
.today:after {content: ''; display: block; width: 40px; height: 40px; border-radius: 50%; background: rgb(242, 242, 242); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: -1;}

/*날짜 mouseover*/
.dates .day:hover:after{content: ''; display: block; width: 40px; height: 40px; border-radius: 50%; background: rgb(242, 242, 242); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: -1;}

/* 선택한날짜 활성화 */
.current.selected {color: #fff !important;}
.current.selected:after {content: ''; display: block; width: 40px; height: 40px; border-radius: 50%; background: #ef3e61; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: -1;}

/*선택한날짜는 hover시에도 그린색 유지*/
.dates .day.current.selected:hover:after {background: #ef3e61;}

/*지난날짜, 선택불가날짜는 hover시에도 반응 없음*/
.dates .day.disable:hover:after,
.dates .day.prev:hover:after{background: transparent;}

.sec_cal .cal_wrap .dates {display: flex; flex-flow: wrap; height: 310px;}
.sec_cal .cal_wrap .dates .day {font-family: 'NotoKR-Regular'}

.sec_cal .cal_wrap .day.disable,
.sec_cal .cal_wrap .day.prev{color: #ddd;}

@media (min-width: 768px) and (max-width: 1180px){ 
    .sec_cal {max-width: 700px;}
}
@media all and (max-width: 767px){
    .calender-wrap {overflow-x: scroll;}
    .sec_cal {min-width: 400px;}
   
}

/*******************서브페이지 의료진 - 게시판 (구)시작 ******************/
.introDoc-inner {padding-top: 50px;}
.introDoc-wrap {}
.introDoc-wrap > ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.introDoc-wrap > ul > li {display: flex; border: 1px solid #dbdbdb; border-radius: 10px; width: 48%; padding: 40px; box-sizing: border-box;}
.introDoc-wrap > ul > li:nth-of-type(n+3) {margin-top: 30px;}

.introDoc-wrap > ul > li .pic { position: relative; width: 145px; height: 175px; margin-right: 30px; flex-shrink: 0;}
.introDoc-wrap > ul > li .pic img {max-width: 100%; height: 100%;}

.introDoc-wrap > ul > li .info {flex-grow: 1;}
.introDoc-wrap > ul > li .info .nm {line-height: 1.2;}
.introDoc-wrap > ul > li .info .nm small{display: block; font-size: 1.125rem; font-family: "NotoKR-Medium"; color: #ef3e61;}
.introDoc-wrap > ul > li .info .nm span {font-size: 1.75rem; font-family: "NotoKR-Bold";}

.introDoc-wrap > ul > li .info .part {line-height: 1.4; margin-top: 15px;}
.introDoc-wrap > ul > li .info .part small {display: block;font-size: 15px; font-family: "NotoKR-Medium"; color: #666;}
.introDoc-wrap > ul > li .info .part span {display: block;font-size: 1.375rem; font-family: "NotoKR-Medium"; letter-spacing: -1px;}
.introDoc-wrap > ul > li .info button {width: 100%;  height: 34px; margin-top: 18px; background: #fff url('../../images/ho/button-arrow.png') no-repeat center right 20px; border: 1px solid #333; border-radius: 3px; font-size: 14px; font-family: "NotoKR-Medium"; text-align: left; padding: 0 20px; box-sizing: border-box;}
.introDoc-wrap > ul > li .info button:hover {background-color: #f8f8f8;}

/*팝업*/
#doc-pop .doc {}
#doc-pop .doc > li {}
#doc-pop .doc > li:first-child {border-bottom: 1px solid #dbdbdb; padding-bottom: 35px;}

#doc-pop .doc > li.pic-area {display: flex;}
#doc-pop .doc > li .img-box {position: relative; width: 190px; height: 230px; margin-right: 50px;}
#doc-pop .doc > li .img-box img {max-width: 100%;}

#doc-pop .doc > li .info {display: flex; flex-direction: column; justify-content: space-between; padding: 20px 0;}
#doc-pop .doc > li .info .nm {line-height: 1.3;}
#doc-pop .doc > li .info .nm small {display: block; font-size: 1.5rem; font-family: "NotoKR-Medium"; color: #ef3e61;}
#doc-pop .doc > li .info .nm span {display: block; font-size: 2.25rem; font-family: "NotoKR-Bold"; letter-spacing: -1px;}
#doc-pop .doc > li .info .part {line-height: 1.3;}
#doc-pop .doc > li .info .part small {display: block; font-size: 1rem; font-family: "NotoKR-Medium"; color: #666;}
#doc-pop .doc > li .info .part span {display: block; font-size: 1.5rem; font-family: "NotoKR-Medium"; letter-spacing: -1px;}

#doc-pop .doc > li dl {position: relative; padding-left: 120px; padding-top: 35px;}
#doc-pop .doc > li dl dt {font-size: 1.5rem; font-family: "NotoKR-Bold"; position: absolute; top: 32px; left: 0;}
#doc-pop .doc > li dl dd {position: relative; width: 100%; font-family: "NotoKR-Regular;"; margin-bottom:5px; padding-left: 10px;}
#doc-pop .doc > li dl dd:before {content: ''; display: block; width: 4px; height: 4px; background: #333; position: absolute; top: 10px; left: 0;}

@media (min-width: 769px) and (max-width: 1180px){ 
    
}
@media all and (max-width: 768px){
    .introDoc-wrap > ul {display: block;}
    .introDoc-wrap > ul > li {display: block; width: 100%; margin-bottom: 20px; padding: 30px;}
    .introDoc-wrap > ul > li:nth-of-type(n+3) {margin-top: 0;}
    .introDoc-wrap > ul > li .pic {width: 100%; text-align: center; margin-right: 0; margin-bottom: 30px;}
    .introDoc-wrap > ul > li .info {width: 100%; text-align: center;}
    .introDoc-wrap > ul > li .info button {}
    
    /*팝업*/
    #doc-pop .doc > li:first-child {padding-bottom: 25px;}
    #doc-pop .doc > li.pic-area {display: block;}
    #doc-pop .doc > li .img-box {width: 100%; text-align: center;  margin-right: 0; margin-bottom: 20px;}
    #doc-pop .doc > li .info {display: block; width: 100%; text-align: center; padding: 0;}
    #doc-pop .doc > li .info .nm {margin-bottom: 20px;}
    #doc-pop .doc > li .info .nm small {font-size: 1.125rem;}
    #doc-pop .doc > li .info .nm span {font-size: 1.875rem;}
    
    #doc-pop .doc > li dl {padding-left: 0; padding-top: 25px;}
    #doc-pop .doc > li dl dt {position: static; margin-bottom: 10px;}
}
/*******************서브페이지 의료진 끝 ******************/

/*******************서브페이지 의료진 - 콘텐츠 (신)시작 ******************/
/* .mdltmIntro-wrap table a.btn {min-width: 120px;}
.mdltmIntro-wrap table.basic th,
.mdltmIntro-wrap table.basic td {font-size: 17px;}  */

.mdltmIntro-wrap > ul {display : flex; flex-wrap: wrap;}
.mdltmIntro-wrap > ul > li {position: relative;width: 31%;min-height: 330px;margin-right: 3%;border: 1px solid #ccc; border-radius:10px;overflow: hidden;}
.mdltmIntro-wrap > ul > li:nth-of-type(3n) {margin-right:0;}
.mdltmIntro-wrap > ul > li:nth-of-type(n+4) {margin-top: 30px;}
.mdltmIntro-wrap > ul > li .imgbox {height: 160px; box-sizing: border-box;}
.mdltmIntro-wrap > ul > li .infobox {height: calc(100% - 160px);padding: 25px 30px;box-sizing: border-box;display: flex;flex-direction: column;justify-content: space-between;}
.mdltmIntro-wrap > ul > li .infobox p {font-size: 1.25rem; font-family: "NotoKR-Medium";}
.mdltmIntro-wrap > ul > li .infobox span {font-size: 1rem;font-family: "NotoKR-Medium";color: #666;flex: 1; word-break: keep-all;}
.mdltmIntro-wrap > ul > li .infobox > a {display: block; width: 100%; height: 40px; padding: 7px 20px; margin-top: 15px; box-sizing: border-box; border:1px solid #aaa; border-radius: 5px; font-family: "NotoKR-Medium"; background: url(../../images/ho/icon-link.png) no-repeat top 7px right 20px;}

@media (min-width: 769px) and (max-width: 1180px){ 
    .mdltmIntro-wrap > ul > li {width: 48%; margin-right: 3%;}
    .mdltmIntro-wrap > ul > li:nth-of-type(3n) {margin-right:3%;}
    .mdltmIntro-wrap > ul > li:nth-of-type(2n) {margin-right:0;}
    .mdltmIntro-wrap > ul > li:nth-of-type(n+4) {margin-top: 0;}
    .mdltmIntro-wrap > ul > li:nth-of-type(n+3) {margin-top: 30px;}
}
@media all and (max-width: 768px){
	.mdltmIntro-wrap > ul > li {width: 100%; margin-right: 0;}
    .mdltmIntro-wrap > ul > li:nth-of-type(n+4) {margin-top: 0;}
    .mdltmIntro-wrap > ul > li:nth-of-type(n+2) {margin-top: 30px;}
}

/*서울서부*/
.mdltmIntro-wrap > ul > li:nth-of-type(1) .imgbox {background: url(../../images/ho/ntn-center01.png) no-repeat center center; background-size: cover;}
/*서울동부*/
.mdltmIntro-wrap > ul > li:nth-of-type(2) .imgbox {background: url(../../images/ho/ntn-center02.png) no-repeat center center; background-size: cover;}
/*서울강남*/
.mdltmIntro-wrap > ul > li:nth-of-type(3) .imgbox {background: url(../../images/ho/ntn-center03.png) no-repeat center center; background-size: cover;}
/*부산동부*/
.mdltmIntro-wrap > ul > li:nth-of-type(4) .imgbox {background: url(../../images/ho/ntn-center04.png) no-repeat center center; background-size: cover;}
/*부산서부*/
.mdltmIntro-wrap > ul > li:nth-of-type(5) .imgbox {background: url(../../images/ho/ntn-center05.png) no-repeat center center; background-size: cover;}
/*대구*/
.mdltmIntro-wrap > ul > li:nth-of-type(6) .imgbox {background: url(../../images/ho/ntn-center06.png) no-repeat center center; background-size: cover;}
/*인천*/
.mdltmIntro-wrap > ul > li:nth-of-type(7) .imgbox {background: url(../../images/ho/ntn-center07.png) no-repeat center center; background-size: cover;}
/*울산*/
.mdltmIntro-wrap > ul > li:nth-of-type(8) .imgbox {background: url(../../images/ho/ntn-center08.png) no-repeat center center; background-size: cover;}
/*경기*/
.mdltmIntro-wrap > ul > li:nth-of-type(9) .imgbox {background: url(../../images/ho/ntn-center09.png) no-repeat center center; background-size: cover;}
/*강원*/
.mdltmIntro-wrap > ul > li:nth-of-type(10) .imgbox {background: url(../../images/ho/ntn-center10.png) no-repeat center center; background-size: cover;}
/*충북세종*/
.mdltmIntro-wrap > ul > li:nth-of-type(11) .imgbox {background: url(../../images/ho/ntn-center11.png) no-repeat center center; background-size: cover;}
/*대전충남*/
.mdltmIntro-wrap > ul > li:nth-of-type(12) .imgbox {background: url(../../images/ho/ntn-center12.png) no-repeat center center; background-size: cover;}
/*전부*/
.mdltmIntro-wrap > ul > li:nth-of-type(13) .imgbox {background: url(../../images/ho/ntn-center13.png) no-repeat center center; background-size: cover;}
/*광주전남*/
.mdltmIntro-wrap > ul > li:nth-of-type(14) .imgbox {background: url(../../images/ho/ntn-center14.png) no-repeat center center; background-size: cover;}
/*경북(대구북부)*/
.mdltmIntro-wrap > ul > li:nth-of-type(15) .imgbox {background: url(../../images/ho/ntn-center15.png) no-repeat center center; background-size: cover;}
/*경남*/
.mdltmIntro-wrap > ul > li:nth-of-type(16) .imgbox {background: url(../../images/ho/ntn-center16.png) no-repeat center center; background-size: cover;}
/*제주*/
.mdltmIntro-wrap > ul > li:nth-of-type(17) .imgbox {background: url(../../images/ho/ntn-center17.png) no-repeat center center; background-size: cover;}
/*중앙검사본부*/
.mdltmIntro-wrap > ul > li:nth-of-type(18) .imgbox {background: url(../../images/ho/ntn-center18.png) no-repeat center center; background-size: cover;}


/*******************서브페이지 의료진 - 콘텐츠 (신)끝 ******************/

./*******************서브페이지 자주묻는짐문 시작*******************/
/* FAQ */

.qnaListWrap {border-top: 2px solid #333;}
.qnaListWrap .qnaWrap {}
.qnaListWrap .qnaWrap .qnaNoti {background: #f8f8f8; font-size: 1rem; font-family: 'NotoKR-Medium';}
.qnaListWrap .qnaWrap .qnaNoti .noti {display: inline-block; width: 50px; height: 25px; border: 1px solid; text-align: center; line-height: 25px; border-radius: 5px; margin-right: 15px; background: #fff; font-size: 15px; font-family: 'NotoKR-Bold';}
.qnaListWrap .qnaWrap .qnaTitle,
.qnaListWrap .qnaWrap .qnaNoti {position: relative; padding: 12px 0; border-bottom:1px solid #ddd; cursor: pointer; display: flex; padding-left: 20px;}
.qnaListWrap .qnaWrap .qnaTitle:after {content:"";background:url("../../images/ho/faq-arrowDown.png") no-repeat center center; display:block;width:30px; height:30px;position: absolute;top:11px;right:25px;}
.qnaListWrap .qnaWrap.on .qnaTitle:after {content:"";background:url("../../images/ho/faq-arrowUp.png") no-repeat center center; display:block;width:30px; height:30px;position: absolute;top:11px;right:25px;}

.qnaListWrap .qnaWrap .qnaTitle p {position: relative;}
.qnaListWrap .qnaWrap .qnaTitle p,
.qnaListWrap .qnaWrap .qnaTitle span {display: inline-block; font-size: 1rem; font-family: 'NotoKR-Medium';} 
.qnaListWrap .qnaWrap .qnaTitle span {color: #ef3e61; margin-right: 10px; font-family: 'NotoKR-Medium';}

.qnaListWrap .qnaWrap .qnaAns {display: none;border-bottom:1px solid #ddd; padding: 20px 50px 20px 70px; position: relative;}
.qnaListWrap .qnaWrap .qnaAns:before {content:"A"; display: block; width: 30px; height: 30px; line-height: 28px; border-radius: 50%; text-align: center; background: #eee; color: #ef3e61; font-family: 'NotoKR-Medium'; font-size: 1rem; position: absolute; top: 20px; left: 20px;}
.qnaListWrap .qnaWrap.on .qnaAns {display:block;}
.qnaListWrap .qnaWrap .noResult {text-align: center; padding: 50px 0; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb;}

@media all and (max-width: 767px){
    .qnaListWrap .qnaWrap .qnaTitle,
    .qnaListWrap .qnaWrap .qnaNoti {padding-left: 0;}
    .qnaListWrap .qnaWrap .qnaTitle p {padding-right: 30px;}
    .qnaListWrap .qnaWrap .qnaTitle:after,
    .qnaListWrap .qnaWrap.on .qnaTitle:after {top: 50%; transform: translateY(-50%); right: 0;}
    .qnaListWrap .qnaWrap .qnaTitle span {display: block;}
    
    .qnaListWrap .qnaWrap.on .qnaAns {padding: 20px 15px; word-break: keep-all; background: #f8f8f8;}
    .qnaListWrap .qnaWrap.on .qnaAns:before {display: none;}
}
/*******************서브페이지 자주묻는질문 끝******************/

/*******************서브페이지 학술발표 시작******************/
.board_wap {border-top: 2px solid #333; border-bottom: 1px solid #dbdbdb;}
.board_wap > ul > li {padding: 20px 20px; border-bottom: 1px solid #dbdbdb;}
.board_wap > ul > li:last-child {border-bottom: 0;}
.board_wap > ul > li .title {font-family: 'NotoKR-Medium'; font-size: 1.125rem; }
.board_wap > ul > li .title span {margin-right: 10px; font-family: "NotoKR-Regular";}
.board_wap > ul > li .title span.point {color: #ef3e61;}
.board_wap > ul > li .title a {display: inline-block; max-width: 90%; /* text-overflow: ellipsis; white-space: nowrap; overflow: hidden;  */vertical-align: middle;}
.board_wap > ul > li .title .icon-new {display: inline-block; width: 20px; height: 20px; background: url(../../images/common/new-icon.png) no-repeat center center; vertical-align: middle; margin-left: 5px; margin-top: 0px; vertical-align: middle;}
.board_wap > ul > li .cnt {margin-top: 5px; font-family: 'NotoKR-Regular'; font-size: 1rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.5em; height: 3em; overflow: hidden;}

.board_wap > ul > li .detail {display: flex; align-items: center;}
.board_wap > ul > li .detail > li { min-width: 60px;}
.board_wap > ul > li .detail > li.type {font-family: "NotoKR-Medium"; flex-shrink: 0; margin-right: 25px;}
.board_wap > ul > li .detail > li.type .day {display: inline-block; margin-left: 20px;}
.board_wap > ul > li .detail > li.title {box-sizing: border-box; flex-grow: 1;}
.board_wap > ul > li .detail > li.nm {width: 125px; flex-shrink: 0;}
.board_wap > ul > li .detail > li .point {color: #ef3e61; display: inline-block; min-width: 75px;}

@media all and (max-width: 767px){
    .board_wap > ul > li .title span {display: block;}
    
    .board_wap > ul > li .detail {flex-direction: column; align-items: flex-start;}
    .board_wap > ul > li .detail > li.type {margin-bottom: 10px;}
    .board_wap > ul > li .detail > li.nm {width: 100%; margin-top: 10px;}
}


/*******************서브페이지 학술발표 끝******************/

/*알림박스 공통*/
.alarm-box {padding: 25px; box-sizing: border-box; border: 1px solid #dbdbdb; border-radius: 10px; margin-bottom: 45px; padding-left: 95px; background: url('../../images/ho/icon-notice.png') no-repeat center left
    25px;}
.alarm-box ul li {font-size: 1rem; font-family: 'NotoKR-Regular';}
@media all and (max-width: 767px){
    .alarm-box { margin-bottom: 45px; padding-left: 25px; padding-top: 95px; background: url('../../images/ho/icon-notice.png') no-repeat center top
    25px;}
    .alarm-box ul li {margin-bottom: 3px;}
}
/* 페이지 안내 공통 */
.page-info {position: relative; margin-bottom: 40px; max-width: 90%;}
.page-info ul {}
.page-info ul li {font-size: 1rem; word-break: keep-all;}
.page-info.bold ul li {font-family: 'NotoKR-Regular';}

/****************서브페이지 메디체크 검진결과 조회 인증하기 시작******************/
.medi-search {/* display: flex; */border: 1px solid #ccc;border-radius: 10px;background-color: #f8f8f8; padding: 30px; position: relative;}
.medi-search .left {width: 400px; box-sizing: border-box; margin: 0 auto;}
.medi-search .right {/* position: absolute;width: 250px;top: 50%;transform: translateY(-50%);right: 100px; */}
.medi-search ul li {display: flex; align-items: center; text-align: left; margin-bottom: 30px;}
.medi-search ul li label {display: inline-block; flex-shrink: 0; min-width: 85px; font-family: 'NotoKR-Bold'; margin-right: 20px; text-align: left;}
.medi-search ul li select {width: 250px;}
.medi-search ul li select,
.medi-search ul li input:not([type=checkbox]) {height: 40px;}
.medi-search ul li select {width: 100%; height: 45px;}
.medi-search ul li .identi-box {display: table; width: 100%;}
.medi-search ul li .identi-box input:not([type=checkbox]) {width: calc(50% - 14px);}
.medi-search ul li .identi-box span.dash {padding: 0 10px;}
.medi-search .verifi {position: relative;/* background: url('../../images/ho/icon-verifi-common.png') no-repeat center top 5px; */text-align: center;box-sizing: border-box;/* padding-top: 120px; */}
.medi-search .verifi button {background: #505456; color: #fff; font-size: 1.125rem; font-family: 'NotoKR-Medium'; padding: 10px 25px; border-radius: 5px;}
.medi-search .verifi button:nth-of-type(1){margin-right: 5px;}

@media (min-width: 768px) and (max-width: 1023px){ 
    .medi-search {display: block; padding: 20px;}
    .medi-search .left,
    .medi-search .right {width: 100%; padding-left: 0; padding-right: 0;}
    .medi-search .right {position: static; transform: none;}
    .medi-search .left {border-right: 0; border-bottom: 1px solid #dbdbdb; margin-bottom: 30px; padding-bottom: 25px;}
    .medi-search ul li {display: block; margin-bottom: 0;}
    .medi-search ul li label {display: block;margin-bottom: 3px;}
    .medi-search .verifi button {width: 48%; font-size: 1rem; margin-bottom: 10px; padding: 10px;}
    .medi-search ul li select {width: 400px; margin-top: 5px;}
    
    /*이후 공통으로 적용하기*/
    .medi-search .check-custom span {font-size: 0.875rem;}
    .medi-search .check-custom label {display: flex;}
}
@media all and (max-width: 767px){
    .medi-search {display: block; padding: 20px;}
    .medi-search .left,
    .medi-search .right {width: 100%; padding-left: 0; padding-right: 0;}
    .medi-search .right {position: static; transform: none;}
    .medi-search .left {border-right: 0; border-bottom: 1px solid #dbdbdb; margin-bottom: 30px; padding-bottom: 25px;}
    .medi-search ul li {display: block;  margin-bottom: 0;}
    .medi-search ul li label {display: block;margin-bottom: 3px;}
    .medi-search .verifi button {width: 100%; font-size: 1rem; margin-bottom: 10px; padding: 10px;}
    .medi-search ul li select {margin-top: 5px;}
    
    /*이후 공통으로 적용하기*/
    .medi-search .check-custom span {font-size: 0.875rem;}
    .medi-search .check-custom label {display: flex;}
}
/****************서브페이지 메디체크 검진결과 조회 인증하기 끝******************/


/****************서브페이지 마이페이지 시작******************/
#my-page {}
.my-info {border: 2px solid #555; border-radius: 5px; box-sizing: border-box; padding: 20px; background-color: #f8f8f8;}
.my-info dl dt {font-size: 1rem; font-family: 'NotoKR-Bold'; color: #333;}
.my-info .top .box {border: 1px solid #ccc; border-radius: 5px; background-color: #fff; line-height: 32px; margin-top: 8px; font-size: 15px; font-family: 'NotoKR-Medium'; color: #333; box-sizing: border-box; padding: 0 10px;}
.my-info .set-btn {background: url('../../images/ho/icon-setting.png') no-repeat center left; padding-left: 20px; color: #333; font-size: 15px; font-family: 'NotoKR-Medium'; }

.my-info .bottom {}
.my-info .bottom dl {display: flex;padding: 5px 0; border-bottom: 1px solid #ccc; }
.my-info .bottom dl dt {width: 74px;}
.my-info .bottom dl dd {font-size: 15px; font-family: 'NotoKR-Medium'; color: #666;}

.my-menu {border: 1px solid #ccc; border-radius: 5px; box-sizing: border-box; padding: 20px; margin-top: 20px;}
.my-area { margin-top: 20px;}

.my-menu ul {}
.my-menu ul li {}
.my-menu ul li a {display: block; width: 100%; color: #333; font-size: 15px; font-family: 'NotoKR-Medium'; padding: 6px 0; border-bottom: 1px solid #cccc; box-sizing: border-box;
background: url('../../images/ho/mypage-arrow-off.png') no-repeat center right;}
.my-menu ul li:hover a {color: #ef3e61; background: url('../../images/ho/mypage-arrow-on.png') no-repeat center right;}

.my-area .tit {font-size: 1rem; font-family: 'NotoKR-Bold'; color: #333; margin-bottom: 10px;}
.my-area ul li a {display: block; width: 100%; color: #333; font-size: 15px; font-family: 'NotoKR-Medium'; box-sizing: border-box; padding: 10px 15px; border: 1px solid #ccc; border-radius: 5px; box-sizing: border-box;  overflow: hidden;}
.my-area ul li:hover a {background: #ef3e61; color: #fff; border: 1px solid #ef3e61;}

.btn-certifi { width: 100%; height: 43px; border-radius: 5px; color: #fff; margin-top: 20px; font-size: 1rem; font-family: 'NotoKR-Bold'; text-align: left; padding: 0 30px; box-sizing: border-box; background: #ef3e61 url('../../images/ho/icon-certificate.png') no-repeat center right 30px;}

/*모바일 마이페이지*/
#m-myPage {display: none; margin-bottom: 30px; position: relative;}
#m-myPage .my-list {position: relative; width: 49%;}
#m-myPage .my-list.list1 {float: left;}
#m-myPage .my-list.list2 {float: right;}
#m-myPage .my-list button {border: 1px solid #dbdbdb; width: 100%; height: 40px; line-height: 40px; box-sizing: border-box; font-size: 1rem; text-align: left; padding: 0 20px; background: url(../../images/ho/select-arrow.png) no-repeat center right 10px; }
#m-myPage .my-list button.board-Btn {background: url(../../images/ho/select-arrow-right.png) no-repeat center right 10px;}
#m-myPage .my-list ul {box-shadow: 0px 5px 8px rgba(0,0,0,0.2);}
#m-myPage .my-list ul li {border: 1px solid #dbdbdb; height: 40px; line-height: 40px; margin-bottom: -1px;}
#m-myPage .my-list ul li a {display: block; width: 100%; height: 100%; background: #fff; padding: 0 10px; box-sizing: border-box; }
#m-myPage .m-myMenu {display: none; position: absolute; width: 100%; z-index: 2; top: 40px; left: 0;}
#m-myPage .m-myMenu.active {display: block;}

@media (min-width: 768px) and (max-width: 1180px){
    #m-myPage {display: block;}
    .btn-certifi { width: 180px; float: right; margin-bottom: 30px;}
}

@media all and (max-width: 767px){
    #m-myPage {display: block;}
    #m-myPage .my-list {float: none; width: 100%; margin-bottom: 10px;}
    .btn-certifi { width: 180px; float: right; margin-bottom: 30px;}
}


/****************서브페이지 마이페이지 끝******************/

/****************마이페이지 게시글 시작******************/
#myBoard-area {}
#myBoard-area .table-block.scroll{max-height: 305px; overflow: auto; border-top: 2px solid #333;}
#myBoard-area .table-block.scroll table {border-top: 0;}
#myBoard-area .table-block.scroll table thead {position: sticky; top: 0; left: 0;}
#myBoard-area .table-block.scroll table th {border-bottom: 1px solid #ccc;}
#myBoard-area .myBoard + .myBoard {margin-top: 60px;}

/****************마이페이지 게시글 끝******************/

/****************서브페이지 내게필요한 검사찾기 시작******************/
.find-mycheck {overflow: hidden;}
.mycheck-box {float: left; width: 48%; border: 1px solid #dbdbdb; border-radius: 10px; overflow: hidden; margin-right: 3.5%; box-sizing: border-box;}
.mycheck-box:nth-child(2n) {margin-right: 0;}
.mycheck-box:nth-child(n+3) {margin-top: 30px;}
.mycheck-box .question {display: table; width: 100%; border-bottom: 1px solid #dbdbdb; padding: 20px 40px 20px 130px; min-height: 130px; box-sizing: border-box;}
.mycheck-box .question.large {padding-right: 20px;}
.mycheck-box .question p {position: relative; display: table-cell; vertical-align: middle; font-size: 1.375rem; font-family: 'NotoKR-Medium'; padding-left: 22px; word-break: keep-all;}
.mycheck-box .question p span {display: inline-block; position: absolute; left: 0;}

.mycheck-box .question.q01 {background: url('../../images/ho/find-myCheck01.png') no-repeat center left 40px;}
.mycheck-box .question.q02 {background: url('../../images/ho/find-myCheck02.png') no-repeat center left 40px;}
.mycheck-box .question.q03 {background: url('../../images/ho/find-myCheck03.png') no-repeat center left 40px;}
.mycheck-box .question.q04 {background: url('../../images/ho/find-myCheck04.png') no-repeat center left 40px;}

.mycheck-box .answer {padding: 15px 40px; box-sizing: border-box; min-height: 130px; background: #f8f8f8;}
.mycheck-box .answer ul {overflow: hidden;}
.mycheck-box .answer ul li {width: 50%; box-sizing: border-box; float: left; padding-right: 10px; margin: 10px 0}
.mycheck-box label.forRadio.flex {display: flex;}

.result-box {border: 1px solid #ccc; border-radius: 10px; background: #f8f8f8; padding: 0 40px; box-sizing: border-box;}
.result-box .result-info {padding: 55px 0 55px 185px; background: url('../../images/ho/icon-result1.png') no-repeat center left 35px;}
.result-box .result-info p {font-size: 1.5rem; font-family: 'NotoKR-Medium'; margin-bottom: 35px; word-break: keep-all;}
.result-box .result-info button {min-width: 265px;  min-height: 40px; padding: 3px 25px 3px 15px; margin-right: 5px; text-align: left; font-size: 1rem; background: #fff; border: 1px solid #333; border-radius: 5px; font-family: 'NotoKR-Medium'; letter-spacing: -1px;}
.result-box .result-info button:nth-of-type(n+3) {margin-top: 5px;}
.result-box .result-info button span {/*font-family: 'NotoKR-Bold';*/}
.result-box .result-info .btn-arrow {background: #fff url('../../images/ho/button-arrow.png') no-repeat center right 20px;}

.result-box .tag-area {padding: 30px 0; border-top: 1px solid  #ccc;}
.result-box .tag-area .tag {margin-right: 20px;padding-left: 20px; background: url('../../images/ho/icon-tag.png') no-repeat center left; font-size: 1.125rem; font-family: 'NotoKR-Medium'; color: #333;}
.result-box .tag-area > a {position: relative; display: inline-block; background: #e8e8e8; padding: 3px 8px 3px 8px; margin-right: 5px; color: #333;}
.result-box .tag-area > a:before {content: '#'; margin-right: 2px;}

@media (min-width: 768px) and (max-width: 1180px){
    .result-box .result-info {padding: 35px 0 35px 110px; background: url(../../images/ho/icon-result1.png) no-repeat center left 0px;}
    .result-box .result-info button {min-width: 250px;}
}

@media all and (max-width: 767px){
    .mycheck-box {float: none; width: 100%; margin: 0 !important; margin-bottom: 30px !important;}
    .mycheck-box:last-child {margin-bottom: 0;}
    .mycheck-box .question {background: none !important; padding: 20px; min-height: 100px;}
    .mycheck-box .question.large {padding-right: 0;}
    .mycheck-box .question p {font-size: 1.25rem;}
    .mycheck-box .answer {padding: 20px; min-height: 100px;}
    .mycheck-box .answer ul li {width: 100%; margin: 3px 0;}
    
    .result-box {padding: 0 30px;}
    .result-box .result-info {padding: 155px 0 0 0; background: url(../../images/ho/icon-result1.png) no-repeat center top 30px;}
    .result-box .result-info button {min-width: 250px;}
    .result-box .result-info p {font-size: 1.25rem; text-align: center;}
    .result-box .result-info button {min-width: 100%; font-size: 0.875rem; margin-right: 0; margin-top: 5px;}
    .result-box .tag-area .tag {display: block; margin-bottom: 10px}
    .result-box .tag-area > a {display: block; margin-right: 0;  margin-bottom: 5px;}
}

/****************서브페이지 내게필요한 검사찾기 끝******************/

/****************서브페이지 검사종목해설 시작******************/
.border-box {border: 1px solid #dbdbdb; border-radius: 10px; box-sizing: border-box;}

.explain-box {overflow: hidden;}
.explain-box .ex-item {display: block; float: left; width: 23.5%; height: 220px; padding-top: 13.5%; margin-right: 2%; box-sizing: border-box; cursor: pointer;}
.explain-box .ex-item:nth-of-type(4n) {margin-right: 0;}
.explain-box .ex-item:nth-of-type(n+5) {margin-top: 18px;}
/*.explain-box .ex-item > span {display: block; border: 1px solid red; height: 125px; text-align: center; padding-top: 30px; box-sizing: border-box;}*/
.explain-box .ex-item .tit {display: table; width: 100%; text-align: center; height: 90px;}
.explain-box .ex-item .tit.small {padding: 0 45px; box-sizing: border-box; word-break: keep-all; line-height: 1.2}
.explain-box .ex-item .tit span {display: table-cell; vertical-align: middle; font-size: 1.25rem; font-family: 'NotoKR-Medium';}

.explain-box .ex-item.ex01 {background: url('../../images/ho/explain01.png') no-repeat center top 37px;}
.explain-box .ex-item.ex02 {background: url('../../images/ho/explain02.png') no-repeat center top 60px;}
.explain-box .ex-item.ex03 {background: url('../../images/ho/explain03.png') no-repeat center top 50px;}
.explain-box .ex-item.ex04 {background: url('../../images/ho/explain04.png') no-repeat center top 50px;}
.explain-box .ex-item.ex05 {background: url('../../images/ho/explain05.png') no-repeat center top 50px;}
.explain-box .ex-item.ex06 {background: url('../../images/ho/explain06.png') no-repeat center top 50px;}
.explain-box .ex-item.ex07 {background: url('../../images/ho/explain07.png') no-repeat center top 50px;}
.explain-box .ex-item.ex08 {background: url('../../images/ho/explain08.png') no-repeat center top 50px;}
.explain-box .ex-item.ex09 {background: url('../../images/ho/explain09.png') no-repeat center top 37px;}
.explain-box .ex-item.ex10 {background: url('../../images/ho/explain10.png') no-repeat center top 37px;}
.explain-box .ex-item.ex11 {background: url('../../images/ho/explain11.png') no-repeat center top 37px;}
.explain-box .ex-item.ex12 {background: url('../../images/ho/explain12.png') no-repeat center top 50px;}
.explain-box .ex-item.ex13 {background: url('../../images/ho/explain13.png') no-repeat center top 50px;}
.explain-box .ex-item.ex14 {background: url('../../images/ho/explain14.png') no-repeat center top 37px;}
.explain-box .ex-item.ex15 {background: url('../../images/ho/explain15.png') no-repeat center top 45px;}
.explain-box .ex-item.ex16 {background: url('../../images/ho/explain16.png') no-repeat center top 45px;}
.explain-box .ex-item.ex17 {background: url('../../images/ho/explain17.png') no-repeat center top 55px;}
.explain-box .ex-item.ex18 {background: url('../../images/ho/explain18.png') no-repeat center top 55px;}
.explain-box .ex-item.ex19 {background: url('../../images/ho/explain19.png') no-repeat center top 55px;}
.explain-box .ex-item.ex20 {background: url('../../images/ho/explain20.png') no-repeat center top 55px;}
.explain-box .ex-item.ex21 {background: url('../../images/ho/explain21.png') no-repeat center top 55px;}
.explain-box .ex-item.ex22 {background: url('../../images/ho/explain22.png') no-repeat center top 55px;}
.explain-box .ex-item.ex23 {background: url('../../images/ho/explain23.png') no-repeat center top 55px;}
.explain-box .ex-item.ex24 {background: url('../../images/ho/explain24.png') no-repeat center top 55px;}
.explain-box .ex-item.ex25 {background: url('../../images/ho/explain25.png') no-repeat center top 55px;}
.explain-box .ex-item.empty {pointer-events: none; background: url('../../images/ho/bi-img1.png') no-repeat center top 90px; background-size: 120px;}

/*팝업*/
.ex-topInfo .ex-img01 {background: url('../../images/ho/explain01.png') no-repeat center center;}
.ex-topInfo .ex-img02 {background: url('../../images/ho/explain02.png') no-repeat center center;}
.ex-topInfo .ex-img03 {background: url('../../images/ho/explain03.png') no-repeat center center;}
.ex-topInfo .ex-img04 {background: url('../../images/ho/explain04.png') no-repeat center center;}
.ex-topInfo .ex-img05 {background: url('../../images/ho/explain05.png') no-repeat center center;}
.ex-topInfo .ex-img06 {background: url('../../images/ho/explain06.png') no-repeat center center;}
.ex-topInfo .ex-img07 {background: url('../../images/ho/explain07.png') no-repeat center center;}
.ex-topInfo .ex-img08 {background: url('../../images/ho/explain08.png') no-repeat center center;}
.ex-topInfo .ex-img09 {background: url('../../images/ho/explain09.png') no-repeat center center;}
.ex-topInfo .ex-img10 {background: url('../../images/ho/explain10.png') no-repeat center center;}
.ex-topInfo .ex-img11 {background: url('../../images/ho/explain11.png') no-repeat center center;}
.ex-topInfo .ex-img12 {background: url('../../images/ho/explain12.png') no-repeat center center;}
.ex-topInfo .ex-img13 {background: url('../../images/ho/explain13.png') no-repeat center center; }
.ex-topInfo .ex-img14 {background: url('../../images/ho/explain14.png') no-repeat center center;}
.ex-topInfo .ex-img15 {background: url('../../images/ho/explain15.png') no-repeat center center;}
.ex-topInfo .ex-img16 {background: url('../../images/ho/explain16.png') no-repeat center center;}
.ex-topInfo .ex-img17 {background: url('../../images/ho/explain17.png') no-repeat center center;}
.ex-topInfo .ex-img18 {background: url('../../images/ho/explain18.png') no-repeat center center;}
.ex-topInfo .ex-img19 {background: url('../../images/ho/explain19.png') no-repeat center center;}
.ex-topInfo .ex-img20 {background: url('../../images/ho/explain20.png') no-repeat center center;}
.ex-topInfo .ex-img21 {background: url('../../images/ho/explain21.png') no-repeat center center;}
.ex-topInfo .ex-img22 {background: url('../../images/ho/explain22.png') no-repeat center center;}
.ex-topInfo .ex-img23 {background: url('../../images/ho/explain23.png') no-repeat center center;}
.ex-topInfo .ex-img24 {background: url('../../images/ho/explain24.png') no-repeat center center;}
.ex-topInfo .ex-img25 {background: url('../../images/ho/explain25.png') no-repeat center center;}

@media all and (max-width: 767px){
    .explain-box .ex-item {float: none; width: 100%; height: auto; padding-top: 95px; margin-top: 20px; background-position: center top 30px !important;}
    .fancybox-wrap {width: 90% !important;}
    .fancybox-inner {width: 100% !important;}
    
}
/****************서브페이지 검사종목해설 끝******************/

/****************op팝업 커스텀 시작******************/
#opPop-container {position: relative;/*  padding-top: 60px; */}
#opPop-title {position: fixed; top: 0; left: 0; width: 100%; height: 60px; background: #ef3e61; padding: 15px 65px 15px 20px; box-sizing: border-box; font-size: 1.25rem; font-family: 'NotoKR-Medium'; color: #fff;  z-index:2; line-height: 1.2;}
#opPop-wrap {/* padding: 30px;  */box-sizing: border-box;}
#opPop-wrap .title {position: relative; font-size: 1.25rem;font-family: 'NotoKR-Bold';margin-bottom: 10px;padding-left: 15px;}
#opPop-wrap .title:before {content: ''; display: block; width: 5px; height: 18px; background-color: #ef3e61; border-radius: 10px; position: absolute; top: 6px; left: 0;}
#opPop-wrap .sub-title {font-size: 1.125rem;font-family: 'NotoKR-MEdium';margin-bottom: 10px;}
#opPop-wrap .ex-topInfo {display: table; width: 100%;}
#opPop-wrap .ex-topInfo .img-box,
#opPop-wrap .ex-topInfo .info-box {display: table-cell; vertical-align: middle;}
#opPop-wrap .ex-topInfo .img-box {border: 1px solid #dbdbdb; border-radius: 5px; width: 140px; height: 140px; text-align: center}
#opPop-wrap .ex-topInfo .info-box {padding-left: 35px;}

#opPop-wrap .ex-topInfo.v2 .info-box {padding-left: 0;;}

#opPop-wrap .pop-graph {}
#opPop-wrap .pop-graph ul {}
#opPop-wrap .pop-graph ul li.g01 {background: url('../../images/ho/ex-detail01.png') no-repeat center left 50px;}
#opPop-wrap .pop-graph ul li.g02 {background: url('../../images/ho/ex-detail02.png') no-repeat center left 50px;}
#opPop-wrap .pop-graph ul li {display: flex; justify-content: center; padding: 15px 0 15px 100px; box-sizing: border-box;}
#opPop-wrap .pop-graph ul li p {display: flex; align-items: center; justify-content: center; position: relative; width: 90px; height: 90px; border: 2px solid #ef3e61; border-radius: 50%; box-sizing: border-box; padding: 10px; text-align: center; margin-right: 20px;}
#opPop-wrap .pop-graph ul li p:after {content: ''; display: block; width: 22px; height: 1px; background:#ef3e61; position: absolute; top: 50%; left: 100%; transform: translateY(-50%);}
#opPop-wrap .pop-graph ul li p:last-child:after {display: none;}
#opPop-wrap .pop-graph ul li p span {display: block; word-break: keep-all; text-align: center; line-height: 1.3; font-size: 1rem;font-family: 'NotoKR-Bold';}

#opPop-wrap .txt-box {margin-top: 60px !important;}
#opPop-wrap .txt-box:first-child {margin-top: 0 !important;}
#opPop-wrap .txt-list {display: table; table-layout: fixed; margin: 20px 0;}
#opPop-wrap .txt-list dt {position: relative; padding-left: 10px; font-size: 1rem;font-family: 'NotoKR-Bold'; display: table-cell; vertical-align: top; /*white-space: nowrap;*/ color: #333; width: 200px;}
#opPop-wrap .txt-list.v2 dt {white-space: normal !important;}
#opPop-wrap .txt-list dt:before {content: ''; display: block; width: 4px; height: 4px; background-color: #ef3e61; position: absolute; top: 10px; left: 0; line-height: 1.3}
#opPop-wrap .txt-list dd {position: relative; font-size: 1rem; color: #333; display: table-cell; vertical-align: top; padding-left: 20px; /*line-height: 1.3*/}
#opPop-wrap .txt-list2 {}
#opPop-wrap .txt-list2 li {position: relative; padding-left: 10px; font-size: 1rem;font-family: 'NotoKR-Medium'; margin: 7px 0; color: #333;}
#opPop-wrap .txt-list2 li:before {content: ''; display: block; width: 4px; height: 4px; background-color: #111; position: absolute; top: 10px; left: 0;}
#opPop-wrap .txt-list3 > li {position: relative; font-size: 1.125rem;font-family: 'NotoKR-Bold'; margin: 7px 0; color: #333;}
#opPop-wrap .txt-list3 > li > ul {padding-left: 15px;}
#opPop-wrap .txt-list3 > li > ul > li {position: relative; font-size: 1rem; font-family: 'NotoKR-Regular'; padding-left: 10px; color: #333;}
#opPop-wrap .txt-list3 > li > ul > li:before {content: ''; display: block; width: 4px; height: 4px; background-color: #333; position: absolute; top: 10px; left: 0;}

.fancybox-close {top: 15px !important; right: 30px !important; background: #ef3e61 url(../../images/common/gnbClose.png) no-repeat center center !important;}
.fancybox-skin {background-color: #fff !important;}

@media all and (max-width: 767px){
    #opPop-wrap {width: 100% !important;}
    #opPop-wrap .ex-topInfo {display: block;}
    #opPop-wrap .ex-topInfo .img-box,
    #opPop-wrap .ex-topInfo .info-box {display: block;}
    #opPop-wrap .ex-topInfo .img-box {width: 100%; height: auto; padding: 80px 0; box-sizing: border-box;}
    #opPop-wrap .ex-topInfo .info-box {padding: 20px 0;}
    
    #opPop-wrap .pop-graph ul li {display: block; padding: 100px 0 0 0;}
    #opPop-wrap .pop-graph ul li.g01 {background: url('../../images/ho/ex-detail01.png') no-repeat center top;}
    #opPop-wrap .pop-graph ul li.g02 {background: url('../../images/ho/ex-detail02.png') no-repeat center top; margin-top: 50px;}
    #opPop-wrap .pop-graph ul li p {display: block; width: 100%; border-radius: 5px; height: auto; margin-bottom: 10px;}
    #opPop-wrap .pop-graph ul li p:after {width: 1px; height: 13px; left: 50%; top: 100%; transform: translateY(0);}
    
    #opPop-wrap .txt-list {display: block; margin-bottom: 10px;}
    #opPop-wrap .txt-list dt,
    #opPop-wrap .txt-list dd {display: block;}
    
    fancybox-inner {width: 100% !important;}
}
/****************op팝업 커스텀 끝******************/

/****************자가건강체크하기 시작******************/
.survey-area {display: none;}
.survey-wrap {display: none;}
.survey-box {border: 1px solid #dbdbdb; border-radius: 10px; overflow: hidden; box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.survey-box:nth-of-type(n+2) {margin-top: 30px;}
.survey-box .q-box{display: table; width: 100%; border-bottom: 1px solid #dbdbdb; background-color: #f8f8f8; padding: 12px 15px; min-height: auto; box-sizing: border-box;}
.survey-box .q-box.large {padding-right: 20px;}
.survey-box .q-box p {position: relative; display: table-cell; vertical-align: middle; font-size: 1.125rem; font-family: 'NotoKR-Bold'; padding-left: 20px; word-break: keep-all;}
.survey-box .q-box p.v2 {padding-left: 30px;}
.survey-box .q-box p span {display: inline-block; position: absolute; left: 0;}

.survey-box .a-box {padding: 5px 15px; box-sizing: border-box; min-height: auto; background: #fff; overflow: hidden;}
/*.survey-box .a-box ul {overflow: hidden;}
.survey-box .a-box ul li {width: auto; box-sizing: border-box; float: left; padding-right: 40px; margin: 10px 0;}*/
.survey-box label {width: auto; box-sizing: border-box; float: left; padding-right: 40px; margin: 5px 0;}
.survey-box label.forRadio.flex {display: flex;}

.survey-result {}
.survey-result .result-top {display: flex; justify-content: center; align-items: center; padding: 40px 50px; background-color: #f8f8f8; border: 1px solid #ccc; border-radius: 10px;}
.survey-result .result-top p {font-size: 1.5rem; font-family: 'NotoKR-Medium';}
.survey-result .result-top .result-img {position: relative; display: inline-block; width: 90px; height: 90px;}
.survey-result .result-top .result-img {background: url('../../images/ho/re-common.png') no-repeat center center; }

.survey-result .result-top .result-img.alcohol {background: #fff; border-radius: 50%;  margin-right: 55px;}
.survey-result .result-top .result-img.alcohol.step1 {background: #fff url('../../images/ho/re-step1.png') no-repeat center center;}
.survey-result .result-top .result-img.alcohol.step2 {background: #fff url('../../images/ho/re-step2.png') no-repeat center center;}
.survey-result .result-top .result-img.alcohol.step3 {background: #fff url('../../images/ho/re-step3.png') no-repeat center center;}
.survey-result .result-top .result-img.alcohol.step4 {background: #fff url('../../images/ho/re-step4.png') no-repeat center center;}

.survey-result .result-bottom {margin-top: 40px;}
.survey-result .result-bottom > ul {display: flex; padding: 40px 0; border: 1px solid #dbdbdb; border-radius: 10px;}
.survey-result .result-bottom > ul li {width: 25%; border-right: 1px solid #e8e8e8; text-align: center; box-sizing: border-box; padding: 100px 30px 0;}
.survey-result .result-bottom > ul li:last-child {border-right: none;}
.survey-result .result-bottom > ul li .tit { min-height: 50px; font-size: 1.125rem; font-family: 'NotoKR-Medium'; color: #111; margin-bottom: 20px;}
.survey-result .result-bottom > ul li .cnt {word-break: keep-all;}

.survey-result .result-bottom > ul li:nth-of-type(1) {background: url('../../images/ho/re-step1.png') no-repeat center top;}
.survey-result .result-bottom > ul li:nth-of-type(2) {background: url('../../images/ho/re-step2.png') no-repeat center top;}
.survey-result .result-bottom > ul li:nth-of-type(3) {background: url('../../images/ho/re-step3.png') no-repeat center top;}
.survey-result .result-bottom > ul li:nth-of-type(4) {background: url('../../images/ho/re-step4.png') no-repeat center top;}

/*니코틴의존도 검사 니코틴 디테일 정보*/
.nicotine-info {border: 1px solid #dbdbdb; border-radius: 10px; padding: 25px 0; box-sizing: border-box; margin-top: 20px;}
.nicotine-info > ul {display: flex; }
.nicotine-info > ul > li {flex: 1; border-right: 1px solid #dbdbdb; box-sizing: border-box; padding-left: 35px; }
.nicotine-info > ul > li:last-child {border-right: 0;}
.nicotine-info > ul > li > ol > li {padding: 1px 0;}

.survey-result.alcohol .result-bottom > ul li {width: 32%;}/*니코틴*/

/*결과공통*/
.survey-result {} 
/*검사결과 팝업*/
.nedExam-rst {font-family: "NotoKR-Regular";}
.nedExam-rst .rst-img {display: flex; align-items: center;}
.nedExam-rst .rst-img > li:first-child {flex-shrink: 0; border: 1px solid #dbdbdb; border-radius: 10px; width: 145px; min-height: 145px; padding: 20px; box-sizing: border-box; text-align: center; margin-right: 35px;}
.nedExam-rst .rst-img > li:first-child span {display: inline-block; width: 100%; text-align: center; margin-top: 15px; font-family: "NotoKR-Bold"; line-height: 1.2; word-break: keep-all;}
.nedExam-rst .rst-img > li:last-child {font-size: 1.5rem; font-family: "NotoKR-Medium"; letter-spacing: -1px; line-height: 1.3; word-break: keep-all;}
.nedExam-rst .rst-img > li:last-child span {font-family: "NotoKR-Bold";}
.nedExam-rst .rst-img .sub-txt {font-size: 1rem; font-family: "NotoKR-Regular" ; margin-top: 20px;}
.nedExam-rst .rst-txt {padding: 35px 0 40px 0; font-family: "NotoKR-Regular"; border-bottom: 1px solid #dbdbdb;}
.nedExam-rst .rst-txt p {margin-bottom: 10px;}
.nedExam-rst .rst-txt p:last-child {margin-bottom: 0;}

/*알코올 중독검사 체크박스 기능없는 유형*/
.survey-box.v2 {}
.survey-box.v2:nth-of-type(n+2) {margin-top: 10px;}
.survey-box.v2 .total-box {background: #f8f8f8; }
.survey-box.v2 .total-box {display: flex; }
.survey-box.v2 .total-box > li {padding: 20px; box-sizing: border-box;font-size: 1.125rem; font-family: 'NotoKR-Medium';}
.survey-box.v2 .total-box > li:nth-of-type(1) {width: 65px; background: #fff;}
.survey-box.v2 .total-box > li:nth-of-type(2) {display: flex; align-items: center; flex-grow: 1}

/*비만도체크*/
.fat-chk {overflow: hidden;display: flex; flex-wrap: wrap;}
.fat-chk li {border: 1px solid #dbdbdb; border-radius: 10px; width: 48%; margin-top: 25px; overflow: hidden;}
.fat-chk li {margin-right: 3%; padding: 40px; box-sizing: border-box; padding-left: 190px;}
.fat-chk li:nth-of-type(2n) {margin-right: 0;}
.fat-chk li:nth-of-type(n+1):nth-of-type(-n+2) {margin-top: 0;}
.fat-chk li span {display: block; font-size: 1.25rem; font-family: "NotoKR-Medium"; margin-bottom: 10px;}
.fat-chk li em {padding-left: 10px; font-size: 1.125rem; vertical-align: middle;}
.fat-chk li input[type="text"] {width: 150px;}
.fat-chk label {width: auto; box-sizing: border-box; float: left; padding-right: 40px; margin: 5px 0;}
.fat-chk label.forRadio.flex {display: flex;}
.fat-chk li:nth-of-type(1) {background: url("../../images/ho/mycheck01.png") no-repeat center left 55px;}
.fat-chk li:nth-of-type(2) {background: url("../../images/ho/mycheck02.png") no-repeat center left 55px;}
.fat-chk li:nth-of-type(3) {background: url("../../images/ho/mycheck03.png") no-repeat center left 55px;}
.fat-chk li:nth-of-type(4) {background: url("../../images/ho/mycheck04.png") no-repeat center left 55px;}

.survey-result.fat .result-bottom > ul li {padding-top: 220px;}
.survey-result.fat .result-bottom > ul li:nth-of-type(1) {background: url('../../images/ho/fat01.png') no-repeat center top;}
.survey-result.fat .result-bottom > ul li:nth-of-type(2) {background: url('../../images/ho/fat02.png') no-repeat center top;}
.survey-result.fat .result-bottom > ul li:nth-of-type(3) {background: url('../../images/ho/fat03.png') no-repeat center top;}
.survey-result.fat .result-bottom > ul li:nth-of-type(4) {background: url('../../images/ho/fat04.png') no-repeat center top;}


.result-box {border: 1px solid #ccc; border-radius: 10px; background: #f8f8f8; padding: 0 40px; box-sizing: border-box;}
.result-box .result-info {padding: 55px 0 55px 185px; background: url('../../images/br/com/icon-result1.png') no-repeat center left 35px;}
.result-box .result-info p {font-size: 1.5rem; font-family: 'NotoKR-Medium'; margin-bottom: 35px; word-break: keep-all;}
.result-box .result-info button {min-width: 265px;  min-height: 40px; padding: 3px 25px 3px 15px; margin-right: 5px; text-align: left; font-size: 1rem; background: #fff; border: 1px solid #333; border-radius: 5px; font-family: 'NotoKR-Medium'; letter-spacing: -1px;}
.result-box .result-info button:nth-of-type(n+3) {margin-top: 5px;}
.result-box .result-info button span {/*font-family: 'NotoKR-Bold';*/}
.result-box .result-info .btn-arrow {background: #fff url('../../images/br/com/button-arrow.png') no-repeat center right 20px;}

.result-box .tag-area {padding: 30px 0; border-top: 1px solid  #ccc;}
.result-box .tag-area .tag {margin-right: 20px;padding-left: 20px; background: url('../../images/br/com/icon-tag.png') no-repeat center left; font-size: 1.125rem; font-family: 'NotoKR-Medium'; color: #333;}
.result-box .tag-area > a {position: relative; display: inline-block; background: #e8e8e8; padding: 3px 8px 3px 8px; margin-right: 5px; color: #333;}
.result-box .tag-area > a:before {content: '#'; margin-right: 2px;}

@media (min-width: 768px) and (max-width: 1180px){
    .survey-result .result-bottom > ul {flex-wrap: wrap;}
    .survey-result .result-bottom > ul li {width: 50% !important; padding-bottom: 30px;}
    .survey-result .result-bottom > ul li:nth-of-type(n+3) {margin-top: 50px;}
    
    
    .fat-chk {display: block;}
    .fat-chk li {width: 100%; margin-right: 0; margin-top: 20px !important;}
}

@media all and (max-width: 767px){
    .survey-result {margin-top: 50px;}
    .survey-result .result-top {display: block; text-align: center; padding: }
    .survey-result .result-top .result-img.alcohol {margin-right: 0; margin-bottom: 30px;}
    .survey-result .result-bottom > ul {display: block;}
    .survey-result .result-bottom > ul li {width: 100% !important; border-bottom: 1px solid #dbdbdb; margin-top: 30px; padding-bottom: 30px; border-right: 0;}
    .survey-result .result-bottom > ul li:last-child {border-bottom: 0;}
    
    .nicotine-info {padding: 0;}
    .nicotine-info > ul {display: block;}
    .nicotine-info > ul > li {width: 100%; border-right: 0; border-bottom: 1px solid #dbdbdb; padding: 30px;}
    .nicotine-info > ul > li:last-child {border-bottom: 0;}
    
    .fat-chk {display: block;}
    .fat-chk li {width: 100%; margin-right: 0; margin-top: 20px !important; padding-left: 40px; padding-top: 150px; background-position: center top 40px !important; text-align: center;}
    .survey-result {margin-top: 50px;}
    .fat-chk label {display: inline-block; float: none;}
    .fat-chk label.forRadio.flex {display: inline-flex;}
}

/****************자가건강체크하기 끝******************/

/****************암발견현황 시작******************/
.cncDetcCont-wrap {position: relative;}
.cnc-selet {position: absolute; top: 10px; right: 0; width: 200px;}
.cncData-wrap {}
.cncData-wrap .cnc-total {position: relative; display: inline-block; width: 100%;}
.cnc-total span { display: block; vertical-align: middle; position: absolute; bottom: 0; left: 0; font-size: 1rem; font-family: 'NotoKR-Bold';}
.cnc-total span em {color: #ef3e61; font-size: 1.875rem; font-family: 'NotoKR-Bold';}

@media all and (max-width: 767px){
    .cnc-selet {position: static; width: 100%; margin-bottom: 10px;}
    .cnc-total {display: block;}
    .cnc-total span {position: static;}
}
/****************암발견현황 끝******************/

/****************예방접종별 시작******************/
.vacc-container .intro-title{width: 100%; font-family: 'NotoKR-Medium'; font-size: 1.75rem; line-height: 1.3; word-break: keep-all; margin-bottom: 20px;}
.vacc-container .vacc-alarm ,
.vacc-alarm  {position: relative; padding-right: 220px; padding-left: 20px; background: none;}
.vacc-container .vacc-alarm ul {width: calc(100% - 180px);}
.vacc-container .vacc-alarm a.vacc,
.vacc-alarm a.vacc {position: absolute; top: 50%; right: 20px; transform: translateY(-50%);}

.vacc-tit {font-size: 1.25rem; font-family: "NotoKR-Medium";}
.vaccPrInfo-wrap {margin-top: 60px;}
.vaccPrInfo-wrap .ex-topInfo .info-box {font-family: "NotoKR-Medium";}
.vaccPrInfo-wrap .title {font-size: 1.875rem; font-family: 'NotoKR-Medium'; letter-spacing: -1.5px; width: 450px; margin: 0 auto; word-break: keep-all; text-align: center; box-sizing: border-box; line-height: 1.4; margin-bottom: 80px;}
.vaccPrInfo-wrap .vacc-box {position: relative; height: 960px;}
.vaccPrInfo-wrap .vacc-box .vacc-btn-box {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.vaccPrInfo-wrap .vacc-box .vacc-btn-box a {display: inline-block; min-width: 135px; min-height: 135px; padding-top: 125px; box-sizing: border-box; text-align: center; font-size: 1.125rem; font-family: 'NotoKR-Bold'; position: absolute;}
.vaccPrInfo-wrap .vacc-box .vacc-btn-box a span {display: block; font-size: 1rem; font-family: 'NotoKR-Regular';}
.vaccPrInfo-wrap .vacc-box .vacc-btn-box a:nth-of-type(1) {background: url('../../images/ho/vacc01.png') no-repeat center top; top: 0px; left: 135px}
.vaccPrInfo-wrap .vacc-box .vacc-btn-box a:nth-of-type(2) {background: url('../../images/ho/vacc02.png') no-repeat center top; top: 175px; left: 135px;}
.vaccPrInfo-wrap .vacc-box .vacc-btn-box a:nth-of-type(3) {background: url('../../images/ho/vacc03.png') no-repeat center top; top: 355px; left: 135px;}
.vaccPrInfo-wrap .vacc-box .vacc-btn-box a:nth-of-type(4) {background: url('../../images/ho/vacc04.png') no-repeat center top; top: 555px; left: 0;}
.vaccPrInfo-wrap .vacc-box .vacc-btn-box a:nth-of-type(5) {background: url('../../images/ho/vacc05.png') no-repeat center top; top: 555px; left: 135px;}
.vaccPrInfo-wrap .vacc-box .vacc-btn-box a:nth-of-type(6) {background: url('../../images/ho/vacc06.png') no-repeat center top; top: 0px; right: 15%;}
.vaccPrInfo-wrap .vacc-box .vacc-btn-box a:nth-of-type(7) {background: url('../../images/ho/vacc07.png') no-repeat center top; top: 355px; right: 13%;}
.vaccPrInfo-wrap .vacc-box .vacc-btn-box a:nth-of-type(8) {background: url('../../images/ho/vacc08.png') no-repeat center top; top: 175px; right: 15%;}
.vaccPrInfo-wrap .vacc-box .vacc-btn-box a:nth-of-type(9) {background: url('../../images/ho/vacc09.png') no-repeat center top; top: 555px; right: 16%;}
.vaccPrInfo-wrap .vacc-box .vacc-btn-box a:nth-of-type(10) {background: url('../../images/ho/vacc10.png') no-repeat center top; top: 555px; right: 1%;}

.vaccPrInfo-wrap .vacc-box .vacc-body {position: absolute; text-align: center; top: 0px; left: 50%; transform: translateX(-50%); }
.vaccPrInfo-wrap .vacc-box .vacc-body .num {position: absolute; display: block; width: 25px; height: 25px; line-height: 25px; border-radius: 50%; background: #666; color: #fff; font-size: 0.875rem; font-family: 'NotoKR-Bold';}
.vaccPrInfo-wrap .vacc-box .vacc-body .num1 {top: 0; left: 135px}
.vaccPrInfo-wrap .vacc-box .vacc-body .num2 {top: 35px; left: 110px}
.vaccPrInfo-wrap .vacc-box .vacc-body .num3 {top: 65px; left: 117px}
.vaccPrInfo-wrap .vacc-box .vacc-body .num4 {top: 220px; left: 95px}
.vaccPrInfo-wrap .vacc-box .vacc-body .num5 {top: 220px; left: 125px}
.vaccPrInfo-wrap .vacc-box .vacc-body .num6 {top: 280px; left: 15px}
.vaccPrInfo-wrap .vacc-box .vacc-body .num8 {top: 97%; left: 185px}
.vaccPrInfo-wrap .vacc-box .vacc-body .num7 {top: 160px; left: 165px}
.vaccPrInfo-wrap .vacc-box .vacc-body .num9 {top: 320px; left: 135px}
.vaccPrInfo-wrap .vacc-box .vacc-body .num10 {top: 350px; left: 175px}

@media (min-width: 768px) and (max-width: 1023px){
    .vaccPrInfo-wrap .title {width: 100%; font-size: 1.5rem;}
    .vaccPrInfo-wrap .vacc-box {height: auto;}
    .vaccPrInfo-wrap .vacc-box .vacc-body {display: none;}
    .vaccPrInfo-wrap .vacc-box .vacc-btn-box {position: static; display: flex; flex-wrap: wrap;}
    .vaccPrInfo-wrap .vacc-box .vacc-btn-box a {position: static; transform: none !important; display: inline-block; float: left; width: 50%; border: 1px solid #dbdbdb;  margin-right: -1px; margin-bottom: -1px; padding-top: 160px; padding-bottom: 30px; background-position: center top 30px !important;}
}
@media all and (max-width: 767px){
    .vaccPrInfo-wrap .title {width: 100%; font-size: 1.5rem;}
    .vaccPrInfo-wrap .vacc-box {height: auto;}
    .vaccPrInfo-wrap .vacc-box .vacc-body {display: none;}
    .vaccPrInfo-wrap .vacc-box .vacc-btn-box {position: static;}
    .vaccPrInfo-wrap .vacc-box .vacc-btn-box a:nth-of-type(1) {border-top: 1px solid #dbdbdb;}
    .vaccPrInfo-wrap .vacc-box .vacc-btn-box a {position: static; transform: none !important; display: block; border-bottom: 1px solid #dbdbdb; padding-top: 160px; padding-bottom: 30px; background-position: center top 30px !important;}
    
    .alarm-box.vacc-alarm {padding-top:0; padding: 20px !important; overflow: hidden;}
    .alarm-box.vacc-alarm a.vacc {position: static; transform: none; margin-top: 10px;}
}


/****************예방접종별 끝******************/

/****************전국검진센터 시작******************/
.ntnInfo-wrap {border: 1px solid red; height: 700px; border: 1px solid #dbdbdb; border-radius: 10px;}
.ntnInfo-wrap .ntn-map {position: relative; box-sizing: border-box; }
.ntnInfo-wrap .ntn-map .mapImg-area {width: 520px; height: 700px; background: #f8f8f8; padding-top: 80px; box-sizing: border-box; text-align: center;}
.ntnInfo-wrap .ntn-map map {position: absolute; top: 0; right: 0; width: calc(100% - 520px); height: 100%; padding-top: 15px; box-sizing: border-box; overflow: hidden; overflow-y: auto;}
.ntnInfo-wrap .ntn-map map area {}

.ntnInfo-wrap .nth-list {margin: 0 15px; padding: 0px; box-sizing: border-box; border-bottom: 1px solid #eee;}
.ntnInfo-wrap .nth-list.active > ul > li:nth-of-type(1) button {color: #ef3e61;}
.ntnInfo-wrap .nth-list > p {position: relative; font-size: 1rem; font-family: "NotoKR-Medium"; letter-spacing: -1px; margin-bottom: 5px;  line-height: 1.2; border-radius: 6px; padding: 10px; width: 90px; text-align: center;}
.ntnInfo-wrap .nth-list > ul {}
.ntnInfo-wrap .nth-list > ul > li{position: relative; border-bottom: 1px solid #eee; padding: 5px 5px 5px 15px;}
.ntnInfo-wrap .nth-list > ul > li:before {content:''; display: block; width: 5px; height: 5px; background-color: #ef3e61; position: absolute; top: 23px; left: 10px;}
.ntnInfo-wrap .nth-list > ul > li:last-child{border-bottom: 0;}
.ntnInfo-wrap .nth-list > ul > li a{} 
.ntnInfo-wrap .nth-list > ul > li button{width: 265px; background-color: #fff; padding: 10px; text-align: left; /* font-family: "NotoKR-Medium"; */}
.ntnInfo-wrap .nth-list.active > ul > li:nth-of-type(1) button,
.ntnInfo-wrap .nth-list > ul > li button.active {color: #ef3e61; font-family: "NotoKR-Bold";}

.ntnInfo-wrap .goToStie, .ntnInfo-wrap .goToMap{display: inline-block; width: 30px; height: 30px; /* border: 1px solid #dbdbdb;  */border-radius: 5px; vertical-align: middle; font-size: 0;}
.ntnInfo-wrap .goToStie {background: url('../../images/ho/icon-home.png') no-repeat center center}
.ntnInfo-wrap .goToMap {background: url('../../images/ho/icon-map.png') no-repeat center center}
.jibuNm-Btn {display: none;}

.wran-box {margin-top: 35px;}
.wran-box .tit {position: relative; font-size: 1.125rem; font-family: 'NotoKR-Bold'; margin-bottom: 10px; padding-left: 25px;}
.wran-box .tit:before {content:''; display: block; width: 20px; height: 20px; background: url('../../images/ho/icon-wran.png') no-repeat center center; vertical-align: middle; position: absolute; top: 3px; left: 0;}
.wran-box ul {padding-left: 20px;}
.wran-box ul li {position: relative; padding-left: 10px; margin: 5px 0;}
.wran-box ul li:after {content: ''; display: block; width: 3px; height: 3px; background: #666; border-radius: 50%; position: absolute; top: 10px; left: 0; }

@media (min-width: 768px) and (max-width: 1180px){
    .ntnInfo-wrap {display: block; height: auto;}
    .ntnInfo-wrap .ntn-map {width: 100%; padding-bottom: 50px;}
    .ntnInfo-wrap .ntn-map .mapImg-area {width:100%;}
    .ntnInfo-wrap .ntn-map map {position: static; width: 100%;}
    .ntnInfo-wrap .nth-list > ul > li button {width: calc(100% - 100px);}
}

@media all and (max-width: 767px){
    .ntnInfo-wrap {display: block; height: auto;}
    .ntnInfo-wrap .ntn-map {width: 100%; padding-bottom: 50px;}
    .ntnInfo-wrap .ntn-map .mapImg-area {display: none;}
    .ntnInfo-wrap .ntn-map map {position: static; width: 100%;}
    .ntnInfo-wrap .nth-list > ul > li button {width: calc(100% - 80px);}
}

/****************전국검진센터 끝******************/

/*************** 건강검진프로그램 하위 공통 시작******************/
/**추가 프로그램 백그라운드 칼라*/
.cprsvchk-wrap .tabLink .add-program {border: 1px solid #fabec9; background-color: #ffebf0;}
.cprsvchk-wrap .tabLink .add-program:hover {border: 1px solid #ef3e61; background-color: #ffebf0;}
.cprsvchk-wrap .tabLink li a {color: #333;}
.cprsvchk-wrap .tabLink li a.on {color: #ef3e61}

.hlth-box {border-top: 2px solid #333; box-sizing: border-box; scroll-behavior:smooth;}
.hlth-box .chk-tab {border-bottom: 1px solid #dbdbdb; padding: 30px 0;}
.hlth-box .chk-tab > ul {display: flex; }
/*.hlth-box .chk-tab.on {display: block !important;}*/
.hlth-box .chk-tab .tit-box {width: 170px;}
.hlth-box .chk-tab .cnt-box {width: calc(100% - 170px);}

.hlth-box .chk-tab .tit-box .tit {min-height: 85px; display: flex; align-items: center; justify-content: center; background-color: #636775;  color: #fff; font-family: 'NotoKR-Bold';  text-align: center; border-radius: 20px; padding: 10px 10px; box-sizing: border-box; word-break: keep-all; line-height: 1.3;}
.hlth-box .chk-tab .tit-box .tit.on {background-color: #ef3e61;}

.hlth-box .chk-tab .cnt-box {padding-left: 40px; box-sizing: border-box; color: #333;}
.hlth-box .chk-tab .cnt-box > dl {display: flex; padding: 3px 0;}
.hlth-box .chk-tab .cnt-box > dl dt:before {content: ''; display: block; width: 4px; height: 4px; background: #333; position: absolute; top: 8px; left: 0;}
.hlth-box .chk-tab .cnt-box > dl dt {position: relative; flex-shrink: 0; font-family: 'NotoKR-Bold'; color: #333; padding-left: 10px; padding-right: 5px;}
.hlth-box .chk-tab .cnt-box > dl dd {color: #000; flex:1; padding-left: 5px;}
.hlth-box .chk-tab .cnt-box > dl dd .point {font-family: 'NotoKR-Bold'; color: #ef3e61;}
.hlth-box .chk-tab .cnt-box .cnt-tit {font-family: 'NotoKR-Medium';}
.hlth-box textarea.hlth-textarea,
.hlth-box textarea.hlth-textarea[disabled],
.hlth-box textarea.hlth-textarea:disabled,
.hlth-box textarea.hlth-textarea[readonly] { width: 98% !important; border: 0; padding: 0 !important; background-color : #fff !important; line-height: 1.5; color: #333;}

/*반복일경우*/
.ntnHlthChk-wrap .hlth-box .chk-tab:nth-of-type(6n+1) .tit {background-color: #fdc9cc; color: #333;}
.ntnHlthChk-wrap .hlth-box .chk-tab:nth-of-type(6n+2) .tit {background-color: #fce29d; color: #333;}
.ntnHlthChk-wrap .hlth-box .chk-tab:nth-of-type(6n+3) .tit {background-color: #e3ddf3; color: #333;}
.ntnHlthChk-wrap .hlth-box .chk-tab:nth-of-type(6n+4) .tit {background-color: #abdafb; color: #333;}
.ntnHlthChk-wrap .hlth-box .chk-tab:nth-of-type(6n+5) .tit {background-color: #a6e8d5; color: #333;}
.ntnHlthChk-wrap .hlth-box .chk-tab:nth-of-type(6n+6) .tit {background-color: #abdafb; color: #333;}

/*************** 건강검진프로그램 하위 공통 끝******************/

/*************** 맞춤형건강검진 시작******************/
.cstmzHlthChk-wrap {}
.cstmzHlthChk-wrap .title {font-size: 1.25rem; font-family: 'NotoKR-Medium'; width: 550px;}
.cstmzHlthChk-wrap .title p {word-break: keep-all;}
.cstmzHlthChk-wrap .hlth-box .chk-tab > ul {display: block;}
.cstmzHlthChk-wrap .hlth-box .chk-tab .tit-box {width: 100%;}
/* .cstmzHlthChk-wrap .hlth-box .chk-tab .tit-box {display: flex; width: 100%; margin-bottom: 20px;} */
/* .cstmzHlthChk-wrap .hlth-box .chk-tab .tit-box .tit {display: flex; align-items: center; width: 180px; flex-shrink: 0; justify-content: center; border-radius: 10px;} */
.cstmzHlthChk-wrap .program-des {flex: 1; border: 1px solid #dbdbdb; border-radius: 10px; padding: 15px 20px; box-sizing: border-box; margin-bottom : 20px; font-family: "NotoKR-Medium"}
.cstmzHlthChk-wrap .hlth-box .chk-tab .cnt-box {width: 100%; padding-left: 0;}

.cstmzHlthChk-wrap .hlth-box .chk-tab .cnt-box dl {display: flex; padding: 6px 0;}
.cstmzHlthChk-wrap .hlth-box .chk-tab .cnt-box dl dt {position: relative; flex-shrink: 0; font-family: 'NotoKR-Bold'; color: #333; padding-left: 10px; padding-right: 5px; min-width: 100px;}
.cstmzHlthChk-wrap .hlth-box .chk-tab .cnt-box dl dt:before {content: ''; display: block; width: 4px; height: 4px; background-color: #ef3e61; position: absolute; top: 10px; left: 0;}
.cstmzHlthChk-wrap .hlth-box .chk-tab .cnt-box dl dd {color: #000; flex:1; padding-left: 5px;}
.cstmzHlthChk-wrap .hlth-box .chk-tab .cnt-box dl dd .point {font-family: 'NotoKR-Bold'; color: #ef3e61;}
.cstmzHlthChk-wrap .hlth-box .chk-tab .cnt-box .pg-price {overflow: hidden;}
.cstmzHlthChk-wrap .hlth-box .chk-tab .cnt-box .pg-price > li {float: left; margin-right: 20px;}
.cstmzHlthChk-wrap .hlth-box .chk-tab .cnt-box .pg-price > li span {font-family: "NotoKR-Bold"; margin-right: 10px;}

/*내용댑스 두개일때 추가*/
.cstmzHlthChk-wrap .hlth-box .chk-tab .cnt-box .cnt-item + .cnt-item {margin-top: 30px; padding-top: 30px; border-top: 1px solid #dbdbdb;}
.cstmzHlthChk-wrap .hlth-box .chk-tab .cnt-box .cnt-item > p {position: relative; font-size: 1.25rem; font-family: "NotoKR-Medium"; letter-spacing: -1.5px; margin-bottom: 15px; padding-left: 15px;}
.cstmzHlthChk-wrap .hlth-box .chk-tab .cnt-box .cnt-item > p:before {content: ''; display: block; width: 5px; height: 18px; background-color: #ef3e61; border-radius: 10px; position: absolute; top: 6px; left: 0;}
.cstmzHlthChk-wrap .hlth-box .chk-tab .cnt-box .cnt-item > p > span {display: inline-block; margin-left: 10px; font-size: 1rem;}

@media all and (max-width: 767px){
    .hlth-box .chk-tab > ul {display: block;}
    .hlth-box .chk-tab .tit-box {width: 100%;}
    .hlth-box .chk-tab .tit-box .tit {width: 100%;}
    .hlth-box .chk-tab .cnt-box {width: 100%; padding: 0; margin-top: 20px;}
    .hlth-box .chk-tab .cnt-box > dl {display: block; margin-bottom: 5px;}
    .hlth-box .chk-tab .cnt-box > dl dt {}
    .hlth-box .chk-tab .cnt-box > dl dd {padding-left: 10px;}
    
    .cstmzHlthChk-wrap .title {width: 100%;}
    .cstmzHlthChk-wrap .hlth-box .chk-tab .tit-box {display: block;}
    .cstmzHlthChk-wrap .hlth-box .chk-tab .tit-box .tit {width :100%; margin-bottom: 15px;}
    .cstmzHlthChk-wrap .hlth-box .chk-tab .cnt-box dl {display: block; margin-bottom: 10px;}
    .cstmzHlthChk-wrap .hlth-box .chk-tab .cnt-box dl dt {margin-bottom: 5px;}
    .cstmzHlthChk-wrap .program-des {margin-left: 0;}
}

/****************맞춤형건강검진 끝******************/

/****************종합건강검진 시작******************/
.cprsvchk-wrap {}

/*인트로페이지*/
.cprsvchk-intro {}
.cprsvchk-intro > ul {}
.cprsvchk-intro > ul > li {padding: 30px 0; padding-right: 20px; border-bottom: 1px solid #ccc;}
.cprsvchk-intro > ul > li > dl {display: flex;}
.cprsvchk-intro > ul > li > dl dt {display: flex; flex-shrink:0; align-items: center; justify-content: center; width: 170px; height: 125px; background-color: #636775; color: #fff; font-family: "NotoKR-Medium"; text-align: center; border-radius: 15px; box-sizing: border-box; padding: 7px 10px; word-break: keep-all; line-height: 1.3;}
.cprsvchk-intro > ul > li > dl dd {margin-left: 30px;}
.cprsvchk-intro > ul > li > dl dd .price {display: block; margin-top: 10px; font-family: "NotoKR-Bold"; font-size: 1.25rem;}
.cprsvchk-intro > ul > li > dl .goToMedi {display: flex; align-items: center;}
.cprsvchk-intro > ul > li > dl .goToMedi > a {display: block; width: 100px;  height: 50px; border: 1px solid #666; border-radius: 5px; background-color: #fff; font-family: 'NotoKR-Medium'; text-align: center; line-height: 50px; transition: 0.2s; background: url(../../images/ho/main-icon04.png) no-repeat center left 15px; background-size: 23px; padding-left: 31px;}
.cprsvchk-intro > ul > li > dl .goToMedi > a:hover {color: #ef3e61; border: 1px solid #ef3e61;}

.cprsvchk-intro .cprsvchk-list {}
.cprsvchk-intro .cprsvchk-list .cprsvchk-btn {display: flex; width: 100%;}
.cprsvchk-intro .cprsvchk-list .cprsvchk-item {display: flex; width: 120px; height: 120px; flex-shrink: 0; margin-right: 40px; border-radius: 50%; justify-content: center; align-items: center; }
.cprsvchk-intro .cprsvchk-list .cprsvchk-item span {display: inline-block; width: 100px; height: 100px; }

.cprsvchk-intro > ul > li:nth-of-type(1) .cprsvchk-item span {background: url('../../images/ho/cprsvchk-icon01.png') no-repeat center center;}
.cprsvchk-intro > ul > li:nth-of-type(2) .cprsvchk-item span {background: url('../../images/ho/cprsvchk-icon02.png') no-repeat center center;}
.cprsvchk-intro > ul > li:nth-of-type(3) .cprsvchk-item span {background: url('../../images/ho/cprsvchk-icon03.png') no-repeat center center;}
.cprsvchk-intro > ul > li:nth-of-type(4) .cprsvchk-item span {background: url('../../images/ho/cprsvchk-icon04.png') no-repeat center center;}
.cprsvchk-intro > ul > li:nth-of-type(5) .cprsvchk-item span {background: url('../../images/ho/cprsvchk-icon05.png') no-repeat center center;}

.cprsvchk-intro .cprsvchk-list .cprsvchk-desc {}
.cprsvchk-intro .cprsvchk-list .cprsvchk-desc .desc {}
.cprsvchk-intro .cprsvchk-list .cprsvchk-desc .price {font-size: 1.25rem; font-family: 'NotoKR-Medium'; line-height: 1.3; margin-top: 15px;}
.cprsvchk-intro .cprsvchk-list .cprsvchk-desc a {display:inline-block; border: 1px solid #dbdbdb;}

@media all and (max-width: 767px){
    .cprsvchk-wrap .inbox-list li {display: block;}
    .cprsvchk-wrap .borderbox.v2 button {margin-top: 20px;}

    .cprsvchk-intro .cprsvchk-list .cprsvchk-btn {display: block}
    .cprsvchk-intro .cprsvchk-list .cprsvchk-item {margin: 0 auto; margin-bottom: 40px;}
    
    .cprsvchk-intro > ul > li > dl {display: block;}
    .cprsvchk-intro > ul > li > dl dt {display: block; width: 100%; height: auto; padding: 20px 0;}
    .cprsvchk-intro > ul > li > dl dd {margin-left:0; margin-top: 20px;}
    .cprsvchk-intro > ul > li > dl .goToMedi {display: block; width: 100%;}
    .cprsvchk-intro > ul > li > dl .goToMedi > a {width: 100%;}
    
}
/****************종합건강검진 끝******************/

/****************국가건강검진 시작******************/
.ntnHlthChk-wrap {}
.ntnHlthChk-wrap .new-link {padding-right: 35px; background: url(../../images/ho/icon-link.png) no-repeat center right 10px; background-size: 17px;}
.ntnHlthChk-wrap .hlth-box .chk-tab {padding-right: 30px;}
.ntnHlthChk-wrap .cnt-box.v2 {padding-top: 10px;}
.ntnHlthChk-wrap .graph-box {}
.ntnHlthChk-wrap .graph-box ul {display: flex;}
.ntnHlthChk-wrap .graph-box ul li {position: relative; display: flex;}
.ntnHlthChk-wrap .graph-box ul li span {display: flex; justify-content: center; align-items: center; width: 160px; height: 45px; background: #f5f5f5; border: 1px solid #333; border-radius: 10px; text-align: center; font-family: 'NotoKR-Bold'; font-size: 15px; padding: 0 10px; box-sizing: border-box; word-break: keep-all; line-height: 1.2;}
.ntnHlthChk-wrap .graph-box ul li span.big {min-width: 140px;}

/*화살표 복잡한거 클래스화 */
.ntnHlthChk-wrap .graph-box ul li.center span {align-self: center;}
.ntnHlthChk-wrap .graph-box ul li.bottom span {align-self: flex-end;}
.ntnHlthChk-wrap .graph-box ul li.top span {align-self: flex-start;}
.ntnHlthChk-wrap .graph-box .arrow-fork {position: relative; margin-right: 70px; }
.ntnHlthChk-wrap .graph-box .arrow-fork:after {content:''; display: block; width: 70px; height: 110px; position: absolute; top: 50%; right: 0; margin: -55px -70px 0 0; background: url('../../images/ho/sub-arrow-fork.png') no-repeat center right;}
.ntnHlthChk-wrap .graph-box .dash-right {position: relative; margin-right: 30px; z-index: 1;}
.ntnHlthChk-wrap .graph-box .dash-right:after {content:''; display: block; width: 30px; height: 1px; background-color: #999; position: absolute; top: 20px; right: 0; margin: 0 -30px 0 0; z-index: -1;}
.ntnHlthChk-wrap .graph-box .arrow-down {position: relative;}
.ntnHlthChk-wrap .graph-box .arrow-down:after {content:''; display: block; width: 100%; height: 50px; position: absolute; top: 44px; background: url('../../images/ho/sub-arrow-longbottom.png') no-repeat center bottom;}
.ntnHlthChk-wrap .graph-box .arrow-right {position: relative; margin-right: 70px;}
.ntnHlthChk-wrap .graph-box .arrow-right:after {content:''; display: block; width: 70px; height: 10px; position: absolute; top: 50%; margin-top: -5px; right: 0; margin-right: -70px; background: url('../../images/ho/sub-arrow-right.png') no-repeat center right;}
.ntnHlthChk-wrap .graph-box ul li.item2 {flex-direction: column;}
.ntnHlthChk-wrap .graph-box ul li.item2 span:nth-of-type(1) {margin-bottom: 50px;}

.ntnHlthChk-wrap .graph-box .set-txt {position: absolute; display: inline-block; min-width: 30px; font-size: 0.875rem; font-family: 'NotoKR-Medium'; color: #333; }
.ntnHlthChk-wrap .graph-box .set-txt.t1 {top: 60px; left: 90px;}
.ntnHlthChk-wrap .graph-box .set-txt.t2 {top: 95px; left: 175px;}
.ntnHlthChk-wrap .graph-box .set-txt.t3 {top: 55px; left: 170px;}

.ntnHlthChk-wrap .graph-box.v2 ul li span {width: 125px;}

.cnt-list li {}

/*두개짜리 오른쪽화살표*/
.ntnHlthChk-wrap .graph-box.v3 ul {justify-content: space-between;}
.ntnHlthChk-wrap .graph-box.v3 ul li.arrow {display: block; width: calc(100% - 500px); height: 45px; background: url('../../images/ho/sub-arrow-longRight.png') no-repeat center center; }
.ntnHlthChk-wrap .graph-box.v3 ul li.left span {width: 215px;}
.ntnHlthChk-wrap .graph-box.v3 ul li.right span {width: 285px;}

@media (min-width: 768px) and (max-width: 1180px){
    .ntnHlthChk-wrap .hlth-box .chk-tab > ul {display: block;}
    .ntnHlthChk-wrap .hlth-box .chk-tab .tit-box {width: 100%;}
    .ntnHlthChk-wrap .hlth-box .chk-tab .tit-box .tit {width: 100%;}
    .ntnHlthChk-wrap .hlth-box .chk-tab .cnt-box {width: 100%; padding: 0; margin-top: 20px;}
    .ntnHlthChk-wrap .hlth-box .chk-tab .cnt-box > dl {display: block; margin-bottom: 5px;}
    .ntnHlthChk-wrap .hlth-box .chk-tab .cnt-box > dl dt {}
    .ntnHlthChk-wrap .hlth-box .chk-tab .cnt-box > dl dd {padding-left: 10px;}
}

@media all and (max-width: 767px){
    .ntnHlthChk-wrap .hlth-box .chk-tab {padding-right: 0;}
    .ntnHlthChk-wrap .graph-box ul li span {/*width: 100% !important; */}
    /*.ntnHlthChk-wrap .graph-box ul li.item2 {padding: 0 20px;}*/
    /*.ntnHlthChk-wrap .graph-box .dash-right {margin-right: 0; margin-bottom: 20px;}
    .ntnHlthChk-wrap .graph-box .arrow-fork {margin-right: 0; margin-bottom: 20px;}*/
    /*.ntnHlthChk-wrap .graph-box.v1 ul li span {margin-right: 0; margin-bottom: 20px;}*/
    
    /*임시*/
    .ntnHlthChk-wrap .graph-box.v1,
    .ntnHlthChk-wrap .graph-box.v2 {}
    .ntnHlthChk-wrap .graph-box.scroll-point {width: 100%; position: relative;overflow-x: scroll; padding-top: 10px;padding-bottom: 30px; }
    .ntnHlthChk-wrap .graph-box.scroll-point {padding-top: 50px;}
    .ntnHlthChk-wrap .graph-box.scroll-point:before {
    content: '좌우로 스크롤해주세요!';
    display: block;
    position: absolute;
    width: 29px;
    height: 23px;
    right: 0;
    top: 0;
    z-index: 9;
    background: url(../../images/common/table_scroll_hint.png) no-repeat left top;
    background-size: cover;
    text-indent: -9999px;
}
    .ntnHlthChk-wrap .graph-box.v3 ul {display: block;}
    .ntnHlthChk-wrap .graph-box.v3 ul {display: block;}
    .ntnHlthChk-wrap .graph-box.v3 ul li span {width: 100% !important;}
    .ntnHlthChk-wrap .graph-box.v3 ul li.arrow {width: 100%; background: url('../../images/ho/sub-arrow-longbottom.png') no-repeat center bottom;}
    
}
/****************국가건강검진 끝******************/

/*******************서브페이지 검진소개 시작 ******************/
.concept-box {}
.concept-box .title {text-align: center; line-height: 1.3;}
.concept-box .title p {font-size: 2rem; font-family: 'NotoKR-Medium'; letter-spacing: -1.8px; word-break: keep-all;}
.concept-box .concept-cnt {position: relative; width: 100%; margin: 0 auto; margin-top: 50px; padding-top: 60px;}
.concept-box .concept-cnt .center-tit {border: 1px solid #ccc; width: 450px; height: 450px; border-radius: 50%; position: relative; left: 50%; transform: translateX(-50%); background: url('../../images/ho/concept-logo.png') no-repeat center center;}
.concept-box .concept-cnt .center-tit p {width: 100%; font-size: 52px; font-family: 'Roboto-Bold'; text-align: center; line-height: 1.1;  position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.concept-box .concept-cnt .center-tit p span {display: block;font-size: 30px; color: #333; text-align: center;}

.concept-box .concept-info {position: absolute;  top: 0; left: 0; width: 100%; height: 100%;}
.concept-box .concept-info ul {position: relative; width: 100%; height: 100%;}
.concept-box .concept-info ul li {position: absolute; width: 410px; height: 150px; }
.concept-box .concept-info ul li p {position: absolute; width: 155px; height: 155px; border: 2px dotted #ef3e61; border-radius: 30px; background: #fff;}
.concept-box .concept-info ul li p:after {content: ''; position: absolute; top: 0; left: 0; width: 155px; height: 155px; border: 1px solid #ef3e61; border-radius: 30px; background: #ef3e61; transform: rotate(45deg);}
.concept-box .concept-info ul li p span {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1; font-size: 1.375rem; font-family: 'NotoKR-Bold'; color: #444; width: 100%; text-align: center; padding: 0 15px; box-sizing: border-box; word-break: keep-all; line-height: 1.3;}
.concept-box .concept-info ul li > div {display: inline-block; width: 230px;  position: absolute; top: 40%; box-sizing: border-box; }
.concept-box .concept-info ul li > div strong {display: block; font-size: 1.125rem; font-family: 'NotoKR-Bold'; word-break: keep-all; color: #333; margin-bottom: 5px;}
.concept-box .concept-info ul li > div em {font-size: 1rem; font-family: 'NotoKR-Medium'; word-break: keep-all; color: #666; }

.concept-box .concept-info ul li.small > div {width: 180px;}
.concept-box .concept-info ul li.mid > div {width: 190px;}

.concept-box .concept-info ul li.left p {top: 0; right: 0;}
.concept-box .concept-info ul li.right p {top: 0; left: 0;}
.concept-box .concept-info ul li.left > div {right: 190px; text-align: right;}
.concept-box .concept-info ul li.right > div {left: 190px; text-align: left;}

.concept-box .concept-info ul li.item1 {top: 55px; left: -30px;}
.concept-box .concept-info ul li.item2 {top: 55px; right: -30px;}
.concept-box .concept-info ul li.item3 {bottom: -35px; left: -35px;}
.concept-box .concept-info ul li.item3 > div {top: 35%;}
.concept-box .concept-info ul li.item4 {bottom: -35px; right: -35px;}

.concept-box .concept-info ul li.item1 p {background-color: #fff; border-color: #fdc9cc;}
.concept-box .concept-info ul li.item1 p:after {background-color: #fdc9cc; border-color: #fdc9cc;}
.concept-box .concept-info ul li.item2 p {background-color: #fff; border-color: #fce29d;}
.concept-box .concept-info ul li.item2 p:after {background-color: #fce29d; border-color: #fce29d;}
.concept-box .concept-info ul li.item3 p {background-color: #fff; border-color: #e3ddf3;}
.concept-box .concept-info ul li.item3 p:after {background-color: #e3ddf3; border-color: #e3ddf3;}
.concept-box .concept-info ul li.item4 p{background-color: #fff; border-color: #abdafb;}
.concept-box .concept-info ul li.item4 p:after {background-color: #abdafb; border-color: #abdafb;}

@media (min-width: 768px) and (max-width: 1180px){ 
    .concept-box {margin-top: 50px;}
    .concept-box .title span {font-size: 1.25rem; line-height: 1.4;}
    .concept-box .title p {font-size: 2.5rem;}
    .concept-box .concept-cnt {width: 100%; margin-top: 50px;}
    .concept-box .concept-cnt {width: 100%; margin-top: 20px;}
    .concept-box .concept-cnt .center-tit {display: none;}
    .concept-box .concept-cnt .center-tit p {position: static; transform: none;}
    .concept-box .concept-info {position: static;}
    .concept-box .concept-info ul li {position: static; width: 100%; border: 1px dotted #ef3e61; margin-top: 20px;padding: 20px; box-sizing: border-box; height: auto;}
    .concept-box .concept-info ul li p {position: relative; border: 1px solid; width: 100%; padding: 10px 0; text-align: center; background-color: #ef3e61; height: auto; }
    .concept-box .concept-info ul li p span {position: static; display: inline-block; transform: none;}
    .concept-box .concept-info ul li p:after {display: none;}
    .concept-box .concept-info ul li > div {position: static; display: block; width: 100% !important; text-align: center !important; transform: none;padding-top: 20px;}
    
    .concept-box .concept-info ul li.item1 p {background-color: #fdc9cc; border-color: #fdc9cc;}
	.concept-box .concept-info ul li.item2 p {background-color: #fce29d; border-color: #fce29d;}
	.concept-box .concept-info ul li.item3 p {background-color: #e3ddf3; border-color: #e3ddf3;}
	.concept-box .concept-info ul li.item4 p{background-color: #abdafb; border-color: #abdafb;}
}
@media all and (max-width: 767px){
    .concept-box {margin-top: 50px;}
    .concept-box .title span {font-size: 1.25rem; line-height: 1.4;}
    .concept-box .title p {font-size: 2rem;}
    .concept-box .concept-cnt {width: 100%; padding-top: 20px; margin-top: 0;}
    /*.concept-box .concept-cnt {width: 100%; margin-top: 20px;}*/
    .concept-box .concept-cnt .center-tit {display: none;}
    .concept-box .concept-cnt .center-tit p {position: static; transform: none;}
    .concept-box .concept-info {position: static;}
    .concept-box .concept-info ul li {position: static; width: 100%; border: 1px dotted #ef3e61; margin-top: 20px;padding: 20px; box-sizing: border-box; height: auto;}
    .concept-box .concept-info ul li p {position: relative; border: 1px solid;  width: 100%; padding: 10px 0; text-align: center; background-color: #ef3e61; height: auto; }
    .concept-box .concept-info ul li p span {position: static; display: inline-block; transform: none;}
    .concept-box .concept-info ul li p:after {display: none;}
    .concept-box .concept-info ul li > div {position: static; display: block; width: 100% !important; text-align: center !important; transform: none;padding-top: 20px;}
    
    .concept-box .concept-info ul li.item1 p {background-color: #fdc9cc; border-color: #fdc9cc;}
    .concept-box .concept-info ul li.item2 p {background-color: #fce29d; border-color: #fce29d;}
    .concept-box .concept-info ul li.item3 p {background-color: #e3ddf3; border-color: #e3ddf3;}
    .concept-box .concept-info ul li.item4 p{background-color: #abdafb; border-color: #abdafb;}
}
/*******************검진소개 끝 ******************/

/*******************검진절차 시작 ******************/
.page-subTit {font-size: 1.25rem; font-family: 'NotoKR-Medium';}

.step-wrap {position: relative; margin-top: 40px;}
.step-wrap > ul > li .step-img {width: 150px; height: 150px; background: #ef3e61; border-radius: 50%; position: absolute; top: 30px; left: 30px;}
.step-wrap > ul > li .step-img span {display: block; width: 140px; height: 140px; background: #f5f5f5; border-radius: 50%; position: absolute; top: 5px; left: 5px; padding-top: 100px; box-sizing: border-box; text-align: center; font-family: 'NotoKR-Bold'; color: #ef3e61;}
.step-wrap > ul > li:first-child { margin-top: 0;}
.step-wrap > ul > li {position: relative; padding: 40px 40px 40px 235px; border-bottom: 1px solid #ebebeb;}
.step-wrap > ul > li strong {display: block; color: #333; font-size: 1.5rem; font-family: 'NotoKR-Bold';}
.step-wrap .list-txt {min-height: 90px;}
.step-wrap .list-txt ~ .list-txt {min-height: auto;}
.step-wrap.v2, .step-wrap.v3 {margin-top: 0;}

.step-wrap.v3 .list-txt {min-height: 0px;}
.step-wrap.v3 .step-items .tit {position: relative; padding-left: 15px;}
.step-wrap.v3 .step-items .tit:before {content:''; display: block; width: 5px; height: 18px; background-color: #ef3e61; border-radius: 10px; position: absolute; top:8px; left:0;}
.step-wrap.v3 .step-items .tit ~ .tit {margin-top: 30px;}
.step-wrap.v3 a.link-icon {display: inline-block; padding-right: 35px; background: url(../../images/ho/icon-link.png) no-repeat center right 10px; background-size: 18px;}
.step-wrap.v3 a.link-icon:hover {color: #ef3e61;}

.list-txt {margin-top: 10px;}
.list-txt li {position: relative; box-sizing: border-box; margin: 3px 0; padding: 0 20px 0 10px;}
.list-txt > li:before {content: ''; display: block; width: 3px; height: 3px; background-color: #333; border-radius: 7px; position: absolute; top: 10px; left: 0;}
.list-txt.col2 {margin-top: 10px; overflow: hidden;}
.list-txt.col2 li {width: 50%; float: left; padding: 0 20px 0 10px;}


/*백그라운드 이미지*/
.step-wrap .step-01 .step-img span {background: #f5f5f5 url('../../images/ho/icon-step1.png') no-repeat center top 30px;}
.step-wrap .step-02 .step-img span {background: #f5f5f5 url('../../images/ho/icon-step2.png') no-repeat center top 30px;}
.step-wrap .step-03 .step-img span {background: #f5f5f5 url('../../images/ho/icon-step3.png') no-repeat center top 35px;}
.step-wrap .step-04 .step-img span {background: #f5f5f5 url('../../images/ho/icon-step4.png') no-repeat center top 40px;}
.step-wrap .step-05 .step-img span {background: #f5f5f5 url('../../images/ho/icon-step5.png') no-repeat center top 30px;}
.step-wrap .step-06 .step-img span {background: #f5f5f5 url('../../images/ho/icon-step6.png') no-repeat center top 30px;}

@media all and (max-width: 767px){
    .step-wrap > ul > li:first-child {border-top: 1px solid #ccc;}
    .step-wrap > ul > li {padding: 20px; box-sizing: border-box; margin-bottom: 20px; border: 1px solid #ccc;border-radius: 10px;}
    .step-wrap > ul > li .step-img {display: none;}
    .step-wrap > ul > li .list-txt.col2 li {float: none; width: 100%;}
    .step-wrap > ul > li strong {background: #eee; padding: 5px 15px; font-size: 1.125rem;}
    .step-wrap .list-txt {min-height: auto; margin-top: 20px;}
}

/*******************검진절차 끝 ******************/


/****************접종후주의사항 시작******************/
.step-wrap.v2 > ul > li {padding: 40px 40px 40px 230px;}
.step-wrap.v2 > ul > li:first-child {border-top: 1px solid #ccc;}
.step-wrap.v2 > ul > li .step-img span {padding-top: 0;}

.step-wrap .step-07 .step-img span {background: #f5f5f5 url('../../images/ho/icon-step7.png') no-repeat center top 40px;}
.step-wrap .step-08 .step-img span {background: #f5f5f5 url('../../images/ho/icon-step8.png') no-repeat center top 30px;}
.step-wrap .step-09 .step-img span {background: #f5f5f5 url('../../images/ho/icon-step9.png') no-repeat center top 45px;}

@media all and (max-width: 767px){ 
    .step-wrap.v2 > ul > li:first-child {border-top: 1px solid #ccc;}
    .step-wrap.v2 > ul > li {padding: 20px; box-sizing: border-box; margin-bottom: 20px; border: 1px solid #ccc; border-radius: 10px;}
    .step-wrap.v2 > ul > li .step-img {display: none;}
    .step-wrap.v2 > ul > li .list-txt.col2 li {float: none; width: 100%;}
    .step-wrap.v2 > ul > li strong {background: #eee; padding: 5px 15px; font-size: 1.125rem;}
    .step-wrap.v2 .list-txt {min-height: auto; margin-top: 20px;}
}

/****************접종후주의사항 끝******************/

/******************* 검진전주의사항 (신) : 고객요청으로 다른 ui가이드와 합병***************/
.step-wrap.v4 {margin-top: 20px;}
.step-wrap.v4 > ul > li:first-child {border-top: 1px solid #ccc;}
.step-wrap.v4 .list-txt > li {word-break: keep-all;}
.step-wrap.v4 .list-txt > li span {word-break: keep-all;}
.step-wrap.v4 .list-txt > li.noDot:before {display: none;} 

/*백그라운드 이미지*/
.step-wrap .step-1-1 .step-img span {background: #f5f5f5 url('../../images/ho/chkcau-img1-1.png') no-repeat center center;}
.step-wrap .step-1-2 .step-img span {background: #f5f5f5 url('../../images/ho/chkcau-img1-2.png') no-repeat center center;}
.step-wrap .step-1-3 .step-img span {background: #f5f5f5 url('../../images/ho/chkcau-img1-3.png') no-repeat center center;}
.step-wrap .step-1-4 .step-img span {background: #f5f5f5 url('../../images/ho/chkcau-img1-4.png') no-repeat center center;}

.step-wrap .step-2-1 .step-img span {background: #f5f5f5 url('../../images/ho/chkcau-img2-1.png') no-repeat center center;}
.step-wrap .step-2-2 .step-img span {background: #f5f5f5 url('../../images/ho/chkcau-img2-2.png') no-repeat center center;}
.step-wrap .step-2-3 .step-img span {background: #f5f5f5 url('../../images/ho/chkcau-img2-3.png') no-repeat center center;}

.step-wrap .step-3-1 .step-img span {background: #f5f5f5 url('../../images/ho/chkcau-img3-1.png') no-repeat center center;}
.step-wrap .step-3-2 .step-img span {background: #f5f5f5 url('../../images/ho/chkcau-img3-2.png') no-repeat center center;}
.step-wrap .step-3-3 .step-img span {background: #f5f5f5 url('../../images/ho/chkcau-img3-3.png') no-repeat center center;}
.step-wrap .step-3-4 .step-img span {background: #f5f5f5 url('../../images/ho/chkcau-img3-4.png') no-repeat center center;}
.step-wrap .step-3-5 .step-img span {background: #f5f5f5 url('../../images/ho/chkcau-img3-5.png') no-repeat center center;}
.step-wrap .step-3-6 .step-img span {background: #f5f5f5 url('../../images/ho/chkcau-img2-3.png') no-repeat center center;}

.step-wrap .step-4-1 .step-img span {background: #f5f5f5 url('../../images/ho/chkcau-img4-1.png') no-repeat center center;}
.step-wrap .step-4-2 .step-img span {background: #f5f5f5 url('../../images/ho/chkcau-img4-2.png') no-repeat center center;}


/******************* 검진전주의사항 (신) ***************/

/******************* 검진전주의사항 (구) 시작 - 고객 ui 변경 요청으루 추가 및 변경 ******************/
.step-list-box {border-top: 2px solid #333;}
.step-list-box > ul > li {display: flex; border-bottom: 1px solid #dbdbdb;}
.step-list-box > ul > li > div {box-sizing: border-box;}
.step-list-box > ul > li .tit {width: 210px; padding: 30px 0;}
.step-list-box > ul > li .cnt {width: calc(100% - 215px); padding: 30px;}

.step-list-box.v1 > ul > li .tit {font-size: 1.125rem; font-family: 'NotoKR-Medium'; color: #ef3e61;}

.txt-item {}
.txt-item > li {display: flex; position: relative;padding-left: 8px; margin: 3px 0; word-break: keep-all; color: #333;}
.txt-item > li > .nm {min-width: 40px; display:  inline-block; position: relative; font-family: 'NotoKR-Bold';margin-right: 2px; color: #333; flex-shrink: 0;}
.txt-item > li:before {content: ''; display: block; width: 3px; height: 3px; background-color: #333; position: absolute; top: 11px; left: 0; border-radius: 50%;}
.txt-item > li.noDot:before {display: none;}
.txt-item.v1 > li,
.txt-item.block > li {display: block;}

.txt-item.v2 > li > .nm {font-family: 'NotoKR-Medium'}

@media all and (max-width: 767px){
    .step-list-box {border-top: 0;}
    .step-list-box > ul > li {display: block; border: 1px solid #ccc; margin-bottom: 20px; border-radius: 10px; overflow: hidden;}
    .step-list-box.v1 > ul > li .tit {border-bottom: 1px solid #dbdbdb; width: 100%; padding: 8px 5px;}
    .step-list-box.v1 > ul > li .cnt {width: 100%; padding: 20px 20px;}
    
    .step-list-box.v1 > ul > li .tit {font-size: 1.125rem; font-family: 'NotoKR-Medium'; background-color: #ef3e61; color: #fff; text-align: center;} 
}
/*******************검진전주의사항 (구) 끝 - 고객 ui 변경 요청으루 추가 및 변경 ******************/

/*******************검진절차 시작 ******************/
.chkCauCont-wrap {}
.chkCauCont-wrap .borer-box {border: 1px solid #ccc; border-radius: 10px; padding:
20px 30px;}
.chkCauCont-wrap .sub-tit {font-family: 'NotoKR-Medium'; font-size: 1.125rem; position: relative; padding-left: 10px;}
.chkCauCont-wrap .sub-tit:before {content: ''; display: block; width: 4px; height: 4px; background-color: #ef3e61; position: absolute; top: 11px; left: 0 }

.chkCauCont-wrap .explain-box {display: flex; justify-content: space-between; background-color: #f8f8f8; border: 1px solid #ccc; border-radius: 10px; padding: 40px; box-sizing: border-box;}
.chkCauCont-wrap .explain-box > div {width: 48%;}
.chkCauCont-wrap .explain-box .title {height: 50px; background-color: #ef3e61; border-radius: 10px; text-align: center; color: #fff; font-size: 1.375rem; font-family: 'NotoKR-Medium'; line-height: 50px;}
.chkCauCont-wrap .explain-box ul {}
.chkCauCont-wrap .explain-box ul li {display: flex; align-items: center; padding: 25px 0; border-bottom: 1px solid #ccc;}
.chkCauCont-wrap .explain-box ul li:last-child {border-bottom: 0;}
.chkCauCont-wrap .explain-box ul li p {display: flex; align-items: center; justify-content: center; width: 95px; height: 110px; margin-right: 20px; flex-shrink: 0; border-bottom: 5px; border: 2px solid #ef3e61; border-radius: 10px; background: #fff; font-size: 1.5rem; font-family: 'NotoKR-Medium'; color: #333;}

.chkCauCont-wrap .explain-box dl {padding-right: 20px; box-sizing: border-box;}
.chkCauCont-wrap .explain-box dl dt {font-size: 1.125rem; font-family: 'NotoKR-Bold'; color: #333; margin-bottom: 5px;}
.chkCauCont-wrap .explain-box dl dd {position: relative; padding-left: 8px;}
.chkCauCont-wrap .explain-box dl dd:before {content: ''; display: block; width: 3px; height: 3px; background-color: #333; position: absolute; top: 11px; left: 0; border-radius: 50%; }

.chkCauCont-wrap .explain-box .right .title {background-color: #ea7503;}
.chkCauCont-wrap .explain-box .right ul li p {border: 2px solid #ea7503;}

.chkCauCont-wrap .wran-card {display: flex; justify-content: space-between;}
.chkCauCont-wrap .wran-card dl {border: 1px solid; background: #f5f5f5; border: 1px solid #999; border-radius: 10px; text-align: center; padding: 15px; box-sizing: border-box; color: #333;}
.chkCauCont-wrap .wran-card dl:nth-of-type(1) {width: 38%;}
.chkCauCont-wrap .wran-card dl:nth-of-type(2) {width: 58%;}
.chkCauCont-wrap .wran-card dl dt {font-size: 1.125rem; font-family: 'NotoKR-Bold'; color: #333;}
.chkCauCont-wrap .wran-card dl dd {font-size: 1rem; font-family: 'NotoKR-Medium'; color: #333; letter-spacing: -1px;}
.chkCauCont-wrap .wran-card dl dd.mark {background: #fff; color: #ef3e61; padding: 8px 0; border-radius: 5px; margin-top: 10px;}

@media all and (max-width: 767px){
    .chkCauCont-wrap .explain-box {display: block;}
    .chkCauCont-wrap .explain-box > div {width: 100%;}
    .chkCauCont-wrap .explain-box > div {margin: 0 0 40px 0 ; border-bottom: 1px solid #999;}
    .chkCauCont-wrap .explain-box .right {margin-bottom: 0; border-bottom: 0;}
    .chkCauCont-wrap .explain-box ul li {display: block; padding: 0 0 30px 0; border-bottom: 0;}
    .chkCauCont-wrap .explain-box ul li p {width: 100%; height: auto; margin-top: 10px;}
    .chkCauCont-wrap .explain-box dl {margin-top: 20px;}
    
    .chkCauCont-wrap .wran-card {display: block;}
    .chkCauCont-wrap .wran-card dl {width: 100% !important; margin-bottom: 15px;}
}

/*******************검진절차 끝 ******************/

/****************문진표, 예진표 디자인가이드 시작******************/
.question-container {}
.type-title {display: inline-block; min-width: 180px; position: relative; text-align: center; border: 2px solid #ef3e61; background-color: #fff; padding: 15px 0; min-height: 53px; font-size: 1rem; font-family: 'NotoKR-Medium'; box-sizing: border-box; border-radius: 10px; word-break: keep-all; line-height: 1.2; margin-bottom: 20px;}
.question-box {margin-bottom: 40px;}
.question-box .help-txt {display: block; font-family: "NotoKR-Regular"; font-size: 15px; margin-top: 3px; color: #ef3e61;}
.q-listBox.has {border: 1px solid #dbdbdb; border-radius: 10px; padding: 30px; box-sizing: border-box;}
.q-listBox + .q-listBox {margin-top: 30px;}
/*.q-listBox .q-form:nth-of-type(n+2) {margin-top: 10px;}*/
.q-listBox.has .wrapper + .wrapper {border-top: 1px solid #e8e8e8; padding-top: 30px; margin-top: 30px;}

/*.wrapper.col2 {display: flex;}*/
.q-items {position: relative;}
.q-items.col2 {display: flex; flex-wrap: wrap; align-items: center;}
.q-items.col2 .q-form {width: 49%; margin-right: 2%; margin-bottom: 10px;}
.q-items.col2 .q-form:nth-of-type(2n) {margin-right: 0;}

.Qform-col2 {position: relative;} /*q-form 나누는 절대 클래스*/
.Qform-col2 {display: flex; flex-wrap: wrap; align-items: center;}
.Qform-col2 .q-form {width: 49%; margin-right: 2%; margin-bottom: 10px;}
.Qform-col2 .q-form:nth-of-type(2n) {margin-right: 0;}
/*.q-items.col2 .q-form:nth-of-type(n+2) {margin-bottom: 0;}
.q-items.col2 .q-form:nth-of-type(n+3) {margin-bottom: 10px;}*/

.q-title {position: relative; padding-left: 20px; font-size: 1.25rem; font-family: 'NotoKR-Bold'; word-break: keep-all; margin-bottom: 10px;}
.q-title:before {content: ''; display: block; width: 5px; height: 18px; background-color: #ef3e61; border-radius: 10px; position: absolute; top: 6px; left: 0;}
.q-subTitle{/*display: flex;*/ font-family: 'NotoKR-Medium'; font-size: 1.125rem; word-break: keep-all; margin-bottom: 15px;}
.q-subTitle .num {flex-shrink: 0; margin-top: 0px; margin-right: 10px; font-size: 1.125rem; font-family: 'NotoKR-Medium';}
.q-type {display: table; min-width: 125px; min-height: 30px; box-sizing: border-box; padding: 0 15px; background: #666; border-radius: 20px; font-family: 'NotoKR-Regular'; font-size: 1.125rem; color: #fff; text-align: center; margin-bottom: 20px;}
.q-type span {display: table-cell; vertical-align: middle;}
.q-txt {margin-left: 4px; margin-right: 4px;}
.s-fix {max-width: 80px;}/*답변선택지문 너비 작은거*/
.q-txt.large {min-width: 300px;}
.q-valid-border {border: 2px solid #ef3e61;}

.q-chamgo1 {display: block; font-size: 0.875rem; color: #666; line-height: 1.4; margin-bottom: 15px;}
.q-chamgo2 {display: block; font-size: 1rem; color: #ef3e61; line-height: 1.4; margin-bottom: 15px;}

.q-form {border: 1px solid #dbdbdb; border-radius: 10px; overflow: hidden; box-sizing: border-box; margin-bottom: 10px; }
/*.q-form:last-child {margin-bottom: 0;}*/
.q-form .q-box{display: flex; flex-shrink: 0; width: 100%; border-bottom: 1px solid #dbdbdb; padding: 12px 15px; min-height: auto; box-sizing: border-box;}
.q-form .q-box .num {flex-shrink: 0; margin-top: 0px; margin-right: 10px; font-size: 1.125rem; font-family: 'NotoKR-Medium';}
.q-form .q-box p {position: relative; display: table-cell; font-size: 1.125rem; font-family: 'NotoKR-Medium'; word-break: keep-all;}
.q-form .q-box p .help-txt {display: block; font-family: "NotoKR-Regular"; font-size: 15px; margin-top: 3px; color: #ef3e61;}

.q-form .q-box input[type="text"] {width: 60px; margin: 0 8px; height: 30px; border-radius: 0;}
.q-form .a-box {padding: 10px 20px; box-sizing: border-box; min-height: auto; background: #f8f8f8; overflow: hidden;}
.q-form .a-box textarea {width: 100%; box-sizing: border-box;}
.q-form .chk-items {margin-left: 15px;}
.q-form .chk-items > label {margin-right: 10px;}
.chk-items.v2 > label {padding-right: 20px;}
/*질문,답변 컴포넌트 가로정렬*/
.q-form.v2 {display: flex;}
.q-form.v2 .q-box {align-items: center; width: 215px; border-bottom: 0;}
.q-form.v2 .q-box p {font-family: 'NotoKR-Regular'; font-size: 1rem;;}
.q-form.v2 .a-box {flex-grow: 1; display: flex; align-items: center;}

/*답변리스트 레이아웃*/
.a-list { display: flex; flex-wrap: wrap; flex-grow: 1;}
.a-list > li {display: flex; align-items: center; padding-right: 40px; box-sizing: border-box; margin: 3px 0}
.a-list > li:last-child {padding-right: 10px;}
.a-list input[type="text"] {width: 55px; height: 30px; border-radius: 0;}
.a-list input[type="text"] + input[type="text"] {margin: 0 6px;}
.a-list > li.full {width: 100%;}
.a-list > li.full .forSurvey {flex-shrink: 0;}
.a-list > li.full input[type="text"] {width: 100%; max-width: calc(100% - 30px);}
.a-list > li.full > div,
.a-list .full-input{width: 100%;}

.a-list.v2 {flex-wrap: wrap;}
.a-list.v2 li {width: 49%; margin: 3px 0;}
.a-list.v3 li {padding-right: 15px;}

/*문진표, 예진표전용 라디오 커스텀*/
.forSurvey {width: auto; box-sizing: border-box; /*float: left;*/ /*padding-right: 40px;*/ margin: 5px 0; position: relative; font-size: 1rem; cursor: pointer;}
.forSurvey:last-child {padding-right: 0;}
.forSurvey.flex {display: flex; align-items: center;}
.forSurvey label {padding: 0 0 0 28px; cursor: pointer;}
.forSurvey label:before {content: ''; display: inline-block; width: 20px; height: 20px; border: 1px solid #dbdbdb; border-radius: 50%; vertical-align: middle; background-color: #fff; position: relative; box-sizing: border-box; position: absolute; top: 2px; left: 0;}
.forSurvey input[type="radio"] {}
.forSurvey input[type="radio"]:checked + label:before {border: 6px solid #ef3e61;}
.forSurvey input[type="radio"]:disabled + label:before{background: #dbdbdb; border:1px solid #ccc;}
.forSurvey input[type="radio"]:focus + label:before{outline: 1px solid #ef3e61;}

/*문진표전용 체크박스 커스텀*/
.chkBox input[type="checkbox"] {cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0 !important; background: #fff; height: 20px; width: 20px; border: 1px solid #333; box-sizing: border-box; margin: 0 3px 0 0; vertical-align: middle; background-color: #fff !important;}
.chkBox input[type="checkbox"]:checked {background: #ef3e61 !important; border: 1px solid #ef3e61; border-color: #ef3e61 !important;}
.chkBox input[type="checkbox"]:hover,
.chkBox input[type="checkbox"]:focus{filter: brightness(90%);}
.chkBox input[type="checkbox"]:disabled,
.chkBox input[type="checkbox"][readonly]{background: #dbdbdb; opacity: 0.6; pointer-events: none;}
.chkBox input[type="checkbox"]:after {content: ''; position: relative; left: 40%; top: 20%; width: 25%; height: 52%; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); display: none;}
.chkBox input[type="checkbox"]:checked:after {display: block;}
.chkBox input[type="checkbox"]:disabled:after {border-color: #555;}
.chkBox input[type="checkbox"]:focus{outline: 1px solid #ef3e61;}
.chkBox label {cursor: pointer; margin-right: 10px;}
.chkBox span {display: inline-block; line-height: 20px; vertical-align: middle; font-size: 1rem; font-family: 'NotoKR-Regular'; width: auto;}

 /*.s-fix {max-width: 75px;}

.q-form .forTxt.flex {display: flex; align-items: center;}
.forTxt input[type="text"] {width: 75px; height: 30px; border-radius: 0;margin: 0 5px;}*/

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

@media all and (max-width: 767px){
    .q-form.v2 {display: block;}
    .q-form .chk-items > label {display: inline-block; width: 40%;}
    .q-items.col2 {display: block;}
    .q-items.col2 .q-form {width: 100%; margin-right: 0 !important;}
    
    .Qform-col2 {display: block;}
    .Qform-col2 .q-form {width: 100%; margin-right: 0 !important;}
    
    .q-form .a-box {padding: 10px 20px;}
    
    .a-list > li {flex-wrap: wrap; width: 100%;  margin: 3px 0;}
    .a-list > li.full.v2 {width: 100%; padding-right: 0;}
    
    .a-list.v2 li {width: 100%;}
    .a-list input[type="text"] {height: 28px;}
    
    .q-listBox.has {padding: 15px;}
    
}

/*예진표 상단 정보 박스*/
#preliminary-wrap.popup {max-width: 1000px; width: 100%; box-sizing: border-box; margin: 30px auto 0; padding-bottom: 30px;}
#preliminary-wrap .q-form {margin-bottom: 15px;}
.prelimi-box {border: 1px solid #dbdbdb; padding: 40px 40px 40px 230px; border-radius: 10px; margin-bottom: 50px;  background: #f8f8f8 url('../../images/ho/icon-result1.png') no-repeat center left 80px;}
.prelimi-box p {text-align: left;}
.prelimi-box .tit {font-family: "NotoKR-Medium"; font-size: 1.625rem; color: #ef3e61; margin-bottom: 15px;}
.prelimi-box .tit span {font-family: "NotoKR-Bold"; color: #333;}
.prelimi-box .sub {font-size: 1.125rem; font-family: "NotoKR-Medium";}

@media all and (max-width: 767px){
    .prelimi-box {padding: 170px 40px 40px 40px ; background: #f8f8f8 url('../../images/ho/icon-result1.png') no-repeat center top 40px;}
    .prelimi-box p {text-align: center;}
    .prelimi-box .tit {font-size: 1.5rem; word-break: keep-all; margin-bottom: 25px;}
    .prelimi-box .sub {font-size: 1.125rem; word-break: keep-all; margin-bottom: 10px;}
}

/*데코없는문진표*/
#pop-histtak {max-width: 1200px; margin: 0 auto; box-sizing: border-box;}
#pop-histtak.pop-histtak {padding: 30px 30px 0 30px; padding-bottom: 100px !important; position: relative;}
#pop-histtak.pop-histtak .btn-wrap {display: block; width: 100%; right: 0; bottom:0; padding: 15px 30px; background: #f5f5f5; border-top: 1px solid #aaa; box-shadow: -0 -5px 10px rgba(0,0,0,0.1); box-sizing: border-box;}
#pop-histtak.pop-histtak .btn-wrap button {box-shadow: 0 0 0; }

/*데코있는 문진표 버튼*/
#pop-histtak .btn-wrap{
    display: inline-block;
    position: fixed;
    right: calc(50% - 600px);
    bottom: 15px;
}
#pop-histtak .btn-wrap button {box-shadow: 0 0 8px rgba(0,0,0,0.5);}

@media all and (max-width: 1200px){ 
	#pop-histtak {width: 100%; max-width: 100%;}
	#preliminary-wrap.popup {max-width: 100%; padding: 30px;}
}

@media (min-width: 768px) and (max-width: 1180px){
    #pop-histtak.pop-histtak {padding: 20px;}
    #pop-histtak .btn-wrap {right: 5%;}
    #preliminary-wrap.popup {max-width: 100%; padding: 30px;}
}

@media all and (max-width: 767px){
    #pop-histtak.pop-histtak {/* padding: 0 5%; */padding: 5%;}
    #pop-histtak .table-guide-wrap { margin-top:50px;}
    #pop-histtak .table-guide-wrap:before {display: none;}
    #pop-histtak .table-guide table {/* min-width: 400px; */ width: 100%;}
    #pop-histtak .table-guide table td {font-size: 15px;}
    #pop-histtak .table-guide table td .m-font-14 {font-size: 14px; word-break: keep-all;}
    #pop-histtak .table-guide table td .t-btn {min-width: 55px;}
    #pop-histtak .btn-wrap {right: 20px;}
    #pop-histtak .btn-wrap button {display: inline-block; width: 45%; vertical-align: middle; margin-top: 0;}
    .com-verifi .item-tit .tit {font-size: 1.5rem; letter-spacing: -1px; line-height: 1.4;}
}

/****************문진표,예진표 디자인 가이드 끝******************/

/****************의무기록열람 시작******************/
.mediRecord-wrap {}
.mediRcd-btn {}
.mediRcd-btn button {width: 49%;text-align: left;padding: 0;position: relative;}
.mediRcd-btn button > a {width: calc(100% - 47px);display: inline-block; width: 100%;height: 100%;padding: 8px 38px 8px 51px;box-sizing: border-box;word-break: keep-all;}
.mediRcd-btn button span {display: inline-block; width: 27px; height: 27px; vertical-align: middle; margin-right: 15px;}
.mediRcd-btn button span.hwp {background: url('../../images/common/hwp-icon.png') no-repeat center center; position: absolute;top: 6px;left: 10px;}
.mediRcd-btn button span.pdf {background: url('../../images/common/pdf-icon.png') no-repeat center center; position: absolute;top: 6px;left: 10px;}

@media all and (max-width: 767px){
    .mediRecord-wrap .borderbox {border: 0; padding: 0;}
    .mediRcd-btn button {width: 100%;}
    .mediRcd-btn button:last-child {margin-top: 10px;}
}
/****************의무기록열람 끝******************/

/****************건강생활실천상담실 시작******************/
.hlthCnsl-wrap {}
.hlthCnsl-wrap .intro-title {width: 450px; font-family: 'NotoKR-Medium'; font-size: 1.75rem; line-height: 1.3; word-break: keep-all; margin-bottom: 20px;}
.hlthCnsl-wrap .sub-title {width: 830px; word-break: keep-all; line-height: 1.6;}
/*.medi-img img {max-width: 100%;}*/

/*.hlthCnsl-items {display: flex; justify-content: space-between;}
.hlthCnsl-items .left,
.hlthCnsl-items .right {width: 47.5%; box-sizing: border-box;}

.hlthCnsl-items .item-card {box-sizing: border-box;}
.hlthCnsl-items .item-card .img-area {width: 100%; position: relative; padding-top: 61%; border-radius: 20px; overflow: hidden;}
.hlthCnsl-items .item-card .img-area img {position: absolute; width: 100%; top: 0; left: 0;}
.hlthCnsl-items .item-card .item-card-txt {margin-top: 20px; padding-bottom: 20px;}
.hlthCnsl-items .item-card .item-card-txt p {word-break: keep-all;}*/

.hlthCnsl-wrap .consult-step {margin-top: 35px;}
.hlthCnsl-wrap .consult-step > ul {}
.hlthCnsl-wrap .consult-step > ul > li {position: relative; text-align: center; padding-bottom: 40px;
background: url('../../images/ho/arrow-head-off.png') no-repeat center bottom 13px;}
.hlthCnsl-wrap .consult-step > ul > li span {display: inline-block; min-width: 335px; height: 50px; box-sizing: border-box; padding: 10px 20px; font-family: 'NotoKR-Medium'; font-size: 1.125rem; text-align: center; border: 1px solid #dbdbdb; border-radius: 25px; background: #fff; }

.hlthCnsl-wrap .consult-step > ul > li.mark{background: url('../../images/ho/arrow-head-on.png') no-repeat center bottom 13px;}
.hlthCnsl-wrap .consult-step > ul > li.result-step {background: url('../../images/ho/arrow-head-on.png') no-repeat center bottom 13px;}
.hlthCnsl-wrap .consult-step > ul > li.mark span {background-color: #ef3e61; color: #fff; border: 1px solid #ef3e61;}
.hlthCnsl-wrap .consult-step > ul > li:last-child {background: none;}

.hlthCnsl-wrap .consult-step > ul > li.result-step {display: flex; justify-content: center; align-items: center;}
.hlthCnsl-wrap .consult-step > ul > li.result-step span {min-width: 140px; width: auto;}

.hlthCnsl-wrap .consult-step > ul > li .helpTxt {position: absolute; color: #ef3e61; font-family: 'NotoKR-Medium'; }
.hlthCnsl-wrap .consult-step > ul > li .helpTxt.v1 {top: 12px; right: calc(50% - 280px); padding-left: 8px;} /*진료지원실 설명 문구*/
.hlthCnsl-wrap .consult-step > ul > li .helpTxt.v1:before {content: ''; width: 80px; height: 1px; background: #ef3e61; position: absolute; top: 50%; right: 100%;}

.hlthCnsl-wrap .consult-step > ul > li .helpTxt.v2 {top: 155px; right: calc(50% - 350px); padding-left: 8px;}
.hlthCnsl-wrap .consult-step > ul > li .helpTxt.v2:before {content: ''; width: 30px; height: 280px; border: 1px solid  #ef3e61; border-left: 0; position: absolute; top: -130px; left: -45px;}
.hlthCnsl-wrap .consult-step > ul > li .helpTxt.v2:after {content: ''; width: 16px; height: 1px; background: #ef3e61; position: absolute; top: 12px; left: -15px;}/*건강갱활실천상담실 문구*/

.hlthCnsl-wrap .consult-step .re-consult {display: flex; border: 2px solid #ef3e61; border-radius: 30px; padding: 5px; background: #f5f5f5; margin-left: 10px;}
.hlthCnsl-wrap .consult-step .re-consult li {margin-right: 10px;}
.hlthCnsl-wrap .consult-step .re-consult li:last-child {margin-right: 0;}

.channel-box ul {display: flex;}
.channel-box ul li { width: 31%; margin-right: 3%;}
.channel-box ul li:last-child {margin-right: 0;}
.channel-box ul li img {max-width: 100%;}
/*.channel-box ul li img {}*/

@media (min-width: 768px) and (max-width: 1180px){
    .hlthCnsl-wrap .intro-title {width: 100%;}
    .hlthCnsl-wrap .sub-title {width: 100%;}
    
    .hlthCnsl-wrap .consult-step > ul > li.result-step {display: block;}
    .hlthCnsl-wrap .consult-step > ul > li.result-step span {width: 335px; }
    .hlthCnsl-wrap .consult-step > ul > li.result-step {background: }
    
    .hlthCnsl-wrap .consult-step .re-consult {display: block; width: 350px; margin: 10px auto 0; }
    .hlthCnsl-wrap .consult-step .re-consult li {margin-right: 0; margin: 5px 0;}
        
}

@media all and (max-width: 767px){
    .hlthCnsl-wrap .intro-title {width: 100%;}
    .hlthCnsl-wrap .sub-title {width: 100%;}
    
    /*.hlthCnsl-items {display: block;}
    .hlthCnsl-items .left, .hlthCnsl-items .right {width: 100%;}
    .hlthCnsl-items .left {margin-bottom: 30px;}*/
    
    .hlthCnsl-wrap .consult-step > ul > li span {width: 100%;}
    .hlthCnsl-wrap .consult-step > ul > li.result-step {display: block;}
    .hlthCnsl-wrap .consult-step > ul > li.result-step span {width: 100%; }
    .hlthCnsl-wrap .consult-step > ul > li.result-step {background: }
    
    .hlthCnsl-wrap .consult-step .re-consult {display: block; width: 100%; margin: 10px auto 0; box-sizing: border-box;}
    .hlthCnsl-wrap .consult-step .re-consult li {margin-right: 0; margin: 5px 0;}
    
    .hlthCnsl-wrap .consult-step > ul > li .helpTxt {position: static; display: block; transform: none; margin-top: 5px;}
    .hlthCnsl-wrap .consult-step > ul > li .helpTxt.v1:before,
    .hlthCnsl-wrap .consult-step > ul > li .helpTxt.v2:before,
    .hlthCnsl-wrap .consult-step > ul > li .helpTxt.v2:after {display: none;}
    
    .channel-box ul {display: block;}
    .channel-box ul li {width: 100%; margin-right: 0 !important; margin-bottom: 25px;}
    .channel-box ul li img {width: 100%;}
}

/****************건강생활실천상담실 끝******************/

/****************성인예방접종 가이드 시작******************/
.aduVaccGuide-wrap {}
.aduVaccGuide-wrap .aduVaccHide{height:0; opacity: 0; transition: 0.3s; margin-bottom: 0;}
.aduVaccGuide-wrap .aduVaccHide.on {height: auto; opacity:1;} 
.aduVaccGuide-btns button {padding-left: 50px; background: url("../../images/ho/main-icon02.png") no-repeat left 15px center; background-size: 25px;}

.vaccGuide-box {}
.vaccImg-box img {max-width: 100%;}
.vaccGuide-box span.v-pattern1 {background: url('../../images/ho/pattern1.png');}
.vaccGuide-box span.v-pattern2 {background: url('../../images/ho/pattern2.png');}
.vaccGuide-box span.v-pattern3 {background: url('../../images/ho/pattern3.png');}
.vaccGuide-box span.v-pattern4 {background: url('../../images/ho/pattern4.png');}
.vaccGuide-box .info-guide {padding: 30px; box-sizing: border-box;}
.vaccGuide-box .info-guide ul.info-bg li {position: relative; padding-left: 45px; margin: 5px 0;}
.vaccGuide-box .info-guide ul.info-bg li span {display: inline-block; width: 30px; height: 15px; position: absolute; top: 5px; left: 0;}

/*table.vaccTb {width: 100%; border-collapse: separate; border-spacing: 5px;}
table.vaccTb th,
table.vaccTb td {position: relative; height: 45px; background-color: #f8f8f8;text-align: center; font-family: 'NotoKR-Medium'; border-radius: 5px;}
table.vaccTb .v-bg1 {background: #888; color: #fff;}
table.vaccTb .v-bg2 {background: #dbdbdb;}
table.vaccTb .v-bg3 {border: 1px solid #aaa; background: #fff;}
table.vaccTb .empty {color: #f8f8f8;}

table.vaccTb td span {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; border-radius: 5px; position: absolute; top: 0; left: 0; height: 100%; z-index: 2; line-height: 1.2; letter-spacing: -1px;}
table.vaccTb td span.mmr {width: 115%;}
table.vaccTb td span.HPV {width: 92%;}

.vaccGuide-box span.v-pattern1 {background: url('../../images/ho/pattern1.png');}
.vaccGuide-box span.v-pattern2 {background: url('../../images/ho/pattern2.png');}
.vaccGuide-box span.v-pattern3 {background: url('../../images/ho/pattern3.png');}

table.vaccTb .wran-bar {display: block; width: 101px; height: 10px; border-radius: 5px; position: absolute; top: 0; right: 0; z-index: 3; background: url('../../images/ho/pattern3.png');}

.vaccGuide-box .info-guide {padding: 30px; box-sizing: border-box;}
.vaccGuide-box .info-guide ul li {position: relative; padding-left: 45px; margin: 5px 0;}
.vaccGuide-box .info-guide ul li span {display: inline-block; width: 30px; height: 15px; position: absolute; top: 5px; left: 0;}
.vaccGuide-box .hid-txt {color: transparent;}

@media (min-width: 768px) and (max-width: 1180px){
    .vaccGuide-box .table-guide-wrap{position: relative;}
    .vaccGuide-box .table-guide {width: 100%; overflow-x: scroll;}
}*/
@media all and (max-width: 767px){
    /*.vaccGuide-box .table-guide-wrap {width: 100%; overflow-x: scroll;}*/
}
/****************성인예방접종 가이드 끝******************/

/****************7대암 시작******************/
#cnc-wrap {}
.cnc-area {margin-top: 40px;}
.cnc-area .border-box {padding: 35px; word-break: keep-all;}
.cnc-area .border-box.bg {background: #f8f8f8;}
.cnc-img-wrap {border: 1px solid #dbdbdb; border-radius: 10px; overflow: hidden;}
.cnc-img-wrap img {width: 100%; max-width: 100%;}

.cnc-list li {margin: 3px 0;}

.block-list {margin-top: 15px;}
.block-list:nth-of-type(1) {margin-top: 0;}
.block-list dt {position: relative; font-family: 'NotoKR-Bold'; font-size: 1.125rem;}
.block-list dd {}
.block-list.dot dt {padding-left: 10px; margin-bottom: 5px;}
.block-list.dot dt:before {content: ''; display: block; width: 3px; height: 3px; border-radius: 50%; background: #333; position: absolute; top: 11px; left: 0;}
.block-list.dot dd {padding-left: 10px;}
.block-list.v2 dt {position: relative; font-family: 'NotoKR-Medium';}

.block-list.depth2 li,
.block-list.depth2 dl{display: flex; margin: 5px 0;}
.block-list.depth2 li em,
.block-list.depth2 dl dt{flex-shrink: 0;}


.sourceTxt {font-size: 14px; color: #666; margin-top: 10px;}

.cnc-card-list {}
.cnc-card-list.flex {display: flex; flex-wrap: wrap;}
.cnc-card-list dl {border: 1px solid #dbdbdb; width: 48%; margin-right: 4%; box-sizing: border-box; margin-top: 20px; border-radius: 10px; overflow: hidden;}
.cnc-card-list dl:nth-of-type(2n) {margin-right: 0;}
.cnc-card-list dl:nth-child(n+1):nth-child(-n+2)  {margin-top: 0;}
.cnc-card-list dl dt {border: 1px solid #f8f8f8; padding: 15px; box-sizing: border-box; text-align: center; background: #f8f8f8; color: #000; font-family: 'NotoKR-Bold'; line-height: 1.3;}
.cnc-card-list dl dd {padding: 15px; box-sizing: border-box; text-align: center; background: #fff; color: #333; line-height: 1.3;}

@media all and (max-width: 767px){
    .cnc-card-list,
    .cnc-card-list.flex {display: block;}
    .cnc-card-list dl {width: 100% !important; margin-right: 0 !important; margin-bottom: 20px !important;}
    
    #cnc-wrap .block-list.depth2 li, #cnc-wrap .block-list.depth2 dl{display: block;}
    #cnc-wrap .block-list.depth2 li em, #cnc-wrap .block-list.depth2 dl dt {display: block;}
}

.cnc-thum-list {}
.cnc-thum-list > ul {display: flex; flex-wrap: wrap;}
.cnc-thum-list > ul > li {border: 1px solid #dbdbdb; margin-top: 30px; box-sizing: border-box; border-radius: 10px;}
.cnc-thum-list > ul > li .img-box {position: relative; padding-top: 62%; overflow: hidden;}
.cnc-thum-list > ul > li .img-box img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);  width: 100%;  max-width: 100%;}
.cnc-thum-list > ul > li .cnc-info {padding: 20px 25px ;box-sizing: border-box;}
.cnc-thum-list > ul > li .cnc-info .tit {display: block; font-size: 1.125rem; font-family: 'NotoKR-Bold'; letter-spacing: -1px;}
.cnc-thum-list > ul > li .cnc-info .txt {margin-top: 13px; word-break: keep-all;}

.cnc-thum-list > ul.col2 > li {width: 48%; margin-right: 4%;}
.cnc-thum-list > ul.col2 > li .img-box {padding-top: 49%;}
.cnc-thum-list > ul.col2 > li:nth-of-type(2n) {margin-right: 0;}
.cnc-thum-list > ul.col2 > li:nth-child(n+1):nth-child(-n+2) {margin-top: 0;}

.cnc-thum-list > ul.col3 > li {width: 31%; margin-right: 3.4%;}
.cnc-thum-list > ul.col3 > li:nth-of-type(3n) {margin-right: 0;}
.cnc-thum-list > ul.col3 > li:nth-child(n+1):nth-child(-n+3) {margin-top: 0;}

.cnc-thum-list.breast > ul > li .img-box {padding-top: 45% !important;}

@media (min-width: 768px) and (max-width: 1180px){
    .cnc-thum-list > ul.col3 > li {width: 48%; margin-right: 4% !important; margin-top: 25px !important;}
    .cnc-thum-list > ul.col3 > li:nth-of-type(2n) {margin-right: 0 !important;}
    .cnc-thum-list > ul.col3 > li:nth-child(n+1):nth-child(-n+2) {margin-top: 0 !important;}       
}

@media all and (max-width: 767px){
    .cnc-thum-list > ul {display: block;}
    .cnc-thum-list > ul > li {width: 100% !important; margin-right: 0 !important; margin-top: 25px !important;}
    .cnc-thum-list > ul > li:nth-child(1) {margin-top: 0 !important;}
    
}

.cnc-testStep {margin-top: 10px;}
/*.cnc-testStep .step-imgs {display: flex;}
.cnc-testStep .step-imgs > li {margin-right: 30px;}
.cnc-testStep .step-imgs > li:last-child {margin-right: 0;}*/
.cnc-testStep .step-txt {margin-top: 20px;}
.cnc-testStep .step-txt > li {margin: 5px 0;}

@media all and (max-width: 767px){
   /* .cnc-testStep .step-imgs {display: block;}
    .cnc-testStep .step-imgs > li {margin-right: 0; margin-bottom: 25px; text-align: center;}
    .cnc-testStep .step-imgs > li img {max-width: 100%;}*/
}

/****************7대암 끝******************/

/***************만성질환 시작******************/
.chroDses-wrap {}
.chroDses-wrap .border-box {padding: 35px; word-break: keep-all;}
.chroDses-graph {margin-bottom: 30px;}
.chroDses-graph .graph-box {border: 1px solid #dbdbdb; border-radius: 10px; padding: 30px 25px; box-sizing: border-box; text-align: center; }

/*나의 혈압수치*/
.chroDses-wrap .bloodPress-wrap {border-radius: 20px; border: 1px solid #dbdbdb; overflow: hidden; margin-top: 30px;}
.chroDses-wrap .bloodPress-wrap > p {background-color: #666; color: #fff; text-align: center; font-size: 1.125rem; padding: 10px 0;} 
.chroDses-wrap .bloodPress-wrap .bloodPress {display: flex; justify-content: space-between; padding: 30px 60px; background: url('../../images/ho/bloodPress.png') no-repeat center center;}
.chroDses-wrap .bloodPress-wrap .bloodPress span {border: 1px solid #dbdbdb; width: 200px; height: 200px; padding: 20px; box-sizing: border-box; border-radius: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align:center; font-family: "NotoKR-Medium"; font-size: 1.125rem; letter-spacing: -1px;}
.chroDses-wrap .bloodPress-wrap .bloodPress span em {display: block; width: 100%; font-size: 2.5rem; margin: 10px;}

@media all and (max-width: 767px){
    .chroDses-wrap  {margin-top: 50px;}
    .chroDses-graph .graph-box img {max-width: 100%;}
    
    .chroDses-wrap .bloodPress {flex-direction: column; align-items: center; padding: 30px;}
    .chroDses-wrap .bloodPress span:first-child {margin-bottom: 145px; }
}

/****************만성질환 끝******************/

/***************균형있는식생활 시작******************/
.balance-wrap {}
.balance-wrap img {max-width: 100%;}
.balance-wrap .m-balance-img {display: none;}
.balance-wrap .balanceBtns {margin-top: 40px;}
.balance-wrap .balanceBtns > a {display: inline-block; width : 48%; padding: 15px; padding-left: 55px; box-sizing: border-box; border: 1px solid #aaa; border-radius: 5px; margin: 5px; font-family: "NotoKR-Medium"; letter-spacing: -1px;}
.balance-wrap .balanceBtns > a:hover {border: 1px solid #ef3e61;} 
.balance-wrap .balanceBtns > a:nth-of-type(1) {background: url("../../images/ho/balance-icon1.png") no-repeat center left 10px; background-size: 35px;}
.balance-wrap .balanceBtns > a:nth-of-type(2) {background: url("../../images/ho/balance-icon2.png") no-repeat center left 10px; background-size: 35px;}
.balance-wrap .balanceBtns > a:nth-of-type(3) {background: url("../../images/ho/balance-icon3.png") no-repeat center left 10px; background-size: 35px;}
.balance-wrap .balanceBtns > a:nth-of-type(4) {background: url("../../images/ho/balance-icon4.png") no-repeat center left 10px; background-size: 35px;}
.balance-wrap .balanceBtns > a:nth-of-type(5) {background: url("../../images/ho/balance-icon5.png") no-repeat center left 10px; background-size: 35px;}
.balance-wrap .balanceBtns > a:nth-of-type(6) {background: url("../../images/ho/balance-icon6.png") no-repeat center left 10px; background-size: 35px;}

.balacePop-wrap {text-align:center;}
.balacePop-wrap img {max-width: 85%;}
.balacePop-wrap .sourceTxt {font-size: 1.125rem;}

@media (min-width: 768px) and (max-width: 1180px){
	.balance-wrap .pc-balance-img {display: none;}
	.balance-wrap .m-balance-img {display: block;}
	.balance-wrap .balanceBtns {display: block;}
	
}

@media all and (max-width: 767px){
	.balance-wrap .pc-balance-img {display: none;}
	.balance-wrap .m-balance-img {display: block;}
	.balance-wrap .balanceBtns {display: block;}
	.balance-wrap .balanceBtns > a {width: 100%; margin:5px 0;}
	.balacePop-wrap img {max-width: 100%;}
}

/***************균형있는식생활 끝******************/

/****************연구마당 - 기생충관리분야, 건강관리분야 시작******************/
/*추후 공통요소로 분리*/
.page-subTit {font-size: 1.75rem; font-family: 'NotoKR-Medium'; letter-spacing: -1.5px; line-height: 1.3; word-break: keep-all;}
.page-subTxt {font-size: 1rem; font-family: 'NotoKR-Regular'; letter-spacing: -0.8px; line-height: 1.6; word-break: keep-all;}
/*추후 공통요소로 분리*/

.rschActIntro-wrap {}
.sub-intro {}
.sub-intro .img-info {width: 100%;}
.sub-intro .img-info .tit {font-size: 1.75rem; margin-bottom: 15px; box-sizing: border-box; word-break: keep-all; line-height: 1.3; font-family: "NotoKR-Medium"; }
.sub-intro .img-info .tit.small {margin-right: 75px;}
.sub-intro .img-info .txt {line-height: 1.6; word-break: keep-all; box-sizing: border-box; word-break: keep-all;}

/*감염병관리분야, 보건의료분야*/
.rschActIntro-container {}
.rschActIntro-container #tab1 {background: url('../../images/ho/rschAct-bg02.png') no-repeat bottom right; background-size: 500px;}
.rschActIntro-container #tab2 {background: url('../../images/ho/rschAct-bg01.png') no-repeat bottom right; background-size: 500px;}

/*.rsch-thum-list {}
.rsch-thum-list > ul {display: flex; flex-wrap: wrap;}
.rsch-thum-list > ul > li {border: 1px solid #dbdbdb; margin-top: 35px; box-sizing: border-box;  border-radius: 10px; overflow: hidden;}
.rsch-thum-list > ul > li .img-box {position: relative; overflow: hidden;}
.rsch-thum-list > ul > li .img-box img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);  width: 100%;  max-width: 100%;}
.rsch-thum-list > ul > li .rsch-info {position: relative; padding: 40px 35px ;box-sizing: border-box;}
.rsch-thum-list > ul > li .rsch-info .tit {display: block; font-size: 1.5rem; font-family: 'NotoKR-Medium'; letter-spacing: -1px;}
.rsch-thum-list > ul > li .rsch-info .txt {margin-top: 13px; word-break: keep-all;}
.rsch-thum-list > ul > li .rsch-info .num {display: block; width: 60px; height: 60px; line-height: 60px; text-align: center; background: #333; color: #fff; font-size: 1.5rem; font-family: 'Roboto-Bold'; position: absolute; left: 40px; top: -40px;}

.rsch-thum-list > ul.col2 > li {width: 48%; margin-right: 4%;}
.rsch-thum-list > ul.col2 > li .img-box {padding-top: 48%;}
.rsch-thum-list > ul.col2 > li:nth-of-type(2n) {margin-right: 0;}
.rsch-thum-list > ul.col2 > li:nth-child(n+1):nth-child(-n+2) {margin-top: 0;}*/

/*.rsch-thum-list > ul.col3 > li {width: 31%; margin-right: 3.4%;}
.rsch-thum-list > ul.col3 > li:nth-of-type(3n) {margin-right: 0;}
.rsch-thum-list > ul.col3 > li:nth-child(n+1):nth-child(-n+3) {margin-top: 0;}*/

@media (min-width: 768px) and (max-width: 1180px){
    /*.rsch-thum-list > ul.col3 > li {width: 48%; margin-right: 4% !important; margin-top: 25px !important;}
    .rsch-thum-list > ul.col3 > li:nth-of-type(2n) {margin-right: 0 !important;}
    .rsch-thum-list > ul.col3 > li:nth-child(n+1):nth-child(-n+2) {margin-top: 0 !important;} */      
}

@media all and (max-width: 767px){
    .page-subTit {font-size: 1.75rem}
    .rschActIntro-container #tab1,
    .rschActIntro-container #tab2 {background: none;}
    
    /*.rsch-thum-list > ul {display: block;}
    .rsch-thum-list > ul > li {width: 100% !important; margin-right: 0 !important; margin-top: 25px !important;}
    .rsch-thum-list > ul > li:nth-child(1) {margin-top: 0 !important;}
    .rsch-thum-list > ul > li .rsch-info .num {width: 55px; height: 55px; line-height: 55px; top: -35px; font-size: 1.25rem}*/
}
    
/****************연구마당 - 기생충관리분야, 건강관리분야 끝******************/

/****************감사실소개, 운영안내 시작******************/
.intro-card {}
.intro-card .intro-card-img {border-radius: 10px; overflow: hidden; box-sizing: border-box;}
.intro-card .intro-card-txt {width: 90%; box-sizing: border-box;}
.intro-card .intro-card-txt.small {width: 80%;}
.intro-card .intro-card-txt.small .page-subTit {width: 75%;}

/*운영*/
.mgtInfo-wrap {}

/*감사실*/
.audtIntro-wrap {}
.audtIntro-wrap .intro-card-txt {padding-right: 80px;}

@media all and (max-width: 767px){
    .audtIntro-wrap .intro-card-txt {padding-right: 0;}
    .intro-card .intro-card-txt {width: 100%;}
    .intro-card .intro-card-txt.small {width: 100%;}
    .intro-card .intro-card-txt.small .page-subTit {width: 100%;}
}
/****************감사실소개, 운영안내 끝******************/

/****************인사말 시작******************/
.greeting-wrap {}
.greeting-wrap .greeting-box {box-sizing: border-box;}
.greeting-wrap .greeting-box .greeting-img {float: right; max-width: 400px; margin-left: 60px; margin-bottom: 0px; }
.greeting-wrap .greeting-box .greeting-img p {border-radius: 20px; overflow: hidden;}
.greeting-wrap .greeting-box .greeting-img img {max-width: 100%;}
.greeting-wrap .sign {text-align: right; margin-top: 45px;}
.greeting-wrap .sign small {font-size: 1.125rem; font-family: 'NotoKR-Medium'}
.greeting-wrap .sign span {display: inline-block; margin-left: 20px; font-size: 1.25rem; font-family: 'NotoKR-Bold'}
/* .greeting-wrap .sign {text-align: right; margin-top: 25px;}
.greeting-wrap .sign small {font-size: 1rem;}
.greeting-wrap .sign span {display: block; font-size: 1.875rem; font-family: 'NotoKR-Bold'} */

.greeting-wrap .greeting-top span {font-family: 'Roboto-Medium'; color: #666; font-size: 1rem !important; text-transform: uppercase;}
.greeting-wrap .greeting-top p {font-family: 'Roboto-Bold'; font-size: 2.125rem; text-transform: uppercase; color: #ef3e61; letter-spacing: -1.2px; line-height: 1.3}
.greeting-wrap .tit {position: relative; height: 230px; margin-bottom: 50px; background: #f2f2f3 url('../../images/ho/greeting-bg.png') no-repeat center center; border-radius: 20px; overflow: hidden; box-sizing: border-box;}
.greeting-wrap .tit > p  {font-size: 1.75rem; font-family: 'NotoKR-Regular'; word-break: keep-all; letter-spacing: -1.2px; line-height: 1.3; position: absolute; top: 70px; right: 50px;}
.greeting-wrap .tit > p span {font-family: 'NotoKR-Medium';}
.greeting-wrap .txt {line-height: 1.7; word-break: keep-all;}
.greeting-wrap .txt .mobile-tit {display: none;font-size: 1.75rem; margin-bottom: 50px; font-family: 'NotoKR-Medium'; word-break: keep-all; letter-spacing: -1.2px; line-height: 1.3;}
.greeting-wrap .tit .mobile-tit span {font-family: 'NotoKR-Bold';}

@media (min-width: 768px) and (max-width: 1180px){
    .greeting-wrap .greeting-box .greeting-img {max-width: 40%;}
    .greeting-wrap .greeting-box .greeting-img img {max-width: 100%;}
    .greeting-wrap .tit {font-size: 2rem;}
    .greeting-wrap .tit {background-size: cover;}
    
}
@media all and (max-width: 767px){
	.greeting-wrap .greeting-box .greeting-img {float: none; margin-left: 0; margin: auto;}
    .greeting-wrap .greeting-top {margin-top: 50px; text-align: center;}
    .greeting-wrap .greeting-top p {font-size: 2rem;}
    .greeting-wrap .tit {font-size: 2rem; text-align: center; background-size: cover; background-position: center left;}
    .greeting-wrap .tit p {display: none;}
    .greeting-wrap .sign {}
    .greeting-wrap .sign span {font-size: 1.5rem;}
    .greeting-wrap .txt .mobile-tit {display: block;}
        
}
/****************인사말 끝******************/


/****************설립목적 시작******************/
.estlPurp-wrap {}
.estlPurp-wrap .estlPurp-box {box-sizing: border-box;}
.estlPurp-wrap .estlPurp-box .estlPurp-img {float: right; max-width: 390px; margin-left: 50px; margin-bottom: 0px; word-break: keep-all;}
.estlPurp-wrap .estlPurp-box .estlPurp-img p {border-radius: 20px; overflow: hidden;}
.estlPurp-wrap .estlPurp-box .estlPurp-img img {max-width: 100%;}
.estlPurp-wrap .sign {text-align: right; margin-top: 15px; margin-bottom: 20px;}
.estlPurp-wrap .sign small {font-size: 1rem;}
.estlPurp-wrap .sign span {display: block; font-size: 1.875rem; font-family: 'NotoKR-Bold'}

.estlPurp-wrap .tit {font-size: 2.125rem; font-family: 'NotoKR-Regular'; word-break: keep-all; letter-spacing: -1.8px; line-height: 1.3;margin-bottom: 40px;}
.estlPurp-wrap .tit .block {display: block;}
.estlPurp-wrap .txt {line-height: 1.7; }
.estlPurp-wrap .txt-box {padding-right: 0px; word-break: keep-all;}
.estlPurp-wrap .txt-box.small {width: 50%;}
.estlPurp-wrap .txt-box > p {font-size: 1.5rem; font-family: 'NotoKR-Bold'; letter-spacing: -1px; margin-bottom: 10px;}

@media (min-width: 768px) and (max-width: 1180px){
    .estlPurp-wrap .estlPurp-box .estlPurp-img {max-width: 40%;}
    .estlPurp-wrap .estlPurp-box .estlPurp-img img {max-width: 100%;}
    .estlPurp-wrap .tit {font-size: 2rem;}
    
}
@media all and (max-width: 767px){
    .estlPurp-wrap .estlPurp-box .estlPurp-img {float: none; margin-left: 0; margin: auto;}
    .estlPurp-wrap .tit {font-size: 2rem; text-align: left; margin-top: 50px;}
    .estlPurp-wrap .sign {}
    .estlPurp-wrap .sign span {font-size: 1.5rem;}
    .estlPurp-wrap .txt-box {width: 100% !important;}
}
/****************설립목적 끝******************/

/****************미션비전 시작******************/
.mission-box {background: url('../../images/ho/mission-bg.png') no-repeat top right;}
.mission-box .title-box {}
.mission-box .title-box p {font-size: 2.125rem; font-family: 'NotoKR-Medium'; letter-spacing: -1.8px; word-break: keep-all; box-sizing: border-box; word-break: keep-all; line-height: 1.3}
.mission-box .title-box p:nth-of-type(1) {margin-bottom: 50px;}
.mission-box .title-box p.small {padding-right: 500px; }
.mission-box .title-box p span {display: block; font-size: 1.25rem; font-family: 'NotoKR-Bold'; margin-bottom: 10px; color: #ef3e61;}

/*1~4*/
.mission-box .mission-cnt {position: relative; width: 100%; margin: 0 auto; margin-top: 140px; padding-top: 60px; margin-bottom: 50px;}
.mission-box .mission-cnt .center-tit { width: 400px; height: 400px; border-radius: 50%; position: relative; left: 50%; transform: translateX(-50%); background: url('../../images/ho/mission-bg2.png') no-repeat center center;}
.mission-box .mission-cnt .center-tit p {width: 100%; font-size: 2rem; font-family: 'NotoKR-Bold'; text-align: center; line-height: 1.1;  position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.mission-box .mission-cnt .center-tit p span {display: block;font-size: 30px; color: #333; text-align: center;}

.mission-box .mission-info {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.mission-box .mission-info ul {position: relative; width: 100%; height: 100%;}
.mission-box .mission-info ul li {position: absolute; width: 410px; height: 150px; }
.mission-box .mission-info ul li p {position: absolute; width: 160px; height: 160px; border-radius: 50%; background: #ef3e61;}

.mission-box .mission-info ul li p span {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1; font-size: 1.375rem; font-family: 'NotoKR-Bold'; color: #fff; width: 100%; text-align: center; padding: 0 15px; box-sizing: border-box; word-break: keep-all; line-height: 1.3;}
.mission-box .mission-info ul li p.small span{padding: 0 30px; box-sizing: border-box;}
.mission-box .mission-info ul li > div {display: inline-block; width: 230px;  position: absolute; top: 13%; box-sizing: border-box; }
.mission-box .mission-info ul li > div strong {display: block; font-size: 2.625rem; font-family: 'Roboto-Bold'; word-break: keep-all; color: #333;}
.mission-box .mission-info ul li > div em {font-size: 1rem; font-family: 'NotoKR-Medium'; word-break: keep-all; color: #666; }

.mission-box .mission-info ul li.small > div {width: 180px;}
.mission-box .mission-info ul li.mid > div {width: 190px;}

.mission-box .mission-info ul li.left p {top: 0; right: 0;}
.mission-box .mission-info ul li.right p {top: 0; left: 0;}
.mission-box .mission-info ul li.left > div {right: 190px; text-align: right;}
.mission-box .mission-info ul li.right > div {left: 190px; text-align: left;}

.mission-box .mission-info ul li.item1 {top: 55px; left: -30px;}
.mission-box .mission-info ul li.item2 {top: 55px; right: -30px;}
.mission-box .mission-info ul li.item4 {bottom: -25px; left: -30px;}
.mission-box .mission-info ul li.item3 > div {top: 13%;}
.mission-box .mission-info ul li.item3 {bottom: -25px; right: -30px;}

/*근무지침*/
.mission-step {margin-top: 120px;}
.mission-step .tit {font-size: 2rem; font-family: 'NotoKR-Bold'; letter-spacing: -1px; text-align: center; margin-bottom: 20px;}
.mission-step .txt {text-align: center; font-size: 1.125rem; font-family: 'NotoKR-Medium'; line-height: 1.5; word-break: keep-all;}
.mission-step .txt .point {color: #ef3e61;}
.mission-step .step-box {position: relative; display: flex; justify-content: space-between; border: 1px solid #dbdbdb; border-radius: 150px; margin-top: 30px; background-color: #f8f8f8; padding: 45px; box-sizing: border-box; z-index: 1;}
.mission-step .step-box .step {position: relative; display: table; width: 230px; height: 230px; border: 1px solid #ef3e61; border-radius: 50%; background: #fff; /*transform-style: preserve-3d;*/}
.mission-step .step-box .step:before,
.mission-step .step-box .step:after {content: ''; display: block; width: 110px; height: 110px; background: #f6e5e9; position: absolute;  top: 60px; z-index: -1; transform: rotate(45deg) /*translateZ(-1px)*/;}
.mission-step .step-box .step:before {left: -17px}
.mission-step .step-box .step:after {right: -17px}
.mission-step .step-box .step:nth-of-type(1):before {display: none;}
.mission-step .step-box .step:nth-last-of-type(1):after {display: none;}
.mission-step .step-box .step p {display: table-cell; vertical-align: middle; font-family: 'NotoKR-Bold'; font-size: 1.375rem; word-break: keep-all; text-align: center; padding: 0 20px; box-sizing: border-box;}

@media (min-width: 768px) and (max-width: 1180px){
    .mission-box {background: none;}
    .mission-box .title-box {text-align: center;}
    .mission-box .title-box p {font-size: 1.75rem}
    .mission-box .title-box p.small {padding-right: 0;}
    .mission-box .mission-cnt {margin-top: 50px;}
    .mission-box .mission-cnt .center-tit {border-radius: 0; height: auto; background: none;}
    .mission-box .mission-cnt .center-tit p {position: static; transform: none;}
    .mission-box .mission-info {position: static;}
    .mission-box .mission-info ul {display: flex; flex-wrap: wrap; overflow: hidden; margin-top: 40px;}
    .mission-box .mission-info ul li {position: static; width: 47%; height: auto; border: 1px solid #dbdbdb; margin-right: 5%; margin-bottom: 20px;}
    .mission-box .mission-info ul li:nth-child(even) {margin-right: 0;}
    .mission-box .mission-info ul li p {position: static; border-radius: 0; width: 100%; height: auto; text-align: center; padding: 10px; box-sizing: border-box;}
    .mission-box .mission-info ul li p span {position: static; transform: none; font-family: 'NotoKR-Medium'; font-size: 1.255rem}
    .mission-box .mission-info ul li > div {position: static; width: 100% !important; text-align: center !important; padding: 20px;}
    .mission-box .mission-info ul li > div strong {display: none;}
    
    .mission-step .step-box {border-radius: 20px;display: block;}
    .mission-step .step-box .step {display: block; width: 100%; border-radius: 0; height: auto; text-align: center; padding: 20px; box-sizing: border-box; margin-bottom: 20px; border-radius: 10px;}
    .mission-step .step-box .step:before, .mission-step .step-box .step:after {display: none;}
    .mission-step .step-box .step:nth-child(3) {margin-bottom: 0;}
    .mission-step .step-box .step p {display: block; font-size: 1.25rem;}
}
@media all and (max-width: 767px){
    .mission-box {background: none;}
    .mission-box .title-box {text-align: center;}
    .mission-box .title-box p {font-size: 1.75rem}
    .mission-box .title-box p.small {padding-right: 0;}
    .mission-box .mission-cnt {margin-top: 50px;}
    .mission-box .mission-cnt .center-tit {border-radius: 0; height: auto; background: none;}
    .mission-box .mission-cnt .center-tit p {position: static; transform: none;}
    .mission-box .mission-info {position: static;}
    .mission-box .mission-info ul {display: flex; flex-wrap: wrap; overflow: hidden; margin-top: 40px;}
    .mission-box .mission-info ul li {position: static; width: 100%; height: auto; border: 1px solid #dbdbdb; margin-bottom: 20px;}
    .mission-box .mission-info ul li p {position: static; border-radius: 0; width: 100%; height: auto; text-align: center; padding: 10px; box-sizing: border-box;}
    .mission-box .mission-info ul li p span {position: static; transform: none; font-family: 'NotoKR-Medium'; font-size: 1.255rem}
    .mission-box .mission-info ul li > div {position: static; width: 100% !important; text-align: center !important; padding: 20px;}
    .mission-box .mission-info ul li > div strong {display: none;}
    
    .mission-step {margin-top: 50px;}
    .mission-step .step-box {border-radius: 20px;display: block; padding: 20px;}
    .mission-step .step-box .step {display: block; width: 100%; border-radius: 0; height: auto; text-align: center; padding: 20px; box-sizing: border-box; margin-bottom: 20px; border-radius: 10px;}
    .mission-step .step-box .step:before, .mission-step .step-box .step:after {display: none;}
    .mission-step .step-box .step:nth-child(3) {margin-bottom: 0;}
    .mission-step .step-box .step p {display: block; font-size: 1.25rem;}
}
/****************미션비전 끝******************/

/****************주요사업 시작******************/
.mainEtrprs-wrap {margin-top: 40px;}
.etrprs-intro {border: 1px solid #dbdbdb; border-radius: 10px; padding: 30px; box-sizing: border-box;}
/*.etrprs-intro .img-box {}
.etrprs-intro .img-box p {border-radius: 10px; overflow: hidden; max-width: 300px;}
.etrprs-intro .img-box p img {width: 100%;}
.etrprs-intro .img-box span {display: block; text-align: center; margin-top: 5px;}*/
.etrprs-intro .img-info {width: 100%;}
.etrprs-intro .img-info .tit {font-family: "NotoKR-Medium"; font-size: 1.5rem; margin-bottom: 15px; box-sizing: border-box; word-break: keep-all;}
.etrprs-intro .img-info .tit.small {margin-right: 75px;}
.etrprs-intro .img-info .txt {line-height: 1.6; word-break: keep-all; box-sizing: border-box; word-break: keep-all;}

.etrprs-process {overflow: hidden; display: flex; margin-top: 20px; }
.etrprs-process li {position: relative; width: 20%; border: 1px solid #7a7a7a; border-radius: 10px; margin-right: 40px; text-align: center; box-sizing: border-box; padding: 22px;}
.etrprs-process li:after {content: ''; display: block; width: 40px; height: 100%; background: url('../../images/ho/process-arrow.png') no-repeat center center; position: absolute; right: -42px; top: 0;}
.etrprs-process li:last-child {margin-right: 0;}
.etrprs-process li .tit {font-family: 'NotoKR-Bold'; margin-bottom: 10px; letter-spacing: -1.3px;}
.etrprs-process li.point {border: 1px solid #ef3e61; background: #fef6f5;}

.etrprs-photos {display: flex;}
.etrprs-photos li {width: 32.5%; margin-right: 2%;}
.etrprs-photos li:nth-of-type(3n) {margin-right: 0;}
.etrprs-photos li .img-box {position: relative;padding-top: 70%; overflow: hidden; border-radius: 10px;}
.etrprs-photos li .img-box img {position: absolute; width: 100%; max-width: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.etrprs-photos li .tit {text-align: center; margin-top: 10px; font-family: 'NotoKR-Medium';}

@media (min-width: 768px) and (max-width: 1180px){
    .etrprs-intro .img-info .tit {font-size: 1.375rem;}
    .etrprs-intro .img-info .tit.small {margin-right: 0;}
    
}
@media all and (max-width: 767px){
   /* .etrprs-intro .img-box {float: none; width: 100%; max-width: 100%; text-align: center;}
    .etrprs-intro .img-box p {width: 100%; max-width: 100%;}
    .etrprs-intro .img-box p img {width: 100%;}*/
    .etrprs-intro .img-info {flex: none; width: 100%; }
    .etrprs-intro .img-info .tit {font-size: 1.375rem;}
    .etrprs-intro .img-info .tit.small {margin-right: 0;}
    
    .mainEtrprs-wrap .caption-txt {position: static;}
    
    .etrprs-process {display: block;}
    .etrprs-process li {width: 100%; margin-right: 0; margin-bottom: 40px;}
    .etrprs-process li:after {top: 100%; right: 0; width: 100%; height: 40px; background: url('../../images/ho/select-arrow-down1.png') no-repeat center center}
    .etrprs-process li:last-child {margin-bottom: 0;}
    .etrprs-process li:last-child:after {display: none;}
    
    .etrprs-photos {display: block;}
    .etrprs-photos li {width: 100%; margin-right: 0; margin-bottom: 35px;}
}

/****************주요사업 끝******************/

/****************주요수상 시작******************/
/*수정후 UI*/

.prz-list {position:relative; margin-top: 30px;}
.prz-list:before {content:''; display: block; width: 1px; height: calc(100% - 50px);; background-color: #ef3e61; position: absolute; top: 15px; left:115px;}
.prz-list > li {position: relative; display: flex; margin-top: 40px;}
.prz-list > li:before {content:''; display: block; width: 9px; height: 9px; border-radius: 50%; background-color: #ef3e61; position: absolute; top: 15px; left:111px;}
.prz-list > li:nth-of-type(1) {margin-top: 0;}
.prz-list > li .przYear {font-family: 'NotoKR-Medium'; font-size: 1.625rem; line-height: 1.1; letter-spacing: -1px; width: 120px; margin-right: 35px; flex-shrink: 0;}
.prz-list > li .przYear .block {display: block;}
.prz-list > li .prz-items {flex-grow: 1; display: flex; flex-wrap: wrap;}
.prz-list > li .prz-items > li { width: 240px; min-height: 250px; box-sizing: border-box; border-radius: 20px; background-color: #f8f8f8; margin-bottom: 30px; margin-right: 30px; padding: 27px 10px 30px; box-sizing: border-box;}
.prz-list > li .prz-items > li:nth-of-type(3n) {margin-right: 0;}
.prz-list > li .prz-items > li .prz-ci {max-width: 100%; min-height: 100px; padding: 15px 0; text-align: center; display: flex; justify-content: center; align-items: center;}
.prz-list > li .prz-items > li .prz-ci img {max-width: 100%;}
.prz-list > li .prz-items > li p {padding: 0 15px; margin: 10px 0 10px 0; word-break: keep-all; text-align: center; font-size: 1rem; font-family: "NotoKR-Medium"; letter-spacing: -1px; line-height: 1.4;}
.prz-list > li .prz-items > li p:nth-of-type(1) {margin-top: 25px;}

/*표창명과 수상문구 같이 나와야하는 ui - 고객요청으로 추가*/
.prz-list > li .prz-items > li > dl {padding: 0 15px; margin: 10px 0 10px 0; word-break: keep-all; }
.prz-list > li .prz-items > li > dl dt {text-align: center; font-size: 1.125rem; font-family: "NotoKR-Medium"; letter-spacing: -1px; line-height: 1.4; margin-bottom: 5px;}
.prz-list > li .prz-items > li > dl dd {text-align: center; font-size: 1rem; letter-spacing: -1px; line-height: 1.4;}

@media (min-width: 768px) and (max-width: 1180px){
    .prz-list > li .prz-items > li {width: 45%; max-width: 330px;}
    .prz-list > li .prz-items > li:nth-of-type(3n) {margin-right: 30px;}
    .prz-list > li .prz-items > li:nth-of-type(2n) {margin-right: 0;}
    
}
@media all and (max-width: 767px){
	.mainPrz-wrap {margin-top: 50px;}
	.prz-list {margin-top: 10px;}
	.prz-list:before {display: none;}
	.prz-list > li {display: block;}
	.prz-list > li:before {display: none;}
	.prz-list > li .przYear {width:100%; margin: 10px 0; font-size: 1.5rem;}
	.prz-list > li .przYear .block {display: inline-block;}
	.prz-list > li .prz-items {display: block;}
	.prz-list > li .prz-items > li {margin-right: 0 !important; width: 100%; height: auto;}
}

/*구버전(수정전)*/
.photo-board {display: flex; flex-wrap: wrap;}
.photo-board li {border: 1px solid #dbdbdb; background: #f8f8f8; margin-bottom: 30px;}
.photo-board.col4 li {width: 23%; margin-right: 2.3%; } /*일반적으로 4개 기본*/
.photo-board.col4 li:nth-of-type(4n) {margin-right: 0;}
.photo-board.col2 li {width: 23%; margin-right: 2.3%;} /*큰박스, 작은박스 한개씩*/
.photo-board.col2 li:nth-child(2n) {margin-right: 0;}
.photo-board.col2 li.large {width: calc(100% - 26%);}
.photo-board.col2 li.large .img-box {padding-top: 36.5%;}

.photo-board li .img-box {position: relative;padding-top: 118%; background: #fff;}
.photo-board li .img-box img {max-width: 95%; max-height: 95%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.photo-board li .img-info {background: #f8f8f8; padding: 15px 10px;; box-sizing: border-box;}
.photo-board li .img-info .since {display: inline-block; width: 100%; text-align: center; font-family: 'NotoKR-Medium'; word-break: keep-all;}
.photo-board li .img-info .since.point { color: #ef3e61;}
.photo-board li .img-info .tit {text-align: center; word-break: keep-all;}


@media (min-width: 768px) and (max-width: 1180px){
    .photo-board.col4 li {width: 31.5%; margin-right: 2%;}
    .photo-board.col4 li:nth-child(4n) {margin-right: 2%;}
    .photo-board.col4 li:nth-child(3n) {margin-right: 0;}
    
}
@media all and (max-width: 767px){
    .photo-board li {width: 100% !important; margin-right: 0 !important;}
    .photo-board li .img-box {padding-top: 75%;}
}

/****************주요수상 끝******************/

/*******************서브페이지 CI 시작 ******************/
/*심볼, 캐릭터 의미등 이미지, 심볼 설명하는 페이지 공통 레이아웃*/
.simbol-wrap .simbol-img {position: relative;}
.simbol-wrap .simbol-img p {position: relative; border: 1px solid #dbdbdb; display: flex; justify-content: center; align-items: center; width: 300px; height: 250px; background: url('../../images/ho/simbol-bg2.png'); box-sizing: border-box; }
.simbol-wrap .simbol-img p.small {height: auto; padding: 40px 0;}
.simbol-wrap .simbol-img p img{max-width: 100%; height: auto;}
.simbol-wrap .simbol-intro {}
.simbol-wrap .simbol-intro .down-btn {display: block; float: right; width:220px; height: 40px; line-height: 35px; text-align: center; font-size: 1.125rem; font-family: 'NotoKR-Medium'; border: 1px solid #dbdbdb;box-sizing: border-box;border-radius: 10px;}
.simbol-wrap .simbol-intro .down-btn:after {content: url('../../images/ho/common-img/down-icon.png'); margin-left: 20px; padding-top: 2px; display: inline-block;}
.simbol-wrap .simbol-info { display: inline-block; width: calc(100% - 360px);vertical-align: top; }
.simbol-wrap .simbol-info .tit {font-size: 1.5rem; font-family: "NotoKR-Medium"; line-height: 1.4; word-break: keep-all; margin-bottom: 15px;}
.simbol-wrap .simbol-info .txt {word-break: keep-all; }

.simbol-wrap .logoType-Box {display: flex;flex-wrap: wrap; overflow: hidden;}
.simbol-wrap .logoType-Box > li {width: 50%; border: 1px solid #dbdbdb; box-sizing: border-box; text-align: center;}
.simbol-wrap .logoType-Box > li:nth-of-type(1) {border-right: none;}
.simbol-wrap .logoType-Box > li > p {position: relative; display: flex; align-items: center; justify-content: center;  box-sizing: border-box; height: 180px;}
.simbol-wrap .logoType-Box > li > p img {height: auto; max-width: 100%;}
.simbol-wrap .logoType-Box > li > span {display: block;  padding: 10px 0; font-size: 1.125rem; font-family: 'NotoKR-Medium'; border-top: 1px solid #dbdbdb;}
.simbol-wrap .logoType-Box.v2 > li  {width: 25%; margin-right: -1px;}

.simbol-wrap .fullImg {margin-top: 100px; margin-bottom: 20px; text-align: center;}
.simbol-wrap .fullImg img {max-width: 100%;}

.characterVideo {display: flex; flex-wrap: wrap;}
.characterVideo li {border: 1px solid #dbdbdb; width: 33.3333%; box-sizing: border-box; padding: 35px; margin-right: -1px; margin-bottom: -1px;}

@media (min-width: 768px) and (max-width: 1180px){ 
    .simbol-wrap .simbol-img {float: none;}
    .simbol-wrap .simbol-img p {width: 100%;}
    .simbol-wrap .simbol-info {float: none; margin-top: 30px; width: 100%;}
}

@media all and (max-width: 767px){
    .simbol-wrap .simbol-img {float: none;}
    .simbol-wrap .simbol-img p {width: 100%;}
    .simbol-wrap .simbol-info {float: none; margin-top: 30px; width: 100%;}
    .simbol-wrap .logoType-Box {display: block;}
    .simbol-wrap .logoType-Box > li {width: 100%; border: 1px solid #dbdbdb !important; margin-bottom: 10px;}
    .simbol-wrap .logoType-Box > li > p {height: auto; padding: 50px 20px;}
    .simbol-wrap .logoType-Box > li > p img {width: auto; max-width: 95%;}
    .simbol-wrap .logoType-Box.v2 > li {width: 100%;}
    .simbol-wrap .simbol-intro .down-btn {width: 100%; box-sizing: border-box;}
    
    .characterVideo li {width: 50%;}
    
}

/*메뉴통폐합 이후 css 덮어쓰기*/
#bi-wrap {margin-top: 150px;}
#character-wrap2 {margin-top: 150px;}
/*******************서브페이지 CI 끝 ******************/


/*******************캐릭터이모티콘 시작 ******************/
.characterVideo li img {max-width: 100%;}
@media all and (max-width: 767px){
    .characterVideo li {width: 50%;}
}
/*******************캐릭터이모티콘 끝 ******************/

/*******************슬로건 시작 ******************/
#slogan-wrap {margin-top: 150px;}
#slogan-wrap .simbol-img img {width: 230px;}
.color-list {display: flex; justify-content: space-between; padding: 40px 45px; box-sizing: border-box;}
.color-list li {width: auto; box-sizing: border-box; text-align: left;}
.color-list li .color-box {display: block; width: 70px; height: 70px; margin-bottom: 10px;}
.color-list li .color-box.blue {background: #005eae;}
.color-list li .color-box.pink {background: #e73656;}
.color-list li .color-box.green {background: #6fba2c;}
.color-list li .color-box.black {background: #221815;}
.color-list li .color-box.gray1 {background: #515457;}
.color-list li .color-box.gray2 {background: #bbbcbc;}

@media all and (max-width: 767px){
    .color-list  {padding: 30px;}
    .color-list li .color-box {display: block; width: 50px; height: 50px; }
}
/*******************슬로건 끝 ******************/
    
/*******************협회가 시작 ******************/
.assoSong-wrap {}
.assoSong-wrap .song-box {margin-top: 100px; text-align: center;}
.assoSong-wrap .song-box img {max-width: 100%;}
.assoSong-wrap .down-btn {display: inline-block; width:220px; height: 40px; line-height: 35px; text-align: center; font-size: 1.125rem; font-family: 'NotoKR-Medium'; border: 1px solid #dbdbdb;box-sizing: border-box;border-radius: 10px;}
.assoSong-wrap .down-btn:after {content: url('../../images/ho/common-img/down-icon.png'); margin-left: 20px; padding-top: 2px; display: inline-block;}

@media all and (max-width: 767px){
    .assoSong-wrap .song-box {margin-top: 50px;}
    .assoSong-wrap .down-btn {width: 100%;}
}

/*******************협회가 끝 ******************/

/*******************조직도 시작 ******************/
#orgchrt-wrap {position: relative;}

.org-top { padding-top: 300px;}
.org-top .president {width: 165px; height: 165px; border-radius: 50%; background: url('../../images/ho/org-bg.png') no-repeat center center; position: absolute; top: 0; left: 50%; transform: translateX(-50%); padding: 25px; box-sizing: border-box; z-index: 2;}
.org-top .president span {position: relative; display: block; background: #fff; width: 100%; height: 100%; border-radius: 50%; font-size: 1.625rem; font-family: "NotoKR-Bold"; display: flex; justify-content: center; align-items: center; z-index: 1}
.org-top .secretary {border: 1px solid; display: flex; align-items: center; justify-content: center; width: 115px; height: 115px; border-radius: 50%; background: #ef3e61; color: #fff; position: absolute; top: 200px; left: 50%; transform: translateX(-50%); box-sizing: border-box; z-index: 2;}
.org-top .secretary span {font-size: 1.125rem; font-family: "NotoKR-Bold";}

/*이사회 - 추후 추가됨*/
#orgchrt-wrap .directorate {position: absolute; top: 72px; right:0; display: flex; text-align: center;}
#orgchrt-wrap .directorate p {position: relative; margin-left: 20px;}
#orgchrt-wrap .directorate p span {position: relative; z-index: 2; background: #fff; display: block; width: 140px; font-family: "NotoKR-Bold"; color: #ef3e61; border: 2px solid #ef3e61; border-radius: 10px; padding: 10px 0; box-sizing: border-box; line-height: 1.3;}
#orgchrt-wrap .directorate p.top span {position: relative; background-color: #ef3e61; color: #fff;}
#orgchrt-wrap .directorate p.top:after {content: ''; display: block; width: 50px; height: 1px; background-color: #dbdbdb; position: absolute; top: 50%; left: 100%; transform: translateY(-50%);}

/*리스트 시작*/
#orgchrt-wrap .flex-between {display: flex; justify-content: space-between; margin-bottom: 100px;}
.orgDepth1 {display: flex; } /*댑스1*/
.orgDepth1 > li { text-align: center;  margin-right: 20px; box-sizing: border-box;}
.orgDepth1 > li:last-child {margin-right: 0;}
.orgDepth1 > li .teamNm {position: relative; z-index: 2;  background: #fff; display: block; width: 140px; font-family: "NotoKR-Bold"; color: #ef3e61; border: 2px solid #ef3e61; border-radius: 10px; padding: 10px 0; box-sizing: border-box; line-height: 1.3; margin-bottom: 30px;}
.orgDepth1 > li.part2 .teamNm {margin: 0 auto 30px;}
.orgDepth1 > li.part2 > div {display: flex;}
.orgDepth1 > li.part2 > div .orgDepth2 {flex-shrink: 0; margin-right: 20px;}
.orgDepth1 > li.part2 > div .orgDepth2:last-child {margin-right: 0;}

.orgDepth2 {width: 140px; border: 1px solid #dbdbdb; border-radius: 10px; min-height: 160px;  overflow: hidden; box-sizing: border-box;} /*댑스2*/
.orgDepth2 .partNm {display: block; width: 100%; padding: 13px 0; line-height: 1.3; border-bottom: 1px solid #dbdbdb; background: #f6f6f6; font-family: "NotoKR-Medium";} 
.orgDepth2 > ul { padding: 15px 18px; text-align: left;}
.orgDepth2.noPd > ul {padding: 15px 10px;} 
.orgDepth2 > ul > li{position: relative; font-size: 15px; padding-left: 8px; margin: 2px 0;} 
.orgDepth2 > ul > li:before {content: ''; display: block; width: 3px; height: 3px; border-radius: 50%; background: #333; position: absolute; top: 9px; left: 0;}

/*지부*/
.org-jibu-list {margin-top: 100px;}
.org-jibu-list > ul {display: flex;}
.org-jibu-list > ul > li {width: 140px; margin-right: 20px;}
.org-jibu-list > ul > li:last-child {margin-right: 0;}
.org-jibu-list > ul > li > ul {}
.org-jibu-list > ul > li > ul > li {background: #f6f6f6; margin-bottom: 10px; padding: 10px 0; border: 1px solid #dbdbdb; border-radius: 10px; overflow: hidden; text-align: center; font-family: "NotoKR-Medium"; letter-spacing: -1px;}

/*라인작업*/
#orgchrt-wrap .line1 {position: relative; } /*전체 가로*/
#orgchrt-wrap .line1:after {content: ''; display: block; width: calc(100% - 140px); height: 1px;  position: absolute; top: -40px; left: 50%; transform: translateX(-50%); background: #dbdbdb;}
.orgDepth1 > li, .line2{position: relative; z-index: 1;}
.orgDepth1 > li:after, .line2:after {content: ''; display: block; width: 1px; height: 125px;  position: absolute; top: -40px; left: 50%; transform: translateX(-50%); background: #dbdbdb; z-index: -1;}
.org-jibu-list .line2:after {height: 55px;}

#orgchrt-wrap .line3 {position: relative;z-index: 1;}
#orgchrt-wrap .line3:after {content: ''; display: block; width: calc(100% - 140px); border: 1px solid #dbdbdb; border-bottom: 0; height: 30px; position: absolute; top: -17px; left: 50%; transform: translateX(-50%); background: #fff; z-index: -1;}

#orgchrt-wrap .line4 {} /*전체 가로*/
#orgchrt-wrap .line4:after {content: ''; display: block; width: 1px; height: 430px;  position: absolute; top: 100%; left: 50%; transform: translateX(-50%); background: #dbdbdb;}


@media (min-width: 768px) and (max-width: 1180px){ 
    .orgDepth1 {justify-content: space-between;}
    .orgDepth1 > li {margin-right: 8px;}
    .orgDepth1 > li .teamNm {font-size: 1rem; width: 110px;}
    .orgDepth1.big > li .teamNm {width: 130px;}
    .orgDepth1.big > li > div {width: 130px;}
    .orgDepth2 {width: 110px; font-size: 0.875rem;}
    .orgDepth2 > ul {padding: 10px;}
    .orgDepth2.noPd > ul {padding: 8px;}
    .orgDepth2 > ul > li {font-size: 0.875rem;}
    .org-jibu-list > ul > li > ul > li {font-size: 1rem;}
    
    #orgchrt-wrap .line1:after {width: calc(100% - 110px);}
    #orgchrt-wrap .line1.v2:after {width: calc(100% - 130px);}
    
    #orgchrt-wrap .directorate {flex-direction: column;}
    #orgchrt-wrap .directorate p.top {margin-bottom: 20px;}
    #orgchrt-wrap .directorate p.top:after {width: 1px; height: 50px; top: 30px; left: 50%; transform: translateY(0) translateX(-50%);}
}

@media all and (max-width: 767px){
    .org-top {padding-top: 0;}
    .org-top .president,
    .org-top .secretary {position: static; transform: none;}
    .org-top .president {width: 100%; height: auto; padding: 15px; border-radius: 10px; margin-bottom: 20px;}
    .org-top .president span {padding: 5px; box-sizing: border-box; border-radius: 0;}
    .org-top .secretary {width: 100%; height: auto; padding: 13px; margin-bottom: 20px; border-radius: 10px;}
    
    #orgchrt-wrap .flex-between {display: block;}
    .orgDepth1 {display: block;}
    .orgDepth1 > li {margin-bottom: 20px; margin-right: 0;}
    .orgDepth1 > li .teamNm {width: 100% !important; padding: 13px 0; margin-bottom: 10px;}
    .orgDepth2 {width: 100% !important;}
    .orgDepth1 > li.part2 .teamNm {margin-bottom: 10px;}
    .orgDepth1 > li.part2 > div {display: block;}
    .orgDepth1 > li.part2 > div .orgDepth2 {margin-right: 0; margin-bottom: 10px;}
    
    .orgDepth1 > li:after, .line2:after {display: none;}
    #orgchrt-wrap .flex-between {margin-bottom: 20px;}
    
    #orgchrt-wrap .line3:after,
    #orgchrt-wrap .line1:after,
    #orgchrt-wrap .line4:after{display: none;}
    .orgDepth2 {min-height: auto;}
    
    .org-jibu-list {margin-top: 20px;}
    .org-jibu-list > ul {display: block;}
    .org-jibu-list > ul > li {width: 100%;}
    
    #orgchrt-wrap .directorate {position: static; display: block; margin-bottom: 30px;}
    #orgchrt-wrap .directorate p {margin-left: 0;}
    #orgchrt-wrap .directorate p.top {margin-bottom: 8px;}
    #orgchrt-wrap .directorate p.top:after {display: none;}
    #orgchrt-wrap .directorate p span {width: 100%;} 
}

/*******************조직도 끝 ******************/

/*******************건협인재상 시작 ******************/
.kahpTln-wrap {padding-top: 40px;}
.kahpTln-box {position: relative; width: 515px; height: 515px; margin: auto; margin: 200px auto;}
.kahpTln-box .tit {position: relative; border: 1px solid red; width: 500px; height: 500px; border: 1px solid #dbdbdb; border-radius: 50%;}
.kahpTln-box .tit:after {content: ''; display: block; width: 450px; height: 450px; background: #f8f8f8; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.kahpTln-box .tit > .circle {display: block; background: #ececec; width: 400px; height: 400px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1; border-radius: 50%;}
.kahpTln-box .tit > .circle:after {content: ''; display: block; width: 350px; height: 350px; background: #fff; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border: 1px solid #ccc;}
.kahpTln-box .tit > .txt {display: inline-block; box-sizing: border-box; text-align: center; word-break: keep-all; padding: 0 100px; font-size: 2.125rem; font-family: "NotoKR-Bold";position: absolute; z-index: 2; line-height: 1.3; top: 50%; left: 50%; transform: translate(-50%,-50%);}

.kahpTln-box > ul { position: absolute; width: 100%; height: 100%; top: 0; z-index: 5;}
.kahpTln-box > ul > li {position: absolute; }
.kahpTln-box > ul > li > p {width: 155px; height: 155px; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 1.5rem; font-family: "NotoKR-Bold"; color: #fff; line-height: 1.3; box-sizing: border-box; padding: 0 30px; word-break: keep-all; text-align: center; margin: auto;}
.kahpTln-box > ul > li.green p {background: #4fac27;}
.kahpTln-box > ul > li.orange p {background: #f07c00;}
.kahpTln-box > ul > li.blue p {background: #006cb8;}
.kahpTln-box > ul > li > div {padding-top: 30px; background: url('../../images/ho/triangle-arrow.png') no-repeat center top 13px;}
.kahpTln-box > ul > li > div span {display: block; width: 100%; text-align: center; font-size: 1.125rem; font-family: "NotoKR-Medium";}

.kahpTln-box > ul > li.green {top: -90px; left: 49%; transform: translateX(-51%);}
.kahpTln-box > ul > li.green > div {position: absolute; top: -90px; width: 250px; left: 50%; transform: translateX(-50%); padding-top: 0; padding-bottom: 30px; background: url('../../images/ho/triangle-arrow.png') no-repeat center bottom 12px; box-sizing: border-box;}
.kahpTln-box > ul > li.orange {bottom: -35px; right: -55px;}
.kahpTln-box > ul > li.blue {bottom: -35px; left: -57px;}

@media all and (max-width: 767px){
    .kahpTln-box {width: 100%; margin: 0;}
    .kahpTln-box .tit {position: static; height: auto; width: 100%; border: none;}
    .kahpTln-box .tit > .txt {position: static; width: 100%; height: auto; transform: none; padding: 0; font-size: 2rem; margin-bottom: 30px;}
    .kahpTln-box .tit > .circle {display: none;}
    .kahpTln-box .tit:after {display: none;}
    .kahpTln-box .tit > .circle:after {display: none;}
    .kahpTln-box > ul {position: static;}
    .kahpTln-box > ul > li {position: static; width: 100%; transform: none !important; margin-bottom: 30px; border: 1px solid #dbdbdb;}
    .kahpTln-box > ul > li > p {width: 100%; border-radius: 0; height: auto; font-size: 1.25rem; font-family: "NotoKR-Medium"; padding: 10px; width: 100%;}
    .kahpTln-box > ul > li > div {background: none; padding: 20px !important;}
    .kahpTln-box > ul > li.green > div {position: static; transform: none; width: 100%; background: none;}
}
/*******************건협인재상 끝 ******************/

/*******************후생복지 교육제도 시작 ******************/
.wfr-intro {border: 1px solid #dbdbdb; border-radius: 10px; padding: 30px; box-sizing: border-box;}
/*.wfr-intro .img-box {}
.wfr-intro .img-box p {border-radius: 10px; overflow: hidden; max-width: 300px;}
.wfr-intro .img-box p img {width: 100%;}*/
.wfr-intro .img-info {width: 100%;}
.wfr-intro .img-info .txt {line-height: 1.6; word-break: keep-all; box-sizing: border-box; word-break: keep-all;}

@media (min-width: 768px) and (max-width: 1180px){
    
}
@media all and (max-width: 767px){
    /*.wfr-intro .img-box {float: none; width: 100%; max-width: 100%; text-align: center;}
    .wfr-intro .img-box p {width: 100%; max-width: 100%;}
    .wfr-intro .img-box p img {width: 100%;}*/
    .wfr-intro .img-info {flex: none; width: 100%;}
    .wfr-intro .img-info .tit.small {margin-right: 0;}
    
}
/*******************후생복지 교육제도 끝 ******************/


/*******************건강100년사, 50년사 시작 ******************/
/*공통*/
.hlt-intro {border: 1px solid #dbdbdb; border-radius: 10px; padding: 30px; box-sizing: border-box;} /*인트로 이미지, 텍스트*/
.hlt-intro > .txt {word-break: keep-all;}
.hlt-intro .img-box {}
.hlt-intro .img-box p {border-radius: 10px; overflow: hidden; max-width: 300px;}
.hlt-intro .img-box p img {width: 100%;}
.hlt-intro .img-box span {display: block; text-align: center; margin-top: 5px;}
.hlt-intro .img-info {width: calc(100% - 330px);}
.hlt-intro .img-info .tit {font-size: 1.5rem; margin-bottom: 15px; box-sizing: border-box; word-break: keep-all;}
.hlt-intro .img-info .tit.small {margin-right: 75px;}
.hlt-intro .img-info .txt {line-height: 1.6; word-break: keep-all; box-sizing: border-box; word-break: keep-all; padding-top: 20px;}

.hltHis-list {} /*역사사진들 리스트 공통*/
.hltHis-list > ul {display: flex; flex-wrap: wrap;}
.hltHis-list > ul > li { width: 48%; margin-right: 3.5%; box-sizing: border-box; margin-top: 50px;}
.hltHis-list > ul > li:nth-of-type(2n) {margin-right: 0;}
.hltHis-list > ul > li:nth-of-type(n+1):nth-of-type(-n+2) {margin-top: 0;}
.hltHis-list > ul > li .photo-card {border: 1px solid #dbdbdb; /*height: 80%;*/ border-radius: 10px; overflow: hidden;}
.hltHis-list > ul > li .photo-card .photo-box {}

/*두개로나눠질때*/
.hltHis-list > ul > li.col2 > ul{display: flex;}
.hltHis-list > ul > li.col2 > ul li {width: 48%; margin-right: 3.5%;}
.hltHis-list > ul > li.col2 > ul li:nth-of-type(2n) {margin-right: 0;}
.hltHis-list > ul > li.col2 .photo-card {/*height: 107.5%;*/} /*히니찔;링 두개짜리 height 통일성 유지하면서 반응형 횡종비 유지위해 설정*/
.hltHis-list > ul > li.col2 .photo-card .photo-box {padding-top: 96%;}

.hltHis-list .photo-card .photo-box {position: relative; padding-top: 46%; overflow: hidden; border-bottom: 1px solid #dbdbdb;}
.hltHis-list .photo-card .photo-box img {width: 100%;  max-width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.hltHis-list .photo-card .photo-info {display: flex; justify-content: center; align-items: center; font-family: "NotoKR-Medium"; text-align: center; padding: 10px; min-height: 75px; box-sizing: border-box;}

@media (min-width: 768px) and (max-width: 1180px){
    .hlt-intro .img-info .tit {font-size: 1.375rem;}
    .hlt-intro .img-info .tit.small {margin-right: 0;}
    .hltHis-list .photo-card .photo-info {font-size: 0.875rem;}
}
@media all and (max-width: 767px){
    .hlt-intro .img-box {float: none; width: 100%; max-width: 100%; text-align: center;}
    .hlt-intro .img-box p {width: 100%; max-width: 100%;}
    .hlt-intro .img-box p img {width: 100%;}
    .hlt-intro .img-info {flex: none; width: 100%; margin-top: 20px;}
    .hlt-intro .img-info .tit {font-size: 1.375rem;}
    .hlt-intro .img-info .tit.small {margin-right: 0;}
    
    .hltHis-list > ul {display: block;}
    .hltHis-list > ul > li {width: 100%; margin-top: 40px !important; margin-right: 0;}
    .hltHis-list > ul > li.col2 > ul {display: block;}
    .hltHis-list > ul > li.col2 > ul li {width: 100%; margin-right: 0; margin-top: 40px;}
    .hltHis-list > ul > li.col2 > ul li:first-child {margin-top: 0;}
    
}

/*100년사*/
.hlth100His-wrap {margin-top: 40px;}

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

/*50년사*/
.kahpHis-wrap {margin-top: 40px;}
.president-list { display: flex; flex-wrap: wrap; margin-top: 20px;}
.president-list > li {border: 1px solid #dbdbdb; border-radius: 10px; overflow: hidden; width: 48%; margin-right: 3.5%; padding: 30px; box-sizing: border-box; margin-top: 30px;}
.president-list > li:nth-of-type(2n) {margin-right: 0;}
.president-list > li:nth-child(n+1):nth-child(-n+2) {margin-top: 0;}
.president-list > li .title {font-size: 1.5rem; font-family: "NotoKR-Medium"; text-align: center; border-bottom: 1px solid #dbdbdb; padding-bottom: 20px; margin-bottom: 35px;}
.president-list > li .psnt-img {width: 44%; float: left;}
.president-list > li .psnt-img > p {position: relative; overflow: hidden; padding-top: 115%; border-radius: 10px; overflow: hidden; background: #f8f8f8;}
.president-list > li .psnt-img > p img {position: absolute; top: 0; left: 0; width: 100%; max-width: 100%;}
.president-list > li .psnt-img .psnt-nm {display: block; font-size: 1.5rem; font-family: "NotoKR-Bold"; text-align: center; margin-top: 12px;}
.president-list > li .psnt-his {float: right; width: 49%;}
.president-list > li .psnt-his dl:nth-of-type(n+2) {margin-top: 25px;}
.president-list > li .psnt-his dl dt {font-family: 1.25rem; font-family: "NotoKR-Bold"; margin-bottom: 10px;}
.president-list > li .psnt-his dl dd {position: relative; padding-left: 8px; margin: 6px 0; line-height: 1.2; word-break: keep-all;}
.president-list > li .psnt-his dl dd:before {content: ''; display: block; background: #333; width: 3px; height: 3px; border-radius: 50%; position: absolute; top: 11px; left: 0;}

.kahpHis-wrap .hlt-intro {background: #f8f8f8;}
.kahpHis-wrap .hlt-intro .img-box span {font-family: "NotoKR-Medium";}
.kahpHis-wrap .hlt-intro .img-info .txt {padding-top: 0;}
.kahpHis-wrap .hlt-intro .img-info {width: calc(100% - 310px);}
.kahpHis-wrap .borderbox p {font-size: 1rem;}

@media (min-width: 768px) and (max-width: 1180px){
    .president-list > li .psnt-his dl dd {word-break: break-all;}
}
@media all and (max-width: 767px){
    .president-list {display: block;}
    .president-list > li {width: 100%; margin-right: 0 !important;}
    .president-list > li .psnt-his dl dd {word-break: break-all;}
    .president-list > li:nth-child(n+1):nth-child(-n+2) {margin-top: 30px;}
    .president-list > li .psnt-img,
    .president-list > li .psnt-his {float: none; width: 100%;}
    
    .kahpHis-wrap .hlt-intro .img-box {float: none; width: 100%; max-width: 100%; text-align: center;}
    .kahpHis-wrap .hlt-intro .img-box p {width: 100%; max-width: 100%;}
    .kahpHis-wrap .hlt-intro .img-box p img {width: 100%;}
    .kahpHis-wrap .hlt-intro .img-info {flex: none; width: 100%; margin-top: 20px;}
    .kahpHis-wrap .hlt-intro .img-info .tit {font-size: 1.375rem;}
    .kahpHis-wrap .hlt-intro .img-info .tit.small {margin-right: 0;}
        
}
/*******************건강100년사, 50년사 끝 ******************/


/******************* 통합검색 시작 ******************/
/*통합검색 헤더부분*/
.commonSearch_open_box .sch-words {margin-top: 55px; overflow: hidden;}
.commonSearch_open_box .sch-words > ul {border: 1px solid #dbdbdb; width: 600px; margin: 0 auto; box-sizing: border-box;}
.commonSearch_open_box .sch-words > ul > li {border-bottom: 1px solid #eee; padding: 8px 10px; text-align: left;}
.commonSearch_open_box .sch-words > ul > li:hover {background-color: #f8f8f8;}
.commonSearch_open_box .sch-words > ul > li:last-child {border-bottom: 0;}

#content-search {padding-bottom: 50px;}

/*맨위 통합검색 폼*/
#content-search .search-box {padding: 30px; background: #fdf5f7; text-align: center;}
#content-search .search-box h2 {font-size: 2.25rem; font-family: "NotoKR-Medium"; letter-spacing: -2px; padding: 10px 0;}
#content-search .search-box > .searchForm {position: relative; display: inline-block; padding-right: 60px;}
#content-search .search-box input[type="text"] {border: 1px solid #ef3e61; width: 570px; height: 50px; margin: 0 auto; box-sizing: border-box; padding-right: 60px; border-radius: 10px;}
#content-search .search-box button {width: 50px; height: 50px; border-radius: 10px; position: absolute; top: 0; text-indent: -9999px;}
#content-search .search-box .btn-srh {right: 60px; background: #ef3e61 url('../../images/ho/icon-search.png') no-repeat center center;}
#content-search .search-box .btn-reset {right: 0; background: transparent url('../../images/ho/icon-reset.png') no-repeat center center; border: 1px solid #ef3e61;}

#content-search .search-box .searchForm .sch-words {display: none; border: 1px solid #dbdbdb; background-color: #fff; border-radius: 5px; margin-top: 5px; box-shadow: 0px 6px 10px 1px rgba(0,0,0,0.15); position: absolute; width: calc(100% - 60px); box-sizing: border-box; z-index: 2;}
#content-search .search-box .searchForm .sch-words > ul {}
#content-search .search-box .searchForm .sch-words > ul > li {}
#content-search .search-box .searchForm .sch-words > ul > li a {display: block; padding: 8px 15px; box-sizing: border-box; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; margin-bottom: -1px; text-align: left; font-size: 1rem;}
#content-search .search-box .searchForm .sch-words > ul > li a:hover {background-color: #f8f8f8;}

/*통합검색 left, right 영역 시작*/
#content-search .search-inner {width: 1200px; margin: 0 auto; padding-top: 60px;}
#content-search .search-inner:after {content: ""; display: block; clear: both;}

/*통합검색 left : 많이 찾는 메뉴,인기검색어*/
#content-search #search-left {float: left; width: 265px; min-height: 500px; padding-right: 30px; box-sizing: border-box;}
#content-search #search-left > ul {}
#content-search #search-left > ul > li {padding-bottom: 30px; border-bottom: 1px solid #dbdbdb;}
#content-search #search-left > ul > li:last-child {padding-top: 30px; border-bottom: 0;}
#content-search #search-left > ul > li > p {font-size: 1.125rem; font-family: "NotoKR-Medium"; letter-spacing: -1px; width: 100%; margin-bottom: 15px;}
#content-search #search-left > ul > li > ul {display: flex; flex-wrap: wrap;justify-content: space-between;}
#content-search #search-left > ul > li > ul > li {box-sizing: border-box; min-width: 49%; font-size: 15px; margin: 3px 0;}
#content-search #search-left > ul > li > ul > li a {display: block; width: 100%; height: 100%; font-size: 15px;  box-sizing: border-box; word-break: keep-all; padding: 5px;}
#content-search #search-left > ul > li > ul > li a:hover {font-family: "NotoKR-Medium";}
#content-search #search-left > ul > li.menu1 > ul > li {box-sizing: border-box; border-radius: 20px;  text-align: center;}
#content-search #search-left > ul > li.menu1 > ul > li.full {width:100%;}
#content-search #search-left > ul > li.menu1 > ul > li a {display: inline-block; border-radius: 20px; box-sizing: border-box; background: #ffe9ef;  text-align: center; padding: 8px 7px; border: 1px solid #ffe9ef;}
#content-search #search-left > ul > li.menu1 > ul > li a:hover {border: 1px solid #ef3e61;}

/*통합검색 오른쪽 : 통합검색 결과 화면*/
#content-search #search-right {float: right; width: calc(100% - 270px); min-height: 500px; padding-left: 30px; box-sizing: border-box;}
#content-search #search-right h3 {font-size: 1.75rem; font-family: "NotoKR-Medium"; letter-spacing: -1px;}
#content-search #search-right h3 .mark {color: #ef3e61;}

#content-search #search-right .tabBasic .total {color: #ef3e61;}

/*통합검색 right > 디테일 검색 영역*/
/* #content-search #dtl-search {border: 1px solid #dbdbdb; border-left: 0; border-right: 0; padding: 15px 0; margin: 50px 0;}
#content-search #dtl-search > ul {display: flex; justify-content: space-between; }
#content-search #dtl-search > ul > li {display: flex; align-items: center; font-size: 15px;}

#content-search #dtl-search .dtl-form {position: relative; display: inline-block; padding-right: 52px;}
#content-search #dtl-search .dtl-form input[type="text"],
#content-search #dtl-search .dtl-form select {max-width: 125px; border-radius: 0; font-size: 15px;}
#content-search #dtl-search .dtl-form input[type="text"] {width: 125px; height: 35px;}
#content-search #dtl-search .dtl-form select {width: 100px; padding-right: 20px;}

#content-search #dtl-search > ul > li > span {padding-right: 10px; font-family: "NotoKR-Medium";}
#content-search #dtl-search > ul > li .dtl-form button {width: 45px; height: 35px; border: 1px solid #555; background: #fff; font-size: 15px; font-family: "NotoKR-Medium"; letter-spacing: -1px; position: absolute; top: 0; right: 0;}

#content-search #dtl-search .dtl-form .date-wrap {display: flex; align-items: center;}
#content-search #dtl-search .dtl-form .date-wrap .dash {padding: 0 5px;} */
#content-search #dtl-search {border: 1px solid #dbdbdb; border-left: 0; border-right: 0; padding: 15px 0; margin: 50px 0;}
#content-search #dtl-search > ul {display: flex;justify-content: center;}
#content-search #dtl-search > ul > li {display: flex;align-items: center;font-size: 15px;margin-left: 30;}
#content-search #dtl-search > ul > li + li {margin-left: 50px;}

#content-search #dtl-search .dtl-form {position: relative;display: inline-block;padding-right: 52px;display: flex;}
#content-search #dtl-search .dtl-form input[type="text"],
#content-search #dtl-search .dtl-form select {max-width: 125px; border-radius: 0; font-size: 15px;}
#content-search #dtl-search .dtl-form input[type="text"] {width: 125px; height: 35px;}
#content-search #dtl-search .dtl-form select {width: 100px;padding-right: 20px;margin-right: 10px;height: 35px;}

#content-search #dtl-search > ul > li > span {padding-right: 10px; font-family: "NotoKR-Medium";}
#content-search #dtl-search > ul > li .dtl-form button {width: 45px; height: 35px; border: 1px solid #555; background: transparent; font-size: 15px; font-family: "NotoKR-Medium"; letter-spacing: -1px; position: absolute; top: 0; right: 0;}

#content-search #dtl-search .dtl-form .date-wrap {display: flex; align-items: center;}
#content-search #dtl-search .dtl-form .date-wrap .dash {padding: 0 5px;}
#content-search #dtl-search .dtl-form .date-wrap.rd-only button {pointer-events: none !important;} 

/*통합검색 right 검색 결과 리스트 영역*/
#search-right .result-area {position: relative;}
#search-right .result-area .tit {position: relative; font-size: 1.5rem; font-family: "NotoKR-Medium"; letter-spacing: -1px; padding-bottom: 25px; margin-bottom: 30px;border-bottom: 1px solid #dbdbdb;}
#search-right .result-area .tit small {font-size: 1rem; font-family: "NotoKR-Regular";  color: #666;}
#search-right .result-area .more {display: block; font-size: 1rem; font-family: "NotoKR-Regular"; position: absolute; right: 0; top:12px; padding-right: 15px; background: url('../../images/ho/totalSearch-arrow.png') no-repeat center right;}

#search-right .result-area + .result-area {margin-top: 65px;}
#search-right .result-area .list {}
#search-right .result-area .list > li {}
#search-right .result-area .list > li + li {margin-top: 35px;}
#search-right .result-area .list > li dl strong {color: #ef3e61;}
#search-right .result-area .list > li dl dt {margin-bottom: 15px;}
#search-right .result-area .list > li dl dt a {position: relative; display: inline-block; font-size: 1rem; font-family: "NotoKR-Medium"; /*text-decoration: underline; text-underline-position: under;*/ padding-bottom: 2px;}
#search-right .result-area .list > li dl dt a.link {padding-right: 30px; background: url('../../images/ho/icon-link.png') no-repeat top right;}
#search-right .result-area .list > li dl dt a:after {content:""; display: block; width: 100%; height: 1px; background: #333; position: absolute; bottom: 0; left: 0; box-sizing: border-box;}
#search-right .result-area .list > li dl dt a strong {display: inline-block; position: relative; color: #ef3e61;}
#search-right .result-area .list > li dl dt a strong:after {content:""; display: block; width: 100%; height:1px; background: #ef3e61; position: absolute; bottom: -2px; left: 0; z-index: 1; border-right: 2px solid #fff; border-left: 2px solid #fff;}
#search-right .result-area .list > li dl dt em {color: #666; padding-left: 10px; font-family: "NotoKR-Regular";}
#search-right .result-area .list > li dl dd {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.5em; overflow: hidden;}
#search-right .result-area .list > li dl .location {font-size: 15px; color: #666; margin-top: 12px;}

/* 이미지 동영상 리스트 */
#search-right .result-area .list.imgs {display: flex; flex-wrap: wrap;}
#search-right .result-area .list.imgs > li {box-sizing: border-box; width: 31.5%; vertical-align: middle; margin-top: 0; margin-bottom: 40px; margin-right: 2.5%;}
#search-right .result-area .list.imgs > li:nth-of-type(3n) {margin-right: 0;}

#search-right .result-area .list.imgs > li .img-box {display: block; position: relative; box-sizing: border-box; overflow: hidden; padding-top: 57%; background: #f8f8f8;}
#search-right .result-area .list.imgs > li .img-box img {max-width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

#search-right .result-area .list.imgs > li .info {margin-top: 13px;}
#search-right .result-area .list.imgs > li .info > p {font-family: "NotoKR-Medium"; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.5em; overflow: hidden;}
#search-right .result-area .list.imgs > li .info > p strong {color: #ef3e61;}
#search-right .result-area .list.imgs > li .info .location {display: block; font-size: 15px; color: #666; margin-top: 10px;}

/*display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.5em; height: 3em; overflow: hidden; */

@media (min-width: 1024px) and (max-width: 1180px){
    #content-search #search-left {display: none;}
    #content-search #search-right {width: 100%; float: none; padding-left: 0; padding-top: 50px;}
    #content-search .search-inner {padding: 0 2%; width: 100%; box-sizing: border-box;}
}
@media (min-width: 768px) and (max-width: 1023px){
    #content-search #search-left {display: none;}
    #content-search #search-right {width: 100%; float: none; padding-left: 0; padding-top: 50px;}
    #content-search .search-inner {padding: 0 2%; width: 100%; box-sizing: border-box;}
    #content-search #dtl-search {padding: 30px;}
    
    #content-search #dtl-search .dtl-form {width: 100%;}
    #content-search #dtl-search .dtl-form select {width: 100%; max-width: 100%; }
    #content-search #dtl-search .dtl-form .dateBox {width: 49%; }
    #content-search #dtl-search .dtl-form .dateBox input[type="text"] {width: 100%; max-width: 100%;}
    
    #content-search #dtl-search > ul {width: 600px; margin: auto; flex-direction: column; justify-content: center; align-items: flex-start;}
    #content-search #dtl-search > ul > li {flex-wrap: wrap; margin: 5px 0; width: 100%;}
    #content-search #dtl-search > ul > li + li {margin-left: 0;}
    #content-search #dtl-search > ul > li > span {min-width: 100px;}
    
    #content-search .tabBasicWrap .tabBasic li a {font-size: 15px;}
}
@media all and (max-width: 767px){
    #content-search .search-box h2 {font-size: 2rem; padding-bottom: 25px;}
    #content-search .search-box > .searchForm {width: 80%;}
    #content-search .search-box input[type="text"] {width: 100%;}
    
    #content-search #search-left {display: none;}
    #content-search #search-right {width: 100%; float: none; padding-left: 0; padding-top: 50px;}
    #content-search #search-right h3 {font-size: 1.5rem;}
    #content-search .search-inner {padding: 0 6%; width: 100%; box-sizing: border-box;}
    #content-search #dtl-search {padding: 20px;}
    
    #content-search #dtl-search .dtl-form {flex-wrap: wrap; width: 100%;}
    #content-search #dtl-search .dtl-form select {width: 100%; max-width: 100%; margin-right: 0; margin-bottom: 10px;}
    #content-search #dtl-search .dtl-form .date-wrap {display: block; width: 100%; text-align:center;}
    #content-search #dtl-search .dtl-form .dateBox {width: 100%; }
    #content-search #dtl-search .dtl-form .dateBox input[type="text"] {width: 100%; max-width: 100%;}
    
    #content-search #dtl-search > ul {flex-direction: column; justify-content: center; align-items: flex-start;}
    #content-search #dtl-search > ul > li {flex-wrap: wrap; margin: 5px 0; width: 100%;}
    #content-search #dtl-search > ul > li + li {margin-left: 0;}
    #content-search #dtl-search > ul > li > span {width: 100%; flex-shrink: 0; margin-bottom: 5px;}
    
    #search-right .result-area + .result-area {margin-top: 95px;}
    #search-right .result-area .more {top: 100%; padding: 20px 10px;}
    #search-right .result-area .tit {overflow: hidden; padding-bottom: 10px;}
    #search-right .result-area .tit span {display: block;}
    
    #search-right .result-area .list > li dl dt em {padding-left: 0; display: block; margin-top: 5px}
    
    #search-right .result-area .list.imgs {flex-direction: column;}
    #search-right .result-area .list.imgs > li {width: 100%; margin-right: 0; margin-bottom: 30px;}
    #search-right .result-area .list.imgs > li:last-child {margin-bottom: 0;}
    
    #content-search .tabBasicWrap .tabBasic li a {font-size: 15px;}
}

/******************* 통합검색 끝 ******************/

/******************* 검진결과표 시작 ******************/
#chkRsvRst-wrap {}
#chkRsvRst-wrap table.basic th,
#chkRsvRst-wrap table.basic td {height: 40px;}
#chkRsvRst-wrap table.basic tbody tr th {font-family: "NotoKR-Medium" !important; background: #f8f8f8; }

#chkRsvRst-wrap .pr-info {display: flex; justify-content: space-between; align-items: center;margin-bottom: 60px;text-align: right; overflow: hidden;}
#chkRsvRst-wrap .pr-info .tit {text-align: left; width:450px;}
#chkRsvRst-wrap .pr-info .tit p {font-size: 1.125rem; letter-spacing: -1px; padding: 10px 0 10px 80px; box-sizing: border-box; font-family: "NotoKR-Medium"; background: url('../../images/ho/icon-person-reserve.png') no-repeat center left; background-size: 60px;}

#chkRsvRst-wrap .pr-info > ul {display: inline-block; width: 300px; }
#chkRsvRst-wrap .pr-info > ul > li {font-size: 1.125rem; padding: 10px 5px; border-bottom: 1px solid #aaa; text-align: left;}
#chkRsvRst-wrap .pr-info > ul > li span {display: inline-block; width: 100px; font-family: "NotoKR-Bold";}

#chkRsvRst-wrap .intro-box {border: 1px solid #dbdbdb; padding: 40px 40px 40px 230px; border-radius: 10px; margin-bottom: 50px;  background: #f8f8f8 url('../../images/ho/icon-result1.png') no-repeat center left 80px;}
#chkRsvRst-wrap .intro-box p {text-align: left;}
#chkRsvRst-wrap .intro-box .tit {font-family: "NotoKR-Medium"; font-size: 1.625rem; color: #ef3e61; margin-bottom: 10px;}
#chkRsvRst-wrap .intro-box .sub {font-size: 1.125rem; font-family: "NotoKR-Medium";}
#chkRsvRst-wrap .intro-box .bullet-list > li {font-size: 1.125rem;}
#chkRsvRst-wrap .intro-box .bullet-list > li span {display: inline-block; font-family: "NotoKr-Bold"; min-width: 80px; text-align: c}

@media (min-width: 768px) and (max-width: 1180px){
	#chkRsvRst-wrap .pr-info {flex-direction: column;}
	#chkRsvRst-wrap .pr-info .tit {width: 98%; box-sizing: border-box;}
	#chkRsvRst-wrap .pr-info .tit p {padding: 20px 0 20px 80px;}
	#chkRsvRst-wrap .pr-info > ul {width: 98%; box-sizing: border-box; padding: 20px;}
}

@media all and (max-width: 767px){
    #chkRsvRst-wrap .intro-box {padding: 170px 40px 40px 40px ; background: #f8f8f8 url('../../images/ho/icon-result1.png') no-repeat center top 40px;}
    #chkRsvRst-wrap .intro-box p {text-align: center;}
    #chkRsvRst-wrap .intro-box .tit {font-size: 1.5rem; word-break: keep-all; margin-bottom: 25px;}
    #chkRsvRst-wrap .intro-box .sub {font-size: 1.125rem; word-break: keep-all; margin-bottom: 10px;}
    
    #chkRsvRst-wrap .pr-info {flex-direction: column;}
    #chkRsvRst-wrap .pr-info .tit {width: 98%; box-sizing: border-box; padding: 20px;}
    #chkRsvRst-wrap .pr-info .tit p {background: url(../../images/ho/icon-person-reserve.png) no-repeat center top; padding: 100px 0 20px 0;}
    #chkRsvRst-wrap .pr-info > ul {width: 98%; box-sizing: border-box; padding: 20px;}
    #chkRsvRst-wrap .pr-info > ul > li {font-size: 1rem;}
    
    .chkRcltlist-table {min-width: 940px !important;} 
}

#chkRsvRst-wrap .opinion {margin-top: 15px;}
#chkRsvRst-wrap .opinion dl {}
#chkRsvRst-wrap .opinion dl + dl {margin-top: 20px;}
#chkRsvRst-wrap .opinion dl dt {position: relative; font-size: 18px; font-family: "NotoKR-Medium"; padding-left: 10px; letter-spacing: -1px; margin-bottom: 3px;}
#chkRsvRst-wrap .opinion dl dd {position: relative; font-size: 16px; padding-left: 0px; letter-spacing: -0.5px;}
#chkRsvRst-wrap .opinion dl dd:before {content: '-'; margin-right: 5px;}
#chkRsvRst-wrap .opinion dl dd.noDot:before {display: none;}

#chkRsvRst-wrap .opinion.v1 dl dt:before {content: ''; display: block; width: 5px; height: 5px; background: #333; position: absolute; left: 0; top: 10px;}
#chkRsvRst-wrap .opinion.v1 dl dd {padding-left: 0px;}

#chkRsvRst-wrap .opinion.v2 dl dt {padding-left: 15px; }
#chkRsvRst-wrap .opinion.v2 dl dt:before {content: '▶'; font-size: 12px; position: absolute; left: 0; top: 3px;}
#chkRsvRst-wrap .opinion.v2 dl dd {padding-left: 0px;}

.txtC-blue2 {color: #0692ea !important;}
.txtC-pink {color: #ef3e61 !important;}
.txtC-green {color: #339933 !important;}
/******************* 검진결과표 끝 ******************/

/******************* 연혁 시작 (구)******************/
.his-wrap {margin-top: 30px;}
/* .his-list-wrap {position: relative; padding-left: 30px; box-sizing: border-box;}
.his-list-wrap:before {content: ''; display: block; width: 1px; height: calc(100% - 20px); background-color: #dbdbdb; position: absolute; top: 10px; left: 0;}
.his-list-wrap > dl {margin: 25px 0; display: flex; align-items: flex-start;}
.his-list-wrap > dl dt {position: relative; font-size: 1.125rem; font-family: "NotoKR-Medium"; width: 100px; flex-shrink:0;}
.his-list-wrap > dl dt:before {content: ''; display: block; width: 6px; height: 6px; border-radius:50px; background-color: #ef3e61; position: absolute; top: 10px; left: -32px;}
.his-list-wrap > dl dd {font-size: 1.125rem; padding-left: 20px;} */

@media all and (max-width: 767px){
    /* .his-wrap {padding-top: 30px;}
    
    .his-list-wrap > dl {display: block;}
    .his-list-wrap > dl dt  {width: 100%; margin-bottom: 10px;}
    .his-list-wrap > dl dd {padding-left: 0;} */
}
/******************* 연혁 끝 (구) ******************/

/****************** 연혁 추가 css 시작**************/
/* 연혁 (신) */
.his-list {position: relative; overflow: hidden;}
.his-list:before {content: ''; display: block; width: 1px; height: 100%; background-color: #dbdbdb; position: absolute; top: 15px; left: 50%; margin-left: -0.5px; }
.his-list > li {position: relative; width: 50%; margin-top: 100px; box-sizing: border-box;}
.his-list > li:after {content: ''; display: block; clear: both;}
.his-list > li ul.info > li > span {display: block; width: 100%; box-sizing: border-box;}

/*전체레이아웃*/
.his-list > li.half + li.half {margin-top: 120px;}
.his-list > li.left.half {width: 50%; padding-right: 60px;}
.his-list > li.right.half {width: 50%; padding-left: 60px;}
.his-list > li:first-child {margin-top: 0;}

/*년도*/
.his-list > li .year {position: relative; display: block; font-size: 50px; font-family: "NotoKR-Medium"; margin-bottom: 20px; z-index:1;}
.his-list > li .year:before {content:''; display: block; width: 5px; height: 5px; border-radius: 50%; background-color: #333; position: absolute; bottom: 23px;}
.his-list > li .year:after {content:''; display: block; width: 47px; height: 1px; background-color: #ccc; position: absolute; bottom: 25px; z-index: -1;}
.his-list > li .year > span {display: block; width: 9px; height: 9px; border-radius: 50%; box-sizing: border-box; background-color: #ef3e61; position: absolute; bottom: 21px;}

.his-list > li.left .year:before {right: -15px;}
.his-list > li.left .year:after {right: -60px;}
.his-list > li.left .year > span {right: -64px;}
.his-list > li.right .year:before {right: initial; left: -15px;}
.his-list > li.right .year:after {right: initial; left: -60px;}
.his-list > li.right .year > span {right: initial;left: -65px;}

/*왼쪽, 오른쪽 레이아웃 커스텀*/
.his-list > li:not(.half) .box {width: 100%; box-sizing: border-box;}
.his-list > li.left {float: left; text-align: right;}
.his-list > li.left:not(.half) .box {float: left; padding-right: 60px;}
.his-list > li.right {float: right; text-align: left;}
.his-list > li.right:not(.half) .box { float: right;  padding-left: 60px;}

.his-list > li ul.info > li {position: relative; color: #666; word-break: keep-all; padding-right: 60px; box-sizing: border-box; margin-top: 15px;  color: #111;}
.his-list > li ul.info > li strong {position: absolute; right:0; color: #959595; font-family: "NotoKR-Medium";}
.his-list > li.right ul.info > li {padding-right: 0; padding-left: 60px;}
.his-list > li.right ul.info > li strong {right: initial; left: 0;}

/*리스트 묶음 필요할때 */
.his-list ul.list-set > li {margin-bottom: 55px;}
.his-list ul.list-set > li:first-child {padding-top: 50px;}
.his-list ul.list-set > li.noPd {padding-top: 0;}

/*연혁에 사진 필요할때*/
.his-list > li .img-area {display: inline-block; width: 430px; margin-top: 25px;}
.his-list > li .img-area.small {width: 300px;}
.his-list > li .img-area img {width: 100%; max-width: 100%;}
.his-list > li .img-area .tit {border: 1px solid #dbdbdb; padding: 20px; letter-spacing: -1px; text-align: center;}

/*웹접근성 준수를 위해 년도는 한태그안에 차례대로 li로 나열, 레이아웃을 위해 겹쳐보여야하는 영역에는 left, right 클래스에 half 클래스를 추가, 1개씩 양쪽 번갈아가는 ui는 일반 left 혹은 right 클래스만 사용*/
.his-list > li.empty {padding: 10px 0; visibility: hidden; font-size: 0;}
.his-list > li.empty:after {display: none;}
.his-list > li.empty:before {display: none;}


@media (min-width: 768px) and (max-width: 1180px){
    .his-list > li .img-area {max-width:100%;  overflow: hidden;}
}
/* 미디어쿼리 모바일*/
@media all and (max-width: 991px){
    .his-list {padding-top: 50px;}
    .his-list:before {display: none;}
    .his-list > li {float: none !important; text-align: left !important; width: 100% !important; margin-bottom: 45px; margin-top: 0 !important;}
    .his-list > li.left:not(.half) .box,
    .his-list > li.right:not(.half) .box{width: 100%; padding: 0 !important;}
    .his-list > li .year:after,
    .his-list > li .year:before {display: none !important;}
    .his-list > li.left {padding-right: 0 !important;}
    .his-list > li.right {padding-left: 0 !important;}
    .his-list > li .img-area {width: 100%;}
    .his-list > li.empty {display: none;}

    .his-list > li ul.info > li {padding-right: 0; padding-left: 60px;}
    .his-list > li ul.info > li strong {right: initial; left: 0;}
    
}

/****************** 연혁 추가 css 끝 **************/


/******************* datepicker 커스텀 시작 ******************/
#ui-datepicker-div {z-index: 30 !important;}
#ui-datepicker-div .ui-state-default, .ui-datepicker-div .ui-widget-content .ui-state-default {border: 0 !important; background: none !important;} 
#ui-datepicker-div .ui-state-default:hover {background: #f6f6f6 !important;}
#ui-datepicker-div .ui-state-active {border: 1px solid #ef3e61 !important; color: #333; border-radius: 3px;}
#ui-datepicker-div .ui-datepicker-today .ui-state-default {border: 1px solid #333 !important; border-radius: 3px;} 
.ui-datepicker-div {}
.ui-datepicker {padding: 1.2em 1.2em;}
.ui-datepicker th {padding: .4em .3em 0.3em; background: #f8f8f8;}
.ui-datepicker-header {background: #fff !important; border-bottom: 1px solid #dbdbdb; padding: 0.2em 0 0.8em!important;}
.ui-widget.ui-widget-content {box-shadow: 0 0 10px rgba(0,0,0,0.3);}
.ui-datepicker-calendar tr th:last-child,
.ui-datepicker-calendar tr td:last-child {}
.ui-datepicker-calendar thead tr {border-bottom: 1px solid #dbdbdb;}
.ui-datepicker-calendar tbody tr:first-child td {padding-top: 10px;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {width: 33px; height: 33px; top: 5px; background: #444444; border-radius: 5px; }
.ui-datepicker-prev:before {content: '◀'; display: block; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1; font-size: 11px;}
.ui-datepicker-next:before {content: '▶'; display: block; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1; font-size: 11px;}
.ui-datepicker .ui-datepicker-title {font-size: 15px;}
.ui-datepicker .ui-datepicker-title select {}
.ui-datepicker-header .ui-icon {border-image: none !important;}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background-image: none !important;
}
/******************* datepicker 커스텀 시작 끝 ******************/

/******************* 에러페이지 시작 ******************/
.error-wrap {position: relative; min-height: 100vh;}
.error-wrap .error-box {width: 100%; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-60%);box-sizing: border-box;}
.error-wrap .error-box .tit {font-size: 42px; font-family: "NotoKR-Medium"; margin-top: 30px; margin-bottom: 20px;}
.error-wrap .error-box ul li {color: #666; font-family: "NotoKR-Medium"; line-height: 1.7;}
.error-wrap .error-box .goToMain {display: inline-block; width: 165px; height: 40px; border: 2px solid #ef3e61; border-radius: 50px; line-height: 40px; color: #ef3e61; font-family: "NotoKR-Medium"; margin-top: 45px; transition: 0.3s;}
.error-wrap .error-box .goToMain:hover {background: #ef3e61; color: #fff;}

@media all and (max-width: 767px){
    .error-wrap .error-box {position: static; transform: none; padding-top: 30px; padding: 30px;}
    .error-wrap .error-box .tit {font-size: 30px; line-height: 1.4;}
}
/******************* 에러페이지 끝 ******************/

/******************* asis 데이터 이관후 img 태그 속성중복 및 강제가운데정렬 요청 처리 시작 ******************/
img[data-asis='asis-img'] {display: block; margin: auto;}
/******************* asis 데이터 이관후 img 태그 속성중복 및 강제가운데정렬 요청 처리 끝 ******************/


/*고객요청으로 예약하기 버튼 곳곳에 생성,,,*/
#goToReserve {float: right;}

@media all and (max-width: 767px){
    #goToReserve {float: none; margin: 20px 0 10px 0;}
}

.cprsvchk-btn {display: flex; align-items: center; justify-content: space-between;}
.cprsvchk-btn a {margin-left: 20px;}

@media all and (max-width: 767px){
    .cprsvchk-btn {flex-direction: column;}
    .cprsvchk-btn a {margin-top: 10px;}
}