.bold { font-weight: bold } .fixed { table-layout:fixed; } .line_ellipsis {white-space:nowrap;text-overflow : ellipsis;overflow : hidden;padding: 2px 10px!important;} .editbox { font-size: 12px; color:#000000; background-color: #FFFFFF; BORDER: 1px solid #CCCCCC; margin:1px 0 1px 0; padding:4px; } .editbox_date { font-size: 12px; color:#000000; background-color: #FFFFFF; BORDER: 1px solid #CCCCCC; margin:1px 0 1px 0; padding:2px; } .searcheditbox { color:#000000; background-color: #FFFFFF; border: 1px solid #CCCCCC; padding:3px; } .textareabox {BORDER: #CCCCCC 1px solid; background-color: #FFFFFF; font-family: "돋움,Dotum,AppleGothic,sans-serif"; font-size: 11px; padding-left: 3px; padding-top: 2px;} .inputBase { font-size: 12px; color:#000000; background-color: #FFFFFF; BORDER: 1px solid #CCCCCC; margin:1px 0 1px 0; padding:4px; } .inputFocus { font-size: 12px; color:#FFFFFF; background-color: #000000; BORDER: 1px solid #CCCCCC; margin:1px 0 1px 0; padding:4px; } .inputFocus_date { font-size: 12px; color:#FFFFFF; background-color: #000000; BORDER: 1px solid #CCCCCC; margin:1px 0 1px 0; padding:2px; } .textareaBase { background-color:#FFFFFF; color:#000000; font-size : 12px; BORDER: #CCCCCC 1px inset; font-family: "돋움,Dotum,AppleGothic,sans-serif"; padding-left: 3px; padding-top: 2px; } .textareaFocus { background-color:#000000; color:#FFFFFF; font-size : 12px; BORDER: #CCCCCC 1px inset; font-family: "돋움,Dotum,AppleGothic,sans-serif"; padding-left: 3px; padding-top: 2px; } .select { font-size:11px; letter-spacing:0px; border:1px solid #CCCCCC; background-color:#FFFFFF; padding:3px; } .selectbox { font-size:12px; letter-spacing:0px; border:1px solid #CCCCCC; background-color:#FFFFFF; padding:3px 3px 4px 3px; } .box_search { clear:both; margin:0 auto; width:100%; text-align:center; margin-top:10px; } .pageNaviNum { clear:both; margin:0 auto; width:100%; height:30px; text-align:center; padding-top:10px; } .submitBox { clear:both; margin:0 auto; width:100%; height:40px; padding-top:15px; text-align:center; } #memFormDiv td { font-size:11px;text-align:left; letter-spacing: -1px; } #memFormDiv td p{text-align:center;} #memFormDiv td select{ font-size:12px;} #memFormDiv .leftCell { background: #F4F4F4; padding: 7px; } #memFormDiv .rightCell { background: #FFFFFF; padding: 7px 3px 7px 5px; } .personStipulation .yac{ width:100%;height:100%;padding:2px; } #listdiv td { font: 12px Dotum; letter-spacing: 0; } #listdiv .leftCell { background: #F4F4F4; padding: 7px; } #listdiv .leftCell2 { padding: 7px; } #listdiv .rightCell { padding-left: 5px; } #listdiv .rightCell2 { padding: 7px; } #listdiv .dataCell { padding: 4px 0 4px 0; } /* padding: top right bottom left */ #listdiv .listTitle { font-weight:700; letter-spacing: 0px; color: #808080; padding: 5px 0 5px 0; text-align:center; } #listdiv .listData { white-space:nowrap; text-overflow : ellipsis; overflow : hidden; letter-spacing: 0; padding: 7px 0 7px 0; } #listdiv .listData2 { text-align:center; letter-spacing: 0px; padding: 7px 3px 7px 3px; } #formdiv td { font: 12px Dotum; letter-spacing: -1px; } #formdiv .leftCell { background: #F4F4F4; padding: 10px; } #formdiv .leftCell3 { background: #FFFFFF; padding: 20px; } #formdiv .rightCell { background: #FFFFFF; padding: 5px; } #formdiv .titleCell { background: #F4F4F4; padding: 7px; text-align:center; } #formdiv .dataCell { background: #FFFFFF; font-size: 12px; letter-spacing: 0; padding:5px; } span.searchBtn { padding:0; } span.searchBtn button { font-size:11px; font-weight:700; color: #FFFFFF; letter-spacing: -1px; border: 2px solid #313131; background: #313131; padding:2px 3px 0 3px; cursor: pointer;} span.listBtn { padding:0; } span.listBtn button {font-size: 14px !important;color: #FFFFFF;font-weight: 700;letter-spacing: -1px;border: 0px solid #808080 !important;background: #ef6e07 !important;margin:0em;padding: 4px 8px 3px 8px;cursor: pointer;height: 35px;margin: 0 auto !important;width: 100px !important;display: block;float: right;margin-right: 2px !important;} span.d_btn { padding:0; } span.d_btn button { font: 11px Dotum; color: #003939; letter-spacing: -1px; border: 1px solid #7E94B4; background-color: #FFFFFF; width: auto; height: 19px; margin:0 2px 0 2px; padding: 2px 3px 0 3px; cursor: pointer; } span.listBackBtn { padding:0px; } span.listBackBtn button { font:bold 16px Dotum; color:#CE0000; letter-spacing: -1px; border: 1px solid #CE0000; background-color: #F4F4F4; margin:0 2px 0 2px; padding:7px 10px 6px 10px; cursor: pointer;} span.authBtn { padding:0; } span.authBtn button { font: 11px Dotum; color: #FFFFFF; font-weight: bold; letter-spacing: -1px; border: 2px solid #808080; background: #38407B; margin:0em; padding: 4px 3px 2px 3px; cursor: pointer;} /* 멤버쉽 */ .member_login{ position:relative; width:450px; margin:0 auto; padding-left:120px; border-top:2px solid #4c5690; border-bottom:2px solid #4c5690; } .member_login td{padding:0 !important;} .member_login .login_blank{height:35px;} .member_login .login_label{width:80px; text-align:right;} .member_login .login_input{width:190px; padding:0 10px 6px 10px; overflow:hidden;} .member_login .login_input2{width:350px; padding:0 10px 6px 10px; overflow:hidden;text-align:left;} .member_login .login_input .input{ width:160px; border:1px solid #bbbedd; color:#6d76b3; font-size:13px; padding:6px;} .member_login .login_input2 .input{height:23px; width:280px; border:1px solid #bbbedd; color:#6d76b3; font:12px dotum; padding-left:3px; padding-top:2px;}{width:300px; padding:0 10px 6px 10px; overflow:hidden;} .member_login .login_input2 .select{ height:23px; width:275px; border:1px solid #bbbedd; color:#6d76b3; font:12px dotum; padding-left:3px; padding-top:7px;} .member_login .login_input2 .input_mail{ height:23px; width:110px; border:1px solid #bbbedd; color:#6d76b3; font:12px dotum; padding-left:3px; padding-top:2px; display:block; float:left;} .member_login .login_input2 .input_mail2{ height:23px; width:150px; border:1px solid #bbbedd; color:#6d76b3; font:12px dotum; padding-left:3px; padding-top:2px; display:block; float:left;} .login_btn{ width: 161px; padding-top: 20px; margin:0 auto; overflow:hidden;} .login_btn li{float:left; padding-left:5px;} .member_join {} .member_join .join_notice { font-size:1.1em; color:#222b6d; font-weight:bold; padding:0px 0px 20px 0px; } .join_box {margin-top:20px;} .join_box dl{padding-bottom:15px;} .join_box dl dt{ font-size:1.1em; font-weight:bold; padding-left:10px; background:url("../modules/skin/member/icon_blue.gif") left 5px no-repeat;text-align: left;} .join_box dl dd{ padding:5px; text-align: left;} .join_box li { padding:3px;} .join_agree { padding:10px; text-align:right; line-height:20px; } .join_agree p { text-align:right; } .join_agree ul { } .join_agree ul li { display:inline; } .join_agree ul li label{ padding:0 3px; } .mem_fixed { table-layout:fixed; } #memFormDiv th.leftCell{ height:30px; background: #F4F4F4; padding:7px; text-align:left; font:10pt Dotum; border-bottom:1px solid #DBDBDB;} #memFormDiv td.rightCell { height:30px; padding: 7px 3px 7px 15px; font:10pt Dotum; border-bottom:1px solid #DBDBDB;} .stipulationBox { margin:0px; border:1px #ddd solid; font-size:0.9em; padding:20px; } .stipulationBox table td{ font-size:13px;} .checkup { background:#DEDEDE; border:1px solid #C0C0C0; border-spacing:1px; } .checkup_subTitle { font: 12px Dotum; letter-spacing: -1px; background:#F4F4F4; border:1px solid #B0B0B0; border-spacing:1px; text-align:center; padding:10px; } .search_idpass {padding:0 50px 50px 50px;} .search_idpass h3 { } .search_idpass ul.search_notice { padding-left:10px; padding-bottom:20px; font-size:0.9em;} .search_idpass ul.search_notice li { list-style:none;} .search_idpass input.input{ float:left; height:25px; width:280px; border:1px solid #bbbedd; color:#6d76b3; padding-left:3px; padding-top:2px; margin:0 0 10px 0;} .search_idpass select.select{ width:275px; border:1px solid #bbbedd; color:#6d76b3; padding-left:3px; padding-top:7px;} .search_idpass .input_mail{ height:25px; width:110px; border:1px solid #bbbedd; color:#6d76b3; font:12px dotum; padding-left:3px; padding-top:2px; display:block; float:left;} .search_idpass .input_mail2{ height:25px; width:150px; border:1px solid #bbbedd; color:#6d76b3; font:12px dotum; padding-left:3px; padding-top:2px; display:block; float:left;} .search_idpass .title { font-size:35px; font-weight:700; color:#353535; } .search_id { padding:15px 0 25px 40px; border-top:5px solid #dedbd9; border-bottom:1px solid #dedbd9; text-align:left; overflow:hidden;} .search_id ul { margin-top:10px; margin-right:50px;} .search_id ul li{ text-align:left; overflow:hidden; } .search_id ul li label{ float:left; width:80px; font-size:0; text-align:right; margin:4px 20px 10px 0; } .search_id ul li label.serach_name{ width:40px; height:14px; font-size:0; background:url("../modules/skin/member/btn_2.gif") right top no-repeat;} .search_id ul li label.pw_question{ width:40px; height:14px; font-size:0; background:url("../modules/skin/member/btn_pwq.gif") right top no-repeat;} .search_id ul li label.pw_answer{ width:40px; height:14px; font-size:0; background:url("../modules/skin/member/btn_pwa.gif") right top no-repeat;} .search_id ul li label.email_id{ width:40px; height:14px; font-size:0; background:url("../modules/skin/member/btn_mail.gif") right top no-repeat;} .search_id ul li label.login_id{ width:40px; height:14px; font-size:0; background:url("../modules/skin/member/btn_id.gif") right top no-repeat;} .search_id ul li label.serach_hp{ width:40px; height:14px; font-size:0; background:url("../modules/skin/member/btn_hp.gif") right top no-repeat; } .search_id ul li label.serach_authno{ width:50px; height:14px; font-size:0; background:url("../modules/skin/member/btn_authno.gif") right top no-repeat; margin-left:-10px;} .info_wrap { width:870px; margin-bottom:50px;} .info_wrap .info { width:100%; margin-bottom:15px;} .info table { width:100%;} .info .name { font-size:16px; font-weight:bold;} .info span { color:#2e64ff;} .info_wrap .info2 { border:1px solid #d8d8d8; padding:25px 65px; } .info_wrap .info2_in { width:740px; } .info2_in .treat_title { width:100%; overflow:hidden; border-bottom:1px dotted #ccc; padding-bottom:15px; } .info2_in .treat_title .title { font-size:25px; line-height:30px; font-weight:bold; color:#2e64ff;} .info2_in .treat_title li { float:left; margin-right:10px; height:30px;} .info2_in .treat_date { width:100%; height:28px; margin-top:15px; } .info2_in .treat_date dl { } .info2_in .treat_date dt { margin-right:12px; float:left; height:30px;} .info2_in .treat_date dd { width:18%; float:left; line-height:30px;} .info2_in .treat_date .next_treat { font-size:16px; color:#e00000; font-weight:bold;} .process_wrap { width:100%; margin-bottom:100px;} .process_wrap h2 { font-size:30px; line-height:30px; text-align:center; margin:20px 0;} .process_wrap table { width:870px; border:0;} .process_wrap table thead { width:100%; height:44px; background:url("../images/chart/bg_process.gif") left center no-repeat;} .process_wrap table thead th { width:145px; height:44px; color:#fff; text-align:center; } .process_wrap table tbody { text-align:center;} .process_wrap table td { width:145px; height:92px; background:#fffae4; border-bottom:2px solid #82aae6; text-align:center; border-right:1px solid #dcdbdb;} .process_wrap table td.on { background:#fffae4 url("../images/chart/ic_tooth.png") center no-repeat;} .process_wrap table td.pro_1 { background:url("../images/chart/bg_pro01.gif") repeat-x;} .process_wrap table td.pro_2 { background:url("../images/chart/bg_pro02.gif") repeat-x;} .process_wrap table td.pro_3 { background:url("../images/chart/bg_pro03.gif") repeat-x;} .process_wrap table td.pro_4 { background:url("../images/chart/bg_pro04.gif") repeat-x;} .process_wrap table td.pro_5 { background:url("../images/chart/bg_pro05.gif") repeat-x;} .process_wrap table td.pro_6 { background:url("../images/chart/bg_pro06.gif") repeat-x; border-right:0;} .step_wrap { width:100%; margin:20px 0;} .step_box { width:100%; height:125px; background:#3169b6; text-align:center; } .step_box_in { width:140px; margin:0 auto;} .step_box_in .step { border-bottom:1px solid #507fc1; padding:14px 0;} .step_box_in .date { height:25px; font-size:15px; color:#fff; margin-top:10px; } .step_box_in .title { font-size:25px; color:#fff119; vertical-align:middle; } #roll_content {clear:both; width:100%; text-align:center; } #roll_content .mask{width:860px; height:175px; left:0; position:relative; overflow:hidden; text-align:center} #roll_content .roll_wrap,#roll_content ul {position:absolute;} #roll_content ul {left:0px;} #roll_content ul li{float:left;} #roll_content ul li a{display:block;} .store_info { width:910px; float:left; margin-bottom:90px;} .store_info .map { float:left; width:305px;} .store_info .map p { margin-bottom:20px;} .store_info > div{ float:left; } .store_info .store_search_map{ position:relative;width:491px;height:348px; } .store_info .store_search_map > div{ position:absolute;top:0;left:0; } .store_info .store_search_map .city01 a { display:block; position:absolute; width:34px; height:11px; text-indent:-9999px; background:url("../images/sub/map_hit_bg.png") repeat; } .store_info .store_search_map .city01 a.data01 { top:93px; left:101px; } .store_info .store_search_map .city01 a.data02 { top:66px; left:157px; } .store_info .store_search_map .city01 a.data03 { top:129px; left:80px; } .store_info .store_search_map .city01 a.data04 { top:116px; left:135px; } .store_info .store_search_map .city01 a.data05 { top:190px; left:98px; } .store_info .store_search_map .city01 a.data06 { top:248px; left:75px; } .store_info .store_search_map .city01 a.data07 { top:146px; left:182px; } .store_info .store_search_map .city01 a.data08 { top:215px; left:155px; } .store_info .store_search_map .city01 a.data09 { top:310px; left:66px; } .store_info .store_search_map .city01 a.data10 { top:70px; left:242px; } .store_info .store_search_map .city02 a { display:block; position:absolute; width:36px; height:36px; font-size:12px; text-align:center; color:#fff; line-height:36px; background:url("../images/sub/store_list_map_circle_bg.png") repeat; } .store_info .store_search_map .city02 a.data01 { top:44px; left:101px; } .store_info .store_search_map .city02 a.data02 { top:69px; left:48px; } .store_info .store_search_map .city02 a.data03 { top:139px; left:110px; } .store_info .store_search_map .city02 a.data04 { top:171px; left:172px; } .store_info .store_search_map .city02 a.data05 { top:182px; left:221px; } .store_info .store_search_map .city02 a.data06 { top:229px; left:201px; } .store_info .store_search_map .city02 a.data07 { top:217px; left:106px; } .store_info .store_search_map .city02 a:hover, a:active { background-position:0 -36px; /*color:#fff;*/ } .hidden { display:none; } caption { display:none; } /* board */ .bbs_input, .bbs_fileinput{height:auto !important; padding:7px 2px 7px 10px !important;} span.submitBtnCheck button{ font: 15px 'Noto Sans KR' !important;} iframe[name=boardHiddenFrm], iframe[name=hiddenFrm], iframe[name=idpwhiddenFrm], iframe[name=isMemberHiddenFrm], iframe[name=idpwhiddenFrm2], iframe[name=hiddenReserveFrm] {display:none;} .online_btn{width:100%;text-align:center;display:none} .sub06_03 #boardArea li a { color: #666; font-size: 1.2em; } .sub06_03 #boardArea li a b {font-weight:normal} /**/ #boardArea>div> ul:nth-child(odd) { height: 55px !important; line-height: 55px; border-color: #eee !important; } #boardArea>div> ul>li>img {vertical-align:middle;} #boardArea>div> ul:nth-child(even) li {background: #f8f8f8;width: 98% !important;margin-top: 5px;} #boardArea>div> ul:nth-child(even) li:first-child {display: none;} #boardArea>div> ul:nth-child(even) li p span {font-family: 'Noto Sans KR', sans-serif !important;} #boardArea>div> ul:nth-child(even) li p> span {color: #666 !important;} #boardArea>div> ul:nth-child(even) li p strong span {font-size: 15pt !important;} #boardArea {border-top: 0px solid #fd8200;padding-top: 5px;} .faq_search{text-align: center;margin: 50px 0;} .faq_search select{height: 35px;box-sizing: border-box;} .faq_search input{height: 35px;box-sizing: border-box;} .faq_search button{ height: 35px; padding: 0 10px; background: #5d5d5d; color: #fff; } /**/ li.line_ellipsis a button { background: #5d5d5d; color: #fff; padding: 0 10px; height: 40px; line-height: 40px; vertical-align: middle; float: right; margin-right: 2px; margin-top: 5px; }