@charset "utf-8";
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url(common.css);
*{font-family: Nanum Gothic, "나눔고딕", NanumGothic, "돋움", dotum, sans-serif; font-size:13px; }
/* Reset */
html,body{width:100%;height:100%}
html{overflow-y:scroll;font-size:10px}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}
body,h1,h2,h3,h4,input,button{font-family: Nanum Gothic, "나눔고딕", NanumGothic, "돋움", dotum, sans-serif; }
body{background-color:#fff;/* text-align:center; */*word-break:break-all;-ms-word-break:break-all}
img,fieldset,iframe{border:0 none}
li{list-style:none}
input,select,button{vertical-align:middle}
img{vertical-align:top}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0}
a{text-decoration:none}
a:hover{text-decoration:none}
button *{position:relative}
button img{left:-3px;*left:auto}
html:first-child select{height:20px;padding-right:6px}
option{padding-right:6px}
hr{display:none}
legend{*width:0}
table{border-collapse:collapse;border-spacing:0}

a {color:#fff; text-decoration:none; font-family:"dotum";outline:none;select-dummy:expression(this.hideFocus=true)}
a:hover{text-decoration:none}
a:link, a:visited, a:active, a:hover {color:#fff;}

div{zoom:1;}
div:after{content:"";display:block;clerar:both;}



/*input*/
#checkbox { width:15px; height:15px; background-color:#ffffff; border: 1px solid #3989a1;/*IE9+,FF4+,chrome,Safari5,+opera*/
    border-radius: 0px; /*오페라 10.5이상*/
    -moz-border-radius: 0px; /*모질라*/
    -webkit-border-radius: 0px; -webkit-margin-before:2px; /*웹킷브라우저 구글크롬 사파리*/
    behavior: url(ie-css3.htc);/*IE6이상 IE-CSS3 핵사용*/}
#input01 {float:left;width:200px; height:26px; padding:5px; background-color:#ffffff; border: 2px solid #ff4651;/*IE9+,FF4+,chrome,Safari5,+opera*/
    border-radius: 0px; /*오페라 10.5이상*/
    -moz-border-radius: 0px; /*모질라*/
    -webkit-border-radius: 0px; /*웹킷브라우저 구글크롬 사파리*/
    behavior: url(ie-css3.htc);/*IE6이상 IE-CSS3 핵사용*/}
#input02 {float:left;width:57px; height:26px; padding:5px; margin-right: 5px; background-color:#ffffff; border: 2px solid #ff4651;/*IE9+,FF4+,chrome,Safari5,+opera*/
    border-radius: 0px; /*오페라 10.5이상*/
    -moz-border-radius: 0px; /*모질라*/
    -webkit-border-radius: 0px; /*웹킷브라우저 구글크롬 사파리*/
    behavior: url(ie-css3.htc);/*IE6이상 IE-CSS3 핵사용*/}
.textarea01 {clear:both; width:635px; height:115px; background:#e9e9e9; padding:5px; color:#333333; border-color:#a8a8a8; border:solid 1px; padding-left:3px;font-family:Dotum,AppleGothic,sans-serif;font-size:17px; font-weight:bold; #width:645px; #height:175px; #padding-top:7px; #margin-left:35px; overflow:hidden;}
#select {float:left;width:62px; height:40px; padding:5px; margin-right: 5px; background-color:#ffffff; border: 2px solid #ff4651;/*IE9+,FF4+,chrome,Safari5,+opera*/
    border-radius: 0px; /*오페라 10.5이상*/
    -moz-border-radius: 0px; /*모질라*/
    -webkit-border-radius: 0px; /*웹킷브라우저 구글크롬 사파리*/
    behavior: url(ie-css3.htc);/*IE6이상 IE-CSS3 핵사용*/}
input[type=radio]{display: none;}



/*----------여기부터 추가작성 윗부분은 기존 style.css 파일과 동일함*/

.board_wrap {width: 100%; background-color: #f0f0f0; text-align: center;}
#board_con {width: 1200px;  margin: 0 auto; padding-bottom: 70px;}
#board_con h2 img {margin: 80px 0 54px 0;}
#board_con span {display: block;}
#btn_board_q {padding-top: 54px;}
#btn_view_all {float:right; margin: 10px;}

table.list {width: 100%; border: 0; border-spacing: 0px; border-collapse: collapse;}
table.list thead tr th {padding: 11px 0 10px; text-align: center; color: #000; line-height: 30px; background: #d1dae3; font-size: 17px;}
table.list tbody tr td {padding: 15px 0 15px; text-align: center; border-bottom: 1px solid #cccccc; background-color: #fff; font-size: 15px;}
table.list a, a:link, a:visited, a:active {color:#000; font-size: 15px; font-family:Nanum Gothic, "나눔고딕", NanumGothic;}
table.list a:hover {color:#000; text-decoration: underline;}
table.list tbody .q .tit {text-align: left; padding: 20px 0 15px 40px; font-weight: bold;}
table.list tbody .q .tit :before {content:""; display: inline-block; background: url(../board_img/icon_q.png) no-repeat; width: 44px; height: 27px; margin: -5px 6px 0 0; float: left;}
table.list tbody .q .b_num {color:#666;}
table.list tbody .a .tit {text-align: left; padding: 20px 0 15px 90px;}
table.list tbody .a .tit :before {content:""; display: inline-block; background: url(../board_img/icon_a.png) no-repeat; width: 44px; height: 27px; margin: -5px 6px 0 0; float: left;}

/*----------게시판문의하기 팝업*/
.black_overlay {display: none; position: fixed; top: 0%; left: 0%; width: 100%; height: 110%; background-color: black; z-index:1001;
 -moz-opacity: 0.5; opacity:.50; filter: alpha(opacity=50); visibility: visible;}
.white_content {display: none; position: fixed;top: 10%; left: 29%; width: 755px; height: 710px; padding: 20px; z-index:1002; overflow: auto;
    background: url(../board_img/b_pop_bg.jpg) no-repeat white;}

#b_pop01 {padding-top: 200px;}
#b_pop_close {float: right;}

#b_input01 {float:left;width:200px; height:26px; padding:5px; background-color:#ffffff; border: 1px solid #ccc;/*IE9+,FF4+,chrome,Safari5,+opera*/
    border-radius: 0px; /*오페라 10.5이상*/
    -moz-border-radius: 0px; /*모질라*/
    -webkit-border-radius: 0px; /*웹킷브라우저 구글크롬 사파리*/
    behavior: url(ie-css3.htc);/*IE6이상 IE-CSS3 핵사용*/}
#b_input02 {float:left;width:95%; height:26px; padding:5px; background-color:#ffffff; border: 1px solid #ccc;/*IE9+,FF4+,chrome,Safari5,+opera*/
        border-radius: 0px; /*오페라 10.5이상*/
        -moz-border-radius: 0px; /*모질라*/
        -webkit-border-radius: 0px; /*웹킷브라우저 구글크롬 사파리*/
        behavior: url(ie-css3.htc);/*IE6이상 IE-CSS3 핵사용*/}
#b_select {float:left;width:62px; height:40px; padding:5px; margin-right: 5px; background-color:#ffffff; border: 1px solid #ccc;/*IE9+,FF4+,chrome,Safari5,+opera*/
        border-radius: 0px; /*오페라 10.5이상*/
        -moz-border-radius: 0px; /*모질라*/
        -webkit-border-radius: 0px; /*웹킷브라우저 구글크롬 사파리*/
        behavior: url(ie-css3.htc);/*IE6이상 IE-CSS3 핵사용*/}
#b_input04 {float: left; width: 57px; height: 28px; padding: 5px; margin-right: 5px; background-color: #ffffff; border: 1px solid #ccc;}
#b_check {text-align: center;}
#b_submit {text-align: center; padding: 30px;}
.b_textarea {width: 96%; height: 120px; border: 1px solid #ccc;}


table#b_pop_f {margin: 30px 0 0 10px;}
table#b_pop_f tr td {padding-bottom: 10px; border-bottom: 0 !important;}
table#b_pop_f th {font-size: 19px; text-align: left;}


/*----------여기부터 전체보기 게시판*/
.board_all_wrap {width: 100%; background-color: #fff; text-align: center; border-top: 1px solid #ccc;}

/* paging */
.paging {position:relative; width:100%; text-align:center; margin-top:40px;}
.paging a{display:inline-block; font-size:16px;  font-weight:bold; width:22px; height:20px; line-height:24px; vertical-align:middle; margin-right:2px;}
.paging a.active{background:url(''); color:#c51414; }

.paging .page_btn{font-size:0px; border:0;}
.paging .btn_first{background:url('../board_img/btn_first.gif') no-repeat;}
.paging .btn_prev{background:url('../board_img/btn_prev.gif') no-repeat; margin-right:14px;}
.paging .btn_next{background:url('../board_img/btn_next.gif') no-repeat; margin-left:14px;}
.paging .btn_end{background:url('../board_img/btn_end.gif') no-repeat;}


/*-------------------답변하기 */
.answer_wrap {width: 100%; background-color: #fff; text-align: center; border-top: 1px solid #ccc;}
.answer_wrap table thead  th {background-color: #f0f0f0;}

#answer_table {text-align: left;}
#answer_table thead th, #answer_table tbody th, #answer_table tbody th tr, #answer_table tbody tr td{text-align: left; padding-left: 30px !important;}
#answer_table tbody tr {border-bottom: 1px solid #cccccc;}
#my_name {font-weight: bold;}
#q_box, #q_box td {padding-bottom: 60px; border-bottom: 1px #fff !important;}

#yellow th {background-color: #ffedb0;}
#th_red {color:#c51414; width: 70px;}

/*-------------------담당자 연락치및 사진 */
.name_tag {margin-top: 30px; width: 1200px; height: 231px; background: url(../board_img/name_tag_bg.jpg) no-repeat; text-align: left; padding: 22px;}
#blue_t {background-color:#17518c; color: #fff; font-size: 17px; width:393px !important; font-weight: bold; float: left; margin-top: 25px;}

#info2 {width: 600px; float: left;}
#info2 p {display: block; float: left; margin-right: 30px;}
.info_num {display: inline-block; font-size: 17px; width: 300px; padding-bottom: 6px;}
#info2 ul li span {float: left; font-size: 22px; font-weight: bold; letter-spacing:-1px; padding:25px 0;}
#pm_name {color:#17518c;}


/*-------------------담당자 연락처 옆에 빠른상담신청 */
#info_form {float: right; width: 490px; float: right; display: block; padding-top: 25px;}

.q_form tr td {padding-bottom: 1px; text-align: left;}
.q_form tr th {font-size: 15px;}
.q_form #b_input01{height: 17px;}
.q_form #b_input04{height: 17px;}
.q_form #b_select {height: 29px;}
.q_form #b_submit {padding: 0px;}
#agree02 {padding:5px 0 0 70px;}

.btn_group {display: inline-block; text-align: center;}
.btn_group span {float: left;}
.btn_group #btn_board_q {padding: 0 0 0 10px;}