#Board{position:relative;}
#Board table, #Board table th, #Board table td {border:0 none; font-weight:300;}

/*form.skin*/
#Board.form .type1 {width:100%; padding:15px 0; border-top:1px solid #222; border-bottom:1px solid #ddd; overflow:hidden;}
#Board.form .type1 caption {display:none}
#Board.form .type1 table {width:100%;}
#Board.form .type1 th {width:150px; padding-bottom:15px; text-align:left; vertical-align:top; line-height:45px;}
#Board.form .type1 th .info_txt {display:block; font-size:15px; color:#999;}
#Board.form .type1 th.bg,
#Board.form .type1 td.bg {background:#fafafa;}
#Board.form .type1 td {padding-bottom:15px; font-family:'Montserrat', 'Noto Sans KR', Noto Sans KR, '돋움', Dotum, Helvetica, AppleGothic, Sans-serif; vertical-align:top;}
#Board.form .type1 td.email {font-family:'Montserrat', 'Noto Sans KR', Noto Sans KR, '돋움', Dotum, Helvetica, AppleGothic, Sans-serif;}
#Board.form .type1 td input.text {width:410px;}
#Board.form .type1 td input.last_name {width:350px;}
#Board.form .type1 td .SelectType01.year {min-width:120px;}
#Board.form .type1 td .SelectType01.num {min-width:90px; margin-left:20px;}
#Board.form .type1 td .info_txt {display:inline-block; padding-left:10px; font-weight:300; color:#999; vertical-align:middle;}
#Board.form .type1 td p {line-height:45px;}
#Board.form .type1 td label {margin-right:20px; font-weight:300;}
#Board.form .type1 td .Radio01 {display:inline-block; margin-top:10px; vertical-align:middle;}

.filetype {position: relative; display: inline-block; vertical-align: top;}
.filetype :after {display:block; content:""; clear:both;}
.filetype * {vertical-align: middle;}
.filetype .file-text {position: relative; text-overflow: ellipsis; white-space: nowrap; overflow: z-index: 10;}
.filetype .file-select { position: absolute; top: 0; right: 0; width: 120px; overflow: hidden;}
.filetype .file-select .input-file {width: 120px; filter: alpha(opacity=0); opacity: 0; height: 45px; cursor:pointer;}
.filetype .file-text + .file-btn {display: inline-block;}
.fileimg {display:none; margin-top:10px;}
.fileimg .filebox {position:relative; display:inline-block; vertical-align:top;}
.fileimg .filebox img {max-height:150px;}
.fileimg .filebox .btn_delete {position:absolute; top:0; right:0; width:15px; height:15px; background:url('/images/common/btn/btn_delete.jpg') no-repeat 0 0; font-size:0; line-height:0; text-indent:-9999px; z-index:1;}

/*view.skin*/
#Board.view .type1 {width:100%; overflow:hidden;}
#Board.view .type1 caption{display:none}
#Board.view .type1 table {width:100%; border-top:1px solid #222; table-layout:fixed;}
#Board.view .type1 th {width:150px; border-bottom:1px solid #eee; padding:16px 0 16px 20px; text-align:left; font-weight:300; vertical-align:top; line-height:24px;}
#Board.view .type1 td {border-bottom:1px solid #eee; padding:16px 0; font-family:'Montserrat', 'Noto Sans KR', Noto Sans KR, '돋움', Dotum, Helvetica, AppleGothic, Sans-serif; font-weight:300; color:#222; vertical-align:top; line-height:24px;}
#Board.view .type1 td strong,
#Board.view .type1 td b {font-weight:400;}
#Board.view .type1 td img {max-width:100%;}
#Board.view .type1 td .profile_img {margin:5px 0;}
#Board.view .type1 td .profile_img img {max-height:150px;}


/*============================================================*/
/*======================= PC 1600 px ~ =======================*/
/*============================================================*/
@media only screen and (max-width:1600px){



}

/*============================================================*/
/*======================= PC 1400 px ~ =======================*/
/*============================================================*/
@media only screen and (max-width:1400px){


}

/*============================================================*/
/*======================= PC 1280 px ~ =======================*/
/*============================================================*/
@media only screen and (max-width:1280px){

}

/*============================================================*/
/*======================= Tablet 1024 px ~ =======================*/
/*============================================================*/
@media only screen and (max-width:1024px){

/*form.skin*/
#Board.form .type1 th {width:120px; line-height:40px;}
#Board.form .type1 td input.text {width:300px;}
#Board.form .type1 td input.last_name {width:250px;}

.filetype .file-select {width:100px;}
.addBoxWrap .input_con .filetype input.text {width:calc(100% - 105px);}
.filetype .file-select .input-file {width:100px; height:40px;}

}

/*===============================================================*/
/*======================= Tablet 850 px ~ =======================*/
/*===============================================================*/
@media only screen and (max-width:850px){


}

/*===============================================================*/
/*======================= Tablet 768 px ~ =======================*/
/*===============================================================*/
@media only screen and (max-width:768px){

/*form.skin*/
#Board.form .type1 td input.text {width:260px;}
#Board.form .type1 td input.last_name {width:200px;}
#Board.form .type1 td input.other_text {display:block; margin-top:5px;}
#Board.form .type1 td .info_txt {display:block; padding-left:0; padding-top:5px;}
}

/*===============================================================*/
/*======================= Tablet 640 px ~ =======================*/
/*===============================================================*/
@media only screen and (max-width:640px){

/*form.skin*/
#Board.form .type1 {padding-bottom:10px;}
#Board.form .type1 th {display:block; width:100%; padding-bottom:0; padding-left:0; padding-right:0; box-sizing:border-box; line-height:1.5;}
#Board.form .type1 td {display:block; width:100%; padding-top:10px; padding-bottom:20px; box-sizing:border-box;}
#Board.form .type1 td input.text {width:100%;}
#Board.form .type1 td input.mail,
#Board.form .type1 td input.file-text {float:left; width:calc(99% - 20vw);}
#Board.form .type1 td input.other_text {margin-top:1%;}
#Board.form .type1 td .btn_gray {float:left; margin-left:1%;}
#Board.form .type1 td input.fst_name {float:left; width:55%;}
#Board.form .type1 td input.last_name {float:left; width:44%; margin-left:1%;}
#Board.form .type1 td .SelectType01 {width:100%;}
#Board.form .type1 td .SelectType01.year {width:100px; min-width:100px;}
#Board.form .type1 td .SelectType01.num {width:80px; min-width:80px;}
#Board.form .type1 td .Radio01 {margin-top:5px;}
#Board.form .type1 td .filetype {width:100%;}

/*view.skin*/
#Board.view .type1 colgroup {display:none;}
#Board.view .type1 th {display:block; width:100%; padding-bottom:0; padding-left:0; padding-right:0; border-bottom:none; box-sizing:border-box;}
#Board.view .type1 td {display:block; width:100%; padding-top:10px; padding-left:0; padding-right:0; box-sizing:border-box;}

}

/*===============================================================*/
/*======================= Mobile 520 px ~ =======================*/
/*===============================================================*/
@media only screen and (max-width:520px){

/*form.skin*/
#Board.form .type1 {padding:4% 0 6%;}
#Board.form .type1 th {font-size:3.6vw;}
#Board.form .type1 td {padding:2% 0 4%;}
#Board.form .type1 td .SelectType01.year {width:18%; min-width:18%; background-position:110% center;}
#Board.form .type1 td .SelectType01.num {width:16%; min-width:16%; margin-left:4%; background-position:110% center;}
#Board.form .type1 th .info_txt {padding-top:2%;}
#Board.form .type1 td .Radio01 {margin-top:0;}

.filetype .file-select {width:20vw;}
.filetype .file-select .input-file {width:20vw; height:10vw;}
.fileimg .filebox img {max-height:30vw;}

/*view.skin*/
#Board.view .type1 th {padding-top:3%; font-size:3.6vw; line-height:5.5vw;}
#Board.view .type1 td {padding:1% 0 3%; line-height:5.5vw;}
#Board.view .type1 td .profile_img img {max-height:30vw;}

}


/*===============================================================*/
/*======================= Mobile 480 px ~ =======================*/
/*===============================================================*/
@media only screen and (max-width:480px){


}


/*===============================================================*/
/*======================= Mobile 360 px ~ =======================*/
/*===============================================================*/
@media only screen and (max-width:360px){



}


/*===============================================================*/
/*======================= Mobile 320 px ~ =======================*/
/*===============================================================*/
@media only screen and (max-width:320px){



}