@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css); @import url(/_font/font.css); #contain .kboard{position:relative;margin:53px 0} #contain .kboard .required{padding:0 5px;color:#ff0000} #contain .kboard h2{padding:0 20px;line-height:78px;font-size:24px;font-weight:600;color:#3e4d65;border-top:1px solid #3e4d65} #contain .kboard .tip{padding:20px 0;font-size:14px;font-weight:300;color:#707070;text-align:right} #contain .kboard .opp{border-top:1px solid #eee} #contain .kboard .opp dl{display:flex;align-items:center;gap:20px;border-bottom:1px solid #eee;background:#fafafa} #contain .kboard .opp dt{padding:0 0 0 20px;min-width:120px;font-size:14px;font-weight:700;color:#353535} #contain .kboard .opp dd{display:flex;align-items:center;gap:10px;padding:10px;width:100%;min-height:60px;font-size:14px;font-weight:400;color:#454545;background:#fff} #contain .kboard .opp dd img{display:block;width:auto;max-width:100%;height:auto} #contain .kboard .opp dd a{display:flex;align-items:center;gap:10px} #contain .kboard .opp dd select{width:100%} #contain .kboard .ip-txt{padding:0 16px;width:100%;height:40px;border:1px solid #eaeaea;background:#f8f8f8} #contain .kboard .tx-txt{padding:15px;width:100%;min-height:200px;color:#8a8a8a;border:1px solid #eaeaea;background:#f8f8f8} #contain .ty01{display:flex;align-items:center;justify-content:center;margin:0 auto;width:40px;height:20px;font-size:13px;font-weight:500;color:#fff;background:#FF5200;border-radius:4px} #contain .ty02{display:flex;align-items:center;justify-content:center;margin:0 auto;width:40px;height:20px;font-size:13px;font-weight:500;color:#fff;background:#009BFF;border-radius:4px} #contain .contit{position:relative;margin:0 0 20px 0} #contain .contit .tit{display:flex;align-items:center;gap:10px;height:35px;color:#092e4b} #contain .contit .tit i{font-size:24px} #contain .contit .tit span{font-size:18px;font-weight:700} #contain .conbox{position:relative;padding:0 0 40px 40px} #contain .conbox .ins dl{display:flex;align-items:center;gap:10px} #contain .conbox .ins dl + dl{margin-top:14px} #contain .conbox .ins dt{font-size:16px;font-weight:500;color:#333} #contain .conbox .ins dd{font-size:16px;font-weight:300;color:#333} #contain .gallery_coupon{display:flex;flex-wrap:wrap;margin-right:-30px} #contain .gallery_coupon .inner{margin:0 !important;width:33.33%} #contain .gallery_coupon .item{margin:0 30px 30px 0} #contain .gallery_coupon .item .image{padding-bottom:60%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover} #contain .gallery_coupon .item .img{height:auto !important} #contain .gallery_coupon .item .box{padding:20px 0;height:auto !important} #contain .gallery_coupon .item .tit a{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} #contain .gallery_coupon .item .txt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden} #contain .gallery_coupon .item .txt img{display:none} #contain .gallery_coupon .noimg{padding-bottom:60%;background-color:#aaa;background-repeat:no-repeat;background-position:50% 50%;background-size:cover} #contain .gallery_coupon + .khsearch{display:none} #contain *{letter-spacing:-1px} #contain #wait{text-align:center} #contain .sort{position:relative;margin:15px 0} #contain .sort ul{border-top:1px solid #e9e9e9;border-left:1px solid #e9e9e9;overflow:hidden} #contain .sort li{float:left;width:33.33%;position:relative;border-right:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fbfbfb} #contain .sort li a{display:block;padding:0 40px 0 10px;line-height:60px;font-size:13px;font-weight:bold;color:#353535;letter-spacing:-1px} #contain .sort li i{position:absolute;top:0;right:10px;line-height:60px;font-size:24px;color:#b0b0b0} #contain .sort li.sel, #contain .sort li:hover{background:#3e4d65} #contain .sort li.sel a, #contain .sort li:hover a, #contain .sort li.sel i, #contain .sort li:hover i{color:#fff} #contain .sort li.sel i:before, #contain .sort li:hover i:before{content:"\e920"} /**/ #contain .tabcoupon ul{padding:30px 0;text-align:center;overflow:hidden} #contain .tabcoupon li{float:left;width:14.28%;height:42px;border:1px solid #e6e6e6;border-right:0;background:#fbfbfb} #contain .tabcoupon li:last-child{border-right:1px solid #e6e6e6} #contain .tabcoupon li:hover:last-child{border-right:1px solid #e6e6e6} #contain .tabcoupon li a{display:block;line-height:42px;font-size:15px;font-weight:500} #contain .tabcoupon li:hover, #contain .tabcoupon li.sel{float:left;height:42px;border:1px solid #e6e6e6;border-top:1px solid #20909c;border-right:0;border-bottom-color:transparent;background:#fff} #contain .tabcoupon li:last-child.sel{border-right:1px solid #e6e6e6} #contain .tabcoupon li:hover a, #contain .tabcoupon li.sel a{color:#20909c} /**/ #contain .khgall{padding:20px 0 60px 0} #contain .khgall ul{margin:0 -20px 0 0;overflow:hidden} #contain .khgall li{float:left;width:33.33%} #contain .khgall .inner{margin:0 20px 20px 0;text-align:center} #contain .khgall .img{overflow:hidden} #contain .khgall .img img{width:100%;height:auto;max-height:100%;transition:all 0.5s} #contain .khgall li:hover img{transform:scale(1.05)} #contain .khgall .box{padding:15px 0;height:150px;overflow:hidden} #contain .khgall .tit a{line-height:1.6;font-size:14px;font-weight:500;color:#3e4d65} #contain .khgall .txt{line-height:1.4;font-size:12px;font-weight:400;color:#707070} #contain .khgall .info{display:none} #contain .khgall .info dt{display:none} #contain .khgall .info dd{display:inline-block;font-size:13px;color:#999} #contain .khgall .info dd:after {content:'';display:inline-block;vertical-align:middle;width:1px;height:10px;background:#c3c3c3;margin:-2px 8px 0 12px} #contain .khgall .info dd:last-child:after{display:none} #contain .detail{position:relative} #contain .detail .infoView .tit{position:relative;padding:15px 0} #contain .detail .infoView .tit h2{display:inline-block;line-height:48px;font-size:24px;font-weight:bold;color:#3e4d65} #contain .detail .infoView .tit h3{position:relative;margin-bottom:10px;padding:20px 0 0 0;font-size:18px;font-weight:700;color:#353535} #contain .detail .infoView .tit h3:before{content:'';position:absolute;top:0;left:0;width:15px;height:7px;background:#434343} #contain .detail .infoView .tit h3:after{content:'';position:absolute;top:0;left:8px;width:0;height:0;border-top:0 solid transparent;border-left:7px solid transparent;border-right:0 solid #fff;border-bottom:11px solid #fff} #contain .detail .infoView .tit p{display:inline-block;margin:0 0 0 15px;font-size:16px;color:#707070;vertical-align:top} #contain .detail .infoView .tit .add{position:absolute;top:0;right:0;line-height:28px;padding:15px 0 30px 0} #contain .detail .infoView .infowrap{margin:0 0 5px 0;border-top:1px solid #e9e9e9;padding:30px 0;overflow:hidden} #contain .detail .infoView .infoimg{float:left;width:50%;overflow:hidden} #contain .detail .infoView .infoimg img{width:100%;height:auto} #contain .detail .infoView .infobox{float:right;width:48%;border:1px solid #e9e9e9;border-left:0;border-right:0} #contain .detail .infoView .infobox .subject{padding:10px;line-height:1.4;font-size:20px;font-weight:700;color:#353535} #contain .detail .infoView .infobox .infotxt{line-height:2;font-size:15px} #contain .detail .infoView .infobox .infotxt br{display:none} #contain .detail .infoView .table{padding:0 0 15px 0} #contain .detail .infoView .table table{position:relative;width:100%;border-collapse:collapse} #contain .detail .infoView .table table *{letter-spacing:0 !important} #contain .detail .infoView tbody th{padding:20px 0;font-weight:500;color:#353535;border:1px solid #e6e6e6;border-left:0;background:#f2f6f9;font-size:15px} #contain .detail .infoView tbody th:nth-child(3){border-left:1px solid #e6e6e6} #contain .detail .infoView tbody td{padding:0 28px;color:#707070;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;border-left:0;font-size:15px} #contain .detail .infoView tbody td span{display:inline-block;padding:0 5px;width:36px;height:36px} #contain .detail .infoView tbody td span span{display:none} #contain .detail .infoView .img{margin:0 0 30px 0;text-align:center} #contain .detail .infoView .timg{margin-top:40px} #contain .detail .infoView .timg ul{overflow:hidden} #contain .detail .infoView .timg li{float:left;position:relative;margin-right:2px} #contain .detail .infoView .timg li:before{position:absolute;top:0;left:0;width:20px;height:20px;line-height:20px;font-size:11px;font-weight:bold;color:#fff;background:#5fa602;border-radius:0 0 5px 0;overflow:hidden;text-align:center} #contain .detail .infoView .timg li:nth-child(1):before{content:'1'} #contain .detail .infoView .timg li:nth-child(2):before{content:'2'} #contain .detail .infoView .timg li:nth-child(3):before{content:'3'} #contain .detail .infoView .timg li:nth-child(4):before{content:'4'} #contain .detail .infoView .timg li:nth-child(5):before{content:'5'} #contain .detail .infoView .timg li:nth-child(6):before{content:'6'} #contain .detail .infoView .timg li img{width:auto;height:100%;border-radius:5px;overflow:hidden;box-shadow:0px 5px 5px rgba(0,0,0,0.1)} #contain .detail .infoView .txt{margin-bottom:30px;line-height:30px;font-size:16px;color:#707070} #contain .detail .infoView .button {padding:30px 0 ;text-align:center} #contain .detail .infoView .button a{display:inline-block;padding:12px 50px;font-size:18px;color:#fff;font-weight:700;background:#3e4d65;box-shadow:0px 5px 5px rgba(0,0,0,0.1)} #contain .detail .infoView .btn{position:absolute;top:20px;right:0} #contain .detail .infoView .btn a{display:inline-block;padding:0 25px;line-height:40px;font-size:14px;font-weight:600;color:#fff;background:#33acb0;box-shadow:0px 5px 5px rgba(0,0,0,0.1)} #contain .detail .infoView .btn a:hover{filter:brightness(1.1);box-shadow:0px 8px 8px rgba(0,0,0,0.1)} #contain .detail .bt_mod {background:#455f7b !important} #contain .sub_table{margin:0 0 30px 0} #contain .sub_table *{letter-spacing:0} #contain .sub_table table{width:100%;border-collapse:collapse;border-top:1px solid #dfdfdf;text-align:center} #contain .sub_table table thead{line-height:50px;background:#fbfbfb} #contain .sub_table table thead tr{} #contain .sub_table table thead th{font-size:14px;font-weight:500;color:#333;border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf} #contain .sub_table table thead th:last-child{border-right:0} #contain .sub_table table tbody tr{border-bottom:1px solid #dfdfdf} #contain .sub_table table tbody th{border-right:1px solid #ededed;background:#fafbfc;font-size:13px;font-weight:600;color:#333} #contain .sub_table table tbody td{padding:20px 10px;font-size:13px;font-weight:400;color:#333;border-right:1px solid #ededed;border-bottom:1px solid #ededed;vertical-align:middle;word-break:keep-all} #contain .sub_table table tbody td:last-child{border-right:0} #contain .lp1{margin:0 0 50px 0} #contain .lp1 li{position:relative;margin:3px 0;padding-left:11px;color:#555;line-height:24px;font-size:15px;text-align:left;word-wrap:break-word;word-break:keep-all} #contain .lp1 > li:before{content:'';position:absolute;top:13px;left:0;width:4px;height:4px;margin-top:-2px;border-radius:4px;background:#959595} #contain .lp2 > li:before{content:'';position:absolute;top:50%;left:0;width:5px;height:1px;background:#959595} #contain .btn-file{position:relative;display:inline-block;margin:0 0 50px 0;padding:0 15px;padding-left:50px;line-height:50px;font-size:14px;font-weight:300;color:#333;background:#fff;border:1px solid #ccc} #contain .btn-file:before{content:"\ea8b";position:absolute;top:10px;left:10px;width:30px;line-height:30px;font-size:16px;color:#fff;font-family:xeicon;border-radius:30px;background:#3e4d65;text-align:center} #contain .btn-file:hover{background:#f9f9f9} #contain .state{position:relative;padding:0 10px} #contain .state .tit{position:relative;padding:20px 0;line-height:28px;font-size:20px;font-weight:500;color:#353535} #contain .state .tit:before{content:'';position:absolute;top:0;left:0;width:15px;height:11px;background:#434343} #contain .state .tit:after{content:'';position:absolute;top:0;left:8px;width:0;height:0;border-top:0 solid transparent;border-left:7px solid transparent;border-right:0 solid #fff;border-bottom:11px solid #fff} #contain .information{position:relative;padding:80px 0;text-align:center} #contain .information .tit{position:relative;margin:0 0 120px 0;line-height:48px;font-size:20px;color:#3e4d65} #contain .information .tit strong{display:block;font-size:30px} #contain .information .tit strong span{color:#20909c} #contain .information .tit:after{content:'';position:absolute;bottom:-80px;left:50%;display:block;width:1px;height:40px;background:#61789a} #contain .information .img{margin:0 0 45px 0} #contain .information .txt{line-height:26px;font-size:15px;font-weight:500;color:#464646} #contain .corporate{position:relative} #contain .corporate .tit{position:relative;padding:30px 0;line-height:28px;font-size:18px;font-weight:bold;color:#353535} #contain .corporate .tit:before{content:'';position:absolute;top:0;left:0;width:15px;height:11px;background:#434343} #contain .corporate .tit:after{content:'';position:absolute;top:0;left:8px;width:0;height:0;border-top:0 solid transparent;border-left:7px solid transparent;border-right:0 solid #fff;border-bottom:11px solid #fff} #contain .corporate .ui-box{margin-bottom:30px;padding:20px;background-color:#fafafa} #contain .corporate .ui-box p{line-height:24px;font-size:15px;color:#da4453} #contain .corporate .ui-box p i{position:relative;top:2px;margin-right:8px;font-size:18px} #contain .foreign{position:relative} #contain .foreign .tit{position:relative;padding:20px 0;line-height:28px;font-size:18px;font-weight:500;color:#353535} #contain .foreign .tit:before{content:'';position:absolute;top:0;left:0;width:15px;height:11px;background:#353535} #contain .foreign .tit:after{content:'';position:absolute;top:0;left:8px;width:0;height:0;border-top:0 solid transparent;border-left:7px solid transparent;border-right:0 solid #fff;border-bottom:11px solid #fff} #contain .foreign .ui-box{margin-bottom:30px;padding:20px;background-color:#fafafa} #contain .foreign .ui-box p{line-height:24px;font-size:15px;color:#da4453} #contain .foreign .ui-box p i{position:relative;top:2px;margin-right:8px;font-size:18px} #contain .enterprise{position:relative} #contain .enterprise .tit{position:relative;padding:20px 0;line-height:28px;font-size:18px;font-weight:500;color:#353535} #contain .enterprise .tit i{position:relative;margin-right:8px;font-size:24px;font-weight:bold;color:#353535} #contain .enterprise .ui-box{margin-bottom:50px;padding:20px;background-color:#fafafa} #contain .enterprise .ui-box p{line-height:24px;font-size:15px;color:#da4453} #contain .enterprise .ui-box p i{position:relative;top:2px;margin-right:8px;font-size:18px} #contain .khmessage{position:relative;padding:75px 0 0 0;overflow:hidden} #contain .khmessage h3{margin-bottom:40px;line-height:28px;font-size:20px;font-weight:700;color:#353535} #contain .khmessage h3:before{content:'';display:block;position:relative;top:-10px;left:0;width:32px;height:6px;background:#434343} #contain .khmessage .tit{position:relative;padding:0 0 60px 0;margin:0 0 30px 0;text-align:center;font-size:22px} #contain .khmessage .tit:after{content:'';display:block;position:absolute;bottom:0;left:50%;width:1px;height:20px;background:#61789a} #contain .khmessage .tit p{line-height:36px;font-size:16px;font-weight:500;color:#3e4d65} #contain .khmessage .tit strong{display:block;line-height:56px;font-size:32px;font-weight:400;color:#3e4d65} #contain .khmessage .tit span{font-weight:500;color:#42ab9d} #contain .khmessage .ceo{position:relative;margin:0 0 30px 0;text-align:center;z-index:1} #contain .khmessage .ceo .sign{} #contain .khmessage .ceo .sign p{display:inline-block;line-height:28px;font-size:16px;color:#353535} #contain .khmessage .ceo .sign span{margin-left:10px;font-weight:600} #contain .khmessage .ceo .sign img{position:relative;top:17px;left:7px} #contain .khmessage .txt{position:relative;margin:0 0 50px 0;line-height:2;font-size:16px;font-weight:400;color:#707070;word-break:keep-all} #contain .khmessage .txt span{font-weight:500;color:#42ab9d} #contain .khmessage .txt br{display:none} #contain .khmessage .img{position:relative} #contain .khmessage .img img{width:174px;height:auto} #contain .khmessage .img ul{text-align:center;overflow:hidden} #contain .khmessage .img li{float:left;width:33.33%} #contain .khmessage .img li:nth-child(1){top:0;right:30px} #contain .khmessage .img li:nth-child(2){top:165px;right:250px} #contain .khmessage .img li:nth-child(3){top:400px;right:150px} #contain .khmessage .img span{display:block;padding:10px 0;font-size:16px;color:#707070} /**/ #contain .tabmedi ul{padding:60px 0;text-align:center;overflow:hidden} #contain .tabmedi li{float:left;width:20%;height:48px;border:1px solid #e6e6e6;border-right:0;background:#fbfbfb} #contain .tabmedi li:last-child{border-right:1px solid #e6e6e6} #contain .tabmedi li:hover:last-child{border-right:1px solid #e6e6e6} #contain .tabmedi li a{display:block;line-height:48px;font-size:16px;font-weight:500} #contain .tabmedi li:hover, #contain .tabmedi li.sel{float:left;border:1px solid #e6e6e6;border-top:1px solid #20909c;border-right:0;border-bottom-color:transparent;background:#fff} #contain .tabmedi li:last-child.sel{border-right:1px solid #e6e6e6} #contain .tabmedi li:hover a, #contain .tabmedi li.sel a{color:#20909c} #contain .khstate{padding:0 0 60px 0} #contain .khstate h3{display:none} #contain .khstate .table {} #contain .khstate .table table{position:relative;width:100%;border-collapse:collapse} #contain .khstate tbody{font-size:16px} #contain .khstate tbody tr th{line-height:45px;font-weight:500;color:#353535;border:1px solid #e6e6e6;border-left:0;background:#f2f6f9} #contain .khstate tbody tr:nth-child(4) th, #contain .khstate tbody tr:nth-child(5) th{line-height:110px} #contain .khstate tbody tr td{padding:0 28px;color:#707070;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;border-left:0} #contain .khstate tbody tr td span{display:inline-block;padding:0 5px;width:36px;height:36px} #contain .khproject{} #contain .khproject h3{margin-bottom:40px;line-height:28px;font-size:20px;font-weight:700;color:#353535} #contain .khproject h3:before{content:'';display:block;position:relative;top:-10px;left:0;width:32px;height:6px;background:#434343} #contain .khproject .list{margin:0 0 100px 0;overflow:hidden} #contain .khproject .list .img{float:left;width:40%;padding:10px 20px 0 0;margin-bottom:8px} #contain .khproject .list .table{float:left;width:60%} #contain .khproject .list .table h4{display:block;height:45px;font-size:18px;color:#343434;margin:0 0 20px 0} #contain .khproject .list .table h4 i{margin-right:10px} #contain .khproject .table table{position:relative;width:100%;border-collapse:collapse} #contain .khproject tbody{font-size:16px} #contain .khproject tbody tr th{font-weight:500;color:#353535;border:1px solid #e6e6e6;border-left:0;background:#f2f6f9} #contain .khproject tbody tr th:nth-child(3){border-left:1px solid #e6e6e6} #contain .khproject tbody tr td{padding:10px 18px;color:#707070;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;border-left:0} #contain .khproject tbody tr td span{display:inline-block;padding:0 5px;width:36px;height:36px} /**/ #contain .khcol{margin:0 0 60px 0;overflow:hidden} #contain .khcol h3{margin-bottom:40px;line-height:28px;font-size:20px;font-weight:700;color:#353535} #contain .khcol h3:before{content:'';display:block;position:relative;top:-10px;left:0;width:32px;height:6px;background:#434343} #contain .khcol .khlocate{position:relative;text-align:center} #contain .khcol .khlocate .locate{position:relative;margin:0 auto} #contain .khcol .khlocate .locate p{margin-bottom:40px;font-size:20px;font-weight:500;color:#353535} #contain .khcol .khlocate .lc01, #contain .khcol .khlocate .lc02, #contain .khcol .khlocate .lc03, #contain .khcol .khlocate .lc04{float:left;width:50%;font-size:18px} #contain .khcol .khlocate .lc01 span, #contain .khcol .khlocate .lc02 span, #contain .khcol .khlocate .lc03 span, #contain .khcol .khlocate .lc04 span{display:block;margin-bottom:35px;font-size:24px;font-weight:700;color:#41aa9c} #contain .khcol .list{} #contain .khcol .list ul{overflow:hidden} #contain .khcol .list li{float:left;width:25%;padding:30px 0;font-size:16px;border-right:1px solid #e6e6e6;text-align:center} #contain .khcol .list li:last-child{border:0} #contain .khcol .list li span{display:block;font-size:24px;font-weight:700;color:#61789a} #contain .khcol .map{padding:0 0 100px 0} #contain .khcol .place ul{overflow:hidden} #contain .khcol .place li{float:left;width:33.33%;text-align:center} #contain .khcol .place li span{display:block;padding:30px 0;font-size:18px;font-weight:500;color:#61789a} #contain .khmcs{padding:0 0 60px 0} #contain .khmcs h3{margin-bottom:40px;line-height:28px;font-size:20px;font-weight:700;color:#353535} #contain .khmcs h3:before{content:'';display:block;position:relative;top:-10px;left:0;width:32px;height:6px;background:#434343} #contain .khmcs .list{} #contain .khmcs .list ul{} #contain .khmcs .list li{width:100%;margin:0 0 10px 0;padding:30px;font-size:16px;background:#f2f6f9;overflow:hidden} #contain .khmcs .list li:last-child{margin-right:0} #contain .khmcs .list li .img{float:left;width:40%;padding:30px 0;height:150px;background:#fff;text-align:center} #contain .khmcs .list li .txt{float:left;width:60%;padding:30px;line-height:36px;font-size:16px;font-weight:400;color:#707070} #contain .khmcs .list li .txt span{display:block;font-size:18px;font-weight:700;color:#41aa9c} #contain .khcnt{padding:0 0 60px 0} #contain .khcnt h3{margin-bottom:40px;line-height:28px;font-size:20px;font-weight:700;color:#353535} #contain .khcnt h3:before{content:'';display:block;position:relative;top:-10px;left:0;width:35px;height:6px;background:#434343} #contain .khcnt .list{position:relative;padding:30px 60px;margin-bottom:30px;background:#f2f6f9;overflow:hidden} #contain .khcnt .list .tit{margin-bottom:20px;font-size:20px;font-weight:700;color:#41aa9c} #contain .khcnt .list .txt{margin-bottom:20px;line-height:36px;font-size:16px;font-weight:400;color:#707070} #contain .khcnt .list .txt i{position:relative;top:1px;margin-right:8px;font-size:18px;color:#343434} #contain .khcnt .list .img{text-align:center} #contain .khcnt .list .img li{display:inline-block;margin:0 0 0 20px;text-align:center} #contain .khcnt .list .img img{} #contain .khcnt .list .img span{display:block;padding:7px 0;font-size:16px;color:#707070} #contain .goal{position:relative;text-align:center} #contain .goal .img img{width:750px;height:auto} #contain .goal .tit{position:absolute;top:270px;left:50%;margin-left:-130px;font-size:36px;font-weight:700;color:#333} #contain .goal .txt{font-size:24px;font-weight:700;color:#7fc0b8} #contain .goal .txt img{display:block} #contain .goal .txt .g1{position:absolute;top:40px;left:50%;margin-left:-37px} #contain .goal .txt .g2{position:absolute;top:520px;right:50%;margin-right:245px} #contain .goal .txt .g3{position:absolute;top:520px;left:50%;margin-left:245px} #contain .goal p{padding:80px 0;line-height:30px;font-size:20px;font-weight:500;color:#3e4d65} /**/ #contain .khdsb{padding:0 0 60px 0} #contain .khdsb h3{margin-bottom:40px;line-height:28px;font-size:20px;font-weight:700;color:#353535} #contain .khdsb h3:before{content:'';display:block;position:relative;top:-10px;left:0;width:32px;height:6px;background:#434343} #contain .khdsb .list{position:relative;padding:20px;margin-bottom:30px;background:#f2f6f9;overflow:hidden} #contain .khdsb .list .info{} #contain .khdsb .list .img{text-align:right} #contain .khdsb .list .img img{} #contain .khdsb .list .img li{display:inline-block;margin:0 0 0 20px;text-align:center} #contain .khdsb .info .tit{position:relative;display:inline-block;padding:0 35px;margin-bottom:30px;line-height:60px;font-size:20px;font-weight:600;color:#fff;background:#77d7df} #contain .khdsb .info .tit strong{display:inline-block;margin-right:12px;width:40px;line-height:40px;font-weight:800;color:#77d7df;border-radius:50px;background:#fff;text-align:center;z-index:0} #contain .khdsb .info .txt{position:relative;padding:0 0 0 30px;line-height:36px;font-size:16px;font-weight:400;color:#707070} #contain .khdsb .info .txt h4{padding:0 0 30px 35px;line-height:24px;font-size:18px;font-weight:600;color:#2f2f2f} #contain .khdsb .info .txt h4:before{content:'';display:block;position:absolute;top:0;left:30px;width:24px;height:24px;border-radius:24px;background:#77d7df} #contain .khdsb .info .txt h4:after{content:'';display:block;position:absolute;top:7px;left:37px;width:10px;height:10px;border-radius:10px;background:#fff} #contain .khdsb .info .txt i{position:relative;top:1px;margin-right:12px;font-size:16px;color:#343434} /**/ #contain .khresult{padding-bottom:50px;overflow:hidden} #contain .khresult h3{margin-bottom:40px;line-height:28px;font-size:20px;font-weight:700;color:#353535} #contain .khresult h3:before{content:'';display:block;position:relative;top:-10px;left:0;width:32px;height:6px;background:#434343} #contain .khresult .list{margin:0 0 100px 0;overflow:hidden} #contain .khresult .list .img{float:left;width:40%;padding:10px 20px 0 0} #contain .khresult .list .img img{margin-bottom:8px} #contain .khresult .list .table{float:left;width:60%} #contain .khresult .list .table h4{display:block;font-size:18px;color:#343434;margin:0 0 20px 0} #contain .khresult .list .table h4 i{margin-right:10px;color:#343434} #contain .khresult .table table{position:relative;width:100%;border-collapse:collapse} #contain .khresult tbody{font-size:16px} #contain .khresult tbody tr th{font-weight:500;color:#353535;border:1px solid #e6e6e6;border-left:0;background:#f2f6f9} #contain .khresult tbody tr th:nth-child(3){border-left:1px solid #e6e6e6} #contain .khresult tbody tr td{padding:10px 18px;color:#707070;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;border-left:0} #contain .khresult tbody tr td span{display:inline-block;padding:0 5px;width:36px;height:36px} #contain .khresult tbody tr td br{display:none} #contain .khresult .table p{padding:20px 0;color:#707070} #contain .khresult .table span{float:right;padding:10px 0;font-size:16px;font-weight:500;color:#707070} /**/ #contain .kheffect{padding:0 0 60px 0} #contain .kheffect h3{margin-bottom:40px;line-height:28px;font-size:20px;font-weight:700;color:#353535} #contain .kheffect h3:before{content:'';display:block;position:relative;top:-10px;left:0;width:32px;height:6px;background:#434343} #contain .kheffect .list{position:relative;padding:30px;margin-bottom:30px;background:#f2f6f9;overflow:hidden} #contain .kheffect .list .img img{box-shadow:0px 5px 5px rgba(0,0,0,0.1)} #contain .kheffect .list .info{float:left;width:70%;padding:0 30px 0 0} #contain .kheffect .list .img{float:right;width:30%;text-align:right} #contain .kheffect .list .img li{display:inline-block;margin:0 0 0 20px;text-align:center} #contain .kheffect .info .tit{margin-bottom:15px;font-size:20px;font-weight:700;color:#3e4d65} #contain .kheffect .info .tit strong{margin-right:10px;line-height:36px;font-size:36px} #contain .kheffect .info .tit strong:after{content:'';display:inline-block;position:relative;top:0;left:0;width:10px;height:3px;background:#3e4d65} #contain .kheffect .info .txt{line-height:36px;font-size:16px;font-weight:400;color:#707070} #contain .kheffect .info .txt i{position:relative;top:1px;margin-right:8px;font-size:18px;color:#343434} /**/ #contain .location{padding:75px 0 0 0} #contain .location *{letter-spacing:0} #contain .location h3{margin-bottom:40px;line-height:28px;font-size:20px;font-weight:700;color:#353535} #contain .location h3:before{content:'';display:block;position:relative;top:-10px;left:0;width:32px;height:6px;background:#434343} /**/ #contain .event{padding:30px 0 0 0} #contain .event ul{overflow:hidden} #contain .event li{float:left;width:50%} #contain .event li:nth-child(odd){padding-right:5px} #contain .event li:nth-child(even){padding-left:5px} /**/ #contain .tabmenu * {transition:all 0.3s} #contain .tabmenu {margin-right:-7px} #contain .tabmenu ul {display:inline-block;width:100%;margin:30px 0;vertical-align:top} #contain .tabmenu li {float:left;width:12.5%} #contain .tabmenu li a{display:block;padding:5px 0;margin-right:3px;height:100px;border:2px solid #e6e6e6;text-align:center} #contain .tabmenu li a div{margin:0 auto;width:60px;height:60px;background:url(../img/iconmap.png) no-repeat 0 0;text-indent:-9999px;overflow:hidden} #contain .tabmenu li a span{line-height:30px;font-size:13px;font-weight:500;color:#9a9898;letter-spacing:-1px} #contain .tabmenu .ca01{background-position:0 0} #contain .tabmenu .ca02{background-position:-60px 0} #contain .tabmenu .ca03{background-position:-120px 0} #contain .tabmenu .ca04{background-position:-180px 0} #contain .tabmenu .ca05{background-position:-240px 0} #contain .tabmenu .ca06{background-position:-300px 0} #contain .tabmenu .ca07{background-position:-360px 0} #contain .tabmenu .ca08{background-position:-420px 0} #contain .tabmenu li a:hover, #contain .tabmenu li.sel a{border-color:#476381} #contain .tabmenu li:hover span, #contain .tabmenu li.sel span{color:#476381} #contain .tabmenu li.sel .ca01, #contain .tabmenu li:hover .ca01{background-position:0 -60px} #contain .tabmenu li.sel .ca02, #contain .tabmenu li:hover .ca02{background-position:-60px -60px} #contain .tabmenu li.sel .ca03, #contain .tabmenu li:hover .ca03{background-position:-120px -60px} #contain .tabmenu li.sel .ca04, #contain .tabmenu li:hover .ca04{background-position:-180px -60px} #contain .tabmenu li.sel .ca05, #contain .tabmenu li:hover .ca05{background-position:-240px -60px} #contain .tabmenu li.sel .ca06, #contain .tabmenu li:hover .ca06{background-position:-300px -60px} #contain .tabmenu li.sel .ca07, #contain .tabmenu li:hover .ca07{background-position:-360px -60px} #contain .tabmenu li.sel .ca08, #contain .tabmenu li:hover .ca08{background-position:-420px -60px} /**/ #contain .khtitle h3{display:none} #contain .khsearch{position:relative;padding:20px;margin:0 0 50px 0;background:#f2f6f9} #contain .khsearch fieldset{display:flex;align-items:center;justify-content:space-between;gap:10px} #contain .khsearch input{padding:0 12px;width:100%;height:50px;font-size:16px;border:1px solid #ccc} #contain .khsearch input:hover{box-shadow:0px 8px 8px rgba(0,0,0,0.1)} #contain .khsearch button{padding:0 12px;height:50px;font-size:16px;box-shadow:0px 5px 5px rgba(0,0,0,0.1)} #contain .khsearch button:hover{filter:brightness(1.1);box-shadow:0px 8px 8px rgba(0,0,0,0.1)} #contain .khsearch .selbox{position:relative} #contain .khsearch .selbox select{padding:0 12px;min-width:150px;width:100%;height:50px;font-size:14px;color:#777;border:1px solid #ccc;background:#fff;appearance:none} #contain .khsearch .selbox select:focus{border:1px solid #555} #contain .khsearch .selbox select:focus + i{transform:rotate(180deg);transition:all .2s} #contain .khsearch .selbox i{display:flex;align-items:center;justify-content:center;position:absolute;top:15px;right:15px;width:20px;height:20px;font-size:16px;pointer-events:none;transition:all .2s} #contain .khsearch .search{width:180px;color:#fff;background:#33acb0} #contain .khsearch .reset{width:136px;margin:0;color:#fff;background:#61789a} #contain .khsearch button:hover{filter:brightness(1.1)} #contain .khsearch input:focus, #contain .khsearch select:focus, #contain .khsearch option:focus{border:1px solid #476381} #contain .khitem .khbutton{text-align:center;padding:30px 0} #contain .khitem .khbutton a{display:inline-block;padding:12px 50px;font-size:18px;color:#fff;font-weight:700;background:#3e4d65;box-shadow:0px 5px 5px rgba(0,0,0,0.1)} #contain .khitem .khbutton a:hover{filter:brightness(1.1);box-shadow:0px 8px 8px rgba(0,0,0,0.1)} #contain .khitem .khpaging{text-align:center} #contain .khitem .khpaging a{display:inline-block;width:35px;height:35px;font-size:14px;font-weight:400;line-height:35px;border:1px solid #d7d7d7} #contain .khitem .khpaging a:hover{border-color:#61789a} #contain .khitem .khpaging strong{display:inline-block;width:35px;height:35px;font-size:14px;font-weight:400;color:#fff;line-height:35px;border:1px solid #61789a;background:#61789a} /**/ #contain .tabtour ul{padding:60px 0;text-align:center;overflow:hidden} #contain .tabtour li{float:left;width:16.66%;height:48px;border:1px solid #e6e6e6;border-right:0;background:#fbfbfb} #contain .tabtour li:last-child{border-right:1px solid #e6e6e6} #contain .tabtour li:hover:last-child{border-right:1px solid #e6e6e6} #contain .tabtour li a{display:block;line-height:48px;font-size:16px;font-weight:500} #contain .tabtour li:hover, #contain .tabtour li.sel{float:left;height:48px;border:1px solid #e6e6e6;border-top:1px solid #20909c;border-right:0;border-bottom-color:transparent;background:#fff} #contain .tabtour li:last-child.sel{border-right:1px solid #e6e6e6} #contain .tabtour li:hover a, #contain .tabtour li.sel a{color:#20909c} /**/ #contain .khlist{} #contain .khlist ul{margin-right:-35px;overflow:hidden} #contain .khlist li{float:left;width:33.33%;position:relative} #contain .khlist .inner{display:block;margin:0 15px 30px 0;overflow:hidden} #contain .khlist .img{display:table-cell;text-align:center;vertical-align:middle;overflow:hidden} #contain .khlist .img img{width:100%;height:auto;vertical-align:top} #contain .khlist .tit{display:block;margin:10px 0;font-size:18px;color:#3e4d65;font-weight:600;text-overflow:ellipsis;white-space:nowrap;text-align:center;overflow:hidden} #contain .khlist .txt{display:block;font-size:16px;color:#707070;font-weight:300;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} #contain .khlist .xi-home{display:block;position:absolute;top:0;right:15px;width:36px;line-height:36px;font-size:19px;color:#fff;background:#3e4d65;text-align:center} #contain .khlist .xi-home span{display:none} /**/ #contain .khcontent{padding:30px 0} #contain .khview{padding:0 0 100px 0} #contain .khview .tit{position:relative;padding:30px 0;margin:0 0 20px 0;border-bottom:1px solid #e6e6e6} #contain .khview .tit h2{display:inline-block;margin:0 10px 0 0;font-size:30px;color:#3e4d65} #contain .khview .tit p{display:inline-block;font-size:16px;color:#707070} #contain .khview .tit a{float:right;padding:14px 35px;font-size:18px;font-weight:700;color:#fff;background:#31bbd5;box-shadow:0px 5px 5px rgba(0,0,0,0.1)} #contain .khview .tit a:hover{filter:brightness(1.1);box-shadow:0px 8px 8px rgba(0,0,0,0.1)} #contain .khview .img{position:relative;margin-bottom:50px;overflow:hidden} #contain .khview .img .bx-wrapper{float:left;width:740px} #contain .khview .img .bx-wrapper li{max-height:460px;overflow:hidden;transition:none} #contain .khview .img .bx-wrapper li img{width:auto;max-width:100%;height:auto} #contain .khview .img #bx-pager{float:right;width:290px} #contain .khview .img #bx-pager a{display:inline-block;width:126px;height:78px;margin-bottom:17px} #contain .khview .img #bx-pager a:nth-child(odd){margin-right:26px} #contain .khview .img #bx-pager a:nth-child(9), #contain .khview .img #bx-pager a:nth-child(10){margin-bottom:0} #contain .khview .img img{width:auto;max-width:100%;height:auto} #contain .khview .xi-home{display:block;position:absolute;top:0;left:700px;right:330px;line-height:40px;font-size:20px;color:#fff;background:#3e4d65;text-align:center;z-index:55} #contain .khview .xi-home span{display:none} #contain .khview .table {} #contain .khview .table table{position:relative;width:100%;border-collapse:collapse} #contain .khview tbody{} #contain .khview tbody tr{} #contain .khview tbody tr th{line-height:60px;font-weight:500;color:#353535;border:1px solid #e6e6e6;border-left:0;background:#f2f6f9} #contain .khview tbody tr th:nth-child(3){border-left:1px solid #e6e6e6} #contain .khview tbody tr td{padding:0 28px;color:#707070;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;border-left:0} #contain .khview tbody tr td span{display:inline-block;padding:0 5px;width:36px;height:36px} #contain .khview tbody tr td span.kor{background:url("../img/kor.png") no-repeat center center} #contain .khview tbody tr td span.eng{background:url("../img/eng.png") no-repeat center center} #contain .khview tbody tr td span.chi{background:url("../img/chn.png") no-repeat center center} #contain .khview tbody tr td span.jpn{background:url("../img/jpn.png") no-repeat center center} #contain .khview tbody tr td span.rus{background:url("../img/rus.png") no-repeat center center} #contain .khview tbody tr td span.mog{background:url("../img/mog.png") no-repeat center center} #contain .khview tbody tr td span span{display:none} /**/ #contain .khinquiry{position:absolute;top:115px;left:0;width:100%;padding:30px;background:#fff;box-shadow:0px 0px 10px rgba(0,0,0,0.2);z-index:60} #contain .khinquiry .title{margin-bottom:50px;height:80px;background:url(../img/inq_hd.png) no-repeat 0 100%} #contain .khinquiry .title h2{font-size:32px;color:#434343;font-weight:800} #contain .khinquiry .title button{position:absolute;top:30px;right:30px;font-size:48px;background:none} #contain .khinquiry .table{margin-bottom:25px;overflow:hidden} #contain .khinquiry .table table{position:relative;margin-bottom:40px;width:100%;border-collapse:collapse} #contain .khinquiry .table tbody{border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6} #contain .khinquiry .table tbody tr{text-align:left;border-bottom:1px solid #e6e6e6} #contain .khinquiry .table tbody th{padding:0 30px;line-height:60px;background:#f2f6f9} #contain .khinquiry .table tbody th span{display:inline-block;padding:0 5px;color:#fc1818} #contain .khinquiry .table tbody td{padding:12px} #contain .khinquiry .table tbody td input{padding:6px 15px;height:40px;border:1px solid #e6e6e6;background:#fff} #contain .khinquiry .table tbody td select{padding:10px 5px;width:200px;height:40px;border:1px solid #e6e6e6} #contain .khinquiry .table tbody td textarea{width:100%;height:150px;border:1px solid #e6e6e6} #contain .khinquiry .btn_send{float:right;font-size:16px;font-weight:500;color:#fff;;width:167px;height:51px;background:#939393;box-shadow:0px 0px 10px rgba(0,0,0,0.2)} /**/ #contain .khintro{padding:0 0 100px 0} #contain .khintro h3{margin-bottom:40px;line-height:28px;font-size:18px;font-weight:700;color:#353535} #contain .khintro h3:before{content:'';display:block;position:relative;top:-8px;left:0;width:63px;height:6px;background:#434343} #contain .khintro .txt{line-height:30px;font-size:16px;color:#707070} #contain .khmap{padding:0 0 100px 0} #contain .khmap h3{margin-bottom:40px;line-height:28px;font-size:18px;font-weight:700;color:#353535} #contain .khmap h3:before{content:'';display:block;position:relative;top:-8px;left:0;width:63px;height:6px;background:#434343} #contain .khmap .map{margin-bottom:40px} #contain .khmap .txt{line-height:30px;font-size:16px;color:#707070} #contain .khtool{padding:0 0 100px 0} #contain .khtool h3{margin-bottom:40px;line-height:28px;font-size:18px;font-weight:700;color:#353535} #contain .khtool h3:before{content:'';display:block;position:relative;top:-8px;left:0;width:63px;height:6px;background:#434343} #contain .khtool .txt{line-height:30px;font-size:16px;color:#707070} #contain .khsns{padding:0 0 100px 0} #contain .khsns a{position:relative;display:inline-block;padding:0 5px;width:48px;line-height:48px;font-size:30px;border:1px solid transparent;border-radius:50px;text-align:center} #contain .khsns a span{display:none} #contain .khsns a:hover{width:80px} #contain .khsns .xi-facebook{color:#fff;background:#3b5999} #contain .khsns .xi-kakaotalk{color:#553c36;background:#feec01} #contain .khsite h3{margin-bottom:40px;line-height:28px;font-size:18px;font-weight:700;color:#353535} #contain .khsite h3:before{content:'';display:block;position:relative;top:-8px;left:0;width:63px;height:6px;background:#434343} #contain .khsite .table {} #contain .khsite .table table{position:relative;width:100%;border-collapse:collapse} #contain .khsite tbody{} #contain .khsite tbody tr{} #contain .khsite tbody tr th{line-height:60px;font-weight:500;color:#353535;border:1px solid #e6e6e6;border-left:0;background:#f2f6f9} #contain .khsite tbody tr th:nth-child(3){border-left:1px solid #e6e6e6} #contain .khsite tbody tr td{padding:0 28px;color:#707070;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;border-left:0} #contain .khsite tbody tr td span{display:inline-block;padding:0 5px;width:36px;height:36px} #contain .khbutton{padding:30px 0;text-align:center} #contain .khbutton button{display:inline-block;padding:12px 50px;font-size:18px;color:#fff;font-weight:700;background:#3e4d65;box-shadow:0px 5px 5px rgba(0,0,0,0.1)} #contain .khbutton button:hover{filter:brightness(1.1);box-shadow:0px 8px 8px rgba(0,0,0,0.1)} #contain .khbutton a{display:inline-block;padding:12px 50px;font-size:18px;color:#fff;font-weight:700;background:#3e4d65;box-shadow:0px 5px 5px rgba(0,0,0,0.1)} #contain .khbutton a:hover{filter:brightness(1.1);box-shadow:0px 8px 8px rgba(0,0,0,0.1)} #contain .khbutton .bt_edit{background:#829dc6} #contain .khbutton .bt_list{background:#3e4d65} /**/ #contain .khtour{} #contain .khtour .map{margin-bottom:30px} #contain .khtour .map span{display:block;margin-bottom:10px;font-size:15px;color:#707070} #contain .khtour .map ul{display:none} #contain .khtour .quick{margin-bottom:120px} #contain .khtour .quick ul{border-bottom:1px solid #e6e6e6;overflow:hidden} #contain .khtour .quick li{float:left;width:20%;position:relative;padding:0 10px;border:1px solid #e6e6e6;border-left:0;border-bottom:0;background:#fbfbfb;overflow:hidden} #contain .khtour .quick li:nth-child(1), #contain .khtour .quick li:nth-child(6){border-left:1px solid #e6e6e6} #contain .khtour .quick li a{display:block;line-height:54px;font-size:16px;font-weight:500;color:#353535} #contain .khtour .quick li a:before{position:aboslute;right:0} #contain .khtour .quick li a i{position:absolute;top:50%;right:10px;margin-top:-7px;color:#c3c3c3} #contain .khtour .quick li:hover a, #contain .khtour .quick li:hover a i{color:#31bbd5} #contain .khtour .list{position:relative;margin:0 0 60px 0} #contain .khtour .list h3{margin-bottom:40px;line-height:28px;font-size:22px;font-weight:700;color:#353535} #contain .khtour .list h3:before{content:'';display:block;position:relative;top:-5px;left:0;width:32px;height:6px;background:#434343} #contain .khtour .list .info{overflow:hidden} #contain .khtour .list .img{float:left;width:40%;padding:0 15px 0 0} #contain .khtour .list .table{float:left;width:60%} #contain .khtour .list .table table{position:relative;width:100%;border-collapse:collapse} #contain .khtour .list tbody{font-size:16px} #contain .khtour .list tbody tr th{line-height:60px;font-weight:500;color:#353535;border:1px solid #e6e6e6;border-left:0;background:#f2f6f9} #contain .khtour .list tbody tr th:nth-child(3){border-left:1px solid #e6e6e6} #contain .khtour .list tbody tr td{padding:10px;color:#707070;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;border-left:0} #contain .khtour .list tbody tr td span{display:inline-block;padding:0 5px;width:36px;height:36px} #contain .khtour .list tbody tr td a{color:#31bbd5} #contain .khtour .list tbody tr td a:hover{text-decoration:underline} #contain .khtour .list .table p{padding:20px 0;color:#707070} #contain .khtour .list .table span{float:right;padding:10px 0;font-size:16px;font-weight:500;color:#707070} #contain .khtour .list .txt{padding:30px 0;line-height:2;font-size:16px;font-weight:400;color:#707070} #contain .khtour .list .transport{overflow:hidden} #contain .khtour .list .transport li{position:relative;line-height:58px;padding:0 0 0 58px} #contain .khtour .list .transport li img{position:absolute;left:0} #contain .khtour .list .transport li span{padding:0 0 0 20px;height:58px;font-size:16px;font-weight:400;color:#707070} #contain .khtour .list#gs4 .img{float:none;width:100%} #contain .khtour .list#gs4 .txt{position:relative} #contain .khtour .list#gs4 .thumb{padding:60px 0} #contain .khtour .list#gs4 .thumb ul{margin:0 0 -30px 0;text-align:center;overflow:hidden} #contain .khtour .list#gs4 .thumb li{float:left;width:25%;margin:0 0 30px 0} #contain .khtour .list#gs4 .thumb img{padding:0 10px} #contain .khtour .list#gs4 .thumb span{display:block;padding:20px 0;font-size:16px;font-weight:400;color:#707070} #contain .khtour .list#gs5 .img{float:none;width:100%} #contain .khtour .list#gs5 .txt br{display:none} /**/ #contain .khcourse{} #contain .khcourse .tit{margin-bottom:100px;text-align:center} #contain .khcourse .tit h3{font-size:36px;font-weight:500;color:#333333} #contain .khcourse .tit h3 span{display:block;font-size:18px;color:#707070} #contain .khcourse .tit h3 span:before{content:'';display:block;position:relative;top:50px;left:50%;margin-left:-228px;width:456px;height:2px;background:#eaeaea} #contain .khcourse .tit h3 span:after{content:'';display:block;position:relative;top:50px;left:50%;margin-left:-93px;width:186px;height:9px;background:url(../img/subtit.png) no-repeat 50% 50%} #contain .khcourse .list h3{margin-bottom:40px;line-height:28px;font-size:22px;font-weight:700;color:#353535} #contain .khcourse .list h3:before{content:'';display:block;position:relative;top:-5px;left:0;width:32px;height:6px;background:#434343} #contain .khcourse .road{margin-bottom:30px} #contain .khcourse .tip{margin-bottom:50px} #contain .khcourse .tip span{display:block;line-height:24px;font-size:16px;color:#fe5c5c} #contain .khcourse .table{position:relative;width:100%;margin-bottom:10px;overflow:hidden} #contain .khcourse .table table{position:relative;width:100%;border-collapse:collapse} #contain .khcourse tbody{font-size:16px} #contain .khcourse tbody tr th{line-height:60px;font-weight:500;color:#353535;border:1px solid #e6e6e6;border-left:0;background:#f2f6f9} #contain .khcourse tbody tr th:nth-child(3){border-left:1px solid #e6e6e6} #contain .khcourse tbody tr td{padding:18px 28px;color:#707070;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;border-left:0} #contain .khcourse tbody tr td span{display:inline-block;padding:0 5px;width:36px;height:36px} #contain .khcourse tbody tr td a{color:#31bbd5} #contain .khcourse tbody tr td a:hover{text-decoration:underline} #contain .khcourse .img{padding:20px 0} #contain .khcourse .img ul{overflow:hidden} #contain .khcourse .img li{float:left;width:33.33%;text-align:center} #contain .khcourse .img li img{padding:0 5px} #contain .khcourse .img li span{display:block;padding:20px 0} #contain .khcourse .map{margin-bottom:100px;text-align:center} #contain .khcourse .map .txt{position:relative;top:20px;padding:30px 0;line-height:36px;font-size:18px} #contain .khcourse .map img{margin-bottom:50px} #contain .khcourse .map ul{width:100%;border-radius:100px;background:#f2f6f9;text-align:center} #contain .khcourse .map li{display:inline-block;;padding:0 80px 0 0;line-height:60px;font-size:16px;font-weight:400;color:#707070;background:url(../img/map_arrow.png) no-repeat 100% 50%} #contain .khcourse .map li:last-child{padding:0;background:none} #contain .khcourse .map li span{display:inline-block;margin:0 3px;width:21px;line-height:21px;font-size:14px;font-weight:900;color:#fff;border-radius:21px;background:#42aa9c;text-align:center} #contain .khcourse .map li:nth-child(1) span{background:#c56a09} #contain .khcourse .rc h3 span, #contain .khcourse .rc .map .txt span{color:#fe5c5c} #contain .khcourse .bc h3 span, #contain .khcourse .bc .map .txt span{color:#31bad4} /**/ #contain .khmediko{padding:80px 0 100px 0} #contain .khmediko h3{margin-bottom:40px;line-height:28px;font-size:20px;font-weight:700;color:#353535} #contain .khmediko h3:before{content:'';display:block;position:relative;top:-5px;left:0;width:32px;height:6px;background:#434343} #contain .khmediko .con{position:relative;margin:0 0 60px 0;padding:40px 40px 80px 40px;background:#f2f6f9} #contain .khmediko .con .tit{margin:0 0 35px 0;font-size:18px;font-weight:500;color:#343434} #contain .khmediko .con .txt{padding:0 0 50px 0;line-height:36px;font-size:16px;color:#707070} #contain .khmediko .con .txt:after{content:'';display:block;position:relative;top:45px;left:0;width:100%;height:1px;background:#d8d8d8} #contain .khmediko .con .txt br{display:none} #contain .khmediko .con .info{padding:50px 0 0 0} #contain .khmediko .con .info span{display:block} #contain .khmediko .con .addr{padding:0 0 30px 50px;background:url(../img/mdaddr.png) no-repeat 0 0} #contain .khmediko .con .time{padding:0 0 30px 50px;background:url(../img/mdtime.png) no-repeat 0 0} #contain .khmediko .con .phone{padding:0 0 0 50px;line-height:30px;font-size:30px;font-weight:700;color:#40a799;background:url("../img/mdphone.png") no-repeat 0 0} #contain .khmediko .con .img{position:absolute;right:30px;bottom:30px;width:30%} #contain .khmediko .con2 .vs01, #contain .khmediko .con2 .vs02{line-height:36px} #contain .khmediko .con2 .vs01{padding:0 0 30px 0} #contain .khmediko .con2 .vs02{padding:30px 0 0 0} #contain .khmediko .con2 .vs01:after{content:'';display:block;position:relative;top:40px;left:0;width:100%;height:1px;background:#d8d8d8} #contain .khmediko .con2 .link{color:#30b9d3;letter-spacing:0;text-decoration:underline} /**/ #contain .khkhidi{padding:40px 0 60px 0} #contain .khkhidi h3{margin-bottom:40px;line-height:28px;font-size:18px;font-weight:700;color:#353535} #contain .khkhidi h3:before{content:'';display:block;position:relative;top:-5px;left:0;width:32px;height:6px;background:#434343} #contain .khkhidi .con{position:relative;padding:40px;background:#f2f6f9} #contain .khkhidi .con img{margin-bottom:30px} #contain .khkhidi .con .tit{margin:0 0 20px 0;font-size:18px;font-weight:500;color:#343434} #contain .khkhidi .con .txt{padding:0 0 50px 0;line-height:36px;font-size:16px;color:#707070} #contain .khkhidi .con .txt i{margin-right:8px;color:#333} #contain .khkhidi .con .txt:after{content:'';display:block;position:relative;top:45px;left:0;width:475px;height:1px;background:#d8d8d8} #contain .khkhidi .con .info{padding:50px 0 0 0} #contain .khkhidi .con .info span{display:block} #contain .khkhidi .con .time{padding:0 0 30px 50px;background:url("../img/mdtime.png") no-repeat 0 0} #contain .khkhidi .con .phone{padding:0 0 0 50px;line-height:30px;font-size:30px;font-weight:700;color:#40a799;background:url("../img/mdphone.png") no-repeat 0 0} #contain .khkhidi .con .phone p{display:inline-block;padding:0 10px;font-size:16px;font-weight:400;color:#707070} #contain .khkhidi .con .phone p a{color:#30b7d1;letter-spacing:0;text-decoration:underline} #contain .khkhidi .con .link{position:absolute;top:40px;right:40px;width:222px;background:#829dc6;text-align:center;box-shadow:0px 5px 5px rgba(0,0,0,0.1)} #contain .khkhidi .con .link a{display:block;line-height:55px;font-size:16px;font-weight:500;color:#fff} #contain .khkhidi .con .link:hover{filter:brightness(1.1)} /**/ #contain .khcall{padding:80px 0 50px 0} #contain .khcall h3{margin-bottom:20px;line-height:28px;font-size:18px;font-weight:700;color:#353535} #contain .khcall h3:before{content:'';display:block;position:relative;top:-5px;left:0;width:32px;height:6px;background:#434343} #contain .khcall .txt{line-height:36px;font-size:16px;font-weight:400;color:#707070} #contain .khcall .nation{padding:10px 0} #contain .khcall .nation span{display:inline-block;padding:0 5px;width:36px;height:36px} #contain .khcall .nation span.kor{background:url("../img/kor.png") no-repeat center center} #contain .khcall .nation span.eng{background:url("../img/eng.png") no-repeat center center} #contain .khcall .nation span.chn{background:url("../img/chn.png") no-repeat center center} #contain .khcall .nation span.jpn{background:url("../img/jpn.png") no-repeat center center} #contain .khcall .nation span.rus{background:url("../img/rus.png") no-repeat center center} #contain .khcall .nation span.uae{background:url("../img/uae.png") no-repeat center center} #contain .khcall .nation span span{display:none} /**/ #contain .kh_title{position:relative;;margin:30px 0 0 0} #contain .kh_title h3{font-size:16px;font-weight:400;color:#555} #contain .kh_title h3 span{margin-right:10px} #contain .kh_title h3 span:after{content:'';display:inline-block;position:relative;top:0;right:-8px;width:1px;height:11px;background:#ccc} #contain .kh_title h3 span:last-child:after{display:none} #contain .kh_title h3 strong{font-weight:500;color:#61789a} #contain .kh_table{margin:40px 0;overflow-x:scroll;box-sizing:border-box} #contain .kh_table::-webkit-scrollbar{height:5px} #contain .kh_table::-webkit-scrollbar-thumb{height:17%;background-color:rgb(229 229 229 / 100%);border-radius:2px} #contain .kh_table::-webkit-scrollbar-track{background-color:#f5f5f5} #contain .kh_table *{letter-spacing:0} #contain .kh_table table{min-width:1200px;width:100%;border-collapse:collapse;border-top:1px solid #dfdfdf;text-align:center} #contain .kh_table table thead{border-bottom:1px solid #dfdfdf;background:#f8f8fa} #contain .kh_table table thead th{height:50px;font-size:14px;font-weight:500;color:#333} #contain .kh_table table thead th:nth-child(2){padding:0 0 0 40px;text-align:left} #contain .kh_table table tbody tr{border-bottom:1px solid #dfdfdf} #contain .kh_table table tbody td{padding:10px;min-height:60px;font-size:14px;font-weight:400;color:#333} #contain .kh_table table tbody td:nth-child(2){padding:0 20px 0 40px;max-width:330px;text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #contain .kh_table table tbody td .new{display:inline-block;padding:0 10px;width:12px;line-height:12px;font-size:10px;font-weight:700;color:#fff;border-radius:12px;background:#f22d8c;text-align:center} #contain .kh_table table tbody td span a{} #contain .kh_table table tbody .sg_t_file a{padding:0 3px} #contain .kh_paging{text-align:center} #contain .kh_paging a{display:inline-block;width:30px;height:30px;font-size:14px;font-weight:400;line-height:30px;border:1px solid #d7d7d7} #contain .kh_paging a span{display:inline-block;text-indent:-9999px} #contain .kh_paging a span.next{background:url(../img/bt_next.png) no-repeat 50% 50%} #contain .kh_paging a span.nnext{background:url(../img/bt_nnext.png) no-repeat 50% 50%} #contain .kh_paging a span.prev{background:url(../img/bt_prev.png) no-repeat 50% 50%} #contain .kh_paging a span.pprev{background:url(../img/bt_pprev.png) no-repeat 50% 50%} #contain .kh_paging a:hover{border-color:#61789a} #contain .kh_paging strong{display:inline-block;width:30px;height:30px;font-size:14px;font-weight:400;color:#fff;line-height:30px;border:1px solid #61789a;background:#61789a} #contain .kh_search{padding:35px 0;text-align:center} #contain .kh_search fieldset{} #contain .kh_search fieldset select, #contain .kh_search fieldset input, #contain .kh_search fieldset button{display:inline-block;height:42px;line-height:42px} #contain .kh_search fieldset select{background:#f8f8f8;border:1px solid #ccc} #contain .kh_search fieldset input{border:1px solid #d7d7d7} #contain .kh_search fieldset button{position:relative;width:92px;font-size:15px;font-weight:600;color:#1a5598;background:transparent;border:1px solid #1a5598;vertical-align:bottom} #contain .kh_search fieldset button:hover{color:#fff;background:#1a5598} #contain .kh_search input:focus, #contain .kh_search select:focus{border:1px solid #1a5598} #contain .kh_button {padding:50px 0;text-align:center} #contain .kh_button button, #contain .kh_button a{display:inline-block;padding:8px 24px;font-size:16px;color:#fff;font-weight:500;background:#3e4d65;box-shadow:0px 5px 5px rgba(0,0,0,0.1)} #contain .kh_button a:hover{filter:brightness(1.1);box-shadow:0 10px 10px rgba(0,0,0,0.1)} #contain .kh_button a.btn01_blue{background:#3e4d65} #contain .kh_button a.btn01_gray{background:#707070} #contain .kh_view{position:relative;margin:53px 0} #contain .kh_view h2{padding:0 50px;line-height:78px;font-size:24px;font-weight:600;color:#3e4d65;border-top:1px solid #3e4d65;border-bottom:1px solid #eaeaea} #contain .kh_view .opp{padding:0 20px} #contain .kh_view .opp *{letter-spacing:0} #contain .kh_view .opp dl, #contain .kh_view .opp dt, #contain .kh_view .opp dd{display:inline-block;line-height:48px;font-size:14px;font-weight:400;color:#454545} #contain .kh_view .opp dt{font-weight:500;color:#353535} #contain .kh_view .opp dd{} #contain .kh_view .opp dl{margin-right:20px} #contain .kh_view .opp dl:after{content:'';display:inline-block;position:relative;top:0;right:-10px;width:1px;height:10px;background:rgba(0,0,0,0.2)} #contain .kh_view .opp dl:last-child:after{display:none} #contain .kh_view .opp .lik i{position:relative;top:4px;font-size:24px} #contain .kh_view .opp .lik:hover i{color:#31b9d2} #contain .kh_view .opp .add{} #contain .kh_view .opp .add dd a{padding:0 10px 0 0} /* 태블릿 게시글 상세보기 일자/장소 스타일 */ #contain .kh_view .event-date dt, #contain .kh_view .event-place dt{ font-weight: 500; color: #353535; } #contain .kh_view .event-date dd, #contain .kh_view .event-place dd{ font-weight: 400; color: #454545; } #contain .kh_content{padding:20px;min-height:400px} #contain .kh_pass{position:relative;margin:50px 0} #contain .kh_pass .box{padding:60px 0 100px 0;width:100%;background:#f2f6f9;text-align:center} #contain .kh_pass .box span{display:block;line-height:100px;font-size:24px;font-weight:500;color:#555} #contain .kh_pass .box input{padding:0 20px 0 40px;width:200px;height:40px;line-height:24px;font-size:18px;font-weight:400;color:#707070;background:#fff url(../img/passlock.png) no-repeat 0 50%} #contain .kh_write{position:relative;padding:50px 0} #contain .kh_write .required{padding:0 5px;color:#ff0000} #contain .kh_write .guide_txt{padding:20px 0;font-size:14px;font-weight:300;color:#707070;text-align:right} #contain .kh_write .sg_write_wrapper{padding:30px 0;border-top:2px solid #3e4d65} #contain .kh_write .row_input{position:relative;padding:15px 0 15px 130px;border-bottom:1px solid #e8e8e8} #contain .kh_write .row_input .head {position:absolute;top:25px;left:10px;display:inline-block;width:130px} #contain .kh_write .row_input input[type=text], #contain .kh_write .row_input input[type=password]{height:45px;border:1px solid #eaeaea;background:#f8f8f8} #contain .kh_write .row_input textarea{padding:15px;width:100%;min-height:300px;color:#8a8a8a;border:1px solid #eaeaea;background:#f8f8f8} #contain .prevnext{border-top:2px solid #61789a} #contain .prevnext ul{} #contain .prevnext li{line-height:50px;border-bottom:1px solid #cdcdcd} #contain .prevnext li strong{float:left;margin:0 40px 0 30px;font-size:16px;font-weight:500;color:#3e4d65} #contain .prevnext li p{position:relative;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} #contain .prevnext li a:hover{font-weight:500;color:#000} #contain .prevnext li .reply{display:none} #contain .sitemap_con{padding:40px 30px;background:#f2f6f9;overflow:hidden} #contain .sitemap_con *{transition:all 0.3s} #contain .sitemap_con .group{float:left;width:50%;padding:0 10px;margin:0 0 30px 0} #contain .sitemap_con .group h2{position:relative;padding:0 0 0 20px;line-height:50px;font-size:16px;font-weight:500;color:#fff;background:#2eb0c8} #contain .sitemap_con .group h2:before{content:"\e91b";position:absolute;top:0;right:0;width:50px;line-height:50px;font-size:18px;text-align:center;font-family:xeicon} #contain .sitemap_con .group li{position:relative;border-bottom:1px solid #dbdbdb} #contain .sitemap_con .group li a{padding:0 20px;line-height:40px;font-size:15px;font-weight:500;color:#3b3b3b} #contain .sitemap_con .group li a:before{content:"\e91b";position:relative;top:3px;left:-8px;font-size:16px;color:#707070;font-family:xeicon} #contain .sitemap_con .group li > ul > li{padding:0 0 0 20px;border-top:1px solid #dbdbdb;border-bottom:0} #contain .sitemap_con .group li > ul > li a{font-size:15px;color:#6b6b6b} #contain .sitemap_con .group li > ul > li:hover{} #contain .sitemap_con .group li > ul > li:hover > a{color:#000} #contain .khprivacy{padding:60px 0 40px 0} #contain .khprivacy .tit{margin:0 0 100px 0;text-align:center} #contain .khprivacy .tit h3{font-size:30px;font-weight:600;color:#333} #contain .khprivacy .tit span{font-size:20px;font-weight:500;color:#707070;text-align:center} #contain .khprivacy .tit span:before{content:'';display:block;position:relative;top:50px;left:50%;margin-left:-228px;width:456px;height:1px;background:#eaeaea} #contain .khprivacy .tit span:after{content:'';display:block;position:relative;top:50px;left:50%;margin-left:-93px;width:186px;height:9px;background:url(../img/subtit.png) no-repeat 50% 50%} #contain .khprivacy .info{margin:0 0 50px 0;padding:60px 90px;line-height:30px;font-size:16px;color:#fe5c5c;background:#f2f6f9} #contain .khprivacy .list{padding:60px;background:#f2f6f9} #contain .khprivacy .list h4{margin:0 0 30px 0;font-size:18px;font-weight:800;color:#353535} #contain .khprivacy .list h4:before{content:'';display:block;position:relative;top:-5px;left:0;width:15px;height:6px;background:#434343} #contain .khprivacy .list .txt{padding:35px;line-height:30px;font-size:16px;font-weight:400;color:#707070;background:#fff} #contain .khprivacy .list .txt strong{font-weight:700} /* CSS Document */ #calendar table *{margin:0;padding:0;border:0;list-style-type:none;color:#333} #calendar table{width:100%;border-collapse:collapse;border-top:1px solid #333} #calendar table caption{display:none} #calendar table thead *{font-size:13px} #calendar table tbody *{font-size:13px} #calendar table thead th{padding:10px;line-height:20px;font-weight:400;text-align:center;color:#000;border-left:1px solid #eee;border-right:1px solid #eee;border-bottom:1px solid #ccc;background:#fff} #calendar table thead th:first-child{border-left:0} #calendar table thead tr{background-color:#fff} #calendar table thead th:last-child{border-right:0} #calendar table tbody tr{background:#fff} #calendar table tbody tr:nth-child(even){background:#fff} #calendar table tbody th{padding:6px 10px;font-weight:800;text-align:center;color:#002747;border:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2} #calendar table tbody th .title{padding:10px 0;border:1px solid #333} #calendar table tbody td{padding:6px 10px;text-align:center;border:1px solid #eee;border-bottom:1px solid #e3e3e3} #calendar table tbody td:first-child{border-left:0} #calendar table tbody td:last-child{border-right:0} #calendar table tbody th:first-child{border-left:0} #calendar table tbody th:last-child{border-right:0;background-color:#fff} #calendar table tbody tr:first-child th, #calendar table tbody tr:first-child td{padding-top:9px !important;border-top:1px solid #eee;background-image:url(../img/table_td.png);background-repeat:repeat-x} #calendar table tbody td button{margin:2px 0;padding:2px 5px;border:1px solid #989898;border-bottom:1px solid #cacaca;background-color:#fff} #calendar table tfoot th{padding:4px 10px;font-weight:800;text-align:center;color:#002747;border:1px solid #989898;border-bottom:1px solid #cacaca;background-color:#f4f5f8} #calendar table tfoot td{padding:4px 10px;text-align:center;border:1px solid #989898;border-bottom:1px solid #cacaca;background-color:#f8f8f8} #calendar table tfoot td:first-child{border-left:0} #calendar table tfoot td:last-child{border-right:0} #calendar table tfoot th:first-child{border-left:0} #calendar table tfoot th:last-child{border-right:0} #calendar table tfoot td.tal{text-align:left} #calendar table tfoot td button{margin:2px 0;padding:2px 5px;border:1px solid #ccc;background-color:#fff} #calendar table tbody td.subject{text-align:left} #calendar table tbody td.subject a:hover{color:#000;text-decoration:underline} #calendar table tbody th.item, #calendar table tbody td.item{/*padding:0 0 0 30px;text-align:left;*/border-bottom:1px solid #cacaca;background-color:#fafafa} #calendar table tbody td.item span.red{position:absolute;margin:0 0 0 -20px} #calendar table tbody td .dtnum{display:block;position:relative;height:16px;line-height:16px;/*text-overflow:ellipsis;overflow:hidden*/} #calendar table tbody td .new{font-size:11px;font-weight:800;color:#c00} #calendar 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} #calendar table tbody td .okay{padding:5px 30px;font-size:16px;color:#fff;border:1px solid #333;background:#333;cursor:pointer} /**/ #design .nocontent{clear:both;padding:260px 0 100px 0;font-size:20px;font-weight:500;letter-spacing:-2px;color:#555;text-align:center;border-bottom:0px solid #ccc;background:url(../img/nocontent.png) no-repeat 50% 45%} #design input[type=checkbox]{display:none;()display:block} #design input[type=checkbox]+ label{display:inline-block;position:relative;padding:0 10px 0 23px !important;margin-right:10px;cursor:pointer} #design input[type=checkbox]+ label:before{content:"";display:inline-block;position:relative;top:0px;width:16px;height:16px;margin-right:10px;position:absolute;left:0;bottom:4px;border:1px solid #c4c4c4;background:#fff;border-radius:0} #design input[type=checkbox]:checked + label:before{content:"\2713";font-size:13px !important;font-family:Arial, Helvetica, sans-serif;font-weight:800;color:#03a98f;background:#fff;text-align:center;line-height:16px} #design input[type=radio]{display:none;()display:block} #design input[type=radio]+ label{display:inline-block;position:relative;padding:0 8px 0 23px !important;margin-right:10px;cursor:pointer} #design input[type=radio]+ label:before{content:"";display:inline-block;position:relative;top:0px;width:16px;height:16px;margin-right:10px;position:absolute;left:0;bottom:4px;border:1px solid #c4c4c4;background:#fff;border-radius:20px} #design input[type=radio]:checked + label:before{content:"\2022";font-size:16px !important;font-family:Arial, Helvetica, sans-serif;font-weight:800;color:#03a98f;background:#fff;text-align:center;line-height:16px} /**/ #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 ul{height:42px;border-bottom:1px solid #313131} #design .tabmenu li{float:left;margin-right:3px} #design .tabmenu li:first-child a{margin:0} #design .tabmenu li *{transition:all 0.2s ease-in-out} #design .tabmenu li a{display:inline-block;position:relative;padding:0 38px;line-height:40px;font-size:15px;font-weight:500;letter-spacing:-1px;color:#888;text-align:center;border:1px solid #e3e3e4;border-bottom:1px solid #313131;background:#f3f3f3} #design .tabmenu li a i{display:none} #design .tabmenu li a:hover{position:relative;z-index:5;color:#fff;border:1px solid #313131;background:#313131} #design .tabmenu li a.sel{position:relative;z-index:5;color:#313131;border:1px solid #313131;border-bottom:1px solid #fcfcfc;background:#fcfcfc} #design .tabmenu li a.sel i{position:absolute;z-index:6;bottom:0px;left:50%;display:block;margin-left:-25%;width:50%;height:1px;background:#aaa} #design .tabmenu li a.sel:hover{color:#014fbb} #design .tabmenu 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{height:42px;border-bottom:1px solid #313131} #design .tabs li{float:left;margin-right:3px} #design .tabs li *{transition:all 0.2s ease-in-out} #design .tabs li:first-child a{margin:0} #design .tabs li a{display:inline-block;position:relative;padding:0 20px;line-height:40px;font-size:15px;font-weight:500;letter-spacing:-1px;color:#888;text-align:center;border:1px solid #e3e3e4;border-bottom:1px solid #313131;background:#f3f3f3} #design .tabs li a i{display:none} #design .tabs li a:hover{position:relative;z-index:5;color:#fff;border:1px solid #313131;background:#313131} #design .tabs li a.sel{position:relative;z-index:5;color:#313131;border:1px solid #313131;border-bottom:1px solid #fcfcfc;background:#fcfcfc} #design .tabs li a.sel i{position:absolute;z-index:6;bottom:0px;left:50%;display:block;margin-left:-25%;width:50%;height:1px;background:#aaa} #design .tabs li a.sel:hover{color:#014fbb} #design .tabs li a.sel:hover i{margin-left:-0%;width:0%} #design .tabs .clock{position:absolute;top:10px;right:0} #design .lecture .tabs{padding:0 0 20px 0} /**/ #design .sabmenu{margin:0 0 30px 0;*zoom:1} #design .sabmenu:before, #design .sabmenu:after{clear:both;display:table;content:"";line-height:0} #design .sabmenu ul{height:37px;border-bottom:1px solid #313131} #design .sabmenu li{float:left;margin-right:3px} #design .sabmenu li:first-child a{margin:0} #design .sabmenu li *{transition:all 0.2s ease-in-out} #design .sabmenu li a{display:inline-block;position:relative;padding:0 25px;line-height:35px;font-size:15px;font-weight:500;letter-spacing:-1px;color:#888;text-align:center;border:1px solid #e3e3e4;border-bottom:1px solid #313131;background:#f3f3f3} #design .sabmenu li a i{display:none} #design .sabmenu li a:hover{position:relative;z-index:5;color:#fff;border:1px solid #313131;background:#313131} #design .sabmenu li a.sel{position:relative;z-index:5;color:#313131;border:1px solid #313131;border-bottom:1px solid #fcfcfc;background:#fcfcfc} #design .sabmenu li a.sel i{position:absolute;z-index:6;bottom:0px;left:50%;display:block;margin-left:-25%;width:50%;height:1px;background:#aaa} #design .sabmenu li a.sel:hover{color:#014fbb} #design .sabmenu li a.sel:hover i{margin-left:-0%;width:0%} /**/ #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 #313131} #design .depthmenu li{float:left;margin-right:3px} #design .depthmenu li:first-child a{margin:0} #design .depthmenu li *{transition:all 0.2s ease-in-out} #design .depthmenu li i{display:none !important} #design .depthmenu li a{display:inline-block;position:relative;padding:0 38px;line-height:40px;font-size:15px;font-weight:500;letter-spacing:-1px;color:#888;text-align:center;border:1px solid #e3e3e4;border-bottom:1px solid #313131;background:#f3f3f3} #design .depthmenu li a i{display:none} #design .depthmenu li a:hover{position:relative;z-index:5;color:#fff;border:1px solid #313131;background:#313131} #design .depthmenu li a.sel{position:relative;z-index:5;color:#313131;border:1px solid #313131;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 .tit h2{padding:15px 0;font-size:18px;font-weight:600;letter-spacing:-1px;color:#333} #design .tit h2 i{display:block;position:relative;margin:0 0 15px 0;width:25px;height:1px;background:#000} #design .summary{margin-bottom:20px;padding:20px;font-size:15px;font-weight:400;color:#fff;border-right:4px solid #333;background:#71695b} #design .summary *{font-size:15px;font-weight:500;letter-spacing:-1px} #design .photo{padding:0 40px 20px 40px} #design .photo ul{overflow:hidden} #design .photo ul li{float:left;width:50%;text-align:center} #design .photo ul li img{border:1px solid #fff;border-radius:7px} #design .slide{padding:0 40px 20px 40px} #design .slide ul li{text-align:center} #design .slide ul li img{border:1px solid #fff;border-radius:7px} #design .slide .bx-controls{text-align:center} #design .slide .bx-wrapper .bx-pager .bx-pager-item, #design .slide .bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline;*zoom:1} #design .slide .bx-wrapper .bx-pager.bx-default-pager a{display:inline-block;width:20px;height:20px;outline:0;background:url(../img/control.png) 0 0 no-repeat;text-indent:-9999em} #design .slide .bx-wrapper .bx-pager.bx-default-pager a.active{background-position:-20px -0} #design .con{padding-bottom:10px} #design .con .con01{padding:0 0 10px 0} #design .con .con01 > li{position:relative;margin-bottom:10px;padding-left:22px;font-size:15px;font-weight:400;color:#000} #design .con .con01 > li > i{position:absolute;top:3px;left:0;display:block;margin-right:6px;width:15px;height:15px;background:url(../img/depth2_1.png) no-repeat 50% 50%} #design .con .con02{clear:both;margin-left:-15px;padding:5px 0} #design .con .con02 > li{position:relative;margin-bottom:5px;padding-left:15px;font-size:14px;font-weight:400;color:#222} #design .con .con02 > li > i{position:absolute;top:0;left:0;display:block;margin-right:6px;width:10px;height:20px;background:url(../img/depth3_1.png) no-repeat 50% 50%} #design .con .con03{padding:5px 0 5px 10px} #design .con .con03 > li{display:block;margin-bottom:5px;font-size:15px;font-weight:400;letter-spacing:-1px;color:#555} #design .con .con03 > li ul{padding:5px 0 0 7px} #design .con .red{color:#ff2009} #design .con .orange{color:#ff8a00} #design .con .blue{color:#0066b3} #design .con .green{color:#00a651} #design .con .bus{overflow:hidden} #design .con .bus li{float:left;width:50%;word-break:keep-all} #design .con .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 .con .viewer{display:block;padding:10px 0} #design .con .viewer img{float:left;display:block;position:relative;top:-2px} #design .con .viewer strong{float:left;display:block;padding:3px 10px;color:#fff;background:#777} #design .con .tac{padding:20px 0 0 0;border-top:1px solid #eee} #design .gather{padding:20px;border:7px solid #e0e0e0;background:#fff} #design .maps{padding:0 0 30px 0} #design .con .figure{display:table;width:100%} #design .con .figure li{display:table-cell;position:relative;text-align:center;vertical-align:top} #design .con .figure li i{display:none;position:absolute;top:0;right:10px;line-height:180px;font-size:20px;font-weight:700} #design .con .figure li i:before{content:"\e87a"} #design .con .figure li strong{display:table-cell;padding:0 20px;width:180px;height:180px;font-weight:400;word-break:keep-all;vertical-align:middle;border:10px solid #8f9cc8;border-radius:50%} #design .img .bx-wrapper{position:relative} #design .img .bx-wrapper li img{width:auto;max-width:100%;height:auto} #design .img .bx-controls a{position:absolute;z-index:100;top:50%;display:block;margin-top:-24px;width:48px;height:48px;background:#333 url(../img/btn_slide.png) no-repeat;text-indent:-9999em;overflow:hidden} #design .img .bx-controls a:hover{background-color:#000} #design .img .bx-controls a.disabled{display:none} #design .img .bx-controls .bx-prev{left:0;background-position:-0px 4px} #design .img .bx-controls .bx-next{right:0;background-position:-36px 4px} /**/ #design .search, #design .guide, #design .event, #design .lecture, #design .community, #design .info, #design .member, #design .user, #design .etc{padding:0 0 30px 0} /**/ #design .utility01 .summary{padding:45px 65px 45px 300px;min-height:140px;font-size:15px;font-weight:300;color:#fff;border:0;background:#57504a url(../img/img_utility01.png) no-repeat 0 50%} #design .utility01 .summary strong{color:#0066b3} #design .utility01 .summary span{color:#009400} #design .utility01 .summary br{display:none} #design .user01 .summary{margin-bottom:0;padding:45px 65px 45px 300px;min-height:140px;font-size:15px;font-weight:300;color:#000;border:0;background:#eee url(../img/img_user01.png) no-repeat 0% 50%} #design .user01 .summary strong{color:#0066b3} #design .user01 .summary span{color:#009400} #design .intro{position:relative} #design .intro .intro01 > i{position:absolute;bottom:0;right:0;width:354px;height:91px;background:url(../img/aayy.png) no-repeat 50% 50%} #design .intro01 .summary{margin-bottom:0;padding:45px 65px 45px 250px;min-height:140px;font-size:15px;font-weight:300;color:#000;border:0;background:#eee url(../img/img_user01.png) no-repeat 0% 50%} #design .intro01 .summary strong{color:#0066b3} #design .intro01 .summary span{color:#009400} #design .con .row{overflow:hidden} #design .con .row li{float:left;width:50%} #design .con .row li div{padding:10px 20px 0 0} #design .con .row li div dl{position:relative;border-bottom:1px solid #fff;overflow:hidden} #design .con .row li div dt{position:absolute;top:0;left:0;width:40px;height:40px;line-height:40px;text-align:center;color:#fff;background:#0d3387} #design .con .row li div dd{padding:0 0 0 50px;line-height:40px;background:#f0f0f0} #design .txt{padding:30px 0} #design .login{padding:30px 0} #design .login fieldset{position:relative;margin:0 auto;width:450px} #design .login fieldset ul{margin-bottom:10px;padding-right:125px;overflow:hidden} #design .login fieldset ul div{margin-bottom:5px;border:1px solid #ccc} #design .login fieldset label.id, #design .login fieldset label.pw{display:none} #design .login fieldset input{padding:0 10px;width:100%;height:35px;line-height:35px;font-size:15px;border:0;background:#fff} #design .login fieldset input:-webkit-autofill{box-shadow:0 0 0 1000px white inset} #design .login fieldset button{position:absolute;top:0;right:0;width:120px;height:79px;font-size:15px;font-weight:400;color:#fff;border:0;background:#555;cursor:pointer;transition:0.3s} #design .login fieldset button:before{content:"\e83e";display:inline-block;position:relative;top:3px;left:-3px;font-size:20px;font-weight:300;text-align:center} #design .login fieldset button:hover{color:#fff;background:#ff6700;transition:0.3s} #design .login p{padding:0 0 30px 0;text-align:center;border-bottom:1px solid #eee} #design .login p em{padding:0 10px} #design .slogan{overflow:hidden} #design .slogan .tit{margin:0 20%;margin-bottom:30px;padding:3% 10%;text-align:center;border:1px solid #aaa;background:#fff;border-radius:15px;box-shadow:0 2px 0 #eee} #design .slogan .tit h3{font-size:30px;color:#222} #design .slogan .tit p{font-size:20px;color:#555} #design .item{position:relative;padding:70px 10% 40px 20%; background:url(../img/arrowstep.png) no-repeat 50% 0} #design .item h4{position:absolute;top:51%;left:5%;font-size:20px;color:#222} #design .item ul{display:table;width:100%} #design .item li{display:table-cell} #design .item li strong{display:table-cell;padding:0 33px;width:133px;height:133px;font-weight:400;text-align:center;vertical-align:middle;color:#fff;border:0;background:#ccc;border-radius:50%} #design .item .it1 strong{background:#56c0df} #design .item .it2 strong{background:#0a60ca} #design .item .it3 strong{background:#56c0df} #design .item .it4 strong{background:#0a60ca} #design .box{} #design .box{margin:0 20%;margin-bottom:40px;padding:3% 5%;border:2px solid #0551ad;background:#fff;border-radius:15px;box-shadow:0 2px 0 #eee} #design .box li{font-size:16px;color:#222} #design .task{position:relative;padding:70px 10% 40px 20%; background:url(../img/arrowstep.png) no-repeat 50% 0} #design .task h4{position:absolute;top:51%;left:5%;font-size:20px;color:#222} #design .since{margin:0 auto;width:440px;border:1px solid #ccc;background:#fff} #design .since em{display:block;padding:20px 20px 0 30px;font-size:14px;color:#0d3387;text-transform:uppercase} #design .since h3{padding:0 20px 20px 28px;font-size:34px;font-weight:500;letter-spacing:-1px;color:#0d3387;border-bottom:1px solid #ccc} #design .since p{padding:20px;padding-top:15px;font-size:15px;text-align:center;color:#777;text-transform:uppercase} #design .diagram{text-align:center;background:url(../img/diagram.png) no-repeat 50% 0} #design .diagram ul{padding:100px 0;overflow:hidden} #design .diagram ul li{float:left;width:33.33%} #design .diagram ul li div{margin:0 40px;min-height:150px;text-align:left;border:1px solid #ccc;background:#fff} #design .diagram ul li strong{display:block;padding:10px;font-size:16px;border-bottom:1px solid #ccc} #design .diagram ul li span{display:block;padding:10px;font-size:14px} #design .diagram p{display:inline-block;padding:20px 40px;font-size:34px;font-weight:500;text-align:center;color:#17832a;border:1px solid #fff;background:#fff} /**/ #design .ay_step{padding-bottom:30px} #design .ay_step dl{padding-bottom:20px} #design .ay_step dt{padding-bottom:5px;font-size:24px;color:#333} #design .ay_step ol{border-top:1px solid #ccc;background:#fff;overflow:hidden} #design .ay_step ol li{float:left;position:relative;padding:20px 0;width:25%;text-align:center;border-bottom:5px solid #eee} #design .ay_step ol li strong{font-size:17px} #design .ay_step ol li span{display:block;font-size:13px} #design .ay_step ol li i{position:absolute;top:50%;right:-5px;display:block;margin:-10px 0 0 0;width:10px;height:20px} #design .ay_step ol li.sel{position:relative;bottom:-1px;border-bottom:5px solid #333} /**/ #design .ay_terms{padding:0 20px} #design .ay_terms fieldset{position:relative;padding:30px 0} #design .ay_terms fieldset h3{padding-bottom:10px;font-size:15px;font-weight:400;color:#000} #design .ay_terms label{display:block;padding:10px 0;font-size:14px} #design .ay_terms p{padding-bottom:10px} #design .ay_terms ul{padding:30px 0} #design .ay_terms .termswrap{padding-bottom:50px} #design .ay_terms .field{margin:0 0 10px 0;padding:10px;height:210px;border:1px solid #ccc;background:#fff;overflow-y:scroll} #design .ay_terms .field p{padding-bottom:20px} #design .ay_terms .field ul li ul{padding:5px 5px 20px 5px} #design .ay_terms .field textarea{float:left;display:block;padding:2%;width:100%;height:210px;line-height:18px;border:0} /**/ #design .ay_comp{padding:100px 50px 30px 50px;background:url(../img/ddea/comp.png) no-repeat 50% 40px;overflow:hidden} #design .ay_comp dl{padding:10px 0;border-bottom:1px solid #ccc;overflow:hidden} #design .ay_comp dt{float:left;width:30%} #design .ay_comp dd{float:left;width:70%} #design .ay_comp .txt{margin:0 20%;font-size:20px;text-align:center;border-top:2px solid #333;border-bottom:1px solid #333} #design .ay_comp .c1{margin:0 20%;font-size:20px;text-align:center} /**/ #design .form{} #design .form fieldset{margin-bottom:20px;background:#fff} #design .form dl{margin:0 20px;padding:10px 0;border-top:1px solid #eee;overflow:hidden} #design .form dt{float:left;width:18%} #design .form dd{float:left;width:82%} #design .form .tit{padding:15px 0;font-size:14px;text-align:center} #design .form .hit{padding:15px 0;font-size:13px;text-align:center;background:#ededed} #design .form .wrp{padding:0 0 5px 0} #design .form .down{display:inline-block;padding:2px 20px;font-size:12px;letter-spacing:-1px;color:#fff;background:#555} #design .form .green{padding:0 10px;font-size:13px} #design .form .btn{padding:0 20px;height:25px;line-height:25px;font-size:12px;color:#fff;background:#555} #design .form .t_txt{height:25px;line-height:25px;border:1px solid #ccc} #design .form .t_select{height:25px;border:1px solid #ccc} #design .form .t_area{height:200px;line-height:25px;border:1px solid #ccc} #design .find{position:absolute;position:fixed;z-index:99999;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.90)} #design .find div{margin:20%;padding:50px 0;font-size:17px;text-align:center;border:1px solid #ccc;background:#fff} #design .find div a{display:inline-block;padding-bottom:0;font-size:17px;border-bottom:1px solid #333} #design .find div strong{font-size:20px} /**/ #design .button{position:relative;padding:20px 0;text-align:center} #design .button *{font-size:15px;font-weight:500;transition:all 0.3s} #design .button p{margin:0 0 30px 0;padding:20px 0;border:1px solid #eee;background:#fafafa} #design .button button{padding:0 40px;height:38px;line-height:38px;text-align:center;color:#fff;border:0;background:#0d3387;box-shadow:2px 2px 2px #eee;border-radius:1px;cursor:pointer} #design .button button:hover{color:#fff;background:#0a2663} #design .button a{display:inline-block;margin:0 7px;padding:0 30px;line-height:38px;color:#fff;border:0;background:#797979;box-shadow:2px 2px 2px #eee;border-radius:1px} #design .button a:hover{color:#fff;background:#333} #design .button span{display:inline-block;margin:0 5px;padding:13px 40px;color:#333;border:1px solid #aaa;border-top:2px solid #888;background:#fff;box-shadow:2px 2px 2px #eee;border-radius:1px} #design .button span.end{color:#f23737;border:1px solid #aaa;border-top:2px solid #f23737} #design .button .btn_end{padding:11px 50px;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 #009400;border-top:2px solid #009400;background:#009400;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 15px;line-height:30px;font-size:13px;font-weight:600;color:#555;border:1px solid #aaa;background:#fafafa;box-shadow:2px 2px 2px #eee;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} #design .button .btn_certify{margin-bottom:30px;position:relative;padding:0 40px 0 80px;height:80px;line-height:80px;text-align:center;color:#fff;border:0;background:#0d3387;cursor:pointer} #design .button .btn_certify:before{position:absolute;left:35px;content:"\e83a";line-height:80px;font-size:36px} #design .button .btn_certify:hover{color:#fff;background:#0a2663} #design .audience{margin-bottom:20px;text-align:center;border:1px solid #ccc} #design .rent03{padding:0 0 0 550px;background:url(../img/img_rent03.png) no-repeat 0 0} #design .rent03 .con{} #design .tinfo{padding-bottom:100px;background:url(../img/test/test01_txt.png) no-repeat 100% 100%} #design .tinfo dl{position:relative;padding-left:160px} #design .tinfo dt{position:absolute;top:0;left:0;padding-top:30px;width:150px;height:150px;font-size:15px;text-align:center;color:#000;border-radius:200px} #design .tinfo dd{padding:30px 0 0 20px;height:130px} #design .tinfo .ti1 .con{position:relative;top:-10px} #design .tinfo .ti1 dt{border-color:#7ea5d2;border:20px solid rgba(0,78,167,0.5)} #design .tinfo .ti1 dd{padding-top:0} #design .tinfo .ti2 dt{border-color:#7e8cd2;border:20px solid rgba(0,28,167,0.5)} #design .tinfo .ti2 dd{padding-top:10px} #design .tinfo .ti3 dt{border-color:#887ed2;border:20px solid rgba(20,0,167,0.5)} #design .tinfo .ti3 dd{padding-top:50px} #design .tinfo .ti4 dt{border-color:#987ed2;border:20px solid rgba(51,0,167,0.5)} #design .tinfo .ti4 dd{padding-top:50px} #design .cons .facilities div{margin-bottom:20px;padding:20px 0;text-align:center;background:#fff} #rt1 .tit .summary{padding:27px 40px 0 160px;min-height:119px;font-size:15px;font-weight:300;color:#000;border:1px solid #ccc;background:#fff url(../img/img_rent1.png) no-repeat 0 0} #rt1 .tit .summary strong{color:#0066b3} #rt1 .tit .summary span{color:#009400} #rt2 .tit .summary{padding:27px 40px 0 160px;min-height:119px;font-size:15px;font-weight:300;color:#000;border:1px solid #ccc;background:#fff url(../img/img_rent2.png) no-repeat 0 0} #rt2 .tit .summary strong{color:#0066b3} #rt2 .tit .summary span{color:#009400} #rt3 .tit .summary{padding:27px 40px 0 160px;min-height:119px;font-size:15px;font-weight:300;color:#000;border:1px solid #ccc;background:#fff url(../img/img_rent3.png) no-repeat 0 0} #rt3 .tit .summary strong{color:#0066b3} #rt3 .tit .summary span{color:#009400} #design .gui1 .summary{padding:25px 25px 25px 250px;min-height:113px;color:#333;border:0;background:#e2e2e2 url(../img/tit_guide01.png) no-repeat 0 100%} #design .gui1 .summary strong{color:#0066b3} #design .gui1 .summary span{color:#009400} #design .gui5 .summary{padding:25px 25px 25px 200px;min-height:113px;color:#333;border:0;background:#e6f1f3 url(../img/tit_guide05.png) no-repeat 40px 100%} #design .gui5 .summary strong{color:#0066b3} #design .gui5 .summary span{color:#009400} #design .gui6 .summary{padding:30px 25px 30px 140px;color:#333;border:1px solid #bbd7b4;background:#f5fdf3 url(../img/tit_guide06.png) no-repeat 40px 50%} #design .gui6 .summary strong{color:#0066b3} #design .gui6 .summary span{color:#009400} #design .gui8 .summary{padding:20px 20px 20px 190px;font-size:14px;color:#333;background:#fffeec url(../img/tit_guide08.png) no-repeat 0 50%} #design .gui8 .summary strong{color:#0066b3} #design .gui8 .summary span{color:#009400} #design .gui10 .summary{padding:20px 20px 20px 250px;font-size:14px;color:#333;background:#e2e2e2 url(../img/tit_guide01.png) no-repeat 0 50%} #design .gui10 .summary strong{color:#0066b3} #design .gui10 .summary span{color:#009400} #design .eve02 .summary{padding:25px 25px 25px 250px;min-height:113px;color:#333;border:0;background:#eeeced url(../img/tit_event02.png) no-repeat 0 50%} #design .eve02 .summary strong{color:#0066b3} #design .eve02 .summary span{color:#009400} #design .eve03 .summary{padding:25px 25px 25px 250px;min-height:113px;color:#333;border:0;background:#eeeced url(../img/tit_event03.png) no-repeat 0 50%} #design .eve03 .summary strong{color:#0066b3} #design .eve03 .summary span{color:#009400} #design .eve041 .summary{padding:25px 25px 25px 250px;min-height:113px;color:#333;border:0;background:#eeeced url(../img/tit_event041.png) no-repeat 0 50%} #design .eve041 .summary strong{color:#0066b3} #design .eve041 .summary span{color:#009400} #design .eve042 .summary{padding:25px 25px 25px 250px;min-height:113px;color:#333;border:0;background:#eeeced url(../img/tit_event041.png) no-repeat 0 50%} #design .eve042 .summary strong{color:#0066b3} #design .eve042 .summary span{color:#009400} #design .eve051 .summary{padding:25px 25px 25px 220px;color:#333;border:0;background:#e1d2ca url(../img/tit_event051.png) no-repeat -20px 50%} #design .eve051 .summary strong{color:#0066b3} #design .eve051 .summary span{color:#009400} #design .eve052 .summary{padding:25px 25px 25px 220px;color:#333;border:0;background:#e6f1f3 url(../img/tit_event052.png) no-repeat -20px 90%} #design .eve052 .summary strong{color:#0066b3} #design .eve052 .summary span{color:#009400} #design .lec01 .summary{padding:25px 25px 25px 250px;min-height:113px;color:#333;border:0;background:#eeeced url(../img/tit_lecture01.png) no-repeat 0 50%} #design .lec01 .summary strong{color:#0066b3} #design .lec01 .summary span{color:#009400} #design .lec02 .summary{padding:25px 25px 25px 250px;min-height:113px;color:#333;border:0;background:#eeeced url(../img/tit_lecture02.png) no-repeat 0 50%} #design .lec02 .summary strong{color:#0066b3} #design .lec02 .summary span{color:#009400} /**/ #design .guide02{position:absolute;bottom:0;right:0;width:372px;height:232px;background:url(../img/img_guide02.png) no-repeat 50% 50%} #design .guide03{position:absolute;bottom:0;right:0;width:219px;height:304px;background:url(../img/img_guide03.png) no-repeat 50% 50%} #design .guide031{position:absolute;bottom:200px;right:0;width:289px;height:219px;background:url(../img/img_guide031.png) no-repeat 50% 50%} #design .guide04{position:absolute;bottom:50px;right:50px;width:286px;height:305px;background:url(../img/img_guide04.png) no-repeat 50% 50%} #design .guide05{position:absolute;top:200px;right:-20px;width:400px;height:252px;background:url(../img/img_guide05.png) no-repeat 50% 50%} #design .guide06{position:absolute;bottom:200px;right:0px;width:220px;height:139px;background:url(../img/img_guide06.png) no-repeat 50% 50%} #design .guide08{position:absolute;bottom:110px;right:-100px;width:504px;height:360px;background:url(../img/img_guide08.png) no-repeat 50% 50%} #design .guide09{position:absolute;bottom:0px;right:0px;width:586px;height:259px;background:url(../img/img_guide09.png) no-repeat 50% 50%} #design .event02{position:absolute;top:250px;right:-30px;width:401px;height:285px;background:url(../img/img_event02.png) no-repeat 50% 50%} #design .event03{position:absolute;top:250px;right:-30px;width:401px;height:252px;background:url(../img/img_event03.png) no-repeat 50% 50%} #design .event041{position:absolute;top:200px;right:-30px;width:409px;height:280px;background:url(../img/img_event041.png) no-repeat 50% 50%} #design .event042{position:absolute;top:200px;right:-30px;width:412px;height:263px;background:url(../img/img_event042.png) no-repeat 50% 50%} #design .event051{position:absolute;top:520px;right:0px;width:278px;height:191px;background:url(../img/img_event051.png) no-repeat 50% 50%} #design .event052{position:absolute;top:270px;right:0px;width:438px;height:137px;background:url(../img/img_event052.png) no-repeat 50% 50%} /**/ #content .greeting{word-break:keep-all;background:url(../img/greeting.png) no-repeat 100% 100%} #content .greeting h3{font-size:20px;font-weight:600;letter-spacing:-1px;color:#333} #content .greeting h3 strong{font-size:23px;color:#008200} #content .greeting p{padding:20px 0;padding-right:50%;line-height:30px;font-size:16px;font-weight:500;letter-spacing:-1px} #content .greeting div{font-size:16px;font-weight:400;line-height:25px} #content .greeting .txt{padding:0 50% 20px 0} #content .greeting .sign{padding:30px 0} /**/ #content .history{padding:0 0 100px 0;/*background:url(../img/history.png) no-repeat 0 30px*/} #content .history dl{position:relative;margin-bottom:20px;padding:5px 0 0 0;padding-bottom:20px;border-bottom:1px solid #ccc} #content .history dt{position:absolute;top:0;left:0} #content .history dt strong{display:block;font-size:30px;font-weight:300;color:#0d3387} #content .history dd{padding:0 0 10px 120px} #content .history dd strong{padding-right:30px;font-size:16px;font-weight:400;color:#222} /**/ #content .schema{position:relative;padding:10px 0} #content .schema ol{position:absolute;top:10px;right:0;overflow:hidden} #content .schema ol li{float:left;position:relative;margin-right:20px;padding-left:25px} #content .schema ol .sc1 i{position:absolute;top:0;left:0;display:block;width:23px;height:23px;background:url(../img/ico_nl01.png) no-repeat 50% 50%} #content .schema ol .sc2 i{position:absolute;top:0;left:0;display:block;width:23px;height:23px;background:url(../img/ico_nl02.png) no-repeat 50% 50%} #content .schema ol .sc3 i{position:absolute;top:0;left:0;display:block;width:23px;height:23px;background:url(../img/ico_nl03.png) no-repeat 50% 50%} #content .schema div{padding-bottom:30px} #content .schema div h4{padding:0 0 4px 28px;font-size:16px;font-weight:400;color:#333 !important;background:url(../img/dp2.png) no-repeat 13px 9px} #content .schema div ul{overflow:hidden} #content .schema div ul li{float:left;position:relative;width:33.33%;text-align:center} #content .schema div ul li i{position:absolute;top:50%;right:-10px;margin:-15px 0 0 0;width:20px;height:30px;background:url(../img/st0.png) no-repeat 50% 50%} #content .schema div ul li span{display:block;margin:10px 10%;height:150px;border:1px solid #ccc;background:#fafafa;border-radius:10px} #content .schema div ul li strong{font-size:16px;font-weight:400;color:#333 !important} #content .schema .img1 *{color:#96c41c} #content .schema .img1 li span{border:1px solid #ccc} #content .schema .img1 .sa1 span{background:url(../img/ico_nl11.png) no-repeat 50% 50%} #content .schema .img1 .sa2 span{background:url(../img/ico_nl12.png) no-repeat 50% 50%} #content .schema .img1 .sa3 span{background:url(../img/ico_nl13.png) no-repeat 50% 50%} #content .schema .img2 *{color:#53b5e6} #content .schema .img2 li span{border:1px solid #ccc} #content .schema .img2 .sa1 span{background:url(../img/ico_nl21.png) no-repeat 50% 50%} #content .schema .img2 .sa2 span{background:url(../img/ico_nl22.png) no-repeat 50% 50%} #content .schema .img2 .sa3 span{background:url(../img/ico_nl23.png) no-repeat 50% 50%} /**/ #content .organ{position:relative} #content .organ em{position:absolute;z-index:1;background:#ccc} #content .organ .og1{top:80px;left:50%;width:1px;height:200px} #content .organ .og2{top:135px;left:50%;width:100px;height:1px} #content .organ .og3{top:280px;left:10px;width:860px;height:1px} #content .organ .og1nd{padding:17px 0;margin:0 auto;width:200px;font-size:16px;font-weight:800;color:#fff;text-align:center;border:2px solid #003977;background:#0d3387;border-radius:5px} #content .organ .og1nd span{display:block;font-size:14px} #content .organ .og2nd{position:absolute;top:100px;left:55%;padding:9px 0;width:200px;font-size:1em;font-weight:800;text-align:center;color:#fff;background:#1878c3;z-index:999;border-radius:5px} #content .organ .og3nd{display:table;position:relative;z-index:2;padding:120px 0 30px 0;width:100%;text-align:center} #content .organ .og3nd li{display:table-cell;width:200px;text-align:center} #content .organ .og3nd li div{margin:0 10px;min-height:180px;border:2px solid #999;background:#fff;border-radius:5px} #content .organ .og3nd li strong{display:block;margin:7px 20px;padding-bottom:7px;border-bottom:1px solid #ccc} #content .organ .og3nd li span{display:block;color:#666} /**/ #calendar{position:relative;padding-bottom:30px} #calendar .days{text-align:center} #calendar .days *{transition:all 0.2s} #calendar .days a{display:inline-block;width:34px;height:34px;border:1px solid #e3e3e3;background:#fff;overflow:hidden} #calendar .days a:hover{border:1px solid #0d3387;background:#0d3387} #calendar .days a span{display:none} #calendar .days a i{display:inline-block;line-height:34px;font-size:11px;font-weight:700;text-align:center;color:#333} #calendar .days a:hover i{color:#fff} #calendar .days .prev i:before{content:"\e875"} #calendar .days .next i:before{content:"\e876"} #calendar .days strong{display:inline-block;position:relative;top:-5px;padding:0 10px;font-size:36px;color:#0d3387} #calendar .days strong span{position:relative;top:-2px;margin:0 0 0 -10px;font-size:17px} #calendar .ay_search{position:absolute !important;top:10px;right:0} #calendar .calendar td{position:relative;height:100px;vertical-align:top;background-color:none !important} #calendar .calendar td .result{padding:0 0 0 16px} #calendar .calendar td .none{display:inline-block;margin:0 0 4px 0;padding:2px 10px;color:#f23737;border:1px solid #ccc;border-radius:4px} #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} #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} #calendar .day_num{position:absolute;top:4px;left:8px} #calendar .day_num span, #calendar .day_num span a{font-size:12px;font-weight:700} #calendar .sat, #calendar .sat a{color:#0d3387} #calendar .sun, #calendar .sun a{color:#cf121b} #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} #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} #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} #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} #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} #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} #calendar .playout img{position:relative;margin:0 4px 0 0} /**/ #design .guide_box{margin:30px 0;padding:30px 30px;-moz-box-shadow:inset 0 0 10px #B2B2B2;-webkit-box-shadow:inset 0 0 10px #B2B2B2;box-shadow:inset 0 0 10px #B2B2B2;border-radius:10px;background:url(../img/common/guide_box_bg.gif) no-repeat 100% 100%} #design .guide_box h3{color:#551ca9;font-size:17px} /**/ #design .stage{border-bottom:1px solid #ccc;overflow:hidden} #design .stage *{} #design .stage dt{float:left;width:70%;font-size:18px;font-family:Arial, Helvetica, sans-serif} #design .stage dt img{display:block;padding:20px 0} #design .stage dd{float:left;padding:30px 0;width:30%} #design .stage dd ul{overflow:hidden} #design .stage dd li{float:left;width:50%;font-size:15px} /**/ #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} #design .title h3{margin-bottom:15px;font-size:18px;font-weight:600;letter-spacing:-1px;color:#333} #design .title h3 i{position:relative;top:2px;display:inline-block;margin-right:8px;width:19px;height:19px;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{padding:0 10px;padding-bottom:30px} #design .table .tar{padding:10px 0} #design .table table *{margin:0;padding:0;border:0;list-style-type:none;color:#333} #design .table table{width:100%;border-collapse:collapse;border-top:1px solid #333} #design .table table caption{display:none} #design .table table thead *{font-size:13px} #design .table table tbody *{font-size:13px} #design .table table thead th{padding:10px;line-height:20px;font-weight:400;text-align:center;color:#000;border-left:1px solid #eee;border-right:1px solid #eee;border-bottom:1px solid #ccc;background:#fff} #design .table table thead th:first-child{border-left:0} #design .table table thead tr{background-color:#fff} #design .table table thead th:last-child{border-right:0} #design .table table tbody tr{background:#fff} #design .table table tbody tr:nth-child(even){background:#fff} #design .table table tbody th{padding:6px 10px;font-weight:800;text-align:center;color:#002747;border:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2} #design .table table tbody th .title{padding:10px 0;border:1px solid #333} #design .table table tbody td{padding:6px 10px;text-align:center;border:1px solid #eee;border-bottom:1px solid #e3e3e3} #design .table table tbody td:first-child{border-left:0} #design .table table tbody td:last-child{border-right:0} #design .table table tbody th:first-child{border-left:0} #design .table table tbody th:last-child{border-right:0;background-color:#fff} #design .table table tbody tr:first-child th, #design .table table tbody tr:first-child td{padding-top:9px !important;border-top:1px solid #eee;background-image:url(../img/table_td.png);background-repeat:repeat-x} #design .table table tbody td button{margin:2px 0;padding:2px 5px;border:1px solid #989898;border-bottom:1px solid #cacaca;background-color:#fff} #design .table table tfoot th{padding:4px 10px;font-weight:800;text-align:center;color:#002747;border:1px solid #989898;border-bottom:1px solid #cacaca;background-color:#f4f5f8} #design .table table tfoot td{padding:4px 10px;text-align:center;border:1px solid #989898;border-bottom:1px solid #cacaca;background-color:#f8f8f8} #design .table table tfoot td:first-child{border-left:0} #design .table table tfoot td:last-child{border-right:0} #design .table table tfoot th:first-child{border-left:0} #design .table table tfoot th:last-child{border-right:0} #design .table table tfoot td.tal{text-align:left} #design .table table tfoot td button{margin:2px 0;padding:2px 5px;border:1px solid #ccc;background-color:#fff} #design .table table tbody td.subject{text-align:left} #design .table table tbody td.subject a:hover{color:#000;text-decoration:underline} #design .table table tbody th.item, #design .table table tbody td.item{/*padding:0 0 0 30px;text-align:left;*/border-bottom:1px solid #cacaca;background-color:#fafafa} #design .table table tbody td.item span.red{position:absolute;margin:0 0 0 -20px} #design .table table tbody td .dtnum{display:block;position:relative;height:16px;line-height:16px;text-overflow:ellipsis;overflow:hidden} #design .table table tbody td .new{font-size:11px;font-weight:800;color:#c00} #design .table 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} #design .table table tbody td .okay{padding:5px 30px;font-size:16px;color:#fff;border:1px solid #333;background:#333;cursor:pointer} /**/ #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;padding-top:0;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;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 .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:10px 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 div.visitor_num_guid{color:#617295;font-size:0.92em;font-weight:normal;line-height:130%;padding:7px 0 3px ;text-align:left} #design .bt-content .btn_gray{display:block;margin:3px 0;padding:3px 5px;font-weight:600;color:#333 !important;border:1px solid #aaa;background:#fff;border-radius:22px} #design .bt-content .btn_red{display:block;margin:3px 0;padding:3px 5px;font-weight:600;color:#fff !important;border:1px solid #f23737;background:#f23737;border-radius:22px} #design .bt-content .btn_orange{display:block;margin:3px 0;padding:3px 5px;font-weight:600;color:#fff !important;border:1px solid #f77a00;background:#f77a00;border-radius:22px} #design .bt-content .btn_blue{display:block;margin:3px 0;padding:3px 5px;font-weight:600;color:#fff !important;border:1px solid #014fbb;background:#014fbb;border-radius:22px} #design .bt-content .btn_green{display:block;margin:3px 0;padding:3px 5px;font-weight:600;color:#009688 !important;border:1px solid #009688;background:#fff;border-radius:22px} #design .btn_regist{display:block;margin:3px 0;padding:3px 5px;font-weight:600;color:#fff !important;border:1px solid #999;background:#999;border-radius:22px} #design .btn_cancel{display:block;margin:3px 0;padding:3px 5px;width:69px;font-weight:600;color:#fff !important;border:1px solid #3d4459;background:#3d4459;border-radius:22px} #design .btn_regist_go{display:block;padding:2px;font-weight:800;color:#fff !important;border:2px solid #1769A3;background:#003258} #design .btn_deadline{color:#C5C5C5; font-weight:800} #design .btn_suc{display:inline-block;margin:0 2px;padding:3px 10px;font-weight:600;color:#333 !important;border:1px solid #aaa;background:#fff;border-radius:22px} #design .btn_oky{display:inline-block;margin:0 2px;padding:3px 10px;font-weight:600;color:#fff !important;border:1px solid #014fbb;background:#014fbb;border-radius:22px} #design .btn_pay{display:inline-block;margin:0 2px;padding:3px 10px;font-weight:600;color:#fff !important;border:1px solid #3d4459;background:#3d4459;border-radius:22px} #design .btn_ing{display:inline-block;margin:0 2px;padding:3px 10px;font-weight:600;color:#fff !important;border:1px solid #009400;background:#009400;border-radius:22px} #txt_box{margin:10px 0;padding:20px;border:1px solid #ccc;background:#fafafa} #scheduleList{display:none} /**/ #design .service{padding:10px 0} #design .service .bookbox{position:relative;margin-bottom:30px;padding:20px 30px;min-height:120px;line-height:22px;font-size:15px;border:1px solid #ccc;background:#fff;border-radius:5px;box-shadow:1px 3px 1px #f0f0f0} #design .service .bookbox *{line-height:22px;font-size:15px} #design .service .bookbox strong{font-weight:400;color:#c62337} #design .service .bookbox span{} #design .service .ebook{position:relative} #design .service .ebook i{position:absolute;top:120px;right:0;width:220px;height:150px;background:url(../img/img_ebook.png) no-repeat 100% 0%} #design .service .dream{position:relative} #design .service .dream i{position:absolute;top:-30px;right:0;width:220px;height:150px;background:url(../img/img_dream.png) no-repeat 100% 0%} #design .service .eb01{padding:30px 30px 30px 130px;background:#fff url(../img/ico_ebook.png) no-repeat 20px 50%} #design .service .eb02{padding:30px 30px 30px 130px;background:#fff url(../img/ico_info.png) no-repeat 20px 50%} #design .service .eb03{padding:30px 30px 30px 130px;background:#fff url(../img/ico_mobile.png) no-repeat 20px 50%} #design .service .os01{padding:30px 30px 30px 130px;background:#fff url(../img/ico_oneservice.png) no-repeat 20px 50%} #design .service .os02{padding:30px 30px 30px 130px;background:#fff url(../img/ico_members.png) no-repeat 20px 50%} #design .service .bs01{padding:30px 30px 30px 130px;background:#fff url(../img/ico_ebook.png) no-repeat 20px 50%} #design .service .bl01{padding:30px 30px 30px 130px;background:#fff url(../img/ico_bookdream.png) no-repeat 20px 50%} #design .service .schema{position:relative;padding:10px 0 30px 0} #design .service .schema ol{position:absolute;top:-30px;right:0;overflow:hidden} #design .service .schema ol li{float:left;position:relative;margin-right:20px;padding-left:25px} #design .service .schema ol .sc1 i{position:absolute;top:0;left:0;display:block;width:23px;height:23px;background:url(../img/ico_nl01.png) no-repeat 50% 50%} #design .service .schema ol .sc2 i{position:absolute;top:0;left:0;display:block;width:23px;height:23px;background:url(../img/ico_nl02.png) no-repeat 50% 50%} #design .service .schema ol .sc3 i{position:absolute;top:0;left:0;display:block;width:23px;height:23px;background:url(../img/ico_nl03.png) no-repeat 50% 50%} #design .service .schema div{padding-bottom:30px} #design .service .schema div h4{padding:0 0 4px 28px;font-size:16px;font-weight:400;color:#333 !important;background:url(../img/dp2.png) no-repeat 13px 9px} #design .service .schema div ul{overflow:hidden} #design .service .schema div ul li{float:left;position:relative;width:33.33%;text-align:center} #design .service .schema div ul li i{position:absolute;top:50%;right:-10px;margin:-15px 0 0 0;width:20px;height:30px;background:url(../img/st0.png) no-repeat 50% 50%} #design .service .schema div ul li span{display:block;margin:10px 10%;height:150px;border:1px solid #ccc;background:#fafafa;border-radius:10px} #design .service .schema div ul li strong{font-size:16px;font-weight:400;color:#333 !important} #design .service .schema .img1 *{color:#96c41c} #design .service .schema .img1 li span{border:1px solid #ccc} #design .service .schema .img1 .sa1 span{background:url(../img/ico_nl11.png) no-repeat 50% 50%} #design .service .schema .img1 .sa2 span{background:url(../img/ico_nl12.png) no-repeat 50% 50%} #design .service .schema .img1 .sa3 span{background:url(../img/ico_nl13.png) no-repeat 50% 50%} #design .service .schema .img2 *{color:#53b5e6} #design .service .schema .img2 li span{border:1px solid #ccc} #design .service .schema .img2 .sa1 span{background:url(../img/ico_nl21.png) no-repeat 50% 50%} #design .service .schema .img2 .sa2 span{background:url(../img/ico_nl22.png) no-repeat 50% 50%} #design .service .schema .img2 .sa3 span{background:url(../img/ico_nl23.png) no-repeat 50% 50%} /**/ #design .community{padding:10px 0} #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 .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 .member .guide{margin:20px 0 0 0;padding:20px 0;border-top:1px solid #ccc} #design .member .guide a{display:block;margin-bottom:10px;color:#f00} /**/ #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;box-shadow:0 #f0f0f0} #design .email .emailbox strong{color:#009400;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} #timUser{display:block;overflow:hidden} #timUser .userNum{float:left;display:block;width:20%;padding:4px 0} /**/ #ga_tab{margin:0;padding-bottom:30px;text-align:center} #ga_tab li{display:inline} #ga_tab li a{display:inline-block;padding:4px 8px;font-size:13px;font-weight:600;border:1px solid #ccc} #ga_tab li.on a{color:#fff;border:1px solid #009400;background:#009400} /**/ #design .ay_webzine{margin-bottom:40px;border:0px solid #d2d2d2;background:#fff} #design .ay_webzine .tit{display:block;padding:0 20px;line-height:40px;font-size:19px;font-weight:600;letter-spacing:-1px;color:#1c368d;text-align:center;border-bottom:1px solid #ccc;border-top:1px solid #1c368d} #design .ay_webzine .tit span{display:none;padding-top:10px;font-size:14px;font-weight:400;letter-spacing:0px} #design .ay_webzine dl{display:table;padding:20px 0;width:100%;*zoom:1} #design .ay_webzine dl:before, #design .ay_webzine dl:after{clear:both;display:table;content:"";line-height:0} #design .ay_webzine dt{display:table-cell;width:40%;vertical-align:top} #design .ay_webzine dt .img{padding:0 20%} #design .ay_webzine dt .img a{display:inline-block;border:1px solid #eee} #design .ay_webzine dt .img .noimg{display:block;width:150px;height:214px;background:url(../img/noimg.png) no-repeat 50% 50%;background-size:90px 90px} #design .ay_webzine dt .img img{display:block;padding:10px;width:170px;border:1px solid #ccc} #design .ay_webzine dd{display:table-cell;width:60%;vertical-align:top} #design .ay_webzine dd ul{padding:0 0 20px 0} #design .ay_webzine dd li{position:relative} #design .ay_webzine dd li span{display:block;padding-left:90px;line-height:30px;font-size:14px;color:#333} #design .ay_webzine dd .fb{position:absolute;top:0;left:0;display:block;line-height:30px;font-size:13px;color:#333} #design .ay_webzine dd .fb:before{content:'';position:absolute;top:50%;left:-15px;margin-top:-1px;width:2px;height:2px;background:#333;border-radius:10px} #design .ay_webzine .webzine{position:relative;margin:0 20px;border-top:1px dotted #aaa} #design .ay_webzine .webzine h3{line-height:40px;font-size:13px} #design .ay_webzine .webzine div{line-height:20px;font-size:14px;color:#333;text-align:justify;word-break:break-all} #design .ay_webzine .webzine div img{width:auto;max-width:100%;height:auto} /**/ #design .ay_table table{width:100%;border-collapse:collapse} #design .ay_table table caption{display:none} #design .ay_table table thead th{line-height:45px;font-size:12px;background:#f0f0f0} #design .ay_table table tbody tr:hover{background:#fff} #design .ay_table table tbody tr.notice td {border-bottom:1px solid #c5d7e0;background:#f3f3f1} #design .ay_table table tbody td{padding:0 10px;font-size:13px;color:#333;text-align:center;border-bottom:1px solid #ddd} #design .ay_table table tbody td[scope=row] span{display:block;width:36px;font-size:12px;line-height:20px;text-align:center} #design .ay_table table tbody td[scope=row] span.bt-content{display:inline;background:none;color:#111;font-family:arial;font-size:13px;font-weight:400} #design .ay_table table tbody td a{font-size:13px;color:#333} #design .ay_table table tbody td img{vertical-align:middle} #design .ay_table table tbody td ul{text-align:left} #design .ay_table table tbody td li{font-size:15px;line-height:20px;color:#333} #design .ay_table table tbody td.subject{text-align:left} #design .ay_table table tbody td.subject div{position:relative;padding:5px 0;line-height:20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #design .ay_table table tbody td.subject a{display:inline-block;line-height:40px;font-size:14px;font-weight:normal;color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} #design .ay_table table tbody td.subject a:hover{color:#ad8f64} #design .ay_table table tbody td.subject span{font-size:11px;font-weight:800} #design .ay_table table tbody td.subject span img{} #design .ay_table table tbody td.subject .new{display:inline-block;width:30px;height:40px;background:url(../img/ico_new.png) no-repeat 50% 50%;text-indent:-9999em;overflow:hidden} #design .ay_table table tbody td.subject .secret{display:inline-block;width:17px;height:40px;background:url(../img/ico_secret.png) no-repeat 50% 50%;text-indent:-9999em;overflow:hidden} #design .ay_table table tbody td.subject .reply{display:inline-block;padding:0 0 0 10px;background:url(../img/ico_reply.png) no-repeat 0px 2px;text-indent:-9999em;overflow:hidden} #design .ay_table table tbody td.subject .list_reply{color:#aa6801} #design .ay_table table tbody td.subject notice{background:#f3f3f1;border-bottom:1px solid #c5d7e0} #design .ay_table table tbody td div.tac{padding:100px 0} #design .ay_table table tbody td .this{font-size:11px;color:#f30} #design .ay_table table tbody td .notice{font-size:11px;color:#0054FF} #design .ay_table table tr:first-child td{background:url(../img/board/table_td.png) repeat-x 0 0} #design .ay_table table tr th:last-child{border-right:0} #design .ay_table table tr td:last-child{border-right:0} /**/ #design .ay_tabmenu{padding-bottom:30px} #design .ay_tabmenu *{margin:0;padding:0;border:0;list-style-type:none} #design .ay_tabmenu ul{height:40px;border-bottom:1px solid #333;*zoom:1} #design .ay_tabmenu ul:before, #design .ay_tabmenu ul:after{clear:both;display:table;content:"";line-height:0} #design .ay_tabmenu li{float:left} #design .ay_tabmenu li a{display:block;margin-left:-1px;padding:0 20px;height:40px;line-height:40px;text-align:center;border:1px solid #aaa;border-bottom:1px solid #333;background:#f0f0f0} #design .ay_tabmenu li a strong{font-size:14px;font-weight:400;color:#888} #design .ay_tabmenu li:first-child a{margin:0} #design .ay_tabmenu li a:hover{position:relative;z-index:5;color:#777;border:1px solid #333;border-bottom:1px solid #fff;background:#fff} #design .ay_tabmenu li a.sel{position:relative;z-index:5;font-weight:800;letter-spacing:0px;color:#000;border:1px solid #333;border-bottom:1px solid #fff;background:#fff} #design .ay_tabmenu li a.sel strong{font-weight:600;color:#333} /**/ #design .ay_fieldset{position:relative} #design .ay_fieldset fieldset{position:relative;margin:0 80px 30px 80px;padding:20px 0 0 0;border:1px solid #d9d9d9} #design .ay_fieldset fieldset legend{display:none} #design .ay_fieldset .type{position:relative;*zoom:1} #design .ay_fieldset .type:before, #design .ay_fieldset .type:after{clear:both;display:table;content:"";line-height:0} #design .ay_fieldset .type label{display:block;margin:0 20% 5px 20%;line-height:25px} #design .ay_fieldset .type label strong{position:absolute;top:0;left:10%;line-height:25px;font-size:14px;font-weight:400} #design .ay_fieldset .type label span{display:block;border:1px solid #ccc} #design .ay_fieldset .type label input{padding:5px 0;width:100%;text-indent:10px} #design .ay_fieldset .type label select{padding:5px;width:100%;border:1px solid #ccc;text-indent:6px} #design .ay_fieldset .order{margin:20px 0 0 0;padding:10px 0;border-top:1px solid #ccc;background:#f7f7f7} #design .ay_fieldset .order .hunmin{text-align:center} #design .ay_fieldset .order .hunmin a{display:inline-block;padding:5px;border:1px solid #ccc;background:#fff;border-radius:3px} #design .ay_fieldset .button{position:absolute;top:24px;right:50px} #design .ay_fieldset .button button{width:80px;height:72px;font-size:15px;color:#fff;border:0;border-top:4px solid #035ca9;background:#0480ce} /**/ #design .ay_view{*zoom:1} #design .ay_view:before, #design .ay_view:after{clear:both;display:table;content:"";line-height:0} #design .ay_view h2{position:relative;z-index:2;padding:14px 0;font-size:14px;text-align:center;background:#f0f0f0;box-shadow:0 2px 0 0 rgba(0,0,0,0.3)} #design .ay_view h3{padding:10px 20px;font-size:13px;color:#004d9b;border-top:1px solid #004d9b;border-bottom:1px solid #eee;background:#f9f9f9} #design .ay_view dl{display:table;position:relative;width:100%;border-bottom:1px solid #e0e0e0;overflow:hidden} #design .ay_view dt{display:table-cell;padding:7px 10px;width:100px;font-size:13px;border-right:1px solid #f0f0f0;text-indent:18px;overflow:hidden} #design .ay_view dd{display:table-cell;padding:7px 10px;font-size:14px;background:#fff;overflow:hidden} #design .ay_view dl.lik{width:100%;border-top:1px solid #e0e0e0;margin-top:-1px;vertical-align:middle} #design .ay_view dl.add{width:100%;border-top:1px solid #e0e0e0;margin-top:-1px;vertical-align:middle} #design .ay_view dl.add a{padding-right:15px} #design .ay_view dl.add img{padding:0;margin:0;padding-right:6px;vertical-align:top} #design .ay_view dd .btn{float:right} #design .ay_view dd .btn a{display:inline-block;padding:0 10px;font-size:12px;letter-spacing:-1px;border:1px solid #ccc} #design .ay_view .img{float:left;width:30%} #design .ay_view .img img{width:100%;border:1px solid rgba(0,0,0,0.4)} #design .ay_view .info{float:right;margin:0 0 20px 0;width:65%} #design .ay_view .cominfo{margin:0 0 20px 0} #design .ay_view .contents{clear:both;position:relative;z-index:2;top:-1px;padding:20px;min-height:300px;background:none!important;width:auto !important} #design .ay_view .viewfile{margin-bottom:20px;padding:0 20px;border-bottom:1px solid #d2d2d2;background:#fff;overflow:hidden} #design .ay_view .viewfile li{position:relative;padding:7px 0 7px 11%;min-height:40px;border-bottom:0px solid #eee;overflow:hidden} #design .ay_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 .ay_view .viewfile li a{display:block;padding:5px 0 5px 20px;font-size:12px} #design .ay_view .viewfile li a.alz{background:url(../../wdBoard/img/alz.gif) no-repeat 0 3px} #design .ay_view .viewfile li a.bmp{background:url(../../wdBoard/img/bmp.gif) no-repeat 0 3px} #design .ay_view .viewfile li a.doc{background:url(../../wdBoard/img/doc.gif) no-repeat 0 3px} #design .ay_view .viewfile li a.gif{background:url(../../wdBoard/img/gif.gif) no-repeat 0 3px} #design .ay_view .viewfile li a.hwp{background:url(../../wdBoard/img/hwp.gif) no-repeat 0 3px} #design .ay_view .viewfile li a.jpg{background:url(../../wdBoard/img/jpg.gif) no-repeat 0 3px} #design .ay_view .viewfile li a.pdf{background:url(../../wdBoard/img/pdf.gif) no-repeat 0 3px} #design .ay_view .viewfile li a.png{background:url(../../wdBoard/img/png.gif) no-repeat 0 3px} #design .ay_view .viewfile li a.ppt{background:url(../../wdBoard/img/ppt.gif) no-repeat 0 3px} #design .ay_view .viewfile li a.xls{background:url(../../wdBoard/img/xls.gif) no-repeat 0 3px} /**/ #design .ay_movie{margin:0 -10px;overflow:hidden;*zoom:1} #design .ay_movie:before, #design .ay_movie:after{clear:both;display:table;content:"";line-height:0} #design .ay_movie .webzine{float:left;width:50%} #design .ay_movie .webzine dl{position:relative;margin:10px;padding:0 0 0 25%;border:1px solid #d2d2d2;*zoom:1;transition:all 0.3s ease-in-out} #design .ay_movie .webzine dl:before, #design .ay_movie .webzine dl:after{clear:both;display:table;content:"";line-height:0} #design .ay_movie .webzine dl:hover{border:1px solid #3394dd;box-shadow:0px 2px 2px 0px rgba(0,0,0,0.16);transition:all 0.3s ease-in-out} #design .ay_movie .webzine dt{position:absolute;top:0;left:0;width:100%} #design .ay_movie .webzine dt .tit{padding:10px 20px;border-bottom:1px solid #eee} #design .ay_movie .webzine dt .tit{background:none} #design .ay_movie .webzine dt .tit a{display:block;font-size:16px;font-weight:500;color:#1c368d;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} #design .ay_movie .webzine dt .img{margin:10px 20px} #design .ay_movie .webzine dt .img a{display:inline-block;border:1px solid #eee} #design .ay_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 .ay_movie .webzine dt .img img{width:75px} #design .ay_movie .webzine dd{padding:55px 20px 10px 0} #design .ay_movie .webzine dd ul{padding:0 0 5px 0} #design .ay_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 .ay_movie .webzine dd li span{font-size:13px;color:#777} #design .ay_movie .webzine dd .txt{margin-bottom:10px;padding:0 10px;height:48px;line-height:16px;font-size:13px;color:#333;overflow:hidden} #design .ay_movie .webzine p{height:60px;line-height:20px;color:#888;overflow:hidden} #design .ay_movie .webzine .more{position:absolute;top:10px;right:10px;color:#aa6801} #design .ay_movie .detail{} #design .ay_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 .ay_movie .detail dl:before, #design .ay_movie .detail dl:after{clear:both;display:table;content:"";line-height:0} #design .ay_movie .detail dt{position:absolute;top:0;left:0;width:100%} #design .ay_movie .detail dt .tit{padding:10px 20px;display:block;font-size:22px;font-weight:600;color:#1c368d;border-bottom:1px solid #eee} #design .ay_movie .detail dt .img{margin:20px} #design .ay_movie .detail dt .img a{display:inline-block;border:1px solid #eee} #design .ay_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 .ay_movie .detail dt .img img{width:150px} #design .ay_movie .detail dd{padding:70px 20px 10px 0} #design .ay_movie .detail dd ul{padding:0 0 20px 0} #design .ay_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 .ay_movie .detail dd li span{position:absolute;top:3px;left:0;font-size:14px;color:#009400} #design .ay_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 .ay_movie .detail p{height:60px;line-height:20px;color:#888;overflow:hidden} /**/ #design .ay_detail{margin-bottom:20px;*zoom:1} #design .ay_detail:before, #design .ay_detail:after{clear:both;display:table;content:"";line-height:0} #design .ay_detail *{margin:0;padding:0;border:0;list-style-type:none;font-size:12px} #design .ay_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} #design .ay_detail h3{padding:10px 20px;font-size:13px;color:#004d9b;border-top:1px solid #004d9b;background:#f9f9f9} #design .ay_detail table *{margin:0;padding:0;border:0;list-style-type:none;font-size:12px} #design .ay_detail table{width:100%;border-collapse:collapse;border-top:1px solid #ccc} #design .ay_detail table caption{display:none} #design .ay_detail table th{padding:10px 20px;text-align:left;border-bottom:1px solid #ccc;background:#fff} #design .ay_detail table td{padding:10px;font-size:14px;color:#333;border-bottom:1px solid #ccc;background:#fff} #design .ay_detail table td a{font-size:14px;color:#333} #design .ay_detail .capacity{min-height:50px;overflow:hidden} #design .ay_detail .capacity dl{float:left;width:11.11%;text-align:center;position:static} #design .ay_detail .capacity dt{display:block;padding:5px 0;background:#ecf9f4} #design .ay_detail .capacity dd{display:block;padding:5px 0} #design .ay_detail .img{float:left;width:30%} #design .ay_detail .img img{width:100%;border:1px solid rgba(0,0,0,0.4)} #design .ay_detail .info{margin:0 0 20px 0} #design .ay_detail .info dl{position:relative;padding-left:160px;border-top:1px solid #ccc;overflow:hidden} #design .ay_detail .info dt{position:absolute;top:10px;left:20px;line-height:20px} #design .ay_detail .info dd{padding:10px 0;line-height:20px} /**/ #design .basic_write input[type="text"], #design .basic_write input[type="password"]{padding:0 10px;height:30px;border:1px solid #ccc;background:#fff;box-sizing:border-box;appearance:none;border-radius:0;font-size:14px;font-family:inherit} /**/ #design .faqlist *{margin:0;padding:0;border:0;list-style-type:none} #design .faqlist li{padding:20px 0;border-bottom:1px solid #ccc} #design .faqlist li dl{padding:10px 0;position:relative} #design .faqlist li dt{position:absolute;top:10px;left:0} #design .faqlist li dt strong{font-size:24px;font-family:Arial, Helvetica, sans-serif} #design .faqlist li dd{padding-left:40px} #design .faqlist li dd br{display:none} /**/ #design .prevnext{margin-bottom:12px;background:#fff} #design .prevnext *{margin:0;padding:0;border:0;list-style-type:none} #design .prevnext ul{border-top:1px solid #ccc} #design .prevnext li{position:relative;padding:0px 90px 0 110px; height:44px; border:1px solid #ccc; border-top:0} #design .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} #design .prevnext li p{color:#999;line-height:44px} #design .prevnext li a {display:block;height:44px;line-height:44px;padding-right:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #design .prevnext li a:hover { color:#ff661b} #design .prevnext li span{position:absolute;top:11px;right:18px;display:block;color:#999} /**/ #design .ay_pass{padding:40px 0} #design .ay_pass .box{padding:50px 0;font-size:20px;text-align:center;border:1px solid #d2d2d2;background:#fafafa;border-radius:5px} #design .ay_pass .box span{display:inline-block;padding:0 10px;line-height:32px;font-size:16px;font-weight:600} #design .ay_pass .box input{padding:0 10px;height:30px;border:1px solid #ccc} #design .ay_pass .button button{padding:0 30px;line-height:30px;font-size:14px;font-weight:400;color:#fff;border:0;background:#008400;border-radius:2px} #design .ay_pass .button button:hover{font-size:14px;font-weight:400;color:#fff;border:0;background:#005b00;border-radius:2px;box-shadow:2px 5px 5px rgba(0,0,0,0.2)} #design .ay_pass .button a{padding:0 30px;line-height:30px;font-size:14px;font-weight:400;color:#fff;border:0;background:#777;border-radius:2px} #design .ay_pass .button a:hover{font-size:14px;font-weight:400;color:#fff;border:0;background:#555;border-radius:2px;box-shadow:2px 5px 5px rgba(0,0,0,0.2)} /**/ #design .ay_title{position:relative;z-index:10;padding:10px 0;*zoom:1} #design .ay_title:before, #design .ay_title:after{clear:both;display:table;content:"";line-height:0} #design .ay_title *{margin:0;padding:0;border:0;list-style-type:none} #design .ay_title h3{float:left;line-height:30px;font-weight:400;color:#333} #design .ay_title .ay_search{float:right} /**/ #design .ay_search{position:relative;*zoom:1} #design .ay_search:before, #design .ay_search:after{clear:both;display:table;content:"";line-height:0} #design .ay_search fieldset{float:right} #design .ay_search fieldset legend{display:none} #design .ay_search fieldset select{float:left;margin:0 5px 0 0;padding:3px;height:25px;line-height:25px;font-size:13px;font-weight:400;color:#777;border:1px solid #ccc;background:#fff} #design .ay_search fieldset label{float:left;padding:0 10px 0 0;line-height:30px} #design .ay_search fieldset input{float:left;margin:0 5px 0 0;padding:0 5px;height:25px;line-height:25px;font-size:12px;font-weight:800;color:#777;border:1px solid #ccc;border-radius:0px} #design .ay_search fieldset button{position:relative;top:0px;padding:0 12px;height:25px;font-size:13px;font-weight:800;color:#fff;border:0;background:#777;border-radius:0px} #design .ay_search p{position:absolute;top:-65px;right:0} #design .ay_search p a{display:block;padding:5px 25px;font-weight:400;color:#fff;border:1px solid #c62337;background:#c62337;border-radius:0px} /**/ #design .ay_content{padding:20px;background:#fff} #design .ay_content_news{padding:20px;background:#fff; width:100%; height:inherit!important} #design .ay_content_news img{width:100%!important;height:100%!important} .ay_pdfview {width:100%;height:650px} /**/ #design .ay_paging{padding:0 0 10px 0;text-align:center} #design .ay_paging .paging{padding:20px 0} #design .ay_paging .paging *{font-size:13px} #design .ay_paging .paging strong{display:inline-block;padding:5px 10px;color:#000;border:1px solid #000;background:#fff} #design .ay_paging .paging a{display:inline-block;padding:5px 10px;color:#777;border:1px solid #d5d5d5;background:#fff} #design .ay_paging .paging a:hover{color:#fff;border:1px solid #000;background:#000} #design .ay_paging .paging .pag{color:#555;background:#eee} #design .ay_paging .pprev{} #design .ay_paging .prev{} #design .ay_paging .next{} #design .ay_paging .nnext{} /**/ #design .ay_button{padding:20px 0;text-align:right} #design .ay_button a{display:inline-block;padding:7px 30px;font-size:14px;font-weight:500;color:#333;border:1px solid #ccc;background:#eee} #design .ay_button button{display:inline-block;padding:7px 30px;font-size:14px;font-weight:500;color:#333;border:1px solid #ccc;background:#eee} #design .ay_button .btn_red{} #design .ay_button .btn_blue{} #design .ay_button .btn_gray{} #design .ay_button .btn_green{} /**/ #gallery_wrap{clear:both;overflow:hidden;margin:0 -7px;padding-bottom:12px} #gallery_wrap .gallery_list{float:left;width:25%;padding-bottom:14px} #gallery_wrap .image_bagic{margin:0 7px;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%;max-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{margin:0 7px;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} /**/ #design .sitemap{padding:30px 0;*zoom:1} #design .sitemap:before, #design .sitemap:after{clear:both;display:table;content:"";line-height:0} #design .sitemap .group{float:left;width:25%;padding:0 2% 0 0} #design .sitemap .group div{min-height:280px;border:1px solid #bdafaf;border-top:2px solid #746457;background:#fff} #design .sitemap .group h2{margin:0 10%;line-height:45px;font-size:15px;font-weight:600;color:#333;text-align:center;border-bottom:1px solid #eee} #design .sitemap .group div > ul{padding:10px 20px} #design .sitemap .group div > ul > li > a{display:block;padding:4px 10px;font-size:13px;font-weight:500;color:#555} #design .sitemap .group div > ul > li > a:hover{color:#000} #design .sitemap .group div > ul ul{margin:0;padding:6px 7px;border-bottom:1px solid #eee;background:#fafafa} #design .sitemap .group div > ul ul li{padding:3px 0} #design .sitemap .group div > ul ul li a{padding:0;padding-left:12px;font-size:13px;font-weight:normal;border:none}