@charset "utf-8";



.ui-topbox .inner p.txt-tip:before{top:10px}

/* 1118 로그인  */

.login-box{position: relative;z-index: 1;}
.login-box .section_top{position:relative;text-align: center;padding: 87px 0; min-height: 296px;background: url(/images/main/sub01/top_bg.png);background-size: cover;background-position: center center;}
/* .login-box .section_top:before{content:'';display: block;position:absolute;right: 14%;top:20%;width: 263px;height: 264px;background: url('/images/main/sub01/top_doctor.png');} */
.login-box .section_top > [class*=tit]{font-family: 'gmarket';}
.login-box .section_top .small-tit{ margin-bottom: 14px;color:#d4e0dd; font-size:16px;text-transform: uppercase;}
.login-box .section_top .part-tit{color: #016b3b;font-size: 40px;font-size: 40px;font-weight: bold;color: #016b3b;text-shadow: -1px 0 #60BA9B, 0 1px #60BA9B, 1px 0 #60BA9B, 0 -1px #60BA9B;letter-spacing: 10px;text-indent: 0;}
.login-box .dsc-box{padding: 60px 145px 33px;background: #fff;top: -99px;position: relative;max-width: 1000px;text-align: center;width: 100%;margin: 0 auto;}
.login-box .dsc-box:before,.con_section_info .dsc-box:after{content:''; display:inline-block; position:absolute; }
.login-box .dsc-box:after{width:100%; height:3px;bottom:0; left:0;  background:url('/images/main/sub01/dsc-border.png') }
.login-box .dsc-box .item{position:relative;padding-right:150px;}
.login-box .dsc-box .item .btn{width: 141px;height: 100px;position: absolute;top: 0;right: 0;border-radius: 5px;background: #016b3b;border: 1px solid #016b3b;font-family: 'gmarket';padding-left: 0;padding-right: 0;}
.login-box .dsc-box .item .form-group{min-height: 47px;margin-bottom: -3px;}

.form-group {}
.login-box .dsc-box .item .form-group input{height: 47px;font-size: 18px;letter-spacing: -1px;font-family: 'gmarket';padding: 15px;}
.login-box .find{text-align: left; position:absolute; bottom:-35px; left:0}
.login-box .find > li{display:inline-block;position: relative;padding: 0 10px;}
.login-box .find > li:before{content:'';display: block;position:absolute;top:10px;left: 0px;width:5px;height:5px;background-color:#006940;border-radius: 50%;}


.login-box .dsc-box{position:relative}
.login-box .dsc-box:after{content:'';display: block;position:absolute;right: 0;top: -152px;left: auto;bottom: auto;width: 263px;height: 152px;background: url('/images/main/sub01/top_doctor.png'); background-repeat: no-repeat; background-size: cover;}


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

  .login-box .dsc-box:after{right: 3px;top: -137px;width: 170px; height: 132px;background-size: 80%;}

}

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

  .login-box .dsc-box:after{display:none}
  .login-box .section_top{padding: 50px 0;}
  .login-box .dsc-box{padding:60px 100px 33px}

}

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

  .login-box .dsc-box{padding:60px 50px 33px}
  .login-box .section_top .part-tit{font-size: 30px;}

}

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

  .login-box .dsc-box{padding:60px 20px 33px}
  .login-box .dsc-box .item{padding-right: 0;}
  .login-box .dsc-box .item .form-group{margin-right: 0;margin-left: 0;}
  .login-box .dsc-box .item .btn{position: relative; width:100%;height: 47px; line-height: 50px;padding:0 !important; text-align: center; margin-top: 3px;}
  .login-box .section_top .part-tit{font-size: 26px;}
  .login-box .find{position: relative; bottom:auto; margin-top: 10px;}

}

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

  .login-box .find{margin-top: 5px;}
  .login-box .find > li{display: block;width:100%; height:47px; background-color:#095b74; margin-bottom:5px; border-radius: 5px;}
  .login-box .find > li:before{display:none}
  .login-box .find > li a{display:block;width:100%; height:100%; font-size: 15px; color:#fff;  text-align: center;line-height: 47px; }




}

.realForm #contens #txt{margin-bottom: 40px;}


/* sns 로그인 */
.login-box.box3{position: relative;z-index: 1;margin: 0 auto;width: 100%;padding-top: 20px;height: inherit;}
.ui-login--box{}
.ui-login--box.sns--box{background-color:#f4f5f7;position:relative;padding:33px 155px;padding-right:504px;border: 1px solid #d5d8db;}
.ui-login--box.sns--box:before{content:'';position:absolute;top:50%;left:51px;width:76px;height:76px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='32' height='32'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M19 10h1a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V11a1 1 0 0 1 1-1h1V9a7 7 0 1 1 14 0v1zM5 12v8h14v-8H5zm6 2h2v4h-2v-4zm6-4V9A5 5 0 0 0 7 9v1h10z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50%;background-color: #016b3b;border-radius:50%;transform: translate(0, -50%);}
.ui-login--box.sns--box strong{display:block;color:#222;font-size:21px;font-weight:500;font-family: 'gmarket';margin-bottom: 7px;}
.ui-login--box.sns--box ul{}
.ui-login--box.sns--box ul li{line-height: 1.3;}
.ui-login--box.sns--box .sns-button-box{position:absolute;top:50%;right:31px; transform:translateY(-50%)}
.ui-login--box.sns--box .sns-button-box button{display:inline-block; border-radius:5px; min-width:147px; background-color:#fff; margin:0 2px;}
.ui-login--box.sns--box .sns-button-box button span{display:block;width:100%;height:100%;padding: 12px 10px;}
.ui-login--box.sns--box .sns-button-box button span:before{content:'';margin:0 auto 10px;width:35px;height:29px;display:block; background-image:url(/images/common/sns_ir2.png);}
.ui-login--box.sns--box .sns-button-box button.kakaotalk-icon{background-color:#fae300; }
.ui-login--box.sns--box .sns-button-box button.naver-icon{}
.ui-login--box.sns--box .sns-button-box button.smart-icon{}
.ui-login--box.sns--box .sns-button-box button.kakaotalk-icon span:before{background-position:1px 0;}
.ui-login--box.sns--box .sns-button-box button.naver-icon span:before{background-position:-41px 0;}
.ui-login--box.sns--box .sns-button-box button.smart-icon span:before{background-position:-81px 0;}

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

	.ui-login--box.sns--box{padding:33px 33px 33px 164px}
	.ui-login--box.sns--box:before{transform:none ; top:33px}
	.ui-login--box.sns--box .sns-button-box{position:static; transform: none; margin-top: 15px; display: flex;}
	.ui-login--box.sns--box .sns-button-box button{position:relative; width:calc(33% - 4px);}

}

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

	.ui-login--box.sns--box{padding:33px}
	.ui-login--box.sns--box:before{display:none}

}

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

	.ui-login--box.sns--box .sns-button-box{display:block}
	.ui-login--box.sns--box .sns-button-box button{display: block; width:100%; padding-left: 50px; margin-bottom: 5px;}
	.ui-login--box.sns--box .sns-button-box button span{text-align: left;}
	.ui-login--box.sns--box .sns-button-box button span{padding: 14px 10px 11px;box-sizing: border-box;}
	.ui-login--box.sns--box .sns-button-box button span:before{display:inline-block; position:absolute; top:50%; left:10px; margin-top: -13.5px; }

}


/* progress */
.ui-progress__bar{border:1px solid #e0e0e0;}
.ui-progress__bar ol{display:table; table-layout:fixed; width:100%;counter-reset:num;}
.ui-progress__bar ol li{display:table-cell; position:relative; width:33.3%; padding:30px 65px; vertical-align:middle;}
.ui-progress__bar ol li:not(:nth-child(1)){border-left:1px solid #e0e0e0;}
.ui-progress__bar ol li:not(:nth-child(1)):before{content:"";position:absolute;left:-15px;top:50%;width:29px;height:29px;margin-top:-14px;border:1px solid #e0e0e0;background:#fff url(/pcms/dist/img/prc_h_arrow.png) no-repeat center center;background-size:100% auto;border-radius:50%;-webkit-border-radius:50%;transform:rotate(-90deg);background-size: 50%;}
.ui-progress__bar ol li strong,
.ui-progress__bar ol li span{display:table-cell;position:relative;height:100px;padding-left:115px;vertical-align:middle;font-size:16px;color:#596068;/* font-family: 'gmarket'; */}
.ui-progress__bar ol li strong:before,
.ui-progress__bar ol li span:before{display:block;font-size: 14px;color:#33373b;counter-increment:num;content:"STEP. 0"counter(num);font-family: 'gmarket';letter-spacing: -1px;}
.ui-progress__bar ol li .ov strong:before{color:#006940;}
.ui-progress__bar ol li .ov strong:after,
.ui-progress__bar ol li span:after,
.ui-progress__bar ol li strong:after{content:""; display:block; position:absolute; left:0; top:0; width:100px; height:100px; background-color:#d1d4da; background-repeat:no-repeat; background-position:center center;border-radius:50%;-webkit-border-radius:50%;}
.ui-progress__bar ol li.ov strong:after{background-color: #006940;}
.ui-progress__bar ol li:nth-child(1) strong:after,
.ui-progress__bar ol li:nth-child(1) span:after{background-image:url(/images/prog/join/join_tab_simbol_1.png);}
.ui-progress__bar ol li:nth-child(2) strong:after,
.ui-progress__bar ol li:nth-child(2) span:after{background-image:url(/images/prog/join/join_tab_simbol_2.png);}
.ui-progress__bar ol li:nth-child(3) strong:after,
.ui-progress__bar ol li:nth-child(3) span:after{background-image:url(/images/prog/join/join_tab_simbol_3.png);}

@media all and (max-width: 1000px) {
  .ui-progress__bar ol li{padding:20px 30px;}
  .ui-progress__bar ol li strong,
  .ui-progress__bar ol li span{height:80px; padding-left:95px; font-size:14px;}
  .ui-progress__bar ol li strong:before,
  .ui-progress__bar ol li span:before{font-size:14px;}
  .ui-progress__bar ol li strong:after,
  .ui-progress__bar ol li span:after{width:80px; height:80px; background-size:100% auto;}
}
@media all and (max-width: 800px) {
  .ui-progress__bar ol li{padding:20px;}
  .ui-progress__bar ol li:not(:nth-child(1)):before{left:-10px; width:20px; height:20px; margin-top:-10px;}
  .ui-progress__bar ol li strong,
  .ui-progress__bar ol li span{height:60px; padding-left:70px; font-size:14px;}
  .ui-progress__bar ol li strong:before,
  .ui-progress__bar ol li span:before{font-size:12px;}
  .ui-progress__bar ol li strong:after,
  .ui-progress__bar ol li span:after{width:60px; height:60px;}
}
@media all and (max-width: 600px) {
  .ui-progress__bar ol li{padding:20px 10px; text-align:center;}
  .ui-progress__bar ol li strong,
  .ui-progress__bar ol li span{display:inline; line-height:15px; padding-left:0;}
  .ui-progress__bar ol li strong:before,
  .ui-progress__bar ol li span:before{line-height:13px;}
  .ui-progress__bar ol li strong:after,
  .ui-progress__bar ol li span:after{display:none;}
}
@media all and (max-width: 450px) {
  .ui-progress__bar ol li{line-height:15px; padding:10px 5px;}
  .ui-progress__bar ol li strong,
  .ui-progress__bar ol li span{font-size:12px;}
  .ui-progress__bar ol li strong:before,
  .ui-progress__bar ol li span:before{font-size:10px;}
}

.ui-list__column{margin-top:40px;margin-bottom:40px;display: flex;padding: 20px 0;}
.ui-list__column .inner .item{display:block;padding:55px 30px 50px 30px;border:1px solid #ddd;border-top: 3px solid #006940;margin: 0 -1px;background: #fff;}
.ui-list__column .inner .item strong{display:block;line-height:1.3;text-align:center;font-weight:400;font-size:27px;color:#33373b;}
.ui-list__column .inner .item strong span{display:block; line-height:1.3; margin-top:7px; text-align:center; font-weight:400; font-size:20px; color:#596068;}
.ui-list__column .inner .item strong:after{content:""; display:block; width:100%; height:120px; background-repeat:no-repeat; background-position:center center;}
.ui-list__column .inner:nth-child(1) .item strong:after{background-image:url(/images/prog/join/join_simbol_1.png);}
.ui-list__column .inner:nth-child(2) .item strong:after{background-image:url(/images/prog/join/join_simbol_2.png);}

.privacy-info .row > div:nth-child(1){border-top:none;}
.privacy-info .row > div:nth-child(2) p{margin-top:0;}

.formbox{padding:28px 30px 25px 30px;margin-bottom:40px;border:1px solid #dddddd;border-top: 2px solid #006940;}
.formbox .scroll{overflow-y:auto;min-height: 180px;max-height: 180px;padding-bottom:45px;font-size:15px;border-bottom: 1px solid #ddd;}
.formbox .scroll .h2{margin-bottom:30px;padding-top:0;}
.formbox .scroll p{font-size:15px;}
.formbox .scroll .text_bot{margin-top:35px;color:#596068;font-size:15px;}
.formbox .scroll p>span{color:#006940;}
.formbox .scroll ul li{color:#596068;}
.formbox .scroll ul li:first-child{margin-top:5px;}

.radio-custom{margin-top:22px;text-align:center}
.radio-custom label.agree{margin-right:10px;}
.radio-custom input[type='radio']{position:absolute;position:fixed;z-index:-100;top:-9999px;left:-9999px;}
.radio-custom label{position:relative;padding: 10px 30px 10px 55px;color:#596068;border:1px solid #dddddd;font-size:16px;border-radius: 0 5px;background: #f7f7f7;}
.radio-custom label .chk_ball{position: absolute;top: 50%;left: 15px;margin-top: -8px;background: url(/images/prog/ir_icon.png) no-repeat;width: 17px;height: 17px;background-position:0 0;}
.radio-custom label:hover{background:#006940;border:1px solid #006940;color:#fff;}
.radio-custom label:hover .chk_ball{background-position:-19px 0;}

.radio-custom input[type='radio']:checked + label{background:#006940;border:1px solid #006940;color:#fff;}
.radio-custom input[type='radio']:checked + label .chk_ball{background-position:-19px 0;}
.radio-custom input[type='radio']:focus + label{background:#006940;border:1px solid #006940;color:#fff;}
.radio-custom input[type='radio']:focus + label .chk_ball{background-position:-19px 0px;}

@media only screen and (max-width:500px){
  .formbox .scroll .h2{margin-bottom:15px; font-size:20px;}
  .radio-custom label{width:100%; margin:2px 0;}

}

.finishbox{padding:100px 0 50px 0;}
.finishbox #finishImg{display:block;width:100%;height:280px;margin-bottom:55px;background: url(/images/prog/join_finish_img.png) no-repeat center center;}
.finishbox strong{display:block; text-align:center;   font-size:24px; color:#33373b;}
.finishbox strong span{  font-size:24px; color:#006940;}
.finishbox p{line-height:22px; margin:5px 0 40px 0; text-align:center;  font-weight:400; font-size:16px; color:#596068;}
.finishbox .btn_group{text-align:center;}
.finishbox .btn_group a{min-width: 202px;margin:0 3px;padding: 11.5px 19px 10.5px 19px;}
@media all and (max-width: 700px){
  .finishbox:before{height:180px;}
  .finishbox strong,
  .finishbox strong span{font-size:18px;}
  .finishbox p{margin:0 0 40px 0; font-size:12px;}
  .finishbox .btn_group a{width:30%; min-width:10px; font-size:12px;}
}
@media all and (max-width: 500px){
  .finishbox{padding:50px 0 25px 0;}
  .finishbox:before{height:120px; margin-bottom:30px;}
  .finishbox strong,
  .finishbox strong span{font-size:14px;}
  .finishbox p{line-height:14px; margin:0 0 30px 0; font-size:10px;}
  .finishbox .btn_group a{width:28%; height:40px; line-height:38px; padding:0; font-size:10px;}
}





.label-box{float:right;display:flex; align-items: center; flex-wrap: nowrap; font-size:16px;position: relative;top: 1px;}
.label-box label{margin-bottom: 0;white-space: nowrap;}
.label-box label span{display:inline-block;position: relative;padding-left: 33px;line-height: 31px;}
.label-box label span:before{content:'';position:absolute;top:0;left:0;width:24px;height:24px;border:1px solid #a4a4a4;border-radius:50%;transition: all 0.1s ease-out;}
.label-box label span:after{content:'';position:absolute;top: 8px;left: 8px;width:10px;height:10px;transform: scale(0);opacity:0;background-color: #006940;border-radius: 50%;transform-origin: 50%;transition: all 0.1s ease-out;}
.label-box label:first-child{margin-right:27px;}
.label-box label input[type=radio]{display:inline-block;width:25px;height:25px;border:1px solid #006940;position: absolute;top: 0;left: 0;opacity:0;}
.label-box label input[type=radio]:checked + span:before{border-color: #006940;}
.label-box label input[type=radio]:checked + span:after{transform: scale(1);opacity:1}




.wrap{max-width: 1400px;width: 100%; position: relative ;top:0; margin: 0 auto;}

.con_section_info{position:relative;z-index:1;border-radius: 0;/* overflow:hidden; */}
.con_section_info .tit{font-weight: bold;}
.con_section_info .section_top{background:#00693b;min-height: 124px;padding-left: 172px;padding: 44px 65px 25px 172px;position: relative;}
.con_section_info .section_top .part-tit{font-size:38px;color:#fff;display: inline-block;font-family: 'gmarket';}
.con_section_info .section_top .part-img{position:absolute;top:0;left:0;width:140px;height: 124px;background:#93c14e url('/images/main/sub01/part01.png') no-repeat center;}

.con_section_info .section_top .right-wrap{position:absolute;right:50px;top:50%;transform:translate(0,-50%);vertical-align: middle;}
.con_section_info .section_top .right-wrap:after{content:''; display:block; clear:both}
.con_section_info .section_top .right-wrap *{display:inline-block;vertical-align:middle;float:left;vertical-align:middle;}
.con_section_info .section_top .right-wrap:before{content:''; display:block; height:100%; vertical-align:middle}


.con_section_info .section_top .info-btn{display:flex;justify-content:center;align-items:center;vertical-align: middle;}
.con_section_info .section_top .info-btn .btn.btn-icon{border:0; margin:0 5px; padding: 11px 15px 9px; min-width:150px}
.con_section_info .section_top .info-btn .btn.btn-icon:hover{background:#71a649; color:#fff;  padding: 11px 15px 9px 38px;}


.con_section_info .section_top .tell-box{margin: 8px 20px; font-size: 15px;color:#fff;font-weight: bold;text-align: center;vertical-align: middle;}
.con_section_info .section_top .tell-box:before{content:''; display:block; height:100%; vertical-align:middle}
.con_section_info .section_top .tell-box .fa-phone{display:inline-block;position:relative;width:27px;height:27px;background:#fff;color:#006940;border-radius: 50%; margin-right:8px; padding: 7px 8px;}
.con_section_info .section_top .tell-box > strong{color:#fff;}

.con_section_info .dsc-box {border:1px solid #e0e0e0; border-top:0; padding:50px 126px 50px 78px}
.con_section_info .dsc-box .dsc-tit{font-size:20px; color:#002f31;}
.con_section_info .dsc-box .dsc{color:#555555; font-size:15px;}
.con_section_info .dsc-box .dsc .color-txt{color:#008574}
.con_section_info .dsc-box ul{margin-top: 25px;}
.con_section_info .dsc-box ul li{color:#008574; list-style: none; font-weight: bold;}



.con_section_info .wide-bodo{position:relative;padding-right:295px;min-height:180px;}
.con_section_info .wide-bodo .h_imgbox{position:absolute;top:0;right:0;width:250px;height:181px;}

.con_section_info .linkbox{padding:30px 78px;background-color:#f8f9f9;position: relative;margin: 70px -126px -50px -78px;}
.con_section_info .linkbox .group{position:relative;padding:6px;padding-left:96px}
.con_section_info .linkbox .group > strong{position:absolute;top: 11px;left:0;color:#002f31;font-size: 17px;letter-spacing:-1px;}
.con_section_info .linkbox .group span{display:inline-block;margin-right: 4px;}
.con_section_info .linkbox .group span a{display:block;width:100%;height:100%;border:1px solid #355d42;padding:8px;min-width:116px;text-align:center;color:#355d42;letter-spacing:-1px;font-size: 15px;line-height: 1.4;}




.section-group{margin-top: -59px;position: relative;z-index: 2;}
.section-group .tabpanel{margin-top: 42px;}
.section-group .tabpanel .header{margin-bottom: 20px;}
.section-group .tabpanel .header .tit{font-size:22px;font-weight: bold;display: inline-block;}
.section-group .tab-ul.col5{border-radius: 5px 0 5px 0;/* max-width: 540px; *//* width:100%; */margin: 0 auto;text-align: center;}
.section-group .tab-ul.col5 li{float:none;max-width:180px;/* width:100%; *//* height:60px; *//* border:1px solid #e0e0e0; */display:inline-block;margin: 0 -3px;}
.section-group .tab-ul.col5 li a{display:block;padding: 9px 0;width: 100%;height:100%;font-size:16px;font-weight:bold;text-align: center;}

.section-group .tabpanel .img{margin:42px 0;border:1px solid #e0e0e0;text-align:center}
.section-group .tabpanel .img img{max-width:100%}

.section-group.section-bottom{margin-top:50px;}



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

  .con_section_info .section_top .right-wrap{position: static;transform: translate(0,0);display: flex;align-items: center;justify-content: flex-start; margin-top: 20px; flex-wrap:nowrap}
  .con_section_info .section_top .tell-box{margin-left: 0;}

}


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

  .section-group{max-width:none; margin-top:90px }

}

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

  .con_section_info .section_top .right-wrap{flex-direction: column; align-items: flex-start;}
  .con_section_info .section_top .info-btn{margin-top: 10px;}
  .con_section_info .dsc-box{padding: 40px}

}

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


  .con_section_info .section_top:before{top:35%; right:5%; width: 124px; height:124px; background-size: 100%; background-repeat: no-repeat;}

  .con_section_info .dsc-box:before{width:90px; height:90px}
  .con_section_info .dsc-box .tell-box{right:0; padding:10px; font-size:14px}
  .con_section_info .dsc-box .tell-box .fa-phone{font-size:10px; width:20px; height:20px; }

}

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

  .con_section_info .section_top{padding-left:124px}
  .con_section_info .section_top .part-img{background-size: 100%; width:100px; height:100px;}
  .con_section_info .section_top .part-tit { font-size: 30px;}
  .con_section_info .section_top .right-wrap{margin-top: 13px; display: block;}
}



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

  .con_section_info .section_top{padding-right: 15px; padding-left:93px ;}
  .con_section_info .section_top .part-img{background-size: 100%; width:80px; height:80px;}
}

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

  .section-group .tabpanel .header{margin-bottom: 0;}
  .section-group .tabpanel .header .tit{margin-bottom: 31px;}
  .section-group .tabpanel .header .label-box{float:none}

  .con_section_info .dsc-box .dsc-tit{font-size:20px;letter-spacing: -2px;}
  .con_section_info .dsc-box .dsc-tit:before, .con_section_info .dsc-box .dsc-tit:after{width:30px; height:30px; background-size:200%;}
  .con_section_info .dsc-box .dsc-tit:before{background-position:2px 0}
  .con_section_info .dsc-box .dsc-tit:after{background-position:-32px 2px}

  .con_section_info .dsc-box .info-btn{flex-direction: column;}
  .con_section_info .dsc-box .info-btn .btn.btn.btn-default{margin-right:0}
  .con_section_info .dsc-box .info-btn .btn{margin-bottom:15px}


}


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

  .con_section_info .section_top { padding: 30px 40px;}
  .con_section_info .section_top .part-img{/* display: none; */}
  .con_section_info .section_top .part-tit {font-size: 28px;}
  .con_section_info .section_top .tell-box{margin:8px 0; }
  .con_section_info .section_top .tell-box .fa-phone{ width: 21px;height: 21px; padding: 3px 5px;}
  .con_section_info .section_top .info-btn{flex-direction: column; max-width: 100%; width: 100%; }
  .con_section_info .section_top .info-btn .btn.btn-icon{margin: 5px 0; width: 100%;}
  .con_section_info .section_top .info-btn .btn.btn-icon:last-child{margin-bottom: 0;}
}



.certbox{}
.certbox ul{}
.certbox ul:after{content:""; display:block; clear:both;}
.certbox ul li{width:33.3%; float:left}
.certbox ul li:nth-child(1){padding:0 14px 0 0;}
.certbox ul li:nth-child(2){padding:0 7px 0 7px;}
.certbox ul li:nth-child(3){padding:0 0 0 14px;}
.certbox ul li a{
  display:block; min-height:275px; padding:45px; border:1px solid #ddd; background-color:#f7f7f7;
  transition:all 0.3s linear;
  -webkit-transition:all 0.3s linear;
}
.certbox ul li a strong{display:block; line-height:19px; text-align:center; font-family:"Noto Sans KR";  font-size:18px; color:#33373b;}
.certbox ul li a strong:after{content:""; display:block; width:100%; height:90px; background-repeat:no-repeat; background-position:center center; background-size:auto 100%;}
.certbox ul li:nth-child(1) a strong:after{background-image:url(/images/prog/join/join_simbol_3.png);}
.certbox ul li:nth-child(2) a strong:after{background-image:url(/images/prog/join/join_simbol_4.png);}
.certbox ul li:nth-child(3) a strong:after{background-image:url(/images/prog/join/join_simbol_5.png);}
.certbox ul li a p{max-width:300px;margin: 0 auto;line-height:1.2; font-family:"Noto Sans KR"; font-weight:400; font-size:14px; color:#33373b;}
.certbox ul li a:hover{border-color:#1c92eb;}

/* 휴대폰인증만 사용 */
.certbox ul{text-align: center;}
.certbox ul li:nth-child(2),.certbox ul li:nth-child(3){display:none}
.certbox ul li:nth-child(1){float:none; display:inline-block; padding-right: 0;}
.certbox ul li:nth-child(1) a{padding-top: 65px;}

@media all and (max-width: 800px) {
  .certbox ul li a{padding:30px;}
  .certbox ul li:nth-child(1) a{padding:45px}
}

@media all and (max-width: 767px) {
  .certbox ul li{float:none; width:100%;}
  .certbox ul li+li{margin-top:10px;}
  .certbox ul li a{min-height:auto;}

  .certbox ul li:nth-child(1),
  .certbox ul li:nth-child(2),
  .certbox ul li:nth-child(3){padding:0;}

  .certbox ul li:nth-child(1){margin-top: 11px;}
}

@media all and (max-width: 700px) {

  .certbox ul li a p{line-height:17px;}
}
@media all and (max-width: 600px) {
  .certbox ul li a{padding:20px 15px;}

}
@media all and (max-width: 500px) {

  .certbox ul li a p{line-height:14px; margin-top:5px;}
}
@media all and (max-width: 450px) {

  .certbox ul li a{padding:15px 10px;}

}

.tabpanel {display: none;opacity: 0;}
.tabpanel.on {display: block; opacity: 1;}
.sign_button{margin-top:20px;}





.sub02_0104 .body_wrap.layout,.sub02_0104 .layout .rsv-wrap{max-width:none; width: 100%;}
.sub02_0104 .body_wrap.layout .rsv,.sub02_0104 .title_wrap{max-width:1400px; width:100%; margin: 0 auto}

.sub02_0104 .ui-topbox{margin-top:35px}



.prc.type2.step3{ width: 100%; max-width: 667px; margin: 0 auto; }
.prc.type2.step3 > li{width: calc(33.3333% - 30px);}
.prc.type2.step3 > li:first-child{margin-left:15px}
.reserv .prc.type2.step3 > li:nth-child(3) .inner:before{display:none}
.txt-tip:before{top:12px}




.form-horizontal.rsv-form .form-group{margin:0;}
.form-horizontal.rsv-form .form-group >div[class^=col-]{padding:7px 15px}
.form-horizontal.rsv-form .form-group .col-sm-4 .form-control-static .form-group{flex-wrap: wrap;margin: 0;}
.form-horizontal.rsv-form .form-group .col-sm-4 .form-control-static .form-group *{vertical-align:middle}
.form-horizontal.rsv-form .form-group .col-sm-4 .form-control-static .form-group>div[class^=col-] .btn.btn-sm{margin-top:3px;}
.form-horizontal.rsv-form .form-group .col-sm-4 .form-control-static .form-group .form-control{width: calc(100% - 99px);display: inline-block;}
.form-horizontal.rsv-form .form-group .col-sm-10 .form-control{max-width: 436px;}
.sign_button .btn.btn-primary{text-align: center; min-width:197px; padding:14.5px 19px;}

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

  .prc.type2.step3 > li{width: calc(33.3333% - 30px);}

}

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

  .form-horizontal.rsv-form > .form-group{flex-direction:column}
  .form-horizontal.rsv-form .form-group, .form-horizontal.rsv-form .form-group >div[class^=col-]{max-width:100%; width:100%;}
  .form-horizontal.rsv-form .form-group >div[class^=col-]{overflow: hidden;}
  .form-horizontal.rsv-form .form-group >div[class^=col-] .form-control{max-width:100%}

}

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

  .prc.type2.step3 > li:first-child{margin-left:0px}
  .rsv .txt-box1 p{margin-top: 0px;}
}




.tit_box .tit-inner{max-width:456px; margin:0 auto; padding:80px 0 40px 0; text-align:center }
.tit_box .tit-inner:before{content:''; display:inline-block; width:88px; height:52px; background:url(/images/main/sub02/reserv_img3.png) no-repeat center center;}

.sub02_0104_01 .tit_box .tit-inner:before{display: none;}
.sub02_0104_01  .tit_box .tit-inner{max-width:800px;}
.tit_box .tit-inner > p{font-size:32px;}
.tit_box .tit-inner .small-txt,.reserv_con .obj col .link .small-txt{font-size:16px;color:#444444;line-height: 1.4;}
.tit_box .tit-inner > p .bold{font-family: 'gmarket'; color:#222222}
.tit_box .tit-inner > p .bold.txt01{color:#006940; margin-right:8px;display:block;}

.reserv_con{width:100%; padding:64px 17.5px 74px 17.5px; background-color: #f7f8f7; }
.reserv_con .obj{max-width: 920px;width:100%;margin:0 auto;display: flex;justify-content: center;}
.reserv_con .obj:after{content:'';display:block; clear:both}
.reserv_con .obj .col{padding: 0 17.5px;display:inline-block;width: calc(50% - 35px);max-width: 457px; border:0}
.reserv_con .obj .col .link{display:block;overflow: hidden;position:relative;width:100%;height:503px;text-align:center;padding: 78px 30px;background-color: #fff;border-radius:0 30px 0 30px;box-sizing: border-box; border:0}
.reserv_con .obj .col .link .img{display:block; margin: 0 auto; width:258px; height:205px; background-repeat: no-repeat; background-position: center center; background-size:100%; margin: 0 auto;position: absolute; left:50%; bottom: 0;transform: translate(-50%,0);}
.reserv_con .obj .col .link .img.img01{background-image: url('/images/main/sub02/reserv_img2.png') ;}
.reserv_con .obj .col .link .img.img02{background-image: url('/images/main/sub02/reserv_img.png') ;}

.reserv_con .obj .col .link .col-tit{font-size:24px; margin-bottom: 8px; color:#222222}
.reserv_con .obj .col .link .small-txt{}
.reserv_con .obj .col .link .btn{margin:26px 0;}

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

  .reserv_con .obj{flex-direction: column; align-items: center;}
  .reserv_con .obj .col { width: calc(100% - 35px); max-width: 100%; padding: 17.5px;}
  .reserv_con .obj .col:first-child{padding-top:0}
  .reserv_con .obj .col:first-child:last-child{padding-bottom:0}
  .reserv_con .obj .col .link{padding-bottom:0}
  .reserv_con .obj .col .link:after { position: relative; margin: 0;}

}

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

  .reserv_con .obj .col{ padding: 17.5px 0; width:100%}

}

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

  .reserv_con .obj .col{ padding: 17.5px 0;}
  .reserv_con .obj .col .link{padding-top:50px}
  .reserv_con .obj .col .link .small-txt{font-size:13px;}


}

#tab-panel1 .user_databox.step_1{}
#tab-panel1 .user_databox.step_1 .box,
#tab-panel1 .user_databox.step_1 .box .ui_radio--custom{border:none;}
#tab-panel1 .user_databox.step_1 .box .ui_radio--custom .radio-inline{padding-left: 0;margin-left: 0;max-width: 300px;width: 100%;}

#tab-panel1 .user_databox.step_1 .box .ui_radio--custom input[type='radio']:checked + label{background: #006940;border: 1px solid #006940;text-shadow:0px 0px 5px rgba(0,0,0,0.3);color:#fff;}
#tab-panel1 .user_databox.step_1 .box .ui_radio--custom input[type='radio']{position:absolute;position:fixed;z-index:-100;top:-9999px;left:-9999px;}
#tab-panel1 .user_databox.step_1 .box .ui_radio--custom label{position:relative;width: auto;min-width: 100%;height: 60px;margin: 0 3px;padding: 10px 10px;color:#747981;border:1px solid #cacaca;font-size: 17px;font-weight:500;line-height: 38px;text-align: center;font-weight: bold;letter-spacing: -1px;}
#tab-panel1 .user_databox.step_1 .box .ui_radio--custom label.pre{width:auto;padding:0 15px 0 40px;}
#tab-panel1 .user_databox.step_1 .box .ui_radio--custom label .chk_ball{display: inline-block;width:16px;height:16px;margin-right: 10px;border:1px solid #cacaca;border-radius:100%;background:#fff;vertical-align: middle;}
#tab-panel1 .user_databox.step_1 .box .ui_radio--custom input[type='radio']:checked + label .chk_ball{border:5px solid #fff;background: #006940;}
#tab-panel1 .user_databox.step_1 .box .ui_radio--custom input[type='radio']:focus + label{outline:1px dotted #212121;outline:5px auto -webkit-focus-ring-color;}





.rsv-inner .txt{padding:74px 0 10px 0;font-size:27px;font-family: 'gmarket';color:#222222;text-align: center;line-height: 1.4;word-break: keep-all;}
.rsv-inner .txt01{color:#016b3b;font-family: 'gmarket';}
.rsv-inner .txt02{color:#d14707;font-weight:500;display: inline-block;font-family: 'gmarket';}
.rsv-inner .process_ty2{padding: 30px 0 0; background:transparent}
.rsv-inner .process_ty2 .prc.type2.step4{max-width:644px; width:100%; margin: 0 auto; position:relative}
.rsv-inner .process_ty2 .prc.type2.step4:before{content:'';display:block;max-width: 84%;width: 100%;height:0;border: 1px dashed #dddddb;position:absolute;top:22%;left: 50%;transform: translate(-50%, 0); visibility: visible;}
.rsv-inner .process_ty2 .prc.type2.step4 > li{width: calc(25% - 26px); margin-left: 13px; margin-right: 13px; margin-bottom: 40px;}
.rsv-inner .process_ty2 .prc.type2.step4 > li .inner {width:100%; padding:0; margin: 0 auto; ;border:transparent; background-color: transparent;}
.rsv-inner .process_ty2 .prc.type2.step4 > li .inner:before{display:none; width: 80px;height:0;border:1px dashed #dddddb;top: 34px;right: -55px; }
.rsv-inner .process_ty2 .prc.type2.step4 .circle{width: 70px;height: 67px; background-color:#d2d9d8}
.rsv-inner .process_ty2 .prc.type2.step4 .circle.color1{background-position:0 -81px ;}
.rsv-inner .process_ty2 .prc.type2.step4 .ir-icon_process{ top:50%;left:50%;margin-left: -28px; margin-top: -27px; background:  url('/images/main/sub02/reserv_ir.png');}
.rsv-inner .process_ty2 .prc.type2.step4 .ir-icon_process.icon1{background-position: -6px -9px;}
.rsv-inner .process_ty2 .prc.type2.step4 .ir-icon_process.icon2{background-position: -73px -9px;}
.rsv-inner .process_ty2 .prc.type2.step4 .ir-icon_process.icon3{background-position: -75px -80px;}
.rsv-inner .process_ty2 .prc.type2.step4 .ir-icon_process.icon4{background-position: -143px -9px;}
.rsv-inner .process_ty2 .prc.type2.step4 > li.on .circle{background-color:#65c420}
.rsv-inner .process_ty2 .prc.type2.step4 > li.on .ir-icon_process.icon1,.rsv-inner .process_ty2 .prc.type2.step4 > li.on .ir-icon_process.icon2,.rsv-inner .process_ty2 .prc.type2.step4 > li.on .ir-icon_process.icon3,.rsv-inner .process_ty2 .prc.type2.step4 > li.on .ir-icon_process.icon4{background-position: -6px -80px;}

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

  .rsv-inner .process_ty2 .prc.type2.step4 > li:nth-child(3) .inner:before{bottom:auto; left:auto; transform:rotate(0deg)}

}

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

  .rsv-inner .process_ty2 .prc.type2.step4 > li:nth-child(3) .inner:before{bottom:auto; left:auto; transform:rotate(0deg)}
  .rsv-inner .process_ty2 .prc.type2.step4 > li .inner:before,.rsv-inner .process_ty2 .prc.type2.step4 > li:nth-child(2) .inner:before{bottom:auto; left:auto; transform: rotate(0deg);}

}

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

  .rsv-inner .process_ty2 .prc.type2.step4 > li .inner:before{width:60px; right:-45px}
  #tab-panel1 .user_databox.step_1 .box .ui_radio--custom .radio-inline{max-width:none;width:48%}

}

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

  .rsv-inner .process_ty2 .prc.type2.step4 .circle { width: 50px;  height: 50px;}
  .rsv-inner .process_ty2 .prc.type2.step4:before{top:27px}
  .rsv-inner .process_ty2 .prc.type2.step4 > li .inner strong {font-size:15px; line-height:1.3}

}

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

  .rsv-inner .process_ty2 .prc.type2.step4 > li .inner strong{font-size:13px; }

}

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

  .rsv-inner .process_ty2 .prc.type2.step4 > li:nth-child(2) .inner:before{width:50px; right:auto; top:131%; left:38%;transform: rotate(90deg) translate(0,-50%);}

}



.part-box{ padding: 71px 10px; width: 100%; background-color: #f4f5f9;  margin: 0 auto;}
.part-box .part-list{text-align: center;max-width: 1400px;width: 100%;margin: 0 auto;}
.part-box .part-list:after{content:''; display:block; clear:both;}
.part-box .part-list > li{display:inline-block;height:210px;max-width:16.65%;width:100%;border: 6px solid transparent;float:left;}
.part-box .part-list .item {position:relative;width:100%;height:100%;background-color: #fff;min-width: 155px;}
.part-box .part-list .item  div{width:100%; height:100%}
.part-box .part-list .item > div {position:absolute; top:0; left:0 }
.part-box .part-list .item .part-name{font-size:18px; font-weight:bold; color: #333333; text-align: center;}
.part-box .part-list .item .part-name .img{display: block;width:60px;height:60px;margin:50px auto 20px auto;}

.part-box .part-list .item .part-hover{display:block;padding: 47px 0 18px 0;font-weight: bold;text-align: center;background-color: #006940;color: #fff;font-size: 18px;border-radius: 0 15px 0 15px;opacity: 0;transition: 0.4s;-webkit-transition: 0.4s;}
.part-box .part-list .item .part-hover span{display:block;height:57px;position:relative;}
.part-box .part-list .item .part-hover span:after{z-index: 10;display:block;content:'';position: relative;/* bottom:10px; */top: 10px;left:50%;transform: translate(-50%,0);width:32px;height:2px;background-color:#fff;}
.part-box .part-list .item .part-hover:before,.part-box .part-list .item .part-hover:after{content:''; display:block; }
.part-box .part-list .item:hover .part-hover{opacity: 1;left:-10px;top:-10px;box-shadow:3px 3px 3px rgba(0,0,0,0.2);-webkit-box-shadow:3px 3px 3px rgba(0,0,0,0.2);}



.part-box .part-list .item .part-hover:after{position:absolute;top: 24px;right: -26px;width:159px;height:80px;background:url('/images/main/sub01/hover_bg.png');}



.part-box .part-list .item .part-hover .part-sub{display: block;justify-content: center;align-items: flex-start;position: relative;}
.part-box .part-list .item .part-hover .part-sub:after{content:''; display:block; clear:both;}
.part-box .part-list .item .part-hover .part-sub a{margin: 0 2px;font-size:15px;color:#fff;line-height: 1.3;width:24%;display: inline-block;}
.part-box .part-list .item .part-hover .part-sub a:before{display:block; content:''; width:50px; height:50px; background-position:center; background-repeat:no-repeat; border-radius:50%; background-color:#246551;margin-bottom: 7px;}


.part-box .part-list .item .part-hover .part-sub .part:before{background-image: url('/images/main/sub01/ico01.png');}
.part-box .part-list .item .part-hover .part-sub .part:hover::before{background-color:#fff; background-image: url('/images/main/sub01/ico_ov01.png');}
.part-box .part-list .item .part-hover .part-sub .doc:before{background-image: url('/images/main/sub01/ico02.png');}
.part-box .part-list .item .part-hover .part-sub .doc:hover::before{background-color:#fff; background-image: url('/images/main/sub01/ico_ov02.png');}
.part-box .part-list .item .part-hover .part-sub .place:before{background-image: url('/images/main/sub01/ico03.png');}
.part-box .part-list .item .part-hover .part-sub .place:hover::before{background-color:#fff; background-image: url('/images/main/sub01/ico_ov03.png');}


.more{display:none; text-align:center;margin-bottom:42px; }
.more .btn.btn-default{text-align:center;display:inline-block; width:239px; height:50px; border-radius: 0;
  background: transparent;border: 1px solid #fff;color: #fff; padding: 11px; }
.more .btn.btn-default .fa{margin:0 8px}

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

  .part-box .part-list > li{max-width: 25%;}

}

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

  .part-box .part-list > li{max-width: 25%;}
  .part-box .part-list .item .part-hover > span{font-size:16px;}
  .part-box .part-list .item .part-hover .part-sub{justify-content:center; flex-direction:row;align-items: flex-start; padding: 0;}
  .part-box .part-list .item .part-hover .part-sub a{padding-left:0px; position:relative; width:auto}
  .part-box .part-list .item .part-hover .part-sub a:before{display:block}
  .part-box .part-list .item .part-hover .part-sub a:after{display: none; content:'';  position:absolute; top:50%; left:0; transform:translate(0,-50%); width:4px; height:4px; background-color:#fff}

}

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

  .part-box .part-list > li{max-width: 33.33333%;}

}

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

  .part-box{padding:30px}
  /*.part-box .part-list{max-height: 845px;overflow: hidden;}*/

  .part-box .part-list .item .part-name{font-size:15px}
  .more{display:block}

}

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

  .part-box .part-list > li{max-width: 50%;}

}

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

  .part-box{padding: 30px 5px;}
  .part-box .part-list > li{max-width: 50%;}
  .part-box .part-list .item .part-hover > span{font-size:15px}
  .part-box .part-list .item .part-hover .part-sub{flex-direction:row;padding: 0;}
  .part-box .part-list .item .part-hover .part-sub a{padding-left:0px; position:relative; width:auto}
  .part-box .part-list .item .part-hover .part-sub a:before{display:block}
  .part-box .part-list .item .part-hover .part-sub a:after{display: none; content:'';  position:absolute; top:50%; left:0; transform:translate(0,-50%); width:4px; height:4px; background-color:#fff}

}

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

  .part-box .part-list .item{min-width:auto}
  .part-box .part-list .item .part-hover .part-sub{display:block; padding: 10px 9px;}
  .part-box .part-list .item .part-hover .part-sub:after{content:''; display:block; clear:bothe}
  .part-box .part-list .item .part-hover .part-sub a{padding-left: 9px;position:relative;width:auto;float:left;width: 46%;margin-bottom: 17px;font-size: 13px;text-align: center;}
  .part-box .part-list .item .part-hover .part-sub a:before{display:none}
  .part-box .part-list .item .part-hover .part-sub a:after{display: inline-block; content:'';  position:absolute; top:50%; left:0; transform:translate(0,-50%); width:4px; height:4px; background-color:#fff}

}

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

  .part-box .part-list .item .part-hover .part-sub a{float:none;margin-bottom: 0;line-height: 1;}
  .part-box .part-list .item .part-hover .part-sub{padding: 0;}

}



.doc-intro{max-width:1400px; width:100%; margin: 0 auto;}
.doc-intro > ul > .item{padding: 26px;width: calc(50% - 10px);float: left;border:1px solid #e4e4e4;border-top:2px solid #3c866f}
.doc-intro > ul > .item:nth-child(2n-1){margin:20px 10px 0 0}
.doc-intro > ul > .item:nth-child(2n){margin:20px 0 0 10px}
.doc-intro > ul > .item .block{position:relative; padding-left:171px; min-height:203px}
.doc-intro > ul > .item .block > strong{display: block;position:relative;padding: 8px 0 8px 0;margin-bottom: 8px;font-size:18px;color:#333333;}



.doc-intro > ul > .item .block > strong:before,.doc-intro > ul > .item .block > strong:after{content:''; display:block; }
.doc-intro > ul > .item .block > strong:before{position:absolute; left:0; bottom:0; width:100%; border:1px dashed #dbdbdb}
.doc-intro > ul > .item .block > strong:after{position:absolute;left:0;bottom:0;width: 111px;height:4px;background-color:#006940;}
.doc-intro > ul > .item .block > strong span{position:relative;display:inline-block;padding:0 19px;margin-left: 19px;}
.doc-intro > ul > .item .block > strong span:before{display:inline-block;content:'';position:absolute;left:0;width:1px;height:14px;/* margin-top: 5px; */background-color:#e3e3e3;}
.doc-intro > ul > .item .block span{display:block;font-weight:bold;font-size:16px;color: #016b3b;}
.doc-intro > ul > .item .block > p{font-size: 15px; color:#555555}



.doc-intro > ul > .item .photos{position:absolute;top: 0;left: 0;width:143px;height:184px;border: 1px solid #e3e3e3;}
.doc-intro > ul > .item .photos > div{position: relative;width: 100%;height:100%;overflow: hidden;}
.doc-intro > ul > .item .photos > div img{width:auto;height:100%;position:absolute;top:50%;left: 50%;transform: translate(-50%,-50%);max-width: none;}



.doc-intro > ul > .item .table{border-top: 1px solid #e3e3e3; border-bottom:0; margin-top: 0px;}
.doc-intro > ul > .item  .table tbody td,.section-group .tabpanel .doc-intro > ul > .item  .table thead th{border:1px solid #e3e3e3;height: 45px;}
.doc-intro > ul > .item  .table thead th{background: #f2f2f2;}
.doc-intro > ul > .item  .table tbody td,.section-group .tabpanel .doc-intro > ul > .item .txt-tip,.section-group .tabpanel .doc-intro > ul > .item .schedule{color:#006940;}
.doc-intro > ul > .item  .table thead td:last-child,
.doc-intro > ul > .item  .table thead th:last-child{border-right: 1px solid #dbdbdb;}

.doc-intro > ul > .item .txt-tip{color:#006940; padding-left:31px}
.doc-intro > ul > .item .txt-tip:before{content:'!';width: 20px;height: 20px; line-height: 20px;top: 12px;box-sizing: border-box;background-image: none;background-color:#006940;color:#fff;border-radius:50%;text-align:center;font-size: 13px;}



.doc-intro > ul > .item .schedule{padding:20px;margin: 12px 0  22px 0;background:#f9fafc;}
.doc-intro > ul > .item .schedule li{color:#006940;margin-bottom:5px}
.doc-intro > ul > .item .schedule li:last-child{margin-bottom: 0;}
.doc-intro > ul > .item .schedule .badge{display:inline-block;width: 58px;height: 24px;padding: 4px 14px; margin-right: 17px; background: #006940;border-radius: 6px;}

.doc-intro > ul > .item .dsc-btn{/* display:flex; *//* justify-content:center */}
.doc-intro > ul > .item .dsc-btn .btn{width:100%; padding:14.5px 19px; border:1px solid #e3e3e3;background:#fff;color:#333333;border-radius:0;font-size: 15px;}
.doc-intro > ul > .item .dsc-btn .btn:first-child{margin-right:5px;}
.doc-intro > ul > .item .dsc-btn .btn:hover{border-color:#016b3b; color:#016b3b;box-shadow:3px 3px 3px rgba(83,148,130,0.2);-webkit-box-shadow:3px 3px 3px rgba(83,148,130,0.2);}


.rsv12 .item{position:relative}
/* 0325 */
.rsv12 .dsc-btn{position:absolute;top: 36px;right: 30px;}
.rsv12 .dsc-btn .btn{background-color: #3c866f !important;border: 1px solid #3c866f !important;color: #fff !important;font-size: 14px !important;letter-spacing: -1px;padding: 6.5px !important;font-weight: bold;height: auto;line-height:1;}

.rsv22 .item{position:relative;min-height: 285px;}
.rsv22 .dsc-btn{position:absolute;top: 36px;right: 24px;}
.rsv22 .dsc-btn .btn{background-color: #3c866f !important;border: 1px solid #3c866f !important;color: #fff !important;font-size: 13px !important;letter-spacing: -1px;padding: 3.5px !important;font-weight: bold;/* letter-spacing: -1px; */}

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

  .doc-intro > ul > .item .block > strong span{/* margin-left: 10px; */padding-left: 10px;}

}

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

  .doc-intro > ul > .item { width: 100%; }
  .doc-intro > ul > .item:nth-child(2n),.doc-intro > ul > .item:nth-child(2n-1){margin:20px 0px 0 0}

}

@media screen and (max-width:640px) {
  .doc-intro > ul{/* height: 2417px; */}
  .doc-intro > ul > .item{padding:30px 15px}

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

  .doc-intro > ul > .item .dsc-btn{top:60px;right: 10px;}
}

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

  .doc-intro > ul > .item{width:100%}

}

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

  .doc-intro > ul > .item .dsc-btn{/* flex-direction: column; */top: auto;right: a;}
  .doc-intro > ul > .item .dsc-btn .btn{ max-width: 100%;margin-bottom: 5px;}
  .doc-intro > ul > .item .dsc-btn .btn:first-child{margin-right:0}

  .doc-intro > ul > .item .photos{position:static; margin: 0 auto;}
  .doc-intro > ul > .item .block > strong{margin-top: 20px;}
  .doc-intro > ul > .item .table{ margin-top: 10px;}
  .doc-intro > ul > .item .block > strong{/* margin-bottom: 0px; *//* text-align: center; */}
  .doc-intro > ul > .item .block > strong:after{/* bottom: 9px; *//* width: 100%; */}
  .doc-intro > ul > .item .block {padding-left:0}
  .doc-intro > ul > .item .block p{margin-top: -1px;margin-bottom:10px;line-height: 1.2;}

}



.program--search.rsv-search{border:0 !important; padding:35px; margin:0 0 20px 0}
.program--search.rsv-search .search_inner{max-width:880px;width:100%;margin:0 auto;flex-direction: column;/* display: flex; */}
.program--search.rsv-search .search_inner .fieldset{flex-direction: column;white-space: normal;}
.program--search.rsv-search .search_inner .search-title{text-align:left;position:relative; padding:55px 30px 0 210px }
.program--search.rsv-search .search_inner .search-title .img{}
.program--search.rsv-search .search_inner .search-title .h2{margin: 0;padding-bottom: 17px;font-size: 30px;font-family: 'gmarket';}
.program--search.rsv-search .search_inner .search-title .img{display:inline-block; position:absolute;left: 21px;bottom:0;width:181px;height:110px;background:url('/images/main/sub02/reserv_img4.png') no-repeat center center;}

.program--search.rsv-search .search--text{max-width:100%;width: 100%;position:relative;padding-right:57px;border: 1px solid #006940;border-radius: 0 6px 0 0;}
.program--search.rsv-search .search--text span{width:100%; height:100%;  border-radius: 0; display: inline-block;}
.program--search.rsv-search .search--text input[type="text"]{height:57px;padding-left: 24px;}
.program--search.rsv-search .search--btn{position:absolute; top:0; right:0; margin-left:0; width:61px; border-radius: 0 5px 0 5px; overflow: hidden;}
.program--search.rsv-search .search--btn span,.program--search.rsv-search .search--btn input[type="submit"]{height:60px; background-color: #016b3b; border:0}
.program--search.rsv-search .search--btn input[type="submit"]{padding:20px; background-image: url(/images/main/sub02/reserv_search.png); background-position: center center;background-repeat: no-repeat;}
.program--search.rsv-search .search_inner .txt-tip:before{position: relative;display: inline-block;margin-right: 5px;top: 11px;}

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

  .program--search.rsv-search .search_inner .search-title{text-align:center;  padding:55px 0 0 0 }
  .program--search.rsv-search .search_inner .search-title .h2{padding-bottom:3px}
  .program--search.rsv-search .search_inner .search-title .img{position:relative;margin:0 auto;left: 0;}

}

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

  .program--search.rsv-search{padding:25px}
  .program--search.rsv-search .search_inner .search-title .h2{font-size:23px}

}


.rsv33 .gr-wrap{margin-top:20px;}
.rsv33 .doc-intro{}
.rsv33 .doc-intro > ul > .item {padding: 23px 43px;}
.rsv33 .doc-intro > ul > .item:nth-child(2n-1){margin:20px 0 0 0; width:100%}
.rsv33 .doc-intro > ul > .item .block { padding-left: 192px;}
.rsv33 .doc-intro > ul > .item .block .name{padding-top: 33px; font-size:30px; font-family:'gmarket'}
.rsv33 .doc-intro > ul > .item .block .name strong{color: #016b3b;}
.rsv33 .doc-intro > ul > .item .block .txt{font-size:16px; /*min-height: 87px;*/margin-bottom:10px;}
.rsv33 .doc-intro > ul > .item .block .txt .txt01{color:#016b3b}
.rsv33 .doc-intro > ul > .item .txt-tip:before{background-color:#d14709}




.group{margin-top:57px;width: calc(50% - 25px);/* display: inline-block; */padding-bottom: 0;border-bottom:1px solid #ddd;float: left;margin: 0 25px;}
.group:first-child{margin-left:0}
.group:last-child{margin-right:0}
.group:after{content:""; display:block; clear:both;}
.group>div{float:left; width:50%;border:1px solid #e4e4e4}
.group>div.cal{
  width: 100%;
}
.group>div.cal .h{position:relative; height:88px; padding: 22px 50px; background-color: #f2f4f3;}
.group>div.cal .h [class*="btn_"]{overflow:hidden; position:absolute; top:50%; margin-top: -25px; width:50px; height:50px; text-indent:-1000px; border:1px solid #ddd; background-color:#fff; background-repeat:no-repeat; background-position:center center; background-size:100% auto; border-radius:50%; transition:border 0.3s linear; -webkit-transition:border 0.3s linear;background-image:url(/images/main/sub02/arrow.png);}
.group>div.cal .h [class*="btn_"]:hover{border-color:#006940; }
.group>div.cal .h .btn_prev{left:50px;background-position: -2px 0px;}
.group>div.cal .h .btn_next{right:50px; background-position: 1px -48px;}
.group>div.cal .h strong{display:block; padding-top: 3px; text-align:center; line-height: 44px; font-weight:400; font-size:24px; font-family: 'gmarket'; color:#2d3d4e;}
.group>div.cal .m{padding: 0 46px; border-top:1px solid #e4e4e4;}
.group>div.cal .m ul:after{content:""; display:block; clear:both;}
.group>div.cal .m ul li{float:left; /*width: calc(100% / 7);*/width:14.28%;padding:0px; height:58px;line-height: 58px; vertical-align: middle;}
.group>div.cal .m ul li span{display:block; position:relative; height:100%; line-height: 58px; text-align:center;  font-weight:400; font-size:20px;}


.group>div.cal .m ul li a{display:block;position:relative;/* height:100%; */text-align:center;font-weight:400;font-size:16px;vertical-align: middle;}

.group>div.cal .m ul:nth-child(2){border-top:2px solid #b3b3b3}
.group>div.cal .m ul:nth-child(2) li{height:85px;line-height: 85px;background-color:#f5fbf9;border-right: 1px solid #e0e0e0; border-bottom:1px solid #e0e0e0 }
.group>div.cal .m ul:nth-child(2) li:nth-child(7n){border-right:0}
.group>div.cal .m ul:nth-child(2) li span{height:100%; line-height: 85px;color:#222222; font-size: 16px; background-color:#fff}
.group>div.cal .m ul:nth-child(2) li span a{display: inline-flex;width:100%;height: 100%;vertical-align: middle;justify-content: center;justify-items: center;align-items: center;margin-top: -4px;/* padding-top: 44px; */}

.group>div.cal .m ul:nth-child(2) li:nth-child(7n) span{color:#1c538a;}
.group>div.cal .m ul:nth-child(2) li:nth-child(7n+1) span{color:#eb4040;}
.group>div.cal .m ul:nth-child(2) li span.today{border-color:#006940;}

.group>div.cal .m ul:nth-child(2) li span.off{background-image:url(/images/main/sub02/off.png); color:rgba(173,173,173,0.6)}
.group>div.cal .m ul:nth-child(2) li:nth-child(7n) span.off{color:rgba(28,83,138, 0.6);}
.group>div.cal .m ul:nth-child(2) li:nth-child(7n+1) span.off{color:rgba(235,64,64,0.6)}
.group>div.cal .m ul:nth-child(2) li span.on, .group>div.cal .m ul:nth-child(2) li span.on a{color:#222222;/* background-color: #65c420; */}
.group>div.cal .m ul:nth-child(2) li span.on{border-color:#65c420;color: #fff;border: 1px solid #65c420;background: #fff;}

/* today bg */
.group>div.cal .m ul:nth-child(2) li span.off.today,.group>div.cal .m ul:nth-child(2) li span.off.today,.group>div.cal .m ul:nth-child(2) li span.today a{background-color:#8cc055;color:#fff}
.group>div.cal .m ul:nth-child(2) li span.today a{color:#fff}
.group>div.cal .m ul:nth-child(2) li span a.on{border:2px solid #006940;}

/* 날짜 선택시 */
.group>div.cal .m ul:nth-child(2) li span a:active,.group>div.cal .m ul:nth-child(2) li span a:focus{border:2px solid #006940;}
.group>div.cal .m ul:nth-child(2) li span.today a:focus{background-color:transparent; color:#222}


.group>div.cal .list{padding:30px 46px}
.group>div.cal .list li{float:left; max-width:107px; width:100%; position:relative;padding-left:22px; }
.group>div.cal .list li:before{content:''; display:inline-block; position:absolute;top:50%; left:0; margin-top:-8px;  box-sizing:border-box; width:16px; height:16px}
.group>div.cal .list li.li01:before{background-color: #8cc055;}
.group>div.cal .list li.li02:before{border:2px solid #006940;}
.group>div.cal .list li.li03:before{border:1px solid #e4e4e4;}
.group>div.cal .list li.li04:before{border:1px solid #e4e4e4;background-image:url(/images/main/sub02/off.png)}



.group>div.times{float:right;width: 100%; border:0}
.group>div.times .h2{margin-bottom:15px}
.group>div.times .h strong{display:block; white-space:nowrap; line-height:60px; text-align:center;  font-weight:400; font-size:20px; color:#2d3d4e;}
.group>div.times .m{height: 100%;overflow: hidden;position: relative;}

.group>div.times .scroll{border: 1px solid #e4e4e4;overflow-y: scroll;height:446px;overflow-x:hidden;float:left;overflow-y: auto;width: calc(49% - 2px);position: relative;margin-right: 1px;}
.group>div.times .m:after{content:""; display:block; clear:both;}
.group>div.times .m ul{width:100%;height: 100%;}
.group>div.times .m ul:before{content:"";display:block;width: 100%;height: 58px;line-height: 58px;margin-bottom:3px;text-align:center;font-size: 17px;font-weight:400;border-bottom: 1px solid #e5e5e5;color:#33373b;z-index: 10;background-color:#f2f4f3;margin-bottom:0;font-weight: bold;}
.group>div.times .m ul li{position:relative;height:60px;border:1px solid #eee;z-index: 9;margin-bottom: -1px;border-right: 0;border-left:0;}
.group>div.times .m ul li input[type="radio"]{opacity: 0;position:absolute; left: 0;top:0;z-index: 5; width: 100%; height: 100%}
.group>div.times .m ul li label{display:block; position: relative; padding:1px; width:100%; height:100%; line-height:60px; text-align:center;  font-weight:400; font-size:19px; color:rgba(102,102,102,0.8);}
.group>div.times .m ul li label .label{position:relative;width:22px;height:24px; display: inline-block; margin-right: 10px; vertical-align: middle;}
.group>div.times .m ul li label .label:before{content:"";display:inline-block;width: 20px;height: 20px;border:1px solid #ddd;vertical-align: middle;border-radius: 50%;position: absolute;top: 0;left: 0; transition:0.3s}
.group>div.times .m ul li label .label:after{content:"";display:inline-block; width:10px; height:10px; position:absolute; top:50%; left:52%; transform: translate(-50%,-50%); border-radius:50%; transition:0.3s}

.group>div.times .m ul li input[type="radio"]:checked~label{border:2px solid #006940; padding:0}
.group>div.times .m ul li input[type="radio"]:checked~label .label:before{border:2px solid #006940}
.group>div.times .m ul li input[type="radio"]:checked~label .label:after{background-color:#006940}


.group>div.times .m .scroll:nth-child(2){float:right;}
.btn_group{margin-top:20px; text-align:center;}



.timeArea .result{overflow:hidden;margin-top:12px;padding: 15px 0;border:1px solid #ddd;border-radius: 5px;}
.timeArea .result .date{float:left;width:50%;font-size:15px;font-weight:500;color:#635c56;text-align:left; padding:0 15px}
.timeArea .result .date:before{display:inline-block;width:18px;height:18px;margin-right:10px;margin-top:-7px;background:url(/images/main/sub02/icon_board.png) no-repeat 0 0;vertical-align:middle;content:''}
.timeArea .result .time{float:left;width:50%;border-left:1px solid #ddd}
.timeArea .result .time li{margin-top:5px;font-size:15px;font-weight:500;color:#635c56;text-align:left; padding:0 15px}
.timeArea .result .time li:first-child{margin-top:0}
.timeArea .result .time li:before{display:inline-block;width:18px;height:18px;margin-top:-3px;margin-right:5px;background:url(/images/main/sub02/icon_board.png) no-repeat -21px -1px;vertical-align:middle;content:''}

.timeArea .submitBtn{width:100%;height: 58px;margin-top:20px;border:1px solid #006940;background-color:#006940;font-weight:bold;line-height: 58px;font-size:18px;color:#fff;transition:all .2s;display: block;text-align: center;border-radius: 5px;}
.timeArea .submitBtn:focus, .timeArea .submitBtn:hover{background-color:transparent; color:#006940}



.etc{margin-top:20px;}
.etc strong{display: inline-block;font-weight: bold;font-size: 16px;color:#33373b;margin:10px 2px 0 0;color: #016b3b;font-size: 18px;}
.etc ul{width: calc(100% + 14px);margin: 0 -7px;}
.etc ul:after{content:""; display:block; clear:both;}
.etc ul li{float:left;width: calc(12.5% - 14px);/* height: 341px; */overflow: hidden;text-align: center;position: relative;margin: 0 7px;text-align: center;margin-bottom: 15px;}
.etc ul li:last-child{margin-right:0}
.etc ul li a{position:relative;padding-top: 160px;padding: 0;overflow: hidden;width: 100%;height: 200px;display: block;border: 1px solid #ddd;background-color:#f9f9f9}
.etc ul li a img{display:block;/* border:1px solid #ddd; */height: auto;max-width: none;height: 100%;width: 100%;max-height: none;/* max-height: none; */position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);object-fit: cover;line-height: 0;}
.etc ul li a span{display:block;line-height:40px;font-weight:400;font-size:16px;color:#33373b;}

.etc ul li > span{display: block;text-align: center;font-family: 'gmarket';font-size: 18px;}

@media screen and (max-width:1400px){
  .etc ul li{width: calc(16.666% - 14px);}
  .etc ul li a{height: 240px;}
}
@media screen and (max-width:1280px){
  .etc ul li a{height: 200px;}
}
@media screen and (max-width:1024px){
  .etc ul li{width: calc(25% - 14px);}
  .etc ul li a{height: 260px;}
}
@media screen and (max-width:800px){
  .etc ul li a{height: 206px;}
}
@media screen and (max-width:767px){
  .etc ul li{width: calc(33.3333% - 14px);}
  .etc ul li a{height: 230px;}
}
@media screen and (max-width:500px){
  .etc ul li a{height: 178px;}
}
@media screen and (max-width:420px){
  .etc ul li{width: calc(50% - 14px);}
  .etc ul li a{height: 206px;background:transparent;/* border:none; */overflow: hidden;}
  .etc ul li a img{/* border: 1px solid #ddd; *//* overflow: hidden; */}
}
/*
@media screen and (max-width:1024px){

  .etc ul li{width: calc(25% - 35px);}

}
*/
@media screen and (max-width:1000px){

  .group{float:none; width:100%; margin:25px 0 0 0}

}

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

  .rsv33 .doc-intro > ul{height:auto}
  .rsv33 .doc-intro > ul > .item{padding: 23px 25px;}
  .rsv33 .doc-intro > ul > .item .block{padding-left: 167px;}
  .rsv33 .doc-intro > ul > .item .block .name{padding-top: 8px;}


}

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

  .rsv33 .doc-intro > ul > .item { padding: 40px 30px;}
  .rsv33 .doc-intro > ul > .item .block{padding-left: 0;}
  .rsv33 .doc-intro > ul > .item .photos { position: static; margin: 0 auto;}
  .rsv33 .doc-intro > ul > .item .block .name { padding-top: 34px;}
  .rsv33 .doc-intro > ul > .item .block .txt{min-height: 60px;}

  .group>div.cal .m{padding: 0 20px}
  .group>div.cal .list{padding:20px; white-space:nowrap}
  .group>div.cal .list li{max-width:25%;}

  .group>div.cal .h .btn_prev{left:20px;}
  .group>div.cal .h .btn_next{right: 20px;}

  .timeArea .result .date, .timeArea .result .time{float:none;width:100%}
  .timeArea .result .time{border-left:none}


}

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

  .group>div.cal .list li{max-width:50%; margin-bottom:3px}

}

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

  .group>div.cal .h .btn_prev{left: 10px;}
  .group>div.cal .h .btn_next{right: 10px;}

}




.rsv41 .h2{padding-top: 0; margin-bottom: 10px;}
.rsv41 .txt-tip{margin-bottom:26px}
.reserv_con.list{padding:0; background-color:transparent }
.reserv_con.list .obj{max-width:100%;justify-content: flex-start; flex-wrap:nowrap}
.reserv_con.list .obj .col{padding:0;margin-right: 43px;max-width: calc(33.3% - 28px);}
.reserv_con.list .obj .col:last-child{margin-right:0}
.reserv_con.list .obj .col .link{ padding: 56px 20px; height:388px; border-radius: 0 30px 0 0;}

.reserv_con.list .obj .col.col01 .link{background-color:#016b3b;}
.reserv_con.list .obj .col.col02 .link{background-color:#008574}
.reserv_con.list .obj .col.col03 .link{background-color:#095b74;}

.reserv_con.list .obj .col .link * {display:block; margin:0 auto}
.reserv_con.list .obj .col .link .col-tit{color:#fff; font-size: 24px; font-family:'gmarket'}
.reserv_con.list .obj .col .link .col-tit em{margin-bottom:6px; font-size: 16px; font-family:'gothic'; font-weight:500}
.reserv_con.list .obj .col .link .img{position:relative;margin:6px auto 36px auto;width:120px;height:120px;background-color:#fff;left:auto;transform: translate(0,0);border-radius:50%;overflow: hidden;/* background-size: 60px; */}
.reserv_con.list .obj .col .link .img.img01{background-image: url(/images/main/sub02/part.png);background-size: 60px;}
.reserv_con.list .obj .col .link .img.img02{background-image: url(/images/main/sub02/doc.png); background-color: #e6e5e0;}
.reserv_con.list .obj .col .link .img.text{}
.reserv_con.list .obj .col .link .img.text p{font-size:18px;color:#095b74;text-align:center;font-family:'gmarket';width: 1005;padding: 38px 0;font-weight: bold;}
.reserv_con.list .obj .col .link .btn{background-color:transparent;width:119px;padding: 6.5px 37px 6.5px 10px;color: #fff;border: 1px solid #ddd;}
.reserv_con.list .obj .col .link .btn .ir-arrow,.reserv_con.list .obj .col .link .btn:hover .ir-arrow{background-position: -201px -233px;}
.reserv_con.list .obj .col .link .btn:hover{outline:1px solid #fff}


.table.text-center .btn{/* min-width:100px; */text-align: center;}
.table.text-center .btn i{display:none;}

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

  .rsv41 .reserv_con .obj .col{max-width:100%;width:100%; margin:10px 0 10px 0}
  .rsv41 .reserv_con .obj .col:first-child{margin-top:0}
  .rsv41 .reserv_con .obj .col:first-child:last-child{margin-bottom: 0;}

}

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

  .rsv41 .text-center .btn{width: 130px;}

}



.rsv42 .small-txt{text-align: center; margin: 0; }
.rsv42 .reserv_con.list .obj .col{max-width: calc(33.333% - 20px);margin-right:26px;}
.rsv42 .reserv_con.list .obj .col:last-child {margin-right: 0;}
.rsv42 .reserv_con.list .obj .col .link{height:325px; padding: 56px 10px;}
.rsv42 .reserv_con.list .obj .col .link .col-tit{letter-spacing: -1px;}

.reserv_con.list .obj .col.col04 .link{background-color:#d2d9d8}
.reserv_con.list .obj .col.col04 .link .col-tit{color:#444444}
.reserv_con.list .obj .col .link .img.img04{ background-image: url(/images/main/sub02/reserv_img5.png); }

/* ÃƒÂ«Ã‚ÂªÃ‚Â¨ÃƒÂ«Ã¢â‚¬Â¹Ã‚Â¬ */

.modal__body,.modal__content{padding:0;}
.modal__body{max-width:680px; width:100%}
.modal__content{width:100%;}
.modal__header{height:83px;text-align: center;padding: 21px;margin: 0;background-color:#016b3b;position: relative;}
.modal__header strong{ font-size: 24px; color:#fff}
.modal__close {top: 50%; transform: translate(0,-50%); right: 24px;}
.modal__close-button span{background-color:#016b3b}
.modal__close-button span:before{width:30px;  margin-left: -15px;}
.modal__close-button span:after{height:30px; margin-top:-15px  }

.table-box{padding:49px 50px}
.table-box .table01{margin-bottom:30px}
.table-box .table tbody>tr>th,.table-box .table tbody>tr>th{font-size:16px; padding: 20px;}



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

  .reserv_con.list .obj.col4{display:block}
  .rsv42 .reserv_con.list .obj .col{max-width: calc(50% - 13px);width:100%;margin:0 26px 26px 0;}
  .rsv42 .reserv_con.list .obj .col:nth-child(2n){margin-right:0}

}

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

  .modal__close{right:33px}
}


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

  .reserv_con.list .obj.col4{display:flex}
  .rsv42 .reserv_con.list .obj .col{max-width: 100%; width:100%;margin:10px;}
  .table-box{ padding: 30px;}
  .table-box .table *{display:block; width:100%;}
  .table-box .table{border-bottom:1px solid #dddddd}
  .table-box .table td{border-top:0; border-bottom:0}
  .table-box .table tbody>tr>th,.table-box .table tbody>tr>th{padding:10px}

  .modal__close{right:18px}

}

.sub02_0104 .content-info.add_kogl {max-width: 1400px; width: 100%; margin: 100px auto 0 auto;}

.tabpanel .h2:first-child{margin-top:41px}
.tabpanel .txt-box1 .icon.icon8{background-position:-223px 1px}

#tab-panel2 .form-group{margin: 0; margin-bottom: 3px; padding: 15px 28px;border:1px solid #dedede;border-radius:5px;}
#tab-panel2 .form-group:after{display: block;clear: both;visibility: hidden;content: '';}
#tab-panel2 .form-group .col-sm-12{margin:0;padding:0;position: relative;}

#tab-panel2 .form-group .col-sm-12 .radio-inline{width:24%;margin-left: 0; font-size: 17px;}
#tab-panel2 .form-group .col-sm-12 .radio-inline input[type=radio], #tab-panel2 .form-group .col-sm-12 .radio-inline input[type=checkbox]{margin-top: -3px;}


.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio],
.radio input[type=checkbox],
.radio-inline input[type=checkbox] {
  display: inline-block;
  margin-left: -20px;
  margin-right: 5px;
}


#tab-panel2 .checkbox-inline+.checkbox-inline, #tab-panel2 .radio-inline+.radio-inline{}

#tab-panel3 .txt-box1{margin:30px 0}
#tab-panel3 .group{width:100%; margin:0}
#tab-panel3 .group>div.cal{min-height:769px; position:relative;padding-left: 380px;}
#tab-panel3 .group>div.cal .h{min-height:769px;height:100%;width:380px; position:absolute; left:0px; top:0px; padding:124px 60px;border-right: 1px solid #e4e4e4;}
#tab-panel3 .group>div.cal .h .h-inner{position:relative}
#tab-panel3 .group>div.cal .h strong{font-size: 50px;font-weight: bold;text-align: left;}
#tab-panel3 .group>div.cal .h [class*=btn]{display:inline-block;position: relative;margin-top: 14px;}
#tab-panel3 .group>div.cal .h .btn_prev{left:auto}
#tab-panel3 .group>div.cal .h .btn_next{right:auto}

#tab-panel3 .group>div.cal .list{position:absolute; bottom:60px; left:0px; padding:0 60px;}
#tab-panel3 .group>div.cal .list li{margin-bottom: 11px; float:none; display:block}

#tab-panel3 .group>div.cal .m{padding: 59px 95px;padding-bottom:0; border-top:0}
#tab-panel3 .group>div.cal .m ul{border-top: 2px solid #777777;}
#tab-panel3 .group>div.cal .m ul li{height:70px; line-height: 70px;}
#tab-panel3 .group>div.cal .m ul span{line-height: 70px; font-size: 20px; font-weight: bold;}
#tab-panel3 .group>div.cal .m ul:nth-child(2){border-top:1px solid #b3b3b3}
#tab-panel3 .group>div.cal .m ul:nth-child(2) li{height:116px; line-height:116px}
#tab-panel3 .group>div.cal .m ul:nth-child(2) li span{line-height:116px; font-size: 16px;}
#tab-panel3 .group>div.cal .m ul:nth-child(2) li span.on.today,#tab-panel3 .group>div.cal .m ul:nth-child(2) li span.today{background-color:#8cc055;color:#fff}
#tab-panel3 .group>div.cal .m ul:nth-child(2) li span.on,#tab-panel3 .group>div.cal .m ul:nth-child(2) li span.on:active,#tab-panel3 .group>div.cal .m ul:nth-child(2) li span.on:focus{border:2px solid #006940;color: #222222; background-color:#fff}


#tab-panel3 .group>div.cal .m ul:nth-child(2) li span.on{border:2px solid #006940;color: #222222;}

#tab-panel3 .btn{width:auto}




.reserve_box {overflow: hidden;margin: 0 auto;margin-top: 70px;/* border: 1px solid #b4bbc2; *//* border-radius: 0 20px 0 0; */margin-bottom:70px;max-width: 1400px;}
.reserve_box .title_box{position: relative;border:1px solid #83a79b;border-radius:15px 15px 0 0;overflow: hidden;padding:23px;margin-bottom: -1px;z-index: 1;}
.reserve_box .title_box::before{content: "";position:absolute;right:18px;bottom:-6px;background: url(/pcms/dist/img/p04/title_box_bg.png) no-repeat;width:234px;height:191px;background-size:cover;z-index: -1;}
.reserve_box .title_box strong{color:#002f31;font-size:20px;letter-spacing: -0.025em;font-weight:600;}

@media(max-width:640px){
  .reserve_box .title_box{padding:20px 23px;}
  .reserve_box .title_box strong{font-size:18px;}
  .reserve_box .title_box::before{right:10px;width:150px;height:122px;}
}

.reserve_box .reserve_con {padding: 35px 60px;border: 1px solid #b4bbc2;}
.reserve_box .reserve_con .con1 {overflow: hidden; position: relative; padding: 35px 0; border-bottom: 1px dashed #b4bbc2;}
.reserve_box .reserve_con .con1::before {position: absolute;right: 6%;top: 83px;width: 326px;height: 177px;background: url(/images/main/sub02/sub020102_bg.png);content: "";z-index: -1;}
.reserve_box .reserve_con .con1 .tit1 {display: block; margin-bottom: 15px; font-size: 23px; font-weight: bold; color: #333;}
.reserve_box .reserve_con .con1 .form-group {margin: 7px;color: #414141;}
.reserve_box .reserve_con .con1 .form-group:first-child {margin-left: 0;}
.reserve_box .reserve_con .con1 .form-control {background-color: #f5f5f5;}
.reserve_box .reserve_con .con1 .color {color:#006940;}
.reserve_box .reserve_con .con2 .tit2 {display: block; margin: 25px 0 15px; font-size: 16px; font-weight: bold; color:#333;}
.reserve_box .reserve_con .con2 .txt-box3 { padding: 30px 45px; background: #f1f5f4; border-radius: 5px;}
.reserve_box .reserve_con .con2 .txt-box3 strong {font-size: 15px; color: #444; letter-spacing: -0.045em;}
.reserve_box .reserve_con input[type="text"] {border-color: #ddd; max-width: 126px;}
.reserve_box .reserve_con input[type="radio"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;box-shadow:none;border:none;}
.reserve_box .reserve_con input[type="radio"]:after {content:'';  display: inline-block; width: 17px; height: 17px; border:1px solid #ccc; vertical-align:top; cursor:pointer;}
.reserve_box .reserve_con input[type="radio"]:checked::after{ background:url('/images/main/sub02/radiobox_on.png') 0 0 no-repeat; background-size: contain;}
.reserve_box .reserve_con input[type="submit"] {background: #006940 url(/images/main/sub02/sub020102_icon.png) 90% center no-repeat;}
.reserve_box .reserve_con input[type="submit"]:focus,
.reserve_box .reserve_con input[type="submit"]:hover { background: #fff url(/images/main/sub02/sub020102_icon2.png) 90% center no-repeat;}

@media (max-width: 1200px){
  .reserve_box .reserve_con .con1::before {right: 0;}
}
@media (max-width: 950px){
  .reserve_box .reserve_con .con1::before {display: none;}
  .reserve_box .reserve_con .con1 .form-group:first-child {display: block; margin-bottom: 10px; justify-content: left;}
  .reserve_box .reserve_con .con1 .form-group {justify-content: center;}
}
@media (max-width: 767px){
  .reserve_box .reserve_con {padding: 20px;}
  .reserve_box .reserve_con .con2 .txt-box3 {padding: 20px;}
  .reserve_box .reserve_con input[type="text"] { max-width: 100%;}
}



.reserve_box .txt-box2 {margin: 10px 0;border: none;border-radius: 0;padding: 70px 25px;background-color: #fefefe;border: 1px solid #ddd;overflow: hidden;position: relative;border-radius: 8px;}
.reserve_box .txt-box2:before{position:absolute; bottom:0;left:38px;width:268px; height:150px; background:url(/pcms/dist/img/p04/maplist_icon_v2.png) no-repeat;background-size:cover;content:'';}

.reserve_box .txt-box2 strong{position: relative;font-size: 23px;font-family: 'gmarket';text-align: center;color: #000;font-weight: normal;}
.reserve_box .txt-box2 strong:before{content:''; display:none;margin:0 auto 10px;width:88px; height:52px; background:url(/images/main/sub02/reserv_img3.png) no-repeat center center;}
.reserve_box .txt-box2 strong em{color: #006940;font-family: 'gmarket';font-weight: 600;/* text-decoration: underline; */}

@media (max-width:1085px) {
  .reserve_box .txt-box2:before {left: 50%;width: 250px;background-size: cover;height: 140px;bottom: 0px;transform: translate(-50%, 0);}
  .reserve_box #ptNoResult {height: 280px;}
}

@media (max-width:469px) {
  .reserve_box #ptNoResult {height: 280px;padding-top: 40px;}
  .reserve_box .txt-box2:before {left: 50%;
    width: 250px;
    background-size: cover;
    height: 125px;
    bottom: 0px;
    transform: translate(-50%, 0);}
}

.privacy-info{margin-top:30px; margin-bottom: 10px;position:relative;padding:28px 44px;border:1px solid #dbdbdb;border-radius: 4px;}
.privacy-info .row{margin:0;padding:0;}
.privacy-info .row:before{display:none;}
.privacy-info .row:after{display: block;content: '';position: absolute;top:31px;left:20px;width:16px;height:16px;background:url(/images/skin/txt-tip.png);}
.privacy-info .row p{margin:0;color:#767676;font-size:15px;line-height:1.4;}
.privacy-info .row p.title{margin-bottom:10px;color:#222;font-size:16px;}
.privacy-info .row p.title strong{font-weight:bold;}
.privacy-info .row ul{margin-top:5px;}
.privacy-info .row ul li{display:inline-block;margin-right:5px;}
.privacy-info .row ul li .link{position:relative;padding-right:36px;font-size:15px;display:inline-block;background:url(/images/prog/mem/icon_link3.png) no-repeat 90% 58%;color: #03A9F4;}

.form-horizontal.bucket-form{border-top:3px solid #016b3b}

.con_join .h2 em{display:inline-block;float:right;font-size:14px;color:#888}
.con_join .box-footer{margin-top:20px;}

.btn-sm {padding: 5px 10px 7px !important;font-size: 14px;}

.check-all .custom-input {position:relative; display:inline-block;margin-top:30px !important; margin-bottom:30px !important; font-size:20px;}
.custom-input .ar_color{display:inline-block; color:#6d9bda !important;}
.check-all .custom-input label span{display:inline-block;padding-left:5px;}
.check-all .custom-input input[type="checkbox"] {position:absolute; left:0; top:0; width:1px; height:1px; opacity:0;}
.check-all .custom-input input[type="checkbox"] {position:absolute; left:0; top:0; width:1px; height:1px; opacity:0;}
.check-all .custom-input input[type='checkbox']:focus + label:before {outline: 1px dashed #333;outline:-webkit-focus-ring-color:5px;}
.check-all .custom-input input[type='checkbox']:focus + label:before {outline: 1px dashed #333;outline:-webkit-focus-ring-color:5px;}
.check-all .custom-input input[type='checkbox'] + label:before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: middle; background-color: #fff; border: 1px solid #dddddd;}
.check-all .custom-input input[type='checkbox']:checked + label:before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: middle; background: #fff url("/images/prog/mem/icon_input_checked.png") no-repeat center center; border: 1px solid #767676;}
.part-tit{display:block;font-weight: bold;font-size: 16px;color: #016b3b;}

.pilsu{display:none}

#tab-panel1 .box{padding:20px; border:1px solid #ddd; }
#tab-panel1 .box .ui_radio--custom{margin-top:0;}
#tab-panel1 .box .btn{margin:0 5px;}

#tab-panel1 .btn_group{margin-top:30px; text-align:center;}
#tab-panel1 .btn_group .btn{width:150px; margin:0 5px;}

#tab-panel1 .table{margin-bottom:15px;}
#tab-panel1 .table td label{ margin-bottom:0}
#tab-panel1 .table td label:not(:nth-child(1)){margin-right:20px;}
#tab-panel1 .table td .form-control{display:inline-block;}
#tab-panel1 .controll{position:relative; padding-right:150px; margin:20px 0 50px 0;}
#tab-panel1 .controll .btn{position:absolute; right:0; top:0;}
#tab-panel1 .ui_subscription--form .ui_text--box ul ul{margin-left:10px;}
#tab-panel1 .ui_subscription--form .ui_text--box p{margin-top:0;}

#tab-panel2 .h4{margin-top:14px;margin-bottom: 7px; font-size: 17px;}
#tab-panel2 .h5:before{top: 6px;}
#tab-panel2 p{font-size: 16px;}
#tab-panel2 .table td:first-child, #tab-panel2 .table th:first-child{font-size: 17px; line-height: 1.2;}
#tab-panel2 .table .list-1st:after{content:""; display:block; clear:both;}
#tab-panel2 .table .list-1st li{float:left; width:16.66%; margin:2px 0;  font-size:16px; letter-spacing: -1px; line-height: 1.2;}
#tab-panel2 .table .list-1st li:nth-child(6n+1){clear:both;}
#tab-panel2 .table .list-1st li:before{top:10px;}
#tab-panel2 .table .list-1st li span{display:block;  font-size:12px;}
#tab-panel2 .table em{display:inline-block; vertical-align:top; font-size: 16px; }
#tab-panel2 .table .color_1{color:#5a5dcd;}
#tab-panel2 .table .color_2{color:#cd805a;}
#tab-panel2 .table .color_3{color:#5aa5cd;}
#tab-panel2 .table .color_4{
  display:inline-block; padding:0 7px; color:#fff; background-color:#cd5aab;
  border-radius:5px;
  -webkit-border-radius:5px;
}

#tab-panel2 .table_2 th, #tab-panel2 .table_2 td{font-size: 16px;}
#tab-panel2 .tabbox{position:relative;padding-top:50px;margin-top: 50px;}
#tab-panel2 .tabbox>ul{}
#tab-panel2 .tabbox>ul>li>input[type="radio"]{opacity:0; position:absolute; left:0; top:0; z-index:0;}
#tab-panel2 .tabbox>ul>li>label{position:absolute; top:0; z-index:5; width:20%; height:50px; line-height:49px; text-align:center;  font-size:16px; border-top:1px solid #ddd; border-right:1px solid #ddd; color:#494949; background-color:#eee;}
#tab-panel2 .tabbox>ul>li:nth-child(1)>label{left:0; border-left:1px solid #ddd;}
#tab-panel2 .tabbox>ul>li:nth-child(2)>label{left:20%;}
#tab-panel2 .tabbox>ul>li:nth-child(3)>label{left:40%;}
#tab-panel2 .tabbox>ul>li:nth-child(4)>label{left:60%;}
#tab-panel2 .tabbox>ul>li:nth-child(5)>label{left:80%;}

#tab-panel2 .tabbox>ul>li>.user_data{display:none; position:relative; z-index:10; padding:20px; border:1px solid #ddd; border-top:none;}
#tab-panel2 .tabbox>ul>li>.user_data:before{content:""; display:block; position:absolute; left:0; top:-1px; width:100%; height:1px; background-color:#ddd;}
#tab-panel2 .tabbox>ul>li>input[type="radio"]:checked~label{z-index:15; background-color:#fff; font-size: 17px;}
#tab-panel2 .tabbox>ul>li>input[type="radio"]:checked~.user_data{display:block;}
#tab-panel2 .tabbox>ul>li>.user_data>.h4:nth-child(1){margin-top:0;}
#tab-panel2 .tabbox>ul>li>.user_data .tips{font-size:15px;}

#tab-panel2 .tabbox .table th,
#tab-panel2 .tabbox .table td{padding:10px 10px; text-align:center; font-size:17px; line-height: 1;}
#tab-panel2 .tabbox .radio_list{}
#tab-panel2 .tabbox .radio_list:after{content:""; display:block; clear:both;}
#tab-panel2 .tabbox .radio_list li{float:left; position:relative; width:16.6%; padding-left:16px; margin:3px 0;}
#tab-panel2 .tabbox .radio_list li:nth-child(4){clear:both;}
#tab-panel2 .tabbox .radio_list li input[type="radio"]{position:absolute; left:0; top:4px; vertical-align:top;}
#tab-panel2 .tabbox .radio_list li label{line-height:18px;  font-size:14px; vertical-align:top;}
#tab-panel2 .tabbox .check_list{}
#tab-panel2 .tabbox .check_list:after{content:""; display:block; clear:both;}
#tab-panel2 .tabbox .check_list li{float:left; position:relative; width:25%; padding-left:16px; margin:3px 0;}
#tab-panel2 .tabbox .check_list li:nth-child(4n+1){clear:both;}
#tab-panel2 .tabbox .check_list li input[type="checkbox"]{position:absolute; left:0; top:4px; vertical-align:top;}
#tab-panel2 .tabbox .check_list li label{line-height:18px;  font-size:14px; vertical-align:top;}

#tab-panel2 .tabbox .tis{display:block; line-height:24px; padding:5px 10px; margin:10px 0 10px 0;  font-size:16px; color:#494949; background-color:#eee;}
#tab-panel2 .tabbox .check_list:last-child li{width:20%;}
#tab-panel2 .tabbox .check_list:last-child li:nth-child(4n+1){clear:none;}

.form-horizontal.bucket-form .form-group .control-label label{line-height:34px;}
#tab-panel3 .tabs_item{line-height: 1.2;}
#tab-panel3 .h4,#tab-panel3 .h5,#tab-panel3 .h6{margin-top: 20px;margin-bottom: 0px;}

.modal__close{position:absolute;top:0;right:0;font-size:0}
.modal__close-button span{display:inline-block;width: 100%;height: 100%;background:#000;}
.modal__close-button span:after,.modal__close-button span:before{display:inline-block;position:absolute;top:50%;left:50%;background-color:#fff;vertical-align:middle;transform:rotate(-45deg);content:'';}
.modal__close-button span:before{left:50%;width:48px;height:1px;margin-top:0;margin-left:-24px}
.modal__close-button span:after{width:1px;height:48px;margin-top:-24px}


#demo-media__popup{top:50%;left:50%;transform: translate(-50%, -50%);background-color: rgba(0,0,0,0.5);width: 100%;height: 100%;}
#demo-media__popup .modal__body{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
}
#demo-media__popup  .modal__close{position:absolute;display:inline-block;top: 41px;right:0px;width: 79px;height: 83px;background-color: transparent;}
#demo-media__popup  .modal__close button{position:relative; width:100%; height:100%;overflow: hidden;}
#demo-media__popup  .modal__close button:before{transform:rotate(45deg);}
#demo-media__popup  .modal__close button:after{transform:rotate(-45deg); }
#demo-media__popup  .modal__close button span{display: block; text-indent:-9999px}

h1.h5{line-height: 1.2;}
.sub02_0105_01 .btn_group .btn{ padding:8.5px 22px}
.sub02_0105_01 .btn_group .btn.btn-icon{padding: 8.5px 48px 8.5px 19px}

/* 1014  responsive (table etc...)*/

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

  #tab-panel3 .group>div.cal{padding-left: 300px;}
  #tab-panel3 .group>div.cal .h{width:300px}
  #tab-panel3 .group>div.cal .m { padding: 60px 50px;}

}

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

  #tab-panel2 .table-responsive{ position:relative; width:100%; max-width:1000px;  overflow-x: scroll; min-height:47px}
  #tab-panel2 .table-responsive .table{width:1100px}
  .table-responsive .table-icon{display:block !important; opacity:1; top:43%}
  .table-responsive .swipe-icon{position:absolute; top:15px; left:17%; width:25px; height:25px; overflow:visible; animation: hand-move 3s ease-out infinite;}
  .table-responsive .swipe-icon .swipe-arrow {animation:pulse-arrow 3s ease-out infinite;}
  .table-responsive .table-icon path{fill:#016b3b;}
  .tabbox .table-responsive  .table-icon{top:0}


  @keyframes pulse-arrow {
    0%{opacity:1;transform:translateX(0)}
    50%{opacity:1;transform:translateX(.25em)}
    75%{opacity:0;transform:translateX(.25em)}
    100%{opacity:0;transform:translateX(0)}
  }

  @keyframes hand-move {
    0%,100%{transform:translateX(0)}
    50%{transform:translateX(15px)}
  }

  #tab-panel2 .form-group .col-sm-12 .radio-inline{width:33%}

}

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

  #tab-panel3 .group>div.cal{padding-left: 0; height:auto}
  #tab-panel3 .group>div.cal .h{padding: 20px 43px; height:100px; width:100%}
  #tab-panel3 .group>div.cal .h strong{text-align: center; padding-top: 14px;}
  #tab-panel3 .group>div.cal .h [class*=btn]{position:absolute; margin-top: -23px;}
  #tab-panel3 .group>div.cal .h .btn_next{right:30px; }
  #tab-panel3 .group>div.cal .h .btn_prev {left: 30px; }

  #tab-panel3 .group>div.cal .list { bottom: auto; left: auto; top:124px; right:15px; padding:0; text-align: right;}
  #tab-panel3 .group>div.cal .list li{display:inline-block; width: auto; max-width: none; margin-right: 9px; }
  #tab-panel3 .group>div.cal .list li:last-child{margin-right: 0;}
  #tab-panel3 .group>div.cal .m{padding: 170px 45px 60px 45px;}

}

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

  #tab-panel2 .form-group .col-sm-12 .radio-inline{width:49%}

}

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

  /* .table, .table tr, .table tbody, .table th,  .table td {display:block; width:100%;} */
  .table th,  .table td{border-top:0}
  .table td{padding:10px 20px}
  .table td .radio-inline {width: 37%; text-align: left;}

  #tab-panel1 .controll{padding-right: 0; margin: 20px 0 80px 0;}
  #tab-panel1 .controll .btn{position:relative; float:right; top: 5px;}
  #tab-panel1 input[type=radio],  #tab-panel1 input[type=checkbox]{margin-bottom: 0;}
  #tab-panel1 .box .ui_radio--custom input[type=radio],#tab-panel1 .box .ui_radio--custom  input[type=checkbox]{margin-top:-3px}

  #tab-panel2 .table{display:table}
  #tab-panel2 .table tbody{display: table-row-group;}
  #tab-panel2 .table tr{display:table-row}
  #tab-panel2 .table th, #tab-panel2 .table td{display:table-cell}

}

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

  #tab-panel3 .group>div.cal .h{ padding: 20px 15px;}
  #tab-panel3 .group>div.cal .h .btn_prev{left:0}
  #tab-panel3 .group>div.cal .h .btn_next{right:0; }
  #tab-panel3 .group>div.cal .m{padding: 170px 15px 60px 15px;}

}

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

  #tab-panel3 .group>div.cal .h strong {font-size: 39px;}
  #tab-panel2 .form-group .col-sm-12 .radio-inline{width:100%}

  /* 기본종합검진 반응형 */
  #tab-panel2 .table.second{ border-bottom: 0;}

  #tab-panel2 .table.second{display:block; }
  #tab-panel2 .table.second thead, #tab-panel2 .table.second tbody{display:block; width:100%}
  #tab-panel2 .table.second thead tr, #tab-panel2 .table.second tbody tr{display:flex;}
  #tab-panel2 .table.second tbody td:first-of-type{border-left:0}
  #tab-panel2 .table.second th, #tab-panel2 .table.second td{width:50%; display:inline-block}
  #tab-panel2 .table.second thead th:first-child,#tab-panel2 .table.second tbody th:first-child{display:none}
  /* 높이에 따른 비용 가운데 정렬 스타일 */
  #tab-panel2 .table.second tbody .last td:last-child{position:relative}
  #tab-panel2 .table.second tbody .last span{position:absolute;top: 50%;left:50%;transform:translate(-50%,-50%);}
  #tab-panel2 .table.second tbody tr:last-child{border-bottom: 0;}


}

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

  #tab-panel2 .form-group .col-sm-12 .radio-inline{width:100%}
  #tab-panel3 .group>div.cal .h strong {font-size: 30px;}
  #tab-panel3 .group>div.cal .list{position:relative; top: 47px; right: 0; padding: 0 3px;}
  #tab-panel3 .group>div.cal .list li{  width: calc(50% - 9px); float: left; margin-right:9px;  text-align: left;}
  #tab-panel3 .group>div.cal .m{padding-top: 200px;}
  #tab-panel3 .layer-button .btn{display:block; width:100%; margin-bottom:3px}
  #tab-panel3 .layer-button .btn:last-child{margin-bottom: 0;}


}

/* 1026 췌장담도 암센터  */

.sub01_0206 .con_section_info .wide-bodo .h_imgbox{top:6px; max-width:250px; width:100%; height:148px;}
.sub01_0206 .con_section_info .wide-bodo .h_imgbox .imgbox_inner{width: 100%; height: 100%; overflow: hidden; position: relative;}
.sub01_0206 .con_section_info .wide-bodo .h_imgbox .imgbox_inner img{position:absolute; top:50%;left:50%; transform: translate(-50%,-50%); max-width: none; width:auto; height:100%}

.sub01_0206 .con_section_info .dsc-box{padding: 50px 50px 30px}
.sub01_0206 .con_section_info .linkbox{margin: 23px 0 10px 0; padding: 30px;}
.sub01_0206 .con_section_info .linkbox .group{width: 100%; margin: 0;border-bottom: 0;}
.sub01_0206 .con_section_info .h_txt p{word-break: break-word;}

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

  .sub01_0206 .con_section_info .wide-bodo{padding-right: 0; padding-top: 173px;}
  .sub01_0206 .con_section_info .wide-bodo .h_imgbox{position:absolute; right:auto; top: 0; transform: translate(-50%, 0%); left: 50%;}


}

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

  .sub01_0206 .con_section_info .linkbox .group{padding-top: 0; padding-bottom: 0;}
  .sub01_0206 .con_section_info .linkbox .group span{margin:4px 2px}
  .sub01_0206 .con_section_info .section_top .tell-box{margin: 0;}
}


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

  .sub01_0206 .con_section_info .dsc-box{ padding:50px 30px 30px}
  .sub01_0206 .con_section_info .linkbox .group{padding-left: 0;}
  .sub01_0206  .con_section_info .linkbox .group > strong{position: relative; top:0; margin-top: 12px; display: block;}
  .sub01_0206 .con_section_info .linkbox .group span{display:block}
  .sub01_0206 .tab-ul.col2 li, .sub01_0206 .tab-ul.col3 li, .sub01_0206 .tab-ul.col4 li,.sub01_0206 .tab-ul.col5 li, .sub01_0206 .tab-ul.col6 li,.sub01_0206 .tab-ul.col7 li, .sub01_0206 .tab-ul.col8 li { width: 48%;}

  .sub01_0206 .con_section_info .section_top .info-btn .btn.btn-icon{margin:3px 0}

}



/* /main/sub02_0101.do's table */
/*진료예약 진료시간표 css*/
#appointment2{position:relative; overflow:hidden;margin-bottom: 30px;}

#appointment2 .sub_title{margin-top:0;}
#appointment2 img{vertical-align:-1px; margin-right:2px;}
#appointment2 .search{}
#appointment2 .search .inpText input {width:374px; height:18px; margin:2px 0 6px 0; padding:10px; font-size:16px; color:#999; border:1px solid #999;}
#appointment2 .search .inpBtn a{display:inline-block; position:absolute; left:310px; top:48px; width:80px; height:30px; font-size:16px; line-height:30px; font-weight:700; text-align:center; color:#ffffff; background:#444}
#appointment2 .s4_dept_list{width:100%;}
#appointment2 .dept_icon{ float:right; margin-bottom: 10px;}
#appointment2 .dept_icon ul{text-align: right; line-height: 1.2;}
#appointment2 .dept_icon:after,#appointment2 .dept_icon ul:after{content:''; display:block; clear:both}
#appointment2 .dept_icon ul li{ display:inline-block; float:none; margin-left:5px; font-family:Dotum; font-size:11px;}
#appointment2 .dr_schedule{clear:both; overflow:hidden; font-family:Dotum; margin-top:5px;}
#appointment2 .dr_schedule table{width:100%; border-top:2px solid #006b54; border-bottom:1px solid #006b54; text-align:center;}
#appointment2 .dr_schedule table tbody:hover{background:#ebf5df;}
#appointment2 .dr_schedule table thead tr th,#appointment2 .dr_schedule table tbody tr td{vertical-align: middle;}
#appointment2 .dr_schedule table thead tr th{color:#000; padding:10px; border-bottom:1px solid #006b54; font-size:14px;}
#appointment2 .dr_schedule table thead tr th.first,
#appointment2 .dr_schedule table thead tr th:first-child{width:80px;}
#appointment2 .dr_schedule table tbody tr td.fs-12{font-size:14px; color:#444; width: 250px;}
#appointment2 .dr_schedule table tbody tr th{border-bottom:1px dashed #ccc; text-align:left; position:relative}
#appointment2 .dr_schedule table tbody tr th a{color:#444; padding:5px 0; font-size:15px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) }
#appointment2 .dr_schedule table tbody tr th a:hover{text-decoration:underline; color:#000;}
#appointment2 .dr_schedule table tbody tr td{color:#444; padding:5px 0; border-bottom:1px dashed #ccc; font-size:11px; border-left:1px dashed #ccc;}
#appointment2 .dr_schedule table tbody tr td.bl-dashed{}
#appointment2 .dr_schedule table tbody tr td.bl-n{border-left:none;}
#appointment2 .dr_schedule table tbody tr td img{vertical-align:-3px;}
#appointment2 .dr_schedule table tbody tr td.btn-appointment a{background:#eee; color:#666; padding:8px 16px; font-size:12px;}
#appointment2 .dr_schedule table tbody tr td.btn-appointment a:hover{background:#006b54; color:#fff;}
#appointment2 .dr_schedule table tbody:last-child tr:first-child th,
#appointment2 .dr_schedule table tbody:last-child tr:first-child td:nth-child(2),
#appointment2 .dr_schedule table tbody:last-child tr:first-child td:last-child,
#appointment2 .dr_schedule table tbody:last-child tr:last-child th,
#appointment2 .dr_schedule table tbody:last-child tr:last-child td{border-bottom:none;}
#appointment2 p{margin-top:10px;}
#message{cursor:pointer;}
.message-pop{position:absolute; left:170px; /*top:300px;*/ top:190px;}
.message-pop .pop-con{width:405px; border:1px solid #5EA532; background:#fff; line-height:14px; overflow:hidden;}
.message-pop .pop-con .title{background:#5EA532 url("../img_0901/message_circle.gif") no-repeat 10px center; padding:10px 30px; color:#fff; font-size:18px; font-weight:700;}
.message-pop .pop-con .txt{font-family:Dotum; color:#444; padding:10px;}
.message-pop .pop-img{margin-top:-4px; margin-left:50px}

/* 토요일 진료시간표 */
#appointment2-1 table{float:left; width:16.6%; border-top:2px solid #006b54; border-bottom:1px solid #006b54; font-size:14px; font-family:dotum; color:#000; text-align:center; letter-spacing:-1px;}
#appointment2-1 table tr th{padding:10px; border-bottom:1px solid #006b54;}
#appointment2-1 table tr td{padding:2px 5px; border-bottom:1px dashed #ccc; border-left:1px dashed #ccc; height:55px;}
#appointment2-1 table tr:last-child th,
#appointment2-1 table tr:last-child td{border-bottom:none;}
#appointment2-1 table tr td.dept-color{background:#eee; border-left:none;}

/* 인터넷예약 진료과별 */
.appoint1_con1{float:left; width:310px; font-family:dotum; overflow:hidden; border-bottom:1px solid #006b54;}
.appoint1_con1 h4,.appoint1_con3 h4{font-family:'Nanum Gothic'; font-size:18px; font-weight:700; color:#000; text-align:center; border-top:2px solid #006b54; border-bottom:1px solid #999; padding:15px 0; background:#eee;}
.appoint1_con1 table{width:290px; margin:10px;}
.appoint1_con1 table tr th{ font-size:14px; color:#000; padding:6px; text-align:left;}
.appoint1_con1 table tr td input{padding:2px; border:1px solid #ccc; height:21px; vertical-align:middle;}
.appoint1_con1 table tr td{font-size:14px; color:#000;}
.appoint1_con1 table tr td textarea{height:50px; border:1px solid #ccc;}
.appoint1_con1 p.ex{font-size:11px; padding:0 0 7px 15px; color:#ED6F2B;}
.appoint1_con2{float:left; width:149px; overflow:hidden;}
.appoint1_con2 h4,
.appoint1_con4 h4{font-size:18px; font-weight:700; color:#000; text-align:center; border-top:2px solid #006b54; padding:15px 0; background:#eee; border-bottom:none;}
.appoint1_con2 ul{border-right:1px solid #ddd; border-top:1px solid #999; padding:8px; font-size:14px; font-family:dotum; overflow:auto; height:314px; letter-spacing:-1px;}
.appoint1_con4 .appoint1_con4_calendar{border-right:1px solid #ddd; border-top:1px solid #999; padding:8px; font-size:14px; font-family:dotum; overflow:auto; height:250px; letter-spacing:-1px; text-align:center;}
.appoint1_con4 .appoint1_con4_calendar .con4_input{padding:10px 0; text-align:center;}
.appoint1_con4 .appoint1_con4_calendar .con4_input input{margin-left:5px; margin-right:3px; vertical-align:middle;}
.appoint1_con2 li{padding:4px 0; vertical-align:middle;}
.appoint1_con2 li input{vertical-align:middle;}
.appoint1_con4{overflow:hidden; border-bottom:1px solid #006b54;}
.appoint1_con3 .appoint2_con3_tbl{font-family:dotum;}
.appoint1_con3 .appoint1_con3_tbl{height:330px}
.appoint1_con3 .appoint2_con3_drlist{margin:15px 0 15px 15px;}
.appoint1_con3 .appoint2_con3_drlist input{margin-top:5px; border:1px solid #ccc; width:168px; height:28px;}
.appoint1_con3 .appoint2_con3_drlist th{text-align:left;}
.appoint1_con3 .appoint2_con3_drlist td a{display:inline-block; width:38px; background:#444; color:#fff; padding:6px; text-align:center; margin-left:5px;}
.appoint1_con3 .appoint2_con3_drlist td.info-txt{padding-top:5px;}
.appoint1_con5{position:relative; background:#444; float:right; height:318px; font-family:dotum;}
.appoint1_con5 h4{margin:0 auto; width:120px; height:156px; background:#000 url("../img_0901/professor.gif") no-repeat center; }
.appoint1_con5 ul { color:#fff; font-weight:bold; padding:0 10px;}
.appoint1_con5 ul .add_nopic{font-family:dotum;  padding:150px 0; }
.appoint1_con5 ul .add_picname{font-family:dotum;}
.appoint1_con5 ul li{width:100px; margin-top:8px;}
.appoint1_con5 ul li input{border:none; background:#444; color:#fff; font-family:dotum; font-weight:bold;}
.appoint1_con5 p.reserve_btn a{position:absolute; bottom:0; left:0; text-align:center; display:block; width:100%; background:#006b54; padding:12px 0; color:#fff; font-family:dotum; font-size:14px; font-weight:bold;}
.appoint1_con5 p.reserve_btn a.on{background:#006b54; color:#fff;}
.appoint1_con6{clear:both; font-family:dotum; color:#000; padding-top:20px;}
.appoint1_con6 h4{margin-bottom:10px; padding-left:10px; background:url("../img_0901/big_dot_black.gif") no-repeat left center;}
.appoint1_con6 ol li{color:#444; padding:2px 10px;}

/*의료진별예약에서 의료진 스케줄 보이는부분*/
.dr_tbl_2 tr td.td_special .dt_sc {border-top:1px dashed #ccc; width:100%; vertical-align:middle; background:#eee;}

/*진료과별예약에 의료진선택 table*/
.dr_tbl_2 {position:relative; width:370px; border:1px solid #ccc; margin:10px 7px;}
.dr_tbl_2 tr { padding-top:4px; padding-bottom:2px; vertical-align:middle; }
.dr_tbl_2 th {font-size:12px; width:18%; color:#bbb; text-align:left;}
.dr_tbl_2 td { font-size:12px; vertical-align:middle; color:#222;}
.dr_tbl_2 td input.sellect_btn {position:absolute; right:5px; top:5px; width:50px; height:17px; color:#666; font-size:12px; background:#eee; border:none; padding:0 12px;}
.dr_tbl_2 td input.on,
.dr_tbl_2 td input.sellect_btn:hover{background:#006b54; color:#fff; cursor:pointer;}
.dr_tbl_2 tr td.td_special .dt_sc th {text-align:center; width:14.285%; color:#444; padding:2px 0;}
.dr_tbl_2 tr td.td_special .dt_sc td {text-align:center; padding:0; font-size:12px; color:#006b54; padding:2px; letter-spacing:-0.5px; line-height:normal; background:#fff;}
.dr_tbl_2 tr td.ftd{padding-bottom:10px; padding-right:5px;}

.day_tbl tr td{padding:4px 2px; font-size:14px; text-align:center; border-bottom:1px solid #ddd;}
.table-responsive .table-icon.on{display: none !important;}

.txt-fouse span{display:block}
.txt-fouse .point-color{color:#D14709}
.txt-fouse .point-color:before{content:'※';display:inline-block;border-radius: 50%;width: 16px;height: 16px;line-height: 16px;font-size: 10px;/* margin-top: 0; */text-align: center;background-color:#095b74;color:#fff;position: relative;top: -1px;margin-right: 5px;}

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

  #appointment2 .table-responsive{width:100%; overflow-x: auto; overflow-y: hidden;}
  #appointment2 .dr_schedule table{width:920px}

}


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

  #appointment2 .dept_icon ul{text-align: left;}


}


/* /prog/ntslrCl/list.do 비급여 (sub02_04) */

.s020101 .tab-ul.type3{border-color:#484a4b;height: 71px;}
.s020101 .tab-ul.type3 li{width:25%; margin: 0;}
.s020101 .tab-ul.type3 li a {text-align: center;padding: 10px;}

.s020101 .tab-ul.type3 li.on a,
.s020101 .tab-ul.type3 li.active a,
.s020101 .tab-ul.type3 li.on a:active,
.s020101 .tab-ul.type3 li.on a:focus,
.s020101 .tab-ul.type3 li.on a:hover,
.s020101 .tab-ul.type3 li a:hover,
.s020101 .tab-ul.type3 li a:focus{border-color:#484a4b;color:#484a4b;z-index: 2; background-color:#0a8358;}
.s020101 .tab-ul.type3 li.on a span,
.s020101 .tab-ul.type3 li.active a span,
.s020101 .tab-ul.type3 li a:focus span,
.s020101 .tab-ul.type3 li a:hover span{border-color:#484a4b;color:/*#484a4b*/#fff;}

.s020101 .tab-ul.type3 li.on{background-color: /*#484A40*/#0a8358;border-color: #484a4b;}
.s020101 .tab-ul.type3 li.on a span{ color:#fff; font-weight: bold;}
.s020101 .tab-ul.type3 li.on a{border-color: #484a4b;}

.s020101 .board--card--list .obj.col4 .col.on{background-color:#f9fafc; border:1px solid #016b3b}
.s020101 .board--card--list .obj.col4 .col.on a, .s020101 .board--card--list .obj.col4 .col.on a em{color:#016b3b; font-weight:bold}
.s020101 .program--search{padding: 62px;background-color:#016b3b;border: 1px solid #016b3b;position:relative}
.s020101 .program--search:before {display: block;position: absolute;right: -170px;bottom: -60px;width: 486px;height: 274px;background: url(/images/main/sub01/sub010201_bg.png);content: "";/* z-index: -1; */}


.s020101 .program--search .search_inner{/* position: relative; *//* padding-left: 165px; */max-width: 881px;width: 100%;margin:0 auto;flex-direction: column;/* justify-content: center; *//* justify-items: center; *//* align-items: center; *//* align-content: center; */}
.s020101 .program--search .search_inner > div{display:inline-block}


.s020101 .program--search .search_inner .title {position:relative;padding: 0 0 20px 255px;}
.s020101 .program--search .search_inner .title .obj {position:absolute;left: 47px;bottom:0;width:193px;height:109px;background:url(/images/main/main/obj02.png)no-repeat;}
/*.cont1 .group .title .obj:before {display:block;position:absolute;left: 76px;top: 34px;content:'';width:35px;height:64px;background: url(/images/main/main/obj01.png)no-repeat;-webkit-animation: hand2 2.5s ease infinite;animation: hand2 2.5s ease infinite;-webkit-transform-origin: left bottom;transform-origin: left bottom;}*/
.s020101 .program--search .search_inner .title > span {display:block;line-height:1.1;margin: 0 0 10px;font-size: 19px;font-family: 'nsr';color: #494949;}
.s020101 .program--search .search_inner .title strong {display:block;line-height:1.1;font-size: 34px;font-family: 'gmarket';font-weight: 300;color: #fff;}
.s020101 .program--search .search_inner .title strong span {color: #fff;font-family: 'gmarket';font-weight: 600;position: relative;display: inline-block;top: 2px;}


.s020101 .program--search .search_inner .fieldset {
  background: #fff;
  border-radius: 0 15px 0 0;
  padding-right: 75px;
  position: relative;
}
.s020101 .program--search .search_inner .fieldset .search--text{width:100%;display: block;max-width: none;}
.s020101 .program--search .search_inner .fieldset .search--text span{
  padding: 0;
  border: none;
  width: 100%;
}
.s020101 .program--search .search_inner .fieldset .search--text input {width:100%;height:60px;line-height:60px;padding: 0 30px 0 30px;/* border:1px solid #006940; */font-size: 15px;color: #000;}
.s020101 .program--search .search_inner .fieldset .search--text input::placeholder {color:#a2a1a1;}
.s020101 .program--search .search--btn {position:absolute; right:0; top:0;}
.s020101 .program--search .search--btn .btn--submit{height:100%;}
.s020101 .program--search .search--btn input {width:60px;height:60px;border:1px solid #006940;border-radius:0 10px 0 10px;background: #333 url(/images/main/main/search.png)no-repeat center !important;font-size: 0 !important;}





.s020101 .program--search .fieldset{width:100%}
/*
.s020101 .program--search .search--text{max-width:calc(100% - 87px); width:100%}
.s020101 .program--search .search--btn{margin-left: 0;}
.s020101 .program--search .search--btn input[type="submit"]{background:transparent; padding:0 10px}
*/




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

  .s020101 .tab-ul.type3 li,.s020101 .board--card--list .obj.col4 .col{width:50%; max-width: 50%; flex:0 0 50%}
  .s020101 .table-responsive{width:100%; overflow-y: hidden; overflow-x: auto;}
  .s020101 .table-responsive .table{width:1100px}
  .s020101 .table-responsive .table-icon{display:block !important; opacity:1; top:43%}


}

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

  .s020101 .program--search .search--btn span{width:81px}

}

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

  .s020101 .table{display:table}
  .s020101 .table tr{display:table-row; width:inherit}
  .s020101 .table tbody,.s020101 .table thead{display:table-row-group}
  .s020101 .table th,.s020101 .table td{display:table-cell; width:auto}


  .s020101 .program--search .search_inner{padding-left: 0; display:block}
  .s020101 .program--search .search--btn, .s020101 .program--search .search--text{display:inline-block}
  .s020101 .program--search .search--btn{width:auto}
  .s020101 .program--search .search_inner .search-tit{display:block; position: relative; left:auto; margin: 0 auto;}

}

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

  .s020101 .tabpanel .col{border-bottom:1px soild #ddd}
  .s020101 .tabpanel .col:after{display:none}
  .s020101 .tab-ul.type3 li, .s020101 .board--card--list .obj.col4 .col{width:100%; max-width:100%; flex:0 0 100%}
  .s020101 .board--card--list .obj.col4 .col{border:0;}
  .s020101 .board--card--list .obj.col4 .col{border-bottom: 1px solid #ddd; }


}

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

  .s020101 .program--search .search--btn,.s020101 .program--search .search--btn span, .s020101 .program--search .search--text{display:block;width:100%;max-width:100%}

}
.wrap{max-width: 1400px;width: 100%; position: relative ;top:0; margin: 0 auto;}

.con_section_info{position:relative;z-index:1;border-radius: 0;/* overflow:hidden; */}
.con_section_info .tit{font-weight: bold;}
.con_section_info .section_top{background:#00693b;min-height: 124px;padding-left: 172px;padding: 44px 65px 25px 172px;position: relative;}
.con_section_info .section_top .part-tit{font-size:38px;color:#fff;display: inline-block;font-family: 'gmarket';}
.con_section_info .section_top .part-img{position:absolute;top:0;left:0;width:140px;height: 124px;background:#93c14e url('/images/main/sub01/part04.png') no-repeat center;}

.con_section_info .section_top .right-wrap{position:absolute;right:50px;top:50%;transform:translate(0,-50%);vertical-align: middle;}
.con_section_info .section_top .right-wrap:after{content:''; display:block; clear:both}
.con_section_info .section_top .right-wrap *{display:inline-block;vertical-align:middle;float:left;vertical-align:middle;}
.con_section_info .section_top .right-wrap:before{content:''; display:block; height:100%; vertical-align:middle}


.con_section_info .section_top .info-btn{display:flex;justify-content:center;align-items:center;vertical-align: middle;}
.con_section_info .section_top .info-btn .btn.btn-icon{border:0; margin:0 5px; padding: 11px 15px 9px; min-width:150px}
.con_section_info .section_top .info-btn .btn.btn-icon:hover{background:#71a649; color:#fff;  padding: 11px 15px 9px 38px;}


.con_section_info .section_top .tell-box{margin: 8px 20px; font-size: 15px;color:#fff;font-weight: bold;text-align: center;vertical-align: middle;}
.con_section_info .section_top .tell-box:before{content:''; display:block; height:100%; vertical-align:middle}
.con_section_info .section_top .tell-box .fa-phone{display:inline-block;position:relative;width:27px;height:27px;background:#fff;color:#006940;border-radius: 50%; margin-right:8px; padding: 7px 8px;}
.con_section_info .section_top .tell-box > strong{color:#fff;}

.con_section_info .dsc-box {border:1px solid #e0e0e0; border-top:0; padding:50px 126px 50px 78px}
.con_section_info .dsc-box .dsc-tit{font-size:20px; color:#002f31;}
.con_section_info .dsc-box .dsc{color:#555555; font-size:15px;}
.con_section_info .dsc-box .dsc .color-txt{color:#008574}
.con_section_info .dsc-box ul{margin-top: 25px;}
.con_section_info .dsc-box ul li{color:#008574; list-style: none; font-weight: bold;}



.con_section_info .wide-bodo{position:relative;padding-right:295px;min-height:180px;}
.con_section_info .wide-bodo .h_imgbox{position:absolute;top:0;right:0;width:250px;height:181px;}

.con_section_info .linkbox{padding:30px 78px;background-color:#f8f9f9;position: relative;margin: 70px -126px -50px -78px;}
.con_section_info .linkbox .group{position:relative;padding:6px;padding-left:96px}
.con_section_info .linkbox .group > strong{position:absolute;top: 11px;left:0;color:#002f31;font-size: 17px;letter-spacing:-1px;}
.con_section_info .linkbox .group span{display:inline-block;margin-right: 4px;}
.con_section_info .linkbox .group span a{display:block;width:100%;height:100%;border:1px solid #355d42;padding:8px;min-width:116px;text-align:center;color:#355d42;letter-spacing:-1px;font-size: 15px;line-height: 1.4;}




.section-group{margin-top: -59px;position: relative;z-index: 2;}
.section-group .tabpanel{margin-top: 42px;}
.section-group .tabpanel .header{margin-bottom: 20px;}
.section-group .tabpanel .header .tit{font-size:22px;font-weight: bold;display: inline-block;}
.section-group .tab-ul.col5{border-radius: 5px 0 5px 0;/* max-width: 540px; *//* width:100%; */margin: 0 auto;text-align: center;}
.section-group .tab-ul.col5 li{float:none;max-width:180px;/* width:100%; *//* height:60px; *//* border:1px solid #e0e0e0; */display:inline-block;margin: 0 -3px;}
.section-group .tab-ul.col5 li a{display:block;padding: 9px 0;width: 100%;height:100%;font-size:16px;font-weight:bold;text-align: center;}

.section-group .tabpanel .img{margin:42px 0;border:1px solid #e0e0e0;text-align:center}
.section-group .tabpanel .img img{max-width:100%}

.section-group.section-bottom{margin-top:50px;}



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

  .con_section_info .section_top .right-wrap{position: static;transform: translate(0,0);display: flex;align-items: center;justify-content: flex-start; margin-top: 20px; flex-wrap:nowrap}
  .con_section_info .section_top .tell-box{margin-left: 0;}

}


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

  .section-group{max-width:none; margin-top:90px }

}

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

  .con_section_info .section_top .right-wrap{flex-direction: column;align-items: flex-start;position: absolute;bottom: -60px;right: 10px;}
  .con_section_info .section_top .info-btn{margin-top: 10px;}
  .con_section_info .dsc-box{padding: 40px}

}

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


  .con_section_info .section_top:before{top:35%; right:5%; width: 124px; height:124px; background-size: 100%; background-repeat: no-repeat;}

  .con_section_info .dsc-box:before{width:90px; height:90px}
  .con_section_info .dsc-box .tell-box{right:0; padding:10px; font-size:14px}
  .con_section_info .dsc-box .tell-box .fa-phone{font-size:10px; width:20px; height:20px; }

}

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

  .con_section_info .section_top{padding: 10px;padding-left:124px;min-height: 79px;display: flex;/* justify-content: center; *//* justify-items: center; */align-items: center;}
  .con_section_info .section_top .part-img{background-size: 100%; width:100px; height:100px;}
  .con_section_info .section_top .part-tit {font-size: 25px;line-height: 1.2;letter-spacing: -2px;font-weight: normal;}
  .con_section_info .section_top .right-wrap{/* margin-top: 13px; *//* display: block; */}
}

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

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

  .con_section_info .section_top{padding-right: 15px;padding-left:93px;}
  .con_section_info .section_top .part-img{background-size: 100%; width:80px; height:80px;}
}
@media screen and (max-width:540px) {
  .section-group .tabpanel .header{margin-bottom: 0;}
  .section-group .tabpanel .header .tit{margin-bottom: 31px;}
  .section-group .tabpanel .header .label-box{float:none}
  .con_section_info .dsc-box .dsc-tit{font-size:20px;letter-spacing: -2px;}
  .con_section_info .dsc-box .dsc-tit:before, .con_section_info .dsc-box .dsc-tit:after{width:30px; height:30px; background-size:200%;}
  .con_section_info .dsc-box .dsc-tit:before{background-position:2px 0}
  .con_section_info .dsc-box .dsc-tit:after{background-position:-32px 2px}

  .con_section_info .dsc-box .info-btn{flex-direction: column;}
  .con_section_info .dsc-box .info-btn .btn.btn.btn-default{margin-right:0}
  .con_section_info .dsc-box .info-btn .btn{margin-bottom:15px}


}


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

  .con_section_info .section_top {padding: 20px 20px;padding-top: 100px;}
  .con_section_info .section_top:before{content:'';position:absolute;top:0;left:0;width:100%;height:80px;background: #93c14e;}
  .con_section_info .section_top .part-img{/* display: none; */border-right: 1px solid rgba(255,255,255,0.3);}
  .con_section_info .section_top .part-tit {font-size: 20px;}
  .con_section_info .section_top .tell-box{margin:8px 0; }
  .con_section_info .section_top .tell-box .fa-phone{ width: 21px;height: 21px; padding: 3px 5px;}
  .con_section_info .section_top .info-btn{flex-direction: column; max-width: 100%; width: 100%; }
  .con_section_info .section_top .info-btn .btn.btn-icon{margin: 5px 0; width: 100%;}
  .con_section_info .section_top .info-btn .btn.btn-icon:last-child{margin-bottom: 0;}
  .con_section_info .section_top .right-wrap{bottom:auto;top:0}
}

/* 회원정보 수정 */
#datatable .box-footer {margin-top:0px;padding-top:0px;display:flex;justify-content:center}

@media (max-width:1198px) {
  #datatable .box-footer .btn.btn-danger.btn-sm {width:216px;;margin-top:5px;}
}

@media (max-width:844px) {
  #datatable .box-footer .btn.btn-danger.btn-sm {width:60%;margin-top:5px;}
  #datatable .box-footer .btn.btn-default.btn-sm {width:60%;}
  #datatable .box-footer .btn.btn-info.btn-sm {width:60%;margin-top:5px;}
}

/* @media (max-width:768px) {

} */



/* prog>treatmentQna>list.do */
/* 테이블 수정버튼 */
.table.text-center .btn {background-color:#006940;color:#fff;}
.table.text-center .btn:hover {background-color:#fff;color:#006940;}

/* 등록버튼 */
.program--contents .pull-button .btn-secondary {/* background-color:#6c757d; */}
.program--contents .pull-button .btn-secondary:hover {/* background-color:#fff; *//* color:#6c757d; */}


@media (max-width:768px) {.program--contents .pull-button .btn-secondary {margin-top:-30px;}}



/* bbs/notice/list.do */
/* bbs/media/list.do */
/* bbs/healthtv/list.do */
.program--search .search--text span {width: 100%;}

/* @media (max-width:1141px) {
  .program--search .program--page {margin-top:10px}
  .program--search .program--page:before {display:none;}
} */

@media (max-width: 800px) {
  .program--search .search_inner .fieldset .search--text  {/* width: 50%; */}
  .program--search .search--text span {width: 100%;}
}

@media (max-width: 766px)  and (min-width:640px) {
  .program--search .search_inner .fieldset .search--text  {width: 55%;}
}

@media (max-width: 640px) {
  .program--search .search_inner .fieldset .search--text  {/* width: 100%; */}
}

/* prog>webzn>list.do */
@media (max-width:373px) {
  .program--page button {margin-top:20px;}
}


/* 인터넷 진료예약 로고 삭제 */
.rsv.rsv00 .tit_box .tit-inner:before {display:none;}
.rsv.rsv00 .title_wrap {margin-bottom: 0px;}
.rsv.rsv00 .tit_box .tit-inner {padding: 40px 0 40px 0;}
.rsv.rsv00 .tit_box {margin-bottom: 48px;}


/* 인터넷 진료예약 진료선택 확인 페이지 틀어짐  */
.rsv.rsv33 .btn.btn-primary.btn-lg {background-color:#006940;color:#fff;width:100%;text-align:center;margin-top:26px;border-radius:5px;font-size:15px;font-weight:bold;}
.rsv.rsv33 .btn.btn-primary.btn-lg.btn-w{width:auto;margin-top:auto}
.rsv.rsv33 .gr-wrap.clearfix>div:nth-child(2) {border:none;}
.rsv.rsv33 .obj.col3 {margin-top:38px;}
.text-center.mt_20 .btn.btn-default {padding:6.5px 19px 6.5px 19px;}
.text-center.mt_20 .btn.btn-primary {padding:6.5px 19px 6.5px 19px;}
.rsv.rsv33 .reserv_con.list .obj .col {width: calc(33.3% - 14px);}
.rsv.rsv33 .reserv_con.list .obj {display:flex;justify-content:space-between;}
.rsv .btn.btn-default.btn-outline.btn-icon {padding-right:50px;line-height:1.5}
.rsv .ir-arrow {position: absolute;top: 52%;right: 15px;transform: translate(0, -50%);width: 9px;height: 16px;}
@media (max-width:960px) {
  .rsv.rsv33 .reserv_con.list .obj .col{width:100%;margin: 0 auto 10px;max-width: 100%;}
}

/* 마이페이지 회원정보 수정 */
.form-horizontal.bucket-form .form-group .col-sm-10 .btn.btn-primary.btn-sm {padding: 5px 7px;}
.con_join .col-sm-10 .form-inline #captcha {margin-top:8px;margin-left:10px;}
.con_join .col-sm-10 .form-inline a {position:absolute;left: 195px;top: 31%;margin-top: -15px;padding: 5px 10px;}
.col-sm-10 .row.form-inline .form-control + span {margin-top:7px;}

@media (max-width:960px) {
  .rsv.rsv33 .reserv_con.list .obj .col{width:100%}
}
@media (max-width:767px) {
  .con_join .col-sm-10 .form-inline #captcha {position:absolute;left:60%;top:50%;margin-top:-16px}
  .con_join .col-sm-10 .form-inline a {position:absolute;left:70%;top:28%;margin-top:-13px;}
  #userId {width:70%}
}

@media (max-width:576px) {
  .col-sm-10 .row.form-inline .form-control + span {display:none;}
  .con_join .col-sm-10 .form-inline #email1 {margin-bottom:10px;}
  .con_join .col-sm-10 .form-inline #email2 {margin-bottom:10px;}
  .con_join .col-sm-10 .form-inline #emailAdresSel {margin-bottom:10px;}
}

@media (max-width:466px) {
  .con_join .col-sm-10 .form-inline a {position:absolute;left:65%;top:28%;margin-top:-13px;width:30%;}
  #userId {width:65%}
}



@media (max-width:458px) {
  .con_join .col-sm-10 .form-inline a {position:relative;width:100%;left:-5px;;top:17px;text-align:center;margin-bottom:16px;}
  #userId {width:100%}
  .form-horizontal.bucket-form .form-group .col-sm-10 #idResult {}
}



@media (max-width:408px) {
  .con_join .h2 em {display:none;}
  .con_join .col-sm-10 .form-inline a {display:block;}
}


/* 인터넷진료예약 의료진으로 예약 */
@media (min-width:1051px) {
  .rsv.rsv22 .program--search.rsv-search .search_inner .search-title .img {left: 0;}
  .rsv.rsv22 .program--search.rsv-search .search_inner .search-title {width: 100%;padding-left: 200px;}
  .rsv.rsv22 .program--search .search_inner .fieldset .search--text {margin: 0 5px 0 0px;min-width: 370px;}
}

@media (max-width:801px) {
  .program--search .search_inner .fieldset {display:block;}
  .program--search .search_inner .fieldset .search--text {/* display:block; *//* width:100%; *//* margin-top:10px; */}
}

@media (max-width:641px) {
  .program--search .search_inner .fieldset .search--btn {/* margin-top:0px */}
  .program--search .search_inner .fieldset .search--text {/* margin-left:50px; */}
  .program--search.rsv-search .search_inner .search-title .h2 {margin-top:15px}
}

@media (max-width:580px) {
  .program--search.rsv-search .search_inner .search-title .h2 {text-align:center;}
}

@media (max-width:361px) {
  .program--search .search_inner .fieldset .search--text {margin-left:0px}
}


/* 종합검진예약 예약날짜선택 페이지 오류 */
.rsv.tab-rsv #tab-panel3 .group>div.cal .m {padding-top:0px;padding-left:0px;padding-right:0px;}
.rsv.tab-rsv #tab-panel3 .btn {padding:6.5px 19px;}

@media (max-width:901px) {
  .rsv.tab-rsv #tab-panel3 .group>div.cal .m {padding-top:200px;padding-left:0px;padding-right:0px;padding-bottom:90px;}
}

/*비급여진료비 가독성 높이기*/
.s020101 .tab-ul.type3 li a {font-weight:bold;font-size:20px;}
.s020101 .board--card--list .obj.col4 .col a {font-size:17px}
.s020101 .tab-ul.type3{border-bottom:1px solid #484a4b}
.s020101 .tab-ul.type3 li{height: 100%;overflow:hidden}
.s020101 .tab-ul.type3 li a{padding:0;display:block;height: 100%;margin:0;border:none;font-size:16px;border:1px solid #b5b7ba;border-radius:10px 10px 0 0;border-bottom:none;position:relative}
.s020101 .tab-ul.type3 li a:focus:after,.s020101   .tab-ul.type3 li a:hover:after{display:block;position:absolute;bottom:-1px;left:0;content:'';width:100%;height:1px;background:#fff}
.s020101 .tab-ul.type3 li a span{padding:10px 30px;line-height:1.5;color:#5b5e66;letter-spacing:-.025em;height: 100%;display: flex;align-items: center;/* text-align: center; */justify-content: center;}
.s020101 .tab-ul.type3 li.on a span,.s020101   .tab-ul.type3 li.active a span,.s020101   .tab-ul.type3 li a:focus span,.s020101   .tab-ul.type3 li a:hover span{color:#fff}
.s020101 .tabpanel.on{display:inline-block;opacity:1}
.s020101 .s020101   .tab-ul.type3 li a span{padding:10px}


/*고객의 소리 콘텐츠 정렬*/
.ui.ui-topbox.type1 .inner .txtwrap .h4 {margin-top:17px;margin-bottom:0px;}
.ui.ui-topbox.type1 .inner .txtwrap li {padding-left:10px;line-height:1.4;}
#voice_write {margin-bottom:30px;}
.card--btn .text-center .btn.btn-primary.btn-lg {padding: 14.5px 19px 14.5px 19px;}
.card--btn .text-center .btn.btn-default.btn-lg {padding: 14.5px 19px 14.5px 19px;}


/*전문의 상담 콘텐츠 정렬*/
.ui.ui-topbox.type1 .inner .txtwrap .list-1st li {line-height:1.4}


/*전문의 상담 콘텐츠 정렬*/
.ui.ui-topbox.type1 .inner .txtwrap .list-1st li {line-height:1.4;}
.form-horizontal.bucket-form {margin-bottom:30px;}
.card--btn .text-center .btn.btn-primary.btn-lg {padding: 14.5px 19px 14.5px 19px;}
.card--btn .text-center .btn.btn-default.btn-lg {padding: 14.5px 19px 14.5px 19px;}


/*대표 암센터 탑메뉴 정렬/원내 링크*/
.con_section_info .section_top .tell-box > strong {font-weight:bold;}
.con_section_info .section_top .tell-box p {padding-left:10px;padding-top:3px;}

@media (max-width:740px) {
  .con_section_info .section_top .tell-box p {padding-left: 5px;padding-top: 4px;}
}

@media (max-width:699px) {
  .con_section_info .section_top .tell-box p {padding-left: 5px;padding-top: 4px;}
  .con_section_info .section_top .tell-box > strong {padding-left:5px;}
}

/*클리닉 전체 더보기 버튼/ 정렬 재조정*/
.doc-intro.lists .text-center.more-btn .btn.btn-default.btn-icon.mt_20 {padding-right:19px}
.doc-intro.lists .text-center.more-btn .btn.btn-default.btn-icon.mt_20 i {margin-left:10px}

@media (max-width:1177px) and (min-width:1001px) {
  .doc-intro > ul > .item .table tbody td {height: 75px;}
}


/* 검색창 틀어짐현상. */
/* @media (max-width:1277px) and (min-width:802px) {
  .program--contents #searchForm .ui.program--search .fieldset .program--page {margin-top:0px;margin-right:4px;}
} */



/* 로그인 검색바 */
.program--contents .no-more-tables {margin-top:20px;}

/* 
@media screen and (max-width:640px) {

  .program--search .search_inner.float-md-right,.program--search .search_inner.float-md-right .fieldset{display:block}
  .program--search .search_inner.float-md-right .fieldset *{width:100%; max-width:100%; display:block}
  .program--search .search_inner .fieldset .search--text,.program--search .search_inner .fieldset .search--btn{float:none; margin: 2px 0;}
  
}    */


/*회원가입 화면 틀어지는 것처럼 보입니다.  */
.ui.ui-certification.clearfix .ui-topbox.type1 {margin-top:30px;}
.ui.ui-certification.clearfix .ui-topbox.type1 .inner {padding-top:75px;}
.ui.ui-certification.clearfix .ui.ui-topbox.type1 .inner .txtwrap strong {font-size: 24px;color: #016b3b;font-weight: 600;line-height: 1.1;}
.ui.ui-certification.clearfix .ui.ui-topbox.type1 .inner .txtwrap p {font-size: 16px;line-height: 1.4;padding-bottom: 0;margin: 0;color: #33373b;}
.ui.ui-certification.clearfix .ui.ui-topbox.type1 .ir.ir-icon.ir-icon__md.icon9 {margin-top:10px;}


/*회원가입 휴대폰 인증 - 안전하지 않은 정보*/
.checkmark {position: relative;padding: 30px;animation: checkmark 5.6s cubic-bezier(0.42, 0, 0.275, 1.155);}
.ui-certification{padding:60px;padding-bottom:30px;background-color:#fff;border:none;border-top:3px solid #016b3b;border-bottom:1px solid #ddd;margin-top:30px;}
.checkmark__check {position: absolute;top: 56%;left: 50%;z-index: 10;transform: translate3d(-50%, -50%, 0);fill: #000;}
#realnameBTN_gpin .success-svg .checkmark__back {position:absolute;left:50%;top:50%;margin-top:-52.5px;margin-left:-60px;height: 115;width: 120;animation: rota 30s infinite linear;}

@keyframes rota {
  0% {transform: rotate(0deg);}
  100%{transform: rotate(360deg);}
}

.complete p {text-align:center;margin-top: 60px;font-weight: bold;}


/* kyuh 건강TV 스타일 변경 */
.board--card--list .obj .card--body .tit {overflow: hidden;text-overflow: ellipsis;/* display: -webkit-box; *//* -webkit-line-clamp: 1; *//* -webkit-box-orient: vertical; */font-size: 18px;margin-bottom: 20px;margin-top: 15px;}

/* 게시판  /bbs/notice/modify.do*/

.modal.fase .modal__body{position:fixed;top:50%;left:50%;display:inline-block;max-width:600px;margin:-1% auto 0;background:#fff;box-shadow:0 0 24px rgba(0,0,0,.5);transform:translate(-50%,-50%);transition:all .4s ease-out;vertical-align:middle;text-align:left;padding: 20px 0 0 0;}
.modal.fase .modal__header{height:auto; text-align: left; padding:10px 0; margin:0 15px; background:transparent}
.modal.fase .modal__header strong{ font-size: 24px; color:#fff}
.modal.fase .modal__content{position:relative;padding:20px;overflow-y:auto}


.sub02_0104 #contens #txt{margin-bottom:0}

.rsv.rsv00,
.rsv12,
.rsv.rsv33{margin-bottom:80px;}


/* id, pw form 수정 */
#userForm .form-group div[class^=col-] .form-control {width:25%}
#userForm2 .form-group div[class^=col-] .form-control {width:25%}

#userForm .con_join .box-footer .btn-primary {font-weight:bold;background-color:#006940;color:#fff;}
#userForm2 .con_join .box-footer .btn-primary {font-weight:bold;background-color:#006940;color:#fff;}

#userForm .con_join .box-footer .btn-primary:hover,#userForm2 .con_join .box-footer .btn-primary:hover {font-weight:bold;background-color:#fff;color:#006940;}

.button_wrap a{display:inline-block;padding:8px 20px; background:#008574;margin-top:10px;color:#fff;}
.font-black a{color:#000;}

@media (max-width:768px) {
  #userForm .form-group div[class^=col-] .form-control {width:25%;}
  #userForm2 .form-group div[class^=col-] .form-control {width:25%;}
  #userForm .form-inline {display:flex;}
  #userForm .form-horizontal.bucket-form .form-group .control-label label {padding-bottom:10px;}
  #userForm2 .form-horizontal.bucket-form .form-group .control-label label {padding-bottom:10px;}
  .form-control + span {margin-top:10px;}
  #userForm2 .form-inline {display:flex;}

  .login-box .form-control + span {margin-top:0px;}
   
}

@media (max-width:576px) {
  #userForm .form-group div[class^=col-] .form-control {width:100%}
  #userForm2 .form-group div[class^=col-] .form-control {width:100%}
  #userForm .con_join .box-footer {display:flex;justify-content:center;}
  #userForm2 .con_join .box-footer {display:flex;justify-content:center;}
}


.group>div.times .m:after{content:"오전";display:block;width: 48.4%;height: 59px;line-height: 59px;margin-bottom:3px;text-align:center;font-size: 17px;font-weight:400;border: 1px solid #e5e5e5;color:#33373b;z-index: 10;background-color:#f2f4f3;margin-bottom:0;font-weight: bold;position:absolute;left:0;top:0;}
.group>div.times .m:before{content:"오후";display:block;width: 48.4%;height: 59px;line-height: 59px;margin-bottom:3px;text-align:center;font-size: 17px;font-weight:400;border: 1px solid #e5e5e5;color:#33373b;z-index: 10;background-color:#f2f4f3;margin-bottom:0;font-weight: bold;position:absolute;right: 0.6px;top:0;}


/* 0110 게시판 설정 */

@media screen and (max-width:1090px) {
  .program--search .search_inner.float-md-right, .program--search .search_inner.float-md-right{width:100% !important}
}


@media (max-width:1065px) {
  .program--page button {width:75px;}
  .program--search .search_inner .fieldset .search--text {/* display:inline-block; *//* margin-top:0px; */}
  .program--contents #searchForm .ui.program--search .fieldset .program--page {margin-right:0px;margin-top: 0px;}
  .program--contents #searchForm .ui.program--search .fieldset .program--page {display:none;}
}


@media (max-width:801px) {
  .program--search .search_inner .fieldset .search--text {/* width: 39%; */}
}
@media (max-width:641px) {
  .program--contents #searchForm .ui.program--search .fieldset .program--page {margin-right:0px;}
  .program--search .search_inner .fieldset .search--text {/* margin-left:0px; *//* width:65% */}
}

@media (max-width:640px) {
  .program--search .search--select {/* margin-bottom:12px; */}
}

@media (max-width:600px) {
  .program--search .search_inner .fieldset .search--text {/* margin-left:0px; *//* width:80%; */}
  .program--search .search--select>div select, .program--search .search--select>span select {float:left}
}

@media (max-width:360px) {
  /* .program--search .search_inner .fieldset .search--text {width:70%}
  .program--search .search_inner .fieldset .search--btn .btn--submit {width:70px;margin-top:4px;} */
}


/* 01 14 */
#voice_write .col-sm-9 .form-inline #mbtlnum1 {width:23.7%;}
#voice_write .col-sm-9 .form-inline #mbtlnum2 {display:inline-block;width:23.7% !important;}
#voice_write .col-sm-9 .form-inline #mbtlnum3 {display:inline-block;width:23.7% !important;}
@media (max-width:767px) {
  #voice_write .col-sm-9 .form-inline #mbtlnum1 {width:23%;display:inline-block;}
  #voice_write .col-sm-9 .form-inline #mbtlnum2 {display:inline-block;width:23% !important;}
  #voice_write .col-sm-9 .form-inline #mbtlnum3 {display:inline-block;width:23% !important;}
  .form-horizontal.bucket-form .form-group .control-label:before {height:250px;}
}

@media (max-width:575px) {
  .form-horizontal.bucket-form .form-group .control-label:before {height:100%;}
  .form-horizontal.bucket-form .form-group .control-label label {margin-bottom:5px;padding-left:5px;}
  #voice_write .col-sm-9 .form-inline #mbtlnum1 {width:28%;display:inline-block;}
  #voice_write .col-sm-9 .form-inline #mbtlnum2 {display:inline-block;width:28% !important;}
  #voice_write .col-sm-9 .form-inline #mbtlnum3 {display:inline-block;width:28% !important;}
}

/* /prog/ntslrList/list.do 수정 */
@media (max-width:1200px) {
  .s020101 .ui.ui-tablist.s0204 .tab-ul.type3.col4 li a span {font-size:19px;padding-left:10px;padding-right:10px;}
}

@media (max-width:1023px) {
  .s020101 .ui.ui-tablist.s0204 .tab-ul.type3.col4 li a span {font-size:18.5px;}
}

@media (max-width:1000px) {
  .s020101 .tabpanel.on {display: inline-block;opacity: 1;}
  .s0204 .tabpanel#tab-panel1 {overflow-x:auto;width:100%;}
  .s0204 .tabpanel#tab-panel2 {overflow-x:auto;width:100%;}
  .s0204 .tabpanel#tab-panel3 {overflow-x:auto;width:100%;}
  .s0204 .tabpanel#tab-panel4 {overflow-x:auto;width:100%;}
}

@media (max-width:790px) {
  .s020101 .ui.ui-tablist.s0204 #tab-panel1 .d-flex {display:block;}
  .s020101 .ui.ui-tablist.s0204 #tab-panel1 .d-flex  .side_nav {width:100%;}
  .tabpanel .d-flex .table-responsive{width:;margin: 0;}
  .s020101 .ui.ui-tablist.s0204 #tab-panel1 .d-flex .table-responsive{width: calc(100% - 0px);margin-top:30px}
}

@media (max-width:640px) {
  .s020101 .program--search .search_inner .fieldset .search--btn{display:inline-block;  margin: 0px 0px 13px;}
  .s020101 .program--search .search_inner .fieldset {height:65px;}
  .s020101 .program--search .search_inner .fieldset .search--text {margin-top:0px;}
  .s020101 .program--search .search_inner .title .obj {display:none;}
  .s020101 .program--search .search_inner .title {padding-left:20px;padding-right:20px;}
}

@media (max-width:435px) {
  .s020101 .program--search .search_inner .title {padding-left:10px;padding-right:10px;}
  .s020101 .program--search .search_inner .title strong {font-size:25px;}
  .s020101 .program--search {padding:40px;}
}

@media (max-width:360px) {
  .s020101 .program--search .search_inner .fieldset {padding-right:0px;}
  .s020101 .program--search .search_inner .fieldset .search--btn {position:relative;}
  .s020101 .program--search {height:320px;}
}

.tabpanel .d-flex .side_nav .tab-list li a {cursor: pointer;}

.rsv-inner .txt span {font-size:16px;display:block;font-weight:500;}
.rsv-inner .txt span br {display: none;}
.rsv-inner .txt span em {color: #d14707;font-weight:600;}
@media (max-width:550px) {
  .rsv-inner .txt span br {display: block;}
}
/* 0121 */
@media (max-width:1000px) and (min-width:768px) {
  .s020101 .table-responsive .table-icon {display:block !important;position: absolute;/* z-index: 99999; */top: 46%;left: 50%;opacity: 1;}
  .s020101 #tab-panel2 .table-responsive.mt_20.table-pc .table-icon.icon--hide {opacity:0;}
  .s020101 #tab-panel2 .table-responsive.mt_20.table-pc>#tableview2 .table-icon.icon--hide {opacity:1}
}

@media (max-width:767px) {
  .s020101 #tab-panel2 .table-responsive.mt_20 .table-icon {opacity:0;}
  .s020101 #tab-panel2 .table-responsive.mt_20 #tableview2 .table-icon {opacity:1;}
}
