﻿@charset "utf-8";

/* 서브 input */

.input_contents_box { width:100%; background-color:#F9F9F9; padding:40px; margin-bottom:30px;}
.input_contents_box input { background-color:rgba(255,255,255,0.7); border:1px solid #CCC; width:100%;}
.input_contents_box select { background-color:rgba(255,255,255,0.7); border:1px solid #CCC;}
.input_contents_box textarea { background-color:rgba(255,255,255,0.7); border:1px solid #CCC; width:100%; padding:10px; font-family: 'NanumSquareRound', sans-serif; line-height:18px;}
.input_contents_box:after { display:block; content:""; clear:both;}
.input_data_box { position:relative; padding:0; margin:0; width:100%; height:auto; text-align:left; font-size:13px;}
.input_data_box ul {}
.input_data_box ul li { border-bottom:1px solid #EBEBEB;}
.input_data_box ul li:last-child { border-bottom:none;}
.input_data_box2 { position:relative; display:inline-block; padding:0; margin:0; width:47%; margin:1%; height:auto; text-align:left; font-size:13px; vertical-align:top;}
.input_data_box2 ul {}
.input_data_box2 ul li { border-bottom:1px solid #EBEBEB;}
.input_data_box2 ul li:last-child { border-bottom:none;}
.input_name { display:inline-block; width:15%; padding:10px; vertical-align:top; line-height:24px;}
.input_txt { display:inline-block; width:83%; padding:10px; vertical-align:top; line-height:24px;}
.input_name2 { display:inline-block; width:30%; padding:10px; vertical-align:top; line-height:24px;}
.input_txt2 { display:inline-block; width:68%; padding:10px; vertical-align:top; line-height:24px;}
.input_txt3 { display:inline-block; width:100%; padding:10px; vertical-align:top; line-height:24px;}
.input_notice { margin-top:20px; text-align:center;}
.input_bg_sub { border-top:1px solid #999;}
.input_box_btn { padding:20px 0; text-align:center;}
.input_box_btn:after { display:block; content:""; clear:both;}
.input_photo { width:130px; height:160px; margin-bottom:10px;}
.input_btn_w { display:inline-block; padding:2px 20px; background-color:#FFF; border:1px solid #CCC; font-size:12px; line-height:24px;}
.input_btn_w span { font-size:10px;}
/* 서브 end ----------------------------------- */


/* 1024 ~ 768까지 태블릿 설정 */

@media screen and (max-width:1024px){

/* 서브 input */
.input_contents_box { width:100%; background-color:#F9F9F9; padding:30px; margin-bottom:30px;}
.input_contents_box input { background-color:rgba(255,255,255,0.7); border:1px solid #CCC; width:100%;}
.input_contents_box select { background-color:rgba(255,255,255,0.7); border:1px solid #CCC;}
.input_contents_box textarea { background-color:rgba(255,255,255,0.7); border:1px solid #CCC; width:100%; padding:10px; font-family: 'NanumSquareRound', sans-serif; line-height:18px;}
.input_contents_box:after { display:block; content:""; clear:both;}
.input_data_box { position:relative; padding:0; margin:0; width:100%; height:auto; text-align:left; font-size:13px;}
.input_data_box ul {}
.input_data_box ul li { border-bottom:1px solid #EBEBEB;}
.input_data_box ul li:last-child { border-bottom:1px solid #EBEBEB;}
.input_data_box2 { position:relative; display:inline-block; padding:0; margin:0; width:100%; margin:0; height:auto; text-align:left; font-size:13px; vertical-align:top;}
.input_data_box2 ul {}
.input_data_box2 ul li { border-bottom:1px solid #EBEBEB;}
.input_data_box2 ul li:last-child {  border-bottom:1px solid #EBEBEB;}
.input_name { display:inline-block; width:20%; padding:10px; vertical-align:top; line-height:24px;}
.input_txt { display:inline-block; width:78%; padding:10px; vertical-align:top; line-height:24px;}
.input_name2 { display:inline-block; width:20%; padding:10px; vertical-align:top; line-height:24px;}
.input_txt2 { display:inline-block; width:78%; padding:10px; vertical-align:top; line-height:24px;}
.input_txt3 { display:inline-block; width:100%; padding:10px; vertical-align:top; line-height:24px;}
.input_notice { margin-top:20px; text-align:center;}
.input_bg_sub { border-top:1px solid #999;}
.input_box_btn { padding:20px 0; text-align:center;}
.input_box_btn:after { display:block; content:""; clear:both;}
.input_photo { width:130px; height:160px; margin-bottom:10px;}
.input_btn_w { display:inline-block; padding:2px 20px; background-color:#FFF; border:1px solid #CCC; font-size:12px; line-height:24px;}
.input_btn_w span { font-size:10px;}
/* 서브 end ----------------------------------- */
}



/* 767 ~ 320까지 모바일 설정 */

@media screen and (max-width:767px){

/* 서브 input */

.input_contents_box { width:100%; background-color:#F9F9F9; padding:15px; margin-bottom:20px;}
.input_contents_box input { background-color:rgba(255,255,255,0.7); border:1px solid #CCC; width:100%;}
.input_contents_box select { background-color:rgba(255,255,255,0.7); border:1px solid #CCC;}
.input_contents_box textarea { background-color:rgba(255,255,255,0.7); border:1px solid #CCC; width:100%; padding:10px; font-family: 'NanumSquareRound', sans-serif; line-height:18px;}
.input_contents_box:after { display:block; content:""; clear:both;}
.input_data_box { position:relative; padding:0; margin:0; width:100%; height:auto; text-align:left; font-size:12px;}
.input_data_box ul {}
.input_data_box ul li { border-bottom:1px solid #EBEBEB;}
.input_data_box ul li:last-child { border-bottom:1px solid #EBEBEB;}
.input_data_box2 { position:relative; display:inline-block; padding:0; margin:0; width:100%; margin:0; height:auto; text-align:left; font-size:12px; vertical-align:top;}
.input_data_box2 ul {}
.input_data_box2 ul li { border-bottom:1px solid #EBEBEB;}
.input_data_box2 ul li:last-child {  border-bottom:1px solid #EBEBEB;}
.input_name { display:inline-block; width:100%; padding:10px 10px 0 10px; vertical-align:top; line-height:18px;}
.input_txt { display:inline-block; width:100%; padding:10px; vertical-align:top; line-height:24px;}
.input_name2 { display:inline-block; width:100%; padding:10px 10px 0 10px; vertical-align:top; line-height:18px;}
.input_txt2 { display:inline-block; width:100%; padding:10px; vertical-align:top; line-height:24px;}
.input_txt3 { display:inline-block; width:100%; padding:10px; vertical-align:top; line-height:24px;}
.input_notice { margin-top:20px; text-align:center;}
.input_bg_sub { border-top:1px solid #999;}
.input_box_btn { padding:20px 0; text-align:center;}
.input_box_btn:after { display:block; content:""; clear:both;}
.input_photo { width:130px; height:160px; margin-bottom:10px;}
.input_btn_w { display:inline-block; padding:2px 20px; background-color:#FFF; border:1px solid #CCC; font-size:12px; line-height:24px; margin-bottom:10px !important;}
.input_btn_w span { font-size:10px;}

/* 서브 end ----------------------------------- */
}