@charset "utf-8";

/***** text *****/
.al-c {text-align: center;}
.al-l {text-align: left;}
.al-r {text-align: right;}

/***** 추후에 디자인 파트에 여백 공통으로 맞춰 달라고 요청 해야 될듯.... *****/
.ml5 {margin-left:5px;}
.ml15 {margin-left:15px;}
.mt20 {margin-top: 20px;}

/***** form *****/
select {
	padding:0 20px;
	vertical-align:middle;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	appearance:none;
	background:#fff url('../images/select_btn.png') no-repeat right 20px top 50%;
}
select::-ms-expand {display:none}

input.full, select.full, textarea.full {width:100%;}
input.long, select.long, textarea.long {width:90%;}
.size-p80 {width:80%;}
.size-p90 {width:90%;}
.size-w60 {width:60px;padding:0 10px;}
.size-w80 {width:80px;}
.size-w100 {width:100px;}
.size-w135 {width:135px;}
.size-w150 {width:150px;}
.size-w166 {width:166px;}
.size-w180 {width:180px;}
.size-w185 {width:185px;}
.size-w190 {width:190px;}
.size-w230 {width:230px;}
.size-w240 {width:240px;}
.size-w526 {width:526px;}
.size-w550 {width:550px;}

.dis__in {display: inline-block;}
.ver-t {vertical-align: top;}

.col-b{color: #50301a;}

/* font */
.font_s18 {font-size: 18px !important;}
.font_s20 {font-size: 20px !important;}
.font_s22 {font-size: 22px !important;}
.font_s40 {font-size: 40px !important;}
.font_w500 {font-weight: 500 !important;}
.font_w600 {font-weight: 600 !important;}
/* checkbox */
input[type=radio], 
input[type=checkbox] {display:none;}
input[type=radio] + label span,
input[type=checkbox] + label, 
input[type=checkbox] + label span {box-sizing:border-box;display:inline-block;position:relative;top:-1px;vertical-align:bottom;cursor:pointer;}
input[type=radio] + label span,
input[type=checkbox].use-txt + label span {margin-right:10px;}
input[type=checkbox].only.theme-1 + label,
input[type=checkbox].use-txt.theme-1 + label span {width:18px;height:18px;border:2px solid #bfbfbf;background-color:#fff;}
input[type=checkbox]:checked.only.theme-1 + label,
input[type=checkbox]:checked .use-txt.theme-1+ label span {background-color:#3b5bdb;}
input[type=checkbox].only.theme-1.all + label,
input[type=checkbox]:checked.use-txt.theme-1 + label span  {border-color:#212529;}
input[type=checkbox].use-txt.theme-2 + label span {width:20px;height:20px;background:url('/userContent/images/common/bg/bg_round_style2_off.png') no-repeat 0 0;}
input[type=checkbox]:checked.use-txt.theme-2 + label span {background-image:url('/userContent/images/common/bg/bg_round_style2_on.png');}

/* radio */
input[type=radio].theme-1 + label span {width:18px;height:18px;background:url('/userContent/images/common/bg/bg_radio_style1_off.png') no-repeat 0 0;}
input[type=radio]:checked.theme-1 + label span {background-image:url('/userContent/images/common/bg/bg_radio_style1_on.png');}

/* placeholder */
input:-moz-placeholder {color:#dee2e6;}
input::-moz-placeholder {color:#dee2e6;}
input:-ms-input-placeholder {color:#dee2e6;}
input::-webkit-input-placeholder {color:#dee2e6;}
input::-webkit-search-cancel-button {display:none;}

/* 테이블 */
.table__wrap {overflow-x: auto;}
.table-ty01 {border-top: 2px solid #50301a; font-size: 18px;}
.table-ty01 th {background-color: #f9f9f9; padding: 10px 0 10px 10px; border: 1px solid #ddd;}
.table-ty01 td {padding: 10px 0 10px 10px; border: 1px solid #ddd;}
.table-ty02 {border-top: 2px solid #50301b; font-size: 18px;}
.table-ty02 th {background-color: #f9f9f9; padding: 10px 0 10px 10px; border: 1px solid #ddd;}
.table-ty02 td {padding:10px 0 10px 10px; border: 1px solid #ddd;}

/***** button *****/
div.button-group {text-align:center;}
div.button-group.next {margin-top:30px;}
div.button-group.indent-blank1 {padding:0 25px;}
div.button-group.align-right {text-align:right;}
div.button-group.line {padding-top:29px;border-top:1px solid #bdc3c7;}
.button-set {font-weight:500;color:inherit;}
a.button-set, span.button-set, label.button-set {box-sizing:border-box;display:inline-block;}
input.button-set,
button.button-set {padding:0;border:none;background-color:transparent;}
.button-set.default {height:40px;padding:0 23px;line-height:40px;white-space:nowrap;}
.button-set.radius-5 {border-radius:5px;;}
.button-set.theme-1 {background-color:#3b5bdb;color:#f9f9f9;}
.button-set.theme-2 {background-color:#3f4d67;color:#fff;}
.button-set.theme-3 {border:1px solid #bdc3c7;background-color:#fff;color:#3b5bdb;}
.button-set.history-back {height:40px;padding:0 15px;line-height:38px;}
.button-set.history-back span {padding-left:22px;background:url('/userContent/images/common/btn/btn_left_arrow_size15x15_3b5bdb.png') no-repeat 0 50%;}

/* img */

/***** icon, bullet *****/
span.icon-set {display:inline-block;position:relative;top:-2px;vertical-align:bottom;text-indent:-9999px;background-repeat:no-repeat;background-position:0 0;}
span.icon-set.new-item {width:17px;height:17px;background-image:url('/userContent/images/common/ico/ico_new_size17x17_3b5bdb.png');}
span.icon-set.attach {width:18px;height:18px;background-image:url('/userContent/images/common/ico/ico_clip_size18x18_3f4fb3.png');} 

.bullet-set {background-repeat:no-repeat;background-position:0 0;}
p.bullet-set.asterisk {padding-left:10px;color:#3b5bdb;background-image:url('/userContent/images/common/bul/bul_asterisk_size6x6_3b5bdb.png');background-position-y:3px;}


/***** tab menu *****/
div.tab-menu ul {display:flex;}
div.tab-menu ul li {text-align:center;}
div.tab-menu ul li a {display:block;font-weight:500;color:#212529;}
div.tab-menu ul li.empty a {pointer-events:none;}
div.tab-menu.default ul li a {width:110px;height:50px;line-height:50px;}
div.tab-menu.theme-1 {background-color:#ececec;}
div.tab-menu.theme-1 ul li a:hover,
div.tab-menu.theme-1 ul li.on a {color:#3b5bdb;background-color:#fff;}
div.tab-menu.rouding ul li a {border-radius:10px 10px 0 0;}

div.tab-container.blank-type1 {padding:50px 30px 80px;}
div.tab-container.blank-type2 {padding:40px 30px 100px;}
div.tab-container div.tab-content {display:none;}
div.tab-container div.tab-content.on {display:block;}

/* 더보기버튼 */
.more__btn {font-size: 14px; width: 75px; background-color: #50301b; color: #fff; font-weight: bold;text-align: center; line-height: 30px; font-family: auto;}
.more__btn a {display: inline-block; width: 100%;}

/* 서브콘텐트 */
.con {margin: 60px 0; position: relative;}
.sub-cont__tit {font-size: 32px; font-weight: bold; text-align: center; color: #000;}
.h_font {font-size: 26px; font-weight: bold; color: #000; margin: 30px 0;}
.h_font__s {font-size: 22px; font-weight: bold; color: #50301a; margin: 20px 0;}
.sub-cont__text {font-size: 18px; margin: 10px 0;}

/* 서브콘텐츠-리스트 */
.sub-list-ty01 {margin-bottom: 20px; padding-left: 20px;}
.sub-list-ty01>li {font-size: 18px; list-style: disc; margin-bottom: 5px; vertical-align: top;}
.sub-list-ty01>li:last-child {margin-bottom: 0;}
.sub-list-ty01>li::marker {color: #50301b;}
.sub-list-ty01>li>ul {display: inline-block; vertical-align: top;}

/* 서브콘텐츠-박스 */
.sub-box-ty01 {width: 100%; border: 5px solid #ffd4bc; padding: 50px 0;}
.sub-box-ty02 {width: 100%; border: 1px solid #ddd; padding: 50px 0; text-align: center;}
.sub-box-ty02 img {width: 50%;}
.sub-box-ty03 {width: calc((100% / 3) - 41px); border: 6px solid #ddd; display: inline-block; padding: 0 25px; vertical-align: top; min-height: 280px; margin-right: 57px;}
.sub-box-ty03:last-child {margin-right: 0;}
.sub-box-ty03 .sub-list-ty01>li  {font-size: 14px;}
.sub-box-ty04 {width: calc((100% / 2) - 41px); border: 6px solid #ddd; display: inline-block; padding: 0 25px; vertical-align: top; min-height: 280px; margin-right: 78px;}
.sub-box-ty04:last-child {margin-right: 0;}
.con_box_list_wrap {border: 1px solid #ddd; margin-bottom: 20px;}
.con_box_list_left {width: calc(100% - 1100px); padding: 75px 25px 0; display: inline-block; vertical-align: top;}
.con_box_list_left p {color: #000; font-size: 26px;}
.con_box_list_right {width: calc(100% - 300px); display: inline-block;}
.con_box_list_right strong {color: #50301a; font-size: 22px; padding-right: 15px;}
.con_box_list_right ul li{padding: 30px 0; font-size: 18px;}
.con_box_list_right ul li:first-child{border-bottom: 1px solid #ddd;}

/* 뱃지 */
.bedge-ty01 {background-color: #50301b; color: #fff; padding: 2px 5px; margin-right: 5px; font-size: 18px;}

/* 서브콘텐츠-다운로드,바로가기 버튼,탭버튼*/
.download__btn {border: 1px solid #50301b; line-height: 50px; display: inline-block; color: #50301b; margin-top: 20px;}
.download__btn:hover {background-color: #50301b; color: #fff;}
.download__btn a {padding-left: 35px;}
.download__btn a::after {content: ''; background-image: url("../images/sub-download_icon.png"); background-size:17px 15px; width:17px; height:15px; display: inline-block; background-repeat: no-repeat; margin: 0 20px;}
.download__btn:hover a::after {content: ''; background-image: url("../images/sub-download_icon-on.png"); background-size:17px 15px; width:17px; height:15px; display: inline-block; background-repeat: no-repeat; margin: 0 20px;}

/* 탭 기능 */
.tabs > ul > li { display: none; }
.tabs > ul.tabs-buttons > li { cursor: pointer; }
.tabs > ul.tabs-buttons > li, .tabs > ul > li.selected { display: inherit; }
.tabs > ul.tabs-buttons.type01 {font-size: 0;}
.tabs > ul.tabs-buttons.type01 li {border: 1px solid #ddd; padding: 20px 0; width: calc((100% / 5) - 3px); text-align: center; display: inline-block; vertical-align: top; cursor: pointer; font-size: 22px;}
.tabs > ul.tabs-buttons.type01 li.selected {border: 1px solid #50301b; color: #50301b;}

/*보도자료_서브콘텐츠 */
.bodo {word-break: keep-all; color: #222;}
.bodo h3 {font-size: 30px; text-align: center; margin: 20px 0;}
.bodo h4 {font-size: 1.2em; font-weight: bold; margin: 20px 0;}
.bodo p {margin: 15px 0;}
.bodo table {margin-top: 15px; margin-bottom: 30px; border-top: 2px solid #004071;}
.bodo table tr {height: 48px; border-bottom: 1px solid #e0e0e0;}
.bodo table tr > th {color: #004071; font-weight: 500; text-align: center; background: #f6f7f9;}
.bodo table tr > th, 
.bodo table tr > td {padding: 5px 10px;}
.bodo table tr > th,
.bodo table tr > td {border-right: 1px solid #e0e0e0;}

@media all and (max-width:1400px){
	.con_box_list_left p{
		font-size: 20px;
	}
}
@media all and (max-width:991px){
	.sub-box-ty03 {
		width: 100%;
		margin-right: 0;
	}
	.sub-box-ty04 {
		width: 100%;
		margin-right:0;
	}
}
@media all and (max-width:768px){
	.con {margin: 30px 0;}
	.sub-cont__tit {font-size: 26px !important;}
	.sub-cont__text {font-size: 16px !important;}
	.h_font {font-size: 20px; margin: 10px 0;}
	.h_font__s {font-size: 16px;}
	.table-ty01 {font-size: 14px;}
	.table-ty02 {font-size: 14px;}
	.tabs > ul.tabs-buttons.type01 li {width: calc((100% / 2) - 3px); font-size: 16px; padding: 10px 0;}
	.con_box_list_left{display: block; width: 100%;}
	.con_box_list_right{display: block; width: 100%;}
	.con_box_list_right strong {font-size: 14px;}
	.con_box_list_right ul li {font-size: 14px;}
	
}