@charset "utf-8";
/* CSS Document */
.sub_cont .cols {font-size:1.06em; line-height:1.6em; position:relative;}
.sub_cont .cols .col {margin-top:0px;}
.sub_cont .cols .col.col_sm {margin-top:20px;}
.sub_cont .cols .col.col_big {margin-top:75px;}
.sub_cont .cols .col.first {margin-top:0 !important;}
h3.col_h3 {font-size:1.87em; line-height:1.1em; color:#333; margin:0 0 .6em;}
h4.col_h4 {font-size:1.43em; line-height:1.1em; color:#333; margin:0 0 .6em;}
h5.col_h5 {font-size:1.18em; line-height:1.1em; color:#333; margin:0 0 .6em; background:url(/Html/WebFront/hnsoft/shop1/images/ico_h5.gif) no-repeat 0 0; min-height:20px; padding-left:28px;}
h3.col_h3 .txt_sm,
h4.col_h4 .txt_sm
{font-size:.8em; font-weight:300; color:#888;}
.txt_top_mg {margin-top:.7em !important;}
.sub_cont .cols .line {clear:both; margin:2em 0 0; padding:2em 0 0; background:url(/Html/WebFront/hnsoft/shop1/images/line1.png) repeat-x 0 0;}
.sub_cont .cols .btn_admin_wrap {right:0; top:-40px;}

.sub_cont .col_top_img {height:330px; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative;}
.sub_cont .col_top_img .txt {position:absolute; width:100%; top:50%; color:#fff; font-size:1.37em; line-height:1em; text-align:center; padding:0 5%;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-o-transform:translateY(-50%);
}
.sub_cont .col_top_img .txt .tit {font-size:2.18em; line-height:1em; font-weight:500; margin:0 0 .25em;}
.sub_cont .col_top_img .txt .sub_tit {opacity:.6; text-transform:uppercase;}

@media (max-width: 991px) {
.sub_cont .cols {line-height:1.5em;}
.sub_cont .cols .col {margin-top:37px;}
.sub_cont .cols .col.col_sm {margin-top:16px;}
.sub_cont .cols .col.col_big {margin-top:62px;}
h3.col_h3 {font-size:1.72em;}
h4.col_h4 {font-size:1.38em;}
h5.col_h5 {font-size:1.14em; background-size:16px auto; min-height:16px; padding-left:23px;}

.sub_cont .col_top_img {height:0; padding-bottom:36.8%;}
.sub_cont .col_top_img .txt {font-size:1.22em;}
.sub_cont .col_top_img .txt .tit {margin:0 0 .2em;}

}

@media (max-width: 575px) {
.sub_cont .cols .col {margin-top:26px;}
.sub_cont .cols .col.col_sm {margin-top:11px;}
.sub_cont .cols .col.col_big {margin-top:44px;}
h3.col_h3 {font-size:1.67em;}
h4.col_h4 {font-size:1.33em;}
h5.col_h5 {font-size:1.1em; background-size:14px auto; min-height:14px; padding-left:18px;}
.sub_cont .col_top_img {height:180px; padding:0;}
.sub_cont .col_top_img .txt {font-size:1.07em;}
.sub_cont .col_top_img .txt .tit {margin:0 0 .15em;}
}


@media \0screen\,screen\9 {
.sub_cont .col_top_img .txt {font-weight:bold; margin-top:-41px; padding:0;}
.sub_cont .col_top_img .txt .tit {line-height:1em;}
}


 
/*table*/
.table {border-top:2px solid #555; border-bottom:1px solid #bbb;}
.table th {font-weight:400; color:#444;} 
.table th .blank {display:inline-block; width:.9em;}
.sub_cont .cols .table th,
.sub_cont .cols .table td {
padding:.6em 1em;
}

@media (max-width: 575px) {
.sub_cont .cols .table th,
.sub_cont .cols .table td {
padding:.5em .8em;
}
}

.tb_basic {border-top:2px solid #555; border-bottom:1px solid #bbb; overflow:hidden;}
.tb_basic table {border-collapse:collapse; width:100%;margin-left:-1px;}
.tb_basic th, .tb_basic td {border-top:1px solid #e7e7e7; border-left:1px solid #e7e7e7; /*word-break:keep-all;*/ padding:.8em 1em; line-height:1.4em;}
.tb_basic th {font-weight:400; text-align:center; color:#444; background:#f7f7f7;}
.tb_basic th.th_left {text-align:left;}
.tb_basic tr:first-child th, .tb_basic tr:first-child td {border-top:none;}
.tb_basic thead {border-bottom:1px solid #ccc;}
.tb_basic thead th {background:#f7f7f7;}
.tb_basic td {font-size:.95em;}
.tb_basic.td_center td {text-align:center;}
.tb_basic.td_center td.td_left {text-align:left;}
.tb_basic td.td_center {text-align:center;}
.tb_basic.th_left tbody th {text-align:left;}
.tb_basic tbody th.first {color:#3a669c;}
.tb_basic.td_top td {vertical-align:top;}
.tb_basic .txt_sm {font-size:.92em; color:#777;}

@media (max-width: 575px) {
.tb_basic th, .tb_basic td {padding:.6em .4em;}
}

/*ul*/
.ul_basic {margin:0; padding:0;}
.ul_basic > li {background:url(/Html/WebFront/hnsoft/shop1/images/ul_ico.png) no-repeat .2em .65em; padding-left:.7em; margin-top:.15em;}
.ul_basic > li:first-child {margin:0 !important;}

@media (max-width: 575px) {
.ul_basic > li {background-size:3px auto;}	
}

/*ol*/
.ol_basic {margin:0 0 0 20px; padding:0;}
.ol_basic > li {margin-top:.15em;}
.ol_basic > li:first-child {margin:0 !important;}

.ol_num {list-style:none; margin:-20px 0; padding:0;}
.ol_num li {position:relative; padding:15px 0; padding-left:2.5em !important; border-top:1px solid #eee; zoom:1;}
.ol_num li:after {display:block;visibility:hidden;clear:both;content:""}
.ol_num li:first-child {border:0 !important; }
.ol_num li .num {position:absolute; left:0; top:20px; font-size:1.4em; line-height:1em; color:#15a282;}
.ol_num.wide li {padding-left:6.5em !important;}

@media (max-width: 991px) {
.ol_num {margin:-16px 0;}
.ol_num li {padding:16px 0;}
.ol_num li .num {top:17px; font-size:1.36em;}	
}

@media (max-width: 575px) {
.ol_num {margin:-13px 0;}
.ol_num li {padding:13px 0;}
.ol_num li .num {top:14px; font-size:1.32em;}		
}

@media screen\9 {
.cols_hermo .ol_num {margin:0;}	
}


/*box*/
.sub_cont .cols .col_box {border:1px solid #ccc; zoom:1; position:relative;}
.sub_cont .cols .col_box.box_gray {border:none; background:#f7f7f7;}
.sub_cont .cols .col_box.box_info {padding:25px 3%; padding-left:4%; border:4px solid #eee; font-size:.95em; line-height:1.5em;}

.sub_cont .cols .col_box.box_figure {padding:55px 4%; font-size:1.125em;}

.sub_cont .cols .col_box h5 {font-size:1.25em; line-height:1.2em; color:#4c5565; font-weight:400; background:url(/Html/WebFront/hnsoft/shop1/images/ico_info.png) no-repeat 0 0; padding:.15em 0 0; padding-left:36px; min-height:28px; margin-left:-1%;}
.sub_cont .cols .col_box h5 .txt_sm {font-size:.8em; color:#999; font-weight:400;}
.sub_cont .cols .col_box h6 {font-size:1.125em; line-height:1.2em; font-weight:400; color:#444;}
.sub_cont .cols .col_box:after {display:block;visibility:hidden;clear:both;content:""}

@media (max-width: 991px) {
.sub_cont .cols .col_box.box_info {padding:20px 3%; padding-left:4%;}
.sub_cont .cols .col_box h5 {background-size:23px auto; padding:0; padding-left:30px; min-height:23px;}

.sub_cont .cols .col_box.box_figure {padding:45px 3%;}
	
}

@media (max-width: 575px) {
.sub_cont .cols .col_box.box_info {padding:15px; padding-left:20px;}	
.sub_cont .cols .col_box h5 {background-size:20px auto; padding-left:24px; min-height:20px; margin-left:-5px;}

.sub_cont .cols .col_box.box_figure {padding:35px 15px;}

}

@media (max-width: 379px) {
.col_main_num .col_box p {font-size:1.28em; letter-spacing:-0.1em;}	
}


@media \0screen\,screen\9 {
.sub_cont .cols .col_box h6 {font-weight:bold;}	
}


/*인사말*/
.cols_greet .col_top {background:url(/Html/WebFront/hnsoft/shop1/images/0101_img_01.jpg) no-repeat right bottom; margin-top:-10%; border-bottom:1px solid #ddd; margin-bottom:50px; height:463px; font-size:1.18em; padding:12.5% 0 13.5%;} 
.cols_greet .col_top .txt_big {font-size:1.73em; line-height:1.3em; color:#333; font-weight:500; margin:0 0 .5em;}
.cols_greet .col_top .txt_mdd {font-size:1.31em; line-height:1.4em; color:#333; font-weight:400; margin:0 0 1.3em;}
.cols_greet .col_top .txt_sign {font-weight:400;}
.cols_greet .col_top .txt_sign strong {font-weight:500; color:#333; font-size:1.1em; display:inline-block; margin-left:.5em;}


@media (max-width: 1199px) {
.cols_greet .col_top {height:auto; background-size:cover;}
}

@media (max-width: 991px) {
.cols_greet .col_top {margin-left:-15px; margin-right:-15px; margin-bottom:40px; background-position:40% bottom; font-size:1.14em;}	
.cols_greet .col_top .col_txt {padding:0 15px;}
.cols_greet .col_top .txt_big {font-size:1.63em;}
.cols_greet .col_top .txt_mdd {font-size:1.26em; margin:0 0 1em;}
}

@media (max-width: 767px) {
.cols_greet .col_top {margin-top:0; padding:0 0 72%; background-size:160% auto; background-position:80% bottom;}
.cols_greet .col_top p br {display:none; visibility:hidden;}
.cols_greet .col_top .txt_big {font-size:1.53em; line-height:1.2em; }
.cols_greet .col_top .txt_mdd {font-size:1.21em; line-height:1.3em; }


}

@media (max-width: 575px) {
.cols_greet .col_top {margin-bottom:30px; padding:0 0 83%; font-size:1.1em;}		
}

@media \0screen\,screen\9 {
.cols_greet .col_top .txt_big,
.cols_greet .col_top .txt_sign strong 
{font-weight:bold;}
}

@media screen\9 {
.cols_greet .col_top {padding:0;}
.cols_greet .col_top .col_txt {padding:12.5% 0 0;}

}


/*미션&비전*/
.cols_mission .col_box .figure {width:90%; margin:0 auto;}
.cols_mission .col_box h3.col_h3 {margin:0 0 .8em;}
.cols_mission .col_logo {border:1px solid #ddd; background:url(/Html/WebFront/hnsoft/shop1/images/0102_logo_bg.gif) repeat center center; padding:7% 0; margin:0 0 1.8em;}
.cols_mission .col_logo .figure {width:40%; max-width:318px; margin:0 auto;}

@media (max-width: 991px) {
.cols_mission .col_logo .figure {max-width:265px;}
}

@media (max-width: 575px) {
.cols_mission .col_box h3.col_h3 {margin:0 0 .6em;}	
.cols_mission .col_logo {margin:0 0 1.6em; background-image:url(/Html/WebFront/hnsoft/shop1/images/0102_logo_bg_mo.gif);}
}


/*오시는 길*/
.cols_loc .col_map {padding-bottom:498px; margin:0 0 12px; border:1px solid #e1e1e1;}
.col_address dl {margin:0; padding:0; position:relative; border-top:1px solid #ddd; padding:18px 0;}
.col_address dl dt {position:absolute; left:0; top:20px; width:18%; font-size:1.37em; line-height:1em; color:#444; font-weight:400; background-repeat:no-repeat; background-position:4% 0; padding:.2em 0 0; padding-left:44px; height:36px;}
.col_address dl dd {margin:0; padding:.3em 0 0; padding-left:18%;}

.col_address .txt_add {border:none;}
.col_address .txt_add dt {background-image:url(/Html/WebFront/hnsoft/shop1/images/0105_img_01.gif);}
.col_address .txt_add dd ul {zoom:1;}
.col_address .txt_add dd ul:after {display:block;visibility:hidden;clear:both;content:""}
.col_address .txt_add dd ul li {float:left; padding-right:10%;}
.col_address .txt_add dd ul li.add1 {width:100%; font-size:1.125em; line-height:1.3em; font-weight:400; margin-bottom:.5em;} 

.col_address .txt_metro dt {background-image:url(/Html/WebFront/hnsoft/shop1/images/0105_img_02.gif);}
.col_address .txt_metro dd strong {font-weight:300; background:#ecab02; font-size:.9em; color:#fff; padding:.1em .5em .2em; display:inline-block; margin-right:.4em;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
}

.col_map_mo {position:relative; width:100%; height:0; padding-bottom:82%; margin:0 0 8px;}
.col_map_mo .root_daum_roughmap {position:absolute; width:100% !important; height:100% !important; left:0; top:0;}
.col_map_mo .wrap_map {height:100% !important;}	


@media (max-width: 991px) {
.cols_loc .col_map {padding-bottom:62%; margin:0 0 10px;}
.col_address dl {padding:15px 0;}
.col_address dl dt {top:17px; font-size:1.32em; padding-left:36px; height:30px; background-size:auto 30px;}
}

@media (max-width: 575px) {
.cols_loc .col_map {padding-bottom:82%; margin:0 0 8px;}
.col_address dl {padding:11px 0;}
.col_address dl dt {font-size:1.27em; padding:0; padding-left:28px; height:24px; background-size:auto 24px; line-height:22px; position:static; margin:0 0 .4em;}
.col_address dl dd {padding:0;}
.col_address .txt_add dd ul li.add1 {margin-bottom:.3em;}
}


/*시설둘러보기*/
.cols_photo .photo_big {margin:0 0 10px;}
.cols_photo .photo_big .item {position:relative;}
.cols_photo .photo_big .item .tit {position:absolute; left:0; bottom:0; right:0; background:rgba(50,58,78,.5); padding:.6em 1.5em; color:#fff; font-weight:400;}
.cols_photo .photo_big .item img {max-width:920px; width:100%; height:auto;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;	
}

.cols_photo .photo-nav {padding:0 40px;}
.cols_photo .photo-nav .item {padding:0 2px; cursor:pointer; position:relative;}
.cols_photo .photo-nav .item img {width:100%; height:auto; border:3px solid transparent; 
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;	
}
.cols_photo .photo-nav .item:hover img,
.cols_photo .photo-nav .item:focus img,
.cols_photo .photo-nav .item.slick-current img
{border-color:#4db848}

.cols_photo .photo-nav .item .over {display:block; position:absolute; left:5px; top:3px; right:5px; bottom:3px; background:rgba(50,58,78,.5);}
.cols_photo .photo-nav .item.slick-current .over {display:none;}


@media (max-width: 575px) {
.cols_photo .photo-nav {padding:0 26px;}	
.cols_photo .photo_big .item .tit {font-size:.95em; padding:.5em 1em;}
}

@media \0screen\,screen\9 {
.cols_photo .photo_big .item .tit,
.cols_photo .photo-nav .item .over
 {background:url(/Html/WebFront/hnsoft/shop1/images/photo_tit_bg.png);}	
}


@media screen\9 {
.cols_photo .photo_big .item .tit {bottom:4px;}
.cols_photo .photo-nav .item {padding:0; margin:0 4px;}	
.cols_photo .photo-nav .item .over {width:133px; height:75px; left:3px;}
}



/*자원봉사안내*/
.col_volunteer {height:440px; background:#f7f7f7 url(/Html/WebFront/hnsoft/shop1/images/0303_bg.jpg) no-repeat center center; background-size:cover; overflow:hidden;}
.col_volunteer .txt {width:60%; padding:55px 7.5% 65px;}
.col_volunteer .txt .txt_big {font-size:1.62em; line-height:1.5em; color:#333; letter-spacing:-0.02em; padding-bottom:35px; margin-bottom:-5px; border-bottom:1px solid #e3e3e3;}
.col_volunteer .txt .txt_big .txt_bg {background:url(/Html/WebFront/hnsoft/shop1/images/0303_img_01.png) no-repeat right 0; display:inline-block; padding:1em 1.8em 0 0;}
.col_volunteer .txt .txt_big strong {font-size:1.38em; font-weight:500;}
.col_volunteer .txt .ul_basic li {float:left; width:50%;}


@media (max-width: 1199px) {
.col_volunteer {height:auto;}
}

@media (max-width: 991px) {
.col_volunteer .txt {padding:45px 6.5% 54px;}
.col_volunteer .txt .txt_big {font-size:1.52em; padding-bottom:29px;}
.col_volunteer .txt .txt_big .txt_bg {background-size:45px auto; padding-top:.8em;}
}

@media (max-width: 575px) {
.col_volunteer {padding-top:70%; background-image:url(/Html/WebFront/hnsoft/shop1/images/0303_bg_mo.jpg); background-position:center 0; background-size:contain;}	
.col_volunteer .txt {width:100%; padding:0 20px 32px;}
.col_volunteer .txt .txt_big {font-size:1.42em; padding-bottom:20px;}
.col_volunteer .txt .txt_big .txt_bg {background-size:36px auto; padding:.6em 1.6em 0 0;}
.col_volunteer .txt .txt_big br {display:none;}
/*.col_volunteer .txt .ul_basic li {float:none; width:100%;}*/
}

@media \0screen\,screen\9 {
.col_volunteer .txt .txt_big,
.col_volunteer .txt .txt_big strong
{font-weight:bold;}	
}

@media screen\9 {
.col_volunteer .txt {padding:55px 0 0; margin:0 0 0 7.5%; width:414px;}
.col_volunteer .txt .txt_big .txt_bg {display:inline; zoom:1;}
.col_volunteer .txt .ul_basic li {width:46%;}
}


/*전화번호*/
.cols_number .col_box {overflow:hidden;}

.col_main_num .col_box {padding:35px 3%;}
.col_main_num .col_box .figure {width:25%; max-width:92px; min-width:46px; margin:0 auto 15px; color:#15a282;}
.col_main_num .col_box .item1 {border-right:1px solid #ddd;}
.col_main_num .col_box h4 {font-size:1.18em; line-height:1em; font-weight:400; color:#555; margin:0 0 .5em;}
.col_main_num .col_box h4 strong {color:#15a282;}
.col_main_num .col_box p {font-size:1em; line-height:1em; color:#444; letter-spacing:-0.05em; white-space:nowrap;}


@media (max-width: 991px) {
.col_main_num .col_box {padding:37px 3%;}
.col_main_num .col_box .figure {margin-bottom:12px; max-width:76px; color:#15a282;}
.col_main_num .col_box h4 {font-size:1.14em; margin:0 0 .4em;}
.col_main_num .col_box p {font-size:1.58em;}
}

@media (max-width: 575px) {
.col_main_num .col_box {padding:26px 15px;}
.col_main_num .col_box .figure {margin-bottom:8px; color:#15a282;}
.col_main_num .col_box h4 {font-size:1.1em; margin:0 0 .3em;}
.col_main_num .col_box p {font-size:1.48em;}
}

@media (max-width: 379px) {
.col_main_num .col_box p {font-size:1.28em; letter-spacing:-0.1em;}	
}


.col_info_num ul {margin:-1px 0 0; width:101%;}
.col_info_num ul li {float:left; width:33.33%; border-right:1px solid #eee; border-top:1px solid #eee; font-size:1.06em; line-height:38px; font-weight:400; padding:1em 2%; letter-spacing:-0.05em; white-space:nowrap;}
.col_info_num ul li .num {display:inline-block; width:38px; height:38px; background:#4db848; color:#fff; text-align:center; margin-right:.35em;
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-o-border-radius:50%;
}
.col_info_num ul li.odd .num {background:#15a282;}


@media (max-width: 991px) {
.col_info_num ul li {line-height:32px;}	
.col_info_num ul li .num {width:32px; height:32px;}	
}

@media (max-width: 575px) {
.col_info_num ul li {line-height:25px; width:50%; padding:.8em 15px;}		
.col_info_num ul li .num {width:25px; height:25px; margin-right:.25em;}		

.col_info_num ul li:nth-child(3) .num {background:#15a282;}
.col_info_num ul li:nth-child(4) .num {background:#4db848;}
}


/*주차장이용 */
.cols_parking .col_box {position:relative;}
.cols_parking .col_box .img_big {position:absolute; top:0; left:0; width:44%; height:100%; background:url(/Html/WebFront/hnsoft/shop1/images/0204_img_01.png) no-repeat center center;}
.cols_parking .col_box .col_txt { padding-left:44% !important;}
.cols_parking .col_box .txt1 {padding:45px 5% 20px;}
.cols_parking .col_box .txt1 .wrap {position:relative;}
.cols_parking .col_box .txt1 .figure {float:left; max-width:112px; width:25%;}
.cols_parking .col_box .txt1 .txt {position:absolute; left:28.5%; top:50%; color:#444;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-o-transform:translateY(-50%);

}
.cols_parking .col_box .txt1 h4 {font-size:1.5em; line-height:1em; margin:0 0 .3em;}
.cols_parking .col_box .txt1 p {font-size:1.87em; line-height:1em;}
.cols_parking .col_box .txt2 {background:#f3f3f3; font-size:1.125em; line-height:1.6em; letter-spacing:-0.04em; font-weight:400; padding:35px 5% 45px;}
.cols_parking .col_box .txt2 p {float:left; margin-left:4%;}
.cols_parking .col_box .txt2 p strong {font-size:1.22em; color:#444;}


@media (max-width: 991px) {
.cols_parking .col_box .img_big {background-size:80% auto;}	
.cols_parking .col_box .txt1 {padding:37px 5% 16px;}
.cols_parking .col_box .txt1 h4 {font-size:1.4em;}	
.cols_parking .col_box .txt1 p {font-size:1.72em;}
.cols_parking .col_box .txt2 {padding:29px 5% 37px;}
}

@media (max-width: 575px) {
.cols_parking .col_box .img_big {position:static; width:100%; height:0; padding-bottom:60%; background-size:auto 84% ;}	
.cols_parking .col_box .col_txt {padding-left:15px !important;}
.cols_parking .col_box .txt1 {padding:0 15px 12px;}
.cols_parking .col_box .txt1 .figure {max-width:74px; width:20%;}
.cols_parking .col_box .txt1 .txt {left:23.5%;}
.cols_parking .col_box .txt1 h4 {font-size:1.3em; margin:0 0 .2em;}	
.cols_parking .col_box .txt1 p {font-size:1.57em;}	
.cols_parking .col_box .txt2 {padding:20px 15px 26px; line-height:1.4em;}
.cols_parking .col_box .txt2 p br {display:none; visibility:hidden;}
	
}


/*진료시간*/
.cols_time .col_box {height:410px; overflow:hidden;}
.cols_time .col_img {position:absolute; left:0; top:0; width:58%; height:100%; background:url(/Html/WebFront/hnsoft/shop1/images/0301_img_01.jpg) no-repeat center center; background-size:cover; }
.cols_time .col_txt {float:right; width:42%; /*padding:95px 5% 0;*/padding:105px 5% 0; font-size:1.25em; font-weight:400;}
.cols_time .col_txt ul {margin:0; padding:0; clear:both;}
.cols_time .col_txt ul li:first-child {margin:0 !important;}
.cols_time .col_txt .num {color:#444;}
.cols_time .col_txt .item_time {border-bottom:1px solid #ddd; font-size:1.1em; padding:0 0 .8em; margin:0 0 .8em; }
.cols_time .col_txt .item_time .figure {float:left; margin:0 0 .7em; width:20%; text-align:left;}
.cols_time .col_txt .item_time ul li {margin-top:.3em;}
.cols_time .col_txt .item_time .num {font-size:1.27em;}
.cols_time .col_txt .item_call .tit {margin:0 0 .4em;}
.cols_time .col_txt .item_call .num {font-size:1.1em;}
.cols_time .col_txt .item_call ul li {margin-top:.1em;}



@media (max-width: 991px) {
.cols_time .col_box {height:auto;} 	
.cols_time .col_txt {padding:13% 5% 5%; font-size:1.21em;}
}

@media (max-width: 767px) {
.cols_time .col_img {position:static; width:100%; height:0; padding-bottom:53%; background-image:url(/Html/WebFront/hnsoft/shop1/images/0301_img_01_mo.jpg);}	
.cols_time .col_txt {width:100%; padding:25px 15px;}	
.cols_time .col_txt .item_time .figure {width:13%; max-width:42px;}
}


@media (max-width: 575px) {
.cols_time .col_txt {font-size:1.16em;}	
}

@media screen\9 {
.cols_time .col_txt {padding:0; width:294px; margin:95px 5% 0 0;}	
}


/*진료안내*/
.cols_info .col_box {margin:0 0 1.2em;}
.cols_info .box_info {padding:35px 3.5%;}
.cols_info .col_step {padding:60px 5% 55px;}
.cols_info .figure .mo_vs {display:none;}
.cols_info .txt_big {font-size:1.125em; line-height:1.4em; font-weight:400;}

@media (max-width: 991px) {
.cols_info .col_step {padding:50px 5% 45px}
}


@media (max-width: 575px) {
.cols_info .col_box {margin:0 0 1em;}	
.cols_info .col_step {padding:35px 10% 32px;}
.cols_info .col_step .figure {padding:0 10%;}
.cols_info .figure .pc_vs {display:none;}
.cols_info .figure .mo_vs {display:inline-block;}
}


/*재활클리닉*/
.cols_clinic .col_top_img {background-image:url(/Html/WebFront/hnsoft/shop1/images/0401_top_img.jpg);}
.cols_clinic.clinic2 .col_top_img {background-image:url(/Html/WebFront/hnsoft/shop1/images/0402_top_img.jpg);}
.cols_clinic.clinic3 .col_top_img {background-image:url(/Html/WebFront/hnsoft/shop1/images/0403_top_img.jpg);}
.clinic_box .box {zoom:1; position:relative; min-height:310px;}
.clinic_box .box:after {display:block;visibility:hidden;clear:both;content:""}
.clinic_box .box h4.col_h4 {color:#15a282;}
.clinic_box .box .img {position:absolute; top:0; width:50%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.clinic_box .box1-1 .img {background-image:url(/Html/WebFront/hnsoft/shop1/images/0401_img_1_1.png);}
.clinic_box .box1-2 .img {background-image:url(/Html/WebFront/hnsoft/shop1/images/0401_img_1_2.png);}
.clinic_box .box1-3 .img {background-image:url(/Html/WebFront/hnsoft/shop1/images/0401_img_1_3.png);}
.clinic_box .box1-4 .img {background-image:url(/Html/WebFront/hnsoft/shop1/images/0401_img_1_4.png);}
.clinic_box .box1-5 .img {background-image:url(/Html/WebFront/hnsoft/shop1/images/0401_img_1_5.png);}
.clinic_box .box1-6 .img {background-image:url(/Html/WebFront/hnsoft/shop1/images/0401_img_1_6.png);}
.clinic_box .box1-7 .img {background-image:url(/Html/WebFront/hnsoft/shop1/images/0401_img_1_7.png);}
.clinic_box .box1-8 .img {background-image:url(/Html/WebFront/hnsoft/shop1/images/0401_img_1_8.png);}
.clinic_box .box2-1 .img {background-image:url(/Html/WebFront/hnsoft/shop1/images/0401_img_2_1.png);}
.clinic_box .box2-2 .img {background-image:url(/Html/WebFront/hnsoft/shop1/images/0401_img_2_2.png);}
.clinic_box .box2-3 .img {background-image:url(/Html/WebFront/hnsoft/shop1/images/0401_img_2_3.png);}
.clinic_box .box2-4 .img {background-image:url(/Html/WebFront/hnsoft/shop1/images/0401_img_2_4.png);}
.clinic_box .box3-1 .img {background-image:url(/Html/WebFront/hnsoft/shop1/images/0401_img_3_1.png);}
.clinic_box .box_lt .img {right:0;}
.clinic_box .box_rt .img {left:0;}
.clinic_box .box .txt {width:50%; padding:40px 4%; position:relative;}
.clinic_box .box_lt .txt {float:left;}
.clinic_box .box_rt .txt {float:right;}
.clinic_box .box .txt .arr {position:absolute; top:45px; width:24px; height:48px; background-repeat:no-repeat; background-position:0 0;}
.clinic_box .box_lt .txt .arr {right:-24px; background-image:url(/Html/WebFront/hnsoft/shop1/images/0401_arr_lt.png);}
.clinic_box .box_rt .txt .arr {left:-24px; background-image:url(/Html/WebFront/hnsoft/shop1/images/0401_arr_rt.png);}

@media (max-width: 991px) {
.clinic_box .box {min-height:258px;}
.clinic_box .box .txt {width:50%; padding:33px 4%;}
.clinic_box .box .txt .arr {position:absolute; top:37px; width:20px; height:40px; background-size:cover;}	
.clinic_box .box_lt .txt .arr {right:-20px}
.clinic_box .box_rt .txt .arr {left:-20px}

}

@media (max-width: 575px) {
.clinic_box .box {min-height:inherit;}	
.clinic_box .box .img {position:static; width:100%; height:0; padding-bottom:65%;}
.clinic_box .box .txt {float:inherit; width:100%; padding:23px 15px;}
.clinic_box .box .txt .arr {width:28px; height:11px; top:-11px;}
.clinic_box .box_lt .txt .arr,
.clinic_box .box_rt .txt .arr
{background-image:url(/Html/WebFront/hnsoft/shop1/images/0401_arr_top.png); right:inherit; left:24px;}
}


/*인공신장실*/
.cols_hermo .col_box h4.col_h4 {margin:0 0 1.4em;}
.cols_hermo .col_top_img {background-image:url(/Html/WebFront/hnsoft/shop1/images/0501_top_img.jpg);}

@media (max-width: 575px) {
.cols_hermo .col_box .row > div {width:100%; margin:0 auto;}
.cols_hermo .col_box .row > div:first-child {margin-bottom:25px;}
.cols_hermo .col_box .figure {width:90%; margin:0 auto;}
}	

@media screen\9 {
.clinic_box .box .txt {padding:0;}	
.clinic_box .box h4.col_h4 {padding:40px 0 0; margin:0 35px .6em;}
.clinic_box .box p
{margin:0 35px 40px;}

.sub_cont .cols.cols_hermo .box_info.col_box {padding:5px 3%;}	
}


/*한방클리닉*/
.cols_oriental .col_top_img {background-image:url(/Html/WebFront/hnsoft/shop1/images/0601_top_img.jpg);}
.call_box {background:#e6ebef; text-align:center; padding:.7em; font-size:1.25em; margin:1em 0;}
.call_box p {background:url(/Html/WebFront/hnsoft/shop1/images/ico_call.png) no-repeat 0 center; color:#4c5565; line-height:30px; padding-left:1.7em; padding-right:1.2em; margin:0.5em; font-weight:400; display:inline-block;}
.call_box p:nth-of-type(2n+1) {border-right:1px solid #ddd;}
.call_box p a {color:#4c5565 !important; text-decoration:none !important;}

@media (max-width: 991px) {
.call_box p {background-size:auto 25px; line-height:25px;}
}

@media (max-width: 575px) {
.call_box p {background-size:auto 20px; line-height:20px; padding-left:1.5em;}	
}

@media screen\9 {
.call_box p {display:inline; zoom:1; font-weight:bold;}	
}


/*치료 및 서비스*/
.col_svc {overflow:hidden;}
.col_svc .row {margin-top:-1px;}
.col_svc .item {border-top:1px solid #e3e3e3; padding-top:25px; padding-bottom:25px; position:relative; zoom:1;}
.col_svc .item:after {display:block;visibility:hidden;clear:both;content:""}
.col_svc .item .figure {float:left; width:25%; padding:0 3%;}
.col_svc .item .figure img {width:100%; height:auto; max-width:77px;}
.col_svc .item .txt {width:70%; position:absolute; left:28%; top:50%; font-size:1.125em; font-weight:400; letter-spacing:-0.05em;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-o-transform:translateY(-50%);
}


@media (max-width: 991px) {
.col_svc .item {padding-top:20px; padding-bottom:20px;}
.col_svc .item .figure img {max-width:64px;}
}

@media (max-width: 575px) {
.col_svc .item {padding-top:15px; padding-bottom:15px;}
.col_svc .item .figure {width:20%;}
.col_svc .item .figure img {max-width:51px;}
.col_svc .item .txt {left:22%;}
}

@media screen\9 {
.col_svc .row {margin:0;}
.col_svc .item {padding:25px 0;}	
}


/*진료부*/
.cols_office .col_img_wrap .col {border-top:1px solid #e3e3e3; padding:35px 25px 25px; margin:0;}
.cols_office .col_img_wrap .col.first {border:none; }
.cols_office .col_img {margin:0 -7px; zoom:1}
.cols_office .col_img:after {display:block;visibility:hidden;clear:both;content:""}
.cols_office .col_img .item {float:left; padding:0 7px; width:33.33%; margin:0 0 14px;}
.cols_office .col_img .item img {width:100%; height:auto;}


@media (max-width: 991px) {
.cols_office .col_img_wrap .col {border-top:1px solid #e3e3e3; padding:29px 20px 20px;}
}

@media (max-width: 575px) {
.cols_office .col_img_wrap .col {padding:20px 15px 15px;}
.cols_office .col_img {margin:0 -5px;}
.cols_office .col_img .item {padding:0 5px; margin:0 0 10px; width:50%;}
}

@media (max-width: 379px) {
.cols_office .col_img .item {width:100%;}
}

@media screen\9 {
.cols_office .col_img_wrap .col {padding-left:20px; padding-right:0;}	
.cols_office .col_img {margin:0;}	
.cols_office .col_img .item {padding:0; margin:0 7px 14px; width:31%;}	
}

/*독립형쇼핑몰 > 무료스킨*/
.rolling_icon {text-align:center; font-size:0px; position:relative; margin-top:30px;}
/*.rolling_icon:before {content:"4564646"; width:100%; height:1px; background:#999; position:absolute; left:0; top:50%;}*/
.rolling_icon ul {display:inline-block; position:relative;}
.rolling_icon li {float:left; padding:0 5px;}
.rolling_icon a {width:70px; height:35px; line-height:34px; box-sizing:border-box; font-family:"rubik"; font-size:23px; font-weight:600; color:#999; border:1px solid #999; border-radius:100px; display:block;}
.rolling_icon a {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.rolling_icon a.hit {background:#e3e3e3; border-color:#a9a6a6; color:#fff;}