@charset "euc-kr";
/*CSS Document*/
@import url(/adm/wiz_reset.css);


.select {color:#666; border:1px solid #ccc; background-color:#fff;}
.input {padding:2px; border:1px solid #dfdfdf; background-color:#f7f7f7;}
.input_idpw {color:#545454; border:1px solid #dfdfdf; background-color:#fff;}
.search_input {color: #847f74; border: #cfcfcf 1px solid; background-color: #fff;}
.category_pd { padding-bottom:5px; }

/*ÆäÀÌ¡°£°Ý*/
.Paging_Num{padding:20px 0 0;}
.Paging_Num td { padding-left:3px; }

/*Æнº¿öµåÀÎDz*/
.Password_input input { height:20px; line-height:20px; background:#fff; border:1px solid #ccc; margin:0 1px; padding:3px 4px 3px;}


/* °Ô½ÃÆÇ °Ë»ö------------------------------------------*/
.AWbbs_f_search{padding:10px 0;}
.AWbbs_f_search .post_form{position:relative; float:right;}

.AWbbs_f_search select, .AWbbs_f_search input, .AWbbs_f_search button{height:40px; vertical-align:middle;}
.AWbbs_f_search button img{width:100%; height:100%;}
.AWbbs_f_search select{border:1px solid #ccc; padding:4px 4px 5px;}
.AWbbs_f_search input{width:200px; background:#fff; border:1px solid #ccc; margin:0 5px; box-sizing:border-box;}
.AWbbs_f_search button{position:absolute; top:50%; right:12px; width:19px; height:19px; transform:translateY(-50%); border:none;}

.AWbbs_f_search .post_count{float:left; color:#444; font-size:16px; font-weight:500; line-height:17px; letter-spacing:-0.06rem;}
.post_count .count_blu {color: #0048b5; letter-spacing:normal;}


/* °Ô½ÃÆÇ input ------------------------------------------*/
.AWbbs_input_table{border-top:1px solid #333;}
.AWbbs_input_table th, .AWbbs_input_table td{text-align:left; padding-left:15px; border-bottom:1px solid #ddd; vertical-align:middle;}
.AWbbs_input_table th{height:38px; background:#f7f7f7;}

/* üũ¹Ú½º (HTML ºñ¹Ð±Û °øÁö±Û) */
.AW_bbs_input_checkbox{margin:0 0 10px;}
.AW_bbs_input_checkbox input{vertical-align:middle;}
.AW_bbs_input_checkbox label{vertical-align:middle; margin:0 10px 0 2px;}

.AWbbs_input_table .AWbbs_select {
    height:29px;
    line-height:29px;
    vertical-align:middle;
}
.AWbbs_input_table .input {
    height:29px;
    line-height:30px;
    box-sizing:border-box;
}
.AWbbs_input_table textarea.input {
    height:auto;
    line-height:1.4;
}
.AWbbs_input_table .vcode {
    height:22px;
    line-height:22px;
}
.required_txt {
   text-align:right; margin:0 0 10px; 
}
.passwd_area .passwd {
    display:inline-block;
    margin-left:4px;
}


/* °Ô½ÃÆÇ view ------------------------------------------*/
.AWbbs_view_table{}
.AWbbs_view_table.border{border-top:1px solid #333; border-bottom:none;}
.AWbbs_view_table.border th, .AWbbs_view_table.border td{border:none;}
.AWbbs_view_table th, .AWbbs_view_table td{text-align:left; border-bottom:1px solid #ebebeb; border-left:1px solid #ddd; border-right:1px solid #ddd; vertical-align:middle;}
.AWbbs_view_table th{height:40px; color:#222; font-weight:500; letter-spacing:-0.065rem; text-align:center;}


/* Á¦Ç°¸í */
	/* Å×ÀÌºí ¾È¿¡ Å×ÀÌºí ¸®¼Â */
	.AWbbs_view_table table{border:0 none;}
	.AWbbs_view_table table th, .AWbbs_view_table table td{height:auto; padding:0; border:0 none; background:none;}

	/* ÄÚ¸àÆ® */
	.AWbbs_comment_id{text-align:center; background:#f7f7f7; line-height:1.4;}
	.AWbbs_comment_id p{font-weight:bold;}
	.AWbbs_comment_id span{display:block; color:#999; font-size:10px;}
	
	/* ÄÚ¸àÆ®¾²±â */
	.AWbbs_comment_input_info{}
	.AWbbs_comment_input_info .input{background:#fff;}
  
  /* ¹öÆ° */
.sample_bottom_btn{width:100%; padding:0 4%; margin:20px 0 45px; box-sizing:border-box}
.sample_bottom_btn .left_box{float:left}
.sample_bottom_btn .left_box li{margin-right:5px;}
.sample_bottom_btn .right_box{float:right;}
.sample_bottom_btn .right_box li{margin-left:5px;}
.sample_bottom_btn ul li{float:left;}



/*category_tag*/
.category_tag{padding:20px 0 45px;}
.tag_tit{text-align:center;}
.tag_tit > li{display:inline-block; margin:0 5px;}
.tag_tit > li > button{width:95px;     margin: 3px;height:36px; border:1px solid #0048b5; border-radius:20px; color:#0048b5; font-family:'NotoSans'; font-size:16px; font-weight:500; line-height:36px; box-sizing:border-box;}
.tag_tit > li.on > button{background-color:#0048b5; color:#fff;}

 /* small_sample_board*/
.small_sample_board{width:100%; max-width:1100px; margin:0 auto;}
.small_sample_list > li{float:left;}
.small_sample_list .sample_box{position:relative; width:350px; /*height:530px;*/ margin:20px 25px 25px 0; padding:19px; border:1px solid #ddd; box-sizing:border-box; transition:all 0.3s;}
.small_sample_list .sample_box:hover{border-color:#000; box-shadow:5px 5px 10px rgba(0,0,0,0.2);}
.small_sample_list > li:nth-child(3n) > .sample_box{margin-right:0;}
.small_sample_list .sample_box .checkbox{position:absolute; left:20px; top:20px; z-index:2;}

.sample_img {position:relative; width:100%; height:228px; overflow:hidden;}
.sample_img img {position:absolute; top:0; left:0; right:0; bottom:0; width:auto; height:auto; max-width:100%; max-height:100%; margin:auto; }
.sample_text{width:100%; padding:25px 0 0 0; color:#777; text-indent:10px;}
.sample_text > em{font-size:15px; font-style:normal; line-height:23px;}
.sample_text > h3{margin:10px 0 15px; color:#222; font-size:22px; font-weight:bold; line-height:23px; letter-spacing:-0.065rem; white-space:nowrap; overflow: hidden; text-overflow:ellipsis;}
.sample_text > h3 a{color:#222;}
.sample_content > li{color:#666; font-size:14px; line-height:25px; letter-spacing:-0.065rem; white-space:nowrap; overflow: hidden; text-overflow:ellipsis;}
.sample_content > li:hover, .sample_content > li:focus{color:#0048b5;}
.sample_content > li span{padding-right:8px; font-family:'Lato'; font-weight:500;}
/*.sample_text{} .sample_tag{position:absolute; left:18px; bottom:18px;}*/
.sample_tag > li{float:left; color:#0048b5; font-size:14px; font-weight:500; line-height:31px; letter-spacing:-0.065rem;}

/* sample-small detail*/
.sample{width:100%;}
.sample_tit{position:relative; width:100%; height:auto;}
.sample_tit:before{content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 13, 51, 0.5);}
.sample_tit_img{width:100%; height:auto;}
.sample_tit_img img{width:100%; height:auto;}
.sample_tit_text{position:absolute; left:50%; top:50%; width:100%; transform:translate(-50%, -50%); text-align:center;}
.sample_tit_text > span{color:#fff; font-size:17px; font-weight:500; line-height:23px;}
.sample_tit_text > h3{padding:15px 0 23px; color:#fff; font-size:25px; font-weight:bold;	line-height:23px; letter-spacing:-0.065rem;}
.sample_tit_tag{width:100%;}
.sample_tit_tag > li{display:inline-block; font-size:0; margin:0 2.5px;}
.sample_tit_tag > li > button{width:80px; height:36px; border:1px solid #fff; border-radius:20px; color:#fff; font-family:'NotoSans'; font-size:16px; font-weight:500; line-height:31px; box-sizing:border-box;}


.sample_sub_menu li a{display:block; position:relative; width:100%; height:56px; padding:0 25px; font-size:17px; font-weight:500; line-height:56px; letter-spacing:-0.065rem; box-sizing:border-box; background:#f9f9f9; border-bottom:1px solid #ddd; color:#555; font-size:17px;}
.sample_sub_menu li a span{padding-right:5px;}
.sample_sub_menu li a:after{content:''; display:block; position:absolute; top:50%; right:20px; width:19px; height:11px; background:url(image/sample_arrow.png) 50% 50% no-repeat; transform:translateY(-50%);}
.sample_sub_menu li.on a:after{background:url(image/sample_on.png) 50% 50% no-repeat;}
.sample_content_img{display:none; width:100%; height:auto; padding:0 20px; margin:35px auto; box-sizing:border-box;}
.sample_content_img img{width:100%;}
.sample_sub_menu li.on .sample_content_img{display:block;}
.sample_list_btn{display:block; width:110px; height:40px; margin-top:15px; border:1px solid #ccc; box-sizing:border-box; color:#666; font-size:15px; line-height:40px; font-weight:500; letter-spacing:-0.065rem;}

/* ¸ð¹ÙÀÏ »ùÇà ¸®½ºÆ® */
@media screen and (max-width:1920px){
	.aside p{width:80%; padding:20px 0 5px; margin:0 auto; color:#666; font-size:15px; text-align:center; line-height:22px; letter-spacing:-0.065rem; word-break:keep-all;}
	.category_tag{padding:15px 0;}
	/*.tag_tit > li{margin:0;}*/
	.tag_tit > li > button{width:95px;     margin: 3px;height:32px; line-height:32px; font-size:15px; letter-spacing:-0.065rem;}
	.AWbbs_f_search .post_form{float:none; width:100%; padding:0 4% 20px; border-bottom:1px solid #d9dbdd; box-sizing:border-box;}
	.AWbbs_f_search select{float:left; width:35%; margin:0 0 5px 0;  padding-left: 12px;  background: url(/m/image/ico/select_arrow.png) 94% 50% no-repeat; border: 1px solid #ddd; font-family: 'Lato','NotoSans', sans-serif; font-size:15px; font-weight:500; -webkit-appearance: none;
    -moz-appearance: none;} 
	
	.AWbbs_f_search input{float:right; width:calc(65% - 5px); margin:0; padding-left: 12px; border: 1px solid #ddd; font-family: 'Lato','NotoSans', sans-serif; font-size:15px; font-weight:500;}
	.AWbbs_f_search button{right:6%; margin-top:-10px;}
	.AWbbs_f_search .post_count{float:none; width:100%; padding:25px 4% 0; border-top:12px solid #f2f4f6; box-sizing:border-box;}
	
	.small_sample_board{max-width:1920px; padding:0 4%; box-sizing:border-box;}
	.small_sample_list > li{float:none; max-width:none; height:530px; margin:0 auto;}
	.small_sample_list .sample_box{position:relative; width:100%; height:100%; margin:20px auto 25px; padding:19px; border:1px solid #ddd; box-sizing:border-box; transition:all 0.3s;}
	
	
	/* input.php */
    .AWbbs_input_table { 
        display:block;
        width:100%;
    }
    .AWbbs_input_table thead, .AWbbs_input_table tbody {
        width:100%;
        display:inline-block;
    }
    .AWbbs_input_table thead tr, .AWbbs_input_table tbody tr {
        display:block;
        width:100%;
    }
    .AWbbs_input_table thead tr:after {
        content:'';
        display:block;
        clear:both;
    }
    .AWbbs_input_table thead th, .AWbbs_input_table thead td {
        padding:4px 0 4px 15px;
        box-sizing:border-box;
    }
    
    .AWbbs_input_table thead th {
        display:inline-block;
        float:left;
        width:22%;
        line-height:29px;
    }
    .AWbbs_input_table thead td {
        display:inline-block;
        float:left;
        width:78%;
        min-height:38px;
    }
    .AWbbs_input_table thead .input {
        width:160px;
        vertical-align:middle;
        padding-left:9px;
    }
    .AWbbs_input_table tbody td[colspan="4"] {
        display:block;
        width:100%;
    }
    .AWbbs_input_table tbody tr:after {
        content:'';
        display:block;
        clear:both;
    }
    .AWbbs_input_table tbody th, .AWbbs_input_table tbody td {
        padding:4px 0 4px 12px;
        box-sizing:border-box;
        vertical-align:middle;
    }
    .AWbbs_input_table tbody th {
        display:inline-block;
        float:left;
        width:22%;
        line-height:29px;
    }
    .AWbbs_input_table tbody td {
        display:inline-block;
        float:left;
        width:78%;
        min-height:38px;
    }
    .AWbbs_input_table thead .passwd_area > * {
        height:55px;
    }
    .AWbbs_input_table thead .passwd {
        display:block;
        margin-top:4px;
        margin-left:0;
        font-size:11px;
    }
}
@media screen and (max-width:640px) {
	/* input.php */
    .required_txt { font-size:11px; color:#555; }
    .AWbbs_input_table th {
        font-size:11px;
    }
    .AWbbs_input_table thead th, .AWbbs_input_table thead td {
        padding:4px 0 4px 8px;
    }
    .AWbbs_input_table thead select + .input_ttl {
        width:95% !important;
        margin-top:4px;
    }
    .AWbbs_input_table thead .passwd_area > * {
        height:60px;
    }
    .AWbbs_input_table tbody .vcode_area {
        height:55px;
        font-size:11px;
    }
    .AWbbs_input_table tbody td.vcode_area {
        padding:8px;
    }
    .AWbbs_input_table tbody font.comment {
        display:block;
        margin:4px 0 0;
        font-size:11px;
    }
    .AWbbs_input_table thead .cate_on {
        height:78px;
    }
    .AWbbs_input_table thead td.cate_on {
        padding:8px;
    }
	.sample_bottom_btn .left_box{width:50%;}
	.sample_bottom_btn .left_box li{margin:5px 5px 0 0;}
	.sample_bottom_btn .right_box li{margin:5px 0 0 5px;}
		
}

@media screen and (max-width:430px){
    .AWbbs_input_table input[type="file"]{width:100%;}
    .tag_tit > li{margin:0 2px;}
	.tag_tit > li > button{width:95px;     margin: 3px; height:32px; font-size:14px;}
	.sample_bottom_btn .left_box li{margin:2px 2px 0 0;}
	.sample_bottom_btn .right_box li{margin:2px 0 0 2px;}
}