@charset "utf-8";
header .ico-main{display:none;}
.hd-con h1 span{color:#017839;}
#gnb > ul > li > a span{color:#191919;}

h1, h2, h3, h4, h5, h6, p, span, a, th, td, li, dd, dt{font-family: 'Pretendard', sans-serif; color: #333; text-decoration: none;  font-style:normal; font-weight:500; letter-spacing:-0.05em;}
html, body, div,  p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ol, ul, li, blockquote, pre, button, fieldset, form, legend,/*table, caption, tbody, tfoot, thead, tr, th, td,*/ iframe, article, aside, canvas, details, embed, textarea, figure, figcaption, header, footer, main, menu, nav, section, summary, audio, video, template {margin: 0;padding: 0;border: 0;/*font-family: inherit;*/vertical-align: baseline;box-sizing: border-box;word-break: keep-all;font-weight: $font-weight-base;}

a.btn i.fa {margin-right: 5px;}

.text-left{text-align:left!important;}
.text-right{text-align:right!important;}
.text-center{text-align:center!important;}
.text-justify{text-align:justify!important;}

i, em{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;table-layout:fixed;display:table}
caption,legend{overflow:hidden;position:relative;width:0;height:0;margin:0;padding:0;line-height:0}
hr {overflow:hidden; position:absolute; height:0; width:0;}
sup,sub{position: relative;font-size: 0.9em;line-height: 0;vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
label{cursor:pointer;}

/* 리스트*/
ul[class^=c-list] {text-align:left}
ul[class^=c-list] > li {font-size:1em;box-sizing:border-box;white-space:normal;position:relative}
ul[class^=c-list] > li:first-child {margin-top:0}
ul[class^=c-list] > li .tit, .c-list01-li .tit, .c-list04-li .tit {display:block;color:#222;font-weight:600}
ul[class^=c-list] > li .tit-in, .c-list01-li .tit-in, .c-list04-li .tit-in {display:inline;color:#222;font-weight:600}
ul[class^=c-list] > li ul li:before {display:block;content:"";width:3px;height:3px;background:#cfcfcf;position:absolute;top:11px;left:0}
ul[class^=c-list] > li ul {margin:7px 0 0 0;font-size:.941em}
ul[class^=c-list] > li ul li {padding:0 0 0 11px;position:relative;font-size:.944em;color:#666;margin-bottom:4px}
[class^=c-list] > li > ul.s-list > li {padding-left:26px}
[class^=c-list] > li > ul.s-list > li:before {display:none}
[class^=c-list] > li > ul.s-list > li > .stit {position:absolute;top:0;left:0;font-weight:500}
.c-list01 > li, .c-list01-li {position:relative;padding:0 0 0 14px;margin-top:0px;text-align:left;margin-top:4px}
.c-list01 > li:first-child, .c-list01-li:first-child, .c-list02 > li:first-child {margin-top:0}
.c-list01 > li:before, .c-list01-li:before {display:block;content:"";position:absolute;top:7px;left:0;width:4px;height:4px;background:#767676;border-radius:50%}
.c-list01 > li .txt {display:inline-block}
.c-list02 {counter-reset:section;}
.c-list02 > li {padding-left:25px}
.c-list02 > li {margin-top:3px}
.c-list02 > li:first-child {margin-top:0}
.c-list02 > li:before {display:block;position:absolute;top:1px;left:0px;color:#222;font-size:.941em;font-weight:600;height:auto}
.c-list02 > li .tit {margin-bottom:2px}
.c-list02.num > li:before {counter-increment:section;content:counters(section, ".") ".";width:24px}
.c-list02.snum > li:before {counter-increment:section;content:counters(section, ".") ")";width:24px}
.c-list02.han > li:before {width:27px}
.c-list02.han > li:nth-child(1):before {content:"가."}
.c-list02.han > li:nth-child(2):before {content:"나."}
.c-list02.han > li:nth-child(3):before {content:"다."}
.c-list02.han > li:nth-child(4):before {content:"라."}
.c-list02.han > li:nth-child(5):before {content:"마."}
.c-list02.han > li:nth-child(6):before {content:"바."}
.c-list02.han > li:nth-child(7):before {content:"사."}
.c-list02.han > li:nth-child(8):before {content:"아."}
.c-list02.han > li:nth-child(9):before {content:"자."}
.c-list02.han > li:nth-child(10):before {content:"차."}
.c-list02.han > li:nth-child(11):before {content:"카."}
.c-list02.han > li:nth-child(12):before {content:"타."}
.c-list02.han > li:nth-child(13):before {content:"파."}
.c-list02.han > li:nth-child(14):before {content:"하."}
.c-list03 {counter-reset:section}
.c-list03 > li {position:relative;padding:0 0 0 35px;margin-top:6px}
.c-list03 > li:first-child {margin-top:0}
.c-list03 > li:before {display:block;position:absolute;top:2px;left:0px;color:#222;font-size:12px;font-weight:400;background:#f1f1f1;border-radius:50%;counter-increment:section;content:counters(section, ".") "";width:23px;height:23px;line-height:22px;box-sizing:border-box;text-align:center;font-family:"lato",sans-serif}
.c-list03.cor1 > li:before {background:#008cd7;color:#fff}
.c-list03.cor2 > li:before {background:#e73f82;color:#fff}
.c-list03 > li .tit {color:#222;display:block;font-weight:500}
.c-list04 > li, .c-list04-li {position:relative;padding:0 0 0 19px;margin-top:4px;text-align:left}
.c-list04 > li:first-child {margin-top:0}
.c-list04 > li:before, .c-list04-li:before {display:block;content:"";width:8px;height:8px;border:2px solid #008cd7;border-radius:50%;box-sizing:border-box;position:absolute;top:9px;left:3px}
.c-list05 {}
.c-list05 > li {position:relative;font-family:"SCoreDream", sans-serif;color:#555;font-weight:400;letter-spacing:-.05em;line-height:2.058;padding-left:20px;box-sizing:border-box}
.c-list05 > li:before {content:'';display:block;width:5px;height:5px;border-radius:50%;background-color:#7fb6ee;position:absolute;top:13px;left:0}


@media all and (max-width:999px){
	.c-list01 > li:before, .c-list01-li:before {top:8px}
}
@media all and (max-width:599px){
	ul[class^=c-list] > li ul li:before {top:8px}
	ul[class^=c-list] > li ul{margin-top:5px}
	.c-list01 > li, .c-list01-li {padding-left:11px}
	.c-list02 > li {padding-left:22px}
	.c-list03 > li {padding-left:34px}
	.c-list03 > li:before {width:20px;line-height:20px;height:20px;font-size:11px}
}

/* 공백 */
.gap {height:60px;clear:both;display:block}
.sgap {height:40px;clear:both;display:block}
.ssgap {height:30px;clear:both;display:block}
.sssgap {height:20px;clear:both;display:block}
.ssssgap {height:10px;clear:both;display:block}
@media all and (max-width:600px){
	.gap {height:40px;clear:both;display:block}
	.sgap {height:25px;clear:both;display:block}
	.ssgap {height:15px;clear:both;display:block}
	.sssgap {height:10px;clear:both;display:block}
}

.con-tit01 {font-size: 18px;color: #008199; letter-spacing: 0.03em; padding-bottom:10px;}

.ui-page-tab {margin: 30px 0;background: #f6f6f6;border-radius: 40px;padding: 5px;overflow-x: auto;}
.ui-page-tab .tabNav {display: flex;flex-wrap: wrap;justify-content: space-between;list-style: none;margin: 0;padding: 0;}
.ui-page-tab .tabNav li { flex: 1 1 0;text-align: center;position: relative;min-width: 0; /* flex 축소 가능하게 */}
.ui-page-tab .tabNav li.on { background: rgba(70, 105, 200, 1);border-radius: 40px;}
.ui-page-tab .tabNav li a {display: block; font-family: 'Gmarket'; font-weight: 300;line-height: 1.4;padding: 20px 10px;color: #606060;font-size: 18px;text-decoration: none; white-space: nowrap;transition: color 0.3s ease, font-weight 0.3s ease; height: 60px;}
.ui-page-tab .tabNav li.on a {color: #fff;}
.ui-page-tab .tabNav li.on a:hover {color: #fff;font-weight: 300;}
.ui-page-tab .tabNav li a:hover {color: rgba(70, 105, 200, 1);font-weight: 500;}

/* 태블릿 이하 대응 */
@media (max-width: 767px) {
  .ui-page-tab .tabNav { flex-wrap: wrap; /* 모바일에서는 줄바꿈 허용 */}
  .ui-page-tab .tabNav li { flex: 0 0 50%;min-width: auto;}
  .ui-page-tab .tabNav li a {font-size: 16px; padding: 14px 8px;}
  .ui-page-tab {border-radius: 0;margin-top: 110px;}
   .ui-page-tab .tabNav li.on {border-radius: 0;}

}

/* 모바일: 2단 구성 */
@media (max-width: 480px) {
  .ui-page-tab { border-radius: 0; margin-top: 110px;}
  .ui-page-tab .tabNav {flex-wrap: wrap; }
  .ui-page-tab .tabNav li {flex: 0 0 50%;margin: 1px 0;border-radius: 0;}
  .ui-page-tab .tabNav li.on {border-radius: 0;}
}

/* SITEMAP COMMON */
.sitemapWrap {margin: 0 auto; width:100%; max-width:1304px; padding:0 12px;}
.sitemapWrap .sub-page-top{margin-top:60px;}
.sitemapWrap .contentsTitle{font-size:35px; color:#333333; font-weight:600; margin-bottom:50px;}
.sitemap{padding:50px 0; border-top:2px solid #000; border-bottom:1px solid #c5c5c5;}
.sitemap > ul > li{display:flex; margin-bottom:70px;}
.sitemap > ul > li > a{width:280px; font-size:26px; font-weight:700; color:#000; border-right:1px solid #d7d7d7;}
.sitemap > ul > li > ul{width:calc(100% - 280px); padding-left:50px; display:flex; flex-wrap:wrap;}
.sitemap > ul > li > ul > li{width:25%;}
.sitemap > ul > li > ul > li > a{color:#222; font-weight:500; font-size:22px; display:block; margin-bottom:20px;}
.sitemap > ul > li > ul > li > ul > li > a{padding-left:15px; position:relative; color:#222; margin-bottom:15px; display:block; font-size:20px; font-weight:400; }
.sitemap > ul > li > ul > li > ul > li > a::before{display:block; content:''; width:5px; height:5px; background:#144ea7; position:absolute; top:7px; left:0; border-radius: 50%;}
.sitemap > ul > li > ul > li > ul > li > ul{padding-left:15px;}
.sitemap > ul > li > ul > li > ul > li > ul > li > a{padding-left:15px; position:relative; color:#5a5a5a; margin-bottom:10px; display:block; font-size:16px; font-weight:400; }
.sitemap > ul > li > ul > li > ul > li > ul > li > a::before{display:block; content:''; width:4px; height:2px; position:absolute; top:7px; left:0; background:#939393;}
.contentsUtill{display:none;}
@media all and (max-width:1200px){
	.sitemap{padding:0px;}
	.sitemap > ul > li{display:block; margin-bottom:0;}
	.sitemap > ul > li > a{display:block; width:100%; border-bottom:1px solid #d7d7d7; border-right:0; padding:15px; border-top:1px solid #d7d7d7; background:#f9f9f9;}
	.sitemap > ul > li:first-child > a{border-top:0; font-weight:600;}
	.sitemap > ul > li > ul{width:100%; padding-left:0; min-height:80px;}
	.sitemap > ul > li > ul > li{padding:15px;}
}
@media all and (max-width:767px){
	.sitemap > ul > li > ul > li{width:50%; padding:10px;}
	.sitemap > ul > li > a{font-size:24px;}
	.sitemap > ul > li > ul > li > a{font-size:18px; margin-bottom:10px}
	.sitemap > ul > li > ul > li > ul > li > a{font-size:14px; margin-bottom:10px; padding-left:10px;}
	.sitemap > ul > li > ul > li > ul > li > a::before{width:3px; height:3px; top:7px;}
}


.intro_top {position: relative; max-width: none; margin: 0 auto 68px; padding: 7px 50px 12px; text-align: center; margin-top:50px;}
.intro_top .s_tit {display: block; margin-bottom: 5px;font-size: 24px;font-weight: bold;letter-spacing: -0.03em; color: #006a7a;line-height: 1.4; margin-top:30px;}
.intro_top .s_tit b { display:block;  color:#424242; font-size:16px; margin-top:10px;}

@media(max-width: 767px) {
	.intro_top .s_tit {font-size: 20px;}
}

/* 기본테이블 */
.flip-scroll,.table-pc,.table-responsive{position:relative; line-height:1.4;}
.flip-scroll .table-icon,.table-responsive .table-icon{display:block;opacity:1;}
.table-pc .table-icon{display:none;}

.table{margin-bottom:10px;width:100%;background:#fff;}
.table td,.table th{border-left:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;color:#2d2d2d;}
.table th[scope="row"]{text-align:center !important;}
.table thead th{background:#f4f6f6;color:#222;font-size:15px;font-weight:600;}
.table tbody th{background:#f6fafb;color:#222;}
.table tbody>tr>td, .table tbody>tr>th, .table tfoot>tr>td, .table tfoot>tr>th, .table thead>tr>td, .table thead>tr>th{padding:10px;}

.table tfoot,.table tfoot th{background:#f6f6f6;font-weight:700;}
.table .tfoot{background:#f6f9f9;font-weight:500; }
.table td[rowspan],.table th[rowspan]{border-right:1px solid #d2d2d2;}
.table td:first-child,.table th:first-child{border-left:none;}
.table td:last-child,.table th:last-child{border-right:none; }
.table-bordered{border-top:2px solid #333;border-bottom:1px solid #ccc;}

@media(max-width: 767px) {
    .table-responsive {
		position: relative;
        overflow-y: hidden;
        overflow-x: auto;
       /* display:block;
        width: 100%;
        overflow-x: auto;
        -ms-overflow-style: 0;*/
    }

    .table-responsive .table {
        width: 995px;
    }
}


.table-responsive.active.mobile, .table-responsive.active.mobile.icon {
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;
    margin: 8px 0;
    width: 100%;
    height: auto;
    background: linear-gradient(to right,#fff 30%,rgba(255,255,255,0)),linear-gradient(to right,rgba(255,255,255,0),#fff 70%) 0 100%,radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.2),rgba(0,0,0,0)),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.2),rgba(0,0,0,0)) 0 100%;
    background-color: #fff;
    background-position: 0 0,100%,0 0,100%;
    background-repeat: no-repeat;
    background-size: 40px 100%,40px 100%,14px 100%,14px 100%;
    background-attachment: local,local,scroll,scroll;
    min-height: 0.01%;
}


.scroll-guide {position:absolute;top:50%;left:50%;display:none;width:110px;height:100px;border-radius:7px;background:rgba(0,0,0,0.67);padding-top:10px;z-index:10;text-align:center;transform:translate(-50%, -50%)}
.scroll-guide_img {width:50%;height:auto}
.scroll-guide_text {margin-top:4px;color:#fff;font-size:13px;line-height:16px}

@media (max-width:768px){
	.scroll-guide{display:block;/*top:250px*/}
}

/* topbox */
.uit{overflow:hidden;position:relative; margin-top:40px; margin-bottom: 50px;border:0px solid #d2d2d2;}
.uit:after{content:"";display:block;clear:both;visibility:hidden;}
.uit .inner{position:relative;padding:50px 60px;}
.uit .inner .txtwrap{position:relative;}
.uit .inner .txtwrap ul{display: block;margin: 0;text-align: left;}
.uit .inner .tit_inner{display:block;color:#121212;font-size:20px;line-height:30px;margin:0 0 20px 0;padding:0; font-weight:600; font-family: 'Gmarket';}
.uit .inner .tit_inner em { display:block; color:#1435a1;}
.uit .inner .txtwrap p{margin:0;font-size:16px; font-weight:400; color:#545454;word-break:break-word;}
.uit .inner .txtwrap p .txt-tip{display: inline-block;color: #da4453 !important;}
.uit .inner .txtwrap b{display: block;}
.uit .inner .txtwrap a{margin: 10px 0 0;}
.uit .btnwrap{position:absolute;top:-35px;right:0;margin-top:0;}

.type1.uit{border:none;}
.uit.type1 .inner{min-height:180px;padding-left:190px; background-color: #F6F9FC; border-radius: 20px;}
.uit.type1 .inner .tp_icon,
.uit.type1 .inner .tp_icon2{display:block;position:absolute;top:50%;left:35px;margin-top: -55px}
.uit.type1 .inner.long .tp_icon,
.uit.type1 .inner.long .tp_icon2{top:45px;margin-top: 0}
.uit.type1 .inner.n_short{min-height: auto;padding: 70px 25px 70px 170px}

.uit.type3{border-color:#fff;border-top-color:#949494;border-bottom-color:#ddd;}
.uit.type3 .inner{min-height:213px;padding-left:300px;}
.uit.type3 .inner .thm_figure{display:block;overflow:hidden;position:absolute;top:35px;left:35px;width:230px;height:153px;margin:0;text-align:center}
.uit.type3 .thm_figure img{max-width:100%;width:auto;}

@media only screen and (max-width:767px) {
    .uit .inner,
    .uit.type1 .inner,
    .uit.type1 .inner.n_short,
    .uit.type3 .inner{position:relative;min-height: auto;padding:25px;}
    .uit.type1 .inner .tp_icon,
    .uit.type1 .inner .tp_icon2{display:none;}
    .uit .thm_figure,
    .uit.type3 .inner .thm_figure{display:none;}
    .uit .inner .btnwrap{position: static;margin-top:20px;}
}

/* 탑박스 아이콘 */
.tp_icon{display:block;overflow:hidden;width:110px;height:110px;background:url() no-repeat;}
.tp_icon.circle1{background-position:0 0;}
.tp_icon.circle2{background-position:-110px 0;}
.tp_icon.circle3{background-position:-220px 0;}
.tp_icon.circle4{background-position:-330px 0;}
.tp_icon .icon{display:block;overflow:hidden;width:110px;height:110px;background:url(/resources/custom/images/darchives/sub/top_info_ico01.png) no-repeat;}
.tp_icon .icon1{background-position:0 -110px;}
.tp_icon .icon2{background-position:-110px -110px;}
.tp_icon .icon3{background-position:-220px -110px;}
.tp_icon .icon4{background-position:-333px -110px;}
.tp_icon .icon5{background-position:-445px -110px;}
.tp_icon .icon6{background-position:-550px -110px;}
.tp_icon .icon7{background-position:-660px -110px;}
.tp_icon .icon8{background-position:-765px -110px;}

.tr_process{font-size:0;margin-top:70px;}
.tr_process>dl{display:inline-block;width:calc(50% - 25px);margin-right:50px;margin-bottom:40px;padding-top:20px;border-top:1px solid #dddddd;vertical-align:top;font-size:0;}
.tr_process>dl:nth-of-type(2n){margin-right:0;}
.tr_process>dl dt{position:relative;display:inline-block;width:200px;font-size:18px;font-weight:bold;color:#111;line-height:28px;vertical-align:top;letter-spacing:-0.5px;word-break:keep-all;padding-right:10px;box-sizing:border-box;}
.tr_process>dl dt::before{content:"";position:absolute;left:0;top:-21px;display:block;width:100%;height:1px;background-color:#222222;}
.tr_process>dl dt>span{display:block;font-size:16px;font-weight:300;}
.tr_process>dl dt>span.bold{font-weight:700;}
.tr_process>dl dd{display:inline-block;width:calc(100% - 200px);font-size:16px;color:#666;line-height:24px;vertical-align:top;letter-spacing:-0.5px;word-break:keep-all;padding-left:15px;box-sizing:border-box;}
.tr_process>dl dd>a{display:block;max-width:400px;}
.tr_process>dl dd>a.auto{display:inline-block;max-width:100%;height:auto;}
.tr_process>dl dd>a.auto>span{height:auto;line-height:24px;padding-top:10px;padding-bottom:10px;text-align:left;}

.tr_process>dl.full{width:100%;margin-right:0px;}
.tr_process>dl .btnC_ss{margin-top:10px;padding:0 15px;}
.tr_process>.txtG{margin-bottom:70px;}
.tr_process .btnRight>a {margin-top:10px;}

@media all and (max-width:1040px){
	.tr_process{margin-top:0px;}
    .tr_process>dl{padding-top:10px;}
    .tr_process>dl dt::before{top:-11px;}
    .tr_process>dl dt{line-height:20px;width:150px;}
    .tr_process>dl dt>span{}
    .tr_process>dl dd{line-height:20px;}
    .tr_process>dl dd>a.mT20{margin-top:10px !important;}
    .tr_process>dl dd>a.auto>span{line-height:20px;padding-top:7px;padding-bottom:8px;}
    .tr_process>.txtG{margin-bottom:30px;}
}
@media all and (max-width:768px){
	.tr_process{margin-bottom:20px;}
    .tr_process>dl{width:100%;margin:0 0 20px 0;}
	.tr_process>dl dt,
	.tr_process>dl dd {display: block;width: 100%;padding-left: 0; /* dd 패딩 제거 (모바일에서는 수직 배치되므로 필요 없음) */}
	.tr_process>dl dt { padding:15px 0;}
	.tr_process>dl dd {margin-top: 5px; /* dt와 dd 사이 간격 */}
}

/* 학교소개 > 대학소개 > 연혁 */
.sc_history .his_wrap{display:flex; position:relative; flex-wrap:wrap; padding-top:100px; padding-bottom:80px;}
.sc_history .his_wrap::before{width:1px; height:100%; position:absolute; left:50%; transform:translateX(-50%); z-index:-1; display:block; content:''; background:#d3d3d3; top:40px;}
.sc_history .his_wrap > li{width:50%; margin-bottom:160px}
.sc_history .his_wrap > li:last-child{margin-bottom:0;}
.sc_history .his_wrap > li:nth-child(odd){float:left; position:relative; top:-60px}
.sc_history .his_wrap > li:nth-child(even){float:right; position:relative; top:60px}
.sc_history .his_wrap .year{font-size:60px; color:#002268; margin-bottom:20px; font-family: 'Gmarket'; position:relative;}
.sc_history .his_wrap .year span{color:#2f9afe; font-family: 'Gmarket'; margin-left:50px;}
.sc_history .his_wrap .right .year span{margin-right:50px; margin-left:0 }
.sc_history .his_wrap .year::before{display:block; content:''; width:calc(100% - 210px); height:1px; background:#002268; top:35px; right:0; position:absolute;}
.sc_history .his_wrap .right .year::before{right:unset; left:0;}
.sc_history .his_wrap .year::after{width:15px; height:15px; border-radius: 50%; background:#002268; display:block; content:'';box-shadow: 0px 0px 0px 10px rgba(0,34,104,.25); position:absolute; right:-8.5px; top:26.5px}
.sc_history .his_wrap .right .year::after{right:unset; left:-6.5px;}
.sc_history .his_wrap .right .year{text-align:right;}
.sc_history .d-list{ padding-right:50px; padding-left:220px;}
.sc_history .right .d-list{ padding-left:100px}
.sc_history .d-list > li{display:flex; margin-bottom:20px; flex-wrap:wrap; padding-left:20px; position:relative;}
.sc_history .d-list > li::before{display:block; content:''; width:6px; height:6px; border-radius: 50%; background:#2f9afe; position:absolute; left:0; top:6px;}
.sc_history .d-list > li::before{display:block; content:''; width:6px; height:6px; border-radius: 50%; background:#2f9afe; position:absolute; left:0; top:6px;}
.sc_history .d-list > li span{font-family: 'Gmarket'; font-size:20px; color:#222; display:inline-block; margin-right:30px; width:95px;}
.sc_history .d-list > li p{color:#222; font-size:16px; width:calc(100% - 125px);}
.motion{opacity:0; transition: all 1s ease;}
.motion.motion-up{transform: translate(0, 100px);}
.motion.show{opacity:1; transform:none;}
.sc_history .his_wrap .year.past::before{width:calc(100% - 330px);}
@media all and (max-width:1200px){
	.sc_history .d-list{padding-left:20px; padding-right:0; }
	.sc_history .right .d-list{padding-left:20px;}
	.sc_history .his_wrap .year{font-size:40px; padding-left:20px}
	.sc_history .his_wrap .right .year{padding-right:20px;}
	.sc_history .his_wrap .year::before{top:24px;}
	.sc_history .his_wrap .year::after{top:16.5px;}
	.sc_history .d-list > li{flex-direction:column;}
	.sc_history .d-list > li span{font-size:16px; width:100%}
	.sc_history .d-list > li p{width:100%;}
}
@media all and (max-width:640px){
	.sc_history .his_wrap{padding-top:0;}
	.sc_history .his_wrap::before{left:20px; top:unset;}
	.sc_history .his_wrap > li{width:100%; margin-bottom:0;}
	.sc_history .his_wrap > li:nth-child(odd){top:0;}
	.sc_history .his_wrap > li:nth-child(even){top:0;}
	.sc_history .his_wrap .year{text-align:right; font-size:28px; padding-right:20px; padding-top:5px;}
	.sc_history .his_wrap .right .year{padding-right:20px; }
	.sc_history .his_wrap .year::after{left:12px;}
	.sc_history .his_wrap .year::before{width:calc(100% - 145px); left:20px; }
	.sc_history .his_wrap .year.past::before{width:calc(100% - 170px);}
	.sc_history .his_wrap .right .year::before{left:20px;}
	.sc_history .his_wrap .right .year::after{left:12px}
	.sc_history .d-list, .sc_history .right .d-list{padding-left:17px;}
	.sc_history .d-list > li p{font-size:14px;}
}