@charset "UTF-8";

@media all and (max-width:1440px) {
    /* 스폰서 배너 슬라이더 */
    #footer .fsb_title {width:110px;}
    #footer .fsb_slide {width:740px;}
}

@media all and (max-width:1360px) {
/* Search */
.search {width:100%;}
.search > div {width:100%;}
.search > select, .search > input[type=text], .search > button, .search > a.btn {width:100%; margin-bottom:5px;}

}


@media all and (max-width:1100px) {
    /* 스폰서 배너 슬라이더 */
    #footer .fsb_title {float:left; width:150px; font-size:16px; font-weight:700; color:#006c3e; line-height:30px; text-align:left;}
    #footer .fsb_slide {float:none; width:100%;}
    #footer .fsb_slide img {width:90%; max-width:140px; height:auto; margin-bottom:0;}
    #footer .fsb_slide .owl-nav {right:0; top:-30px; width:100px;}
    #footer .fsb_slide .owl-nav div {width:28px; height:28px;}
    #footer .fsb_slide .owl-nav div:before {width:6px; height:6px; margin-top:-4px;}
    #footer .fsb_slide .owl-nav .owl-prev:before {margin-left:-3px;}
    #footer .fsb_slide .owl-nav .owl-next:before {margin-left:-6px;}
    #footer .fsb_control {right:35px; top:0;}
    #footer .fsb_control .fsb_btn {width:30px; height:30px;}
}

@media all and (max-width:1000px) {
.pc {display:none;}
.tablet {display:block;}

#wrap {min-width:320px;}
#wrap * {box-sizing:border-box;}
.wrap {box-sizing:border-box;}

/* 로그인 */
#login_wrap .login_area {position:inherit; left:inherit; top:inherit; width:100%; height:100%; margin:0;}
.login_area {width:100%;}

/* font */
.h2_title {margin-bottom:20px; padding-bottom:15px; font-size:26px; line-height:26px;}
.h2_title span:before {bottom:-10px; width:30px;}
.h3_title {margin-bottom:15px; font-size:20px; line-height:20px;}
.h4_title {margin-bottom:10px; font-size:16px; line-height:16px;}
.txt_big {font-size:16px; line-height:24px;}
.txt_middle {font-size:14px; line-height:22px;}
.txt_small {font-size:12px; line-height:20px;}
.title {font-size:18px; line-height:24px;}
/* button */
.btn {font-size:13px; height:40px; padding:0 5px; line-height:40px;}
.btn_area .btn {width:100% !important; margin-bottom:10px;}

/* form */
.f_table {font-size:13px;}
.f_table .ft_area .fta_label {display:inline-block !important; width:100% !important; padding:0px !important; text-align:left !important; line-height:20px !important;}
.f_table .ft_area .fta_input {display:inline-block !important; width:100% !important;}
.f_table .ft_area .fta_input .fta_txt {padding:0px !important; text-align:left !important;}

/* box */
.box {padding:15px;}

/* list */
.list li {margin-bottom:5px; padding-left:10px; font-size:13px; line-height:17px;}
.list li:before {top:8px;}
.list.circle li:before {top:8px; width:2px; height:2px;}
.list.square li:before {top:8px; width:2px; height:2px;}

/* table */
table thead th, table tbody th, table tbody td {padding:8px 0;}
table tbody td {padding:8px 5px;}
table.type01 thead th, table.type01 tbody th, table.type01 tbody td {padding:8px 5px;}
table thead th.align {padding:8px 18px 8px 5px}
table thead th.align button {top:8px; right:0px;}

/* tab */
.tab li {height:34px; line-height:34px;}
.tab li a {line-height:34px;}
.tab_wrap {width:100% !important;}
.tab_wrap .tab.small {font-size:12px;}

/* label */
label.ib {width:100% !important; padding:5px 0;}

/* board */
.b_wrap .b_title > span {height:40px; line-height:40px; font-size:12px; text-align:center; font-weight:400;}
.b_wrap .b_area > span {height:40px; line-height:40px; font-size:12px;}
.b_wrap .b_area > span.link a {max-width:88%;}
.b_wrap .b_area > span.link .ba_comment {margin-top:10px;}
.b_wrap .b_area > span .i_notice {height:40px;}

/* paging */
.paging, .paging.type01 {margin-top:10px;}
.paging a, .paging.type01 a {width:30px; height:30px;line-height:30px;}
.paging a.p_prev:before, .paging.type01 a.p_prev:before {right:10px; top:12px;}
.paging a.p_next:before, .paging.type01 a.p_next:before {left:10px; top:12px;}

/* view */
.v_wrap .v_title {padding:15px;}
.v_wrap .v_title .vt_title {font-size:16px; line-height:22px;}
.v_wrap .v_title .vt_title:before {top:7px;}
.v_wrap .v_title ul li {font-size:12px; line-height:16px;}
.v_wrap .v_txt {padding:15px; font-size:13px; line-height:18px;}
.v_wrap .v_list > a {padding:10px 10px 10px 45px; font-size:14px; line-height:18px;}
.v_wrap .v_list > a:before {left:5px;}
.v_wrap .v_list > .vl_next:after {left:15px; bottom:12px;}
.v_wrap .v_list > .vl_prev:after {left:15px; top:12px;}
.v_wrap .v_comment {padding:10px;}
.v_wrap .v_comment .vc_list li{padding:10px;}
.v_wrap .v_comment .vc_list .vcl_edit {top:15px;}
.v_wrap .v_comment .vc_list .vc_list {padding-left:20px;}
.v_wrap .v_comment .vc_list .vc_list li:before {left:-20px;}
.v_wrap .v_comment .vc_list .vc_list li:after {left:-12px;}
.v_wrap .v_comment .vc_list .vcl_txt {font-size:13px; line-height:16px;}
.v_wrap .v_list .vl_box {padding:10px 10px 10px 55px; font-size:13px;}
.v_wrap .v_list .vl_box i {width:20px; height:20px; margin-top:-10px;}
.v_wrap .v_list .vl_box.vl_next i:after {left:5px; bottom:3px;}
.v_wrap .v_list .vl_box.vl_prev i:after {left:5px; top:3px;}
.v_wrap .v_list .vl_box span {left:45px; top:10px; margin-top:0px;}
.v_wrap .v_list .vl_box a, .v_wrap .v_list .vl_box > p {padding-left:40px;}

/* Search */
.search {width:100%;}
.search > div {width:100%;}

.btn.w200 {width:100px;}
label.fta_txt {margin-top:5px;}

/* div_table */
.div_table .tr .th, .div_table .tr .td {display:inline-block !important; width:100%; padding:10px;}

/* 모바일카드 */
.mobile_card {display:inline-block; vertical-align:middle; width:100%;}
.mobile_card > ul {display:inline-block; vertical-align:middle; width:100%;}
.mobile_card > ul > li {display:inline-block; vertical-align:middle; float:left; margin-bottom:5px;}
.mobile_card > ul > li:last-child {margin-bottom:0px;}
.mobile_card > ul > li > div {width:auto; margin:2px; padding:10px; background-color:#f5f5f5;}
.mobile_card > ul > li .mcb_list li {display:inline-block; vertical-align:middle; position:relative; width:100%; min-height:20px;}
.mobile_card > ul > li .mcb_list li span {display:inline-block; vertical-align:middle; position:absolute; left:0; top:0; font-size:14px; font-weight:400; line-height:20px;}
.mobile_card > ul > li .mcb_list li span i {vertical-align:middle; margin-right:5px; margin-top:-3px; font-size:14px;}
.mobile_card > ul > li .mcb_list li p {display:block; margin-left:120px; font-size:14px; line-height:20px;}


/*20190917 박동식 추가*/
.cs_body > .btn_area > a:last-child {
    margin-left:0;
}
/*20190917 박동식 추가*/
.mW100 {width:100%;}

}

@media all and (max-width: 768px) {
.tablet {display:none;}
/* Search */
.search .s_contents {height:inherit;}
.search .s_contents select {width:45%; margin-bottom:5px;}
.search .s_contents input, .search .s_contents button {width:100%; margin-bottom:5px;}

.btn {line-height:34px; height:34px; min-width:50px;}

/* table font size */
table.type01 thead th { font-size: 16px; }
table.type01 tbody th, table.type01 tbody td { font-size: 15px; }

/* 모바일카드 */
.mobile_card > ul > li .mcb_list li {padding:5px 0; border-bottom:1px dashed #ddd;}
.mobile_card > ul > li .mcb_list li:last-child {border-bottom:0px;}
.mobile_card > ul > li .mcb_list li span {position:inherit; width:100%;}
.mobile_card > ul > li .mcb_list li p {margin-left:0px;}
table tbody td.link {max-width:244px;}
.fileIcon {display:none;}


/* tab */
/* tab */
.tab li {
	width:100% !important;
	height: auto !important;
	border-radius: 20px !important;
	font-size: 16px;
}
.tab li::before { display: none; }
.tab li:not(:first-child) { margin-top: 6px; }

.step ul li .s_area .s_txt { padding-bottom: 0; }
.step ul li .s_area .s_title { padding-top: 0; }

}

@media all and (max-width:600px) {
	.dp_option {bottom:inherit !important; top:-40px;}
}

@media all and (max-width: 540px) {
	.step ul { flex-direction: column; }
	.step ul li { width: 100% !important; padding: 3px 0; }
	.step ul li:not(:last-child) { border-bottom: 1px solid #ddd; border-right: none; }
}