/* Common **********************************************************************/ /*@charset "utf-8";*/ @font-face { font-family: 'Nanum Gothic'; font-style: normal; font-weight: normal; src:url('../fonts/NanumGothic-Regular.eot'); src:local(*), url('../fonts/NanumGothic-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/NanumGothic-Regular.woff2') format('woff2'), url('../fonts/NanumGothic-Regular.woff') format('woff'), url('../fonts/NanumGothic-Regular.ttf') format('truetype'); } /* Noto font */ @font-face { font-family: 'NotoKrL'; font-style: normal; font-weight: 100; src: local('Noto Sans Light'), local('NotoSans-Light'), url(../font/notokr-demilight.eot); src: url(../font/notokr-demilight.eot?#iefix) format('embedded-opentype'), url(../font/notokr-demilight.woff2) format('woff2'), url(../font/notokr-demilight.woff) format('woff'); } @font-face { font-family: 'NotoKrR'; font-style: normal; font-weight: 300; src: local('Noto Sans Regular'), local('NotoSans-Regular'), url(../font/notokr-regular.eot); src: url(../font/notokr-regular.eot?#iefix) format('embedded-opentype'), url(../font/notokr-regular.woff2) format('woff2'), url(../font/notokr-regular.woff) format('woff'); } @font-face { font-family: 'NotoKrM'; font-style: normal; font-weight: 500; src: local('Noto Sans Medium'), local('NotoSans-Medium'), url(../font/notokr-medium.eot); src: url(../font/notokr-medium.eot?#iefix) format('embedded-opentype'), url(../font/notokr-medium.woff2) format('woff2'), url(../font/notokr-medium.woff) format('woff'); } @font-face { font-family: 'NotoKrB'; font-style: normal; font-weight: 700; src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(../font/notokr-bold.eot); src: url(../font/notokr-bold.eot?#iefix) format('embedded-opentype'), url(../font/notokr-bold.woff2) format('woff2'), url(../font/notokr-bold.woff) format('woff'); } /*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/ /* Common **********************************************************************/ html,body {width:100%; margin:0;} html {overflow-y:scroll;} * {max-height: 1000000px;} *{ -webkit-text-size-adjust:none; -webkit-text-size-adjust - auto | none | N% (default auto) } body {*word-break:break-all;-ms-word-break:break-all;word-break:keep-all; } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0; box-sizing:border-box;} fieldset,img {border:0px none; vertical-align:top;} dl,ul,ol,menu,li {list-style:none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;} button {border:0 none; background-color:transparent; cursor:pointer;} body { background:#fff;} body,th,td,select,textarea,button {font-size:13px; line-height:1.5; letter-spacing:-1px; font-family:'NotoKrR',sans-serif; color:#7d7d7d;} /*input*/ input{padding-left:3px;} a:link,a:active,a:visited{color:#7d7d7d; text-decoration:none; border:0px;} a:hover,a:focus{color:#333; text-decoration:underline} table {border-collapse:collapse; border-spacing:0;} address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;} summary, caption, legend, hr {width:0; height:0; font-size: ; line-height: ; overflow: hidden; visibility: hidden; border: none; position:absolute; left:-1000em;} caption {position:static;} /* label hidden 처리 */ .invisible{overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; position:absolute;} label.invisible{*position:Absolute;} /* common */ .clfix:after {content: "."; display: block; height:0px; clear: both; visibility: hidden;} .clfix {display:inline-block;} .clfix {display:block;} * html .clfix {height:1%;} /* Hides from IE-mac */ .clfix {zoom:1;} /*for IE 5.5-7*/ .list {border-top:2px solid #1c1815; border-bottom:1px solid #1c1815;} /*멤버스킨*/ .title{font-size:15px; font-weight:bold;} /*테이블*/ .tbl_type,.tbl_type th,.tbl_type td{border:0} .tbl_type{width:100%;border-bottom:1px solid #e2e2e5; } .tbl_type th{padding:10px 0 10px 0;border-top:2px solid #383d4a; font-weight:bold; border-bottom:1px solid #e2e2e5;} .tbl_type p{font-size:11px; color:#b6b7bc;} .tbl_type td{padding:7px 0 7px 0;border-top:1px solid #e5e5e5;color:#4c4c4c; border-bottom:none; border-top:none; line-height:18px;} .tbl_type2,.tbl_type2 th,.tbl_type2 td{border:0} .tbl_type2{width:100%;border-bottom:1px solid #e7e7e7; } .tbl_type2 th{padding:10px 0 10px 0; background:#f9f9f9; text-align:center;} .tbl_type2 p{font-size:11px; color:#b6b7bc;} .tbl_type2 td{padding:10px 0 10px 10px; border-bottom:none; border-top:none; line-height:18px;} /*로그인스킨*/ .login_wrap{width:600px; position:relative; margin:0 auto; text-align:center;overflow:hidden;} .login_id{width:240px; float:left;height:30px; font-size:14px; font-weight:bold; color:#444;} .login_pw{width:240px; float:left; height:30px; font-size:14px; font-weight:bold; color:#444;} .login_btn{width:70px; float:left; height:30px; font-size:14px; font-weight:bold; color:#fff; background-color:#333; border:none; } .num_txt{width:100px; float:left;height:20px; font-size:13px; font-weight:bold; color:#444;} .font_color{color:#1a386a; font-weight:bold;} /*회원가입 스킨*/ .inWrap {width:98%; border:1px solid #353638; border-width:1px 0; padding:30px 0;} .inWrap.type1 { padding:50px 0;} .inWrap.type2 { padding:0;} .inWrap.type3 { padding:5px 0; border-bottom-width:0;} .inWrap.width1 { width:680px !important; margin:0 auto;} .tbox1 { border:1px solid #cdcdcd; } .tbox1 .boxTit { padding:20px 20px 10px; color:#333; font-weight:700; font-size:16px;} .tbox1 .txt_scroll { height:200px; padding:0 20px; overflow-y:auto;} .txt_type { line-height:25px; font-size:13px; color:#666;} .agreement input{vertical-align:middle; border:none;} .btnType { display:inline-block; position:relative; transition:all 0.3s;} .btnType.btn1 { height:30px; line-height:28px; padding:0 45px; font-size:12px;} .btnType.btn1.color2 {border:1px solid #333; background:#333; cursor:pointer; } .btnWrap input{color:#fff;} /*main*/ .f_left{float:left;} .f_right{float:right;} #header_wrap{width:100%; display:flex; flex-direction:column; background:#fff;} .top{display:flex; width:100%; height:40px; padding:0 40px;} .top p{float:left; color:#fff; font-size:11px; font-family:"Dotum"; } .top_menu{display:flex; align-items:center; margin-left:auto;} .top_menu li + li{margin-left:14px;} .top_menu li a{color:#000; text-decoration:none; font-size:13px; font-weight:600;} .top_menu li a:hover{color:#0250a3;} .top_menu li a.lang{background:#ebebeb; border-radius:100px; color:#000; padding:3px 12px; font-size:12px;} .top_menu li a.lang:hover{background:#0250a3; color:#fff;} #header{width:100%; display:flex; align-items:center; justify-content:space-between; padding:0 40px; padding-bottom:20px; height:80px; line-height:1; position:relative; } #header h1{width:197px; margin-right:auto; line-height:0;} #header h1 a{display:block;} #header h1 img{max-width:100%;} #gnb{margin-right:auto; padding-right:140px;} #gnb ul{display:flex; } #gnb li + li{margin-left:40px;} #gnb li a{font-size:18px; color:#000; font-weight:600; text-decoration:none;} #gnb li.on a{color:#0250a3; } #sub_gnb_wrap{position:absolute; left:0; top:111px; width:100%; height:405px; border-bottom:3px solid #035bac; background:#ffffff url(/images/main/bg_navi.jpg) top center no-repeat; z-index:9999; display:none;} .sub_gnb_wrap{/* width:1000px; margin:0 auto; */ width:100%; } .depth2_menu{float:left; width:228px; border-left:1px solid #e6e6e8; border-right:1px solid #e6e6e8; position:absolute; left:50%; margin-left:-500px} .depth2_menu > li{width:228px; height:44px; border-bottom:1px solid #e6e6e8; } .depth2_menu > li > a{line-height:44px; display:block; width:198px; height:44px; font-size:15px; color:#484848; text-decoration:none; text-indent:20px; } .depth2_menu > li.on{background:#035bac url(/images/main/navi_over.png) 200px 14px no-repeat; } .depth2_menu > li.on > a{color:#ffffff; font-weight:bold; } .sub_navi_inwrap{position:absolute; left:50%; margin-left:-270px; } .sub_gnb{border:0 none; width:100%; height:45px; padding:0; padding-left:32px; position:relative; } .sub_gnb li{ float:left; text-indent:0px; margin-left:8px; padding-left:12px; background:url(/images/main/bar_navi.jpg) 0 50% no-repeat;} .sub_gnb li a{font-size:14px; color:#c2c2c2 ; display:block; text-decoration:none; height:44px; line-height:44px; } .sub_gnb li:first-child{margin-left:0; padding-left:0; background:none; } .sub_gnb02 li:nth-child(7){position:absolute; left:32px; bottom:10px; padding-left:0; margin-left:0; background:none; } .sub_gnb02 li:nth-child(8){position:absolute; left:141px; bottom:10px; } .sub_gnb.on{background:#f2f7fb; } .sub_gnb.on li a{color:#484848; } .sub_gnb.on li a:hover{color:#035bac; font-weight:bold; background:none; } /* #sub_gnb_wrap{position:absolute; left:0; top:111px; width:100%; height:258px; border-bottom:2px solid #035bac; background:#ffffff; z-index:9999; display:none;} .sub_gnb_wrap{width:1000px; margin:0 auto; } .sub_gnb{float:left; height:250px; padding-top:8px; border-left:1px solid #e1e1e1;} .sub_gnb01{border-left:0; width:115px;} .sub_gnb02{width:145px} .sub_gnb03{width:135px} .sub_gnb04{width:120px} .sub_gnb05{width:120px} .sub_gnb06{width:110px} .sub_gnb07{width:134px} .sub_gnb08{width:114px} .sub_gnb li{text-indent:15px;} .sub_gnb li a{font-size:13px; color:#888888 ; display:block; text-decoration:none; height:24px; line-height:24px;} .sub_gnb li a:hover{background:#035bac; color:#ffffff; } .sub_gnb.on{background:#f5f5f5; } */ #visual_wrap{overflow:hidden; position:relative; width:100%; } #visual{width:100%; position:relative; overflow:hidden;} #container{max-width:1000px; margin:0 auto; padding-top:70px; } #container:after{display:block; content:''; clear:both;} #container.main{display:flex; justify-content:space-between;} #left_content{ width:276px; } #diary_div iframe{width:100% !important;} .tab1_wrap{height:218px; border:1px solid #e1e1e1; position:relative; border-radius:7px;} .tab1_title_wrap{border-bottom:1px solid #e1e1e1; height:45px; } .tab1_title li{float:left; font-size:14px; color:#363636; font-weight:700; width:109px; height:45px; border-right:1px solid #e1e1e1; text-align:center; line-height:3.5; cursor:pointer;} .tab1_title li:first-child{border-top-left-radius:7px;} .tab1_title li.on{color:#fff; background:#035bac;} .tab1_con{position:absolute; left:0; bottom:0; height:172px; width:600px; margin-left:20px; margin-bottom:6px; } .tab1_con ul{margin-top: 6px; } .tab1_con li{background:url(/images/main/icon01.jpg) 0 50% no-repeat; padding-left:9px; margin-top:5px; } .tab1_con li a{font-size:13px; color#888888; } .tab1_con li span{float:right; font-size:13px; color:#888888;} .tab1_con .more1{position:absolute; right:0; top:-30px ;} .schedule_wrap{} .calender-title{ margin-bottom:20px;} .calender-title a{color:#000; font-size:18px; font-weight:800;} .calender-title a:hover{color:#0250a3;} .calender{text-align:center;width: 100%;} .calender .cal-head{display:flex; align-items:center; justify-content:space-between; margin-bottom:6px;} .calender .cal-head a{display:block; width:30px; height:30px;} .calender .cal-head a.prev{background:url('/images/main/prev_calender.png') center center no-repeat;} .calender .cal-head a.next{background:url('/images/main/next_calender.png') center center no-repeat;} .calender span{display:inline-block;} .calender img{vertical-align:middle; margin-top:-5px; } .calender em{font-size:18px; color:#666666; font-weight:800; } .calender table{width: 100%;} .calender table th{color: #999999; height:38px;} .calender table td{color: #707070;height:38px;text-align:center;font-size: 12px;} .calender b{font-weight:inherit;} .calender b.hasPlan{display:inline-flex; align-items:center; justify-content:center; color:#fff; background:#0250a3; border-radius:100%; width:32px; height:32px;} .calender .today b.hasPlan{background:#aaaaaa;} .schedule_list dl{margin-top:20px; } .schedule_list dt{font-size:15px; color:#363636; font-weight:700; padding-bottom:10px;} .schedule_list dd{color:#666666; font-size:14px; overflow:hidden; display:flex;} .schedule_list dd + dd{margin-top:5px;} .schedule_list dd a{font-size:inherit; color:inherit; display:flex; width:100%;} .schedule_list dd a:hover{color:#0250a3;} .schedule_list dd .date{color:inherit; width:42px;} .schedule_list dd .txt{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; flex:1;} .schedule_list dd a .txt{text-decoration:underline;} .schedule_list dd a .date{color:#0250a3;} .schedule_list dd span{float:right; font-size:13px; color:#888888; margin-right:22px;} .gallery_wrap{border:1px solid #e1e1e1; width:640px; height:200px; border-radius:7px; margin-top:20px; position:relative;} .tab2_title_wrap{border-bottom:1px solid #e1e1e1; height:45px; } .tab2_title li{float:left; font-size:14px; color:#363636; font-weight:700; width:125px; height:45px; border-right:1px solid #e1e1e1; text-align:center; line-height:3.5; cursor:pointer;} .tab2_title li:first-child{border-top-left-radius:7px;} .tab2_title li.on{color:#fff; background:#035bac;} .tab2_con{position:absolute; left:0; bottom:0; height:132px; width:600px; margin-left:20px; } .tab2_con li{float:left; margin-left:10px; } .tab2_con li:first-child{margin-left:0; } .tab2_con li p{padding-top:5px; } .tab2_con li a{font-size:13px; color:#888888; text-decoration:none;} .tab2_con .more2{position:absolute; right:0; top:-50px;} #center_content{width:404px;} #center_content a{display:block;} #center_content .banbox{position: relative; width:100%;} #center_content img{width:100%; height:100%; border:1px solid #bcbcbc; box-shadow: 17px 17px 16px rgba(90,90,90,0.14);} #right_content{width:276px; display:flex; flex-direction:column; justify-content:space-between;} .ma-app-ban{} .ma-app-ban a{display:block; padding:0; height:108px; border-radius:10px; overflow:hidden; background:url('/images/main/right-app-ban.png?1250619') center 0 no-repeat; background-size:auto 100%;} .con_menu{width:340px; height:220px;} .con_menu li{float:left; margin-bottom:10px; width:165px; height:51px; padding-top:15px; background:url(/images/main/con_menu_bg.png) 0 0 no-repeat;} /* .con_menu li:nth-child(even){margin-left:10px; } */ .con_menu li img{vertical-align:middle; padding-left:15px; } .con_menu li a{font-size:14px; color:#707070; font-weight:700; text-decoration:none; line-height:1.3;} .con_menu li span{display:inline-block; width:100px; float:right; } .mt7{margin-top:7px} .ma-list-dogshow{} .ma-list-dogshow h2{font-size:18px; color:#000; font-weight:800; margin-bottom:14px; } .ma-list-dogshow ul{min-height:90px;} .ma-list-dogshow ul li{} .ma-list-dogshow ul li + li{margin-top:2px;} .ma-list-dogshow ul li .item{display:flex; align-items:center;} .ma-list-dogshow ul li .stat{width:31px; height:14px; margin-right:12px; background:url('/images/main/dogshow-end.png') 0 0 no-repeat;} .ma-list-dogshow ul li .stat.ing{background:url('/images/main/dogshow-ing.png') 0 0 no-repeat;} .ma-list-dogshow ul li .stat.upc{background:url('/images/main/dogshow-upc.png') 0 0 no-repeat;} .ma-list-dogshow ul li .stat.end{background:url('/images/main/dogshow-end.png') 0 0 no-repeat;} .ma-list-dogshow ul li .txt{font-size:14px; color:#666666; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .ma-list-dogshow ul li a:hover .txt{color:#0250a3;} .ma-list-dogshow ul li a{text-decoration:none;} .ma-contact{} .ma-contact h2{font-size:18px; color:#000; font-weight:800; margin-bottom:10px; } .ma-contact p{font-size:14px; color:#333333; margin-bottom:10px;} .ma-contact .infobox{background:#fdf4f7; border-radius:10px; padding:15px 26px; font-size:14px;} .ma-contact .infobox .address{position:relative; color:#333333; margin-bottom:10px; padding-left:18px;} .ma-contact .infobox .address:before{content:''; left:0; top:4px; position:absolute; width:11px; height:15px; background:url('/images/main/ma-contact-address.png') 0 0 no-repeat;} .ma-contact .infobox ul li{position:relative; padding-left:17px; color:#333333;} .ma-contact .infobox ul li:before{content:''; position:absolute; left:6px; top:9px; width:4px; height:4px; background:#741aad;} .ma-contact .infobox ul li strong{font-weight:inherit; color:#741aad;} @media only all and (max-width: 1040px) { #container.main{flex-wrap:wrap; padding-top:0; padding:20px} #left_content{ width:100%; } #left_content #diary_div iframe{height:350px !important} #center_content{width:calc(60% - 40px);} #center_content img{position:absolute; left:0; top:0;} #center_content .banbox{height:540px;} #right_content{width:40%;} .calender-wrap{display:flex;} .calender-wrap .calender{width:calc(50% - 40px);} .calender-wrap .schedule_list{margin-left:40px; width:50%;} } @media only all and (max-width: 660px) { #left_content #diary_div iframe{height:546px !important} #center_content{width:100%; margin-top:40px;} #center_content .banbox {width:100%; padding-bottom: 130.1470%; height: 0;} #right_content{width:100%; margin-top:40px;} .ma-list-dogshow{margin-top:40px;} .ma-contact{margin-top:40px;} .ma-app-ban a{height:140px;} .calender-wrap{display:block;} .calender-wrap .calender{width:100%;} .calender-wrap .schedule_list{margin-left:0; width:100%;} } @media only all and (max-width: 360px) { .ma-app-ban a{height:100px;} } #banner_zone_wrap{width:100%; height:165px; border-top:1px solid #e8e8e8; margin-top:60px; } #banner_zone{width:1000px; margin:0 auto; } .b_title1{width:138px; float:left;} .b_title2{width:138px; float:left;} .b_title h2{font-size:16px; color:#272727; font-weight:800; padding-top:18px; } .b_title p{color:#888888; font-size:12px; } .banner1{height:80px;} .banner1 iframe{float:right;} .banner2{height:80px;} .banner2 iframe{float:right;} #footer{width:100%; min-height:148px; background:#f9f9f9; margin-top:75px; padding:30px 0; } .form{max-width:1040px; padding:0 20px; margin:0 auto; } .address .menulist{display:flex; flex-wrap:wrap; margin-bottom:10px;} .address .menulist li{color:#555555; font-size:14px; margin-right:18px; margin-bottom:10px;} .address address {} .address address span{display:inline-flex; align-items:baseline; margin-right:18px; color:#555555; font-size:14px;} .address address span.full{width:100%;} .address address span .icon{margin-right:6px; flex:none;} .address address span .icon.location{background:url('/images/ico-footer-location.png') 0 0 no-repeat; width:11px; height:15px;} .address address span .icon.tel{background:url('/images/ico-footer-tel.png') 0 0 no-repeat; width:11px; height:13px;} .address address span .icon.fax{background:url('/images/ico-footer-fax.png') 0 0 no-repeat; width:14px; height:13px;} .address address span .icon.email{background:url('/images/ico-footer-email.png') 0 0 no-repeat; width:17px; height:12px;} .address address{margin-bottom:16px; } .address p{ font-size:14px; color:#999999; line-height:1;} .sns_box{float:right; width:145px; padding-top:30px; } .sns_box span{margin-left:2px;} @media only all and (max-width: 1200px) { #footer{min-height:0; padding:20px 0;} } @media only all and (max-width: 768px) { #footer{margin-top:20px;} } /* mobile */ .mobile_headerlist{display:none;} .mobile_headerlist li + li{margin-left:10px;} .mobile_headerlist a.lang{display:block; background:#ebebeb; border-radius:100px; color:#000; font-size:12px; font-weight:600; padding:5px 10px;} #mobile_gnb_opener{width:30px; height:30px; display:block; background:url('/images/m_gnb_opener.png') center center no-repeat; font-size:0; text-indent:-9999px; overflow:hidden;} #mobile_gnb_closer{width:30px; height:30px; display:block; background:url('/images/m_gnb_closer.png') center center no-repeat; font-size:0; text-indent:-9999px; overflow:hidden;} #mobile_gnb{display:none; position: fixed;top: 0;right:-100%;width: 100%;height: 100%;z-index: 9999;background: #ffffff;} #mobile_gnb .gnb-title{display:flex; padding:0 10px 0 20px; height:50px; align-items:center; background:#fff;} #mobile_gnb .gnb-title img{max-width:100%; width:107px;} #mobile_gnb .utilmenu{display:flex; padding:20px; border-top:1px solid #000;} #mobile_gnb .utilmenu li + li{position:relative; margin-left:20px; padding-left:20px;} #mobile_gnb .utilmenu li + li:before{content:''; position:absolute; left:0; top:50%; width:1px; height:12px; margin-top:-6px; background:rgba(0,0,0,0.2);} #mobile_gnb .utilmenu li a{font-weight:600; font-size:18px;} #mobile_gnb .utilmenu li a.lang{background:#ebebeb; border-radius:100px; color:#000; padding:8px 12px;} #mobile_gnb .gnbmenu{height: calc(100% - 189px); overflow-y: auto; padding:20px;} #mobile_gnb .gnbmenu li a{font-size: 15px; font-weight:800; color: #000;display: block;border-bottom: 1px solid #bbbbbb;padding: 16px 0; background:url('/images/m_gnb_arrow.png') right 10px center no-repeat;} @media only all and (max-width: 1380px) { #gnb li + li{margin-left:34px;} #gnb li a{font-size:15px;} #header h1{width:150px;} } @media only all and (max-width: 1200px) { #wrap{padding-top:50px;} .top{display:none;} #gnb{display:none;} #header_wrap{position:fixed; left:0; top:0; z-index:1000;} #header{height:50px; padding-bottom:0; padding:0 10px 0 20px; box-shadow:0 0 10px rgba(0,0,0,0.1);} #header h1{width:107px;} #header h1 img{height:;} .mobile_headerlist{display:flex; align-items:center; margin-left: auto;} #mobile_gnb.active{display:block; right:0;} #sub_container{padding:0 20px; padding-top:40px;} } /*sub*/ #sub_container{max-width:1040px; margin:0 auto; padding:0 20px; padding-top:40px;} #sub_container:after{display:block; content:''; clear:both;} #sidebar{width:195px; float:left;} .title_box {width:195px; height:130px; background:url(/images/sub/sub_title_bg.png) 0 0 no-repeat; } .title_box h2{font-size:20px; color:#fff; font-weight:800; padding-top:27px; padding-left:20px; line-height:1.3;} .lnb{width:195px; border:1px solid #e3e3e3; margin-top:10px; border-radius:10px; padding-top:10px; padding-bottom:40px; } .lnb h3 a{display:block; height:35px; text-decoration:none; height:35px; background:url(/images/sub/sub_menu_bg.jpg) 0 100% no-repeat; margin-left:20px; line-height:2.5; font-size:13px; font-weight:bold; color:#555555; } /*.lnb h3 a span{display: block; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width:140px;}*/ .lnb h3 a:hover{background:url(/images/sub/sub_menu_bg.jpg) 0 0 no-repeat; color:#035bac} .lnb h3 a.over{background:url(/images/sub/sub_menu_bg.jpg) 0 0 no-repeat; color:#035bac} /* .on{background:url(/images/sub/sub_menu_bg.jpg) 0 0 no-repeat; color:#035bac} */ #sub_content{width:100%;} .contop{width:100%; position:relative; margin-bottom:20px;} .path{position:absolute; right:0; top:3px; } .path span{color:#888888; } .path span img{vertical-align:top; margin-top:-3px; } .path em{color:#363636; font-weight:bold;} .contop h3{width:100%; max-width:500px; font-weight:bold; font-size:24px; color:#464646;} .conbox{position:relative;width:100%; min-height:510px; padding-bottom:50px; line-height:1.8} .conbox h3 {font-size:16px;font-weight:700;color:#035bac;} .conbox h4 {font-size:18px;font-weight:700;color:#035bac;} .conbox h5 {font-size:15px;font-weight:700;color:#252525;} .conbox h6 {font-size:14px;font-weight:700;color:#00a5e3;} .sub01_01 .txt01{height:360px; border-bottom:2px solid #3b3b3b; background:url(/images/sub/greetings_bg.png) 100% 100% no-repeat; position:relative;} .sub01_01 .txt01 p em{color:#035bac; font-weight:bold;} .sub01_01 .txt01 p{font-size:13px; color:#888888; } .sub01_01 .txt03{position:relative;} .sub01_01 .txt03 p em{color:#035bac; font-weight:bold;} .sub01_01 .txt03 p{font-size:13px; color:#888888; } .txt02{margin-top:40px; position:relative} .txt02 p{font-size:13px; color:#888888; margin-bottom:25px; line-height:1.8} .txt02 em{color:#363636; text-decoration:underline; font-weight:bold} .txt02 strong{color:#035bac; font-weight:bold;} .txt02 span{color:#636363; font-size:13px; position:absolute; right:0; bottom:0;} .txt02 span em{font-size:18px; color:#252525; font-weight:bold;text-decoration:none} .txt_blue {color:#035bac;font-weight:bold;} .fci_info {width:100%;overflow:hidden;} .fci_b {width:280px;float:left;border:0px solid red;} .fci_b2 {width:220px;float:left;border:0px solid red;} .fci_bg {background:url(/images/sub/fci_bg.jpg) right 0 no-repeat;} .agf_bg {background:url(/images/sub/agf_bg.jpg) right 0 no-repeat;} .aku_bg {background:url(/images/sub/aku_bg.jpg) right 0 no-repeat;} .wusv_bg {background:url(/images/sub/wusv_bg.jpg) right 50px no-repeat;} .apac_bg {background:url(/images/sub/apac_bg.jpg) right 0 no-repeat;} .apac_bg2 {background:url(/images/sub/a2o_bg3.jpg) right 0 no-repeat;background-size:200px;} .ega_bg {background:url(/images/sub/ega_bg.jpg) right 0 no-repeat;} .kc_bg {background:url(/images/sub/kc_bg.jpg) right 30px no-repeat; padding-bottom:20px;border-bottom:1px solid #e5e5e5;} .akc_bg {background:url(/images/sub/akc_bg.jpg) right 0 no-repeat;} .ckc_bg {background:url(/images/sub/ckc_logo.jpg) right 0 no-repeat;background-size:150px;} .fmbb_bg {background:url(/images/sub/fmbb_bg.jpg) right 50px no-repeat;} .banking {font-size:13px;font-weight:bold;padding:20px 20px 20px 250px;background:url(/images/sub/banking_bg.png) #edf5fc 100px 35px no-repeat;} .banking strong {font-size:16px;color:#252525;} .qna_box{width:100%; clear:both; border-top:2px solid #585858;} .qna_box li{padding:10px 20px;border-bottom:1px solid #CCC;} .qna_box span.answer{line-height:20px;color:#00aeef;font-weight:800;font-size:16px;} .qna_box li.a_bg{background-color:#f4f4f4;} .qna_box li.q_txt {color:#555; font-weight:bold;font-size:14px} .qna_box span.question{color:#035cb4; font-weight:800;font-size:16px} .tbl_type_l {width:100%;border-top:2px solid #585858;} .tbl_type_l caption{font-size:14px;text-align:left;color:#555;font-weight:bold;padding:0 0 10px 0} .tbl_type_l th {background: none repeat scroll 0 0 #f4f4f4;border-bottom: 1px solid #d4d4d4;border-left: 1px solid #d4d4d4;padding:10px;color:#636363;text-align:left;line-height:16px;font-size:13px;} .tbl_type_l td {border-left:1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;color: #666666;font-size: 12px;padding: 10px; text-align:left;} .tbl_type_l .first {border-left:none;} /*sub0106*/ .tbl_type2_c2 .t_ali {text-align:left;} .tbl_type_c {width:100%;border-top:2px solid #585858;} .tbl_type_c caption{font-size:14px;text-align:left;color:#555;font-weight:bold;padding:0 0 10px 0} .tbl_type_c th {background: none repeat scroll 0 0 #f4f4f4;border-bottom: 1px solid #d4d4d4;border-left: 1px solid #d4d4d4;padding:10px;color:#636363;text-align:center;line-height:16px;font-size:13px;} .tbl_type_c td {border-left:1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;color: #666666;font-size: 12px;padding: 10px; text-align:center;} .tbl_type_c .first {border-left:none;} .tbl_type_c .cont {text-align:left;padding-left:15px;} .tbl_type_c .blue {background:#e4f0ff;color:#0d5cbf;font-size:15px;} .tbl_type2_c th {background:#585858;border-left: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;padding:10px;color:#fff;text-align:center;font-size:14px} .tbl_type2_c td {height:30px; border-left:1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;color: #7d7d7d;font-size: 12px;padding: 10px; text-align:center;font-size:13px} .tbl_type2_c .first {border-left:none;} .tbl_type2_c .p_img {border:1px solid #e2e2e2;width:350px;height:100px;} .tbl_type2_c span {font-weight:bold;color:#252525;} .tbl_type2_c .first {border-left:none;} .tbl_type2_c .cont {text-align:left;} .tbl_type2_c .center {text-align:center;} .tbl_type2_c .blue {background:#e4f0ff;color:#0d5cbf;font-size:15px;} .tbl_type2_c .cont2 {border-bottom: 1px solid #e2e2e2;color: #666666;font-size: 12px;padding: 5px 0 5px 20px; text-align:left;} .tbl_type2_c select{height:30px; vertical-align:top; border:1px solid #c2c2c2;} /*sub*/ .tbl_type2_c2 {border-top:2px solid #585858;} .tbl_type2_c2 th {background:#f4f4f4;border-left: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;padding:10px;color:#636363;text-align:center;font-size:14px} .tbl_type2_c2 td {border-left:1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;color: #7d7d7d;font-size: 12px;padding: 10px; text-align:left;font-size:13px} .tbl_type2_c2 .first {text-align:center;border-left:none;} .tbl_type2_c2 .p_img {border:1px solid #e2e2e2;width:350px;height:100px;} .tbl_type2_c2 span {font-weight:bold;color:#252525;} .tbl_type2_c2 .first2 {border-left:none;} .tbl_type2_c2 .cont {text-align:left;} .tbl_type2_c2 .center {text-align:center;} .tbl_type2_c2 .blue {background:#e4f0ff;color:#0d5cbf;font-size:15px;} .tbl_type2_c2 .cont2 {border-bottom: 1px solid #e2e2e2;color: #666666;font-size: 12px;padding: 5px 0 5px 20px; text-align:left;} .tbl_type3 {margin-left:3%;width:97%; border-top:2px solid #585858;} .tbl_type3 th {background:#f4f4f4;border-left: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;padding:5px;color:#636363;font-size:14px} .tbl_type3 td {border-left:1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;color: #7d7d7d;font-size: 12px;padding: 5px; font-size:13px} .tbl_type3 .last{border-right:1px solid #e2e2e2;} .txt_h {color:#808080; background:url(/images/sub/sub_dot.jpg) no-repeat 0px 1px; padding-left:20px; margin-right:5px;} .box_t {border:#808080;} .box_s {border:1px solid #e2e2e2;padding:20px;text-align:center;} /*애견자격증 표*/ .box3 {height:160px; border:1px solid #e2e2e2; padding:15px 0; position:relative;} .box4 {height:160px; padding:15px 0; float:left;} .box3 .box4 , .box4_3{font-size:12px;} /*훈련사자격 표*/ .box3_2 {padding:15px 0; height:170px; border:1px solid #e2e2e2; position:relative;} .box3_3 {padding:15px 0; height:240px; border:1px solid #e2e2e2;} .box4_2 {display:block; margin-top:15px; float:left;} .box4_3{height: 80px; padding-top: 15px;} .dv_float1{float:left;} .sub_dot2 {background:url(/images/sub/sub_dot5.jpg) no-repeat 20px 12px; padding:3px 1px 0 35px; } .box5 {clear:both;position:relative;} .sub_txt {padding:30px 15px 30px 25px; text-align:top;} .tbl_type2_c .t_sub4 {padding:5px 15px; line-height:20px;} /*sub07_tap*/ .tab_m {position:relative; height:42px; width:100%;overflow:hidden;} .tab_m div {display:inline;} .tab_m h3 {width:125px;font-weight:bold; height:42px;text-align:left;font-size:14px; line-height:42px;text-align:center; } .tab_m h3 .over{color:#fff; background:#035bac;} .tab_m h3 a{font-weight:bold;display:block;color:#7b7b7b;background:#e6e6e6;} .tab_m h3 a:hover{color:#fff; text-decoration:none; background:#035bac; } .tab_m .space {width:375px;color:#464646;background:#d4d2d2;} .dot_s {background:url(/images/sub/sub_dot_s.jpg) no-repeat 10px 15px;} /*표 dot*/ .t_dot li{background:url(/images/sub/sub_dot3.jpg) no-repeat 0 10px; padding-left:10px;} .t_dot2 li{background:url(/images/sub/sub_dot3.jpg) no-repeat 0 9px; text-align:left;padding-left:10px;} .t_dot3 li{background:url(/images/sub/sub_dot3.jpg) no-repeat 20px 9px; text-align:left;padding-left:10px;} /*sub 0603 */ .box0603 {height:236px; border:1px solid #e2e2e2;} .box0603_2 {float:left; padding-top:20px;} .box0603_2 ul li{ display:block;} /*도그쇼종류 */ .dot3 {background:url(/images/sub/sub_dot3.jpg) no-repeat 0 10px; padding-left:10px;} .box0603 {height:234px; border:1px solid #e2e2e2;} .box0603_2 {float:left; padding:20px 0 0 10px; width:420px;} .box0604 {height:300px; border:1px solid #e2e2e2;} /*sub0602핸들러 주니어 시니어*/ .dot_li li{background:url(/images/sub/sub_dot3.jpg) no-repeat 10px 9px; padding-left:25px; margin-left:10px; float:left;} .dot_li2 li{background:url(/images/sub/sub_dot3.jpg) no-repeat 10px 9px; padding-left:25px; margin-left:10px; float:left;} /*sub0105 표*/ .sub0105 {background:#ebebeb; color:fff;} /*sub0306*/ .ml55 {text-indent:15px;} .tbl_type2_c3 .c_ali {text-align:center;} .tbl_type2_c3 {border-top:2px solid #585858;} .tbl_type2_c3 th {background:#f4f4f4;border-left: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;padding:10px;color:#636363;text-align:center;font-size:14px} .tbl_type2_c3 td {border-left:1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;color: #7d7d7d;font-size: 12px;padding: 10px; text-align:left;font-size:13px; } .tbl_type2_c3 .first {text-align:center;border-left:none;} .tbl_type2_c3 .p_img {border:1px solid #e2e2e2;width:350px;height:100px;} .tbl_type2_c3 span {font-weight:bold;color:#252525;} .tbl_type2_c3 .first2 {border-left:none;} .tbl_type2_c3 .cont {text-align:left;} .tbl_type2_c3 .center {text-align:center;} .tbl_type2_c3 .blue {background:#e4f0ff;color:#0d5cbf;font-size:15px;} .tbl_type2_c3 .cont2 {border-bottom: 1px solid #e2e2e2;color: #666666;font-size: 12px;padding: 5px 0 5px 20px; text-align:left;} .tbl_type2_c3 input {height:20px; border:1px solid #dfdfdf; vertical-align:middle;} .tbl_type2_c3 select {height:20px; border:1px solid #dfdfdf; text-align:center;} .tbl_type2_c3_ajax .c_ali {text-align:center;} .tbl_type2_c3_ajax {border-top:2px solid #585858;} .tbl_type2_c3_ajax th {background:#f4f4f4;border-left: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;padding:10px;color:#636363;text-align:center;font-size:14px;width:85px;} .tbl_type2_c3_ajax td {border-left:1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;color: #7d7d7d;font-size: 12px;padding: 10px; text-align:left;font-size:13px;} .tbl_type2_c3_ajax .first {text-align:center;border-left:none;} .tbl_type2_c3_ajax .p_img {border:1px solid #e2e2e2;width:350px;height:100px;} .tbl_type2_c3_ajax span {font-weight:bold;color:#252525;} .tbl_type2_c3_ajax .first2 {border-left:none;} .tbl_type2_c3_ajax .cont {text-align:left;} .tbl_type2_c3_ajax .center {text-align:center;} .tbl_type2_c3_ajax .blue {background:#e4f0ff;color:#0d5cbf;font-size:15px;} .tbl_type2_c3_ajax .cont2 {border-bottom: 1px solid #e2e2e2;color: #666666;font-size: 12px;padding: 5px 0 5px 20px; text-align:left;} .tbl_type2_c3_ajax input {height:20px; border:1px solid #dfdfdf; vertical-align:middle;} .tbl_type2_c3_ajax select {height:20px; border:1px solid #dfdfdf; text-align:center;} .tbl_type2_c4 {border-top:2px solid #585858;} .tbl_type2_c4 th {background:#f4f4f4;border-left: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;padding:10px;color:#636363;text-align:center;font-size:14px} .tbl_type2_c4 td {border-left:1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;color: #7d7d7d;font-size: 12px;padding: 10px; text-align:center;font-size:13px; } .tbl_type2_c4 span {font-weight:bold;color:#252525;font-size:14px} .tbl_type2_c4 .first {text-align:center;border-left:none;} .tbl_type2_c4 .cont {text-align:left;} .tbl_type2_c4 .center {text-align:center;} .tbl_type2_c6 {border-top:1px solid #e2e2e2;} .tbl_type2_c6 td {border-left:1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;color: #7d7d7d;font-size: 12px;padding: 10px;text-align:center; } .tbl_type2_c6 td:last-child {border-right:1px solid #e2e2e2;} .tbl_type2_c6 span {font-weight:bold;color:#252525;font-size:14px} .tbl_type2_c6 .center {text-align:center;} .tbl_type2_c6 .full {background:#f1f1f1;} .tbl_type2_c6 .select {background:#ed145b;color:#fff;} /*sub0706*/ .box0706 {overflow:hidden;} .box0706 img {overflow:hidden; border:1px solid #e2e2e2;} .box0706_2 { padding-top:10px;} /*sub0103 tap*/ .tab_m0103 {position:relative; height:42px;overflow:hidden;} .tab_m0103 div {display:inline;} .tab_m0103 h3 {width:107px; float:left; font-weight:bold; height:42px;font-size:14px; line-height:42px;text-align:center; margin-left:1px; } .tab_m0103 h4 {width:107px; float:left; font-weight:bold; height:42px;font-size:14px; line-height:42px;text-align:center; margin-left:1px; } .tab_m0103 h3 .over{color:#fff; background:#035bac;} .tab_m0103 h3 a{font-weight:bold;display:block;color:#7b7b7b;background:#e6e6e6;text-decoration:none; } .tab_m0103 h3 a:hover{color:#fff; background:#035bac; } .tab_m0103 h4 a{font-weight:bold;display:block;color:#7b7b7b;background:#e6e6e6;text-decoration:none; } .tab_m0103 .space {width:375px;color:#464646;background:#d4d2d2;} .tab_m0103_new {position:relative; height:42px;overflow:hidden;} .tab_m0103_new div {display:inline;} .tab_m0103_new h3 {width:16.5%; float:left; font-weight:bold; height:42px;font-size:14px; line-height:42px;text-align:center; margin-left:1px; } .tab_m0103_new h4 {width:16.5%; float:left; font-weight:bold; height:42px;font-size:14px; line-height:42px;text-align:center; margin-left:1px; } .tab_m0103_new h3 .over{color:#fff; background:#035bac;} .tab_m0103_new h3 a{font-weight:bold;display:block;color:#7b7b7b;background:#e6e6e6;text-decoration:none; } .tab_m0103_new h3 a:hover{color:#fff; background:#035bac; } .tab_m0103_new h4 a{font-weight:bold;display:block;color:#7b7b7b;background:#e6e6e6;text-decoration:none; } .tab_m0103_new .space {width:375px;color:#464646;background:#d4d2d2;} .tab_m2 {position:relative; display:flex; height:42px;overflow:hidden;} .tab_m2 div {display:inline;} .tab_m2 h3 {width:auto; flex:1; font-weight:bold; height:42px;font-size:14px; line-height:42px;text-align:center; margin-left:1px; } .tab_m2 h3 .over{color:#fff; background:#035bac;} .tab_m2 h3 a{font-weight:bold;display:block;color:#7b7b7b;background:#e6e6e6;text-decoration:none; } .tab_m2 h3 a:hover{color:#fff; background:#035bac; } .tab_m2 h4 a{font-weight:bold;display:block;color:#7b7b7b;background:#e6e6e6;text-decoration:none; } .tab_m2 .space {width:375px;color:#464646;background:#d4d2d2;} .tab_m3 {position:relative; overflow:hidden;} .tab_m3 h3 {width:150px; float:left; font-weight:bold; height:42px;font-size:14px; line-height:42px;text-align:center; margin-left:1px;margin-bottom:1px;background:#e6e6e6; overflow:hidden; } .tab_m3 h3 .over{color:#fff; background:#035bac;} .tab_m3 h3 a{font-weight:bold;display:block;color:#7b7b7b;background:#e6e6e6;text-decoration:none; } .tab_m3 h3 a:hover{color:#fff; background:#035bac; } .tab_m3 h4 a{font-weight:bold;display:block;color:#7b7b7b;background:#e6e6e6;text-decoration:none; } .tab_m3 .space {width:375px;color:#464646;background:#d4d2d2;} .tab_m4 {position:relative; overflow:hidden;} .tab_m4 h3 {width:252px; float:left; font-weight:bold; height:42px;font-size:14px; line-height:42px;text-align:center; margin-left:1px;margin-bottom:1px;background:#e6e6e6; overflow:hidden; } .tab_m4 h3 .over{color:#fff; background:#035bac;} .tab_m4 h3 a{font-weight:bold;display:block;color:#7b7b7b;background:#e6e6e6;text-decoration:none; } .tab_m4 h3 a:hover{color:#fff; background:#035bac; } .tab_m4 h4 a{font-weight:bold;display:block;color:#7b7b7b;background:#e6e6e6;text-decoration:none; } .tab_m4 .space {width:252px;color:#464646;background:#d4d2d2;} .tab_m5 {position:relative; display:flex;} .tab_m5 h3 {flex:1; font-weight:bold; height:42px;font-size:14px; line-height:42px;text-align:center; margin-left:1px;margin-bottom:1px;background:#e6e6e6; overflow:hidden; } .tab_m5 h3 .over{color:#fff; background:#035bac;} .tab_m5 h3 a{font-weight:bold;display:block;color:#7b7b7b;background:#e6e6e6;text-decoration:none; } .tab_m5 h3 a:hover{color:#fff; background:#035bac; } .tab_m5 h4 a{font-weight:bold;display:block;color:#7b7b7b;background:#e6e6e6;text-decoration:none; } .tab_m6 {position:relative; overflow:hidden;} .tab_m6 h3 {width:252px; float:left; font-weight:bold; height:42px;font-size:14px; line-height:42px;text-align:center; margin-left:1px;margin-bottom:1px;background:#e6e6e6; overflow:hidden; } .tab_m6 h3 .over{color:#fff; background:#035bac;} .tab_m6 h3 a{font-weight:bold;display:block;color:#7b7b7b;background:#e6e6e6;text-decoration:none; } .tab_m6 h3 a:hover{color:#fff; background:#035bac; } .tab_m6 h4 a{font-weight:bold;display:block;color:#7b7b7b;background:#e6e6e6;text-decoration:none; } .tab_m7 {position:relative; overflow:hidden;} .tab_m7 h3 {width:189px; float:left; font-weight:bold; height:42px;font-size:14px; line-height:42px;text-align:center; margin-left:1px;margin-bottom:1px;background:#e6e6e6; overflow:hidden; } .tab_m7 h3 .over{color:#fff; background:#035bac;} .tab_m7 h3 a{font-weight:bold;display:block;color:#7b7b7b;background:#e6e6e6;text-decoration:none; } .tab_m7 h3 a:hover{color:#fff; background:#035bac; } .tab_m7 h4 a{font-weight:bold;display:block;color:#7b7b7b;background:#e6e6e6;text-decoration:none; } .tab_m8 {position:relative; overflow:hidden;} .tab_m8 h3 {width:125px; float:left; font-weight:bold; height:42px;font-size:14px; line-height:42px;text-align:center; margin-left:1px;margin-bottom:1px;background:#e6e6e6; overflow:hidden; } .tab_m8 h3 .over{color:#fff; background:#035bac;} .tab_m8 h3 a{font-weight:bold;display:block;color:#7b7b7b;background:#e6e6e6;text-decoration:none; } .tab_m8 h3 a:hover{color:#fff; background:#035bac; } .tab_m8 h4 a{font-weight:bold;display:block;color:#7b7b7b;background:#e6e6e6;text-decoration:none; } .tab_m8 .space {width:375px;color:#464646;background:#d4d2d2;} .tab_m9 {position:relative; overflow:hidden;} .tab_m9 h3 {width:189px; float:left; font-weight:bold; height:42px;font-size:14px; line-height:42px;text-align:center; margin-left:1px;margin-bottom:1px;background:#e6e6e6; overflow:hidden; } .tab_m9 h3 .over{color:#fff; background:#035bac;} .tab_m9 h3 a{font-weight:bold;display:block;color:#7b7b7b;background:#e6e6e6;text-decoration:none; } .tab_m9 h3 a:hover{color:#fff; background:#035bac; } .tab_m9 h4 a{font-weight:bold;display:block;color:#7b7b7b;background:#e6e6e6;text-decoration:none; } .tab_m9 .space {width:375px;color:#464646;background:#d4d2d2;} .tab2_m {position:relative; height:130px;overflow:hidden;} .tab2_m div {display:inline;} .tab2_m h2 {width:125px; float:left; font-weight:bold; height:auto;font-size:0.7em; line-height:42px;text-align:center; margin-left:1px; } .tab2_m h2 .over{color:#fff; background:#555;} .tab2_m h2 a{font-weight:bold;display:block;color:#7b7b7b;border:1px solid #e6e6e6;text-decoration:none; overflow:hidden; height:42px; box-sizing:border-box;} .tab2_m h2 a:hover{color:#fff; background:#555; } .tab2_m h3 {width:125px; float:left; font-weight:bold; height:auto;font-size:14px; line-height:42px;text-align:center; margin-left:1px; } .tab2_m h3 .over{color:#fff; background:#555;} .tab2_m h3 a{font-weight:bold;display:block;color:#7b7b7b;border:1px solid #e6e6e6;height:42px;text-decoration:none; letter-spacing:-0.5px} .tab2_m h3 a:hover{color:#fff; background:#555; } .tab2_m h4 a{font-weight:bold;display:block;color:#7b7b7b;background:#e6e6e6;text-decoration:none; } .tab2_m .space {width:375px;color:#464646;background:#d4d2d2;} .tab_14 {background:#e6e6e6; width:107px; height:42px;} .tab_m0103 h3 div {color:#7b7b7b;background:#e6e6e6;display:block; } .mb1 {margin-bottom:1px;} .ml1 {margin-left:1px;} .sub3_td {color:#035bac; text-align:top; font-weight:800; } .sub3_td2 {;} .sub0103_tap td{padding:10px 0;} .tit_1 {color:#386BC4;} .sub0103t {color:#555; font-weight:bold; font-size:18px; background:url(/images/sub/sub_dot_s.jpg) no-repeat 0 3px; padding-left:19px; } /*sub0103 연혁*/ .his_con {width:100%;position:relative;} .h_year {position:absolute;top:0;left:0;color:#444;font-size:22px;font-weight:bold;} .h_con {width:705px;padding-left:95px;padding-top:5px; border-bottom:1px solid #ebebeb; padding-bottom:40px;} .h_con dl {overflow:hidden;} .h_con dt {width:100px;float:left;color:#1457a0; font-size:14px;font-weight:bold;} .h_con dd {width:570px;float:left;} .h_con dd li {background:url(/images/sub/sub_dot6.jpg) no-repeat 0 10px; font-size:14px; padding-left:15px;} /*sub0109 찾아오시는길*/ .table_area {width:100%;border-top:2px solid #035bac;} .table_area th {padding:5px 0;background:#f5f5f5;border-bottom:1px solid #ddd;font-size:13px;color:#444;color:#333;} .table_area td {padding:5px 20px;border-bottom:1px solid #ddd;font-size:13px; color:#666; line-height:30px;} .table_area .sel_bg {text-align:center;background:#f8fff1;padding:10px 0;font-weight:bold;color:#264d00;} .table_area .left_line {border-left:1px solid #ddd;} .table_area .ver_top {vertical-align:top;} .table_area .pd {padding:10px 25px;} .table_area .pd2 {padding:10px 25px;font-size:13px; color:#666;line-height:24px;} .sub0107t {background:url(/images/sub/sub_dot_s.jpg) no-repeat -3px 35px;} .adr2 {border:1px solid #ebebeb; padding:35px;} .dot {background:url(/images/sub/sub_dot3.jpg) no-repeat 0 9px;padding-left:10px} .dot2 {background:url(/images/sub/sub_dot3.jpg) no-repeat 0 11px;padding-left:10px} .ip_s {border:1px solid #e2e2e2;height:20px;} /* 버튼 */ .btn a {color:#555;text-decoration:none;} .btn_m {display:inline-block; width:90px;height:30px;line-height:30px;background:#035bac; text-align:center; color:#fff; font-weight:bold; font-size:12px;} .btn_m a, .btn_m a:hover {display:inline-block;width:90px;height:30px; color:#fff;text-decoration:none;} .btn_m_admin {display:inline-block; width:90px;height:30px;line-height:30px;background:#035bac; text-align:center; color:#fff; font-weight:bold; font-size:12px;} .btn_m_admin a, .btn_m a:hover {display:inline-block;width:90px;height:30px; color:#fff;text-decoration:none;} .btn_m2 {display:inline-block;width:90px;height:30px;line-height:30px;background:#fff;border:1px solid #bbbbbb;text-align:center;color:#333;font-weight:bold;font-size:12px;} .btn_m2 a, .btn_m2 a:hover {display:inline-block;width:90px;height:30px; color:#333;text-decoration:none;} .btn_m3 {display:inline-block;width:60px;height:20px;line-height:20px;background:#555;border:1px solid #333;text-align:center;color:#fff;font-weight:bold;font-size:12px;} .btn_m3 a, .btn_m a:hover {display:inline-block;width:90px;height:20px; color:#fff;text-decoration:none;} .btn_m4 {display:inline-block;width:80px;height:30px;line-height:30px;background:#555;border:1px solid #333;text-align:center;color:#fff;font-weight:bold;font-size:12px;} .btn_m4 a, .btn_m a:hover {display:inline-block;width:90px;height:30px; color:#fff;text-decoration:none;} .btn_detail {display:absolute;bottom:0;right:0;width:130px;height:30px;line-height:30px;background:#6b6b6b; color:#fff;text-align:center;font-weight:bold} .btn_detail a {color:#fff;text-decoration:none;} .btn_c {display:inline-block; width:90px;height:30px;line-height:30px;background:#035bac; text-align:center; color:#fff; font-weight:bold; font-size:12px;} .btn_c_a {display:inline-block; width:90px;height:30px;line-height:30px;background:#676869; text-align:center; color:#fff; font-weight:bold; font-size:12px;} .book_w {width:100%;height:auto;border:1px solid #e2e2e2;}/*overflow:hidden;*/ .book_l {width:275px;float:left;padding:20px;} .book_r {display:relative;width:400px; float:right;border-left:1px solid #e2e2e2;padding:20px;background:#f9f9f9;} .won {text-align:right;color:#dd1017;padding:5px 10px 0 0;font-weight:700;font-size:16px;border-top:1px solid #ededed;} .txt_center {text-align:center;} .txt_right {text-align:right;} .red {color:#dd1017;} .btn_wrap {text-align:right;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;padding:10px 0} .btn_wrap2 {text-align:right;} .btn_s {display:inline-block; height:30px;background:#ed145b; text-align:center; color:#fff; font-weight:bold; font-size:13px;padding:0 15px; border:1px solid #cf0044;} .btn_s a, .btn_s a:hover {display:inline-block;height:30px;line-height:30px; color:#fff;text-decoration:none;} .btn_s2 {display:inline-block; height:30px;background:#6b6b6b; text-align:center; color:#fff; font-weight:bold; font-size:13px;padding:0 15px; border:1px solid #484848} .btn_s2 a, .btn_s a:hover {display:inline-block;height:30px;line-height:30px; color:#fff;text-decoration:none;} .btn_s3 {display:inline-block; height:40px;background:#ed145b; text-align:center; color:#fff; font-weight:bold; font-size:13px;padding:0 25px; border:1px solid #cf0044;} .btn_s3 a, .btn_s3 a:hover {display:inline-block;height:40px;line-height:40px; color:#fff;text-decoration:none;} .btn_s4 {display:inline-block; height:20px;background:#666; text-align:center; color:#fff; font-weight:bold; font-size:13px;padding:0 15px; border:1px solid #555; vertical-align:middle;} .btn_s4 a, .btn_s4 a:hover {display:inline-block;height:20px;line-height:20px; color:#fff;text-decoration:none;} .btn_s5 {display:inline-block; height:20px;text-align:center; color:#fff; font-weight:bold; font-size:13px;padding:0 15px; vertical-align:middle;} /* 도그쇼상력 */ .bis_wrap {width:100%;overflow:hidden;} .bis_left {float:left;width:565px;} .bis_right {float:right;width:155px;} /* 심사 POINT */ .dog_box{width:100%; clear:both;} .dog_box li{padding:10px 20px;} .dog_box span.answer{line-height:20px;color:#00aeef;font-weight:800;font-size:16px;} .dog_box li.a_bg{background-color:#f4f4f4;} .dog_box li.q_txt {color:#555; font-weight:bold;font-size:14px} .dog_box span.question{color:#035cb4; font-weight:800;font-size:16px} .dog_wrap {width:100%;overflow:hidden;border-bottom:1px solid #CCC;} .dog_img {float:left;width:170px;text-align:center} .dog_txt {float:right;width:590px;} .award_wrap {width:100%;overflow:hidden;} .award_img {float:left;width:300px;text-align:center} .award_txt {float:right;width:430px;} /*관리자모드*/ .middle{vertical-align:middle} .bbs_type01_list{border-top:2px solid #555} .bbs_type01_list thead th{background:#f1f1f1; height:35px; color:#444;} .bbs_type01_list tbody td{text-align:center; height:32px;font-size:12px; padding:3px 0; color:#555; border-bottom:1px solid #ddd;} .bbs_type01_list tbody td.show_name{text-align:left; color:#222; padding-left:10px; } .bbs_type01_list tbody td.show_name a{color:#222; } .bbs_type01_list tbody td.dog_name a{color:#222; } .bbs_type01_list tbody td.modify a, .bbs_type01_list tbody td.delete a{text-decoration:none; background:#fefefe; border:1px solid #ddd; display:inline-block; width:45px; height:22px; color:#333; line-height:22px;} .bbs_type01_list tbody td.dog01{text-align:left; padding-left:10px; } .bbs_type01_search{height:30px; background:#efefef; border:1px solid #ccc; padding:10px 0; } .bbs_type01_search select{height:28px; box-sizing:border-box; font-size:13px; border:1px solid #ccc;} .bbs_type01_search input{height:28px; box-sizing:border-box; font-size:13px; } .bbs_type01_search .board_search_area{width:230px; border:1px solid #ccc; text-indent:10px; } .bbs_type01_search .board_btn_seach{width:80px; background:#888; border:1px solid #666; color:#fff; font-weight:bold; } .paging{text-align:center;} .paging ul li{display:inline-block; text-align:center;} .paging ul li a{display:inline-block; width:23px; height:23px; border:1px solid #ddd; text-decoration:none; font-size:12px; line-height:23px;} .paging ul li.none a{border:none; } .paging ul li.on a{background:#444; color:#fff; border:1px solid #444; font-weight:bold;} .btn_zone .btn_basic{float:right; display:block; width:75px; height:26px; background:#444; color:#fff; text-align:center; line-height:26px; text-decoration:none; margin-right:10px; border:none;} .btn_zone .btn_basic1{float:right; display:block; width:75px; height:26px; background:#444; color:#fff; text-align:center; line-height:26px; text-decoration:none; margin-right:2px; border:none; font-size:12px;} .btn_zone .btn_basic2{float:right; display:block; width:100px; height:26px; background:#444; color:#fff; text-align:center; line-height:26px; text-decoration:none; margin-right:10px;} .bbs_type01_2{border-top:2px solid #555} .bbs_type01_2 tbody th{height:32px; padding:3px 0 3px 10px; border-bottom:1px solid #ddd; text-align:left; padding-left:20px; color:#555555; background:#fafafa;} .bbs_type01_2 span.star{color:#d90000; font-weight:bold; } .bbs_type01_2 tbody td{color:#555; border-bottom:1px solid #ddd; height:30px; padding:5px 0 5px 15px; } .bbs_type01_2 input{height:23px; border:1px solid #ccc;} .bbs_type01_2 input.none{border:none;} .bbs_type01_2 input.btn_button{width:75px; height:25px; border:1px solid #666; background:#888; border:none; color:#fff; font-size:12px; vertical-align:top;} .bbs_type01_2 a.btn_button{width:75px; height:25px; display:inline-block; line-height:25px; text-align:center; border:1px solid #666; background:#888; border:none; color:#fff; font-size:12px; vertical-align:top; text-decoration:none;} .ranking_tab{border-bottom:1px solid #ddd; } .ranking_tab ul{margin-bottom:-1px;} .ranking_tab ul li{float:left; text-align:center;} .ranking_tab ul li a{display:block; width:70px; height:25px; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-top:2px solid #03447c; line-height:25px; text-decoration:none; margin-left:-1px; background:#fafafa; color:#777; font-weight:bold;} .ranking_tab ul li a.on{border-bottom:1px solid #fff; background:#fff; color:#333;} .add_info p{color:#ca0000; font-weight:bold;} .pop_dog_info h4{font-size:16px; color:#333; } .pop_dog_info p{color:#444; } .scroll_wrap{width:100%; overflow-x:scroll;} .bbs_type02_list{ border:1px solid #ddd; border-top:2px solid #555; } .bbs_type02_list thead th{background:#f1f1f1; height:30px; color:#444; font-size:12px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; } .bbs_type02_list tbody td{text-align:center; height:32px;font-size:12px; padding:3px 0; color:#555; border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align:center;} p.bbs_top_info{color:#333; } .bbs_type02_list input{height:23px; border:1px solid #ccc;} .bbs_type02_list input.none{border:none;} .banner_link {width:100%;border-top:2px solid #585858;overflow:hidden;} .banner {width:252px;float:left;text-align:center;padding:15px 0;border-right: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;} .name {font-weight:bold;color:#252525;font-size:14px} .last {border-right:none;} .tbl_type2_c5 {border-top:2px solid #585858;} .tbl_type2_c5 th {background:#f4f4f4;border-bottom: 1px solid #e2e2e2;padding:10px;color:#636363;text-align:center;font-size:14px} .tbl_type2_c5 td {border-bottom: 1px solid #e2e2e2;color: #7d7d7d;font-size: 12px;padding: 10px; text-align:center;font-size:13px; } .tbl_type2_c5 span {font-weight:bold;color:#252525;font-size:14px} .tbl_type2_c5 .first {text-align:center;border-left:none;} .tbl_type2_c5 .cont {text-align:left;} .tbl_type2_c5 .center {text-align:center;} /*login*/ .login_info_txt00{text-align:left; display:inline-block; width:450px; padding:10px 20px; border-bottom:2px solid #03447c;} .login_info_txt00 p{font-size:15px; color:#333; } .login_info_txt00 strong{color:#03447c; } .login_info_txt{text-align:left; display:inline-block; background:#f1f1f1; width:450px; padding:20px; border-top:2px solid #03447c;} .login_info_txt p{color:#555; font-weight:bold; line-height:1.8;} .login_info_txt p em{font-weight:bold; border-bottom:1px solid #444444; } .kkf_login_inwrap td{height:40px;} .kkf_login_inwrap td span{font-weight:bold; color:#333;} .kkf_login_inwrap td input.input01{border:1px solid #ccc; height:25px; } .kkf_login_inwrap a.btn_login{text-decoration:none; background:#03447c; color:#ffffff; font-weight:bold; padding:28px; border:1px solid #3f3f3f} .kkf_login_inwrap a.btn_type01{text-decoration:none; background:#444; color:#ffffff; font-size:12px; padding:5px 10px; border:1px solid #3f3f3f;} .kkf_login_inwrap a.btn_type02{text-decoration:none; background:#ddd; color:#333; font-size:12px; padding:5px 10px; border:1px solid #cfcfcf;} .kkf_login_wrap a.btn_basic{display:inline-block; width:75px; height:26px; background:#444; color:#fff; text-align:center; line-height:26px; text-decoration:none; margin-right:10px; border:none;} .kkf_login_wrap p.txt01{font-size:15px; color:#222;} .kkf_login_wrap p.txt01 em{font-weight:bold; font-size:16px;} /*.process {width:605px; margin:auto;} .process li {float:left;} .process li span {height:97px; display:inline-block; background:url(/images/member/confirm_process.gif) no-repeat;} .process li .step1 {width:127px;} .process li .step1_on {width:127px; background-position:-127px 0;} .process li .step2 {width:127px; background-position:0 -97px;} .process li .step2_on {width:127px; background-position:-127px -97px;} .process li .step3 {width:127px; background-position:0 -194px;} .process li .step3_on {width:127px; background-position:-127px -194px;} .process li .step4 {width:97px; background-position:0 -291px;} .process li .step4_on {width:97px; background-position:-97px -291px;} .process li .step0 {width:127px; background-position:0 -388px;} .process li .step0_on {width:127px; background-position:-127px -388px;}*/ .privacy_txt_wrap{width:700px; margin:0 auto; background:#eee; padding:5px; border:1px solid #dcdcdc;} .privacy_txt_wrap p{text-align:center; color:#333; font-weight:bold;} .privacy_txt{width:690px; height:300px; margin:0 auto; background:#fff; overflow-y:scroll;} .kkf_inwrap00{width:600px; margin:0 auto; background:#f1f1f1; padding:20px; border:1px solid #dcdcdc;} .kkf_inwrap00_tbl td{height:40px;} .kkf_inwrap00_tbl td span{font-weight:bold; color:#333; } .kkf_inwrap00_tbl td input, .kkf_inwrap00_tbl td select{border:1px solid #ccc; height:25px; vertical-align:middle} .kkf_inwrap00_tbl a.btn_find{text-decoration:none; background:#03447c; color:#ffffff; display:inline-block; width:90px; height:25px; line-height:24px; border:1px solid #3f3f3f; font-size:12px; text-align:center;margin-top:1px;} .kkf_inwrap01{width:600px; margin:0; padding:20px; border:1px solid #dcdcdc;} .kkf_inwrap01 p{} .kkf_inwrap01_tbl p{font-weight:bold; color:#333; } .kkf_inwrap01_tbl div{background:#f1f1f1; border:1px solid #dcdcdc; padding:10px; } .kkf_inwrap01_tbl td input{border:1px solid #ccc; height:25px; vertical-align:middle;} .kkf_inwrap01_tbl a.btn_type1{text-decoration:none; background:#03447c; color:#ffffff; display:inline-block; width:85px; height:25px; line-height:25px; border:1px solid #3f3f3f; font-size:12px; text-align:center;} .t_dot li{background:url(/images/sub/sub_dot3.jpg) no-repeat 0 9px; margin-left:55px; padding-left:10px;} /* 랭킹견 */ .search_box_m{position:relative; width:100%; margin:0 auto; text-align:center;} .search_box_m span{font-size:13px; line-height:22px; color:#444; } .search_box_m span a{color:#444; padding:5px;} .search_box_m span a.over{color:#fff; font-weight:bold; text-decoration:none; background:#28b5ee;} .search_box_m span a:hover{color:#fff; font-weight:bold; text-decoration:none; background:#28b5ee;} .bbs_btn{width:70px; height:25px; background:#f8f8f8; color:#111; font-weight:700; border:1px solid #dbdbdb; text-align:center; line-height:2; display:inline-block;} .tab_mbox{position:relative; width:100%; text-align:right;} .tab_mbox select{height:25px; border:1px solid #dfdfdf;} .tab_mbox input{border:1px solid #dfdfdf; height:25px; } .tab_m{float:left; width:100px; background:#444;} .table_box_m{position:relative; width:100%; overflow:hidden;} .table_box_img{position:relative;float:left; width:195px; height:180px; border:1px solid #dfdfdf;} .ranking_num {position:absolute;left:0;bottom:0;width:35px;height:35px;line-height:35px;background:blue;color:#fff;text-align:center;font-weight:800;} .table_box_content{float:right; width:530px; } /* 퀵메뉴 */ .quick_all{position:absolute;left:50%; margin-left:500px; z-index:2; top:155px; } .quick_all a{display:block;} .quick_all img{vertical-align:top;} .quick_line{width:67px; border-top:none; padding-bottom:20px;} .b_line{border-bottom:1px solid #e9e9e9;} .quick_all ul {border:1px solid #e9e9e9;background:#fafafa;width:88px;} .quick_all li {padding:10px 0; text-align:center;} /* bbs_list */ /*label{display:none;}*/ .bbs_list {width:100%; border-top:2px solid #393939;} .bbs_list th {height:45px; border-bottom:1px #dfdfdf solid; font-size:14px; color:#464646; font-weight:bold; text-align:Center;} .bbs_list td {border-bottom:1px #dfdfdf solid; font-size:13px; color:#888888; padding:7px 0; text-align:center;} .bbs_list td a {color:#888888;text-decoration:none;} .bbs_list input {font-size:14px;color:#333;height:25px;border:1px solid #ccc;background:#fff;} .bbs_list textarea {font-size:14px;color:#333;border:1px solid #ccc;background:#fff;color:#333;} .bbs_list .first {border-left:none; color:#252525; font-weight:bold;} .bbs_list .cont {text-align:left; padding-left:15px; color:#464646;} .bbs_list select {font-size:14px;color:#333;height:27px;border:1px solid #ccc;background:#fff;} .bbs_list .g_total {color:#252525;background:#f1f1f1;} table.bbs_list td.day{color:#fff; } table.bbs_list td.reservation{color:#fff; } table.bbs_list td.reservation a {color:#fff; } .reservation{color:#fff; } .reservation a {color:#fff; } .bbs_list .txt_left {text-align:left;} .bbs_list .txt_left2 {text-align:left;padding:15px 15px;} .bbs_list .btn_view {display:inline-block;width:65px;height:25px;background:#244292;text-align:center;color:#fff;font-weight:bold;font-size:13px;} .bbs_list .btn_view a {color:#fff;text-decoration:none;line-height:25px;} .bbs_view {width:100%; border-top:1px solid #393939;} .bbs_view th{height:45px; border-bottom:1px #dfdfdf solid; font-size:16px; color:#464646; font-weight:bold; text-align:left; padding-left:15px;} .bbs_view td{border-bottom:1px #dfdfdf solid; font-size:13px; color:#888888; padding:7px 0; text-align:left; padding-left:15px;} .bbs_view .first {border-left:none; color:#252525; font-weight:bold;} .bbs_view .cont {text-align:left; padding:25px 15px;} .bbs_view .black {color:#555; font-weight:bold;} .bbs_view .red {color:#cc040c; font-weight:bold;} .bbs_view .file {color:#555; font-weight:bold;} .bbs_view .line {border-left:1px solid #e2e2e2;} /* paging */ .paging {width:100%; font-size:0; text-align:center; letter-spacing:0; word-spacing:0;} .paging a {display:inline-block; width:30px; height:30px; margin:0 2px; background:#fff; color:#595959; font-size:14px; text-align:center; vertical-align:top;} .paging>a {overflow:hidden; background:url("/images/sub/btn_paging.png") no-repeat 0 0; text-indent:-9999em;} .paging>a.first {background-position:0 0;} .paging>a.prev {background-position:0 -30px;} .paging>a.next {background-position:-30px -30px;} .paging>a.last {background-position:-30px 0;} .paging a:hover, .paging a:active {border:1px solid #e9e9e9; background-color:#f4f4f4;} .paging span {padding:0 4px;} .paging span a {height:23px; padding:5px 0;border:1px solid #e9e9e9;} .paging span a.on {border:1px solid #222; background:#222; color:#fff;} /* search */ .bbs_search {margin:0 auto; margin-top:30px; padding:10px 0; border:1px solid #ccc; background:#f4f4f4;} .bbs_search fieldset {text-align:center;} .bbs_search input {vertical-align:middle;} .bbs_search .input_txt {width:124px; height:20px; padding:4px 12px; vertical-align:middle; border:1px solid #d0d0d0; font-size:14px;} .bbs_search select {overflow:visible; min-width:150px; height:30px; padding:4px 8px; vertical-align:middle; border:1px solid #d0d0d0; font-size:14px; line-height:24px; zoom:1;} .bbs_search select:focus {border:1px solid #da0b85;} .bbs_search select.disabled {border:1px solid #d0d0d0; background-color:#e9e9e9; color:#909090;} .bbs_search img{vertical-align:middle;} .btn {display:inline-block; margin:0; padding:0; background:none; text-align:center; vertical-align:middle; border:none; white-space:nowrap; cursor:pointer;} .btn_sm {min-width:76px; padding:3px 15px; background-color:#151515; border:1px solid #151515; color:#fff; font-size:14px;} .bbs_page {width:100%; border-bottom:2px solid #393939;} .bbs_page th {height:55px; border-bottom:1px #dfdfdf solid; font-size:14px; color:#464646; font-weight:bold; text-align:Center;} .bbs_page th span{font-size:13px; color:#888;} .bbs_page td {border-bottom:1px #dfdfdf solid; font-size:13px; color:#888888; padding:7px 0; text-align:left;} .bbs_page .cont {text-align:left; padding-left:15px; font-size:14px; color:#464646; font-weight:bold;} .bbs_page .cont span {font-size:13px; color:#888;font-weight:normal} .bbs_page .cont a {font-size:14px; color:#464646; font-weight:bold;text-decoration:none;} .txt_right {text-align:right;} .txt_center {text-align:center;} .btn_m {display:inline-block;width:90px;height:30px;background:#151515;border:1px solid #151515;text-align:center;color:#fff;font-weight:bold;font-size:14px;} .btn_m a, .btn_m a:hover {color:#fff;text-decoration:none;line-height:30px;} .btn_m input{color:#fff;text-decoration:none;} .btn_m2 {display:inline-block;width:90px;height:30px;line-height:30px;background:#fff;border:1px solid #777;text-align:center;color:#333;font-weight:bold;font-size:14px;} .btn_m2 a, .btn_m2 a:hover {color:#333;text-decoration:none;} .btn_m3 {display:inline-block;width:210px;height:27px;line-height:27px;border:1px solid #c9c9c9;text-align:center;color:#fff ;font-weight:bold;font-size:12px;} .btn_m3 a, .btn_m3 a, .btn_m3 a:link, .btn_m3 a:visited {color:#fff; text-decoration:none;} .btn_m3 a:hover {display:inline-block;width:210px;height:27px;background:#151515; color:#fff;border:1px solid #151515;text-decoration:none;} .btn_m5 {display:inline-block;width:90px;height:30px;line-height:30px;background:#999;border:1px solid #777;text-align:center;color:#fff;font-weight:bold;font-size:14px;} .btn_m5 a, .btn_m5 a:hover {color:#fff;text-decoration:none;} /* gallery_list */ .gallery_list {position:relative;width:100%;overflow: hidden; border-top:2px solid #393939;} .gallery_box{position:relative;width:178px; float:left;overflow: hidden;} .gallery_box dt{width:178px; height:119px; background:#f2f2f2;} .gallery_box dd{padding:9px 0;position:relative;text-align:center;} .gallery_box dd a, .best_box dd a{font-size:13px; font-weight:bold; color:#333; text-decoration:none;} .title2 {font-weight:bold;font-size:14px;color:#464646} .plan {height:760px;line-height:760px;border:1px solid #e2e2e2;text-align:center;overflow:hidden} .line {border-top:1px solid #e2e2e2;} /*additional*/ .txt_indent{text-indent:-16px; padding-left:16px; text-align:left;} .btn_signbox{overflow:hidden;} .btn_signbox li{float:left; display:block; margin-left:4px;} .btn_signbox li:first-child{margin-left:0;} .sign_list_box{width:100%; clear:both; border-top:2px solid #585858;} .sign_list_box li{padding:10px 20px;border-bottom:1px solid #CCC;} .sign_list_box span.answer{line-height:20px;color:#00aeef;font-weight:800;font-size:16px;} .sign_list_box li.a_bg{background-color:#f4f4f4;} .sign_list_box li.q_txt {color:#555; font-weight:bold;font-size:14px} .sign_list_box span.question{color:#035cb4; font-weight:800;font-size:16px} .sign_list_box .btn_type1{display:block; text-decoration:none; border:1px solid #03447c; background:#03447c; color:#fff; text-align:center; line-height:30px; height:30px; width:160px; margin:auto; font-size:13px; font-weight:bold;} .sign_pic {border:1px solid #d4d4d4; width:100px; height:130px; padding:10px; background:#fff;} .sign_pic .sign_pic_inner{width:100px; height:130px; overflow:hidden; text-align:center; background:#fafafa;} .sign_pic .sign_pic_inner img{max-height:100%;} .sign_pic2 {float:left; border:1px solid #d4d4d4; width:100px; height:130px; padding:10px; background:#fff;} .sign_pic2 .sign_pic_inner{width:100px; height:130px; overflow:hidden; text-align:center; background:#fafafa;} .sign_pic2 .sign_pic_inner img{max-height:100%;} .layer_wrap{width:100%; height:100%; position:fixed; left:0; top:0; z-index:8000; background:url(../images/bg_layer.png);} .layer_box1 {border:1px solid #e6e6e6; border-top:2px solid #2d508a; position:absolute; top:50%; max-width: calc(100vw - 40px); left: 50%; transform: translate(-50%, -50%); z-index:9900; background:#f2f2f2; width:450px;} .layer_box1 .layer_tit{position:relative; font-weight:800; font-size:22px; background:#fff; height:80px; line-height:80px; text-align:center; font-size:; color:#;} .layer_box1 .layer_txt {padding:20px; text-align:center;} .layer_box1 .layer_btn_close{position:absolute; right:10px; top:10px; width:13px; height:13px; line-height:20px; background:url(../images/btn_layer_close.png) left top no-repeat; } .layer_box1 .layer_btn_list{text-align:center;} .layer_btn_list a{text-align:center; text-decoration:none;} .layer_btn_list .btn_type1{line-height:40px; font-weight:bold; background:#ddd; color:#333; border:1px solid #c2c2c2; padding:10px 26px;} .layer_btn_list .btn_type2{line-height:40px; font-weight:bold; background:#03447c; border:1px solid #444; color:#fff; padding:10px 20px} .layer_box1 .layer_btn_area{background:#fff; padding:20px 0;} .layer_box1 .layer_innertxt{padding:0 20px;} .layer_box1 .layer_subtit{padding-bottom:20px; } .layer_box1 .layer_result{margin:0 20px; padding:0 10px; height:160px; overflow-y:scroll; border:1px solid #d4d4d4; background:#fff; } .layer_box1 .layer_result ul{display:block; padding:0 20px; overflow:hidden; border-bottom:1px solid #f0f0f0;} .layer_box1 .layer_result ul li{display:block; float:left; line-height:40px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .layer_box1 .layer_result ul .li_1{width:80%; text-align:left;} .layer_box1 .layer_result ul .li_2{width:20%; text-align:right;} .layer_box2 {border:1px solid #e6e6e6; border-top:2px solid #2d508a; position:absolute; top:50%; left:50%; z-index:9900; background:#f2f2f2; width:900px; margin-left:-450px; margin-top:-150px;} .layer_box2 .layer_txt {padding:30px; text-align:center;} .layer_box2 .layer_tit{position:relative; font-weight:800; font-size:22px; background:#fff; height:90px; line-height:90px; text-align:center; font-size:; color:#;} .layer_box2 .layer_btn_close{position:absolute; right:20px; top:20px; width:13px; height:13px; line-height:20px; background:url(../images/btn_layer_close.png) left top no-repeat; } .layer_box3 {border:1px solid #e6e6e6; border-top:2px solid #2d508a; position:absolute; top:50%; left:50%; z-index:9900; background:#f2f2f2; width:600px; margin-left:-300px; margin-top:-150px;} .layer_box3 .layer_txt {padding:30px; text-align:center;} .layer_box3 .layer_tit{position:relative; font-weight:800; font-size:22px; background:#fff; height:90px; line-height:90px; text-align:center; font-size:; color:#;} .layer_box3 .layer_btn_close{position:absolute; right:20px; top:20px; width:13px; height:13px; line-height:20px; background:url(../images/btn_layer_close.png) left top no-repeat; } .stubook_req_img03 {background:url(../images/sub/sub050202_03.jpg?1) left top no-repeat; height:70px; padding-left:180px; padding-top:18px;} .test_list_box{background:#f2f2f2; border:1px solid #e6e6e6; padding:30px 21px;} .test_list {overflow:hidden;} .test_list li{text-align:center; float:left; min-height:93px; margin:3px;} .test_list li .li_tit{ font-size:20px; font-weight:800; line-height:41px; height:41px; background:url(../images/sub/bg_test_box.png?2) 50% 0 no-repeat;} .test_list li .li_txt{padding-bottom:10px;} .test_list .li_on:hover {border:2px solid #035bac; padding:29px 0; width:228px; background:#fff;} .test_list .li_on {border:1px solid #585858; padding:30px 0; width:230px; background:#fff;} .test_list .li_on .li_tit{color:#035bac;} .test_list .li_off {padding:30px 0; width:230px; border:1px solid #d4d4d4; background:#fff;} .test_list .li_on .li_btn{ display: inline-block; height: 40px; font-weight: 600; background: #035bac; color: #fff; text-align: center; line-height: 40px; text-decoration: none; border: 1px solid #035bac; width: 160px;} .test_list .li_off .li_btn{ display: inline-block; height: 40px; font-weight: 600; background: #fafafa; color: #666666; text-align: center; line-height: 40px; text-decoration: none; border: 1px solid #d4d4d4; width: 160px;} .check_list_01 li{padding-top:8px; padding-bottom:8px; border-bottom:1px solid #f0f0f0; position:relative;padding-right: 30px;} .check_list_01 .first{padding-top:0;} .check_list_01 .last{padding-bottom:0; border-bottom:none;} .check_list_01 .check_list_img{position:absolute; right:10px; width:18px; height:18px;} .check_list_01 .check_list_on{color:#035bac;} .check_list_01 .check_list_img{background:url(../images/sub/ico_check_list_off.png) left top no-repeat; top:50%; margin-top:-9px;} .check_list_01 .check_list_on .check_list_img{background:url(../images/sub/ico_check_list_on.png) left top no-repeat;} .btn_txt_type0, .btn_txt_type0:link, .btn_txt_type0:visited{text-decoration:underline; font-weight:800; color:#666666;} .btn_txt_type0:hover{color:#999; } .btn_txt_type0_2, .btn_txt_type0_2:link, .btn_txt_type0_2:visited{text-decoration:none; font-weight:800; color:#fff!important; } .btn_txt_type0_2:hover {text-decoration:underline;} .btn_txt_type1, .btn_txt_type1:link, .btn_txt_type1:hover, .btn_txt_type1:visited {font-size:13px; display: inline-block; height: 28px; background: #444; color: #fff!important; text-align: center; line-height: 28px; text-decoration:none; margin-left: 5px; border: none; padding: 0 14px;} .btn_txt_type2, .btn_txt_type2:link, .btn_txt_type2:hover, .btn_txt_type2:visited {font-size:13px; display: inline-block; height: 28px; font-weight:600; background: #f4f4f4; color: #636363; text-align: center; line-height: 28px; text-decoration:none; margin-left: 5px; border:1px solid #d4d4d4; padding: 0 10px;} .btn_txt_type3 {font-size:13px; display: inline-block; height: 28px; background: #ed145b; color: #fff; text-align: center; line-height: 28px; text-decoration:none; margin-left: 5px; border:1px solid #cf0044; padding: 0 14px;} .btn_txt_type4, .btn_txt_type4:link, .btn_txt_type4:hover, .btn_txt_type4:visited {font-size:13px; display: inline-block; height: 26px; background: #03447c; border:1px solid #3f3f3f; color: #fff; text-align: center; line-height: 26px; text-decoration:none; margin-left: 5px; border: none; padding: 0 14px;} .btn_txt_type5 {font-size:13px; display: inline-block; height: 28px; background: #fff; color: #636363; text-align: center; line-height: 28px; text-decoration:none; margin-left: 5px; border:1px solid #d4d4d4; padding: 0 10px;} .btn_txt_type6, .btn_txt_type6:link, .btn_txt_type6:hover, .btn_txt_type6:visited {font-size:13px; display: inline-block; height: 28px; background: #000; color: #fff!important; text-align: center; line-height: 28px; text-decoration:none; border: none; padding: 0 10px;} .btn_small_1, .btn_small_1:link, .btn_small_1:hover, .btn_small_1:visited {display: inline-block; font-size:12px; height: 28px; font-weight:600; background: #f4f4f4; color: #636363; text-align: center; line-height: 28px; text-decoration:none; margin-left: 5px; border:1px solid #d4d4d4; padding: 0 14px;cursor:pointer;} .btn_admin_1, .btn_admin_1:link, .btn_admin_1hover, .btn_admin_1:visited {display: inline-block; font-size:12px; height: 22px; font-weight:600; background: #f4f4f4; color: #636363; text-align: center; line-height: 22px; text-decoration:none; border:1px solid #d4d4d4;} .btn_admin_2, .btn_admin_2:link, .btn_admin_2:hover, .btn_admin_2:visited {display: inline-block; font-size:12px; height: 22px; font-weight:600; background: #444; color: #fff!important; text-align: center; line-height: 22px; text-decoration:none; border:1px solid #444;} .btn_admin_big_1, .btn_admin_big_1:link, .btn_admin_big_1hover, .btn_admin_big_1:visited {display: inline-block; font-size:14px; height: 40px; font-weight:600; background: #f4f4f4; color: #636363; text-align: center; line-height: 40px; text-decoration:none; border:1px solid #d4d4d4;} .btn_admin_big_2, .btn_admin_big_2:link, .btn_admin_big_2hover, .btn_admin_big_2:visited {display: inline-block; font-size:14px; height: 40px; font-weight:600; background: #03447c; color: #fff!important; text-align: center; line-height: 40px; text-decoration:none; border:1px solid #444;} .btn_receive_1, .btn_receive_1:link, .btn_receive_1:hover, .btn_receive_1:visited {display: inline-block; height: 28px; background: #444; color: #fff; text-align: center; line-height: 28px; text-decoration:none; border: none; padding: 0 14px;} .btn_receive_2, .btn_receive_2:link, .btn_receive_2:hover, .btn_receive_2:visited {display: inline-block; letter-spacing:-1px; height: 28px; background: #444; color: #fff; text-align: center; font-size:11px; line-height: 28px; text-decoration:none; border: none; padding: 0 6px;} .btn_big_type1, .btn_big_type1:hover, .btn_big_type1:visited, .btn_big_type1:link {display: inline-block; height: 40px; font-weight:600; background: #f4f4f4; color: #636363; text-align: center; line-height: 40px; text-decoration:none; margin-left: 5px; border:1px solid #d4d4d4; width:120px;} .btn_big_type2, .btn_big_type2:hover, .btn_big_type2:visited, .btn_big_type2:link {display: inline-block; height: 40px; font-weight:600; background: #444; color: #fff; text-align: center; line-height: 40px; text-decoration:none; margin-left: 5px; border:1px solid #444; width:120px;} .btn_big_type3, .btn_big_type3:hover, .btn_big_type3:visited, .btn_big_type3:link {display: inline-block; height: 40px; font-weight:600; background: #03447c; color: #fff; text-align: center; line-height: 40px; text-decoration:none; margin-left: 5px; border:1px solid #444; width:120px;} .btn_right_ab{position:relative; right:10px; margin-left:15px;} .btn_right_ab2{position:absolute; right:110px; } .btn_right_ab3{position:absolute; right:25px; } .btn_arrow_1, .btn_arrow_1:link, .btn_arrow_1:visited{text-decoration:none; font-weight:800; color:#fff!important; text-align:left; display:block; background:url(../images/sub/btn_arrow_w_off.png) 100% center no-repeat;} .btn_arrow_1:hover{background:url(../images/sub/btn_arrow_w_on.png) 100% center no-repeat;} .btn_arrow_1.on{background:url(../images/sub/btn_arrow_w_on.png) 100% center no-repeat;} .btn_arrow_2, .btn_arrow_2:link, .btn_arrow_2:visited{text-decoration:none; font-weight:800; color:#fff!important; text-align:left; display:block; background:url(../images/sub/btn_arrow_d_off.png) 100% center no-repeat;} .btn_arrow_2:hover{background:url(../images/sub/btn_arrow_d_on.png) 100% center no-repeat;} .btn_arrow_2.on{background:url(../images/sub/btn_arrow_d_on.png) 100% center no-repeat;} .btn_icon{vertical-align:middle; height:28px; line-height:29px; padding:0 5px;} .txt_receive_soon{line-height:28px; color:#666666;} .txt_receive_soon2, .txt_receive_soon2:link, .txt_receive_soon2:hover, .txt_receive_soon2:visited {display: inline-block; height: 28px; background: none; text-align: center; line-height: 28px; text-decoration:none; border: 1px solid #03447c; padding: 0 14px; color:#03447c;} .txt_receive_now{line-height:28px; color:#ed145b;} .txt_receive_done{line-height:28px; font-weight:500;} .txt_notice_big{font-size: 22px; font-weight: 800; color: #555;} .w100p{width:100%;} .w80p{width:80%;} .w60p{width:60%;} .w50p{width:50%;} .w40p{width:40%;} .w33p{width:33%;} .w30p{width:30%;} .w25p{width:25%;} .w20p{width:20%;} .inp25{border:1px solid #c2c2c2; height:24px;} .inp30{border:1px solid #c2c2c2; height:28px;} .inp40{border:1px solid #c2c2c2; height:38px;} .inp50{border:1px solid #c2c2c2; height:48px;} .inp_textarea{border:1px solid #e2e2e2;} .inp_rad{width:16px; height:16px; margin-right:4px; vertical-align:middle;} .inp30::-webkit-input-placeholder{color:#b4b4b4;} .inp_hold_right::-webkit-input-placeholder{text-align:right;} .dv_tab_tit{border:1px solid #e2e2e2; background:#f2f2f2; border-top:2px solid #585858; padding:18px 20px; font-size:15px; font-weight:700; color:#252525; cursor:pointer;} .dv_tab_cont{padding:30px 40px; border:1px solid #e2e2e2; border-top:none;} .booth_select {border:1px solid #dcdcdc; padding:20px;} .booth_select .booth_head {line-height:30px;} .booth_select .booth_head b{display:inline-block; padding:6px; border:1px solid #dcdcdc; vertical-align:middle; margin-right:5px;} .booth_select .booth_head .online{background:#035bac;} .booth_select .booth_head .offline{background:#f39500;} .booth_select .booth_head .taken{background:#dcdcdc; border:1px solid #cbcbcb;} .booth_select .booth_inner {position:relative; overflow:hidden; border:1px solid #dcdcdc;} .booth_select .booth_inner a{position:absolute; border:1px solid #666; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; font-weight:1000; letter-spacing:-1px; text-decoration:none;} .booth_select .booth_inner .box_online:hover{color:#fff!important; background:#035bac;} .booth_select .booth_inner .box_offline:hover{color:#fff!important; background:#f39500;} .booth_select .booth_inner .box_online{border-color:#035bac; background:#e6f5ff;} .booth_select .booth_inner .box_offline{border-color:#f39500; background:#fff5e6;} .booth_select .booth_inner .box_booth{font-family:Gulim; font-weight:400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:absolute; text-align:center; display:block; letter-spacing:-0.5px; text-decoration:none;} .booth_select .booth_inner .taken, .booth_select .booth_inner .taken:hover{color:#666!important; background:#dcdcdc;} .booth_select .booth_inner .waiting, .booth_select .booth_inner .waiting:hover{color:#ed145b!important; background:#dcdcdc;} .booth_select .booth_footer ul{overflow:hidden;} .booth_select .booth_footer ul li{width:20%; float:left;} .booth_select .booth_footer ul li a{font-weight:1000; background:#f4f4f4; color:#7b7b7b; text-decoration:none; display:block; border:1px solid #d4d4d4; border-left:none; text-align:center; line-height:40px;} .booth_select .booth_footer ul .active a, .booth_select .booth_footer ul li:hover a{background:#035bac; color:#fff;} .booth_select .booth_footer li:first-child a{border-left:1px solid #d4d4d4;} .tbl_type_2 {width:100%;border-top:2px solid #585858;} .tbl_type_2 caption{font-size:14px;text-align:left;color:#555;font-weight:bold;padding:0 0 10px 0} .tbl_type_2 th {text-align:center; background: none repeat scroll 0 0 #f4f4f4;border-bottom: 1px solid #d4d4d4;border-left: 1px solid #d4d4d4;padding:10px;color:#636363; line-height:16px;font-size:13px;} .tbl_type_2 td {border-left:1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;color: #666666;font-size: 13px;padding: 10px;} .tbl_type_2 td.head {text-align:center; background: none repeat scroll 0 0 #f4f4f4;border-bottom: 1px solid #d4d4d4;border-left: 1px solid #d4d4d4;padding:10px;color:#636363; line-height:16px;font-size:13px;} .tbl_type_2 .first {border-left:none;} .tbl_type_2 select{height:30px; vertical-align:top; border:1px solid #c2c2c2;} .tbl_type_2 tr td a{text-decoration:none;} .tbl_type_2 textarea{border:1px solid #c2c2c2;} .tbl_type_3 {width:100%;border-top:2px solid #585858;} .tbl_type_3 caption{font-size:14px;text-align:left;color:#333;font-weight:bold;padding:0 0 10px 0} .tbl_type_3 th {text-align:center; background:#ddd; border-bottom: 1px solid #c4c4c4; border-left: 1px solid #c4c4c4;padding:10px;color:#333; line-height:16px;font-size:13px;} .tbl_type_3 td {border-left:1px solid #c4c4c4; border-right:1px solid #c4c4c4; border-bottom: 1px solid #c4c4c4; color: #333;font-size: 13px;padding: 10px;} .tbl_type_3 .first {border-left:none;} .tbl_type_3 select{height:30px; vertical-align:top; border:1px solid #c2c2c2;} .tbl_type_3 tr td a{text-decoration:none;} .tbl_type_3 textarea{border:1px solid #c2c2c2;} .tbl_type_4 {border-top:2px solid #585858;} .tbl_type_4 caption{font-size:14px;text-align:left;color:#333;font-weight:bold;padding:0 0 10px 0} .tbl_type_4 th {text-align:center; background:#f4f4f4; border-bottom: 1px solid #c4c4c4; border-left: 1px solid #c4c4c4;padding:10px;color:#333; line-height:16px;font-size:13px;} .tbl_type_4 td {background:#fff; border-left:1px solid #c4c4c4; border-right:1px solid #c4c4c4; border-bottom: 1px solid #c4c4c4; color: #333;font-size: 13px;padding: 10px;} .tbl_type_4 .first {border-left:none;} .tbl_type_4 select{height:30px; vertical-align:top; border:1px solid #c2c2c2;} .tbl_type_4 tr td a{text-decoration:none;} .tbl_type_4 textarea{border:1px solid #c2c2c2;} .tbl_type_4 .th_b{background:rgb(3, 91, 172); color:#fff!important;} .tbl_table_1{margin:auto; border-top:2px solid #585858;} .tbl_table_1 caption{font-size:14px;text-align:left;color:#555;font-weight:bold;padding:0 0 10px 0} .tbl_table_1 th {text-align:center; background: none repeat scroll 0 0 #f4f4f4;border-bottom: 1px solid #d4d4d4;border-left: 1px solid #d4d4d4;padding:10px;color:#636363; line-height:16px;font-size:13px;} .tbl_table_1 td {border-left:1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;color: #666666;font-size: 13px;padding: 10px; background:#fff; border-right:1px solid #d4d4d4; height:19px;} .tbl_table_1 .first {border-left:none;} .tbl_table_1 .last {border-right:none;} .tbl_table_1 select{height:30px; vertical-align:top; border:1px solid #c2c2c2;} .tbl_table_1 tr td a{text-decoration:none;} .tbl_table_1 textarea{border:1px solid #c2c2c2;} .info_table_1{} .info_table_1 td, .info_table_1 th{padding:2px 4px;} .info_table_1 th{vertical-align:top;} .sp_block_1{display:block; text-align:center; padding:4px 10px;; background:gray; color:#fff; border-radius:4px;} .checkbox_right_ab{position:absolute; right:0; font-size:13px; font-weight:500;} .group_select{line-height:30px;} .group_select select{margin-right:5px;} .txt_box_scrolled{overflow-y:scroll; height:160px; border:1px solid #e2e2e2; padding:10px;} .bt_none{border-top:none;} .txt_box_tit .subtit{font-size:11px;} .txt_box_tit .tit{font-size:20px; line-height:20px;} .txt_right_ab{position:absolute; right:0;} .fc_r {color:#ed145b!important;} .fc_w{color:#fff} .fc_b{color:#035bac!important;} .ft_underline, .ft_underline:link, .ft_underline:visited, .ft_underline:hover{text-decoration:underline; font-weight:800;} .tab_dog_apply_prog {text-align:center;} .tab_dog_apply_prog span{display:inline-block; background:url(../images/sub/dog_apply_step.jpg) no-repeat; height:134px; font-size:0; text-indent:-9999;} .tab_dog_apply_prog .first{background-position:-260px 0; width:260px;} .tab_dog_apply_prog .first_over{background-position:0 0; width:260px;} .tab_dog_apply_prog .second{background-position:-260px -134px; width:260px;} .tab_dog_apply_prog .second_over{background-position:0 -134px; width:260px;} .tab_dog_apply_prog .third{background-position:-260px -268px; width:91px;} .tab_dog_apply_prog .third_over{background-position:0 -268px; width:91px;} .list_official_dogs1 {overflow:hidden;} .list_official_dogs1 li{float:left; margin-bottom:40px;} .list_official_dogs1 li a{display:block; min-height:160px; text-decoration:none;} .list_official_dogs1 li a .li_img{text-align:center; height:95px;} .list_official_dogs1 li .li_txt{text-align:center; margin-top:10px; height:50px;} .list_official_dogs1 li a:hover .li_txt{color:#035bac;} .list_official_dogs1 li p{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;} .list_mypage_1{overflow:hidden;} .list_mypage_1 ul{display:block; float:left;} .list_mypage_1 ul li{display:block;} .list_mypage_1 .li_1{width:280px;} .list_mypage_1 .li_1 li:first-child{padding:6px 0; background:#f4f4f4; font-weight:bold; border-top:1px solid #e2e2e2;} .list_mypage_1 .li_1 li{padding:14px 0; color:#444; border:1px solid #e2e2e2; text-align:center; border-top:none;} .list_mypage_1 .li_2{width:178px;} .list_mypage_1 .li_2 li:first-child{margin-top:0;} .list_mypage_1 .li_2 li{margin-top:4px;;} .list_letter_1{} .list_letter_1 ul li{padding:5px 0;} .list_letter_1 ul .last{padding-bottom:0;} .list_letter_1 ul li:first-child{padding-top:0;} .list_letter_1 ul li .tx_slash{font-size:10px; color:#c8c8c8;} .list_letter_1 ul .li_1{border-bottom:1px solid #e6e6e6;} .list_letter_1 a{padding:0px 5px; color:#035bac; text-decoration:none; font-size:13px; } .list_letter_1 a:hover{font-weight:1000;} .list_sep_1 {width:100%;} .list_sep_1 ul{width:100%; display:table;} .list_sep_1 ul li{display:table-cell; height:240px;} .list_dog_family {position:relative; height:430px; background: url(../images/sub/dog_family_bg.png) 50% 50% no-repeat;; padding: 25px; border:1px solid #e6e6e6;} .list_dog_family table{position:absolute;} .list_dog_family .li_1{left:30px; top:50%; margin-top:-101px;} .list_dog_family .li_2{right:30px; top:30px; } .list_dog_family .li_3{right:30px; bottom:30px;} .list_institution_box{background:#f2f2f2; border:1px solid #e6e6e6; padding:30px 21px;} .list_institution {overflow:hidden;} .list_institution li{text-align:center; float:left; min-height:93px; margin:3px; border:1px solid #585858; padding:30px 0; width:230px; background:#fff;} .list_institution li .li_tit{ font-size:20px; color:#035bac; font-weight:800; line-height:41px; height:41px;} .list_institution li .li_img{height:120px; background:url(../images/sub/ico_kkf_institution.png) center center no-repeat; margin:18px 0 20px 0;} .list_institution .li_btn{ display: inline-block; height: 40px; font-weight: 600; background: #035bac; color: #fff; text-align: center; line-height: 40px; text-decoration: none; border: 1px solid #035bac; width: 160px;} .wrap_find_1_new {text-align:center; min-height:150px; _height:150px;border-top:2px solid #2d508a;border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;border-left:1px solid #e6e6e6} .wrap_find_1_new .find_title {height:90px;line-height:90px;overflow:hidden;font-size:22px;font-weight:800;color:#555} .wrap_login .find_title2_new {height:110px;overflow:hidden;} .wrap_login .find_title2_new .title{font-size:22px;font-weight:800;color:#555} .wrap_find_1_new .find_title3 {padding:20px; overflow:hidden;font-size:22px;font-weight:800;color:#555} .wrap_find_1_new .find_title3 p{font-size:14px; font-weight:500;} .wrap_find_1_new .msg_find_pw_1 {display:inline-block; width:222px; height:22px; background:url(../member/images/find_pw_img.gif) no-repeat; margin-bottom:50px;} .wrap_find_1_new .msg_find_pw_2 {display:inline-block; width:302px; height:22px; background:url(../member/images/find_pw_img.gif) no-repeat; margin-bottom:50px; background-position:0 -67px;} .wrap_find_1_new .input_id {margin:auto; text-align:center;background:#f8f8f8;height:100px;line-height:100px;color:#555;font-weight:bold} .wrap_find_1_new .input_id input {border:1px solid #ccc; height:30px; _height:28px;} .wrap_find_1_new .input_id span {display:inline-block; background:url(../member/images/find_pw_img.gif) no-repeat;} .wrap_find_1_new .input_id .th_id {width:40px; height:15px; background-position:0 -22px; margin-right:10px;} .wrap_find_1_new .input_id .btn_find{text-decoration:none; background:#03447c; color:#ffffff; display:inline-block; width:80px; height:30px; line-height:30px; border:1px solid #3f3f3f; font-size:12px; text-align:center;margin-top:1px;} .wrap_find_1_new .find_pw_tb {width:370px; margin:auto; background-color:#f4f4f4; text-align:center;} .wrap_find_1_new .find_pw_tb th, .wrap_find_1_new .find_pw_tb td {padding-bottom:7px;} .wrap_find_1_new .find_pw_tb th {padding:0 11px 0 0; text-align:right;} .wrap_find_1_new .find_pw_tb td {text-align:left;} .wrap_find_1_new .find_pw_tb input {border:1px solid #999999; height:28px; _height:26px;} .wrap_find_1_new .find_pw_tb .th_pw_1 {display:inline-block; background:url(../member/images/find_pw_img.gif) no-repeat; background-position:0 -89px; width:75px; height:16px;} .wrap_find_1_new .find_pw_tb .th_pw_2 {display:inline-block; background:url(../member/images/find_pw_img.gif) no-repeat; background-position:0 -105px; width:108px; height:16px;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width:36%!important; vertical-align:top; margin:0 5px!important;} .lp_wrap{width:100%; height:100%; top:0; left:0; background:rgba(0, 0, 0, 0.60); font-size:15px; position:fixed; z-index:1000; font-family:'NotoKrR';} .tab_sub{overflow:hidden;} .tab_sub ul{display:block;} .tab_sub ul li{position:relative; display:block; float:left; height:36px; line-height:34px; overflow:hidden; text-align:center; padding-bottom:8px;} .tab_sub ul .active .bg_arrow_u{position:absolute; background:url(../images/sub/tab_sub_arrow_u.png) center center no-repeat; top:34px; width:100%; height:9px;} .tab_sub ul li:first-child a{border-left:1px solid; margin-left:0;} .tab_sub ul li a{display:block; color:#7b7b7b; height:34px; background:#fff; border:1px solid #e2e2e2; font-size:14px; font-weight:bold; margin-left:2px;} .tab_sub ul .active a, .tab_sub ul li:hover a{background:#fff; color:#035bac!important; border-color:#035bac!important; text-decoration:none;} .minor{display:inline-block;width:20px;height:20px;vertical-align:middle;margin-right:5px;} .minor span{display:inline-block;background:url(../images/minor.png) center center no-repeat;width:20px;height:20px;} .plus{display:inline-block;width:20px;height:20px;vertical-align:middle;margin-left:5px;} .plus span{display:inline-block;background:url(../images/plus.png) center center no-repeat;width:20px;height:20px;} .dogform{ border: 1px solid #bababa; border-radius: 10px; padding: 20px; padding-top:5px; margin-top:10px; } /*팝업 끝*/ .foot_mobile2{margin:22px 0 0 0;padding:36px 50px;width:100%;display:inline;} .foot_mobile2 a{text-align:center;font-size:50px;padding:32px 0;border:3px solid #035bac;display:block;font-weight:bold;background-color:#fff;color:#035bac;font-family:"Dotum";} .tapmain{overflow-y:scroll;height:164px;} .tapmain::-webkit-scrollbar { display: none; } /* 22-06-30 추가 */ .facility_list{overflow:hidden;} .facility_list .item{float:left; width:238px; border:1px solid #dcdcdc; margin-left:20px; margin-bottom:20px;} .facility_list .item.nomarg{margin-left:0;} .facility_list .item .row_pic{text-align:center; height:180px; box-sizing:border-box; padding-top:30px; border-bottom:1px solid #dcdcdc;} .facility_list .item .row_pic img{margin:0 auto;} .facility_list .item .row_info{padding:14px;min-height:140px; box-sizing:border-box;} .facility_list .item .row_info ul.txt{display:table; width:100%;} .facility_list .item .row_info ul.txt li{display:table-cell; line-height:20px;} .facility_list .item .row_info ul.txt li:first-child{width:40px;;} /* 23-08-25 추가 */ .layer_coupon{position:absolute; top:50%; left:50%; z-index:9900; width:580px; margin-left:-290px; transform:translateY(-50%);} .layer_coupon .lc_cont{max-height:calc(100vh - 120px); overflow-y:auto;} .layer_coupon .layer_btn_close{position:absolute; right:10px; top:10px; width:13px; height:13px; line-height:20px; background:url('../images/btn_layer_close.png') left top no-repeat; } .layer_coupon .imgbox{position:relative;} .layer_coupon .imgbox img{max-width:100%;} .layer_coupon .imgbox .abbox{position:absolute;} .layer_coupon .layer_btn_list{text-align:center;} /* 25-04-15 추가 */ .img-desc-list{display:flex; flex-wrap:wrap; justify-content:space-between;} .img-desc-list dl{width:calc(50% - 10px); border:1px solid #dcdcdc; display: flex; flex-direction: column;} .img-desc-list dl dt img{max-width:100%;} .img-desc-list dl dd{text-align:center; font-weight:bold; color:#035bac; font-size:13px; padding:10px; border-top: 1px solid #dcdcdc; display: flex; align-items: center; flex: 1; justify-content: center;} .ban-dna-img{display:block; font-size:0; border-radius:10px; overflow:hidden;} .ban-dna-img img{max-width:100%;} .picflex{display:flex; flex-wrap:wrap; justify-content:center;} .picflex img + img{margin-left:10px;} .picflex img{max-width:100%;} @media only all and (max-width: 820px) { .picflex{flex-direction:column; align-items:center;} .picflex img + img{margin-left:0; margin-top:10px;} } /* 새 테이블 추가 */ .btn-com{padding:0 10px; height:30px; font-weight:500; display:inline-flex; align-items:center; justify-content:center; border-radius:4px; border:1px solid #035bac; background:#fff; color:#035bac; font-size:13px; box-sizing:border-box;} .btn-com.point{background:#035bac; color:#fff;} .btn-com.nobtn{border-color:transparent; color:inherit; font-weight:inherit;} .tbl_flexable{width:100%;} .tbl_flexable{} .tbl_flexable th {background:#585858;border-left: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;padding:10px;color:#fff;text-align:center;font-size:14px} .tbl_flexable td {height:30px; border-left:1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;color: #7d7d7d;font-size: 12px;padding: 10px; text-align:center;font-size:13px} .tbl_flexable .first {border-left:none;} .tbl_flexable .tf-btnlist{display:flex; justify-content:center;} .tbl_flexable .tf-btnlist li + li{margin-left:6px;} .tbl_flexable .tf-btnlist .btn{width:22px; height:22px; border:0; padding:0; margin:0;} .tbl_flexable .tf-btnlist .btn.info{background:url('/images/ico-info.png') 0 0 no-repeat; background-size:contain;} .tbl_flexable .tf-btnlist .btn.word{background:url('/images/ico-word.png') 0 0 no-repeat; background-size:contain;} .tbl_flexable .tf-btnlist .btn.pdf{background:url('/images/ico-pdf.png') 0 0 no-repeat; background-size:contain;} @media (max-width: 1040px) { .m_hide{display:none;} .tbl_flexable table, .tbl_flexable tbody, .tbl_flexable tr{display:block;} .tbl_flexable *{box-sizing:border-box; } .tbl_flexable colgroup{display:none;} .tbl_flexable thead{display:none;} .tbl_flexable tbody{display:flex; flex-wrap:wrap; margin-left:-20px;} .tbl_flexable tr{width:calc(50% - 20px); display:flex; flex-wrap:wrap; padding:24px; border:1px solid #dcdcdc; background:#fff; border-radius:10px; margin-left:20px; margin-bottom:20px;} .tbl_flexable td{border:none; padding:0; height:auto; width:100%; display:block; position:relative; text-align:left; font-size:14px; padding-left:70px;} .tbl_flexable.m-pl-130 td{padding-left:130px;} .tbl_flexable td::before { content: attr(data-label); font-weight:bold; position:absolute; left:0; } .tbl_flexable .tf-btnlist{justify-content:flex-start;} .tbl_flexable .tf-btnlist .btn{width:30px; height:30px;} .tbl_flexable .tf-btnlist li + li{margin-left:12px;} .tbl_flexable td.first { width:100%; color:#000; font-size:16px; font-weight:800; margin-bottom:8px; } .tbl_flexable td.first::before, .tbl_flexable td.m-full::before, .tbl_flexable td.m-mt::before { display:none; } .tbl_flexable td.first, .tbl_flexable td.m-full, .tbl_flexable td.m-mt { padding-left:0; } .tbl_flexable td.m-half{width:calc(50% - 5px);} .tbl_flexable td.m-half + td.m-half{margin-left:10px;} .tbl_flexable td.m-mt{margin-top:20px;} .tbl_flexable td.m-hide{display:none;} } @media (max-width: 768px) { .tbl_flexable tbody{display:block; margin-left:0;} .tbl_flexable tr{width:100%; margin-left:0;} } .subvisual{background-image:url('/images/sub/sub-keyimg-01.jpg?2506161'); background-position: center center; background-repeat:no-repeat; background-size:auto 100%; height:240px; background-color:#000;} .subvisual .vistitle{font-size:40px; line-height:1; font-weight:800; color:#fff;} .subvisual .innerlo{height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; max-width:1000px; margin:0 auto;} .subvisual .subnav{display:flex; margin-top:20px;} .subvisual .subnav li + li{margin-left:8px; padding-left:14px;} .subvisual .subnav li + li:before{content:''; position:absolute; left:0; top:50%; width:6px; height:10px; margin-top:-5px; background:url('/images/sub/sub-keyimg-arrow.png') 0 0 no-repeat; opacity:0.7;} .subvisual .subnav li{position:relative; line-height:1; color:rgba(255,255,255,0.7); font-size:14px;} @media only all and (max-width: 768px) { .subvisual{height:120px;} .subvisual .vistitle{font-size:20px;} .subvisual .subnav{margin-top:10px;} .subvisual .subnav li{font-size:12px;} } .conbox .title-hasRight {display:flex; align-items:center; font-size:15px;font-weight:700;color:#252525; line-height:1; margin-bottom:10px;} .conbox .title-hasRight .right-comp{margin-left:auto; font-weight:normal; font-size:14px;} @media only all and (max-width: 580px) { .conbox .title-hasRight{flex-direction:column; align-items: flex-start;} .conbox .title-hasRight .right-comp{margin-top:10px;} } @media only all and (max-width: 580px) { .tbl_type_2.m_lo_changes{display:block;} .tbl_type_2.m_lo_changes colgroup{display:none;} .tbl_type_2.m_lo_changes tbody{display:block;} .tbl_type_2.m_lo_changes tr{display:block; padding:20px 0; border-bottom:1px solid #e2e2e2;} .tbl_type_2.m_lo_changes td, .tbl_type_2.m_lo_changes th{display:block; border:0; padding:0; text-align:left;} .tbl_type_2.m_lo_changes th{border:0; background:0; margin-bottom:10px;} } .inp-flex-group{display:flex; align-items:center;}