.board_wrap {float:left; width:100%;}
/* 온라인상담 */
.online_board_sty01 {float:left; width:100%;}

.online_board_sty01_tip{float:left; width:100%; font-size:13px; font-weight:400; color:red; margin-bottom:15px;}
.online_board_sty01_line{float:left; width:100%;}
.online_board_sty01_line .online_box{float:left; width:calc(50% - 8px); height:48px;  overflow:hidden; margin-bottom:15px; position:relative; /*border-radius:4px; box-shadow:0px 2px 2px rgba(0,0,0,0.05);*/ box-sizing:border-box;}
.online_board_sty01_line .online_box:nth-child(2){margin-left:15px;}
.online_board_sty01_line .online_box:nth-child(4){margin-left:15px;}

.online_board_sty01_inputset {margin:0 -5px; clear:both;}
.online_board_sty01_inputset ul {overflow:hidden; }
.online_board_sty01_inputset ul li {float:left; width:33.3%; box-sizing:Border-box; padding:0 5px; padding-bottom:10px;}
/*.online_board_sty01_inputset ul li:first-child {width:33.4%;}*/
.online_board_sty01_inputset input {box-sizing:Border-box;}
.online_board_sty01_inputset input[type=text]{float:left; width:100%; height:48px; border:0; margin:0; padding:0 15px; font-size:16px; font-weight:400; color:#555;border:1px solid #ddd;}
.online_board_sty01_inputset input[type=password]{float:left; width:100%; height:48px; border:0; margin:0; padding:0 15px; font-size:16px; font-weight:400; color:#555;border:1px solid #ddd;}
.online_board_sty01_inputset input[type=number]{float:left; width:100%; height:48px; border:0; margin:0; padding:0 15px; font-size:16px; font-weight:400; color:#555;border:1px solid #ddd;}
.online_board_sty01_inputset input[type=tel]{float:left; width:100%; height:48px; border:0; margin:0; padding:0 15px; font-size:16px; font-weight:400; color:#555;border:1px solid #ddd;}

.online_board_sty01_line p{float:left; font-size:14px; font-weight:400; color:#999; width:20px; text-align:center; line-height:48px;}
.online_board_sty01_line .online_select{background:url(../images/contents/ico_select.png) no-repeat right 15px center; background-size:10px auto; width:86px;}
.online_board_sty01_line .online_select label{font-size:16px; font-weight:400; color:#555; position:absolute; left:15px; top:14px;}
.online_board_sty01_line .online_select select{display:block; float:left; width:100%; height:48px; border:0; padding:0; opacity:0;}
.online_board_sty01_line .online_txt{float:left; width:100%; height:200px; border:1px solid #ddd; overflow:hidden; margin-bottom:15px; /*border-radius:4px; box-shadow:0px 4px 4px rgba(0,0,0,0.05);*/ box-sizing:border-box;}
.online_board_sty01_line .online_txt textarea{float:left; width:100%; height:200px; border:0; margin:0; padding:15px; font-size:16px; font-weight:400; color:#555; line-height:26px; resize:none; box-sizing:border-box;}

.btn_sty01{float:left; width:100%; text-align:center; margin-top:30px; margin-bottom:30px;}
.btn_sty01 a{display:inline-block; width:180px; padding:12px 0; font-size:16px; font-weight:400; color:#fff; background:#d2232a; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease;}
.btn_sty01 a:hover{background:#282a8a; font-size:16px; font-weight:400; color:#fff;}

.go_online{display:inline-block; float:right; padding:10px 24px;  font-weight:400; color:#fff; background:#464646;}
.go_online:hover{ font-weight:400; color:#fff; text-decoration:none;}

.read_ok{display:inline-block; font-size:12px; font-weight:300; color:#00aeef; padding:2px 0px; border:1px solid #00aeef; text-align:center; width:54px;}
.read_ing{display:inline-block; font-size:12px; font-weight:300; color:#163f71; padding:2px 0px; border:1px solid #163f71; text-align:center; width:54px;}
.read_no{display:inline-block; font-size:12px; font-weight:300; color:#666; padding:2px 0px; border:1px solid #ddd; text-align:center; width:54px;}



/* 온라인문의 비번 */
.pass_pop{width:340px; height:250px; padding:20px; background:#fff; position:absolute; top:0%; left:50%; margin-top:-250px; margin-left:-170px; z-index:2000; text-align:center; /*border-radius:10px;*//*transition:none;*/}
.pass_pop h1{float:left; width:100%; font-size:28px; font-weight:500; color:#222; margin:0;}
.pass_pop p{float:left; width:100%; font-size:15px; font-weight:400; color:#666; line-height:24px; margin:20px 0;}
.pass_pop .input_box{float:left; width:100%; height:38px; background:#fff; border:1px solid #ddd; overflow:hidden;}
.pass_pop .input_box input[type=password]{display:block; float:left; width:100%; height:38px; border:0; margin:0; padding:0 10px; text-align:center; box-sizing:Border-box;}
.pass_pop ul{display:block; float:left; width:100%; margin:20px 0 0 0;}
.pass_pop ul li{display:inline-block;}
.pass_pop ul li a{display:block; float:left; padding:6px 20px; font-size:15px; font-weight:400; color:#fff;}
.pass_pop ul li:nth-child(1) a{background:#888; border:1px solid #888;}
.pass_pop ul li:nth-child(2) a{background:#163f71; border:1px solid #163f71;}


/****** 게시판 검색 ******/
.board_search_sty01 {float:left; width:100%; margin:0 0 40px 0;}
.board_search_sty01 .search_wrap{width:100%; max-width:370px; height:42px; margin:0 auto; border:2px solid #eb4846; overflow:hidden;} 
.board_search_sty01 .search_wrap .search_input{float:left; width:calc(100% - 42px); height:38px; overflow:hidden;}
.board_search_sty01 .search_wrap .search_input input{display:block; float:left; width:100%; height:38px; padding:0 10px; margin:0; border:0;}
.board_search_sty01 .search_wrap .search_btn{display:block; float:left; width:42px; height:38px; background:url(../images/search_btn.png) no-repeat center; text-indent:-10000px;}




/* 개인정보이용동의체크 */
.online_board_sty01_checking{width:100%; border:1px solid #ddd; float:left; background:#fff; padding:20px; overflow:hidden; box-sizing:border-box;}
.online_board_sty01_checking h3{float:left; width:100%; font-size:15px; margin-bottom:10px;}
.online_board_sty01_checking ul{display:block; float:left; width:100%;}
.online_board_sty01_checking ul li{display:block; width:100%; float:left; font-size:13px; font-weight:300; color:#444; line-height:24px;}
.online_board_sty01_checking ul li a{display:block; float:left; padding:5px 12px; font-size:13px; font-weight:400; color:#212121; background:#f5f5f5; border:1px solid #ddd; margin-top:5px;}
.online_board_sty01_checking .checkcheck{width:100%; float:left; margin-top:10px;}
.online_board_sty01_checking .checkcheck input{float:left; width:16px; height:16px; padding:0; margin:4px 4px 0 0 !important;}
.online_board_sty01_checking .checkcheck p{float:left; font-size:15px; font-weight:300; color:#333;}


/* 버튼 */
.form_btn{float:left; width:100%; margin-top:40px;}
.form_btn ul{display:block; float:left; width:100%; text-align:center;}
.form_btn ul li{display:inline-block;}
.a_btn{display:block; float:left; width:180px; height:42px; font-size:16px; font-weight:500; line-height:40px;} 
.a_btn:hover{font-size:16px; font-weight:500;}
.submit{color:#fff; text-align:left; text-indent:30px; background:#004aa0 url(../images/contents/submit.png) no-repeat right 30px center;}
.doc_down{color:#fff; text-align:left; text-indent:30px; background:#00b5dc url(../images/contents/download.gif) no-repeat right 30px center;}


.dev_board_width {width:100%!important; margin-top:20px;}

.t_sty01 {float:left; width:100%; border-top: 2px solid #ed1f24; border-bottom:1px solid #ddd;}
.t_sty01 th,.t_sty01 td {text-align:Center; vertical-align:middle!important;}
.t_sty01 td.td_left {text-align:left;}
.t_sty01 td.td_left span{cursor:pointer;}
.t_sty01 th,.t_sty01 td a {color:#444;}
.t_sty01 th,.t_sty01 td a:hover {text-decoration:none;}
.t_sty01 td a.pdf_btn{display:inline-block; padding:2px 10px; border:1px solid #ddd;}
.t_sty01 td a.pdf_btn:hover{ background:#163f71; border:1px solid #163f71; color:#fff;}
.t_sty01 th {border-bottom:1px solid #ddd!important; background:#f9f9f9; padding:15px 10px !important;}
.t_sty01 td {padding:10px 10px !important;}
.t_sty01 td span.read_ok{display:inline-block; font-size:12px; font-weight:300; color:#00aeef; padding:2px 0px; border:1px solid #00aeef; text-align:center; width:54px;}
.t_sty01 td span.read_ing{display:inline-block; font-size:12px; font-weight:300; color:#163f71; padding:2px 0px; border:1px solid #163f71; text-align:center; width:54px;}
.t_sty01 td span.read_no{display:inline-block; font-size:12px; font-weight:300; color:#666; padding:2px 0px; border:1px solid #ddd; text-align:center; width:54px;}

.board_wrap td span.read_ok{display:inline-block; font-size:12px; font-weight:300; color:#00aeef; padding:2px 0px; border:1px solid #00aeef; text-align:center; width:54px;}
.board_wrap td span.read_ing{display:inline-block; font-size:12px; font-weight:300; color:#163f71; padding:2px 0px; border:1px solid #163f71; text-align:center; width:54px;}
.board_wrap td span.read_no{display:inline-block; font-size:12px; font-weight:300; color:#666; padding:2px 0px; border:1px solid #ddd; text-align:center; width:54px;}


.t_sty01_detail td { border-bottom:1px solid #ddd;}


/*page_num_sty03*/
.page_num_sty03 {float:left; width:100%; text-align:center; margin-top:50px; padding-bottom:30px;}
.page_num_sty03 a { display:inline-block; font-size:16px; vertical-align:top; background-color: #eee; color:#333333;   border: 1px solid #ccc;  line-height: 36px; width:34px; height:34px; transition:all ease 0.5s; margin:0 2px;}
.page_num_sty03 a:hover {text-decoration: none;color:#fff; background:#006e92; border: 1px solid #006e92;}
.page_num_sty03 a.on {color:#fff; background:#ed1f24; border: 1px solid #ed1f24;}
.page_num_sty03 a.p_nv_f,.page_num_sty03 a.p_nv_l { border: 1px solid #ddd; background:#fff;}
.page_num_sty03 a.p_nv_f:hover,.page_num_sty03 a.p_nv_l:hover  {background:#fff;  border: 1px solid #aaa;}
.page_num_sty03 a.p_nv_f img,.page_num_sty03 a.p_nv_l img {margin-top:9px;}

.page_num_sty03 a span.pa_n_fs {font-size:12px; line-height:12px;}


.gray_bg {position:fixed!important;}
.pass_pop {position:fixed!important;}


.filebox {float:left; width:100%; margin-bottom:15px;}
.filebox input{border:none; height:36px; line-height:36px; border-radius:0;-moz-border-radius: 0;	-webkit-border-radius: 0; -webkit-background:#fff;-moz-background:#fff;}
.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.filebox label {  height:35px; line-height:38px; box-sizing:border-box; float:left; padding:0 10px; color:#4b8fcc; width:90px; cursor: pointer;  text-align:center; background:#bbbbbb; color:#fff; font-weight:300;}
.filebox label:hover{color:#fff; background:#4b8fcc; }
.filebox .upload-name {color:#777; width:calc(100% - 90px);  float:left; padding:0 10px;   border-radius: 0;  -webkit-appearance: none;  -moz-appearance: none;  appearance: none; box-sizing:border-box; height:35px; line-height:38px; background:none;}



@media screen and (max-width:991px){
/* 게시판 작성, 온라인상담 */
.online_board_sty01_line .online_box{width:100%;}
.online_board_sty01_line .online_box:nth-child(2){margin-left:0px;}
.online_board_sty01_line .online_box:nth-child(3){margin-left:0px;}
.online_board_sty01_line .online_txt{float:left; width:100%; height:150px; border:1px solid #ddd; /*border-radius:4px;*/ overflow:hidden; margin-bottom:15px;}
.online_board_sty01_line .online_txt textarea{height:150px;}

/* 게시판 검색 */
.board_search_sty01 {margin:0 0 30px 0;}

}




@media screen and (max-width:767px){
/* 게시판 작성, 온라인상담 */
.online_board_sty01_line .online_box{width:100%;}
.online_board_sty01_line .online_box:nth-child(2){margin-left:0px;}
.online_board_sty01_line .online_box:nth-child(3){margin-left:0px;}
.online_board_sty01_line .online_txt{float:left; width:100%; height:150px; border:1px solid #ddd; /*border-radius:4px;*/ overflow:hidden; margin-bottom:15px; margin-top:5px;}
.online_board_sty01_line .online_txt textarea{height:150px;}

/* 게시판 검색 */
.board_search_sty01 {margin:0 0 20px 0;}
.board_search_sty01 .search_wrap {max-width:100%; height:36px;} 
.board_search_sty01 .search_wrap .search_input {width:calc(100% - 36px); height:34px;}
.board_search_sty01 .search_wrap .search_input input {height:34px; font-size:14px;}
.board_search_sty01 .search_wrap .search_btn {width:36px; height:34px; background-size:18px auto;}



.t_sty01 th,.t_sty01 td,.go_online, .t_sty01 td a,.go_online:hover {font-size:14px;}
}


@media screen and (max-width:430px){
.online_board_sty01_line .online_box input,.online_board_sty01_line .online_txt textarea,.online_board_sty01_checking .checkcheck p {font-size:14px!important;}


.page_num_sty03 a {font-size:13px;width:26px; height:26px; line-height:26px; margin:0 1px;}
.page_num_sty03 .p_nv_f img {width:8px;}
.page_num_sty03 .p_nv_f02 img,.p_nv_l img  {width:5px;}
.page_num_sty03 .p_nv_l02 img {width:8px;}


.online_board_sty01_inputset {margin:0;}
.online_board_sty01_inputset ul li {width:100%!important; padding:5px 0;}
.online_board_sty01_inputset input {font-size:14px!important;}
}