@charset "utf-8";
/* *******************************************************
 * filename : content.css
 * description : 서브 컨텐츠 CSS
 * date :2017-07-25
******************************************************** */

/* ******************  회사소개********************** */
/* -------- 회사소개 :: CEO 인사말 -------- */

/* -------- 회사소개 :: 오시는길 -------- */
#mapWrapper{overflow:hidden; position:relative; width:100%; margin:0px auto; height:300px; border:1px solid #555;}
#mapWrapper #mapCon{position:absolute; top:0px; left:50%; width:1000px; height:300px; margin-left:-500px;}	/* width : 지도의 가로값과 동일 , margin-left: 지도가로의 반값 */
.map-tbl-con{margin-bottom:30px;}
.map-tbl{width:100%;}
.map-tbl th,.map-tbl td{padding:16px 2%; letter-spacing:-0.3px; }
.map-tbl th{width:30%; border-bottom:1px solid #000; color:#1e1e1e; font-size:13px; text-align:left; font-weight:600; text-indent:2%; }
.map-tbl td{width:70%; border-bottom:1px solid #d8d8d8; color:#5b5b5b; font-size:12px;font-weight:400; line-height:14px;}
.location-list > li{padding-bottom:10px; margin-top: 10px;}
.location-list > li > dl > dt{border-bottom:1px solid #ddd;}
.location-list > li > dl > dt span{position:relative; display:inline-block; top:1px; border-bottom:1px solid #333;font-size:21px; line-height: 30px; letter-spacing: -0.5px; color:#000; font-weight: 300; padding-bottom:6px;}
.location-list > li > dl > dt span i{vertical-align:middle; font-size:18px; }
.location-list > li > dl > dt span em {font-size:17px}


.location-list > li > dl > dt.location-tit span {padding-left: 15px; font-weight: 600;}
.location-list > li > dl > dt.location-tit span::before {content:""; position:absolute; width:10px; height:2px; left:0; top:50%; margin-top: -4px; background-color:#F67F21}

.location-list > li > dl > dd{padding-top:15px; color:#333; font-size:17px; line-height:30px; word-break:keep-all;}
.location-list > li > dl > dd .bus-info{display:block; position:relative; margin-bottom:5px; padding-left:40px;}
.location-list > li > dl > dd .train-info{display:block; position:relative; margin-bottom:5px; padding-left:30px;}
.location-list > li > dl > dd em{position:absolute; top:0px; left:0px; color:#fff; padding:1px 5px; border-radius:2px; margin-right:5px; font-size:12px;}
.location-list > li > dl > dd .train-info em{top:2px; padding:0; width:25px; height:25px; border-radius:25px; text-align:center; line-height: 25px;}
.location-list > li > dl > dd .car-come {display:block; color:#b75353; font-weight:600;}

@media all and (max-width:480px){
	.location-list > li > dl > dt span{font-size:14px; line-height: 20px;}
	.location-list > li > dl > dt span em {font-size:14px}
	.location-list > li > dl > dd {font-size:14px; line-height:20px;}
	.location-list > li > dl > dd .train-info {padding-left: 25px;}
	.location-list > li > dl > dd .train-info em{top:2px; padding:0; width:20px; height:20px; border-radius:20px; text-align:center; line-height: 20px;}
}


/* -------- 회사소개 :: 연혁 -------- */
#historyListBox{width:100%; }
#historyListBox > ul li{overflow:hidden;}
#historyListBox > ul li h4{color:#f57f20; font-size:30px; line-height: 25px; font-weight:600; border-bottom: 1px solid #f57f20;margin-bottom:10px;}
#historyListBox > ul li .history-list-con{padding-bottom:50px;}

#historyListBox .history-list-con-inner {display:table; width:100%;}

#historyListBox > ul li dl {overflow:hidden; display:table-cell; vertical-align: top; width:50%;}
#historyListBox > ul li dl dt{position:relative; float:left; width:10%; }

#historyListBox > ul li dl dt strong{color:#555; font-weight:400; font-size:24px;}
#historyListBox > ul li dl dd{width:100%;}

#historyListBox > ul li dl dd p{padding-bottom:18px; color:#333; font-size:16px; font-weight:500; letter-spacing:-0.5px; line-height:40px;}
#historyListBox > ul li dl dd p span{display:inline-block;width:40px;}
#historyListBox > ul li dl dd p span img{width:20px;margin-top:-4px;}

@media all and (max-width:480px){
	#historyListBox > ul li h4 {font-size:24px; line-height: 20px;}

	#historyListBox .history-list-con-inner {display:block;}
	#historyListBox > ul li dl {display:block; width:100%;}
	#historyListBox > ul li dl dt {width:15%;}
	#historyListBox > ul li dl dt strong {font-size:20px;}
	#historyListBox > ul li dl dd p {font-size:13px; line-height: 30px;}
}


/* ******************  통합검색********************** */
/* 검색 :: 검색결과 상단 */
.search-result-top-con{border: 1px solid #ccc; background-color:#f4f4f4; padding:50px 20px; text-align:center; margin-bottom:50px; font-size:18px; font-weight:400; line-height:20px; word-break:keep-all; }
.search-result-top-con strong{color:#f68326; }
.search-result-top-con b{color:#000;}
.search-result-top-con .no-result-txt p{padding-bottom:20px; line-height:22px;}
.search-result-top-con .no-result-txt ul{max-width:400px; margin:0px auto; text-align:left; }
.search-result-top-con .no-result-txt ul li{font-size:11px; font-family:"돋움",dotum,sans-serif; letter-spacing:-0.5px;}
/* 검색 :: 검색결과 하단 */
.total-search-result-list-con ul {border-top:1px solid #000;}
.total-search-result-list-con ul li{position:relative; border-bottom:1px solid #ddd;}
.total-search-result-list-con ul li a{display:block; padding:15px; }
.total-search-result-list-con ul li a .result-cate{display:inline-block; margin-bottom:15px; color:#fff; background-color:#888; padding:3px 7px 5px; font-size:13px;  }
.total-search-result-list-con ul li a .result-tit{display:block; font-size:18px; color:#f68326; padding-bottom:10px; font-weight:600;}
.total-search-result-list-con ul li a .result-txt{
    overflow:hidden; height:44px; font-size:14px; line-height:1.6em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}
.total-search-result-list-con ul li. a:hover .result-tit,.total-search-result-list-con ul li a:hover .result-txt{text-decoration:underline;}
.total-search-result-list-con ul li.thumb-item a{overflow:hidden;}
.total-search-result-list-con ul li.thumb-item a .result-thumb{display:block; float:left; width:150px; margin-right:15px; border:1px solid #ddd;}
.total-search-result-list-con ul li.thumb-item a .result-thumb img{width:100%;}
@media all and (max-width:800px){
    /* 검색 :: 검색결과 하단 */
    .total-search-result-list-con ul li a{padding:15px 0;}
    .total-search-result-list-con ul li a .result-tit{font-size:15px;}
}
@media all and (max-width:480px){
	/* 검색 :: 검색결과 상단 */
	.search-result-top-con{padding:25px 15px; margin-bottom:25px;}
    /* 검색 :: 검색결과 하단 */
    .total-search-result-list-con ul li.thumb-item a .result-thumb{float:none; width:100%; max-width:200px; margin-right:0; margin-bottom:15px;}
}


/* COMPANY :: OVERVIEW */
.overview-list{width:100%; }
.overview-list li{float:left; width:32%;padding-bottom:20px;  border-bottom:1px solid #b8b8b8; margin-left:2%; border-top: 1px solid #b8b8b8;}
.overview-list li:first-child {border-top:1px solid #b8b8b8; margin-left: 0;}
.overview-list li > h2{font-size:24px; line-height:26px; color:#000; font-weight:600; letter-spacing:-0.65px; padding:27px 0; position:relative; margin-bottom:35px;}
.overview-list li.overview-01 > h2{background:url(/images/contents/overview_icon01.jpg) no-repeat right center;}
.overview-list li.overview-02 > h2{background:url(/images/contents/overview_icon02.jpg) no-repeat right center;}
.overview-list li.overview-03 > h2{background:url(/images/contents/overview_icon03.jpg) no-repeat right center;}
.overview-list li > h2:after{display:block; content:""; width:29px; height:2px; background-color:#ff7200; position:absolute; bottom:0; left:0;}
.overview-list li > strong{display:block; font-size:18px; line-height:26px; color:#000; letter-spacing:-0.65px; margin-bottom:20px;}
.overview-list li > p{font-size:16px; line-height:26px; color:#000; color:rgba(0,0,0,0.55); letter-spacing:-1.5px; word-break:keep-all;}

.overview-info-box{width:100%; display:table; margin-top: 25px;}
.overview-info-box > div{display:table-cell; vertical-align:top;}
.overview-info-left{width:34%; position:relative;}
.overview-info-left > strong{position:absolute; display:inline-block; padding:0 13px; font-weight:400;}

.overview-info-left > strong.keyword-1{font-size:40px; line-height:67px; color:#000; background-color:#ececec; top:5%; left:2%; letter-spacing:-0.75px;}
.overview-info-left > strong.keyword-2{font-size:35px; line-height:68px; color:#f57f20; letter-spacing:-2px; background-color:#ececec; top:13%; left:33%;}
.overview-info-left > strong.keyword-3{font-size:33px; line-height:65px; color:#212121;  background-color:#ececec; letter-spacing:-0.75px; top:22%; left:8%;}
.overview-info-left > strong.keyword-4{font-size:29px; color:#181818; letter-spacing:-0.75px; left:42%; top:28%;}
.overview-info-left > strong.keyword-5{font-size:22px; color:#1c1c1c; letter-spacing:-0.75px; left:32%; top:36%; font-weight:300;}
.overview-info-left > strong.keyword-6{font-size:17px; color:#1c1c1c; letter-spacing:-0.75px; left:42%; top:46%; font-weight:300; }

.overview-info-right{width:66%;}
.overview-info-right > h2{font-size:22px; line-height:38px; color:#424141; letter-spacing:-0.75px; margin-bottom:26px; word-break:keep-all;}
.overview-info-right > p{font-size:16px; line-height:32px; color:#424141; color:rgba(66,65,65,0.87); letter-spacing:-1px; margin-bottom:22px; word-break:keep-all;}
.overview-info-right > strong{display:block; font-size:17px; line-height:38px; color:#424141; letter-spacing:-0.75px; font-weight:400; margin-bottom:55px;}
.overview-info-right > strong b{font-size:23px; font-weight:600; color:#000; margin-left:15px;}
.overview-tbl{width:100%; border-top:1px solid #6d6d6d; border-bottom:1px solid #6d6d6d;}
.overview-tbl th, .overview-tbl td{border-top:1px solid #e4e4e4;}
.overview-tbl tr:first-child th, .overview-tbl tr:first-child td{border-top:0;}
.overview-tbl th{text-align:left;}
.overview-tbl th strong{font-size:15px; line-height:40px; color:#000; font-weight:400; letter-spacing:-0.3px;}
.overview-tbl th strong:before{display:inline-block; content:""; vertical-align:middle; width:5px; height:5px; background-color:#494949; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; margin:0 11px 0 3px;}
.overview-tbl td{font-size:16px; line-height:40px; color:#424141; color:rgba(66,65,65,0.87); letter-spacing:-0.3px;}


@media all and (max-width:480px){
	.overview-list li {float:none; width:100%; margin-left: 0; border-top: 0;}
	.overview-list li > h2 {font-size:20px; line-height: 24px; padding:15px 0; margin-bottom: 20px;}
	.overview-list li > strong {font-size:14px; line-height: 20px; margin-bottom: 10px;}
	.overview-list li > p {font-size:13px; line-height: 20px;}

	.overview-info-box {display:block; }
	.overview-info-box > div {display:block;}
	.overview-info-left {width:100%; height:150px;}
	.overview-info-left > strong.keyword-1{font-size:33px; line-height:55px; color:#000; background-color:#ececec; top:0; left:0; letter-spacing:-0.75px;}
	.overview-info-left > strong.keyword-2{font-size:28px; line-height:56px; color:#f57f20; letter-spacing:-2px; background-color:#ececec; top:27px; left:85px;}
	.overview-info-left > strong.keyword-3{font-size:26px; line-height:53px; color:#212121;  background-color:#ececec; letter-spacing:-0.75px; top:55px; left:23px;}
	.overview-info-left > strong.keyword-4{font-size:22px; color:#181818; letter-spacing:-0.75px; left:60%; top:42%;}
	.overview-info-left > strong.keyword-5{font-size:15px; color:#1c1c1c; letter-spacing:-0.75px; left:73%; top:30%; font-weight:300;}
	.overview-info-left > strong.keyword-6{font-size:10px; color:#1c1c1c; letter-spacing:-0.75px; left:auto; right:0; top:61%; font-weight:300; }

	.overview-info-right{width:100%;}
	.overview-info-right > h2 {font-size:18px; line-height: 29px; margin-bottom: 15px;}
	.overview-info-right > p  {font-size:13px; line-height: 21px; margin-bottom: 10px;}
	.overview-info-right > strong {font-size:14px; line-height: 29px; margin-bottom: 25px;}
	.overview-info-right > strong b {font-size:20px; margin-left: 8px;}

	.overview-tbl th strong {font-size:13px; line-height: 30px;}
	.overview-tbl td {font-size:13px; line-height: 30px;}

}


/* SERVICE :: HOMEPAGE */
.service-content {padding-top:35px;}
.service-tit {margin-bottom: 30px; text-align:center;}
.service-tit .tit{font-size:24px; line-height: 30px; letter-spacing: -0.5px; color:#000000; font-weight: 400; padding-top: 25px; margin-top: 0;}
.service-tit span {color:#f57f20;}
.service-tit p {font-size:16px; line-height: 30px; letter-spacing: -0.5px; color:#000000; margin-top: 10px; word-break:keep-all;}

.service-txt {padding: 30px; background-color:#3A3A3A;}
.service-txt .service-txt-tit {font-size:22px; letter-spacing: -0.25px; color:#fff;}
.service-txt .service-sub-tit {font-size:16px; line-height: 26px; letter-spacing: -0.25px; color:#fff; margin-top: 25px; margin-bottom: 10px; word-break:keep-all;}
.service-txt .service-exp {font-size:13px; line-height: 26px; letter-spacing: -0.25px; color:rgba(255, 255, 255, 0.53); word-break:keep-all;}
.service-img img {width:100%}

.service-type {margin-top: 25px;}
.service-type.reponsive-type li {}
.service-type ul li {display:table; width:90%; border:1px solid #B2B2B2; padding: 25px 5%; margin:10px 0;}

.service-type ul li .service-type-tit {width:30%;  margin-bottom: 25px; padding-right:3%;}
.service-type ul li .service-type-tit span {display:inline-block; font-size:21px; line-height: 30px; letter-spacing: -0.5px; color:#000000; font-weight: 400; padding-top: 15px; background:url("/images/contents/service_tit_line.jpg") no-repeat left top;}
.service-type ul li p {display:table-cell; vertical-align: middle;font-size:15px; line-height: 26px; letter-spacing: -0.25px; color:#605e5e; word-break:keep-all;}

@media all and (max-width:480px){
	.service-tit .tit {font-size:20px; line-height: 25px;}
	.service-tit p {font-size:13px; line-height: 20px;}

	.service-txt {padding:25px 10px;}
	.service-txt .service-txt-tit {font-size:18px; }
	.service-txt .service-sub-tit {font-size:13px; line-height: 20px; margin-top: 15px; margin-bottom: 5px;}

	.service-type ul li {padding:10px 3%; width:94%;}
	.service-type ul li .service-type-tit {width:40%; }
	.service-type ul li .service-type-tit span {font-size:17px; line-height: 24px;}
	.service-type ul li p {font-size:13px; line-height: 20px;}
}

/* SERVICE :: 유지보수/호스팅 */
.hosting-tit {border-bottom: 1px solid #DDDDDD; margin-bottom: 15px;}
.hosting-tit span {border-bottom: 1px solid #737373; display:inline-block; font-size:24px; letter-spacing: -0.65px; color:#000000; position:relative; top:1px; padding-bottom: 15px;}
.hosting-content > p {font-size:17px; line-height: 26px; letter-spacing: -0.25px; color:#4a4949; word-break:keep-all;}
.hosting-content > p.hosting-txt {text-align:center; font-size:14.5px; line-height: 26px; letter-spacing: -0.5px; color:#7d7d7d; margin-top:20px; margin-bottom: 70px; }

.hosting-content table {width:100%; margin-top: 20px; }
.hosting-content table tr {}
.hosting-content table th {text-align:left; vertical-align: top;}
.hosting-content table th p {padding-left: 13px; background:url("/images/contents/hosting_dot.jpg") no-repeat left center; display:inline-block; font-size:19px; line-height: 26px; letter-spacing: -0.65px; color:#000; font-weight: 400;}


.hosting-content .bx-wrap td{padding-top: 10px; padding-bottom: 30px;}
.hosting-content table td {vertical-align: top;}

.hosting-content .hosting-bx {width:90%; padding:30px 5%;background-color:#F8F8F8; border:1px solid #C6C6C6; border-top: 2px solid #F57F20;}
.hosting-content .hosting-bx:first-child {margin-bottom: 10px;}
.hosting-content .hosting-bx h4 {font-size:18px; line-height: 26px; letter-spacing: -0.25px; color:#000000; font-weight: 400; margin-bottom: 20px;}

.left-ml ul {margin-left: 5%;}
.hosting-content table td ul li {position:relative; font-size:15.5px; line-height: 26px; letter-spacing: -0.25px; color:#4a4949; padding-left: 15px; word-break:keep-all;}
.hosting-content table td ul li::before {content:""; position:absolute; width:5px; height:5px; background-color:#484848; border-radius:5px; left:0; top:10px;}
.hosting-content table td ul li em {display:inline-block; width:88px;}
.hosting-list {padding-top: 24px;}

.linux-list li {float:left; width:calc(32% - 2px); border:1px solid #C5C5C5; margin-left: 2%; margin-bottom: 15px;}
.linux-list li > p {font-size:14.5px; margin:20px 15px; line-height: 26px; height:78px; letter-spacing: -0.5px; color:#7d7d7d} 

.linux-list li.ml0 {margin-left: 0;}
.linux-list li .linux-version {padding:20px 15px; background-color:#F8F8F8; border-bottom: 1px solid #c5c5c5;}
.linux-list li .linux-version span {display:inline-block; width:79px; height:37px; line-height: 37px; text-align:center; color:#fff; font-size:23px; letter-spacing: -0.65px; background-color:#F57F20; margin-bottom: 17px;}
.linux-list li .linux-version p {font-size:15.5px; line-height: 26px; letter-spacing: -0.25px; color:#4a4949; background:url("/images/contents/linux_line.jpg") no-repeat left top; padding-top: 20px;}


@media all and (max-width:480px){
	.hosting-tit span {font-size:20px; padding-bottom: 8px;}
	.hosting-content > p {font-size:13px; line-height: 20px;}
	.hosting-content > p.hosting-txt {font-size:11px; line-height: 20px; margin-top: 10px; margin-bottom: 40px;}

	.hosting-list {padding-top: 10px;}
	.hosting-content .hosting-bx {padding:15px 5%;}
	.hosting-content .hosting-bx h4 {font-size:14px; line-height: 20px; margin-bottom: 10px;}

	.hosting-content table td ul li {font-size:13px; line-height: 20px; padding-left: 10px; margin-bottom: 5px;}
	.hosting-content table td ul li::before {top:8px; width:3px; height:3px;}

	.linux-list li {float:none; width:calc(100% - 2px); margin-left: 0;}
	.linux-list li > p {font-size:11px; margin:10px 8px; line-height: 20px; height:auto;}

	.linux-list li .linux-version {padding:10px 8px; }
	.linux-list li .linux-version span  {font-size:17px; width:65px; height:30px; line-height: 30px; margin-bottom: 8px;}
	.linux-list li .linux-version p {font-size:13px; line-height: 20px; padding-top: 10px;}
}

/* PORTFOLIO :: PORTFOLIO */

.portfolio-list-wrap {margin-bottom: 25px; position:relative;}
.portfolio-list-tit {height:45px; line-height: 45px; padding:0 15px; border:1px solid #ddd; background:url("/images/board/select_arrow.png") no-repeat 95% center;}
.portfolio-list-tit p {font-size:17px; letter-spacing: -0.5px; color:#333; font-weight: 600;}

.portfolio-select-list {display:none; position:absolute; border:1px solid #ddd; border-top: 0; width:calc(100% - 2px); z-index:10; background-color:#fff; padding:5px 0;}
.portfolio-select-list li a {display:block; line-height: 30px; padding:0 15px;}
.portfolio-select-list li.selected a {color:#F57F20; font-weight: 600;}

.portfolio-list {max-width:800px; margin:0 auto;}
.portfolio-list .portfolio-inner {/* float:left; width:48.5%; margin-bottom: 20px; */ width:100%; margin-bottom:20px;}
.portfolio-list .portfolio-inner a {display:block;}
.portfolio-list .portfolio-inner.ml0 {margin-left: 0;}

.porfolio-img {position:relative; /* padding-top: 76%; */padding-top: 55%; border:1px solid #ddd;}
.porfolio-img span {position:absolute; left:0; top:0; bottom:0; right:0;}
.portfolio-list .portfolio-inner img {width:100%; height:100%;}
.portfolio-list .portfolio-inner p {font-size:17px; letter-spacing: -0.5px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top: 10px;}

.portfolio-list-wrap.open .portfolio-select-list {display:block;}

@media all and (max-width:480px){
	.portfolio-list-tit {height:35px; line-height: 35px; padding:0 10px;}
	.portfolio-list-tit p {font-size:14px; }

	.portfolio-select-list li a {padding:0 10px; line-height: 25px;}

	.portfolio-list .portfolio-inner {margin-left: 0; float:none; width:100%;}
	.portfolio-list .portfolio-inner p {font-size:14px;}

	.portfolio-list.double .portfolio-inner {margin-left: 0; float:left; width:48.5%;}
	.portfolio-list.double .porfolio-img {padding-top: 140%;}
}


/* CONSULT :: REQUEST */
.request-content .production .input-check {overflow:hidden;}
.request-content .production span {float:left; display:inline-block; width:50%; vertical-align: middle;}
.request-content .visit span {display:inline-block; width:100%; vertical-align: middle;}

.faq-subject span {display:inline-block; font-size:18px; line-height: 24px;}
.faq-subject > span:before{padding-right:5px; color:#aaa; content: attr(data-scope);}
.faq-subject strong {display:block; margin:5px 0;}
.faq-subject strong img {max-width:20px; display:inline-block; vertical-align: middle;}
.faq-subject .inquiry {margin-left: 10px;}

.answer-list p {font-size:17px; line-height: 25px; word-break:keep-all;}
.answer-list p span {font-weight: 600;}

@media all and (max-width:480px){
	.faq-subject span {font-size:14px; line-height: 18px;}
	.answer-list p {font-size:13px; line-height: 20px;}
	.faq-subject strong img  {max-width:15px;}
}

.append-wrap {text-align:center;}
.append-button {display:inline-block; }
.append-button img {max-width:25px;}


/* Company - 회사연혁 */
.history-parallax-wrap{padding: 20px 0 40px; position: relative; min-height: auto;}
.history-info-wrap{display: flex; flex-wrap: wrap;}
.history-info-wrap ul{width: 100%;}
.history-column-list{position: relative; padding: 40px 0; border-top: 1px solid #e1e1e1;}
.history-column-list .year-box{margin-bottom: 25px; position: static; line-height: 1;}
.history-column-list .year-box em{display: block; margin-bottom: 5px; font-size: 17px; font-weight: 700; color: #222; letter-spacing: -.025em;}
.history-column-list .year-box strong{display: block; font-size: 38px; font-weight: 700; color: #222; letter-spacing: -.025em; transition: all .2s}
.history-column-list .year-box strong:after{opacity: 0; content: ""; display: inline-block; vertical-align: top; margin: -1px 0 -3px; width: 8px; height: 8px; border-radius: 50%; background-color: #f57f20;}
.history-column-list .history-item{position: relative;}
.history-column-list .history-item .txt{margin: 0; display: flex; flex-wrap:wrap;}
.history-column-list .history-item .txt p{margin: 0; position: relative; padding-left: 22px; padding-right: 15px; font-size: 12px !important; font-weight: 300; color: #424242; letter-spacing: -.025em; line-height: 1.5; width: 50%; box-sizing: border-box;}
.history-column-list .history-item .txt p:nth-child(even){padding-right: 0;}
.history-column-list .history-item .txt p img{position: absolute; top: 1px; left: 0; height: 16px;}
.history-column-list .history-item .txt p:nth-child(2)~*{margin-top: 10px;}
.history-column-list .history-item .txt p b{font-weight: 600;}
.history-column-list .history-item .txt p strong{font-size: 14px; font-weight: 700; color: #000;}

/* Scroll start */
.history-column-list.on .year-box strong{color: #f57f20;}
.history-column-list.on .year-box strong:after{opacity: 1;}