@charset "utf-8";
/*기본화면-pc기준*/
#top_layout {position:relative;}
.cont {
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}
#sub_layout{width: 100%; box-sizing: border-box; max-width: 1500px; margin: 0 auto; padding: 30px 0; overflow:hidden;}
.content_area{padding: 30px 0 60px 0;}

/*서브헤더*/
.subheader{border-bottom: 1px solid #ddd;}
.subheader .util_tm li a, .subheader .util_tm .tlang_box .lang_selc {color:#666; text-shadow:0 0 0;}
.subheader .util_tm .tlang_box .lang_selc:before {background: url(/images/domain/junggu/main/ico_language_act.png) 0 0 no-repeat;     top: 21%;}
.subheader .util_tm .tlang_box .lang_selc:hover, .subheader .util_tm .tlang_box .lang_selc:active, 
.subheader .util_tm .tlang_box .lang_selc:focus, .subheader .util_tm .tlang_box .lang_selc.open {
    background-color: #ff3157;
    color: #fff;
    transition: background-color 0.1s linear;
    padding: 15px 40px 5px 45px;
}

/*서브일 때 검색바*/
.search_m a:before{    background: url(/images/domain/junggu/main/search_act.png) 0 no-repeat !important;}
.search_m #srch_bar{    top: 75px !important;}
.search_box .srch_txt input{border: 0 !important;}
.search_box .btn_sch{ height: 41px !important;}
.search_wrap  .search_box{display:none !important;}
.search_wrap .search_box.open{display:inline-block !important;}


/*서브일때 확대축소*/
.util_tm li .zoominout li button.zoom_in {
    width: 13px;
    height: 13px;
     background: url(/images/domain/junggu/main/main_plus_ov.png) 0 0 no-repeat;
}

.util_tm li .zoominout li button.zoom_out {
    width: 13px;
    height: 13px;
     background: url(/images/domain/junggu/main/main_minus_ov.png) 0 0 no-repeat;
}
.util_tm li .zoominout li{color:#000;}



.subheader  .util_tm .tlang_box .lang_selc:hover:before, .subheader  .util_tm .tlang_box .lang_selc:active:before, .subheader  .util_tm .tlang_box .lang_selc:focus:before, .subheader  .util_tm .tlang_box .lang_selc.open:before {
    background: url(/images/domain/junggu/main/ico_language.png) 0 0 no-repeat;
}
.subheader  .util_tm .tlang_box .lang_selc:after {background: url(/images/domain/junggu/main/topm_ir.png) -261px 0 no-repeat;}
.subheader .util_tm .tlang_box .lang_selc:hover:after, .subheader .util_tm .tlang_box .lang_selc:active:after, 
.subheader .util_tm .tlang_box .lang_selc:focus:after, .util_tm .tlang_box .lang_selc.open:after {
    background-position: -249px -8px;
}
.subheader .logo a:before {
    background: url(/images/domain/junggu/main/topm_ir.png) 0 -92px no-repeat; 
}
.subheader .nav_pcbox nav .tm_dep01 > li > .tm_tit01 span {color:#222; text-shadow:0 0 0;}

.subheader .all_m a:before {content:''; display:inline-block; position:absolute; width:22px; height:16px; background:url(/images/domain/junggu/main/list_act.png) 0 no-repeat;}
.subheader .all_m a:hover:before {background:url(/images/domain/junggu/main/list.png) 0 no-repeat;}

/* LNB */
.lnb_area_wrap {position:relative; width:270px; float: left;}
.lnb_area_wrap .lnb_area {position:relative; padding:12px 20px; background-color:#fff; border:1px solid #e0e2e5; border-radius: 0 0 20px 20px;}



.lnb_area_wrap .lnb_tit {min-height: 125px; padding: 45px 20px 36px; box-sizing: border-box; text-align: center;
 font-size:27px; color:#fff; letter-spacing: -1.2px; font-weight:500; background: rgb(1,142,160);
 background: linear-gradient(90deg, rgba(188,24,208,1) 0%, rgba(205,40,93,1) 100%); border-radius: 20px 20px 0 0;}
.lnb_area_wrap .lnb_area > ul > li > a {position: relative; display:block; padding:10px 3px; border-bottom:1px solid #e8ebef; font-weight: 400; color: #222;} 
.lnb_area_wrap .lnb_area > ul > li:last-child > a {border-bottom: 0;}
.lnb_area_wrap .lnb_area > ul > li.active > a {color: #ff3157; border-bottom:2px solid #ff3157; font-weight:bold;}
.lnb_area_wrap .lnb_area > ul > li > a::before {position:absolute; right: 0; top: 50%; transform: translateY(-50%); content:""; width:20px; height:20px; background: url("/images/domain/health/sub/lnb01_off.png") center no-repeat;}
.lnb_area_wrap .lnb_area > ul > li.active > a::before {content:""; width:20px; height:20px; background: url("/images/domain/junggu/sub/lnb01_on.png") center no-repeat;}
.lnb_area_wrap .lnb_area > ul > li.no_depth > a::before {position:absolute; right: 0; top: 50%; transform: translateY(-50%); content:""; width:20px; height:20px; background: url("/images/domain/health/sub/lnb02_off.png") center no-repeat;}
.lnb_area_wrap .lnb_area > ul > li.no_depth.active > a::before {position:absolute; right: 0; top: 50%; content:""; width:20px; height:20px; background: url("/images/domain/health/sub/lnb02_on.png") center no-repeat;}

.lnb_area_wrap .lnb_area .active .depth_all {display:block;}
.lnb_area_wrap .lnb_area .depth_all {background-color: #f7f9fe;padding:14px 5px;display:none;}
.lnb_area_wrap .lnb_area .depth_all > ul > li > a {position:relative; display: inline-block; padding: 2px 10px; padding-left:16px; color:#262a30; font-size: 15px;}
.lnb_area_wrap .lnb_area .depth_all > ul > li > a.blank{padding-right: 20px; background: url(/images/domain/junggu/sub/blank.png) right 4px no-repeat;}
.lnb_area_wrap .lnb_area .depth_all > ul > li > a::before {position:absolute; left: 6px; top: 50%; transform: translateY(-50%); content:""; width:3px; height:3px;background-color:#6d737c;}
.lnb_area_wrap .lnb_area .depth_all > ul > li > a:hover,
.lnb_area_wrap .lnb_area .depth_all > ul > li > a:focus,
.lnb_area_wrap .lnb_area .depth_all > ul > li > a.active {color: #ff3157;font-weight: bold;}
.lnb_area_wrap .lnb_area .depth_all > ul > li > a:hover::before,
.lnb_area_wrap .lnb_area .depth_all > ul > li > a:focus::before,
.lnb_area_wrap .lnb_area .depth_all > ul > li > a.active::before {background-color:#fb6984;}

/* 비밀글 비밀번호 입력 페이지 */
.lnb_etc .lnb_tit{border-radius: 20px;}
.lnb_etc .lnb_area{display: none;}

/*  페이지 타이틀 및 경로 */
#content_page{float: left; width: calc(100% - 270px); padding-left: 80px; box-sizing: border-box;}
.sub_top{position: relative; min-height: 125px; padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px solid #ddd; box-sizing: border-box;}
.page_tit{position: relative; display: inline-block; margin-top: 20px; margin-bottom: 5px; font-size: 32px;}
.page_tit span{position: relative; display: block; z-index: 2;}
.page_tit:before{position: absolute; top: 0; right: -15px; content: ""; display: block; width: 35px; height: 35px; background-image: url(/images/domain/junggu/sub/page_title.png); background-repeat: no-repeat; background-size: contain; z-index: 1;}
.location{}
.location li{display: inline-block; padding-right: 17px; margin-right: 10px; background-image: url(/images/domain/health/sub/location_arrow.png); background-repeat: no-repeat; background-position: right center;}
.location li:last-child{background-image: none;}
.location li a{display: block; font-size: 15px; color: #555; font-weight: 400;}
.location li.home a{text-indent: -9999px; width: 14px; height: 24px; background-image: url(/images/domain/health/sub/i_home.png); background-repeat: no-repeat; background-position: center;}

.shareBox{position: absolute; bottom: 20px; right: 0; z-index: 1;}
.shareBox ul{display: flex;}
.shareBox li{margin-left: 10px;}
.shareBox li > button{width: 40px; height: 40px; background-color: #f4f4f4; border-radius: 50%; border: 0; text-indent: -99999px; background-repeat: no-repeat; background-position: center;}
.shareBox li .share_btn{background-image: url(/images/domain/health/sub/i_sharing.png);}
.shareBox li .print_btn{background-image: url(/images/domain/health/sub/i_print.png);}
.shareBox li > button:hover{background-color: #eaeaea;}

/*.share{position: relative;}
.sns{display: none; position: absolute; top: 45px; left: 0; padding: 5px; background-color: #fff; border: 1px solid #ddd; box-sizing: border-box; border-radius: 25px;}
.sns a, .sns button{display: block; width: 30px; height: 30px; text-indent: -9999px; background-repeat: no-repeat;}
.sns a{margin-bottom: 7px;}
.sns .facebook{background-image: url(/images/domain/health/sub/i_facebook.png);}
.sns .facebook{background-image: url(/images/domain/health/sub/i_facebook.png);}
.sns .twitter{background-image: url(/images/domain/health/sub/i_twitter.png);}
.sns .band{background-image: url(/images/domain/health/sub/i_band.png);}
.sns .close_btn{border: 0; background-color: transparent; background-image: url(/images/domain/health/sub/i_close.png);}*/

/* 담당자 정보 및 만족도*/
.cont_footer{margin-top: 50px; border: 1px solid #ddd;}
.admin_info{padding: 15px 40px; border-bottom: 1px solid #ddd;}
.admin_info li{display: inline-block; margin-right: 30px; font-size: 15px;}
.admin_info li span{position: relative; display: inline-block; padding-right: 12px; margin-right: 10px; color:#d92f75; font-weight: 500;}
.admin_info li span:after{position: absolute; top: 50%; right: 0; transform: translateY(-50%); content: ""; display: block; width: 1px; height: 13px; background-color: #a3a3a3;}

.cont_footer fieldset{border: 0;}
.satis_survey{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 30px 40px; background-color: #fafafa;}
.satis_survey p{font-size: 16px; font-weight: 400;}
.satis_survey p > img{margin-right: 10px;}

.satis_survey > ul > li{display: inline-block; margin-right: 25px;}
.satis_survey input, .satis_survey img, .satis_survey span{display:inline-block; vertical-align:middle;}
.satis_survey span{margin-left:10px; font-size: 15px;}
.satis_survey .btn_grey{padding: 5px 15px; font-size: 15px; background-color: #444; color: #fff; border: 0; cursor: pointer;}
.btn_grey:focus{outline: 4px dashed #0012ff;}

[type="radio"]:checked {
  border: 0.4em dashed #0012ff;
}
[type="radio"]:focus-visible {
  outline: max(2px, 0.1em) dashed #0012ff;
  outline-offset: max(2px, 0.1em);
}



/***********************************************/
/* 1700 이하(~1700)  */
@media screen and (max-width: 1700px) {}

/***********************************************/
/* 1500 이하(~1500)  */
@media screen and (max-width: 1500px) {
    .cont{padding: 0 30px;}
}

/***********************************************/
/* 1200 이하(~1200)  */
@media screen and (max-width: 1200px) {
    #sub_layout{padding: 20px 0;}
    
    /* LNB */
    .lnb_area_wrap{display: none;}
    
    /*  페이지 타이틀 및 경로 */
    #content_page{width: 100%; padding-left: 0;}
    
    /* 담당자 정보 및 만족도*/
    .satis_survey p{margin-bottom: 10px;}
}

/***********************************************/
/* 1024 이하 (~1024)  */
@media screen and (max-width: 1024px) {
    /*  페이지 타이틀 및 경로 */
    .sub_top{min-height: auto;}
    .page_tit{font-size: 28px;}
    .page_tit:before{width: 25px; height: 25px;}
    
}

/***********************************************/
/* 모바일 (0~767) */
@media screen and (max-width: 767px) {
    #sub_layout{margin-bottom: 40px;}
    .cont{padding: 0 20px;}
    /*  페이지 타이틀 및 경로 */
    .sub_top{padding-bottom: 10px;}
    .shareBox{display: none;}
    .page_tit{margin-top: 0; font-size: 24px;}
    .page_tit:before{width: 20px; height: 20px;}
    .location li a{font-size: 14px;}
    
    
    /* 담당자 정보 및 만족도*/
    .admin_info{padding: 10px 15px;}
    .admin_info li{font-size: 14px;}
    .satis_survey{padding: 15px;}
    .satis_survey p{font-size: 15px;}
    .satis_survey .btn_grey{font-size: 13px;}
    
}

/***********************************************/
/* 640 이하 (~640)  */
@media screen and (max-width: 640px) {
    .subheader .logo a:before {background-position: 0 -153px;}
}

/***********************************************/
/* 모바일 (0~560) */
@media screen and (max-width: 560px) {
    /* 담당자 정보 및 만족도*/
    .admin_info{line-height: 1.4em;}
    .satis_survey p{margin-bottom: 5px; font-size: 14px;}
    .satis_survey p > img{display: none;}
    .satis_survey span{font-size: 14px;}
    .satis_survey .btn_grey{margin-top: 10px;}
}
 
figcaption{position:absolute;height:0;overflow:hidden;font-size:1px;text-indent:-9999px;line-height:0;}