@charset "UTF-8";

@font-face {
    font-family: 'Pretendard-Medium';
    src: url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@media (min-width:1400px){.container{width:1370px}}


#techspotlight .slick-dotted.slick-slider
{
	margin-top: 80px;
	width: 100%;
}

.articleSlider.slick-slider{
	margin-top: 80px;
	width: 75%;
	height: 500px;
	position: relative;
	top: -450px;
}
.techbriefSlider.slick-slider{
   	margin-top: 80px;
	width: 75%;
	height: 500px;
	position: relative;
	top: -450px;
}
/*상세검색*/
.checkboxOpen, .checkboxOpenList .techList,.checkboxOpenList .universityList, .space{display: none;}
#board_filter .checkboxListTitle{font-size: 12px; cursor: pointer;}
#board_filter .checkboxOpen,#board_filter .checkboxClose
{
    font-size: 10px;
    margin-left: 10px;
    color: #141618;
}
#board_filter .checkboxOpenList
{
	display: flex;
}
#board_filter .checkboxOpenList>div
{
    flex: 1;
}
#board_filter .checkboxOpenList>div>ul
{
    list-style: none;
    text-align: left;
    padding-left: 20px;

}
#board_filter .checkboxOpenList ul li a
{
	margin: 12px 0px;
	font-size: 12px;
	float: none;
    color: #3C7CF5;
    display: block;
}
/*//상세검색*/


.dp_n{display: none !important;}

.scroll_cont{ -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */}
.scroll_cont::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}
.form-control{padding: 12px 12px; }
.navbar-toggle{border:1px solid #fff; }
.navbar-toggle .icon-bar{border:1px solid #fff; }
p {margin-bottom:0 !important;}
* { font-family: 'Pretendard-Regular', 'sans-serif' !important; }
.pop.poll-pop {overflow:hidden; /*width:413px; height:494px;*/ width:700px; height:494px; /*max-width:90vw;*/ min-width:auto;}
.pop.poll-pop .pop-body {max-height:none; padding:0;}
.pop.poll-pop .pop-body a {display:block;}
.pop.poll-pop .pop-foot {display:table; table-layout:fixed; width:100%; padding-bottom:0;}
.pop.poll-pop .pop-foot::before {display:none;}
.pop.poll-pop .pop-foot a {display:table-cell; vertical-align:middle; position:relative; padding:20px 0; text-align:center;}
.pop.poll-pop .pop-foot a + a::before {content:""; position:absolute; top:0; bottom:0; left:0; height:20px; margin:auto; border-left:1px solid #ccc;}
#hotKeywordlist li
{
	margin-bottom: 10px;
}
@media (max-width: 765px) {
	.pop.poll-pop {width:300px; height:242px;}
}
.vertical-align{display: flex; align-items: center;}
.cont_wrap{width: 80%; margin: 0 auto;}
.padding-r-30 {padding-right: 30px;}
.padding-r-40 {padding-right: 40px;}
.padding-r-50 {padding-right: 50px;}
.padding-l-30 {padding-left: 30px;}
.padding-l-40 {padding-left: 40px;}
.padding-l-50 {padding-left: 50px;}
.pop.status-pop {min-width:auto;}
.pop.status-pop .status-area {width:100%; max-width:1104px;}
.pop.status-pop .status-board {padding:9px 13px; border:1px solid #E4E9ED; border-radius:6px; background-color:#fff;}
.pop.status-pop .status-list {list-style:none; padding:0; margin:0; margin:-5px; text-align:center; font-size:0;}
.pop.status-pop .status-list li {display:inline-block; vertical-align:top; width:16.6667%; padding:5px;}
.pop.status-pop .status-list li a {display:block; min-height:4.875rem; padding-top:7px; padding-bottom:9px; border:1px solid transparent; border-color:#CED6DC; border-radius:4px; background-color:#F4F6F8;}
.pop.status-pop .status-list li a span {/*display:block; margin:0 auto;*/}
.pop.status-pop .status-list li a span.tit {display:block; font-weight:400; font-size:1rem; line-height:1.5; letter-spacing:-0.05em; color:#424242;}
.pop.status-pop .status-list li a span.num {display:inline-block; padding:3px 10px; margin-top:8px; border-radius:15px; background-color:#0051AC; font-weight:700; font-size:1.125rem; line-height:1.2222; letter-spacing:-0.05em; color:#fff;}
.pop.status-pop .status-info {margin-top:16px; font-size:0;}
.pop.status-pop .status-info .txt {display:inline-block; font-weight:400; font-size:0.875rem; line-height:1.4286; letter-spacing:-0.05em; color:#797676;}
.pop.status-pop .status-info .link {display:inline-block; text-decoration:underline; font-weight:400; font-size:0.875rem; line-height:1.4286; letter-spacing:-0.05em; color:#003A88;}
.pop.status-pop .status-info .txt + .link,
.pop.status-pop .status-info .link + .txt {margin-left:17px;}
.pop.status-pop .legend-list {list-style:none; padding:0; margin:0; margin-top:24px; text-align:right; font-size:0;}
.pop.status-pop .legend-list li {display:inline-block; vertical-align:top; margin-left:20px;}
.pop.status-pop .legend-list li::before {content:""; display:inline-block; vertical-align:middle; width:10px; height:10px; margin-right:8px; border-radius:50%;}
.pop.status-pop .legend-list li span {display:inline-block; vertical-align:middle; font-weight:400; font-size:0.875rem; line-height:1.4286; letter-spacing:-0.05em; color:#797676;}

.pop.status-pop .status-list li.status01 a {border-color:#CED6DC; background-color:#F4F6F8;}
.pop.status-pop .status-list li.status01 a span.tit {color:#424242;}
.pop.status-pop .status-list li.status01 a span.num {background-color:#929292; color:#000;}
.pop.status-pop .legend-list li.status01::before {background-color:#929292;}
.pop.status-pop .status-list li.status02 a {border-color:#CED6DC; background-color:#F4F6F8;}
.pop.status-pop .status-list li.status02 a span.tit {color:#424242;}
.pop.status-pop .status-list li.status02 a span.num {background-color:#AFC338; color:#000;}
.pop.status-pop .legend-list li.status02::before {background-color:#AFC338;}
.pop.status-pop .status-list li.status03 a {border-color:#CED6DC; background-color:#F4F6F8;}
.pop.status-pop .status-list li.status03 a span.tit {color:#424242;}
.pop.status-pop .status-list li.status03 a span.num {background-color:#FFCB00; color:#000;}
.pop.status-pop .legend-list li.status03::before {background-color:#FFCB00;}
.pop.status-pop .status-list li.status04 a {border-color:#CED6DC; background-color:#F4F6F8;}
.pop.status-pop .status-list li.status04 a span.tit {color:#424242;}
.pop.status-pop .status-list li.status04 a span.num {background-color:#FF8000; color:#000;}
.pop.status-pop .legend-list li.status04::before {background-color:#FF8000;}
.pop.status-pop .status-list li.status05 a {border-color:#CED6DC; background-color:#FEF3F3;}
.pop.status-pop .status-list li.status05 a span.tit {color:#424242;}
.pop.status-pop .status-list li.status05 a span.num {background-color:#043E92; color:#fff;}
.pop.status-pop .legend-list li.status05::before {background-color:#043E92;}

.techservice_textImg{position: absolute; bottom: 7%; right: -13%;}
@media (max-width: 1760px) {
	.techservice_textImg{right: 0%;}
}
@media (max-width: 1399px) {
	.techservice_textImg{right: 0%;width: 500px;}
}
.techservice{}
/* .techservice_sec1 {color:#000 !important; padding: 250px 0; background: url("img/sub/techpresso_text.png");    background-repeat: no-repeat;background-position: right 90%;background-size: 600px;} */
.techservice_sec1 {color:#000 !important; padding: 250px 0; position: relative;}
.techservice_sec1_l h2{font-weight: bolder; font-size: 86px; color: #000; line-height: 1.5; font-family: 'Spoqa Han Sans Neo' !important;}
.techservice_sec1_r{font-size: 14px; text-align: center; line-height: 1.4}
.techservice_sec1_r p{
	    line-height: 1;
    text-align: center !important;
    line-height: 40px;
    margin-top: 130px;
    font-size: 20px;
    font-weight: 100;
    padding-left: 160px;
}
.techservice_sec1_r img{width: 100%; margin-top: 60px;max-width: 400px; position: absolute;left: 80px;}
.techservice_sec1_point{}
.techservice_sec1_point hr{border-right: 2px solid #043E92;    height: 500px;position: absolute;left: 50%;}
.techservice_sec1_point img{width: 100%; max-width: 50px;}
.dp_flex{display: flex;}
.dp_flex >div{flex: 1}

.bg_grant_b{background: transparent linear-gradient(180deg, #FFFFFF 0%, #F4FBFF 100%) 0% 0% no-repeat padding-box;}

.techservice_sec2{ /* background: url("img/sub/techpresso_text.png"); */ background:#182338; padding: 200px 0 40px 0; color:#fff; }
.techservice_sec2 img{width: 100%;}
.techservice_sec2 h4{font-size: 30px; font-weight: bold; margin-bottom: 50px;}
.tech_sec_title span{font-size: 17px;}
.tech_sec_content{margin: 40px 0;font-size: 15px; line-height: 1.5}
.tech_sec_content img{margin-top: 50px;}

.servicesWaterDrop{
    position: absolute;
    top: 0;
    left: calc(50% - 65.5px);
    width: 131px;
}
.techservice_sec3{padding:80px 0;}
.techservice_sec3_l{}
.techservice_sec3_l h4{text-align: left; font: normal normal bold 48px/65px Spoqa Han Sans Neo; letter-spacing: 0px; color: #fff;}
.techservice_sec3_l span{
    text-align: left;
    font: normal normal normal 20px/32px Spoqa Han Sans Neo;
    letter-spacing: 0px;
    color: #fff;
    font-family: 'Spoqa Han Sans Neo' !important;
    font-weight: 300;
}



.card_b{border: 1px solid #E7E7E8; border-radius: 20px; padding: 20px; width: 100%; cursor: pointer; margin-bottom: 30px;}
.card_b span{font-size: 14px; color:#FFF0BC; margin-bottom: 5px;}
.card_b h5{color: #fff; font: 33px Spoqa Han Sans Neo; font-weight: bold;}

.subpage_menu.bg_gray{background: #F8F9F9}
.subpage_menu{background: 0% 0% no-repeat padding-box; padding: 40px 0; text-align: center; border-bottom: 1px solid #DDDDDD;}
.subpage_menu ul{margin: 0; padding: 0; text-align: center;}
.subpage_menu ul li{list-style: none;display: inline-block; padding: 0 50px;}
.subpage_menu ul li a{text-decoration: none;color: #BDBDBF;font-size: 24px; font-weight: bold; padding: 10px 10px; font-family: 'Spoqa Han Sans Neo' !important;}
.subpage_menu ul li a.active{color:#012063; border-bottom: 2px solid #012063; }

#techservice{padding-bottom: 0}
.about_content{padding: 70px 0 70px 0}

.notice_search select#view{background: #FFFFFF 0% 0% no-repeat padding-box;border: 1px solid #DDDDDD;border-radius: 23px; padding:10px 15px; font-size: 14px; color: #ABABAD; width: 120px; height: 46px;}
.notice_search input#name{background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #DDDDDD; border-radius: 23px; padding:10px 15px;font-size: 14px; width: 410px; height: 46px;}
.notice_search .box2{display: inline-block;}
.notice_search .box-3{display: inline-block;}
.notice_search button#searchBtn3{background: #141618 0% 0% no-repeat padding-box;border-radius: 23px;color: #fff;padding: 10px 15px;font-size: 14px;height: 46px;width: 85px;}
.row-2.notice_search{text-align: center; margin-bottom: 70px;}

.num-count{text-align: left;font: normal normal bold 20px/46px Spoqa Han Sans Neo;letter-spacing: 0px;color: #141618;}
.num-count span{color: #3C7CF5; padding:0 8px;}
#notice .num-count span{color: #3C7CF5; padding: 0 0 0 10px;}
.boardList{border-top:2px solid #141618; padding: 3px 0; margin-top: 20px;}
.boardList table{width: 100%;text-align: center;}
.boardList table th{text-align: center !important;padding: 14px 0;border-bottom: 1px solid #ABABAD;font-size: 14px;color: #7A7A7D;font-weight: 100;}
.boardList table td{padding: 20px 0;border-bottom: 1px solid #ddd; color: #3B3B3B;font-size: 16px; font-family: 'Spoqa Han Sans Neo' !important;}
.boardList table td>b{font-family: 'Spoqa Han Sans Neo' !important;}
.boardList table p{text-align: center !important;margin: 0; padding: 0; color: #3C7CF5; font-weight: bold; font-family: 'Spoqa Han Sans Neo' !important;}
.boardList table tr:hover {background: #F8F9F9;cursor: pointer;}
.boardList table tr:first-child:hover{background: #fff;cursor: default;}
nav.Page-box{text-align: center;}
.pagination>li:last-child>a{color: #ABABAD;}
.pagination>li a.active{background: #3C7CF5 0% 0% no-repeat padding-box;color: #fff;}
.pagination>li>a, .pagination>li>span{border: 0px solid; width: 35px; color: #ABABAD;}
.techservice_card{margin-bottom: 30px; cursor: pointer;}
.techservice_card:last-child{
    display: flex;
    align-items: center;
    height: 302px;
}
.techservice_card:last-child>img{
    padding: 50px;
    border-radius: 15px;
}
.pagination>li:first-child>a, .pagination>li:first-child>span{    border-radius: 50%;
    width: 35px;
    font-size: 14px;
    height: 35px;
    font-weight: 100;
    display: flex;
    align-items: center;
    justify-content: center;}
.pagination>li:last-child>a, .pagination>li:last-child>span{    border-radius: 50%;
    width: 35px;
    font-size: 14px;
    height: 35px;
    font-weight: 100;
    display: flex;
    align-items: center;
    justify-content: center;}
.num-count p{font-size: 20px; font-family: 'Spoqa Han Sans Neo' !important; font-weight: bold;}

@media (max-width: 1389px) {
	.pop.status-pop .status-list li {width:25%;}
	.main-sec-1{padding-top: 135px !important; padding-bottom: 10px !important;}
}

@media (max-width: 765px) {
	.pop.status-pop .status-list li {width:33.3333%;}
}

.pop.keyword-pop {}
.pop.keyword-pop .keyword-area {}
.pop.keyword-pop .keyword-type a {display:inline-block; vertical-align:top; width:120px; height:40px; border:1px solid #CED6DC; border-radius:4px; background-color:#F4F6F8; text-align:center; transition:all 0.3s;}
.pop.keyword-pop .keyword-type a + a {margin-left:8px;}
.pop.keyword-pop .keyword-type a span {display:inline-block; font-weight:400; font-size:1rem; line-height:38px; letter-spacing:-0.05em; color:#424242; transition:all 0.3s;}
.pop.keyword-pop .keyword-search.search-box {margin-top:16px;}
.pop.keyword-pop .keyword-search.search-box .form.horizontal .form-tit {width:75px;}
.pop.keyword-pop .keyword-search.search-box .search-btn {width:88px;}
.pop.keyword-pop .keyword-result {min-height:400px;}
.pop.keyword-pop .keyword-result .no-result {display:block; height:400px; text-align:center; font-weight:400; font-size:1rem; line-height:400px; letter-spacing:-0.025em; color:#717171;}

.pop.keyword-pop .keyword-type a:hover,
.pop.keyword-pop .keyword-type a:focus {background-color:#DAE9FB;}
.pop.keyword-pop .keyword-type a.on {border-color:#0051AC; background-color:#0051AC;}
.pop.keyword-pop .keyword-type a.on > span {font-weight:500; color:#fff;}

@media (max-width: 1389px) {
	.pop.keyword-pop .keyword-search.search-box .form.horizontal .form-body {display:block; float:none;}
	.pop.keyword-pop .keyword-search.search-box .form.horizontal .form-body + .form-body {margin-left:0; margin-top:20px;}
	.pop.keyword-pop .keyword-search.search-box .form.horizontal .form-cont {display:block;}
	/* .pop.keyword-pop .keyword-result {min-height:20vh;}
	.pop.keyword-pop .keyword-result .no-result {height:20vh; line-height:20vh;} */
}


#header {position:fixed; z-index:100; top:0; right:0; left:0; width:100%;}
#header .header-body {padding:0px 0;}
#header .header-body-inr {}
#header .header-body-inr.inr {}

#header.main-header {}
#header.sub-header {}

#logo {height:45px; float: left;}
#logo a {display:table; table-layout:fixed; height:45px;}
#logo a span {display:table-cell; vertical-align:middle; height:45px;}
#logo a span img {max-height:100%;}

#gnb-area {position:relative; text-align:center;}
/*
#gnb-area::before {content:""; position:absolute; top:54px; right:0; bottom:0; left:0; width:100%; background:#F9F9F9 url(../imgs/common/lnb-bg.png) no-repeat; background-position-x:calc(100vw - (100vw - 1320px)/2 - 120px); background-position-y:calc(100% + 30px); box-shadow:0 10px 16px 0 rgba(0,0,0,0.1);}
#gnb-area::after {content:""; position:absolute; top:54px; right:0; left:0; width:100%; border-top:1px solid #E5E5E5;}
*/
#gnb-area .gnb-area-inr {}
#gnb-area .gnb-area-inr.inr {}
#gnb {width:calc(100% - 250px);float: left;}
#gnb .gnb-top {display:none;}
#gnb .gnb-inr {}
#gnb .gnb-inr.inr {padding:0;}
#gnb .gnb-list {display:table; table-layout:fixed; list-style:none; padding:0; margin:0; width:calc( 100% - 200px ); height:54px; float: left}
#gnb .gnb-list > li {display:table-cell; vertical-align:top; padding:0 6px;}
#gnb .gnb-list > li > a {display:block; position:relative; padding:13px 0; text-align:center; text-decoration: none;}
#gnb .gnb-list > li > a::after {content:""; position:absolute; right:0; bottom:-1px; left:0; width:100%; border-top:3px solid #0050AB; transform:scaleX(0); transition:all 0.3s;}
#gnb .gnb-list > li > a > span {font-weight:500; font-size:1.125rem; line-height:1.5; letter-spacing:-0.03em; color:#333;}
#gnb .gnb-list > li > a > i {display:none;}
#gnb .lnb {display:none;}
#gnb .lnb .lnb-list {list-style:none; padding:0; margin:0; padding:16px 0 42px 0;}
#gnb .lnb .lnb-list > li {display:block;}
#gnb .lnb .lnb-list > li + li {margin-top:8px;}
#gnb .lnb .lnb-list > li > a {display:block; position:relative; padding:8px; background-color:#fff; transition:all 0.3s;}
#gnb .lnb .lnb-list > li > a > span {display:inline-block; vertical-align:middle; font-weight:400; font-size:1rem; line-height:1.5; letter-spacing:-0.05em; color:#333; transition:all 0.3s;}
#gnb .lnb .lnb-list > li > a > i {display:inline-block; vertical-align:middle; margin-left:4px; font-size:1.125rem; transition:all 0.3s;}
#btn_gnb-open {top: 10px; right: 12px; width: 40px; height: 40px; background-color: #fff; font-size: 1.786rem; line-height: 40px; border: 1px solid #0051AC}
#btn_gnb-close {}

#gnb .lnb .lnb-list .has-link > a > i {color:#424242;}

/* header.on */
/* #gnb.on .lnb {display:block;} */
#gnb .gnb-list > li:hover > a::after {transform:scaleX(1);}
#gnb .lnb .lnb-list > li:hover > a {background-color:#0050AB;}
#gnb .lnb .lnb-list > li:hover > a > span {color:#fff;}
#gnb .lnb .lnb-list > li.has-link:hover > a > i {color:#fff;}

@media (min-width:1390px) {
	#gnb .lnb .lnb-list > li > a > span.smaller {font-size:0.875rem;}
}

@media (max-width:1389px) {
    #header {position:fixed; top:0; right:0; left:0; width:100%; border-bottom:1px solid #ccc;}
    #header .header-body {padding:22px 0;}
    #header .header-body-inr.inr {padding:0 35px;}

    #logo {position:static; height:45px;}
    #logo a {height:45px;}
    #logo a span {height:45px;}

    #search-area {position:fixed; top:90px; left:0; overflow:hidden; width:100%; height:0; /*transition:all 0.3s;*/}
    #search-area .search-form {/*display:none;*/ position:absolute; z-index:10; top:-100%; right:0; left:0; width:100%; padding:14px 35px 20px 35px; background-color:#fff; font-size:0; /*transition:all 0.3s;*/}
    #search-area .popular-keywords {margin-top:15px;}
    #btn_search-open {display:inline-block; position:fixed; z-index:1; top:20px; right:95px; width:48px; height:48px; border-radius:4px; background-color:#041A63; text-align:center; font-size:1.688rem; line-height:48px; color:#fff;}
    #btn_search-close {display:none; position:fixed; z-index:1; top:20px; right:95px; width:48px; height:48px; border-radius:4px; background-color:#041A63; text-align:center; font-size:1.875rem; line-height:48px; color:#fff;}

    #search-area.on {/*height:111px;*/}
    #search-area.on .search-form {/*display:block;*/ /*top:0;*/}
    #search-area.on #btn_search-open {display:none;}
    #search-area.on #btn_search-close {display:inline-block;}

    #link-area {display:none;}

    #gnb-area {position:static; border-top:none; text-align:left;}
    #gnb-area::before,
    #gnb-area::after {display:none;}

    #gnb {}
    #gnb .gnb-top {display:block; padding:26px 113px 26px 30px; border-bottom:1px solid #C9C9C9; background-color:#F2F2F2;}
    #gnb .gnb-top .link-list {list-style:none; padding:0; margin:0; font-size:0;}
    #gnb .gnb-top .link-list li {display:inline-block; vertical-align:top;}
    #gnb .gnb-top .link-list li + li {margin-left:14px;}
    #gnb .gnb-top .link-list li a {display:block; position:relative; padding:7px 15px; border:1px solid transparent; border-radius:18px;}
    #gnb .gnb-top .link-list li a span {font-weight:500; font-size:0.875rem; line-height:1.4286; letter-spacing:-0.025em;}
    #gnb .gnb-inr {/*display:none;*/ position:fixed; z-index:1; top:0; right:-100%; bottom:0; width:83.6815vw; height:100vh; background-color:#fff; /*transition:all 0.3s;*/}
    #gnb .gnb-inr.inr {padding:0; margin:0;}
    #gnb .gnb-list {display:block; overflow-x:hidden; overflow-y:auto; width:100%; height:calc(100vh - 89px); padding:0; background:url(../imgs/common/lnb-bg.png) no-repeat right -26px bottom 67px;}
    #gnb .gnb-list > li {display:block; padding:0; border-bottom:1px solid #C9C9C9;}
    #gnb .gnb-list > li > a {position:relative; z-index:2; padding:21px 106px 16px 35px; background-color:#fff; text-align:left;}
    #gnb .gnb-list > li > a::after {display:none;}
    #gnb .gnb-list > li > a > span {font-weight:500; font-size:1.125rem; line-height:1.5; letter-spacing:-0.025em; color:#3A3A3A;}
    #gnb .gnb-list > li > a > i {display:inline-block; position:absolute; top:50%; right:35px; width:1.5em; height:1.5em; margin-top:-0.75em; border-radius:4px; background-color:#0051AC; text-align:center; font-size:1.5rem; line-height:1.5; color:#fff;}
    #gnb .lnb {background-color:#F4F6F8;}
    #gnb .lnb .lnb-list {padding:20px 32px; font-size:0;}
    /*
    #gnb .lnb .lnb-list > li {display:inline-block; width:calc((100% - 13px)/2); padding:0;}
    */
    #gnb .lnb .lnb-list > li {display:inline-block; width:100%; padding:0;}
    #gnb .lnb .lnb-list > li + li {margin-top:12px;}
    #gnb .lnb .lnb-list > li:nth-child(even) {margin-left:0;}
    #gnb .lnb .lnb-list > li:nth-child(n+3) {margin-top:12px;}
    #gnb .lnb .lnb-list > li > a {background-color:#fff; text-align:center;}
    #gnb .lnb .lnb-list > li > a > span {font-weight:400; font-size:1rem; line-height:1.5; letter-spacing:-0.05em; color:#333;}
    #gnb .lnb .lnb-list > li > a > i {font-size:1.125rem;}
    #btn_gnb-open {display:inline-block; position:absolute; z-index:1; top:4px; right:0px; width:48px; height:48px; border-radius:4px; background-color:#fff; text-align:center; font-size:1.875rem; line-height:48px; color:#0051AC;}
    #btn_gnb-close {display:inline-block; position:absolute; z-index:1; top:24px; right:35px; width:48px; height:48px; border-radius:4px;text-align:center; font-size:1.875rem; line-height:48px; color:#0051AC;}

    #gnb .gnb-top .link-list li.link01 a {border-color:#ABABAB; background-color:#E6E6E6; color:#424242;}
    #gnb .gnb-top .link-list li.link02 a {border-color:#0051AC; background-color:#0051AC; color:#fff;}

    #gnb .gnb-list > li.has-dep > a > i {transform:rotate(90deg);}
    #gnb .lnb .lnb-list .has-link > a > i {color:#424242;}

    #gnb.on .gnb-inr {/*display:block;*/ /*right:0;*/}
    #gnb.on #btn_gnb-open {display:none;}
    #gnb .gnb-list > li.curr .lnb {/*display:block;*/}
    #gnb .gnb-list > li.curr > a {background-color:#0051AC;}
    #gnb .gnb-list > li.curr > a > span {color:#fff;}
    #gnb .gnb-list > li.curr > a > i {background-color:#fff; color:#0051AC;}
    #gnb .lnb .lnb-list > li:hover > a {background-color:#fff;}
    #gnb .lnb .lnb-list > li:hover > a > span {color:#333;}
    #gnb .lnb .lnb-list > li.curr > a {background-color:#0050AB;}
    #gnb .lnb .lnb-list > li.curr > a > span {color:#fff;}

    #gnb .gnb-list > li.has-dep.curr > a > i {transform:rotate(-90deg);}
    #gnb .lnb .lnb-list > li.has-link:hover > a > i {color:#424242;}
    #gnb .lnb .lnb-list > li.has-link.curr > a > i {color:#fff;}
}

@media (max-width:765px) {
    #header .header-body {padding:15px 0 14px 0;}
    #header .header-body-inr.inr {padding:0 12px;}

    #logo {max-width:calc(100% - 98px); height:30px;}
    #logo a {width:100%; height:30px;}
    #logo a span {width:100%; height:30px;}

    #search-area {top:60px;}
    #search-area .search-form {padding:12px; padding-top:17px;}
    #search-area .search-form .search-group .form_global-keyword {font-size:1rem;}
    #search-area .popular-keywords-title {position:static; margin-top:0; margin-bottom:11px;}
    #search-area .popular-keywords-title::before,
    #search-area .popular-keywords-title::after {display:none;}
    #search-area .popular-keywords-title span {vertical-align:top; font-size:1rem;}
    #search-area .popular-keywords-slider.swiper-container {margin-right:0; margin-left:0;}
    #search-area .popular-keywords-slider .swiper-slide a::before {font-size:0.714rem;}
    #search-area .popular-keywords-slider .swiper-slide a span {font-size:1rem;}
    #search-area .popular-keywords-slider-controller {top:1px;}
    #search-area .popular-keywords-slider-controller .swiper-button-prev,
    #search-area .popular-keywords-slider-controller .swiper-button-next,
    #search-area .popular-keywords-slider-controller .swiper-button-pause {font-size:1.429rem;}
    #btn_search-open {top:10px; right:62px; width:40px; height:40px; font-size:1.786rem; line-height:40px;}
    #btn_search-close {top:10px; right:62px; width:40px; height:40px; font-size:1.786rem; line-height:40px;}

    #search-area.on .search-form {/*top:60px;*/}

    #gnb .gnb-top {padding:14px 64px 11px 12px;}
    #gnb .gnb-top .link-list li + li {margin-left:6px;}
    #gnb .gnb-top .link-list li a span {font-size:0.857rem; line-height:1.5;}
    #gnb .gnb-inr {/*width:100%;*/ width:79.4444vw;}
    #gnb .gnb-list {height:calc(100vh - 60px);}
    #gnb .gnb-list > li > a {padding:16px 62px 14px 20px;}
    #gnb .gnb-list > li > a > span {font-size:1.143rem;}
    #gnb .gnb-list > li > a > i {right:12px; font-size:1.429rem;}
    #gnb .lnb {}
    #gnb .lnb .lnb-list {padding:20px;}
    #gnb .lnb .lnb-list > li {width:100%;}
    #gnb .lnb .lnb-list > li:nth-child(even) {margin-left:0;}
    #gnb .lnb .lnb-list > li:nth-child(n+2) {margin-top:6px;}
    #gnb .lnb .lnb-list > li > a > span {font-size:1.143rem;}
    #gnb .lnb .lnb-list > li > a > i {font-size:1.286rem;}
    #btn_gnb-open {top:4px; right:12px; width:40px; height:40px;  background-color: #fff; font-size: 1.786rem; line-height: 40px; border: 1px solid #0051AC; color:#0051AC !important}
    #btn_gnb-close {top:10px; right:12px; width:40px; height:40px; background-color:#0051AC; font-size:1.786rem; line-height:40px;} 
}

/* quickslide */
#quickslide {position:fixed; z-index:99; top:62.2222%; top:calc(19.9074% + 457px); right:0; overflow:hidden; padding-left:50px; border-radius:10px 0 0 10px; box-shadow:0 3px 16px 0 rgba(0,58,136,0.1); transition:all 0.3s;}
#quickslide.show {overflow:visible;}
#quickslide > a {display:block; position:absolute; top:0; left:0; overflow:hidden; width:50px; padding:13px; padding-bottom:14px; border-radius:10px 0 0 10px; background-color:#FFCB00; text-align:center;}
#quickslide > a > span {display:inline-block; font-size:0;}
#quickslide > a > span > i {display:inline-block; width:1em; font-size:1.5rem; color:#000;}
#quickslide > a > span > span {display:inline-block; width:1em; margin-top:5px; font-weight:700; font-size:1rem; line-height:1.5; letter-spacing:0.2em; color:#000;}
#quickslide > div {background-color:#fff;}
#quickslide .quickslide-list {list-style:none; padding:0; margin:0;}
#quickslide .quickslide-list li {display:block; width:230px; height:56px;}
#quickslide .quickslide-list li + li {border-top:1px solid #ccc;}
#quickslide .quickslide-list li a {display:block; padding:16px 20px 16px 54px; background:transparent no-repeat left center;}
#quickslide .quickslide-list li a span {font-weight:400; font-size:1rem; line-height:1.5; letter-spacing:-0.05em; color:#444;}

#quickslide .quickslide-list li.quickslide01 a {background-image:url(../imgs/common/ico_quickslide01.png); background-position-x:21px;}
#quickslide .quickslide-list li.quickslide02 a {background-image:url(../imgs/common/ico_quickslide02.png); background-position-x:21px;}
#quickslide .quickslide-list li.quickslide03 a {background-image:url(../imgs/common/ico_quickslide03.png); background-position-x:24px;}
#quickslide .quickslide-list li.quickslide04 a {background-image:url(../imgs/common/ico_quickslide04.png); background-position-x:21px;}

#quickslide .quickslide-list li:hover a span {text-decoration:underline;}

#quickslide > a:focus-visible {outline:none;}
#quickslide > a:focus-visible::after {content:""; position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; border:3px solid #043E92; border-radius:10px 0 0 10px;}
.bi-list::before{color: #0051AC;}
@media (min-width: 1390px) {
	#quickslide {margin-top:-261px;}
}

@media (max-width: 1389px) {
    #quickslide {top:auto; right:16px; bottom:84px; overflow:visible; padding-left:0; border-radius:0; box-shadow:none;}
    #quickslide > a {position:static; width:60px; height:60px; padding:7px 11px 8px 12px; border-radius:6px;}
    #quickslide > a > span::after {content:"quickslide"; display:inline-block; margin-top:4px; font-weight:700; font-size:0.75rem; line-height:1.5; letter-spacing:-0.025em; color:#000;}
    #quickslide > a > span > span {display:none;}
    #quickslide > div {display:none; position:absolute; right:0; bottom:72px; margin-right:-222px; border-radius:10px; box-shadow:0 3px 16px 0 rgba(0,58,136,0.1); transition:all 0.3s;}
    #quickslide .quickslide-list li {width:auto; height:auto;}
    #quickslide .quickslide-list li a {min-width:206px; padding-right:14px; padding-left:46px;}
    #quickslide.show > div {display:block; margin-right:0;}

    #quickslide .quickslide-list li.quickslide01 a {background-position-x:13px;}
    #quickslide .quickslide-list li.quickslide02 a {background-position-x:13px;}
    #quickslide .quickslide-list li.quickslide03 a {background-position-x:16px;}
    #quickslide .quickslide-list li.quickslide04 a {background-position-x:13px;}
    
    #quickslide > a:focus-visible::after {border-radius:6px;}
    
    .main-sec-1 .container .row
    {
    	margin-top: 60px;
    }
}

@media (max-width: 765px) {
    #quickslide {right:12px; bottom:70px;}
    #quickslide > a {width:52px; height:52px; padding:0;}
    #quickslide > a > span::after {margin-top:0; line-height:52px;}
    #quickslide > a > span > i {display:none;}
    #quickslide > div {bottom:64px;}
    #quickslide .quickslide-list li a {min-width:190px;}
}

/*------------------------------------------------------------------------------
    @팝업
------------------------------------------------------------------------------*/
/* Common Layer Popup */
.pop-wrap {}
.pop-wrap .pop {display:none; position:relative; min-width:1200px; /*min-height: 600px;*/ border-radius:6px; /*background-color:#fff;*/ box-shadow:0 3px 6px 0 rgba(0,0,0,0.2);}
.pop-wrap .pop-close {position:absolute; z-index:1; top:0; right:0; padding:0.938rem; cursor:pointer;}
.pop-wrap .pop-close a {display:block; width:1em; height:1em; font-size:1.875rem; color:#fff;}
.pop-wrap .pop-head {position:relative; min-height:60px; padding:15px 30px; border-radius:6px 6px 0 0; background-color:#0051AC;}
.pop-wrap .pop-head h2 {display:inline-block;}
.pop-wrap .pop-head h2 span {font-weight:500; font-size:1.25rem; line-height:1.45; letter-spacing:-0.05em; color:#fff;}
.pop-wrap .pop-body {/*overflow-x:hidden; overflow-y:auto;*/ max-height:50vh; padding:32px 48px; background-color:#fff;}
.pop-wrap .pop-foot {padding-bottom:20px; background-color:#fff; border-radius:0 0 6px 6px;}
.pop-wrap .pop-foot::before {content:""; display:block; margin:0 48px; margin-bottom:20px; border-top:1px solid #CECECE;}

.mCS-popup-theme.mCSB_scrollTools .mCSB_draggerContainer {top:6px; bottom:6px;}
.mCS-popup-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width:3px; border-radius:2px; background-color:#424242;}
.mCS-popup-theme.mCSB_scrollTools .mCSB_draggerRail {opacity:0.3; width:3px; border-radius:0; background-color:#424242;}
/* .mCS-popup-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {height:3px; border-radius:2px; background-color:#424242;}
.mCS-popup-theme.mCSB_scrollTools .mCSB_draggerRail {opacity:0.3; height:3px; margin:6px 0; border-radius:0; background-color:#424242;} */

/* Main - Layer Popup */
.pop-layer {display:none; position:absolute; top:50%; left:50%; width:auto; height:auto; background-color:#333; z-index:999;}
.dim-layer {display:none; position:fixed; z-index:1000; top:0; left:0; width:100%; height:100%;}
.dim-layer .dimBg {position:absolute; top:0; left:0; width:100%; height:100%; background-color:#081023; opacity:0.4;}
.pop-layer .pop-container .pop-conts {font-size:0;}
.pop-layer .pop-container .pop-conts .cont_txt{overflow-x:hidden auto; padding:15px; background-color:#fff;}
.pop-layer .close-bottom {width:100%; height:50px; font-size:0;}
.pop-layer .close-bottom a {display:inline-block; position:relative; width:50%; padding:0 10px; text-align:center; font-weight:500; font-size:1rem; line-height:50px; letter-spacing:-0.025em; color:#fff; cursor:pointer;}
.pop-layer .close-bottom a:hover,
.pop-layer .close-bottom a:focus {text-decoration:underline;}
.pop-layer .close-bottom a.btn-layerClose {background-color:#343434;}
.pop-layer .close-bottom a.close_text {background-color:#000;}
.pop_padding {padding:30px;}

/* Main - Slide Popup */
#slidepopup {position:fixed; overflow:hidden; text-align:center; /*transition:all 0.3s;*/}
#slidepopup.show {overflow:visible;}
#slidepopup img {vertical-align:top; width:100%; height:100%; max-width:100%;}
#slidepopup > a {position:relative; background-color:#FFCB00;}
#slidepopup > a > span {font-size:0;}
#slidepopup > a > span > i {font-size:1.5rem; color:#000;}
#slidepopup > a > span > span {font-weight:700; font-size:1rem; line-height:1.5; letter-spacing:0.2em; color:#000;}
#slidepopup > a > span > b {width:30px; height:30px; border-radius:50%; background-color:#043E92; text-align:center; font-weight:700; font-size:0.875rem; line-height:30px; letter-spacing:-0.025em; color:#fff;}
#slidepopup > div {padding:10px 8px; background-color:#424242; box-shadow:0 3px 16px 0 rgba(0,58,136,0.1);}
#slidepopup .slidepopup-upr {position:relative; margin-bottom:10px;}
#slidepopup .slidepopup-inr {}
#slidepopup .pop-slider {margin:0 auto;}
#slidepopup .pop-slider.swiper-container {}
#slidepopup .pop-slider .swiper-wrapper {}
#slidepopup .pop-slider .swiper-slide {}
#slidepopup .pop-slider .swiper-slide a {display:block; position:relative;}
#slidepopup .pop-slider .swiper-slide .cont {overflow:hidden; border-radius:10px; background-color:#fff;}
#slidepopup .pop-slider .swiper-slide .cont > div {overflow:auto; max-height:100%; padding:15px; font-weight:400; font-size:1rem; line-height:1.5; letter-spacing:-0.025em; color:#212121;}
#slidepopup .pop-slider .swiper-slide .cont > div * {font-weight:400; font-size:1rem; line-height:1.5; letter-spacing:-0.025em; color:#212121;}
#slidepopup .pop-slider .swiper-slide .tit {display:block; overflow:hidden; margin-top:10px; white-space:nowrap; text-overflow:ellipsis; font-weight:500; font-size:1rem; line-height:1.5; letter-spacing:-0.025em; color:#fff;}
#slidepopup .pop-slider-controller {text-align:right;}
#slidepopup .swiper-pagination {margin-top:2px; margin-left:2px; font-size:0.875rem; line-height:1.4286; color:#fff;}
#slidepopup .swiper-pagination .swiper-pagination-current {color:#FFE263;}
#slidepopup .swiper-pagination .swiper-pagination-total {}
#slidepopup .swiper-pagination .swiper-pagination-total::before {border-color:#fff;}
#slidepopup .swiper-button-pause {color:#fff;}
#slidepopup .swiper-button-prev {float:left; color:#fff;}
#slidepopup .swiper-button-next {color:#fff;}

#slidepopup > a:focus-visible {outline:none;}
#slidepopup > a:focus-visible::after {content:""; position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; border:3px solid #043E92;}
#slidepopup .pop-slider .swiper-slide a:focus-visible {outline:none;}
#slidepopup .pop-slider .swiper-slide a:focus-visible::after {content:""; position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; border:3px solid #043E92; border-radius:10px;}

@media (min-width: 1390px) {
	#slidepopup {z-index:99; top:19.9074%; right:0; overflow:visible; border-radius:0 0 0 10px;}
	#slidepopup > a {display:block; position:absolute; top:0; right:100%; overflow:hidden; width:50px; padding:13px 10px 18px 10px; border-radius:10px 0 0 10px;}
    #slidepopup > a > span {display:inline-block;}
    #slidepopup > a > span > i {display:block; width:30px;}
    #slidepopup > a > span > span {display:block; margin:33px auto 34px -1.25em; transform:rotate(90deg);}
    #slidepopup > a > span > b {display:block;}
	#slidepopup > div {position:static; border-radius:0 0 0 10px;}
	
	#slidepopup > a:focus-visible::after {border-radius:10px 0 0 10px;}
}
@media (max-width: 1389px) {
    .pop-wrap .pop {min-width:auto; margin-right:35px; margin-left:35px;}

    #slidepopup {z-index:99; top:90px; right:0; left:0; width:100%;}
    #slidepopup > a {display:table; width:100%; height:50px;}
    #slidepopup > a > span {display:table-cell; vertical-align:middle;}
    #slidepopup > a > span > i {display:inline-block; vertical-align:middle; margin-right:11px;}
    #slidepopup > a > span > span {display:inline-block; vertical-align:middle; margin-right:11px;}
    #slidepopup > a > span > b {display:inline-block; vertical-align:middle;}
    #slidepopup > div {position:absolute; top:100%; right:0; left:0; width:100%;}
}
@media (min-width: 766px) {
	.pop-layer {margin-left:0 !important;}
}
@media (max-width: 765px) {
    .pop-wrap .pop {min-width:auto; margin-right:12px; margin-left:12px;}
    /* .pop-wrap .pop-body {max-height:520px;} */

    .pop-layer {top:0 !important; left:50% !important;}

    #slidepopup {top:60px;}
	#slidepopup .pop-slider {width:214px !important;}
	#slidepopup .pop-slider .cont {width:214px !important; height:348px !important;}
}
@media (max-width: 550px) {
    .pop-layer {right:10%; left:10% !important; margin-left:0 !important;}
    .pop-layer img {width:100%;}
}

*{word-break: keep-all;font-family: Spoqa Han Sans Neo;}

.body-content{margin-top: 105px; padding:20px 0}

.main-sec-1{background: url("img/main_bg2.png"); color:#fff;padding-top:75px; padding-bottom: 10px;    background-size: cover; background-repeat: no-repeat;background-position: center; position: relative;}
.main-sec-1 .point_cut{position: absolute; bottom: 0px; left: 105px; width: 215px;}


.main-header-w #gnb .gnb-list > li > a > span{color: #fff !important;}
.main-header-w .topRight a{color:#fff !important;}
.topmenu{position: absolute; right: 0; width: 100%; max-width: 200px; float: left;top:8px;}
.topRight{margin: 0; padding: 0; width:100%; max-width: 200px;}
.topRight li{list-style: none; display: inline-block;}

.posi_ab{position: absolute;}
.posi_re{position: relative;}

.btn_lan_active{background: #3C7CF5 0% 0% no-repeat padding-box;  border:1px solid #3C7CF5;border-radius: 20px; padding: 6px 13px; margin-right: 3px; }
.btn_lan{ padding: 6px 13px; border-radius: 20px; border:1px solid #fff; background: transparent;}

.main-sec-1-text{font-size: 20px}
.main-sec-1-text>p{    margin-bottom: 0px;
    text-align: left;
    font-size: 18px;
    font-weight: 300;
    font-family: Spoqa Han Sans Neo !important;
    line-height: 30px;
    margin-top: 10px;
}
.main-sec-1-text>img{width: 155px; margin-top: 10px;}

.menu2{display: none;}

.btn_lan_active{color:#fff;}
.btn_lan{color:#fff;}
.btn_lan_active:hover,.btn_lan:hover{color:#fff;}

.bor_red{border:1px solid red;}
.header-full{width:100%; position:fixed; background-image: url("img/main_bg.png"); color:#fff;padding:10px 0;z-index: 20 !important;}

.logo{float:left; width: 100%; max-width: 195px;padding: 13px 0;}

.mainmenu{width: 100%;max-width: 600px;margin: 0 auto;}
.mainmenu .menu{margin: 0;padding: 0; display: flex;}
.mainmenu .menu > li{list-style: none; display: table-cell; flex: 1; text-align: center;}
.mainmenu .menu > li a{display: block; color:#fff;padding: 13px 0 13px 35px;line-height: 26px; text-align: left; font-family: Spoqa Han Sans Neo !important;}
.mainmenu .menu > li a>.menu-top-txt{font-family: Spoqa Han Sans Neo !important; font-weight: bold;}
.mainmenu .menu > li > .menuin > .menuin-list{margin: 0; padding:0; }
.mainmenu .menu > li > .menuin > .menuin-list > li{display:none; list-style: none; height: 40px;}
.mainmenu .menu > li > .menuin > .menuin-list a {font-size: 14px !important; font-weight: normal !important; color: #141618 !important; }
.icon_menu{}

.pd-t-20{padding-top: 20px;}
.pd-t-30{padding-top: 30px;}
.pd-t-40{padding-top: 40px;}
.pd-t-120{padding-top: 120px;}

.main_search{position: relative;}
.main_search_input{border:1px solid #3C7CF5; border-radius:50px; height: 50px; padding: 8px 50px 8px 30px; width: 100%; max-width: 740px;color:#000; margin-top: 20px;}
.searchModal_search_input{}
.icon_main_search{background:transparent; position: absolute; right: 58px; border: 0;top:30px;}

.hotKeyword{padding-top:15px; padding-left:20px;}
.hotKeyword>span{display: inline-block; margin-right: 50px; margin-top: 3px; font-size: 14px; margin-bottom: 15px;}
.hotKeyword ul{display: inline-block;vertical-align: top;}
.hotKeyword ul li a{color: #fff; line-height: 18px;}
.hotKeyword ul{display: inline-block;vertical-align: top;}
#hotKeywordlist{padding: 0; margin-top: 1px; margin-bottom: 0px;}
#hotKeywordlist li{list-style: none; float: left; margin-right: 10px;  }
#hotKeywordlist li span{     width: 95px;
    font-size: 12px;
    display: inline-block;
    padding-left: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 100;
    font-family: Spoqa Han Sans Neo !important;
}
#hotKeywordlist li:last-child {margin-right: 0}

.main-card-title{border-bottom:1px solid #ddd; margin-bottom: 10px; display: flex; justify-content: space-between;}
/* .main-card-title span{position: absolute; right: 20px;  top:-6px;} */
.main-card-title span a{font-size: 28px; font-weight: bold;color:#3C7CF5;}
.main-card-title h5{    margin-bottom: 5px;
    text-align: left;
    letter-spacing: 0px;
    color: #042C99;
    font-family: Spoqa Han Sans Neo !important;
    font-size: 18px;
    font-weight: bold;
}

.mb-30{margin-bottom: 30px;}
.mb-5{margin-bottom: 4rem;}
.main_aticle{}
.main_aticle .slick-container{}
.main_aticle .slick-container .item{}
.main_aticle .slick-container .item img{border-radius: 8px;}
.main_aticle .slick-container .item p.main_aticle_content{ margin: 0; margin-top: 10px;}
.main_aticle_img{width: 100%; max-width: 184.5px;}
.mini_cate{color: #3C7CF5;margin-top:10px; margin-bottom: 10px;font-size: 18px; font-family: 'Spoqa Han Sans Neo' !important;}
.main_aticle_content{padding-right:10px;font: normal normal bold 16px Spoqa Han Sans Neo;letter-spacing: 0px;color: #141618;text-align: left;margin-top:7px;font-size: 15px; font-family: 'Spoqa Han Sans Neo' !important; line-height: 19px;}
p.techclip_content{    padding-right: 10px;
    letter-spacing: 0px;
    color: #141618;
    text-align: left;
    margin-bottom: 10px;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 15px;
    font-family: SPOQA HAN SANS NEO !important;
    font-size: 24px;
    height: 23px;
}
p.techbrief_content{
    padding-right: 10px;
    letter-spacing: 0px;
    color: #141618;
    text-align: left;
    margin-bottom: 20px;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 20px;
    font-family: Spoqa Han Sans Neo !important;
    font-weight: bold;
    font-size: 22px;
	height: 21px;
}
.brief_index-img
{
	
	margin-bottom: 10px;
}
.techbrief_cont_sub_title
{
    text-align: left;
    margin-bottom: 10px;
    font-size: 14px;
    margin-top: 35px;
    font-weight: 100;
}
.techbrief_tag,.labinside_tag
{
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 15px;
}
.techbrief_tag ul
{
	padding: 0;
	margin-top: 20px;
}
.labinside_tag ul
{
	padding: 0;
	margin-top: 35px;
}
.techbrief_tag ul li
{
    list-style: none;
    display: inline-block;
    font-size: 14px;
    margin-right: 15px;
    color: #7A7A7D;
    font-family: 'Spoqa Han Sans Neo' !important;
}
.labinside_tag ul li
{
    list-style: none;
    display: inline-block;
    font-size: 14px;
	color: #7A7A7D;
	margin-right: 10px;
}
.h220{height: 220px;}
#pager{padding-top: 30px;}
#prev i{margin-right: 10px;}
.slidealow {display: inline-block;cursor: pointer;}
.slidealow span{width: 30px; font-size: 25px;}
.posi_r{position: relative;}

.main-card-content{}
.main-card-content>.row>.col-xs-6{padding:0px 15px;}
.main-card-content table{width: 100%;}

.main_list{}
.main_list ul{margin: 0; padding: 0}
.main_list ul li{list-style: none;padding: 10px 0;font: normal normal medium 12px Spoqa Han Sans Neo;letter-spacing: 0px;color: #141618; cursor: pointer; display: flex; align-items: center;}
/* .main_list ul li span.min_cate{font: normal normal bold 12px Spoqa Han Sans Neo;letter-spacing: 0px;color: #3C7CF5; margin-right: 10px;float: left;} */
/* .main_list ul li span.main_list_title{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 200px; float: left;} */
/* 11.11 길이 너무 길어서 변경함*/
.main_list ul li span.min_cate{font: normal normal bold 12px Spoqa Han Sans Neo; font-size: 14px; letter-spacing: 0px;color: #3C7CF5; margin-right: 10px;float: left; width: 50px;   white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  /* 말줄임 적용 */}
.main_list ul li span.main_list_title{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: calc(100% - 110px); float: left; font-size: 14px;}
/* 끝 11.11 길이 너무 길어서 변경함 */
.main_list ul li b{background: #02B3B3 0% 0% no-repeat padding-box;border-radius: 20px;color: #fff; font-size: 12px; padding: 5px 10px; font-weight: 100;}


.tooltip-text {
  visibility: hidden;
  position: absolute;
  z-index: 2;
  width: 200px;
  color: white;
  font-size: 12px;
  background-color: #192733;
  border-radius: 10px;
  padding: 10px 15px 10px 15px;
  line-height: 1.3
}

.hover-text:hover ~ .tooltip-text {
  visibility: visible;
}

#tt-top {
  top: -40px;
  left: -50%;
}

#tt-bottom {
  bottom: -37px;
  left: 50%;
}

#tt-left {
  top: -8px;
  right: 120%;
}

#tt-right {
  top: -8px;
  left: 120%;
}

.hover-text {
  position: relative;
  display: inline-block;
  font-family: Avenir;
  text-align: center;
}

footer{border-top: 2px solid #ddd;padding:35px 0 }
footer h5{color: #7A7A7B; font-weight: bold; font-size: 12px; margin-top: 0; margin-bottom: 5px; font-family: 'Spoqa Han Sans Neo' !important;}
footer ul{padding: 0; margin: 0}
footer ul li{list-style:none; font: normal normal normal 13px Spoqa Han Sans Neo;letter-spacing: 0px;color: #7A7A7B; display: inline-block; padding: 1px 16px 1px 0px;font-size: 11px;}
footer ul li:last-child {border: 0}
footer p{font-size: 11px;padding-bottom: 0; margin-bottom: 15px;text-align: right !important; color: #7A7A7B; font-weight: 100;}
.cp{cursor: pointer; margin-bottom: 20px;}
#searchModal .modal-content{background: transparent;box-shadow:none; border:0;}
.modal_Search_Form{position: relative;}
#searchModal h4{color: #fff; font-weight: 500; font-size: 32px;}
#searchModal .modal-dialog{position: absolute; top: 30%; left: 50%; transform: translate(-50%, -50%);}
#searchModal .btn_close_gray{ background-color: #ffffff;  background-color: rgba( 255, 255, 255, 0.5 );border: 0; color: #fff; font-weight: bold; font-size: 33px; border-radius: 50%; padding: 3px; line-height: 1; width: 60px; height: 60px;}
#searchModal .btn_close_gray .bi-x{font-size: 55px;}
#searchModal .btn_close_gray:hover{ background-color: #ffffff;  background-color: rgba( 255, 255, 255, 0.5 );}
#searchModal .btn_close_gray span{color: #fff;}
#searchModal .icon_main_search{right: 15px;}
#searchModal .modal-body{text-align: center;}
.modal-backdrop.in{opacity: 0.7;}

.text-right{text-align: right;}

.subpage{padding-top: 72px;}
.point_hr{border-top:3px solid #3C7CF5}
.point_text{color:#3C7CF5; font-weight: bold; font-size: 20px;}
h1.search_title{    text-align: center;
    font-family: Spoqa Han Sans Neo !important;
    font-weight: 500;
    letter-spacing: 0px;
    color: #141618;
    font-size: 34px;
    margin-top: 80px;}
.search_result_list{position: relative; margin-top: 50px;}
.search_result_list_menu{margin-bottom: 60px;border-bottom: 1px solid #ddd; padding-bottom: 40px;}
.search_result_list_menu:last-child{border-bottom: 0px solid;}
.search_result_list_submenu{margin-bottom: 30px; font-size:  22px;}
.search_result_list_submenu .bi-chevron-right{margin-left: 10px;}
.search_result_list_submenu b a{text-align: left; font: normal normal bold 22px Spoqa Han Sans Neo; letter-spacing: 0px; color: #141618; margin-bottom: 15px; font-family: 'Spoqa Han Sans Neo' !important;}
.search_result_list_submenu span a{text-align: left; font: normal normal normal 14px Spoqa Han Sans Neo; letter-spacing: 0px; color: #141618; position: absolute; right: 0;}
.search_result_list_cate{text-align: left; font: normal normal 600 16px Spoqa Han Sans Neo; letter-spacing: 0px; color: #3C7CF5; margin-bottom: 20px;}
.search_result_list_title{text-align: left; font: normal normal 600 16px Spoqa Han Sans Neo; letter-spacing: 0px; color: #141618; margin-bottom: 10px;  display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.search_result_list_content{text-align: left; font: normal normal normal 16px Spoqa Han Sans Neo;letter-spacing: 0px; color: #7A7A7D;display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 30px;}
.search_result_list_content>p{font-weight: 100; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #7A7A7D; line-height: 30px; width: 70%; text-align: left;}
.text-center{text-align: center;}
.no_result{line-height: 40px; font-size: 18px; margin-top: 120px;}
.btn_goto{margin-top:90px; background: #141618 0% 0% no-repeat padding-box; border-radius: 30px; padding:10px 25px; color:#fff; width: 220px; height: 60px;}

.subpage-main{position:relative;}
.article_main_bg{opacity:0.2; width: 100%; height: 600px; background-size: cover; background-position: center;}
.techbrief_main_bg{width: 100%; height: 700px; background-size: cover;background-position: center;}
.article_main_title, .techbrief_main_title{position:absolute;top: 20%;left:50%; width: 100%; transform: translate(-50%, -50%); text-align: center;}

.text-white{color: #fff !important;}
.text-white h1{color: #fff !important;}
.techclip_main_bg{width: 100%;background-size: cover;background-position: center; padding:40px 0; max-height: 480px;}
.sub_main_title{text-align: left; font: normal normal bold 54px/65px Spoqa Han Sans Neo; letter-spacing: 0px; color: #FFFFFF;}

.pd-rl-n{padding-left:0 !important; padding-right:0 !important;}
.slick-dotted.slick-slider{position: relative; top:-450px;}
.slideitem{position: relative;}
.slide_top_title{position: absolute;left:30px; top: 10px; color: #fff; width: 50%; text-align: left; font-weight: bold; font-size: 48px;}
.article_slide_top_title{    position: absolute;
    top: 10px;
    color: #fff;
    width: 65%;
    text-align: left;
    font-weight: bold;
    font-size: 48px;
    padding: 0 40px;
    margin-top: 40px;
   line-height: 60px;
   font-family: 'Spoqa Han Sans Neo' !important;
}
.article_slide_bottom_title{position: absolute;padding:0 40px; bottom: 30px; color: #fff; width: 70%; text-align: left; font-weight: 400; font-size:20px; line-height: 1.4; text-align: left; }
.article_slide_bottom_title p{margin: 0; padding: 0; text-align: left; font-size : 20px; margin-bottom: 25px !important;}
.slide_bottom_title{
    position: absolute;
    padding: 40px 50px;
    bottom: 30px;
    color: #fff;
    width: 70%;
    font-weight: 400;
    font-size: 48px;
    line-height: 1.4;
    text-align: left;
	
}
.slide_bottom_title p{margin: 0; padding: 0; text-align: left; font-size : 48px; font-family: 'Spoqa Han Sans Neo' !important;}


.slick-dots li button:before{font-size: 55px !important;}
.slick-dots li{width: 25px !important; }

.contents{}

a:hover{text-decoration: none;}
.side_left {width: 75%; float: left;padding:0px 10px}
.sidebar{width: calc(25% - 20px); float: left;padding: 0px 0px 0px 30px; margin-left: 20px;}

.board_list_top{overflow: hidden; position: relative;padding-bottom:25px; border-bottom: 2px solid #141618; display: flex; justify-content: space-between; align-items: flex-end;}
.board_list_top .board_list_top_right>a{font-size: 14px;color: #3C7CF5;font-weight: 100; font-family: Spoqa Han Sans Neo !important; font-weight: bold;}
.board_list_top_left{float: left; font-size: 20px; font-weight: bold; font-family: Spoqa Han Sans Neo !important;}
.board_list_top_right{float: right;}
.board_list_top_right ul{margin: 0; padding: 0}
.board_list_top_right ul li{list-style: none; display: inline-block; padding:0 0px 0 15px;}
.board_list_top_right ul li a{color: #141618; font-size: 16px; font-family: Spoqa Han Sans Neo !important;}
.board_list_top_right ul li a:hover{font-weight: bold;} 
.board_list_top_right ul li a.active{color: #3C7CF5; font-weight: bold;}

.board_thumnail_list{overflow: hidden; position: relative;padding:30px 0; border-bottom: 1px solid #ddd;}
.board_thumnail_list:hover{font-weight: bold;cursor: pointer;}
.board_thumnail_list_img{float: left;width: 35%;}
.board_thumnail_list_img img{width: 100%; max-height: 200px; height: 200px;}

.board_grid_list{overflow: hidden; position: relative;padding:30px 0;}
.board_grid_list:hover{cursor: pointer;}
.board_grid_list_img{display: block;width: 100%;}
.board_grid_list_img img{width: 100%;}
.board_grid_list_content{width: 100%; box-sizing: border-box;padding-top: 5px; padding-bottom: 5px;}
.board_grid_title{text-align: left; font: normal normal bold 18px Spoqa Han Sans Neo; letter-spacing: 0px; color: #141618; margin: 5px 0 20px 0}
.board_grid_contents{text-align: left; font: normal normal normal 12px Spoqa Han Sans Neo; letter-spacing: 0px; color: #141618; margin-bottom: 10px;}
.board_grid_tag{overflow: hidden; position: relative;margin-bottom: 8px;}
.board_grid_tag ul{margin: 0; padding: 0;display: block;}
.board_grid_tag ul li{list-style: none; font-size: 11px;display: inline-block; vertical-align: middle}
.board_grid_tag ul li span.min_cate{font: normal normal bold 12px Spoqa Han Sans Neo;letter-spacing: 0px;color: #3C7CF5; margin-right: 10px;float: left;}
.board_thumnail_list_content{float: left;width: 65%; padding-left:30px; box-sizing: border-box;padding-top: 5px; padding-bottom: 5px;}
.board_thumnail_cate{color: #3C7CF5; font-weight: bold; font-size: 14px; padding-bottom: 8px; padding-top: 10px; font-family: Spoqa Han Sans Neo !important;}
.board_thumnail_tag{overflow: hidden; position: relative;margin-bottom: 15px; margin-top: 25px;}
.board_thumnail_tag ul{margin: 0; padding: 0;display: flex; align-items: flex-end;}
.board_thumnail_tag ul li{list-style: none;}
.board_thumnail_tag ul li span.min_cate{font: normal normal bold 12px Spoqa Han Sans Neo;letter-spacing: 0px;color: #3C7CF5; margin-right: 10px;float: left; font-size: 14px; font-family: Spoqa Han Sans Neo !important; font-weight: bold;}
.board_thumnail_title{text-align: left;font: normal normal bold 18px Spoqa Han Sans Neo;letter-spacing: 0px;color: #141618; padding:5px 0 25px 0; font-size: 22px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: Spoqa Han Sans Neo !important;}
.board_thumnail_contents{white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; /* 텍스트를 자를 때 원하는 단위 ex) 3줄 */ -webkit-box-orient: vertical;overflow: hidden; margin-bottom: 10px; line-height: 1.4}
.board_thumnail_contents>p{font-size: 14px; font-weight: 100; color: #7A7A7D; text-align: left;}
.board_thumnail_date{text-align: left; font: normal normal normal 14px/17px Spoqa Han Sans Neo; letter-spacing: 0px; color: #7A7A7D; font-size: 14px; line-height: 1}

.btn_more_point{font: normal normal normal 14px Spoqa Han Sans Neo; letter-spacing: 0px; color: #3C7CF5; background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #3C7CF5; border-radius: 29px; padding:17px 65px; margin-top: 30px;}
.btn_more_point:hover {background: #3C7CF5; color: #FFFFFF;}

.pd_b_10{padding-bottom: 10rem}

.btn_sbm_blc{ color: #141618;  border-radius: 29px; padding:15px 60px;  background: #FFFFFF 0% 0% no-repeat padding-box;border: 1px solid #141618; width: 100%; min-height: 56px;}
div.board_list_middle .filter_input{background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #DDDDDD; border-radius: 21px; line-height: 1.4; height: 40px; margin-top: 20px; margin-bottom: 60px;}
.board_list_middle>.form-group>button{font-size: 13px;}
#board_filter a{float: right; color: #7A7A7D;}
#board_filter button{float: right; color: #7A7A7D;border: none;background: transparent;}
.slick-dotted.slick-slider{    height: 500px;}

.mt-3{margin-top: 30px;}
.mt-4{margin-top: 40px;}
.mt-6{margin-top: 80px;}
.mt-8{margin-top: 120px;}

.mr-08{margin-right: 8px;}
.dp_f{display: flex;}
.flex1{flex: 1}
.checkbox input[type=checkbox]{}
#searchform .checkbox{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    margin-bottom: 5px;
}
#searchform .checkbox .checkboxList{    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    flex: 1;
    align-items: center;}
.relatedContent_text{padding: 60px; color: #7A7A7D;}
.article_detail_top{padding-left:15px; border-left:5px solid #012063; margin-bottom: 80px;}
.article_detail_title>h3{font-size: 32px;font-weight: bolder; width: 80%; font-family: Spoqa Han Sans Neo !important;}
.article_detail_subtitle{text-align: left; font: normal normal medium 16px/19px Spoqa Han Sans Neo;letter-spacing: 0px; color: #7A7A7D; margin-top: 20px;}
.article_detail_date{position: absolute; right: 0; top:5px; font-size: 16px; color: #7A7A7D;}
.article_detail_visit{position: absolute; right: 0; top:30px; font-size: 16px; color: #7A7A7D;}
.article_detail_contents{text-align: left; font: normal normal normal 15px Spoqa Han Sans Neo; letter-spacing: 0px; color: #141618; line-height: 1.8}
.article_detail_contents>p{font-size: 16px;}
.article_detail_contents_tag{display: block;margin-bottom: 40px; margin-top: 100px;}
.article_detail_contents_tag ul{margin: 0; padding: 0}
.article_detail_contents_tag ul li{list-style: none; display: inline-block; padding:6px 15px; background: #3C7CF5 0% 0% no-repeat padding-box; border-radius: 20px; color:#fff; font-size: 16px }
.article_detail_contents_btn{width: 100%; text-align: center; margin-bottom: 80px; margin-top: 120px;}
.article_detail_contents_btn button.btn_gotolist:hover{background-color: #141618;color:#fff;transition: all ease 0.5s 0s;}
.article_detail_bottom .slideTech{font-size: 14px; font-family: Spoqa Han Sans Neo !important; font-weight: bold;}
.article_detail_bottom .slideCont{font-size: 16px; font-family: Spoqa Han Sans Neo !important; font-weight: bold;}
.article_detail_bottom>h3{font-size: 26px; font-family: Spoqa Han Sans Neo !important;}
.quickmenu{    position: fixed; right: 20px; top: 250px;z-index:20}
.quickmenu ul{margin: 0; padding: 0; border-radius: 15px; padding: 1px;}
.quickmenu ul li{list-style: none; margin-bottom: 15px;}

.techclip_detail_title h3{    display: inline-block;
    width: 100%;
    text-align: center;
    letter-spacing: 0px;
    color: #000000;
    padding: 0px 40px;
    margin-top: 45px;
    font-size: 42px;
    font-family: Spoqa Han Sans Neo !important;
    font-weight: bold;
	line-height: 65px;
}
.techclip_detail_date{display: none;  text-align: left; font: normal normal normal 12px Spoqa Han Sans Neo; letter-spacing: 0px; color: #7A7A7D;}
.techclip_detail_date>span{font-size: 22px;margin-bottom: 20px;display: block;}
.techclip_detail_contents_tag{display: block; text-align: center;margin-bottom: 40px; margin-top: 40px;text-align: left;border-bottom: 2px solid #141618; padding-bottom: 30px;}
.techclip_detail_contents_tag ul{margin: 0; padding: 0;text-align: left;}
.techclip_detail_contents_tag ul li{list-style: none; display: inline-block; padding:6px 15px; background: #3C7CF5 0% 0% no-repeat padding-box; border-radius: 20px; color:#fff; font-size: 14px }
.techclip_detail_contents_btn{text-align: center; margin: 30px 0 130px 0 }
.techclip_detail_contents_btn button.btn_gotolist:hover{background-color: #141618;color:#fff;transition: all ease 0.5s 0s;}
.techclip_detail_contents_btn button.btn_gotolist:last-child{margin-right: 0px;}
.techclip_detail_title{position: relative; margin-bottom: 130px;margin-top: 50px;}
.techclip_detail_title_r{position: absolute; right: 0; width: 50%; top:50%;    transform: translate(0px, -50%); color: #fff; text-align: right;}
.techclip_detail_title_r h2{ font: normal normal bold 32px Spoqa Han Sans Neo; letter-spacing: 0px; margin: 0}
.toast{position: absolute; bottom:100px; left: 50%; width: 50%; background: #dfdfdf; padding:20px; font-weight: bold; font-size: 13px; z-index: 99;transform: translate(-50%, 0%); text-align: center; border-radius: 8px; box-shadow: 5px 5px 5px #ccc;}

div#varticalslider{position: relative; top: 0px;}

.board_list_middle{font-size:16px}
.board_list_middle .mt-4{ margin-top: 40px !important;}
.board_list_middle .mt-4>label{font-family: Spoqa Han Sans Neo !important;}
#techclip{}

#techclip .slick-dotted.slick-slider{position: relative; top: 0;}
#techclip .slick-list{padding: 0 !important;text-align: -webkit-right;}
#techclip .slick-dots{position: relative;bottom:0;width: 15px; margin: 0; padding: 0; top:15px}
#techclip .slick-dots li{display: block;}
#techclip .slick-dots li button{    width: 20px;height: 20px;}
#techclip .slick-dots li button:before{color:#fff !important; line-height: 7px; font-size: 30px !important;}

#techspotlight .slick-dotted.slick-slider{position: relative; top: -70px;}
#techspotlight .slick-list{padding: 0 !important;text-align: -webkit-right;}
#techspotlight .slick-dots{position: relative;bottom:0; margin: 0; padding: 0; top: -5px;}
#techspotlight .slick-dots li{display: block;}
#techspotlight .slick-dots li button{    width: 20px;height: 20px;}
#techspotlight .slick-dots li button:before{color:#fff; line-height: 7px; width: 22px; height: 22px;}
#techspotlight .slick-dots li button:before{    opacity: 1;
    background-image: url( "img/nomal_dot.png" );
    content: '';
    background-repeat: no-repeat;
    text-align: center;
    background-position: center;}
.sub-sec-1-text{margin-top: 38px}
.sub-sec-1-text h1{text-align: left; font-size: 54px; letter-spacing: 0px; color: #FFFFFF; font-weight: bold;margin-top: 110px; font-family: Spoqa Han Sans Neo !important;}
.sub-sec-1-text h4{text-align: left; font: normal normal normal 26px/31px Spoqa Han Sans Neo; letter-spacing: 0px; color: #FFFFFF;}
.sub-sec-1-text p{text-align: left; font-weight: 300; font-size :22px; letter-spacing: 0px; color: #FFFFFF; padding: 0;margin-bottom: 0; margin-top: 30px; line-height: 35px; font-family: Spoqa Han Sans Neo !important;}
.aboutHeader .sub-sec-1-text.mt_0{margin: 105px 0;}
.sub-sec-1-text.mt_0{margin:38px 0}
.borderraidus_15
{
	border-radius: 15px;
}

.borderraidus_22
{
	border-radius: 22px;
}
.sub_techclip_img{width: 100%;}
.techclip_tag{ /* 특정 단위로 텍스트를 자르기 위한 구문 */ white-space: normal; display: -webkit-box; -webkit-line-clamp: 1; /* 텍스트를 자를 때 원하는 단위 ex) 3줄 */ -webkit-box-orient: vertical; overflow: hidden; min-height: 15px; margin-top: 18px;}
.techclip_tag ul{margin: 0; padding: 0; margin-top: 5px;}
.techclip_tag ul li{list-style: none; display: inline-block; font-size: 18px; color: #7A7A7D; margin-right: 10px;}
.tc_list{margin-bottom: 40px;min-height: 305px;}
.tc_list:hover{cursor: pointer;}
.techclip_detail_top{padding: 50px 0; }



.sub-card-content{margin-bottom: 80px;}

.sub_sec_title{}
.sub_sec_title h4{text-align: left; font: bold 32px Spoqa Han Sans Neo; letter-spacing: 0px; color: #141618; padding-left: 15px; margin-top: 160px; margin-bottom: 60px; font-family: Spoqa Han Sans Neo !important;}


.sub_sec_title{margin-top: 30px;}
.search_filter{}
.search_filter form{position: relative; top: 20px;}
.search_filter select{width: 120px; background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #DDDDDD; border-radius: 23px; display: inline-block;}
.input_keyword{width: 100%; max-width: 300px;  background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #DDDDDD; border-radius: 23px;display: inline-block;min-width: 250px;}
.btn_sub_blc{background: #141618 0% 0% no-repeat padding-box; border-radius: 23px; color:#fff; padding:10px 20px;display: inline-block;}
.search_filter .form-group{display: inline-block;}
#techclip .slick-slide img{box-shadow: 0px 0px 15px 8px #00000029;border-radius: 22px}

#techclip #pager{position: absolute;top:-45px; left: 50%;width: 30px; text-align: center; padding-top: 0px;}
#techclip .slidealow{width: 30px}
#techclip .slick-dots li{margin: 0px 5px 15px 5px;}
#techclip .slidealow span{font-size: 0}
#techclip .slick-dots li.slick-active button:before{opacity: 1; background-image: url( "img/active_dot.png" ); content: '';}
#techclip .slick-active{opacity: 1}

#techspotlight .slide_row{    display: flex;
    align-items: center;}
#techspotlight .slick-slide img{box-shadow: 0px 0px 15px 8px #00000029;border-radius: 50px}

#techspotlight #pager{width: 30px; text-align: center; margin-right: 30px; padding-top: 0px; margin-left: 90px;}
#techspotlight #pager #prev i,#techspotlight #pager #next i
{
	color: #fff;
}
#techspotlight .slidealow{width: 30px; height: 34px;}
#techspotlight .slick-dots li{margin: 0px 5px 15px 5px;}
#techspotlight .slidealow span{font-size: 0}
#techspotlight .slick-dots li.slick-active button:before{opacity: 1; background-image: url( "img/active_dot.png" ); content: '';}
#techspotlight .slick-active{opacity: 1; width: 500px !important;}
.slick-vertical .slick-slide{width: 500px !important;}

.tech_brief_title{}
.tech_brief_title p{text-align: center; font: normal normal normal 16px/19px Spoqa Han Sans Neo; letter-spacing: 0px; color: #7A7A7D;}
.tech_brief_title h1{text-align: center;  letter-spacing: 0px; color: #012063; text-transform: uppercase;}
.tech_brief_title h1 span{background: linear-gradient(to top, #9DBDFA 50%, transparent 50%);font: normal normal normal 85px/102px Bodoni MT;}


.img-box{display: inline-block;width: 49.5%;vertical-align: middle;}
.text-box{display: inline-block;width: 49.5%;vertical-align: top; padding:20px 50px;}
.text-box h2{text-align: left; font: normal normal bold 40px Spoqa Han Sans Neo; letter-spacing: 0px; color: #141618; margin-bottom: 40px;}
.text-box p{text-align: left; font: normal normal bold 16px Spoqa Han Sans Neo; letter-spacing: 0px; color: #7A7A7D; margin-bottom: 60px;}

.noticeDetailCont{width: 80%;}
.notice_detail_top{ border-bottom:5px solid #012063; margin-bottom: 40px; margin-top: 70px;}
.notice_detail_subtitle{text-align: left; font: normal normal medium 16px/19px Spoqa Han Sans Neo;letter-spacing: 0px; color: #7A7A7D;}
.notice_detail_date{position: absolute; right: 0; top:5px}
.notice_detail_contents_btn{width: 100%; text-align: center;}
.notice_detail_contents_btn button{background: #141618 0% 0% no-repeat padding-box; border-radius: 30px; color: #fff; padding: 20px 30px; width: 100%; max-width: 200px; margin-top: 80px; margin-bottom: 80px;}
.notice_detail_contents{line-height: 2; min-height: 300px;}
.notice_detail_title{padding-bottom: 10px; width: 70%;}


.techspotlight_detail .article_detail_bottom{margin-bottom: 40px;}
.article_detail_bottom{margin-bottom: 40px;}

/*services 반응형*/
@media (max-width: 1399px) {
	.techservice_sec1_r p{font-size: 19px;}
}
@media (max-width: 1200px) {
	.techservice_card:last-child>img{padding: 10px;}
	.techservice_card:last-child{height: 205px;}
	.techservice_sec1{padding: 200px 0px;}
	.techservice_sec1_l h2{font-size: 60px;}
	.techservice_sec1_r p{margin-top: 60px;}
	.techservice_sec2{padding: 150px 0 40px 0;}
	.servicesWaterDrop{width: 101px;left: calc(50% - 50.5px);}
}
@media (max-width: 991px) {
	.techservice_card:last-child>img{padding: 10px;}
	.techservice_card:last-child{height: 157.5px;}
	.techservice_sec1{padding: 200px 0px;}
	.techservice_sec1_l h2{font-size: 50px;}
	.techservice_sec1_r p{margin-top: 40px; font-size: 17px; padding-left: 100px;}
	.techservice_sec2{padding: 150px 0 40px 0;}
	.servicesWaterDrop{width: 95px;left: calc(50% - 47.5px);}
	.techservice_sec3_l h4{font-size: 36px;line-height: 44px;}
	.techservice_sec3_l span{font-size: 16px;}
}
@media (max-width: 767px) {
	#techservice{padding-bottom: 0px !important;}
	.servicesWaterDrop{display: none;}
	.techservice_sec1{padding: 100px 0 200px 0;}
	.techservice_sec1_l h2{font-size: 60px;}
	.techservice_sec1_r p{margin-top: 10px !important; padding: 0px;}
	.techservice_sec2{padding: 80px 0 40px 0;}
	.techservice_sec3_l h4{font-size: 48px;line-height: 64px; margin-bottom: 20px;}
	.techservice_card:last-child>img{padding: 30px;}
	.main-sec-1 .point_cut{display: none;}
}
@media (max-width: 480px) {
	.techservice_sec1_l h2{text-align: center; font-size: 50px;}
	.techservice_sec1_r p{margin-bottom: 40px !important; font-size: 16px;}
	.techservice_sec3_l h4{text-align: center; font-size: 38px;}
	.techservice_sec3_l span{display: block; width: 100%; text-align: center;}
	.techservice_card:last-child>img{padding: 10px;}
}
@media (max-width: 350px) {
	.techservice_sec1_r p{font-size: 15px;}
}
/*//services 반응형*/


/*notice 반응형*/
@media (max-width: 700px) {
	#notice .notice_search{display: flex; flex-direction: column; align-items: flex-start;}
	#notice .notice_search .box2{margin-bottom: 15px;}
	#notice .notice_search .box-3{width: 100%;}
	.notice_search select#view {width: 100px;height: 36px;padding: 5px 15px;}
	.notice_search input#name{width: calc(100% - 90px); height: 36px; padding: 5px 15px;}
	.notice_search button#searchBtn3{height: 36px; padding: 5px 15px;}
	.row-2.notice_search{margin-bottom: 40px;}
}
@media (max-width: 600px) {
	.boardList table td{font-size: 14px;}
	#notice .num-count p{font-size: 18px;}
	#notice .boardList{margin-top: 5px;}
}
/*//notice 반응형*/

/*notice 상세 반응형*/
@media (max-width: 700px) {
	.notice_detail_date{display: block; width: 100%; position: relative; top: -7px;text-align: right;margin-bottom: 10px;}
	.notice_detail_title {width: 100%;}
	.notice_detail_title h3{margin-bottom: 20px; width: 100%;}
}

/*//notice 상세 반응형*/




.partnership_title{}
.partnership_title h3{text-align: left;font: normal normal bold 32px Spoqa Han Sans Neo;letter-spacing: 0px;color: #141618; margin-top: 30px; margin-bottom: 10px; line-height: 45px; font-family: 'Spoqa Han Sans Neo' !important;}
.partnership_title span{display: none; text-align: left;font: normal normal normal 18px Spoqa Han Sans Neo;letter-spacing: 0px;color: #ABABAD;}

.partnership_content{margin-top: 70px}
.card_ps{border: 1px solid #DDDDDD;}
.card_ps img{width: 100%;}
.card_ps_title{background: #F8F9F9; padding: 25px 15px 25px 40px; display: flex; align-items: center; justify-content: space-between;}
.card_ps_title b{font-size: 17px;margin-right: 5px; font-family: 'Spoqa Han Sans Neo' !important;}
.card_ps_title a{font-size: 12px;margin-top: 1px; border: 1px solid #3C7CF5; padding: 4px 10px; border-radius: 20px; color: #3C7CF5;}


/*partnership 반응형*/
@media (max-width: 991px) {
	.card_ps_title{padding: 25px 15px 25px 15px;}
}
@media (max-width: 767px) {
	.card_ps_title{padding: 25px 15px 25px 40px;}
}
@media (max-width: 500px) {
	.card_ps_title{padding: 25px 15px 25px 15px;}
	.partnership_title h3{font-size: 28px;}
	.partnership_title span{font-size: 16px;}
}
@media (max-width: 370px) {
	.partnership_content>.col-xs-6{width: 100%;}
}
/*//partnership 반응형*/




.contactus{}
.contactus_title{margin-bottom: 50px}
.contactus_title h3{
    text-align: left;
    font: normal normal bold 32px Spoqa Han Sans Neo;
    letter-spacing: 0px;
    color: #141618;
    padding: 0 40px;
    margin-bottom: 10px;
    font-family: 'Spoqa Han Sans Neo' !important;
}
.contactus_title span{
    text-align: left;
    letter-spacing: 0px;
    color: #ABABAD;
    padding: 0 40px;
    font-family: 'Spoqa Han Sans Neo' !important;
    font-weight: 300;
    font-size: 18px;
}

.contactus_content{margin-top: 70px}
.contactus_info{padding: 70px 0}
.contactus_info h4{text-align: center !important;}
.contactus_info p{text-align: center !important; margin: 20px 0 20px 0 !important; font-size: 20px;}
.contactus_info_phone{margin-top: 50px;}

.partner{margin-bottom: 30px;}
.row contactus_info_1{text-align: center;}
.contactus_info_1 h4{border: 1px solid #141618; border-radius: 24px;width: 163px; height: 48px; line-height: 48px;  margin: 20px auto; text-align: center;font-weight: bold; font-family: 'Spoqa Han Sans Neo' !important; font-size: 16px;}

.contactus_info_phone{width: 100%; max-width: 700px; margin: 20px auto}
.contactus_info_phone table{width: 100%; text-align: left;}
.contactus_info_phone table img{margin-right: 40px;}
.contactus_info_phone table{width: 100%; text-align: left;}
.contactus_info_phone table tr:first-child td:first-child{width: 54px;}

.techcontact_sec3{ background: url("img/sub/inquiry_bg.png");    background-repeat: no-repeat; padding: 80px 15px; background-size: cover; background-position: center;}
.contactus_form{width: 100%;max-width: 750px; margin: 0 auto}
.contactus_form .agree{}
.contactus_form .agree_title{background: #F7F8FA 0% 0% no-repeat padding-box;border-radius: 6px 6px 0px 0px;text-align: left;font: normal normal normal 13px/46px Spoqa Han Sans Neo;letter-spacing: 0px;color: #7A7A7D; padding: 3px 10px; margin-top: 40px;}
.contactus_form .agree_content{background: #FFFFFF 0% 0% no-repeat padding-box;border: 1px solid #DDDDDD;border-radius: 6px; height: 110px; padding: 20px; overflow-y: scroll; font-size: 13px; color: #7A7A7D;}
.contactus_form .form-group{display: flex; align-items: center;}
.contactus_form .form-group label{display: inline-block;width:15%;max-width: 15%; vertical-align: top; font-weight: 100; padding: 10px 0px;}
.contactus_form .form-group input[type=text]{width: 100%; max-width: 85%; display: inline-block; border: 1px solid #ddd; min-height: 42px;}
.contactus_form .form-group textarea#content{width: 100%; max-width: 85%; display: inline-block; border: 1px solid #ddd; min-height: 150px;}
.contactus_form .checkbox label{font-size: 13px; line-height: 20px;}
.contactus_info_2{margin-bottom: 50px;}
.contactus_info_2 h4{border: 1px solid #141618; border-radius: 24px;width: 235px; height: 48px; line-height: 48px; margin: 20px auto; text-align: center; font-weight: bold; font-family: 'Spoqa Han Sans Neo' !important; font-size: 16px;}
.contactus_info_2 p{display: flex;align-items: center;justify-content: center; margin-top: 40px;}
.contactus_info_2 p img{margin-right: 10px;}
.btn_submit_blue{background: #3C7CF5 0% 0% no-repeat padding-box; border-radius: 30px; padding: 20px 30px; color: #fff; border: 0; width:100%; max-width: 200px; margin: 0 auto;display: inherit; margin-top: 40px;} 

#contactus{padding-bottom: 0}

/*contactus 반응형*/
@media (max-width: 1199px) {
	.contactus_title h3
	{
		font-size: 28px;
	}
	.subpage_menu ul li
	{
		padding: 0 40px;
	}
}
@media (max-width: 991px) {
	.techcontact_sec1 .contact_title
	{
		align-items: flex-start;
		margin-bottom: 40px;
	}
	.contactus_info p
	{
		font-size: 16px;
	}
}
@media (max-width: 930px) {
	.subpage_menu ul li a
	{
		font-size: 22px;
	}
	.subpage_menu{padding: 30px 0;}
	.subpage_menu ul li
	{
		padding: 0 20px;
	}
/* 	.subpage-main
	{
	    height: 280px;
	    background-size: cover;
	    background-position: center;
	} */
	.sub-sec-1-text h1{margin-top: 50px;}
	.aboutHeader .sub-sec-1-text.mt_0{margin: 70px 0;}
}
@media (max-width: 767px) {
	.contactus_content
	{
		margin-top: 50px;
	}
	.techcontact_sec1{padding: 0 70px;}
	.aboutHeader .sub-sec-1-text.mt_0{margin: 70px 30px;}
	.contactus_title>img{display: none;}
	#map{height: 400px !important;}
	.contactus_info_phone{display: flex; justify-content: center;}
	.techcontact_sec3{padding: 80px 70px;}
	
	.contactus_info_phone .col-xs-6{width: 30%;}
}
@media (max-width: 720px) {
	.subpage_menu ul li{padding: 0 10px;}
	.subpage_menu ul li a{font-size: 18px;}
}
@media (max-width: 600px) {
	.contactus_info_phone .contact_us_info_title{font-size: 18px;}
	.contactus_info_phone table tr td img{width: 40px;margin-right: 0px;}
	
	.subpage-main{height: 230px;}
	.sub-sec-1-text h1{margin-top: 0px; font-size: 45px;}
	.aboutHeader>.sub-sec-1-text p{font-size: 14px !important;}
	.aboutHeader .sub-sec-1-text.mt_0{margin: 60px 30px;}
	
	.contactus_info_phone .col-xs-6{width: 35%;}
}
@media (max-width: 550px) {
	.subpage_menu ul li{padding: 0px; }
	.subpage_menu ul li a.active{border-bottom: 0px solid;}
	.techcontact_sec1{padding: 0 40px;}
	.techcontact_sec2{padding: 0 40px;}
	.techcontact_sec2 .contactus_info_1{width: 100%; margin: 0px;}
	.techcontact_sec3{padding: 60px 40px;}
	.contactus_info p{line-height: 35px; margin: 0px !important;}
	.contactus_info_phone{margin: 60px 0px;}
	.contactus_form .form-group label{padding: 10px 5px 10px 0px;}
	
	.contactus_info_phone .col-xs-6{width: 50%;}
}
@media (max-width: 470px) {
	.sub-sec-1-text h1{font-size: 40px;}
	.subpage_menu ul li a{font-size: 16px;}
	.subpage_menu{padding: 20px 0;}
	.contactus_info_phone table tr td img{width: 30px;}
	.contactus_info_phone .contact_us_info_title{padding-left: 0px;}
	.contactus_info_phone table td{padding-left: 0px;}
	.contactus_form .form-group{align-items: flex-start; flex-direction: column;}
	.contactus_form .form-group label{padding: 5px 5px 5px 0px; max-width: 100%; width: 100%;}
}
@media (max-width: 430px) {
	.subpage_menu ul li a{font-size: 14px;}
}
@media (max-width: 400px) {
	.subpage_menu ul li a{font-size: 13px;}
	#map{height: 300px !important;}
	.contactus_info_phone table tr:first-child td:first-child{display: none;}
	.contactus_info_phone .contact_us_info_title{text-align: center;}
	.contactus_info_phone table td{padding-top: 10px;text-align: center;}
}
@media (max-width: 370px) {
	.sub-sec-1-text h1{font-size: 35px;}
	.subpage_menu ul li a{font-size: 12px;}
}
@media (max-width: 340px) {
	.subpage_menu ul li a{font-size: 11px;}
}
/*//contactus 반응형*/

.article_main_title img{width: 100%; max-width: 440px; margin: 0 auto;}
.techbrief_main_title img{width: 100%; max-width: 530px; margin: 0 auto;}
.hoverLogo
{
	display: none;
}
.hoverLogo>img
{
    width: 270px;
    margin-top: 70px;
    max-width: none;
}
.subpage-sec-3::after
{
	 content:'';display:block;clear:both; 
}

/*labinside*/
.labinside_title
{
    width: 100%;
    height: 240px;
    background-color: #f6f6f6;
    text-align: center;
    line-height: 180px;
    margin-bottom: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.article_text{    text-align: left;
    letter-spacing: 0px;
    color: #141618;
    font-size: 22px;
    margin-top: 10px;
    font-weight: bold;
    font-family: Spoqa Han Sans Neo !important;
	line-height: 30px;
}

.pcmenu{display: inherit;}
.mobilemenu{display: none;}
#btn_gnb-open i{color: #043E92}


#gnb.on .gnb-inr{-webkit-box-shadow: -8px 0px 13px -7px rgba(161,161,161,1); -moz-box-shadow: -8px 0px 13px -7px rgba(161,161,161,1); box-shadow: -8px 0px 13px -7px rgba(161,161,161,1);}

.thumbnail-wrappper {
    width: 25%; 
}

.thumbnail-img {
    position: relative;
    padding-top: 100%;  /* 1:1 ratio */
    overflow: hidden;
}

.thumbnail-img .centered  {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(50%,50%);
    -ms-transform: translate(50%,50%);
    transform: translate(50%,50%);
}

.thumbnail-img .centered img {
    position: absolute;
    top: 0;
    left: 0;   
    max-width: 100%;
    height: auto;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

#techclip div#dots{
	position: relative;
    top: -33px;
}
.techbreif_top_cont_cont{line-height: 1.8}
.techbrief_top_cont_wrap{display: flex;}

.application_cate{display: flex; width: 50%; margin: 0 auto;}
.application_cate span{flex: 1; font-size: 20px;}
.text-right{text-align: right;}

.labinsidePost .mini_cate
{
	font-size: 14px;
	margin-top: 25px;
	font-family: 'Spoqa Han Sans Neo' !important;
}

#prev i,#next i{font-size: 32px;color: #2B2B2D;}


#labinside .subpage-sec-3{margin-top: 20px;}


.aboutHeader>.sub-sec-1-text p
{
    text-align: left;
    font: normal normal normal 16px Spoqa Han Sans Neo;
    letter-spacing: 0px;
    color: #FFFFFF;
    padding: 0;
    margin-bottom: 0;
    margin-top: 10px;
}

.bi-x::before{color: #fff;}
.text-white{color: #fff !important;}


.contact_us_info_title
{
	font-size: 22px;
	padding-left: 20px;
	font-family: 'Spoqa Han Sans Neo' !important;
}
.contact_us_info_cont
{
	
	padding-left: 20px;
}







/**반응형******************/

@media (max-width: 1199px)
{
   .hov-anim{height: 125px}
   .icon_main_search{top: 30px;}
}
@media (max-width: 991px) {
   .hov-anim{height: 95px}
   .card_ps_title>b
   {
   		width: 80px;
    	display: inline-block;
   	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
   }
}
@media (max-width: 767px) {
   .hov-anim{height: 325px}
   .card_ps_title>b
   {
   		width: 50%;
   }
}
@media (max-width: 630px) {
   .hov-anim{height: 285px}
}
@media (max-width: 550px) {
   .hov-anim{height: 255px}
}
@media (max-width: 500px) {
   .hov-anim{height: 225px}
   
   
   .tc_list>img{height: 200px !important;}
   .tooltip-text{display:none;}
}
@media (max-width: 481px) {
   .card_ps_title>b
   {
   		width: 80px;
   }
}
@media (max-width: 430px) {
   .hov-anim{height: 185px}
}
@media (max-width: 420px) {
   .tc_list>img{height: 170px}
}
@media (max-width: 390px) {
   .hov-anim{height: 155px}
   .card_ps_title>b{width: 100%;}
   .card_ps_title{height: 60px;}
}
@media (max-width: 380px) {
   .hov-anim{height: 155px}
}
@media (max-width: 370px) {
   .tc_list>img{height: 140px}
}
@media (max-width: 320px) {
   .hov-anim{height: 135px}
   
   
   .tc_list>img{height: 120px !important;}
   .subpage-sec-3{margin-bottom: 0px;}
   .tc_list{margin-bottom: 0px !important;}
}
@media (max-width: 280px) {
   .hov-anim{height: 105px}
   
   
   
   .tc_list>img{height: 100px !important;}
}

/**************************************************/

@media (max-width: 480px) {
	.labinsidePost>img {width: 100% !important; height: 100% !important;}
}
@media (min-width: 1281px) and (max-width: 1600px){/*1281*********************************************�명듃遺�**/
.slick-dotted.slick-slider{    height: 500px;}
.articleSlider.slick-slider{    height: 500px;}
.techbriefSlider.slick-slider{    height: 500px;}
/* #quick > a > span > span{
	display: block;
    margin: 60px auto 60px -2.9em;
    transform: rotate(90deg);
} */


.pcmenu{display: inherit;}
.mobilemenu{display: none;}

}/**(min-width: 1281px) and (max-width: 1600px)**/
/*
##Device = �⑺깙, �곗뒪�ы깙
*/
@media (min-width: 1201px) and (max-width: 1280px) {/*1025-1280***********************************************/
.slick-dotted.slick-slider{    height: 500px;}
.articleSlider.slick-slider{    height: 500px;}
.techbriefSlider.slick-slider{    height: 500px;}
.pcmenu{display: inherit;}
.mobilemenu{display: none;}
}/**(min-width: 1025px) and (max-width: 1280px)**/
/*
##Device = �쒕툝由�, �꾩씠�⑤뱶(�몃줈),
*/
@media (min-width: 768px) and (max-width: 1200px) {/*768-1024***********************************************/
/* .slick-dotted.slick-slider{    height: 126px;} */
.pcmenu{display: none;}
.mobilemenu{display: inherit;}
.sidebar{width: 100%;margin-left: 0}
.side_left{width: 100%;}
.side_left {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
}
.techservice_sec3_r{margin-top: 30px;}
.icon_main_search
{
	right: 25px;
	
}
}/**(min-width: 768px) and (max-width: 1024px)**/

/*
##Device = �쒕툝由�, �꾩씠�⑤뱶(媛�濡�)
*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {/*768-1024***********************************************/
.pcmenu{display: none;}
.mobilemenu{display: inherit;}
.sidebar{width: 100%;margin-left: 0}
.side_left{width: 100%;}
.side_left {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
}
.sidebar {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group:1;
    box-ordinal-group: 1;
    margin-bottom: 50px;
}
}/**(min-width: 768px) and (max-width: 1024px)**/
/*
##Device = ���댁긽�� �쒕툝由�, 紐⑤컮��(媛�濡�)
*/
@media (min-width: 481px) and (max-width: 767px) {/*481-767***********************************************/
.main_aticle_img{width: 100%; max-width: 100%;}
.pcmenu{display: none;}
.mobilemenu{display: inherit;}
.mobile_mb_3{margin-bottom: 3rem}
.sidebar{width: 100%;margin-left: 0}
.side_left{width: 100%;}
/* .board_thumnail_list_img{width: 100%;display: block;}
.board_thumnail_list_content{width: 100%;display: block;padding-left:0; margin-top: 20px} */
.board_thumnail_contents{white-space: normal; display: -webkit-box; -webkit-line-clamp: 1; /* 텍스트를 자를 때 원하는 단위 ex) 3줄 */ -webkit-box-orient: vertical;overflow: hidden; margin-bottom: 10px; line-height: 1.4}
.board_thumnail_contents p{margin-bottom: 0}
.slick-dotted.slick-slider{height: auto;top: -100px;}
.articleSlider.slick-slider{height: auto; top: -100px;}
.techbriefSlider.slick-slider{height: auto; top: -100px;}
.article_main_bg{height: 300px}
.article_main_title{top: 40%;}
.slick-prev, .slick-next{top: 50% !important;}
.slick-dots{bottom: -45px !important;}
.slick-next{right: -5px !important}
.slick-prev {left: -5px !important}
.article_main_title img{max-width: 300px}
.side_left {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
}
#techclipsidebar,#techspotlightsidebar
{
	margin-top: 260px !important;
}
.pd_b_10{padding-bottom: 1rem;}
#printcontents{padding-left: 15px !important;padding-right: 15px !important;}
/* .swiper-button-prev{left: -16px !important;}
.swiper-button-next{right: -16px !important;} */
.subpage{padding-bottom: 20px !important;}
.techclip_contents{margin-top: 300px;}
.techclip_contents .sidebar{margin-top: 0 !important}
.tc_list{min-height: 230px; margin-bottom: 30px; width: 50%;}
div.techbrief_top_cont_wrap{display: block;}
div.techbrief_cont_icon_wrap{margin-top: 30px}
[class*=" cont_wrap_"]{display: block !important;}

div.cont_wrap_9{margin-bottom: 50px;}
span.cont_wrap_9_cont{width: 100%; text-align: left;padding-left: 8px;padding-bottom: 0}
.techbrief_cont_icon_wrap p{margin-left: 0px !important; margin-right: 0px !important;}
#techspotlight #pager{top:0 !important}
#techspotlight .slick-dots li button:before{color:#3C7CF5 !important}
.techservice_sec1{padding: 100px 0 200px 0 !important}
.techservice_sec3_r{margin-top: 30px;}

#notice .about_content{padding-left:15px; padding-right: 15px}

.icon_main_search
{
	right: 30px;
	top: 25px;
}
.main_search_input
{
	max-width: 100%;
	margin-top: 15px;
}
.text-right
{
	margin-top: 15px;
}
.vertical-align{display: inline-block;}
footer ul li{padding: 0px;}
}/**(min-width: 481px) and (max-width: 767px)**/
/*
##Device = ��遺�遺꾩쓽 �ㅻ쭏�명룿 紐⑤컮�� 湲곌린(�몃줈)
*/
@media (min-width: 321px) and (max-width: 480px) {/*321-480***********************************************/
.pcmenu{display: none;}
.mobilemenu{display: inherit;}
.main_aticle_img{width: 100%; max-width: 100%;}
.main-card-title{margin-top: 30px}
.main-card-title span{top:24px}
.icon_main_search{right: 32px}
.slick-dots{display: none;}
footer p{color: #7A7A7B;text-align: left !important;}
.footer_addr{margin-bottom: 15px; line-height: 1.3}
.footer_text{line-height: 1.3}
#hotKeywordlist{margin-top: 8px;}
.mobile_n{display: none;}
.mobile_mb_3{margin-bottom: 3rem}
.sidebar{width: 100%;margin-left: 0}
.side_left{width: 100%;}
/* .board_thumnail_list_img{width: 100%;display: block;}
.board_thumnail_list_content{width: 100%;display: block;padding-left:0; margin-top: 20px} */
.board_thumnail_contents{white-space: normal; display: -webkit-box; -webkit-line-clamp: 1; /* 텍스트를 자를 때 원하는 단위 ex) 3줄 */ -webkit-box-orient: vertical;overflow: hidden; margin-bottom: 10px; line-height: 1.4}
.board_thumnail_contents p{margin-bottom: 0}
.slick-dotted.slick-slider{height: auto;top: -100px;}
.articleSlider.slick-slider{height: auto; top: -100px;}
.techbriefSlider.slick-slider{height: auto; top: -100px;}
.article_main_bg{height: 300px}
.article_main_title{top: 40%;}
.slick-prev, .slick-next{top: 50% !important;}
.slick-dots{bottom: -45px !important;}
.slick-next{right: -5px !important}
.slick-prev {left: -5px !important}
.article_main_title img{max-width: 300px}
.side_left {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
}
#techclipsidebar,#techspotlightsidebar
{
	margin-top: 330px !important;
}
.pd_b_10{padding-bottom: 1rem;}
#printcontents{padding-left: 15px !important;padding-right: 15px !important;}
/* .swiper-button-prev{left: -16px !important;}
.swiper-button-next{right: -16px !important;} */
.subpage{padding-bottom: 20px !important;}
.techclip_contents{margin-top: 300px;}
.techclip_contents .sidebar{margin-top: 0 !important}
.tc_list{min-height: 230px; margin-bottom: 30px}
#techclip div#dots{display: none !important;}
#techclip .slidealow{display: none !important;}
.slide_bottom_title{font-size: 20px}
div.techbrief_top_cont_img{width: 100%; }
div.techbrief_top_cont{width: 100% !important; display: block !important; padding: 60px 15px;}
h3.techbrief_top_cont_title{font-size: 20px; margin-bottom: 20px}
p.techbrief_top_cont_number{font-size: 14px; margin-bottom: 20px}
div.techbrief_cont_icon_wrap{margin-top: 40px}
div.techbrief_top_cont_img{width: 100% !important; display: block !important;}
div.techbrief_top_cont_wrap{display: block;}
.techbrief_cont_icon_wrap{margin-top: 30px}
.cont_wrap_1,.cont_wrap_2,.cont_wrap_3,.cont_wrap_4,.cont_wrap_5,.cont_wrap_6,.cont_wrap_7,.cont_wrap_8,.cont_wrap_9{display: block !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; height: auto !important; padding-bottom: 40px}
div.cont_wrap_9{margin-bottom: 50px;}
span.cont_wrap_9_cont{width: 100%; text-align: left;padding-bottom: 0}
.techbrief_cont_icon_wrap p{margin-left: 0px !important; margin-right: 0px !important;}
#prev i, #next i{color:#012063 !important}
#techspotlight .slick-dots li button:before{color:#3C7CF5 !important}
#techspotlight #pager, #techclip #pager{top: 45px !important}
#techspotlight .slick-dotted.slick-slider, #techclip .slick-dotted.slick-slider{top: 34px !important}
#labinside .subpage-sec-3{margin-top: 0 !important;}
.techservice_sec1{padding: 100px 0 200px 0 !important}
.techservice_sec1_r p{margin-top: 40px !important}
.techservice_sec3_r{margin-top: 30px;}
.techservice_sec1{background-size: contain !important;}
.contactus_info p{margin-bottom: 15px; padding-left: 15px; padding-right: 15px;}
.contactus_info{padding-left: 15px; padding-right: 15px;}
.contactus_info_phone table td{padding-bottom: 15px}
.contactus_form .form-group textarea#content{    width: 100%; max-width: 100%;}
.contactus_form .form-group input[type=text]{    width: 100%; max-width: 100%;}
#notice .about_content{padding-left:15px; padding-right: 15px}
.main_search_input
{
	margin-top: 15px;
}
.icon_main_search
{
	top: 25px;
}
.vertical-align{display: inline-block;}
footer ul li{padding: 0px;}
}
/**(min-width: 321px) and (max-width: 48
0px)**/
@media (min-width: 180px) and (max-width: 320px) {/*180-320***********************************************/
.pcmenu{display: none;}
.mobilemenu{display: inherit;}
.main_aticle_img{width: 100%; max-width: 100%;}
.main-card-title{margin-top: 30px}
.main-card-title span{top:24px}
.icon_main_search{right: 32px; }
.slick-dots{display: none;}
footer p{color: #7A7A7B;text-align: left !important;}
.footer_addr{margin-bottom: 15px; line-height: 1.3}
.footer_text{line-height: 1.3}
#hotKeywordlist{margin-top: 8px;}
.mobile_n{display: none;}
.mobile_mb_3{margin-bottom: 3rem}
.sidebar{width: 100%;margin-left: 0}
.side_left{width: 100%;}
.board_thumnail_list_img{width: 100%;display: block;}
.board_thumnail_list_content{width: 100%;display: block;padding-left:0; margin-top: 20px}
.board_thumnail_contents{white-space: normal; display: -webkit-box; -webkit-line-clamp: 1; /* 텍스트를 자를 때 원하는 단위 ex) 3줄 */ -webkit-box-orient: vertical;overflow: hidden; margin-bottom: 10px; line-height: 1.4}
.board_thumnail_contents p{margin-bottom: 0}
.slick-dotted.slick-slider{height: auto;top: -100px;}
.articleSlider.slick-slider{height: auto; top: -100px;}
.techbriefSlider.slick-slider{height: auto; top: -100px;}
.article_main_bg{height: 300px}
.article_main_title{top: 40%;}
.slick-prev, .slick-next{top: 50% !important;}
.slick-dots{bottom: -45px !important;}
.slick-next{right: -5px !important}
.slick-prev {left: -5px !important}
.article_main_title img{max-width: 300px}
.side_left {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
}
.pd_b_10{padding-bottom: 1rem;}
img.detailTitle{max-width: 300px; margin: 50px 0}
#printcontents{padding-left: 15px !important;padding-right: 15px !important;}
.swiper-button-prev{left: -16px !important;}
.swiper-button-next{right: -16px !important;}
.subpage{padding-bottom: 20px !important;}
.techclip_contents{margin-top: 300px;}
.techclip_contents .sidebar{margin-top: 0 !important}
.tc_list{min-height: 230px; margin-bottom: 30px}
#techclip div#dots{display: none !important;}
#techclip .slidealow{display: none !important;}
.slide_bottom_title{font-size: 20px}
div.techbrief_top_cont_img{width: 100%;}
div.techbrief_top_cont{width: 100% !important; display: block !important; padding: 60px 15px;}
h3.techbrief_top_cont_title{font-size: 20px; margin-bottom: 20px}
p.techbrief_top_cont_number{font-size: 14px; margin-bottom: 20px}
div.techbrief_cont_icon_wrap{margin-top: 40px}
div.techbrief_top_cont_img{width: 100% !important; display: block !important;}
div.techbrief_top_cont{width: 100% !important; display: block !important;}
div.techbrief_top_cont_wrap{display: block;}
.cont_wrap_1,.cont_wrap_2,.cont_wrap_3,.cont_wrap_4,.cont_wrap_5,.cont_wrap_6,.cont_wrap_7,.cont_wrap_8,.cont_wrap_9{display: block !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; height: auto !important; padding-bottom: 40px}
.cont_wrap_1 img,.cont_wrap_2 img,.cont_wrap_3 img,.cont_wrap_4 img,.cont_wrap_5 img,.cont_wrap_6 img,.cont_wrap_7 img,.cont_wrap_8 img,.cont_wrap_9 img{width: 100%;}
div.cont_wrap_9{margin-bottom: 50px;}
span.cont_wrap_9_cont{width: 100%; text-align: left;padding-left: 8px;padding-bottom: 0}
.techbrief_cont_icon_wrap p{margin-left: 0px !important; margin-right: 0px !important;}
#prev i, #next i{color:#012063 !important}
#techspotlight .slick-dots li button:before{color:#3C7CF5 !important}
#techspotlight #pager{top: 45px !important}
#techspotlight .slick-dotted.slick-slider{top: 34px !important}
.techservice_sec1{padding: 100px 0 200px 0 !important}
.techservice_sec1_r p{margin-top: 40px !important}
.techservice_sec3_r{margin-top: 30px;}
.techservice_sec1{background-size: contain !important;}
.techservice_sec1_l h2{font-size: 34px !important}
.techservice_sec3_l h4{font-size: 34px !important}
.contactus_info_1{ padding-left: 30px; padding-right: 30px;}
.contactus_info p{margin-bottom: 15px; padding-left: 15px; padding-right: 15px;}
.contactus_info{padding-left: 15px; padding-right: 15px;}
.contactus_info_phone table td{padding-bottom: 15px}
.contactus_form .form-group label{    width: 100%; max-width: 100%;}
.contactus_form .form-group textarea#content{    width: 100%; max-width: 100%;}
.contactus_form .form-group input[type=text]{    width: 100%; max-width: 100%;}
#notice .about_content{padding-left:15px; padding-right: 15px}
.card_ps_title a{float: none; position: relative; top: 5px;}
.main_search_input
{
	margin-top: 15px;
}
.icon_main_search
{
	top: 25px;
}
.vertical-align{display: inline-block;}
footer ul li{padding: 0px;}
}/**(min-width: 180px) and (max-width: 320px)**/

.pointer {cursor:pointer;}
.header-full{background:transparent;}

.float_disable::after{
	content: "";
	display: block;
	clear: both;
	}

@media (min-width: 992px)
{
	.techservice_sec3_l
	{
		width: 30%;
	}
	.techservice_sec3_r
	{
		width: 70%;
	}
}



@media (min-width: 1000px)
{
	.modal-dialog
	{
		width: 900px;
	}
	.searchModal_search_form>button
	{
		right: 50px !important;
		top: 53px;
	}
	.searchModal_search_input
	{
		margin-top: 40px;
	}
	#searchModal h4
	{
		margin-top: 40px;
	}
}

@media (max-width: 999px) {
	.modal-dialog{width: 80%; margin: 30px auto;}
	.searchModal_search_input{margin-top: 40px;}
	#searchModal h4{margin-top: 40px;}
	#searchModal .icon_main_search{right: 15px;top: 53px;}
}
@media (max-width: 500px) {
	.modal-dialog{width: 80%; margin: 30px auto;}
	.searchModal_search_input{margin-top: 20px;}
	#searchModal h4{margin-top: 40px; font-size: 26px;}
	#searchModal .icon_main_search{top: 35px;}
	#searchModal .btn_close_gray{width: 50px;height: 50px;line-height: 20px;}
	#searchModal .btn_close_gray .bi-x{font-size: 40px;}
}

/*labinside 반응형*/
@media (max-width: 1199px) {
	#labinside .subpage-sec-3{display: flex;flex-direction: column-reverse;}
	#labinside .sidebar{padding: 0 10px;margin-bottom: 100px;}
}
@media (max-width: 600px) {
	.labinside_title>img{width: 400px;}
}
@media (max-width: 480px) {
	.labinside_title{height: 200px;}
	.labinside_title>img{width: 340px;}
}
@media (max-width: 390px) {
	.labinside_title>img{width: 300px;}
}
/*//labinside 반응형*/

/*tech spotlight,tech clip 반응형*/
@media (max-width: 1399px) {
	#techspotlight .slick-dotted.slick-slider{top: -40px;}
	#techspotlight .slick-active{width: 450px !important;}
	#techspotlight .slick-slide img{width: 450px !important; height: 450px !important;}
	#techspotlight .slick-vertical .slick-slide{width: 450px !important;}
	#techspotlight .techclip_main_bg .col-md-6:first-child{width: 40%;}
	#techspotlight .techclip_main_bg .col-md-6:last-child{width: 60%;}
}
@media (max-width: 1199px) {
	#techspotlight .subpage-sec-3{display: flex;flex-direction: column-reverse;}
	#techspotlight .sidebar{padding: 0 10px;margin-bottom: 100px; margin-top: 180px !important;}
	#techspotlight #pager{margin-left: 10px;}
	#techspotlight .sub_sec_title h4{margin-top: 10px;}
}
@media (max-width: 991px) {
	#techspotlight .slick-active{width: 400px !important;}
	#techspotlight .slick-slide img{width: 400px !important; height: 400px !important;}
	#techspotlight .slick-vertical .slick-slide{width: 400px !important;}
	#techspotlight .techclip_main_bg .sub-sec-1-text h1{font-size: 48px;}
	#techspotlight .techclip_main_bg .sub-sec-1-text p{font-size: 18px;}
	#techspotlight .sub_sec_title h4{font-size: 26px;}
	#techspotlight p.techclip_content{font-size: 20px;}
	#techspotlight p.techclip_content{height: 20px;}
	#techspotlight .mini_cate{font-size: 16px;}
	#techspotlight .techclip_tag ul li{font-size: 16px;}
	#techspotlight .hov-anim{height: 210px !important;}
}
@media (max-width: 930px) {
	#techspotlight .slick-dotted.slick-slider{margin-top: 40px;}
	#techspotlight .slick-active{width: 350px !important;}
	#techspotlight .slick-slide img{width: 350px !important; height: 350px !important;}
	#techspotlight .slick-vertical .slick-slide{width: 350px !important;}
	#techspotlight .slick-dotted.slick-slider{height: auto;}
	#techspotlight .sidebar{margin-top: 130px !important;}
	#techspotlight #pager{margin-right: 10px;}
	#techspotlight .subpage-main{height: 400px;}
}
@media (max-width: 767px) {
	#techspotlight .techclip_main_bg .sub-sec-1-text h1{font-size: 44px;}
	#techspotlight .techclip_main_bg .sub-sec-1-text p{font-size: 16px;}
	#techspotlight .slick-active{width: 300px !important;}
	#techspotlight .slick-slide img{width: 300px !important; height: 300px !important;}
	#techspotlight .slick-vertical .slick-slide{width: 300px !important;}
	#techspotlight .subpage-main{height: 370px;}
	#techspotlight .slick-dotted.slick-slider{margin-top: 0px;}
	#techspotlight .slide_row{align-items: flex-start;}
	#techspotlight .hov-anim{height: 300px !important;}
	#techspotlight .sub_sec_title h4{margin-bottom: 30px;}
}
@media (max-width: 670px) {
	#techspotlight .techclip_main_bg .col-md-6:last-child{display: none;}
	#techspotlight .techclip_main_bg .col-md-6:first-child{width: 100%;}
	#techspotlight .sub-sec-1-text h1{margin-top: 0px;}
	#techspotlight .subpage-main{height: 280px;}
	#techspotlight .techclip_main_bg .sub-sec-1-text p{margin-top: 10px;}
}
@media (max-width: 600px) {
	#techspotlight .hov-anim{height: 260px !important;}
}
@media (max-width: 520px) {
	#techspotlight .hov-anim{height: 220px !important;}
}
@media (max-width: 470px) {
	#techspotlight .hov-anim{height: 200px !important;}
}
@media (max-width: 440px) {
	#techspotlight .hov-anim{height: 180px !important;}
}
@media (max-width: 400px) {
	#techspotlight .hov-anim{height: 160px !important;}
}
@media (max-width: 380px) {
	#techspotlight .hov-anim{height: 150px !important;}
}
@media (max-width: 340px) {
	#techspotlight #board_list_middle .col-xs-6{width: 100%;}
	#techspotlight .hov-anim{height: 300px !important;}
}
/*//tech spotlight, tech clip 반응형*/
.techspotlight_detail .swiper-button-next, .techspotlight_detail .swiper-button-prev{ top: 40%; }
/*tech spotlight detail 반응형*/
@media (max-width: 1199px) {
	.techspotlight_detail .techspolight_top_cont iframe{height: 500px;}
	.techspotlight_detail .thumbnail a>img, .techspotlight_detail .thumbnail>img{height: 180px !important;}
}
@media (max-width: 991px) {
	.techspotlight_detail .cont_wrap{width: 100%;}
}
@media (max-width: 900px) {
	.techspotlight_detail_title .detailTitle{max-width: 550px;}
	.techspotlight_detail .thumbnail a>img, .techspotlight_detail .thumbnail>img{height: 220px !important;}
	.techspotlight_detail .swiper-button-next, .techspotlight_detail .swiper-button-prev{top: -15px;}
	.techspotlight_detail .swiper-button-prev{left: 140px;}
	.techspotlight_detail .swiper-button-prev>img{width: 15px !important;}
	.techspotlight_detail .swiper-button-next{right: 500px;}
	.techspotlight_detail .swiper-button-next>img{width: 15px !important;}
}
@media (max-width: 767px) {
	.techspotlight_detail .techclip_detail_contents_btn{margin: 30px auto 80px auto}
	.article_detail_bottom>h3{text-align: center; font-size: 22px;}
	.techspotlight_detail .swiper-button-prev{left: 10px;}
	.techspotlight_detail .swiper-button-next{right: 10px;}
	
}
@media (max-width: 635px) {
	.techspotlight_detail .thumbnail a>img, .techspotlight_detail .thumbnail>img{height: 190px !important;}
	.techspotlight_detail_title .detailTitle{max-width: 450px;}
	.techspotlight_detail .techclip_detail_title h3{font-size: 36px;}
	.techspotlight_detail .techclip_detail_date>span{font-size: 20px;}
	.techspotlight_detail .techspolight_top_cont iframe{height: 350px;}
}
@media (max-width: 545px) {
	.techspotlight_detail .thumbnail a>img, .techspotlight_detail .thumbnail>img{height: 160px !important;}
}
@media (max-width: 530px) {
	.techspotlight_detail .thumbnail a>img, .techspotlight_detail .thumbnail>img{height: 220px !important;}
}
@media (max-width: 500px) {
	.techspotlight_detail .titleLeftIcon, .techspotlight_detail .titleRightIcon{width: 30px;}
	.techspotlight_detail .techclip_detail_title{margin-bottom: 90px;}
	.techspotlight_detail .techclip_detail_title h3{margin-top: 30px; font-size: 32px;}
	.techspotlight_detail .techclip_detail_date>span{margin-bottom: 30px;}
	.techspotlight_detail_title .detailTitle{padding: 10px;margin: 70px 0;}
}
@media (max-width: 460px) {
	.techspotlight_detail .detailBottomBtn button.btn_gotolist{margin-right: 15px;}
}
@media (max-width: 430px) {
	.techspotlight_detail .thumbnail a>img, .techspotlight_detail .thumbnail>img{height: 185px !important;}
}
@media (max-width: 400px) {
	.techspotlight_detail_title .detailTitle{margin: 50px 0;}
	.techspotlight_detail .techclip_detail_title h3{font-size: 28px; line-height: 50px;}
	.techspotlight_detail .techclip_detail_date>span{font-size: 18px;}
}
@media (max-width: 380px) {
	.techspotlight_detail .thumbnail a>img, .techspotlight_detail .thumbnail>img{height: 160px !important;}
}
@media (max-width: 350px) {
	.techspotlight_detail .thumbnail a>img, .techspotlight_detail .thumbnail>img{height: 220px !important;}
	.techspotlight_detail .detailBottomBtn button.btn_gotolist{width: 100%; margin-bottom: 15px;}
}
/*//tech spotlight detail 반응형*/


.techclip_detail .swiper-button-next, .techclip_detail .swiper-button-prev{ top: 40%; }
/*tech clip detail 반응형*/
@media (max-width: 1199px) {
	.techclip_detail .techspolight_top_cont iframe{height: 500px;}
	.techclip_detail .thumbnail a>img, .techclip_detail .thumbnail>img{height: 180px !important;}
	.techclip_detail .techclip_left_cont>iframe{height: 550px !important;}
	.techclip_detail .techclip_right_cont>div:nth-child(2)>.right_cont_left_title{min-height: 330px !important; line-height: 328px !important; }
	.techclip_detail .techclip_right_cont>div:nth-child(2)>.right_cont_right_cont{min-height:330px !important;}
}
@media (max-width: 991px) {
	.techclip_detail .cont_wrap{width: 100%;}
}
@media (max-width: 900px) {
	.techclipDetail_title .detailTitle{max-width: 331px;}
	.techclip_detail .thumbnail a>img, .techclip_detail .thumbnail>img{height: 220px !important;}
	.techclip_detail .swiper-button-next, .techclip_detail .swiper-button-prev{top: -15px;}
	.techclip_detail .swiper-button-prev{left: 140px;}
	.techclip_detail .swiper-button-prev>img{width: 15px !important;}
	.techclip_detail .swiper-button-next{right: 500px;}
	.techclip_detail .swiper-button-next>img{width: 15px !important;}
}
@media (max-width: 767px) {
	.techclip_detail .techclip_detail_contents_btn{margin: 30px auto 80px auto}
	.article_detail_bottom>h3{text-align: center;}
	.techclip_detail .swiper-button-prev{left: 10px;}
	.techclip_detail .swiper-button-next{right: 10px;}
	
}
@media (max-width: 635px) {
	.techclip_detail .thumbnail a>img, .techspotlight_detail .thumbnail>img{height: 190px !important;}
	.techclipDetail_title  .detailTitle{max-width: 270px;}
	.techclip_detail .techclip_detail_title h3{font-size: 36px;}
	.techclip_detail .techclip_detail_date>span{font-size: 20px;}
	.techclip_detail .techspolight_top_cont iframe{height: 350px;}
}
@media (max-width: 545px) {
	.techclip_detail .thumbnail a>img, .techclip_detail .thumbnail>img{height: 160px !important;}
}
@media (max-width: 530px) {
	.techclip_detail .thumbnail a>img, .techclip_detail .thumbnail>img{height: 220px !important;}
}
@media (max-width: 500px) {
	.techclip_detail .titleLeftIcon, .techclip_detail .titleRightIcon{width: 30px;}
	.techclip_detail .techclip_detail_title{margin-bottom: 90px;}
	.techclip_detail .techclip_detail_title h3{margin-top: 30px; font-size: 32px;}
	.techclip_detail .techclip_detail_date>span{margin-bottom: 30px;}
	.techclipDetail_title .detailTitle{padding: 10px;margin: 70px 0;}
}
@media (max-width: 460px) {
	.techclip_detail .detailBottomBtn button.btn_gotolist{margin-right: 15px;}
}
@media (max-width: 430px) {
	.techclip_detail .thumbnail a>img, .techspotlight_detail .thumbnail>img{height: 185px !important;}
}
@media (max-width: 400px) {
	.techspotlight_detail_title .detailTitle{margin: 50px 0;}
	.techclip_detail .techclip_detail_title h3{font-size: 28px; line-height: 50px;}
	.techclip_detail .techclip_detail_date>span{font-size: 18px;}
}
@media (max-width: 380px) {
	.techclip_detail .thumbnail a>img, .techclip_detail .thumbnail>img{height: 160px !important;}
}
@media (max-width: 350px) {
	.techclip_detail .thumbnail a>img, .techclip_detail .thumbnail>img{height: 220px !important;}
	.techclip_detail .detailBottomBtn button.btn_gotolist{width: 100%; margin-bottom: 15px;}
}
/*//tech clip detail 반응형*/

.home .main-card-content>.row>.col-xs-6>img{height: 184.5px;}
.home .home_article_slide-img>img{height: 184.5px;}
/*home 반응형*/
@media (max-width: 1399px) {
	.home .main-card-content>.row>.col-xs-6>img{height: 151.5px;}
	.home .home_article_slide-img>img{height: 151.5px;}
	.home .main-card-content .col-md-8{width: 60%;}
}
@media (max-width: 1389px) {
	.main-sec-1 .container .row{margin-top: 30px;}
	.main_search_input{margin-top: 0px;}
	.icon_main_search{top: 13px; right: 28px;}
	.hotKeyword{padding-bottom: 20px;}
}
@media (max-width: 1199px) {
	.home .main-card-content>.row>.col-xs-6>img{height: 118.5px;}
	.home .home_article_slide-img>img{height: 118.5px;}
	.home .article_text{font-size: 20px;}
} 
@media (max-width: 991px) {
	.home .home_cont_wrap{width: 100%; padding: 0px 20px; margin: 10px 0px 20px 0px;}
	.home .mb-5{margin-bottom: 0px;}
	.home .main-card-content>.row>.col-xs-6>img{height: 224px;}
	.home .home_article_slide-img>img{height: 184px;}
	.home .article_text{font-size: 24px;}
}
@media (max-width: 767px) {
	.homeTitle{margin-bottom: 20px;}
}
@media (max-width: 700px) {
	.home .main-card-content>.row>.col-xs-6>img{height: 190px;}
}
@media (max-width: 640px) {
	.main-card-content>.row>.col-xs-6{padding: 0px 5px;}
	.home .main-card-content>.row>.col-xs-6>img{height: 170px;}
	#hotKeywordlist li span{width: 60px;}
}
@media (max-width: 570px) {
	.home .main-card-content>.row>.col-xs-6>img{height: 150px;}
}
@media (max-width: 520px) {
	.home .main-card-content>.row>.col-xs-6>img{height: 148px;}
}
@media (max-width: 520px) {
	.home .article_text{font-size: 20px;}
}
@media (max-width: 480px) {
	.main-card-content>.row>.col-xs-6{width: 50%;}
	.home .main-card-content>.row>.col-xs-6>img{height: 215px;}
}
@media (max-width: 440px) {
	.home .main-card-content>.row>.col-xs-6>img{height: 195px;}
	
}
@media (max-width: 410px) {
	.home .main-card-content>.row>.col-xs-6>img{height: 180px;}
}
@media (max-width: 380px) {
	.home .main-card-content>.row>.col-xs-6>img{height: 165px;}
}
@media (max-width: 350px) {
	.main-card-content>.row>.col-xs-6{width: 100%; margin-bottom: 30px;}
	.home .main-card-content>.row>.col-xs-6>img{height: 320px;}
}
/*//home 반응형*/

/*techBrief 반응형*/
@media (max-width: 1300px) {
	.techbrief .slick-next{right: -10%;}
	.techbrief .slick-prev{left: -10%;}
}
@media (max-width: 1200px) {
	.techbrief .subpage-sec-3{display: flex;flex-direction: column-reverse;}
	.techbrief .sidebar{padding: 0 10px;margin-bottom: 100px;}
	.techbrief .slick-dots{bottom: -100px;}
	.techbrief .brief-top_slides>img{height: 550px;}
	.techbrief .brief-top_slides{height: 570px;}
}
@media (max-width: 1199px) {
	.techbrief .brief-top_slides>img{height: 500px;}
	.techbrief .brief-top_slides{height: 520px;}
	.techbrief .slick-dots{bottom: -60px;}
	.techbrief .subpage-sec-3{top: -250px;}
	.techbrief .slide_bottom_title p{font-size: 42px;}
}
@media (max-width: 991px) {
	.techbrief .slick-dotted.slick-slider{width: 90%;}
	.techbrief .techbriefSlider.slick-slider{width: 90%;}
	.techbrief .slide_bottom_title p{font-size: 40px;}
}
@media (max-width: 820px) {
	.techbrief .slick-next{right: -5% !important;}
	.techbrief .slick-prev{left: -5% !important;}
	.techbrief .slide_bottom_title p{font-size: 36px;}
}
@media (max-width: 767px) {
	.techbrief .slick-dotted.slick-slider{width: 80%; top: -210px;}
	.techbrief .techbriefSlider.slick-slider{width: 80%; top: -210px;}
	.techbrief .techbrief_main_title{top: 30%;}
	.techbrief .techbrief_main_title img{width: 450px;}
	.techbrief .brief-top_slides{height: 470px;}
	.techbrief .brief-top_slides>img{height: 450px;}
	.techbrief .subpage-sec-3{top: -50px;}
	.techbrief .slide_bottom_title{padding: 15px;}
	.techbrief .slide_bottom_title p{font-size: 32px;}
}
@media (max-width: 720px) {
	.techbrief .brief-top_slides{height: 430px;}
	.techbrief .brief-top_slides>img{height: 410px;}
}
@media (max-width: 600px) {
	.techbrief .slick-dotted.slick-slider{top: -170px;}
	.techbrief .techbriefSlider.slick-slider{top: -170px;}
	.techbrief .brief-top_slides{height: 320px;}
	.techbrief .brief-top_slides>img{height: 300px;}
	.techbrief .techbrief_main_title img{width: 350px;}
	.techbrief .slide_bottom_title p{font-size: 26px;}
	.techbrief p.techbrief_content{font-size: 18px;}
	.techbrief .techbrief_cont_sub_title{font-size: 12px;margin-top: 30px;}
	.techbrief .techbrief_tag ul li{font-size: 12px;}
	.techbrief_tag ul{margin-top: 15px;}
}
@media (max-width: 480px) {
	.techbrief .brief-top_slides>img{height: 230px;}
	.techbrief .brief-top_slides{height: 250px;}
	.techbrief .slick-prev, .techbrief .slick-next{top: 50% !important;}
	.techbrief .slick-prev>img, .techbrief .slick-next>img{width: 15px;}
	.techbrief .slide_bottom_title p{font-size: 18px;}
	.techbrief .techbrief_main_title img{width: 300px;}
}
@media (max-width: 400px) {
	.techbrief .brief-top_slides>img{height: 200px;}
	.techbrief .brief-top_slides{height: 220px;}
	.techbrief .slide_bottom_title{display: none;}
}
/*//techBrief 반응형*/



.techbriefDetail .detailTitle{max-width: 524px;}
.techbriefDetail .cont_wrap_90{width: 95%;}
.techbriefDetail .thumbnail a>img, .thumbnail>img{height: 159px; width: 100%; object-fit: cover;}
/*techBrief detail 반응형*/
@media (max-width: 1300px) {
	.techbriefDetail .swiper-button-next, .techbriefDetail .swiper-button-prev{top: -15px;}
	.techbriefDetail .swiper-button-prev>img{width: 15px !important;}
	.techbriefDetail .swiper-button-next>img{width: 15px !important;}
	.techbriefDetail .swiper-button-prev{left: 10px;}
	.techbriefDetail .swiper-button-next{right: 10px;}
	.techbriefDetail .article_detail_bottom>h3{text-align: center;}
	.techbriefDetail .techbrief_top_cont_title{font-size: 40px;}
}
@media (max-width: 1199px) {
	.techbriefDetail .cont_wrap_9_cont{font-size: 18px; display: flex; flex-direction: column; align-items: center;}
	.techbriefDetail .cont_wrap_9_cont img{margin-right: 0px;margin-bottom: 10px;}
}
@media (max-width: 991px) {
	.techbriefDetail .thumbnail a>img, .thumbnail>img{height: 135px;}
}
@media (max-width: 900px) {
	.techbrief_top_cont_wrap{display: block;}
	div.techbrief_top_cont_img{width: 100% !important; display: block !important;}
	div.techbrief_top_cont{width: 100% !important; display: block !important; padding: 60px 15px;}
	.techbriefDetail .cont_wrap_1,.techbriefDetail .cont_wrap_2,.techbriefDetail .cont_wrap_3,.techbriefDetail .cont_wrap_4,.techbriefDetail .cont_wrap_5,.techbriefDetail .cont_wrap_6,.techbriefDetail .cont_wrap_7,.techbriefDetail .cont_wrap_8,.techbriefDetail .cont_wrap_9{display: block !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; height: auto !important; padding-bottom: 40px}
	.techbriefDetail .application_cate{width: 100%;}
	.techbriefDetail .float_disable h4,.techbriefDetail .cont_wrap_7 h4,.techbriefDetail  .cont_wrap_8 h4,.techbriefDetail  .cont_wrap_9 h4{font-size: 22px;}
	.techbriefDetail .techbirefTable thead tr td{font-size: 16px;}
	.techbriefDetail .techbirefTable tbody tr td{font-size: 16px;}
	.techbriefDetail .detailTitle{max-width: 389px;}
	.techbriefDetail .techbrief_top_cont_img{min-height: 400px;}
}
@media (max-width: 640px) {
	.techbriefDetail .techbrief_cont_icon_wrap span{font-size: 17px;}
	.techbriefDetail .brief_detail_contents .techbrief_cont_icon_wrap p{font-size: 23px;}
}
@media (max-width: 635px) {
	.techbriefDetail .detailTitle{max-width: 317px;}
	.techbriefDetail .techbrief_top_cont_title{font-size: 32px; line-height: 50px; }
	.techbriefDetail .techbrief_top_cont_number{font-size: 17px;}
	
}
@media (max-width: 500px) {
	.techbriefDetail .detailTitle{padding: 10px; margin: 70px 0;}
	
}
@media (max-width: 400px) {
	.techbriefDetail .thumbnail a>img, .techbriefDetail .thumbnail>img{height: 240px !important;}
}




/*//techBrief detail 반응형*/




/*article 반응형*/
@media (max-width: 1300px) {
	.article .slick-next{right: -10%;}
	.article .slick-prev{left: -10%;}
}
@media (max-width: 1200px) {
	.article .subpage-sec-3{display: flex;flex-direction: column-reverse;}
	.article .sidebar{padding: 0 10px;margin-bottom: 100px;}
	.article .slick-dots{bottom: -100px;}
	.article .article-top_slides>img{height: 550px;}
	.article .article-top_slides{height: 570px;}
}
@media (max-width: 1199px) {
	.article .article-top_slides>img{height: 500px;}
	.article .article-top_slides{height: 520px;}
	.article .slick-dots{bottom: -60px;}
	.article .subpage-sec-3{top: -250px;}
	.article .article_slide_top_title{font-size: 42px; line-height: 54px;}
}
@media (max-width: 991px) {
	.article .slick-dotted.slick-slider{width: 90%;}
	.article .articleSlider.slick-slider{width: 90%;}
	.article .article_slide_top_title{font-size: 40px; line-height: 52px; width: 100%;}
}
@media (max-width: 820px) {
	.article .slick-next{right: -5% !important;}
	.article .slick-prev{left: -5% !important;}
	.article .article_slide_top_title{font-size: 36px; line-height: 48px;}
}
@media (max-width: 767px) {
	.article .slick-dotted.slick-slider{width: 80%; top: -210px;}
	.article .articleSlider.slick-slider{width: 80%; top: -210px;}
	.article .article_main_title{top: 30%;}
	.article .article_main_title img{width: 450px;}
	.article .article-top_slides{height: 470px;}
	.article .article-top_slides>img{height: 450px;}
	.article .subpage-sec-3{top: -50px;}
	.article .slide_bottom_title{padding: 15px;}
	.article .slide_bottom_title{font-size: 32px; line-height: 44px;}
	.article_slide_bottom_title p{font-size: 16px;}
	.article .board_thumnail_list_img img{max-height: 400px; height: 180px;}
	.article .board_thumnail_title{font-size: 18px; padding: 5px 0 15px 0;}
}
@media (max-width: 720px) {
	.article .article-top_slides{height: 430px;}
	.article .article-top_slides>img{height: 410px;}
}
@media (max-width: 650px) {
	.article .board_thumnail_list_img img{max-height: 400px; height: 150px;}
	.article .board_thumnail_tag{margin-top: 0px;}
}
@media (max-width: 600px) {
	.article .slick-dotted.slick-slider{top: -170px;}
	.article .articleSlider.slick-slider{top: -170px;}
	.article .article-top_slides{height: 320px;}
	.article .article-top_slides>img{height: 300px;}
	.article .article_main_title img{width: 350px;}
	.techbrief_tag ul{margin-top: 15px;}
	.article .article_slide_top_title{font-size: 26px; line-height: 38px; padding: 20px; margin:0;}
	.article_slide_bottom_title p{font-size: 14px; margin-bottom: 20px !important; padding: 0; margin:0 !important;}
	.article_slide_bottom_title{width: 100%; padding: 20px;}
	.board_thumnail_list_img{width: 100%;display: block;}
	.board_thumnail_list_content{width: 100%;display: block;padding-left:0; margin-top: 20px}
	.article .board_thumnail_list_img img{max-height: 400px; height: auto;}
}
@media (max-width: 500px) {
	.article .board_list_top_left{font-size: 15px;}
	.article .board_list_top_left .point_text{font-size: 15px;}
}
@media (max-width: 480px) {
	.article .article-top_slides>img{height: 230px;}
	.article .article-top_slides{height: 250px;}
	.article .slick-prev, .article .slick-next{top: 50% !important;}
	.article .slick-prev>img, .article .slick-next>img{width: 15px;}
	.article .article_slide_top_title{font-size: 18px; line-height: 30px;}
	.article .article_main_title img{width: 300px;}
}
@media (max-width: 400px) {
	.article .article-top_slides>img{height: 200px;}
	.article .article-top_slides{height: 220px;}
	.article .article_slide_top_title{display: none;}
	.article_slide_bottom_title{display: none;}
}
/*//article 반응형*/


/*article detail 반응형*/
@media (max-width: 1199px) {
	.articleDetail .article_detail_contents-img{height: 160px;width: 100%;}
	.articleDetail .article_detail_contents-img>img{height: 160px !important;}
}
@media (max-width: 1040px) {
	.articleDetail .article_detail_contents-img{height: 140px;width: 100%;}
	.articleDetail .article_detail_contents-img>img{height: 140px !important;}
}
@media (max-width: 940px) {
	.articleDetail .article_detail_contents-img{height: 120px;width: 100%;}
	.articleDetail .article_detail_contents-img>img{height: 120px !important;}
}
@media (max-width: 900px) {
	.articleDetail .detailTitle{max-width: 276px !important;}
	.articleDetail .swiper-button-next, .articleDetail .swiper-button-prev{top: -15px;}
	.articleDetail .swiper-button-prev{left: 10px;}
	.articleDetail .swiper-button-next{right: 10px;}
	.articleDetail .swiper-button-prev>img{width: 15px !important;}
	.articleDetail .swiper-button-next>img{width: 15px !important;}
	.articleDetail .article_detail_bottom>h3{text-align: center;}
	.articleDetail .article_detail_contents-img{height: 160px;width: 100%;}
	.articleDetail .article_detail_contents-img>img{height: 160px !important;}
}
@media (max-width: 780px) {
	.articleDetail .article_detail_contents-img{height: 140px;width: 100%;}
	.articleDetail .article_detail_contents-img>img{height: 140px !important;}
}
@media (max-width: 767px) {
	.articleDetail .article_detail_title>h3{width: 70%;}
	.articleDetail .swiper-button-prev{left: 10px;}
	.articleDetail .swiper-button-next{right: 10px;}
}
@media (max-width: 700px) {
	.articleDetail .article_detail_contents-img{height: 120px;width: 100%;}
	.articleDetail .article_detail_contents-img>img{height: 120px !important;}
	.articleDetail .article_detail_title>h3{font-size: 26px;}
	.articleDetail .article_detail_date{font-size: 14px;}
	.articleDetail .article_detail_visit{font-size: 14px;}
	.articleDetail .container{padding-top: 80px;}
}
@media (max-width: 635px) {
	.articleDetail .detailTitle{max-width: 226px !important;}
	.articleDetail .article_detail_contents-img{height: 110px;width: 100%;}
	.articleDetail .article_detail_contents-img>img{height: 110px !important;}
}
@media (max-width: 600px) {
	.articleDetail .article_detail_contents-img{height: 150px;width: 100%;}
	.articleDetail .article_detail_contents-img>img{height: 150px !important;}
}
@media (max-width: 530px) {
	.articleDetail .article_detail_contents-img{height: 130px;width: 100%;}
	.articleDetail .article_detail_contents-img>img{height: 130px !important;}
}
@media (max-width: 500px) {
	.articleDetail .detailTitle{padding: 10px; margin: 70px 0px;}
	.articleDetail .article_detail_title>h3{font-size: 22px;}
	.articleDetail .article_detail_visit{top: -20px;}
	.articleDetail .article_detail_date{top: -40px;}
	.articleDetail .article_detail_title>h3{width: 100%;}
	.articleDetail .article_detail_top{margin-bottom: 40px;}
	.articleDetail .article_detail_contents_tag ul li{font-size: 12px;}
}
@media (max-width: 450px) {
	.articleDetail .article_detail_contents-img{height: 110px;width: 100%;}
	.articleDetail .article_detail_contents-img>img{height: 110px !important;}
}
@media (max-width: 400px) {
	.articleDetail .article_detail_contents-img{height: 170px;width: 100%;}
	.articleDetail .article_detail_contents-img>img{height: 170px !important;}
}
@media (max-width: 350px) {
	.articleDetail .article_detail_contents-img{height: 150px;width: 100%;}
	.articleDetail .article_detail_contents-img>img{height: 150px !important;}
}
/*//article detail 반응형*/
.thumbnail .caption{padding: 9px 0px;}
@media (max-width:1399px){.thumbnail .caption{padding: 9px;}}