/* COMMON */
#history .section-inner {max-width: 1300px;margin: 0 auto;justify-content: center;padding: 0 20px;}

#history {padding: 60px 0;}
#history img {width: 100%;}
#history .image:nth-of-type(1) {}
.history__description .contents:nth-of-type(1) .image {margin: 0 auto 50px;width: 70%;}
.history__description .contents:nth-of-type(2) .image {margin-top: 20px;}
.history__title {margin-bottom: 30px;}
.history__title h1 {position: relative;font-family: 'NanumSquare', sans-serif;font-size: 30px;font-weight: 900;color: #333;text-align: center;}
.history__title h1::before {content: '';position: absolute;left: 0;top: -49px;width: 78px;height: 70px;background: url("../img/history_obj1.png") no-repeat center;display: none;}
.history__title em {font-family: 'Montserrat';font-size: 16px;font-weight: 300;color: #333;}
.history__title .image {margin-top: 35px;width: 70%;margin: 35px auto 0;display: none;}
#history .line {position: relative;}
#history .line::before {content: '';position: absolute;height: calc(100% + 60px);width: 1px;background: #ddd;top: -60px;display: none;}
#history .circle {position: relative;width: 9px;height: 9px;display: none;}
#history .circle span {width: 9px;height: 9px;background: #e9502e;position: absolute;left: 50%;top: 0;transform: translateX(-50%);border-radius: 50%;}
#history .circle span::before {content: ''; position:absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);border-radius: 50%; }

.history__description {margin-top: 40px;}
.history__description .contents {padding: 40px 0;}
.history__description .contents:last-of-type {padding-bottom: 0;}
.history__description .contents:nth-of-type(2n) {background: #fff;}
.history__description .contents:nth-of-type(2n+1) {background: #f7f7f7;}
.history__description .contents .left {position: relative;margin-bottom: 15px;}
.history__description .contents .left .wrap {display: flex; align-items:center;}
.history__description .contents .right {}
.history__description h2 {font-family: 'NanumSquare', sans-serif;font-size: 22px;font-weight: 900;color: #000;}
.history__menu.bold > li:nth-child(1) {font-size: 16px;font-weight: 700;}

.contents:nth-of-type(1) .history__menu::before {content: '';position: absolute;left: 0;bottom: 0;width: 526px;height: 1px;background: #ddd;display: none;}
.contents:nth-of-type(1) .history__menu:nth-child(1) {}
.contents:nth-of-type(2) .history__menu {}
.history__menu {position: relative;}
.history__menu:nth-of-type(2) {border-top: 1px solid #ddd;padding: 20px 0 0;margin: 20px 0 0;}
.contents:nth-of-type(2) .history__menu:nth-child(1) li {padding-left:0;}
.contents:nth-of-type(2) .history__menu:nth-child(1) > li {padding-left: 13px;}
.contents:nth-of-type(1) .history__menu:nth-child(2) li {line-height: 28px;}
.contents:nth-of-type(1) .history__menu:nth-child(2) li + li {margin-top: 8px;}
.history__menu li {position: relative;font-size: 15px;font-weight: 300;color: #333;line-height: 29px;padding-left: 13px;word-break: keep-all;}
.history__menu li.line-height {}
.history__menu li br {display: none;}
.history__menu > li::before {content: '';position: absolute;width: 4px;height: 4px;background: #e9502e;left: 0;top: 15px;border-radius: 50%;}
.history__menu li p {margin-left: 23px;}
#history .his_dot {display: flex;align-items: center;position: relative;flex-direction: row-reverse;position: absolute;left: -130px;top: 0;display: none;}
#history li:nth-child(odd) .his_dot {right: -6px;}
#history li:nth-child(even) .his_dot {right: 6px;}
#history > li:nth-child(even) .his_dot {flex-direction: row-reverse; }
#history .his_dot span {width: 21px; height: 21px; border-radius: 50%; background: rgba(233, 80, 46, .4); position: relative;}
#history .his_dot span::before {content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 9px;height: 9px;background: #e9502e;border-radius: 50%;}
#history .his_dot::after {display:block;width: 15px;height: 15px;background: #fff;border: 2px solid #662c91;border-radius: 50%;}
#history .his_dot::before {content: '';display: block;width: 90px;height: 1px;background: #e9502e;position: relative;z-index: 1;left: -6px;}


@media screen and (max-width:1300px){
@media screen and (max-width:1300px){

}


@media screen and (max-width:960px){

}

@media screen and (max-width:640px){

}