#contact_page{margin:0 auto;padding:50px 0;width:400px} #contact_page div{padding-bottom:20px} #contact_page div strong{font-size:24px;font-weight:300} #contact_page div span{font-size:24px;font-weight:200;text-transform:uppercase} /****** WORK ******/ /* WORK_list */ .work_list{margin:0 -15px} .work_list::after{clear:both; content:""; display:block;} .work_block {position:relative; display:inline-block; float:left; width:239px;height:300px;margin:0 10px 20px;background:#fff;overflow:hidden} .work_block .work_mark{display:block;position:absolute;top:5px;right:5px} .work_block .workLink {display:block; text-decoration:none;} .work_block .workImg{display:block;height:237px;line-height:237px;text-align:center} .work_block .workLink strong{display:block;padding:10px 0;line-height:22px;font-size:14px;text-align:center;color:#000} .work_block .workInfo {color:#999; padding-left:20px; font-size:12px;white-space: nowrap;display: block;overflow: hidden;word-wrap: break-word;} .work_block:hover{border:1px solid #00cfff} .work_block:hover .workCont{display:block} .work_block .workCont {display:none; position:absolute; left:0; top:0; width:239px; height:300px; color:#fff; opacity:0.96; filter: alpha(opacity=96); text-decoration:none; background:#2ed1f7; padding:30px 20px;} .work_block .workCont .tit{width:90%;font-weight:400;line-height:22px;font-size:17px;color:#fff} .work_block .workCont .list {position:absolute; left:20px; bottom: 27px; margin:0; padding:0;} .work_block .workCont .list li {width:90%;display:block; float:none; font-size:12px; height:100%; margin:0; padding:0 0 0 7px; line-height:20px; background:url("/resources/images/content/bult_square.gif") no-repeat 0 9px;} /* WORK_modal */ .myModal_work{} .myModal_work .modal-dialog{width:630px; padding:40px; background:#fff;} .myModal_work .modal-dialog h4{font-family:"NanumBarunGothicBold"; font-size:32px;} .myModal_work .modal-dialog h5{font-family:"NanumBarunGothicBold"; font-size:22px;margin-bottom: 7px;} .myModal_work .modal-dialog > p {display:none;} .myModal_work .modal-dialog .txtInfo{font-size:13px; color:#666; margin-bottom:25px; display:block;} .myModal_work .modal-dialog .txtInfo > a {font-weight:700; color:#000; background:url(/resources/images/content/myModal_work_ico.png) no-repeat; background-position: right 0px;padding: 3px 28px 3px 0;} .myModal_work .modal-dialog .txtInfo span{color:#dadada; padding:0 5px;} .myModal_work .modal-dialog .txtPort{color: #888; font-size: 14px !important; display:block;} .myModal_work .modal-dialog .txtPort > img {display:none;} .myModal_work .modal-dialog .imgPort {background:#eee;margin: 30px -40px -70px -40px; display:block; min-height:344px; text-align:center;} .myModal_work .modal-dialog .imgPort img {display:inline-block;} .myModal_work .work_close{position:absolute; top: 32px;right: 25px;} .myModal_work .work_close:hover {opacity: 0.75;} /****** STORY ******/ /* STORY_list */ .secWork { position:relative; z-index:2;} .secWork a:hover, .secWork a:focus { text-decoration:none; } /* STORY_view */ .story_view{overflow: hidden;} .story_view .btn_Group button {margin-top:10px;} .story_view .story_header{margin-bottom:50px;} .story_view .story_header .label_box{margin-bottom:5px;} .story_view .story_header .label_box::after{clear:both; content:""; display:block;} .story_view .story_header .label_box .label{float:left;} .story_view .story_header h4{font-family:NanumBarunGothicBold; font-size:24px; color:#000; line-height:28px; margin-bottom:0px;} .story_view .story_header .story_header_info{font-size:13px; padding:6px 3px; margin-bottom:0px;} .story_view .story_header .story_header_info span{color:#aaa; padding:0 5px;} .story_view .story_header .url a{display:block; font-size:13px; padding:6px 3px;} .story_view .story_body{margin-bottom:50px;min-height: 300px;} .story_view .sns_like{margin-bottom:50px;} .story_view .sns_like a{padding-top:5px; padding-bottom:7px;} .story_view .sns_like img{margin-left:20px;} .story_view .sns_like .facebook{padding-left:93px; background:url(/resources/images/content/sns_facebook.png) 12px 7px no-repeat;} .story_view .sns_like .twitter{padding-left:88px; background:url(/resources/images/content/sns_twitter.png) 12px 7px no-repeat;} .story_view .sns_like .google{padding-left:90px; background:url(/resources/images/content/sns_google.png) 12px 7px no-repeat;} .story_view .story_file p{font-size:14px;} .story_view .story_file p strong span{color:#ff4619;} .story_view .story_file a{display:block; font-size:13px; padding:5px 0px; margin-bottom:5px; border:1px solid #e4e4e4; background:#f1f1f1;} .story_view .story_file a::after{clear:both; content:""; display:block;} .story_view .story_file a:hover{color:#000; text-decoration:none; border:1px solid #666; } .story_view .story_file a .text-right{font-size:12px;} /* .content_site{} .content_site::after{clear:both; content:""; display:block;} .content_site a{position:relative; float:left; width:24.4%; height:; color:#333; text-align:center; line-height:18px; border:1px solid #ddd; text-decoration:none; padding-top:15px; padding-bottom:5px; margin:0.2em 0.2em; background:#fff;} .content_site a:hover{border:1px solid #000;} .content_site a span{display:block; margin-bottom:7px;} .content_site a img{border-top:1px solid #eee;} .content_site a .over{display:none;} .content_site a:hover .over{position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:#000; opacity: 0.7; filter: alpha(opacity=7);} .content_site a:hover .over span{font-size:24px; color:#fff; margin-top:20%;} .content_site_text ul{text-align:left; padding-left:0px;} .content_site_text ul li{font-family:"NanumMyeongjo"; font-size:20px; font-style:italic; color:#999; list-style:none; line-height:26px; margin:20px 0px 20px 0px; } .content_site_text ul li span{font-family:"NanumBarunGothicBold"; color:#555; font-size:13px;} .content_write_btn{margin-top:50px;} .content_write_btn span{font-size:14px;} .content_write_btn button{border:1px solid #222; background:#222;} .content_write_btn button:hover{border:1px solid #ff5c1c; background:#ff5c1c;} #myModal_online{padding:40px 30px; } #myModal_online::after{clear:both; content:""; display:block;} #myModal_online h5{font-size:34px; color:#fff; text-align:center; margin-bottom:15px;} #myModal_online .btn-group{clear:both; width:100%; margin:4px 0;} #myModal_online .btn-group ul{width:100%;} #myModal_online .form-group{clear:both; width:100%; margin:0px 0 4px 0;} #myModal_online .btn-group button{width:100%; border:0;} #myModal_online input{border:0;} #myModal_online textarea{height:200px; border:0;} .content_team h5{font-family:"OpenSansbold"; font-size:16px;} .content_team dl dt{font-family:"OpenSansbold"; font-size:16px; color:#000; margin-bottom:5px; text-transform:uppercase; letter-spacing:0.2em; } .content_team dl dt span{font-family:"OpenSans"; font-size:11px; font-weight:normal; color:#444; margin-top:8px;} .content_team dl dd{line-height:26px;} .story_list{border-top:1px solid #000;} .story_list::after{clear:both; content:""; display:block;} .story_block{position:relative; display:block; padding:25px 0 20px 0; margin:0px 0 0px 0; border-bottom:1px solid #eee; } .story_block:hover{background:#f9f9f9;} .story_block::after{clear:both; content:""; display:block;} .story_block .label_box{margin-top:5px; margin-bottom:5px;} .story_block .label_box::after{clear:both; content:""; display:block;} .story_block .label_box .label{float:left;} .story_block .text_block .bbs_tit{clear:both; margin-bottom:4px;} .story_block .text_block .bbs_tit a{font-family:NanumBarunGothicBold; font-size:22px; color:#000;} .story_block .text_block .bbs_pretext{height:50px; color:#8a8a8a; margin-bottom:5px; overflow:hidden;} .story_block .text_block .text_info{clear:both; font-size:13px; color:#747474;} .story_block .list_img{width:22%; padding-right:0;} */ /* Write */ .form-horizontal .board_write .form-group label {font-size:14px;} .form-horizontal .board_write .form-group label .point {color:#2ed1f7} .form-horizontal .board_write .form-group > div {font-size:13px;} .form-horizontal .board_write .form-group > div label {font-weight:normal; margin-right: 15px;} .form-horizontal .write_info {color:#2ed1f7; font-size:12px; font-weight:700;} /* SEARCH */ .nav {} .search-group {display: inline-flex; margin-bottom: 15px; width:312px;} .search-group .btn-default.dropdown-toggle {border-radius:4px 0 0 4px; padding-left: 15px; padding-right: 15px; height: 32px; font-size: 13px;} .search-group .btn-default.dropdown-toggle .caret {margin-left: 10px;} .search-group ul {min-width: 100%; margin-top: -1px; font-size: 13px; border-radius:0 0 4px 4px; box-shadow: none;} .search-group #searchTxt {margin-left: -1px; height: 32px; width:196px;} .search-group #searchTxt {border-radius: 0px;} .search-group .btn-search {border-radius:0 4px 4px 0; background-color: white; border: 1px solid #ccc; padding-left: 15px; padding-right: 15px;margin-left: -1px; height: 32px;} .work_list{clear:both;} .secWork{clear:both;} /***** Phones, <768px *****/ @media (max-width: 767px) { /* WORK_list */ .nav-pills > li {width:100%; margin:2px 0; margin-left:0 !important;} .nav-pills > li a {background:#f0f0f0} .nav-pills > li a:hover, .nav-pills > li a:active {background:#e3e3e3;} .work_list {margin:0;} .work_block {width:100%; height:auto; margin: 0 0 10px; padding-bottom:10px;} .work_block .workCont {width:100%; height:100%;} .work_block .workImg {height: 237px; overflow: hidden; line-height: 237px;} .work_block .workImg img {height:auto;} /* WORK_modal */ .modal-open .modal {padding-top: 70px;} .myModal_work .modal-dialog{width: 95%; margin: 0 auto; padding: 15px 25px;} .myModal_work .work_close {top: 15px; right: 5%;} .myModal_work .modal-dialog h5 {font-size: 18px; margin-bottom: 5px;} .myModal_work .modal-dialog .txtInfo {font-size:13px !important; margin-bottom: 10px;} .myModal_work .modal-dialog .txtPort {font-size:12px !important;} .myModal_work .modal-dialog .imgPort {margin: 10px -25px -15px -25px; min-height: 148px;} /* STORY_list */ .secWork {width:100%;} .secWork .storyList{height:auto;} .secWork .storyList .item {margin-bottom:20px; border:1px solid #eee;} .secWork .storyList .item .text {color:#000; background:url("/resources/images/lead/works_dir_btm.gif") 32px 0 no-repeat; } .secWork .storyList .item .text .inner { display:block; height:170px; font-size:14px; line-height:24px; padding: 40px 32px 40px 32px; margin-bottom:10px; overflow:hidden; } .secWork .storyList .item .text .name { display:block; font-size:16px; margin:0 0 2px; } .secWork .storyList .item .text .info { display:block; margin:0 0 10px; font-size:13px; color:#999;} .secWork .storyList .item.more a {display:block; overflow:hidden; padding:0 !important; width:100%; height:200px; text-indent:-999px; background:url("/resources/images/lead/works_more.png") center 0 no-repeat; background-color: #434343; } .secWork .storyList .item.more a:hover, .secWork .storyList .item.more a:focus { display:block; background-position:center -200px; background-color: #353535; } /* STORY_view */ .story_view .story_header {margin-bottom: 10px;} .story_view .story_header .story_header_info {padding: 0;} .story_view .story_header h4{font-size:20px;} .story_view .story_body {margin-bottom: 20px; padding-top: 5px; min-height: 100px;} .story_view .story_body p {font-size:14px;} .story_view .sns_like {margin-bottom:20px;} .story_view .sns_like > a {display:block; width:100%; margin-left:0 !important; margin-bottom:5px; text-align: right;} .story_view .btn_Group {clear: both; width: 100%;} .story_view .btn_Group button {margin-top:5px; display:block; width: 100%;} .secWork .storyList .sns_like{font-size:13px; padding:0px 32px 20px; display: inline-block;} .secWork .storyList .sns_like .facebook{padding-top:2px; padding-left:20px; margin-right:20px; background:url(/resources/images/content/sns_facebook2.png) 0px 0px no-repeat;} .secWork .storyList .sns_like .twitter{padding-top:2px; padding-left:20px; margin-right:20px; background:url(/resources/images/content/sns_twitter2.png) 0px 0px no-repeat;} .secWork .storyList .sns_like .google{padding-top:2px; padding-left:20px; background:url(/resources/images/content/sns_google2.png) 0px 0px no-repeat;} .secWork .storyList .item .img img {width: 100%;} /* Write */ .form-horizontal .board_write .form-group label {font-size:13px;} .form-horizontal .board_write .form-group > div label {font-weight:normal; margin-right: 5px;} /* SEARCH */ .nav {} .search-group {display: inline-flex; margin-bottom: 15px; width:100%;} .search-group .btn-default.dropdown-toggle {border-radius:4px 0 0 4px; padding-left: 15px; padding-right: 15px; height: 32px; font-size: 13px;} .search-group .btn-default.dropdown-toggle .caret {margin-left: 10px;} .search-group ul {min-width: 100%; margin-top: -1px; font-size: 13px; border-radius:0 0 4px 4px; box-shadow: none;} .search-group #searchTxt {margin-left: -1px; height: 32px;} .search-group #searchTxt {border-radius: 0px;} .search-group .btn-search {border-radius:0 4px 4px 0; background-color: white; border: 1px solid #ccc; padding-left: 15px; padding-right: 15px;margin-left: -1px; height: 32px;} .work_list{clear:both;} .secWork{clear:both;} #searchTxt {width: 196px;} } /***** Tablets, 768px *****/ @media (min-width: 768px) { /* WORK_list */ .work_block {width: 31.333%; margin: 0 1% 20px; padding-bottom:10px; height:auto;} .work_block .workImg {/*height:auto;*/} .work_block .workImg > img {height:auto;} .work_block .workCont {width: 100%; height: 300px;} /* WORK_modal */ .myModal_work .modal-dialog .imgPort {min-height:437px;} /* STORY_list */ .secWork {width:100%;} .secWork .storyList{height:auto;} .secWork .storyList .item{width:49%; float:left; padding:0 15px; } .secWork .storyList .item .text {color:#000; background:url("/resources/images/lead/works_dir_btm.gif") 32px 0 no-repeat; } .secWork .storyList .item .text .inner { display:block; height:170px; font-size:14px; line-height:24px; padding:10px 0px; margin-bottom:10px; overflow:hidden; } .secWork .storyList .item .text .name { display:block; font-size:16px; margin:0 0 2px; } .secWork .storyList .item .text .info { display:block; margin:0 0 10px; font-size:13px; color:#999;} .secWork .storyList .item.more a {display:block; overflow:hidden; padding:0 !important; width:100%; height:200px; text-indent:-999px; background:url("/resources/images/lead/works_more.png") center 0 no-repeat; } .secWork .storyList .item.more a:hover, .secWork .storyList .item.more a:focus { display:block; background-position:0 -200px; } .secWork .storyList .sns_like{font-size:13px; padding:0px 32px;} .secWork .storyList .sns_like .facebook{padding-top:2px; padding-left:20px; margin-right:20px; background:url(/resources/images/content/sns_facebook2.png) 0px 0px no-repeat;} .secWork .storyList .sns_like .twitter{padding-top:2px; padding-left:20px; margin-right:20px; background:url(/resources/images/content/sns_twitter2.png) 0px 0px no-repeat;} .secWork .storyList .sns_like .google{padding-top:2px; padding-left:20px; background:url(/resources/images/content/sns_google2.png) 0px 0px no-repeat;} .secWork .storyList .item .img img {width: 100%;} /* SEARCH */ .nav {} .search-group {display: inline-flex; margin-bottom: 15px; width:312px !important;} .search-group .btn-default.dropdown-toggle {border-radius:4px 0 0 4px; padding-left: 15px; padding-right: 15px; height: 32px; font-size: 13px;} .search-group .btn-default.dropdown-toggle .caret {margin-left: 10px;} .search-group ul {min-width: 100%; margin-top: -1px; font-size: 13px; border-radius:0 0 4px 4px; box-shadow: none;} .search-group #searchTxt {margin-left: -1px; height: 32px; width: 196px !important;} .search-group #searchTxt {border-radius: 0px;} .search-group .btn-search {border-radius:0 4px 4px 0; background-color: white; border: 1px solid #ccc; padding-left: 15px; padding-right: 15px;margin-left: -1px; height: 32px;} .work_list{clear:both;} .secWork{clear:both;} } /***** Tablets_2, 992px *****/ @media (min-width: 950px) { /* WORK_list */ .work_block {width: 23%; margin: 0 1% 20px; padding-bottom:0px; height:300px;} .work_block .workImg {/*height:auto;*/} .work_block .workImg > img {max-width:100%; height:auto;} /* WORK_modal */ .myModal_work .modal-dialog{width:800px; margin: 50px auto;} .myModal_work .work_close {top: 55px;right: 55px;} .myModal_work .modal-dialog h5 {font-size:26px;} /* STORY_list */ .secWork {width:900px;} .secWork .storyList{height:auto; margin-left:-20px;} .secWork .storyList .item{width:31.1%; float:left; padding:0px; border:1px solid #eee; margin-left: 20px !important; margin-bottom: 20px;} .secWork .storyList .item .text {color:#000; background:url("/resources/images/lead/works_dir_btm.gif") 32px 0 no-repeat; } .secWork .storyList .item .text .inner { display:block; height:170px; font-size:14px; line-height:24px; padding: 40px 32px 40px 32px; margin-bottom:10px; overflow:hidden; } .secWork .storyList .item .text .name { display:block; font-size:16px; margin:0 0 2px; } .secWork .storyList .item .text .info { display:block; margin:0 0 10px; font-size:13px; color:#999;} .secWork .storyList .item.more a {display:block; overflow:hidden; padding:0 !important; width:100%; height:200px; text-indent:-999px; background:url("/resources/images/lead/works_more.png") center 0 no-repeat; } .secWork .storyList .item.more a:hover, .secWork .storyList .item.more a:focus { display:block; background-position:-19px -200px; } /* STORY_view */ .story_view .story_body{margin-bottom:50px;min-height: 320px;} .secWork .storyList .sns_like{font-size:13px; padding:0px 32px 20px; display: inline-block;} .story_view .sns_like .facebook{padding-left:93px; background:url(/resources/images/content/sns_facebook.png) 12px 7px no-repeat;} .story_view .sns_like .twitter{padding-left:88px; background:url(/resources/images/content/sns_twitter.png) 12px 7px no-repeat;} .story_view .sns_like .google{padding-left:90px; background:url(/resources/images/content/sns_google.png) 12px 7px no-repeat;} /* Write */ .form-horizontal .board_write .form-group label {font-size:15px;} .form-horizontal .board_write .form-group > div label {margin-right: 20px;} /* SEARCH */ .nav {} .search-group {display: inline-flex; margin-bottom: 15px; width:312px;} .search-group .btn-default.dropdown-toggle {border-radius:4px 0 0 4px; padding-left: 15px; padding-right: 15px; height: 32px; font-size: 13px;} .search-group .btn-default.dropdown-toggle .caret {margin-left: 10px;} .search-group ul {min-width: 100%; margin-top: -1px; font-size: 13px; border-radius:0 0 4px 4px; box-shadow: none;} .search-group #searchTxt {margin-left: -1px; height: 32px; width:196px} .search-group #searchTxt {border-radius: 0px;} .search-group .btn-search {border-radius:0 4px 4px 0; background-color: white; border: 1px solid #ccc; padding-left: 15px; padding-right: 15px;margin-left: -1px; height: 32px;} .work_list{clear:both;} .secWork{clear:both;} } /***** pc_2, 1170px *****/ @media (min-width: 1170px) { /* STORY_list */ .secWork {width:920px;} .secWork .storyList{height:auto; margin-left: -20px;} .secWork .storyList .item{width:31.2%; float:left; padding:0 !important; border:1px solid #eee; margin-left: 20px !important; margin-bottom: 20px;} .secWork .storyList .item .text {color:#000; background:url("/resources/images/lead/works_dir_btm.gif") 32px 0 no-repeat; } .secWork .storyList .item .text .inner { display:block; height:170px; font-size:14px; line-height:24px; padding: 40px 32px 40px 32px; margin-bottom:10px; overflow:hidden; } .secWork .storyList .item .text .name { display:block; font-size:16px; margin:0 0 2px; } .secWork .storyList .item .text .info { display:block; margin:0 0 10px; font-size:13px; color:#999;} .secWork .storyList .item.more a {display:block; overflow:hidden; padding:0 !important; width:100%; height:200px; text-indent:-999px; background:url("/resources/images/lead/works_more.png") center 0 no-repeat; } .secWork .storyList .item.more a:hover, .secWork .storyList .item.more a:focus { display:block; background-position:center -200px; } .secWork .storyList .sns_like{font-size:13px; padding:0px 32px 20px; display: inline-block;} .secWork .storyList .sns_like .facebook{padding-top:2px; padding-left:20px; margin-right:20px; background:url(/resources/images/content/sns_facebook2.png) 0px 0px no-repeat;} .secWork .storyList .sns_like .twitter{padding-top:2px; padding-left:20px; margin-right:20px; background:url(/resources/images/content/sns_twitter2.png) 0px 0px no-repeat;} .secWork .storyList .sns_like .google{padding-top:2px; padding-left:20px; background:url(/resources/images/content/sns_google2.png) 0px 0px no-repeat;} /* SEARCH */ .nav {} .search-group {display: inline-flex; margin-bottom: 15px; width:312px;} .search-group .btn-default.dropdown-toggle {border-radius:4px 0 0 4px; padding-left: 15px; padding-right: 15px; height: 32px; font-size: 13px;} .search-group .btn-default.dropdown-toggle .caret {margin-left: 10px;} .search-group ul {min-width: 100%; margin-top: -1px; font-size: 13px; border-radius:0 0 4px 4px; box-shadow: none;} .search-group #searchTxt {margin-left: -1px; height: 32px; width:196px;} .search-group #searchTxt {border-radius: 0px;} .search-group .btn-search {border-radius:0 4px 4px 0; background-color: white; border: 1px solid #ccc; padding-left: 15px; padding-right: 15px;margin-left: -1px; height: 32px;} .work_list{clear:both;} .secWork{clear:both;} } /****** 1300px ******/ @media (min-width:1400px) { /* WORK_list */ .work_block {width: 23%; margin: 0 1% 20px; height: 300px;} /* WORK_modal */ .myModal_work .modal-dialog{width:1000px;} .myModal_work .modal-dialog h5 {font-size:32px;} .myModal_work .modal-dialog .imgPort {min-height:547px;} /* STORY_list */ .secWork {width:1016px;} .secWork .innerBg { min-height:652px; padding:0 0 0 0px; } .secWork .storyList { position:relative; width:1060px; overflow:hidden; line-height:1.5;} .secWork .storyList .item { position:absolute; left:50%; top:100%; width:328px; margin-left:-164px; padding:0; opacity:0; filter:alpha(opacity=0); border:1px solid #eee;} .secWork .storyList .item.big { width:672px; margin-left:-336px;} .secWork .storyList .item .worksTy1 { position:absolute; right:20px; top:50px; width:11px; height:15px; overflow:hidden; margin-top:10px; text-indent:-999px; white-space:nowrap; background:url("/resources/images/lead/works_icon.png") 0 0 no-repeat; } .secWork .storyList .item .worksTy2 { position:absolute; right:20px; top:50px; width:17px; height:15px; overflow:hidden; margin-top:10px; text-indent:-999px; white-space:nowrap; background:url("/resources/images/lead/works_icon.png") 0 -20px no-repeat; } .secWork .storyList .item .worksTy3 { position:absolute; right:20px; top:50px; width:19px; height:15px; overflow:hidden; margin-top:10px; text-indent:-999px; white-space:nowrap; background:url("/resources/images/lead/works_icon.png") 0 -40px no-repeat; } .secWork .storyList .item .worksTy4 { position:absolute; right:20px; top:50px; width:15px; height:15px; overflow:hidden; margin-top:10px; text-indent:-999px; white-space:nowrap; background:url("/resources/images/lead/works_icon.png") 0 -60px no-repeat; } .secWork .storyList .item .worksTy5 { position:absolute; right:20px; top:50px; width:3px; height:15px; overflow:hidden; margin-top:10px; text-indent:-999px; white-space:nowrap; background:url("/resources/images/lead/works_icon.png") 0 -80px no-repeat; } .secWork .storyList .item a { position:relative; display:block; width:100%; padding-bottom:216px; background-color:#fff; } .secWork .storyList .item a .img .overlay, .secWork .storyList .item a .img .overlay { display:none; position:absolute; width:100%; height:100%; opacity:0.4; filter:alpha(opacity=40); background:#000 url("/resources/images/lead/zoomb_icon.png") right bottom no-repeat; } .secWork .storyList .item a:hover .img .overlay, .secWork .storyList .item a:focus .img .overlay { display:block; } .secWork .storyList .item.more a { overflow:hidden; padding:0 !important; width:328px; height:200px; text-indent:-999px; background:url("/resources/images/lead/works_more.png") 0 0 no-repeat; } .secWork .storyList .item.more a:hover, .secWork .storyList .item.more a:focus { display:block; background-position:0 -200px; } .secWork .storyList .item .img { position:relative; display:block; width:100%; } .secWork .storyList .item .img img{width:100%;} .secWork .storyList .item .num { position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; font-weight:bold; font-size:18px; color:#fff; background:url("/resources/images/lead/works_over.png") repeat; } .secWork .storyList .item .num .inner { display:block; padding:43px 0 0; } .secWork .storyList .item .num strong { padding-right:2px; font-size:50px; vertical-align:-20px; } .secWork .storyList .item .text { position:absolute; left:0; bottom:0; width:100%; height:226px; color:#000; background:url("/resources/images/lead/works_dir_btm.gif") 32px 0 no-repeat; } .secWork .storyList .item .text .inner { display:block; height:170px; font-size:14px; line-height:24px; padding:40px 32px 40px 32px; margin-bottom:10px; overflow:hidden; } .secWork .storyList .item .text .name { display:block; font-size:16px; margin:0 0 2px; } .secWork .storyList .item .text .info { display:block; margin:0 0 10px; font-size:13px; color:#999; } .secWork .storyList .item.big a { padding-top:0 !important; padding-bottom:216px !important; } .secWork .storyList .item.big .text { top:auto !important; bottom:0 !important; background:url("/resources/images/lead/works_dir_btm.gif") 32px 0 no-repeat !important; } .secWork .storyList .item.big .text .inner { padding-top:44px !important; } .secWork .storyList .item.big .worksTy1, .secWork .storyList .item.big .worksTy2, .secWork .storyList .item.big .worksTy3, .secWork .storyList .item.big .worksTy4, .secWork .storyList .item.big .worksTy5 { margin-top:10px !important; } .secWork .storyList .item.top a { padding-top:226px; padding-bottom:0; } .secWork .storyList .item.top .text { top:0; bottom:auto; background:url("/resources/images/lead/works_dir_top.gif") 32px 100% no-repeat; } .secWork .storyList .item.top .text .inner { } .secWork .storyList .item.top .worksTy1, .secWork .storyList .item.top .worksTy2, .secWork .storyList .item.top .worksTy3, .secWork .storyList .item.top .worksTy4, .secWork .storyList .item.top .worksTy5 { margin-top:0; } .secWork .storyList .sns_like{font-size:13px; padding:0px 32px;} .secWork .storyList .sns_like .facebook{padding-top:2px; padding-left:20px; margin-right:20px; background:url(/resources/images/content/sns_facebook2.png) 0px 0px no-repeat;} .secWork .storyList .sns_like .twitter{padding-top:2px; padding-left:20px; margin-right:20px; background:url(/resources/images/content/sns_twitter2.png) 0px 0px no-repeat;} .secWork .storyList .sns_like .google{padding-top:2px; padding-left:20px; background:url(/resources/images/content/sns_google2.png) 0px 0px no-repeat;} /* SEARCH */ .nav {float:left; } .search-group {display: inline-flex; float:right; margin-bottom: 15px; width:312px;} .search-group .btn-default.dropdown-toggle {border-radius:4px 0 0 4px; padding-left: 15px; padding-right: 15px; height: 32px; font-size: 13px;} .search-group .btn-default.dropdown-toggle .caret {margin-left: 10px;} .search-group ul {min-width: 100%; margin-top: -1px; font-size: 13px; border-radius:0 0 4px 4px; box-shadow: none;} .search-group #searchTxt {margin-left: -1px; height: 32px; width:196px;} .search-group #searchTxt {border-radius: 0px;} .search-group .btn-search {border-radius:0 4px 4px 0; background-color: white; border: 1px solid #ccc; padding-left: 15px; padding-right: 15px;margin-left: -1px; height: 32px;} .work_list{clear:both;} .secWork{clear:both;} }