@charset "utf-8";

/*동아신경외과 약속*/
b.title{text-align:left; font-size:1.5em; color:#1f3c8b; font-weight:200;}
b.title:after{content:''; width:10%; height:1px; background:#1f3c8b; margin: 0 0 0.4em 10px; display:inline-block; }
.about_info.text_left{ text-align:left; background: url('/img/sub/bg_about.png')no-repeat right 75%; background-size: 25%;}
.txt_about{ color:#000; font-weight:300; margin-top:100px; letter-spacing:-0.05em; line-height: 2; font-size:1.2em;}
.txt_about span{font-size:1.7em;  font-weight:200}
.txt_about span + div {margin-top:30px;}
.txt_about div + div { margin: 20px 0 0 0;}
.txt_about div:last-child{ font-size:1.5em; font-weight:200; margin-top: 80px
;}
.txt_about div:last-child em{font-style:normal; font-weight:400;display:block;}
.txt_about div:last-child img{    margin-top: 5px;}

.step02, .step03{text-align:center; width:1300px; margin:0 auto;}
.step01  .s-title h3:before {content:''; display:inherit; width:10px; height:24px; border-radius:10px; background:#2390f6; margin-bottom:3px; margin-right:10px;}
.mid_disease .step01 h3 span, .mid_disease .step02 h3 span ,.mid_disease  .step03 h3 span{color:#2390f6; margin-right:10px; display:none;}
.mid_disease .step02 h3 ,.mid_disease  .step03 h3{ background:none; text-align:left; color: #000; font-size: 2.3em; text-align:left; display:block;     font-weight: 700; margin-bottom:1em;     padding: 0.5em 1em/*padding-left:0;*/}
.mid_disease .step02 h3:before ,.mid_disease  .step03 h3:before{content:''; display:inline-block; width:10px; height:24px; border-radius:10px; background:#2390f6; margin-bottom:3px; margin-right:10px;}
.step02 {padding:60px 0 100px 0; border-bottom:1px solid #e7e6e6; margin-bottom:60px;}
.step02 ul{max-width:1300px; width:100%; margin:0 auto;}
.step02 ul li div{ text-align:center; width:100%;  margin:0 20px; padding:20px; background:#fafafa;  }
.self08 .step02 ul li div{ padding:20px 0; }

.step02 ul li:nth-child(1) div{margin-left:0;}
.step02 ul li:last-child div{margin-right:0;}
.step02 ul li div p{ margin:15px 0 ;}
.step02 ul li span{display:block; font-size:0.8em;}
.step02 ul.taps01 {width:300px; margin-left:0;}
.step02 ul.taps02 li{display:inline-flex;  width:calc(98%/2); height: 220px; }
.step02 ul.taps03 li{display:inline-flex;  width:calc(98%/3); height: 220px; }
.step02 ul.taps04 li{display:inline-flex;  width:calc(98%/4); height: 220px; }
.step02 ul.taps05 li{display:inline-flex;  width:calc(98%/5); height: 220px; }
.step02 ul.taps07 li{display:inline-flex;  width:calc(98%/7); height: 220px; }

.step03{margin-bottom:150px;}
.step03 ul li:last-child{margin-right:0;}
.step03 .taps02 {width:700px; }
.step03 .taps02 li{width: calc(96%/2); display:inline-table; text-align:center;  margin-right:20px; border-radius: 10px; overflow: hidden;}
.step03 .taps03 li{width: calc(96%/3); display:inline-table; text-align:center;  margin-right:20px; border-radius: 10px; overflow: hidden;}
.step03 .taps05 li{width: calc(92%/4); display:inline-table; text-align:center;  margin-right:20px; border-radius: 10px; overflow: hidden;}
.step03 .taps05 li{width: calc(92%/5); display:inline-table; text-align:center;  margin-right:20px; border-radius: 10px; overflow: hidden;}
.step03 .taps06 li{width: calc(90%/6); display:inline-table; text-align:center;  margin-right:20px; border-radius: 10px; overflow: hidden;}
.step03 li div{display:grid; padding:60px 0;   position: relative; }
.step03 li div p{z-index:100;font-size:1.6em; font-weight:600; letter-spacing:-0.05em;}
.step03 li div p.btn{font-size:0.8em; opacity: 0; border-radius:20px; padding:5px 15px; background:#fff7; transition: all ease 0.5s 0s;    position: absolute;     top: calc(100%/2.5);  left: calc(100%/3);}
.step03 .taps06 div p.btn { left: calc(100%/3.5);}
.step03 .taps02 div p.btn { left: calc(100%/2.8);}
.step03 .taps03 div p.btn {left: calc(100%/2.6);}

.step03 li div::after {content: '';  width:100%;  position: absolute;    background: white;    z-index: 0;    inset: 0;    opacity: 0.7;    transition: all ease 0.5s 0s;}
.step03 li a:hover div::after {    content: '';    position: absolute;    background: white;    z-index: -1;    inset: 0;    opacity: 0;    transition: all ease 0.5s 0s;}
.step03 li a:hover p:nth-child(1){opacity: 0; transition: all ease 0.5s 0s; color:#000;}
.step03 li a:hover p.btn{font-size:0.8em; opacity: 1;}
.step03_01{z-index:0; background:url('/img/sub/in01.jpg') no-repeat center;}
.step03_02{z-index:0;background:url('/img/sub/jun01.jpg') no-repeat center;}
.step03_03{z-index:0;background:url('/img/sub/chung01.jpg') no-repeat center;}
.step03_04{z-index:0;background:url('/img/sub/le01.jpg') no-repeat center;}
.step03_05{z-index:0;background:url('/img/sub/do01.jpg') no-repeat center;}


.self02 .step03_01{z-index:0; background:url('/img/sub/in01.jpg') no-repeat center;}
.self02 .step03_02{z-index:0;background:url('/img/sub/jun01.jpg') no-repeat center;}
.self02 .step03_03{z-index:0;background:url('/img/sub/chung01.jpg') no-repeat center;}
.self02 .step03_04{z-index:0;background:url('/img/sub/le01.jpg') no-repeat center;}
.self02 .step03_05{z-index:0;background:url('/img/sub/pak01.jpg') no-repeat center;}
.self02 .step03_06{z-index:0; background:url('/img/sub/in01.jpg') no-repeat center;}


.self03 .step03_01{z-index:0; background:url('/img/sub/chu01.jpg') no-repeat center;}
.self03 .step03_02{z-index:0;background:url('/img/sub/pung01.jpg') no-repeat center;}
.self03 .step03_03{z-index:0;background:url('/img/sub/l01.jpg') no-repeat center;}
.self03 .step03_04{z-index:0;background:url('/img/sub/kung01.jpg') no-repeat center;}
.self03 .step03_05{z-index:0;background:url('/img/sub/pak01.jpg') no-repeat center;}

.self04 .step03_01{z-index:0; background:url('/img/sub/in01.jpg') no-repeat center;}
.self04 .step03_02{z-index:0;background:url('/img/sub/jun01.jpg') no-repeat center;}
.self04 .step03_03{z-index:0;background:url('/img/sub/chung01.jpg') no-repeat center;}
.self04 .step03_04{z-index:0;background:url('/img/sub/le01.jpg') no-repeat center;}
.self04 .step03_05{z-index:0;background:url('/img/sub/do01.jpg') no-repeat center;}

.self05 .step03_01{z-index:0; background:url('/img/sub/jo01.jpg') no-repeat center;}
.self05 .step03_02{z-index:0;background:url('/img/sub/do01.jpg') no-repeat center;}
.self05 .step03_03{z-index:0;background:url('/img/sub/chung01.jpg') no-repeat center;}
.self05 .step03_04{z-index:0;background:url('/img/sub/le01.jpg') no-repeat center;}
.self05 .step03_05{z-index:0;background:url('/img/sub/do01.jpg') no-repeat center;}


.self06 .step03_01{z-index:0; background:url('/img/sub/in01.jpg') no-repeat center;     background-size: cover;}
.self06 .step03_02{z-index:0;background:url('/img/sub/chung01.jpg') no-repeat center;     background-size: cover;}
.self06 .step03_03{z-index:0;background:url('/img/sub/do01.jpg') no-repeat center;     background-size: cover;}


.self07 .step03_01{z-index:0; background:url('/img/sub/in01.jpg') no-repeat center;}
.self07 .step03_02{z-index:0;background:url('/img/sub/chung01.jpg') no-repeat center;}
.self07 .step03_03{z-index:0;background:url('/img/sub/do01.jpg') no-repeat center;}
.self07 .step03_04{z-index:0;background:url('/img/sub/jun01.jpg') no-repeat center;}
.self07 .step03_05{z-index:0;background:url('/img/sub/le01.jpg') no-repeat center;}

.self08 .step03_01{z-index:0; background:url('/img/sub/in01.jpg') no-repeat center;}
.self08 .step03_02{z-index:0;background:url('/img/sub/chung01.jpg') no-repeat center;}
.self08 .step03_03{z-index:0;background:url('/img/sub/jun01.jpg') no-repeat center;}
.self08 .step03_04{z-index:0;background:url('/img/sub/le01.jpg') no-repeat center;}
.self08 .step03_05{z-index:0;background:url('/img/sub/do01.jpg') no-repeat center;}

.self09 .step03_01{z-index:0; background:url('/img/sub/in01.jpg') no-repeat center;}
.self09 .step03_02{z-index:0;background:url('/img/sub/jun01.jpg') no-repeat center;}
.self09 .step03_03{z-index:0;background:url('/img/sub/chung01.jpg') no-repeat center;}
.self09 .step03_04{z-index:0;background:url('/img/sub/le01.jpg') no-repeat center;}
.self09 .step03_05{z-index:0;background:url('/img/sub/do01.jpg') no-repeat center;}





.s_title {padding:85px 0;text-align:center;}
.s_title h2 {font-size:40px; color:#000; font-weight:500;}
.s_title p {padding:15px 0 0 0;color:#818285;font-size:18px;}

.s_tab {width:1000px; margin:0 auto;text-align:center; letter-spacing:-0.1em; line-height:0;}
.s_tab ul li {display:inline-block;}
.s_tab ul li a {display:block;font-size:2.5em; color:#cfcfcf; overflow:hidden;padding:15px 2.5em 45px 2.5em;}
.s_tab ul li a:hover {color:#333;}
.s_tab ul li.on {color:#333; }
.s_tab ul li.on a {color:#333; border-bottom:3px solid #000; padding-bottom: 42px;}
.s_tab ul li a.on, .s_tab ul li a:hover, .s_tab ul li a:active, .s_tab ul li a:focus {color:#333;}

.bottom_dong_b {background:#62625e url("/img/sub/foot_donga_bg01.png") no-repeat center bottom; width:100%;position:relative;text-align:center; height:850px; clear:both;}
.bottom_dong_b p.st01 {font-size:15px;color:#fff; padding:120px 0 20px 0; }
.bottom_dong_b p.st02 {font-size:30px;color:#fff; line-height:2.2;letter-spacing:-0.07em; padding:120px 0 40px 0;}
.bottom_dong_b p.st03 {}

/*동아신경외과*/
.about_wrap {background:url("/img/sub/about_bg01.png") no-repeat center 0; width:100%;position:relative; padding-top:540px;}
.about_info {text-align:center;  padding-bottom:200px; width: 90%;   max-width: 1000px;    margin: 0 auto;}
.ab_info01 {background:url("/img/sub/black_line.png") no-repeat center 0; padding-top:120px; margin-top:100px;}
.ab_info01 p.st01 {font-size:24px;color:#000; padding-bottom:20px;font-weight:600;/*font-family: 'Fira Sans Condensed', sans-serif;*/letter-spacing:0em;}
.ab_info01 p.st02 {font-size:2.5em;color:#000;font-weight:200;letter-spacing:-0.04em;}
.ab_info02 {padding:0 30px;}
.ab_info02 p.st01 {padding:0 0 50px 0;font-weight:600;font-size:1.2em;}
.ab_info02 p.st02 {font-size:1.2em;color:#333; line-height:2;}
.ab_info02 p.st02 span.img {vertical-align:top; margin-top:10px;}
.ab_info02 p.st02 span.txt {vertical-align:top; margin-top:10px;}
.ab_info02 p.st03 {font-size:20px;color:#333; line-height:2;padding:0 0 50px 0;font-weight:600;}

/*원장 소개*/
.director_wrap {background:url("/img/sub/director_line.png") repeat-y center 0; width:100%;position:relative;}
.director_top01 {background:url("/img/sub/director_t_bg01.png") no-repeat center 0; height:415px;}
.director_top_info {margin:0 auto; width:1000px; color:#fff;}
.director_top_info p.st01 {padding:130px 0 15px 0; font-size:30px; line-height:2.2;}
.director_top_info p.st02 { font-size:15px;}
.director_top_info p.st03 { font-size:1.2em;vertical-align:middle;}
.director_top_info p.st03 span { font-size:50px;font-family: 'Nanum Brush Script', cursive; display:inline-block; padding-left:15px;}
.director_top_info p.st03 span img {padding-top:0.5em;}
.director_info {width:100%; margin-top:140px;}
.director_info ul li {width:100%;  margin-bottom:75px;}
.director_info ul li.bl01 {background:url("/img/sub/director_bl.png") no-repeat center 0;height:700px;}
.director_info ul li.bl02 {background:url("/img/sub/director_bl02.png") no-repeat center 0;height:620px;}
.direc_bg01 {background:url("/img/sub/director_bg0101.png") no-repeat right 0; float:left; height:700px;}
.direc_bg02 {background:url("/img/sub/director_bg0102.png") no-repeat 0 0; float:right; height:620px;}
.direc_bg03 {background:url("/img/sub/director_bg0103.png") no-repeat right 0; float:left; height:700px;}
.direc_bg04 {background:url("/img/sub/director_bg0104.png") no-repeat 0 0; float:right; height:620px;} 
.direc_img {width:50%;}
.direc_info_st01 {float:right;width:50%;}
.direc_info_st02 {float:left;width:50%;text-align:right;}
.direc_con { padding-left:75px;}
.direc_con p.tit01 {color:#000; font-size:36px; /*font-family:'Nanum Myeongjo', serif;*/ padding-bottom:2.5em;font-weight:600;}
.direc_con p.tit02 {color:#000; font-size:20px; padding-bottom:30px;}
.direc_con p.info {color:#666; font-size:1.2em; line-height:2;}
.direc_con02 { padding-right:75px;}
.direc_con02 p.tit01 {color:#000; font-size:36px; /*font-family:'Nanum Myeongjo', serif;*/ padding-bottom:2.5em;font-weight:600;}
.direc_con02 p.tit02 {color:#000; font-size:20px; padding-bottom:30px;}
.direc_con02 p.info {color:#666; font-size: 1.2em; line-height: 2;}
.direc_con02 p.img  {margin-top:50px;}

/*병원둘러보기*/
.pic_view {background:#ccc; width:1300px; position:relative; margin:0 auto;}
.pic_view img{width:100%;}
.pic_view_btn {position:absolute;width:1300px;text-align:center;padding-top:0; margin:0 auto; margin-top:-300px; letter-spacing:0; font-size:0;}
.pic_view_btn .prev{float:left;}
.pic_view_btn .next{float:right;}
.pic_view_info {margin:0 auto; width:1300px; position:relative; margin:0 auto; height:600px;overflow:hidden; position:relative;}
.pic_view_info ul li{float:left;width:100%;height:600px;}

.a_tour_wrap {padding-top:150px;}
.tour_info { text-align:center;  padding-bottom:200px;}
.tour_info p.st01 {font-size:24px;color:#000; padding:200px 0 150px 0;font-weight:500;  letter-spacing:0.4em;     text-transform: uppercase;}
.tour_info p.st02 {font-size:18px;color:#555; padding-bottom:200px;font-weight:400;letter-spacing:-0.04em;background:url("/img/sub/black_line.png") no-repeat center bottom;    line-height: 1.9;}
.tour_info p.st03 {padding-top:100px;}

/*진료 시간 안내*/
.hour_wrap {width:100%;position:relative;}
.hour_top {margin:0 auto; width:1100px;padding:180px 0 120px 0; height:150px;}
.hour_tit {float:left;width:200px;}
.hour_tit p.st01 {border-top:1px solid #000; padding:20px 0 10px;font-weight:300; font-size:30px; color:#000; letter-spacing:-0.05em;}
.hour_tit p.st02 {font-size:13px; color:#777;letter-spacing:0;}
.hour_info {float:right;width:750px; font-size:1.2em; color:#777;}
.hour_info01 {width:350px;float:left;}
.hour_info02 {width:350px;float:left;}
.hour_info span {width:170px; color:#000;font-weight:600; display:inline-block;}
.hour_info b {color:#000;font-weight:600;}
.hour_ban {height:670px;background:url("/img/sub/hour_bg.png") no-repeat center 0 / cover;text-align:center; color:#fff;}
.hour_ban .st01 {font-size:2.1em; padding:150px 0 15px 0}
.hour_ban .st02 {font-size:1.2em;}
.hour_ban .st03 {font-size:1.2em; padding:70px 0;}
.hour_ban .st03 span {font-size:34px; padding-left:20px; display:inline-block;}
.hour_ban .st04 {}
.hour_ban .st04 a {display:inline-block; background:#fff; padding:15px 70px;font-size:1.2em;color:#695941;}


/*찾아오시는 길*/
.location_wrap {}
.location_top {padding:100px 0 100px 0;text-align:center;}
.location_top p.st01 {font-size:1.2em; color:#000; padding-bottom:50px;}
.location_top p.st01 span {color:#7e7058;}
.location_top p.st02 a {border:1px solid #ebebeb; font-size:1.2em; color:#000; padding:15px 50px 15px 70px; }
.location_top p.st02 a.ico01 {background:url("/img/sub/map_ico01.png") no-repeat 20px 17px;} 
.location_top p.st02 a.ico02 {background:#d5e3f8  url("/img/sub/map_ico02.png") no-repeat 20px 17px; border-color:#d5e3f8 ;} 
.location_mid{width:100%; max-width:1800px; margin:0 auto;}
.location_foot {}
.location_foot_info {width:1300px; margin:0 auto; padding:80px; }
.location_foot_info ul li {display:inline-table; width:calc(99%/3);padding-top:70px; font-size:1.2em;text-align:center; height:300px;}
.location_foot_info ul li.ic01 {background:url("/img/sub/map_ic01.png") no-repeat center 0;}
.location_foot_info ul li.ic02 {background:url("/img/sub/map_ic02.png") no-repeat center 0;}
.location_foot_info ul li.ic03 {background:url("/img/sub/map_ic03.png") no-repeat center 0;}
.location_foot_info ul li p.tit {padding-bottom:30px; font-size:1em;display:block;}
.location_foot_info ul li p.txt { font-size:1em; color:#666;}
.location_foot_info ul li p.txt span.bk {color:#000;padding-right:10px; display:inline-block;}
.location_foot_info ul li p.txt span.ye {color:#3687d0;}

/*장비*/
.equipment_list {width:95%; max-width:1300px; margin:0 auto; padding-top:150px;}
.equipment_list ul {float:left;margin-bottom:100px;}
.equipment_list ul li {display: inline-table; width: calc(97%/3); padding:3px; font-size:1.2em; margin-bottom:60px;text-align:center;}
.equipment_list ul li img {border:1px solid #ddd; margin-bottom:15px; width:100%;}
.equipment_list ul li span { font-weight:700; display:block; margin:10px 0 5px 0;}

.equipment_view {width:1100px; margin:0 auto; padding-top:100px;text-align:center;}
.equip_view_top {padding-bottom:30px;}
.equip_view_top p.tit {font-size:18px;}
.equip_view_top span {font-size:30px;font-weight:700;display:block;}
.equip_view_top p.txt {font-size:1.2em; padding:30px 0 50px 0; color:#777;}
.equip_view_con {padding-bottom:100px;}
.equip_view_con img {width:100%;}

/*자가진단*/
.s_test_wrap {background:url("/img/sub/s_test_bg.png") no-repeat center 0; width:100%;position:relative; padding-bottom:100px; height:1075px;background-size:cover;}
.stest_info { width:1000px; margin:0 auto; padding-top:100px;}
.stest_noti {text-align:left;background:url("/img/sub/noti_bl.png") no-repeat 0 0; padding-left:30px; color:#585757; font-size:1.2em;}
.stest_img {text-align:center; padding-top:30px;}
.stest_link {display:none;}

.stest_info {}
.ar_disno {display:none;}
.stest_info_mobile {display:none;}
.lib_bg {background:#a59782; padding:30px 30px; width:350px;position:absolute; z-index:10;box-shadow:10px 10px 15px rgba(0,0,0,.3); border-radius:5px;}	
.lib_if dt, .lib_if dd {padding:0; text-align:left; color:#fff;}
.lib_if dt {padding:0 0 10px 0; font-size:12px;}
.lib_if dt span, .lib_if dd span {display:block; border:1px solid #fff; border-radius:3px; padding:3px 0; width:150px;font-weight:bold; font-size:13px; margin-bottom:20px; text-align:center;margin-right:10px;}
.lib_if dd { font-size:12px; padding:10px 0; border-top:1px solid #fff;}

.s01 {left:50%; margin-top:-550px; margin-left:-380px;}
.s02 {left:50%; margin-top:-550px; margin-left:-380px;}
.s03 {left:50%; margin-top:-400px; margin-left:-380px;}
.s04 {left:50%; margin-top:-450px; margin-left:-330px;}
.s05 {left:50%; margin-top:-600px; margin-left:-330px;}
.s06 {left:50%; margin-top:-650px; margin-left:-300px;}
.s07 {left:50%; margin-top:-650px; margin-left:-300px;}

.archive_info_mobile {display:none;}



/*비수술 척추 치료 요법*/
.spine_wrap {width:100%;position:relative; min-width:1150px;float:left;background:#000 url("/img/sub/spine_left_bg.png") no-repeat 0 0 fixed;}
.spine_left {width:30%;height:100%;float:left; color:#fff;text-align:right;position:fixed;}
.spine_left p.st01 {font-size:24px; padding:250px 50px 0 0;font-weight:600;  letter-spacing:0em;}
.spine_left p.st02 {font-size:20px; padding:15px 50px 0 0;font-weight:100;}
.spine_right {width:70%; float:right; padding-bottom:100px;background:#fff;}
.spine_right_con {padding:0 60px;}
.spine_right_info {width:100%;margin:0; }
.spine_right_info ul {margin:0 auto;width:800px;}
.spine_right_info ul li {float:left; width:33.3%; height:360px;}
.spine_right_info ul li div.sp_list {width:230px; margin:0 auto; height:340px;border-radius:10px; background:#fafdff; overflow:hidden;text-align:center; transition: all ease 0.5s 0s; }
.spine_right_info ul li div.sp_list:hover{ background:#e8f2ff; transition: all ease 0.5s 0s; }
.spine_right_info ul li div.sp_list:hover p.btn span {background:#1f3c8a; border:#1f3c8a; color:#fff; transition: all ease 0.5s 0s; }
.spine_right_info ul li div.sp_list p.img {height:135px;}
.spine_right_info ul li div.sp_list p.tit {padding-top:35px; height:35px; font-size:20px;font-weight:600;}
.spine_right_info ul li div.sp_list p.txt {font-size:15px; padding:0 15px; color:#666; line-height:1.8; height:80px;}
.spine_right_info ul li div.sp_list p.btn {padding-top:10px;}
.spine_right_info ul li div.sp_list p.btn span {display:inline-block; border:1px solid #ccc;border-radius:3px; font-size:12px; padding:5px 20px; letter-spacing:0; transition: all ease 0.5s 0s;}


/*도수 재활 치료 요법*/
.dosu_wrap {width:100%;position:relative; min-width:1150px;float:left;background:#000 url("/img/sub/dosu_left_bg.jpg") no-repeat 0 0 fixed;}
.dosu_left {width:30%; height:100%;float:left; color:#fff;text-align:right;position:fixed;}
.dosu_left p.st01 {font-size:2.8em; padding:250px 50px 0 0;font-family: 'Nanum Brush Script', cursive;letter-spacing:0em;}
.dosu_left p.st02 {font-size:1.5em; padding:15px 50px 0 0;font-weight:100;}
.dosu_right {width:70%; float:right; /*padding-bottom:100px;*/background:#fff;}
.dosu_right_con {/*padding:0 60px;*/}
.dosu_right_info {width:100%;margin:0;}
.dosu_right_info ul {margin:0 auto; width:800px;}
.dosu_right_info ul li {float:none;    width: calc(98%/3); display:inline-table;    margin-bottom: 2em;}
.dosu_right_info ul li div.ji_list {width:230px; margin:0 auto; height:340px;border-radius:10px; background:#fafdff; overflow:hidden;text-align:center;}
.dosu_right_info ul li div.ji_list p.img {height:135px;}
.dosu_right_info ul li div.ji_list p.tit {padding-top:35px; height:35px; font-size:20px;font-weight:600;}
.dosu_right_info ul li div.ji_list p.txt {font-size:15px; padding:0 15px; color:#666; line-height:1.8; height:80px;}
.dosu_right_info ul li div.ji_list p.btn {padding-top:10px;}
.dosu_right_info ul li div.ji_list p.btn span {display:inline-block; border:1px solid #ccc;border-radius:3px; font-size:12px; padding:5px 20px; letter-spacing:0;}
.dosu_right_info ul li div.ji_list:hover{ background:#e8f2ff; transition: all ease 0.5s 0s; }
.dosu_right_info ul li div.ji_list:hover p.btn span {background:#1f3c8a; border:#1f3c8a; color:#fff; transition: all ease 0.5s 0s; }




/*비수술 관절 치료 요법*/
.joint_wrap {width:100%;position:relative; min-width:1150px;float:left;background:#000 url("/img/sub/joint_left_bg.png") no-repeat 0 0 fixed;}
.joint_left {width:30%; height:100%;float:left; color:#fff;text-align:right;position:fixed;}
.joint_left p.st01 {font-size:2.8em; padding:250px 50px 0 0;font-family: 'Nanum Brush Script', cursive;letter-spacing:0em;}
.joint_left p.st02 {font-size:1.5em; padding:15px 50px 0 0;font-weight:100;}
.joint_right {width:70%; float:right; padding-bottom:100px;background:#fff;}
.joint_right_con {padding:0 60px;}
.joint_right_info {width:100%;margin:0;}
.joint_right_info ul {margin:0 auto;width:800px;}
.joint_right_info ul li {float:none;    width: calc(98%/3); display:inline-table;    margin-bottom: 2em;}
.joint_right_info ul li div.ji_list {width:230px; margin:0 auto; height:340px;border-radius:10px; background:#fafdff; overflow:hidden;text-align:center;}
.joint_right_info ul li div.ji_list p.img {height:135px;}
.joint_right_info ul li div.ji_list p.tit {padding-top:35px; height:35px; font-size:20px;font-weight:600;}
.joint_right_info ul li div.ji_list p.txt {font-size:15px; padding:0 15px; color:#666; line-height:1.8; height:80px;}
.joint_right_info ul li div.ji_list p.btn {padding-top:10px;}
.joint_right_info ul li div.ji_list p.btn span {display:inline-block; border:1px solid #ccc;border-radius:3px; font-size:12px; padding:5px 20px; letter-spacing:0;}
.joint_right_info ul li div.ji_list:hover{ background:#e8f2ff; transition: all ease 0.5s 0s; }
.joint_right_info ul li div.ji_list:hover p.btn span {background:#1f3c8a; border:#1f3c8a; color:#fff; transition: all ease 0.5s 0s; }

/*치료 상세*/
.top_disease {background-size:cover; height:365px; width:100%;text-align:center;color:#fff;}
.t_dis_bg01 {background:url("/img/sub/top_disease01.png") no-repeat center 0;}
.t_dis_bg02 {background:url("/img/sub/top_disease02.png") no-repeat center 0;}
.t_dis_bg03 {background:url("/img/sub/top_disease03.png") no-repeat center 0;}
.t_dis_bg04 {background:url("/img/sub/top_disease04.png") no-repeat center 0;}
.t_dis_bg05 {background:url("/img/sub/top_disease05.png") no-repeat center 0;}
.t_dis_bg06 {background:url("/img/sub/top_disease06.png") no-repeat center 0;}
.t_dis_bg07 {background:url("/img/sub/top_disease07.png") no-repeat center 0;}
.t_dis_bg08 {background:url("/img/sub/top_disease08.png") no-repeat center 0;}
.t_dis_bg09 {background:url("/img/sub/top_disease09.png") no-repeat center 0;}
.t_dis_bg10 {background:url("/img/sub/top_disease10.png") no-repeat center 0;}
.t_dis_bg11 {background:url("/img/sub/top_disease11.png") no-repeat center 0;}
.t_dis_bg12 {background:url("/img/sub/top_disease12.png") no-repeat center 0;}
.t_dis_bg13 {background:url("/img/sub/top_disease13.png") no-repeat center 0;}
.t_disease_title {padding-top:130px;}
.t_disease_title span {font-size:1.2em;/*font-family:'Nanum Myeongjo', serif;*/ padding-bottom:15px; display:block; letter-spacing:0;}
.t_disease_title h2 {font-size:2.5em; padding-bottom:1em;}
.t_disease_title p {font-size:1.1em;}
.mid_disease {}
/*.mid_disease h3 {text-align:center;padding-bottom:30px; margin-bottom:45px;background:url("/img/sub/h3_line.png") no-repeat center bottom; display:block;font-size:27px; color:#000;}*/
.n_manip_info01_con h3  {padding:0.4em 2em; margin-bottom:3em; color:#FFF;  border-radius:30px;  display:inline-block; background-image:radial-gradient( circle farthest-corner at 12.3% 19.3%,  #2196f3 0%, rgb(53 196 175) 100.2% ); font-size:1.3em;}
.manip_info01  h3  {padding:0.4em 2em; margin-bottom:3em; color:#FFF;  border-radius:30px;  display:inline-block; background-image:radial-gradient( circle farthest-corner at 12.3% 19.3%,  #2196f3 0%, rgb(53 196 175) 100.2% ); font-size:1.3em;}
.mid_disease h3  {padding:0.4em 2em; margin-bottom:3em; color:#FFF;  border-radius:30px;  display:inline-block; background-image:radial-gradient( circle farthest-corner at 12.3% 19.3%,  #2196f3 0%, rgb(53 196 175) 100.2% ); font-size:1.3em;}
.mid_disease01 {padding:150px 0 110px 0;text-align:center;}
.mid_disease01 p {width:1100px; margin:0 auto; font-size:1.2em; color:#333; letter-spacing:-0.05em; line-height:2.2;}
.mid_disease02 {background:url("/img/sub/mid_disease_bg01_.png") no-repeat center 30px; padding:140px 0 140px;text-align:center; }
.mid_disease02 ul {width:1000px; margin:0 auto;}
.mid_disease02 ul li {display:inline-block; width:19%; height:230px;}
.mid_disease02 ul li div {width:90%; margin:0 auto; box-shadow:#aaa 2px 1px 8px; height:80px; padding-top:130px; font-size:20px;}
.mid_disease02 ul li div.ico_dis01 {background:#fff url("/img/sub/icon_disease01.png") no-repeat center 50px;}
.mid_disease02 ul li div.ico_dis02 {background:#fff url("/img/sub/icon_disease02.png") no-repeat center 50px;}
.mid_disease02 ul li div.ico_dis03 {background:#fff url("/img/sub/icon_disease03.png") no-repeat center 50px;}
.mid_disease02 ul li div.ico_dis04 {background:#fff url("/img/sub/icon_disease04.png") no-repeat center 50px;}
.mid_disease02 ul li div.ico_dis05 {background:#fff url("/img/sub/icon_disease05.png") no-repeat center 50px;}
.mid_disease02 ul li div.ico_dis06 {background:#fff url("/img/sub/icon_disease06.png") no-repeat center 50px;}
.mid_disease02 ul li div.ico_dis07 {background:#fff url("/img/sub/icon_disease07.png") no-repeat center 50px;}
.mid_disease02 ul li div.ico_dis08 {background:#fff url("/img/sub/icon_disease08.png") no-repeat center 50px;}
.mid_disease02 ul li div.ico_dis09 {background:#fff url("/img/sub/icon_disease09.png") no-repeat center 50px;}
.mid_disease02 ul li div.ico_dis10 {background:#fff url("/img/sub/icon_disease10.png") no-repeat center 50px;}
.mid_disease02 ul li div.ico_dis11 {background:#fff url("/img/sub/icon_disease11.png") no-repeat center 50px;}
.mid_disease02 ul li div.ico_dis12 {background:#fff url("/img/sub/icon_disease12.png") no-repeat center 50px;}
.mid_disease02 ul li div.ico_dis13 {background:#fff url("/img/sub/icon_disease13.png") no-repeat center 50px;}
.mid_disease02 ul li div.ico_dis14 {background:#fff url("/img/sub/icon_disease14.png") no-repeat center 50px;}
.mid_disease02 ul li div.ico_dis15 {background:#fff url("/img/sub/icon_disease15.png") no-repeat center 50px;}
.mid_disease03 {background:#fff; text-align:center; width:100%;}
.mid_disease03_info {width:1000px; margin:0 auto;}
.mid_disease03_info ul li {float:left;text-align:center;box-sizing:border-box; padding-bottom:100px;}
.mid_disease03_info ul.w01 li{width:33.3%;}
.mid_disease03_info ul.w02 li{width:25%;}
.mid_disease03_info ul li p.img {}
.mid_disease03_info ul li p.tit {font-size:1.2em; color:#000; padding:20px 10px;}
.mid_disease03_info ul li p.txt {font-size:1.2em; padding:0 20px; color:#666;}
.mid_disease04 {width:100%; clear:both;text-align:center;}
.b_dis01 {background:#fff url("/img/sub/bottom_disease01.png") no-repeat center 0;}
.b_dis02 {background:#fff url("/img/sub/bottom_disease02.png") no-repeat center 0;}
.b_dis03 {background:#fff url("/img/sub/bottom_disease03.png") no-repeat center 0;}
.b_dis04 {background:#fff url("/img/sub/bottom_disease04.png") no-repeat center 0;}
.b_dis05 {background:#fff url("/img/sub/bottom_disease05.png") no-repeat center 0;}
.b_dis06 {background:#fff url("/img/sub/bottom_disease06.png") no-repeat center 0;}
.b_dis07 {background:#fff url("/img/sub/bottom_disease07.png") no-repeat center 0;}
.b_dis08 {background:#fff url("/img/sub/bottom_disease08.png") no-repeat center 0;}
.b_dis09 {background:#fff url("/img/sub/bottom_disease09.png") no-repeat center 0;}
.mid_disease04 p.st01 {font-size:24px; padding:50px 50px 0 0;font-weight:600;font-family: 'Fira Sans Condensed', sans-serif;letter-spacing:0em;}
.mid_disease04 p.st02 {font-size:20px; padding:15px 50px 100px 0;font-weight:100;}
.mid_disease04 p.st03 {padding:0 0 50px 0;}

/*도수재활치료*/
.manip_wrap {background:url("/img/sub/manip_bg01.png") no-repeat center 0; width:100%;position:relative; padding-top:580px;}
.nm01{background:url("/img/sub/bg0501.jpg") no-repeat center 0;}
.nm02{background:url("/img/sub/bg0502.jpg") no-repeat center 0;}
.nm03{background:url("/img/sub/bg0503.jpg") no-repeat center 0;}
.nm04{background:url("/img/sub/bg0504.jpg") no-repeat center 0;}
.nm05{background:url("/img/sub/bg0505.jpg") no-repeat center 0;}
.nm06{background:url("/img/sub/bg0506.jpg") no-repeat center 0;}

.manip_info01 {text-align:center;position:relative;}
.manip_info01 p.st01 {font-size:2.2em; color:#000;}
.manip_info01 p.st02 {padding-top:60px; font-size:1.2em;color:#666; line-height: 2.1;}
.manip_info01 p.st03 {padding:200px 0 200px 0;}
.manip_info02 {background:url("/img/sub/manip_bg02_.png") no-repeat center 0;position:relative;width:100%; height:660px;background-size:cover;     margin-top: 80px;}
.manip_info02_con {width:1000px; margin:0 auto;text-align:center;}
.manip_info02_con h3 {font-size:2.5em; color:#fff; padding:100px 0 80px 0;}
.manip_info02_con ul li {width:calc(100%/7); float:left; font-size:1.1em; color:#fff; margin-bottom:30px;}
.manip_info02_con ul li span {display:inline-block; border-radius:70px;width:90px; height:90px;box-shadow:#4f879a 1px 1px 5px;}
.manip_info02_con ul li span.ico01 {background:#fff url("/img/sub/ico_manip01.png") no-repeat center 30px;}
.manip_info02_con ul li span.ico02 {background:#fff url("/img/sub/ico_manip02.png") no-repeat center 30px;}
.manip_info02_con ul li span.ico03 {background:#fff url("/img/sub/ico_manip03.png") no-repeat center 30px;}
.manip_info02_con ul li span.ico04 {background:#fff url("/img/sub/ico_manip04.png") no-repeat center 30px;}
.manip_info02_con ul li span.ico05 {background:#fff url("/img/sub/ico_manip05.png") no-repeat center 30px;}
.manip_info02_con ul li span.ico06 {background:#fff url("/img/sub/ico_manip06.png") no-repeat center 30px;}
.manip_info02_con ul li span.ico07 {background:#fff url("/img/sub/ico_manip07.png") no-repeat center 30px;}
.manip_info02_con ul li span.ico08 {background:#fff url("/img/sub/ico_manip08.png") no-repeat center 30px;}
.manip_info02_con ul li span.ico09 {background:#fff url("/img/sub/ico_manip09.png") no-repeat center 30px;}
.manip_info02_con ul li span.ico10 {background:#fff url("/img/sub/ico_manip10.png") no-repeat center 30px;}
.manip_info02_con ul li span.ico11 {background:#fff url("/img/sub/ico_manip11.png") no-repeat center 30px;}
.manip_info02_con ul li span.ico12 {background:#fff url("/img/sub/ico_manip12.png") no-repeat center 30px;}
.manip_info02_con ul li span.ico13 {background:#fff url("/img/sub/ico_manip13.png") no-repeat center 30px;}
.manip_info02_con ul li span.ico14 {background:#fff url("/img/sub/ico_manip14.png") no-repeat center 30px;}
.manip_info03 {position:relative; clear:both; margin-top:150px;}
.manip_info03 ul li {width:100%; float:left; margin-bottom:100px;}
.manip_info03 ul li.cobg01 {background:url("/img/sub/manip_bg03.png") no-repeat center 0; height:400px;}
.manip_info03 ul li.cobg02 {background:url("/img/sub/manip_bg04.png") no-repeat center 0; height:365px;}
.manip_info03 ul li.cobg03 {background:url("/img/sub/manip_bg05.png") no-repeat center 0; height:375px;}
.manip_info03 ul li.cobg04 {background:url("/img/sub/manip_bg06.png") no-repeat center 0; height:430px;}
.manip_info03 ul li.cobg05 {background:url("/img/sub/manip_bg07.png") no-repeat center 0; height:200px; padding-top:670px;}
.manip_info03 ul li.cobg06 {background:url("/img/sub/manip_bg08.png") no-repeat center 0; height:200px; padding-top:420px;}
.manip_info03 ul li.cobg07 {background:url("/img/sub/manip_bg09.png") no-repeat center 0; height:400px;}
.manip_info03 ul li.cobg08 {background:url("/img/sub/manip_bg10.png") no-repeat center 0; height:375px;}
.manip_info03 ul li.cobg10 {background:url("/img/sub/manip_bg11.png") no-repeat center 0; height:400px;}

.manip_info_wrap {margin:0 auto; width:1000px; padding-top:100px;}

.manip_info03_con {width:420px; margin:0; float:left;}
.manip_info03_con p.tit {font-size:2.5em; color:#000;}
.manip_info03_con p.txt {padding-top:20px; font-size:1.2em;color:#666;}

.manip_info03_con02 {width:420px; margin:0; float:right;}
.manip_info03_con02 p.tit {font-size:2.5em; color:#000;}
.manip_info03_con02 p.txt {padding-top:20px; font-size:1.2em;color:#666;}

.manip_info03_con03 {width:900px; margin:0 auto;text-align:center;}
.manip_info03_con03 p.tit {font-size:2.5em; color:#000;}
.manip_info03_con03 p.txt {padding-top:20px; font-size:1.2em;color:#666;}

.n_manip_wrap01 {width:100%;}
.n_manip_info01 {width:100%;}
.n_manip_info01_con {width:1100px; margin:0 auto;text-align:center; padding-top:160px;}
.n_manip_info01_con p.txt {font-size:1.2em;color:#333; line-height:2.4}
.n_manip_info01_con p.img {padding:200px 0;}
.n_manip_info01_con p.copy {font-size:20px;color:#000; padding-bottom:200px;font-weight:600;/*font-family: 'Fira Sans Condensed', sans-serif;*/ letter-spacing:0.2em;  text-transform: uppercase;}

.sec03  .n_manip_info02{  margin-bottom: 60px;}
.n_manip_info02 {margin:0 auto; width:1300px;height:600px;overflow:hidden; margin-bottom:150px; position: relative;}
.n_manip_btn {position:absolute;margin:0 auto; width:1300px;padding-top:0; margin:0 auto; margin-top:-300px; letter-spacing:0; font-size:0;}
.n_manip_btn .prev{float:left;}
.n_manip_btn .next{float:right;}
.n_manip_info {margin:0 auto; width:1300px; position:relative; margin:0 auto; height:600px;overflow:hidden; position:relative;}
.n_manip_info ul li{float:left;width:100%;height:600px;}
.n_manip_info li img {width:100%; max-width:1300px;}

/* 주소전송 */
.send_address {padding:0 0 60px 0;text-align:center;}
.s_address {position:absolute; margin-top:-2.5em; text-align:center; width:100%;}
.s_address_send {background:#95866e; margin:0 auto; width:1100px; color:#fff; font-size:1.2em; height:200px;}
.s_address_send p.st01 {padding:30px 0 20px 0;}
.s_address_send p.st02 {padding-bottom:20px;}
.s_address_send p.st03 {}
.s_address_send p.st03 a {display:inline-block; font-size:13px; padding:10px 2.5em; border-radius:30px;color:#5c5449; background:#fff;}
.s_address_send p.st03 a:hover { color:#fff;background:#000;}

.s_address_top p.st01 {font-size:1.2em; color:#000; padding:230px 0 30px 0;}
.s_address_top p.st01 span {color:#7e7058;}
.s_address_mid{width:100%; max-width:1800px; margin:0 auto;}


/* 진료예약 */
.book_top {background:url("/img/sub/cs_bg.png") no-repeat center 0; height:320px; text-align:center;}
.book_top p.st01 {font-size:23px; padding:100px 0 15px 0;}
.book_top p.st02 {font-size:1.2em;}
.book_top p.st03 {font-size:15px; padding:30px 0;}
.book_top p.st03 span {font-size:30px; padding-left:20px; display:inline-block;}

/* 게시판 */
.board_wrap {width:1300px;  margin:0 auto; padding:70px 0 70px 0; font-size:1.2em; z-index:1; overflow:hidden;}

/* 게시판검색  */
.lst_header{position:relative; margin-bottom:20px; line-height:2; overflow:hidden; /*width:1000px;*/}
.lst_header .search{float:right; position:relative; width:240px; }
.lst_header .search input{width:calc(100% - 12px); padding-left:0; height:32px; border:0; }
.lst_header .search .btn_search{text-indent:-9999px;position:absolute; background:url("/img/sub/btn_search.png") 0 0 no-repeat; top:10px; right:0; display:inline-block; width:2.5em; height:34px; line-height:2; text-align:center;}

/* 페이징  */
.paging{  clear:both;text-align:center; padding:0; margin:40px 0 0 0; position:relative; font-size:13px; line-height:1.8; font-family:'Roboto';}
.paging a{ display:inline-block; width:30px; height:30px; border:none; line-height:2; text-align:center; margin:0 2px; color:#999; vertical-align:middle; }
.paging a:hover,
.paging a.on{ color:#2471c8; font-weight:bold; text-decoration:underline;}
.paging .direction,
.paging .direction:hover{ text-indent:-9999px; width:30px; height:30px; border:#ddd 2px solid; border-radius:50%;}
.paging .direction.prev{ background:url("/img/sub/paging_prev.png") 50% 50% no-repeat; margin-right:10px;}
.paging .direction.next{ background:url("/img/sub/paging_next.png") 50% 50% no-repeat; margin-left:10px;}
.paging .paging-pc{ display:inline-block;}
.paging .paging-m{ display:none;}

/* 게시판btn */
.board_btn {padding-top:30px; overflow:hidden;width:100%;}
.board_btn .btn_left {float:left;}
.board_btn .btn_right {float:right;}
.board_btn .btn_center {margin:0 30%; float:left;}
.grybt01 {background: #fff; color: #828b9c; display: inline-block; font-size: 13px; height:2.5em; padding:6px 20px 0 20px; border:1px solid #828b9c;border-radius:50px;}
.grybt02 {background: #aaa; color: #fff; display: inline-block; font-size: 12px; height:22px; padding:5px 10px 0 10px; border-radius:3px;margin-right:3px;}
.orgbt01 {background: #818285; color: #fff; display: inline-block; font-size: 13px; height:28px; padding:8px 20px 0 20px; border-radius:50px;}
.orgbt02 {background: #2b3a53; color: #fff; display: inline-block; font-size: 13px; height:28px; width:80px;padding:30px 0 0 40px; border-radius:50px;}
.blubt01 {background: #008299; color: #fff; display: inline-block; font-size: 13px; height:28px; padding:10px 20px 0 20px; border:1px solid #828b9c;border-radius:50px;}

/* type3 */
.lst_board.type3 {border-top:2px solid #000; letter-spacing:0;}
.lst_board.type3 ul li{display:table; table-layout:fixed; width:100%; height:130px; padding:0 10px;overflow:hidden; border-bottom:1px solid #c5c8d3;}
.lst_board.type3 ul li:last-child {border-bottom:1px solid #435057;}
.lst_board.type3 ul li p{vertical-align:middle;  font-size:1.2em; color:#4f5355;}
.lst_board.type3 ul li p.subject {display:block; vertical-align:middle; max-width:calc(100%); font-weight:bold; font-size:1.2em; color:#000; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding:30px 0 10px 0;}
.lst_board.type3 ul li p.detail{display:block; vertical-align:middle; max-width:calc(100%); font-size:13px; color:#777; text-overflow:ellipsis; overflow:hidden; padding-bottom:20px; line-height:22px;}
.lst_board.type3 ul li p.date{width:150px; font-size:12px; color:#999;display:table-cell;font-family: 'Roboto', sans-serif;text-align:center; }
.lst_board.type3 ul li p.name{width:120px; font-size:12px; color:#1e8196;display:table-cell;font-family: 'Roboto', sans-serif;}
.lst_board.type3 ul li p.state{width:130px;display:table-cell;}
.lst_board.type3 ul li p.state span{display:inline-block; vertical-align:middle; width:80px; line-height:30px; text-align:center; font-size:12px; font-weight:700; color:#fff; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;}


/* type1 */
.lst_board.type1 {border-top:2px solid #000;position:relative; }
.lst_board.type1 ul li{display:table; table-layout:fixed; width:100%; height:69px; overflow:hidden; border-bottom:1px solid #c5c8d3;}
.lst_board.type1 ul li:last-child {border-bottom:1px solid #435057;}
.lst_board.type1 ul li p{display:table-cell; vertical-align:middle; height:43px; padding:13px 0; font-size:1.2em; color:#4f5355;}
.lst_board.type1 ul li p.no{width:80px; padding-left:0; text-align:center; font-size:20px; color:#ccc;}
.lst_board.type1 ul li p.subject a{display:inline-block; vertical-align:middle; max-width:calc(100% - 68px); font-size:1.2em; color:#4f5355;  overflow:hidden; white-space:nowrap;}
.lst_board.type1 ul li p.subject img {vertical-align:middle; margin:0 0 0 10px;}
.lst_board.type1 ul li p.subject .lock{margin-left:1.2em; width:1.2em;}
.lst_board.type1 ul li p.subject span { color:#e83c7a; font-size:12px; display:inline-block; padding-right:10px;}
.lst_board.type1 ul li p.author{position:relative; width:90px; padding:0 10px 0 50px;}
.lst_board.type1 ul li p.author .logintype{position:absolute; top:1.2em; left:0; width:40px; height:40px; background-color:#edeff4;}
.lst_board.type1 ul li p.date{width:100px; font-size:13px;}
.lst_board.type1 ul li p.date02{width:100px; font-size:13px;}
.lst_board.type1 ul li p.name{width:100px; }
.lst_board.type1 ul li p.state{width:100px;}
.lst_board.type1 ul li p.state span{display:inline-block; vertical-align:middle; width:80px; line-height:30px; text-align:center; font-size:12px; font-weight:700; color:#fff; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;}
.lst_board.type1 ul li p.state span.ing{background:#fff; border:1px solid #ccc; color:#e83c7a;}
.lst_board.type1 ul li p.state span.fin{background:#fff; border:1px solid #ccc; color:#8f6b6b;}
.lst_board.type1 .board_empty{width:100%; line-height:350px; padding:0; text-align:center; font-size:1.2em; color:#084d98;}
.lst_board.type1 .board_empty p{color:#084d98;}

/* 언론보도  */
.listen-list02 {width:100%; position: relative; text-align: left;}
.listen-list02 ul li {width: calc(99%/3);display: inline-table;  }
.listen-list02 ul li .listen-box02{transition: all ease 1s 0s;}
.listen-list02 ul li:hover .listen-box02{ background:#fff; transition: all ease 1s 0s;}
.listen-box02 {width: 90%; margin:0 auto; height:320px; border-radius: 5px; background-color: #f3f8ffbf; overflow:hidden;margin-bottom:45px;     box-shadow: 0px 0px 10px #eaeaeaba;}
.listen-box02 span * {display: block;}
.listen-box02 a:hover {text-decoration: none}
.listen-box02 .img {height:180px; width:100%; overflow: hidden; position: relative;z-index: 1; opacity:1;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;transition: all 1s; border-bottom:1px solid #fff;}
.listen-box02 .img img {height:auto; width:100%; overflow: hidden;}
.listen-box02 .info {overflow: hidden;position: relative;padding:30px 2.5em; letter-spacing: 0px; line-height: 1.4em;}
.listen-box02 .info p.cate {padding:0 0 10px 0; font-size: 12px; font-weight: bold; text-align: left; color: #bc9a5d; overflow: hidden;}
.listen-box02 .info p.tit {padding:0 0 15px 0;font-size: 18px; font-weight: bold; text-align: left; color: #000;  text-overflow:ellipsis;}
.listen-box02 .info p.txt {padding:0 0 10px 0; font-size: 13px; text-align: left; color: #777; overflow: hidden;}
.listen-box02 .info p.date {font-size: 0.8em; color:#777;font-family: 'Roboto', sans-serif;}



/* view */
.viewType02 {}
.viewType02 dt {border-bottom:2px solid #000;padding-top:30px;}
.viewType02 dt .titA {font-size: 27px; line-height: 1.5; margin: 0 auto; text-align:center;}
.viewType02 dt .dateA {color: #999; text-align:center; padding:10px 0 30px 0;}
.viewType02 dt .dateA {font-size: 13px; color: #f1732f; text-align:center; padding:10px 0 30px 0;}
.viewType02 dd .dataA {padding: 13px 0;width: 100%; border-bottom:1px solid #e5e5e5;}
.viewType02 dd .dataA ul li {padding:5px 10px;}
.viewType02 dd .dataA span {color:#000; display:inline-block; padding-right:15px; font-size:13px;}

.viewType02 dt .cate {ont-size: 12px; font-weight: bold; color: #bc9a5d; text-align:center; padding:0 0 30px 0;}
.viewType02 dt .posA {font-size: 14px; color: #f1732f; text-align:center; padding:10px 0 0 0;}
.viewType02 dd .fileA  {background: #f8f8f8; padding: 13px;width: 100%; border-top:1px solid #e5e5e5; font-size:13px;}
.viewType02 dd .fileA .item{color:#000; padding-right:15px;}
.viewType02 dd .fileA .file_name{color:#666;}
.viewType02 dd .fileA .file_name a {background:url("/img/sub/ico_file_o.png") no-repeat scroll 0 0; content: ""; left: 0;padding:0 20px 5px 20px; top: -2px; display:block;}
.viewType02 dd {padding:0 ; }
.viewType02 dd .viewCon {color:#555; line-height:2.5em; padding:50px; word-break:break-all; }

.viewType02 dd .viewCon img{overflow:hidden;position:relative; margin-bottom:10px; max-width:96%;  height: auto !important;}
.viewType02 dd .viewCon div.btn {position:absolute;top:1150px; z-index:99; width:1100px; margin:0 auto;}
.viewType02 dd .viewCon div.btn p.img_prev{float:left;}
.viewType02 dd .viewCon div.btn p.img_next{float:right;}
.viewType02 dd .viewCon div.v_con_list {width:100% !important; overflow:hidden;position:relative; margin-bottom:10px;}
.viewType02 dd .viewCon div.v_con_list ul li {width:135px; height:79px; float:left; margin-right:2px; margin-bottom:1px; overflow:hidden;}
.viewType02 dd .viewCon div.v_con_list ul li img {width:100%; border:1px solid #fff;}

.viewShiftA{border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; clear:both;}
.viewShiftA p{padding:15px 0; border-top:1px solid #e1e1e1;  color:#555}
.viewShiftA p:first-child{border-top:none}
.viewShiftA span.Tit{color:#000; display:inline-block; padding:0 20px;}
.viewShiftA span.data{color:#000; display:inline-block; font-size: 13px;}
.viewShiftA a{white-space:nowrap; text-overflow:ellipsis}
.viewShiftA a:hover{text-decoration:underline;}


.qna_viewA {border-top:1px solid #cdcdcd;background:#f1f2f7 url("/img/sub/ico_qna.gif") no-repeat scroll 2.5em 2.5em; }
.qna_viewA p.an {padding:2.5em 2.5em 2.5em 50px;color:#000; line-height:24px;font-size: 13px;}
.qna_viewA p.btn {padding:0 2.5em 2.5em 0;text-align:right;}

.qna_writeA {border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; padding:2.5em;vertical-align:top;position:relative;height:70px;}
.qna_writeA p.qna_writeA_le {width:90%;display:inline-block; float:left;}
.qna_writeA p.qna_writeA_le textarea {border:1px solid #ccc; width:100%; display:inline-block;height:55px;font-family:'Nanum Square','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;}
.qna_writeA p.qna_writeA_ri {width:7%;display:inline-block; float:right;}
.qna_writeA p.qna_writeA_ri span.btn {background:#2b3a53;width:100%; color:#fff; display:inline-block; height:45px; padding-top:30px;text-align:center;}

/* write */
.wrt_board{border-top:1px solid #435057; border-bottom:1px solid #435057;}
.wrt_board dl{display:table; table-layout:fixed; width:100%;}
.wrt_board dl + dl{border-top:1px solid #c5c8d3;}
.wrt_board dl dt, .wrt_board dl dd{display:table-cell; min-height:44px; padding:7px 0; text-align:left; font-weight:700;}
.wrt_board dl dt{width:130px; vertical-align:top; padding-left:20px; line-height:44px; font-size:1.2em; color:#4f5355;}
.wrt_board dl dd{padding-right:30px; vertical-align:middle; color:#999;}
.wrt_board dl dd:after{content:""; display:block; clear:both;}
.wrt_board dl dd .wfull{width:100%;}
.wrt_board dl dd .w1{width:27.4% !important;}
.wrt_board dl dd .w2{width:37% !important;}
.wrt_board dl dd input[type="radio"] + label{display:inline-block; padding:0 5px 0 2px; min-width:43px; }
.wrt_board dl dd .frm_item{display:table; table-layout:fixed;}
.wrt_board dl dd .frm_item label{display:table-cell; vertical-align:middle; line-height:44px;}
.wrt_board dl dd .frm_item input{display:table-cell; width:100%; vertical-align:middle;}
.wrt_board dl dd .frm_item.type1{float:left; width:37%;}
.wrt_board dl dd .frm_item.type1 label{width:32px;}
.wrt_board dl dd .frm_item.type2{float:right; width:59%;}
.wrt_board dl dd .frm_item.type2 label{width:42px;}
.wrt_board dl dd span {color:#333; font-weight:200; font-size:1.2em; display:inline-block; padding-left:15px;}

/* inquiry */
.inq_wrapper {width:100%;float:left;}
.inq_le_tit {width:15%; float:left;text-align:left; border-top:2px solid #000;}
.inq_le_tit span {padding-top:20px; font-size:20px;display:block;}
.inq_info {width:70%; float:right;text-align:left;color: #999;}
.chk_area02 { color:#888; line-height:28px; padding-bottom:0;}
.chk_area02 span {padding-right:30px;display:inline-block;}
.chk_area03 { color:#888; line-height:28px; border-bottom:1px dotted #ccc; padding-bottom:2.5em;}
.chk_area03 span {padding:20px 0;display:inline-block;}
.ipt_area02 {padding:20px 0;}
.ipt_line02 {padding:0 0 5px 0;}
.txt_input02{width:47.4%;height:35px;line-height:20px;padding:0 13px;font-size:1.2em;color:#000;border-bottom:1px solid #ccc;font-weight:400;}
.txt_input02:focus{border-bottom:1px solid #333;background:#fff;color:#000;}
.txt_input03{width:94%;height:35px;line-height:20px;padding:0 13px;font-size:1.2em;color:#000;border-bottom:1px solid #ccc;font-weight:400;}
.txt_input03:focus{border-bottom:1px solid #333;background:#fff;color:#000;}
.txt_textarea02{width:96.2%;height:100px;line-height:30px;padding:0 13px;font-size:13px;color:#000;;border-bottom:1px solid #ccc;font-weight:400;font-family:'Nanum Square','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;}
.txt_textarea02:focus{border:1px solid #333;background:#fff;color:#000;}
.file_line02 {position:relative;padding:0;padding:0 0 5px 0;}
.file_line02 input.request_file2{width:100%;height:35px;line-height:20px;padding:0;color:#999;font-size:13px;position:absolute;z-index:2;background:#fff;}
.file_line02 .fake input{display:inline-block;width:80%;height:35px;line-height:20px;padding:0 13px; vertical-align:top;color:#999;font-size:13px;border:1px solid #ccc;border-radius:3px; background:#fff;}
.file_line02 .fake .btnfile{display:inline-block;height:35px;line-height:30px;width:15%;color:#fff;text-align:center;font-size:1.2em;z-index:1;border-radius:3px;background:#777;border:1px solid #777;}
.file_line02 p {font-size:13px; padding-bottom:5px;}
.btn_area {padding:30px 0; width:70%; float:right;text-align:right}
 a.btn003 {color:#fff; font-size:15px;background:#000; display:inline-block; padding:15px 30px;}
.inq_info p.tit {color:#000; padding:15px 0 10px 0;}

.txt_input002{width:47%;height:35px;line-height:20px;padding:0 13px;font-size:1.2em; color:#fff !important; border-bottom:1px solid #95866e;font-weight:400;background:#fff;}
.txt_input002:focus{border-bottom:1px solid #333;background:#fff;color:#000 !important;}

.txt_input04{width:49%;height:40px;line-height:20px;padding:0 13px;font-size:1.2em;color:#666;border:1px solid #ccc;font-weight:400;}
.txt_input04:focus{border-bottom:1px solid #333;background:#fff;color:#000;}


.agreeW{position:relative; border-top:3px solid #000; margin-top:10px;width:100%;}
.agree_check {position:relative;font-size:1.2em; padding:20px 0;;}
.agree_check span {display:inline-block;}
.agree_A {width:100%; height:100px;position:relative;border:1px solid #d7d7d6;width:100%; clear:both; font-size:13px; padding:20px 0; overflow-y:scroll; margin-bottom:50px;}
.agree_A ul {width:90%; margin:0 auto;}
.agree_A p {padding:20px; color:#777}



/* 로그인  */
.login_wrap {}
.login-bx{ overflow:hidden; display:block; width:100%; padding:30px 0 80px 0;}
.login-bx div.tc{ width:500px; margin:0 auto; padding:100px  0 50px 0;}
.login-bx div.tc .inp{ padding:0;}
.login-bx div.tc .inp .input{font-family:'NanumGothic',sans-serif; border:none; border-bottom:#ccc 1px solid; height:36px; line-height:36px; text-indent:2px; display:block; width:100%; color:#999;}
.login-bx div.tc .inp+.inp{ margin-top:20px;}
.login-bx div.tc .chk{ padding:14px 0; text-align:right; color:#333; display:block; font-size:13px;}
.login-bx div.tc .btn-box{ margin-top:20px;}
.login-bx div.tc .btn-box a{ width:100%; padding:15px 0; border-radius: 2.5em; background:#2471c8; display:block; text-align:center; font-size: 1.2em;color: #fff; margin-top:50px}
.login-bx div.tc .inp .input.id{ background:url("/img/sub/icon_id.png") 0 50% no-repeat;}
.login-bx div.tc .inp .input.pw{ background:url("/img/sub/icon_pw.png") 0 50% no-repeat;}



@media only screen and (max-width: 1024px) {
#container02{max-width:1024px; width:100%;}
.joint_right_info ul li, .spine_right_info ul li , .dosu_right_info ul li  {    float: none;    width: calc(98%/2);    height: 360px;    display: inline-table;}
.joint_wrap, .spine_wrap,  .dosu_wrap{max-width:1024px; min-width: 1024px;}
.joint_right_info ul , .spine_right_info ul, .dosu_right_info ul{ width: 100%;}
.n_manip_info li img {width:100%; max-width:1000px;}
.n_manip_info, .n_manip_info02{width:100%; }
.n_manip_info02{margin-bottom:0;}
.board_wrap{width:1024px;}
.txt_input04 { width: 49.48%;}
.manip_info02_con{width:auto;}
.manip_info02_con ul li span {width: 80px;   height: 80px;}
.dosu_right_info .manip_info02_con ul li {float: none;  width: calc(98%/8); height: 100px; font-size: 0.8em;}
.manip_info02 {height: 590px;}
.dosu_left p.st02, .joint_left p.st02 {font-size: 1.1em;}
.dosu_left p.st01, .joint_left p.st01 {font-size: 2.1em;}
}




@media only screen and (max-width: 768px) {
.equipment_list ul li {width: calc(96%/3);}
.n_manip_btn{width:768px; max-width:768px;}
/*원장소개*/
.director_top_info{width:90%;}
.direc_bg01, .direc_bg02, .direc_bg03, .direc_bg04 {background-size: 100%;}

.about_info.text_left {background: url('/img/sub/bg_about.png')no-repeat right 90%; background-size: 25%;}

.mid_disease01 p{width:100%; max-width:768px; line-height: 30px; font-size: 14px;}
.step03 .taps02 {width:auto;}
.step03 .taps06 li {width: calc(90%/3);margin:10px}
.step03 ul li:last-child{margin-right:10px;}
.page-bg{position: relative;}
.page-bg::before {content: '';  width:100%;  position: absolute;    background: white;    z-index: 0;    inset: 0;    opacity: 0.7;    transition: all ease 0.5s 0s;}
.s-title, .numList {z-index:3;}
.s-title{position: relative;}

.step02 .taps01 li div{width:auto;}

.step02 ul.taps04 li{width:calc(98%/2);}
.step02 ul li div{margin:10px; min-height: 180px;}
.step02 ul li:nth-child(1) div, .step02 ul li:last-child div{margin:10px;}
.step02 ul.taps05 li:last-child {display: flex ; margin-left: 1%;}
.step02 ul.taps04 li {width: calc(98%/2);}
.step02 ul.taps05 li {width: calc(98%/2);}
.step02 ul.taps07 li {width: calc(98%/2);}
.step02 ul.taps07 li:last-child {display: flex; margin-left: 1%;}


.step03 .taps03 li { width: calc(90%/3);}
.step03 .taps02 li {width: calc(89%/2); margin:10px;}
.step03 .taps06 li {width: calc(89%/2);}
.step03 .taps05 li{margin:10px; width: calc(89%/2);}
.step03 .taps05 li:last-child{display:block;margin-left: 30px;}
.step03 .taps07 li{margin:10px; width: calc(89%/2);}



/*찾아오시는길*/
.location_foot_info, .hour_top {width:100%; max-width:768px; }
.location_foot_info ul li p.txt{font-size:13px; letter-spacing: -0.05em;}
.hour_info{width:auto;     min-width: 70%;}
.hour_info01, .hour_info02 {width:50%;}
.pic_view, .pic_view_info,.pic_view_btn,.s_tab{width:768px;}
.pic_view img{width:100%;}
.pic_view_info {height: 420px;}
.tour_info p.st03 img{width:100%;}


/*게시판*/
.lst_header{width:768px;}
.board_wrap{width:100%; max-width:768px;}
.txt_input02 {width: 46.4%;}
.txt_input04 {width: 49.2%;}
.mid_disease01 { border-top: 1px solid #eee}


/*관련질환*/
.n_manip_info01_con, .manip_info02_con{width:768px;}
.n_manip_info01_con img{width:100%;}
.n_manip_info01_con p.txt { letter-spacing: -0.08em; font-size:14px;}
}



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

.s_title {padding:20px 0 35px 0;text-align:center;}
.s_title h2 {font-size:2.5em;}
.s_title p {padding:10px 0 0 0;color:#818285;font-size:12px;}


.s_tab {width:90%; margin:0 auto;text-align:center; letter-spacing:-0.1em; line-height:0;}
.s_tab ul li {display:inline-block;}
.s_tab ul li a {display:block;font-size:15px; color:#cfcfcf; overflow:hidden;padding:15px 20px 35px 20px;}
.s_tab ul li a:hover {color:#333;}
.s_tab ul li.on {color:#333; }
.s_tab ul li.on a {color:#333; border-bottom:3px solid #000; padding-bottom:31px;}
.s_tab ul li a.on, .s_tab ul li a:hover, .s_tab ul li a:active, .s_tab ul li a:focus {color:#33;}


.bottom_dong_b {height:350px; background-size:auto 260px; }
.bottom_dong_b p.st01 {font-size:12px; padding:70px 0 10px 0; }
.bottom_dong_b p.st02 {font-size:17px;line-height:27px; padding:70px 0 10px 0;}
.bottom_dong_b p.st03 {display:none;}

/*동아신경외과*/
.about_wrap {background-size:auto 200px; padding-top:250px;}
.about_info {text-align:center;  padding-bottom:100px;}
.ab_info01 p.st01 {font-size:15px;}
.ab_info01 p.st02 {font-size:17px;}
.ab_info02 p.st01 {padding:10px 0;}
.ab_info02 p.st01 img {width:90%;}
.ab_info02 p.st02 {font-size:13px; padding:50px 0 0 30px;}
.ab_info02 p.st02 span img {vertical-align:middle; width:95px;}
.ab_info02 p.st03 {font-size:18px;color:#333; line-height:30px;padding:0 0 20px 0;font-weight:600;}

/*원장 소개*/
.director_wrap {background:url("/img/sub/director_line.png") repeat-y center 0; width:100%;position:relative;}
.director_top01 {background:url("/img/sub/director_t_bg01.png") no-repeat 0 0; height:280px;text-align:center;}
.director_top_info {margin:0 auto; width:90%;}
.director_top_info p.st01 {padding:50px 0 15px 0; font-size:18px; line-height:2.5em;}
.director_top_info p.st02 { font-size:13px;}
.director_top_info p.st03 { font-size:12px;padding-top:2.5em;}
.director_top_info p.st03 span { font-size:30px;font-family: 'Nanum Brush Script', cursive; display:inline-block; padding-left:15px;}
.director_top_info p.st03 span img {padding-top:5px;}
.director_info {width:100%; margin-top:140px;}
.director_info ul li {width:100%;  margin-bottom:15px;}
.director_info ul li.bl01 {background:url("/img/sub/director_bl.png") no-repeat center 0;height:800px;}
.director_info ul li.bl02 {background:url("/img/sub/director_bl02.png") no-repeat center 0;height:700px;}
.direc_bg01 {background-size:350px; float:left; height:300px;}
.direc_bg02 {background-size:300px; float:right; height:280px;}
.direc_bg03 {background-size:350px; float:left; height:300px;}
.direc_bg04 {background-size:300px; float:right; height:280px;} 
.direc_img {width:100%;}
.direc_info_st01 {float:right;width:90%; background:#fff;}
.direc_info_st02 {float:left;width:90%;text-align:right; background:#fff;}
.direc_con { padding-left:75px;}
.direc_con p.tit01 {color:#000; font-size:20px; /*font-family:'Nanum Myeongjo', serif;*/ padding-bottom:2.5em;font-weight:600;}
.direc_con p.tit02 {color:#000; font-size:15px; padding-bottom:30px;}
.direc_con p.info {color:#666; font-size:12px; line-height:27px;}
.direc_con02 { padding-right:75px;}
.direc_con02 p.tit01 {color:#000; font-size:20px; /*font-family:'Nanum Myeongjo', serif;*/ padding-bottom:2.5em;font-weight:600;}
.direc_con02 p.tit02 {color:#000; font-size:15px; padding-bottom:30px;}
.direc_con02 p.info {color:#666; font-size:12px; line-height:27px;}
.direc_con02 p.img  {margin-top:30px;}
.direc_con02 p.img img {width:90%;}
/*병원둘러보기*/
.pic_view {background:#ccc; width:100%; position:relative; margin:0 auto;overflow:hidden;}
.pic_view_btn {position:absolute;width:100%;text-align:center;padding-top:0; margin:0 auto; margin-top:-110px; letter-spacing:0; font-size:0;}
.pic_view_btn .prev{display:inline-block;}
.pic_view_btn .next{display:inline-block;}
.pic_view_btn img {width:40px;}
.pic_view_info {margin:0 auto; width:100%; position:relative; margin:0 auto; height:200px;overflow:hidden; position:relative;}
.pic_view_info ul li{float:left;width:100%;height:200px;overflow:hidden;}
.pic_view_info ul li img {height:200px;}
.a_tour_wrap {padding-top:70px;}
.tour_info { text-align:center;  padding-bottom:100px;}
.tour_info p.st01 {font-size:18px;color:#000; padding:100px 0 35px 0;font-weight:600;font-family: 'Fira Sans Condensed', sans-serif;letter-spacing:0;}
.tour_info p.st02 {font-size:12px;color:#555; padding-bottom:100px;font-weight:200;letter-spacing:-0.04em;background:url("/img/sub/black_line.png") no-repeat center bottom;}
.tour_info p.st03 {padding-top:40px;}
.tour_info p.st03 img {width:100%;}

/*진료 시간 안내*/
.hour_wrap {width:100%;position:relative;}
.hour_top {margin:0 auto; width:90%;padding-top:50px; height:150px; border-top:1px solid #eee;}
.hour_tit {float:left;width:100%;}
.hour_tit p.st01 {display:none;}
.hour_tit p.st02 {display:none;}
.hour_info {float:right;width:100%; font-size:1.2em; color:#777;}
.hour_info01 {width:100%;float:left;}
.hour_info02 {width:100%;float:left;}
.hour_info span {width:140px; color:#000;font-weight:600; display:inline-block;}

.hour_ban {height:350px;background:url("/img/sub/hour_bg.png") no-repeat center 0;text-align:center; color:#fff; padding:0 30px;}
.hour_ban .st01 {font-size:18px; padding:50px 0 15px 0;}
.hour_ban .st02 {font-size:12px;}
.hour_ban .st03 {font-size:12px; padding:30px 0;}
.hour_ban .st03 span {font-size:2.5em; padding-left:20px; display:inline-block;}
.hour_ban .st04 {}
.hour_ban .st04 a {display:inline-block; background:#fff; padding:7px 30px;font-size:1.2em;color:#695941;}


/*찾아오시는 길*/
.location_wrap {}
.location_top {padding:100px 30px 60px 30px;text-align:center;}
.location_top p.st01 {font-size:12px; color:#000; padding-bottom:30px;}
.location_top p.st01 span {color:#2b43af;}
.location_top p.st02 a {border:1px solid #ebebeb; font-size:12px; color:#000; padding:15px 20px; }
.location_top p.st02 a.ico01 {background:none} 
.location_top p.st02 a.ico02 {background:#d5e3f8;} 
.location_mid{width:100%; max-width:1800px; margin:0 auto;}
.location_foot {}
.location_foot_info {width:90%; margin:0 auto; padding-top:80px;}
.location_foot_info ul li {float:left; width:100%;padding-top:70px; font-size:1.2em;text-align:center; height:auto; margin-bottom:50px;}
.location_foot_info ul li.ic01 {background:url("/img/sub/map_ic01.png") no-repeat center 0;}
.location_foot_info ul li.ic02 {background:url("/img/sub/map_ic02.png") no-repeat center 0;}
.location_foot_info ul li.ic03 {background:url("/img/sub/map_ic03.png") no-repeat center 0;}
.location_foot_info ul li p.tit {padding-bottom:30px; font-size:13px;display:block;}
.location_foot_info ul li p.txt { font-size:12px; color:#666;}
.location_foot_info ul li p.txt span.bk {color:#000;padding-right:10px; display:inline-block;}



/*장비*/
.equipment_list {width:90%; margin:0 auto; padding-top:20px;}
.equipment_list ul {float:left;margin-bottom:100px;}
.equipment_list ul li {float:left; width:100%;font-size:12px; margin-bottom:30px;text-align:center;     display: block;}
.equipment_list ul li img {border:1px solid #ddd; margin-bottom:15px; width:300px;}
.equipment_list ul li span { font-weight:700; display:block; margin:10px 0 5px 0;}

.equipment_view {width:90%; margin:0 auto; padding-top:20px;text-align:center;}
.equip_view_top {padding-bottom:30px;}
.equip_view_top p.tit {font-size:15px;}
.equip_view_top span {font-size:20px;font-weight:700;display:block;}
.equip_view_top p.txt {font-size:12px; padding:30px 0 50px 0; color:#777;}
.equip_view_con {padding-bottom:100px;}
.equip_view_con img {width:100%;}

/*자가진단*/
.s_test_wrap {background:#f1f1f1; position:relative; padding-bottom:100px; height:auto; float:left;width:100%; min-width:300px; clear:both;}
.stest_info {width:300px; margin:0 auto;padding-top:20px;}
.stest_noti {text-align:left;background:url("/img/sub/noti_bl.png") no-repeat 0 0; padding:0 0 30px 30px; color:#585757; font-size:12px; display:none;}
.stest_img {width:100%;}
.stest_img img {width:100%;}
.stest_link {display:block;}
.stest_link ul li a {display:block; border:1px solid #a9a193; color:#000; font-size:12px;border-radius:10px; padding:10px 0;}
.stest_link ul li {float:left; width:31.3%; text-align:center; margin:1%;}

.stest_info {}
.stest_info_mobile {display:block;}
.stest_info_mobile {float:left;}
.stest_info_mobile ul {border:none;}
.stest_info_mobile ul li { float:left; width:95%;background:#fff; border-radius:5px; margin-bottom:10px; padding:10px;}
.stest_info_mobile ul li ul { margin:10px auto;  background:#ddd;}
.stest_info_mobile ul li ul li { font-size:12px; line-height:23px; border:none; width:100%; padding:3px;}
.stest_info_mobile ul li ul li span {display:inline-block; width:100%;font-size:1.2em; color:#ccaa66; }





/*비수술 척추 치료 요법*/
.spine_wrap {width:100%;position:relative; min-width:300px;float:left;background:#000; }
.spine_left {display:none;}

.spine_right {width:100%;float:left; padding:0;}
.spine_right_con {padding:0;float:left;}
.spine_right_info {width:100%;margin:0; }
.spine_right_info ul {margin:0 auto;width:90%;}
.spine_right_info ul li {float:left; width:50%; height:360px;}
.spine_right_info ul li div.sp_list {width:90%; margin:0 auto; height:340px;border-radius:10px; background:#f0f0f0; overflow:hidden;text-align:center;}
.spine_right_info ul li div.sp_list p.img {height:120px; overflow:hidden;}
.spine_right_info ul li div.sp_list p.img img {width:100%; }
.spine_right_info ul li div.sp_list p.tit {padding-top:35px; height:35px; font-size:1.2em;font-weight:600;}
.spine_right_info ul li div.sp_list p.txt {font-size:12px; padding:0 15px; color:#666; line-height:20px; height:60px;}
.spine_right_info ul li div.sp_list p.btn {display:none;}
.sp_list_txt {float:left;}
.sp_list_img {float:left;}


/*도수재활치료*/
.dosu_wrap {width:100%;position:relative; min-width:300px;float:left;background:none;overflow:hidden;}
.dosu_left {display:none;}

.dosu_right {width:100%; float:right; padding-bottom:100px;background:#fff; }
.dosu_right_con {}
.dosu_right_info {width:100%;margin:0;}
.dosu_right_info ul {margin:0 auto;width:90%;     display: table;}
.dosu_right_info ul li {float:left; width:50%; height:80px;}
.dosu_right_info ul li div.ji_list {width:90%; margin:0 auto; height:340px;border-radius:10px; background:#f0f0f0; overflow:hidden;text-align:center;}
.dosu_right_info ul li div.ji_list p.img {height:135px;}
.dosu_right_info ul li div.ji_list p.tit {padding-top:35px; height:35px; font-size:1.2em;font-weight:600;}
.dosu_right_info ul li div.ji_list p.txt {font-size:12px; padding:0 15px; color:#666; line-height:20px; height:60px;}
.dosu_right_info ul li div.ji_list p.btn {display:none;}



/*비수술 관절 치료 요법*/
.joint_wrap {width:100%;position:relative; min-width:300px;float:left;background:none;overflow:hidden;}
.joint_left {display:none;}

.joint_right {width:100%; float:right; padding-bottom:100px;background:#fff; }
.joint_right_con {padding:0 60px;}
.joint_right_info {width:100%;margin:0;}
.joint_right_info ul {margin:0 auto;width:90%;}
.joint_right_info ul li {float:left; width:50%; height:360px;}
.joint_right_info ul li div.ji_list {width:90%; margin:0 auto; height:340px;border-radius:10px; background:#f0f0f0; overflow:hidden;text-align:center;}
.joint_right_info ul li div.ji_list p.img {height:135px;}
.joint_right_info ul li div.ji_list p.tit {padding-top:35px; height:35px; font-size:1.2em;font-weight:600;}
.joint_right_info ul li div.ji_list p.txt {font-size:12px; padding:0 15px; color:#666; line-height:20px; height:60px;}
.joint_right_info ul li div.ji_list p.btn {display:none;}


/*치료 상세*/
.top_disease {height:150px;}
.t_dis_bg01 {background-size:auto 150px;}
.t_dis_bg02 {background-size:auto 150px;}
.t_dis_bg03 {background-size:auto 150px;}
.t_dis_bg04 {background-size:auto 150px;}
.t_dis_bg05 {background-size:auto 150px;}
.t_dis_bg06 {background-size:auto 150px;}
.t_dis_bg07 {background-size:auto 150px;}
.t_dis_bg08 {background-size:auto 150px;}
.t_dis_bg09 {background-size:auto 150px;}
.t_dis_bg10 {background-size:auto 150px;}
.t_dis_bg11 {background-size:auto 150px;}
.t_dis_bg12 {background-size:auto 150px;}

.t_disease_title {padding-top:50px;}
.t_disease_title span {display:none;}
.t_disease_title h2 {font-size:20px; padding-bottom:7px;}
.t_disease_title p {font-size:12px;}
.mid_disease {}
.mid_disease h3 , .n_manip_info01_con h3{  margin-bottom:30px;font-size:15px;}
.mid_disease01 {padding:50px 0;}
.mid_disease01 p {width:90%; font-size:12px;}
.mid_disease02 {float:left;width:100%;background-size:cover;padding:50px 0;text-align:center; }
.mid_disease02 ul {width:90%; margin:0 auto;}
.mid_disease02 ul li {display:inline-block; width:25%; height:100px;float:left;}
.mid_disease02 ul li div {width:90%; margin:0 auto;  height:50px;  padding-top:35px;font-size:12px;border-radius:10px;}
.mid_disease02 ul li div.ico_dis01 {background:#fff url("/img/sub/icon_disease01_.png") no-repeat center 50px;}
.mid_disease02 ul li div.ico_dis02 {background:#fff url("/img/sub/icon_disease02_.png") no-repeat center 50px;}
.mid_disease02 ul li div.ico_dis03 {background:#fff url("/img/sub/icon_disease03_.png") no-repeat center 50px;}
.mid_disease02 ul li div.ico_dis04 {background:#fff url("/img/sub/icon_disease04_.png") no-repeat center 50px;}
.mid_disease02 ul li div.ico_dis05 {background:#fff url("/img/sub/icon_disease05_.png") no-repeat center 50px;}
.mid_disease02 ul li div.ico_dis06 {background:#fff url("/img/sub/icon_disease06_.png") no-repeat center 50px;}
.mid_disease02 ul li div.ico_dis07 {background:#fff url("/img/sub/icon_disease07_.png") no-repeat center 50px;}
.mid_disease02 ul li div.ico_dis08 {background:#fff url("/img/sub/icon_disease08_.png") no-repeat center 50px;}
.mid_disease02 ul li div.ico_dis09 {background:#fff url("/img/sub/icon_disease09-.png") no-repeat center 50px;}
.mid_disease02 ul li div.ico_dis10 {background:#fff url("/img/sub/icon_disease10_.png") no-repeat center 50px;}
.mid_disease02 ul li div.ico_dis11 {background:#fff url("/img/sub/icon_disease11_.png") no-repeat center 50px;}
.mid_disease02 ul li div.ico_dis12 {background:#fff url("/img/sub/icon_disease12_.png") no-repeat center 50px;}
.mid_disease02 ul li div.ico_dis13 {background:#fff url("/img/sub/icon_disease13_.png") no-repeat center 50px;}
.mid_disease02 ul li div.ico_dis14 {background:#fff url("/img/sub/icon_disease14_.png") no-repeat center 50px;}
.mid_disease02 ul li div.ico_dis15 {background:#fff url("/img/sub/icon_disease15_.png") no-repeat center 50px;}
.mid_disease03 {background:#fff; text-align:center; width:100%; clear:both;float:left; margin-top:50px;}
.mid_disease03_info {width:90%; margin:0 auto;}
.mid_disease03_info ul li {float:left;text-align:center;box-sizing:border-box; padding-bottom:70px;}
.mid_disease03_info ul.w01 li{width:100%;}
.mid_disease03_info ul.w02 li{width:100%;}
.mid_disease03_info ul li p.img {}
.mid_disease03_info ul li p.tit {font-size:15px; color:#000; padding:10px 10px;}
.mid_disease03_info ul li p.txt {font-size:12px; padding:0 20px; color:#666;}
.mid_disease04 {width:100%; clear:both;text-align:center;}
.b_dis01 {background-size:auto 200px; }
.b_dis02 {background-size:auto 200px;}
.b_dis03 {background-size:auto 200px;}
.b_dis04 {background-size:auto 200px;}
.b_dis05 {background-size:auto 200px;}
.b_dis06 {background-size:auto 200px;}
.b_dis07 {background-size:auto 200px;}
.b_dis08 {background-size:auto 200px;}
.b_dis09 {background-size:auto 200px;}
.b_dis10 {background-size:auto 200px;}
.b_dis11 {background-size:auto 200px;}
.b_dis12 {background-size:auto 200px;}
.mid_disease04 p.st01 {font-size:18px; padding:50px 0 0 0;}
.mid_disease04 p.st02 {font-size:15px; padding:15px 50px 100px 0;font-weight:100;}
.mid_disease04 p.st03 {padding:50px 0 0 0; }
.mid_disease04 p.st03 img {width:100%;}

/*도수재활치료*/
.manip_wrap {padding:250px 0 0 0; background-size:auto 200px;}
.manip_wrap.nm01,.manip_wrap.nm02,.manip_wrap.nm03,.manip_wrap.nm04,.manip_wrap.nm05,.manip_wrap.nm06{background-size:auto 150px}
.manip_info01 p.st01 {font-size:20px; color:#000; padding:0 20px;}
.manip_info01 p.st02 {padding:20px 20px 0 20px; font-size:13px;color:#666;}
.manip_info01 p.st03 {padding:50px 0;}
.manip_info01 p.st03 img {width:90%;}
.manip_info02 {background-size:cover; height:600px;}
.manip_info02_con {width:90%;}
.manip_info02_con h3 {font-size:20px; padding:50px 0 30px 0;}
.manip_info02_con ul li {width:25%; font-size:12px;margin-bottom:30px;}
.manip_info02_con ul li span {border-radius:70px;width:60px; height:60px;box-shadow:#4f879a 1px 1px 5px;}
.manip_info02_con ul li span.ico01 {background:#fff url("/img/sub/ico_manip01.png") no-repeat center 18px; background-size:20px;}
.manip_info02_con ul li span.ico02 {background:#fff url("/img/sub/ico_manip02.png") no-repeat center 22px; background-size:2.5em;}
.manip_info02_con ul li span.ico03 {background:#fff url("/img/sub/ico_manip03.png") no-repeat center 18px; background-size:30px;}
.manip_info02_con ul li span.ico04 {background:#fff url("/img/sub/ico_manip04.png") no-repeat center 18px; background-size:27px;}
.manip_info02_con ul li span.ico05 {background:#fff url("/img/sub/ico_manip05.png") no-repeat center 18px; background-size:27px;}
.manip_info02_con ul li span.ico06 {background:#fff url("/img/sub/ico_manip06.png") no-repeat center 18px; background-size:22px;}
.manip_info02_con ul li span.ico07 {background:#fff url("/img/sub/ico_manip07.png") no-repeat center 18px; background-size:2.5em;}
.manip_info02_con ul li span.ico08 {background:#fff url("/img/sub/ico_manip08.png") no-repeat center 18px; background-size:2.5em;}
.manip_info02_con ul li span.ico09 {background:#fff url("/img/sub/ico_manip09.png") no-repeat center 18px; background-size:2.5em;}
.manip_info02_con ul li span.ico10 {background:#fff url("/img/sub/ico_manip10.png") no-repeat center 18px; background-size:22px;}
.manip_info02_con ul li span.ico11 {background:#fff url("/img/sub/ico_manip11.png") no-repeat center 18px; background-size:2.5em;}
.manip_info02_con ul li span.ico12 {background:#fff url("/img/sub/ico_manip12.png") no-repeat center 20px; background-size:30px;}
.manip_info02_con ul li span.ico13 {background:#fff url("/img/sub/ico_manip13.png") no-repeat center 20px; background-size:30px;}
.manip_info02_con ul li span.ico14 {background:#fff url("/img/sub/ico_manip14.png") no-repeat center 18px; background-size:22px;}
.manip_info03 {margin-top:80px;}
.manip_info03 ul li {margin-bottom:70px;}
.manip_info03 ul li.cobg01 {background:url("/img/sub/manip_m_bg03.png") no-repeat center 0; height:auto;background-size:auto 150px; padding-top:90px;}
.manip_info03 ul li.cobg02 {background:url("/img/sub/manip_m_bg04.png") no-repeat center 0; height:auto;background-size:auto 150px; padding-top:90px;}
.manip_info03 ul li.cobg03 {background:url("/img/sub/manip_m_bg05.png") no-repeat center 0; height:auto;background-size:auto 150px; padding-top:90px;}
.manip_info03 ul li.cobg04 {background:url("/img/sub/manip_m_bg06.png") no-repeat center 0; height:auto;background-size:auto 150px; padding-top:90px;}
.manip_info03 ul li.cobg05 {background:url("/img/sub/manip_m_bg07.png") no-repeat center 0; height:auto; background-size:auto 150px; padding-top:90px;}
.manip_info03 ul li.cobg06 {background:url("/img/sub/manip_m_bg08.png") no-repeat center 0; height:auto; background-size:auto 150px; padding-top:90px;}
.manip_info03 ul li.cobg07 {background:url("/img/sub/manip_m_bg09.png") no-repeat center 0; height:auto;background-size:auto 150px; padding-top:90px;}
.manip_info03 ul li.cobg08 {background:url("/img/sub/manip_m_bg10.png") no-repeat center 0; height:auto;background-size:auto 150px; padding-top:90px;}
.manip_info03 ul li.cobg10 {background:url("/img/sub/manip_bg11.png") no-repeat center 0; height:400px;}

.manip_info_wrap {margin:0 auto; width:90%; padding-top:100px;}

.manip_info03_con {width:100%; text-align:center;}
.manip_info03_con p.tit {font-size:18px; color:#000;}
.manip_info03_con p.txt {padding-top:10px; font-size:12px;color:#666;}

.manip_info03_con02 {width:100%;text-align:center;}
.manip_info03_con02 p.tit {font-size:18px; color:#000;}
.manip_info03_con02 p.txt {padding:10px; font-size:12px;color:#666;}

.manip_info03_con03 {width:100%;text-align:center;}
.manip_info03_con03 p.tit {font-size:18px; color:#000;}
.manip_info03_con03 p.txt {padding-top:10px; font-size:12px;color:#666;}


.n_manip_info01_con {padding-top:20px;width:100%;}
.n_manip_info01_con p.txt {font-size:12px;color:#333; line-height:24px; padding:0 20px;}
.n_manip_info01_con p.img {padding:80px 0;}
.n_manip_info01_con p.img img {width:100%;}
.n_manip_info01_con p.copy {font-size:1.2em;color:#000 ; letter-spacing:0; padding-bottom:0 20px 80px 20px;}

.n_manip_info02 {width:100%;height:250px;}
.n_manip_btn {position:absolute;width:100%;text-align:center;padding-top:0; margin:0 auto; margin-top:-157px; letter-spacing:0; font-size:0;}
.n_manip_btn .prev{display:inline-block;}
.n_manip_btn .next{display:inline-block;}
.n_manip_btn img {width:40px;}
.n_manip_info {margin:0 auto; width:100%; position:relative; margin:0 auto; height:250px;overflow:hidden; position:relative;}
.n_manip_info ul li{float:left;width:100%; /*height:250px;*/overflow:hidden; }
.n_manip_info ul li img {width:100%;}


/* 주소전송 */
.send_address {padding:0 0 60px 0;text-align:center;}
.s_address {position:relative; margin-top:0; text-align:center; width:100%;}
.s_address_send {background:#95866e; margin:0 auto; width:100%; color:#fff; font-size:12px; height:220px;}
.s_address_send p.st01 {padding:30px 30px 20px 30px;}
.s_address_send p.st02 {padding-bottom:20px;}
.s_address_send p.st03 {}
.s_address_send p.st03 a {display:inline-block; font-size:12px; padding:7px 2.5em; border-radius:30px;color:#5c5449; background:#fff;}
.s_address_send p.st03 a:hover { color:#fff;background:#000;}

.s_address_top p.st01 {font-size:12px; color:#000; padding:30px;}
.s_address_top p.st01 span {color:#7e7058;}
.s_address_mid{width:100%; max-width:700px; margin:0 auto;}



/* 진료예약 */
.book_top {height:270px; text-align:center; padding:0 30px;}
.book_top p.st01 {font-size:18px; padding:50px 0 10px 0;}
.book_top p.st02 {font-size:12px;}
.book_top p.st03 {font-size:1.2em; padding:30px 0;}
.book_top p.st03 span {font-size:20px; padding-left:20px; display:inline-block;}


/* inquiry */
.inq_wrap {width:90%; margin:0 auto; }
.inq_wrapper {width:100%;}
.inq_le_tit {width:100%; text-align:left; border-top:0; border-bottom:2px solid #000;}
.inq_le_tit span {padding:0 0 20px 0; font-size:18px;}
.inq_info {width:100%; text-align:left;color: #999;}
.chk_area02 { color:#888; line-height:28px; padding-top:10px;}
.chk_area02 input {border:1px solid #d2d2d2;background:#fff;}
.chk_area02 span {font-size:13px;width:;display:inline-block;padding-bottom:10px;}
.ipt_area02 {padding:20px 0;}
.ipt_line02 {padding:0 0 5px 0;}
.txt_input02{width:43%;height:35px;line-height:20px;padding:0 13px;font-size:13px;}
.txt_input02:focus{border:1px solid #333;background:#fff;color:#000; }
.txt_textarea02{width:95%;height:100px;line-height:30px;padding:0 13px;font-size:13px;}
.txt_textarea02:focus{border:1px solid #333;background:#fff;color:#000;}
.file_line02 {position:relative;padding:0;padding:0 0 5px 0;}
.file_line02 input.request_file2{width:100%;height:35px;line-height:20px;padding:0;color:#999;font-size:13px;position:absolute;z-index:2;background:#fff;}
.file_line02 .fake input{display:inline-block;width:70%;height:35px;line-height:20px;padding:0 13px; vertical-align:top;color:#999;font-size:13px;border:1px solid #ccc;border-radius:3px; background:#fff;}
.file_line02 .fake .btnfile{display:inline-block;height:35px;line-height:30px;width:15%;color:#fff;text-align:center;font-size:12px;z-index:1;border-radius:3px;background:#777;border:1px solid #777;}
.file_line02 p {font-size:13px; padding-bottom:5px;}

.txt_input002{width:80%;font-size:13px;}


/* 로그인  */
.login-bx div.tc{ width:70%; margin:0 auto; padding:50px 0;}


.board_wrap {padding:20px 10px 50px 10px; font-size:13px; z-index:1; width:90%;}

/* 게시판검색  */
.lst_header{margin-bottom:15px; line-height:30px; width:100%;}
.lst_header .counter{display:none;}
.lst_header .search{float:none; width:auto; max-width:100%; padding-right:83px; height:33px;}
.lst_header .search input{width:calc(100% - 10px); padding-left:8px; height:28px; font-size:13px;}
.lst_header .search .btn_search{text-indent:-9999px;position:absolute; background:url("/img/sub/btn_search.png") 0 0 no-repeat; top:5px; right:0; display:inline-block; width:2.5em; height:34px; line-height:34px; text-align:center;}

/* 게시판btn */
.board_btn {padding-top:30px; overflow:hidden;width:100%;}
.board_btn .btn_left {float:left;}
.board_btn .btn_right {float:right;}
.board_btn .btn_center {margin:0 30%; float:left;}
.grybt01 {background: #fff; color: #828b9c; display: inline-block; font-size: 12px; height:22px; padding:10px 10px 0 10px; border:1px solid #828b9c;border-radius:50px; cursor : default; }
.orgbt01 {background: #2471c8; color: #fff; display: inline-block; font-size: 12px; height:22px; padding:10px 15px 0 15px; border-radius:50px; cursor : default; }
.orgbt02 {background: #2471c8; color: #fff; display: inline-block; font-size: 12px; height:22px; width:80px;padding:30px 0 0 40px; border-radius:50px; cursor : default; }

/* type1 */
.lst_board.type1 ul li{display:block; height:64px; padding:10px 0;}
.lst_board.type1 ul li p{float:left; display:block; height:32px; line-height:32px; padding:0; font-size:11px;}
.lst_board.type1 ul li p.no{display:none;}
.lst_board.type1 ul li p.subject{width:calc(100% - 22px); padding:0 11px 0 0;}
.lst_board.type1 ul li p.subject a{max-width:calc(100% - 30px); font-size:13px;}
.lst_board.type1 ul li p.subject .lock{margin-left:4px; width:12px;}
.lst_board.type1 ul li p.author{width:calc(100% - 172px); padding:0 0 0 37px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.lst_board.type1 ul li p.author .logintype{top:50%; left:11px; margin-top:-12px; width:23px; height:23px;}
.lst_board.type1 ul li p.date{width:64px; padding:0 11px;}
.lst_board.type1 ul li p.name{width:50px;}
.lst_board.type1 ul li p.state{width:71px;}
.lst_board.type1 ul li p.state span{width:60px; line-height:23px; font-size:11px; border-radius:23px; -webkit-border-radius:23px; -moz-border-radius:23px;}
.lst_board.type1 .board_empty{line-height:160px; font-size:12px;}


/* type3 */
.lst_board.type3 ul li{display:table; table-layout:fixed; width:95%; height:190px; padding:0 10px;overflow:hidden; border-bottom:1px solid #c5c8d3;}
.lst_board.type3 ul li p{vertical-align:middle;  font-size:1.2em; color:#4f5355;}
.lst_board.type3 ul li p.detail{display:block; vertical-align:middle; max-width:calc(100%); font-size:13px; color:#777; text-overflow:ellipsis; overflow:hidden; padding-bottom:20px; line-height:20px;}
.lst_board.type3 ul li p.date{display:block; max-width:calc(100%);text-align:left; }
.lst_board.type3 ul li p.name{width:120px; font-size:12px; color:#1e8196;text-align:left;}
.lst_board.type3 ul li p.state{width:130px;display:table-cell;}

/* 언론보도  */
.listen-list02 ul li {width:100%; float:left;}

/* view */
.viewType02 {position:relative;}
.viewType02 dt {border-bottom:1px solid #000;padding:30px 0 0 0;}
.viewType02 dt .titA {font-size: 20px; line-height: 1.5; margin: 0 auto; text-align:center;padding:0 0 0 0; color:#000;}
.viewType02 dt .dateA {font-size: 14px; color: #666; text-align:center; padding:10px 0 30px 0;}
.viewType02 dt .cateA {font-size: 14px; color: #2d71c4; text-align:center; padding:10px 0 0 0;}
.viewType02 dd .fileA  {background: #f8f8f8; padding: 13px 0;width: 100%; border-top:1px solid #e5e5e5; font-size:13px;}
.viewType02 dd .fileA .item{color:#000; padding-right:15px;}
.viewType02 dd .fileA .file_name{color:#666; font-size:11px;}
.viewType02 dd .fileA .file_name a {background:url("/img/sub/ico_file_o.png") no-repeat scroll 0 5px;  padding:5px 20px 5px 20px; position:relative;top: -2px; display:block;}
.viewType02 dd{padding:0 ; border-bottom:1px solid #e5e5e5;}
.viewType02 dd .viewCon {color:#555; line-height:2.5em; padding:50px 0;}
.viewType02 dd .viewCon p > img{max-width:100% !important;}
.viewType02 dd .viewCon img{ max-width:100%; width: auto !important; height: auto;}

.viewType02 dd .viewCon {color:#555; line-height:2.5em; word-break:break-all; }
.viewType02 dd .viewCon div.img {width:100% !important; height:380px; overflow:hidden;position:relative; margin-bottom:10px;}
.viewType02 dd .viewCon div.img img{width:100%;}
.viewType02 dd .viewCon div.btn {position:absolute;top:310px; left:0;z-index:99; width:100%; margin:0 auto;}
.viewType02 dd .viewCon div.btn img {height:70px;}
.viewType02 dd .viewCon div.v_con_list {display:none;}


.viewShiftA {border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; font-size:13px;}
.viewShiftA p{padding:15px 0; border-top:1px solid #e1e1e1; position:relative; color:#555;}
.viewShiftA p:first-child{border-top:none}
.viewShiftA .prvTit{position:absolute; left:20px; color:#000; display:inline-block; font-size:0;}
.viewShiftA .nxtTit{position:absolute; left:20px; color:#000; display:inline-block; font-size:0;}
.viewShiftA span.date{top:19px; right:0; color:#767676;}
.viewShiftA a{width:100%; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.viewShiftA a:hover{text-decoration:underline;}

.qna_viewA {border-top:1px solid #cdcdcd;background:#f1f2f7; }
.qna_viewA p.an {padding:2.5em;line-height:24px;}

.qna_writeA {border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; padding:2.5em 0;vertical-align:top;position:relative;height:120px;}
.qna_writeA p.qna_writeA_le {width:100%;display:inline-block; float:left; text-align:center;}
.qna_writeA p.qna_writeA_le textarea { display:inline-block;height:55px; padding:10px 0;}
.qna_writeA p.qna_writeA_ri {width:100%;display:inline-block; text-align:center; float:left;}
.qna_writeA p.qna_writeA_ri span.btn {background:#2b3a53;width:100%; color:#fff; display:inline-block; height:27px; padding-top:10px;text-align:center;}

/* write */
.wrt_board {position:relative;border-top:2px solid #000; } 
.wrt_board dl dt, .wrt_board dl dd{min-height:33px; padding:5px 0;}
.wrt_board dl dt{display: block;width:95px;  line-height:33px; font-size:12px; color:#000;}
.wrt_board dl dd{font-size:12px;display: block;}
.wrt_board dl.mdrop dt, .wrt_board dl.mdrop dd{display:block;}
.wrt_board dl.mdrop dt{padding-bottom:0;}
.wrt_board dl.mdrop dd{padding-top:0;}
.wrt_board dl dd .w1{width:70% !important;}
.wrt_board dl dd .w2{width:60% !important;}
.wrt_board dl dd .w3{width:25% !important;}
.wrt_board dl dd .frm_item label{line-height:33px;}
.wrt_board dl dd .frm_item input{display:table-cell; width:90%; vertical-align:middle;}
.wrt_board dl dd .frm_item.type1{float:none; width:100%;}
.wrt_board dl dd .frm_item.type1 label{width:35px;}
.wrt_board dl dd .frm_item.type2{float:none; margin-top:2px; width:100%;}
.wrt_board dl dd .frm_item.type2 label{width:35px;}
.wrt_board dl dd .wfull{width:95%;}
.wrt_board dl dd .textbox {color:#555; height:30px;}
.wrt_board dl dd .h_n {height:auto;}
.wrt_board dl dd span {font-weight:200; font-size:12px; padding:10px 0; color:#666; display:inline-block;}

.board_view_wrap {background:#000 fixed; width:100%; z-index:1100; position:absolute; height:100%; left: 0px; top: 0px; width: 100%;}
.board_view_btn a {z-index:10000; position:fixed;text-align:center;}



}
@media only screen and (max-width: 425px) {
.hour_info span {width: 162px;}
.n_manip_info02, .n_manip_info { height: 240px!important;}
.n_manip_btn { bottom: 120px;}
.n_manip_info01_con p.copy { padding-bottom: 120px;}
.n_manip_info ul li {height: 310px;}
.ul_list li:nth-child(2n) { margin-left: 0;}
.txt_about{font-size:1.3em;}
.txt_about {font-size:0.8em;}
.m_firm_info ul li { width: calc(100%/2);}
.m_firm_info ul li img { margin-top: 0; width:100%;}
.sec03 .n_manip_btn {bottom: 130px;}
.location_foot_info, .hour_top{max-width:425px;}
.location_foot_info{padding-left:0; padding-right:0;}
.step02 ul.taps02 li { display: inline-block;}
.direc_con {padding-left: 60px;}
.step03 ul li:last-child {margin: 0 auto;}
}



@media only screen and (max-width: 42.5em) {
.step02 ul, .step02, .step03 {max-width:100%;}
.step03 .taps02 li, .step03 .taps04 li,.step03 .taps05 li, .step03 .taps06 li,.step03 .taps07 li, .step03 .taps03 li{display:block; width:90%; margin:5px auto;}
.step02 .taps01 li div{width:auto;}
.step02 ul li div{width:100% ; max-width: 150px;}
.step03 .taps02 li, .step02 ul.taps04 li, .step02 ul.taps05 li, .step02 ul.taps06 li,.step02 ul.taps07 li{    width: calc(99%/2);  display: inline-flex; margin:10px auto;}
.step02 ul li:nth-child(1) div, .step02 ul li:last-child div{margin:20px 10px 0 10px;}
.step02 ul.taps05 li:last-child,.step02 ul.taps07 li:last-child  {display: block;}
.step03 .taps05 li:last-child { margin-left: 5%;}
.n_manip_btn {bottom: 49%;}
.location_foot_info ul li {width: 100%;}
.location_foot_info ul{display:block;}
.self08 .step02 ul li div { width: 90%;}
.step02 ul.taps05 li:last-child {margin-left: 0;}
}



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

.step02 ul.taps05 li:last-child { margin-left: 0%;}
.step03 ul li:last-child {margin-right: 5%;}
.step02 ul.taps03 li {display: inline-block;  width: calc(98%/3);}
.step02 ul.taps07 li:last-child { margin-left: 0;}


}

@media only screen and (max-width: 380px) {
.n_manip_btn { bottom: 120px;}
.step02 ul.taps03 li { display: inline-block;  width: calc(98%/3);}
.step03 .taps02 li, .step02 ul.taps04 li, .step02 ul.taps05 li, .step02 ul.taps06 li, .step02 ul.taps07 li {  width: calc(94%/2);   display: inline-grid;}
.step02 ul.taps05 li:last-child,.step02 ul.taps07 li:last-child { margin-left: 3%;}
.step03 .taps03 li{width:90%; display: block; margin: 0 auto;}
.step03 .taps03 li div{width:100%;}
.step03 ul li:last-child{    margin: 0 auto;}
.step03 .taps02 li, .step03 .taps04 li, .step03 .taps05 li, .step03 .taps06 li, .step03 .taps07 li, .step03 .taps03 li {display: block; width: 90%; margin: 5px auto;}
}



@media only screen and (max-width: 375px) {
.step02 ul.taps03 li img {width:100%;}
.step02 ul.taps03 li {display: inline-block; width: calc(98%/3);}
.step02 ul.taps02 li {display: inline-block;}
.sec03 .n_manip_btn {bottom: 140px;}
.n_manip_btn {bottom: 120px;}
.n_manip_info02, .n_manip_info { height: 230px!important;}
.txt_about span{font-size:1.5em;}
b.title{font-size:1.2em;}
.location_foot_info, .hour_top { max-width: 375px;}
.step02 ul li div {width: 66%;}
}

@media only screen and (max-width: 370px) {
.all_wrap {width: 365px;}
.sec01, .sec02, .sec03, .sec04 {max-width: 365px;   min-width: 365px;}
.ul_list li, .ul_list li:nth-child(2n) { margin-left: 2%;}
.ul_list li {width: calc(98%/5);}
.ul_list li div b { font-size: 1.2em;}
.step02 ul.taps02 li{display:inline-block!important;}
}

@media only screen and (max-width: 360px) {
.step02 ul.taps05 li:last-child, .step02 ul.taps07 li:last-child {margin-left: 1%;}
.all_wrap {width: 360px;}
.ul_list{margin-right:15px}
.sec01, .sec02, .sec03, .sec04 {max-width: 360px;   min-width: 360px;}
.ul_list li { width: calc(98%/5);}
.ul_list li div b{font-size:1em;}
.ul_list li div {height: 85px;}
.equipment_list ul li {float: none;  display: inline-block;}
.hour_info span { width: 180px;}
.hour_ban .st01 {font-size: 17px;}
.location_top { padding: 40px 30px 60px 30px;}
.mid_disease01 p {width: 97%;}
.step03 .taps02 li, .step03 .taps03 li, .step02 ul.taps04 li, .step02 ul.taps05 li, .step02 ul.taps06 li, .step02 ul.taps07 li {width: 49%;  display: inline-flex;}
.step03 .taps02 li, .step03 .taps04 li, .step03 .taps05 li, .step03 .taps06 li, .step03 .taps07 li, .step03 .taps03 li {width: 90%;}
.step03 .taps05 li:last-child {margin-left: 10px;}
.step03 .taps05 li:last-child {display: inline-block;}
.step02 ul li div { padding: 10px;}
.step02 ul.taps02 li {width: calc(98%/2); display: inline-block;}
.step02 ul.taps03 li {display: inline-block; width: calc(90%/3);}
.step02 ul li div {width: 80%;}
.step02 ul.taps03 li.step02_03{margin-right:15px;}
}


@media only screen and (max-width: 320px) {
.step03 .taps05 li:last-child {margin-left: 0;}
.direc_con { padding-left: 20px;}
.step02 ul.taps07 li {min-height:240px;}
.all_wrap {width: 320px;}
.sec01, .sec02, .sec03, .sec04 {max-width: 320px;   min-width: 320px;}
.equipment_list ul li img{width:100%;}
.equipment_list ul {   float: none;}
.equipment_list ul li { width: 98%;}
.hour_info { font-size: 1em;}
.step02 ul.taps04 li {height: 180px;}
.step03 .taps02 li, .step03 .taps03 li, .step02 ul.taps04 li, .step02 ul.taps05 li, .step02 ul.taps06 li, .step02 ul.taps07 li { display: inline-grid;}
.step02 ul li div p {font-size:0.8em;  margin: 15px 0;}
.step02 ul li div {width: auto;}
.mid_disease01 p { letter-spacing: -0.09em;}

}