/*헤더*/
#header {position: relative;background: #254d8f;padding: 15px 15px}
#header .hd:after{content: "";display: block;clear: both}
#header .hd > li {float: left}
#header .hd > li:nth-of-type(1){width: 7%;margin-right: 13%;margin-top: 1%;cursor: pointer}
#header .hd > li:nth-of-type(2){width: 65%;}
#header .hd > li:nth-of-type(3){width: 5.3%;float: right}

/*메뉴*/
.mn_acco .accordion {width:300px; position: absolute;left: -305px;z-index: 50}
.mn_acco .accordion p {margin:0; padding:10px;background: #131a2a;color: #fff;border-bottom: 1px solid #363b4b;font-size: 14px;cursor:pointer;}
.mn_acco .accordion ul {margin:0; padding:0; list-style-type:none;}
.mn_acco .accordion li {margin:0; padding:0; list-style-type:none;background:#3e4c6a;padding: 8px;font-size: 14px;border-bottom: 1px solid #556484}
.mn_acco .accordion li a{color: #fff}

/*메인*/
#section:after{content: '';display: block;clear: both}
#section .main_con {}
#section .main_con .sub_con1 a img{width:50%;display: block;float: left}
#section .main_con .sub_con2 a img{display: block}
#section .main_con .sub_con3 {width: 61.86%;float: left}
#section .main_con .sub_con3 a img{display: block}
#section .main_con .sub_con4 {width: 38.14%;float: left}
#section .main_con .sub_con4 a img{display: block}

/*메인, 병원둘러보기 이미지 슬라이드*/
.swiper-container {width: 100%;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;
    /* Center slide text vertically */
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

/*탭메뉴*/
.tab_mn{max-width: 95%;margin: 0 auto;overflow: hidden;margin-bottom: 20px;padding-bottom: 1px}
.tab_mn li{float: left; width: 33%;height: 30px;line-height: 30px}
.tab_mn li a{color: #8c8c8c;text-align: center;width: 100%;height: 100%;border-right:1px solid #e3e3e3;border-bottom: 1px solid #e3e3e3;font-size: 12px;
            transition-duration: 0.2s;
            -webkit-transition-duration: 0.2s;
            -ms-transition-duration: 0.2s;
            -o-transition-duration: 0.2s;
}
.tab_mn li:nth-of-type(1) a,
.tab_mn li:nth-of-type(2) a,
.tab_mn li:nth-of-type(3) a{border-top: 1px solid #e3e3e3}
.tab_mn li:nth-of-type(1) a,
.tab_mn li:nth-of-type(4) a,
.tab_mn li:nth-of-type(7) a,
.tab_mn li:nth-of-type(10) a{border-left: 1px solid #e3e3e3}
.tab_mn li a:hover{background: #254d8f; color: #fff;opacity: 1}
.atv a{background: #254d8f; color: #fff !important}

/*탭메뉴칸 조절*/
.table_re {display: table}
.table_re li a{line-height: 13px}
.table_re li a span{display: table-cell;vertical-align: middle;width: 33%;height: 30px}

/*치과소개*/
.doctor .tab { background:#fff; overflow:hidden; }
.doctor .tab li { float:left; width:50%;text-align:center;}
.doctor .tab li { display:inline-block;cursor:pointer; }
.doctor .tab_con { clear:both; }
.doctor .tab_con div { display:none; ;line-height:100px; text-align:center; overflow: hidden}
.doctor .tab_con img, .tab img {display: block}

/*병원둘러보기*/
#gallay_imgmenu	 {margin:0 auto; width:95%;}
#gallay_imgmenu .gall_con	{width:640px;}
#gallay_imgmenu .gall_con.gall	 {margin:0 20px 0 20px;}
#gallay_imgmenu .gall_con.gall_list	 {width:100%;}
#gallay_imgmenu .info_wrap	{position:relative; width:100%; height:88px; margin:0 0 24px 0;}
#gallay_imgmenu .info_wrap	ul.btn_info	{position:absolute; top:54px; right:0; width:145px; height:34px;}
#gallay_imgmenu .info_wrap	ul.btn_info	li	{float:left; width:34px; height:34px; margin:0 0 0 14px;;}
#gallay_imgmenu .map_wrap	{overflow:hidden; width:640px; height:180px;}
#gallay_imgmenu .gallery_wrap	 a	{display:inline-block; margin:0 0 18px 0;}
#gallay_imgmenu .gallery_wrap	 a.end	 {margin:0;}
#gallay_imgmenu .list_top	h1	{float:left;}
#gallay_imgmenu .list_top	.btn_back	 {float:right; padding-right:12px;}
#gallay_imgmenu .list_wrap	{}
#gallay_imgmenu .list_wrap:after	{content:""; display:block; clear:both;}
#gallay_imgmenu .list_wrap	ul li	{float:left; margin:0 5px 5px 0; background:#fff; line-height:0; font-size:0; overflow:hidden;width: 23%}
#gallay_imgmenu .list_wrap	ul li	a	{width: 100%; display:table-cell; text-align:center; vertical-align:middle;}
#gallay_imgmenu .list_wrap	ul li	img	{width: 100%}
#gallay_imgmenu .view_wrap	{position:relative; width:640px; height:480px; line-height:0; display:table-cell; text-align:center; vertical-align:middle;}
#gallay_imgmenu .view_wrap	img	{width:640px;}
#gallay_imgmenu .view_wrap	.btn_wrap	 {position:absolute; width:640px; top:47%;}
#gallay_imgmenu .view_wrap	.btn_wrap		img	{width:34px; height:34px;}
#gallay_imgmenu .view_wrap	.btn_wrap		.btn_prev	{float:left;}
#gallay_imgmenu .view_wrap	.btn_wrap		.btn_next	{float:right;}
.finger{position: relative;top: 40px;left: 10px;z-index: 500}
.ys_look_round .tab_mn{margin-bottom: 0}
/*교정장치종류*/
.type .tab { background:#fff; overflow:hidden; border-top:1px solid #e3e3e3;border-right:1px solid #e3e3e3;margin-bottom: 15px}
.type .tab li { float:left; width:50%;text-align:center;border-left:1px solid #e3e3e3;box-sizing:border-box;border-bottom: 1px solid #e3e3e3}
.type .tab li { display:inline-block;cursor:pointer; padding: 5px 0;}
.type .tab li.on { background-color:#ff6f9b; color:#fff; }
.type .tab_con { clear:both; }
.type .tab_con div { display:none; ;line-height:100px; text-align:center; overflow: hidden;}
.type .tab_con img, .tab img {display: block}

/*소아청소년 성장기 교정*/
.teen .tab { overflow:hidden;margin-bottom: 15px;font-size: 12px;font-weight: bold;color: #767676;margin-top: 20px}
.teen .tab li { float:left; width:100px;text-align:center;border:1px solid #e3e3e3;box-sizing:border-box;background:#f7f7f7}
.teen .tab li { display:inline-block;cursor:pointer; padding: 5px 0;}
.teen .tab li.on { background: url(../images/point.jpg ) no-repeat;background-color:#fff;background-position: 10px; color:#767676; border-bottom: 1px solid #fff}
.teen .tab_con { clear:both; border-top: 1px solid #e3e3e3;padding-top: 10px;position: relative;top: -16px;z-index: -10}
.teen .tab_con div { display:none; ;line-height:100px; text-align:center; overflow: hidden;}
.teen .tab_con img, .tab img {display: block}

/*소아청소년 성장기 교정*/
.bimaxillary .tab { overflow:hidden;margin-bottom: 15px;font-size: 12px;font-weight: bold;color: #767676;margin-top: 20px}
.bimaxillary .tab li { float:left; width:100px;text-align:center;border:1px solid #e3e3e3;box-sizing:border-box;background:#f7f7f7}
.bimaxillary .tab li { display:inline-block;cursor:pointer; padding: 5px 0;}
.bimaxillary .tab li.on { background: url(../images/point2.jpg ) no-repeat;background-color:#fff;background-position: 10px; color:#767676; border-bottom: 1px solid #fff}
.bimaxillary .tab_con { clear:both; border-top: 1px solid #e3e3e3;padding-top: 10px;position: relative;top: -16px;z-index: -10}
.bimaxillary .tab_con div { display:none; ;line-height:100px; text-align:center; overflow: hidden;}
.bimaxillary .tab_con img, .tab img {display: block}

/*치료전후사례*/
.care_review{padding: 0 10px}
.care_review_tab{border: 1px solid #e3e3e3;padding: 5px;overflow: hidden;margin-bottom: 20px}
.care_review_tab li{float: left;margin-bottom: 10px}
.care_review_tab li:last-child a{background: none}
.care_review_tab li a{color: #767676;padding: 0 8px;background: url(../images/tab_mn_right.gif) no-repeat right;font-size: 16px}
.care_review_tab li a:hover{color: #254d8f}
.care_review_tab .tab_on a{color: #254d8f;font-weight: bold}

.bo_fx{color: #8c8c8c;font-size: 14px;margin-bottom: 10px}

.sortlist{width: 100%}
.sortlist .sortbox .iner{padding: 10px 0;border-top: 1px solid #e3e3e3}
.sortlist .sortbox .iner h4{font-size: 17px;font-weight: bold;color: #282828;margin-bottom: 12px}
.sortlist .sortbox .iner ul {width: 100%;position: relative}
.sortlist .sortbox .iner ul:after {content: '';display: block;clear: both}
.sortlist .sortbox .iner ul li{}
.sortlist .sortbox .iner ul li:nth-of-type(1) {width: 47.5%;float: left}
.sortlist .sortbox .iner ul li:nth-of-type(2) {width: 1.8%;margin: 0 1.35%;position: absolute;top:41%;left: 48%;}
.sortlist .sortbox .iner ul li:nth-of-type(2) img{}
.sortlist .sortbox .iner ul li:nth-of-type(3) {width: 47.5%;float: right !important}
.sortlist .sortbox .iner ul li img{width: 100%;height: auto}

.pg_wrap .prev ,
.pg_wrap .next {float: left}
.pg_wrap{margin: 0 auto;overflow: hidden;margin-top: 10px;text-align: center}
.pg_wrap ul li{float: left;width: 30px;padding-left: 6px;background: url(../images/pageing_dot.png) no-repeat 0;text-align: center}
.pg_wrap ul li:first-child{background: none}
.pg_wrap ul li span {display: inline-block;width: 16px;background-color: #313131;border: 1px solid #000;color: #fff;
                    border-radius: 100px;
                    -webkit-border-radius: 100px;
                    -moz-border-radius: 100px;
}

/*온라인 전문의 상담*/
.online_contact .bo_box {border-top: 1px solid #dedede;padding: 10px 0;position: relative}
.online_contact .bo_box p{font-weight: bold;float: left}
.online_contact .bo_box p a {color: #282828}
.online_contact .bo_box p img{margin-left: 10px}
.online_contact .bo_box span {color: #949494;margin-right: 15px;font-size: 14px}
.online_contact .bo_box .icon_lock {margin-left: 10px}
.online_contact .bo_box .bo_subject {margin-bottom: 10px}
.online_contact .btn_reply {background: url(../images/btn_reply.jpg) no-repeat;width: 50px;height: 31px;background-size: cover;position: absolute;right: 0;top: 20px}
.online_contact .btn_reply2 {background: url(../images/btn_reply.jpg) 0 -31px no-repeat;width: 50px;height: 31px;background-size: cover;position: absolute;right: 0;top: 20px}
.online_contact .bo_list {max-width: 95%;margin: 0 auto}

.blackBtn{background: #254d8f;color: #fff;border: none;padding: 0 3px 0 3px}
.search_Zone{text-align: center}
/*카카오상담*/
.kakao_contact .img_kakao{width: 26%;margin: 0 auto}
.kakao_contact .f_deco01{text-align: center;color: #254d8f;font-weight: bold;font-size: 15px;margin:20px 0}
.kakao_contact th{width: 70px;text-align: right;padding-right: 10px;vertical-align: middle;}
.required{border: 1px solid #cccccc;margin-bottom: 5px;height: 20px;position: relative;top: 3px}
.textareaType01{width: 255px;height: 115px}
.textareaType02{width: 255px}
.inputType01 {width: 160px}
.inputType02 {width: 40px}
#hp_1,#wr_2,#wr_3{margin-bottom: 5px;height: 23px}
.kakao_ms{width: 380px;margin: 0 auto}
.messgeGo{width: 140px;height: 38px;margin: 0 auto;margin-top: 0px;margin-top: 20px}

/*온라인예약*/
.inputType03{margin-bottom: 5px;width: 80%}
.writeType01{width: 100%;margin-left: 10px}
.selType02{margin-bottom: 5px}
.textarea_top{vertical-align: top}
.btn_confirm{height: 40px;margin-top: 10px;text-align: center}
.btn_submit{background: #254d8f;padding: 10px 15px;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;border: 0;color: #fff;margin-right: 10px;cursor: pointer}
.btn_cancel{padding: 12px 30px;background: #6e6e6e;text-align: center;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;color: #fff;font-size: 14px;position: relative;top:5px}
.calendar{display: inline;position: relative;top: 5px;cursor: pointer}
.wr_content { ;height: 50px;padding-bottom: 10px}
#wr_content {height: 200px}
.writeType01 th {min-width: 79px}
.online_reserve #wr_content{margin-left: 2%}
/*교정치료후기*/
.real_review .bo_box {border-top: 1px solid #dedede;padding: 10px 0;position: relative}
.real_review .bo_box p{font-weight: bold;float: left}
.real_review .bo_box p a {color: #282828}
.real_review .bo_box p img{margin-left: 10px}
.real_review .bo_box span {color: #949494;margin-right: 15px;font-size: 14px}
.real_review .bo_box .bo_subject {margin-bottom: 10px;height: 25px}
.real_review .bo_wrap {width: 95%;padding: 0 2.5%}

/*리얼교정일기*/
.real_story .bo_photo{width: 120px;height: 120px;border: 1px solid #e3e3e3;margin-bottom: 10px}
.real_story .bo_box {padding: 10px 0;position: relative;width: 120px;margin-right: 10px;float: left;}
.real_story .bo_box p{float: left}
.real_story .bo_box p a {color: #282828;font-size: 13px;font-weight: bold}
.real_story .bo_box p img{margin-left: 10px}
.real_story .bo_box span {color: #949494;margin-right: 5px;font-size: 12px}
.real_story .bo_box .bo_subject {margin-bottom: 5px;height: 25px}
.real_story .bo_wrap {width: 390px;margin: 0 auto}

/*교정치료정보*/
.care_info .bo_photo{width: 120px;height: 120px;border: 1px solid #e3e3e3;margin-bottom: 10px;float: left}
.care_info .bo_list{padding-top: 5px;overflow: hidden}
.care_info .bo_box2 {padding: 10px 0; position: relative; width: 410px; margin-right: 10px;overflow: hidden;}
.care_info .bo_box2 p{float: left;margin-top: 10px}
.care_info .bo_box2 p a {color: #282828; font-size: 16px; font-weight: bold}
.care_info .bo_box2 p img{margin-left: 10px}
.care_info .bo_box2 span {color: #949494; margin-right: 15px;font-size: 12px;}
.care_info .bo_box2 .num{ font-size: 25px;color:#254d8f;font-weight: bold;margin: 0;margin-right: 20px}
.care_info .bo_box2 .bo_subject {padding-left: 15px;height: 25px;float: left;width: 230px}
.care_info .bo_box {border-top: 1px solid #e3e3e3}
.care_info .bo_wrap {width: 95%;margin: 0 auto}

/*푸터*/
#footer{margin-top: 5px;clear: both}
#footer .f_sub_btn1 li{width: 48%;float:left;margin:1.3% 0 1.3% 1.3%}
#footer .f_sub_btn2 {max-width: 100%;clear: both}
#footer .f_sub_btn2 li{width: 25%;text-align: center;float: left;padding: 10px 0;background: #2a364b}
#footer .f_sub_btn2 li a{color: #fff;font-size: 13px}
#footer .ads {padding: 20px 0 15px;font-size: 12px;background: #3f4c62;clear: both}
#footer .ads:after{content: '';display: block;clear: both}
#footer .ads p {text-align: center;width: 98%;margin: 0 auto;clear: both;color: #fff;line-height: 15px;margin-bottom: 15px;font-size: 11px}
#footer .f_sub_btn3 {max-width: 55%;margin: 0 auto}
#footer .f_sub_btn3 li:nth-of-type(1){width: 56.9%;float: left;margin-right: 2%}
#footer .f_sub_btn3 li:nth-of-type(2){width: 41.1%;float: left}

/*메뉴*/
.faq_acco {width:95%;padding: 0 2.5%}
.faq_acco .accordion p {margin:0; padding:10px;color: #282828;border-bottom: 1px solid #c3c3c3;font-size: 14px;cursor:pointer;font-weight: bold}
.faq_acco .accordion p:first-child{border-top: 1px solid #282828}
.faq_acco .accordion ul {margin:0; padding:0; list-style-type:none;}
.faq_acco .accordion li {margin:0; padding:0; list-style-type:none;padding: 8px;font-size: 14px;border-bottom: 1px solid #556484;color: #7f7f7f;line-height: 18px}
.faq_acco .accordion li h2{font-size: 16px;color: #282828}
.faq_acco .accordion li a{color: #fff}

/*로그인 회원가입*/

/*sub css*/
.sub_name {color: #254d8f;font-size: 30px;font-weight: bold;text-align: center;margin:30px 0}
.rp_img{width: 100%;height: auto;display: block}