/* Theme Name: insarang Theme URI: http://pibs.co.kr Description: Author: PIBS (spidoche) Author URI: http://www.pibs.co.kr/ Version: 1.2 License: License URI: */ /***************************************/ /* WORDPRESS CONTENT */ /* Copy of style_editor.css */ /* If you edit this part think to edit the equivalent part on the file style_editor.css */ /***************************************/ .right{float:right;} #the_content{ margin-bottom:30px;} #the_content h1, #the_content h2,#the_content h3,#the_content h4,#the_content h5,#the_content h6,#the_content p,#the_content blockquote,#the_content pre,#the_content a, #the_content em, #the_content small, #the_content strong, #the_content div, #the_content ol, #the_content ul, #the_content li{ font-family: '나눔고딕', nanumgohtic, '맑은 고딕', malgeungothic, sans-serif; font-size: inherit; } #the_content a { color:#469ADD; font-weight: bold; text-decoration:none} #the_content a:hover{text-decoration:underline} #the_content p{ padding-bottom:20px; line-height:19px; font-family: nanumgothic;padding-bottom: 20px; line-height: 19px; font-family: nanumgothic; font-size: 13px; color: #444;} #the_content i, #the_content em{ font-style: italic;} #the_content b, #the_content strong { font-weight: bold} #the_content ul, #the_content ol{margin:13px 0; padding-left:40px} #the_content ol{list-style-type: decimal;} #the_content ul{list-style-type:disc;} #the_content h1, #the_content h2, #the_content h3 ,#the_content h4 ,#the_content h5, #the_content h6 { font-weight:bold; margin:25px 0; color:#111; background:none; border:none} #the_content h1{font-size: 26px;} #the_content h2{font-size: 20px;} #the_content h3{ font-size: 16px} #the_content h4{ font-size: 18px; font-family:nanumgothic;} #the_content h5{ font-size: 12px} #the_content h6{ font-size: 12px; font-weight:normal} /***************************************/ /* GENERAL */ /***************************************/ .wrap{ width:1000px; margin:0 auto; clear:both} a{ text-decoration:none;} .screen-reader-text { display: inline-block; text-indent: -9999px; width: 0;} .clear_hack{ clear:both} .coming_soon{ text-align:center; font-weight:bold; margin-top:40px; color:#666; font-size:12px;} #main_container_inner{ float:left; width:100%; margin-bottom: 30px; } .page #content_container{ min-height:400px} /***************************************/ /* TABLE */ /***************************************/ table.table_05 td { text-align: center; padding: 15px 8px; border-bottom: 1px dotted #ccc; font-size: 11px; } table.table_05 th { font-weight: bold; text-align: center; background: #ddd; padding: 10px; font-family: nanumgothic; color: #555; } table.table_05 { border-top: 2px solid #1EB3EC; border-bottom: 1px solid #ccc; clear: both; float: left; width: 100%; } /***************************************/ /* HEADER */ /***************************************/ #header{position: relative; z-index: 2; height: 105px;} #header_top{position: relative; z-index: 3} /*LOGO*/ #logo_top {position: absolute; top:0; left:0; z-index:80 } #logo_top a {font-weight: bold; font-size: 33px; color: #333;} /*TOP MENU*/ .menu-top-container{ position: absolute; right: 0px; width: 100%; top: 0;color:#fff; z-index:1} #menu-top{ text-align:right; margin-top: 5px; float:right} #menu-top li { display:inline-block;} #menu-top li a{ display: block; float: left; color: #7ef3ff; font-size: 11px; padding: 0 10px; border-right: 1px solid #7ef3ff; line-height: 7px;} #menu-top li:last-child a { border-right:none} #menu-top li a:hover{ color: #7ef3ff;} /* MAIN MENU GENERAL*/ .menu_type{ left:0; position:absolute; z-index:120; width:100% ; /* top: 0; */} /*MENU INLINE DROPDOWN*/ /*#inline_dropdown {position:relative;margin:0 auto;width:1000px;padding:0;background:url(images/top/menubar.gif) no-repeat;height:75px;}*/ #inline_dropdown { position: absolute; width: 100%; bottom: 0; left: 0;} #inline_dropdown ul li{ float:left; position:relative;} #inline_dropdown ul li a{ float:left; display: block; padding: 0; width: 100%; font-size:15px; font-weight:bold; color:#F7FFFF; font-family:Arial, Helvetica, sans-serif; text-align: center; font-family: NanumGothic;/*text-overflow: ellipsi s; overflow: hidden; white-space: nowrap;*/} #inline_dropdown ul li a:hover, #inline_dropdown ul > li.active > a{color:#083C3F} #inline_dropdown ul{ margin:auto; padding-top: 0; position:relative} #inline_dropdown li{float:left;text-align:center;width: 100%;position: relative;} #inline_dropdown li ul {position: absolute; top: 37px; left: 0; visibility:hidden; background: #00747C; z-index: 9;} #inline_dropdown li ul li{text-align: center; float:left;width: auto;display: block;} #inline_dropdown li ul li a{color:#7ef3ff;font-size:12px;font-weight:bold;text-decoration:none; padding: 8px 10px;width: auto;} #inline_dropdown li ul a:hover {color:#fff;font-size:12px;font-weight:bold;text-decoration:none;} #inline_dropdown #main_menu > li > a {line-height: 42px;} /*MENU SINGLE DROPDOWN*/ #single_dropdown #main_menu ul{ display:none; z-index:99; background-color: #31a9b1; position:absolute; height:450px; left:0; top:30px; padding-bottom:20px; padding-top: 10px;} #single_dropdown #main_menu ul li{ float:none; display:block;} #single_dropdown #main_menu ul li a{ float: left; display:inline-block; color:#fff; font-size:12px; font-family:NanumGothic; line-height:30px; font-weight:bold; color: #083C3F; width: 100%; text-align: center; border-bottom: none;} #single_dropdown #main_menu ul li:first-child a { border-top:none;} #single_dropdown #main_menu ul li:last-child a{ border-bottom:none;} #single_dropdown #main_menu ul li.dropdown_last_child a { border-bottom:none; } /*IE8 HACK*/ #single_dropdown .jquery_dropdown{background-color:#ff7800, color:#fff} #single_dropdown #main_menu{width: 100%;} #single_dropdown #main_menu li{ float: left; position:relative; margin: 0px; text-align:center; font-family: NanumGothic;} #single_dropdown #main_menu li ul li{ margin: 0; width: 100%;} #single_dropdown #main_menu li a{ float: left; display:inline-block; color:#fff; font-size:14px; font-family:NanumGothic; line-height:30px; font-weight:bold; color: #0b2d2f; width: 100%; text-align: center; border-bottom: none;} #single_dropdown #main_menu li a:hover, #menu-main li a.jquery_dropdown{ color: #fff; border-bottom: none;} #single_dropdown #single_dropdown {float: left; width: 100%; position: absolute; right: 0; bottom: 0; border-bottom: 4px solid #F3F3F3;} .categories_submenu_hack{ display:none; } /***************************************/ /* PIBS SLIDER */ /***************************************/ .page-template-page_business-php{ overflow-y: scroll;} #pibs_slider{width:700px; position:relative; margin-bottom: 20px; float:left;} #pibs_slides_wrap{ top:0; left:0; float: left;} #pibs_slider_menu {float: left;width: 100%;padding: 10px 0;border-top: 1px solid #CCC;border-bottom: 1px solid #CCC; margin-bottom: 20px; } #pibs_slider_menu li{ float:left;} #pibs_slider_menu a {background: none;color: #333; font-size:12px; font-weight:bold; border-right:1px solid #ddd; padding:0 20px} #pibs_slider_menu a:hover {background: none;color: #8CBEDB;} #pibs_slider_menu a.current {background:none;color:#267DAF;} #pibs_slider_menu a:hover.current {background:none;color:#267DAF; cursor: default;} #pibs_slider_menu .coda-nav #slider_business-nav-ul{ margin-left:0 !important; } /***************************************/ /* SIDEBAR */ /***************************************/ #sidebar {float: left; width: 202px; margin: 20px 0;} /* sidebar title */ #sidebar_title_img img{ display:block;} #sidebar_title_img img, #sidebar_title_text{width: 200px; height: 80px; border-radius: 4px 4px 0 0; border: 1px solid #ccc; border-bottom: none;} #sidebar_title_text { position:relative} #sidebar_title_text span { font-size: 22px; font-weight: bold; font-family: 'Nanumgothic'; position: absolute; bottom: 10px; left: 12px; color: #444;} /* Menu */ /* Sub categories */ #sidebar_menu ul.children{ display:none;} #sidebar_menu ul.children li a{ text-indent:20px; background:#ddd;} #sidebar_menu ul.children li a:hover{background:#ddd;} #sidebar_menu li.current-cat-parent > ul.children, #sidebar_menu li.current-cat > ul.children{display:block} /* Call center */ #customer_box {border: #dcdcdc 1px solid; padding: 15px 15px; margin-bottom: 10px;} #customer_box #customer_title {font-weight: bold; border-bottom: #dcdcdc 1px solid; padding-bottom: 10px; margin-bottom: 20px;} #customer_box #customer_title h2{font-size:18px; font-family:NanumGothic, Arial, Helvetica, sans-serif; padding-left:10px; } #customer_box .call_center_phone {padding-left: 5px;} #customer_box .call_center_phone span{padding-left: 5px; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight: bold; color:#7a1717;} /***************************************/ /* MAIN */ /***************************************/ #content_container {width: 961px;float: right;position: relative;margin-top: 54px;} #slideshow img, #slideshow a{ display:none} #slideshow img:first-child, #slideshow a:first-child{ display:block} #slideshow_container { position: relative; z-index: 0;margin-bottom: 20px; margin-top: -10px;} #slideshow_nav { position: absolute; right: 20px; bottom: 10px; z-index: 80;} #slideshow_nav a { display: inline-block; padding: 4px 8px; background-color: #3D3737; margin: 2px; color: #fff; border-radius: 14px;} #slideshow_nav a.activeSlide{ background-color: #51EFFF; color: #FFF; border-radius: 14px; border-radius: 14px;} #slideshow_nav a {background-color: #AAAAAA; border: 1px solid #4E4E4E;} #slideshow_nav a.activeSlide{background-color: #333; border: 1px solid #ACACAC;} #last_products { width: 968px; clear: both; margin-bottom: 20px; border: 1px solid #ddd; padding: 20px 15px 10px 15px; float: left;} #last_products li { float: left; width: 16.66%; text-align: center;} #last_products li:first-child { margin-left: 0;} /*HOME LOGIN BOX*/ #home_login {border:3px solid #2bb4be; width: 314px;float: left;height: 198px;} #home_login h2{font-weight: bold; font-size: 14px; padding-bottom:10px; margin:10px 20px 0 20px; border-bottom: 1px dotted #ccc; font-family: NanumGothic;color: #2bb4be;} #home_login fieldset { width: 139px; padding-left: 20px; float: left;} .member_login_remember{clear: both; padding-top: 6px; line-height: 20px; font-size: 11px; color: #9e9e9e;width: 275px;margin: auto;text-align: center;} .member_login_remember strong{font-weight: bold;} .member_login_remember a{font-family: '돋움'; font-size: 11px; color: #2e2e2e;} .member_login_remember input {vertical-align: middle;} #home_login #submit{ float: right; border: 1px solid #18A0AA; background-color: #2bb4be; width: 80px; font-size: 15px; font-weight: bold; color: #FFF; margin-right: 20px; cursor: pointer; height: 57px; font-family: NanumGothic;} #home_login form{padding-top: 21px;} #home_login #pwd{ margin-top: 3px; background: url('images/main/pw_bg.gif') no-repeat 1px center; display: inline-block; background-position: 0px 0px; border: 1px solid #2bb4be;} #home_login #user_name{background: url('images/main/id_bg.gif') no-repeat 0 center; display: inline-block; background-position: 0px 0px;border: 1px solid #2bb4be; margin-bottom: 4px;} .login_txt{ background: url(images/main/join_txt.gif) no-repeat; border: 0; width: 155px; height: 23px; padding: 0 9px;} .login_txt2{ font-size: 11px; color: #636363; font-family: '돋움';} #home_login_sigup_btn , #home_login_lost_btn { display: inline-block; background-color: #ddd;padding: 1px 0; width:100px;} #home_login_sigup_btn {margin: 0 4px;} .member_login_remember p {text-align: center;} .member_login_remember p a {display: inline-block; line-height: 24px; background: #ddd; padding: 3px 35px; margin: 10px 3px 0 0px;} #welcome_message { padding-bottom: 8px; margin: 0 0 15px 95px; color:#999; line-height:20px;} #welcome_message b{ font-weight:bold; color:#333} #member_logged_in { margin: 12px 20px 0 20px; padding: 15px 10px; background: url('images/main/avatar.png') no-repeat 15px top; } #member_logged_in div a {display: inline-block; line-height: 24px; background: #ddd; padding: 3px 34px; margin: 10px 3px 0 0px;} #member_logged_in div {padding-top:15px;} #member_logged_in a{font-family: '돋움'; font-size: 11px; color: #2e2e2e;} #home_flash{ width: 300px; height: 200px; float:left} #home_flash iframe{width: 300px; height: 200px; border:none} #home_board { float: left; width: 320px; height: 200px; margin-left: 20px;} #home_video { float: right; width: 320px; background: #333; margin-left: 20px; height: 200px;} .last_posts {width: 300px;float: left; margin: 20px 10px;} .last_posts h2{ margin-bottom:15px;} .last_posts h2 a{ font-size:14px; color:#333} .last_posts h2 a:hover { color:#267daf} .last_posts li{padding-bottom: 4px ;margin-bottom: 3px;border-bottom: 1px dotted #ccc;} .last_posts li a{ color:#333; display: inline-block; width: 230px;} .last_posts li a:hover{ color:#267daf} .last_posts li span{color:#999 ;vertical-align: top;} #home_text {float: right;width: 320px; margin-left: 20px; margin-top: 20px; background: #eee; height: 200px;} #home_text p {padding: 25px;} .panel-container > div{ display:none} .panel-container > div.first{ display:block} ul.etabs {background-color: #4299c5; display: block; height: 30px;} .etabs li{ float:left; position:relative; z-index:1} .etabs li a { display:inline-block; font-weight:bold; color: #BEEAFF; font-family: NanumGothic; padding: 0 25px; line-height: 29px;} .etabs li.active a{color: #FFF; border: 3px solid #2b7ebe; border-bottom: 1px solid #2b7ebe; background-color: #2b7ebe; font-family: NanumGothic;} .panel-container{ clear:both;border: 1px solid #E7E7E7; padding: 20px; top:-3px; position:relative; margin-bottom: 0; padding-bottom: 0; height: 152px;} .panel-container li{ padding: 3px 0px 2px 7px;/*background: white url('images/main/board_list_item.jpg') no-repeat left center;*/} .panel-container li a{ display:inline-block; width:212px; color:#333 ; padding: 3px 0 3px 3px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .panel-container li a:hover{color:#008FFF;} .panel-container li span{ color:#999; font-size: 11px;} .panel-container p.more { position: absolute; bottom: 0; right: 0;} .panel-container p.more a{ background-color: #4FA1B6; display:block; padding: 5px 10px; color: #fff;} /***************************************/ /* PARTNER BANNER jquery.simplyscroll.js */ /***************************************/ /* Plugin default */ .simply-scroll-container {position: relative;} .simply-scroll-clip { position: relative; overflow: hidden;} .simply-scroll-list {overflow: hidden;padding-left: 0;} /* Custom */ .simply-scroll {width: 930px; margin: auto;} .simply-scroll .simply-scroll-list li {float: left; /* Horizontal scroll only */ padding-top: 8px;padding-bottom: 8px;} #home_banner {clear: both; padding: 20px 0; float: left;width: 100%;} #banner { position: relative} .nav_ads{position: absolute;height: 21px;width: 12px;top: 17px;background: transparent url('images/main/banner_arrows.png') no-repeat;} .prev.nav_ads{ left: 0; background-position: left top;} .next.nav_ads{ right:0; background-position: right top;} /***************************************/ /* CATEGORY */ /***************************************/ #the_posts_list li{ float: left; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed #E5E5E5; width: 700px;} #the_posts_list .thumb{float: left; display: inline-block; margin-right: 20px; border: 2px solid #DDD;} #the_posts_list h2 a {font-size: 17px; color: #333;margin-bottom: 10px; display: block;} #the_posts_list h2 a:hover{ color:#F22630;} #the_posts_list .detail{ text-align:right; } #the_posts_list .detail a{display:inline-block; padding:10px 12px; color:#F22630; font-size:11px; background-color:#f5f5f5; border:#ddd solid 1px; font-weight:bold;} #the_posts_list .detail a:hover{background-color: #EEE; border: #CCC solid 1px; color: #2E7097;} #the_posts_list .excerpt{ padding-left:208px;} .category #breadcrumbs{margin-bottom: 20px;} /*CATEGORY NOTICE*/ .category-notice #main_container{min-height: 350px;} .category-notice #the_posts_list{ margin-top:60px;} .category-notice #the_posts_list .excerpt{padding-left:0;} .category-notice #the_posts_list li {margin-bottom: 10px;padding-bottom: 0px; width: 700px;} .category-notice #the_posts_list h2{padding-left: 10px; padding-right: 0;} .category-notice #the_posts_list h2 a { color:#555; width: 850px; float:left; display:inline-block;} .category-notice #the_posts_list h2 a:hover { color:#F22630} .category-notice #the_posts_list h2 span{float: right;padding-top: 5px;display: inline-block; color:#999} h1.notice_single_title{ margin-top:30px;} /***************************************/ /* POST and PAGE */ /***************************************/ #content_container h1{ font-size:22px; font-weight:bold; color:#333; border-bottom: #E5E5E5 solid 1px; padding-bottom: 3px; margin-bottom:20px} #content_container h1 span{ font-size:32px; font-weight:bold; color: #267DAF; font-family: nanumgothic;} #thumb_page{ width:200px; float:left; margin-right: 10px;} #thumb_page img{ border:1px solid #e5e5e5} /***************************************/ /* ATTACHEMENT */ /***************************************/ .single-attachment #the_content{ text-align:center} /***************************************/ /* SEARCH RESULT */ /***************************************/ .search-results h1 span{ color:#267DAF} .search-results #the_posts_list li {padding-bottom: 0px;} /***************************************/ /* COMMENTS */ /***************************************/ #comments_container{} .login_first {text-align: center; margin-bottom: 20px; padding: 50px 0;} a.deconnection{ font-size: 11px; color: #144F89; float: right;} a.go_profil{ font-size: 14px; font-weight: bold; color: #589FE6} /* comments area */ .avatar{ float:left} .avatar img{ border:1px solid #ddd } #content_container .avatar img{ padding-bottom:0} #comments, #respond {padding: 0;clear: both;color:#444;} .comment_user{list-style:none; background-color:#ccc; min-height:100px; margin:10px 0;} #respond {font-size: 20px;color: #6C6C6C;padding: 8px;border-bottom: #DDD solid 4px;border-top: #DDD solid 4px;margin-top: 30px;} #comments_container h3{ border-top:#E5E5E5 solid 4px; display: inline-block; width: 715px; width:100%; font-size:14px; margin-top:15px; font-weight:bold; color:#6C6C6C; padding: 10px 0;} .commentlist {margin: 0; list-style:none; margin:10px 0;} .commentlist { list-style:none; color:#FFFFFF;} .commentlist li{padding:0;color:#000;} .commentlist .alt {background: #fff;margin-top:0px;padding:0px;} .commentlist cite, .commentlist cite a, .commentlist cite a:visited {font-weight: bold;font-style: normal;color: #333;} .commentlist small {margin:0;display: block;font-size:11px; text-align:right;} #commentform {margin-top: 10px;font: 110% Arial, Helvetica, sans-serif;} #commentform p {padding: 6px 0px;margin: 0px;color:#333; border-bottom: 1px dotted #DDD;} #commentform p#comment_submit_container {border-bottom: none} #commentform label{color: #787878;} #commentform input{width: 200px;background:#eee;border: 1px solid #bdd77f;padding:3px;margin-top: 3px;} #commentform textarea{width: 550px;height: 115px;background:#eee;border: 1px solid #dbd8d3;padding: 2px;margin-top: 3px;} #commentform textarea:focus, #commentform input[type="text"]:focus {background: #ffffff;} #commentform #submit{background:#777;font-weight:bold;color: #ffffff;border: none;float:left;width:204px;height:30px;cursor: pointer;margin:0px 0px 10px 150px;} #comment_bubble{background-image: url(images/bubble.png);background-position: left center; background-repeat: no-repeat;color: #fff;display: inline-block;font-size: 14px; font-weight: bold; height: 34px;margin-left: 10px; padding-top: 12px ; text-align: center; top: 0; vertical-align: 10px;width: 32px;} #commentform label{width: 150px;float:left;} #commentform input{border: 1px solid #dbd8d3;width: 275px;} #commentform label.error{font-size: 11px;margin-left: 250px;background: #fbfcda url(images/cancel.gif) no-repeat left;border:1px solid #dbdbd3;width:259px;margin-top:4px;padding-left:20px;} #commentaire{font-size:22px;} #commentaire_part_droit{margin-left:100px;} #commentby{border-bottom:solid #666 1px;padding-bottom:0;margin:0 5px 5px 0px;} .commentlist li.comment_user{ padding:10px; background:#eee} .commentlist li.comment_user.alt{ padding:10px; background:#fff} .commentlist li.comment_user a{ color:#589FE6; font-size: 12px; font-weight: bold;} /*hightlight author comment*/ .authcomment {background-color:#fff !important;border:solid #ddd 1px;color:#666 !important;padding-right:5px;} .commentlist li.authcomment a{ color: #F22630} .authcomment cite, .authcomment cite a, .authcomment cite a:visited {font-weight: bold !important; font-style: normal !important; color: #fff !important;} .authcomment #commentby{border-bottom: dotted #DDD 1px;padding-bottom: 4px;margin: 0 5px 5px 0px;} .authcomment a {color:#CCCCCC;text-decoration:none;} .authcomment a:hover{color:#999999; text-decoration:underline;} /***************************************/ /* FORM */ /***************************************/ #estimation_call{ float:left;} .page-template-page_estimation-php .wpcf7 , #estimation_notice{width: 646px;float: right;} .page-template-page_estimation-php .wpcf7 {margin-bottom: 30px;} .page-template-page_estimation-php .wpcf7 .phone{width: 35px;} .page-template-page_estimation-php .wpcf7 p{ border-bottom: 1px dotted #CCC; margin-bottom:10px; padding-bottom: 10px;} .page-template-page_estimation-php .wpcf7 p.submit_container{border-bottom: none} .page-template-page_estimation-php .wpcf7 b { display:inline-block; width:120px; color:#333; } .page-template-page_estimation-php .wpcf7 b.title_textarea{vertical-align: top; padding-top: 5px;} .wpcf7 .estimation_appointment input{ width:160px} .wpcf7 .estimation_name input{width: 90px;} .wpcf7 input, .wpcf7 textarea {border: 1px solid #BBB;} .wpcf7 textarea { width: 480px; margin-left: 6px; resize: vertical; height: 100px; min-height: 100px;} .wpcf7 .wpcf7-submit{ cursor:pointer; font-size:14px; text-decoration: none; border:none; color: #fff; background: #F22630; display: inline-block; padding: 10px 30px; border-radius: 6px; margin: 10px; font-weight: bold;} /***************************************/ /* ERROR 404 */ /***************************************/ #error_content h1{margin-top:50px;text-align: center;font-size: 22px;color: #666; font-weight:bold;} #error_content h2{margin-top:10px; margin-bottom: 15px; text-align: center; font-size: 40px; font-family: times; font-weight: bold; color: #267DAF;} #error_content p{ color:#555;} #error_content p a{text-decoration: none; color:white; background: #F22630; display: inline-block; padding: 10px 20px; border-radius: 6px; margin: 10px 0 40px 0; font-weight: bold;} #error_content p a span{ width:0; height:0; display:inline-block; border-bottom: 7px solid transparent; border-top: 7px solid transparent; border-right: 7px solid #fff; margin-right:10px; vertical-align:-3px;} #error_content p, #error_404 form { text-align:center;} #error_content form{ margin:0 0 15px 0} #error_content #search_submit{border: none; cursor:pointer;background:#DDD;color:#333;padding: 6px 20px;border-radius: 6px;font-weight: bold;} #error_content #search_field{border: 1px solid #aaa; width: 220px; font-size: 12px;padding: 4px 8px;} /***************************************/ /* FOOTER */ /***************************************/ #footer{ clear:both; } #copyright{ text-align:center; padding-top: 30px; padding-bottom: 30px; border-top:1px solid #ccc;} #copyright_inner{ padding:0 15px} #copyright p { line-height:16px; color:#666; } #copyright a{color:#666;} /***************************************/ /* FANCYBOX PLUGIN CUSTOM STYLE */ /**************************************/ div#fancybox-title-inside {font-family:'돋움', Dotum;font-weight: bold;} div#fancybox-title {height: 30px;} /* fix same size issue*/ /***************************************/ /* BREADCRUMBS */ /***************************************/ #breadcrumbs{text-align:right; position: absolute;top: 7px;right: 0;} #breadcrumbs, #breadcrumbs a{ text-decoration:none; font-family:'돋움', Dotum; font-size:11px; color:#807d7d} #breadcrumbs a:hover{ color:#F22630} /***************************************/ /* WP-PAGENAVI PLUGIN CUSTOM STYLE */ /***************************************/ .wp-pagenavi, #the_content .wp-pagenavi{width:100%; text-align:center; clear: both; padding-top: 20px;margin-bottom: 40px;height: 40px;} .wp-pagenavi span, .wp-pagenavi a, #the_content .wp-pagenavi span, #the_content .wp-pagenavi a {vertical-align: middle; display:inline-block;} .wp-pagenavi a, .wp-pagenavi a:hover, .wp-pagenavi span.current, .wp-pagenavi span.extend, #the_content .wp-pagenavi a,#the_content .wp-pagenavi a:hover, #the_content .wp-pagenavi span.current, #the_content .wp-pagenavi span.extend{ border :1px #fff solid; border-color: transparent;padding: 2px 6px 2px 6px; margin: 2px;text-decoration: none; font-weight:bold;} .wp-pagenavi a,#the_content .wp-pagenavi a{background-color: #D7E8FA; color: #709ECF; border-color: #A1BEDD;} .wp-pagenavi a:hover, #the_content .wp-pagenavi a:hover{background-color: #7BA1CC; color: #fff ;text-decoration: none;border-color: #648BB6;} .wp-pagenavi span.current, #the_content .wp-pagenavi span.current {background-color: #B5D1F0; color: #6586A8; border-color: #8EA9C4; padding: 3px 6px 2px 6px;} .wp-pagenavi span.extend, #the_content .wp-pagenavi span.extend {background-color: #fff; color: #A7CDE4;} .wp-pagenavi span.pages, #the_content .wp-pagenavi span.pages{border:0 none;} /***************************************/ /* BBPRESS PLUGIN CUSTOM STYLE */ /***************************************/ .bbp-forum-description, .bbp-breadcrumb{ display:none;} .bbp-topic-permalink{ color:#F22630; font-weight: bold; font-size:13px;display: block;} a:hover.bbp-topic-permalink{ color:#EC5F00} .bbp-author-name, #bbpress-forums .bbp-topic-freshness a.bbp-author-name, #bbpress-forums .bbp-forum-freshness a, .bbp-topic-started-by{ color:#bbb} .bbp-topic-freshness a{ color:#333333} #bbpress-forums a:hover.bbp-author-name, #bbpress-forums .bbp-topic-freshness a:hover.bbp-author-name, .bbp-topic-freshness a:hover{ color:#F22630} .bbp-topic-started-by .bbp-author-avatar, .bbp-topic-freshness-author .bbp-author-avatar{ display:none;} #bbpress-forums div.bbp-template-notice.info {border:none} .bbp-topic-started-by, .bbp-topic-started-by a, #bbpress-forums .bbp-author-name{ font-size:11px; color:#bbb} .forum #bbpress-forums fieldset.bbp-form {border: 1px solid #ddd;} .forum #bbpress-forums ul.bbp-lead-topic, .forum #bbpress-forums ul.bbp-topics, .forum #bbpress-forums ul.bbp-forums, .forum #bbpress-forums ul.bbp-replies {border: none;} .bbp-topic-started-by, .bbp-topic-freshness-author{ display:none} .bbp-form div.bbp-submit-wrapper { float:none} .bbp-form .button, #bbpress-forums .button{ cursor:pointer; font-size:14px; text-decoration: none; border:none; color: #fff; background: #F22630; display: inline-block; padding: 10px 30px; border-radius: 6px; margin: 10px; font-weight: bol d;} #board_main_title{ background:#fff url('images/title_board.gif') no-repeat left top scroll; width:490px; height:80px;} #content_container h1#bbpress_main_title{margin-bottom: 0px;margin-top: 20px;} #bbpress-forums .bbpress_button_container{ height:56px;} #bbp_reply_content_ifr, #bbp_topic_content_ifr{ height:190px !important} /***************************************/ /* CUSTOM SIGNUP STYLE */ /***************************************/ .page-template-signup-php #main_container {width: 960px;margin: 20px auto;} .mu_register label {display: block;font-size: 14px;padding-top: 10px;font-weight: bold;padding-bottom: 2px;} .mu_register .submit{cursor:pointer; font-size:14px; text-decoration: none; border:none; color: #fff; background: #F22630; display: inline-block; padding: 0px 9px; border-radius: 6px; margin: 10px 0; font-weight: bold;} .mu_register .error {margin-bottom: 4px; margin-top: 2px;background-color: #FFEBE8;border: 1px solid #CC0002;padding: 3px 10px; border-radius: 3px;font-weight: bold;} .mu_register #user_email, .mu_register #user_name {padding: 10px;font-size: 20px;border: 1px solid #AAA;} /***************************************/ /* MEMBERS SECTION */ /***************************************/ /*MENU MEMBERSHIP*/ #membership_menu {list-style: none; position: absolute;right: 32px; top: 0; border: 1px dotted #F22630; border-top: 0; padding-bottom: 3px; background-color: #F5FAFD;} #membership_menu li {float:left;} #membership_menu li a { color: #F22630; padding: 4px 12px; font-size: 11px; font-weight: bold; display: inline-block;} #membership_menu li a:hover{ color:#2C76A2} #membership_menu li#user_welcome{padding: 4px 13px;color: #666} #membership_menu li#user_welcome span{font-weight: bold; } /* SIGNUP */ .page-template-signup-php #main_container {width: 960px;margin: 20px auto;} .setupform .error {margin-bottom: 4px; margin-top: 2px;background-color: #FFEBE8;border: 1px solid #CC0002;padding: 3px 10px; border-radius: 3px;font-weight: bold;} #agree_container{ border:3px solid #ddd} #agree_container h2{ font-size:14px; font-weight:bold; padding:15px 40px 6px 40px} #agreement{ width:600px; height:230px; overflow:hidden; overflow-y: scroll; color:#888; font-size:11px; border:1px solid #ddd; margin:auto} #agreement p{ padding:10px 20px; color:#888} #agree_check_container{padding:10px 40px 20px 40px; margin-bottom: 20px; text-align:center;} #agree_check_container span{ color:#0099FF; } .agree_check_error {padding: 15px 40px; margin: 10px 40px; background-color: #FFE2E2; border: 1px solid #D30303;} #agree_check_container.agree_check_error { border: none; padding: 10px;} #agree_yes_no_container{text-align:center; padding-top:15px} #agree_yes_no_container a, #agree_yes_no_container input{ margin: 0 5px; cursor:pointer; background-color:#eee; color:#333; font-weight:bold; border:1px solid #ddd; display:inline-block; padding: 10px 0px; text-align:center; width:190px} #agree_yes_no_container a:hover, #agree_yes_no_container input:hover{ background-color:#ddd; color:#000; border-color:#ccc} .membership #agree_check_container label { width:auto; font-weight:normal} #member_login_page b{ font-weight:bold;} #agree_form, #setupform{margin: 20px 20px 60px 20px;} #bigo1,#bigo2,#bigo3 {width: 10px; vertical-align: middle;} #zipform_container {padding: 0;} #zipform { width: 100%; height: 100%; vertical-align: middle; z-index: 99999; } #zipform_container { padding: 0; margin: 0; } #zipform_inner { } #zipform iframe { width: 100%; height: 300px; margin: auto; display: block; } #zipform { position: relative; } .zipform_close { top: 0; right: 0; position: absolute; background: #004A85; padding: 0 12px; z-index: 22; line-height: 40px; color: #fff; } .membership #setupform span.error { color:red } .membership #setupform p.submit { border:none; padding-top:12px; text-align: right;} .membership #setupform p.submit input{ margin: 0 0 0 5px; cursor:pointer; background-color: #F22630; border: 1px solid #AC121A; font-weight:bold; /* border:1px solid #ddd; */ display:inline-block; padding: 10px 0px; text-align:center; widt h:90px; color:#fff} .membership #setupform p.submit input:hover{ background-color: #F22630; color:#fff; } #registration_result{ width:560px; border:3px solid #D7E9BD;; padding:20px; text-align:center; margin:20px auto; background-color:#F0FDDC} #registration_result h2 { padding-bottom:10px} #registration_result strong{ font-weight:bold;} /* MEMBERSHIP */ #header_user_welcome, #header_user_welcome span { color:#333} .membership #content_container { width: 740px; float: right; margin-bottom:0} .membership #sm_title {padding: 20px 30px 0 30px;color: #777;font-size: 15px;font-weight: bold;} .membership p{ margin-bottom:0; line-height: normal} .membership #subtitle, .membership #subtitle span{ font-size:40px; font-weight:bold; text-align:center } .membership #subtitle{color: #D5D5D5;padding-top: 20px;} .membership #subtitle span{ color:#999} .membership #login_form_container{padding: 0px 30px 20px 310px;border: 1px solid #DDD;margin: 20px auto;background: #fff url('images/membership/member_login_bg.jpg') no-repeat 30px 30px scroll;overflow:hidden;} .membership #loginform{ /* border-top:1px dashed #ddd ;*/ border-bottom:1px dashed #ddd; padding: 10px 0;margin-bottom: 10px;float: left;width: 100%;margin-top: 20px;} .membership #loginform fieldset{ float:left} .membership label{width: 110px;font-weight:normal;display: inline-block;font-size:14px;color:#333;} .membership .forgetmenot label{ font-weight:normal;} .membership #login_mini_title {padding: 20px 0px 0px 0px;font-weight: bold;font-size: 16px;color: #F22630;} .membership .login_side_action p{ float:left;} .membership .login_side_action a { float:right;} .membership .login_side_action a { display: inline-block;float: right;text-align: center;background-color: #999;color: white;font-size: 11px;font-weight: bold;padding: 0 10px;width: 80px;height: 20px;line-height: 20px;} .membership .login_side_action a:hover { background-color: #666;} .membership .login_side_action { float: left; width: 100%} .membership .login_side_action p { padding-bottom: 6px; color: #888; font-size: 11px;height: 20px;line-height: 20px;width:245px;} .membership #member_login_page p {color: #666;text-align:center;vertical-align:middle} .membership #loginform p{ margin-bottom:4px} .membership #user_login, .membership #user_pass{background-color: #f5f5f5;border: 1px solid #CCC;padding: 5px;color: #444;width:383px;height:30px;font-size:17px;} .membership .login_side_action{ clear:both} .membership #wp-submit {padding: 34px 0 35px;-webkit-appearance: none;background-color: #F22630;border: 1px solid #AC121A;font-weight:600;color: white;width:100px;margin-left: 10px; cursor:pointer;font-size:17px;font-family:'나눔고딕', nanumgothic, '맑은 고딕', malgeungothic, sans-serif;letter-spacing:-1px;} .membership .form-table th label span:first-child { color: red; font-size: 19px; font-family: monospace; vertical-align: -1px;} .membership .required_desc { color: #F00; font-size: 12px; margin-bottom: 2px; float: right;} .membership .required_desc i {font-size: 18px;font-style: normal;font-weight: bold;font-family: monospace;vertical-align: -2px;} .membership .form-table input:focus { outline: 0;} .membership #agree_yes_no_container input { color: red;} .membership #agree_yes_no_container a {color: #868686;} .membership .forgetmenot input{vertical-align:-3px;} .membership .forgetmenot label{width:50px;font-size:13px !important;letter-spacing:-1px;padding-left:111px;} /*LOST ID PASSWORD*/ #lostpasswordform{ margin-top:10px; border:1px solid #ccc; position:relative; padding:20px 0; margin: 30px 60px;} .membership #lostpasswordform #user_email_container{ text-align:center} .membership #lostpasswordform label{width: 190px;} .membership #lostpasswordform #wp-submit {padding: 5px 0;width: 130px; cursor:pointer} /*PROFILE*/ #member_profil {margin: 10px 60px 60px 60px;} .signup_message_info, #member_profil .updated, #member_profil .message_error{ width:560px; border:3px solid #FFF39E; padding:10px; text-align:center; margin:10px auto; background-color:#FFFDCF} .signup_message_info{border:1px solid #FFF39E; background-color:#FFFDCF;} .membership p.signup_message_info{ margin-bottom:30px} #member_profil .updated {border: 1px solid #C4ECB3;background-color: #E4FCDA;} #member_profil .error {border: 1px solid #E48282; background-color: #FFE2E2;} .form-table { width:100%; border:1px solid #ddd; border-bottom:none;margin-top: 15px;} .form-table th{ font-weight:bold; width:120px; padding:7px; border-right:1px solid #ddd; vertical-align:top; background-color:#f5f5f5} .form-table th, .form-table td{ border-bottom:1px solid #ddd} .form-table td{ padding:7px 12px} .form-table input{ border:#ddd solid 1px; padding:2px 4px; background-color:#fbfbfb; width:150px } .form-table textarea{ border:#ddd solid 1px; padding:8px; background-color:#fbfbfb } .form-table #email {} .form-table #realname { width: 80px;} .form-table #zip {width: 80px; margin-bottom:6px; display:block; float:left} .form-table #zip_btn{display: block; line-height: 18px; margin-left: 10px; float: left; background: #fff url('images/membership/post_btn_bg.gif') no-repeat 7px center; padding: 1px 7px 1px 39px; color: #7A7A7A; font-weight: bold; border: 1 px solid #DDD; margin-top: 2px;} .form-table a:hover#zip_btn{ border-color:#aaa} .form-table input#user_email {width: 250px;} .form-table #address { width: 250px; margin-bottom:6px; display:block; clear:both} .form-table #address_more { width: 250px;} .form-table #freeword { width: 380px; height: 75px} #member_profil #member_message {padding: 20px 0;border: 1px solid #DDD;margin-top: 20px;float: left;width: 100%; margin-bottom: 30px;} #member_profil #member_message #please_login{ text-align: center;border-bottom: 1px dashed #DDD;padding-bottom: 15px;margin: 0 50px 20px 50px;color: #333;font-weight: bold;} #member_profil #member_message #please_login a{ color:#F22630} #member_profil .login_side_action { width: 360px; margin: auto; float: none;} #member_profil #updateuser, #member_profil #profile_info_change_btn {float: right;padding: 8px 40px;-webkit-appearance: none;background-color: #F22630;border: 1px solid #AC121A;font-weight: bold;color: white;margin-top: 10px;cursor:pointer ;} .help_message{ font-size:11px; color: #aaa; display: inline-block; margin-left: 15px;} #member_profil b{ font-weight:bold} /*VALIDATION ERROR*/ .form-table label.error, #member_profil .form-table label.error {display: inline-block;width: 300px;margin-left: 10px;color: #EC4040;border-color: transparent;background-color: transparent;} .form-table input.error, #member_profil .form-table input.error{ border-color:#DF6A6A; background-color: transparent} /*ACTIVATE*/ .error404 #content.widecolumn {margin-top: 70px;} /*WELCOME MESSAGE*/ .membership #login_form_container.welcome_message{ background:none; padding:30px 0; width:100%; text-align:center} #login_welcome span { color: #267DAF; font-size: 24px;} .welcome_message .userinfo a { display: inline-block; padding: 10px 20px; background: #F22630; margin: 10px; color: #fff; font-weight: bold;} .welcome_message .userinfo a#welcome_logout{ background-color:#999} /*SIGNUP CONFIRMATION MESSAGE*/ .error404 #content { width: 1000px; margin: auto; text-align: center; margin-bottom: 140px;} .error404 #content h2 { font-size: 20px; font-weight: bold;} .error404 #content #signup-welcome { padding: 20px; margin: 10px 170px; background-color: #E8FFD5; border: 1px solid #AADD7F;} .error404 #content #signup-welcome p{ padding:3px} .error404 #content p.view a{ font-weight:bold; color:#004282; padding:3px 10px; background-color:#eee; border:1px solid #ddd; } .error404 #content p.view {padding-top:10px} .error404 #content .lead-in { padding: 20px; margin: 10px 170px; background-color: #f5f5f5; border: 1px solid #ddd;} .error404 #content .lead-in a{ font-weight:bold; color:#004282; padding:0px 3px; line-height:20px } /***************************************/ /* SUBCATEGORIES LIST */ /***************************************/ #the_content .subcategories ul { list-style: none; margin: 0; padding: 0; } #the_content .subcategories li a { display: block; font-size: 14px; color: #333; margin: auto; text-align: left; border-bottom: 1px solid #C1BEBF; border-top: 1px solid #FFF; padding: 8px; background-color: #fff; text-decoration: none; } #the_content .subcategories li a:hover { background-color: #f5f5f5; } /***************************************/ /* PHOTO */ /***************************************/ /*Video player style*/ .win_mediaplayer_container{ text-align:center} #win_mediaplayer{ background-color: #fff;margin: auto;} .mejs-container{ margin: auto;} #the_content .gallery ul{ padding-left:0} .gallery li { display: block; list-style:none; float:left; width: 25%; padding-bottom:20px} .gallery li a{ display: inline-block; text-align:center } .gallery li a.photo_thumb {width: 100%; border: none;} #content_container .gallery img{ padding-bottom:0} .gallery li a.photo_thumb, .gallery li a.video_title { position: relative;} .photo_thumb .comment_num { position: absolute; bottom: 10px; right: 10px; background: #242424; padding: 0 8px; display: block; line-height: 19px; font-weight: bold; color: #fff; border-radius: 2px;} .comment_num_inner { position: relative; z-index: 33; } .comment_num_arrow { position: absolute; bottom: -8px; left: -1px; border-left: 0px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #242424; display: block; width: 0; z-index: 22; height: 0; } #the_content #videos_list.gallery li { text-align: center } .video_title .comment_num { bottom: 0; right: -30px; } #the_content .gallery li a.video_title { display: inline-block; width: auto; float: none } #the_content.gallery ul a, #the_content .gallery ul a {position:relative;color: #333; z-index:10;} #the_content.gallery ul a:hover, #the_content .gallery ul a:hover { color: #709ECF; text-decoration: none } #download_files {clear: both; margin: 10px 0; float: left; /* background-color:#f5f5f5; */ border:1px solid #ddd; width: 100%; } #download_files h3 { font-weight:bold; padding-bottom:3px; border-bottom: 1px dashed #ccc; margin: 10px 20px 10px 20px;} #download_files ul{ margin: 0 20px 10px 20px;} #download_files li { list-style:none} #download_files li a { color: #0A7D86; font-size:12px; background: transparent url('images/photonews/download_icon.gif') no-repeat 5px center; display: block; padding: 2px 0; padding-left: 30px;} #download_files li a:hover { color: #004F55; background-color: #E9E9E9;} #photo_content_container {clear: both;} #photo_content_container img {max-width: 740px;height: auto;margin-bottom: 20px;} .single-photonews img.photos, .single-photosocial img.photos{ margin-bottom:20px; border:1px solid #ddd; display:block; clear:both; max-width: 700px;} .single-photonews .avatar img { width: 40px; height: 40px;} .single-photonews .comment_user {min-height: auto;} /*Last photonews list*/ #last_photos li {width: 25%; float: left; margin-top: 16px; display: inline-block;text-align: center;} #last_photos {float: left; padding: 2px 9px 0px 10px; border: 1px solid #ddd;margin-top: 20px;height: 196px; width: 639px;clear: both;} #last_photos a.photo_thumb { border: none;} #last_photos .photo_link {text-align: center; display: block; font-family: Nanumgothic;margin-top: 3px;} /***************************************/ /* VIDEO */ /***************************************/ #videos_list ul li img { width: 94%; height: 115px; border: 1px solid #999; margin-bottom: 2px; } #videos_list ul li a { text-align: center; display: block; } .mejs-container { display: block; margin: 10px auto; } .home .mejs-container { margin: 0 auto; } #the_video { background: #DDD; padding: 10px 0; margin-bottom: 20px; border: 1px solid #CCC; } #content_container #videos_list.gallery img { idth: 180px; height: 135px; width: 80%; height: auto; } .single-videos iframe { display: block; margin: auto } #videos_list .video_title { width: 90%; display: block; height: 22px; text-align: center; margin: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #the_content #videos_list ul a { color: #333 } #the_content #videos_list ul a:hover { text-decoration: none; color: #709ECF; } #videos_list .video_date, #videos_list .video_view, #videos_list .comment_num { display: none } #the_content.photos ul { padding-left: 0; } #content_container .photos a.photo_thumb img { height: 130px; } #the_content .video_thumb svg { display: none; } /***************************************/ /* POLL */ /***************************************/ #the_content h3.poll_question {font: bold 20px 'NanumGothic'; color: #303030; margin-bottom: 10px;} #the_content .wp-polls-ul {padding: 30px 5% 20px; border: 1px solid #DFDFDF; width: 90%;} #the_content .wp-polls-ul li {font: bold 13px 'NanumGothic'; color: #6F6F6F; margin-bottom: 17px;} #the_content .wp-polls-ul li {font: bold 13px 'NanumGothic'; color: #575757; margin-bottom: 17px; border-bottom: 1px dashed #DDDDDD; padding-bottom: 15px;} #the_content .wp-polls-ul li strong {color: #084B4F;} #the_content .wp-polls-ul li small {color: #8C8C8C; font-size: 11px;} #the_content .wp-polls .pollbar {background-image: none; background-color: #eee; border: none; background: #05828B; margin-top: 5px; height: 16px;} #the_content .total_voters {font: normal 13px 'NanumGothic'; color:#8B8B8B; margin: 14px 0 20px; float: right;} #the_content .total_voters strong{color: #E01313;} #the_content p.poll_date {margin-top: 18px; font-size: 11px; color: #8E8E8E; padding: 0; margin-bottom: 110px;} #the_content .vote {display: block; margin: 0 auto; text-align: center; margin-top: 20px;} #the_content .wp-polls .vote .Buttons, #the_content .wp-polls .vote a { font: bold 13px 'NanumGothic'; background-color: #EF0000; border: 1px solid #560505; padding: 5px 10px; color: #fff; text-align: center; margin-right: 10px; } #the_content .vote a.view_results { font: bold 13px 'NanumGothic'; color: #595959; margin-bottom: 50px; background-color: #eee; padding: 5px 15px; border: 1px solid #BBB; display: inline-block; } #the_content .vote a:hover { text-decoration: none;} /***************************************/ /* PRODUCTS */ /***************************************/ #the_content.prds ul { padding-left: 0; } #content_container .prds a.photo_thumb img { height: auto; width: 80%; max-height:150px;} /***************************************/ /* LHBOARD */ /***************************************/ #lhwb_view_comments a[href$=".pdf"],#lhwb_view_comments a[href$=".hwp"], #lhwb_view_comments a[href$=".doc"],#lhwb_view_comments a[href$=".docx"], #lhwb_view_comments a[href$=".xlsx"],#lhwb_view_comments a[href$=".xls"], #lhwb_view_comments a[href$=".pptx"], #lhwb_view_comments a[href$=".ppt"] { padding: 5px 10px 5px 20px; margin: 2px 0; background: left top no-repeat; display: block; } #lhwb_view_comments a[href$=".pdf"] { background-image: url(images/lhboard/pdf_icon.png); } #lhwb_view_comments a[href$=".hwp"] { background-image: url(images/lhboard/hwp_icon.gif); } #lhwb_view_comments a[href$=".doc"], #lhwb_view_comments a[href$=".docx"] { background-image: url(images/lhboard/word_icon.png); } #lhwb_view_comments a[href$=".xlsx"], #lhwb_view_comments a[href$=".xls"] { background-image: url(images/lhboard/excel_icon.png); } #lhwb_view_comments a[href$=".pptx"], #lhwb_view_comments a[href$=".ppt"] { background-image: url(images/lhboard/powerpoint_icon.png); } #lhwb_view_comments a[href$=".mp3"] { background-image: url(demo-images/audio.png); } #board_file_img #insert-media-button { border-radius: 2px; display: block; padding: 8px 10px; border: 1px solid #999; padding-left: 35px; background: #F5F5F5 url(images/lhboard/media_upload_icon_pc.png) no-repeat 4px center; } #board_file_img #insert-media-button .wp-media-buttons-icon { display: none } #wp-lhwb_editor-editor-container {border: 1px solid #CCC;box-sizing: border-box;} div#wp-lhwb_editor-wrap table tr td.mceStatusbar {display: none;} #lhwb_board_write_btn {padding: 10px 0; color: auto; background:none} div#lhwb_wrap #board_write_btn a, #lhwb_board_write_btn a {border: none;padding: 5px 15px 5px 28px;font-size: 13px;color: #FFF!important;border: 1px solid #AC121A !important;font-weight: bold !important;background: #F22630 url('images/lhboard/btn_confirm_light.png') no-rep eat 5px center !important;text-decoration: none !important;} div#lhwb_wrap #board_write_btn a{padding: 8px 15px 8px 28px;} div#lhwb_wrap #board_write_btn{ padding-top:10px;} .lhwb_pass_the_container .btn01 { border: none; padding: 5px 15px 5px 28px !important; ; font-size: 13px; color: #FFF!important; border: 1px solid #AC121A !important; font-weight: bold !important; background: #F22630 url('images/lhboard/bt n_confirm_light.png') no-repeat 5px center !important; text-decoration: none !important; } .lhwb_pass_the_container .btn01 a { color: #FFF!important; } #lhwb_wrap .lhwb_pass_the_container .lhwb_wid350#lhwb_board_author_pass { width: 120px; } div#lhwb_wrap .lhwb_pass_the_container .writeTy01 ul.bgef li { text-align: center; padding: 35px 0 30px 0; margin-bottom: 10px; border-bottom: none } #lhwb_wrap .lhwb_pass_the_container h2 { display: inline-block; float: none; } div#lhwb_wrap .lhwb_pass_the_container .writeTy01 .bgef { background-color: #F5F5F5; } div#lhwb_wrap span.btn02{background: none; background-color: #CACACA;border: 1px solid #DDD !important; padding: 5px 24px; font-weight: bold !important; color:#666 !important; background:#F2F2F2;} div#lhwb_wrap span.btn02:hover{} div#lhwb_wrap .writeTy01 ul {border-top: none !important;} div#lhwb_wrap .board_list p {padding: 14px 0px;} div#lhwb_wrap .board_list p#lhwb_view_comments{ min-height:120px;margin-bottom: 10px;border-bottom: 1px dotted #C2C2C2;} div#lhwb_wrap .boardTy01 table {border-top: 4px solid #999 !important;border-bottom: 3px solid #ccc !important;} div#lhwb_wrap .boardTy01 table thead th span {border-right: 1px solid #ccc !important;} div#lhwb_wrap .boardTy01 table thead th {border-bottom: 2px solid #ccc !important;} div#lhwb_wrap .FootTy01 .pageing strong {color: white; border-color: #BDBDBD ; background-color: #BDBDBD !important; } div#lhwb_wrap a{ text-decoration: none !important} div#lhwb_wrap input[type="text"], input[type="password"], textarea{ box-shadow:none !important} div#lhwb_wrap .boardTy01 table#board_list tbody tr{ cursor:pointer} div#lhwb_wrap .boardTy01 table#board_list tbody tr:hover{ background-color:#f5f5f5} .btn_board_reply.lhwb_board_reply_btn, .btn_write.lhwb_modify_btn, .btn_cancel_03, #lhwb_reply_btn .btn_write, #lhwb_reply_btn .btn_cancel_04 { background: none !important; padding: 0 !important; margin:0;} .btn_board_reply.lhwb_board_reply_btn a, .btn_write.lhwb_modify_btn a, .btn_cancel_03 a, #lhwb_reply_btn .btn_write a, #lhwb_reply_btn .btn_cancel_04 a, #lhwb_wrap .btn_list a{background-color:#F2F2F2; display: inline-block; padding: 5px 22px 5px 28px !important; font-size: 13px; border: 1px solid #DDD; margin:0 2px} .btn_board_reply.lhwb_board_reply_btn a{background:#F2F2F2 url('images/lhboard/btn_comment.png') no-repeat 5px center !important;} #lhwb_wrap .btn_list a{background:#F2F2F2 url('images/lhboard/btn_list.png') no-repeat 5px center !important;} .btn_write.lhwb_modify_btn a{background:#F2F2F2 url('images/lhboard/btn_edit.png') no-repeat 5px center !important;} .btn_cancel_03 a{background:#F2F2F2 url('images/lhboard/btn_trash.png') no-repeat 5px center !important;} #lhwb_reply_btn .btn_write a{background: #F2F2F2 url('images/lhboard/btn_confirm.png') no-repeat 5px center !important;} #lhwb_reply_btn .btn_cancel_04 a{background: #F2F2F2 url('images/lhboard/btn_cancel.png') no-repeat 5px center !important;} html div#lhwb_wrap p#lhwb_view_comments pre{ min-height: 120px !important;} #lhwb_reply_btn li:first-child{ float: right !important;} #lhwb_reply_btn .btn_write { float: left; width: auto;} div#lhwb_wrap #lhwb_reply_btn { clear: both; width: 100% !important; margin-top: 10px;} div#lhwb_wrap #lhwb_reply_btn ul li { width: auto !important;} div#lhwb_wrap .txtarea05 { width: 100% !important; background-color: #f9f9f9 !important;} div#lhwb_wrap #lhwb_reply_container .lwhb_reply_li_1 .comment_input { width: 100%!important;} #lhwb_reply {margin: 0 40px;} #reply_input h3 small span { display: block; font-size: 13px; color: #686767 !important; width:auto !important; padding-top: 10px;float: none !important; margin: 0 40px; font-weight: bold; text-align: right; padding-top: 10px;} #lhwb_view_footer { border-bottom: 1px solid #ccc; float: left; width: 100%;} div#lhwb_wrap #lhwb_reply_container ul li h3 { width: 100% !important;} #lhwb_view_comments { min-height: 120px;} div#lhwb_wrap #lhwb_board_view.writeTy01 ul.bgef li span { margin-bottom: 0; line-height: 170%; float: none;} div#lhwb_wrap .view_title {border-right: 1px solid #DDD; padding: 0 10px 0 0; display: inline-block; width: 420px !important; max-width: none !important; font-weight:bold} div#lhwb_wrap .writeTy01 #pibsms_sns img { float: none; margin: 0 2px;} .view_author { padding: 0 10px !important;} .view_author { border-right: 1px solid #ddd; margin-right:10px;} .view_textarea .btn_write {background-color: #ddd;} .view_textarea .btn_write a{color:#666 !important} #lhwb_reply_list h3 small span:first-child { font-weight: bold; font-size:12px;} #lhwb_reply_list h3 small span{ color: #AFAFAF !important; } div#lhwb_wrap #lhwb_board_view.writeTy01 ul.bgef li {border-top: 1px solid #CCC;} #lhwb_wrap .fst01 { color: #AFAFAF !important; font-size: 12px; font-weight: bold; margin-bottom: 4px;} div#lhwb_wrap #lhwb_re_reply .txtarea05 { margin-bottom: 20px;} div#lhwb_wrap #lhwb_re_reply_btn { margin-left: 20px;} #lhwb_re_reply_btn span.btn_write { padding: 5px 0px 5px 27px; margin-bottom: 3px; background: #F2F2F2 url('images/lhboard/btn_confirm.png') no-repeat 5px center !important; display: inline-block; border: 1px solid #DDD; font-size: 12px; w idth: 38px;} #lhwb_re_reply_btn #reply_input_del{ padding: 5px 0px 5px 27px; margin-bottom: 3px; background: #F2F2F2 url('images/lhboard/btn_cancel.png') no-repeat 5px center !important; display: inline-block; border: 1px solid #DDD; font-size: 12px; w idth: 38px;} div#lhwb_wrap #lhwb_reply_container #lhwb_re_view .re {background-color: #F1F1F1;} #the_content div#lhwb_wrap .lhwb_search select { height: 24px;} #the_content .map_img{padding:2px; border:1px solid #ccc; margin:0 auto;} #content_container img{max-width:740px;height: auto;padding-bottom: 15px;} #the_content ul.map_ad { margin:0 auto; padding-top:20px;} #the_content ul.map_ad li{padding:0 10px 5px 13px; display:inline-block; width:100%; background:url(images/sub/sm_arr_02.gif) left 4px no-repeat; font-family: nanumGothic;} #the_content ul.map_ad span { display:inline-block; width:83%; float:right; font-family: nanumGothic; font-size:14px;} .max-upload-size{ display:none} div#lhwb_wrap #pibsms_sns_pc img { width: 24px; height: 24px; margin: 0 0 0 6px;} #lhwb_wrap .btn_list a {padding: 4px 16px 4px 26px !important;} /***************************************/ /* ONLINE QUOTE */ /***************************************/ #quote_search input{ vertical-align:middle;} #quote_search_submit{ height:auto; border:none} #online_write_new_btn { margin-top: 5px } #online_write_new_btn a { margin-top: 5px; padding: 5px 12px 5px 30px; font-size: 13px; font-weight: bold !important; text-decoration: none !important; color: #FFF!important; border: 1px solid #AC121A !important; background: #F22630 url('i mages/lhboard/btn_edit_light.png') no-repeat 5px center !important; } /* 테이블 스타일 */ table.t1 {border-collapse: collapse; width: 100%; margin: .5em 0px; font-size: 1em;border-top: 4px solid #999 !important;border-bottom: 3px solid #ccc !important;} table.t1 tr { } /* colgroup 으로 td 스타일제어하려면 tr에 정의 */ table.t1 th, table.t1 td { border: 0px solid #c8c8c8; border-width: 0 0px 0px 0; padding: 6px 6px 6px 6px; } table.t1 thead, table.t1 tfoot { background: #fff; font-weight: normal; font-size: 1em;} table.t1 th { background: #fff; font-weight: bold; text-align: left; border-bottom: 1px solid #ebebeb; padding-left:10px;padding-top: 10px;padding-bottom: 10px;} table.t1 td { background: #fff; font-weight: bold; text-align:left; border-bottom: 1px solid #ebebeb;} table.t1 td.left {text-align: left;} table.t1 td.center {text-align: center;} table.t1 td.right {text-align: right;} /* 폼 스타일 */ input{color:#707070; background:#ffffff; border:1px #dfdfdf solid;} .checkbox{border:0px #dfdfdf solid;} .input{color:#707070; background:#ffffff; border:1px #dfdfdf solid; height:14px; width:80px; margin:1px;} .input_text{color:#b3b3b3; background:#ffffff; border:1px #C2C2C2 solid;} /* table */ table.t11 {border-collapse: collapse; width:100%; margin: .5em 0px; font-size: 1em;border-top: 0px solid #218e94; border-right: 0px solid #C8C8C8; border-left: 0px solid #C8C8C8; margin-bottom:30px; line-height:20px;} table.t11 th { background: #f4f4f4; color: #444444; font-weight: bold; text-align:center; vertical-align: middle; padding:10px;} table.t11 td { background: #f4f4f4; color: #444444; font-weight: normal; text-align:left; vertical-align: middle; padding:10px; } table.t11 .th1 { background: #fff; color: #444444; font-weight: bold; text-align:center; vertical-align: middle; padding:10px;} table.t11 .td1 { background: #fff; color: #444444; font-weight: normal; text-align:left; vertical-align: middle; padding:10px;} table.t11 caption{display:none} .year{font-family:"나눔고딕"; font-size:30px; color:#626d77; font-weight:bold; padding:10px;} .day{font-family:"나눔고딕"; font-size:17px; color:#5d5a5a; font-weight:bold;} /* 1:1상담문의 */ tr.pibs_board_write_form_content th { vertical-align: top;} tr.pibs_board_write_form_content textarea { width: 619px;} table.t1.pibs_board_write_form th { width: 70px;} input#pibs_board_write_form_title { width: 350px;} table.t1.pibs_board_write_form input {width: 120px;} table.t1.pibs_board_write_form input#online_upfile {width: 250px;} table.t1.pibs_board_write_form input, table.t1.pibs_board_write_form textarea { border-color: #B4B4B4; padding: 5px 8px;} #the_content table.t1.pibs_board_write_form { border-top: none !important; border-bottom: none !important;} #lhwb_board_write_btn_container { text-align: right; padding-right: 12px;} /***************************************/ /* SIDEBAR SUBMENU */ /***************************************/ #content_container h1 { font-size: 32px; font-weight: bold; color: #333; border: none;padding: 5px 0px; margin-bottom: 20px; font-family: NanumGothic; border-bottom:1px solid #eee;} #breadcrumbs, #breadcrumbs a {text-decoration: none; font-family: '돋움', Dotum; font-size: 11px; color: #888; right: 10px;} #sidebar_menu { margin-bottom: 20px; border: 1px solid #DDD; border-top: none; border-radius: 0 0 4px 4px;} #sidebar_menu li {border-top: 1px solid #d1d1d1; } #sidebar_menu li:last-child {margin-bottom: 10px;} #sidebar_menu li.last {border-bottom: none; border-top: none;} #sidebar_menu li a { display: block; padding: 10px 8px; color: #333; border: none; padding-left:20px;} /***************************************/ /* Basic Board style */ /***************************************/ table.pibs_board th, table.pibs_board td { text-align: center } table.pibs_board td { font-weight: normal; } table.pibs_board td.pibs_board_subject { text-align: left } #the_content .pibs_board a { color: #333; } #the_content .pibs_board td { padding: 10px; background: transparent } .pibs_board tr { cursor: pointer; } .pibs_board tr:hover { background-color: #f5f5f5; } table.pibs_board_write td { font-weight: normal; } table.pibs_board_write .pibs_board_write_content td { height: 130px; } .lhb_thumnail { width: 70px; height: 50px; } /* Paging*/ #the_content .pageing a, #the_content .pageing strong { border: 1px #fff solid; border-color: transparent; border-radius: 0; padding: 0 2px; margin: 2px; text-decoration: none; font-weight: bold; display: inline-block; background-color: #C 5C5C5; font-weight: bold; color: #fff; vertical-align: middle; height: 24px !important; background-image: none; line-height: 24px; } #the_content .pageing a:hover { color: #D6D6D6 !important; font-weight: bold; background-color: #555 !important; } #the_content .pageing strong { background-color: #FFF !important; color: #686868; border: 1px solid #B9B9B9; height: auto; } .pageing a, .pageing strong { display: inline-block; width: 20px; height: 15px; overflow: hidden; padding-top: 5px; text-align: center; color: #969696; border: 1px solid #5dc6e0; font-size: 11px; vertical-align: middle !important; } #content_container img.lhb_thumnail {width: 70px;height: 60px;max-width: 100%;} /* ONLINE */ #online_list .pibs_board_num,#online_list .pibs_board_num { width: 7%;} #online_list .pibs_board_username { width: 15%;} #online_list .pibs_board_date { width: 15%;} #the_content a.list_btn { display: inline-block; font-size: 13px; border: 1px solid #DDD; background: #F2F2F2 url('images/lhboard/btn_list.png') no-repeat 5px center; padding: 5px 15px 5px 28px; margin: 0 2px; color: #666; text-decora tion: none;} #the_content a.confirm_btn { display: inline-block; font-size: 13px; border: 1px solid #DDD; background: #F2F2F2 url('images/lhboard/btn_confirm.png') no-repeat 5px center; padding: 5px 15px 5px 28px; margin: 0 2px; color: #666; text-d ecoration: none;} #the_content a.back_btn { display: inline-block; font-size: 13px; border: 1px solid #DDD; background: #F2F2F2; padding: 5px 15px 5px 15px; margin: 0 2px; color: #666; text-decoration: none;} tr.pibs_board_write_content td { background: #f5f5f5;} td.online_pwd_container label { text-align: center; display: block;} div.online_pwd_desc { text-align: center; font-weight: normal; color: #777; margin-top: 10px;} table.t1 td.online_pwd_container { padding: 30px 0; text-align: center;} .certi ul li { float: left; display: block; width: 25%; }