/* CSS Document */ /**/ #design .subtit{padding:20px 0;font-size:18px;text-align:center;border-top:0px solid #ccc;border-bottom:0px solid #ccc;background:url(../img/culture.png) no-repeat 50% 0} #design .subtit strong{font-size:18px;font-weight:400;color:#c62337} #design .title{position:relative;overflow:hidden;margin-top:30px;} #design .title h3{position:relative;padding-left:25px;line-height:40px;font-size:17px;font-weight:600;color:#005997} #design .title h3 i{position:absolute;top:-2px;left:0;display:block;width:20px;height:40px;background:url(../img/depth1_1.png) no-repeat 50% 50%} #design .title p{position:absolute;top:10px;right:0;font-weight:600} #design .title .year{position:absolute;top:10px;right:0} #design .title .year strong{float:left;display:block;width:60px;line-height:20px;font-size:16px;color:#333;text-align:center} #design .title .year strong span{padding-left:5px;font-size:16px;color:#333} #design .title .year a{float:left;display:block;width:19px;height:19px;line-height:19px;font-size:11px;font-weight:800;font-family:"돋움", "굴림";text-align:center;color:#fff;background:#b7b7b7} #design .title .year a span{display:none} #design .point h3{margin-bottom:0;border-bottom:0px solid #ccc} #design .table{} #design .table .tar{padding:10px 0} /* list */ #design ul.con01 { padding-bottom:30px;padding-left:5px;} #design ul.con01 > li { padding:0 0 10px 16px; background:url(../img/list_bullet.png) no-repeat 0px 6px; font-size:15px; color:#333;} #design ul.con01 > li > strong { font-size:15px; } #design ul.con01 > li ul { padding: 4px 0 8px 0;} #design ul.con01 > li li { font-size:14px; padding:3px 0; color:#555; padding-left:8px; background:url(../img/list_bullet2.png) no-repeat left 12px; } #design ul.con01 > li li > strong { font-size:15px; font-weight:normal;} #design ul.con01 > li li li { font-size:14px; background:none; padding-left:11px; color:#777; position:relative;} #design ul.con01 > li li li:before { content:'-'; position:absolute; left:0; top:3px; color:#aaa; font-size:12px;} #design ul.con01 li.b_none { background:none;} #design ul.con01 > li.btn {background:none;} #design ul.con01 > li.btn a { display:block; width:200px; line-height:38px; border:1px solid #bbb; border-top:2px solid #009893; color:#009893;border-bottom:1px solid #b2b2b2; border-radius:2px; text-align:center;box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.08);} #design ul.con01 > li.btn02 a {color:#666; border-top:2px solid #666;} #design ul.con03 > li {position: relative;padding-left: 10px;font-size: 16px;color: #555;} #design ul.con03 > li::before {content: '-';position: absolute;top: 0;left: 0;} #design ul.con03 > li + li {margin-top: 7px;} /**/ #design .tabmenu{margin:0 0 30px 0;*zoom:1} #design .tabmenu:before, #design .tabmenu:after{clear:both;display:table;content:"";line-height:0} #design .tabmenu li{display:inline;padding-right:4px} #design .tabmenu li:first-child a{margin:0} #design .tabmenu li a{display:inline-block;position:relative;padding:0 38px;line-height:37px;font-size:17px;font-weight:600;letter-spacing:-1px;color:#fff;text-align:center;border:2px solid #b1b1b1;background:#b1b1b1;border-radius:5px;transition:all 0.2s} #design .tabmenu li a i{display:none} #design .tabmenu li a:hover{position:relative;z-index:5;color:#fff;border:2px solid #1c2645;background:#1c2645;transition:all 0.2s} #design .tabmenu li a.sel{position:relative;z-index:5;color:#242b36;border:2px solid #1c2645;background:#fff;box-shadow:0 3px 0 #e2e2e2} /**/ #design .depthmenu{margin:0 0 30px 0;*zoom:1} #design .depthmenu:before, #design .depthmenu:after{clear:both;display:table;content:"";line-height:0} #design .depthmenu ul{height:42px;border-bottom:1px solid #007800} #design .depthmenu li{float:left;} #design .depthmenu li:first-child a{margin:0} #design .depthmenu li *{transition:all 0.2s ease-in-out} #design .depthmenu li a{display:inline-block;position:relative;padding:0 35px;line-height:41px;font-size:15px;font-weight:500;letter-spacing:-1px;color:#888;text-align:center;border:1px solid #e3e3e4;border-bottom:1px solid #007800;background:#f3f3f3} #design .depthmenu li a i{display:none !important;} #design .depthmenu li a:hover{position:relative;z-index:5;color:#fff;border:1px solid #007800;background:#007800;} #design .depthmenu li a.sel{position:relative;z-index:5;color:#007800;border:1px solid #007800;border-bottom:1px solid #fff;background:#fff} #design .depthmenu li a.sel i{position:absolute;z-index:6;bottom:0px;left:50%;display:block;margin-left:-25%;width:50%;height:1px;background:#7ba67b} #design .depthmenu li a.sel:hover{color:#014fbb} #design .depthmenu li a.sel:hover i{margin-left:-0%;width:0%} /**/ #design .tabs{position:relative;*zoom:1} #design .tabs:before, #design .tabs:after{clear:both;display:table;content:"";line-height:0} #design .tabs ul{display: none;position:relative;z-index:1;height:42px; margin-bottom:20px;border-bottom:2px solid #ff581c} #design .tabs li{float:left} #design .tabs li:first-child a{margin:0} #design .tabs li a{display:block;position:relative;z-index:0;margin:0 0 0 -1px;padding:0 24px;line-height:40px;font-size:15px;font-weight:600;color:#333;text-align:center;border:1px solid #dedede;border-bottom:1px solid #03a98f;background:#fff} #design .tabs li a span{font-size:13px} #design .tabs li a:hover{position:relative;z-index:5;font-weight:600;color:#fff;border:1px solid #333;background:#3d4459;transition:all 0.3s} #design .tabs li a.sel{position:relative;z-index:5;padding:0 26px 0 40px;height:41px;font-weight:600;color:#333;border:2px solid #ff581c;border-bottom:1px solid #fff;background:#fff url(../img/btn_tabs.png) no-repeat 20px 13px} #design .tabs li a span{color:#f30} #design .tabs .clock{ padding-bottom:10px;} /****************************** 서브페이지 ******************************/ /**/ #design .con_title {width: 1300px;margin: 120px auto 60px;word-break: keep-all;box-sizing: border-box;} #design .con_title p {width: 50%;padding-right: 2%;font-size: 42px;line-height: 1.17em;font-weight: 700;color: #02032e;word-break: keep-all;box-sizing: border-box;} #design .con_title p + p {margin-top: 30px;} #design .con_title.full p {width: 100%;padding-right: 0;} #design .con_title strong {display: block;color: #2579bc;font-weight: 700;} #design .con_title.f_sub {margin: 120px auto 20px;} #design .con_title.f_sub p {width: 100%;} #design .con_title.f_sub p.sub {margin-top: 60px;font-size: 18px;font-weight: 400;color: #585858;} #design .con_title.full_bg {position: relative;width: 100%;width: 100%;} #design .con_title.full_bg::after {content: '';position: absolute;top: 0;left: 50%;width: 50%;height: 100%;background: #333;} #design .con_title.full_bg > div {width: 1300px;margin: 0 auto;} /**/ #design .txt_img_wp {position: relative;z-index: 0;height: 425px;} #design .txt_img_wp::after {content: '';position: absolute;top: 0;left: 0;width: 50%;z-index: -1;height: 100%;background-color: #02032e;} #design .txt_img_wp > div {width: 1300px;height: 100%;margin: 0 auto;} #design .txt_img_wp > div::after {content: '';display: block;clear: both;} #design .txt_img_wp .txt {float: left;width: 50%;height: 100%;padding: 70px 70px 0 0;font-size: 42px;line-height: 1.17em;font-weight: 200;color: #fff;background-repeat: no-repeat;background-position: 91% 86%;box-sizing: border-box;word-break: keep-all;} #design .txt_img_wp .img {float: right;width: 50%;height: 100%;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;} /**/ #design .e_title {display: block;margin-bottom: 30px;font-size: 24px;font-weight: 800;color: #b02323;} /* .top_overview */ #design .top_overview {overflow: hidden;position: relative;z-index: 0;} #design .top_overview::after {content: '';position: absolute;top: 0;right: 50%;z-index: -1;width: 100%;height: 100%;margin-right: -640px;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;} #design .top_overview > div {width: 1300px;margin: 0 auto;} #design .top_overview > div p {font-size: 46px;font-weight: 700;color: #fff;line-height: 1.17em;} /********** 기관소개 **********/ /* 소개 */ #design .overview {margin: 120px auto 0;} #design .overview .top_overview::after {background-image: url(../img/bg_overview.jpg);} #design .overview .top_overview > div {padding: 210px 0;} #design .overview .con_overview {width: 1300px;margin: 0 auto;} #design .overview .con_overview ul li {position: relative;padding: 90px 24.61538% 90px 0;box-sizing: border-box;font-size: 30px;font-weight: 300;line-height: 1.2em;color: #333;font-family: 'Noto Sans KR','Malgun Gothic',Dotum, sans-serif;} #design .overview .con_overview ul li + li {border-top: 1px solid #eeeef0;} #design .overview .con_overview ul li span.blue {color: #2579bc !important;} #design .overview .con_overview ul li span.icon {position: absolute;top: 0;right: 0;width: 24.61538%;height: 100%;background-repeat: no-repeat;background-position: 50% 50%;} #design .overview .con_overview ul li.ov1 span.icon {background-image: url(../img/ico_overview1.png);} #design .overview .con_overview ul li.ov2 span.icon {background-image: url(../img/ico_overview2.png);} #design .overview .con_overview ul li.ov3 span.icon {background-image: url(../img/ico_overview3.png);} /* 인사말 */ #design .con_zig {width: 1300px;margin: 0 auto;padding-top: 20px;} #design .con_zig > div::after {content: '';display: block;clear: both;} #design .con_zig > div + div {margin-top: 90px;} #design .con_zig > div > div {float: left;width: 50%;} #design .con_zig > div > div.txt p {font-size: 18px;line-height: 1.4em;font-weight: 400;color: #333;font-family: 'Noto Sans KR','notoSansCJK','Malgun Gothic','맑은고딕','dotum','돋움','gulim','굴림','Tahoma','sans-serif', sans-serif;} #design .con_zig > div > div.txt p + p {margin-top: 25px;} #design .con_greeting > div > div.txt p.imp {font-size: 30px;line-height: 1.2em;font-weight: 300;color: #2579bc;} #design .con_greeting > div > div.txt p.sign {margin-top: 50px;font-size: 20px;font-weight: 500;color: #333;} #design .con_zig > div > div.img img {width: 100%;} #design .con_greeting .greeting2 .txt {padding-left: 60px;box-sizing: border-box;} /* 걸어온 길 */ #design .history .con_title.full_bg {min-height: 610px;} #design .history .con_title.full_bg::after {background-image: url(../img/img_history1.jpg);background-repeat: no-repeat;background-position: 0 0;background-size: cover;} #design .con_history > div > div:first-child {width: 45%;} #design .con_history > div > div:first-child {margin: 0 5% 0 0;} #design .con_history > div > div.img img {width: auto;width: 100%;} #design .con_history div.txt dl + dl {margin-top: 40px;} #design .con_history div.txt dl dt {margin-bottom: 15px;font-size: 40px;font-weight: 500;color: #2579bc;} #design .con_history div.txt dl dd ul li {position: relative;padding-left: 80px;font-size: 17px;color: #333;word-break: keep-all;} #design .con_history div.txt dl dd ul li + li {margin-top: 7px;} #design .con_history div.txt dl dd ul li span.date {position: absolute;top: 0;left: 0;width: 70px;} /* 조직도 */ #design .org {margin: 120px auto 0;} #design .org .top_overview::after {background-image: url(../img/bg_org.jpg);} #design .org .top_overview > div {padding: 60px 0 70px;} #design .org .con_org {width: 1300px;margin: 30px auto 0;} #design .org .con_org > ul > li {position: relative;padding: 45px 0;box-sizing: border-box;color: #333;} #design .org .con_org > ul > li + li {border-top: 1px solid #eeeef0;} #design .org .con_org > ul > li p.tit {font-size: 30px;line-height: 1.2em;color: #2579bc !important;} #design .org .con_org > ul > li > ul::after {content: '';display: block;clear: both;} #design .org .con_org > ul > li > ul > li {float: left;width: 33.33333%;margin-top: 30px;padding-right: 10px;box-sizing: border-box;font-size: 17px;color: #333;} #design .org .con_org > ul > li > ul > li:nth-child(3n) {padding-right: 0;} #design .org .con_org > ul > li > ul > li span.name {display: block;font-size: inherit;font-weight: 500;} /* 투명경영 */ #design .opera {width: 1300px;margin: 0 auto;} #design .opera .pt1 {background-image: url(../img/op_ptn1.gif);background-repeat: repeat;background-position: 0 0;} #design .opera .pt2 {background-image: url(../img/op_ptn2.gif);background-repeat: repeat;background-position: 3px 3px;} #design .opera .pt3 {background-image: url(../img/op_ptn3.gif);background-repeat: repeat;background-position: 0 0;} #design .opera .pt4 {background-image: url(../img/op_ptn4.gif);background-repeat: repeat;background-position: 0 0;} #design .opera .pt5 {background-image: url(../img/op_ptn5.gif);background-repeat: repeat;background-position: 2px 2px;} #design .opera .pt6 {background-image: url(../img/op_ptn6.gif);background-repeat: repeat;background-position: 5px 4px;} #design .opera .con_opera p.title {margin: 0 0 20px;font-size: 28px;font-weight: 500;color: #2579bc;} #design .opera .con_opera .op_output {margin-top: 90px;} #design .opera .con_opera .graph {margin-bottom: 80px;} #design .opera .con_opera .graph .bar {width: 100%;height: 60px;margin-bottom: 30px;} #design .opera .con_opera .graph .bar > span {float: left;height: 100%;background-color: #2579bc;text-indent: -9999px;} #design .opera .con_opera .op_input .graph .bar > span.bar1 {width: 71.8%;} #design .opera .con_opera .op_input .graph .bar > span.bar2 {width: 12.9%;} #design .opera .con_opera .op_input .graph .bar > span.bar3 {width: 10.3%;} #design .opera .con_opera .op_input .graph .bar > span.bar4 {width: 0.8%;} #design .opera .con_opera .op_input .graph .bar > span.bar5 {width: 4.2%;} #design .opera .con_opera .op_output .graph .bar > span.bar1 {width: 20%;} #design .opera .con_opera .op_output .graph .bar > span.bar2 {width: 2.6%;} #design .opera .con_opera .op_output .graph .bar > span.bar3 {width: 35.3%;} #design .opera .con_opera .op_output .graph .bar > span.bar4 {width: 19%;} #design .opera .con_opera .op_output .graph .bar > span.bar5 {width: 6.3%;} #design .opera .con_opera .op_output .graph .bar > span.bar6 {width: 4.1%;} #design .opera .con_opera .op_output .graph .bar > span.bar7 {width: 12.7%;} #design .opera .con_opera .graph .legend {overflow: hidden;} #design .opera .con_opera .graph .legend > span {position: relative;float: left;min-height: 40px;padding: 0 30px 0 55px;} #design .opera .con_opera .graph .legend > span span.icon {content: '';position: absolute;top: 0;left: 0;width: 40px;height: 40px;background-color: #2579bc;} /* 함께하는 이들 */ #design .cooper .con_cooper {overflow: hidden;width: 1300px;margin: 0 auto;} #design .cooper .con_cooper ul {margin: -20px -23px;} #design .cooper .con_cooper ul::after {content:'';display: block;clear: both;} #design .cooper .con_cooper ul > li {float: left;width: 25%;padding: 20px 23px;box-sizing: border-box;} /* 지부소개 */ #design .map .con_map {width: 1300px;margin: 0 auto;} #design .map .con_map > div {padding: 90px 0;border-top: 1px solid #ddd;} #design .map .con_map > div.map1, #design .map .con_map > div.map2, #design .map .con_map > div.map3, #design .map .con_map > div.map4 {padding-top: 0;border-top: 0;} #design .map .con_map > div:last-child {padding-bottom: 0;} #design .map .con_map .root_daum_roughmap {width: 100% !important;} #design .map .con_map .img + .map_info {margin-top: 30px;} #design .map .con_map .map_info p {margin: 0;font-size: 17px;line-height: 1.45em;font-weight: 400;color: #333;} #design .map .con_map .map_info p.title {margin-bottom: 15px;font-size: 30px;font-weight: 400;color: #2579bc;} /********** 활동안내 **********/ /* 희망나누기 */ #design .top_dvhope .txt_img_wp .txt {background-image: url(../img/ico_dvhope.png);} #design .top_dvhope .txt_img_wp .img {background-image: url(../img/bg_dvhope.jpg);} #design .top_dvhope .dvhope_list {width: 1300px;margin: 60px auto 0;} #design .top_dvhope .dvhope_list > ul::after {content: '';display: block;clear: both;} #design .top_dvhope .dvhope_list > ul > li {float: left;width: 25%;padding: 0 20px;box-sizing: border-box;} #design .top_dvhope .dvhope_list > ul > li .icon {display: block;height: 0;padding-top: 100%;margin-bottom: 50px;background-repeat: no-repeat;background-position: 50% 0;background-size: cover;} #design .top_dvhope .dvhope_list > ul > li.list1 .icon {background-image: url(../img/bg_dv_list1.png);} #design .top_dvhope .dvhope_list > ul > li.list2 .icon {background-image: url(../img/bg_dv_list2.png);} #design .top_dvhope .dvhope_list > ul > li.list3 .icon {background-image: url(../img/bg_dv_list3.png);} #design .top_dvhope .dvhope_list > ul > li.list4 .icon {background-image: url(../img/bg_dv_list4.png);} #design .top_dvhope .dvhope_list > ul > li p > span {display: block;font-size: 17px;line-height: 1.17em;color: #333;word-break: keep-all;} #design .top_dvhope .dvhope_list > ul > li p > span + span {margin-top: 7px;} #design .top_dvhope .dvhope_list > ul > li p .tit {display: block;margin-bottom: 20px;line-height: 1.17em;font-size: 28px;font-weight: 400;color: #2579bc;} #design .top_dvhope .btn_wrap {text-align: center;margin: 60px auto 0;} #design .top_dvhope .btn_wrap > a {display: inline-block;height: 80px;padding: 0 95px 0 30px;border: 1px solid #02032e;border-radius: 2px;font-size: 18px;line-height: 80px;color: #02032e;background-image: url(../img/arrow_btn.png);background-repeat: no-repeat;background-position: 90% 50%;} #design .video-background {background: #000;position: absolute;top: 0; right: 0; bottom: 0; left: 0;width: 100%;height: 100%;z-index: -99;} #design .video-foreground, #design .video-background iframe {position: absolute; background-color:#333;background-image: url(../img/bg_dvhope_con.jpg);background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;top: 0;left: 0;width: 100%;height: 100%;background-attachment: fixed;} #design .video-background iframe { opacity:0.85;} #design .hope_time {position:relative; z-index:10000;padding: 80px 0 100px;margin: 80px 0 -150px;} #design .hope_time .time_tab { text-align:center; padding-top:0px;} #design .hope_time .time_tab a { font-size:21px; padding:0 16px; color:#ccc;} #design .hope_time .time_tab a.active { font-weight:bold; color:#fff; text-decoration:underline;} #design .hope_time .timeline_wrap { position:relative; width:1100px; overflow:hidden; background:url(../img/bg_timeline.png) center top repeat-y; margin:0 auto; min-height:600px; padding-top:110px; margin-top:30px; } #design .hope_time .timeline_wrap:after { content:""; width:11px; height:11px; border:3px solid #d2d2d2; border-radius:15px; background:#fff; position:absolute; left:50%; margin-left:-8px; top:0;} #design .hope_time .timeline_wrap .box {position:relative; width:508px; height:170px; background:#fff; float:left; border-radius:5px; border:1px solid #fff; margin-bottom:20px; margin-right:80px; transition:0.5s;box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.1);} #design .hope_time .timeline_wrap .box:before { content:""; width:40px; height:1px; background:#ccc; position:absolute; left:100%; top:50%; box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.1); transition:all 0.3s cubic-bezier(0.785, 0.135, 0.150, 0.860)} #design .hope_time .timeline_wrap .box:after { content:""; width:40px; height:1px; background:#ccc; position:absolute; right:100%; top:50%; box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.1); transition:all 0.3s cubic-bezier(0.785, 0.135, 0.150, 0.860)} #design .hope_time .timeline_wrap .box:hover { transition:0.5s; border:1px solid #000; background:#fffde8;} #design .hope_time .timeline_wrap .box:hover:before , #body_content .timeline_wrap .box:hover:after { background:#000; transition:all 0.3s cubic-bezier(0.785, 0.135, 0.150, 0.860)} #design .hope_time .timeline_wrap .box:hover strong { text-decoration:none;} #design .hope_time .timeline_wrap .right_box { margin-top:-96px; margin-right:0;} #design .hope_time .timeline_wrap .box_top { overflow:hidden; padding:16px; border-bottom:1px solid #e2e2e2;} #design .hope_time .timeline_wrap .box_top img {width: 130px;max-height: 97px;float:left; border-radius:3px;} #design .hope_time .timeline_wrap .box_top a { float:left; width:320px; padding-left:16px; padding-top:5px;} #design .hope_time .timeline_wrap .box_top a strong { display:block; font-size:16px; font-weight: 500; padding-bottom:10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } #design .hope_time .timeline_wrap .box_top a strong span {display:inline-block; } #design .hope_time .timeline_wrap .box_top a strong em {color:#333; padding-right:10px;} #design .hope_time .timeline_wrap .box_top a span.text { display:block; line-height:18px; font-size:13px; color:#333; padding-bottom:6px; } #design .hope_time .timeline_wrap .box_top a span.date { color:#888; font-size:12px; font-family:arial;} #design .hope_time .timeline_wrap .box_bottom { line-height:38px; padding:0 16px; overflow:hidden;} #design .hope_time .timeline_wrap .box_bottom .text_date { font-size:14px; line-height:42px; font-weight: 600;} #design .hope_time .timeline_wrap .box_bottom .text_review .review { padding-left:24px; background:url(../img/review_icon.png) no-repeat center left; padding-top:2px; padding-right:14px;font-size: 14px;font-weight: 600;} #design .hope_time .timeline_wrap .box_bottom .text_review .like { padding-left:14px; background:url(../img/like_icon.png) no-repeat center left; padding-top:0px; color:#f23d3d;font-size: 14px;font-weight: 600;} #design .hope_time .timeline_wrap .box .point { position:absolute; left:542px; top:50%; margin-top:-7px; width:9px; height:9px; border:3px solid #333; border-radius:30px; background:#fff; z-index:999;} #design .hope_time .timeline_wrap .right_box .point { left:-48px;} #design .hope_time .timeline_wrap .right_box .box_bottom .text_date { float:left;} #design .hope_time .timeline_wrap .right_box .box_bottom .text_review { float:right;} #design .hope_time .timeline_wrap .left_box .box_bottom .text_date { float:right;} #design .hope_time .timeline_wrap .left_box .box_bottom .text_review { float:left;} #design .hope_time .timeline_wrap .talent strong { color:#007fad;} #design .hope_time .timeline_wrap .talent strong span { text-indent:-9999px; vertical-align:middle; margin-right:6px; width:22px; height:22px; background:url(../img/new/bongsa_icon02.png) no-repeat;} .timeline_wrap .talent .point { border:3px solid #0093c9 !important;} .timeline_wrap .volunteer strong { color:#169d6c;} .timeline_wrap .volunteer strong span {text-indent:-9999px; vertical-align:middle; margin-right:6px; width:22px; height:22px; background:url(../img/new/bongsa_icon01.png) no-repeat;} .timeline_wrap .volunteer .point { border:3px solid #00c980 !important;} .year_title { position:absolute; left:0; top:90px; font-size:22px; line-height:32px; vertical-align:bottom;} .year_title strong { font-size:52px; font-weight:bold; color:#fff; font-family:arial; line-height:42px; vertical-align:bottom;} .year_title span { font-size:22px; color:#f23d3d; font-weight:bold;} #design .hope_read {width: 1300px;margin: 60px auto 0;} #design .hope_read h2.title { font-size:32px;height:60px; color:#00b271; overflow:hidden; } #design .hope_read h2 a { float:right; display:block; border-radius:3px; padding-left:6px; margin-top:7px; width:90px; height:30px; line-height:30px; border:1px solid #333; color:#fff; background:#444; text-align:center; } #design .hope_read h2 span { font-weight:normal; color:#333; font-size:13px; padding-left:40px;} #design .hope_read .sg_view_info { padding: 0 0 15px; border-bottom:1px solid #333; margin-bottom: 30px;text-align: right;} #design .hope_read .sg_view_info * { color:#333;} #design .hope_read .sg_view_info strong {padding-right: 15px;color: #02032e;font-weight: 500;} #design .hope_read .sg_view_info .view_count {margin-left: 30px;} #design .hope_read .hope_read_top {overflow:hidden;height: 100%;margin-bottom: 60px;background:#f9f9f9;} #design .hope_read .hope_read_top .img_wrap {float:left;width: 420px;height: 100%;} #design .hope_read .hope_read_top img {width: 100%;max-height: 100%;} #design .hope_read .hope_read_top ul {float:left;width: calc(100% - 420px);padding: 30px;box-sizing: border-box;} #design .hope_read .hope_read_top ul li {overflow:hidden; margin-bottom:8px; padding-left:12px; position:relative;} #design .hope_read .hope_read_top ul li:before {content:""; display:block; border-radius:6px; width:4px; height:4px; background:#aaa; position:absolute; left:0; top:6px;} #design .hope_read .hope_read_top ul li.hf_title {font-size: 24px;font-weight: 500;padding-top: 10px;padding-left:0;margin-bottom: 20px;} #design .hope_read .hope_read_top ul li.hf_title::before {position: absolute;top: 0;left: 0;width: 20px; background:#f23d3d;height: 5px;border-radius: 0;} #design .hope_read .hope_read_top ul li.hf_title::after {content: '';} #design .hope_read .hope_read_top ul li .left { float:left;width: 100px;font-size: 16px;font-weight: 500;} #design .hope_read .hope_read_top ul li .right { float:left;width: calc(100% - 100px);font-size: 16px; } #design .hope_read .hope_read_top ul li .right strong { color:#f23d3d; font-size:14px; font-weight:bold;} #design .hope_read #active_wrap {position: relative;margin-top:20px; } #design .hope_read .like {position: absolute;top: 0;left: 0;} #design .hope_read .like a {display: block;padding-left: 20px;background-image: url(../img/like_icon.png);background-repeat: no-repeat;background-position: 0 50%;color: #02032e;font-weight: 500;} #design .hope_write {width: 1300px;margin: 60px auto 0;} /* 희망 괜찮니 */ #design .ok_hope .txt_img_wp .txt {background-image: url(../img/ico_okhope.png);} #design .ok_hope .txt_img_wp .img {background-image: url(../img/bg_okhope.jpg);} #design .okhope_list {overflow: hidden;width: 1300px;margin: 120px auto 0;padding-bottom: 80px;border-bottom: 1px solid #ddd;} #design .okhope_list > ul {overflow: hidden;margin: -20px -47px;} #design .okhope_list > ul > li {float: left;width: 33.33333%;padding: 20px 47px;box-sizing: border-box;} #design .okhope_list > ul > li .img {position: relative;display: block;margin-bottom: 20px;} #design .okhope_list > ul > li .img img {width: 100%;} #design .okhope_list > ul > li .img span.icon {position: absolute;top: 50%;left: 50%;width: 32px;height: 34px;margin: -17px 0 0 -16px;background-image: url(../img/ico_okhope_play.png);background-repeat: no-repeat;background-position: 50% 50%;} #design .okhope_list > ul > li p {overflow: hidden;height: 2.8em;font-size: 18px;font-weight: 400;color: #333;line-height: 1.4em;text-overflow: ellipsis;} #design .ok_hope .btn_wrap {text-align: center;margin: 100px auto 0;} #design .ok_hope .btn_wrap > a {display: inline-block;height: 80px;padding: 0 95px 0 30px;border: 1px solid #02032e;border-radius: 2px;font-size: 18px;line-height: 80px;color: #02032e;background-image: url(../img/arrow_btn.png);background-repeat: no-repeat;background-position: 90% 50%;} #design .ok_hope .btn_wrap > a::before {content: '';display: inline-block;width: 30px;height: 100%;margin-right: 10px;background: url(../img/ico_btn_yutube.png) no-repeat 50%;vertical-align: middle;} /********** 나눔참여 **********/ #design .volunteer .con_volunteer {width: 1300px;margin: 60px auto 0;} #design .v_box.bd_box {padding: 50px;border: 10px solid #eaeaea;} #design .v_box.bg_box {position: relative;padding: 50px;background-color: #02032e;} #design .con_volunteer .v_box {margin-top: 40px;} #design .con_volunteer .v_box p {font-size: 22px;line-height: 1.45em;word-break: keep-all;} #design .con_volunteer .v_box.bg_box p {color: #fff;} #design .con_volunteer .v_box p.tel {margin-top: 30px;font-size: 30px;font-weight: 400;color: #3c8dce;} #design .con_volunteer .v_box p.tel span {display: inline-block;margin-left: 30px;} #design .volunteer .btn_wrap {text-align: center;margin: 60px auto 0;} #design .volunteer .btn_wrap > a {display: inline-block;height: 80px;padding: 0 95px 0 30px;border: 1px solid #02032e;border-radius: 2px;font-size: 18px;line-height: 80px;color: #02032e;background-image: url(../img/arrow_btn.png);background-repeat: no-repeat;background-position: 90% 50%;} /* 정기후원 */ #design .volunteer .con_volunteer .bg_volunteer {text-align: center;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;} #design .volunteer .con_volunteer .bg_volunteer.volunteer_rg {background-image: url(../img/bg_vol_rg.jpg);} #design .volunteer .con_volunteer .bg_volunteer.volunteer_one {background-image: url(../img/bg_vol_one.jpg);} #design .volunteer .con_volunteer .bg_volunteer.volunteer_honors {background-image: url(../img/bg_honors.jpg);} #design .volunteer .con_volunteer .bg_volunteer p {padding: 120px 30px;font-size: 46px;line-height: 1.17em;font-weight: 700;color: #fff;} /* 일시후원 */ #design .volunteer .con_volunteer .volunteer_one + .v_box {position: relative;min-height: 180px;padding-right: 35%;} #design .volunteer .con_volunteer .volunteer_one + .v_box .bank_info {position: absolute;right: 0;top: 0;width: 35%;height: 100%;padding: 0 0 50px 50px;background-color: #fff;box-sizing: border-box;} #design .volunteer .con_volunteer .volunteer_one + .v_box .bank_info .icon {display: block;height: 60px;margin-bottom: 30px;background-image: url(../img/logo_bank.png);background-repeat: no-repeat;background-position: 0 50%;background-size: auto 100%;} #design .volunteer .con_volunteer .volunteer_one + .v_box .bank_info ul li {position: relative;padding-left: 120px;font-size: 19px;font-weight: 400;color: #555;} #design .volunteer .con_volunteer .volunteer_one + .v_box .bank_info ul li + li {margin-top: 15px;} #design .volunteer .con_volunteer .volunteer_one + .v_box .bank_info ul li .tit {position: absolute;top: 0;left: 0;width: 100px;margin-right: 20px;color: #02032e;} #design .volunteer .con_volunteer .volunteer_one + .v_box .bank_info ul li.number .red {font-size: 21px;line-height: 1em;font-weight: 600;} /* 기업후원 */ #design .volunteer .vol_company {overflow: hidden;} #design .volunteer .vol_company > div {margin: 0 -17px;} #design .volunteer .vol_company > div::after {content: '';display: block;clear: both;} #design .volunteer .vol_company > div > dl {float: left;width: 25%;padding: 0 17px;box-sizing: border-box;} #design .volunteer .vol_company > div > dl dt {display: block;margin-bottom: 20px;padding: 10px 20px 60px;background-color: #02032e;text-align: center;} #design .volunteer .vol_company > div > dl dt span.icon {display: block;height: 210px;background-repeat: no-repeat;background-position: 50% 60%;} #design .volunteer .vol_company > div > dl.vol_com1 dt span.icon {background-image: url(../img/ico_vol_com1.png);} #design .volunteer .vol_company > div > dl.vol_com2 dt span.icon {background-image: url(../img/ico_vol_com2.png);} #design .volunteer .vol_company > div > dl.vol_com3 dt span.icon {background-image: url(../img/ico_vol_com3.png);} #design .volunteer .vol_company > div > dl.vol_com4 dt span.icon {background-image: url(../img/ico_vol_com4.png);} #design .volunteer .vol_company > div > dl dt p {font-size: 30px;font-weight: 400;color: #fff;} #design .volunteer .vol_company > div > dl dt p span.step {display: block;font-size: 26px;font-weight: 700;} #design .volunteer .vol_company > div > dl dd {font-size: 18px;line-height: 1.4em;color: #333;word-break: keep-all;} #design .donate_company {width: 1300px;margin: 100px auto 0;} #design .donate_company .btn_wrap {margin-top: 60px;} /* 자원봉사안내 */ #design .volunteer .con_volunteer .top_vol {padding: 80px 50px;margin-bottom: 100px;text-align: center;background-color: #f2f2f2;} #design .volunteer .con_volunteer .top_vol p {font-size: 40px;font-weight: 300;color: #007abf;} #design .volunteer .con_volunteer .top_vol p .tel {display: inline-block;margin-left: 30px;vertical-align: top;} #design .volunteer .con_volunteer .volunteer_list {padding-left: 50%;background-image: url(../img/bg_volunteer.png);background-repeat: no-repeat;background-position: 10.76923% 0;} #design .volunteer .con_volunteer .volunteer_list dl + dl {margin-top: 45px;} #design .volunteer .con_volunteer .volunteer_list dl dt {font-size: 30px;font-weight: 400;color: #2579bc;} #design .volunteer .con_volunteer .volunteer_list dl dd ul {margin-top: 10px;} #design .volunteer .con_volunteer .volunteer_list dl dd ul li {font-size: 17px;line-height: 1.2em;font-weight: 400;color: #333;} #design .volunteer .con_volunteer .volunteer_list dl dd ul li + li {margin-top: 6px;} /* 고액 아너스클럽 */ #design .volunteer .con_volunteer .bg_volunteer.volunteer_honors {text-shadow: 10px 10px 30px rgba(0,0,0,0.5);} #design .volunteer .con_volunteer .honors_guide > div {margin-top: 80px;} #design .volunteer .con_volunteer .honors_guide > div p.tit {margin-bottom: 10px;font-size: 30px;font-weight: 400;color: #2579bc;} #design .volunteer .con_volunteer .honors_guide > div > ul > li {font-size: 18px;line-height: 1.4em;font-weight: 400;color: #333;} #design .volunteer .con_volunteer .honors_guide > div > ul > li + li {margin-top: 10px;} #design .volunteer .con_volunteer .honors_guide > div.honors2 {overflow: hidden} #design .volunteer .con_volunteer .honors_guide > div > ul.process {margin: 0 -10px;} #design .volunteer .con_volunteer .honors_guide > div > ul.process::after {content: '';display: block;clear: both;} #design .volunteer .con_volunteer .honors_guide > div > ul.process > li {float: left;width: 25%;padding: 0 10px;margin: 0;box-sizing: border-box;} #design .volunteer .con_volunteer .honors_guide > div > ul.process > li > div {padding: 50px 10px;text-align: center;font-size: 18px;color: #fff;background-color: #02032e;} #design .volunteer .con_volunteer .honors_guide > div > ul.process > li > div span.step {display: block;margin-bottom: 10px;font-size: 24px;font-weight: 500;} #design .volunteer .con_volunteer .honors_guide > div .add_txt {margin-top: 15px;font-size: 17px;font-weight: 500;} #design .volunteer .con_volunteer .honors_guide .honors_bottom {padding: 60px 30px;text-align: center;background-color: #f2f2f2;} #design .volunteer .con_volunteer .honors_guide .honors_bottom > p {font-size: 40px;font-weight: 300;color: #007abf;} #design .volunteer .con_volunteer .honors_guide .honors_bottom > p > span {display: inline-block;} #design .volunteer .con_volunteer .honors_guide .honors_bottom > p > span + span {margin-left: 5%;} #design .volunteer .con_volunteer .honors_guide .honors_bottom > p > span.line {display: block;margin: 10px 0 0;font-size: 28px;font-weight: 400;color: #333;} /********** 회원 **********/ /* 로그인 */ #design .login {width: 1300px;margin: 120px auto 0;} #design .login .heading {text-align: center;margin-bottom: 25px;font-size: 46px;font-weight: 700;color: #02032e;} #design .login form{margin:0 auto;margin-top:10px;padding: 70px 20px;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;overflow:hidden} #design .login fieldset{position:relative;margin:0 auto;width: 502px;border:0} #design .login fieldset ul {overflow:hidden} #design .login fieldset ul > li + li {margin-top: 5px;} #design .login fieldset label.id, #design .login fieldset label.pw{text-indent:-9999px;display:block;width:45px;height:45px;border:1px solid #c0c0c0;border-right:none;float:left;margin: 0;} #design .login fieldset label.id{background:#fff url(../img/login_icon_id.png) no-repeat 50% 50%} #design .login fieldset label.pw{background:#fff url(../img/login_icon_pw.png) no-repeat 50% 50%} #design .login fieldset input{width: 300px;height: 45px;border:1px solid #c0c0c0 !important;border-left:none !important;background:#fff !important;font-size:15px} #design .login fieldset input:-webkit-autofill{background-color:rgb(255, 255, 255) !important;background-image:none} #design .login fieldset button{position:absolute;top:0;right:0;width:120px;height: 100px;margin-left: 10px;font-size:0px;font-weight:400;color:#fff;border:0;background: #02032e;border-radius:2px;transition:0.3s;cursor:pointer} #design .login fieldset button:after{content:"LOGIN";display:block;font-size: 18px;font-weight:700;text-align:center} #design .login fieldset button:hover{color:#fff;background:#3c8dce;transition:0.3s} #design .login fieldset input[type=checkbox].chk{width:15px;height:15px;background:#fff !important;border:1px solid #cfcfcf;border-radius:0;appearance:none !important;margin-top:3px} #design .login fieldset label.chk01{font-size:13px;color:#555} #design .login form p{text-align:center;padding-top:18px} #design .login form p a{padding:0 12px} #design .login form p a:hover{text-decoration:underline} #design .login .find{padding:30px 0;font-size:15px;font-weight:400;text-align:center;color:#444} #design .login .find a{font-size:16px;color:#fff;background:#3c8dce;border-radius:2px;display:inline-block;padding:1px 10px} #design .login .dashed{padding-top:10px} #design .login .login_guide{} #design .login .login_guide li{background:url(../img/dp2.png) no-repeat 0 5px;font-size:13px;color:#555;padding-bottom:6px;padding-left:13px} #design .login .login_btn_wp {margin-top: 50px;text-align: center;} #design .login .login_btn_wp a {position: relative;display: inline-block;padding: 0 30px 0 20px;font-size: 18px;vertical-align: middle;} #design .login .login_btn_wp a::after {content: '/';position: absolute;top: 6px;right: 0;font-size: 10px;color: #999;} #design .login .login_btn_wp a:first-child {padding-left: 0;} #design .login .login_btn_wp a:last-child {padding-right: 0;} #design .login .login_btn_wp a:last-child::after {display: none;} #design .login .login_btn_wp a:hover {font-weight: 500;color: #3c8dce;transition: all 0.3s;} /* 회원가입 */ #design .join_wp {width: 1300px;margin: 120px auto 0;} #design .join_wp #agree_box_wrap::after {content: '';display: block;clear: both;} #design .join_wp #agree_box_wrap > div > dl {position: relative;padding-bottom: 20px;} #design .join_wp #agree_box_wrap > div > dl dt {display: inline-block;font-size: 26px;font-weight: 500;color: #02032e;vertical-align: middle;} #design .join_wp #agree_box_wrap > div > dl dd {display: inline-block;margin-left: 20px;vertical-align: middle;} #design .join_wp #agree_box_wrap .agree_box_left {float: left;width: 49%;} #design .join_wp #agree_box_wrap .agree_box_right {float: right;width: 49%;} #design .join_wp #agree_box_wrap > div .agree_box {overflow-y: auto;max-height: 250px;padding: 20px;border: 1px solid #ddd;} #design .join_wp .join_form {margin-top: 60px;padding-bottom: 60px;border-bottom: 1px solid #ebebeb;} #design .join_wp .join_form dl::after {content: '';display: block;clear: both;} #design .join_wp .join_form dl + dl {margin-top: 15px;} #design .join_wp .join_form dl dt, #design .join_wp .join_form dl dd {float: left;} #design .join_wp .join_form dl dt {width: 150px;height: 42px;margin-right: 20px;font-size: 17px;line-height: 42px;color: #02032e;} #design .join_wp .join_form dl dd {width: calc(100% - 170px);min-height: 42px;} #design .join_wp .join_form dl dd input + .btn {margin-left: 10px;} #design .join_wp .join_form .member_tip {display: block;margin-top: 5px;font-size: 14px;color: #3c8dce;font-weight: 500;} #design .join_wp .join_form .birth_type {display: inline-block;vertical-align: middle;margin-left: 10px;} #design .join_wp .join_form .form_check {display: block;margin-top: 5px;font-size: 15px;} #design .join_wp .join_form .form_check .joinalarm {display: inline-block;vertical-align: top;margin-right: 5px;} #design .join_wp .btn_wrap {text-align: center;margin: 40px auto 0;} #design .join_wp .btn_wrap > input {display: inline-block;height: 80px;padding: 0 95px 0 30px;border: 1px solid #02032e;border-radius: 2px;font-size: 18px;line-height: 80px;color: #02032e;background-image: url(../img/arrow_btn.png);background-repeat: no-repeat;background-position: 85% 50%;background-color: transparent;cursor: pointer;} /* 아이디 비번찾기 */ #design .idpw_wp {width: 1300px;margin: 120px auto 0;} #design .idpw_wp * {font-family: 'Montserrat','Noto Sans KR','notoSansCJK','Malgun Gothic','맑은고딕','dotum','돋움','gulim','굴림','Tahoma','sans-serif', sans-serif;} #design .idpw_wp .e_title {margin-bottom: 0;} #design .idpw_wp h2 {margin-bottom: 30px;font-size: 42px;font-weight: 700;color: #02032e;} #design .idpw_wp .search_id {padding-bottom: 80px;} #design .idpw_wp .search_pw {padding-top: 80px;border-top: 1px solid #ddd;} #design .idpw_wp form > div {position: relative;padding-left: 120px;} #design .idpw_wp form > div + div {margin-top: 10px;} #design .idpw_wp .add_text {margin-top: 40px;font-size: 16px;color: #666;} #design .idpw_wp form > div.btn_wrap {margin-top: 20px;} #design .idpw_wp form > div.btn_wrap .mid_btn {display: inline-block;width: 200px;height: 42px;line-height: 42px;text-align: center;vertical-align: top;border: 0;font-size: 16px;font-weight: 400;box-sizing: border-box;} #design .idpw_wp form > div .tit {position: absolute;top: 0;left: 0;width: 100px;height: 42px;line-height: 42px;} #design .idpw_wp .idpw_result {padding: 50px;margin-top: 30px;background-color: #f4f4f4;font-size: 24px;font-weight: 400;color: #333;text-align: center;} #design .idpw_wp .idpw_result strong {font-weight: 500;color: #2579bc;} /********** 기타 **********/ /* 사이트맵 */ #design .sitemap_wp {overflow: hidden;width: 1300px;margin: 120px auto 0;} #design .sitemap_con {margin: 0 -15px;} #design .sitemap_con::after {content: '';display: block;clear: both;} #design .sitemap_con + .sitemap_con {margin-top: 40px;} #design .group {float:left;width:25%;padding: 0 15px;box-sizing: border-box;} #design .group h2 {padding: 0 0 13px;text-align: center;font-size: 20px;border-bottom: 3px solid #2579bc;color: #2579bc;font-weight: 500;} #design .group > ul {margin-top: 15px;} #design .group > ul > li > a {display:block;padding: 12px 0;font-size:17px;font-weight: 400;color: #02032e;border-bottom: 1px solid #ddd;} #design .group > ul > li > a:hover{color:#000} #design .group > ul ul{margin:0;padding:6px 7px;border-bottom:1px solid #eee;background:#fafafa} #design .group > ul ul li{padding:3px 0} #design .group > ul ul li a{padding:0;padding-left:12px;font-size:12px;font-weight:normal;border:none} /* 개인정보처리방침 */ #design .privacy {width: 1300px;margin: 120px auto 0;} #design .privacy .imp {font-size: inherit;color: #b02323;font-weight: 500;} #design .privacy_con + .privacy_con {margin-top: 70px;} #design .privacy h3 {margin-bottom: 15px;font-size: 26px;font-weight: 500;color: #02032e;} #design .privacy h4 {margin-bottom: 8px;font-size: 20px;font-weight: 500;color: #2579bc;} #design .privacy div + h4, #design .privacy p + h4, #design .privacy ul + h4 {margin-top: 25px;} #design .privacy p {font-size: 17px;line-height: 1.5em;font-weight: 400;color: #333;word-break: keep-all;} #design .privacy p.summary {margin-bottom: 30px;padding: 30px;background-color: #f4f4f4;font-size: 18px;} #design .privacy p + ul {margin-top: 15px;} #design .privacy ul > li + li {margin-top: 5px;} #design .privacy ul > li > ul {padding: 5px 0 0 10px;} #design p + div.table_wp {margin-top: 10px;} /********** **********/ /**/ #design .chart{position:relative;padding-bottom:5px} #design .chart > ul{padding:0 0 5px 8px} #design .chart > ul > li{padding:0 0 6px 17px;line-height:19px;background:url(../img/dp2.png) no-repeat 5px 6px} #design .chart > ul > li strong{color:#c62336} #design .chart > ul > li.no{background:none} #design .chart li strong{font-weight:400} #design .chart li strong.orange{display:inline-block;margin-right:2px;position:relative;top:0px;width:22px;height:22px;line-height:22px;font-size:12px;text-align:center;color:#fff !important;background:#ef770c;border-radius:22px} #design .chart li strong.pgreen{display:inline-block;margin-right:2px;position:relative;top:0px;width:22px;height:22px;line-height:22px;font-size:12px;text-align:center;color:#fff;background:#235704;border-radius:22px} #design .chart li strong.gold{display:inline-block;margin-right:2px;position:relative;top:0px;width:22px;height:22px;line-height:22px;font-size:12px;text-align:center;color:#fff;background:#9f791e;border-radius:22px} #design .chart li p{padding:0 0 15px 0} #design .chart li .ipin{color:#00ad58} #design .chart li ul{padding:6px 0 3px 13px} #design .chart li ul li{padding:3px 0;font-size:13px} #design .chart li .table{position:relative;top:-10px;padding:0 0 20px 70px} #design .chart dl{margin:0 0 30px 0;padding:10px 20px 10px 100px;overflow:hidden;border:1px solid #e3e3e3;background:#fff url(../img/ico_point.png) no-repeat 30px 50%;border-radius:5px;box-shadow:1px 3px 1px #fafafa} #design .chart dt{padding:5px 20px;font-size:16px;color:#526c9b} #design .chart dd{padding:0 20px 10px 20px;font-size:13px} #design .chart dd li{font-size:13px} #design .chart .down{display:inline-block;margin:0 2px 4px 2px;padding:2px 5px;font-size:13px;letter-spacing:-1px;color:#fff;border:1px solid #f23737;background:#f23737;border-radius:3px} #design .chart .bot{margin:0 10px;padding:10px;border-top:1px solid #ccc;overflow:hidden} #design .chart p{padding-bottom:10px;overflow:hidden} #design .arrow{padding-bottom:50px;background:url(../img/ico_b_arrow.png) no-repeat 50% -20px} #design .photos{margin:0 0 10px 0;border-bottom:1px solid #ccc} #design .photos dl{position:relative;padding:20px;overflow:hidden} #design .photos dt{float:left;width:100px} #design .photos dt img{display:block;padding:5px;width:100px;border:1px solid #ccc} #design .photos dd{float:left;padding:0 20px 10px 20px;font-size:13px} #design .photos dd li{font-size:13px} #design .photos ul{padding:0 0 5px 8px} #design .photos ul li{padding:0 0 4px 17px;background:url(../img/dp2.png) no-repeat 5px 9px} #design .photos ul li strong{color:#c62336} #design .grtable{clear:both;margin-left:-10px} #design .grtable ol{padding:5px 80px 10px 0;overflow:hidden} #design .grtable ol li{float:left} #design .grtable ol li.gt1{width:56%} #design .grtable ol li.gt1 strong{background:#f6f9fa} #design .grtable ol li.gt2{width:22%} #design .grtable ol li.gt2 strong{background:#f6f9fa} #design .grtable ol li.gt3{width:22%} #design .grtable ol li.gt3 strong{background:#f6f9fa} #design .grtable ol li div{position:relative;margin:0 10px;border:1px solid #ccc;border-top:2px solid #81a7b3;background:#f2f2f2;overflow:hidden} #design .grtable ol li div strong{display:block;padding:7px 0;font-weight:600;text-align:center;color:#333;border-bottom:1px solid #eee} #design .grtable ol li div strong br{ display:none} #design .grtable ol li div span{display:block;padding:20px 10px;min-height:100px;height:100px\9;font-size:13px;background:#fff} /**/ #design .booklist{padding:0 0 30px 0} #design .booklist ul{overflow:hidden} #design .booklist li{float:left;width:20%} #design .booklist li dt{margin:0 auto;width:132px} #design .booklist li dt a{display:block} #design .booklist li dt img{display:block;width:132px;height:178px;border:1px solid #333} #design .booklist li dd{padding-bottom:20px;text-align:center} #design .booklist li dd a{display:block} #design .booklist li dd strong{display:block;padding:10px 20px 0 20px;height:47px;line-height:18px;font-size:15px;font-weight:600;overflow:hidden/*;white-space:nowrap;text-overflow:ellipsis*/} #design .booklist li dd span{display:block;font-size:13px} /**/ #design .onelist{padding:0 0 30px 0} #design .onelist ul{overflow:hidden} #design .onelist li{float:left;width:33.33%} #design .onelist li dl{margin:0 10px;overflow:hidden} #design .onelist li dt{} #design .onelist li dt a{display:block} #design .onelist li dt img{display:block;margin:0 auto;width:132px;height:178px;border:1px solid #333} #design .onelist li dd{margin:0 30px;padding:10px 0 0 0;text-align:center} #design .onelist li dd a{display:block} #design .onelist li dd strong{display:block;margin:0 0 5px 0;font-size:15px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} #design .onelist li dd span{display:block;font-size:13px} /**/ #design .bookgroup{background:url(../img/bookgroup.png) no-repeat 100% 80%} #design .booktitle{position:relative;margin-bottom:30px;padding:30px 30px;padding-left:200px;height:auto;border:1px solid #e0e0e0;border-bottom:1px solid #9c9c9c;background:#fff;border-radius:2px;border-bottom-right-radius:0px;box-shadow:1px 3px 1px #f0f0f0} #design .booktitle h2{background:none;padding:0 0 7px 0;font-size:21px;font-weight:600} #design .booktitle h2 strong{font-size:21px;font-weight:600;color:#000} #design .booktitle p{line-height:20px;font-size:17px;color:#4c4c4c;word-break:break-all} #design .booktitle p strong{font-size:17px;font-weight:600;color:#479e33} #design .booktitle p i{position:absolute;bottom:0px;right:0px;width:0;height:0;border-bottom:30px solid #f7f7f7;border-left:30px solid transparent} #design .booktitle .ct1{position:absolute;top:30px;left:0;display:block;width:170px;height:90px;border-right:1px solid #eee;background:url(../img/ico_culture.png) no-repeat 50% 50%} #design .booktitle .ct2{position:absolute;top:30px;left:0;display:block;width:170px;height:90px;border-right:1px solid #eee;background:url(../img/ico_event.png) no-repeat 50% 50%} #design .booktitle .ct3{position:absolute;top:30px;left:0;display:block;width:170px;height:90px;border-right:1px solid #eee;background:url(../img/ico_onebook.png) no-repeat 50% 50%} #design .booktitle .ct4{position:absolute;top:30px;left:0;display:block;width:170px;height:130px;border-right:1px solid #eee;background:url(../img/bookstart.png) no-repeat 50% 50%} #design .booktitle .sv1{position:absolute;top:30px;left:0;display:block;width:170px;height:90px;border-right:1px solid #eee;background:url(../img/ico_ebook.png) no-repeat 50% 50%} #design .booktitle .sv2{position:absolute;top:30px;left:0;display:block;width:170px;height:90px;border-right:1px solid #eee;background:url(../img/ico_oneservice.png) no-repeat 50% 50%} #design .booktitle .sv3{position:absolute;top:30px;left:0;display:block;width:170px;height:78px;border-right:1px solid #eee;background:url(../img/ico_booksea.png) no-repeat 50% 50%} #design .booktitle .sv4{position:absolute;top:30px;left:0;display:block;width:170px;height:78px;border-right:1px solid #eee;background:url(../img/ico_bookdream.png) no-repeat 50% 50%} #design .booktitle .sv5{position:absolute;top:0;left:0;display:block;width:170px;height:157px;background:url(../img/ico_bookmobile.png) no-repeat 90% 50%} #design .booktitle .sv6{position:absolute;top:0;left:0;display:block;width:170px;height:157px;background:url(../img/ico_firstlib.png) no-repeat 80% 26%} #design .booktitle .sv7{position:absolute;top:0;left:0;display:block;width:170px;height:157px;background:url(../img/ico_nigntbook.png) no-repeat 70% 38%} #design .booktitle .blue{color:#00539b !important} #design .booktitle .green{color:#479e33 !important} #design .booktitle p strong.red{display:inline-block;padding:7px 0 0 0;font-weight:700 !important;color:#c62338 !important} #design .booktitle .orange{color:#ec9035 !important} #design .booktitle .silver{color:#696969 !important} /* #design .text{margin-bottom:40px;padding:30px 30px 30px 160px;min-height:120px;font-size:16px;border:1px solid #ccc;background:#fff;border-radius:5px;box-shadow:1px 3px 1px #f0f0f0} #design .text strong{font-size:16px;color:#c62337} #design .tx1{background:#fff url(../img/ico_culture.png) no-repeat 40px 50%} #design .tx2{background:#fff url(../img/ico_event.png) no-repeat 40px 50%}*/ /**/ #design .culture{padding: 30px 0 0;} #design .culture .time{margin:0 auto;padding:20px 0;width:420px;overflow:hidden;display:none} #design .culture .time h2{float:left;padding:0 10px 0 35px;line-height:40px;font-size:18px;font-weight:300;letter-spacing:-1px;color:#777;background:url(../img/ico_clock.png) no-repeat 0 50%} #design .culture .time div{float:left;color:#c62337;overflow:hidden} #design .culture .time div strong{float:left;display:block;position:relative;width:35px;line-height:40px;font-size:18px;text-align:center;border:1px solid #c62337;background:#fff;border-radius:4px} #design .culture .time div strong i{position:absolute;top:0;right:-10px;display:block;width:4px;height:40px;background:url(../img/ico_minute.png) no-repeat 50% 50%} #design .culture .time div strong.t1{color:#fff;border:1px solid #a51628;background:#c62337} #design .culture .time div strong.t2{color:#fff;border:1px solid #a51628;background:#c62337} #design .culture .time div strong.t3{color:#fff;border:1px solid #a51628;background:#c62337} #design .culture .time div span{float:left;display:block;line-height:40px;font-size:14px;color:#c62337;padding:0 10px 0 5px} #design .culture .time div span.none{text-indent:-9999em;overflow:hidden} #design .culture .list{padding-bottom:20px} #design .culture .list ul{border-top:1px solid #aaa} #design .culture .list li div{padding:15px 20px;font-size:16px;border:1px solid #eee;border-top:0;border-right:0;border-left:0} #design .culture .list li div strong{font-size:16px !important} #design .culture .bg_bookstart {background:url(../img/bg_bookstart.png) no-repeat right 222px} #design .ls_process {padding-top:40px;border-top:1px dashed #ccc;} #design .ls_process .process {overflow:hidden;margin-bottom:50px;} #design .ls_process .process li {float:left;width:33.3%;} #design .ls_process .process li .img {height:262px;margin-bottom:20px;border:1px solid #dadada;border-radius:5px;} #design .ls_process .process li .img img {width:100%;height:inherit;} #design .ls_process .process li .txt {text-align:center;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';} #design .ls_process .process li .in, #design .ls_process .process li .in_none2 {padding-left:40px;background:url(../img/arr.png) no-repeat 13px 120px;} #design .ls_process .process li .in_none {padding-left:28px;} /**/ #contain #design div.visitor_num_guid{color:#617295;font-size:0.92em;font-weight:normal;line-height:130%;padding:7px 0 3px ;text-align:left} #contain #design .bt-content .btn_gray{display:block;margin:3px 0;padding:3px 5px;font-weight:600;color:#333;border:1px solid #aaa;background:#fff;border-radius:22px} #contain #design .bt-content .btn_red{display:block;margin:3px 0;padding:3px 5px;font-weight:600;color:#fff;border:1px solid #f23737;background:#f23737;border-radius:22px} #contain #design .bt-content .btn_orange{display:block;margin:3px 0;padding:3px 5px;font-weight:600;color:#fff;border:1px solid #f77a00;background:#f77a00;border-radius:22px} #contain #design .bt-content .btn_blue{display:block;margin:3px 0;padding:3px 5px;font-weight:600;color:#fff;border:1px solid #014fbb;background:#014fbb;border-radius:22px} #contain #design .bt-content .btn_green{display:block;margin:3px 0;padding:3px 5px;font-weight:600;color:#009688;border:1px solid #009688;background:#fff;border-radius:22px} #contain #design .btn_regist{display:block;margin:3px 0;padding:3px 5px;font-weight:600;color:#fff;border:1px solid #999;background:#999;border-radius:22px} #contain #design .btn_cancel{display:block;margin:3px 0;padding:3px 5px;width:69px;font-weight:600;color:#fff;border:1px solid #3d4459;background:#3d4459;border-radius:22px} #contain #design .btn_regist_go{display:block;padding:2px;font-weight:800;color:#fff;border:2px solid #1769A3;background:#003258} #contain #design .btn_deadline{color:#C5C5C5; font-weight:800;} #contain #design .btn_suc{display:inline-block;margin:0 2px;padding:3px 10px;font-weight:600;color:#333;border:1px solid #aaa;background:#fff;border-radius:22px} #contain #design .btn_oky{display:inline-block;margin:0 2px;padding:3px 10px;font-weight:600;color:#fff;border:1px solid #014fbb;background:#014fbb;border-radius:22px} #contain #design .btn_pay{display:inline-block;margin:0 2px;padding:3px 10px;font-weight:600;color:#fff;border:1px solid #3d4459;background:#3d4459;border-radius:22px} #contain #design .btn_ing{display:inline-block;margin:0 2px;padding:3px 10px;font-weight:600;color:#fff;border:1px solid #c62338;background:#c62338;border-radius:22px} #txt_box{margin:10px 0;padding:20px;border:1px solid #ccc;background:#fafafa} /**/ #contain #calendar{position:relative; margin-bottom:30px;} #contain #calendar .days{text-align:left} #contain #calendar .days a{display:inline-block;position:relative;top:0px;width:0;height:40px;line-height:40px;font-size:15px;color:#c62337;border:1px solid #e3e3e3;border-radius:50px;overflow:hidden;transition:all 0.2s} #contain #calendar .days a:hover{width:80px;text-indent:0em;color:#333} #contain #calendar .days a i{position:absolute;top:0;width:40px;height:40px} #contain #calendar .days .prev{padding:0 10px 0 30px;text-indent:20em} #contain #calendar .days .prev i{left:0;background:url(../img/s_prev.png) no-repeat 50% 50%} #contain #calendar .days .next{padding:0 30px 0 10px;text-indent:-20em} #contain #calendar .days .next i{right:0;background:url(../img/s_next.png) no-repeat 50% 50%} _::-moz-svg-foreign-content, :root #contain #calendar .days a:hover{width:40px;text-indent:-0em;color:#fff} _::-moz-svg-foreign-content, :root #contain #calendar .days .prev{color:#fff;text-indent:-0em} _::-moz-svg-foreign-content, :root #contain #calendar .days .next{color:#fff;text-indent:-0em} #contain #calendar .days strong{display:inline-block;position:relative;top:-4px;padding:0 30px;line-height:40px;font-size:44px;color:#1c2645} #contain #calendar .days strong span{position:relative;top:-2px;margin:0 0 0 -10px;font-size:20px} #contain #calendar .even{position:absolute;top:13px;right:200px} #contain #calendar .even ul{overflow:hidden} #contain #calendar .even li{float:left;position:relative;padding:0 10px 0 20px} #contain #calendar .even li strong{font-weight:400} #contain #calendar .even li i{position:absolute;top:0;left:0;width:20px;height:20px} #contain #calendar .even .e1 i{background:url(../../img/pro_content/icon_schedule_r.gif) no-repeat 50% 50%} #contain #calendar .even .e2 i{background:url(../../img/pro_content/icon_schedule_e.gif) no-repeat 50% 50%} #contain #calendar .even .e3 i{background:url(../../img/pro_content/icon_schedule_m.gif) no-repeat 50% 50%} #contain #calendar .even .e4 i{background:url(../../img/pro_content/icon_schedule_l.gif) no-repeat 50% 50%} #contain #calendar .dk_search{position:absolute !important;top:10px;right:0} #contain #calendar .calendar td{position:relative;height:100px;vertical-align:top;background:none !important} #contain #calendar .calendar td .result{padding:0 0 0 16px} #contain #calendar .calendar td .result span {display:block;} #contain #calendar .calendar td .none{display:inline-block;margin:0 0 4px 0;padding:2px 10px;color:#f23737;border:1px solid #ccc;border-radius:4px} #contain #calendar .calendar td .end{display:inline-block;margin:0 0 4px 0;padding:2px 10px;color:#000;border:1px solid #ccc;background:#eee;border-radius:4px} #contain #calendar .calendar td .start{display:inline-block;margin:0 0 4px 0;padding:2px 10px;color:#fff;border:1px solid #005997;background:#005997;border-radius:4px} #contain #calendar .day_num{position:absolute;top:5px;left:5px} #contain #calendar .day_num span, #contain #calendar .day_num span a{font-size:14px;font-weight:600;font-family:Arial, Helvetica, sans-serif} #contain #calendar .btn_gray{display:block;margin:0 10px;padding:0 5px;font-weight:600;letter-spacing:-1px;color:#333;border:0px solid #aaa;background:#fff;border-radius:0px} #contain #calendar .btn_red{display:block;margin:2px 10px;padding:3px 5px;font-weight:600;color:#fff;border:1px solid #f23737;background:#f23737;border-radius:22px} #contain #calendar .btn_orange{display:block;margin:2px 10px;padding:3px 5px;font-weight:600;color:#fff;border:1px solid #f77a00;background:#f77a00;border-radius:22px} #contain #calendar .btn_blue{display:block;margin:2px 10px;padding:3px 5px;font-weight:600;color:#fff;border:1px solid #2d4594;background:#2d4594;border-radius:22px} #contain #calendar .btn_green{display:block;margin:2px 10px;padding:3px 5px;font-weight:600;color:#fff;border:1px solid #009688;background:#009688;border-radius:22px} #contain #calendar .playout{position:absolute;z-index:9999;display:block;margin:0;padding:10px;width:auto;text-align:left;border:1px solid #ccc !important;background:#fff;white-space:nowrap} #contain #calendar .playout img{position:relative;margin:0 4px 0 0} #scheduleList{display:none} /**/ #design .community .faq_list{width:100%;border-top:1px solid #000;} #design .community .faq_list .faq .faq_q{position:relative;padding:0 80px;border-bottom:1px solid #ccc;font-size:16px;overflow:hidden;} #design .community .faq_list .faq .faq_q dt{position:absolute;top:7px;left:24px} #design .community .faq_list .faq .faq_q dd{line-height:50px} #design .community .faq_list .faq .faq_a{position:relative;padding:0 80px;border-bottom:1px solid #ccc;background:#fafafa;font-size:14px;overflow:hidden;} #design .community .faq_list .faq .faq_a dt{position:absolute;top:14px;left:24px} #design .community .faq_list .faq .faq_a dd{height:auto;min-height:60px;margin:14px 0;line-height:20px} #design .community .faq_list .faq .disnone{display:none} #design .community .serve{position:relative} #design .community .serve i{position:absolute;top:220px;right:0;width:370px;height:510px;background:url(../img/img_serve.png) no-repeat 100% 0%} #design .community .dream{position:relative} #design .community .dream i{position:absolute;top:-30px;right:0;width:220px;height:150px;background:url(../img/img_dream.png) no-repeat 100% 0%} #design .community .monitor{position:relative} #design .community .monitor i{position:absolute;top:-120px;right:25px;width:220px;height:150px;background:url(../img/img_monitor.png) no-repeat 100% 0%} /**/ #design .community .locker_list {display:block;overflow:hidden;} #design .community .locker_list li {float:left;width:41px;height:130px;border:1px solid #ccc;border-top:2px solid #ccc;margin:0 1px 10px 0;position:relative;padding:26px 2px 2px;} #design .community .locker_list li .num {position:absolute;top:5px;left:5px;} #design .community .locker_list li a {display:block;border-radius:2px;text-align:center;margin-bottom:5px;font-size:12px;font-weight:bold;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';padding:5px;} #design .community .locker_list li a.btn_Lsign {background:#ff581c;color:#fff;} #design .community .locker_list li a.btn_Lcancel {background:#e3e3e3;border:1px solid #dadada;} #design .community .locker_list li .btn_Ling, #design .community .locker_list li .btn_noLsign {display:block;border-radius:2px;text-align:center;margin-bottom:5px;font-size:12px;font-weight:bold;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';padding:5px;} #design .community .locker_list li .btn_Ling {background:#0da871;color:#fff;} #design .community .locker_list li .btn_noLsign {background:#6d6d6d;color:#cfcfcf;} #design .community .ta_mo_none {display:none;} /* #design .member .infomation{margin:0 0 20px 0;padding:20px 0 20px 110px;color:#555;border:1px solid #d3d0d8;background:url(../img/infomation.png) no-repeat -10px 50%} #design .member .infomation dl{overflow:hidden} #design .member .infomation dt{float:left;display:block;padding-right:10px;line-height:30px;font-size:20px;font-weight:600;color:#2b3b56} #design .member .infomation dd{float:left;display:block;line-height:30px;font-size:16px} #design .member .infomation ul{padding-top:1px;overflow:hidden} #design .member .infomation ul li{float:left;padding:0 0 0 15px;margin-right:30px;line-height:20px;font-size:15px;background:url(../img/ico_dot.png) no-repeat 0 50%} #design .member .infomation ul li span.mem_num{color:#a28354} #design .member .infomation ul li span.use_ok{color:#498bbf} #design .member .infomation ul li span.use_no{color:#c14e33}*/ /**/ #design .terms{padding:10px 0} #design .terms *{line-height:19px;font-size:14px;font-weight:400;color:#333} #design .terms h3{padding-bottom:10px;font-size:17px;font-weight:600;color:#263b98} #design .terms h4{padding:0 5px 5px 8px;font-weight:400} #design .terms ul{padding:0 17px} #design .terms ul li{padding-bottom:3px} #design .terms p{padding:0 5px 0 10px;line-height:20px} #design .terms table th{padding:3px 0 !important} #design .terms .termsbox{position:relative;margin-bottom:20px;padding:20px;line-height:25px;border:1px solid #e0e0e0;border-bottom:1px solid #9c9c9c;background:#fff;border-radius:10px;border-bottom-right-radius:0px;box-shadow:1px 3px 1px #f0f0f0} #design .terms .termsbox strong{font-weight:400} #design .terms .box{margin-bottom:10px} #design .terms .tgroup{padding-bottom:20px} #design .terms .tgroup > ul > li ul{margin-top:5px;padding:8px 0;border:0px solid #e0e0e0} #design .terms .tgroup > ul > li ul strong{display:block;padding-bottom:6px} #design .terms .tgroup > ul > li > ul > li > ul{border:0px solid #e0e0e0;} #design .terms .tgroup > ul > li > ul > li > ul > li > ul{padding:12px;border:0px solid #e0e0e0;background:#f9f9f9} #design .terms .point{padding:0 5px 5px 5px;font-weight:600;color:#00877d} #design .terms .pb5{padding-bottom:5px} #design .terms .pb10{padding-bottom:10px} #design .terms .pb15{padding-bottom:15px} #design .terms .btn{padding:0 6px 1px 6px;font-size:12px;color:#fff;border:1px solid #696969;background:#777;border-radius:3px} #design .terms .btn:hover{border:1px solid #111;background:#333} /**/ #design .email{padding:30px 0} #design .email *{line-height:25px;font-size:15px;font-weight:400} #design .email .emailbox{position:relative;margin-bottom:20px;padding:20px 50px 50px 0px;line-height:25px;color:#333;border-top:1px solid #e0e0e0;border-bottom:0px solid #9c9c9c;background:#fff;background:url(../img/mail_bg.png) no-repeat 90% 100%;border-radius:0px;border-bottom-right-radius:0px;} #design .email .emailbox strong{color:#c62338;font-weight:600} #design .email .emaildate{padding:60px 0 120px 0;font-size:15px;font-weight:600;color:#00877d} /* 설문조사 */ #design .polltit{margin-top:20px;padding:0 55px;position:relative;overflow:hidden} #design .polltit h3{position:relative;padding-left:25px;line-height:40px;font-size:16px;font-weight:600;letter-spacing:-1px;color:#333} #design .polltit h3 strong{font-size:17px;padding-right:10px;color:#00877d} #design .pollitem{margin-bottom:20px;padding:6px 80px 30px 80px;border-bottom:1px solid #e7e7e7} #design .pollitem ul{overflow:hidden} #design .pollitem ul li{padding-bottom:10px} #design .pollitem .question{padding-bottom:1px} #design .pollitem .question strong{padding-right:3px} #design .pollitem .question label{padding-right:10px} #design .pollitem .question input{height:25px;line-height:25px} #design .pollitem .graph{position:relative;margin:0 120px 0 20px;height:10px;background:url(../../wdVote/img/poll_graph_bg01.gif) repeat-x} #design .pollitem .graph .graphitem{height:10px;text-align:center;background:url(../../wdVote/img/poll_graph_bg02.gif) repeat-x} #design .pollitem .graph strong{position:absolute;top:-5px;right:-100px} #poll_outline{width:99%;padding-top:15px;clear:both;border:3px #cacaca solid;border-top-left-radius:10px;border-bottom-right-radius:10px} #poll{padding:0 15px 15px} #poll dl dd{padding:0;margin-left:23px;line-height:150%} #poll dl dd.tit{font-size:1.1em;font-weight:600;padding-bottom:10px;color:#1256A1} #poll dl dt{float:left;width:28px;padding:0;margin:0} #poll_info{float:left;;padding-top:20px} #poll_tit{float:left;background:url("../img/common/bullet_list01.gif") no-repeat 0 5px;padding-left:12px;font-weight:600} #poll_pass #poll_pass_title{background:url("../img/common/bullet_list01.gif") no-repeat 0 5px;padding-left:12px;margin-bottom:5px;width:757px;font-weight:600} #poll_table{margin-bottom:10px} #poll_pop{margin:15px} /************************ table ************************/ #contain .mobile_table {display: none;} /**/ #contain #design table {width:100%;border-collapse:collapse;border-top:2px solid #1c2645} #contain #design table * {font-family: 'Montserrat','Noto Sans KR','notoSansCJK','Malgun Gothic','맑은고딕','dotum','돋움','gulim','굴림','Tahoma','sans-serif', sans-serif;} #contain #design table caption {font-size:0;line-height: 0;height: 0;} #contain #design table thead th {padding: 20px;font-size: 17px;font-weight: 400;text-align:center;color:#333;border: 0;background-color:#f3f4f5;border-bottom: 1px solid #ddd;} #contain #design table tbody th {padding: 15px;font-weight: 400;text-align:center;color:#333;border-bottom:1px solid #ddd;} #contain #design table tbody td {padding: 15px;text-align:center;font-size: 17px;border-bottom: 1px solid #ddd;} #contain #design table tbody td button{margin:2px 0;padding:2px 5px;border:1px solid #989898;border-bottom:1px solid #cacaca;background-color:#fff} #contain #design table tfoot th {padding: 15px;font-weight: 400;text-align:center;color:#333;border-bottom:1px solid #ddd;background-color:#f3f4f5;} #contain #design table tfoot td {padding: 15px;text-align:center;border-bottom:1px solid #ddd;background-color:#f3f4f5;} #contain #design table tfoot td button{margin:2px 0;padding:2px 5px;border:1px solid #ccc;background-color:#fff} #contain #design table tbody td.subject{text-align:left} #contain #design table tbody td.subject a:hover{color:#000;text-decoration:underline} #contain #design table tbody th.item, #contain #design table tbody td.item{background-color: #f5f5f5;} #contain #design table tbody td.item span.red{position:absolute;} #contain #design table tbody td .dtnum{display:block;position:relative;line-height: 1.1em;} #contain #design table tbody td .new{font-size:11px;font-weight:800;color:#c00} #contain #design table tbody td .btn_zip{padding:0 7px;height:25px;font-size:12px;letter-spacing:-1px;color:#fff !important;border:1px solid #333;background:#777 !important;cursor:pointer} #contain #design table tbody td .okay{padding:5px 30px;font-size:16px;color:#fff;border:1px solid #333;background:#333;cursor:pointer} #contain #design table tbody td span.info { padding:0 3px;} /**/ #contain #dkboard .dk_table table {width:100%;border-collapse:collapse;border-top:2px solid #1c2645;} #contain #dkboard .dk_table table caption {font-size: 0;line-height: 0;height: 0;} #contain #dkboard .dk_table table tbody tr:hover {background: #f2f2f2;} #contain #dkboard .dk_table table tbody tr.notice td {border-bottom:1px solid #c5d7e0;background:#f3f3f1} #contain #dkboard .dk_table table thead th {padding: 20px;font-size: 17px;font-weight: 400;text-align:center;color: #333;background-color: #f3f4f5;} #contain #dkboard .dk_table table tbody td {padding: 15px;font-size: 16px;color:#333;text-align:center;/*border: 1px solid #ddd;*/} /*#contain #dkboard .dk_table table tbody td:first-child{border-left:0} #contain #dkboard .dk_table table tbody td:last-child{border-right:0} #contain #dkboard .dk_table table tbody th:first-child{border-left:0}*/ #contain #dkboard .dk_table table tbody td a.company {display:block;padding:7px 0 0 30px;font-size:16px;color:#000;background:url(../img/ico_company.png) no-repeat 0 50%} #contain #dkboard .dk_table table tbody td img {vertical-align:middle} #contain #dkboard .dk_table table tbody td ul {text-align:left} #contain #dkboard .dk_table table tbody td li {font-size:15px;line-height:20px;color:#333} #contain #dkboard .dk_table table tbody td.subject{text-align:left;} #contain #dkboard .dk_table table tbody td.subject div {position:relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #contain #dkboard .dk_table table tbody td.subject a {display: block;padding: 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size: 16px;} #contain #dkboard .dk_table table tbody td.subject a:hover {color:#3a8dd1;} #contain #dkboard .dk_table table tbody td.subject span{} #contain #dkboard .dk_table table tbody td.subject span img{} #contain #dkboard .dk_table table tbody td.subject .new{display:inline-block;top:2px;width:30px;height:15px;background:url(../img/ico_new.png) no-repeat 50% 50%;text-indent:-9999em;overflow:hidden; vertical-align:top !important;} #contain #dkboard .dk_table table tbody td.subject .secret{display:inline-block;top:2px;width:17px;height:15px;background:url(../img/ico_secret.png) no-repeat 50% 50%;text-indent:-9999em;overflow:hidden; vertical-align:top !important;} #contain #dkboard .dk_table table tbody td.subject .reply{display:inline-block;position:relative;left:-2px;padding:0 0 0 10px; background:url(../img/ico_reply.png) no-repeat 0px -38px;text-indent:-9999em;overflow:hidden; vertical-align:top !important;width: 1px;} #contain #dkboard .dk_table table tbody td.subject .list_reply{color:#aa6801} #contain #dkboard .dk_table table tbody td.subject notice{background:#f3f3f1;border-bottom:1px solid #c5d7e0} #contain #dkboard .dk_table table tbody td div.tac{padding:100px 0} #contain #dkboard .dk_table table tbody td .this{font-size: 15px;color:#f30} #contain #dkboard .dk_table table tbody td .notice{font-size: 15px;color:#0054FF} #timUser{display:block;overflow:hidden} #timUser .userNum{float:left;display:block;width:20%;padding:4px 0} /**/ #dkboard .dk_tabmenu{padding-bottom:30px} #dkboard .dk_tabmenu *{margin:0;padding:0;border:0;list-style-type:none} #dkboard .dk_tabmenu ul{height:42px;border-bottom:2px solid #1c2645;*zoom:1} #dkboard .dk_tabmenu ul:before, #dkboard .dk_tabmenu ul:after{clear:both;display:table;content:"";line-height:0} #dkboard .dk_tabmenu li{float:left} #dkboard .dk_tabmenu li a{display:block;margin-left:-2px;padding:0 20px;height:40px;line-height:40px;text-align:center;border:2px solid #d5d5d5;border-bottom:2px solid #1c2645;background:#fff} #dkboard .dk_tabmenu li a strong{font-size:14px;font-weight:400;color:#888} #dkboard .dk_tabmenu li:first-child a{margin:0} #dkboard .dk_tabmenu li a:hover{position:relative;z-index:5;color:#777;border:2px solid #1c2645;border-bottom:2px solid #fff;background:#fff} #dkboard .dk_tabmenu li a.sel{position:relative;z-index:5;font-weight:800;letter-spacing:0px;color:#000;border:2px solid #1c2645;border-bottom:2px solid #fff;background:#fff} #dkboard .dk_tabmenu li a.sel strong{font-weight:600;color:#333} /**/ #dkboard .dk_fieldset{position:relative} #dkboard .dk_fieldset fieldset{position:relative;margin:0 80px 30px 80px;padding:20px 0 0 0;border:1px solid #d9d9d9} #dkboard .dk_fieldset fieldset legend{display:none} #dkboard .dk_fieldset .type{position:relative;*zoom:1} #dkboard .dk_fieldset .type:before, #dkboard .dk_fieldset .type:after{clear:both;display:table;content:"";line-height:0} #dkboard .dk_fieldset .type label{display:block;margin:0 20% 5px 20%;line-height:25px} #dkboard .dk_fieldset .type label strong{position:absolute;top:0;left:10%;line-height:25px;font-size:14px;font-weight:400} #dkboard .dk_fieldset .type label span{display:block;border:1px solid #ccc} #dkboard .dk_fieldset .type label input{padding:5px 0;width:100%;text-indent:10px} #dkboard .dk_fieldset .type label select{padding:5px;width:100%;border:1px solid #ccc;text-indent:6px} #dkboard .dk_fieldset .order{margin:20px 0 0 0;padding:10px 0;border-top:1px solid #ccc;background:#f7f7f7} #dkboard .dk_fieldset .order .hunmin{text-align:center} #dkboard .dk_fieldset .order .hunmin a{display:inline-block;padding:5px;border:1px solid #ccc;background:#fff;border-radius:3px} #dkboard .dk_fieldset .button{position:absolute;top:24px;right:50px} #dkboard .dk_fieldset .button button{width:80px;height:72px;font-size:15px;color:#fff;border:0;border-top:4px solid #035ca9;background:#0480ce} /**/ #design .dk_content {padding-top: 40px;} #design .dk_view {border-top: 1px solid #000;} #design .dk_view:before, #design .dk_view:after{clear:both;display:table;content:"";line-height:0} #design .dk_view h2 {position:relative;z-index:2;padding:15px 0;font-size: 17px;text-align:center;background-color: #f3f4f5;color: #333;font-weight: 400;border-bottom: 1px solid #ddd;} #design .dk_view h3 {padding:10px 20px;font-size:13px;color:#004d9b;border-top:1px solid #004d9b;border-bottom:1px solid #eee;background:#f9f9f9} #design .dk_view dl {float:left;position:relative;width:50%;height:auto;border-bottom:1px solid #e0e0e0;background:#fff;overflow:hidden;padding:0;margin:0} #design .dk_view dl * {font-family: 'Noto Sans KR','notoSansCJK','Malgun Gothic','맑은고딕','dotum','돋움','gulim','굴림','Tahoma','sans-serif', sans-serif;} #design .dk_view dl.add1 {width:100%;} #design .dk_view dl:before{width: 120px;height:1000px;position:absolute;background: #fff;display:block;content:"";left:0;top:0} #design .dk_view dl.lik{width:100%;min-height:40px;border-top:1px solid #e0e0e0;margin-top:-1px;vertical-align:middle} #design .dk_view dl.add{width:100%;min-height:40px;border-top:1px solid #e0e0e0;margin-top:-1px;vertical-align:middle} #design .dk_view dl.add a{padding-right:15px} #design .dk_view dl.add img{padding:0; margin:0; padding-right:6px; vertical-align:top;} #design .dk_view dt{position:absolute;left:0px;top:0px;width: 120px;font-size:15px;font-weight:400;padding: 15px 0;overflow:hidden;text-align: center;} #design .dk_view dd {min-height: 20px;line-height:20px;padding: 15px 0 15px 140px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; font-size: 15px;} #design .dk_view dd a {display:block;0} #design .dk_view .img{float:left;width:30%} #design .dk_view .img img{width:100%;border:1px solid rgba(0,0,0,0.4)} #design .dk_view .info{float:right;margin:0 0 20px 0;width:65%} #design .dk_view .cominfo{margin:0 0 20px 0} #design .dk_view .contents{clear:both;position:relative;z-index:2;top:-1px;padding:20px;min-height:300px;background:none!important;width:auto !important;border-top:0px solid #e0e0e0;border-bottom:0px solid #d2d2d2} #design .dk_view .viewfile{margin-bottom:20px;padding:0 20px;border-bottom:1px solid #d2d2d2;background:#fff;overflow:hidden} #design .dk_view .viewfile li{position:relative;padding:7px 0 7px 11%;min-height:40px;border-bottom:0px solid #eee;overflow:hidden} #design .dk_view .viewfile li strong{position:absolute;top:10px;left:0px;padding:0 0 0 12px;line-height:20px;font-size:13px;background:url(../img/ico_clip.png) no-repeat 0 2px} #design .dk_view .viewfile li a{display:block;padding:5px 0 5px 20px;font-size:12px} #design .dk_view .viewfile li a.alz{background:url(../../wdBoard/img/alz.gif) no-repeat 0 3px} #design .dk_view .viewfile li a.bmp{background:url(../../wdBoard/img/bmp.gif) no-repeat 0 3px} #design .dk_view .viewfile li a.doc{background:url(../../wdBoard/img/doc.gif) no-repeat 0 3px} #design .dk_view .viewfile li a.gif{background:url(../../wdBoard/img/gif.gif) no-repeat 0 3px} #design .dk_view .viewfile li a.hwp{background:url(../../wdBoard/img/hwp.gif) no-repeat 0 3px} #design .dk_view .viewfile li a.jpg{background:url(../../wdBoard/img/jpg.gif) no-repeat 0 3px} #design .dk_view .viewfile li a.pdf{background:url(../../wdBoard/img/pdf.gif) no-repeat 0 3px} #design .dk_view .viewfile li a.png{background:url(../../wdBoard/img/png.gif) no-repeat 0 3px} #design .dk_view .viewfile li a.ppt{background:url(../../wdBoard/img/ppt.gif) no-repeat 0 3px} #design .dk_view .viewfile li a.xls{background:url(../../wdBoard/img/xls.gif) no-repeat 0 3px} /**/ #design .dk_movie{margin:0 -10px;overflow:hidden;} #design .dk_movie:before, #design .dk_movie:after{clear:both;display:table;content:"";line-height:0} #design .dk_movie .webzine{float:left;width:50%} #design .dk_movie .webzine dl{position:relative;margin:10px;padding:0 0 0 25%; min-height:178px;border:1px solid #d2d2d2;*zoom:1;transition:all 0.3s ease-in-out} #design .dk_movie .webzine dl:before, #design .dk_movie .webzine dl:after{clear:both;display:table;content:"";line-height:0} #design .dk_movie .webzine dl:hover{border:1px solid #1c2645;box-shadow:0px 2px 2px 0px rgba(0,0,0,0.16);transition:all 0.3s ease-in-out} #design .dk_movie .webzine dt{position:absolute;top:0;left:0;width:100%} #design .dk_movie .webzine dt .tit{padding:10px 20px;border-bottom:1px solid #eee} #design .dk_movie .webzine dt .tit{background:none} #design .dk_movie .webzine dt .tit a{display:block;font-size:16px;font-weight:500;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} #design .dk_movie .webzine dt .img{margin:10px 20px} #design .dk_movie .webzine dt .img a{display:inline-block;border:1px solid #eee} #design .dk_movie .webzine dt .img .noimg{display:block;width:75px;height:100px;background:url(../img/noimg.png) no-repeat 50% 50%;background-size:90px 90px} #design .dk_movie .webzine dt .img img{width:75px} #design .dk_movie .webzine dd{padding:55px 20px 10px 0} #design .dk_movie .webzine dd ul{padding:0 0 5px 0} #design .dk_movie .webzine dd li{padding:0 10px;font-size:14px;color:#333;border:0;background:url(../img/tongyeong/depth3_5.png) no-repeat 0 5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} #design .dk_movie .webzine dd li span{font-size:13px;color:#777} #design .dk_movie .webzine dd .txt{margin-bottom:10px;padding:0 10px;height:48px;line-height:16px;font-size:13px;color:#333;overflow:hidden} #design .dk_movie .webzine p{height:60px;line-height:20px;color:#888;overflow:hidden} #design .dk_movie .webzine .more{position:absolute;top:10px;right:10px;color:#aa6801} #design .dk_movie .detail{} #design .dk_movie .detail dl{position:relative;margin:10px;padding:0 0 0 25%;border:1px solid #d2d2d2;*zoom:1;transition:all 0.3s ease-in-out} #design .dk_movie .detail dl:before, #design .dk_movie .detail dl:after{clear:both;display:table;content:"";line-height:0} #design .dk_movie .detail dt{position:absolute;top:0;left:0;width:100%} #design .dk_movie .detail dt .tit{padding:10px 20px;display:block;font-size:22px;font-weight:600;color:#1c368d;border-bottom:1px solid #eee} #design .dk_movie .detail dt .img{margin:20px} #design .dk_movie .detail dt .img a{display:inline-block;border:1px solid #eee} #design .dk_movie .detail dt .img .noimg{display:block;width:150px;height:214px;background:url(../img/noimg.png) no-repeat 50% 50%;background-size:90px 90px} #design .dk_movie .detail dt .img img{width:150px} #design .dk_movie .detail dd{padding:70px 20px 10px 0} #design .dk_movie .detail dd ul{padding:0 0 20px 0} #design .dk_movie .detail dd li{position:relative;padding:3px 10px 3px 70px;line-height:20px;font-size:15px;color:#333;border:0;background:url(../img/tongyeong/depth3_5.png) no-repeat 0 5px} #design .dk_movie .detail dd li span{position:absolute;top:3px;left:0;font-size:14px;color:#009400} #design .dk_movie .detail dd .txt{padding:20px 0 50px 0;line-height:25px;font-size:15px;color:#333;border-top:1px solid #eee;text-align:justify;word-break:break-all} #design .dk_movie .detail p{height:60px;line-height:20px;color:#888;overflow:hidden} /**/ #dkboard .dk_detail{margin-bottom:20px;} #dkboard .dk_detail:before, #dkboard .dk_detail:after{clear:both;display:table;content:"";line-height:0} #dkboard .dk_detail *{margin:0;padding:0;border:0;list-style-type:none;font-size:12px} #dkboard .dk_detail h2{margin:10px 0 30px;padding:20px 30px;font-size:16px;color:#0473ba;border-top:2px solid #0473ba;border-bottom:1px solid #0473ba;background:#fff} #dkboard .dk_detail h3{padding:10px 20px;font-size:13px;color:#004d9b;border-top:1px solid #004d9b;background:#f9f9f9} #dkboard .dk_detail table *{margin:0;padding:0;border:0;list-style-type:none;font-size:12px} #dkboard .dk_detail table{width:100%;border-collapse:collapse;border-top:1px solid #ccc} #dkboard .dk_detail table caption{font-size: 0;line-height: 0;height: 0;} #dkboard .dk_detail table th{padding:10px 20px;text-align:left;border-bottom:1px solid #ccc;background:#fff} #dkboard .dk_detail table td{padding:10px;font-size:14px;color:#333;border-bottom:1px solid #ccc;background:#fff} #dkboard .dk_detail table td a{font-size:14px;color:#333} #dkboard .dk_detail .capacity{min-height:50px;overflow:hidden} #dkboard .dk_detail .capacity dl{float:left;width:11.11%;text-align:center;position:static} #dkboard .dk_detail .capacity dt{display:block;padding:5px 0;background:#ecf9f4} #dkboard .dk_detail .capacity dd{display:block;padding:5px 0} #dkboard .dk_detail .img{float:left;width:30%} #dkboard .dk_detail .img img{width:100%;border:1px solid rgba(0,0,0,0.4)} #dkboard .dk_detail .info{margin:0 0 20px 0} #dkboard .dk_detail .info dl{position:relative;padding-left:160px;border-top:1px solid #ccc;overflow:hidden} #dkboard .dk_detail .info dt{position:absolute;top:10px;left:20px;line-height:20px} #dkboard .dk_detail .info dd{padding:10px 0;line-height:20px} /* #dkboard .basic_write input[type="text"], #dkboard .basic_write input[type="password"]{padding:0 10px;height:30px;border:1px solid #ccc;background:#fff;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;appearance:none;-webkit-appearance:none;border-radius:0;-webkit-border-radius:0;line-height:30px\9;font-size:14px;font-family:inherit}*/ /**/ #dkboard .faqlist *{margin:0;padding:0;list-style-type:none} #dkboard .faqlist li{padding:20px 0;border-bottom:1px solid #ccc} #dkboard .faqlist li dl{padding:10px 0;position:relative} #dkboard .faqlist li dt{position:absolute;top:10px;left:0} #dkboard .faqlist li dt strong{font-size:24px;font-family:Arial, Helvetica, sans-serif} #dkboard .faqlist li dd{padding-left:40px} #dkboard .faqlist li dd br{display:none} /**/ #dkboard .sg_reply + .prevnext {margin-top: 40px;} #dkboard .prevnext * {margin:0;padding:0;border:0;list-style-type:none;font-size:15px} #dkboard .prevnext ul{border-top:1px solid #000;} #dkboard .prevnext li{position:relative;padding:0px 90px 0 110px; height:44px; border:1px solid #ccc; border-top:0;} #dkboard .prevnext li strong{position:absolute;top:0;left:0; width:90px; background:#fafafa; height:43px; line-height:43px; font-size:13px; border-right:1px solid #ccc; text-align:center;display:block;color:#555;} #dkboard .prevnext li p{color:#999; line-height:44px;} #dkboard .prevnext li a {display:block; height:44px; line-height:44px; padding-right:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #dkboard .prevnext li a:hover { color:#ff661b;} #dkboard .prevnext li span{position:absolute;top:11px;right:18px;display:block;color:#999} #dkboard .prevnext + .dk_title {margin-top: 40px;} /**/ #dkboard .dk_pass{padding:40px 0} #dkboard .dk_pass .box{padding:30px;font-size:20px;text-align:center;border:1px solid #d2d2d2;background:#fafafa} #dkboard .dk_pass .button button, #dkboard .dk_pass .button a{padding:5px 30px} /**/ #design .dk_title{position:relative;z-index:10;padding-bottom: 10px;} #design .dk_title:before, #design .dk_title:after{clear:both;display:table;content:"";line-height:0} #design .dk_title *{margin:0;padding:0;font-size:13px;border:0;list-style-type:none} #design .dk_title h3{float:left;line-height:30px;font-weight:400;color:#333} #design .dk_title .dk_search{float: right;text-align: right;} /**/ #design .dk_search{position:relative;*zoom:1} #design .dk_search:before, #design .dk_search:after{clear:both;display:table;content:"";line-height:0} #design .dk_search fieldset{float:right} #design .dk_search fieldset legend{display:none} #design .dk_search fieldset select{/*float:left;*/margin:0 5px 0 0;padding:3px;height:32px;line-height:32px;font-size:14px;font-weight:400;border-radius:5px;color:#777;border:1px solid #ccc;background:#fff;vertical-align: middle;} _::-moz-svg-foreign-content, :root #design .dk_search fieldset select{line-height:19px !important} #design .dk_search fieldset label {width:0;height:0;font-size:0;line-height:0;overflow:hidden;position:absolute;left:0;top:0;/*float:left;padding:0 10px 0 0;vertical-align: middle;*/} #design .dk_search fieldset input {/*float:left;*/width: 180px;margin:0 5px 0 0;padding:0 5px;height:32px;line-height:32px;border-radius:5px;font-size:14px;color:#777;border:1px solid #ccc;vertical-align: middle;} #design .dk_search fieldset button{/*position:relative;top:0px;*/padding:0 14px;height:32px;font-size:15px;border-radius:5px;color:#fff;border:0;background:#333;vertical-align: middle;} #design .dk_search p{position:absolute;top:-65px;right:0} #design .dk_search p a{display:block;padding:5px 25px;font-weight:400;color:#fff;border:1px solid #c62337;background:#c62337;border-radius:0px} #design .comm{position:relative} #design .comm h3{float:none;font-size:13px;padding-bottom:0;} #design .comm h3:before { display:none;} #design .comm .sett{position:absolute;z-index:10;top:12px;right:0} /* 페이징 */ #design .dk_paging{padding: 30px 0 0 0;text-align:center;} #design .dk_paging * {margin:0;padding:0;border:0;list-style-type:none;font-family: 'Noto Sans KR','notoSansCJK','Malgun Gothic','맑은고딕','dotum','돋움','gulim','굴림','Tahoma','sans-serif', sans-serif;} #design .dk_paging .paging {} #design .dk_paging .paging span span {color:#02032f;font-size:11px;display:none} #design .dk_paging .paging strong {display:inline-block;width: 40px;height: 40px;line-height: 40px;background: #02032f;font-size: 16px;color: #fff;font-weight: 500;vertical-align: middle;} #design .dk_paging .paging .num {display:inline-block;width: 38px;height: 38px;line-height: 38px;font-size: 16px;font-weight: 500;color: #02032f;border: 1px solid #02032f;vertical-align: middle;} #design .dk_paging .pprev{display:inline-block;padding:0 10px;font-size:11px;color:#888;border-left:0px solid #ccc} #design .dk_paging .prev{display:inline-block;padding:0 10px;font-size:11px;color:#888;border-left:1px solid #ccc} #design .dk_paging .next{display:inline-block;padding:0 10px;font-size:11px;color:#888;border-right:1px solid #ccc} #design .dk_paging .nnext{display:inline-block;padding:0 10px;font-size:11px;color:#888;border-right:0px solid #ccc} #design #sg_paging{padding: 20px 0 0 0;text-align:center} #design #sg_paging *{margin:0;padding:0;border:0;list-style-type:none;} #design #sg_paging .paging{} #design #sg_paging .paging span span{color:#02032f;font-size:11px;display:none} #design #sg_paging .paging strong{display:inline-block;padding:5px 10px;color:#000;border:1px solid #000} #design #sg_paging .paging .num{display:inline-block;padding:5px 10px;color:#888;border:1px solid #d5d5d5} #design #sg_paging .pprev{display:inline-block;padding:0 10px;font-size:11px;color:#888;border-left:0px solid #ccc} #design #sg_paging .prev{display:inline-block;padding:0 10px;font-size:11px;color:#888;border-left:1px solid #ccc} #design #sg_paging .next{display:inline-block;padding:0 10px;font-size:11px;color:#888;border-right:1px solid #ccc} #design #sg_paging .nnext{display:inline-block;padding:0 10px;font-size:11px;color:#888;border-right:0px solid #ccc} /**/ #design .dk_button{padding:20px 0 0;text-align: right;} #design .dk_button *{margin:0;padding:0;border:0;} #design .dk_button a{display:inline-block;padding:6px 20px 8px;font-size:15px;color:#fff;border:1px solid #1c2645;background:#1c2645;border-radius:4px} #design .dk_button button{display:inline-block;padding:5px 20px;font-size:15px;color:#fff;border:1px solid #1c2645;background:#1c2645;border-radius:4px} /* .sns_icon */ #design .sns_icon {margin: 20px 0 30px;text-align: right;} #design .sns_icon > a {display: inline-block;width: 36px;height: 36px;margin: 0 2px;vertical-align: top;border-radius: 30px;} #design .sns_icon > a img {height: 100%;} /**/ #design .button{position:relative;padding: 20px 0 0;text-align:center} #design .button p{margin:0 0 30px 0;padding:20px 0;font-size:17px;border:1px solid #eee;background:#fafafa} #design .button button{padding:14px 40px;font-size:17px;font-weight:600;text-align:center;color:#333;border:1px solid #aaa;border-top:2px solid #f7941d;background:#fff;box-shadow:2px 2px 2px #eee;border-radius:3px;cursor:pointer} #design .button a{display:inline-block;margin:0 7px;padding:13px 40px;font-size:17px;font-weight:700;color:#fff;border:1px solid #1c2645;background:#1c2645;box-shadow:2px 2px 2px #eee;border-radius:3px;transition:all 0.3s} #design .button a:hover{color:#1c2645;border:1px solid #1c2645;background:#fff} #design .button a.st {display:inline-block;margin:0 7px;padding:13px 40px;font-size:17px;font-weight:600;color:#f7941d;border:1px solid #aaa;border-top:3px solid #f7941d;background:#fff;box-shadow:2px 2px 2px #eee;border-radius:3px;transition:all 0.3s} #design .button a.st:hover{color:#ff581c;border:1px solid #aaa;border-top:3px solid #ff581c;background:#fff} #design .button span{display:inline-block;margin:0 5px;padding:13px 40px;font-size:17px;color:#333;border:1px solid #aaa;border-top:2px solid #888;background:#fff;border-radius:3px} #design .button span.end{color:#757575;border:1px solid #ccc;background:#fff;} #design .button .btn_end{padding:11px 50px;font-size:17px;font-weight:600;color:#c62337;border:1px solid #c62337;border-top:2px solid #c62337;background:#fff} #design .button .btn_paym{padding:11px 60px;font-size:18px;color:#fff;border:1px solid #c62338;border-top:2px solid #c62338;background:#c62338;box-shadow:2px 2px 2px #ccc;border-radius:3px;transition:all 0.3s} #design .button .btn_paym:hover{color:#fff;border:1px solid #aaa;border-top:2px solid #333;background:#333} #design .button .btn_group{position:absolute;top:30px;left:0} #design .button .btn_first{display:inline-block;margin:0 5px 0 0;padding:0 17px;line-height:30px;font-size:13px;font-weight:600;color:#555;border:1px solid #aaa;background:#fafafa;box-shadow:2px 2px 2px #eee;border-radius:0px;transition:all 0.3s} #design .button .btn_first:hover{color:#000;border:1px solid #777;background:#fff} #design .button .btn_retract{position:relative;top:-0px;display:inline-block;margin:0;padding:0 20px;height:50px;line-height:50px;font-size:17px;font-weight:600;color:#555;border:1px solid #aaa;background:#fff;box-shadow:2px 2px 2px #eee;border-radius:3px;transition:all 0.3s} #design .button .btn_retract:hover{color:#000;border:1px solid #777;background:#fff} /**/ #gallery_wrap{clear:both;overflow:hidden;margin:0 -7px;padding-bottom:12px;border-bottom:1px solid #d2d2d2} #gallery_wrap .gallery_list{float:left;width:23.5%;margin-right: 2%;padding-bottom:14px} #gallery_wrap .gallery_list.last {margin-right: 0;} #gallery_wrap .image_bagic{padding:10px;background:#fff;border:1px solid #d2d2d2;border-bottom:1px solid #eee;text-align:center;transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860)} #gallery_wrap .image_bagic a{display:block;height:140px;overflow:hidden;background:url(../img/noimg.png) no-repeat center center;} #gallery_wrap .image_bagic a img{width:100%;width:100%;min-height:140px;margin:0 auto;display:inline-block;height:auto;transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860)} #gallery_wrap .gallery_top{position:relative} #gallery_wrap .gallery_top > img{position:absolute;top:5px;left:10px} #gallery_wrap .gallery_top dl{padding:10px;border:1px solid #d2d2d2;border-bottom:1px solid #bbb;border-top:0;box-shadow:0px 2px 0px 0px rgba(0,0,0,0.08);transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860)} #gallery_wrap .gallery_top dt a{display:block;padding:0 0 3px 0;font-weight:normal;font-size:14px;color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} #gallery_wrap .gallery_top dd{line-height:20px} #gallery_wrap .gallery_top dd br { display:none;} #gallery_wrap .gallery_top .write{font-size:12px;color:#333} #gallery_wrap .gallery_top .date{font-size:12px;color:#888} #gallery_wrap .gallery_top .view_count{font-size:12px;color:#888} #gallery_wrap .gallery_list:hover .image_bagic{border:1px solid #3394dd;border-bottom:1px solid #eee;transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860)} #gallery_wrap .gallery_list:hover .gallery_top dl { border:1px solid #3394dd; border-top:0;box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.16);transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860)} #gallery_wrap .gallery_list:hover .gallery_top dt a { color:#3394dd;} #dk_gallery{} #dk_gallery .dk_gallery{margin:0 -10px;overflow:hidden;*zoom:1} #dk_gallery .dk_gallery:before, #dk_gallery .dk_gallery:after{clear:both;display:table;content:"";line-height:0} #dk_gallery .dk_gallery .theme{float:left;position:relative;width:25%} #dk_gallery .dk_gallery .theme dl{margin:0 10px 20px 10px;padding:10px;min-height:180px;height:180px\9;border:1px solid #cacaca;*zoom:1} #dk_gallery .dk_gallery .theme dl:before, #dk_gallery .dk_gallery .theme dl:after{clear:both;display:table;content:"";line-height:0} #dk_gallery .dk_gallery .theme dt{} #dk_gallery .dk_gallery .theme dt img{display:block;width:100%;height:120px} #dk_gallery .dk_gallery .theme dd{} #dk_gallery .dk_gallery .theme dd div a{display:block;padding:5px 0;font-weight:600;color:#1c368d;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} #dk_gallery .dk_gallery .theme dd ul{padding:5px 0} #dk_gallery .dk_gallery .theme dd li{padding:0 0 5px 0;color:#555;white-space:nowrap;overflow:hidden} #dk_gallery .dk_gallery .theme .bagic{text-align:center;transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860)} #dk_gallery .dk_gallery .theme .bagic a{display:block;height:120px;overflow:hidden;background:url(../img/noimg.png) no-repeat center center} #dk_gallery .dk_gallery .theme dl:hover{border:1px solid #3394dd;box-shadow:0px 2px 0px 0px rgba(0,0,0,0.16);transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860)} #dk_gallery .dk_gallery .theme dl:hover a{color:#3394dd;} /* #dk_book{} #dk_book .dk_book{margin:0 -10px;overflow:hidden;*zoom:1} #dk_book .dk_book:before, #dk_book .dk_book:after{clear:both;display:table;content:"";line-height:0} #dk_book .dk_book .webzine{float:left;position:relative; margin-bottom:20px;width:48%;height:280px;border: 1px solid #ddd;box-sizing: border-box;margin-right: 2%;} #dk_book .dk_book .webzine dl{padding:20px 10px;border:0px solid #cacaca;*zoom:1} #dk_book .dk_book .webzine dl:before, #dk_book .dk_book .webzine dl:after{clear:both;display:table;content:"";line-height:0} #dk_book .dk_book .webzine dt{float:left;width:36%} #dk_book .dk_book .webzine dt a {display: block;width: 100%;} #dk_book .dk_book .webzine dt img{display:block;padding:4px;width:98px;height:140px;margin-left:12px;border:1px solid #dedede} #dk_book .dk_book .webzine dd{float:left;width:56%;} #dk_book .dk_book .webzine dd div a{display:block;font-size:17px;font-weight:600;color:#1c368d;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} #dk_book .dk_book .webzine dd ul{padding:5px 0 0 0;min-height:110px;height:110px\9} #dk_book .dk_book .webzine dd li{font-size: 17px;color:#555;white-space:nowrap;overflow:hidden} #dk_book .dk_book .webzine dd li span{display:inline-block;font-size:17px;color:#060} #dk_book .dk_book .webzine dd li em{padding:0 2px} #dk_book .dk_book .webzine .content{margin:28px 0 0 -128px;height:40px;line-height:20px;font-size:15px;color:#888;overflow:hidden} #dk_book .dk_book .more{display:none;margin:0 10px;padding:7px 20px;font-size:13px;text-align:right;color:#aa6801;border:1px solid #cacaca;border-top:0;background:#fafafa} #dk_book .dk_book .detail{position:relative;padding-bottom:20px} #dk_book .dk_book .detail dl{margin:0 10px;padding:20px;border:1px solid #cacaca;*zoom:1} #dk_book .dk_book .detail dl:before, #dk_book .dk_book .detail dl:after{clear:both;display:table;content:"";line-height:0} #dk_book .dk_book .detail dt{float:left;width:22%} #dk_book .dk_book .detail dt img{display:block;padding:4px;width:160px;border:1px solid #dedede} #dk_book .dk_book .detail dd{float:left;width:78%} #dk_book .dk_book .detail dd div{display:block;padding:5px 0;line-height:22px;font-size:15px;font-weight:600;color:#1c368d} #dk_book .dk_book .detail dd ul{padding:10px 0} #dk_book .dk_book .detail dd li{padding:0 0 5px 0;color:#555} #dk_book .dk_book .detail dd li span{float:left;display:block;padding:0 0 0 10px;width:60px;font-size:13px;color:#060;background:url(../img/dp2.png) no-repeat 0 6px} #dk_book .dk_book .detail dd li em{padding:0 10px} #dk_book .dk_book .detail p{height:60px;line-height:20px;color:#888;overflow:hidden} #dk_book .dk_book .info{margin:10px;margin-top:0;padding:10px 20px 20px 20px;border:1px solid #cacaca;background:#fafafa} #program div.subject_a{margin:10px 0 15px 50px;background:url("../img/pro_content/list_title_line.gif") no-repeat 50px 0.6em} #program div.subject_a span.head{float:left;width:50px;background:url("../img/common/bullet_list01.gif") no-repeat 0 0.7em;padding:7px 0 0 10px;font-weight:600} #program div.subject_a input{width:470px;height:17px;border:1px solid #d3d3d3}*/ /*.answer_box { position:relative; z-index:2; padding:15px; background:#f6f6f6;border-bottom:1px solid #d2d2d2; overflow:hidden;} .answer_box h4 { } .answer_box .answer_contents { padding:10px 0 15px 0; } .answer_box span { font-size:11px; color:#777;}*/ /*********** 덧글 영역 ************/ div.sg_reply{width:100%} div.sg_reply .writing{background: url(../img/line_dotted.gif) repeat-x bottom;padding:10px;font-size:0.92em} /*덧글내용*/ div.sg_reply .writing .info .id{font-weight:600} div.sg_reply .writing .info .day{color:#ff6f6f} div.sg_reply .writing .info img{vertical-align:middle;margin-bottom:2px} div.sg_reply .writing .con{line-height:16px;padding-top:7px} /*덧글쓰기 폼*/ div.sg_reply .reply_form{margin-top:10px} div.sg_reply .reply_form .outline{} div.sg_reply .reply_form .outline fieldset legend {padding:0;font-size:0;line-height:0;text-indent: -2000px} div.sg_reply .reply_form .outline .row_input{padding:2px 15px} div.sg_reply .reply_form .outline .row_input input{vertical-align:middle;margin-bottom:2px} div.sg_reply .reply_form .outline .row_input span.pad{padding-left:30px} div.sg_reply .reply_form .outline textarea{color:#5d5d5d;background:#ffffff;border:1px solid #bcbcbc;height:40px;width:648px} #wd_print .guide_txt{padding:5px 0 20px 0;text-align:right;border-bottom:1px solid #333} #wd_print .guide_txt .required{color:#f00;font-weight:600} #wd_print .row_input{position:relative;padding:10px 0 10px 120px;min-height:26px;border-bottom:1px solid #d2d2d2;} #wd_print .row_input * {font-size:14px} #wd_print .row_input > label{/*display:*/block;position:relative;padding:4px 0} #wd_print .row_input > label.fl{margin:0 5px 0 0} #wd_print .row_input span.head{position:absolute;top:10px;left:20px;display:block;/*line-height:30px;*/font-weight:600;text-align:left;white-space:nowrap;color:#464646} #wd_print .row_input span.required{position:absolute;top:10px;left:10px;color:#f00;font-weight:600} #wd_print .row_input span.info {width:auto !important;margin:0;padding-top:6px;display:block;letter-spacing: -0.05em;border:none} #wd_print .row_input input.long {width:auto !important} #wd_print .row_input span.data {display:block;padding:4px 0 2px 0;line-height:140%} #wd_print .row_input .dk_textarea{padding:10px;width:100%;height:300px;border:1px solid #ccc} #design .reply_form { padding-bottom:20px;} #design .reply_form .outline { position:relative; } #design .reply_form .outline .row_input_reply { width:100%;} #design .reply_form .outline .btn_board_ok { position:absolute;height: 90px;cursor:pointer; right:0; top:0; width:10%;} #design .reply_form .outline textarea { width: calc(100% - 140px);min-height: 90px;} div.sg_pass{padding:20px 50px} div.sg_pass .sg_pass_box{border:solid #d2d2d2;border-width:2px 0;padding:30px;text-align:center;background:#f9f9f9} div.sg_pass .sg_pass_box span{padding:0 0 0 13px;background:url(../img/bullet_arrow.gif) no-repeat 0 0.2em} div.sg_pass .sg_pass_box input{vertical-align:middle;margin-bottom:4px;width:150px} div.sg_pass .sg_pass_btn{text-align:center;padding-top:15px} div.sg_pass .sg_pass_btn img, div.sg_pass .sg_pass_btn input{vertical-align:middle} div.sg_pass .sg_pass_btn input{padding:5px 10px;border:1px solid #ccc} div.sg_pass .sg_pass_btn a{display:inline-block; position:relative; top:1px;padding:5px 10px;line-height:20px;color:#fff;border:1px solid #999;background:#999} div.sg_reply{padding-top:5px;} div.sg_reply .reply_form{overflow:hidden; padding-bottom:28px;border-bottom:1px solid #ddd;} div.sg_reply .reply_form h2{color:#333 !important;font-size:14px !important;;margin:10px 0;float:left;background:none;padding:0} div.sg_reply .reply_form p.reply_num{text-align:right;float:right;font-size:12px;margin:10px 0 0 0} div.sg_reply .reply_form .outline{clear:both} div.sg_reply .reply_form .outline fieldset{border:0;overflow:hidden; position:relative;} div.sg_reply .reply_form .outline .row_input_reply{float:left;width:100%;} div.sg_reply .reply_form .outline .row_input_reply textarea{padding:10px;width:100%;height:50px;border:1px solid #888;resize:none;overflow-y:auto} div.sg_reply .reply_form .outline .row_input_reply .sg_file{display:block; width:100%; padding:3px 0;font-size:12px;} div.sg_reply .reply_form .outline .btn_board_ok{position:absolute; right:0;width:18%;height:72px;color:#fff !important;border:0;background:#444; cursor:pointer;} div.sg_reply .writing{border-bottom:1px solid #dfdfdf;padding:10px 0;font-size:12px;clear:both;overflow:hidden;position:relative} div.sg_reply .best_wrap{margin:10px 0 0;border-top:1px solid #c5d7e0} div.sg_reply .best_wrap .writing{padding:10px;background:#f3f3f1;border-bottom:1px solid #c5d7e0} div.sg_reply .best_wrap .writing .best_re{position:absolute;left:0;top:0} div.sg_reply .writing_re{padding:10px 0 10px 38px;overflow:hidden;background:#f7f7f7 url(../img/ico_reply.png) no-repeat 10px 13px} div.sg_reply .writing .profile_photo{float:left;width:42px;height:50px} div.sg_reply .writing .profile_photo img {width:42px;height:50px} div.sg_reply .writing .con_wrap{color:#555} div.sg_reply .writing .con_wrap #con_info{overflow:hidden} div.sg_reply .writing .con_wrap #con_info .info{float:left} div.sg_reply .writing .con_wrap #con_info .info .id{font-weight:700;margin-right:10px;position:relative;display:inline-block} div.sg_reply .writing .con_wrap #con_info .info .level01{background-position:0 0} div.sg_reply .writing .con_wrap #con_info .info .level02{} div.sg_reply .writing .con_wrap #con_info .info .level03{background-position:0 -40px} div.sg_reply .writing .con_wrap #con_info .info .level04{background-position:0 -60px} div.sg_reply .writing .con_wrap #con_info .info .day{color:#888;font-size:11px; display:inline-block; margin-top:-2px;} div.sg_reply .writing .con_wrap .m_d{float:right;padding-right:8px;} div.sg_reply .writing .con_wrap .m_d .postedit{float:left; color:#fff; font-size:0px !important;} div.sg_reply .writing .con_wrap .m_d .postedit a { display:inline-block; padding:1px 9px;color:#333; margin-left:4px; font-size:13px !important; background:#fff; border:1px solid #ddd; border-radius:3px;} div.sg_reply .writing .con_wrap .con{font-size:12px;padding:0; margin:0;} #program .okay{padding:20px 0} #program .okay *{font-size:13px} #program .okay p{padding:20px 0;margin-bottom:20px;font-size:14px;color:#f04d48;border-top:0px solid #eee;border-bottom:1px solid #eee} #program .okay p a{padding:5px 10px;color:#fff;border:1px solid #f04d48;background:#f04d48;border-radius:3px} #program .okay li{padding:2px 0;color:#333} #sg_btn_area{padding:10px 0 !important;text-align:right} #sg_btn_area a, #sg_btn_area button{display:inline-block;padding:5px 14px 7px 14px !important;font-size:15px;color:#fff;border:1px solid #555;background:#555;border-radius:3px} #sg_btn_area input{padding:5px 14px 7px 14px;font-size:15px;color:#fff;border:1px solid #555;background:#555;border-radius:3px} /*동의*/ #design .pri_box { margin-bottom: 30px; padding:20px 20px 40px; box-sizing: border-box; background: #fbfbfb; border-top: 2px #f7941d solid; border-bottom: 2px #dfdfdf solid; } #design .pri_box .scr_box { width: 100%; height: 190px; padding: 24px; box-sizing: border-box; border: 1px #dcdcdc solid; resize: none; overflow-y: scroll; background: #fff; } #design .pri_box .scr_box .txt_box { margin-top: 0 !important; } #design .pri_box .scr_box .txt_box > dl, .pri_box .scr_box .txt_box > ul {margin-bottom:16px;} #design .pri_box .scr_box .txt_box > dl dt, #design .pri_box .scr_box .txt_box > dl dd {font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';} #design .pri_box .scr_box .txt_box > ul li { margin-top: 10px;} #design .pri_box .radio_box { float: right; } /*#design .agree_box {margin-top: 10px;} #design .radio_box, #design .check_box { height: 100%; display: table; } #design .radio_box .radio { height: 26px; padding: 0 30px 0 0; display: table-cell; vertical-align: middle; position: relative; z-index: 1; line-height: 26px; } #design .radio_box strong { float: left; vertical-align: middle;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';} #design .radio_box i { width: 26px; height: 26px; margin-right: 10px; display: block; border: 1px #dcdcdc solid; border-radius: 13px; box-sizing: border-box; float: left; position: relative; z-index: 1; background: #fff } #design .radio_box input { opacity: 0; width: 26px; height: 26px; position: absolute; left: 0; top: 0; z-index: 2; cursor: pointer; } #design .radio_box input:checked + i::after { content: ""; width: 10px; height: 10px; display: block; background: #ef4629; border-radius: 5px; position: absolute; left: 7px; top: 7px; }*/ /******************** inupt ********************/ #design input[type="text"], #design input[type="password"], #design select {width: 25%;height: 40px;padding: 0 15px;border: 1px solid #ddd;font-size: 15px;} #design input[type="radio"], #design input[type="checkbox"] {vertical-align: middle;} #design input[type="file"] {width: 50%;padding: 7px;border: 1px solid #ddd;font-size: 15px;} #design input[type="file"] + .btn {margin-left: 5px;} #design input[readonly="readonly"] {background-color: #efefef;} #design input[type="button"] {font-family: inherit;border: 0;} #design label {display: inline-block;height: 40px;margin: 1px 0;line-height: 40px;vertical-align: middle;} #design textarea {width: 100%;min-height: 210px;padding: 20px;border: 1px solid #ddd;box-sizing: border-box;font-size: 15px;font-weight: 400;color: #555;font-family: 'Montserrat','Noto Sans KR','notoSansCJK','Malgun Gothic','맑은고딕','dotum','돋움','gulim','굴림','Tahoma','sans-serif', sans-serif;} /******************** .btn ********************/ .btn_wrap {text-align: center;} .btn {display: inline-block;padding: 7px 10px;font-size: 14px;vertical-align: middle;} .btn + .btn {margin-left: 5px;} #contain table .btn + .btn {margin-top: 2px;margin-left: 0;} .mid_btn {display: inline-block;} .big_btn {display: inline-block;width: 50%;width: 300px;height: 50px;padding: 0 20px;font-size: 18px;line-height: 50px;font-weight: 500;box-sizing: border-box;vertical-align: middle;} .btn_blue {background: #3c8dce !important;color: #fff !important;} .btn_white {background: #fff !important;color: #333 !important;border: 1px solid #333 !important;} .btn_black {background: #333 !important;color: #fff !important;} .btn_red {background: #b02323 !important;color: #fff !important;} .btn_purple {background: #641886 !important;color: #fff !important;} .btn_yellow {background: #f4cb0a !important;color: #333 !important;} .btn_orange {background: #f23f15 !important;color: #fff !important;} .btn_gray {background: #555 !important;color: #fff !important;} .btn_navy {background: #02032e !important;color: #fff !important;}