@charset "UTF-8";
@import url(font.css);
@import url(default.css);
@import url(layout.css);
@import url(slick.css);
@import url(slick-theme.css);


/*******************
메인_공통
*******************/
html{}
.inner {margin:0 auto; }
.inner:after {content:''; display:block; clear:both;}


/*******************
콘텐츠 시작
*******************/
  /*메인배너*/
.main_slidebox {overflow:hidden; position:relative; max-height:500px;}
.main_slide > div , .main_slide > div > div {width:100%; }
.main_slide .slick-slide a {display: block; width:100%;  text-indent: -999em; }
.main_slide .slick-slide a img{width:100%; height:auto;}
.main_slidebox .main_slide .slick-prev , .main_slidebox .main_slide .slick-next {display:none !important;}
.slick-dotted.main_slide {margin-bottom:0 !important;}
  /*dots*/
.main_slidebox .slick-dots{bottom: 3%; }
.main_slidebox .slick-dots li{width:9px; height:9px; border-radius:50%; background-color:rgba(255,255,255,.4);}
.main_slidebox .slick-dots li.slick-active {position:relative; top:2px; width:12px; height:12px; border:3px solid #fff; border-radius: 50% ; background:none;}
.main_slidebox .slick-dots li button:before {content:''}

/* 아이콘 세트 */
.main_iconset {display:block; padding:30px 0;}
.main_iconset::after{content:''; display:block; clear:both;}
.main_iconset li{display:inline-block; float:left; width:20%; text-align:center;}
.main_iconset li a:before{content: ''; display: block; width: 100%; height: 4rem;}
.main_iconset li a{display:inline-block; width:100%; height:100%;}
.main_iconset li:nth-child(1){ background: url(../../images/main_icon01.svg) no-repeat top center;}
.main_iconset li:nth-child(2){ background: url(../../images/main_icon02.svg) no-repeat top center;}
.main_iconset li:nth-child(3){ background: url(../../images/main_icon03.svg) no-repeat top center;}
.main_iconset li:nth-child(4){ background: url(../../images/main_icon04.svg) no-repeat top 3px center;}
.main_iconset li:nth-child(5){ background: url(../../images/main_icon05.svg) no-repeat top center;}
.main_iconset li a span{font-size:14px; font-weight:600; color:#000;}

/* 공지사항 */
.notice_box {overflow:hidden; display:block; width:100%; max-height:77px; padding:17px 10px 10px; margin-bottom:25px; background-color:#515151; color:#fff; font-size:14px;}
.notice_box p{margin-bottom:3px;}
.notice_box > p {font-weight:600;}
  /* 화살표 */
.notice_slick .slick-prev:before , .notice_slick .slick-next:before{content:'';display:inline-block ; width:20px; height:9px;}
.notice_slick .slick-prev:before {background: url(../../images/notice_top_btn.svg) no-repeat center center; background-size:12px;}
.notice_slick .slick-next:before {background: url(../../images/notice_bottom_btn.svg) no-repeat center center; background-size:12px}
.notice_slick .slick-prev{right:0;left: inherit; top:-16px;}
.notice_slick .slick-next{top:10px; right:0; }
.notice_box .notice_slick .slick-slide p {padding-right:40px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
.notice_box .notice_slick .slick-list a {color:#fff;}


/*******************
뉴스
*******************/
  /*공통*/
.innerbox {padding:0 10px; margin-bottom:15px; position:relative;}
.innerbox:after{content:''; display:block; clear:both;}
.innerbox h2{display:inline-block; font-size:16px; font-weight:600; color:#000; }
.innerbox .morebtn {position:absolute; top:3px; right:10px;}
.innerbox .morebtn span{position:relative; padding-right:10px; font-size:12px; color:#999; font-weight:600;}
.innerbox .morebtn span:after{content:''; display:inline-block; width:6px; height:8px; position:absolute; top:50%; right:0; transform:translateY(-50%); background:url(/images/gray_more_btn.svg) center center no-repeat; background-size: 6px;}
  /*뉴스센터*/
.new_center_con{padding-left:10px;}
    /*타이틀 스와이프*/
.new_center .new_title_box {margin-bottom:20px; padding:8px 0 0; text-align:center; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;}
.new_center .new_title_box .new_title .new_title_item {position:relative; padding:0 4px; font-size:14px; color:#000; font-weight:500;}
.new_center .new_title_box .new_title .new_title_item::before{content:''; display:inline-block; position:absolute; top:11px; right:0; width:2px; height:2px; background-color:#000; border-radius:50%; /* transform:translateY(-50%); */}
.new_center .new_title_box .new_title .new_title_item.slick-active::before{}

.new_center .new_title_box .new_title .new_title_item:last-child::before{display:none;}
/*.new_center .new_title_box .new_title .new_title_item:last-child::before{left:-15px;}
.new_center .new_title_box .new_title .new_title_item:first-child::before{display:none;}*/
.new_center .new_title_box .new_title .on {position:relative; display:inline-block; padding-bottom:8px;}
.new_center .new_title_box .new_title .on::after{position: absolute; content: ''; left: 0px; bottom: -4px; height: 9px; width: 100%; background-color: #0077ff;}
    /*뉴스 스와이프*/
.new_box{margin-left:-10px}
.new_box .news{margin-bottom:20px;}
.new_box .news:after{content:''; display:block; clear:both;}
/* .new_box .news .new_item{display:inline-block;float:left; width:150px; margin-left:10px;} */
.new_box .news .new_item {margin-left:10px;}
.new_box .news .new_item a {display:block;}
.new_box .news .new_item img{width:100%; height:90px; margin-bottom:8px; border-radius:3px;}
.new_box .news .new_item p{height:40px; overflow:hidden;font-size:12px; font-weight:600; color:#000;}
.new_box .news .new_item p.new_contentTax {padding-right: 5px; height: 109px; font-weight:400;color:#4c4c4c; }
.new_box .news .new_item p span{margin-right:3px}

.new_box .news .new_item p span.trot {color:#0077FF;} /*속보*/
.new_box .news .new_item p span.politics{color:#FF9100;}/*정치*/
.new_box .news .new_item p span.economy{color:#00C52E;}/*경제*/
.new_box .news .new_item p span.society{color:#8000FF;}/*사회*/
.new_box .news .new_item p span.education{color:#F700FF;}/*교육*/
.new_box .news .new_item p span.culture{color:#0008FF;}/*문화*/
.new_box .news .new_item p span.administration{color:#EBCB00;}/*행정*/
.new_box .news .new_item p span.sports{color:#FF0088;}/*스포츠*/
.new_box .news .new_item p span.etc{color:#4B4B4B;}/*기타*/

  /* 뉴스영상다시보기 */
.new_review{margin:30px 0 30px;}
.new_video_box{}
.new_video_box:after{content:''; display:block; clear:both;}
.new_video_box li{display:inline-block; width:calc(50% - 6px) ; margin-right:6px}
.new_video_box li:last-child{margin-right:0;}
.new_video_box li { }
.new_video_box li a {display:block;}
.new_video_box li a > div{position:relative;}
.new_video_box li span{position:absolute; top:50%; left:50%; transform:translate(-50% , -50%)}
.new_video_box li a img {width:100%; border-radius:3px; z-index:1}
.new_video_box li span img {z-index:2}
.new_video_box li a .video_tax {padding-right:15px; padding-left:5px;}
.new_video_box li a .video_tax p {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; color:#000;}
  /*코로나 배너*/
.covidbox{margin-bottom:30px;}
.covidbox a{display:block;}
.covidbox a img{width:100%; height:auto;}


/*******************
콤비박스
*******************/
  /*콤비박스 01*/
.combibox01 {padding:20px 10px; margin-bottom:5px; text-align:center; border-radius:3px;     background-color: rgba(0,0,0,.5); color:#fff;}
.combibox01 .combitax01 { position:relative; margin-bottom: 5px; padding-bottom:10px; font-weight:600;}
.combibox01 .combitax01:after{content:''; display:block; position:absolute; width:4px; height:4px; background-color:#fff; border-radius:50%; bottom:0; left:50%; transform:translateX(-50%); }
.combibox01 .combitax02{margin-bottom:15px; font-weight:600;}
.combibox01 p{font-size:16px; }
.combibox01 .combiimg {margin-bottom:15px;}
.combibox01 .combi_link {}
.combibox01 .combi_link > li {margin-bottom:10px; padding:5px 0; border-radius:5px; background-color:rgba(0,0,0,.2);}
.combibox01 .combi_link > li:last-child{margin-bottom:0;}
.combibox01 .combi_link > li > ul {}
.combibox01 .combi_link > li > ul:after {content:''; display:block; clear:both;}
.combibox01 .combi_link > li > ul > li{display:inline-block; float:left; width:33.33%; text-align:center; font-size:15px; font-weight:600;}
.combibox01 .combi_link > li > ul > li a{display:block; position:relative; color:#fff; }
.combibox01 .combi_link > li > ul > li a:after{content:''; display:inline-block; position:absolute; width:5px; height:8px; top:50%; right:10px; transform:translateY(-50%); background:url(../../images/combi_rightbtn.svg) center center no-repeat}
  /*콤비박스 02*/
.combibox02{}
.combibox02:after{content:''; display:block; clear:both}
.combibox02 li{display:block; float:left; width:calc(50% - 3px);  padding:20px 5px; margin-right:6px; border-radius:3px; color:#fff; text-align:center; font-weight:600;}
.combibox02 li:last-child{margin-right:0;}
.combibox02 li.combi_green {background-color:rgba(0,0,0,.5);}
.combibox02 li.combi_blue {background-color:rgba(0,0,0,.5);}
.combibox02 .combitax01 {margin-bottom: 5px; padding-bottom:10px; position:relative;}
.combibox02 .combitax01:after{content:''; display:block; position:absolute; width:4px; height:4px; background-color:#fff; border-radius:50%; bottom:0; left:50%; transform:translateX(-50%); }
.combibox02 .combitax02{margin-bottom:15px;}
.combibox02 .combiimg_blue , .combibox02 .combiimg_green {margin-bottom:15px;}
.combibox02 .import {margin-bottom:10px; font-size:16px;}
  /*버튼*/
.combibox02 .combi_btn {padding:5px 10px; border-radius:10px; }
.combibox02 .combi_btn span{position:relative; padding-right:20px; padding-left:10px; color:#fff;font-size:15px;}
.combibox02 .combi_btn span:after{content: ''; display: inline-block; position: absolute; width: 5px; height: 10px; top: 50%; right: 10px; transform: translateY(-50%); background: url(../../images/combi_rightbtn.svg) center center no-repeat}
.combibox02 .blue_linebtn {background-color:rgba(0,0,0,.2);}
.combibox02 .green_linebtn {background-color:rgba(0,0,0,.2);}

/* media query*/
@media screen and (max-width: 370px){
	.combibox02 li{min-height:250px;}
	/*
	.combibox01 .combi_link > li > ul > li {font-size:13px;}
	*/
}
@media screen and (max-width: 353px){
	.combibox02 li{min-height:270px;}
}


/*******************
최신 vod 추천관
*******************/
.vod_bar{margin-bottom:15px;}
.vod_bar:after{content:''; display:block; clear:both;}
.vod_push{margin-bottom:30px;}
.vod_push .vod_push_con{}
.vod_push .vod_push_con .vod_push_box{margin-bottom:20px; margin-left:-5px;}
.vod_push .vod_push_con .vod_push_box .push_vod{}
.vod_push .vod_push_con .vod_push_box .push_vod:after{content:''; display:block; clear:both;}
.vod_push .vod_push_con .vod_push_box .push_vod .push_vod_item{width:25%; margin-left:5px;}
.vod_push .vod_push_con .vod_push_box .push_vod .push_vod_item a {position:relative; padding-top:143%; overflow:hidden; display:block;}
.vod_push .vod_push_con .vod_push_box .push_vod .push_vod_item img{position:absolute; top:0; left:0; right:0; bottom:0; max-width:100%; height:100%; }
.vod_push .vod_push_con .vod_push_box .push_vod .push_vod_item p{padding-left:5px}
.vod_push .vod_push_con .vod_push_box .push_vod .push_vod_item p span{display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 12px; color: #000;}


/*******************
vod 이벤트 소식
*******************/
.vod_event {margin-bottom:30px;}
.vod_event .vod_event_con .vod_event_box{margin-bottom:20px; margin-left:-5px;}
.vod_event .vod_event_con .vod_event_box .event_vod .event_vod_item{margin-left:5px; width:25%;}
.vod_event .vod_event_con .vod_event_box .event_vod .event_vod_item a{position:relative; padding-top:100%; overflow:hidden; display:block; width:100%; height:auto;}
.vod_event .vod_event_con .vod_event_box .event_vod .event_vod_item a img {position:absolute; top:0; left:0; right:0; bottom:0; max-width:100%; height:100%;}


/*******************
jcn 프로그램
*******************/
.vod_progrom .vod_progrom_con .vod_progrom_box{margin-bottom:20px; margin-left:-5px;}
.vod_progrom .vod_progrom_con .vod_progrom_box .progrom_vod{}
.vod_progrom .vod_progrom_con .vod_progrom_box .progrom_vod:after{content:''; display:block; clear:both;}
.vod_progrom .vod_progrom_con .vod_progrom_box .progrom_vod .progrom_vod_item {width:25%; margin-left:5px;}
.vod_progrom .vod_progrom_con .vod_progrom_box .progrom_vod .progrom_vod_item a {position:relative; padding-top:143%; overflow:hidden; display:block;}
.vod_progrom .vod_progrom_con .vod_progrom_box .progrom_vod .progrom_vod_item img{position:absolute; top:0; left:0; right:0; bottom:0; max-width:100%; height:100%; }
.vod_progrom .vod_progrom_con .vod_progrom_box .progrom_vod .progrom_vod_item p{padding-left:5px}
.vod_progrom .vod_progrom_con .vod_progrom_box .progrom_vod .progrom_vod_item p span{display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 12px; color: #000;}


/*
디자인 변경 211029
*/
.combi_bg { padding:20px 0;  width: 100%; background: linear-gradient(120deg, rgba(193,23,72,1) 0%, rgba(19,167,8,1) 50%, rgba(1,104,209,1) 100%); background-size: cover;    background-position: center center; opacity: .8;}
.combi_bg .innerbox {padding:0 10px; margin-bottom:0; position:relative;}

/*******************
layer_popup
*******************/
/*팝업*/
.popup_container{position: relative;}
.popup_wrapper {overflow:hidden; display:block; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; z-index:9999999;}
.popup_overlay {display:block; position:fixed; top:0; left:0; right:0; bottom:0; background-color:rgba(0, 0, 0, 0.6); width:100%; height:100%; z-index:9999999;}

.popup_content { width: 100%; height: 100%; margin: auto; background:#fff;}
.popup_vtable {display: table;width: 100%;height: 100%;table-layout: fixed;}
.popup_vtableCell { display: table-cell; vertical-align: middle; }
.popup_list_wrapper { position: relative; }
.popup_list {opacity: 1; visibility: visible;}
.popup_list.hidden{opacity: 0; visibility: hidden; }
.popup_item {padding: 0px 44px;}

.popup_anchor,
.popup_image {display:block;}
.popup_figure {position: relative;padding-top: 84.6875%;overflow: hidden;}
.popup_image {max-width: none;margin: auto;position: absolute;left: 0;top: 0;right: 0;bottom: 0;width: 100%;height: 100%;}

/* popup_footer */
.popup_footer {position:relative; min-height:45px; /*background:#000;*/}
.popup_footer:after {content:""; display:table; clear:both;}
.popup_footer .popup_close_btns {width:100%; height:30px;}
.popup_footer .popup_close_btn {display:block; float:left; padding-top:15px; width:49.77%; height:100%; font-size:12px; font-weight:500; line-height:1.5; color:#222; border-top:1px solid #ccc; border-width:1px 0 0 1px; text-align:center; background-color:#fff;}
.popup_footer .popup_close_btn.item {border-left:1px solid #ccc;}
.popup_footer .popup_close_btn.cookie {}
.popup_footer .popup_close_btn:first-child { border-left-width: 0; }

.popup_content .flex-direction-nav a {display: block; width: 24px; height: 41px; margin: -20px 0 0; position: absolute; top: 0; z-index: 10; overflow: hidden; opacity: 0;-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.popup_content .flex-direction-nav .flex-disabled {opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.popup_content .flex-direction-nav a span {display:none;}
.popup_content .flex-control-nav {position:absolute; bottom:-30px; width:100%; text-align:center;}
.popup_content .flex-control-nav li {margin: 0 2px; display: inline-block; zoom: 1;}
.popup_content .flex-control-paging li a {width: 10px; height: 10px; display: block; cursor: pointer; text-indent: 9999px; overflow:hidden; border-radius: 20px; background:#a8a8a8;}
.popup_content .flex-control-paging li a:hover {background: #e83d45;}
.popup_content .flex-control-paging li a.flex-active {width: 10px; height: 10px; display: block; cursor: pointer; text-indent: 9999px; overflow:hidden; border-radius: 20px; background:#e83d45;}

@media (orientation:landscape) {
.popup_content { width: 50%; }
}



/*210927 메인 탭 추가*/


.clear:after{content:''; display:block; clear:both}
.tabm{    width: 100%; border: 1px solid #3171bb; height:38px; }
.tabm li{display:inline-block; width:calc(33.333% - 2px );/*width:calc(33.333% - 1px ); */float:left; text-align:center; background:#3171bb;   padding: 10px 0px;}
.tabm li:last-child{width: calc(33.33% + 2.06px);}
.tabm li a{color:#fff; font-size:18px}
.tabm li.on{background-color:#fff;}
.tabm li.on a{color: #3171bb;}
.tabm li > img{width:100% !important; height:auto !important}

.vod_push01{margin-top:30px;}



/*******************
230331 jcn 전화상담
*******************/

.phonecall{margin-bottom:15px; height:220px; background:#eee url(../../../images/phonecall.png) bottom right 10px no-repeat; background-size:32%;}
.phonecall .innerbox{padding:20px 10px;}
.phonecall .title{margin-bottom:10px; font-size: 16px; font-weight: 600; color: #000;}
.phonecall .infomation-box{display:flex;}
.phonecall .form-group{width:50%;}
.phonecall .form-group:first-child{margin-right:15px;}
.phonecall .form-group label span{font-size:0; text-indent:-9999px;}
.phonecall .form-group input{border:1px solid #fff; background-color:#fff;}
.phonecall .form-group input:hover{border:1px solid #0077ff; outline: none;}
.phonecall .consult-btn{width:150px;height:40px; background-color:#0077ff; color:#fff;}
/*
.infomation-box input[type="checkbox"] + label{margin-top:8px; font-size:13px; color:#373737;}
.infomation-box input[type="checkbox"] + label:before{width:18px; height:18px; background-size:18px;}
.infomation-box input[type="checkbox"]:checked + label:before{background-position-y:-18px;}
*/
.phonecall .infobox{display:flex; margin-bottom:10px;}
.phonecall .infobox input[type="checkbox"] + label{margin-top:8px; font-size:13px; color:#373737;}
.phonecall .infobox input[type="checkbox"] + label:before{width:18px; height:18px; background-size:18px;}
.phonecall .infobox input[type="checkbox"]:checked + label:before{background-position-y:-18px;}
.phonecall .infobox > div{width:50%;}
.phonecall .infobox > div:first-child{margin-right:15px;}
.phonecall .infobox .call-coment{margin-top:8px; font-size:13px; color:#373737;}

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

	.phonecall{background-size:42%;}

}

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

	.phonecall .infobox{flex-direction:column;}
	.phonecall .infobox > div{width:100%;}
	.phonecall input[type="text"], .phonecall input[type="password"], .phonecall input[type="tel"]{font-size:13px;}

}

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

	.phonecall .consult-btn{width:120px; font-size:14px;}

}





/* sticky counsel */
#sticky-counsel.hv-main { width:100%; height:130px; box-sizing: content-box; padding:20px 0; border: 0; background-color: rgba(0, 0, 0, 0.8); text-align: center; max-width:720px; margin: 0 auto; position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%); z-index:1;}
#sticky-counsel.hv-main { box-shadow: 0px 16px 32px rgba(74, 76, 88, 0.15); border-radius: 12px 12px 0px 0px; }
#sticky-counsel.hv-main::after { display: table; clear: both; overflow: hidden; }
#sticky-counsel.hv-main .wrap2 { text-align: left; margin: 0 auto; height: 36px; color: #fff; line-height: 1; }
#sticky-counsel.hv-main .wrap2 .flex { display: flex; align-items: center; }
#sticky-counsel.hv-main .subjects {margin-bottom:10px; display: flex; align-items: center; justify-content: center; color:#fff;}
#sticky-counsel.hv-main .fields { position: relative;  margin:0 50px 10px 0;left: 50%; transform: translateX(-50%);}
#sticky-counsel.hv-main .links { width: auto; text-align: center; position: relative; }
#sticky-counsel.hv-main .inline { box-sizing: content-box; display: inline-block; vertical-align: middle; padding: 0; height: 36px; line-height: 36px; font-size: 14px; border: 0; }
#sticky-counsel.hv-main .subject { margin-right: 7px; font-weight: 300; font-size: 20px; }
#sticky-counsel.hv-main .subject em { font-weight: 700; }
#sticky-counsel.hv-main .tel { font-style: normal; font-weight: 700; font-size: 32px; color:#fff;}
#sticky-counsel.hv-main .field-contact { width: 100%; text-indent: 18px; border-radius: 8px; font-size: 16px; font-weight: 300; overflow: hidden;}
#sticky-counsel.hv-main .field-contact { box-sizing: content-box; height: 36px; }
#sticky-counsel.hv-main .field-contact::placeholder { margin-top: -1px; font-size: 14px; color: #000; line-height: 40px; letter-spacing: 0; color: #808080; }
#sticky-counsel.hv-main .btn-contact { position: absolute; top: 0; right: 0; background-color: #ed174d; font-size: 16px; font-weight: 700; color: #fff;  width:130px;}
#sticky-counsel.hv-main .btn-contact{ text-align: center; height: 36px; line-height: 36px; transition: all .1s ease-in-out 0s; border-radius: 0 6px 6px 0; }
#sticky-counsel.hv-main .btn-contact:hover{background-color: #a50034; border-color: #a50034;}
#sticky-counsel.hv-main .link-chat { width:180px; background-color: #898989;  height: 36px; line-height: 36px; position: relative; border-radius: 28px; overflow: hidden; text-align: center; display: inline-block;}
#sticky-counsel.hv-main .link-chat:before { content: ""; display: block; position: absolute; top: 5px; left: 15px; width: 25px; height:25px; background: url('../../../images/talkbottom.png') 0 0 no-repeat; background-size: 100%;}
#sticky-counsel.hv-main .link-chat:hover {}
#sticky-counsel.hv-main .links .icon { position: absolute; top: -3px; left: 0; width: 44px; height: 40px;  }
#sticky-counsel.hv-main .link-chat strong {font-size: 16px; padding-left:30px; color:#fff;}
#btn-totop { margin-left: 670px; }

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


	#sticky-counsel.hv-main .subject{font-size:15px;}
	#sticky-counsel.hv-main .tel{font-size:20px;}


}



.myicon{position:absolute; top:-28px; right:33px; background-size:14px;}



.aside-close{position:absolute; top:10px; right:10px; background-color:#ebebeb; border-radius:50%;}
.aside-close span{text-indent:-999em; font-size:0; display:block; width:35px; height:35px; background:url(../../img/close.svg) center center no-repeat;}

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

	.aside-close{top:-36px !important; background:#e9e9e9;}

}





/******연혁*******/
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
.hisCon {width:80%; font-family: 'Pretendard-Regular' !important; position:relative; padding:20px 0; }
.hisCon .sub .wrap h3{font-family: 'Pretendard-Regular' !important;}
.hisCon::after {content:''; display:block; clear:both;}
.hisCon .hisInner {position:relative;}
.hisCon .hisInner .hisList {position:relative; padding-top:30px;}
.hisCon .hisInner .hisList:before {content:''; display:block; position:absolute;   top:0;  height:calc(100%); background:linear-gradient(to bottom, #008cd9 0%, #34ad2d 100%); border-radius:20px;  }
.hisCon .hisInner .hisList::after {content:''; display:block; clear:both;} 
.hisCon .hisInner .hisList .hisSet:last-child {padding-bottom:0;} 

.hisCon .hisInner .hisList .hisSet.hisR {float:right; margin-left:50%; padding-left:22px;}
.hisCon .hisInner .hisList .hisSet .tit {font-family: 'Pretendard-Regular' !important; position:relative; font-weight:700; line-height:1.3; letter-spacing:-0.1rem; color:#191919; transition:font-size 0.2s linear;}
.hisCon .hisInner .hisList .hisSet .tit::before {content:''; display:block; position:absolute; top:50%;  border-width:2px; border-style:solid; border-color:rgba(0,0,0,0.2); border-radius:50%; transform:translateY(-50%);}
.hisCon .hisInner .hisList .hisSet .tit::after {content:''; display:block; position:absolute; top:50%; width:18px; height:18px; background-color:#fff; border-radius:50%; transform:translateY(-50%);} 
 .hisCon .hisInner .hisList .hisDetail {}
.hisCon .hisInner .hisList .hisDetail > li {position:relative; margin:4px 0; font-size:15px;}
.hisCon .hisInner .hisList .hisDetail > li .year {font-family: 'Pretendard-Regular' !important; position:absolute; top:0; width:80px; font-weight:500; color:#191919;}
.hisCon .hisInner .hisList .hisDetail > li .txt {width:100%; font-family: 'Pretendard-Regular' !important;}
 
.hisCon .hisInner .hisList .hisSet.hisR .hisDetail > li .year {left:0;} 
 
	.hisTop {margin-bottom:30px;}
	.hisTop .hisCopy {font-size:30px;}
	
	.hisCon .hisInner .hisList:before {left:0; width:18px; transform:translateX(0);}
	.hisCon .hisInner .hisList .hisSet {padding-bottom:40px;}
	.hisCon .hisInner .hisList .hisSet .tit {margin-bottom:16px; font-size:38px;}
	.hisCon .hisInner .hisList .hisSet {width:inherit; padding-bottom:40px;} 
	.hisCon .hisInner .hisList .hisSet.hisR {float:none; margin-left:auto; padding-left:30px;}	
	.hisCon .hisInner .hisList .hisSet .tit::before {width:14px; height:14px;}
	.hisCon .hisInner .hisList .hisSet .tit::after {width:14px; height:14px;} 
	.hisCon .hisInner .hisList .hisSet.hisR .tit::before {left:-30px;}
	.hisCon .hisInner .hisList .hisSet.hisR .tit::after {left:-28px;}
	 
	.hisTop {margin-bottom:10px; text-align:left;}
	.hisTop .hisCopy {font-size:26px;}
	
	.hisCon .hisInner .hisList .hisSet {padding-bottom:30px;}
	.hisCon .hisInner .hisList .hisSet .tit {margin-bottom:4px; font-size:28px;} 
	.hisCon .hisInner .hisList .hisSet.hisR .hisDetail > li .txt {padding-left:70px;}