@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 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{width:100%; max-width:1100px; margin:0 auto; padding:20px 0; box-sizing:border-box;}
.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{height:40px;  background: url(image/select_arrow.png) 94% 50% no-repeat; border:1px solid #ddd; padding:4px 4px 5px; font-family: 'Lato','NotoSans', sans-serif; font-size: 15px; font-weight:500; color: #444;}
.AWbbs_f_search input{width:200px; height:40px; padding:0 0 0 12px; background:#fff; border:1px solid #ddd; margin:0 5px; box-sizing:border-box; font-family: 'Lato','NotoSans', sans-serif; font-size: 15px; font-weight:500; color:#444;  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; padding-top:24px; color:#444; font-size:16px; font-weight:500; 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 td{ padding-left:15px;}
.sample_sub_menu{padding-top:35px;}
.sample_sub_menu li a{display:block; width:310px; height:56px; padding:0 25px; color:#333; font-size:17px; font-weight:500; line-height:56px; letter-spacing:-0.065rem; box-sizing:border-box;}
.sample_sub_menu li a span{padding-right:5px;}
.sample_sub_menu li.on a{background:#f0f6ff; border:1px solid #ccdaf0; color:#0048b5;}
.sample_content_img{width:595px; height:auto; margin:35px auto; overflow-x:hidden;}


/* Á¦Ç°¸í */
	/* Å×ÀÌºí ¾È¿¡ Å×ÀÌºí ¸®¼Â */
	.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;}


/*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:112px; height:36px; border:1px solid #0048b5; border-radius:20px; color:#0048b5; font-family:'NotoSans'; font-size:16px; font-weight:500; line-height:31px; 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:0 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:19px; bottom:19px;}
.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%; padding:40px 40px 0; border:1px solid #eee; box-sizing:border-box;}
.sample_tit{width:100%; padding-bottom:40px; border-bottom:1px solid #eee;}
.sample_tit_img{float:left; width:310px; height:230px;}
.sample_tit_text{float:right; width:670px; padding-top:55px; text-align:center;}
.sample_tit_text > span{color:#777; font-size:17px; font-weight:500; line-height:23px;}
.sample_tit_text > h3{padding:15px 0 23px; color:#222; font-size:25px; font-weight:bold;	line-height:23px; letter-spacing:-0.065rem;}
.sample_tit_tag > li{display:inline-block; margin:0 5px;}
.sample_tit_tag > li > button{    width: 112px; height:36px; border:1px solid #0048b5; border-radius:20px; color:#0048b5; font-family:'NotoSans'; font-size:16px; font-weight:500; line-height:31px; box-sizing:border-box;}

.sample_menu{float:left; width:310px; height:230px; padding-top:20px;}
.sample_menu > li > a{position:relative; display:block; width:100%; height:55px; padding-left:25px;color:#333;	font-size:17px; font-weight:500; line-height:55px; box-sizing:border-box;}
.sample_menu > li.on > a{background:#f0f6ff; border:1px solid #ccdaf0; color:#0048b5;}
.sample_menu > li.on > a span{margin-right:5px;}
.sample_menu > li.on > a:after{content:''; position:absolute; right:25px; top:50%; display:block; width:7px; height:14px; margin-top: -7px; background:url(../images/ico/sample_arrow.png) 50% 50% no-repeat;}
.smaple_book{float:right; width:670px; padding:40px; box-sizing:border-box;}


/*
@media screen and (max-width:1024px){
	.aside p{width:80%; 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:70px; 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:32%;}
	.AWbbs_f_search input{float:right; width:65%; margin:0;}
	.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:1024px; 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:0 auto 25px; padding:19px; border:1px solid #ddd; box-sizing:border-box; transition:all 0.3s;}
	
	
	
    .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 15px;
        box-sizing:border-box;
    }
    .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) {
	
    .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;
    }
		
}
*/