/* 온라인상담 */
.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; display:none;}
.online_board_sty01_line{float:left; width:100%;}
.online_board_sty01_line .online_box{float:left; width:calc(50% - 8px); height:48px; border:1px solid #e9ebee; 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_line .online_box input[type=text]{float:left; width:100%; height:48px; border:0; margin:0; padding:0 15px; font-size:16px; font-weight:400; color:#555;}
.online_board_sty01_line .online_box input[type=password]{float:left; width:100%; height:48px; border:0; margin:0; padding:0 15px; font-size:16px; font-weight:400; color:#555;}
.online_board_sty01_line .online_box input[type=number]{float:left; width:100%; height:48px; border:0; margin:0; padding:0 15px; font-size:16px; font-weight:400; color:#555;}
.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 #e9ebee; 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;}

.online_board_sty01_line .online_box.online_box_male {color:#555; padding:0 20px; box-sizing:border-box; line-height:48px;}

.online_board_sty01_line .online_box.online_box_100 {width:100%;}


.btn_sty01{float:left; width:100%; text-align:center; margin-top:30px; margin-bottom:30px;}
.btn_sty01 a{display:inline-block;padding:0 25px;; line-height:40px; font-size:14px; font-weight:400; color:#fff; background:#1992d1;  box-shadow:0px 2px 2px rgba(0,0,0,0.05);}
.btn_sty01 a:hover{font-size:14px; font-weight:400; color:#fff;}

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



.t_sty01 {float:left; width:100%;  border-top: 2px solid #107799; border-bottom:1px solid #ddd; margin-bottom:30px;}
.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: 2px solid #107799; padding: 15px 10px; font-weight:700;   color: #006e92;    font-size: 17px;}
.t_sty01 td {padding: 13px 10px;     border-bottom: 1px solid #ddd;}
.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{float:left; width:100%; overflow:hidden; /*transition:none; -webkit-transition:none; -moz-transition:none; -o-transition:none;*/}
.board_wrap table{float:left; width:100%;  border-top: 2px solid #107799; /*transition:none; -webkit-transition:none; -moz-transition:none; -o-transition:none;*/}
.board_wrap th, .board_wrap td{padding:10px; color:#333; border-bottom:1px solid #ddd; line-height:24px; /*transition:none; -webkit-transition:none; -moz-transition:none; -o-transition:none;*/}
.board_wrap th{min-width:90px; background:#f8f8f8; font-size:16px; font-weight:400; text-align:center; max-width:234px;}
.board_wrap td{font-size:16px; font-weight:300;}
.board_wrap td a{font-size:16px; font-weight:300;}
.board_wrap td a:hover{font-size:16px;}
.board_wrap td.board_prev a{color:#555;}
.board_wrap td.board_next a{color:#555;}
.board_wrap td.board_reply{background:#f8f8f8 url(../images/contents/reply.png) no-repeat left 15px top 18px; padding-left:30px;}
.board_wrap td.board_reply ul{display:block; float:left; width:100%; margin:0;}
.board_wrap td.board_reply ul li{display:inline-block; float:left; margin-left:4px; font-size:14px; font-weight:300; color:#666;}
.board_wrap td.board_reply ul li:first-child{margin-left:0px; font-weight:500; color:#333;}
.board_wrap td.board_reply div{display:inline-block; float:left; width:100%; font-size:14px; font-weight:300; color:#333; line-height:24px;}


/* 상세 */
.board_wrap td.board_content{padding:20px 10px;}
.board_wrap td.board_down{text-align:center; border-bottom:0px; padding:30px 0;}
.board_wrap td.board_down .down_bt{display:inline-block; width:180px; padding:12px 0; font-size:16px; font-weight:300; color:#fff; background:#163f71;}
.list_go{display:inline-block; padding:10px 24px; font-size:14px; font-weight:400; color:#fff; background:#666; margin-top:30px;}
.list_go:hover{font-size:14px; font-weight:400; color:#fff;}


.wrap_btn {float:left; width:100%; text-align:center; margin-top:20px;}
.wrap_btn a {transition:none; font-size:14px;}
.wrap_btn a:hover {font-size:14px;}
.wrap_btn .btn_blue {background:#265a88; display:inline-block; line-height:40px; text-align:center; color:#fff; padding:0 25px; transition:all ease 0.5s;}
.wrap_btn .btn_blue:hover {text-decoration:none; background:#0b2d55;}


.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;}


.dev_btn_align_right {clear:both; }
.dev_btn_align_right ul,.dev_btn_align_right ul li {width:100%; text-align:center;}


/* 온라인문의 비번 */
/*.pass_pop{width:340px; height:250px; padding:20px; background:#fff; position:fixed; top:50%; left:50%; margin:0!important; z-index:2000; text-align:center; border-radius:10px; top:50%; left:50%; transform:translate(-50%,-50%);}*/
.pass_pop{width:340px; height:250px; padding:20px; background:#fff; position:fixed; left:50%; /*margin:0!important;*/ z-index:2000; text-align:center; border-radius:10px;/*transition:none; top:50%;*/ left:50%; transform:translate(-50%,-50%);}
.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;}

.gray_bg {position:fixed!important; height:100%!important;}




/* 개인정보이용동의체크 */
.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 .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;}

/*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:#006e92; border: 1px solid #006e92;}
.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;}

/****** 게시판 검색 ******/
.board_search_sty02 {clear:Both; width:270px; margin:0 auto; margin-top:20px;}
.board_search_sty02 select {float:left;width:80px;  height:35px; text-indent:5px;border-radius: 0px; border:1px solid #ccc; border-right:0; font-size:14px; color:#777; padding-left:10px;
 -webkit-appearance: none; -moz-appearance: none; appearance: none; background:url(../images/select_arrow.gif) no-repeat right 10px center; box-sizing:border-box;}
.board_search_sty02 select::-ms-expand { display:none; }

.board_search_sty02 input[type="text"] {float:left; width:calc(100% - 115px); box-sizing:border-box; border:1px solid #ccc; height:35px; line-height:35px; text-indent:10px; border-radius:0;}

.board_search_sty02 a {float:right;display:inline-block; width:35px; height:35px; font-size:0; text-indent:-999999px; background:#ccc url(../images/search_bt.gif) no-repeat center center;}



@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(4){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;}



}




@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(4){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_wrap th{min-width:80px; font-size:14px;}
.board_wrap td{font-size:14px;}

.t_sty01 th,.t_sty01 td {font-size:13px;}


/* 상세 */
.board_wrap td.board_content{padding:10px 0;}
.board_wrap td.board_content img{display:block; width:100% !important; height:auto !important;}
.board_wrap td.board_down{text-align:center; border-bottom:0px; padding:30px 0;}
.board_wrap td.board_down .down_bt{display:inline-block; width:180px; padding:12px 0; font-size:16px; font-weight:300; color:#fff; background:#163f71;}
.list_go{padding:10px 20px; font-size:14px;}
.list_go: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;}

.pass_pop {padding-bottom:40px; height:initial; width:90%; box-sizing:border-box; position:fixed; top:0; left:50%; transform:translateX(-50%); margin:0!impotrant;}
.online_board_sty01_line .online_box.online_box_male {font-size:14px;}

}