/* 온라인상담 */
.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;  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;}
.online_board_sty01_inputset ul {overflow:hidden; margin-bottom:10px;}
.online_board_sty01_inputset ul li {float:left; width:33.3%; box-sizing:Border-box; padding:0 5px;}
.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_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-size:13px; font-weight:400; color:#fff; background:#163f71;}
.go_online:hover{font-size:13px; 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;}
.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;}






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




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



}




@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;}
.online_board_sty01_line .online_txt textarea{height:150px;}


}


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

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