.content_body_heager h3{font-size:16px; line-height:26px} .bbs_view_block_close{margin-bottom:10px;} .bbs_view_block_open{margin-bottom:10px; overflow:hidden;} .bbs_view_block_open p, .bbs_view_block_open span{font-size:13px !important; font-weight:normal !important; color:#666666 !important;} .bbs_view_block_open .imgframe{max-width:100%;} .bbs_view_block_open img{height:auto !important;} .margin_bottom_0{margin:0;} .margin_bottom_0 .glyphicon{color:#aaa !important;} .info .glyphicon {padding:0px;} /* label left-right */ .label_lr{font-size:12px; font-weight:normal; padding:2px 12px;} .top_bbs_list .photo_thumbnail{width:30.3333%;} .top_bbs_list .text_thumbnail{width:69.6667%;} .top_bbs_list .text_thumbnail .bbs_tit{font-size:22px; margin-top:13px; margin-bottom:10px;} .bbs_btn{clear:both; margin-top:10px;} .bbs_btn a {padding:2px 5px;font-size:12px;} .btn_view{margin-bottom:0;} .btn_view a{ font-size:12px; font-weight:700; color:#111; padding:2px 10px 3px 10px !important;} .btn_view a:hover{color:#4e8abe;} .bbs_top{height:50px;/* background:#0ca6b7; */background:#7e8d95;/* border:1px solid #f1f1f1; */padding:10px 20px; margin-bottom:10px;border-radius:4px; border-bottom:0;} .bbs_top .total{padding:4px 0 2px 0;color:#fff;font-size:14px;} .bbs_top .total span{/*font-weight:bold;color:#f2505a; */color:#00f6ff;} .bbs_top .total span.p {color:#222;font-weight:normal;} .bbs_top .total a{padding-left:10px;} .bbs_top .search-form{float:right;} .bbs_list_box {clear:both; /* border-top:2px solid #394044; */ padding:5px 0 0 0; overflow:hidden;} .bbs_photo_box{ } .bbs_list50 {float:left;width:49%;margin:10px 0 10px 10px !important; height:230px;} .bbs_list50 .text_block .text_block_img {width:200px;height:160px;} .bbs_list50 .text_block_imgtxt {margin:0 0 0 220px;} .bbs_list50 .bbs_pretext {display:inline-block;height:40px;overflow:hidden;} /* .bbs_list50:hover .text_block .text_block_img {width:200px !important;height:160px !important;} .bbs_list50:hover .overinfo {width:200px !important;height:160px !important;padding:55px 5px !important;} */ .bbs_list {padding:20px 15px; margin:10px 0; overflow:hidden;/* border-bottom:1px dotted #bbb; */border:1px solid #eee;border-radius:4px;} /* .bbs_list:hover {background:#afafaf;background:#9cbec2;color:#fff;} .bbs_list:hover div, .bbs_list:hover p, .bbs_list:hover span, .bbs_list:hover a, .bbs_list:hover button {color:#fff !important;} .bbs_list:hover .text_info .view.pointlocation {color:#fff !important;} .bbs_list:hover .filelist {background:#76848b;background:#9a9a9a;} .bbs_list:hover .text_block .overinfo, .bbs_list:focus .text_block .overinfo, .bbs_list:active .text_block .overinfo {display:block;} .bbs_list:hover .text_block .text_block_img {opacity:0.7;} */ .bbs_list .text_block_img > img {-webkit-transition: all 0.3s ease-in-out 0s;/* 크롬,사파리에서 동작 */ -moz-transition: all 0.3s ease-in-out 0s;/* 파이어폭스,모질라에서 동작 */ -ms-transition: all 0.3s ease-in-out 0s;/* 익스플로러에서 동작 */ -o-transition: all 0.3s ease-in-out 0s;/* 오페라에서 동작 */ transition: all 0.3s ease-in-out 0s;} /* -ms-transform: rotate(7deg); IE 9 -webkit-transform: rotate(7deg); Chrome, Safari, Opera transform: rotate(7deg); */ /* .bbs_list:hover button .red {color:#63f8ff !important;} */ .bbs_nolist {margin:40px 0;text-align:center;} .bbs_list2 {padding:10px 0; margin:0px 0 0px 0; overflow:hidden;border-bottom:1px dotted #bbb;} .bbs_list2 .bbs_tit {font-size:14px;} .bbs_photo { } .bbs_list .text_block_photo{position:relative; display:block;} .bbs_list .text_block_photo:after{clear:both; display:block; content:""} .bbs_list .text_block_photo .overinfo {position:relative;display:none;position:absolute; top:0px; left:0px; width:240px; height:180px; text-align:center; margin:5px 0 0 0;padding:70px 5px; z-index:10; font-family:'Malgun Gothic', '맑은고딕'; background:url(/resources/images/content/fusionnow/bgalpha.png);} .bbs_list .text_block_img:hover .overinfo, .bbs_list .text_block_img:focus .overinfo, .bbs_list .text_block_img:active .overinfo{display:block;} .bbs_list50 .text_block_photo .overinfo {width:200px; height:160px;padding:55px 5px;} .rss_list_box .text_block{padding-left:15px;} .list_order{font-size:12px; padding-right:0;} .bbs_tit{color:#444; font-size:15px; font-weight:bold; margin-top:5px; margin-bottom:5px; overflow:hidden;} .bbs_tit a:hover{text-decoration:underline;color:#f2505a;} .bbs_tit img{/* margin-top:-6px; */width:15px;} .bbs_tit .notice_t{color:#0ca6b7;} .srch_list {margin:15px 0 30px 0;} .foo_txt .text_info {margin:0px;} .foo_txt .sns_share {width:104px;} .foo_txt .sns_share .view {margin:0 2px;} .text_info_wrap {border-radius:4px;background:#eee;padding:10px;margin-top:30px;} /* .bbs_list:hover .text_info_wrap {background:#9a9a9a;} */ .foo_txt .foo_wrap {display:inline-block;width:100%;background:#eee;margin-top:10px;border-radius:4px;padding:5px;} /* .bbs_photo:hover .foo_wrap {background:#9a9a9a;} */ .text_info {font-size:12px;/* margin-top:15px; */ } .text_info .view {margin:7px 0 0 0;} .text_info span{margin:0 1px 0 0;} .text_info .name{color:#0ca6b7;} .text_info .date{color:#0ca6b7;float:right;margin:7px 0 0 0;} .sns_share {padding-top:5px !important;/* border-top:1px dotted #fff; */} .sns_share .view {float:left;margin:0 5px 0 0;} .bbs_tit .date{color:#0ca6b7;font-size:11px;margin:2px;line-height:20px;font-weight:normal;display:inline-block;} .text_info2 .date{color:#0ca6b7;font-size:11px;} .text_info .view:after{content: "";border: 1px solid #eeeeee;margin-left: 13px;} .text_info .view, .text_info .view a{color:#999;} .text_info .view span {font-weight:bold;color:#808080;} /* .bbs_list:hover .text_info .view span {font-weight:normal;} .bbs_list:hover b font {color:#63f8ff;} */ .text_info .view.pointlocation {color:#fd5c5c !important;} .text_info .view a:hover, .text_info .view a:hover .glyphicon, .text_info .view a:hover .pointr {color:#fd5c5c; } .text_info .view .pointr { color:#555;} .foo_txt .text_info .view .pointr {color:#808080;font-weight:normal;font-size:11px;} .text_info .glyphicon{font-size:10px; margin:-4px 1px 0 0; color:#999; vertical-align:middle;} .text_info .red,.text_info .glyphicon.red,.text_info span.red {color:#fd5c5c !important;} /* .text_info .glyphicon:hover {color:#fd5c5c;} */ .text_block{padding-left:0;} .text_block .notxt {text-align:center;} .text_block .text_block_img{/* float:left; margin:0 30px 0 0; width:180px; */margin:5px 0 15px 0;} .text_block2{padding-right:30px; margin-top:0px; border-right:1px solid #e9e9e9;} .bbs_pretext{height:67px; color:#888; margin-bottom:5px; overflow:hidden;} .bbs_pretext2{height:22px; color:#888; margin-bottom:5px; overflow:hidden;} .bbs_pretext3{color:#666666; margin-bottom:5px; overflow:hidden;} .link_img{display:block; margin:10px 0 0 0;} .likelist, .text_info .view button {border:0px !important;background:transparent !important;font-size:12px;} /* 2차 tab */ .nav-group .active > a {color:#0CA6B7 !important;border-top:2px solid #0CA6B7 !important;font-weight:bold;} .nav-group a:hover {color:#0CA6B7 !important;background:transparent !important; border-top:2px solid #0CA6B7 !important;border-bottom:0px !important;} .link_url{margin:0;} .link_url a{color:#006bda;} .link_url a.btn{color:#666;} .btn_a_color{color:#fff !important;} .notice_tit a{color:#509bdd !important;} .notice_cont{color:#232323} .span_line{padding-left:6px; padding-right:6px; color:#bbb;} .bbs_view_block{margin-bottom:10px;} /* */ .cr-container{width:900px; margin:0 auto 180px auto; border:0px solid #000; position:relative; z-index:80;} .cr-content-wrapper{width:100%; height:100%;overflow:hidden;} .cr-content-container{display:none; width:100%; height:100%;top:0px;left:0px;display:none;overflow:hidden;} .cr-img{top:0px;left:0px;z-index:1;} .cr-hide{display:none;} .cr-thumbs{position:absolute;left:0px;top:690px;height:130px;width:650px;bottom:0px;z-index:20;overflow:hidden;} .cr-thumbs div{float:left;cursor:pointer;position:relative; display:none;width:162px;height:120px;overflow:hidden;} .cr-thumbs img{display:block;width:162px;margin:6px 5px 6px 0px; } .cr-thumbs div.cr-selected{border-color:#000;background:transparent url(/resources/images/ico/triangle.png) no-repeat 50% 0%;} .cr-thumbs div.cr-selected img{border-color:#000;} .cr-nav span{position:absolute; z-index:50; text-indent:-9000px;cursor:pointer; width:35px; height:35px;margin-bottom:-17px;left:-24px; top:730px; background:url(/resources/images/ico/nav.png) no-repeat top left;} .cr-nav span.cr-nav-next{background-position:bottom left;right:-24px;left:auto;} .cr-nav span.cr-nav-prev:hover, .cr-nav span.cr-nav-next:hover{bottom:34px;} /* file down */ .file_down{width:100%; display:inline-block; margin-top:10px; } .file_down li{margin-bottom:3px;} .file_down li a{display:block; font-size:12px; color:#666666; padding:1px 10px 3px 10px; border:1px solid #e5e5e5; background:#f8f8f8;} .file_down li a:hover{color:#111; border:1px solid #cccccc; background:#f3f3f3;} .government_file_down li{ padding:3px 10px 2px 10px; border:1px solid #e5e5e5; background:#f8f8f8;} .government_file_down li a{display:inline-block; border:0 !important; background:none !important;} .government_file_down li .btn-default{border:1px solid #ccc !important; background:#fff !important;} .government_file_down .date{color: #666; font-size:12px !important;} /* board view */ .boarddate {background:#f7f7f7;border:1px solid #dcdcdc;border-radius:4px;padding:0 5px;width:65px;height:60px;display:inline-block !important;font-size:16px;font-weight:bold;color:#063237;text-align:center;} .boarddate span {background:url(/resources/images/content/fusionnow/dateyearbg.png) no-repeat;display:inline-block !important;margin:0 0 3px 0;width:55px;height:30px;padding-top:3px;font-size:14px;color:#fff;} .url{display:inline-block;width:100%; line-height:18px; padding:0; margin:8px 0 0 0;} .url a{color:#666666;} .url a:hover{color:#31a344;} .url .glyphicon{float:left; font-size:11px; color:#999; margin-top:4px; margin-right:4px;} .info{display:block; font-size:12px; color:#666666; text-align:right; padding:4px 0px; margin:0 0 15px 0; vertical-align:bottom;background:#fff;} .info .glyphicon{color:#919ba1; margin-top:6px; /* margin-left:6px; */ margin-right:0px;} .info .left {text-align:left;padding:0px;} .board_header .right {padding:10px 0 0 0 !important;color:#999999;font-size:10.5px;margin:-10px 0 30px 0;text-align:right;border-top: 1px dotted #dedede;} .board_header .right .glyphicon {background:#fd5c5c;font-size:10px;color:#fff;margin:0px;padding:4px;display:inline-block;width:18px;height:18px;border-radius:30px;} .board_header .right .btn {background:#fff;border:1px solid #eee;font-size:10px;color:#999;padding:2px 5px;} .board_header .right .btn:hover {border:1px solid #ccc;color:#666;} .board_body{padding:10px 0 40px 0;display:inline-block;width:100%;line-height:1.7;} /* research_task [START] */ .board_body .research {height: 10px;} .board_body .research h2{line-height:0;} .board_body .research h3{line-height:1.2;} /* research_task [END] */ .board_body .imgframe{max-width:100%;} .board_body img{/* max-width:700px; *//* width:600px; */height:auto !important;} .board_body .achieve_info{clear:both; color:#222; margin-bottom:15px; background:#fff;} .board_body .achieve_info a{display:block; font-size:12px; color:#666666;} .board_body .achieve_info a:hover{color:#4e8abe;} /* 페이스북, 트위터 공유 및 태그 */ .sns_share_viewwrap {display:inline-block;margin:30px 0 10px 0;} .sns_share_viewwrap li {float:left;padding:3px;margin:0 10px 0 0;} .sns_share_viewwrap .kakaostory {margin:0px;} .sns_share_viewwrap button {border:0px;background:transparent;} /* .sns_share_viewwrap .writelike, .sns_share_viewwrap .facebook {margin:0 10px 0 0;} */ .sns_share_viewwrap .left img {width:7px !important;height:22px !important;} .sns_share_viewwrap .right img {width:4px !important;height:22px !important;} .sns_share_viewwrap .writelike .num {font-size:13px;padding:0 0 1px 0;background:url(/resources/images/content/fusionnow/like_bg.gif) repeat-x;display:inline-block;margin:0px; } .sns_share_viewwrap .facebook .num {font-size:13px;padding:0 0 1px 0;background:url(/resources/images/content/fusionnow/face_bg.gif) repeat-x;display:inline-block;margin:0px; } .sns_share_viewwrap .twitter .num {font-size:13px;padding:0 0 1px 0;background:url(/resources/images/content/fusionnow/tweet_bg.gif) repeat-x;display:inline-block;margin:0px; } .sns_share_viewwrap .naverblog .num {font-size:13px;padding:0 0 1px 0;background:url(/resources/images/content/fusionnow/blog_bg.gif) repeat-x;display:inline-block;margin:0px; } .sns_share_viewwrap .kakaostory .num {font-size:13px;padding:0 0 1px 0;background:url(/resources/images/content/fusionnow/story_bg.gif) repeat-x;display:inline-block;margin:0px; } .sns_share_viewwrap .kakaotalk .num {font-size:13px;padding:0 0 1px 0;background:url(/resources/images/content/fusionnow/talk_bg.gif) repeat-x;display:inline-block;margin:0px; } .sns_share_viewwrap img {max-width:25px !important;} .tag {display:inline-block;width:100%;line-height:18px;font-size:11px;} /* firefox hack */ @-moz-document url-prefix() { .sns_share .num {font-size:12px !important;} } /* board_comment */ .board_comment .tit {font-size:13px;} .board_comment .tit span {font-weight:bold;color:#fd5c5c;} .board_comment .comment_box {display:inline-block;width:100%;background:#f5f5f5;border:1px solid #e5e5e5;padding:20px 10px 10px 10px;} .board_comment .comment_box .comment_cont {display:inline-block;width:100%;font-size:12px;color:#666;margin:-10px 0 0 0px;padding:5px 0;border-bottom:1px dotted #c2c2c2;} .board_comment .comment_box .comment_cont ul {margin:5px 0 0 0;} .board_comment .comment_box .comment_cont .photo img {width:40px !important;min-width:35px;/* height:30px; */margin:4px 0 0 0;} .board_comment .comment_box .comment_cont .name {font-weight:bold;font-size:13px;display:inline;} .board_comment .comment_box .comment_cont .date {color:#aaa;font-size:11px;display:inline;margin:0 0 0 5px;} .board_comment .comment_box .comment_cont .comment-edit {font-size:11px;text-align:right;} .board_comment .comment_box .comment_cont .comment-edit span {margin:0 0 0 1px;color:#9fa6af;font-size:10px;} .board_comment .comment_box .comment_write .sns_login {margin:0 0 3px 15px;} .board_comment .comment_box .comment_write textarea {width:100%;display:inline-block;padding:3px;height:50px;border-radius:4px;border:1px solid #e4e4e4;} .board_comment .comment_box .comment_write .btn {padding:0px;margin:15px 0 0 -10px;height:50px;} .board_comment .comment_box .comment_write .btn a {background:#f5f5f5;border-radius:4px;border:2px solid #89ccd3;padding:15px 20px;font-size:12px;height:50px;font-weight:bold;color:#0ca6b7;} .board_comment .comment_box .comment_write .btn a:hover {/* color:#fd5c5c;border:2px solid #fd5c5c; */background:#0ca6b7;color:#fff;border:0px;} .board_comment .commentBtn {border:1px solid #ddd;border-radius:4px;background:transparent;width:18px;height:18px;line-height:18px;margin:0 0 0 5px;} /* board_prev_next */ .prevnext_wrap {display:inline-block;width:100%;height:100px;border:1px solid #e5e5e5;margin:5px 0;padding:0px;} .prev_wrap, .next_wrap {position:relative;padding:20px 10px;float:left;width:50%;height:100px;} .prev_wrap {border-right:1px solid #e5e5e5;} .prev_wrap .glyphicon {position:absolute;top:40px;left:10px;font-size:20px;color:#d8d8d8;} .next_wrap .glyphicon {position:absolute;top:40px;right:10px;font-size:20px;color:#d8d8d8;} .prev_wrap dl dt , .next_wrap dl dt, .prev_wrap dl dt a, .next_wrap dl dt a {font-size:12px;color:#888;font-weight:normal;} .prev_wrap dl dt {position:absolute;top:45px;left:140px;width:55%;height:50px;line-height:16px;} .next_wrap dl dt {position:absolute;top:45px;left:110px;width:55%;height:50px;line-height:16px;} .prev_wrap dl dd , .next_wrap dl dd {font-size:12px;color:#808080;font-weight:bold;} .prev_wrap dl dd.img {position:absolute;top:25px;left:50px;width:80px;height:60px;display:inline-block;} .next_wrap dl dd.img {position:absolute;top:25px;left:20px;width:80px;height:60px;display:inline-block;} .prev_wrap dl dd.img img, .next_wrap dl dd.img img {width:80px;height:60px;} .prev_wrap dl dt span, .next_wrap dl dt span {font-size:11px;color:#0ca6b7;font-weight:bold;} .prev_wrap dl dd.t {position:absolute;top:20px;left:140px;} .next_wrap dl dd.t {position:absolute;top:20px;left:110px;} .bgalpha {display:none; } .nobgtop {z-index:2;} /* board_otherlist */ .other_list, .othernolist {display:inline-block;width:100%;margin:0 0 20px 0;} .other_list .list li {position:relative;width:100%;padding:5px 0;/* height:30px;*/line-height:18px;border-bottom:1px dotted #acacac;} .other_list .list li a {font-size:12px;color:#222;} .other_list .list li a:hover, .other_list .list li a:active {color:#fd5c5c;} /* .other_list .list li span {background:#0ca6b7;color:#fff;font-size:11px;margin-right:5px;padding:2px 3px;} */ .other_list .list li span .t1 {background:#666;color:#fff;font-size:11px;margin-right:5px;padding:2px 3px;} .other_list .list li span.tt1 {color:#000 !important;font-size:12px;} .other_list .list li span .tm1 {background:#13b1c2;color:#fff;font-size:11px;margin-right:5px;padding:2px 3px;} .other_list .list li span .tp1 {background:#0ca6b7;color:#fff;font-size:11px;margin-right:5px;padding:2px 3px;} .other_list .list li span.num {background:transparent;color:#0ca6b7;font-weight:bold;} .other_list .list li span.date {position:absolute;right:0;top:5px;background:transparent;color:#999;font-size:11px;} .boardother {font-size:13px;border-bottom:1px solid #e90c0c;padding:2px 0;} .boardother .point {color:#fd5c5c;font-weight:bold;} /* board_write*/ .board_write .form-group{ margin-bottom:10px; overflow:hidden;} .board_write .boardwrite_btn a{color:#fff;} .board_write .text-right .btn{color:#fff;} /* list type */ .list_type_1{margin-bottom:30px;} .list_type_1 li{padding-left:8px; background:url(/resources/images/ico/ico_list_1.png) left 7px no-repeat;} .list_type_1 li ul{margin-bottom:15px;} .list_type_1 li ul li{padding-left:8px; background:url(/resources/images/ico/ico_list_3.png) left 7px no-repeat;} .list_type_1 li ul li ul{padding:5px; margin-bottom:10px; border: 1px solid #e4e4e4; background:#f8f8f8;} .list_type_1 li ul li ul li{font-size:12px; color:#666666; line-height:20px; padding-left:7px; background:url(/resources/images/ico/ico_list_4.png) left 7px no-repeat;} .list_type_2 li{padding-left:8px; background:url(/resources/images/ico/ico_list_3.png) left 7px no-repeat;} .list_float li{float:left; display:block; width:50%;} .pad-left-0 {padding-left:0;} .pad-right-0 {padding-right:0;} /* pagination */ .pagination_block{clear:both; } /* faq */ .faq_list{border-top:2px solid #303e47;} .faq_list .panel{border-radius:0px; border-left:0px; border-right:0px; border-top:0px; border-bottom:1px solid #dedede; margin-top:0px !important; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.02);} .faq_list .panel-heading{padding:12px 20px; border:0; background:none;} .faq_list .panel-heading:hover{background:#f8f8f8;} .faq_list .panel-heading .panel-title{font-size:14px;} .faq_list .panel-heading .panel-title a{display:block;} .faq_list .panel-heading .panel-title a .q{font-size:14px; font-weight:bold; color:#fff; padding:4px 7px; margin-right:4px; border-radius:50px; background:#303e47;} .faq_list .panel-heading .panel-title a .glyphicon{font-size:12px; color:#aaa; margin-top:7px;} .faq_list .panel-heading .panel-body{padding:15px 20px;} @media (max-width: 1027px) { } @media (max-width: 359px) { /* 상세검색 추가 */ .detailsearch {display:inline-block;width:100%;/* min-height:20px; */margin:0 0 0 15px;} .detailsearch_btn {background:#fff;width:65px;height:38px;border:1px solid #ddd;border-radius:4px;float:left;margin:3px 0 0 14px !important;position:absolute;left:0px;top:0px !important;text-align:left;display:inline-block;} .detailsearch_btn button {font-size:12px;padding:7px 0 0 5px !important;} .detailsearch_wrap {margin:10px 0 0 -25px !important;} .searchlablewrap ul li {float:left;margin:0 0px 0 0 !important;} .searchlablewrap ul li label {font-size:11px;} .board_header .col-xs-10 {margin:0px;padding:0 0 0 10px !important;} .nav {margin:10px 0 0 0;} .nav > li > a {padding:2px;} .nav-tabs.nav-justified > li > a {padding:5px 0;} } @media (max-width: 420px) { /* .board_header .datewrap {width:40px;} */ .board_header .boarddate {width:40px;height:42px;font-size:11px;padding:0;line-height:20px;margin:0 0 0 -5px;} .board_header .boarddate span {width:30px;height:18px;padding:0;margin:0;background:#FE6060;font-size:11px;} .board_header h2 {font-size:13px;line-height:14px;} .board_header .col-xs-10 {margin:0px;padding:0px;} .info {padding:0px;font-size:11px;} .srch-top .search-wrap .searchwrap .research, .srch-top .search-wrap .searchwrap .onesearch {margin:1px 0 0 0px !important;line-height:17px !important;} } /* Phones, <768px */ @media (max-width: 767px) { .nav-pills {margin:0 0 20px 0;} .nav-pills > li > a{font-size:13px; padding:5px 10px 4px 10px;} .sr-onlym {display:none;} .grid .w1 .photo,.grid .w2 .photo,.grid .w3 .photo {width:100%;overflow:hidden;} .grid .photo .youtubeicon .a2, .grid .photo .youtubeicon .a2ov {width:35px !important;} .modal-body iframe {max-width:100%;width:320px !important;height:200px !important;} .modal-body .youtube_modalwrap {width:260px;margin:35px auto 0;} .grid .photo iframe {width:100%;height:315px;} /* 상세검색 추가 */ .detailsearch_btn {float:left;margin:3px 0 0 0;/* position:absolute;top:0px;right:3%; */} .srch-top .search-wrap .searchwrap .research, .srch-top .search-wrap .searchwrap .onesearch {padding:0px !important;} .text_block_imgtxt {/* margin:0 0 0 90px !important; */} .detailsearch_btn button {margin:0px;} .visit_location {margin:10px 0 0 0;display:inline-block;width:100%;} .visit_location ul li {font-size:13px !important;text-align:center;vertical-align:middle;color:#023038;width:100% !important;height:80px !important;border:2px solid #9a9a9a;border-radius:100px;display:inline-block;float:left;margin:0 0 10px 0 !important;line-height:70px !important;background:url(/resources/images/content/fusionnow/visit_arr_bot.png) center bottom no-repeat !important;} .visit_location ul li .vf {line-height:18px !important;margin-top:15px !important;} /* grid box */ .grid .grid-item,. grid .w1, .grid .w2, .grid .w3, .grid .w4, .grid .grid-item img, .grid .w1 img , .grid .w2 img, .grid .w3 img, .grid .w4 img {width:100% !important;} .grid .grid-item .youtubeicon {position:absolute;top:43%;left:45%;width:50px !important;z-index:2;} .bbs_list .text_block .text_block_img {width:100%;height:100%;overflow:hidden;position:relative;} .bbs_list .text_block_photo:hover img {transform:scale(1.3,1.3) !important;} .bbs_list .text_block_img .overinfo {display:none;position:absolute; top:0px; left:0px; width:100%;height:100%; transition:all 0.3s ease-in-out 0s; text-align:center; margin:0;padding:25% 5px; z-index:10; font-family:'Malgun Gothic', '맑은고딕'; background:url(/resources/images/content/fusionnow/bgalpha.png);} .bbs_list .text_block .overinfo img {width:40px !important;transform:scale(1.0,1.0) !important;} .bbs_list .text_block_photo .overinfo a {color:#fff;font-size:13px;display:inline-block;width:100%;height:100%;} /* category_tab */ .category_tab{padding:0px 0px; margin:-10px 0 20px 0; border:0px solid #e9e9e9;} .category_tab li{} .category_tab li:first-child a{border-left:0;} .category_tab li a{font-size:13px; padding:3px 5px 2px 5px !important; margin-bottom:0px; border-left:0px solid #eee; border-bottom:1px solid #e9e9e9; border-radius:1px; background:#fff;} .category_tab li a:hover{background:#17425a;} .category_tab li.active a{background:#394044;} .category_tab li a:focus{background:#394044;} /* 검색어 페이지 */ .srch-top .search-wrap .searchwrap {width:95% !important;margin:0 auto;} .srch-top .search-wrap .search-content {width:95% !important;margin:0 auto;padding:0 15px;} .srch-top .search-wrap .searchwrap .form-control {width:63% !important;} .srch-top .search-twrap .srchalign ul {float:left !important;margin:5px 0 10px -15px;} /* detail search */ .searchlablewrap .cal {padding:2px 0 0 15px !important;} .searchlablewrap .es {text-align:center;} .detailsearch_btn button {margin:0px !important;width:62px !important;} h2, .h2 {font-size:17px; line-height:30px;} /* content_title */ .content_title{margin-bottom:25px; text-align: left;} .content_title h2{color:#5d5d5d; letter-spacing:-0.5px; margin-top:0px !important; margin-bottom:8px;} .content_title p{width:100%; font-size:15px; color:#333; margin:0 auto 10px auto;} .content_title p span{color:#006bda;} .content_title p a{font-size:12px; font-weight:bold; color:#fff; margin:0 5px; border:1px solid #6d7680; background:#6d7680;} .content_title p a:hover{color:#fff; border:1px solid #78b9f5; background:#78b9f5;} .content_title p a .glyphicon{color:#fff; margin-left:10px;} #intro_wrap {margin-top:20px;} #intro_wrap .content_title{margin-top:0px;} #intro_wrap .content_title h2{font-size:24px; margin-top:0px;} #intro_wrap .content_title p{width:100%; font-size:20px; text-align:left; color:#333; line-height:28px; margin-left:5px;} /* bbs list */ .bbs_top{height:150px;} .search-form {width:100%; margin:3px 0;} .search-form .input-group-btn{clear:both; width:100%; display:block; margin:0 0 2px 0 ;} .search-form .input-group-btn button{width:100%; border-radius: 0;} .search-form .input-group-btn ul{width:100%; min-width:100%;} .search-form .input-group-btn ul a{text-align:center; padding:3px 5px;} .search-form .btn{color:#666666; padding:5px 12px 4px 12px; border-bottom-right-radius:0; border-top-right-radius:0;} .search-form .form-control{height:30px; border-radius:0; margin:0 0 2px 0;text-align:center;} .search-form .btn-search{padding:5px 10px 4px 10px; border:1px solid #303e47; border-bottom-left-radius:0; border-top-left-radius:0; border-bottom-right-radius:4px; border-top-right-radius:4px; background:#303e47; z-index:2;} .search-form .btn-search span.glyphicon {letter-spacing:-4px;} .search-form .btn-search span{color:#fff;font-size:12px;letter-spacing:0px;} .search-form #searchSdt, .search-form #searchEdt{width:96px; height:30px; padding:5px 10px 4px 10px; border-radius:3px; border:1px solid #ddd;} .bbs_list .list_order{padding-left:0px;font-size:11px;} .bbs_list .text_block{padding-left:0; padding-right:10px;} .bbs_list .text_block .text_block_img img{width:100%;} .bbs_list .text_block .text_block_txt .bbs_pretext{font-size:12px;line-height:16px;height:33px;} .bbs_list .text_block .bbs_tit {font-size:15px;margin:0 0 3px 0;line-height:20px;} .bbs_list .text_block .text_info {font-size:11px;display:inline-block;width:100%;} .photo_bbs_list .photo_thumbnail{position:relative; min-height:143px; overflow:hidden; padding-top:0px; padding-left:15px; padding-right:15px;} .photo_block_bbs_list{clear:none; float:none; width:100%; line-height:22px; padding:0px 0px 25px 0px; margin:15px 0px 15px 0px; overflow:hidden; border:1px solid #ddd;} .photo_block_bbs_list .photo_thumbnail{position:relative; width:100%; overflow:hidden; padding-top:0px; padding-left:0px; padding-right:0px; margin:0 0 10px 0;} .photo_block_bbs_list .photo_thumbnail img{width:100%} .photo_block_bbs_list .photo_thumbnail span{position:absolute; top:15px; left:20px; font-size:20px; color:#fff;} .photo_block_bbs_list .text_thumbnail{width:100%;} .photo_block_bbs_list .text_thumbnail .bbs_tit{width:100%; font-size:14px; margin-top:3px;} .photo_block_bbs_list .text_thumbnail .text_info{margin-bottom:5px;} .photo_block_bbs_list .text_thumbnail .text_info span{margin:0;} .photo_block_bbs_list .text_thumbnail .text_info .date{display:block;} .photo_block_bbs_list .text_thumbnail .text_info .view{float:right;} .publication_bbs_list{float:none; width:100%; padding:20px 0px 20px 0; overflow:hidden; } .publication_bbs_list .bbs_pretext{display:none; height:90px; margin:0 0 5px 0;} .publication_bbs_list .text_block_img{float:none; margin:0 0px 0 0;} .publication_bbs_list .text_block_img img{width:100%;} /* board view */ .board_body img {max-width:275px;} .board-topimg {width:250px;margin:10px auto;} /* chrome hack */ @media screen and (-webkit-min-device-pixel-ratio:0) { .board_body img {max-width:100%;} } /* firefox hack */ @-moz-document url-prefix() { } .board_file{padding:10px 10px; margin:0 0 15px 0; background:#f5f5f5;border:1px solid #e5e5e5;} .board_file .tit{color:#444; font-weight:bold; margin:0 0 6px 0;} .board_file .tit span{color:#f36558;} .board_file ul{margin:0; padding:0; } .board_file ul li{display:block; padding:3px 15px 7px 15px;line-height:27px; margin:3px 0 1px 0; /* border:1px solid #dce9f0; */border:1px solid #e4e4e4; background:#fff;} .board_file ul li a{font-size:12px; line-height:18px;} .board_file ul li a img{float:left; margin-top:4px; margin-right:5px;} .board_file ul li a .glyphicon{font-size:10px; padding:1px 0; margin: 0 1px 0 1px;} .board_header{padding:0px 0 25px 0;} .board_header h2{font-size:14px;color:#222; line-height:20px; margin-top:0 !important;} .board_header h3{line-height:24px;} .board_header h2 .glyphicon{vertical-align:middle; margin-top:-3px;} .board_header .right {padding:0px;color:#999999;font-size:10.5px;margin:0px 0 30px 0;text-align:left;} .satisfaction_box{width:100%;color:#fff; padding:50px 15px 20px; margin:0 auto 50px auto; background:url("/resources/images/content/satisfaction_bg_02.png");} .satisfaction_box h4{font-size:20px; color:#fff; text-align:center; margin:0 0 20px 0;} .satisfaction_box p{font-size:13px; font-weight:bold; text-align:center; margin:0 0 20px 0;} .satisfaction_box dl{margin:0 0 20px 0;} .satisfaction_box dl dd{float:left; min-height:26px; margin:0 0 20px 0; width:100%;} .satisfaction_box p img {display: block;margin: 0 auto; padding: 20px 0 5px;} .satisfaction_list{border-top:2px solid #394044;} .satisfaction_list h4{padding:0 0 15px 0; margin:0 0 0px 0; } .satisfaction_list .panel-title h4{border-bottom: 1px solid #aaa;} .satisfaction_list .panel-title{font-size:14px;} .satisfaction_list .panel-title a .number_bg{display:inline-block; width:27px; height:27px; font-weight:bold; text-align:center; color:#fff; padding:2px 0 0 0; margin:0 10px; background:url("/resources/images/bg_numon.png") 0 0 no-repeat;} .satisfaction_list .panel-title .glyphicon{color:#a7a7a7; margin:6px 0 0 0;} .satisfaction_list .panel-group .panel{border-top:0; border-left:0; border-right:0; border-bottom:1px solid #ddd; border-radius:0px; box-shadow: 0 0px 0px rgba(0, 0, 0, 0.05);} .satisfaction_list .panel-group .panel h4{border:0; padding:0; margin:0;} .satisfaction_list .panel-default > .panel-heading{background:none; padding-left: 0;} .satisfaction_list .panel-body {padding:15px 35px 15px 15px;} .satisfaction_list .panel-body strong{display:block; color:#444;} .satisfaction_list .panel-body span{display:block; margin:0 0 15px 16px;} .satisfaction_list .panel-body span .point_text{display:inline; color:#066ccc; margin:0;} .active_tit_box{padding:15px 15px 15px 15px; margin:0 0 30px 0; border:1px solid #c0d4e0;text-align:left; background: url(/resources/images/content/active_tit_bg.png) no-repeat center 10px #f2f6f9; background-size: 80px;} .active_tit_box h2{font-size:16px; font-weight:bold; color:#111; margin:0 0 5px 0; padding-top: 80px;} .active_tit_box .s_tit{font-size:14px; font-weight:bold; color:#006bda;} .active_tit_box .s_text{color:#4e5d74;} .active_tit_list{padding:0 0 30px 0; background:url(/resources/images/content/active_img_3.png) 40px 0px repeat-y; overflow:hidden;} .active_tit_list .year_box h3{height:30px; font-size:16px; color:#222; text-align:left; margin:0 0 0 5px; background:none;} .active_tit_list .year_text_box{float:left; width:80%; margin:0 0 3px 47px; background:url(/resources/images/content/active_img_2.png) 0px 12px no-repeat ;} .active_tit_list .year_text_box .text_block{position:relative; padding:6px 20px; margin:0 0 0 30px; border:1px solid #dcdcdc; } .active_tit_list .year_text_box .text_block .left_img{position:absolute; left:-9px;} .active_tit_list .year_text_box .text_block .thumbnail_img{margin:0 15px 0 0;} .calendar_photo_modal .carousel{z-index:885;} .calendar_photo_modal .carousel-inner{z-index:887;} .calendar_photo_modal .carousel-control{margin:-100px 0 0 0; z-index:888;} .calendar_photo_modal .carousel-control .glyphicon-chevron-left{margin-left:10px;} .calendar_photo_modal .carousel-control .glyphicon-chevron-right{margin-right:10px;} .service_box{width:100%; text-align:center; padding:50px; margin:0 0 30px 0; background:url(/resources/images/content/service_img_2.png) center top no-repeat; overflow:hidden;} .service_box h2{font-size:36px; margin:5px 0 30px 0;} .service_box .service_checkbox{width:700px; color:#222; text-align:left; margin:0 auto 20px auto; overflow:hidden;} .service_box .service_checkbox .checkbox{float:left; width:222px; display:block; padding:6px 20px; margin:3px 5px; background:#fff; border:1px solid #a1aec4;} .service_box .service_checkbox .checkbox:hover{border:1px solid #4b638d;} .service_box .service_checkbox .checkbox input{margin-left:0;} .service_box .service_checkbox .checkbox label{font-weight:bold; } .service_list h2{color:#222; padding:0 0 15px 0; margin:0 0 25px 0; border-bottom:2px solid #555;} .service_list .service_list_block{clear:both; padding:0 0 30px 0; margin:0 0 30px 0; border-bottom:1px solid #ccc; overflow:hidden;} .service_list .service_list_block .service_list_select{display:block; margin:0 0 15px 0;} .service_list .service_list_block .service_list_select .select_box{float:left; width:24.2%; display:block; color:#fff; font-weight:bold; text-align:center; padding:3px 15px; margin:0 3px 10px 3px; border:1px solid #666; background:#666666;} .service_list .service_list_logo{clear:both; display:block; } .service_list .service_list_logo a{float:left; width:24.2%; display:block; text-align:center; padding:5px 15px; margin:2px 3px; border:1px solid #ddd; background:#fff;} .service_list .service_list_logo a:hover{border:1px solid #666;} .service_link_img{margin:0 0 25px 0; padding:5px 0 20px 0; border-bottom:1px solid #dbdbdb;} .service_link_list{margin:0 0 30px 0;} .service_link_list .link_block{float:none; width:100%; padding:10px 10px; margin:5px 1px 5px 2px; border:1px solid #ddd;} .service_link_list .link_block .link_img{display:block; max-width:243px; max-height:60px; text-align:center; margin:0 0 15px 0;} .service_link_list .link_block dl{margin:0 0 15px 0;} .service_link_list .link_block dl dt{font-size:14px; color:#222;} .service_link_list .link_block dl dd.link{color:#006bda;} .service_link_list .link_block dl dd.text_box{height:65px; overflow:hidden;} .service_link_list .link_block a.link_btn{width:100%; border-radius:0; border:0; background:#e8e8e8;} .service_link_list .link_block a.link_btn:hover{color:#fff; background:#006bda;} .service_link_view{clear:both;} .service_link_view .view_link_block{padding:0 0 20px 0; margin:0 0 20px 0; border-bottom:1px solid #ddd; overflow:hidden;} .service_link_view .view_link_block .link_img{position:relative; padding-left:0; padding-right:0; background:none; } .service_link_view .view_link_block .link_img img{width:100%; } .service_link_view .view_link_block .col-lg-8{padding-left:0; padding-right:0;} .service_link_view .view_link_block dl{margin:10px 0 0 0;} .service_link_view .view_link_block dl dd{padding:5px 0;} .service_link_view .view_link_block dl dd.link{color:#006bda; padding:5px 0 0px 0;} .service_link_view .view_link_block dl dd.link_color a{font-weight:bold; color:#ff6600;} .service_link_view .view_link_block dl dd.link_color a:hover{text-decoration:underline;} .service_link_view .view_link_guide{clear:both; } .service_link_view .view_link_guide ul li{float:none; width:100%; margin:5px 0px;} .service_link_view .view_link_guide ul li img{width:100%;} .view_link_guide{clear:both; margin:10px 0 0 0;} .view_link_guide ul li{width:100%; margin:5px 4px 15px 4px; border: 1px solid #aaa; overflow:hidden;} #advance_tab{margin:0 0 20px 0;} #advance_tab #tabList{width:100%;} #advance_tab #tabList th{position:relative; width:50%; font-size:20px; color:#fff; text-align:center; padding:10px 0 8px 0;} #advance_tab #tabList th.TH_1_1{ border-left:1px solid #15b7c8; background:#15b7c8;} #advance_tab #tabList th.TH_1_1 input#TABCD20150001_PRE{position:absolute; top:10px; left:405px; width:20px; height:20px; font-size:10px; color:#fff; border:0; background:#10828e;} #advance_tab #tabList th.TH_1_1 input#TABCD20150001_NEXT{position:absolute; top:10px; left:430px; width:20px; height:20px; font-size:10px; color:#fff; border:0; background:#10828e;} #advance_tab #tabList th.TH_2_1{background:#5d94f0;} #advance_tab #tabList th.TH_2_1 input#TABCD20150002_PRE{position:absolute; top:10px; left:405px; width:20px; height:20px; font-size:10px; color:#fff; border:0; background:#3568bd;} #advance_tab #tabList th.TH_2_1 input#TABCD20150002_NEXT{position:absolute; top:10px; left:430px; width:20px; height:20px; font-size:10px; color:#fff; border:0; background:#3568bd;} #advance_tab #tabList td{width:12.5%; font-weight:bold; text-align:center; padding:7px 0; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd;} #advance_tab #tabList td:hover{background:#eee;} #advance_tab #tabList td.TD_1_1{background:#;} .alio_box{padding:0px 0 20px 0;} .alio_box ol{width:100%;} .alio_box ol li{display:block; min-height:40px; padding:20px; overflow:hidden;} .alio_box ol li:first-child{border-top:0px;} .alio_box ol li.bg{border-top:1px solid #dce9f0; border-bottom:1px solid #dce9f0; background:#f2f6f9;} .alio_box ol li h2{width:100%; color:#222;} .alio_box ol li ul{width:100%; margin:5px 0 0 0;} .alio_box ol li ul li{width:100%; min-height:22px; padding:2px 0; } .alio_box ol li ul li a{display:block; padding:0 0 0 7px; background:url(/resources/images/ico/ico_list_1.png) left 6px no-repeat; } .alio_box ol li ul li a:hover{text-decoration:underline;} .training_btn_box{overflow:hidden; width: 100%;} .training_btn_box input{margin:5px 2px 0; width: 100%;} .training_btn_box #excelFile{height:32px; padding:3px 10px; border-radius:3px; border:1px solid #ddd; background:#eee;} @-moz-document url-prefix(){ .training_btn_box #excelFile{height:auto; padding:3px 10px; border-radius:3px; border:1px solid #ddd; background:#eee;} } .qna_write .block_left{padding-left:0; padding-right:0;} .qna_write .block_left span{float:left; margin-left:6px; margin-right:6px;} .qna_write .block_left .form-control{width:82%;} .qna_write .block_left select{width:100% !important;} .qna_write .block_right_label{width:13.33333%;} .qna_write_btn{clear:both; text-align:center; padding:15px 0;} .block_1_left .block_left span{float:left; margin-left:0px; margin-right:10px;} .block_2_left .col-lg-1{width:10%; padding-left:0; padding-right:0; margin-right:32px;} .block_2_left .col-lg-10{width:80.3333%; padding-left:0; padding-right:0; } .block_2_left .col-lg-4{width:27.6%;} .block_2_right .col-lg-2{padding-left:0; padding-right:0;} .block_2_right .col-lg-10{padding-right:0;} .block_2_right .col-lg-10{width:82.3333%; padding-left:0; padding-right:0; } .block_2_right .col-lg-4{width:33.3%;} .block_3_left .col-lg-1{width:12%; margin-right:26px; padding-left:0; padding-right:0;} .block_3_left .col-lg-4{width:27.8%;} .block_3_left .col-lg-4 .form-control{width:76%;} .block_3_left .col-lg-4 select{width:100% !important;} .block_3_left .col-lg-3 .form-control{width:96% !important;} #qnaEditDiv, #solicitEditDiv, #budgetEditDiv, #excursionsEditDiv{padding:30px 15px 30px 15px; background:url(/resources/images/content/visit_bg.png) 0 0 repeat-y #fff;} #qnaEditDiv h2, #solicitEditDiv h2, #budgetEditDiv h2, #excursionsEditDiv h2{font-size:32px; margin:0 0 20px 0; text-decoration:underline;} .qna_write_text_box{width:768px; border:1px solid #dce9f0; border-radius:4px; padding:20px; margin:0 15px; background:#ecf3f8;} .qna_write_text_box strong, .qna_write_text_box label{color:#000;} #loginDiv .modal-header{border-bottom:0;} #loginDiv .modal-body{text-align:center; padding:15px 35px;} #loginDiv .modal-body h3{font-size:24px; color:#fff; text-align:center; padding:10px 0 9px 0; margin:0 8px 10px 8px; background:url(/resources/images/modal_bg_1.png) 0 0 repeat-x;} #loginDiv .modal-body h3 span{display:block; text-align:center; padding:5px 0;} #loginDiv .modal-body .btn{width:97%; padding:10px 12px !important; margin:8px 8px 0 8px; border:1px solid #314857; background:#314857;} #loginDiv .modal-body .btn:hover{background:#4f606b;} #loginDiv .modal-footer{border-top:0;} .modal_pw .modal-header{border-bottom:0;} .modal_pw .modal-body{text-align:center; padding:15px 35px 0px 35px;} .modal_pw .modal-body h3{font-size:24px; color:#fff; text-align:center; padding:10px 0 9px 0; margin:0 0px 10px 0px; background:url(/resources/images/modal_bg_1.png) 0 0 repeat-x;} .modal_pw .modal-body h3 span{display:block; text-align:center; padding:5px 0;} .modal_pw .modal-footer .btn{width:85%; color:#fff; margin:0px 8px 10px 8px; border:1px solid #314857; background:#314857;} .modal_pw .modal-footer .btn:hover{background:#4f606b;} .modal_pw .modal-footer{text-align:center; border-top:0;} .advance_tab{} .advance_tab a{} .advance_tab a:active{color:#fff !important; background:#cb4930 !important;} .advance_tab a img{display:none; width:60px; margin:0 auto;} .org_search .org_top{height:40px; margin:30px 0 0 0;} .org_search .org_top .search-form{width:100%;} .org_search .org_top .col-lg-8, .org_search .org_top .col-lg-4{padding-left:0; padding-right:0; width: 100%;} .org_search .basic_box{padding: 1.5% 3%;border: 1px #d2d2d2 solid;float:left; width:100%;margin:30px 0;} .org_search .basic_search {width:500px; font-size:13px; margin:0 auto;} .org_search .basic_search label {float:left; color:#151516; font-weight: bold; margin-top:5px; margin-right:20px;} .org_search .basic_search input {float:left;} .org_search .basic_search input.radio_btn{margin-top:10px;} .org_search .basic_search .form-control{width:50%;} /*404,500 */ .body-404 {background:#f9f9f9;} .body-404 .error-wrapper {width:100%; height:400px; text-align:center; padding:360px 0 0 0; background:url(/resources/images/404.png) center 10px no-repeat;} .body-404 .error-wrapper h1{font-size:55px; padding:0 0 10px 0;} .body-404 .error-wrapper h2 {line-height:30px; margin:10px 0;} .body-500 {background:#f9f9f9;} .body-500 .error-wrapper {width:100%; height:400px; text-align:center; padding:360px 0 0 0; background:url(/resources/images/500.png) center 10px no-repeat;} .body-500 .error-wrapper h1{font-size:55px; padding:0 0 10px 0;} .body-500 .error-wrapper h2 {line-height:30px; margin:10px 0;} .mt_none{display:inline-block;} .government-5-1 {padding:0 0 35px 0;} .government-5-1 .government_title{font-size:15px; color:#333; line-height:22px; padding:0 0 0 0; margin:0 0 25px 0;} .government-5-1 .government_title p{margin-bottom:5px;} .government-5-1 .government_title span{color:#006bda;} .government-5-1 .government_title p.s_text{font-size:13px; color:#5b5a5a; line-height:22px; color:#5b5a5a;} .government-5-1 .government_5_1_box{ border: 1px solid #eee; overflow:hidden; background:none;} .government-5-1 .government_5_1_box li{width:100%; text-align:left; padding: 10px 25px; border-bottom: 1px solid #eee; } .government-5-1 .government_5_1_box li img{margin: 0 auto; display: block;} .government-5-1 .government_5_1_box li h3{color:#006bda;} .government-5-1 .government_5_1_box li.bg{background:#f2f6f9;} .CustomerSupport-4-1{min-height:960px; padding:45px 10px; background:url(/resources/images/content/qna_bg_2.png) 0 0 repeat-y; } .CustomerSupport-4-1 .category_link{margin:10px 0 20px 0; overflow:hidden;} .CustomerSupport-4-1 .category_link li{float:left; width:50%; text-align:center; vertical-align:middle; } .CustomerSupport-4-1 .category_link li a{display:block; height:115px; line-height:16px; padding:15px 20px 0 20px; margin:2px; border:1px solid #dce9f0; background:#fff;} .CustomerSupport-4-1 .category_link li a:hover{background:#f0faff;} .CustomerSupport-4-1 .category_link li a img{display:block; width:50px; margin:0 auto;} .CustomerSupport-4-1 .qna_text_box{padding:25px 25px 20px 25px; margin-top:15px; border:1px solid #dce9f0; background:#fff; overflow:hidden;} .CustomerSupport-4-1 .pad_top{margin:0 0 10px 0; overflow:hidden;} .CustomerSupport-4-1 .Customer_text {float:left} .CustomerSupport-4-1 .Customerdown_btn{background: none; padding: 0;float:right; width: 100%;margin-bottom: 3px;} .CustomerSupport-4-1 .Customerdown_btn a{color:#fff; width: 100%;} .CustomerSupport-4-1 .Customerdown_btn a.btn-success2{color:#5b5a5a; border:1px solid #ccc; background:#fff;} .CustomerSupport-4-1 .Customerdown_btn a.btn-success2:hover{color:#333; border-color:#adadad; background-color:#e6e6e6; } .CustomerSupport-4-1 .ex_btn {clear:both; margin:0 auto 40px auto; width:100%; margin-top: 80px;} .CustomerSupport-4-1 .ex_btn a{width: 100%; margin-top: 3px;} .CustomerSupport-4-1 .home_link{margin:0 0 20px 0; overflow:hidden;} .CustomerSupport-4-1 .home_link li{float:left; width:100%;} .CustomerSupport-4-1 .home_link li a{display:block; text-align:center; padding:5px 0; margin:2px; border:1px solid #dce9f0; background:#fff;} .CustomerSupport-4-1 .home_link li a img{display:block; width:85px; margin:0 auto;} .CustomerSupport-4-1 .bbs_btn a{color:#fff;} .rss_title{font-size:18px; color:#333; line-height:26px; padding:15px 10px 15px 10px; margin:0 0 20px 0; border:1px solid #dce9f0; background:#f2f6f9;} .rss_title h2{font-size:16px;} .rss_title p{font-size:13px; color:#666666; line-height: 22px; margin-bottom:5px;} .rss_title span{color:#006bda;} .sitemap {float:left; width:100%; height:auto; padding-left:0; padding-right:0; margin:0 8px 20px 0px; border:1px solid #eee; overflow:hidden;} .sitemap h2 a{display:block; font-size:17px; color:#fff; text-align:center; padding:8px 15px; background:#f26b50; } .sitemap ul{margin:10px 25px;} .sitemap ul li {} .sitemap ul li a {display:block; font-size:14px; color:#333; padding:2px 0 2px 0px; } .sitemap ul li a:hover {text-decoration:underline;} .sitemap ul li ul {font-size:12px; padding:0px 0 0px 0px; margin:0px 0px 10px 0px;} .sitemap ul li ul li {padding-left:0; margin-top:0; margin-bottom:0; background:url(/resources/images/ico/ico_list_4.png) 0 5px no-repeat;} .sitemap ul li ul li a {color:#777; font-size:12px; padding:0px 7px 0 6px;} .sitemap ul li ul li a:hover {} .filearea {width:100%; overflow:hidden} .filearea .f1_box{border-bottom:1px solid #ccc; overflow:hidden; padding-top: 5px;} .filearea .control-label{float: left;text-align:left !important; padding-left: 0;} .filearea .file_wrap{float: left;overflow: hidden; border: 1px solid #ccc;border-radius: 5px; padding: 5px 20px 10px;} .filearea .group_01{width:100%;float:left;} .filearea .group_02{width:100%;float: right;} .filearea .file_box1{float: left;width:100%; height:28px;} .filearea .file_box2{float: left;width:100%;} .filearea .file_box3{float:left; width:100%; display:block} .filearea .btn-xs{float: right; margin-top:10px;} .filearea .date_time{float: left; padding: 5px 5px 0 0;} .filearea .dpd2{width: 50%;} .filearea .glyphicon-minus{float: right;color: #F27258;border: 1px solid #ccc;border-radius: 3px; padding: 3px 4px;} .board_write .boardwrite_btn{margin-top: 20px;} .tab_realname{position:relative; margin:0 0 150px 0;} .tab_realname ul li a{display:block; font-size:13px; font-family:"NanumBarunGothicBold"; padding:8px 3px 7px; margin:0 0 2px 0; text-align:center; background:#e8e8e8;} .tab_realname ul li a:hover{color:#fff; background: #cb4930} .tab_realname ul li.active a{color:#fff; background: #cb4930} .likelist, .text_info .view button {border:0px !important;background:transparent !important;font-size:11px;} .pc {display:none;} .info .right {text-align:left;} .info .right a{vertical-align:top;} .info .right .glyphicon {width:15px;height:15px;font-size:9px;padding:2px;} .info .right #copy_text {/* float:left; */display:inline-block;width:93%;padding:0px;line-height:16px;} /* chrome hack */ @media screen and (-webkit-min-device-pixel-ratio:0) { .info .right #copy_text {display:inline;} } /* 페이스북, 트위터 공유 및 태그 */ .sns_share_viewwrap .facebook .num {font-size:13px !important;padding:0 0 1px 0;background:url(/resources/images/content/fusionnow/face_bg.gif) repeat-x;display:inline-block;margin:0px; } .sns_share_viewwrap .twitter .num {font-size:13px !important;padding:0 0 1px 0;background:url(/resources/images/content/fusionnow/tweet_bg.gif) repeat-x;display:inline-block;margin:0px; } /* firefox hack */ @-moz-document url-prefix() { .sns_share_viewwrap .num {font-size:13px !important;} } /* board_comment */ .board_comment .tit {font-size:14px;} .board_comment .tit span {font-weight:bold;color:#fd5c5c;padding:2px;} .board_comment .comment_box {display:inline-block;width:100%;background:#f5f5f5;border:1px solid #e5e5e5;padding:10px;} .board_comment .comment_box .comment_cont {display:inline-block;width:100%;font-size:12px;color:#666;margin:5px 0px;padding:5px 0;border-bottom:1px dotted #c2c2c2;} .board_comment .comment_box .comment_cont .name {font-weight:bold;font-size:13px;display:inline;} .board_comment .comment_box .comment_cont .date {color:#aaa;font-size:11px;display:inline;margin:0 0 0 5px;} .board_comment .comment_box .comment_cont .comment-edit {background:#fff;border:1px solid #ddd;border-radius:4px;padding:0 0 0 4px;margin:0 0 0 15px;width:55px;font-size:11px;/* text-align:left; */text-align:center;} .board_comment .comment_box .comment_cont .comment-edit span {margin:0 0 0 1px;color:#9fa6af;font-size:10px;} .board_comment .comment_box .comment_write .sns_login {margin:0 0 3px 15px;} .board_comment .comment_box .comment_write textarea {width:100%;border:1px solid #e4e4e4;display:inline-block;padding:3px;height:50px;border-radius:4px;} .board_comment .comment_box .comment_write .btn {padding:0px;margin:15px 0 0 -10px;height:50px;} .board_comment .comment_box .comment_write .btn a {background:#f5f5f5;border-radius:4px;border:2px solid #89ccd3;padding:15px 10px;font-size:12px;height:50px;font-weight:bold;color:#0ca6b7;} .board_comment .comment_box .comment_write .btn a:hover {color:#f5f5f5;border:2px solid #0ca6b7;} /* board_prev_next */ .prevnext_wrap {display:inline-block;width:100%;height:100px;border:1px solid #e5e5e5;margin:5px 0;padding:0px;} .prevnext_wrap .mimg {position:relative;background-position:100%;z-index:1;} .prev_wrap, .next_wrap {background:#fff;position:relative;float:left;width:50%;height:100px;padding:0;z-index:5;} .bgalpha {display:inline-block;width:100%;height:100px;background:url(/resources/images/content/fusionnow/bgalpha.png) repeat; z-index:1; } .nobgtop {z-index:2;/* padding:20px 10px; */} .prev_wrap {border-right:1px solid #e5e5e5;} .prev_wrap .glyphicon, .next_wrap .glyphicon {display:none;} .prev_wrap dl dt , .next_wrap dl dt {font-size:12px;color:#fff;font-weight:normal;} .prev_wrap dl dt {position:absolute;top:30px !important;left:15px !important;width:85% !important;height:50px;line-height:16px;} .next_wrap dl dt {position:absolute;top:30px !important;left:15px !important;width:85% !important;height:50px;line-height:16px;} .prev_wrap dl dd , .next_wrap dl dd {font-size:11px;color:#eee;font-weight:bold;} .prev_wrap dl dd.img, .next_wrap dl dd.img {display:none;} .prev_wrap dl dt a, .next_wrap dl dt a{/* height:30px; */overflow:hidden;display:inline-block;width:100%;color:#fff;} .prev_wrap dl dt a:hover, .next_wrap dl dt a:hover {color:#fd5c5c;} .prev_wrap dl dt span, .next_wrap dl dt span {font-size:11px;color:#1ecee4;font-weight:bold;} .prev_wrap dl dd.t {position:absolute;top:10px !important;left:15px !important;} .next_wrap dl dd.t {position:absolute;top:10px !important;left:15px !important;} .board_header {padding:25px 0 10px 0;} .info {margin:0px;} /* board_otherlist */ .other_list {display:inline-block;width:100%;} .other_list .list li {position:relative;width:100%;/* height:30px;line-height:30px; */border-bottom:1px dotted #acacac;} .other_list .list li a {font-size:12px;color:#666;/* white-space:nowrap; */} .other_list .list li a:hover, .other_list .list li a:active {color:#fd5c5c;} .other_list .list li span.pn {display:none;} .other_list .list li span.num {background:transparent;color:#0ca6b7;font-weight:bold;font-size:12px;} .other_list .list li span.date {display:none;} } /* grid box */ .grid {} .grid .grid-item {position:relative;float:left;background:#fff;margin:0 15px 15px 0px;width:200px;border: 1px solid #e6e6e6;border-radius:0 0 4px 4px;} /* .grid .grid-item:hover {background:#afafaf;} .grid .grid-item:hover a, .grid .grid-item:hover div, .grid .grid-item:hover p, .grid .grid-item:hover span {color:#fff !important;} .grid-item:hover button .red {color:#63f8ff !important;} .grid .grid-item:hover .photo {width:100%;height:100%;position:relative;overflow:hidden;} .grid .grid-item:hover .photo img {transform:scale(1.3,1.3);} .grid .grid-item:hover .photo .youtubeicon img {transform:scale(1.0,1.0);} */ .grid .grid-item .photo:hover img {transform:scale(1.3,1.3);} .grid .grid-item .menut {position:absolute;top:0px;left:0px;font-size:12px;z-index:2;display:inline-block;height:25p;padding:2px 7px;background:#444;color:#fff;} .grid .grid-item .photo {position:relative;} .grid .grid-item .photo img {width:200px;} .grid .grid-item .listcontent {font-size:12px;color:#888;margin:0 20px 25px;line-height:22px;display:inline-block;width:83%} .grid .grid-item.w1 .youtubeicon {position:absolute;top:42%;left:42%;z-index:2;} .grid .grid-item.w2 .youtubeicon {position:absolute;top:45%;left:42%;z-index:2;} .grid .grid-item.w3 .youtubeicon {position:absolute;top:45%;left:42%;z-index:2;} .grid .grid-item.w1 .youtubeicon img {width:35px !important;} .grid .grid-item.w2 .youtubeicon img, .grid .grid-item.w3 .youtubeicon img {width:57px !important;} .grid .grid-item .listtitle {margin:25px 20px 10px;line-height:25px;color:#222;font-size:16px;font-weight:bold;} .grid .grid-item .listtitle .date {font-size:11px;font-weight:normal;display:inline-block;color:#0ca6b7;line-height:20px;margin:0 0px;} .grid .grid-item .listtitle a {color:#222;} .grid .grid-item .listtitle a:hover {color:#0ca6b7;} .grid .grid-item .listtitle a img {width:15px !important;} .grid .grid-item .bbs_file img {width:15px !important;height:17px !important;} .grid .w2 .listtitle, .grid .w3 .listtitle, .grid .w4 .listtitle {margin:25px 20px 10px;line-height:30px;color:#222;font-size:19px;} .grid .foo_txt {border-top:1px solid #e6e6e6;color:#999;padding:7px 10px;font-size:11px;} .grid .foo_txt .date {float:left;color:#999;font-size:11px;} .grid .foo_txt .text_info {/* float:right; */text-align:center;color:#999;font-size:11px;} .grid .foo_txt .text_info span {margin-left:1px;} .grid .foo_txt .text_info a {color:#999;} .grid .foo_txt .text_info a:hover {color:#FD5C5C;} .grid .w1, .grid .w1 img {width:200px;} .grid .w2, .grid .w2 img {width:420px;} .grid .w3, .grid .w3 img {width:640px;} .grid .w4, .grid .w4 img {width:860px;} .grid .grid-item .photo > img {-webkit-transition: all 0.3s ease-in-out 0s;/* 크롬,사파리에서 동작 */ -moz-transition: all 0.3s ease-in-out 0s;/* 파이어폭스,모질라에서 동작 */ -ms-transition: all 0.3s ease-in-out 0s;/* 익스플로러에서 동작 */ -o-transition: all 0.3s ease-in-out 0s;/* 오페라에서 동작 */ transition: all 0.3s ease-in-out 0s;} /* Tablets, 768px */ @media (min-width: 767px) { .mimg {display:none} .sns_share_viewwrap .kakaotalk {display:none;} .nav-pills > li > a{font-size:14px; padding:11px 3px 10px 3px;} .grid .w1 .photo {width:198px;overflow:hidden;} .grid .w2 .photo {width:413px;overflow:hidden;} .grid .w3 .photo {width:628px;overflow:hidden;} /* category_tab */ .category_tab{padding:5px 15px; margin:-41px 0 40px 0; border:1px solid #e9e9e9;} .category_tab li{} .category_tab li:first-child a{border-left:0;} .category_tab li a{font-size:13px; padding:3px 5px 2px 5px !important; border-left:1px solid #eee; border-radius:1px; background:#fff;} .category_tab li a:hover{background:#394044;} .category_tab li.active a{background:#394044;} .category_tab li a:focus{background:#394044;} /* content_title */ .content_title{margin-bottom:25px;} .content_title h2{color:#5d5d5d; letter-spacing:-0.5px; margin-top:0px !important; margin-bottom:8px;} .content_title p{width:70%; font-size:15px; color:#333; margin:0 auto 10px auto;} .content_title p span{color:#006bda;} .content_title p a{font-size:12px; font-weight:bold; color:#fff; margin:0 5px; border:1px solid #6d7680; background:#6d7680;} .content_title p a:hover{color:#fff; border:1px solid #78b9f5; background:#78b9f5;} .content_title p a .glyphicon{color:#fff; margin-left:10px;} #intro_wrap {margin-top:20px;} #intro_wrap .content_title{margin-top:0px;} #intro_wrap .content_title h2{font-size:24px; margin-top:0px;} #intro_wrap .content_title p{width:100%; font-size:20px; text-align:left; color:#333; line-height:28px; margin-left:5px;} /* bbs list */ .list_order{margin:5px 0 0 0;} .search-form {width:40%;} .search-form .input-group-btn ul{width:100%; min-width:100%;} .search-form .input-group-btn ul a{text-align:center; padding:3px 5px;} .search-form .btn{color:#666666; padding:5px 12px 4px 12px; border-bottom-right-radius:0; border-top-right-radius:0;} .search-form .form-control{height:30px; border-radius:0;} .search-form .btn-search{padding:5px 5px 4px 5px; border:1px solid #303e47; border-bottom-left-radius:0; border-top-left-radius:0; border-bottom-right-radius:4px; border-top-right-radius:4px; background:#303e47; z-index:2;} .search-form .btn-search span{color:#fff;letter-spacing:-1px;} .search-form .btn-search span.glyphicon {letter-spacing:-4px;} .search-form #searchSdt, .search-form #searchEdt{width:96px; height:30px; padding:5px 10px 4px 10px; border-radius:3px; border:1px solid #ddd;} .photo_bbs_list .photo_thumbnail{position:relative; /*height:128px;*/ min-height:143px; overflow:hidden; padding-top:0px; padding-left:15px; padding-right:15px;} .photo_block_bbs_list{clear:none; float:left; width:48.5%; height:330px; line-height:22px; padding:0px 0px 25px 0px; margin:15px 5px 15px 5px; overflow:hidden; border:1px solid #ddd;} .photo_block_bbs_list .photo_thumbnail{position:relative; width:100%; height:200px; overflow:hidden; padding-top:0px; padding-left:0px; padding-right:0px; margin:0 0 10px 0;} .photo_block_bbs_list .photo_thumbnail img{width:100%} .photo_block_bbs_list .photo_thumbnail span{position:absolute; top:15px; left:20px; font-size:20px; color:#fff;} .photo_block_bbs_list .text_thumbnail{width:100%;} .photo_block_bbs_list .text_thumbnail .bbs_tit{width:100%; font-size:14px; margin-top:3px;} .photo_block_bbs_list .text_thumbnail .text_info{margin-bottom:5px;} .photo_block_bbs_list .text_thumbnail .text_info span{margin:0;} .photo_block_bbs_list .text_thumbnail .text_info .date{display:block;} .photo_block_bbs_list .text_thumbnail .text_info .view{float:right;} /* .bbs_list:hover .text_block .text_block_img {width:240px;height:180px;overflow:hidden;} .bbs_list:hover .text_block .text_block_img img {transform:scale(1.3,1.3);} */ .bbs_list .text_block .text_block_img:hover img {transform:scale(1.3,1.3);} .bbs_list .text_block .overinfo img {transform:scale(1.0,1.0) !important;} .bbs_list .text_block_photo .overinfo a {color:#fff;font-size:13px;display:inline-block;width:100%;height:110px;} /* .bbs_photo_box .grid-item:hover {background:#afafaf;} .bbs_photo_box .grid-item:hover div, .bbs_photo_box .grid-item:hover p, .bbs_photo_box .grid-item:hover span, .bbs_photo_box .grid-item:hover a, .bbs_photo_box .grid-item:hover button {color:#fff !important;} .bbs_photo_box .grid-item:hover button .red {color:#63f8ff !important;} .bbs_photo_box .grid-item:hover .overinfo, .bbs_photo_box .grid-item:focus .overinfo, .bbs_photo_box .grid-item:active .overinfo {display:block;} .bbs_photo_box .grid-item:hover .photo {width:100%;overflow:hidden;opacity:0.7;} .bbs_photo_box .grid-item:hover .photo img {transform:scale(1.3,1.3);} .bbs_photo_box .grid-item:hover .photo .youtubeicon img {transform:scale(1.0,1.0);} */ .bbs_photo_box .grid-item .overinfo img {transform:scale(1.0,1.0) !important;} .publication_bbs_list{float:left; width:50%; padding:20px 20px 20px 0; overflow:hidden;} .publication_bbs_list .bbs_pretext{height:90px; margin:0 0 5px 0;} .publication_bbs_list .text_block_img{float:left; min-height: 200px; margin:0 15px 0 0;} .publication_bbs_list .text_block_img img{max-width: 153px; min-width: 153px; max-height: 200px;} /* board view */ .board_body .board-topimg {width:600px;margin:10px auto;} .board_file{padding:10px 20px; margin:0 0 15px 0; /* background:#f2f6f9; */background:#f5f5f5;border:1px solid #e5e5e5;} .board_file .tit{color:#444; font-weight:bold; margin:0 0 6px 0;font-size:12px;} .board_file .tit span{color:#f36558;} .board_file ul{margin:0; padding:0; } .board_file ul li{display:block; padding:3px 15px 7px 15px; margin:0px 0 1px 0; /* border:1px solid #dce9f0; */border:1px solid #e4e4e4; background:#fff;} .board_file ul li a{font-size:12px; line-height:18px;} .board_file ul li a img{float:left; margin-top:4px; margin-right:5px;} .board_file ul li a .glyphicon{font-size:10px; padding:1px 0; margin: 0 1px 0 1px;} .board_header{padding:0px 0 25px 0;} .board_header h2{font-size:20px;color:#222; line-height:30px; margin-top:0 !important;} .board_header h3{line-height:24px;} .board_header h2 .glyphicon{vertical-align:middle; margin-top:-3px;} .board_header .datewrap {width:80px;} .satisfaction_box{width:694px; height:542px; color:#fff; padding:80px; margin:0 auto 50px auto; background:url("/resources/images/satisfaction_bg.jpg") 0 0 no-repeat;} .satisfaction_box h4{font-size:28px; color:#fff; text-align:center; margin:0 0 30px 0;} .satisfaction_box p{font-size:14px; font-weight:bold; text-align:center; margin:0 0 20px 0;} .satisfaction_box dl{width:550px; margin:0 0 20px 0;} .satisfaction_box dl dt{float:left; width:50px; min-height:26px; font-size:15px; margin:0 0 10px 0;} .satisfaction_box dl dd{float:left; width:500px; min-height:26px; margin:0 0 10px 0;} .satisfaction_list{border-top:2px solid #394044;} .satisfaction_list h4{padding:0 0 15px 0; margin:0 0 0px 0; } .satisfaction_list .panel-title h4{border-bottom: 1px solid #aaa;} .satisfaction_list .panel-title{font-size:15px;} .satisfaction_list .panel-title a .number_bg{display:inline-block; width:27px; height:27px; font-weight:bold; text-align:center; color:#fff; padding:2px 0 0 0; margin:0 10px; background:url("/resources/images/bg_numon.png") 0 0 no-repeat;} .satisfaction_list .panel-title .glyphicon{color:#a7a7a7; margin:6px 0 0 0;} .satisfaction_list .panel-group .panel{border-top:0; border-left:0; border-right:0; border-bottom:1px solid #ddd; border-radius:0px; box-shadow: 0 0px 0px rgba(0, 0, 0, 0.05);} .satisfaction_list .panel-group .panel h4{border:0; padding:0; margin:0;} .satisfaction_list .panel-default > .panel-heading{background:none;} .satisfaction_list .panel-body {padding:15px 35px 15px 65px;} .satisfaction_list .panel-body strong{display:block; color:#444;} .satisfaction_list .panel-body span{display:block; margin:0 0 15px 16px;} .satisfaction_list .panel-body span .point_text{display:inline; color:#066ccc; margin:0;} .active_tit_box{padding:30px 30px 30px 220px; margin:0 0 30px 0; border:1px solid #c0d4e0; background:url(/resources/images/content/active_tit_bg.png) 48px 68px no-repeat #f2f6f9;} .active_tit_box h2{font-size:24px; font-weight:bold; color:#111; margin:0 0 5px 0;} .active_tit_box .s_tit{font-size:16px; font-weight:bold; color:#006bda;} .active_tit_box .s_text{color:#4e5d74;} .active_tit_list{padding:0 0 30px 0; background:url(/resources/images/content/active_img_3.png) 135px 0px repeat-y; overflow:hidden;} .active_tit_list .year_box h3{height:30px; font-size:28px; color:#222; text-align:left; margin:0 0 0 45px; background:url(/resources/images/content/active_img_1.png) 90px 0px no-repeat;} .active_tit_list .year_text_box{float:left; width:80%; margin:0 0 3px 142px; background:url(/resources/images/content/active_img_2.png) 0px 12px no-repeat ;} .active_tit_list .year_text_box .text_block{position:relative; padding:6px 30px; margin:0 0 0 50px; border:1px solid #dcdcdc; } .active_tit_list .year_text_box .text_block .left_img{position:absolute; left:-9px;} .active_tit_list .year_text_box .text_block .thumbnail_img{margin:0 15px 0 0;} .active_tit_list .year_text_box .text_block .thumbnail_img img{width:90px;} .calendar_photo_modal .carousel{z-index:885;} .calendar_photo_modal .carousel-inner{z-index:887;} .calendar_photo_modal .carousel-control{margin:-200px 0 0 0; z-index:888;} .calendar_photo_modal .carousel-control .glyphicon-chevron-left{margin-left:15px;} .calendar_photo_modal .carousel-control .glyphicon-chevron-right{margin-right:15px;} .service_box{width:100%; text-align:center; padding:50px; margin:0 0 30px 0; background:url(/resources/images/content/service_img_2.png) center top no-repeat; overflow:hidden;} .service_box h2{font-size:36px; margin:5px 0 30px 0;} .service_box .service_checkbox{width:700px; color:#222; text-align:left; margin:0 auto 20px auto; overflow:hidden;} .service_box .service_checkbox .checkbox{float:left; width:222px; display:block; padding:6px 20px; margin:3px 5px; background:#fff; border:1px solid #a1aec4;} .service_box .service_checkbox .checkbox:hover{border:1px solid #4b638d;} .service_box .service_checkbox .checkbox input{margin-left:0;} .service_box .service_checkbox .checkbox label{font-weight:bold; } .service_list h2{color:#222; padding:0 0 15px 0; margin:0 0 25px 0; border-bottom:2px solid #555;} .service_list .service_list_block{clear:both; padding:0 0 30px 0; margin:0 0 30px 0; border-bottom:1px solid #ccc; overflow:hidden;} .service_list .service_list_block .service_list_select{display:block; margin:0 0 15px 0;} .service_list .service_list_block .service_list_select .select_box{float:left; width:24.2%; display:block; color:#fff; font-weight:bold; text-align:center; padding:3px 15px; margin:0 3px 10px 3px; border:1px solid #666; background:#666666;} .service_list .service_list_logo{clear:both; display:block; } .service_list .service_list_logo a{float:left; width:24.2%; display:block; text-align:center; padding:5px 15px; margin:2px 3px; border:1px solid #ddd; background:#fff;} .service_list .service_list_logo a:hover{border:1px solid #666;} .service_link_img{margin:0 0 25px 0; padding:5px 0 20px 0; border-bottom:1px solid #dbdbdb;} .service_link_list{margin:0 0 30px 0; overflow:hidden;} .service_link_list .link_block{float:left; width:32.9%; height:270px; padding:20px 25px; margin:5px 1px 5px 2px; border:1px solid #ddd;} .service_link_list .link_block .link_img{display:block; max-width:243px; max-height:60px; text-align:center; margin:0 0 15px 0; overflow: hidden;} .service_link_list .link_block dl{margin:0 0 15px 0;} .service_link_list .link_block dl dt{font-size:14px; color:#222;} .service_link_list .link_block dl dd.link{color:#006bda;} .service_link_list .link_block dl dd.text_box{height:65px; overflow:hidden;} .service_link_list .link_block a.link_btn{width:100%; border-radius:0; border:0; background:#e8e8e8;} .service_link_list .link_block a.link_btn:hover{color:#fff; background:#006bda;} .service_link_view{clear:both;} .service_link_view .view_link_block{padding:0 0 30px 0; margin:0 0 30px 0; border-bottom:1px solid #ddd; overflow:hidden;} .service_link_view .view_link_block .link_img{position:relative; height:264px; background:url(/resources/images/content/service_view_bg_1.png) left top no-repeat; } .service_link_view .view_link_block .link_img img{position:absolute; left:16px; top:16px; width:250px;} .service_link_view .view_link_block dl{margin:10px 0 0 0;} .service_link_view .view_link_block dl dt h2{height:58px; width:243px; overflow:hidden;} .service_link_view .view_link_block dl dd{padding:5px 0;} .service_link_view .view_link_block dl dd.link{color:#006bda; padding:5px 0 0px 0;} .service_link_view .view_link_block dl dd.link_color a{font-weight:bold; color:#ff6600;} .service_link_view .view_link_block dl dd.link_color a:hover{text-decoration:underline;} .service_link_view .view_link_guide{clear:both; } .service_link_view .view_link_guide ul li{float:left; width:32.2%; margin:5px 4px;} .service_link_view .view_link_guide ul li img{width:100%;} .link_img img{max-width:140px;} .view_link_guide{margin:10px 0 0 0;} .view_link_guide ul li{float:left; width:32%; height:218px; margin:5px 4px 15px 4px; border: 1px solid #aaa; overflow:hidden;} #advance_tab{margin:0 0 20px 0;} #advance_tab #tabList{width:100%;} #advance_tab #tabList th{position:relative; width:50%; font-size:20px; color:#fff; text-align:center; padding:10px 0 8px 0;} #advance_tab #tabList th.TH_1_1{ border-left:1px solid #15b7c8; background:#15b7c8;} #advance_tab #tabList th.TH_1_1 input#TABCD20150001_PRE{position:absolute; top:10px; left:405px; width:20px; height:20px; font-size:10px; color:#fff; border:0; background:#10828e;} #advance_tab #tabList th.TH_1_1 input#TABCD20150001_NEXT{position:absolute; top:10px; left:430px; width:20px; height:20px; font-size:10px; color:#fff; border:0; background:#10828e;} #advance_tab #tabList th.TH_2_1{background:#5d94f0;} #advance_tab #tabList th.TH_2_1 input#TABCD20150002_PRE{position:absolute; top:10px; left:405px; width:20px; height:20px; font-size:10px; color:#fff; border:0; background:#3568bd;} #advance_tab #tabList th.TH_2_1 input#TABCD20150002_NEXT{position:absolute; top:10px; left:430px; width:20px; height:20px; font-size:10px; color:#fff; border:0; background:#3568bd;} #advance_tab #tabList td{width:12.5%; font-weight:bold; text-align:center; padding:7px 0; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd;} #advance_tab #tabList td:hover{background:#eee;} #advance_tab #tabList td.TD_1_1{background:#;} .alio_box{padding:0px 0 20px 0;} .alio_box ol{width:100%;} .alio_box ol li{display:block; min-height:40px; padding:20px 10px 20px 20px; overflow:hidden;} .alio_box ol li:first-child{border-top:0px;} .alio_box ol li.bg{border-top:1px solid #dce9f0; border-bottom:1px solid #dce9f0; background:#f2f6f9;} .alio_box ol li h2{float:left; width:35%; color:#222;} .alio_box ol li ul{float:right; width:65%; margin:5px 0 0 0;} .alio_box ol li ul li{float:left; width:33%; min-height:22px; padding:2px 0; } .alio_box ol li ul li a{display:block; padding:0 0 0 7px; background:url(/resources/images/ico/ico_list_1.png) left 6px no-repeat; } .alio_box ol li ul li a:hover{text-decoration:underline;} .training_btn_box{float:right; overflow:hidden;} .training_btn_box input{float:left; margin:0 2px; } .training_btn_box #excelFile{height:32px; padding:3px 10px; border-radius:3px; border:1px solid #ddd; background:#eee;} @-moz-document url-prefix(){ .training_btn_box #excelFile{height:auto; padding:3px 10px; border-radius:3px; border:1px solid #ddd; background:#eee;} } .qna_write .block_left{padding-left:0; padding-right:0;} .qna_write .block_left span{float:left; margin-left:6px; margin-right:6px;} .qna_write .block_left .form-control{width:82%;} .qna_write .block_left select{width:100% !important;} .qna_write .block_right_label{width:13.33333%;} .qna_write_btn{clear:both; text-align:center; padding:15px 0;} .block_1_left .block_left span{float:left; margin-left:0px; margin-right:10px;} .block_2_left .col-lg-1{width:10%; padding-left:0; padding-right:0; margin-right:32px;} .block_2_left .col-lg-10{width:80.3333%; padding-left:0; padding-right:0; } .block_2_left .col-lg-4{width:27.6%;} .block_2_right .col-lg-2{padding-left:0; padding-right:0;} .block_2_right .col-lg-10{padding-right:0;} .block_2_right .col-lg-10{width:82.3333%; padding-left:0; padding-right:0; } .block_2_right .col-lg-4{width:33.3%;} .block_3_left .col-lg-1{width:12%; margin-right:26px; padding-left:0; padding-right:0;} .block_3_left .col-lg-4{width:27.8%;} .block_3_left .col-lg-4 .form-control{width:76%;} .block_3_left .col-lg-4 select{width:100% !important;} .block_3_left .col-lg-3 .form-control{width:96% !important;} #qnaEditDiv, #solicitEditDiv, #budgetEditDiv, #excursionsEditDiv{padding:60px 15px 30px 15px; background:url(/resources/images/content/visit_bg.png) 0 0 repeat-x #fff;} #qnaEditDiv h2, #solicitEditDiv h2, #budgetEditDiv h2, #excursionsEditDiv h2{font-size:32px; margin:0 0 40px 0; text-decoration:underline;} .qna_write_text_box{width:768px; border:1px solid #dce9f0; border-radius:4px; padding:20px; margin:0 15px; background:#ecf3f8;} .qna_write_text_box strong, .qna_write_text_box label{color:#000;} #loginDiv .modal-header{border-bottom:0;} #loginDiv .modal-body{text-align:center; padding:15px 35px;} #loginDiv .modal-body h3{font-size:24px; color:#fff; text-align:center; padding:10px 0 9px 0; margin:0 8px 10px 8px; background:url(/resources/images/modal_bg_1.png) 0 0 repeat-x;} #loginDiv .modal-body h3 span{display:block; text-align:center; padding:5px 0;} #loginDiv .modal-body .btn{width:97%; padding:10px 12px !important; margin:8px 8px 0 8px; border:1px solid #314857; background:#314857;} #loginDiv .modal-body .btn:hover{background:#4f606b;} #loginDiv .modal-footer{border-top:0;} .modal_pw .modal-header{border-bottom:0;} .modal_pw .modal-body{text-align:center; padding:15px 35px 0px 35px;} .modal_pw .modal-body h3{font-size:24px; color:#fff; text-align:center; padding:10px 0 9px 0; margin:0 0px 10px 0px; background:url(/resources/images/modal_bg_1.png) 0 0 repeat-x;} .modal_pw .modal-body h3 span{display:block; text-align:center; padding:5px 0;} .modal_pw .modal-footer .btn{width:85%; color:#fff; margin:0px 8px 10px 8px; border:1px solid #314857; background:#314857;} .modal_pw .modal-footer .btn:hover{background:#4f606b;} .modal_pw .modal-footer{text-align:center; border-top:0;} .advance_tab{} .advance_tab a{} .advance_tab a:active{color:#fff !important; background:#cb4930 !important;} .advance_tab a img{display:block; width:60px; margin:0 auto;} .org_search .org_top{height:40px; margin:30px 0 0 0;} .org_search .org_top .search-form{width:100%; margin-bottom: 5px;} .org_search .org_top .col-lg-8, .org_search .org_top .col-lg-4{padding-left:0; padding-right:0;} .org_search .basic_box{padding: 1.5% 3%;border: 1px #d2d2d2 solid;float:left; width:100%;margin:30px 0;} .org_search .basic_search {width:500px; font-size:13px; margin:0 auto;} .org_search .basic_search label {float:left; color:#151516; font-weight: bold; margin-top:5px; margin-right:20px;} .org_search .basic_search input {float:left;} .org_search .basic_search input.radio_btn{margin-top:10px;} .org_search .basic_search .form-control{width:50%;} /*404,500 */ .body-404 {background:#f9f9f9;} .body-404 .error-wrapper {width:100%; height:400px; text-align:center; padding:360px 0 0 0; background:url(/resources/images/404.png) center 10px no-repeat;} .body-404 .error-wrapper h1{font-size:55px; padding:0 0 10px 0;} .body-404 .error-wrapper h2 {line-height:30px; margin:10px 0;} .body-500 {background:#f9f9f9;} .body-500 .error-wrapper {width:100%; height:400px; text-align:center; padding:360px 0 0 0; background:url(/resources/images/500.png) center 10px no-repeat;} .body-500 .error-wrapper h1{font-size:55px; padding:0 0 10px 0;} .body-500 .error-wrapper h2 {line-height:30px; margin:10px 0;} .mt_none{display:inline-block;} .government-5-1 {padding:0 0 35px 0;} .government-5-1 .government_title{font-size:18px; color:#333; line-height:28px; padding:0 0 0 0; margin:0 0 25px 0;} .government-5-1 .government_title p{margin-bottom:5px;} .government-5-1 .government_title span{color:#006bda;} .government-5-1 .government_title p.s_text{font-size:13px; color:#5b5a5a; line-height:22px; color:#5b5a5a;} .government-5-1 .government_5_1_box{ border: 1px solid #eee; overflow:hidden; background:none;} .government-5-1 .government_5_1_box li{float:left; width:32%; height:270px; text-align:left; padding-left: 50px; } .government-5-1 .government_5_1_box li img{width:100px; margin:15px 0 15px 30px;} .government-5-1 .government_5_1_box li h3{color:#006bda;} .government-5-1 .government_5_1_box li.bg{background:#f2f6f9;} .CustomerSupport-4-1{min-height:850px; padding:45px 35px; background:url(/resources/images/content/qna_bg_2.png) 0 0 repeat-x; } .CustomerSupport-4-1 .category_link{margin:10px 0 20px 0; overflow:hidden;} .CustomerSupport-4-1 .category_link li{float:left; width:20%; text-align:center; vertical-align:middle; } .CustomerSupport-4-1 .category_link li a{display:block; height:120px; line-height:16px; padding:15px 20px 0 20px; margin:2px; border:1px solid #dce9f0; background:#fff;} .CustomerSupport-4-1 .category_link li a:hover{background:#f0faff;} .CustomerSupport-4-1 .category_link li a img{display:block; width:70px; margin:0 auto;} .CustomerSupport-4-1 .qna_text_box{padding:25px 25px 20px 25px; margin-top:15px; border:1px solid #dce9f0; background:#fff; overflow:hidden;} .CustomerSupport-4-1 .pad_top{margin:0 0 10px 0; overflow:hidden;} .CustomerSupport-4-1 .Customer_text {float:left; width: 70%;} .CustomerSupport-4-1 .Customerdown_btn{background: none; padding: 0;float:right;margin-bottom: 3px;} .CustomerSupport-4-1 .Customerdown_btn a{color:#fff;} .CustomerSupport-4-1 .Customerdown_btn a.btn-success2{color:#5b5a5a; border:1px solid #ccc; background:#fff;} .CustomerSupport-4-1 .Customerdown_btn a.btn-success2:hover{color:#333; border-color:#adadad; background-color:#e6e6e6; } .CustomerSupport-4-1 .ex_btn {clear:both; margin:0 auto 40px auto; width:245px; margin-top: 80px;} .CustomerSupport-4-1 .bbs_btn a{color:#fff;} .CustomerSupport-4-1 .home_link{margin:0 0 20px 0; overflow:hidden;} .CustomerSupport-4-1 .home_link li{float:left; width:25%;} .CustomerSupport-4-1 .home_link li a{display:block; text-align:center; padding:5px 0; margin:2px; border:1px solid #dce9f0; background:#fff;} .CustomerSupport-4-1 .home_link li a img{display:block; width:95px; margin:0 auto;} .rss_title{font-size:18px; color:#333; line-height:26px; padding:15px 0 15px 150px; margin:0 0 20px 0; border:1px solid #dce9f0; background:url(/resources/images/content/rss_img_1.png) 50px 25px no-repeat #f2f6f9 ;} .rss_title h2{font-size:16px;} .rss_title p{font-size:13px; color:#666666; line-height: 22px; margin-bottom:5px;} .rss_title span{color:#006bda;} .sitemap {float:left; width:23%; height:540px; padding-left:0; padding-right:0; margin:0 8px 30px 8px; border:1px solid #eee; overflow:hidden;} .sitemap h2 a{display:block; font-size:17px; color:#fff; text-align:center; padding:8px 15px; background:#f26b50; } .sitemap ul{margin:10px 25px;} .sitemap ul li {} .sitemap ul li a {display:block; font-size:14px; color:#333; padding:2px 0 2px 0px; } .sitemap ul li a:hover {text-decoration:underline;} .sitemap ul li ul {font-size:12px; padding:0px 0 0px 0px; margin:0px 0px 10px 0px;} .sitemap ul li ul li {padding-left:0; margin-top:0; margin-bottom:0; background:url(/resources/images/ico/ico_list_4.png) 0 5px no-repeat;} .sitemap ul li ul li a {color:#777; font-size:12px; padding:0px 7px 0 6px;} .sitemap ul li ul li a:hover {} .form-horizontal .control-label{padding-right: 0;} .filearea {width:100%; overflow:hidden} .filearea .f1_box{border-bottom:1px solid #ccc; overflow:hidden; padding-top: 5px;} .filearea .control-label{float: left;text-align:left !important; padding-right: 0;} .filearea .file_wrap{float: left;overflow: hidden;border: 1px solid #ccc;border-radius: 5px; padding:5px 20px 10px;} .filearea .group_01{width:95%;float:left;} .filearea .group_02{width:5%;float: right;} .filearea .file_box1{float: left;width: 35%;height: 35px;} .filearea .file_box2{float: left;width: 35%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .filearea .file_box3{float:left; width:30%; display:block} .filearea .btn-xs{float: right; margin-top:10px;} .filearea .date_time{width:35%; float: left; padding: 5px 5px 0 0;} .filearea .dpd2{width: 50%;} .filearea .glyphicon-minus{float: right;color: #F27258;border: 1px solid #ccc;border-radius: 3px; padding: 3px 4px;} .board_write .boardwrite_btn{margin-top: 20px;} .filearea .file_box1 input {width:205px;} .tab_realname{position:relative; margin:0 0 150px 0;} .tab_realname ul li a{display:block; font-size:13px; font-family:"NanumBarunGothicBold"; padding:8px 3px 7px; margin:0 0 2px 0; text-align:center; background:#e8e8e8;} .tab_realname ul li a:hover{color:#fff; background: #cb4930} .tab_realname ul li.active a{color:#fff; background: #cb4930} .text_block .text_block_img {float:left;width:240px;height:180px;overflow:hidden;text-align:center;} .text_block_imgtxt {margin:0 0 0 260px;} } /* Tablets, 768px */ @media (min-width: 970px) { .nav-pills > li > a{font-size:15px; padding:11px 3px 10px 3px;} /* category_tab */ .category_tab{padding:5px 15px; margin:-41px 0 40px 0; border:1px solid #e9e9e9;} .category_tab li{} .category_tab li:first-child a{border-left:0;} .category_tab li a{font-size:13px; padding:3px 5px 2px 5px !important; border-left:1px solid #eee; border-radius:1px; background:#fff;} .category_tab li a:hover{background:#394044;} .category_tab li.active a{background:#394044;} .category_tab li a:focus{background:#394044;} /* content_title */ .content_title{margin-bottom:25px;} .content_title h2{color:#5d5d5d; letter-spacing:-0.5px; margin-top:0px !important; margin-bottom:8px;} .content_title p{width:70%; font-size:15px; color:#333; margin:0 auto 10px auto;} .content_title p span{color:#006bda;} .content_title p a{font-size:12px; font-weight:bold; color:#fff; margin:0 5px; border:1px solid #6d7680; background:#6d7680;} .content_title p a:hover{color:#fff; border:1px solid #78b9f5; background:#78b9f5;} .content_title p a .glyphicon{color:#fff; margin-left:10px;} #intro_wrap {margin-top:20px;} #intro_wrap .content_title{margin-top:0px;} #intro_wrap .content_title h2{font-size:24px; margin-top:0px;} #intro_wrap .content_title p{width:100%; font-size:20px; text-align:left; color:#333; line-height:28px; margin-left:5px;} /* bbs list */ .search-form {width:29.5%;} .search-form .input-group-btn ul{width:100%; min-width:100%;} .search-form .input-group-btn ul a{text-align:center; padding:3px 5px;} .search-form .btn{color:#666666; padding:5px 12px 4px 12px; border-bottom-right-radius:0; border-top-right-radius:0;} .search-form .form-control{height:30px; border-radius:0;} .search-form .btn-search{padding:5px 5px 4px 5px; border:1px solid #303e47; border-bottom-left-radius:0; border-top-left-radius:0; border-bottom-right-radius:4px; border-top-right-radius:4px; background:#303e47; z-index:2;} .search-form .btn-search span{color:#fff;font-size:13px;} .search-form .btn-search span.glyphicon {font-size:11px;margin-right:2px;padding:0px;} .search-form #searchSdt, .search-form #searchEdt{width:96px; height:30px; padding:5px 10px 4px 10px; border-radius:3px; border:1px solid #ddd;} .photo_bbs_list .photo_thumbnail{position:relative; /*height:128px;*/ min-height:143px; overflow:hidden; padding-top:0px; padding-left:15px; padding-right:15px;} .photo_block_bbs_list{clear:none; float:left; width:32%; height:330px; line-height:22px; padding:0px 0px 25px 0px; margin:15px 5px 15px 5px; overflow:hidden; border:1px solid #ddd;} .photo_block_bbs_list .photo_thumbnail{position:relative; width:100%; height:200px; overflow:hidden; padding-top:0px; padding-left:0px; padding-right:0px; margin:0 0 10px 0;} .photo_block_bbs_list .photo_thumbnail img{width:100%} .photo_block_bbs_list .photo_thumbnail span{position:absolute; top:15px; left:20px; font-size:20px; color:#fff;} .photo_block_bbs_list .text_thumbnail{width:100%;} .photo_block_bbs_list .text_thumbnail .bbs_tit{width:100%; font-size:14px; margin-top:3px;} .photo_block_bbs_list .text_thumbnail .text_info{margin-bottom:5px;} .photo_block_bbs_list .text_thumbnail .text_info span{margin:0;} .photo_block_bbs_list .text_thumbnail .text_info .date{display:block;} .photo_block_bbs_list .text_thumbnail .text_info .view{float:right;} .publication_bbs_list{float:left; width:50%; padding:20px 20px 20px 0; overflow:hidden;} .publication_bbs_list .bbs_pretext{height:90px; margin:0 0 5px 0;} .publication_bbs_list .text_block_img{float:left; min-height: 200px; margin:0 30px 0 0;} .publication_bbs_list .text_block_img img{max-width: 153px; min-width: 153px; max-height: 200px;} .prevnext_wrap .mimg {display:none;} /* board view */ .board_file{padding:10px 20px; margin:0 0 15px 0; background:#f2f6f9;} .board_file .tit{color:#444; font-weight:bold; margin:0 0 6px 0;} .board_file .tit span{color:#f36558;} .board_file ul{margin:0; padding:0; } .board_file ul li{display:block; padding:3px 15px 7px 15px; margin:0px 0 1px 0; border:1px solid #dce9f0; background:#fff;} .board_file ul li a{font-size:12px; line-height:18px;} .board_file ul li a img{float:left; margin-top:4px; margin-right:5px;} .board_file ul li a .glyphicon{font-size:10px; padding:1px 0; margin: 0 1px 0 1px;} .board_header{padding:0px 0 25px 0;} .board_header h2{font-size:20px;color:#222; line-height:30px; margin-top:0 !important;} .board_header h3{line-height:24px;} .board_header h2 .glyphicon{vertical-align:middle; margin-top:-3px;} .satisfaction_box{width:694px; height:542px; color:#fff; padding:80px; margin:0 auto 50px auto; background:url("/resources/images/satisfaction_bg.jpg") 0 0 no-repeat;} .satisfaction_box h4{font-size:28px; color:#fff; text-align:center; margin:0 0 30px 0;} .satisfaction_box p{font-size:14px; font-weight:bold; text-align:center; margin:0 0 20px 0;} .satisfaction_box dl{width:550px; margin:0 0 20px 0;} .satisfaction_box dl dt{float:left; width:50px; min-height:26px; font-size:15px; margin:0 0 10px 0;} .satisfaction_box dl dd{float:left; width:500px; min-height:26px; margin:0 0 10px 0;} .satisfaction_list{border-top:2px solid #394044;} .satisfaction_list h4{padding:0 0 15px 0; margin:0 0 0px 0; } .satisfaction_list .panel-title h4{border-bottom: 1px solid #aaa;} .satisfaction_list .panel-title{font-size:15px;} .satisfaction_list .panel-title a .number_bg{display:inline-block; width:27px; height:27px; font-weight:bold; text-align:center; color:#fff; padding:2px 0 0 0; margin:0 10px; background:url("/resources/images/bg_numon.png") 0 0 no-repeat;} .satisfaction_list .panel-title .glyphicon{color:#a7a7a7; margin:6px 0 0 0;} .satisfaction_list .panel-group .panel{border-top:0; border-left:0; border-right:0; border-bottom:1px solid #ddd; border-radius:0px; box-shadow: 0 0px 0px rgba(0, 0, 0, 0.05);} .satisfaction_list .panel-group .panel h4{border:0; padding:0; margin:0;} .satisfaction_list .panel-default > .panel-heading{background:none;} .satisfaction_list .panel-body {padding:15px 35px 15px 65px;} .satisfaction_list .panel-body strong{display:block; color:#444;} .satisfaction_list .panel-body span{display:block; margin:0 0 15px 16px;} .satisfaction_list .panel-body span .point_text{display:inline; color:#066ccc; margin:0;} .active_tit_box{padding:30px 30px 30px 220px; margin:0 0 30px 0; border:1px solid #c0d4e0; background:url(/resources/images/content/active_tit_bg.png) 48px 68px no-repeat #f2f6f9;} .active_tit_box h2{font-size:24px; font-weight:bold; color:#111; margin:0 0 5px 0;} .active_tit_box .s_tit{font-size:16px; font-weight:bold; color:#006bda;} .active_tit_box .s_text{color:#4e5d74;} .active_tit_list{padding:0 0 30px 0; background:url(/resources/images/content/active_img_3.png) 135px 0px repeat-y; overflow:hidden;} .active_tit_list .year_box h3{height:30px; font-size:28px; color:#222; text-align:left; margin:0 0 0 45px; background:url(/resources/images/content/active_img_1.png) 90px 0px no-repeat;} .active_tit_list .year_text_box{float:left; width:80%; margin:0 0 3px 142px; background:url(/resources/images/content/active_img_2.png) 0px 12px no-repeat ;} .active_tit_list .year_text_box .text_block{position:relative; padding:6px 30px; margin:0 0 0 50px; border:1px solid #dcdcdc; } .active_tit_list .year_text_box .text_block .left_img{position:absolute; left:-9px;} .active_tit_list .year_text_box .text_block .thumbnail_img{margin:0 15px 0 0;} .active_tit_list .year_text_box .text_block .thumbnail_img img{width:90px;} .calendar_photo_modal .carousel{z-index:885;} .calendar_photo_modal .carousel-inner{z-index:887;} .calendar_photo_modal .carousel-control{margin:-200px 0 0 0; z-index:888;} .calendar_photo_modal .carousel-control .glyphicon-chevron-left{margin-left:15px;} .calendar_photo_modal .carousel-control .glyphicon-chevron-right{margin-right:15px;} .service_box{width:100%; text-align:center; padding:50px; margin:0 0 30px 0; background:url(/resources/images/content/service_img_2.png) center top no-repeat; overflow:hidden;} .service_box h2{font-size:36px; margin:5px 0 30px 0;} .service_box .service_checkbox{width:700px; color:#222; text-align:left; margin:0 auto 20px auto; overflow:hidden;} .service_box .service_checkbox .checkbox{float:left; width:222px; display:block; padding:6px 20px; margin:3px 5px; background:#fff; border:1px solid #a1aec4;} .service_box .service_checkbox .checkbox:hover{border:1px solid #4b638d;} .service_box .service_checkbox .checkbox input{margin-left:0;} .service_box .service_checkbox .checkbox label{font-weight:bold; } .service_list h2{color:#222; padding:0 0 15px 0; margin:0 0 25px 0; border-bottom:2px solid #555;} .service_list .service_list_block{clear:both; padding:0 0 30px 0; margin:0 0 30px 0; border-bottom:1px solid #ccc; overflow:hidden;} .service_list .service_list_block .service_list_select{display:block; margin:0 0 15px 0;} .service_list .service_list_block .service_list_select .select_box{float:left; width:24.2%; display:block; color:#fff; font-weight:bold; text-align:center; padding:3px 15px; margin:0 3px 10px 3px; border:1px solid #666; background:#666666;} .service_list .service_list_logo{clear:both; display:block; } .service_list .service_list_logo a{float:left; width:24.2%; display:block; text-align:center; padding:5px 15px; margin:2px 3px; border:1px solid #ddd; background:#fff;} .service_list .service_list_logo a:hover{border:1px solid #666;} .service_link_img{margin:0 0 25px 0; padding:5px 0 20px 0; border-bottom:1px solid #dbdbdb;} .service_link_list{margin:0 0 30px 0; overflow:hidden;} .service_link_list .link_block{float:left; width:32.9%; height:300px; padding:20px 25px; margin:5px 1px 5px 2px; border:1px solid #ddd;} .service_link_list .link_block .link_img{display:block; max-width:243px; max-height:60px; text-align:center; margin:0 0 15px 0; overflow: hidden;} .service_link_list .link_block dl{margin:0 0 15px 0;} .service_link_list .link_block dl dt{font-size:14px; color:#222;} .service_link_list .link_block dl dd.link{color:#006bda;} .service_link_list .link_block dl dd.text_box{height:65px; overflow:hidden;} .service_link_list .link_block a.link_btn{width:100%; border-radius:0; border:0; background:#e8e8e8;} .service_link_list .link_block a.link_btn:hover{color:#fff; background:#006bda;} .service_link_view{clear:both;} .service_link_view .view_link_block{padding:0 0 30px 0; margin:0 0 30px 0; border-bottom:1px solid #ddd; overflow:hidden;} .service_link_view .view_link_block .link_img{position:relative; height:264px; background:url(/resources/images/content/service_view_bg_1.png) left top no-repeat; } .service_link_view .view_link_block .link_img img{position:absolute; left:16px; top:16px; width:250px;} .service_link_view .view_link_block dl{margin:0px 0 0 0;} .service_link_view .view_link_block dl dt h2{height:85px; width:243px; overflow:hidden;} .service_link_view .view_link_block dl dd{padding:5px 0;} .service_link_view .view_link_block dl dd.link{color:#006bda; padding:5px 0 0px 0;} .service_link_view .view_link_block dl dd.link_color a{font-weight:bold; color:#ff6600;} .service_link_view .view_link_block dl dd.link_color a:hover{text-decoration:underline;} .service_link_view .view_link_guide{clear:both; } .service_link_view .view_link_guide ul li{float:left; width:32.2%; margin:5px 4px;} .service_link_view .view_link_guide ul li img{width:100%;} .link_img img{max-width:190px;} .view_link_guide{margin:10px 0 0 0;} .view_link_guide ul li{float:left; width:32.4%; height:218px; margin:5px 4px 15px 4px; border: 1px solid #aaa; overflow:hidden;} #advance_tab{margin:0 0 20px 0;} #advance_tab #tabList{width:100%;} #advance_tab #tabList th{position:relative; width:50%; font-size:20px; color:#fff; text-align:center; padding:10px 0 8px 0;} #advance_tab #tabList th.TH_1_1{ border-left:1px solid #15b7c8; background:#15b7c8;} #advance_tab #tabList th.TH_1_1 input#TABCD20150001_PRE{position:absolute; top:10px; left:405px; width:20px; height:20px; font-size:10px; color:#fff; border:0; background:#10828e;} #advance_tab #tabList th.TH_1_1 input#TABCD20150001_NEXT{position:absolute; top:10px; left:430px; width:20px; height:20px; font-size:10px; color:#fff; border:0; background:#10828e;} #advance_tab #tabList th.TH_2_1{background:#5d94f0;} #advance_tab #tabList th.TH_2_1 input#TABCD20150002_PRE{position:absolute; top:10px; left:405px; width:20px; height:20px; font-size:10px; color:#fff; border:0; background:#3568bd;} #advance_tab #tabList th.TH_2_1 input#TABCD20150002_NEXT{position:absolute; top:10px; left:430px; width:20px; height:20px; font-size:10px; color:#fff; border:0; background:#3568bd;} #advance_tab #tabList td{width:12.5%; font-weight:bold; text-align:center; padding:7px 0; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd;} #advance_tab #tabList td:hover{background:#eee;} #advance_tab #tabList td.TD_1_1{background:#;} .alio_box{padding:0px 0 20px 0;} .alio_box ol{width:100%;} .alio_box ol li{display:block; min-height:40px; padding:20px 10px 20px 20px; overflow:hidden;} .alio_box ol li:first-child{border-top:0px;} .alio_box ol li.bg{border-top:1px solid #dce9f0; border-bottom:1px solid #dce9f0; background:#f2f6f9;} .alio_box ol li h2{float:left; width:35%; color:#222;} .alio_box ol li ul{float:right; width:65%; margin:5px 0 0 0;} .alio_box ol li ul li{float:left; width:33%; min-height:22px; padding:2px 0; } .alio_box ol li ul li a{display:block; padding:0 0 0 7px; background:url(/resources/images/ico/ico_list_1.png) left 6px no-repeat; } .alio_box ol li ul li a:hover{text-decoration:underline;} .training_btn_box{float:right; overflow:hidden;} .training_btn_box input{float:left; margin:0 2px; } .training_btn_box #excelFile{height:32px; padding:3px 10px; border-radius:3px; border:1px solid #ddd; background:#eee;} @-moz-document url-prefix(){ .training_btn_box #excelFile{height:auto; padding:3px 10px; border-radius:3px; border:1px solid #ddd; background:#eee;} } .qna_write .block_left{padding-left:0; padding-right:0;} .qna_write .block_left span{float:left; margin-left:6px; margin-right:6px;} .qna_write .block_left .form-control{width:82%;} .qna_write .block_left select{width:100% !important;} .qna_write .block_right_label{width:13.33333%;} .qna_write_btn{clear:both; text-align:center; padding:15px 0;} .block_1_left .block_left span{float:left; margin-left:0px; margin-right:10px;} .block_2_left .col-lg-1{width:10%; padding-left:0; padding-right:0; margin-right:32px;} .block_2_left .col-lg-10{width:80.3333%; padding-left:0; padding-right:0; } .block_2_left .col-lg-4{width:27.6%;} .block_2_right .col-lg-2{padding-left:0; padding-right:0;} .block_2_right .col-lg-10{padding-right:0;} .block_2_right .col-lg-10{width:82.3333%; padding-left:0; padding-right:0; } .block_2_right .col-lg-4{width:33.3%;} .block_3_left .col-lg-1{width:12%; margin-right:26px; padding-left:0; padding-right:0;} .block_3_left .col-lg-4{width:27.8%;} .block_3_left .col-lg-4 .form-control{width:76%;} .block_3_left .col-lg-4 select{width:100% !important;} .block_3_left .col-lg-3 .form-control{width:96% !important;} #qnaEditDiv, #solicitEditDiv, #budgetEditDiv, #excursionsEditDiv{padding:60px 15px 30px 15px; background:url(/resources/images/content/visit_bg.png) 0 0 repeat-x #fff;} #qnaEditDiv h2, #solicitEditDiv h2, #budgetEditDiv h2, #excursionsEditDiv h2{font-size:32px; margin:0 0 40px 0; text-decoration:underline;} .qna_write_text_box{width:768px; border:1px solid #dce9f0; border-radius:4px; padding:20px; margin:0 15px; background:#ecf3f8;} .qna_write_text_box strong, .qna_write_text_box label{color:#000;} #loginDiv .modal-header{border-bottom:0;} #loginDiv .modal-body{text-align:center; padding:15px 35px;} #loginDiv .modal-body h3{font-size:24px; color:#fff; text-align:center; padding:10px 0 9px 0; margin:0 8px 10px 8px; background:url(/resources/images/modal_bg_1.png) 0 0 repeat-x;} #loginDiv .modal-body h3 span{display:block; text-align:center; padding:5px 0;} #loginDiv .modal-body .btn{width:97%; padding:10px 12px !important; margin:8px 8px 0 8px; border:1px solid #314857; background:#314857;} #loginDiv .modal-body .btn:hover{background:#4f606b;} #loginDiv .modal-footer{border-top:0;} .modal_pw .modal-header{border-bottom:0;} .modal_pw .modal-body{text-align:center; padding:15px 35px 0px 35px;} .modal_pw .modal-body h3{font-size:24px; color:#fff; text-align:center; padding:10px 0 9px 0; margin:0 0px 10px 0px; background:url(/resources/images/modal_bg_1.png) 0 0 repeat-x;} .modal_pw .modal-body h3 span{display:block; text-align:center; padding:5px 0;} .modal_pw .modal-footer .btn{width:85%; color:#fff; margin:0px 8px 10px 8px; border:1px solid #314857; background:#314857;} .modal_pw .modal-footer .btn:hover{background:#4f606b;} .modal_pw .modal-footer{text-align:center; border-top:0;} .advance_tab{} .advance_tab a{} .advance_tab a:active{color:#fff !important; background:#f26b50 !important;} .advance_tab a img{display:block; width:60px; margin:0 auto;} .org_search .org_top{height:40px; margin:30px 0 0 0;} .org_search .org_top .search-form{width:100%; margin-bottom: 5px;} .org_search .org_top .col-lg-8, .org_search .org_top .col-lg-4{padding-left:0; padding-right:0;} .org_search .basic_box{padding: 1.5% 3%;border: 1px #d2d2d2 solid;float:left; width:100%;margin:30px 0;} .org_search .basic_search {width:500px; font-size:13px; margin:0 auto;} .org_search .basic_search label {float:left; color:#151516; font-weight: bold; margin-top:5px; margin-right:20px;} .org_search .basic_search input {float:left;} .org_search .basic_search input.radio_btn{margin-top:10px;} .org_search .basic_search .form-control{width:50%;} /*404,500 */ .body-404 {background:#f9f9f9;} .body-404 .error-wrapper {width:100%; height:400px; text-align:center; padding:360px 0 0 0; background:url(/resources/images/404.png) center 10px no-repeat;} .body-404 .error-wrapper h1{font-size:55px; padding:0 0 10px 0;} .body-404 .error-wrapper h2 {line-height:30px; margin:10px 0;} .body-500 {background:#f9f9f9;} .body-500 .error-wrapper {width:100%; height:400px; text-align:center; padding:360px 0 0 0; background:url(/resources/images/500.png) center 10px no-repeat;} .body-500 .error-wrapper h1{font-size:55px; padding:0 0 10px 0;} .body-500 .error-wrapper h2 {line-height:30px; margin:10px 0;} .mt_none{display:inline-block;} .government-5-1 {padding:0 0 35px 0;} .government-5-1 .government_title{font-size:18px; color:#333; line-height:28px; padding:0 0 0 0; margin:0 0 25px 0;} .government-5-1 .government_title p{margin-bottom:5px;} .government-5-1 .government_title span{color:#006bda;} .government-5-1 .government_title p.s_text{font-size:13px; color:#5b5a5a; line-height:22px; color:#5b5a5a;} .government-5-1 .government_5_1_box{ border: 1px solid #eee; overflow:hidden; background:none;} .government-5-1 .government_5_1_box li{float:left; width:32%; height:270px; text-align:left; padding-left: 50px; } .government-5-1 .government_5_1_box li img{width:100px; margin:15px 0 15px 30px;} .government-5-1 .government_5_1_box li h3{color:#006bda;} .government-5-1 .government_5_1_box li.bg{background:#f2f6f9;} .CustomerSupport-4-1{min-height:850px; padding:45px 35px; background:url(/resources/images/content/qna_bg_2.png) 0 0 repeat-x; } .CustomerSupport-4-1 .category_link{margin:10px 0 20px 0; overflow:hidden;} .CustomerSupport-4-1 .category_link li{float:left; width:20%; text-align:center; vertical-align:middle; } .CustomerSupport-4-1 .category_link li a{display:block; height:120px; line-height:16px; padding:15px 20px 0 20px; margin:2px; border:1px solid #dce9f0; background:#fff;} .CustomerSupport-4-1 .category_link li a:hover{background:#f0faff;} .CustomerSupport-4-1 .category_link li a img{display:block; width:70px; margin:0 auto;} .CustomerSupport-4-1 .qna_text_box{padding:25px 25px 20px 25px; margin-top:15px; border:1px solid #dce9f0; background:#fff; overflow:hidden;} .CustomerSupport-4-1 .pad_top{margin:0 0 10px 0; overflow:hidden;} .CustomerSupport-4-1 .Customer_text {float:left; width:72%;} .CustomerSupport-4-1 .Customerdown_btn{background: none; padding: 0;float: left;margin-right: 3px;} .CustomerSupport-4-1 .Customerdown_btn a{color:#fff;} .CustomerSupport-4-1 .Customerdown_btn a.btn-success2{color:#5b5a5a; border:1px solid #ccc; background:#fff;} .CustomerSupport-4-1 .Customerdown_btn a.btn-success2:hover{color:#333; border-color:#adadad; background-color:#e6e6e6; } .CustomerSupport-4-1 .ex_btn {clear:both; margin:0 auto 40px auto; width:245px; margin-top: 80px;} .CustomerSupport-4-1 .home_link{margin:0 0 20px 0; overflow:hidden;} .CustomerSupport-4-1 .home_link li{float:left; width:25%;} .CustomerSupport-4-1 .home_link li a{display:block; text-align:center; padding:5px 0; margin:2px; border:1px solid #dce9f0; background:#fff;} .CustomerSupport-4-1 .home_link li a img{display:block; width:95px; margin:0 auto;} .rss_title{font-size:18px; color:#333; line-height:26px; padding:15px 0 15px 150px; margin:0 0 20px 0; border:1px solid #dce9f0; background:url(/resources/images/content/rss_img_1.png) 50px 25px no-repeat #f2f6f9 ;} .rss_title h2{font-size:16px;} .rss_title p{font-size:13px; color:#666666; line-height: 22px; margin-bottom:5px;} .rss_title span{color:#006bda;} .sitemap {float:left; width:23%; height:540px; padding-left:0; padding-right:0; margin:0 8px 30px 8px; border:1px solid #eee; overflow:hidden;} .sitemap h2 a{display:block; font-size:17px; color:#fff; text-align:center; padding:8px 15px; background:#f26b50; } .sitemap ul{margin:10px 25px;} .sitemap ul li {} .sitemap ul li a {display:block; font-size:14px; color:#333; padding:2px 0 2px 0px; } .sitemap ul li a:hover {text-decoration:underline;} .sitemap ul li ul {font-size:12px; padding:0px 0 0px 0px; margin:0px 0px 10px 0px;} .sitemap ul li ul li {padding-left:0; margin-top:0; margin-bottom:0; background:url(/resources/images/ico/ico_list_4.png) 0 5px no-repeat;} .sitemap ul li ul li a {color:#777; font-size:12px; padding:0px 7px 0 6px;} .sitemap ul li ul li a:hover {} .form-horizontal .control-label{padding-right: 0;} .filearea {width:100%; overflow:hidden} .filearea .f1_box{border-bottom:1px solid #ccc; overflow:hidden; padding-top: 5px;} .filearea .control-label{float: left;text-align:left !important; padding-right: 0;} .filearea .file_wrap{float: left;overflow: hidden;border: 1px solid #ccc;border-radius: 5px; padding:5px 20px 10px;} .filearea .group_01{width:95%;float:left;} .filearea .group_02{width:5%;float: right;} .filearea .file_box1{float: left;width: 35%;height: 35px;} .filearea .file_box2{float: left;width: 35%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .filearea .file_box3{float:left; width:30%; display:block} .filearea .btn-xs{float: right; margin-top:10px;} .filearea .date_time{width:35%; float: left; padding: 5px 5px 0 0;} .filearea .dpd2{width: 50%;} .filearea .glyphicon-minus{float: right;color: #F27258;border: 1px solid #ccc;border-radius: 3px; padding: 3px 4px;} .board_write .boardwrite_btn{margin-top: 20px;} .filearea .file_box1 input {width:205px;} .tab_realname{position:relative; margin:0 0 150px 0;} .tab_realname ul{width: 100%;} .tab_realname ul li{ display: table-cell; width: 1%; line-height:18px;} .tab_realname ul li a{display:block; height:50px; font-size:13px; font-family:"NanumBarunGothicBold"; padding:8px 3px 7px; margin:0 0 2px 0; text-align:center; background:#e8e8e8;} .tab_realname ul li a:hover{color:#fff; background: #cb4930} .tab_realname ul li.active a{color:#fff; background: #cb4930} } /* @media (max-width: 1170px) { 모바일,태블릿 검색창 .srch-top{margin:10px 0;} .srch-top .srcht {font-family:"NanumGothic";font-size:22px;font-weight:bold;color:#222;margin:0 0 10px 0;} .srch-top .srcht span {font-size:13px;color:#808080;margin:0 0 0 5px;font-weight:normal;display:inline-block;width:100%;} .srch-top .search-wrap {background:transparent !important; display:inline-block;width:100%;height:30px !important;padding:0px !important;text-align:center;} .srch-top .search-wrap .searchwrap {width:100% !important;margin:0 auto;} .srch-top .search-wrap .searchwrap .form-control {width:85%;border:2px solid #0ca6b7;} .srch-top .search-wrap .searchwrap .input-group-btn .btn {background:#0ca6b7 !important;border:0px;color:#fff !important;padding:7px 2px;} .srch-top .search-wrap .searchwrap .input-group-btn .btn span {margin:0 2px;} } */ .visit_location {margin:10px 0 0 0;display:inline-block;width:100%;} .visit_location ul li {background:url(/resources/images/content/fusionnow/visit_arr.png) right center no-repeat;float:left;margin:0 10px 0 0;line-height:100px;font-size:12px;text-align:center;vertical-align:middle;color:#023038;border:2px solid #9a9a9a;border-radius:100px;display:inline-block;width:15%;height:100px;} .visit_location ul li .vf {line-height:18px !important;margin-top:30px;} /* pc */ @media (min-width: 1170px) { .nav-pills > li > a{ padding: 11px 3px;} /* content_title */ .content_title{margin-bottom:25px;} .content_title h2{color:#5d5d5d; letter-spacing:-0.5px; margin-top:0px !important; margin-bottom:8px;} .content_title p{width:70%; font-size:15px; color:#333; margin:0 auto 10px auto;} .content_title p span{color:#006bda;} .content_title p a{font-size:12px; font-weight:bold; color:#fff; margin:0 5px; border:1px solid #6d7680; background:#6d7680;} .content_title p a:hover{color:#fff; border:1px solid #78b9f5; background:#78b9f5;} .content_title p a .glyphicon{color:#fff; margin-left:10px;} #intro_wrap {margin-top:20px;} #intro_wrap .content_title{margin-top:0px;} #intro_wrap .content_title h2{font-size:24px; margin-top:0px;} #intro_wrap .content_title p{width:100%; font-size:20px; text-align:left; color:#333; line-height:28px; margin-left:5px;} /* bbs list */ .search-form {width:40%;min-width:200px;} .search-form .input-group-btn ul{width:100%; min-width:100%;} .search-form .input-group-btn ul a{text-align:center; padding:3px 5px;} .search-form .btn{color:#666666; padding:5px 5px 4px 5px; border-bottom-right-radius:0; border-top-right-radius:0;} .search-form .form-control{height:30px; border-radius:0;/* width:130px; */width:100%;} .search-form .btn-search{width:50px;letter-spacing:-2.5px;padding:5px 5px 4px 5px; border:1px solid #303e47;border-bottom-left-radius:0; border-top-left-radius:0; border-bottom-right-radius:4px; border-top-right-radius:4px; background:#303e47; z-index:2;} .search-form .btn-search span{color:#fff;} .search-form #searchSdt, .search-form #searchEdt{width:96px; height:30px; padding:5px 10px 4px 10px; border-radius:3px; border:1px solid #ddd;} .photo_bbs_list .photo_thumbnail{position:relative; /*height:128px;*/ min-height:143px; overflow:hidden; padding-top:0px; padding-left:15px; padding-right:15px;} .photo_block_bbs_list{clear:none; float:left; width:32%; height:330px; line-height:22px; padding:0px 0px 25px 0px; margin:15px 5px 15px 5px; overflow:hidden; border:1px solid #ddd;} .photo_block_bbs_list .photo_thumbnail{position:relative; width:100%; height:200px; overflow:hidden; padding-top:0px; padding-left:0px; padding-right:0px; margin:0 0 10px 0;} .photo_block_bbs_list .photo_thumbnail img{width:100%} .photo_block_bbs_list .photo_thumbnail span{position:absolute; top:15px; left:20px; font-size:20px; color:#fff;} .photo_block_bbs_list .text_thumbnail{width:100%;} .photo_block_bbs_list .text_thumbnail .bbs_tit{width:100%; font-size:14px; margin-top:3px;} .photo_block_bbs_list .text_thumbnail .text_info{margin-bottom:5px;} .photo_block_bbs_list .text_thumbnail .text_info span{margin:0;} .photo_block_bbs_list .text_thumbnail .text_info .date{display:block;} .photo_block_bbs_list .text_thumbnail .text_info .view{float:right;} .publication_bbs_list{float:left; width:50%; padding:20px 20px 20px 0;} .publication_bbs_list .bbs_pretext{height:90px; margin:0 0 5px 0;} .publication_bbs_list .text_block_img{float:left; min-height: 200px; margin:0 30px 0 0;} .publication_bbs_list .text_block_img img{max-width: 153px; min-width: 153px; max-height: 200px;} /* board write */ .notice-contt {padding:7px 0 0 10px;} .prevnext_wrap .mimg {display:none;} /* board view */ .board_body .board-topimg {width:600px;margin:10px auto;} .board_file{padding:10px 20px; margin:10px 0 15px 0;/* border:1px solid #dce9f0; */border:1px solid #e5e5e5; background:#f5f5f5;} .board_file .tit{color:#444; font-weight:bold; margin:0 0 6px 0;} .board_file .tit span{color:#f36558;} .board_file ul{margin:0; padding:0; } .board_file ul li{display:block; padding:7px 15px; margin:0px 0 1px 0; border:1px solid #e4e4e4; background:#fff;} .board_file ul li a{font-size:12px; line-height:18px;} .board_file ul li a img{float:left; margin-top:4px; margin-right:5px;} .board_file ul li a .glyphicon{font-size:10px; padding:1px 0; margin: 0 1px 0 1px;} .board_comment .comment_box .comment_cont .photo img {/* width:100px !important; height:40px; */max-width:100%; } .board_header{padding:30px 0 25px 0;} .board_header h2{font-size:22px;color:#222; line-height:30px; margin-top:0 !important;} .board_header h3{line-height:24px;} .board_header h2 .glyphicon{vertical-align:middle; margin-top:-3px;} .satisfaction_box{width:694px; height:542px; color:#fff; padding:80px; margin:0 auto 50px auto; background:url("/resources/images/satisfaction_bg.jpg") 0 0 no-repeat;} .satisfaction_box h4{font-size:28px; color:#fff; text-align:center; margin:0 0 30px 0;} .satisfaction_box p{font-size:15px; font-weight:bold; text-align:center; margin:0 0 20px 0;} .satisfaction_box dl{width:550px; margin:0 0 20px 0;} .satisfaction_box dl dt{float:left; width:50px; min-height:26px; font-size:15px; margin:0 0 10px 0;} .satisfaction_box dl dd{float:left; width:500px; min-height:26px; margin:0 0 10px 0;} .satisfaction_list{border-top:2px solid #394044;} .satisfaction_list h4{padding:0 0 15px 0; margin:0 0 0px 0; } .satisfaction_list .panel-title h4{border-bottom: 1px solid #aaa;} .satisfaction_list .panel-title{font-size:15px;} .satisfaction_list .panel-title a .number_bg{display:inline-block; width:27px; height:27px; font-weight:bold; text-align:center; color:#fff; padding:2px 0 0 0; margin:0 10px; background:url("/resources/images/bg_numon.png") 0 0 no-repeat;} .satisfaction_list .panel-title .glyphicon{color:#a7a7a7; margin:6px 0 0 0;} .satisfaction_list .panel-group .panel{border-top:0; border-left:0; border-right:0; border-bottom:1px solid #ddd; border-radius:0px; box-shadow: 0 0px 0px rgba(0, 0, 0, 0.05);} .satisfaction_list .panel-group .panel h4{border:0; padding:0; margin:0;} .satisfaction_list .panel-default > .panel-heading{background:none;} .satisfaction_list .panel-body {padding:15px 35px 15px 65px;} .satisfaction_list .panel-body strong{display:block; color:#444;} .satisfaction_list .panel-body span{display:block; margin:0 0 15px 16px;} .satisfaction_list .panel-body span .point_text{display:inline; color:#066ccc; margin:0;} .active_tit_box{padding:30px 30px 30px 220px; margin:0 0 30px 0; border:1px solid #c0d4e0; background:url(/resources/images/content/active_tit_bg.png) 48px 68px no-repeat #f2f6f9;} .active_tit_box h2{font-size:24px; font-weight:bold; color:#111; margin:0 0 5px 0;} .active_tit_box .s_tit{font-size:16px; font-weight:bold; color:#006bda;} .active_tit_box .s_text{color:#4e5d74;} .active_tit_list{padding:0 0 30px 0; background:url(/resources/images/content/active_img_3.png) 135px 0px repeat-y; overflow:hidden;} .active_tit_list .year_box h3{height:30px; font-size:28px; color:#222; text-align:left; margin:0 0 0 45px; background:url(/resources/images/content/active_img_1.png) 90px 0px no-repeat;} .active_tit_list .year_text_box{float:left; width:690px; margin:0 0 3px 142px; background:url(/resources/images/content/active_img_2.png) 0px 12px no-repeat ;} .active_tit_list .year_text_box .text_block{position:relative; padding:6px 30px; margin:0 0 0 50px; border:1px solid #dcdcdc; } .active_tit_list .year_text_box .text_block .left_img{position:absolute; left:-9px;} .active_tit_list .year_text_box .text_block .thumbnail_img{margin:0 15px 0 0;} .active_tit_list .year_text_box .text_block .thumbnail_img img{width:90px;} .calendar_photo_modal .carousel{z-index:885;} .calendar_photo_modal .carousel-inner{z-index:887;} .calendar_photo_modal .carousel-control{margin:-200px 0 0 0; z-index:888;} .calendar_photo_modal .carousel-control .glyphicon-chevron-left{margin-left:15px;} .calendar_photo_modal .carousel-control .glyphicon-chevron-right{margin-right:15px;} .service_box{width:100%; text-align:center; padding:50px; margin:0 0 30px 0; background:url(/resources/images/content/service_img_2.png) center top no-repeat; overflow:hidden;} .service_box h2{font-size:36px; margin:5px 0 30px 0;} .service_box .service_checkbox{width:700px; color:#222; text-align:left; margin:0 auto 20px auto; overflow:hidden;} .service_box .service_checkbox .checkbox{float:left; width:222px; display:block; padding:6px 20px; margin:3px 5px; background:#fff; border:1px solid #a1aec4;} .service_box .service_checkbox .checkbox:hover{border:1px solid #4b638d;} .service_box .service_checkbox .checkbox input{margin-left:0;} .service_box .service_checkbox .checkbox label{font-weight:bold; } .service_list h2{color:#222; padding:0 0 15px 0; margin:0 0 25px 0; border-bottom:2px solid #555;} .service_list .service_list_block{clear:both; padding:0 0 30px 0; margin:0 0 30px 0; border-bottom:1px solid #ccc; overflow:hidden;} .service_list .service_list_block .service_list_select{display:block; margin:0 0 15px 0;} .service_list .service_list_block .service_list_select .select_box{float:left; width:24.2%; display:block; color:#fff; font-weight:bold; text-align:center; padding:3px 15px; margin:0 3px 10px 3px; border:1px solid #666; background:#666666;} .service_list .service_list_logo{clear:both; display:block; } .service_list .service_list_logo a{float:left; width:24.2%; display:block; text-align:center; padding:5px 15px; margin:2px 3px; border:1px solid #ddd; background:#fff;} .service_list .service_list_logo a:hover{border:1px solid #666;} .service_link_img{margin:0 0 25px 0; padding:5px 0 20px 0; border-bottom:1px solid #dbdbdb;} .service_link_list{margin:0 0 30px 0; overflow:hidden;} .service_link_list .link_block{float:left; width:33%; height:300px; padding:20px 25px; margin:5px 1px 5px 2px; border:1px solid #ddd;} .service_link_list .link_block .link_img{display:block; max-width:243px; max-height:72px; text-align:center; margin:0 0 15px 0;} .service_link_list .link_block dl{margin:0 0 15px 0;} .service_link_list .link_block dl dt{font-size:14px; color:#222;} .service_link_list .link_block dl dd.link{color:#006bda;} .service_link_list .link_block dl dd.text_box{height:65px; overflow:hidden;} .service_link_list .link_block a.link_btn{width:100%; border-radius:0; border:0; background:#e8e8e8;} .service_link_list .link_block a.link_btn:hover{color:#fff; background:#006bda;} .service_link_view{clear:both;} .service_link_view .view_link_block{padding:0 0 30px 0; margin:0 0 30px 0; border-bottom:1px solid #ddd; overflow:hidden;} .service_link_view .view_link_block .link_img{position:relative; height:264px; background:url(/resources/images/content/service_view_bg_1.png) center top no-repeat; } .service_link_view .view_link_block .link_img img{position:absolute; left:25px; top:16px;} .service_link_view .view_link_block dl{margin:0px 0 0 0;} .service_link_view .view_link_block dl dd{padding:5px 0;} .service_link_view .view_link_block dl dd.link{color:#006bda; padding:5px 0 0px 0;} .service_link_view .view_link_block dl dd.link_color a{font-weight:bold; color:#ff6600;} .service_link_view .view_link_block dl dd.link_color a:hover{text-decoration:underline;} .service_link_view .view_link_guide{clear:both; } .service_link_view .view_link_guide ul li{float:left; width:32.4%; height:218px; margin:5px 4px 15px 4px; border: 1px solid #aaa; overflow:hidden;} .view_link_guide{margin:10px 0 0 0;} .view_link_guide ul li{float:left; width:32.4%; height:218px; margin:5px 4px 15px 4px; border: 1px solid #aaa; overflow:hidden;} @-moz-document url-prefix(){ .training_btn_box #excelFile{height:auto; padding:3px 10px; border-radius:3px; border:1px solid #ddd; background:#eee;} } .block_1_left .block_left span{float:left; margin-left:0px; margin-right:10px;} .block_2_left .col-lg-1{width:10%; padding-left:0; padding-right:0; margin-right:32px;} .block_2_left .col-lg-10{width:80.3333%; padding-left:0; padding-right:0; } .block_2_left .col-lg-4{width:27.6%;} .block_2_right .col-lg-2{padding-left:0; padding-right:0;} .block_2_right .col-lg-10{padding-right:0;} .block_2_right .col-lg-10{width:82.3333%; padding-left:0; padding-right:0; } .block_2_right .col-lg-4{width:33.3%;} .block_3_left .col-lg-1{width:12%; margin-right:26px; padding-left:0; padding-right:0;} .block_3_left .col-lg-4{width:27.8%;} .block_3_left .col-lg-4 .form-control{width:76%;} .block_3_left .col-lg-4 select{width:100% !important;} .block_3_left .col-lg-3 .form-control{width:96% !important;} .modal_pw .modal-header{border-bottom:0;} .modal_pw .modal-body{text-align:center; padding:15px 35px 0px 35px;} .modal_pw .modal-body h3{font-size:24px; color:#fff; text-align:center; padding:10px 0 9px 0; margin:0 0px 10px 0px; background:url(/resources/images/modal_bg_1.png) 0 0 repeat-x;} .modal_pw .modal-body h3 span{display:block; text-align:center; padding:5px 0;} .modal_pw .modal-footer .btn{width:85%; color:#fff; margin:0px 8px 10px 8px; border:1px solid #314857; background:#314857;} .modal_pw .modal-footer .btn:hover{background:#4f606b;} .modal_pw .modal-footer{text-align:center; border-top:0;} /*404,500 */ .body-404 {background:#f9f9f9;} .body-404 .error-wrapper {width:100%; height:400px; text-align:center; padding:360px 0 0 0; background:url(/resources/images/404.png) center 10px no-repeat;} .body-404 .error-wrapper h1{font-size:55px; padding:0 0 10px 0;} .body-404 .error-wrapper h2 {line-height:30px; margin:10px 0;} .body-500 {background:#f9f9f9;} .body-500 .error-wrapper {width:100%; height:400px; text-align:center; padding:360px 0 0 0; background:url(/resources/images/500.png) center 10px no-repeat;} .body-500 .error-wrapper h1{font-size:55px; padding:0 0 10px 0;} .body-500 .error-wrapper h2 {line-height:30px; margin:10px 0;} .mt_none{display:inline-block;} .sitemap {float:left; width:23%; height:540px; padding-left:0; padding-right:0; margin:0 8px 30px 8px; border:1px solid #eee; overflow:hidden;} .sitemap h2 a{display:block; font-size:17px; color:#fff; text-align:center; padding:8px 15px; background:#f26b50; } .sitemap ul{margin:10px 25px;} .sitemap ul li {} .sitemap ul li a {display:block; font-size:14px; color:#333; padding:2px 0 2px 0px; } .sitemap ul li a:hover {text-decoration:underline;} .sitemap ul li ul {font-size:12px; padding:0px 0 0px 0px; margin:0px 0px 10px 0px;} .sitemap ul li ul li {padding-left:0; margin-top:0; margin-bottom:0; background:url(/resources/images/ico/ico_list_4.png) 0 5px no-repeat;} .sitemap ul li ul li a {color:#777; font-size:12px; padding:0px 7px 0 6px;} .sitemap ul li ul li a:hover {} .form-horizontal .control-label{padding-left: 0;} .filearea {width:100%; overflow:hidden} .filearea .f1_box{border-bottom:1px solid #ccc; overflow:hidden;padding-top: 5px;} .filearea .control-label{float: left;text-align:left !important;padding-left: 0;} .filearea .file_wrap{float: left;overflow: hidden;border: 1px solid #ccc;border-radius: 5px; padding: 5px 20px 10px;} .filearea .group_01{width:95%;float:left;} .filearea .group_02{width:5%;float: right;} .filearea .file_box1{float: left;width:43%; height: 35px;} .filearea .file_box2{float: left;width:32%;} .filearea .file_box3{float:left; width:25%; display:block} .filearea .btn-xs{float: right; margin-top:10px;} .filearea .date_time{width:35%; float: left; padding: 5px 5px 0 0;} .filearea .dpd2{width: 50%;} .filearea .glyphicon-minus{float: right;color: #F27258;border: 1px solid #ccc;border-radius: 3px; padding: 3px 4px;} .board_write .boardwrite_btn{margin-top: 20px;} /* Safari only body:first-of-type .nav-justified>li {display: table-cell; width:50%;} */ .tab_realname{position:relative; margin:0 0 150px 0;} .tab_realname li a{display:block; color:#555 !important; font-family:"NanumBarunGothicBold"; font-size:15px !important; text-align:auto; background:none !important;} .tab_realname li a:hover{color:#fff !important; background:none !important;} .tab_realname li.active a{color:#fff !important; background:none !important;} .tab_realname .tab1{position:absolute; top:0px; left:414px; width:72px; height:99px; padding:32px 0 0 4px; background:url(/resources/images/btn/tab_type1_1.jpg) 0 0px no-repeat;} .tab_realname .tab1:hover{background:url(/resources/images/btn/tab_type1_1_over.jpg) 0 0px no-repeat;} .tab_realname .tab1.active{background:url(/resources/images/btn/tab_type1_1_over.jpg) 0 0px no-repeat;} .tab_realname .tab2{float:left; width:413px; height:47px; margin:0 0 2px 0; background:url(/resources/images/btn/tab_type1_2.jpg) 0 0px no-repeat;} .tab_realname .tab2:hover{background:url(/resources/images/btn/tab_type1_2_over.jpg) 0 0px no-repeat;} .tab_realname .tab2 a{text-align:right !important; padding:15px 45px 0 0;} .tab_realname .tab2.active{background:url(/resources/images/btn/tab_type1_2_over.jpg) 0 0px no-repeat;} .tab_realname .tab3{float:right; width:413px; height:47px; margin:0 0 2px 0; background:url(/resources/images/btn/tab_type1_4.jpg) 0 0px no-repeat;} .tab_realname .tab3:hover{background:url(/resources/images/btn/tab_type1_4_over.jpg) 0 0px no-repeat;} .tab_realname .tab3 a{text-align:left; padding:15px 0 0 45px;} .tab_realname .tab3.active{background:url(/resources/images/btn/tab_type1_4_over.jpg) 0 0px no-repeat;} .tab_realname .tab4{float:left; width:413px; height:47px; background:url(/resources/images/btn/tab_type1_3.jpg) 0 0px no-repeat;} .tab_realname .tab4:hover{background:url(/resources/images/btn/tab_type1_3_over.jpg) 0 0px no-repeat;} .tab_realname .tab4 a{text-align:right; padding:14px 45px 0 0;} .tab_realname .tab4.active{background:url(/resources/images/btn/tab_type1_3_over.jpg) 0 0px no-repeat;} .tab_realname .tab5{float:right; width:413px; height:47px; background:url(/resources/images/btn/tab_type1_5.jpg) 0 0px no-repeat;} .tab_realname .tab5:hover{background:url(/resources/images/btn/tab_type1_5_over.jpg) 0 0px no-repeat;} .tab_realname .tab5 a{text-align:left; padding:14px 0 0 45px;} .tab_realname .tab5.active{background:url(/resources/images/btn/tab_type1_5_over.jpg) 0 0px no-repeat;} } /* firefox hack */ @-moz-document url-prefix(){ .modifytxt {margin:0 !important;} } /* chrome hack */ @media screen and (-webkit-min-device-pixel-ratio:0) { .modifytxt {margin:0 !important;} .search-form .btn {padding:5px 10px; !important;} .search-form .btn-search {padding:5px 4px 4px 4px !important;} } /* 검색어페이지 */ .srch-top{margin:30px 0 10px;} .srch-top .srcht {font-family:"NanumGothic";font-size:22px;font-weight:bold;color:#222;margin:0 0 10px 0;} .srch-top .srcht span {font-size:13px;color:#808080;margin:5px 0 0 0;font-weight:normal;display:inline-block;width:100%;line-height:16px;} .srch-top .search-wrap {position:relative;background:#f5f5f5;display:inline-block;width:100%;/* height:75px; */padding:20px;text-align:center;} .srch-top .search-wrap .searchwrap {width:90%;margin:0 auto;} .srch-top .search-wrap .searchwrap .input-group-btn {float:left;margin:0 5px;width:60px;} .srch-top .search-wrap .searchwrap .research, .srch-top .search-wrap .searchwrap .onesearch {float:left;padding:5px;margin:5px 0 0 0;} .srch-top .search-wrap .searchwrap .research input[type="checkbox"], .srch-top .search-wrap .searchwrap .onesearch input[type="checkbox"] {margin:-1px 3px 0 0;vertical-align:middle;} .relationsearch {display:inline-block;width:100%;text-align:left;margin:2px 0;padding:0 15px;} .relationsearch span {background:#aaa;color:#fff;padding:4px;font-size:11px;margin:0 5px 0 0;border-radius:4px;} .relationsearch a {font-size:12px;color:#444;} .relationsearch a:hover {color:#0CA6B7;} .srch-top .search-wrap .search-content {width:90%;margin:0 auto;padding:0 15px;} .mt .newsrch {background:#fff;padding:10px;margin:10px 0 0 0;border-radius:3px;} .srch-top .searchcontent {background:#f5f5f5;border-top:0;margin:0;} /* 인풋박스 클릭시 나타남 */ .srch-top .search-wrap .searchcontent {text-align:left;width:100%;margin:0 auto;padding:0px;} .srch-top .search-wrap .searchcontent h3 {font-size:15px;margin:0px;padding:0px;} .mt .newsrch {position:relative;background:#fff;padding:10px;margin:3px 0 0 0;border-radius:3px;} .mt .newsrch ul li span a {position:absolute; right:10px;} .mt .newsrch ul li {border-bottom:1px dotted #ddd;} .srch-top .searchcontent {background:#f5f5f5;border-top:0;margin:0;} .srch-top .search-wrap .searchwrap .form-control {width:66%;border:2px solid #0ca6b7;} .srch-top .search-wrap .searchwrap .input-group-btn .btn {background:#0ca6b7 !important;border:0px;color:#fff !important;padding:7px 2px;} .srch-top .search-wrap .searchwrap .input-group-btn .btn span {margin:0 2px;} .search-twrap {display:inline-block;width:100%;/* height:30px; */margin:20px 0 0 0;} .search-twrap .srchalign ul {float:right;} .search-twrap .srchalign ul li {float:left;} .search-twrap .srchalign ul li span {font-size:8px;color:#999;margin:0 10px 0 0px;} .search-twrap .total{padding:7px 0 5px 0;color:#999;} .search-twrap .total span{font-weight:bold; color:#f2505a;} .search-twrap .total span.p {color:#222;} .search-twrap .total a{padding-left:10px;} .search-twrap .srchalign {text-align:right;margin:0;padding:0;} .search-twrap .srchalign .red,.search-twrap .srchalign .red .glyphicon {color:#f2505a !important;} .srch-top .search-form{float:right;} .bbs_title {font-family:"NanumGothic";font-weight:bold;color:#222;font-size:16px;border-bottom:2px solid #4b5663;padding:0 0 7px 0;} .bbs_title span {color:#f2505a;font-size:13px;} .bbs_more {float:right;display:inline-block;background:#0ca6b7;margin:10px 0;padding:1px 7px;} .bbs_more:hover {background:#039cad;} .bbs_more a {font-size:11px;color:#fff !important;} .bbs_more span {color:#eee;font-size:8px;} .logoutbtn {font-size:11px;margin:0 0 0 5px;background:#fff;color:#4f4f51;padding:4px 10px 3px 10px;border:1px solid #ddd;} .logoutbtn:hover {color:#FD5C5C !important;} .modifytwrap {display:inline-block;background:#fcfcfc;border:1px solid #eee;width:100%;padding:10px;} .modifytxt {width:100%;margin:0 0 5px 0;} .comment_write .active {display:inline-block;width:20px;height:25px;background:url(/resources/images/content/fusionnow/snslogincheck.png) 3px 0 no-repeat;padding:13px 0 0 0;} .board_write {background:#f7f7f7;border:1px solid #eee;padding:10px 20px;border-radius:4px;} .board_write .calendar {height:30px;background:url(/resources/images/content/fusionnow/srchcalendar.png) 98% 45% #eee no-repeat;} .board_write .select {background:url(/resources/images/content/fusionnow/selectarr.png) no-repeat 95% 50% #fff !important;line-height:18px;color:#999 !important;padding:5px;} /* youtube modal */ .modal-body #youtubeTitle h2 {width:90%;float:left;} .modal-body iframe {width:570px;height:360px;} .modal-header h2 {float:left;width:90%;margin-top:-5px;} /* 상세검색 추가 */ .detailsearch_btn {float:left;margin:3px 0 0 0;} .detailsearch_btn button {width:65px;border:0px;background:transparent;margin:4px 0 0 0;padding:2px;color:#444;} .searchlablewrap {margin:0px;padding:5px 0;} .searchlablewrap .overareaimg {border:1px solid #c7c7c7 !important;height:26px;width:100% !important; background:url(/resources/images/content/fusionnow/srchcalendar.png) 98% 3px no-repeat;} .searchlablewrap .es {float:left;padding:4px 15px;} .searchlablewrap ul {margin:0 0 0 15px;} .searchlablewrap ul li {float:left;margin:0 15px 0 0;} .searchlablewrap ul li label {font-weight:normal;vertical-align:top;} .searchlablewrap .searchlable {text-align:left;font-weight:bold;padding:2px 0 2px 15px;vertical-align:middle;} .searchlablewrap .cal {padding:0px;} .detailsearch_wrap {background:#f7f7f7;border:1px solid #e3e3e3;display:inline-block;width:100%;margin:10px 0 0 0;padding:10px 0 0 0;} .bbs_pretext {display:inline;} .bbs_file {display:inline;} .bbs_file button img {width:17px !important;display:inline;} .fileopen button, .fileclose button, .filelist button {border:0px;background:transparent;} .filelist button {transition:all 0.3s ease-in-out 0.1s;width:100%;white-space:nowrap;font-size:11px;overflow:hidden;text-overflow:ellipsis;text-align:left;} .filelist {background:#f5f5f5;padding:3px 10px;margin:5px 0;border-radius:4px;} .filelist ul li {background:url(/resources/images/content/fusionnow/fileico.gif) 0 0 no-repeat;padding:0 0 0 20px;margin:2px 0;font-size:12px;color:#444;} .text_block_imgtxt {/* margin:0 0 0 210px; */} /* 불리언 검색 테이블 */ .booleantable {border-top:2px solid #0CA6B7;border-bottom:1px solid #ddd;width:100%;} .booleantable thead tr th {background:#f7f7f7;border-bottom:1px solid #aaa;padding:10px;text-align:center;} .booleantable tr td {padding:5px;font-size:12px;text-align:center;border-bottom:1px solid #ddd;} .booleantable tr td.left {text-align:left;}