@charset "utf-8"; /* font */ .blue{font-size:25px; color:#1d7aad;} .white{color:#ffffff;}.white2{color:#ffffff;}.white3{color:#ffffff;} .gray01{color:#6e6e6e;}.gray02{color:#333333;}.gray03{color:#CCCCCC;}.gray04{color:#666666;}.gray05{color:#999999;}.gray06{font-size:30px;color:#333333;} .oran{color:#ff6600;line-height:20px;} .gbold{font-weight:bold; color:#565656;} .bold30{font-size:30px;color:#565656;line-height:30px;}.bold20{font-size:20px;color:#565656;line-height:20px;}.bold25{font-size:25px;color:#565656;line-height:25px;} .text_orange01{color:#ea5c16;padding-top:5px;padding-left:10px; padding-bottom:3px;height:5px;margin: 7px;} .text_purple01{color:#7575c0;padding-top:5px; padding-left:10px; padding-bottom:3px;text-align:left;} .text_gray01{color:#565656;padding-top:10px;padding-bottom:0px; padding-left:10px;} .text_gray02{color:#565656;padding-top:10px;padding-bottom:10px;line-height:20px;text-align:left;} .text_gray03{color:#565656;padding-top:10px;padding-bottom:10px;line-height:25px;text-align:left;} .text_gray04{padding-top: 5px;line-height:15px;text-align:left} .oran a:link {font-weight:bold;color:#f14f00;} .oran a:visited{font-weight:bold;color:#f14f00;} .oran a:active{font-weight:bold;} .oran a:hover{font-weight:bold; color:#f14f00; } .product_sc{width:100%;height:40px;background:#f8f8f8} .product_sc label{font-size:0;line-height:0;width:0;text-indent:-9999} .product_sc fieldset{float:right;margin-top:5px} .product_sc select{margin-left:10px;border:1px solid #155087} .product_box{margin:20px 0;border-bottom:1px dashed #ccc;padding-bottom:20px} .product_box .view_img{width:340px;height:140px;border:1px solid #dcdcdc;float:left;margin: 20px;} .product_box .view_img img{width:340px;height:140px} .product_box .view_img a img{width:340px;height:140px} .product_box .view_img h3{background: url(../../images/os/new_img1/icon/icon_lg.gif) no-repeat left center;padding-left:25px;font-size:16px;color:#e4007f;font-weight:bold;margin-bottom:10px;margin-top:10px} .product_box .list_img{width:170px;height:170px;border:1px solid #dcdcdc;float:left} .product_box .list_img img{width:170px;height:170px;} .product_box .list_txt{float:right;width:1000px} .product_box .list_txt h3{background: url(../../images/os/new_img1/icon/icon_lg.gif) no-repeat left center;padding-left:25px;font-size:16px;color:#e4007f;font-weight:bold;margin-bottom:10px} .product_box .list_txt ul{} .product_box .list_txt li{float:left;margin:10px 15px 20px 0} .product_box .list_txt p{width:} .product_box .list_txt table{clear:both;width:100%;border-collapse:collapse;} .product_box .list_txt table th{padding:5px;border:1px solid #dcdcdc;background:#f5f5f5;color:#666;font-weight:bold;} .product_box .list_txt table td{padding:5px;border:1px solid #e5e5e5;color:#ff0000;text-align:center} .product_box .list_txt p{color:#ef3c30;background: url(../../images/os/new_img1/icon/icon_page_ff3.gif) no-repeat left center;padding-left:18px} .product_box .list_txt b{color:#3f3f3f;} .product_box .list_txt .list_btn{right:0;bottom:0px;background:none} .col-01{background:#759fef;color:#fff;padding:2px 4px;text-align:center;margin-right:5px} .col-02{background:#ec8735;color:#fff;padding:2px 4px;text-align:center;margin-right:5px} .col-03{background:#b0c019;color:#fff;padding:2px 4px;text-align:center;margin-right:5px} .col-04{background:#dedede;color:#fff;padding:2px 4px;text-align:center;margin-right:5px} .col-05{background:#ef3c30;color:#fff;padding:2px 4px;text-align:center;margin-right:5px} .view_img{width:340px;height:340px;border:1px solid #dcdcdc;float:left;} .view_img img{width:340px;height:340px} .view_box{float:right;width:800px} .view_box h3{background: url(../../images/os/new_img1/icon/icon_lg.gif) no-repeat left center;padding-left:25px;font-size:16px;color:#e4007f;font-weight:bold;margin-bottom:10px} .view_box table{clear:both;width:100%;border-collapse:collapse} .view_box table th{padding:7px;border:1px solid #dcdcdc;background:#f5f5f5;color:#1e5691;font-weight:bold;} .view_box table td{padding:7px;border:1px solid #e5e5e5;color:#424242;line-height:30px} .view_box table td b{color:#8d8d8d;} .view_box table td select{margin-right:20px;} .view_box p{color:#ef3c30} .view_box .view_btn{right:0;bottom:-10px;background:none} .view_txt{} .view_txt .tabs{height:50px;width:100%;border-top:2px solid #7a7a7a;border-bottom:1px solid #bfbfbf;} .view_txt .tabs, .movie_box .tabs{height:50px;width:100%;border-top:2px solid #7a7a7a;border-bottom:1px solid #bfbfbf;} .view_txt li{float:left;background: url(../../images/os/new_img1/sub/menu_back.gif) no-repeat left center;height:50px;line-height:50px;border-bottom:1px solid #bfbfbf;} .movie_box li{float:left;height:50px;line-height:50px;border-bottom:1px solid #bfbfbf;} .view_txt li:first-child{background: none} .view_txt li a{display:block;height:50px;padding: 0 40px;color:#777} .view_txt li .tabOn{border-top:2px solid #318cdf;border-bottom:1px solid #fff;background: url(../../images/os/new_img1/sub/menu_back.gif) repeat-y right top;color:#318cdf;font-weight:bold;border-left:1px solid #bfbfbf;height:48px} .view_txt .tab_content{text-align:left;width:95%;margin:20px} .view_txt li a, .movie_box li a{display:block;height:50px;padding: 0 40px;color:#777} .view_txt li .tabOn, .movie_box li .tabOn{border-top:2px solid #318cdf;border-bottom:1px solid #fff;background: url(../../images/os/new_img1/sub/menu_back.gif) repeat-y right top;color:#318cdf;font-weight:bold;border-left:1px solid #bfbfbf;height:48px} .view_txt .tab_content, .movie_box .tab_content{text-align:left;width:95%;margin:20px} /* 게시판 - 주간일보 */ .movie_cont{float:left;width:400px;display:inline-block;padding:20px 50px;border:1px solid #dedede;margin:0 0 30px 20px;} .movie_cont img{} .movie_cont span{display:block;} .movie_cont p{background: url('../../images/os/new_img1/icon/icon_page_ff3.gif') no-repeat left top 4px;font-size:16px;color:#777;line-height:24px;margin:20px 0 0 20px;padding-left:20px;} .movie_cont a{color:#424242} .opinion_box{width:470px;height:230px;overflow:hidden;margin:20px 50px;float:left} .opinion_box .opinion_img{width:184px;height:230px;overflow:hidden;border:1px solid #ccc;float:left} .opinion_box .opinion_img img{width:184px;height:230px} .opinion_box .opinion_list{width:270px;height:230px;float:right;background: url(../../images/os/new_img1/sub/king_back.jpg) no-repeat left top} .opinion_box .opinion_list h2{font-size:20px;height:45px;margin:32px 0 0 83px;color:#fff;width:150px;text-align:left;overflow:hidden;} .opinion_box .opinion_list dt{font-size:16px;color:#565656;font-weight:bold} .opinion_box .opinion_list dd{width:100%;height:60px;margin:15px 0 ;overflow:hidden;line-height:18px} .opinion_box .opinion_list span{color:#e37000;text-decoration:underline} .opinion_view {background: url(../../images/os/new_img1/sub/king_back1.jpg) no-repeat center top;padding-bottom:20px;border-bottom:1px solid #e0e0e0} .opinion_view h2{font-size:16px;color:#fff;height:67px;width:500px;overflow:hidden;text-align:left;margin-left:365px;padding-top:33px} .opinion_view .opinion_view_img{width:184px;height:230px;overflow:hidden;border:1px solid #ccc;float:left;} .opinion_view .opinion_view_img img{width:184px;height:230px} .opinion_view .opinion_view_txt {width:800px;color:#5c5c5c;float:right;text-align:justify} .opinion_view .opinion_view_txt h3{font-size:20px;margin-bottom:20px} .opinion_view .opinion_view_txt .title{font-size:16px;margin-bottom:20px} .opinion_btn{text-align:center;margin:20px 0} .memb_tb {width:100%} .memb_tb tbody tr td {text-align:left;padding-left:10px;line-height:1.4em;} .memb_tb tbody tr th {background:#fff;} /* 페이징 */ .paginate_simple{padding:15px 0;text-align:center;line-height:normal} .paginate_simple *{display:inline-block;position:relative;margin:0 -2px;padding:2px 4px;font-size:11px;font-family:Tahoma, Sans-serif;color:#333;line-height:normal;text-decoration:none;vertical-align:middle} .paginate_simple a:hover, .paginate_simple a:active, .paginate_simple a:focus{background-color:#f8f8f8} .paginate_simple strong{color:#ff6600} .paginate_simple .direction{padding:0 6px;font-weight:bold;font-size:14px;color:#666;text-align:center} .paginate_simple .direction:hover, .paginate_simple .direction:active, .paginate_simple .direction:focus{background-color:transparent !important;color:#333} .paginate_simple .direction span{overflow:hidden;visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0} /*게시판*/ .bbs{clear:both;position: relative;} .bbs table{border-collapse:collapse;} .bbs thead {} .bbs thead th{height:35px;line-height: 35px;white-space:nowrap;vertical-align: middle;font-weight: normal;border: 1px solid #dedede;background:#f8f8f8;color:#555;border-bottom:1px solid #333;} .bbs thead td p{background:url(../../images/os/new_img1/contents/bg_thLine.gif) no-repeat 0 0;} .bbs tbody a{color:#555;} .bbs tbody a:hover{color:#000;} .bbs tbody th,.bbs tbody td{height:45px;border-bottom:1px solid #ddd;text-align:center;} .bbs tbody td{color:#808080;} .bbs tbody .store_img{padding:15px 0} .bbs tbody .tle{padding-left:8px;text-align:left;} .bbs tbody .tle_som{padding:7px 0 5px 5px;} .bbs tfoot td{height:50px;text-align:center;} .bbs .blueText{color:#2377c5 !important;font-weight:bold} .bbs .bbsBtn{position:absolute;bottom:10px;right:0} .centerSelect{z-index:4;display:block;width:160px;height:38px;margin-bottom:10px;border:none;box-shadow:none;appearance:none;-moz-appearance:none;-webkit-appearance:none; background:#fff url('../../images/os/new_img1/common/bg-select-arrow.gif') no-repeat 100% 50%;border:1px solid #555;color:#555;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;} .centerSelect option{display:block;white-space:pre;min-height:1.2em;padding:5px 2px 5px 3px;line-height:18px;} /* 게시판검색 */ .form{clear:both;margin:0 auto;width:350px} .form:after{content:"";display:block;clear:both} .form .page{float:left;display:inline;margin-left:10px;} .form .page em{font-weight:bold} .form fieldset{text-align:center;} .form fieldset *{float:left;margin-right:6px} .form #search_area{padding:3px 3px 2px 3px ;line-height:18px} .form .inp_text{width:160px;padding:3px;border:1px solid #ddd;border-color:#999 #ddd #ddd #999;line-height:18px} .form .btn_submit{display:inline;overflow:hidden;width:40px;height:24px;border:0;background:url(../../images/os/new_img1/btn/btn_search.gif);text-indent:-5000px;cursor:pointer} /*notice view*/ .bbsTable{clear:both;} .board_view {clear:both;width:95%;margin-bottom:10px} .board_view h2 {padding:12px 15px; line-height:20px; font-weight:normal; font-size:16px; color:#fff; border:1px solid #dedede; border-bottom:1px solid #bcbcbc; background:#f8f8f8;} .board_view .data {position:relative; margin-top:10px;border-bottom:1px dashed #bcbcbc;height:25px} .board_view .data code, .board_view .data span { color:#848484;} .board_view .data li {display:inline;float:right;margin-right:20px} .board_view .data .posi {position:absolute; top:0; left:10px; margin:0;} .board_view .memo {padding:15px;line-height:20px;color:#777;border-bottom:2px solid #aeaeae;text-align:justify} .board_view .memo img {width:700px !important;overflow:auto;} .list_btn {text-align:center;margin-top:15px} .vodTitle{margin:0 auto;padding:20px;font-size:15px;background:url(../../images/os/new_img1/blit/blit_orange.gif) no-repeat 10px 27px;} .bbsVod li{clear:both;border-bottom:1px dashed #dedede;padding:20px 0 10px 20px;} .tab_navi {overflow:hidden; margin-bottom:30px;} .tab_navi li {float:left; margin-right:6px; background:url("../../images/os/new_img1/contents/tab_off.gif") no-repeat right 0;} .tab_navi li a{cursor:pointer;display:block; height:32px; line-height:32px; width:85px; text-align:center; background:url("../../images/os/new_img1/contents/tab_off.gif") no-repeat 0 0;} .tab_navi li a:hover {background:url(../../images/os/new_img1/contents/tab_on.gif) no-repeat;} .tab_navi .on{width:85px;font-weight:bold;height:32px; line-height:32px; background:url(../../images/os/new_img1/contents/tab_on.gif);text-align:center;color:#777} /* list */ .board_list { table-layout:fixed; clear:both; width:100%; text-align:center; border-collapse:collapse; } .board_list thead th { height:31px; line-height:31px; white-space:nowrap; vertical-align:middle; font-weight:normal; border:1px solid #e2e2e2; border-bottom:1px solid #bcbcbc; background:url(../../images/os/new_img1/contents/bg_th.gif) no-repeat 0 0; } .board_list tbody tr:first_child td {} .board_list tbody td { padding:7px 5px 6px; line-height:18px; vertical-align:middle; border-bottom:1px solid #e5e5e5; } .board_list tbody tr:first-child td {padding-top:17px;} .board_list tbody td img {position:relative; top:-1px; vertical-align:middle;} .board_list tbody td.cell_type01 {padding-left:15px; text-align:left;} .board_list tbody td.cell_type02 {color:#e9622d;} .board_list tbody td.cell_type03 img{border:1px solid #e2e2e2} .board_list tbody td.yes{padding:10px 15px 10px 70px;text-align:left;background:#f4f4f4 url(../../images/os/new_img1/btn/anser.gif) no-repeat 10px 7px} fieldset.board_search { height:24px; margin-bottom:20px; display:block; text-align:left; } fieldset.board_search * {vertical-align:middle;} fieldset.board_search label {position:absolute; left:-5000px; height:0; line-height:0; text-indent:-5000px;} fieldset.board_search .input_text {width:158px;} fieldset.board_search select {width:100px; color:#fff; background:#7b7b7b; border:1px solid #7b7b7b;} fieldset.board_search .input_search {cursor:pointer;} fieldset.board_search.type01 {position:relative; text-align:right;} fieldset.board_search.type01 select {color:#848484; background:#fff; border:1px solid #e2e2e2; border-bottom:1px solid #bcbcbc;} /*게시판폼 */ .form_table{margin:0 auto;width:95%;clear:both;} .form_table h4{color:#0070a3;font-size:17px;margin-bottom:10px;font-weight:normal;background: url(../../images/os/new_img1/icon/icon_sub.gif) no-repeat left center;padding-left:20px} .form_table input, .form_table textarea, .form_table select, .form_table table, .form_table button{font-size:12px} .form_table table{width:100%;border:0;border-top:2px solid #999} .form_table caption{padding:8px 0;font-weight:bold;text-align:left} .form_table th, .form_table td{padding:8px;border:0;vertical-align:middle} .form_table th{color:#333;} .form_table td{color:#666} .form_table thead th{border-bottom:1px solid #ccc;background:#f8f8f8} .form_table tbody th{border-bottom:1px solid #ddd;background:#fafafa;text-align:center;height:22px;width:150px} .form_table tfoot th{border-bottom:1px solid #ddd} .form_table tbody td{border-bottom:1px solid #ddd} .form_table tfoot td{border-bottom:1px solid #ddd;font-weight:bold;color:#333} .form_table .item{position:relative;margin:-4px 0} .form_table .item .i_help{position:absolute;top:4px;right:0} .form_table .item .i_label{ top:6px; left:10px} .form_table .item .i_dsc{margin:2px 0} .form_table .item .i_check, .form_table .item .i_radio{width:13px;height:13px;margin:2px 5px 2px 0;padding:0;vertical-align:middle} .form_table .item .i_text{position:relative;margin:2px;padding:3px 4px;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;background:transparent} .form_table .item .hide{visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0} .form_table .item select{margin:2px} .form_table .item label{margin:0 10px 0 0;cursor:pointer} .writeInfo{width:95%;clear:both;color:#777;background:#fafafa;margin:0 auto;} .writeInfo ul{padding:20px;} .writeInfo strong{font-size:15px} .writeInfo li{line-height:24px} .writeInfo b{color:#000} .writeInfo .item {color:#933b3c;padding:15px 0 0 5px} .writeInfo .item .i_check{width:13px;height:13px;margin:0px 5px 2px 0;padding:0;vertical-align:middle} /*겔러리*/ .fixed_img_col ul{position:relative;margin:0;padding:0;} .fixed_img_col li{overflow:hidden;float:left;position:relative;top:1px;width:190px;height:250px;} .fixed_img_col .thumb{display:block;overflow:hidden;position:relative;width:150px;height:150px;color:#666;line-height:150px;text-align:center;border:1px solid #dedede} .fixed_img_col .thumb img{display:block;width:150px;height:150px;border:0} .fixed_img_col .thumb em{visibility:hidden;position:absolute;bottom:0;left:0;width:1px;height:1px;background:#000;font-weight:bold;font-style:normal;color:#fff;text-align:center;opacity:.6;filter:alpha(opacity=60)} .fixed_img_col .thumb em{_visibility:visible;_width:100%;_height:auto;_line-height:20px} .fixed_img_col a{display:block;width:150px;margin:0 auto;padding:20px 0 0 0;text-decoration:none;cursor:pointer} .fixed_img_col a strong{display:inline-block;margin:8px 0 0 0;color:#333} .fixed_img_col p{width:150px;margin:0 auto;font-size:11px;color:#767676} .fixed_img_col a:hover strong, .fixed_img_col a:active strong, .fixed_img_col a:focus strong{text-decoration:underline} .fixed_img_col a:hover .thumb, .fixed_img_col a:active .thumb, .fixed_img_col a:focus .thumb{margin:-3px;border:3px solid #eee;-moz-box-shadow:0 0 5px #666;-webkit-box-shadow:0 0 5px #666} .fixed_img_col a:hover .thumb em, .fixed_img_col a:active .thumb em, .fixed_img_col a:focus .thumb em{visibility:visible;width:100%;height:auto} .schedule{clear:both;width:100%;margin:0 auto;} .schedule h3{width:100%;text-align:center;color:#2377c5;font-size:25px;font-weight:bold;margin-top:20px} .schedule h3 span{padding:0 20px} .schedule p{font-size:11px;line-height:20px} .schedule table{clear:both;width:100%;border:1px solid #c9c9c9;text-align:center;border-collapse:collapse;;margin-top:20px;font-weight:bold;} .schedule caption{display:none} .schedule th{background:#ebf3f6;border:1px solid #c9c9c9;height:40px;color:#005291;} .schedule td{border:1px solid #c9c9c9;color:#8e8e8e;text-align:right;vertical-align: top;position:relative} .schedule td a{display:block;width:105px;height:70px;overflow:hidden;} /*.schedule td a:hover,a:active{background:#f9f9f9}*/ .schedule td span{position:absolute;top:10px;right:10px} .schedule .blue{color:#074ba9} .schedule .red{color:#bf0606} .schedule a p{color:#000;text-align:left !important;line-height:18px;margin:33px 7px 7px 7px} /* 팝업 */ .oran99 { font-size:11px; color:#ea5c16; line-height:16px;} .pop_body{background: #eee;} .pop_user{width:100%;height:100%;margin:0 auto;} .pop_user h2{padding-left:20px;font-size:24px;color:#333;height:60px;line-height:60px;font-weight:600} .pop_user .pop_box{width:98%;margin:0 auto;background:#fff;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;margin-bottom:20px;padding-bottom:20px} .pop_user .pop_box .txt{font-size:15px;padding:20px 0 0 50px} .pop_check{width:92%;margin:30px auto;background:#fff;border:1px solid #e7e7e7;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;padding:20px 0;} .pop_check table{margin:0 auto;border:1px solid #000} .pop_check th, .pop_check td{line-height:30px;vertical-align:top} .pop_check td span{margin-right:15px} .pop_check td p{margin-top:5px} .pop_check input[type="text"]{padding:2px;border:1px solid #ccc;width:240px;height:20px} .pop_check .pop_btn{right:20px;top:40px} .pop_check01{width:95%;margin:0 auto 30px auto;padding-top:50px} .pop_check01 table tbody td{text-align:center} .pop_check02{width:95%;margin:0 auto 30px auto;padding-top:20px} .pop_check02 p{margin:15px 0;font-size:14px;color:#e05b0b !important} .pop_check02 table tbody td{text-align:left;padding-left:10px} .pop_check03{width:95%;margin:0 auto 30px auto;padding-top:20px;font-size:14px;} .pop_txt01{border:5px solid #e9e9e9;width:95%;margin:15px auto;} .pop_txt01 p{text-align:justify;color:#292929 !important;margin:15px;line-height:22px} .pop_txt01 p.cc{text-align:justify;color:#6f6f6f !important;line-height:18px} .mem01_txt{color:#292929 !important;height:50px;margin-left:15px} .mem01_txt b{color:#e05b0b !important;} .mem02{width:95%;margin:0 auto } .mem02 h3{font-size:16px;font-weight:600;background: url(../../images/os/new_img1/icon/icon_sub.gif) no-repeat left center ;padding-left:20px;} .mem02 ul{background:#ddeffd;margin:10px auto ;padding:20px} .mem02 li {float:left;margin-left:7%;} .mem02 .btn, .mem02 .btn1{margin:20px auto;text-align:center;width:150px;font-weight:600} .mem02 .btn a{display:block;padding:15px 25px;color:#fff;background:#2460a3} .mem02 .btn1 a{display:block;padding:15px 25px;color:#fff;background:#737373} .mem02 label{margin-left:20px} /* 표 */ .bbs_type,.bbs_type th,.bbs_type td{border:0} .bbs_type{clear:both;width:100%;border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc;border-top:1px solid #555;text-align:center;border-collapse:collapse;} .bbs_type caption{display:none} .bbs_type th{padding:10px;border:1px solid #dcdcdc;background:#f4f4f4;color:#555;font-weight:bold;border-top:none} .bbs_type td{padding:10px;border:1px solid #e5e5e5;color:#4c4c4c;border-top:none;border-right:none;text-align:left} .bbs_type td p{text-align:left;margin-left:10px} .bbs_type .link{background:#faf7ff;text-align:center;font-weight:bold} .bbs_type .tit_order{background:#d6e3eb;text-align:center;font-weight:bold;color:#000} #fade{display: none;background: #000;position: fixed; left: 0; top: 0;width: 100%; height: 100%;opacity: .60;z-index:9999;} .popup_block{display: none;background:#fff;border: 1px solid #ddd;float: left;position: fixed; top: 50%; left: 50%; z-index: 99999; -webkit-box-shadow: 0px 0px 20px #000; -moz-box-shadow: 0px 0px 20px #000; box-shadow: 0px 0px 20px #000; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .popup_block h2{margin:20px 0 0 30px;font-size:20px} .popup_block ul{margin:20px 0 0 30px} .popup_block li{line-height:25px;background: url(../../images/os/new_img1/contents/bg_dot03.gif) no-repeat left 10px;padding-left:9px;display:block} .popup_block .map{width:90%;height:450px;border:1px solid #ccc;margin:30px auto} img.btn_close { float: right; margin: 12px 12px 0 0; } /* 기존CSS */ .bg01 { background:url(../../images/os/comm/title_bg02.gif) repeat-x;} .bg02 {background:#eff0f0;padding:10px 0;font-size:18px;color:#333;} .bg03 { background:url(../../images/os/comm/title_bg04.gif) repeat-x;} .bg1 { background:url('../images/bg3.jpg') no-repeat; background-position:center;} .bg2 { background:url('../images/bg3-1.jpg') no-repeat; background-position:center;} .bg3 { background:url('../images/bg3-2.jpg') no-repeat; background-position:center;} .banner01 {background:url(../../images/os/comm/banner_bg.gif) repeat-x; cursor:pointer;} .banner02 {background:url(../../images/os/comm/name_01.gif) repeat-x;} .banner02_1 {background:url(../../images/os/comm/name_02_2.gif) repeat-x; cursor:pointer;} .banner03 {background:url(../../images/os/comm/name_02.gif) repeat-x;} .banner04 {background:url(../../images/os/comm/name_03.gif) repeat-x;} .banner05 {background:url(../../images/os/comm/name_05.gif) repeat-x;} .banner06 {background:url(../../images/os/comm/name_06.gif) repeat-x;} .banner07 {background:url(../../images/os/comm/name_07.gif) repeat-x;} .banner08 {background:url(../../images/os/comm/name_08.gif) repeat-x;} .banner09 {background:url(../../images/os/comm/name_09.gif) repeat-x;} .banner11 {background:url(../../images/os/comm/name_11.gif) repeat-x;} .banner99 {background:url(../../images/os/comm/name_99.gif) repeat-x;} .buttom01 { background:url(../../images/os/button/btn_bg02.gif) repeat-x; cursor:pointer;} .buttom02 { background:url(../../images/os/button/btn_bg01.gif) repeat-x; cursor:pointer;} /* FAQ 탭 */ .topExplain{width:800px;height:100px;display:block;padding-left:200px;margin:0 auto 20px auto;position:relative;color:#000;background:url('../../images/os/new_img1/common/qna-top.png') no-repeat left bottom;} .topExplain p{color:#777;line-height:20px;} .topExplain .explain-btn{width:160px;margin:15px 0 0 0;height:35px;display:table;} .topExplain .explain-btn a{display:table-cell;vertical-align:middle;color:#fff;font-size:16px;} .buttom03{background:#eee;cursor:pointer;text-align:center;} .buttom03 a{color:#999;display:table-cell;vertical-align:middle;height:40px;padding:0 20px;font-size:16px;border:1px solid #ddd;} .buttom03 a:hover{border:1px solid #333;color:#fff;background:#555;} .buttom04 {cursor:pointer;text-align:center;} .buttom04 a{color:#fff;background:#333;display:table-cell;vertical-align:middle;height:40px;padding:0 20px;font-size:18px;border:1px solid #333;} .hireBtn a{cursor:pointer;font-size:16px;width:120px;display:block;line-height:40px;border-radius:5px;margin-bottom:5px;background:#fff;color:#333;vertical-align:middle;height:40px;padding:0 20px;border:1px solid #333;text-align:center;} .hireBtn a:hover{color:#fff;background:#333;transition:0.5s;} .boardBtnWrap{margin:30px auto 0;width:334px;display:block;} .boardBtnSave{margin-right:10px;float:left;cursor:pointer;font-size:16px;width:120px;display:block;line-height:40px;border-radius:5px;margin-bottom:5px;background:#fff;color:#333;vertical-align:middle;height:40px;padding:0 20px;border:1px solid #333;text-align:center;} .boardBtnSave:hover{color:#fff;background:#333;transition:0.5s;} .boardBtnCancle{float:left;cursor:pointer;font-size:16px;width:120px;display:block;line-height:40px;border-radius:5px;margin-bottom:5px;background:#fff;color:#333;vertical-align:middle;height:40px;padding:0 20px;border:1px solid #333;text-align:center;} .boardBtnCancle:hover{color:#fff;background:#333;transition:0.5s;} /* 자주하는 질문 - 검색하기 */ .faq-search-wrap{width:100%;position:relative;} .faq-search-wrap div{float:left;} .faq-search-wrap .faq-search{padding:10px;background:#fff0d2;margin:10px 0 0 30px;} .faq-search ul{} .faq-search ul li{float:left;margin-left:5px;} .faq-search ul li select{height:35px;width:100px;padding:3px 0px 3px 5px;border:1px solid #fff0d2;} .faq-search ul li input[type="text"]{width:300px;height:28px;padding:3px;border:1px solid #fff0d2;} .btn-faq{width:80px;height:35px;display:table;} .btn-faq a{display:table-cell;vertical-align:middle;text-align:center;color:#fff;background:#333;transition:all 0.5s;} .btn-faq a:hover{background:#333;color:#fff;} .main_notice a:link{text-decoration:none;color:#484848;} .main_notice a:visited{text-decoration:none;color:#484848;} .main_notice a:active{text-decoration:none;color:#484848;} .main_notice a:hover{text-decoration:underline;color:#484848; } .top_menu a:link{text-decoration:none;color:#fff;} .top_menu a:visited{text-decoration:none;color:#fff;} .top_menu a:active{color:#fff;} .top_menu a:hover{text-decoration:underline;color:#fff;} .sub_tit {text-align:left;background:url(../images/sub_tit_bg.gif) no-repeat;padding-left:15px;color:#fff;} .sub2_tit{text-align:left;background-color:#ececec;width:824px;height:25px;padding-left:15px;} .sub3_tit{text-align:left;background-color:#ececec;width:402px;height:25px;padding-left:15px;} .sub4_tit{text-align:left; background-color:#ececec; width:402px;height:25px; padding-left:15px;} table.nwrite{border-collapse:collapse;border:1px solid #dedede;font-size:14px;} /* 댓글입력 */ table.nwrite01{border:1px solid #dedede;} .commentTitbox{margin:10px auto;background:#555;color:#fff;height:60px;} .commentbox{background:#fafafa;margin-bottom:10px;color:#777;border:1px solid #dedede;} .commentbox td{width:100%;padding:0 20px;} .commentbox td p{line-height:24px;} table.nwrite02 {border:1px solid #dedede; background-color:#FFFFFF;} table.nwrite02 td{height:30px; border-top:1px solid #dadada; border-bottom:1px solid #dadada;line-height:15px; } table.nwrite03 {border:1px solid #dedede; background-color:#FFFFFF;} table.nwrite03 td{height:30px;border-top:1px solid #dadada; border-left:1px solid #dadada; border-right:1px solid #dadada; border-bottom:1px solid #dadada; } table.nwrite04 {border:0px;} table.nwrite05{border:1px solid #dedede;background-color:#FFFFFF; } .bt_area { padding-top:10px; text-align:right;} .bt_area img {padding-left:8px;} .bt_area2 { padding-top:10px; text-align:center;} .bt_area2 img {padding-left:8px;} table.graybox {} table.graybox td.box{background-color:#ececec; width:824px;height:24px;padding-left:20px;text-align:left;color:#565656;} table.nlist_tit {border-collapse:collapse;} table.nlist_tit td{font-size:15px;height:40px;line-height:40px;white-space:nowrap;vertical-align:middle;font-weight:normal;background:#f8f8f8;color:#555;text-align:center;border-top:1px solid #dedede;border-left:1px solid #dedede;border-right:1px solid #dedede;} table.nlist_tit td.ltit {} table.nlist_tit td.rtit {} table.nlist_tit td.alignL {text-align:left; padding-left:5px;} table.nlist_tit td.alignR {text-align:right; padding-right:5px;} table.nlist_tit td.alignC {text-align:center;} table.nlist_tit2 {border-collapse:collapse;} table.nlist_tit2 th{height:20px;line-height:20px;white-space:nowrap;vertical-align:middle;font-weight:normal;border:1px solid #dedede;background:#f8f8f8;color:#555;border-bottom:1px solid #dedede;text-align:center} table.nlist_tit2 th.ltit {} table.nlist_tit2 th.rtit {} table.nlist_tit2 th.alignL {text-align:left; padding-left:5px;} table.nlist_tit2 th.alignR {text-align:right; padding-right:5px;} table.nlist_tit2 th.alignC {text-align:center;} table.nlist_tit2 td{height:20px;line-height:20px;white-space:nowrap;vertical-align:middle;font-weight:normal;border:1px solid #dedede;color:#555;border-bottom:1px solid #dedede;text-align:center} table.nlist_tit2 td.alignL {text-align:left; padding-left:5px;} table.nlist_tit2 td.alignR {text-align:right; padding-right:5px;} table.nlist_tit2 td.alignC {text-align:center;} table.nlist{clear:both;border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc;border-top:1px solid #555;text-align:center;border-collapse:collapse;} table.nlist td{font-size:14px;height:30px;border:1px solid #e5e5e5;color:#4c4c4c;border-top:none;text-align:center;} table.nlist td.gback {background:#ffffff;} table.nlist td.gback2 {background:#ffffff;} table.nlist td.alignL {text-align:left;padding-left:5px;border-width:1px;} table.nlist td.alignR {text-align:right;padding-right:5px;border-width:1px;} table.nlist td.alignL7 {text-align:left;margin-left:5px;border-width:1px;} table.nlist td.alignR7 {text-align:right;margin-right:5px;border-width:1px;} table.nlist td.alignC {text-align:center;border-width:1px;} table.nlist td img{padding-left:5px;} table.nlist td.bold {font-weight:bold;} table.nlist th {text-align:center;background-color:#efefef;border-bottom:1px solid #ffffff;height:40px;} table.nlist2_tit {background:url(../images/nlist2_bg.gif) repeat-x;border-right:1px solid #fff; text-align:center; } table.nlist2_tit td {height:24px; border-right:1px solid #fff;} table.nlist2_tit td.ltit {border-right:1px solid #fff; border-left: 1px solid #c6c6c6;} table.nlist2_tit td.rtit {border-right:1px solid #c6c6c6;} table.nlist2_tit td.bot { border-bottom:1px solid #fff;} table.nlist_bottom{vertical-align:bottom;margin-top:30px;background:#fff;} table.nlist_bottom img{padding-left:5px;} table.nlist_bottom a:link{} table.nlist_bottom a:visited{} table.nlist_bottom a:active{} table.nlist_bottom a:hover{} .gback{color:#777;} .verticalImg{display:table;width:15px;margin:0 auto;} .verticalImg img{display:table-cell;vertical-align:middle;} #grid{} #grid_page_search{padding-top:30px;} .pageSelect{width:80px;height:35px;padding:0px 10px;box-sizing:border-box;border:none;box-shadow:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:#fff url('../../images/os/new_img1/common/bg-select-arrow.gif') no-repeat 100% 50%;border:1px solid #dedede;color:#777;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;} .pageSelect option{display:block;white-space:pre;min-height:1.2em;padding:5px 2px 5px 3px;line-height:18px;} .pageBtn{padding:1.5px 6px;border:1px solid #dedede;background:#eee;} .pageBtn i{font-size:18px;color:#333;} .pageBtn:hover{background:#ddd;border:1px solid #333;} .board-search{background:#333;color:#fff;padding:8px 10px;transition:all 0.5s;font-size: 13px;} .board-search:hover{background:#ff7200;} #grid .boardGallery{width:100%;margin:20px auto;position:relative;} .boardGallery td.galleryImg{width:96%;height:150px;border:1px solid #eee;text-align:center;} .boardGallery td.galleryImg img{width:130px!important;height:130px!important;text-align:center;border:0!important;} #grid_data{} .boardGallery .galleryTitle{font-size: 0.9em;width:85%;display:block;margin:5px auto;color:#555;text-align:center;line-height:18px;height:52px;} .boardGallery .galleryText{display:block;text-align:center;color:#999;font-size:13px;padding-bottom:5px;} table.nview {border:1px solid #dedede;} table.nview th {height:40px; background:#f8f8f8;text-align:center;color:#555;border-bottom:1px solid #dedede;} table.nview td {height:40px; background:#ffffff;text-align:left;padding-left:10px;border-bottom:1px solid #dedede;} table.nview td.cont{min-height:250px;vertical-align:top;text-align:left;padding:30px;background:#fafafa;color:#777;} table.nview td.cont p{line-height:30px;} table.nview_list {background:url(../images/view_back.gif) no-repeat; width:824px; height:71px;} table.nview_list td {padding-left:5px;} table.nview_list table.inlist {height:56px;} table.nview_list table.inlist th {text-align:center;border-right:1px solid #acacac;} table.nview_list table.inlist td { padding-left:12px; text-align:left;} table.nview_list table.inlist td.dotline {background: url(../images/icon/dotline.gif) repeat-x; padding-top:8px; } .bottom_line {padding-top:30px; border-bottom:3px solid #6767a2;} table.footer {padding-top:30px; text-align:center;} table.footer img {padding-left:15px;} /* order_list */ table.search {border:1px solid #dedede;} table.search th {text-align:center; background-color:#efefef; border-bottom:1px solid #ffffff; height:28px;} table.search td.cont{padding-left:10px; text-align:left;} table.search th.tit2{text-align:center; background-color:#dedede; border-bottom:1px solid #ffffff; border-right:1px solid #ffffff;} table.search img {padding-left:4px; padding-right:3px;} table.search th.last1 { padding-bottom:6px; padding-top:6px;font-weight:bold;text-align:center; background-color:#efefef;} table.search .last2 {padding-left:14px; padding-bottom:6px; padding-top:6px; text-align:left;} table.topbox {border:1px solid #c6c6c6; } table.topbox td {height:21px; text-align:center; border-right:1px solid #c6c6c6; text-align:center;} /* 추가된 css 시작*/ .banner10 {background:url(../../images/os/comm/name_10.gif) repeat-x;} .oran02 {font-size:60px; color:#f96c56; font-weight:bold; } .calTop {font-size:50px; color:#444; font-weight:bold;padding:25px 0;} /* calendar */ table.calendar_box {border:1px solid #ddd; background:#FFFFFF;} table.calendar {} table.calendar td.day {height:30px; text-align:center; background:#FFFFFF; padding:2px 0 0 3px; background-color:#fff; font-weight:bold; color:#999999;} table.calendar td.day2 {height:30px; text-align:center; background:#FFFFFF; padding:2px 0 0 3px; background-color:#fff; font-weight:bold; color:#ffac9f;} table.calendar td.day3 {height:30px; text-align:center; background:#FFFFFF; padding:2px 0 0 3px; background-color:#fff; font-weight:bold; color:#81d0cb;} table.calendar td.date { font-weight:bold; color:#353535; height:80px; width:60px; text-align:left; vertical-align:top; padding:2px 0 0 3px; background-color:#fff; border-right:1px solid #ffac9f; border-bottom:1px solid #81d0cb;} table.calendar td.sunday { font-weight:bold; color:#f96c56; height:80px; text-align:left; vertical-align:top; padding:2px 0 0 3px; background-color:#fff; border-right:1px solid #ffac9f; border-bottom:1px solid #81d0cb;} table.calendar td.satday { font-weight:bold; color:#3bb8ae; height:80px; text-align:left; vertical-align:top; padding:2px 0 0 3px; background-color:#fff; border-bottom:1px solid #81d0cb;} /* table */ table.nwrite06 {border-top:1px solid #dadada;} table.nwrite06 td {height:60px; padding-left:15px; border-top:1px solid #dadada; border-left:1px solid #dadada; border-right:1px solid #dadada; border-bottom:1px solid #dadada; background-color:#FFFFFF; color:#6e6e6e; line-height:15px; } table.nwrite07{border:0px; background-color:#FFFFFF; } table.nwrite08 {border:1px solid #dedede;background-color:#FFFFFF; } /* 기존에 있던거 수정입니다. 덮어주세요 */ table.nview td {height:40px; background:#ffffff; text-align:left;padding-left:10px;border-bottom:1px solid #dedede;} table.nview td.boardTitle{font-size:24px;color:#333;height:70px;} /* font */ .gray07 {font-size:14px;font-weight:bold; } .gray08 {} /* calendar_데이터입력 수정(2012/11/20)*/ table.calendar_box {border:1px solid #CCCCCC; background:#FFFFFF;} .CalTotal{margin:0 10px;font-size:14px;color:#777;} .CalTotal span{color:#f44e4e;} table.calendar2 {} table.calendar2 td.day {text-align:center; background:#FFFFFF; padding:7px; background-color:#fff; font-weight:bold; color:#999999;} table.calendar2 td.day2 {text-align:center; background:#FFFFFF; padding:7px; background-color:#fff; font-weight:bold; color:#f44e4e;} table.calendar2 td.day3 {text-align:center; background:#FFFFFF; padding:7px; background-color:#fff; font-weight:bold; color:#273273;} table.calendar2 td.date { font-weight:bold; color:#353535; width:60px; text-align:left; vertical-align:top; padding:7px; background-color:#fff; border-right:1px solid #ffac9f; border-top:1px solid #81d0cb;} table.calendar2 td.date2 { font-size:11px; font-weight:normal; color:#353535; text-align:left; vertical-align:top; padding:7px; background-color:#fff; border-right:1px solid #ffac9f;} table.calendar2 td.date3 { font-weight:normal; color:#353535; text-align:center; vertical-align:middle; background-color:#fff; border-right:1px solid #ffac9f;} table.calendar2 td.sunday { font-weight:bold; color:#f96c56; text-align:left; vertical-align:top; padding:7px; background-color:#fff; border-right:1px solid #ffac9f; border-top:1px solid #81d0cb;} table.calendar2 td.sunday2 { font-weight:bold; color:#f96c56; text-align:left; vertical-align:top; padding:7px; background-color:#fff; border-right:1px solid #ffac9f; } table.calendar2 td.satday { font-weight:bold; color:#3bb8ae; text-align:left; vertical-align:top; padding:7px; background-color:#fff; border-top:1px solid #81d0cb;} table.calendar2 td.satday2 { font-weight:bold; color:#3bb8ae; text-align:left; vertical-align:top; padding:7px; background-color:#fff; } table.calendar2 td.satday22 { font-size:11px; font-weight:normal; color:#353535; text-align:right; vertical-align:top; padding:7px; background-color:#fff; } table.calendar2 td.satday99 { font-weight:normal; color:#353535; text-align:center; vertical-align:middle; padding:7px; background-color:#fff;} /* add jsung */ table.calSun { background-color:#fff; border-right:1px solid #ddd; border-top:1px solid #ccc;} .titleSun { font-weight:bold; color:#f96c56; text-align:left; vertical-align:top; padding:7px; } table.calSat { background-color:#fff; border-top:1px solid #ddd;} .titleSat { font-weight:bold; color:#273273; text-align:left; vertical-align:top; padding:7px;} table.calDate { background-color:#fff; border-right:1px solid #ddd; border-top:1px solid #ccc;} .titleDate { font-weight:bold; color:#353535; text-align:left; vertical-align:top; padding:7px; } .calDate4 { font-size:11px; font-weight:normal; color:#353535; text-align:right; vertical-align:top; padding-right:3px;} .calDate2 { font-size:14px; font-weight:normal; color:#353535; text-align:left; vertical-align:top; padding:7px; } .calDate3 { font-weight:normal; color:#353535; text-align:center; vertical-align:middle; } /* 이미지 +문자롤오버만들기(2012/12/05) */ .show {border-width:0px; display:inline;} .hide {border-width:0px; display:inline; display:none;} .roll_over:hover {position:relative;} .roll_over:hover .show {display:none;} .roll_over:hover .hide {display:inline;} /* pointer (2012/12/07)*/ td.pointer {cursor:pointer} /* bottom line(Chrome 에서 안나오는 부분에 추가해주시기 바랍니다.) (2012/12/18)*/ td.bottomLine {border-bottom:1px solid #dadada;} /* 최기원 추가 2013.01.10* input.txt_r{ border:1px solid #cacaca; background:#FFFFFF; color:#5c5c5c; padding:2px 0px 0px 2px;height:18px;vertical-align:middle;line-height:18px;text-align:right;} input.txt_c { border:1px solid #cacaca; background:#FFFFFF; color:#5c5c5c; padding:2px 0px 0px 2px;height:18px;vertical-align:middle;line-height:18px;text-align:center;} input.txt_l { border:1px solid #cacaca; background:#FFFFFF; color:#5c5c5c; padding:2px 0px 0px 2px;height:18px;vertical-align:middle;line-height:18px;text-align:left;} input { border:1px solid #cacaca; background:#FFFFFF; color:#5c5c5c; padding:2px 0px 0px 1px; height:18px;line-height:18px; vertical-align: middle;} */ table.calendar2 td.satday3 { font-weight:bold; color:#3bb8ae; text-align:left; vertical-align:top; padding:7px; background-color:#fff; border-top:1px solid #81d0cb;} table.calendar2 td.date4 {font-weight:normal; color:#353535; text-align:right; vertical-align:top; padding:7px; background-color:#fff; border-right:1px solid #ffac9f;} table.calendar2 td.satday4 {font-weight:normal; color:#3bb8ae; text-align:right; vertical-align:top; padding:7px; background-color:#fff; } /* 주유휘 2013.01.18**/ .blue02 {color:#5CBDC4;} table.nview2 {border:1px solid #dedede;} table.nview2 th{background:#fff;text-align:center;border-bottom:1px solid #dedede;padding:5px 0;border-right:1px solid #dedede;} table.nview2 td {background:#ffffff; text-align:left; padding-left:10px; border-bottom:1px solid #dedede;} /* 최기원 추가 2013.01.29**/ table.nwriteTop {border-top:1px solid #dedede; border-left:1px solid #dedede; border-right:1px solid #dedede; background-color:#FFFFFF;} table.nwriteBottom {border-bottom:1px solid #dedede; border-left:1px solid #dedede; border-right:1px solid #dedede; background-color:#FFFFFF;} /*쇼핑몰 상품*/ table.nwrite09 {border:0px;} table.nwrite09 td { height:16px; text-align:left;} table.nwrite09 td.price {text-align:left;color:#ff780b;} table.nwrite09 td.price2 {text-align:left;font-size:18px; color:#333333;} table.nwrite09 td.pv {text-align:left;color:#0099FF;} table.nwrite10{border:1px solid #dedede; background-color:#FFFFFF; } /*쇼핑몰 상세조회*/ table.nwrite11 {border:0px;} table.nwrite11 td { height:20px; text-align:left; text-decoration:none; color:#6e6e6e;} table.nwrite11 td.price {text-align:left; font-weight:bold; text-decoration:none; color:#ff780b;} table.nwrite11 td.price2 {text-align:left; font-weight:bold; text-decoration:none; font-size:18px; color:#333333;} table.nwrite11 td.price3{text-align:left; font-weight:bold; text-decoration:none; font-size:18px; color:#ff780b;} table.nwrite11 td.pv {text-align:left; text-decoration:none; color:#0099FF;} /*쇼핑몰 상품정보 배경*/ .mall_bg01 {background:url(../../images/os/comm/mall_bg01.gif) no-repeat;} .mall_bg02 {background:url(../../images/os/comm/mall_bg02.gif) repeat-x;} .mall_bg03 {background:url(../../images/os/comm/mall_bg03.gif) no-repeat;} .mall_bg04 {background:url(../../images/os/comm/mall_bg04.gif) no-repeat;} .mall_bg05 {background:url(../../images/os/comm/mall_bg05.gif) repeat-x;} .mall_bg06 {background:url(../../images/os/comm/mall_bg06.gif) no-repeat;} /* 장바구니 테이블 */ table.cart{background:url(../../images/os/comm/cart_bg01.gif) repeat-x; font-weight:bold; color:#565656; border-right:1px solid #c6c6c6; text-align:center; } table.cart td {height:32px; border-right:1px solid #e0e0e0;} table.cart td.ltit {border-right:1px solid #e0e0e0; border-left: 1px solid #e0e0e0;} table.cart td.rtit {border-right:1px solid #e0e0e0;} /* 장바구니 리스트 테이블 */ table.cartlist { color:#565656;} table.cartlist td{word-break:break-all; height:80px; border-top:1px solid #dadada; border-bottom:1px solid #dadada; border-right:1px solid #dadada; border-left: 1px solid #c6c6c6; background:#fff;} table.cartlist td.price { font-weight:bold; text-decoration:none; color:#ff780b;} table.cartlist td.pv { font-weight:bold; text-decoration:none; color:#0099FF;} /* 장바구니 가격폰트 */ .price_g {font-weight:bold;color:#535353;;} .price_b {color:#0099FF;} .price_o {font-size:18px;font-weight:bold;color:#EC0000} /* 결제방법 테이블 */ table.pay{background:url('../../images/os/comm/pay_bg01.gif') repeat-x;border-right:1px solid #c6c6c6; text-align:center; } table.pay td {height:32px; border-right:1px solid #e0e0e0;} table.pay td.ltit {border-right:1px solid #e0e0e0; border-left: 1px solid #e0e0e0;} table.pay td.rtit {border-right:1px solid #e0e0e0;} /* 장바구니 리스트 테이블 */ table.paylist {color:#ffffff;} table.paylist td{border-top:1px solid #dadada; border-bottom:1px solid #dadada; border-right:1px solid #dadada; border-left: 1px solid #c6c6c6; background:#fff;} table.paylist td.title{height:22px; border-right:1px solid #dadada; border-left: 1px solid #c6c6c6; background:#fff;color:#6e6e6e;background:#f1f1f1;} table.paylist td.foot{height:25px; border-right:1px solid #dadada; border-left: 1px solid #c6c6c6; background:#fff;font-weight:bold; color:#0099FF;background:#f1f1f1;} table.paylist th{height:25px;color:#6e6e6e;} /* 결제합계금액 */ .paytotal{background:url('../../images/os/comm/pay_bg02.gif') repeat-x; } /* font */ .red01 {color:#f03b56;font-weight:bold;} .red02 {color:#f03b56;} .tb_gb td{background:#f9f9f9 !important} .tb_gb td span{margin-right:20px} a:link.a01{color:#000; } a:visited.a01{color:#000; } a:active.a01{} a:hover.a01{} a:link.a02{color:##498ec9; font-weight:bold;} a:visited.a02{color:##498ec9; } a:active.a02{} a:hover.a02{} /* 오토십관련 css */ .tb_ctrl span{border-radius:3px;background:#B2CCFF;display:inline-block;margin-left:3px;font-size:15px;cursor:pointer;color:#FFFFFF;margin-top: 3px;padding: 2px 8px;} .tb_ctrl span:hover{background:#D9E5FF} /* 실명인증_문구추가 */ .certifyMsg{background:#fafafa;padding:10px 20px;margin-bottom:20px;font-size:14px;line-height:20px;border:1px solid #dedede; color:#f22613;} /* 확인취소 버튼 시작 */ .buttonArea{width:100%;text-align:center;margin:20px 0;} .okBtn { background: #333; display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; margin:0 5px; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; padding:8px 20px; text-decoration:none; border-radius:3px; color:#fff; } .okBtn:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #444; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; border-radius:3px; } .okBtn:hover, .okBtn:focus, .okBtn:active { color: white; } .okBtn:hover:before, .okBtn:focus:before, .okBtn:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); } .noBtn { background: #888; display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; margin:0 5px; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; padding:8px 20px; text-decoration:none; border-radius:3px; color:#fff; } .noBtn:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #999; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; border-radius:3px; } .noBtn:hover, .noBtn:focus, .noBtn:active { color: white; } .noBtn:hover:before, .noBtn:focus:before, .noBtn:active:before { -webkit-transform: scaleY(1); transform: scaleY(1);} /* 확인취소 버튼 종료 */ /* 체크박스 */ .chk label{width:20px;height:20px;display:inline-block;cursor:pointer;background:#fff;border:1px solid #aaa;} .chk input[type="checkbox"]:checked + label{border:1px solid #333;background:#fff url('../../images/os/new_img1/common/checked.png') no-repeat 0 0;} .chk input[type="checkbox"]{display:none;} .chk2 input[type="checkbox"]:checked + label{border:1px solid #333;background:#fff url('../../images/os/new_img1/common/checked.png') no-repeat; background-size: 20px;} /* 온라인 신청 */ .online_center{background:#f8f8f8;height:40px;border:1px solid #1e5691;} .online_center h2{background: url('../../images/os/new_img1/icon/icon_lg.png') no-repeat 10px center;color:#fff;text-align:left;padding-left:50px;margin-top:8px} .online_center h3{color:#fff;text-align:left;padding-left:20px;margin-top:10px} .online_center_title{background: url('../../images/os/new_img1/sub/sin_back.jpg') no-repeat left 35px;height:250px;border-bottom:1px dashed #ddd;padding-bottom:20px;margin-bottom:30px } .online_center_title h3{margin:20px 0 15px 360px;padding-top:50px} .online_center_title dt{color:#0f79da;margin:0 0 15px 360px;font-size:18px} .online_center_title dd{margin-left:360px;line-height:18px;} .online_center_title dd span{color:#de4b18} .online_center_title1{background: url('../../images/os/new_img1/sub/center_back.jpg') no-repeat;height:270px;border-bottom:1px dashed #ddd;padding-bottom:20px;margin-bottom:30px } .online_center_title1 dt{color:#0f79da;margin:20px 0 15px 360px;font-size:18px;padding-top:90px;font-weight:bold} .online_center_title1 dd{margin-left:360px;line-height:18px;} .online_center_title1 dd span{color:#de4b18} .online_center_title2{background: url('../../images/os/new_img1/sub/center_back1.png') no-repeat right 40px;margin:30px auto} .online_center_title2 ul{margin-top:50px} .online_center_title2 li{background: url('../../images/os/new_img1/icon/icon_ornage.gif') no-repeat left center;color:#777;padding-left:8px;line-height:40px;margin-left:50px;text-align:left;} .online_center_banner{width:100%;clear:both;} .online_center_banner li{float:left;margin:20px 10px 30px 10px;} .btn_stroe{top:50px;left:500px} .online_center_tel{margin:20px auto;color:#000;font-size:15px;line-height:25px;border-bottom:1px dashed #ddd;padding-bottom:30px; } .online_center_tel h3{background: url('../../images/os/new_img1/icon/icon_phone.gif') no-repeat left center;padding-left:20px;} .online_center_tel p{background:#f3f3f3;padding:20px;text-align:center;margin-top:10px} .agree_txt{border:2px solid #eee;padding:20px;font-size:14px;line-height:24px;color:#777;text-align:left;margin:0 auto;background:#fff;height:220px;overflow:auto;} .agree_txt p{color:#777;line-height:24px;} .agree_txt h6{color:#555;text-align:left;padding:0;margin:15px 0 20px 0;font-size:16px;} .agree_txt h4{font-size:18px !important;color:#999 !important;} .agree_txt2{border:2px solid #eee;padding:20px;font-size:14px;line-height:24px;color:#777;text-align:left;margin:0 auto;background:#fff;height:1150px;overflow:auto;} .agree_txt2 p{color:#777;line-height:24px;} .agree_txt2 h6{color:#555;text-align:left;padding:0;margin:15px 0 20px 0;font-size:16px;} .agree_txt2 h4{font-size:18px !important;color:#999 !important;} .frame_user p{color:#777;line-height:24px;} .frame_user h5{color:#555;font-size:18px;padding:10px 0;} .online_txt{border:2px solid #eee;padding:10px;font-size:0.8em;line-height:150%;color:#777;text-align:left;} .online_txt b{color:#e26235;} .agreeBox{background:#f4f4f4;padding:15px;text-align:left;color:#555;} .agreeBox .chk{position:relative;padding-left:30px;line-height:150%;font-size:0.8em} .agreeBox .chk label{position:absolute;left:0px;top:0px;} .bus02 h3{width:100%;text-align:left;margin:10px;font-size:1.5em;color:#333;font-family:'NanumSquareB';} .bus02 h4{width:100%;text-align:left;margin-bottom:20px;font-size:30px;color:#333;font-family:'NanumSquareB';} .inputTlist{padding:10px 0;border-top:1px solid #eee;} .inputTlist ul{display:inline-block;width:100%;} .inputTlist ul li{float:left;display:table;margin-right:20px;} .inputTlist ul li span{display:table-cell;vertical-align:middle;height:35px;} .big-btn{text-align:center;transition:all 0.5s;cursor:pointer;margin:0 auto;display:table;} .big-btn span{display:table-cell;vertical-align:middle;font-size:18px;padding:10px 35px;} /* ------------------------------------------------------------------- 쇼핑몰 제품상세페이지------------------------------------------------------------------------------------------------ */ /* ----- shop-navi ------ */ .sub-container .shop-navi{position:relative;margin-top:50px;border:2px solid #eee;text-align:right;padding:15px 30px;color:#999;} .shop-navi i{color:#ccc;padding:0 10px;} .shop-navi span{} /* ----- detail ------ */ .pd-detail-wrap{margin:50px auto 0 auto;} .pd-detail-wrap .detail-img-wrap{position:relative;width:500px;height:500px;text-align:center;} .detail-img-wrap .detail-img{display:block;width:500px;height:500px;z-index:11;} .detail-img-wrap .detail-top{position:absolute;top:0px;left:20px;z-index:22;width:55px;height:70px;} .detail-img-wrap .detail-top span{color:#fff;text-align:center;padding-top:15px;display:block;text-shadow:2px 1px #c38700;-webkit-text-shadow:2px 1px #c38700;-os-text-shadow:2px 1px #c38700;-moz-text-shadow:2px 1px #c38700;} .detail-img{height:500px;} .detail-img .photo_img li img{width:500px} .detail-img .thumbs{width:100%;} .detail-img .thumbs li{float:left;width:50px;height:50px;margin-right:10px;border:1px solid #dfdfdf;} .detail-img .thumbs li img{width:50px;} .pd-detail-wrap .detail-explain{position:relative;width:600px;text-align:left;line-height:1.5em;} .detail-explain .explain-top{display:table;margin-bottom:30px;} .detail-explain .explain-top h3{font-size:30px;line-height:1.4;color:#333;font-weight:600;display:table-cell;vertical-align:middle;} .detail-explain .explain-top span{color:#acacac;padding:0 0 20px 10px;display:table-cell;vertical-align:bottom;} .detail-explain .detail-line{width:100%;height:1px;background:#333;} .detail-explain .brand-explain{display:inline-block;margin:20px auto;} .brand-explain img{float:left;} .brand-explain figcaption{display:block;padding-left:100px;font-size:18px;color:#555;} .brand-explain figcaption span{display:block;color:#999;font-size:14px;margin-top:5px;} .PdsSns{position:absolute;top:3px;right:0;} .PdsSns a{display:block;float:left;width:34px;height:34px;background:#999;border-radius:50%;margin:0 5px;text-align:center;transition-duration: 0.5s;} .PdsSns a i{font-size:18px;line-height:34px;color:#fff;} .PdsSns a.snsfb{background:#46639c;} .PdsSns a.snstw{background:#32aade;} .PdsSns a.snsyou{background:#d02330;} .PdsSns a.snsins{background:#5e4d48;} .PdsSns a.snsband{background:#32bf5e url('../../images/os/new_img1/sub/sns-band.png') no-repeat 50% 50%;} .PdsSns a.snslink{background:#444;} .PdsSns a.snskaos{background:#ffca08;} .PdsSns a:hover{opacity:0.8;} .detail-explain .pd-explain{position:relative;} .pd-explain .box-explain{padding:20px 20px 20px 30px;background:#f8f8f8;list-style-type:disc;color:#666;display:block;margin:20px auto 20px auto;} .pd-explain .box-explain em{width:130px;} .detail-explain .pd-explain ol li{float:none;height:30px;display:table;margin-bottom:10px;font-size:15px;} .detail-explain .pd-explain ol li:last-child{margin-bottom:0;} .pd-explain em{display:table-cell;} .pd-explain ul.w100 li.w50 em{display:table-cell;line-height:30px;font-size:14px;font-weight:bold;} .pd-explain span{color:#555;font-weight:500;display:table-cell;line-height:1.3;} .pd-explain ul{display:inline-block;} .pd-explain ul li{float:left;} .pd-explain .price-explain{border:1px solid #eee;padding:10px;margin-bottom:20px;} .pd-explain .price-explain ul li span{float:left;display:block;margin-right:5px;} .price-explain ul li span input{width:40px;height:30px;line-height:30px;text-align:right;padding:0 5px 0 0;} .price-explain .price-wrap{line-height:30px;} .price-explain .price-wrap .price-num{font-size:20px;color:#333;font-weight:600;} .pd-explain .explain-btns{margin:20px 0;} .explain-btns{margin-top:30px;} .explain-btns li{float:left;} /* ----- 제품상세 tab ------ */ .detail-tab-wrap{position:relative;margin:50px auto;display:inline-block;width:100%;} .detail-tab-wrap .detail-tab{clear:both;text-align:left;} .detail-tab{} .detail-tab .tabs{position:absolute;display:inline-block;width:100%;margin:0;padding:0;border-bottom:1px solid #52555e;margin-bottom:50px;height:43px;} .detail-tab .tabs li{list-style:none;float:left;position:relative;white-space:nowrap;border-style:solid;border-width:1px 1px 0px 1px;margin-right:2px;padding:0;border-color:#52555e;cursor:pointer;} .detail-tab .tabs li a{background:#52555e;display:block;text-align:center;font-size:15px;padding:12px 40px;color:#ddd;transition-duration: 0.5s;} .detail-tab .tabs a:hover{text-decoration:none;} .detail-tab .tabs a:active, .detail-tab .tabs .tabOn{font-size:15px;border-width:0px 0px 0px;border-style:solid solid none;border-color:#52555e #52555e;border-image:none;background:#fff;color:#333;} .detail-tab-wrap .tab_content{position:relative;margin-top:100px;display:block;} .pd-change-cont{position:relative;text-align:left;padding-left:30px;line-height:1.5em;} .pd-change-cont dl{margin:20px 0;} .pd-change-cont dl dt{font-size:14px;color:#555;margin-bottom:5px;} .pd-change-cont dl dd{color:#777;padding-left:10px;} .pd-change-cont dl dd .ComapnyNum{font-size:15px;color:#000;} .pd-change-cont dl dd ul li{padding-left: 8px;text-indent: -8px;margin-bottom:5px;} .pd-change-cont dl dd ul ol{margin-left:13px;} .pd-change-cont dl dd ul ol li{list-style:decimal;margin-bottom:0;} .pd-change-cont .ChangeCont{background:#f8f8f8;margin:30px auto;padding:20px;} .ChangeCont h4{font-size:16px;color:#333;margin:10px 0;} .ChangeCont ul{margin:10px 0;} .ChangeCont ul li{padding-left:15px;background:none;color:#555;} .ChangeCont ul li ul{padding-left:10px;} .ChangeCont ul li ul li{padding-left:0px;color:#999;list-style-type:disc;margin-left:20px;} /* ----- 전체상품보기 ------ */ .shop-title-wrap{position:relative;width:100%;text-align:center;height:100px;display:inline-block;margin:30px auto 50px auto;} .shop-title-wrap .shop-title{position:absolute;box-sizing:border-box;background:#fff;z-index:31;width:260px;left:50%;top:20px;margin-left:-130px;} .shop-title-wrap .shop-title h3{font-size:30px;color:#333;margin-bottom:10px;font-weight:500;} .shop-title-wrap .shop-title span{display:block;color:#aaa;text-transform:uppercase;line-height:1.3;} .shop-title-wrap .shop-title-line{position:absolute;top:50px;width:100%;height:1px;z-index:30;background:#333;display:block;} .shop-list-wrap{position:relative;background:#f8f8f8;display:inline-block;padding:40px 0;} /* ----- 장바구니 ------ */ .shop-cart-cont{position:relative;width:100%;margin:30px auto;} .shop-cart-cont .two-btns{text-align:center;display:inline-block;} .shop-cart-cont .two-btns li{float:left;} .shop-cart-cont table td{text-align:center;padding-left:0px;} .shop-cart-cont table td .num-input{width:30px;height:28px;padding:0 2px 0 0;text-align:right;background:#fff;} /* ----- 장바구니 관련 테이블 ------ */ .tbl-ty00{border-bottom:1px solid #eee;border-right:1px solid #eee;border-left:1px solid #eee;border-top:1px solid #555;} .tbl-ty00 caption{display:none;} .tbl-ty00 thead th{background:#fff;color:#333;text-align:center;font-size:18px;border-bottom:1px solid #555;padding:20px 0;} .tbl-ty00 tbody tr{} .tbl-ty00 tbody th.tbl-ty00 tbody td{font-size:14px;border-top:1px solid #eee;padding:10px 0;} .tbl-ty00 tbody th{background-color:#edf1f5;color:#555;font-weight:normal;padding-left:10px;font-size:15px;text-align:left;border-bottom:1px solid #fff;} .tbl-ty00 tbody th.option{padding:20px 0 20px 0;text-align:center !important;color:#333;} .tbl-ty00 tbody td{padding:12px 0 15px 20px;color:#777;text-align:left;border-bottom:1px solid #eee;} .tbl-ty00 tbody td.table-title{;color:#333;font-size:18px;background:#fafafa;} /* ----- 주문완료 ------ */ .confirm-icon{display:inline-block;position:relative;width:200px;height:200px;border-radius:50%;text-align:center;margin:0 auto 30px auto; background: #64c2ee; /* Old browsers */ background: -moz-linear-gradient(left, #64c2ee 0%, #053982 34%, #8cbf13 72%, #dae97e 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #64c2ee 0%,#053982 34%,#8cbf13 72%,#dae97e 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #64c2ee 0%,#053982 34%,#8cbf13 72%,#dae97e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64c2ee', endColorstr='#dae97e',GradientType=1 ); /* IE6-9 */} .confirm-icon span{display:table;width:180px;height:180px;background:#fff;border-radius:50%;text-align:center;margin:10px auto;} .confirm-icon span i{display:table-cell;vertical-align:middle;font-size:80px;color:#333;} .shop-confirm{line-height:1.5;} .shop-confirm .confirm-text{color:#999;} .shop-confirm .confirm-text span{font-size:16px;color:#333;} .shop-confirm ol{width:50%;padding:20px 40px;background:#f8f8f8;list-style-type:disc;display:block;margin:20px auto 20px auto;} .shop-confirm ol li{float:none;text-align:left;line-height:2em;} /* 센터소개 구글맵 레이어 팝업 */ #noMapUrl{height:100%;} .gm-err-container {height: 100%;width: 100%;display: table;background-color: #e0e0e0;position: relative;left: 0;top: 0;} .gm-err-content {border-radius: 1px;padding-top: 0;position: static;vertical-align: middle;display: table-cell;} .gm-err-title {margin:30px 0 10px;color: #616161;font-family: Roboto,Arial,sans-serif;text-align: center;font-size: 24px;} .gm-err-message {margin: 5px;color: #757575;font-family: Roboto,Arial,sans-serif;text-align: center;font-size: 12px;} .gm-err-icon {text-align: center;} /*==========================================================* * GNB part1 회사소개 하위메뉴 CSS 2018.07.31 * *==========================================================*/ /* 회사소개 - 기업개요 */ .corporateTop{height:300px;width:100%;padding:20px 0 20px 500px;box-sizing:border-box;background:url('../../images/os/new_img1/sub/corporateTopIMG.jpg')no-repeat left top;} .corporateTop li{color:#444;font-size:16px;margin-bottom:40px;} .corporateTop li:last-child{margin-bottom:0;} .corporateTop li i{display:inline-block;width:19px;height:19px;border-radius:50%;background:#606c9f;color:#fff;text-align:center;line-height:19px;margin-right:10px;} .officeSlide{width:100%;height:320px;background:#eee;margin:40px 0;position:relative;} .officeSlide .lSPager{position:absolute;left:0;bottom:5px;width:100%;text-align:center;} .officeSlide .lSPager li{display:inline-block;} .officeSlide .lSPager li a{width:40px !important;height:4px !important;background:#fff !important;border-radius:0 !important;} .officeSlide .lSPager li.active a{background:#ed7e1d !important;} .lineTb{border-top:1px solid #000;width:100%;} .lineTb tbody td{border-bottom:1px solid #ddd;padding:20px;line-height:24px;} .lineTb tbody th{border-bottom:1px solid #ddd;padding:20px;text-align:center;background:#f2f2f2;font-size:16px;color:#000;} .no1Cont li{width:232.5px;margin-right:25px;float:left;} .no1Cont li:last-child{margin-right:0;} .no1Cont dt{width:100%;height:85px;line-height:85px;text-align:center;text-shadow: -1px 1px 2px rgba(0, 0, 0, 0.5);color:#fff;font-size:20px;margin-bottom:30px;} .no1Cont dd{font-size:14px;color:#676767;line-height:22px;text-align:center;} .no1Cont dd p{font-size:17px;line-height:22px;margin-bottom:10px;color:#e31414;} .no1Cont .no1_01 dt{background:url('../../images/os/new_img1/sub/no1Bg01.jpg')no-repeat left top} .no1Cont .no1_02 dt{background:url('../../images/os/new_img1/sub/no1Bg02.jpg')no-repeat left top} .no1Cont .no1_03 dt{background:url('../../images/os/new_img1/sub/no1Bg03.jpg')no-repeat left top} .no1Cont .no1_04 dt{background:url('../../images/os/new_img1/sub/no1Bg04.jpg')no-repeat left top} .bizFieldWrap{width:985px;height:222px;position:relative;margin:0 auto;} .bizFieldWrap dl{width:221px;} .bizFieldWrap dt{width:110px;height:110px;border-radius:50%;margin:0 auto 30px;position:relative;} .bizFieldWrap dt:after{content:"";display:block;width:1px;height:30px;background:#ddd;position:absolute;bottom:-30px;left:50%;} .bizFieldWrap a{display:block;} .bizFieldWrap dd{width:221px;height:80px;border-radius:40px;display:table;color:#fff;font-size:20px;text-align:center;} .bizFieldWrap dd .goViewBtn{margin-top:10px;font-size:14px;color:rgba(255,255,255,0.7);} .bizField01{position:absolute;top:0;left:0;z-index:1} .bizField02{position:absolute;top:0;left:192px;z-index:2} .bizField03{position:absolute;top:0;left:50%;margin-left:-110px;z-index:1;} .bizField04{position:absolute;top:0;right:192px;z-index:2} .bizField05{position:absolute;top:0;right:0;z-index:1} .bizField01 dt{background:#454454 url('../../images/os/new_img1/sub/bizField01.png')no-repeat center;} .bizField02 dt{background:#454454 url('../../images/os/new_img1/sub/bizField02.png')no-repeat center;} .bizField03 dt{background:#454454 url('../../images/os/new_img1/sub/bizField03.png')no-repeat center;} .bizField04 dt{background:#454454 url('../../images/os/new_img1/sub/bizField04.png')no-repeat center;} .bizField05 dt{background:#454454 url('../../images/os/new_img1/sub/bizField05.png')no-repeat center;} .bizField01 dd, .bizField03 dd, .bizField05 dd{background:rgba(158,190,198,0.8);} .bizField02 dd, .bizField04 dd{background:rgba(95,125,189,0.8);} .bizFieldWrap dl:hover{z-index:3;} .bizFieldWrap dd a:hover{color:#fff;transition:all 0.5s;} .bizField01 dd:hover, .bizField03 dd:hover, .bizField05 dd:hover{background:rgba(158,190,198,1);transition:all 0.5s;} .bizField02 dd:hover, .bizField04 dd:hover{background:rgba(95,125,189,1);transition:all 0.5s;} /* 회사소개 - 인사말 */ .messageWrap dt{width:400px;float:left;position:relative;} .ceoTit{width:200px;height:150px;background:#223e72;color:rgba(255,255,255,0.6);font-size:18px;padding:27px 30px;box-sizing:border-box;line-height:1.5;position:absolute;bottom:0;left:30px;margin-bottom:-75px;} .ceoTit p{font-size:34px;font-weight:bold;color:#fff;margin-top:0px;} .messageWrap dd{width:605px;float:left;padding:0 30px;box-sizing:border-box;} .messageWrap dd strong{color:#333;font-size:18px;font-weight:normal;line-height:1.5; display:block;} .messageWrap dd p{margin-top:40px;color:#767676;font-size:16px;line-height:1.5;} .messageWrap dd p.messageSign{text-align:right;color:#333;} /* 회사소개 - 연혁 */ .compHistory dt{width: 300px;float:left;height:max-content;padding:30px;box-sizing:border-box;font-size:37px;font-weight:bold;} .compHistory dt p{color:#9da0a3;font-weight:normal;font-size:20px;margin-bottom:5px;} .compHistory dd{width: 705px;float:right;border-top:1px solid #eee;padding:30px;box-sizing:border-box;} .compHistory .resultMonth{font-size:20px;width:60px;float:left;} .compHistory ul{float:left;} .compHistory ul li{font-size:14px;color:#767676;position:relative;padding-left:16px;box-sizing:border-box;margin-bottom:15px;} .compHistory ul li:before{content:"";display:block;width:6px;height:6px;border-radius:50%;background:#c2cad5;position:absolute;top:4px;left:0;} /* .compHistory.blueCont{background:#f7f8fa;} .compHistory.orangeCont{background:#fefaf6;} */ .compHistory.blueCont dt{border-top:1px solid #223e72;color:#223e72;} .compHistory.blueCont .resultMonth{color:#2f4a7b;} .compHistory.orangeCont dt{border-top:1px solid #ed7e1d;color:#ed7e1d;} .compHistory.orangeCont .resultMonth{color:#ed7e1d;} /* 회사소개 - 조직도 */ .teamGroup.groupTop{border-top:1px solid #000;} .teamGroup{border-bottom:1px solid #d2d2d2;display:table;width:100%;text-align:left;} .teamGroup li{width:50%;display:table-cell;box-sizing:border-box;padding:50px 35px;position:relative;} .teamGroup li:nth-child(even){border-left:1px solid #d2d2d2;} .teamGroup h5{color:#000;font-size:22px;font-weight:bold;margin-bottom:30px;} .teamGroup h5:before{content:"WOWCNS";display:block;font-size:11px;font-family:'Lato';font-weight:900;color:#b2b2b2;margin-bottom:5px;} .teamGroup h5 span{color:#333;font-weight:normal;font-size:18px;vertical-align:text-bottom;padding-left:15px;} .teamGroup p{line-height:24px;color:#767676;} .leaderImg{position:absolute;bottom:30px;right:30px;} /* 회사소개 - 동반성장 */ .growthLogo{margin-bottom:20px;} .growthLogo li{width:170px;height:60px;float:left;margin-right:20px;display:table;border:1px solid #eaeaea;text-align:center;} /* 직원복리후생 */ .fareList{width:100%;} .fareList > li{width:50%; float:left; padding:30px 0; border-bottom:1px solid #ddd;} .fareList > li:nth-child(7),.fareList > li:nth-child(8){border-bottom:0;} .fareList > li dl{display:table; width:100%; padding-left:30px;} .fareList > li dl dt{display:table-cell;vertical-align:middle;width: 25%;} .fareList > li dl dd{display:table-cell;vertical-align:middle;width: 75%;} .fareList .TxtBasic li{margin-bottom: 5px;line-height: 20px;} .fareList .TxtBasic li:after{top:5px;} .fareList .TxtBasic span{font-size:14px;line-height: 20px;display: block;} /* 글로벌비즈니스 */ .GlobTop{background:#454454 url('../../images/os/new_img1/sub/globTopMap.jpg')no-repeat right top;height:368px;text-align:center;padding-right:705px;padding-top:55px;box-sizing:border-box;} .GlobTop h4{color:#fff;font-size:28px;font-family:'Lato';font-weight:900;} .GlobTop h5{font-family:'Lato';color:rgba(255,255,255,0.5);font-size:16px;} .GlobTop h5:after{content:"";display:block;width:30px;height:1px;background:#fff;margin:30px auto;} .GlobTop p{font-size:18px;margin-bottom:20px;color:#fff;} /*==========================================================* * GNB part2 사업분야 하위메뉴 CSS 2018.08.07 * *==========================================================*/ /* 사업개요 */ .circleBg{background: url('../../images/os/new_img1/sub/circleBg.png') no-repeat center;height:174px;} .cs2{width:600px;height:50px;border-radius:25px;background:#5b79b9;margin:50px auto 60px;line-height:50px;color:#fff;font-size:16px;text-align:center;} .bottomCont dl{width:100%;overflow:hidden;border-bottom:1px solid #ddd;height:170px;} .bottomCont dl.firstCont{border-top:1px solid #000;} .bottomCont dl dt{width:60%;float:left;height:170px;} .bottomCont dl dt img{margin:35px 20px 0 30px;} .bottomCont dl dt span{font-size:18px;color:#3c3c3c;margin-top:75px;display:inline-block;} .bottomCont dl dd{width:40%;float:left;background:#f9f9f9;height:170px;} .bottomCont dl dd ul{margin-top:30px;margin-left:47px;} .bottomCont dl dd ul li{font-size:14px;line-height:22px;color:#666;list-style:disc;} /* 네트워크솔루션 */ .solutionTop{height:300px;width:100%;padding:20px 0 20px 500px;box-sizing:border-box;background:url('../../images/os/new_img1/sub/solutionTopIMG.jpg')no-repeat left top;} .solutionTop li{color:#444;font-size:16px;margin-bottom:40px;} .solutionTop li:last-child{margin-bottom:0;} .solutionTop li i{display:inline-block;width:19px;height:19px;border-radius:50%;background:#606c9f;color:#fff;text-align:center;line-height:19px;margin-right:10px;} .solutionProcess{margin:50px auto 60px;} .solutionDetail dl{height: 160px;} .solutionDetail dl dt{width: 30%;float:left;height:max-content;border-top:1px solid #6dd08a;padding:30px;box-sizing:border-box;color:#6dd08a;font-size: 20px;} .solutionDetail dl:nth-child(odd) dt{color:#a1d838; border-top:1px solid #a1d838;} .solutionDetail dl dd{width: 70%;float:right;border-top:1px solid #eee;padding: 30px 50px;box-sizing: border-box;} .solutionDetail ul{float:left;} .solutionDetail ul li{font-size:14px;color:#767676;position:relative;padding-left: 16px;box-sizing:border-box;margin-bottom: 8px;} .solutionDetail ul li:before{content:"";display:block;width: 4px;height: 4px;border-radius:50%;background: #666;position:absolute;top:4px;left:0;} /* 쇼핑몰 */ .shoppingTxt li{color:#444;font-size:16px;margin-bottom:40px;} .shoppingTxt li:last-child{margin-bottom:0;} .shoppingTxt li i{display:inline-block;width:19px;height:19px;border-radius:50%;background:#606c9f;color:#fff;text-align:center;line-height:19px;margin-right:10px;} .shoppingImg{margin:50px 0;} .shoppingImg .fr{float:right;} .shoppingDetail li{width:25%;float:left;} .shoppingDetail li .circleTitle{width:120px;height:120px;background:#454454;color:#fff;font-size:18px;margin:0 auto;text-align:center;border-radius:60px;line-height:120px;margin-bottom:30px;} .shoppingDetail li .detailTxt{font-size:15px;line-height:24px;color:#767676;text-align:center;} /* 모바일 솔루션 */ .mobileTxt li{color:#444;font-size:16px;margin-bottom:40px;} .mobileTxt li:last-child{margin-bottom:0;} .mobileTxt li i{display:inline-block;width:19px;height:19px;border-radius:50%;background:#606c9f;color:#fff;text-align:center;line-height:19px;margin-right:10px;} /* 실시간 방송 */ .streamingList{margin-bottom:80px;} .streamingList dl{width:100%;margin-top:30px;} .streamingList dt{float:left;width:230px;height:110px;text-align:center;color:#fff;font-size:20px;line-height:28px;box-sizing:border-box;display: -webkit-flex;display:flex; -webkit-align-items:center;align-items:center;} .streamingList dt.Bg01{background:#9ebec6;} .streamingList dt.Bg02{background:#5b79b9;} .streamingList dt.Bg03{background:#385a90;} .streamingList dt.Bg04{background:#52515f;} .streamingList dt p{display:inline-block;margin:0 auto;text-align:center;font-size: 20px;color: #fff;} .streamingList dd{float:right;width:775px;height:110px;border:1px solid #e5e5e5;border-left:0;padding:20px;box-sizing:border-box;font-size:15px;color:#767676;line-height:24px;display: flex;align-items: center;} /*==========================================================* * GNB part3 주요실적 하위메뉴 CSS 2018.07.30 * *==========================================================*/ /* 실적개요 */ .smallTit{font-size:20px;color:#000;} .smallTit:after{content: "";display:block;width:40px;height:1px;background:#000;margin:20px 0 25px 0;} .clientPresent{width:100%;} .clientPresent>li{width:315px;margin-right:30px;float:left;padding-top:240px;box-sizing:border-box;padding-left:20px;} .clientPresent>li:last-child{margin-right:0;} .clientPresent .clientBg01{background:url('../../images/os/new_img1/sub/clientPresent01.jpg')no-repeat center top;} .clientPresent .clientBg02{background:url('../../images/os/new_img1/sub/clientPresent02.jpg')no-repeat center top;} .clientPresent .clientBg03{background:url('../../images/os/new_img1/sub/clientPresent03.jpg')no-repeat center top;} .clientPresent dt{width:110px;height:80px;line-height:80px;background:#223e72;color:#fff;text-align:center;font-size:20px;margin-bottom:20px;} .clientPresent dd{color:#333;font-size:18px;} .clientPresent dd ul{margin-top:10px;} .clientPresent dd li{font-size:14px;line-height:24px;color:#767676;position:relative;padding-left:16px;box-sizing:border-box;} .clientPresent dd li:before{content:"";display:block;width:6px;height:6px;border-radius:50%;background:#c2cad5;position:absolute;top:8px;left:0;} .clientGraph{width:100%;height:580px;margin-top:60px;position:relative;} .clientGraph .graphWrap{position:absolute;top:10px;z-index:999;} .clientGraph>li{background:#f2f2f2;width:502px;height:580px;position:relative;} .clientGraph h2{color:#262626;text-align:center;font-size:20px;margin-top:50px;} .clientGraph li ul{display:block;position:absolute;top:450px;left:0;padding:0 75px;} .clientGraph li li{width:100%;padding-left:20px;box-sizing:border-box;position:relative;margin-bottom:10px;} .clientGraph li li span{display:inline-block;width:80px;} .clientGraph .graphTxt01:before{content:"";display:block;width:14px;height:14px;border-radius:50%;background:#e68566;position:absolute;top:0;left:0;} .clientGraph .graphTxt02:before{content:"";display:block;width:14px;height:14px;border-radius:50%;background:#9e9674;position:absolute;top:0;left:0;} .clientGraph .graphTxt03:before{content:"";display:block;width:14px;height:14px;border-radius:50%;background:#97b4bc;position:absolute;top:0;left:0;} .clientGraphDate{text-align:right;margin-top:10px;} /* 다단계판매,후원/방문판매 */ .smallTitNoLine{color:#000;font-size:20px;margin-bottom:30px;} .resultLogo5 li{width:20%;float:left;margin-bottom:25px;} .resultLogo5 li a{display:block;} .resultLogo5 li a:hover .logoWrap{border:1px solid #223e72;transition:all 0.5s;} .resultLogo5 li a:hover .companyTit{color:#000;transition:all 0.5s;} .resultLogo5 li .logoWrap{background:#fff;text-align:center;border:1px solid #eaeaea;display:table;width:100%;height:80px;box-sizing:border-box;border-right:1px solid transparent;} .resultLogo5 li:last-child .logoWrap{border-right:1px solid #eaeaea;} .disTableCell{display:table-cell;vertical-align:middle;} .companyTit{background:#f2f2f2;border-right:1px solid #fff;line-height:50px;text-align:center;} .resultLogo5 li:last-child .companyTit{border-right:0;} .multiList{text-align:center;width:100%;margin-top:40px;border-left:1px solid #dadada;border-top:1px solid #dadada;} .multiList li{float:left;width:201px;height:180px;border-right: 1px solid #dadada;border-bottom: 1px solid #dadada;box-sizing:border-box;position:relative;overflow:hidden;} .multiList li dl{padding:30px 0;} .multiList li dt{font-size:16px;color:#2c2e2b;line-height:22px;} .multiList li dt span{font-size:12px;color:#666;display: block;} .multiList li a{display:block;width:100%;height:180px;transition-duration: 0.5s;} .multiList li dd{margin-top:20px;} .multiList .btn_comp{display:table;width:100%;height:100%;position:absolute;bottom:0;left:0;background:rgba(0,0,0,0.5);transform:translateY(100%);transition:all 0.3s;} .multiList .btn_comp h3{color:#fff;font-size:16px;color:#fff;margin-bottom:30px;} .multiList .btn_comp .multiBtns{text-align:center;} .multiList .btn_comp .multiBtns a{display:inline-block;margin:0 5px;width:50px;height:50px;border-radius:50%;background:#ed7e1d;text-align:Center;} .multiList .btn_comp .multiBtns a:hover{background:#f99136;transition:all 0.3s;} .multiList .btn_comp .multiBtns i{color:#fff;font-size:20px;line-height:50px;} .multiList li:hover .btn_comp {transform:translateY(0);} /* 해외실적 */ .resultForeign li{width:180px;margin-right:26px;float:left;} .resultForeign li:last-child{margin-right:0;} .resultForeign dl{padding-top:80px;} .resultForeign dt{line-height:40px;background:#223e72;color:#fff;font-size:20px;text-align:center;} .resultForeign dd{padding:14px 16px;background:#f6f6f6;height:170px;box-sizing:border-box;} .bullet{font-size:14px;line-height:24px;color: #666;position:relative;padding-left:16px;box-sizing:border-box;} .bullet:before{content:"";display:block;width:6px;height:6px;border-radius:50%;background:#c2cad5;position:absolute;top:8px;left:0;} .resultForeign dl.resultJP{background:url('../../images/os/new_img1/sub/resultJP.png')no-repeat center top;} .resultForeign dl.resultCN{background:url('../../images/os/new_img1/sub/resultCN.png')no-repeat center top;} .resultForeign dl.resultUS{background:url('../../images/os/new_img1/sub/resultUS.png')no-repeat center top;} .resultForeign dl.resultPP{background:url('../../images/os/new_img1/sub/resultPP.png')no-repeat center top;} .resultForeign dl.resultTW{background:url('../../images/os/new_img1/sub/resultTW.png')no-repeat center top;} .resultForeign dl dd p span{color: #b2b2b2;} /* 인사급여/금융권 */ .mgt-60{margin-top:60px !important;} .topLineTb{border-top:1px solid #000;border-bottom:1px solid #ddd;width:100%;} .topLineTb thead th{color:#000;text-align:center;font-size:16px;padding:20px 0;position:relative;} .topLineTb thead th:after{content:"";display:block;width:1px;height:18px;background:#ddd;position:absolute;top:50%;right:0;margin-top:-9px;} .topLineTb thead th:last-child:after{content:"";display:none;} .topLineTb tbody td{border-top:1px solid #ddd;padding:20px 50px;} .topLineTb tbody th{border-top:1px solid #ddd;padding:20px;text-align:center;} .topLineTb .logoWrap{margin-bottom:10px;} /* 홈페이지 & 쇼핑몰 */ .resultHome li{width:310px;margin-right:37.5px;float:left;margin-bottom:40px;border:1px solid #eee;box-sizing:border-box;} .resultHome li:last-child{margin-right:0;} .resultHome dt{padding:15px;} .resultHome dt .homeImg{width:100%;height:100%;overflow:hidden;position:relative;} .resultHome dd{color:#000;font-size:16px;letter-spacing:2px;background:#eee;text-align:center;padding:15px 0;} .resultHome dd .resultHomeTit{color:#aaa;text-transform:uppercase;font-size:12px;letter-spacing:10px;margin-bottom:10px;} .resultHome a:hover dt img{-webkit-transform:scale3d(1.03,1.03,1);transform:scale3d(1.03,1.03,1);transition:all 0.5s;} .resultHome li:hover{border:1px solid #223e72;transition:all 0.5s;} /* 연도별실적 */ .resultHistory dt{width:250px;float:left;height:max-content;border-top:1px solid #223e72;padding:30px;box-sizing:border-box;color:#223e72;font-size:50px;font-weight:bold;} .resultHistory dt span{color:#b8b9ba;font-weight:normal;} .resultHistory dd{width:755px;float:right;border-top:1px solid #eee;padding:30px;box-sizing:border-box;} .resultHistory .resultMonth{color:#2f4a7b;font-size:20px;width:40px;float:left;} .resultHistory ul{float:left;} .resultHistory ul li{font-size:14px;color:#767676;position:relative;padding-left:16px;box-sizing:border-box;margin-bottom:15px;} .resultHistory ul li:before{content:"";display:block;width:6px;height:6px;border-radius:50%;background:#c2cad5;position:absolute;top:4px;left:0;} /* 동반성장 */ .growthCont li{width:201px;float:left;} .growthCont dt{width:140px;height:140px;border-radius:50%;margin:0 auto 20px;} .growth01 dt{background:#454454 url('../../images/os/new_img1/sub/growth01.png')no-repeat center;} .growth02 dt{background:#5f7dbd url('../../images/os/new_img1/sub/growth02.png')no-repeat center;} .growth03 dt{background:#7e7c70 url('../../images/os/new_img1/sub/growth03.png')no-repeat center;} .growth04 dt{background:#9ebec6 url('../../images/os/new_img1/sub/growth04.png')no-repeat center;} .growth05 dt{background:#a79e79 url('../../images/os/new_img1/sub/growth05.png')no-repeat center;} .growthCont dd{color:#767676;font-size:16px;line-height:26px;text-align:center;} .growthCont dd strong{color:#000;font-size:22px;font-weight:normal;display:block;margin-bottom:10px;text-align:center;} /* 와우오피스 */ .wowOffice{margin-top:30px;} .wowOffice li:before{content:"";display:none;} .wowOffice li{float:left;width:502px;height:300px;margin-right:1px; padding-left:0 !important;} .wowOffice li:nth-child(even){float:right;} .wowOffice li:last-child{margin-right:0px;} /*==========================================================* * GNB part2 사업분야 하위메뉴 CSS 2018.08.02 * *==========================================================*/ /* 글로벌 서비스 */ .globalCont{background:#f5f5f5;padding:30px 0;border: 1px solid #e5e5e5;} .globalCont li{width:25%;height: 210px;float:left;border-right: 1px solid #e5e5e5;box-sizing: border-box;} .globalCont li:last-child{border-right:0;} .globalCont li dl{width:180px;margin:0 auto;} .globalCont li dt{height:50px;line-height:50px;width:100%;border-radius:25px;background:#385a90;color:#fff;text-align:center;font-size:18px;margin-bottom:20px;} .globalCont li dd p{color:#767676;font-size:16px;margin-bottom:5px;} /*==========================================================* * GNB part4 와우넷소개 하위메뉴 CSS 2018.08.03 * *==========================================================*/ /* 마이오피스 기능구성 */ .webImg{text-align:center;margin-bottom:60px;padding-bottom:60px;border-bottom:1px solid #ddd;} .webImg h4{font-size:18px;color:#3c3c3c;margin-top:20px;} .webImg p{font-size:14px;color:#666;line-height:22px;margin-top:5px;} .officeMobile{text-align:center;} .officeMobile li{width:315px;display:inline-block;margin:0 30px;} /* 마이비즈 기능구성 */ .mybizMobile li{width:315px;float:left;margin-right:30px;} .mybizMobile li:last-child{margin-right:0;} /*==========================================================* * GNB part6 업계소식 하위메뉴 CSS 2018.07.31 * *==========================================================*/ /* 공정위 정보공개 자료 */ .ftcLinkWrap ul{margin-bottom:30px;} .ftcLinkWrap ul li.ftc_tit{width: 250px;height:180px;background-color:#5b79b9;float: left;padding:30px;box-sizing:border-box;font-size:18px;background-repeat:no-repeat;background-position:90% 80%;background-image:url(../../images/os/new_img1/sub/ftcLink01.png);color:#fff;text-align:left;border:0;} .ftcLinkWrap ul.ftcLink02 li.ftc_tit{background-color:#9dbec5; background-image:url(../../images/os/new_img1/sub/ftcLink02.png);} .ftcLinkWrap ul.ftcLink03 li.ftc_tit{background-color:#233e73; background-image:url(../../images/os/new_img1/sub/ftcLink03.png);} .ftcLinkWrap ul li{width: 188px;height:180px;float: left;border-right:1px solid #aaa;border-top:1px solid #aaa;border-bottom:1px solid #aaa;box-sizing:border-box;text-align:center;display: table;} .ftcLinkWrap ul li dl{display: table-cell; vertical-align: middle;} .ftcLinkWrap ul li dl dt{font-size:22px;color:#aaa;position: relative;z-index: 1;} .ftcLinkWrap ul li:hover dl dt{color:#5b79b9;transition:all 0.3s;} .ftcLinkWrap ul.ftcLink02 li:hover dl dt{color:#9dbec5;} .ftcLinkWrap ul.ftcLink03 li:hover dl dt{color:#233e73;} .ftcLinkWrap ul li dl dd{position:relative;z-index:1;} .ftcLinkWrap ul li dl dd a{border-radius:20px; width:100px; height:30px; display:block; font-size:14px; border:1px solid #aaa; margin:40px auto 0; line-height:30px; color:#aaa;} .ftcLinkWrap ul li:hover dl dd a{background:#5b79b9;color:#fff;border:0;transition:all 0.3s;border: 1px solid #5b79b9;} .ftcLinkWrap ul.ftcLink02 li:hover dl dd a{background:#9dbec5; border: 1px solid #9dbec5;} .ftcLinkWrap ul.ftcLink03 li:hover dl dd a{background:#233e73; border: 1px solid #233e73;} .ftcLinkWrap ul li:hover dl{position:relative;} .ftcLinkWrap ul li:hover dl:before{content:"";display:block;position:absolute;top: -1px;left: -1px;border:1px solid #5b79b9;width: 187px;height: 178px;background: #f7f7f7;z-index: 1;} .ftcLinkWrap ul.ftcLink02 li:hover dl:before{border:1px solid #9dbec5;} .ftcLinkWrap ul.ftcLink03 li:hover dl:before{border:1px solid #233e73;} .ftcLinkWrap ul.ftcLink03 li.half{width: 377px;} .ftcLinkWrap ul.ftcLink03 li.half:hover dl:before{width: 376px;border:1px solid #233e73;} /* 법령/제도 */ .lawLink h3{width:200px;line-height:46px;border-radius:23px;background:#454454;color:#fff;font-size:16px;text-align:center;margin-bottom:30px;} .lawLink ul{margin-bottom:60px;} .lawLink li{width:33.3%;float:left;} .lawLink li a{display:block;font-size:14px;line-height:1;margin-bottom:20px;color:#767676;position:relative;padding-left:16px;box-sizing:border-box;} .lawLink li a:before{content:"";display:block;width:6px;height:6px;border-radius:50%;background:#c2cad5;position:absolute;top:3px;left:0;} .lawLink li a:hover{color:#223e72;text-decoration:underline;transition:all 0.5s;} /* 주요사이트링크 */ .resultLogo4 li{width:25%;float:left;margin-bottom:25px;} .resultLogo4 li a{display:block;} .resultLogo4 li a:hover .logoWrap{border:1px solid #223e72;transition:all 0.5s;} .resultLogo4 li a:hover .companyTit{color:#000;transition:all 0.5s;} .resultLogo4 li .logoWrap{background:#fff;text-align:center;border:1px solid #eaeaea;display:table;width:100%;height:80px;box-sizing:border-box;border-right:1px solid transparent;} .resultLogo4 li:last-child .logoWrap{border-right:1px solid #eaeaea;} .resultLogo4 li:last-child .companyTit{border-right:0;} /*==========================================================* * 개인정보처리방침 및 이용약관 CSS 2018.08.10 * *==========================================================*/ /* 개인정보처리방침 및 이용약관 */ .memWrap{color:#767676;line-height:28px;font-size:16px;} .topListTit{font-size:18px;color:#ed7e1d;margin-bottom:10px;} .scrollTab{border-top:2px #ed7e1d solid;border-bottom:2px #e5e5e5 solid;margin-bottom:70px;} .scrollTab ul{width:50%;float:left;} .scrollTab ul.bdr{border-right:1px solid #e5e5e5;box-sizing:border-box;} .scrollTab .bdt{border-top:1px solid #e5e5e5;box-sizing:border-box;} .scrollTab ul li{width:100%;height:76px;border-bottom:1px #e5e5e5 solid;line-height:76px;font-size:17px;z-index:1;} .scrollTab ul li:last-child{border-bottom:0;} .scrollTab ul li a{display:block;color:#767676;} .scrollTab ul li a span{width:120px;display:inline-block;text-align:center;color:#000;} .scrollTab ul li:hover{background:#fafafa;} .scrollTab ul li:hover a{color:#ed7e1d;} .scrollTab ul li:hover a span{color:#ed7e1d;} .scrollCont h1{font-size:17px;color:#000;margin-bottom:20px;padding-top:50px;} .scrollCont dl{padding-left:4px;} .scrollCont dt{margin-top:10px;position:relative;padding-left:20px;} .scrollCont dt:before{content:'■';position:absolute;left:0;font-size:12px;} .scrollCont dd{padding-left:22px;} .scrollCont ul li{position:relative;padding-left:15px;} .scrollCont ul li:before{content:'-';position:absolute;left:0;} .listSt > ul li:before{content:'';position:absolute;left:0;} .listSt > ul li{padding-left:0;} .listSt ul li ul li:before{content:'-';position:absolute;left:0;} .listSt ul li ul li{padding-left:15px;} .scrollCont .center{background:#fafafa;padding:10px 30px;margin-top:20px;} .centerTit{font-size:17px;color:#ed7e1d;margin-top:20px;} .middleTit{font-size:18px;color:#ed7e1d;margin-top:60px;} .scrollCont .ml{margin-left:13px;} .scrollCont .ml dl{margin-bottom:20px;} /*********************************************************** * 신규 게시판 디자인 관련 2018.10.05 Start ***********************************************************/ /* board */ .BasicBoard{padding:0;} .BasicBoard>li{border-bottom:1px solid rgba(0,0,0,0.15); margin:0; padding:40px 30px; position:relative;} .BasicBoard>li:first-child{ border-top:1px solid rgba(0,0,0,0.15);} .BasicBoard>li:after { content: ""; clear: both; display: block;} .BasicBoard .Date{float:left;width:15%; font-size:13px; padding:5px 10px; color:#000;box-sizing:border-box;} .BasicBoard .Date span{display:inline-block;text-align:center;margin:0 10px;} .BasicBoard .Date em{display: block; font-size: 42px;font-weight: 700;line-height:52px;} .BasicBoard .TextWrap {float:right;width:85%;} .BasicBoard .TextWrap .Icon{display:inline-block;width:55px;color:#fff;font-size:13px;text-align:center;padding:3px 5px;border-radius:3px;margin-right:10px;} .BasicBoard .TextWrap .Icon_prom{background:#f28c6d;} .BasicBoard .TextWrap .Icon_not{background:#607ebb;} .BasicBoard .TextWrap .BoardNo{font-size:13px;color:#666;} .BasicBoard .TextWrap a:hover{text-decoration:underline;} .BasicBoard .Tit{margin:10px 0;} .BasicBoard .Tit a{display:block;font-size:20px;color:#000;transition-duration: 0.5s;} .BasicBoard .TextS{height:20px;font-size:14px;overflow: hidden; color:#777;white-space: nowrap;text-overflow:ellipsis;} /* 게시판 페이징 */ .BoardPage {position:relative;width:100%;text-align:center;margin:50px auto;} .BoardPage > span {display:inline-block;margin:0 2px;} .BoardPage > span.Num {border:1px solid #ccc;} .BoardPage > span.Num:hover {border:1px solid #555;} .BoardPage a, .BoardPage strong {display:inline-block;height:42px;line-height:42px;padding:0 15px;color:#000;} .BoardPage strong {color:#fff;} .BoardPage .Fst a, .BoardPage .Prev a, .BoardPage .Next a, .BoardPage .Lst a {display:inline-block;width:42px;height:42px;padding:0;vertical-align:middle;background:url('../../images/common/icoBoard.png') no-repeat;transition:all ease-in-out .5s;} .BoardPage a span {font-size:0;text-indent:-9999px;visibility:hidden;overflow:hidden;} .BoardPage > span strong {display:block;height:100%;background:#555;} /* 페이징 아이콘 이미지 적용 */ .BoardPage .Fst a:hover {background-position-x:-40px;} .BoardPage .Prev a:hover {background-position-x:-40px;} .BoardPage .Next a:hover {background-position-x:-40px;} .BoardPage .Lst a:hover {background-position-x:-40px;} .BoardPage .Fst a {background-position:0 -120px;} .BoardPage .Prev a {background-position:0 -200px;} .BoardPage .Next a {background-position:0 -240px;} .BoardPage .Lst a {background-position:0 -160px;} /* list */ .BoardQna {width:100%;padding:30px;border-bottom: 1px solid #ddd; box-sizing:border-box;position:relative;} .BoardQna:first-child{border-top: 1px solid #ddd;} .BoardQna li{float:left;font-size:16px;line-height:18px;} .BoardQna .Categ {width:150px;color:#4264a9;} .BoardQna .Num {font-size: 13px; color: #666;margin-right:30px;} .BoardQna .Tit {width:500px;} .BoardQna .Tit a{display: block;color:#000;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;} .BoardQna .Date{display: inline-block;font-size:13px;color:#666;margin-left:15px;} .BoardQna .Info {position:absolute;top:28px;right:30px;width:80px;height:24px;text-align:right;font-size:14px;color:#555;} .BoardQna .Lock {background:url('../../images/common/icon_lock.png') no-repeat right 2px;padding-right:25px;} /*레이어팝업*/ #mask{position:absolute;left:0;top:0;z-index:9000;background:#000;display:none; width:100% !important;} #boxes .BoardPw{position:absolute;max-width:450px;display:none;z-index:9999;background:url('../../images/common/board_pw_gb.png') repeat;text-align:center;} #boxes #BoardPw{width:100%;overflow:hidden;padding-top:50px;} .BoardPw dl{background:url(board_pw.png) no-repeat 50% 0;padding-top:120px;color:#fff;} .BoardPw dt{font-size:32px;} .BoardPw dd{font-size:13px;line-height:28px;color:rgba(250, 250, 250, 0.8);} .formPwInner{padding: 20px 0 60px;position: relative;box-sizing: border-box;} .formPw { position:relative; margin-bottom: 5px;} .formPw input {width:250px;border-radius: 0; border: 0 none; padding:15px 40px 15px 25px;} .formPw input::-webkit-input-placeholder {color:#007dc6;} .formPw input::-moz-placeholder {color:#007dc6;} .formPw input:-moz-placeholder {color:#007dc6;} .formPw input:-ms-input-placeholder {color:#007dc6;} .PwFooter {width:100%;} .PwFooter a{float:left;width:50%;padding:20px 0;background:#fff;font-size:14px;box-sizing: border-box;color:#000;} .PwFooter a.close{background:#f0f0f0;font-size:14px;border-left:1px solid #ddd;transition-duration: 0.3s;} .PwFooter a:hover{background:#c5c5c5;} /*********************************************************** * 신규 게시판 디자인 관련 2018.10.05 End ***********************************************************/