@charset "utf-8";

/* History */
.mo-none {display: block;}
h2 {
    font-size: var(--font-size-18);
    font-weight: 700;
}	
.sub-h-txt {
    background-color: #f6fafd;
    margin-top: var(--margin-80);
    font-size: var(--font-size-18);
    line-height: var(--line-height-30);
    font-weight: 500;
    padding: 20px 20px;
}
.sub-h-txt span dd {
    font-weight: 600;
    color: var(--sub-color-0);
}
.sub_lnb_1030_title {
    font-size: 35px;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 125%;
    display: block;
    margin-top: 80px;
    margin-bottom: 40px;
    padding: 25px 0 0 0;
}
.sub_lnb_1030_title.dflex {
    display: flex;
    flex-wrap: nowrap;
    font-size: 35px;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: var(--line-height-40);
    margin-top: 80px;
    margin-bottom: 40px;
    padding: 25px 0 0 0; 
	align-items: flex-start;
}
.title-icon-bg {
    padding-top: 25px;
    margin-bottom: 20px;
    font-size: var(--font-size-20);
    color: var(--sub-color-0);
}
.title-icon-bg p {
    display: block;
    font-size: var(--font-size-30);
    line-height: 30px;
    margin-bottom: 30px;
    color: var(--sub-color-1);
}
.title-icon-bg img {
	width: 70px;
    height: auto;
    margin-right: 20px;
    border: solid 1px #cccccc;
}
.mt-10 {
	margin-top: 100px;
}
.sub_lnb_1030_add_01 {
    font-size: 22px;
    font-weight: 500;
    line-height: 180%;
    padding-left: 0px;
    margin-top: 20px;
}
.sub_lnb_1030_add_02 {
    font-size: 18px;
    font-weight: 400;
    line-height: 180%;
    padding-left: 0px;
    margin-top: 5px;
}
.sub_lnb_1030_img_01 {
	width: 100%;
	height: auto;
}
img {
	width: 100%;
	height: auto;
	object-fit: contain;
}
iframe {
    margin-top: 30px;
}
.sub_lnb_1030_txt_02 {
    font-size: 22px;
    font-weight: 500;
    line-height: 180%;
    padding-left: 0px;
    margin-bottom: 40px;
}
.sub_lnb_1030_img_area {
    position: absolute;
    width: 100%;
    height: auto;
}
.sub_lnb_1030_img_tit {
    position: relative;
    width: 100%;
    height: auto;
    padding-top: 57px;
    font-size: 42px;
    font-weight: 600;
    color: #ffffff; 
	text-align: center;
}
.sub_lnb_1030_img_txt {
    position: relative;
    width: 100%;
    height: auto;
    padding-top: 51px;
    font-size: 20px;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
    line-height: 180%;
}
.sub_lnb_1030_history_area {
    position: relative;
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;   
	justify-content: space-around;
}
.sub_lnb_1030_history_tit {
    position: relative;
    width: 100%;
    height: auto;
    padding-top: 75px;
    font-size: 24px;
    font-weight: 600;
    color: #ffffff; 
	text-align: left;
}
.sub_lnb_1030_history_txt {
	position: relative;
    width: 100%;
    height: auto;
    padding-top: 18px;
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    text-align: left;
    line-height: 140%;
}
.sub_lnb_1030_history_div {
	width: 25%;
    padding: 0 40px;
}
.sub_lnb_1030_history_area2_01 {
    position: relative;
    width: 410px;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;   
	justify-content: space-around;
}
.sub_lnb_1030_history_area2_01 img {
    width: 410px;
    height: auto;
    border-radius: 10px;
	border: solid 1px #eeeeee;
}
.sub_lnb_1030_history_area2_02 {
    position: relative;
    width: auto;
    height: auto;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;   
	justify-content: space-around;
    padding-left: 160px;
}
.sub_lnb_1030_history_div2:nth-child(1) {
	width: auto;
    padding: 0 0px;
}
.sub_lnb_1030_history_div2:nth-child(2) {
	width: auto;
    padding: 0 0px;
}
.sub_lnb_1030_history_div2:nth-child(3) {
	width: auto;
    padding: 0 0px;
}
.sub_lnb_1030_history_div2_yy {
	width: 100%;
    padding: 0 0px;
}
.sub_lnb_1030_history_div2.dlfex {
	width: 100%;
    padding: 0 0px;
    display: flex;
    flex-direction: column;
}
.title-icon-tit {
    display: inline-block;
    margin-right: 40px;
    position: relative;
    padding-top: 100px;
    font-size: var(--font-size-30);
    font-weight: 600;
    text-align: left;
}
.title-icon-txt1 {
	display: inline-block;
    width: 50px;
    position: relative;
    padding-top: 100px;
    font-size: 20px;
    font-weight: 500;
    text-align: left;
}
.title-icon-txt2 {
    display: flex;
    position: relative;
    padding-top: 100px;
    font-size: var(--font-size-16);
    font-weight: 400;
    text-align: left;
}
.title-icon-txt2 .month {
    display: inline-block;
    width: 50px;
    position: relative;
    font-size: var(--font-size-18);
    font-weight: 500;
    text-align: left;
}
.title-icon-txt2 .txt {
}
.title-icon-01 {
	display: flex;
    width: 24px;
    height: 24px;
    border: solid 1px #cccccc;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    margin-top: 110px;
    margin-right: 40px;
	background: #ffffff;
}
.title-icon-mini {
	display: inline-block;
    width: 15px;
    height: 15px;
    background: var(--sub-color-0);
    border-radius: 50%;
}
.title-icon-mini.none {
	display: inline-block;
    width: 2px;
    height: 23px;
    background: var(--sub-color-0);
    border-right: dotted 1.5px #cccccc;
    border-radius: 0;
}
.sub_lnb_1030_history_area_div {
    width: calc(100% - 410px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.h-line {
	position: absolute;
    display: flex;
    width: 1px;
    padding-left: 12px;
    height: 100%;
    border-right: dotted 1.5px #cccccc;
}
.title-icon-tit.mt-07 {
    display: flex;
    margin-right: 40px;
    position: relative;
    padding-top: 55px;
    font-size: var(--font-size-30);
    font-weight: 600;
    text-align: left;
}
.title-icon-txt1.mt-07 {
	display: flex;
    width: 50px;
    position: relative;
    padding-top: 55px;
    font-size: 20px;
    font-weight: 500;
    text-align: left;
}
.title-icon-txt1.mt-07.sub2 {
	display: flex;
    width: 50px;
    position: relative;
    padding-top: 50px;
    font-size: 20px;
    font-weight: 500;
    text-align: left;
}
.title-icon-txt2.mt-07 {
    display: flex;
    position: relative;
    padding-top: 55px;
    font-size: var(--font-size-16);
    font-weight: 400;
    text-align: left;
}
.title-icon-txt2.mt-07.dflex {
    display: flex;
    position: relative;
    padding-top: 15px;
    font-size: 18px;
    font-weight: 400;
    text-align: left;
}
.title-icon-01.mt-07 {
	display: flex;
    width: 24px;
    height: 24px;
    border: solid 1px #cccccc;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    margin-top: 65px;
    margin-right: 40px;
	background: #ffffff;
}
.title-icon-01.mt-07.none {
	display: flex;
    width: 24px;
    height: 24px;
    border: solid 0px #cccccc;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    margin-top: 65px;
    margin-right: 40px;
	background: #ffffff;
}
.title-icon-txt1.mt-07.sub {
	display: flex;
    width: 50px;
    position: relative;
    padding-top: 5px;
    font-size: 20px;
    font-weight: 500;
    text-align: left;
}
.title-icon-txt2.mt-07.sub {
    display: flex;
    position: relative;
    padding-top: 5px;
    font-size: var(--font-size-16);
    font-weight: 400;
    text-align: left;
}
.title-icon-txt2.mt-07.img, .title-icon-txt2.mt-07 img {
    display: flex;
    width: 100%;
	height: 205px;
    position: relative;
    padding-top: 5px;
    font-size: 18px;
    font-weight: 400;
    text-align: left;
}


/* Large Devices, Wide Screens : ~ 1200px */
@media only screen and (max-width : 1200px) {
	.mo-none {display: none;}
	.org-market-blank-bg .org-icon {
		left: calc(50% - 5px);	}	
	
	.sub_lnb_1030_title.dflex {
		display: flex;
		flex-direction: column;
	}
	.sub_lnb_1030_history_area2_02 {
		padding-left: 0px;
	}
	.title-icon-txt2 {
		width: auto;  
		display: flex;
	}
	.title-icon-txt2.mt-07 {
		width: auto !important;
		display: flex;
	}
	.title-icon-txt2.mt-07.sub {
		width: auto !important;
		display: flex;
	}
	.sub_lnb_1030_history_div2:nth-child(1) {
		width: auto;
		order: 2;
		margin-top: -40px;
	}
	.sub_lnb_1030_history_div2:nth-child(2) {
		width: auto;
		order: 1;
	}
	.sub_lnb_1030_history_div2:nth-child(3) {
		width: auto;
		order: 3;
		margin-left: -62px;
	}
	.sub_lnb_1030_history_div2:nth-child(4) {
		width: auto;
		order: 4;
	}
	.sub_lnb_1030_history_div2_yy {
		width: 100%;
	}
	.sub_lnb_1030_history_div2.dlfex {
		width: auto;
	}
	.sub_lnb_1030_history_area2_01 {
		width: 100%;
		height: auto;
	}
	.sub_lnb_1030_history_area2_01 img {
		width: 100%;
		height: auto;
	}
	.sub_lnb_1030.dflex {
		display: none;
	}
	.sub_lnb_1030_title.dflex {
		margin-top: 20px;
	}	
	.title-icon-bg:before {
		width: 30px;
		height: 3px;
	}
	.title-icon-bg {
		padding-top: 15px;
		margin-bottom: 20px;
	}
	.title-icon-tit, .title-icon-tit.mt-07 {
		margin-right: 20px;
	}
	.title-icon-txt1, .title-icon-txt1.mt-07, .title-icon-txt1.mt-07.sub {
		width: 35px;
	}
	.title-icon-txt2 .month {
		width: 35px;
	}
	.title-icon-txt2 .txt {
		width: calc(100% - 35px);
	}
	.title-icon-01 {
		margin-top: 65px;
		margin-right: 10px;
	}
	.title-icon-01.mt-07 {
		margin-top: 22px;
		margin-right: 10px;
	}
	.title-icon-01 {
		width: 20px;
		height: 20px;
	}
	.title-icon-01.mt-07 {
		width: 20px;
		height: 20px;
	}
	.title-icon-mini {
		width: 10px;
		height: 10px;
	}
	.h-line {
		padding-left: 10px;
	}
	.sub_lnb_1030_history_area_div {
		width: calc(100% - 0px);
	}
}


/* Medium Devices, Desktops : ~ 992px */
@media only screen and (max-width : 992px) {

}


/* Small Devices, Tablets : ~ 768px */
@media only screen and (max-width : 768px) {

}


/* Extra Small Devices, Phones : ~ 480px */
@media only screen and (max-width : 480px) {

}


/* Custom, iPhone Retina : ~ 320px */
@media only screen and (max-width : 320px) {

}