@charset "utf-8";

@media screen and (max-width:1680px){
	/* sub - common */
	.tab-area{padding: 1.4em 0;}
	.tab-area>ul>.tab-item{width: 10em; padding: 0.6em 0 0.5em;}
	.tab-area>ul>.tab-item>a{font-size: 1.25em;}
	.txt-intro{font-size: 1.2em;}

	/* sub - community */
	#community-wrap h3{font-size: 1.325em;}
	#community-wrap h3 + p{font-size: 1.1em;}
	.programs-list>li .icon-wrap{height: 17em;}
	.programs-list>li .icon-wrap>.ico-circle{width: 12em; height: 12em;}
	.program-content{width: 85%; margin: 1.5em auto 1.7em;}

	/* sub - community - SOSCON */
	.soscon-con1 .icon-wrap ul{width: 710px;}
	.soscon-con1 .icon-wrap li i{height: 9em;}
	
	/* sub - blog */
	#blog-wrap h3{font-size: 1.2em; line-height: 1.35em;}
	#blog-wrap h3 + span{font-size: 0.85em;}
	.blog-list-wrap{width: 1293px; margin: 0 auto;}
	.blog-list>li{height: 23.5em;}
	.blog-list>li .img-wrap{height: 55%;}
	.blog-content{height: 45%; padding: 1.2em 1.3em 1.4em;}
	.blog-content .blog-info{font-size: 0.8em;}
}
@media screen and (max-width:1575px){
	/* common */
	.con-wid{width:100%;padding:0 15px}
	
	/* header */
	#header.pc-ver #releaseCenter .gnb-nav{display:block !important}	

	/* footer */
	#footer #btn-top{right:15px}

	/* main */
	.popupzone .content{padding:0 2em;}
	.popupzone .check {padding: 0 2em;}

    #idx-con .con-wid{width:100%}
	#idx-con .project-info .con-wid{width: 90%;}

	.bg-area .main-layer .stairs{right: 13.2%; bottom: 7.1%;}
	.bg-area .main-layer .above-layer{width:13.2638%;}
	.bg-area .main-obj{right: 6%; bottom: 38%;}

	#main-visualArea .con-wid{padding:0 3em}
	.key-sub.contents .wrapper{margin: 0 auto;}
	#main-contents.bg-gray{padding:3em 1em}
	
	.leaders-list{width: 80%;}
	.leaders-indicator .prev-btn{left: 5%;}
	.leaders-indicator .next-btn{right: 5%;}

	.project-info .project-list li{width: 10.16em; height: 10.16em;}

	/* sub - community - SOSCON */
	.soscon-con1 .icon-wrap ul{width: 600px;}
	.soscon-con1 .icon-wrap li i{height: 8em;}
	.soscon-con1 .icon-wrap li strong{font-size: 1.3em;}
	.soscon-con1 .txt-group p{font-size: 1em;}
	.soscon-con1 .soscon-global-wrap .inner h4{font-size: 1.2em;}
	#soscon-wrap .soscon-con2 .inner .timeline-card strong{margin-top: .3em; font-size: 1.2em; height: 1.1em;}
	.soscon-con2 .inner .timeline-dot:after{bottom: 3%;}

	/* sub */
	.slide-projectCard a{padding:4em 40px}
	.leader-slider .slick-arrow{display:none !important}

	.list-category{width:80%}
	.list-category li{width:25%;padding-top:1em}
	.list-category li:nth-child(5){padding-left:0}

	.leader-interview{padding:5em 0}

	.btn-projectGroup{width:95%;margin:5em auto 0}
}
@media screen and (max-width:1360px){
	/* main */
	.leaders-list .li .leaders-box{padding: 1.6em;}
	.leaders-list .li .profile_wrap{height: 4em;}
	.leaders-list .li .profile_wrap i{width: 4em; height: 4em;}
	.leaders-list .li .profile_wrap .info_wrap{width: calc(100% - 5.2em);}
	.leaders-list .li .profile_wrap .info_wrap h3{font-size: 1.1em;}
	.leaders-list .li .profile_wrap .info_wrap span{font-size: 0.8em; line-height: 1.1em;}

	.project-info .project-list li{width: 9.54em; height: 9.54em;}

	/* sub - common */
	.tab-area{padding: 1.4em 0;}
	.tab-area>ul>.tab-item{width: 10em; padding: 0.6em 0 0.5em;}
	.tab-area>ul>.tab-item>a{font-size: 1.25em;}
	.txt-intro{font-size: 1.2em;}

    /* sub - about */
	h3.caption-tit{font-size:1.8em;}
	h3.caption-tit + span{font-size:1.125em;}
	.txt-group h3.sub-tit{font-size: 1.625em;}
	.txt-group h3.sub-tit ~ p{margin-bottom: 0.5em; font-size: 1em;}

	/* sub - community */
	#community-wrap h3{font-size: 1.325em;}
	#community-wrap h3 + p{font-size: 1.1em;}
	.programs-list>li .icon-wrap{height: 17em;}
	.programs-list>li .icon-wrap>.ico-circle{width: 12em; height: 12em;}
	.program-content{width: 85%; margin: 1.5em auto 1.7em;}

	/* sub - blog */
	#blog-wrap h3{font-size: 1em; line-height: 1.1em;}
	#blog-wrap h3 + span{font-size: 0.75em;}
	.blog-list-wrap{width: 975px;}
	.blog-list>li{height: 18em;}
	.blog-content{padding: 0.9em 1em 1.15em;}
	.blog-content .blog-info{font-size: 0.7em;}
}
@media screen and (max-width:1280px){
	/* main */
	.search-radius{width:20.2em;padding:.2em 1.1em;border-radius:26px;}
	.search-radius .btn-search.white{width:3.15em;}
	.search-radius input[type='text']{width:calc(100% - 2.2em);font-size:1em;}
	.search-radius input::-webkit-input-placeholder{font-size:1em;}
	.search-radius input:-ms-input-placeholder{font-size:1em;}
	.search-radius input::-ms-input-placeholder{font-size:1em;}
	.search-radius input::placeholder{font-size:1em;}

    #main-contents .key-value h2.sub-tit{font-size:2.9em;}
	#main-contents .key-value h2.sub-tit + p{font-size:1.2em;}
	#main-contents .key-value h3.sub-tit{font-size:2.25em;}
	.key-sub.icons .key-area{ width: 27em; height: 35em;}
	.key-sub.icons .key-area .key-obj{width: 9em; height: 9em;}
	.key-sub.icons .key-area .key-objs .k1{width: 4.5em; height: 7em;}
	.key-sub.icons .key-area .key-objs .k2{width: 3em; height: 4.2em;}
	.key-sub.icons .key-area .key-objs .k3{width: 5.5em; height: 7em;}
	.key-sub.icons .key-area .key-objs .k4{width: 3.6em; height: 4.5em;}
	.key-sub.contents{margin: 6em 0;}
	.key-indicator .btn-all{padding: 1.5em; background-size: 50% 30%;}
	.key-indicator .prev-btn{background-image: url('../images/icon/ico-arrowLeft.png'); margin-right: 2em;}

	.leaders-bg{width: 55vw; height: 35vw;}
	.leaders-list .li{padding: 0 1.15em;}
	.leaders-indicator .btn-all{padding: 1.5em; background-size: 50% 35%;}

	.project-info .project-list li{width: 8.92em; height: 8.92em;}
	
	/* sub - community - SOSCON */
	.soscon-con1 .main-banner h2{font-size: 1.6em;}
	.soscon-con1 .icon-wrap ul{width: 460px;}
	.soscon-con1 .icon-wrap li i{height: 6em;}
	.soscon-con1 .icon-wrap li strong{font-size: 1.2em;}
	.soscon-con1 .txt-group p{font-size: 1em; line-height: 1.3em; letter-spacing: 0.2px;}
	.soscon-con1 .soscon-global-wrap .inner h4{font-size: 1.1em;}
	.soscon-con2 .inner{padding: 5em 0;}
	#soscon-wrap .soscon-con2 .inner .timeline-card strong{font-size: 1em;}
	.soscon-con2 .inner .timeline-dot:before{width: 8px; height: 8px; bottom: 8%;}
	.soscon-con2 .inner .timeline-card:hover~.timeline-dot:after{width: 16px; height: 16px;}

	/* sub - blog */
	.blog-detail-content .txt-group>table:nth-of-type(3) table td{gap: 1.5em;}
	.blog-detail-content .txt-group>table:nth-of-type(3) table td>div>div{width: 10em; height: 10em;}
	.blog-detail-content .txt-group>table:nth-of-type(3) table td>div>div>div>figure{width: 5em !important; height: 5em !important;}
	.blog-detail-content .txt-group>table:nth-of-type(3) table td>div>div>h4{font-size: 1em;}
	.blog-detail-content .txt-group>table:nth-of-type(3) table td>div>div>p{font-size: 0.7em;}

	/* sub */
	.box-itv .ld-qt{height:15em}
	.btn-projectGroup{width:93%}
	.bg-lightGray{padding:5em 0}
}
@media screen and (max-width:1200px){
	/* header */
	.logo-ssos{width:17.875em}
	#header .con-wid #gnb > li > a{padding:0 .8em}
	#header #releaseCenter > ul > li{padding:0 1em}
	#header #releaseCenter > ul > li .depth a{font-size:1em}
	#header.pc-ver #releaseCenter .gnb-nav{display:block !important}

	/* main */
    .bg-area{padding-top: 9em;}
	.bg-area:before{height: 9em;}
	.bg-area .main-layer{width: 1400px;}
	.bg-area .obj1{width: 170px; height: 170px;}
	.bg-area .obj2{width: 170px; height: 171px;}
	.bg-area .obj3{width: 172px; height: 172px;}
	
	h1.tit-visual{font-size:4.9em;}
	h2.sub-tit{font-size: 3.5em;}
	.key-sub.contents .wrapper{width: 80%;}

	.more-sub .wrapper{width: 22em;}
	.more-sub i{width: 15em; height: 15em;}
	.more-sub h3.sub-tit{font-size: 2em;}
	.more-sub .more-btn{padding: 0.4em 1.5em;}
	.search-area .search-btn{padding: 1.5em; background-size: 50% 50%; margin-left: 1em;}

	.project-info{padding: 6em 0;}
	#main-contents .project-info h2{font-size:2.5em;}
	#main-contents .project-info h2.sub-tit + p{font-size: 1.1em;}
	.project-info .project-list li{width: 7.55em; height: 7.55em;}

	#main-contents.bg-gray .con-wid{padding:3.063em 7.063em}

	/* sub */
	h2.tit-subTc{font-size:3em}
	.slide-projectCard a{padding:3em 30px}
	.slide-projectCard .ico-project{margin-bottom:1.1em}
	.slide-projectCard .ico-project img{max-height:2.5em}
	.list-blueBtn{width:100%;font-size:15px}
	.btn-projectGroup{width:90%}

	.tle-subsArea{padding-right:0}
	.tle-subsArea h2{font-size:2.9em}
	.box-listWrap ul > li{padding:2.5em 3em 2.5em}
	.box-listWrap .box-con{padding-left:8em}
	.box-listWrap .box-con h3{font-size:2em}
	.box-listWrap .box-con p,.tle-subsArea p{line-height:1.7}

	.blog-listWrap .blog-list > li .thumb-subs strong{font-size:1.5em;}
	.blog-listWrap .blog-list > li .thumb-subs .subs-detail{height:4.5em;font-size:1.1em;line-height:1.5}

	.box-itv .ld-qt{height:11em}

	.tab-blogArea{padding:0 1em}
	.tab-blogArea > .tab-blog > div a{font-size:1.3em}
	.tab-blogArea > .tab-blog .tab-item a{padding:.8em;font-size:1.4em}
	.commu-blog .search-box{top:.55em;right:1em}
	.ico-community{font-size:14px}
	.tbl-subs{width:100%}

	.box-itv{padding:3em 2em}
	.box-itv .ld-qt{margin-top:1em;font-size:1.4em}

	.project-info{padding-bottom:2em}

	.box-colorValue > div .box-color .txt-value{font-size:1.3em}
	.box-colorValue .ico-valCir{width:15em;margin:-7.500em 0 0 -7.500em}

	.box-colorValue > div:nth-child(odd) .box-color{padding-right:4.5em}
	.box-colorValue > div:nth-child(even) .box-color{padding-left:4.5em}

	.btn-projectGroup > .btn-project:first-child{padding-left:4px}
	.btn-projectGroup > .btn-project.last{width:100%;margin-top:2em}
	.btn-projectGroup > .btn-project.last a{display:inline-block;padding:1em 3em;border:none}
	.btn-projectGroup > .btn-project.last a img{display:inline-block;height:1em;vertical-align:baseline}
	.btn-projectGroup > .btn-project.last a span{margin:0 0 0 1em}
	.error span{font-size:10em}

	.box-listWrap.onlySubs .box-con h3 img[alt^='SOS']{height:1.25em}
	.bg-lightGray{padding:4em 0}
}
@media screen and (max-width:1024px){
	/* header */
	#header{height:auto}
	#header .con-wid{padding:0}
	#header .con-wid .logo-ssos{margin-left:15px}
	#header .con-wid #gnb{float:none;width:100%;border-top:1px solid #e0e0e0;line-height:4em}
	#header .con-wid #gnb:after{content:"";display:block;clear:both}
	#header.pc-ver #releaseCenter .gnb-nav{display:block}
	#header .con-wid #gnb > li{width:16.5%;text-align:center}
	#header .con-wid #gnb > li:nth-child(5){width:19%}
	#header .con-wid #gnb > li:nth-child(6){width:15%}
	#header .con-wid #gnb > li > a{padding:0}
	#header #releaseCenter > ul{margin-top:1em}
	#header #releaseCenter > ul > li{width:auto;text-align:left}
	#header #releaseCenter > ul > li:nth-child(2),
	#header #releaseCenter > ul > li:nth-child(3){width:20%}
	#header #releaseCenter > ul > li:nth-child(5){width:25%}

	/* main */
    .popupzone{position:fixed;z-index:9999;top:0;left:0;width: 100vw;height: 100vh;}
	.popupzone .popup-bg{display: block;}
	.popupzone .pop-wrap{position: fixed;top:50%;left:50%;width:90%;transform:translate(-50%,-50%);}
	.popupzone .pop-wrap-bg{width:65%;height: 50%;top: -1em; right: -1em;}
	.popupzone .content .date{margin: 0.8em 0;}
	.popupzone .content p:last-of-type .fw_bold{padding-bottom: 3em;}
	.popupzone .check{margin-top: 2em;}

    .bg-area{padding-top: 13em;}
	.bg-area:before{height: 13em;}
	.bg-area .main-layer{width: 1100px;}
	.bg-area .obj1{width: 135px; height: 135px;}
	.bg-area .obj2{width: 135px; height: 135px;}
	.bg-area .obj3{width: 136px; height: 136px;}
	#main-visualArea .con-wid .main-visualCon{vertical-align: top;}
	h1.tit-visual{font-size:3.8em;}
	#main-visualArea h2{font-size:1.5em;}
	#main-visualArea .search-radius{margin-top: 2.4em;}

    .key-sub.icons .key-area{width: 20em; height: 26.5em;}
	.key-sub.icons .key-area .key-obj{width: 7em; height: 7em;}
	.key-sub.icons .key-area .key-objs .k1{width: 3.5em; height: 5.2em;}
	.key-sub.icons .key-area .key-objs .k2{width: 2.2em; height: 3.8em;}
	.key-sub.icons .key-area .key-objs .k3{width: 4.2em; height: 6em;}
	.key-sub.icons .key-area .key-objs .k4{width: 3em; height: 4em;}

	#main-contents .innovation h2{font-size: 2.975em;}
	#main-contents .innovation h2 + p{width: 85%; margin: 1em auto 0;}
	.inno-list{gap: 1.6em; margin-top:4em; padding: 0 1em;}
	.inno-list li{padding: 5em 0;}
	.inno-list li i{width: 7em; height: 7em; margin-bottom: 1.5em;}
	.inno-list li h3.sub-tit{font-size: 1.9em;}
	.inno-list li p{font-size: 1.025em;}

	#main-contents .leaders h2.sub-tit{font-size: 2.975em;}
	.leaders-indicator .btn-all{padding: 1.3em; background-size: 50% 35%;}
	.leaders-indicator .prev-btn{left: 4%;}
	.leaders-indicator .next-btn{right: 4%;}

	.project-info .project-list li{width: 6.28em; height: 6.28em;}

	/* sub - common */
	#main-contents.con-wid{min-height:calc(100vh - 26.45em)}
	#main-contents>.con-wid{min-height:calc(100vh - 26.45em)}
    .con-wid-sub h2.sub-tit, h2.con-wid-sub.sub-tit{font-size: 2.9em;}
	.tab-area{padding: 1.2em 0;}
	.tab-area>ul>.tab-item{width: 9em; padding: 0.5em 0 0.45em;}
	.tab-area>ul>.tab-item>a{font-size: 1.1em;}
	.txt-intro{font-size: 1.2em;}

    /* sub - about */
	h3.caption-tit{font-size:1.4em;}
	h3.caption-tit + span{margin-top: 0.6em;font-size:0.9em;}
	.txt-group h3.sub-tit{font-size: 1.5em;}
	
	/* sub - community */
	#community-wrap h3{font-size: 1.2em;}
	#community-wrap h3 + p{font-size: 1em;}
	.programs-list>li{width: 48%; margin-top: 2.2em;}
	.programs-list>li:nth-child(1), .programs-list>li:nth-child(2){margin-top: 0;}
	.programs-list>li .icon-wrap{height: 14em;}
	.programs-list>li .icon-wrap>.ico-circle{width: 10em; height: 10em;}

	/* sub - community - SOSCON */
	#soscon-wrap h3{font-size: 1.5em; margin-bottom: 0.3em;}
	.soscon-con1 .main-banner h2{font-size: 1.3em;}
	.soscon-con1 .icon-wrap ul{width: 340px;}
	.soscon-con1 .icon-wrap li i{height: 4.8em;}
	.soscon-con1 .icon-wrap li strong{font-size: 1.025em;}
	.soscon-con1 .txt-group p{letter-spacing: 0.15px; font-size: 0.9em;}
	.soscon-con1 .soscon-global-wrap .inner h4{font-size: 1em;}
	#soscon-wrap .soscon-con2 .inner .timeline-card strong{margin-top: .3em; font-size: 0.9em;}

	/* sub - blog */
	#blog-wrap h3{font-size: 1.1em; line-height:1.2em;}
	#blog-wrap h3 + span{font-size: 0.8em;}
	.blog-list-wrap{width: 732px;}
	.blog-list-wrap>.txt-wrap{display: block;}
	.blog-list-wrap>.txt-wrap>.txt-result{margin-top: 2em; margin-bottom: 0.8em;}
	.blog-list{gap: 2%;}
	.blog-list>li{width: 32%; height: 20.75em;}
	.blog-content{padding: 0.9em 1em 1.15em;}
	.blog-content .blog-info{font-size: 0.75em;}
	

	.pagination .btn-all{padding: 1.1em;}
	
	h2.tit-blog{font-size:1.6em}

	.blog-detail-content .txt-group>table:nth-of-type(3) table td{gap: 2em;}
	.blog-detail-content .txt-group>table:nth-of-type(3) table td>div>div{width: 13em; height: 13em;}
	.blog-detail-content .txt-group>table:nth-of-type(3) table td>div>div>div>figure{width: 7em !important; height: 7em !important;}
	.blog-detail-content .txt-group>table:nth-of-type(3) table td>div>div>p{font-size: 0.8em;}
	#blog-detail-wrap .button-group>a{padding: 0.6em 3em;}

	/*  */
	#main-contents.bg-gray .con-wid{padding:2em 5em}

	h2.tit-subTc{font-size:2.5em}

	.slide-projectCard .slick-slide{padding: 0 5px}
	.slide-projectCard .slick-list{padding: 0 -5px}
	.slide-projectCard a{padding:2em 20px}
	.slide-projectCard strong{font-size:1.5em;margin-bottom:.8em}

	.list-blueBtn .have-toolTip.on + .list-blueBtn-toolTip{display:block}
	
	.list-blueBtn > li{width:50%}
	.list-blueBtn > li:nth-child(4),
	.list-blueBtn > li:nth-child(5){padding-top:1em}
	.list-blueBtn > li:nth-child(4){padding-left:0}
	.list-blueBtn .have-toolTip.on a{border-bottom:1px solid #a1b3f3}
	.list-blueBtn .list-blueBtn-toolTip{position:relative;top:0;width:100%;margin:1em 0 0 0;padding-left:0}
	.list-blueBtn .list-blueBtn-toolTip ul{overflow:hidden;border-top:1px solid #a1b3f3;border-radius:4px}
	.list-blueBtn .list-blueBtn-toolTip ul > li{float:left;width:50.5%;font-size:1.125em;text-align:center}
	.list-blueBtn .list-blueBtn-toolTip ul > li:nth-child(even){width:49.5%;border-left:1px solid #a1b3f3}
	.list-blueBtn .list-blueBtn-toolTip ul > li:first-child{margin:0;padding:0;border-top:none}

	.list-category{width:100%}
	.list-category li{width:50%}
	.list-category li:nth-child(2n+1){padding-left:0}
	.list-category li a{padding:.8em 0}

	.tle-subsArea h2 em{display:inline-block}
	
	.tab-contents.con-wid{margin-top:3em}
	.tle-subsArea{float:none;width:100%;max-width:100%}
	.tle-subsArea h2{font-size:2.3em}
	.box-listWrap{float:none;width:100%;margin-top:0}
	.box-listWrap ul > li{padding:2.2em}

	.modal{top:15px;right:15px;left:15px;bottom:15px}
	.modal-dialog{width:100%;margin:0}

	.tabCon4 .tle-subsArea{display:none}
	.commu-blog .search-box{top:.5em}
	.tab-blogArea.select-tab{margin-top:1.5em}
	
	.box-colorValue .ico-valCir{width:11em;margin:-5.500em 0 0 -5.500em}
	.box-colorValue > div .box-color .txt-value{font-size:1.2em}

	.box-colorValue > div .box-color{padding:2em 1.3em}
	.box-colorValue > div:nth-child(odd) .box-color{padding-right:1.5em}
	.box-colorValue > div:nth-child(even) .box-color{padding-left:1.5em}

	#uploadClassfication > div{width:50%}
	#uploadClassfication .tbl-form{width:100%}
	.tbl-form .tbl-formTd{min-width:auto}

	h2.tit-subTc + p{padding:0 1em}
	h1.tit.addSubs + p{font-size:1.2em}

	h1.tit-news{font-size:2.2em}

	.box-itv .ld-qt{font-size:1.3em}

	.con-wid.pd-basic{padding:1em 3em}

	.btn-projectGroup{margin:5em auto 0;font-size:14px}
	.btn-projectGroup .btn-project a{height:160px}

	.blog-listWrap.full-width .blog-list > li .thumb-subs{width:75%;padding-left:4%}
	.bg-lightGray{padding:3em 1em}
	.ico-txtList > li i{max-width:140px}
	.ico-txtList > li p span{display:inline}

	.sodc-visual .slick-slide .visual-txt{padding:0 5.5em}
}
@media screen and (max-width:860px){
	/* common */
	body{font-size:15px}
	h1.tit{font-size:2.9em}
	h2.tit-subTc{font-size:2.3em}

	/* main */
    .bg-area{padding-top: 11em;}
	.bg-area:before{height: 11em;}
	.bg-area .main-layer{width: 1000px;}
	.bg-area .obj1{width: 125px; height: 125px;}
	.bg-area .obj2{width: 125px; height: 125px;}
	.bg-area .obj3{width: 125px; height: 125px;}

	#main-contents .key-value h2.sub-tit{font-size:2.7em;}
	#main-contents .key-value h3.sub-tit{font-size:2.1em;}
	#main-contents .key-value h3.sub-tit + p{font-size:1em;}

	.project-info .project-list li{width: 5.94em; height: 5.94em;}

	/* sub */
	.map-residence .m-ver{display:block}
	.map-residence .pc-ver{display:none}
	#inquiryForm .tbl-detail th{width:28%}
	#inquiryForm .tbl-detail td{width:72%}
	#inquiryForm .tbl-detail .btn-basic + strong.txt-pointColor{display:block;margin:.5em 0 0 0}

	.box-colorValue .ico-valCir{width:11.250em;margin:-5.625em 0 0 -5.625em}
	.box-colorValue > div .box-color .txt-value{font-size:1.2em}

	#uploadClassfication > div{float:none;width:100%;max-width:100%}
	#uploadClassfication > div:nth-child(1){padding:0}
	#uploadClassfication > div:nth-child(2){margin-top:1.5em;padding:0}

	.error span{font-size:8em}
	.error strong{font-size:2em}

	.ico-txtList{max-width:100%}
	.ico-txtList > li{display:block;margin-top:6em}
	.ico-txtList > li:first-child{margin-top:0}
	.ico-txtList > li p span{display:block}
}
@media screen and (max-width:768px){
	/* common */
	p{font-size:1.15em;}
	.con-wid{padding:0}
	.con-ptb{padding: 40px 0 70px;}
	h1.tit{margin-bottom:.5em;font-size:2.3em}

	/* header */
	.logo-ssos span{font-size:1.8em}
	#header{z-index:1050}
	#header .con-wid{padding:0 15px}
	#header .con-wid .logo-ssos{margin-left:0}
	#header .con-wid #m-menu{display:block}

	/* footer */
	#footer{padding:1.5em 1em}
	#footer #btn-top{top:.1em;right:0}
	#footer .logo-ssos{width:9em; font-size:.75em;}
	#footer .site-link{margin-top:.6em; float:none;}
	#footer .site-link .site-view{float:none; margin-top:1em;display:block;width:auto;}
	#footer .site-link .site-view .site-viewTit:before{top:.5em}
	#footer .site-link .site-view .site-viewTit:after{top:.5em}
	#footer .site-link > ul{display:block}
	#footer .site-link a{font-size:.9em}

	/* main */
	.popupzone .pop-wrap{padding: 5em 0;}

    h1.tit-visual{font-size: 3.2em;}
	#main-visualArea h2{font-size:1.35em; font-weight: 600; line-height: 1.6em; margin-top: 1.15em;}
	#main-visualArea .main-visualCon h2 .br{display: block;}
	.bg-area{padding-top: 17em;}
	.bg-area:before{height: 17em;}
	.bg-area .main-layer{width: 900px;}
	.bg-area .main-layer .stairs{right: 10.2%; bottom: 4.2%;}
	.bg-area .main-layer .above-layer{width:10.3338%;}
	.bg-area .main-obj{right: 2%; bottom: 34%;}
	.bg-area .obj1{width: 116px; height: 116px;}
	.bg-area .obj2{width: 116px; height: 116px;}
	.bg-area .obj3{width: 116px; height: 116px;}
	#main-visualArea .con-wid{transform: none; top: 5em; left: 0;}
	
	.search-radius{width:18.2em;padding:.2em 1em;border-radius:21px;}
	.search-radius .btn-search.white{width:2.5em;}
	.search-radius input[type='text']{width:calc(100% - 2em);height:34px;font-size:.95em;}
	.search-radius input::-webkit-input-placeholder{font-size:.95em;}
	.search-radius input:-ms-input-placeholder{font-size:.95em;}
	.search-radius input::-ms-input-placeholder{font-size:.95em;}
	.search-radius input::placeholder{font-size:.95em;}
	#main-visualArea .search-radius{margin-top: 1.05em;}

	h3.sub-tit{font-size:2.4em;}
	#main-contents .key-value h3.sub-tit + p{font-size:1.125em;}

	.key-value{ display: block;}
	.key-value h2 .br:nth-of-type(2){display: inline;}
	.key-sub{ width: 100%;}
	.key-sub.icons .key-sub-list{height: auto; padding: 5em 0;}
	.key-sub.icons .key-area{ width: 20em; height: 24em;}
	.key-sub.icons .key-area .key-obj{width: 6em; height: 6em;}
	.key-sub.contents{margin: 4em 0;}
	.key-sub.contents .content-bot{margin-top: 3em;}
	.key-indicator .btn-all{padding: 1.2em; background-size: 48% 29%;}
	
	.innovation{padding: 6em 0;}
	#main-contents .innovation h2{font-size: 2.2em;}
	#main-contents .innovation h2.sub-tit + p{font-size: 1.1em;}
	.inno-list{display: block; padding: 0; margin-top: 0;}
	.inno-list li{max-width: 300px; width: 80%; margin: 4em auto 0;}
	.inno-list li i{width: 8em; height: 8em;}

	#main-contents .leaders h2.sub-tit{font-size: 2.5em;}
	.leaders-bg{width: 52vw; height: 34vw;}
	.leaders-list{width: 70%;}
	.leaders-indicator .prev-btn{left: 6%;}
	.leaders-indicator .next-btn{right: 6%;}
	
	.more-contents{display: block;}
	.more-sub{width: 100%;}
	.more-sub .wrapper{width: 90%; max-width: 430px; margin: 0 auto; padding: 3em 0 4em;}
	.more-sub i{width: 13em; height: 13em;}

	.project-info .con-wid{display: block;}
	.project-info .project-list li{width: 25vw; height: 25vw;}
	.project-info .br{display: inline;}
	.project-info .content-left .more-btn{margin: 2em 0 3.5em;}
	.project-info .more-btn{padding: 0.4em 1.5em; font-size: 1.125em;}

	/* sub - common */
	#main-contents.con-wid{min-height: calc(100vh - 24.95em); margin:50px auto 80px;}
	#main-contents>.con-wid{min-height: calc(100vh - 24.95em); margin:50px auto 80px;}
    .con-wid-sub h2.sub-tit, h2.con-wid-sub.sub-tit{font-size: 2.3em;}
	.con-area{margin-top: 2em;}
	.txt-intro{font-size: 1.2em; line-height: 1.3em;}

    /* sub - about */
	.map-area{max-width: 515px; width: 100%; float: none; margin: 0 auto;}
	h3.caption-tit{font-size:1.8em;}
	h3.caption-tit + span{margin-top: 0.6em; font-size: 1.2em;}
	.txt-group{margin-top: 2em;}
	.txt-group h3.sub-tit{font-size: 1.7em;}
	.txt-group h3.sub-tit + p{margin-top: 1.4em;}
	.txt-group h3.sub-tit ~ p{margin-bottom: 1.2em; line-height: 1.5em;}

	/* sub - community */
	#community-wrap h3{font-size: 1.325em;}
	#community-wrap h3 + p{font-size: 1.075em; word-spacing: 0; letter-spacing: -1px;}
	.programs-list{display: block;}
	.programs-list>li{width: 100%;}
	.programs-list>li:nth-child(2){margin-top: 2.2em;}
	.programs-list>li .icon-wrap{height: 20em;}
	.programs-list>li .icon-wrap>.ico-circle{width: 16em; height: 16em;}
	.program-content{width: 90%; margin: 1.7em auto 2.2em;}

	.partnership-list>li>a, .affiliations-list>li>a{padding: 1.3em;}
	.partnership-list>li .ico-square, .affiliations-list>li .ico-square{width: 7em; height: 7em;}
	.partnership-content, .affiliations-content{width: calc(100% - 9em); margin-top: 0;}

	/* sub - community - SOSCON */
	#soscon-wrap{display: block;}
	#soscon-wrap>div{width: 100%;}
	.soscon-con1{display: block;}
	.soscon-con1 .main-banner{margin-bottom: 2em;}
	.soscon-con1 .main-banner h2{font-size: 1.5em;}
	.soscon-con1 .icon-wrap{margin-bottom: 1em;}
	.soscon-con1 .icon-wrap ul{width: 100%; margin: 0; justify-content: space-between; gap: 0;}
	.soscon-con1 .icon-wrap li{width: 26%;}
	.soscon-con1 .icon-wrap li i{height: 8em;}
	.soscon-con1 .icon-wrap li strong{font-size: 1.25em;}
	.soscon-con1 .txt-group{margin-bottom: 3em;}
	.soscon-con1 .txt-group p{font-size: 1.025em;}
	.soscon-con1 .soscon-global-wrap{margin-bottom: 3em;}
	.soscon-con2 .inner .timeline-card{width: 40%;}
	.soscon-con2 .inner .timeline-item:nth-child(odd) .timeline-card{left: 5%;}
	#soscon-wrap .soscon-con2 .inner .timeline-card strong{font-size: 1.25em;}

	/* sub - blog */
	#blog-wrap h3{font-size: 1.025em;}
	#blog-wrap h3 + span{font-size: 0.9em;}
	#main-contents.blog>.title-wrap .search-area{width: 160px;}
	#main-contents.blog>.title-wrap .search-area .search-btn{right: 2%; margin-top: 3px; background-size: 60% 60%;}
	.blog-list-wrap{width: 456px;}
	.blog-list-wrap .txt-intro span.br{display: block;}
	.blog-list-wrap .txt-result{font-size: 1.05em;}
	.blog-list{gap: 4%;}
	.blog-list>li{width: 48%; height: 18.25em; margin-bottom: 1em;}
	.blog-content{padding: 0.8em 0.9em 0.8em;}
	.blog-content .blog-info{font-size: 0.8em;}

	h2.tit-blog{font-size:1.5em}
	.blog-detail-content .txt-group{padding: 0em 4.2% 4em; font-size: 1em;}
	.blog-detail-content .txt-group h2{font-size: 1.325em;}
	.blog-detail-content .txt-group h3{font-size: 1.325em;}
	.blog-detail-content .txt-group h3:before{top: -3px;}
	.blog-detail-content .txt-group>table:nth-of-type(3) table td>div>div{width: 10em; height: 11em;}
	.blog-detail-content .txt-group>table:nth-of-type(3) table td>div>div>div>figure{width: 5em !important; height: 5em !important;}
	.blog-detail-content .txt-group figure{width: 100% !important;}

	#blog-detail-wrap .button-group>a{padding: 0.5em 2.7em; font-size: 1.2em;}


	/* sub - privacy */
	.tbl-privacy{width: 100%;}
	.tbl-notice{width: 100%;}
	.tbl-grid1{grid-template-columns: repeat(2, 1fr);}
	.tbl-grid1 .th{grid-area: 1 / 1 / 2 / 3;}
	.tbl-grid1 .td:nth-child(3n+1){border-right: 1px solid #e6e6e6;}
	.tbl-grid1 .td:nth-child(2n+1){border-right: 0;}
	.tbl-grid1 .td1{grid-area: 2 / 1 / 3 / 2;}
	.tbl-grid1 .td2{grid-area: 2 / 2 / 3 / 3;}
	.tbl-grid1 .td3{grid-area: 3 / 1 / 4 / 2;}
	.tbl-grid1 .td4{grid-area: 3 / 2 / 4 / 3;}
	.tbl-grid1 .td5{grid-area: 4 / 1 / 5 / 2;}
	.tbl-grid1 .td6{grid-area: 4 / 2 / 5 / 3;}
	.tbl-grid2{grid-template-columns: repeat(2, 1fr);}
	.tbl-grid2 .th1{grid-area: 1 / 1 / 2 / 2;}
	.tbl-grid2 .th2{grid-area: 1 / 2 / 2 / 3;}
	.tbl-grid2 .th3{grid-area: 3 / 1 / 4 / 2;}
	.tbl-grid2 .th4{grid-area: 3 / 2 / 4 / 3;}
	.tbl-grid2 .th5{grid-area: 5 / 1 / 6 / 3;}
	.tbl-grid2 .td1{grid-area: 2 / 1 / 3 / 2;}
	.tbl-grid2 .td2{grid-area: 2 / 2 / 3 / 3;}
	.tbl-grid2 .td3{grid-area: 4 / 1 / 5 / 2;}
	.tbl-grid2 .td4{grid-area: 4 / 2 / 5 / 3;}
	.tbl-grid2 .td5{grid-area: 6 / 1 / 7 / 3;}
	.tab-contents h3.tit-list div{display: block; margin-top: 0.3em;}

	/* sub - inquiry - terms and comditions */
	.box-ppAgree .tbl-grid.tbl-kor{grid-template-columns: 1fr;}	
	.box-ppAgree .tbl-grid.tbl-kor .th1 { grid-area: 1 / 1 / 2 / 2; }
	.box-ppAgree .tbl-grid.tbl-kor .th2 { grid-area: 3 / 1 / 4 / 2; }
	.box-ppAgree .tbl-grid.tbl-kor .th3 { grid-area: 5 / 1 / 6 / 2; }
	.box-ppAgree .tbl-grid.tbl-kor .td1 { grid-area: 2 / 1 / 3 / 2; }
	.box-ppAgree .tbl-grid.tbl-kor .td2 { grid-area: 4 / 1 / 5 / 2; }
	.box-ppAgree .tbl-grid.tbl-kor .td3 { grid-area: 6 / 1 / 7 / 2; }

	/*  */
	.list-blueBtn .have-toolTip.on + .list-blueBtn-toolTip{display:block}
	.list-blueBtn .have-toolTip:not(.on) + .list-blueBtn-toolTip{display:none}
	
	input[type=text],input[type=password],input[type=file],input[type=email],input[type=number],input[type=search],textarea{padding:.5em;font-size:.98em}

	#main-contents.bg-gray{padding:2em 1em}
	#main-contents.bg-gray .con-wid{padding:2em}
	.scroll-area p{font-size:1em}
	.btnsz-big{max-width:100%}

	h2.tit-basicSub{font-size:1.8em;font-weight:500}

	.leader-slider .slick-arrow{display:block !important;padding:1.9em .9em}
	.leader-slider .slick-arrow.slick-next{right:0;background:rgba(0,0,0,.5) url('../images/icon/ico-arrowR-white.png') no-repeat 50% 50%}
	.leader-slider .slick-arrow.slick-prev{left:0;background:rgba(0,0,0,.5) url('../images/icon/ico-arrowL-white.png') no-repeat 50% 50%}

	.checkbox{width:20px;height:20px;margin-right:5px;vertical-align:-2px}
	.checkbox input[type=checkbox]{width:20px;height:20px}
	.checkbox i{background-size:46px}
	.checkbox input[type=checkbox]:checked + i{background-position-x:-27px}
	select{background-size:1.2em}

	.search-box .btnsz-basic{height:2.4em;line-height:2.4em}

	.btnsz-basic{height:3em;padding:0 1.5em;line-height:3em}
	h2.tit-sub{margin-top:2em}
	h2.tit-subTc span{display:block}
	h1.tit-news{font-size:1.8em}
	strong.txt-blue{font-size:1.4em}
	.bdL-con h2{font-size:2.1em}
	.con-wrap{padding:0 15px}
	.con-wrap.con-wide{padding:0}
	.tbl-top{margin-bottom:5px}
	.tbl-top .search-box{float:none;width:100%}
	.txt-result{position:relative;top:0;margin:20px 0}

	.search-box{padding:.7em 15px;background:#f7f7f7;text-align:center}
	.search-box input[type='text']{width:calc(100vw - 37vw);border-bottom-color:#666;background:#f7f7f7}

	.tbl-downList{margin-top:20px}
	.tbl-downList:first-child,.page-modal .tbl-downList{margin-top:0}
	.tbl-downList th,.tbl-downList td{padding:15px 5px;font-size:.9em}

	.pc-column{display:none}
	.m-column ul li a{margin-left:.4em}
	.m-column ul li a + a{margin-left:.1em}
	
	.p-group strong.tit-strong{font-size:1.5em;margin-top:.5em}
	.p-group + .bdL-con{margin-top:3em}
	.bdL-con{padding-left:2.8em;border-left:none}
	.bdL-con + p{margin-top:3em}

	.list-value .box-value{min-height:auto;margin:0 auto;padding:1.5em 0 3em}
	
	.slide-projectCard{padding:1em 0;background:#f2f2f2;box-sizing:border-box}
	.slide-projectCard .slick-slide{padding:0 3px}
	.slide-projectCard .slick-list{padding:0 -3px}
	.slide-projectCard a{padding:1em 20px;border:none}
	.slide-projectCard .project-subs + span{font-size:.9em}
	.slide-projectCard .slick-list{padding:0 5%}
	.slide-projectCard .ico-project{float:right;margin-bottom:.5em}
	.slide-projectCard .ico-project img{max-height:2.3em}
	.slide-projectCard strong{font-size:1.3em}

	.list-pt{margin-top:2em}
	.list-pt > li{padding:1.5em 2em}
	.list-pt > li{margin-top:1em;border-radius:4px;border:1px solid #d0d0d0}
	.list-pt > li:first-child{border-top-color:#d0d0d0;margin-top:0}
	.list-pt .pt-bottom{margin-top:.7em;overflow:hidden;max-height:4.7em;text-overflow:inherit;line-height:1.6;white-space:inherit}
	.list-pt .pt-bottom:before{content:"...";position:absolute;right:0;bottom:0;font-size:1.2em}
	.list-pt .pt-bottom:after{content:'';position:absolute;right:0;width:1.2em;height:4.7em;margin-top:0.2em;background-color:#fff}

	.list-blueBtn{font-size:14px}
	.list-category li a{padding:.7em 0}

	.commu-blog .search-box{position:relative;top:0em;left:0;right:0}

	#InquiryCategory,#additionalSite,#searchModel,#inquiryForm{margin-top:4em}
	#additionalSite table th:nth-child(1),table .site-info > div:nth-child(1){width:30%}
	#additionalSite table th:nth-child(2),table .site-info > div:nth-child(2){width:60%}

	.modal-open{padding-right:0 !important}
	.page-modal.modal{top:5em;left:0;right:0;bottom:0}
	.page-modal .modal-dialog{margin:0}
	.page-modal .modal-content{overflow-y:auto;height:calc(100vh - 5em);padding:50px 15px;box-shadow:none;border:none;border-radius:0}
	.page-modal .tbl-bottom .btnsz-basic{width:100%}

	.modal-backdrop.in{opacity:0}	
	
	.select-custom li:nth-child(odd){padding-left:0}
	.select-custom li a{background:#fff}
	.select-custom li.on a{border-color:#1541e2}
	
	.select-custom li{width:50%}
	.select-custom li a{padding:1em 0.750em;min-height:5em}
	.bottom-btnArea{display:table;width:100%}
	.bottom-btnArea > span{display:table-cell;max-width:0px}
	.bottom-btnArea > span:nth-child(odd){padding-right:.2em}
	.bottom-btnArea > span:nth-child(even){padding-left:.2em}
	.bottom-btnArea > span button{display:block;width:100%}

	.search-result + .con-wrap{margin-top:2em}

	.no-results{font-size:14px;max-width:100%}
	.no-results .ico-docuNotice{margin:0 0 1em 0}
	.no-results .ico-docuNotice,.no-results > div{float:none}

	.lnb-tab{display:table;width:100%;margin-top:4em}
	.lnb-tab > li{float:none;display:table-cell}
	.lnb-tab > li a{font-size:1.2em;padding:.5em .2em}
	.ico-community{font-size:12px}
	.tab-contents.con-wid{margin-top:1em}
	.tle-subsArea{padding:2em 1em;background-color:#f7f7f7}
	.tle-subsArea h2{font-size:1.8em}
	.box-listWrap ul > li{padding:2.2em 1em}
	.box-listWrap .box-con h3{margin-bottom:.5em;font-size:1.5em}
	.box-listWrap .box-con{padding-left:7.5em}
	.box-listWrap .box-con h3{padding-right:0}
	.box-listWrap .box-con a{position:relative;top:0;margin-top:1.2em}
	.box-listWrap .box-con p, .tle-subsArea p{line-height:1.6}
	.box-listWrap .box-con p{min-height:5em}
	.blog-listWrap .blog-list > li{padding:1.5em 0}

	h2.tit-subTc + p{font-size:1.2em}
	h1.tit.addSubs + p{padding:0 1em;font-size:1.1em}

	.tit-basicSub{font-size:2.2em}
	.txt-kor h1{line-height:1.5}

	.top-wrap{margin-bottom:2em}
	.top-wrap h1.tit{display:block}
	.top-wrap a{margin-left:0}

	.tab-blogArea{padding:0}
	.btn-viewMore{float:none;display:block;margin-top:1em;padding:.75em 0;background:#666;color:#fff !important;text-align:center;text-decoration:none !important}
	.blog-listWrap .txt-result{left:0;margin:0;padding:0}
	.commu-blog .search-box input[type='text']{width:70%;font-size:1.1em}

	.tbl-subs{margin:2em auto}
	.tbl-subs th, .tbl-subs td{padding:0;letter-spacing:0}
	.tbl-subs .tbl-subsTh{clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
	.tbl-subs tr{border-top:1px solid #b5b5b5;border-bottom:1px solid #b5b5b5;display:block;margin-bottom:2em}
  .tbl-subs td{display:block;border-bottom: 1px solid #ddd;padding-bottom:.5em}
  .tbl-subs td::before{content:attr(data-label);display:block;background:#f2f2f2;margin-bottom:.5em;padding:.5em;font-weight:bold}
  .tbl-subs td:last-child{border-bottom:0}
	
	#main-visualArea .logo-white > span:nth-child(1){width:54%}
	#main-visualArea .logo-white > span:nth-child(2){width:63.42%}

  h2.tit-subTc{font-size:2.3em}
  h3.tit-subTc{font-size:2em}

  .list-value .box-value{padding:.5em 1em 2em}

	.box-colorValue > div .box-color .txt-value{min-height:auto;margin-top:1em}
	.box-colorValue > div .box-color .txt-value span{display:block}
	.box-colorValue > div .box-color strong{font-size:1.2em}
	.box-colorValue{padding:0 1em}
  .box-colorValue .ico-valCir{display:none}
  .box-colorValue > div{float:none;width:100%;margin-top:1em}
  .box-colorValue > div:first-child{margin-top:0}
	.box-colorValue > div:nth-child(odd){padding:0}
  .box-colorValue > div:nth-child(even){padding:0;text-align:left}
	.box-colorValue > div:nth-child(odd) .box-color,
	.box-colorValue > div:nth-child(even) .box-color{padding:2em}

	.bottom-btnArea{padding:0 1em}

	.leader-interview{padding:4em 0}
	.box-itv{padding:2em}
	.box-itv .ld-qt{height:11em;font-size:1.2em}
	.box-itv .ld-thumbPhoto .thumbPhoto{width:4em;height:4em}

	.con-wid.pd-basic{padding:1em 1em}
	.sub-info{margin-top:1em}

	.sub-info > div{font-size:1em}

	.slide-count-wrap{display:block}
	.project-info{padding-top:5em}
	.btn-projectGroup{margin:4em auto 0}
	.btn-projectGroup > .btn-project a{padding:1.5em .5em}
	.btn-projectGroup > .btn-project.last a{border:1px solid #1743e4;border-radius:3em;padding:.8em 3em}
	.btn-projectGroup > .btn-project.last a img{display:none}
	.btn-projectGroup > .btn-project.last a span{margin:0;font-size:1.2em;color:#1743e4}
	.btn-projectGroup > .btn-project.last a:after{content:">";display:inline-block;width:.5em;height:1em;margin-left:5px;font-size:2em;font-weight:300;color:#1743e4;vertical-align:-5px;line-height:1}

	.list-value .box-value i{width:5em;height:5em}

	.img-con{margin-top:3em}
	.img-con h2{font-size:1.5em}
	.img-con h2 + span{margin-top:1em}
	.img-con h2 span{display:block;line-height:1.3}

	.btn-projectGroup{width:85%;font-size:13px}
	.btn-projectGroup .slick-arrow{font-size:13px}
	.btn-projectGroup .btn-project a{height:148px}

	.bg-lightGray.full-width:before,.bg-lightGray.full-width:after{display:none}
	h2.tit-sub.font-ss{font-size:1.8em}

	.ico-txtList{margin-top:5em}
	.ico-txtList > li{margin-top:4em}

	.sodc-visual .slick-slide{height:450px}
	.sodc-visual .slick-slide .visual-txt{padding:0 2em}
	.sodc-visual .slick-slide h1{font-size:2.4em}

	.error span{font-size:7em}
	.error strong{font-size:1.5em}
	.error p{font-size:1em}
}
@media screen and (max-width:480px){
	/* common */
	body{font-size:14px}
	select{background-size:1.1em}
	.con-ptb{padding: 55px 0 70px;}

	/* header */
	.logo-ssos{width:16em}
	.logo-ssos span{font-size:1.4em}

	/* footer */
	#footer .logo-ssos{width:9.5em}

	/* main */
    .popupzone{top:50%}
	.popupzone .pop-wrap{padding: 3em 0;}
	.popupzone .content{padding:0 1em; font-size:.9em;}
	.popupzone .check{padding: 0 1em;}
	.popupzone .title{font-size:1.3em}

	#main-visualArea h2{font-size:1.2em;line-height:1.5;}
	#main-visualArea h2 span{display:block}

	.bg-area{padding-top: 22em;}
	.bg-area:before{height: 22em;}
	.bg-area .main-layer{width: 500px;}
	.bg-area .main-layer .above-layer{width:10.2638%;}
	.bg-area .obj1{width: 63px; height: 63px;}
	.bg-area .obj2{width: 63px; height: 63px;}
	.bg-area .obj3{width: 63px; height: 63px;}
	#main-visualArea .con-wid{transform: none; top: 4em; left: 0; padding: 0 2em;}
	.search-radius{width:75%;min-width:141px;}
	.search-radius .btn-search.white{width:2.6em;}
	.search-radius input[type='text']{height:36px;font-size:.95em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
	/* .search-radius input[type='text']{height:40px;font-size:.9em;line-height:40px}
	.search-radius .btn-search.white{width:3em;height:44px;background-size:43%} */

	.key-sub.icons .key-sub-list{padding: 4em 0;}
	.key-sub.icons .key-area{ width: 18em; height: 22em;}
	.key-sub.icons .key-area .key-obj{width: 5em; height: 5em;}
	.key-sub.icons .key-area .key-objs .k1{width: 3em; height: 5em;}
	.key-sub.icons .key-area .key-objs .k2{width: 2em; height: 3.5em;}
	.key-sub.icons .key-area .key-objs .k3{width: 3.9em; height: 5em;}
	.key-sub.icons .key-area .key-objs .k4{width: 2.5em; height: 3.5em;}

	.innovation .br{display: block;}

	#main-contents .leaders h2.sub-tit{font-size: 2.2em;}
	.leaders-bg{width: 68vw; height: 45vw;}
	.leaders-list{width: 85%;}
	.leaders-list .li .leaders-box{padding: 1.6em;}
	.leaders-list .li .profile_wrap{gap: 0.8em; margin-bottom: 1.1em; height: 2.8em;}
	.leaders-list .li .profile_wrap i{width: 2.8em; height: 2.8em;}
	.leaders-list .li .profile_wrap .info_wrap{width: calc(100% - 3.6em);}
	.leaders-list .li .profile_wrap .info_wrap h3{font-size: 1em; margin-bottom: 0.15em;}
	.leaders-list .li .profile_wrap .info_wrap span{font-size: 0.7em;}
	.leaders-list .li p{font-size: 0.9em; word-spacing: 0.3px; letter-spacing: 0.1px;}
	.leaders-list .slick-dots li{margin-left: 0.8em;}
	.leaders-indicator .btn-all{padding: 1.1em; background-size: 50% 35%;}
	.leaders-indicator .prev-btn{left: 4%;}
	.leaders-indicator .next-btn{right: 4%;}

	/* sub - common */
    .con-wid-sub h2.sub-tit, h2.con-wid-sub.sub-tit{font-size: 2em;}
	.con-area{margin-top: 1.5em;}
	.tab-area{padding: 1em 0;}
	.tab-area>ul>.tab-item{padding: 0.2em 0.8em 0.3em; margin-right: 0.5em;}
	.tab-area>ul>.tab-item>a{font-size: 0.8em; margin-top: 0.25em;}
	.txt-intro{font-size: 1.1em;}

    /* sub - about */
	/* .map-area{height: 262px;} */
	h3.caption-tit{font-size:1.5em;}
	h3.caption-tit + span{margin-top: 0.6em; font-size: 1em;}
	.txt-group{margin-top: 1.8em;}
	.txt-group h3.sub-tit{font-size: 1.4em;}
	.txt-group h3.sub-tit + p{margin-top: 1em;}
	.txt-group h3.sub-tit ~ p{margin-bottom: 1.2em; line-height: 1.3em;}

	/* sub - community */
	#community-wrap h3{font-size: 1.25em;}
	#community-wrap h3 + p{font-size: 1em;}
	.programs-list>li .icon-wrap{height: 16em;}
	.programs-list>li .icon-wrap>.ico-circle{width: 12em; height: 12em;}

	.partnership-list>li>a, .affiliations-list>li>a{gap: 1em;}
	.partnership-list>li .ico-square, .affiliations-list>li .ico-square{width: 5em; height: 5em;}
	.partnership-content, .affiliations-content{width: calc(100% - 6em);}

	/* sub - community - SOSCON */
	.soscon-con1 .main-banner h2{font-size: 1.2em;}
	.soscon-con1 .icon-wrap li i{height: 6.3em;}
	.soscon-con1 .icon-wrap li strong{font-size: 1.1em;}
	.soscon-con1 .txt-group p{font-size: 1em;}
	.soscon-con1 .soscon-global-wrap .inner h4{font-size: 0.9em;}
	#soscon-wrap .soscon-con2 .inner .timeline-card strong{font-size: 0.9em;}

	/* sub - blog */
	#blog-wrap h3{font-size: 0.9em; line-height: 1.1em;}
	#blog-wrap h3 + span{font-size: 0.7em;}
	.blog-list-wrap{width: 345px;}
	.blog-list-wrap .txt-result{font-size: 1em;}
	.blog-list>li{height: 14.25em;}
	.blog-content{padding: 0.5em;}
	.blog-content .blog-info{font-size: 0.68em;}

	.blog-detail-content .txt-group>table:nth-of-type(3) table td>div>div{width: 15em; height: 15em;}
	.blog-detail-content .txt-group>table:nth-of-type(3) table td>div>div>div>figure{width: 8em !important; height: 8em !important;}
	.blog-detail-content .txt-group>table:nth-of-type(3) table td>div>div>h4{font-size: 1.05em;}
	.blog-detail-content .txt-group>table:nth-of-type(3) table td>div>div>p{font-size: 0.9em;}

	/* sub - privacy */
	.tab-contents{word-break: break-word;}
	.tab-contents h2.tit{display: block; margin-bottom: 0.5em;}
	.tab-contents .btn-eu{margin-left: 0;}

	/*  */
	.bdL-con{padding-left:2em}
	.bdL-con h2{font-size:1.8em}
	.tit-basicSub{font-size:1.5em}
	
	.tbl-top{margin-bottom:2em;line-height:1.5em}
	.tbl-top .fL,.tbl-top .fR{float:none}

	h2.tit + .select-custom{margin-top:.8em}
	h1.tit.addSubs + p{margin-bottom:1em}
	.select-custom li{width:100%;padding:0.875em 0 0}
	.select-custom li a{min-height:inherit;font-size:1em}

	.slide-projectCard a{padding:1em 10px}
	.slide-projectCard strong{font-size:1.250em}
	.slide-projectCard .ico-project{margin-bottom:0}
	.slide-projectCard .ico-project img{max-height:1.6em}
	.slide-projectCard .project-subs{height:5.2em;font-size:1.1em;line-height:1.7}

	.list-pt > li{padding:1em 1.5em}
	.list-pt .pt-bottom{margin-top:.5em}
	.slide-projectCard .project-subs + span{margin-top:.9em}

	.list-blueBtn{font-size:12px}
	.list-blueBtn > li{padding-left:.4em}
	.list-blueBtn .list-blueBtn-toolTip{margin:0;padding-top:.4em}
	.list-blueBtn > li:nth-child(4), .list-blueBtn > li:nth-child(5),
	.list-category li{padding-top:.4em}

	.list-blueBtn > li a{font-weight:500}
	.list-blueBtn > li a > i{margin:1.2em 0 0 .5em;font-size:12px}
	.list-blueBtn > li a{padding:.5em}

	.list-category li{padding-left:.4em}
	.list-category li a{padding:.5em 0}

	.list-value .box-value{max-width:80%}
	.list-value li{float:none;width:auto}

	.box-ppAgree .scroll-area .bullet:before{top:0.650em}

	.lnb-tab{margin-top:2em}
	.lnb-tab > li a{font-size:1.15em;padding:0 .5em .5em;text-align:center}
	.tle-subsArea h2,
	h2.tit-sub.font-ss{font-size:1.3em}
	.ico-community{font-size:9px}
	.box-listWrap ul > li{padding:1.5em 1em}
	.box-listWrap .box-con{padding-left:5.5em}
	.box-listWrap .box-con h3{margin-bottom:.5em;font-size:1.4em}
	.box-listWrap .box-con p{font-size:1em}

	.box-colorValue > div .box-color .txt-value{font-size:1.1em;line-height:1.3}
	.box-colorValue > div .box-color a{font-size:1.1em}
	.box-colorValue > div:nth-child(odd) .box-color,
	.box-colorValue > div:nth-child(even) .box-color{padding:1.5em 2em}
	.box-colorValue > div .box-color .txt-value{margin-top:.5em}

	.commu-blog .search-box input[type='text']{width:85%}

	h2.tit-subTc{font-size:1.6em}
	h3.tit-subTc{font-size:1.3em}

	.box-itv{padding: 2.5em 1.5em}
	.box-itv .info-ldWrap .ld-info .ld-group{min-height:34px}
	.box-itv .ld-qt{height:11em}

	.no-results{font-size:12px;margin:5em auto 0 !important;padding:0 1em;}

	.p-group strong.tit-strong{font-size:1.3em}

	.blog-listWrap .blog-list > li .thumb-subs strong{font-size:1.3em;word-break:break-all}
	.blog-listWrap .blog-list > li .thumb-subs .subs-detail{font-size:1em}

	.sub-info{padding:1em 0}

	.top-util .fL{float:none}
	.top-util select.fL{max-width:100%;margin-bottom:.5em}

	.con-wid.pd-basic{padding:0}
	.con-wid.pd-basic .p-group p{font-size:1.1em}

	.error span{font-size:6em}

	.btn-projectGroup{margin:3em auto 0;font-size:12px}
	.btn-projectGroup.slick-arrow{font-size:11px}
	.btn-projectGroup .btn-project a{height:138px}
}
@media screen and (max-width:360px){
	/* main */
	.popupzone {font-size: 1.2em;}

	#main-contents .leaders h2.sub-tit{font-size: 1.8em;}
	.leaders-bg{width: 78vw; height: 52vw;}
	.leaders-list .li .leaders-box{padding: 1.2em;}
	.leaders-list .li p{text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 18; -webkit-box-orient: vertical;}

	.project-info .project-list li{width: 24vw; height: 24vw; padding: 1em;}

	/* sub - blog */
	#blog-wrap h3{font-size: 1.1em; line-height: 1.2em;}
	#blog-wrap h3 + span{font-size: 0.9em;}
	#main-contents.blog-tech>.title-wrap .search-area{width: 130px;}
	#main-contents.blog-tech>.title-wrap .search-area .search-btn{background-size: 50% 50%;}
	.blog-list-wrap{max-width: 235px; width: 95%;}
	.blog-list>li{width: 100%; height: 19.25em;}
	.blog-content{padding: 0.5em 0.8em;}
	.blog-content .blog-info{font-size: 0.85em;}
	.blog-detail-content .txt-group>table:nth-of-type(3) table td>div>div{width: 13em; height: 13em;}
	.blog-detail-content .txt-group>table:nth-of-type(3) table td>div>div>div>figure{width: 7em !important; height: 7em !important;}
	#blog-detail-wrap .button-group>a{padding: 0.3em 1.8em; font-size: 1.125em;}

	/* sub - privacy */
	.top-util .date-select{width: 100%;margin-bottom: 0.5em;}
}



/***Companions 지원 팝업***/
@media screen and (max-width:1024px){
	.ad-top{height:30.15em}
	.ad-top .ad-con{padding:0 3em}
	.ad-bottom{padding:3em 2em}
	.adbottom-btnArea{padding:2em 0}
}
@media screen and (max-width:860px){
	.ad-top{height:30.15em;font-size:13px}	
	.ad-top .ad-con .logo-sosCp-verti{top:4em;right:4em;width:6em}
	.ad-bottom{padding:2em}
	.adbottom-btnArea{padding:2em 0}
}
@media screen and (max-width:768px){
	.ad-top{height:25.15em}
	.ad-top .ad-con .logo-sosCp-verti{display:none}
	.ad-top .ad-con{padding:0 3em}
	.ad-top .ad-con h1{font-size:2.6em}
	.ad-top .ad-con h2{margin-top:1em}
	.ad-bottom{font-size:16px}
	.ad-bottom .fL{float:none;width:100%}
	.ad-bottom .fL:nth-child(odd){padding-right:0}
	.ad-bottom .fL:nth-child(even){margin-top:1.3em;padding-left:0}
	.ad-bottom .ad-conBox > strong{display:block}
	.ad-conBox strong + .txt-important{display:block;margin:.3em 0 0 0}
	.list-circle{font-size:18px}
	.list-circle > li .circle-item{display:block;margin:0 auto}
	.adbottom-btnArea .btn-big{font-size:1.1em}
	#main-contents.narrow-con{margin:0}
}
@media screen and (max-width:565px){
	.ad-top{height:auto;padding:3em 0;font-size:12px}
	.ad-top .ad-con h1{font-size:2.3em}
	.ad-top .ad-con h2 span{display:inline}

	.list-circle{font-size:16px}
	.adbottom-btnArea{padding:1em 0 3em 0;border-top:none}
	.adbottom-btnArea .btn-big{width:100%;padding:.9em 0}

}
@media screen and (max-width:480px){
	.ad-top .ad-con{padding:0 2em}
	.ad-top .ad-con h1{font-size:1.8em}
	.ad-top .ad-con h2{font-size:1.2em}
	.list-circle > li .circle-item{font-size:10px}
	.ad-bottom{padding:2em 1em;font-size:14px}
	.ad-bottom .ad-conSubs .txt-smSize{font-size:.9em}
	.adbottom-btnArea{padding:1em 0 2em 0}
	.adbottom-btnArea .btn-big{padding:.8em 0}
}