@charset "utf-8";

/* ------------------------------------------------------------
 * Name      : common.css
 * Desc       : INNOPL
 * Created   : 2014-02-08 Innopl by BeOne
 * Updated  :
 ------------------------------------------------------------ */

/* Layout Selector*/
html, body{height: 100%;  }
body {}
#wrapper{min-width:2000px;position:relative;background:url('../images/common/bg_body.gif') repeat 0 0;}
#wrapper .commonBg{position:relative;min-height:840px;background:url('../images/common/bg_common.jpg') no-repeat 0 0;}
#wrapper .boardBg{position:relative;min-height:840px;background:url('../images/common/bg_body.gif') repeat 0 0;}

/* header */
header{border-top:4px solid #2c7ad4;}
header .top_area{height:64px;}
header .top_area h1{position:absolute; top:20px; left:0; width:45%}
header .top_area h1 img {width:100%}
header .top_area .top_navi{float:right;padding:20px 10px 0 0; z-index:10}
header .top_area .top_navi li{float:left;padding:0 1px 0 2px;}

/* main */
.ltd a {font-size:16px; color:#4b4a4a}
.ltd a.on {color:#0a61c6}
.msubject a{font-size:12px;}

/* contents */
#contents{min-height:200px;}
#contents .content {margin:0 auto; width:95%;}
#contents .content .txt_title {font-size:16px; font-weight:bold; color:#0e46cb; line-height:30px; padding:10px 0 0 0}
#contents .content .txt_title2 {font-size:12px; font-weight:bold; color:#4d4d4d; line-height:30px;}
#contents .content .txt_title3 {font-size:16px; font-weight:bold; color:#4d4d4d; line-height:26px;}
#contents .content .txt01 {color:#4d4d4d; line-height:20px; padding:10px 0 10px 0}
#contents .content .txt02 {color:#4d4d4d; font-weight:bold; line-height:22px; padding:10px 0 10px 0}
#contents .content .txt03 {font-size:13px;color:#4d4d4d; font-weight:bold; padding:0 0 10px 0}
#contents .content .txt_inner1{float:left}
#contents .content .txt_inner2{margin-left:8px;}
#contents .content .txt_inner3{margin-left:4px; float:left}
#contents .content .txt_inner4{margin-left:16px;}
#contents .content .bold_bk{color:#000; font-weight:bold;}
/* footer */
footer .stb_box {overflow:hidden;padding:10px 5px;}
footer .stb_box .btn{display:block;border:1px solid #cbcbcb; line-height:22px; font-size:12px; border-radius:3px; background:#fff;} 
footer .stb_box .sns_list .btn{float:left;margin-right:5px;}
footer .stb_box a.twitter {padding:0 10px 0 24px;background:url('../images/common/bg_btn_twitter.png') no-repeat 1px 2px transparent;}
footer .stb_box a.pc{width:70px;text-align:center;}
footer .stb_box .top_btn a{float:right;padding:0 10px 0 21px;background:url('../images/common/bg_btn_top.png') no-repeat 9px 4px transparent;}
footer .copyright{text-align:center;padding:11px 0 24px;color:#31353a;font-size:11px;line-height:15px;border-top:2px solid #31353a;background:#f9f9f9;}

/* header_middle */
.top_menu_box {position:relative; overflow:hidden; padding:0 30px; border-top:1px solid #31353a; border-bottom:1px solid #31353a; background: #2c7ad4;}
.top_menu_box li.on a span{color:#fe7c7d; }
.top_menu_box li a{ border-left-color:#33373C; border-right-color:#4C5055;}
.top_menu_slide ul{position:relative; overflow:hidden;}
.top_menu_slide ul li{position:relative;vertical-align:top; }
.top_menu_slide .prev, .top_menu_slide .next {position:absolute;top:0; display:inline-block;}
.top_menu_slide .prev{left:0;}
.top_menu_slide .next{right:0;}
.top_menu_slide .prev a, .top_menu_slide .next a{position:relative;display:block; background:url('../images/common/top_menu_arrow.png') no-repeat left center transparent; line-height:35px; height:35px; width:30px; z-index:2 }
.top_menu_slide .next a {background-position:right center; }
.top_menu{overflow:hidden;}
.top_menu li{width:25%;height:35px;float:left;overflow:hidden; position:relative;}
.top_menu li span{overflow:hidden; display:block; text-align:center; border-left:1px solid #6ca2e1; border-right:1px solid #1e528e; white-space:nowrap;}
.top_menu li span a{position:relative; display:block;line-height:35px;font-size:12px;color:#E5E5E5;text-shadow: 0 -1px #000000;}
.top_menu li span a img{position:absolute; right:2px;top:2px; }
.top_menu li:first-child a {border-left:0; }
.top_menu li:last-child a {border-right:0;}

/* 2depth */
.m_list .galleft a.on {color:#2c7ad4;}

.hide_menu_box{position:relative; overflow:hidden; padding-top:10px; color:#666; background-color:#f5f5f5; padding:5px; border-bottom:1px solid #B2B2B2; }
.hide_menu_box.open{display:block;}
.hide_menu_box .hide_menu {border:1px solid #c6c6c6;border-bottom-color:#9e9e9e; background-color:#fff; border-radius:3px;box-shadow:0 1px #dbdbdb}
.hide_menu_box .m_list{overflow:hidden;position:relative;margin:5px; border:1px solid #d5d5d5;border-bottom:1px solid #333;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;white-space:nowrap}
.hide_menu_box .m_list li{float:left;width:33.2%;background:#f5f5f5;}
.hide_menu_box .m_list li a{display:block;height:30px;font-size:11px;line-height:30px;letter-spacing:-1px; text-align:center;white-space:nowrap;font-family:'³ª´®°íµñ', NanumGothic, 'Nanum Gothic'; color:#000}
.hide_menu_box .m_list li a.selected{font-weight:bold;color:#fe7c7d;}
.hide_menu_box .m_list li:nth-child(1){border-radius:1px 0 0 0}
.hide_menu_box .m_list li:nth-child(3){border-radius:0 1px 0 0}
.hide_menu_box .m_list li:nth-last-child(1){border-radius:0 0 1px 0}
.hide_menu_box .m_list li:nth-last-child(3){border-radius:0 0 0 1px}
.hide_menu_box .m_list li:nth-child(n+4){border-top:1px solid #d5d5d5}
.hide_menu_box .m_list li:nth-child(3n-1){border-left:1px solid #d5d5d5;border-right:1px solid #d5d5d5}
.hide_menu_box .m_list li:nth-child(3n){float:none;overflow:hidden;width:auto}

/* Site Map */
#sitemapBox{display:none;  border-top:1px solid #000000;border-bottom:1px solid #000000;background:#31353a;}
.box_wrap {padding:5px;margin:5px; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; background-color: #fff;}
.sitemap_box {overflow:hidden; margin:5px; padding:2px; border:1px solid #BEBEBE;-moz-border-radius-: 4px;-webkit-border-radius: 4px; border-top-radius: 4px;}
.sitemap_box .sitemap{margin:0;padding:0;list-style:none; }
.sitemap_box .sitemap li span {position:relative; display:block; background:#EDEDED }
.sitemap_box .sitemap li span a{color:#666666; font-size:14px; text-decoration:none;display:block;padding:7px;border-top: 1px solid #FFFFFF; border-bottom: 1px solid #ddd;}
.sitemap_box .sitemap li span.selected a{color:#fe7c7d;}
.sitemap_box .sitemap li li span{background:#F9F9F9;font-weight:normal; }
.sitemap_box .sitemap li li a:before{content:"";display:inline-block;width:6px;height:6px; background: url("../images/common/sitemap_bullet.png") no-repeat center center transparent; margin:0 5px 2px 0; opacity:.6;}
.sitemap_box .sitemap li li a{padding-left:15px;font-size:13px; }
.sitemap_box .sitemap li li li a{padding-left:30px;font-size:12px; }
.sitemap_box .sitemap li li li li a{padding-left:45px;font-size:11px; }
.sitemap_box .sitemap li li li li li a{padding-left:60px}
.sitemap_box .sitemap li span button {background: url("../images/common/sitemap_plus.png") no-repeat center center transparent; cursor:pointer; border:0; display: block; opacity:.6;  height:100%;  position: absolute; right: 0;  top: 0; width: 40px;z-index:3}
.sitemap_box .sitemap li span button.close {background-image:url("../images/common/sitemap_minus.png");}
.sitemap_box .sitemap li span button span {display:none;}
.box_wrap .btn_area {overflow:hidden; padding:3px; display:block; border-top: 1px solid #D5DADE;}
.box_wrap .btn_area span {float:right;display:inline-block; padding:1px; background:-webkit-gradient(linear,left top,left bottom,from(#c4c7d0),to(#c4c7d0));background-color:#c4c7d0;border-radius:4px;-webkit-border-radius:4px; margin:0 2px}
.box_wrap .btn_area span a{display:block; padding:3px 5px;font-size:12px; color:#666;  background-color:#f8f8f9; background:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#f4f4f5));background-color:#f8f8f9; border-radius:3px;-webkit-border-radius:3px;box-shadow:inset 1px 2px 1px rgba(253,253,253,1),inset -1px 0 1px rgba(249,249,249,1);-webkit-box-shadow:inset 1px 2px 1px rgba(253,253,253,1),inset -1px 0 1px rgba(249,249,249,1); }

/* main_list */
.main_list{width:90%;margin:0 auto;padding:20px 0;text-align:center;}
.main_list:after{content:"";display:block;clear:both;height:0;visibility:hidden;}
.main_list li{width:25%;float:left;padding:5px 0;margin:0;border:1px oslid red}
.main_list li img{width:100%;}

/* board_list */
.board_wrap {margin:0 auto; width:95%;}
.board_wrap .board_wrap_inner {height:20px;line-height:20px; overflow:hidden}
.list_board li.sticky{background-color:#eef1fa;font-weight:bold}
.list_board li{overflow:hidden;width:100%;border-bottom:solid 1px #e1e1e1}
.list_board .link_cont{display:block;overflow:hidden;padding:11px 0 10px; line-height:17px;color:#303030;text-decoration:none;word-break:break-all}
.num_reply{margin-left:2px;font-weight:bold;color:#377bb8}
.list_board .txt_desc{display:block;margin-top:4px;font-size:12px;line-height:14px;color:#717488}
.list_board .txt_desc .txt_bar{display:inline-block;padding:0 4px;color:#ededed}
.list_board .txt_desc .num_ruliweb{display:inline-block;margin-left:4px}
.list_board .tit_category{font-weight:bold;color:#75778c;}
.sticky .tit_category{color:#377bb8}
.list_board .tit_category2{font-weight:bold;color:#1357f4;}
.list_board .tit_category3{font-weight:bold;color:#d60e27;}
.sticky .tit_category2{color:#1357f4}
.link_cont .txt_subject {color:#000; font-weight:bold}
.link_cont a{color:#000; font-size:14px}

.tab_menu{;width:100%;border-top:solid 1px #122442;}
.tab_menu .list_boardmenu{overflow:hidden; background-color:#404250}
.tab_menu .list_boardmenu li{float:left;width:25%;height:35px; text-align:center}
.tab_menu .list_boardmenu .link_menu{display:block;height:34px;border-right:solid 1px #494b59;border-bottom:solid 1px #2c2e3c;color:#fff;background-color:#404250;-webkit-box-shadow:inset 1px 0 0 #2c2e3c;box-shadow:inset -1px 0 0 #2c2e3c;line-height:34px;text-shadow:0 -1px 0 #0c0d12}

/* gallery_board */
.list_gallery {margin:0 auto; width:95%;}
.list_gallery li{width:30%; padding:8px 5px 8px 5px; float:left; height:80px; overflow:hidden; }
.list_gallery li a img {width:100%;border:1px solid #5d5d5d}

/* board_read */
.view_tit{overflow:hidden;padding:16px 0 14px;border-top:solid 1px #e6e6e6}
.view_tit .tit_view{display:block;margin:0 10px;font-size:17px;line-height:17px;color:#000;word-break:break-all}
.view_tit .info_append{margin:3px 10px 0;font-size:12px;line-height:14px;color:#9294a4}
.view_tit .info_append .num_ruliweb{display:inline-block;margin-left:4px}
.view_tit .info_append .txt_bar{padding:0 3px;color:#e9e9e9}
.view_cont{padding:15px 0 5px;border-top:solid 1px #e6e6e6}
.view_cont .board_desc{margin:0 10px;font-size:15px;line-height:23px}
 
.view_cont .board_desc img, .view_cont .board_desc iframe, .view_cont .board_desc embed, .view_cont .board_desc div, .view_cont .board_desc span, .view_cont .board_desc p{max-width:100%;}
.view_cont .board_desc {color:#000;font-size:15px}

.read_cont_table .read_cont_td{font-size:15px;line-height:23px}
.view_cont .message{display:none}
/* °Ô½ÃÆÇ Àбâ */
.board_title {font-weight:bold; font-size:12px}
.board_read_td01 {width:120px; background-color:#efefed; font-size:12px; text-align:left; padding:5px; border-bottom:1px solid #dddddd; font-weight:bold}
.board_read_td02 {font-size:12px; text-align:left; padding:5px; border-bottom:1px solid #dddddd}
.board_read_td02 img {width:60px}

.postscript_td01 {width:20%; background-color:#efefed; font-size:13px; text-align:left; padding:5px; border-bottom:1px solid #dddddd; font-weight:bold}
.postscript_td02 {width:30%; font-size:13px; text-align:left; padding:5px; border-bottom:1px solid #dddddd}
.postscript_td03 {font-size:13px; text-align:left; padding:5px; border-bottom:1px solid #dddddd}
.comm img {max-width:95%}


/* °Ô½ÃÆÇ ±Û¾²±â */
.textarea {width:93%; height:100px;}
.td01 {text-align:right; padding-right:5px; background-color:#f3f3f3}
.td02 {text-align:left; padding-left:5px;}
.textarea2 {width:90%; height:50px;}
/*
.view_cont .board_desc{margin:0 10px;font-size:15px;line-height:23px}
.view_cont .board_desc .txt_origin{overflow:hidden;font-size:12px;line-height:14px;word-break:break-all;margin-bottom:28px}
.view_cont .board_desc .txt_origin dd{margin-left:42px}
.view_cont .board_desc table,.view_cont .board_desc tbody{display:block}
.view_cont .board_desc tr,.view_cont .board_desc td{display:inline}
.view_cont .board_desc img,.view_cont .board_desc iframe{max-width:95%}
.board_desc .txt_origin .ico_origin{float:left;margin:0 6px 0 0;padding:2px 5px;border:solid 1px #e6e6e6;background:#ededed;color:#303030;line-height:12px}
.board_desc .txt_origin .link_origin{font-family:Helvetica,sans-serif;font-weight:normal;color:#9294a4;text-decoration:underline}
.read_cont_table .read_cont_td{font-size:15px;line-height:23px}
.view_cont .recomm_comm{overflow:hidden;margin:37px auto 0;text-align:center;font-family:Helvetica,sans-serif}
.recomm_comm .bround{width:72px;height:42px;padding-top:6px;font-size:14px;line-height:16px;color:#fff;-webkit-box-shadow:inset 0 1px 1px rgba(255,255,255,0.2);box-shadow:inset 0 1px 1px rgba(255,255,255,0.2)}
.recomm_comm .btn_recomm{margin-right:4px;border-color:#0e66b7;background-color:#2073d8}
.recomm_comm .btn_opposite{border-color:#9a9bab;background-color:#bfc0c9}
.recomm_comm .ico_ruliweb{margin:0 auto 3px}
.recomm_comm .ico_up{width:18px;height:18px;background-position:-60px -140px}
.recomm_comm .ico_down{width:18px;height:18px;background-position:-80px -140px}
.board_edit{margin:24px 10px 0 0;font-size:12px;line-height:14px;text-align:right}
.board_edit .btn_ruliweb{display:inline-block}
.board_edit .txt_bar{display:inline-block;margin:0 3px;color:#dfdfdf}
.board_btn{margin:12px 10px 0}.board_btn .btn_list{float:left;width:56px;height:34px;padding-left:21px;background-position:0 -130px;line-height:34px}
.cont_ruliweb .box_cmd{overflow:hidden;height:36px;padding:10px 10px 0;border-top:solid 1px #e5e5e5;border-bottom:solid 1px #e5e5e5;background:#f1f2f5}
.box_cmd .bg_btn{float:left;width:35px;padding-left:9px;background-position:0 -30px;margin-right:6px}
.box_cmd .btn_list{width:33px;margin-right:6px;padding-left:15px;background-position:0 0}
.box_cmd .paging_comm{float:right}.box_cmd .paging_comm .bround{float:left;width:30px;height:16px;padding-top:9px;border-color:#afafaf;background-color:#fdfdfd;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fcfcfc));background-image:-moz-linear-gradient(top,#fff,#fcfcfc);background-image:-o-linear-gradient(top,#fff,#fcfcfc);background-image:linear-gradient(to bottom,#fff,#fcfcfc)}.box_cmd .paging_comm .btn_prev{margin-right:4px}
.box_cmd .paging_comm .bround .ico_ruliweb{width:12px;height:8px;margin:0 auto}
.box_cmd .paging_comm .btn_prev .ico_prev{background-position:-110px -110px}
.box_cmd .paging_comm .btn_next .ico_next{background-position:-110px -130px}
.market_view{overflow:hidden;padding-bottom:24px}
.ruliweb_market .view_tit{padding:11px 0 21px;border-top:0}
.view_tit .tit_market{font-size:16px;line-height:18px;color:#303030}
.view_tit .info_append .txt_append{width:100%;padding-top:6px}
.view_tit .info_append .txt_price .num_ruliweb{color:#377bb8}
.view_tit .info_append .txt_phone{position:relative;color:#a3a3a3}
.view_tit .txt_phone .bround{position:absolute;top:2px;height:20px;padding:7px 0 0 7px;line-height:20px;border-color:#afafaf}
.view_tit .txt_phone .bround .txt_note{float:left;font-size:12px;line-height:12px}.view_tit .txt_phone .btn_phone{right:59px;width:65px}
.view_tit .txt_phone .btn_phone .ico_phone{float:left;width:11px;height:10px;margin-right:3px;background-position:-60px -204px}
.view_tit .txt_phone .btn_message{right:0;width:43px}
.view_tit .txt_phone .btn_message .ico_message{float:left;width:10px;height:12px;margin-right:4px;background-position:-60px -218px}
.market_cont{padding:14px 10px 17px;border-top:solid 1px #e6e6e6}.market_cont .board_desc{font-size:15px;line-height:20px;color:#292c2e}
*/
.topmc a.on {color:#000;}