@charset "utf-8";

/* Animation */
#main #contents .box,
#main #contents .box .inner,
#main #contents .box .inner h3,
#main #contents .box .sharing a span,
#main #contents .box .storage a h3 span:after,
#main #contents .board ul li a .img img,
#main #contents .board .btn_more:after
{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

#main {font-family:"맑은고딕","Malgun Gothic","돋움",Dotum,Helvetica,Verdana,Arial,sans-serif; font-size:14px; line-height:19px;}
#main #container {background:#f3f5f8; padding:270px 0 60px 0;}
#main #contents {max-width:1406px; margin:0 auto; position:relative;}
#main #contents:after {content:""; display:block; clear:both;}
#main #contents .box {float:left; width:25%; box-sizing:border-box; padding:8px;}
#main #contents .box .inner {border:1px solid #e2e4e6; background:#fff; padding:25px 8%; box-sizing:border-box; position:relative;}
#main #contents .box .inner h3 {font-size:18px; color:#111; line-height:24px; margin:0 0 20px 0; font-weight:700;}
#main #contents .box .sharing {border:0; background:#2461bd; height:222px; margin-bottom:16px; padding:0 !important;}
#main #contents .box .sharing a {display:block; height:100%; text-decoration:none; padding:25px 8%; box-sizing:border-box;}
#main #contents .box .sharing a:after {content:""; display:block; width:58px; height:64px; background:url(../../images/kor/main_2019/sharing_ico.png) no-repeat center 50%; position:absolute; right:9%; bottom:30px;}
#main #contents .box .sharing a h3 {color:#fff;}
#main #contents .box .sharing a h3 em {font-style:normal;}
#main #contents .box .sharing a p {margin:0; color:#fff; opacity:0.7; -webkit-opacity:0.7;}
#main #contents .box .sharing a span {display:inline-block; vertical-align:top; text-decoration:none; color:#fff; border:1px solid #759bd5; padding:7px 20px; border-radius:20px; -webkit-border-radius:20px; position:absolute; left:8%; bottom:30px;}
#main #contents .box .sharing a:hover span {border:1px solid #fff;}
#main #contents .box .storage {border:0; /*background:#f39816;background:#ee7102; */background:#ee5b02; height:92px; padding:0 !important;}
#main #contents .box .storage a {display:block; height:100%; text-decoration:none; padding:0 8%; box-sizing:border-box;}
#main #contents .box .storage a h3 {color:#fff; margin:0; display:table; table-layout:fixed; width:100%; height:100%;}
#main #contents .box .storage a h3 span {display:table-cell; vertical-align:middle; position:relative; width:100%; box-sizing:border-box; padding-right:30px;}
#main #contents .box .storage a h3 span em {font-style:normal;}
#main #contents .box .storage a h3 span:after {content:""; display:block; width:25px; height:25px; background:url(../../images/kor/main_2019/storage_bul.png) no-repeat center 50%; position:absolute; right:5px; top:35px;}
#main #contents .box .storage a:hover h3 span:after {right:-5px;}
#main #contents .box .publication {border:0; background:#d2e1f7; height:222px; margin-bottom:16px;}
#main #contents .box .publication ul {border-top:1px solid #bacce8; padding-top:15px;}
#main #contents .box .publication ul:after {content:""; display:block; clear:both;}
#main #contents .box .publication ul li {float:left; width:60%; margin:9px 0; box-sizing:border-box; padding:0 10px 0 0;}
#main #contents .box .publication ul li:nth-child(even) {width:40%;}
#main #contents .box .publication ul li a {display:inline-block; vertical-align:top; font-size:13px; padding:0 0 0 18px; color:#31385e; background:url(../../images/kor/main_2019/publication_bul.png) no-repeat left 4px;}
#main #contents .box .banner {height:92px; padding:0 !important;}
#main #contents .box .banner ul {height:100%;}
#main #contents .box .banner ul:after {content:""; display:block; clear:both;}
#main #contents .box .banner ul li {float:left; width:33%; height:100%; position:relative;}
#main #contents .box .banner ul li:after {content:""; display:block; height:60px; border-right:1px dotted #dedede; position:absolute; left:0; top:50%; margin-top:-30px;}
#main #contents .box .banner ul li:first-child:after {display:none;}
#main #contents .box .banner ul li a {display:block; text-align:center; height:100%; color:#333; font-size:13px;}
#main #contents .box .banner ul li a:before {content:""; display:block; height:55px; background-repeat:no-repeat !important; background-position:center 70% !important;}
#main #contents .box .banner ul li:nth-child(1) a:before {background-image:url(../../images/kor/main_2019/banner_ico1.png);}
#main #contents .box .banner ul li:nth-child(2) a:before {background-image:url(../../images/kor/main_2019/banner_ico2.png);}
#main #contents .box .banner ul li:nth-child(3) a:before {background-image:url(../../images/kor/main_2019/banner_ico3.png);}
#main #contents .box .banner ul li:nth-child(4) a:before {background-image:url(../../images/kor/main_2019/banner_ico4.png); visibility: }

#main #contents .l_box,
#main #contents .visual,
#main #contents .r_box{ height:346px}


#main #contents .visual {width:50%;}
#main #contents .visual .inner {height:330px; padding:0 !important; border:0;}
#main #contents .visual .js_slide {position:relative; height:100%;}
#main #contents .visual .js_slide .control {position:absolute; left:7%; top:auto; bottom:47px; z-index:100; width:156px; height:12px;}
#main #contents .visual .js_slide .control a[class*="btn_"] {display:block; width:27px; height:27px; position:absolute; right: -24px; bottom:-8px; border:1px solid rgba(255,255,255,0.4); box-sizing:border-box; border-radius:50%; -webkit-border-radius:50%;}
#main #contents .visual .js_slide .control a[class*="btn_"] span {line-height:1px; font-size:1px; position:absolute; left:-10000px; top:0; overflow:hidden; text-indent:-30000px;}
#main #contents .visual .js_slide .control a.btn_left,
#main #contents .visual .js_slide .control a.btn_right {display:none;}
#main #contents .visual .js_slide .control a.btn_stop {background:url(../../images/kor/main_2019/visual_control_stop.png) no-repeat center 50%;}
#main #contents .visual .js_slide .control a.btn_play {background:url(../../images/kor/main_2019/visual_control_play.png) no-repeat center 50%; display:none;}


#main #contents .visual .js_slide .control ul {width:auto; height:11px; text-align:center; display:inline-block; vertical-align:top;}
#main #contents .visual .js_slide .control ul li {display:inline-block; vertical-align:top; margin:0 8px 0 0; height:11px;}
#main #contents .visual .js_slide .control ul li a {display:block; position:relative; width:11px; height:11px; box-sizing:border-box; text-indent:-9999px; overflow:hidden; background:none; background:#fff; border-radius:30px; 
transition : all 0.2s ease; -webkit-transition : all 0.2s ease; opacity:0.4}
#main #contents .visual .js_slide .control ul li a.on {background:#fff; width:50px; opacity:0.9}


#main #contents .visual .js_slide .control .count {font-size:17px; font-weight:700; color:rgba(255,255,255,0.5); display:block; transform:skewX(-10deg); -webkit-transform:skewX(-10deg);}
#main #contents .visual .js_slide .control .count span {color:#fff;}
#main #contents .visual .js_slide .control .bar {width:120px; height:2px; background:rgba(255,255,255,0.25); position:relative; margin-top:12px; display:none}
#main #contents .visual .js_slide .control .bar span {position:absolute; display:block; width:0; height:100%; background:#fff; position:absolute; left:0; bottom:0; display:none !important}
#main #contents .visual .js_slide .move {position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; z-index:5;}
#main #contents .visual .js_slide .move ul {overflow:hidden; position:absolute; left:0; top:0; width:100%; height:100%;}
#main #contents .visual .js_slide .move ul li {position:absolute; left:100%; top:0; width:100%; height:100%; display:none;}
#main #contents .visual .js_slide .move ul li:first-child {left:0; display:block;}
#main #contents .visual .js_slide .move ul li a {display:block; height:100%; position:relative;}
#main #contents .visual .js_slide .move ul li a:after {content:""; display:none; width:100%; height:100%; box-sizing:border-box; border: 2px solid #000; position:absolute; left:0; top:0;}
#main #contents .visual .js_slide .move ul li a:focus:after {display:block;}
#main #contents .visual .js_slide .move ul li span {width:1000px; height:100%; position:absolute; left:50%; margin-left:-500px; top:0;}
#main #contents .visual .js_slide .move ul li img {display:block; height:100%;}
#main #contents .board .inner {border-top:2px solid #3e50b4; height:460px;} 
#main #contents .board ul {}
#main #contents .board ul li {margin-top:5px; position:relative;}
#main #contents .board ul li a {display:block; height:100%;}
#main #contents .board ul li .title {display:inline-block; vertical-align:top; max-width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding:2px 0 2px 15px; box-sizing:border-box; background:url(../../images/kor/main_2019/board_bul.png) no-repeat left 50%;}
#main #contents .board ul li .img {display:none;}
#main #contents .board ul li .text,
#main #contents .board ul li .date {display:none;}
#main #contents .board ul li:first-child {margin-top:0; border-bottom:1px dotted #d6d6db; margin-bottom:22px; height:175px; box-sizing:border-box; padding-top:8px;}
#main #contents .board ul li:first-child .title {margin-left:80px; padding:0; font-size:15px; line-height:21px; display:block; max-height:42px; overflow:hidden; background:none; white-space:normal;}
#main #contents .board ul li:first-child .text {display:block; width:100%; position:absolute; left:0; top:60px; font-size:13px; color:#6D6D6D; word-break:keep-all; max-height:57px; overflow:hidden; margin-top:20px;}
#main #contents .board ul li:first-child .date {display:block; position:relative; font-size:13px; box-sizing:border-box; padding-top:37px; line-height:18px; width:68px; height:60px; border-radius:5px; -webkit-border-radius:5px; position:absolute; left:0; top:0; text-align:center; background:#657595; color:#fff;}
#main #contents .board ul li:first-child .date em {display:block; font-style:normal; border-bottom:1px solid #818ea8; padding-bottom:3px; font-size:27px; line-height:27px; position:absolute; left:15%; top:4px; width:70%;}
#main #contents .board ul li:first-child.photo {padding-top:0;}
#main #contents .board ul li:first-child.photo .title {margin:0; max-height:none; position:absolute; z-index:5; top:117px; color:#fff; background:rgba(0,0,0,0.5); font-size:13px; white-space:nowrap; box-sizing:border-box; width:100%; padding:6px 10px; height:33px;}
#main #contents .board ul li:first-child.photo .text,
#main #contents .board ul li:first-child.photo .date {display:none;}
#main #contents .board ul li:first-child.photo .img {display:block; overflow:hidden; height:150px; background:#eee;}
#main #contents .board ul li:first-child.photo .img img {display:block; height:100%; margin:0 auto; width:100%}
#main #contents .board ul li a:hover .title {text-decoration:underline;}
#main #contents .board ul li a:hover .img img {transform:scale(1.1); -webkit-transform:scale(1.1);}
#main #contents .board .btn_more {display:block; width:22px; height:22px; background:#2461bd; overflow:hidden; text-indent:-9999px; position:absolute; right:8%; top:27px; z-index:10;}
#main #contents .board .btn_more:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:url(../../images/kor/main_2019/board_more_bul.png) no-repeat center 50%;}
#main #contents .board .btn_more:hover:after {transform:rotate(180deg); -webkit-transform:rotate(180deg);}
#main #contents .transfer .inner {border-top:2px solid #3e50b4; height:222px;}
#main #contents .transfer ul {border-top:1px solid #e2e2e2; padding-top:15px;}
#main #contents .transfer ul:after {content:""; display:block; clear:both;}
#main #contents .transfer ul li {float:left; width:50%; margin:9px 0; box-sizing:border-box;}
/*짝수 li 넓이 조정*/
#main #contents .transfer ul li:nth-child(even) {padding-left: 20px;}
#main #contents .transfer ul li a {display:inline-block; vertical-align:top; font-size:13px; padding:0 0 0 18px; color:#111; background:url(../../images/kor/main_2019/publication_bul.png) no-repeat left 4px;}
#main #contents .researcher{ text-align:center; position:relative}
#main #contents .researcher .inner {border-top:2px solid #3e50b4; height:222px; padding:0; overflow:hidden}
#main #contents .researcher .inner a{ display:inline-block}
#main #contents .researcher .inner > a > img{ }
#main #contents .researcher .inner h3{ position:absolute; bottom:-8px; width:100%; }
#main #contents .researcher .inner h3 a{ display:block; text-align:center}
#main #contents .researcher .slider {position:relative;}
#main #contents .researcher .slider .control {position:absolute; right:0; top:-42px;}
#main #contents .researcher .slider .control a {display:block; float:left; margin-left:3px; width:22px; height:22px; background:#2461bd url(../../images/kor/main_2019/researcher_silde_arrow.png) no-repeat center 50%; overflow:hidden; text-indent:-9999px;}
#main #contents .researcher .slider .control a.btn_next {transform:rotateY(180deg); -webkit-transform:rotateY(180deg);}
#main #contents .researcher .slider .control a.btn_play {display:none; background:#2461bd url(../../images/kor/main_2019/researcher_silde_play.png) no-repeat center 50%;}
#main #contents .researcher .slider .control a.btn_stop {background:#2461bd url(../../images/kor/main_2019/researcher_silde_stop.png) no-repeat center 50%;}
#main #contents .researcher .slider .move {width:100%; overflow:hidden; padding-top:8px; position:relative;}
#main #contents .researcher .slider .move:after {content:""; display:block; width:3px; height:100%; background:#fff; position:absolute; right:0; top:0;}
#main #contents .researcher .slider .move ul {position:relative; left:0; width:20000px;}
#main #contents .researcher .slider .move ul li {position:relative; box-sizing:border-box; padding:0 0 0 100px; min-height:113px; float:left; width:280px;}
#main #contents .researcher .slider .move ul li  a{ display:block}
#main #contents .researcher .slider .move ul li .photo {display:block; width:81px; height:113px; overflow:hidden; position:absolute; left:0; top:0;}
#main #contents .researcher .slider .move ul li .photo img {display:block; width:100%;}
#main #contents .researcher .slider .move ul li .name {font-size:15px; color:#111; font-weight:700; padding-bottom:12px; margin:0; margin-bottom:12px; position:relative;}
#main #contents .researcher .slider .move ul li .name:after {/*content:""; display:block; width:10px; height:1px; background:#afafaf; position:absolute; left:0; bottom:0;*/}
#main #contents .researcher .slider .move ul li .treatise {margin:0;}
#main #contents .researcher .slider .move ul li .treatise strong {display:block; font-weight:normal; color:#666;}
#main #contents .researcher .slider .move ul li .treatise span {display:block; font-size:12px; line-height:16px; word-break:keep-all; color:#6D6D6D; margin-top:5px;}
#main #contents .promotion .inner {height:222px; padding:0 !important;}
#main #contents .promotion ul {height:100%;}
#main #contents .promotion ul:after {content:""; display:block; clear:both;}
#main #contents .promotion ul li {float:left; width:50%; height:50%; position:relative; box-sizing:border-box;}
#main #contents .promotion ul li:nth-child(1),#main #contents .promotion ul li:nth-child(2) {border-bottom:1px solid #e4e3e3; }
#main #contents .promotion ul li:nth-child(2) {border-left:1px solid #e4e3e3;}
#main #contents .promotion ul li:nth-child(4) {border-left:1px solid #e4e3e3;}
#main #contents .promotion ul li a {display:block; text-align:center; height:100%; color:#333; box-sizing:border-box;}
#main #contents .promotion ul li a:before {content:""; display:block; height:70px; background-repeat:no-repeat !important; background-position:center 70% !important;}
#main #contents .promotion ul li:nth-child(1) a {/*padding-top:27px;*/}
#main #contents .promotion ul li:nth-child(1) a:before {background-image:url(../../images/kor/main_2019/promotion_ico4.png); /*display:inline-block; vertical-align:middle; width:33px; margin:-13px 10px 0 0;*/}
#main #contents .promotion ul li:nth-child(2) a:before {background-image:url(../../images/kor/main_2019/promotion_ico1.png);}
/*#main #contents .promotion ul li:nth-child(3) a:before {background-image:url(../../images/kor/main_2019/promotion_ico2.png);}*/
#main #contents .promotion ul li:nth-child(3){ text-align:center; padding-top:29px}
#main #contents .promotion ul li:nth-child(3) a { height:auto; display:inline-block; text-align:center; padding:0 2px}
#main #contents .promotion ul li:nth-child(3) span{ display:block; margin-top:10px}
#main #contents .promotion ul li:nth-child(3) a:before{ display:none}
#main #contents .promotion ul li:nth-child(4) a:before {background-image:url(../../images/kor/main_2019/promotion_ico3.png);}

#main #contents .popupzone .inner {height:222px; padding:0 !important;}
#main #contents .popupzone .js_slide {position:relative; height:100%;}
#main #contents .popupzone .js_slide .control {position:absolute; right:7%; top:20px; z-index:100; text-align:right; height:11px;}
#main #contents .popupzone .js_slide .control a[class*="btn_"] {display:inline-block; vertical-align:top; width:11px; height:11px;}
#main #contents .popupzone .js_slide .control a[class*="btn_"] span {line-height:1px; font-size:1px; position:absolute; left:-10000px; top:0; overflow:hidden; text-indent:-30000px;}
#main #contents .popupzone .js_slide .control a.btn_left,
#main #contents .popupzone .js_slide .control a.btn_right {display:none;}
#main #contents .popupzone .js_slide .control a.btn_stop {background:url(../../images/kor/main_2019/popupzone_stop.png) no-repeat center 50%;}
#main #contents .popupzone .js_slide .control a.btn_play {background:url(../../images/kor/main_2019/popupzone_play.png) no-repeat center 50%; display:none;}
#main #contents .popupzone .js_slide .control ul {width:auto; height:11px; text-align:center; display:inline-block; vertical-align:top;}
#main #contents .popupzone .js_slide .control ul li {display:inline-block; vertical-align:top; margin:0 5px 0 0; height:11px;}
#main #contents .popupzone .js_slide .control ul li a {display:block; position:relative; width:11px; height:11px; box-sizing:border-box; text-indent:-9999px; overflow:hidden; background:none; border:1px solid #f15922; border-radius:50%; -webkit-border-radius:50%;
transition : all 0.2s ease; -webkit-transition : all 0.2s ease;}
#main #contents .popupzone .js_slide .control ul li a.on {background:#f15922;}
#main #contents .popupzone .js_slide .control .bar {display:none;}
#main #contents .popupzone .js_slide .move {position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; z-index:5;}
#main #contents .popupzone .js_slide .move ul {overflow:hidden; position:absolute; left:0; top:0; width:100%; height:100%;}
#main #contents .popupzone .js_slide .move ul li {position:absolute; left:100%; top:0; width:100%; height:100%; display:none;}
#main #contents .popupzone .js_slide .move ul li:first-child {left:0; display:block;}
#main #contents .popupzone .js_slide .move ul li a {display:block; height:100%; position:relative;}
#main #contents .popupzone .js_slide .move ul li a:after {content:""; display:none; width:100%; height:100%; box-sizing:border-box; border:1px dashed #808080; position:absolute; left:0; top:0;}
#main #contents .popupzone .js_slide .move ul li a:focus:after {display:block;}
#main #contents .popupzone .js_slide .move ul li span {width:1000px; height:100%; position:absolute; left:50%; margin-left:-500px; top:0;}
#main #contents .popupzone .js_slide .move ul li img {display:block; margin:0 auto; height:100%;}

@media screen and (max-width: 1540px){
#main #container { padding-top:348px;}
}

@media screen and (max-width: 1495px){
#main #contents {max-width:95%; padding:0 2.5%;}
#main #contents .transfer ul li {margin:7px 0;}
#main #contents .transfer ul li a span {display:block;}
#main #contents .transfer ul li:nth-child(even) {padding-left: 10px;}
}

@media screen and (max-width: 1280px){
#main #container {padding-bottom:50px;}
#main #contents {padding:346px 0 0 0; margin:0 auto;}	
#main #contents .box {width:50%;}
#main #contents .box .inner {padding:25px 5%;}
#main #contents .researcher .inner{ padding:0}
#main #contents .box .sharing a {padding:25px 5%;}
#main #contents .box .sharing a span {left:5%;}
#main #contents .box .sharing a:after {right:6%;}
#main #contents .box .storage a {padding:0 5%;}
#main #contents .visual {width:100%; position:absolute; left:0; top:0;}
#main #contents .visual .js_slide .control {left:45px;}
#main #contents .board .inner {height:auto;}
#main #contents .board ul li + li + li + li + li {display:none;}
#main #contents .board .btn_more {right:5%;}
#main #contents .transfer ul li {margin:9px 0;}
#main #contents .transfer ul li:nth-child(even) {padding-left: 0px;}
#main #contents .transfer ul li a span {display:inline;}
}

@media screen and (max-width: 1024px){
#main #container {padding:25px 0;}
#main #contents {padding-top:316px;}
#main #contents .visual .inner {height:300px;}
#main #contents .visual .js_slide .control {left:45px;}
#main #contents .box .publication ul li a,
#main #contents .transfer ul li a {background-position:left 2px;}
#main #contents .board ul li .title {background-position:left 45%;}
}

@media screen and (max-width: 740px){
#main #container {padding:20px 0;}	
#main #contents {padding-top:287px;}		
#main #contents .box {width:100%; padding:6px;}
#main #contents .box:after {content:""; display:block; clear:both;}
#main #contents .box .inner {padding:20px 4%;}
#main #contents .researcher .inner{ padding:0}
#main #contents .box .inner h3 {font-size:17px; margin:0 0 15px 0;}
#main #contents .box .sharing {height:auto; float:left; width:50%; margin:0; box-sizing:border-box; padding-right:6px !important; background:none;}
#main #contents .box .sharing a {background:#2461bd; padding:17px 8%;}
#main #contents .box .sharing a h3 {margin:0; font-size:15px;}
#main #contents .box .sharing a p,
#main #contents .box .sharing a span {display:none;}
#main #contents .box .sharing a:after {width:25px; height:25px; background:url(../../images/kor/main_2019/storage_bul.png) no-repeat center 50%; right:10%; top:50%; margin-top:-12px;}
#main #contents .box .storage {height:auto; float:left; width:50%; box-sizing:border-box; padding-left:6px !important; background:none;}
#main #contents .box .storage a {padding:17px 8%; background:#f39816;}
#main #contents .box .storage a h3 {font-size:15px;}
#main #contents .box .storage a h3,
#main #contents .box .storage a h3 span {display:block;}
#main #contents .box .storage a h3 span {padding-right:0;}
#main #contents .box .storage a h3 span:after {top:50%; margin-top:-12px; right:0 !important;}
#main #contents .visual .inner {height:275px;}
#main #contents .visual .js_slide .control {left:38px; bottom:47px;}
#main #contents .visual .js_slide .control .count {font-size:16px;}
#main #contents .box .publication {height:auto; margin-bottom:12px;}
#main #contents .box .publication ul {padding-top:10px;}
#main #contents .box .publication ul li {margin:5px 0; width:33.333% !important;}
#main #contents .board ul li:first-child {height:auto; padding:0 0 20px 0; margin-bottom:17px;}
#main #contents .board ul li:first-child .title {min-height:56px; padding-top:16px; max-height:none; white-space:nowrap;}
#main #contents .board ul li:first-child .text {position:relative; left:auto; top:auto; margin-top:15px;}
#main #contents .board ul li:first-child .date {width:64px; height:56px; padding-top:34px;}
#main #contents .board ul li:first-child .date em {font-size:24px; line-height:24px;}
#main #contents .board ul li:first-child.photo .title {min-height:10px;}
#main #contents .board .btn_more {right:4%; top:22px;}
#main #contents .transfer .inner {height:auto;}
#main #contents .transfer ul {padding-top:10px;}
#main #contents .transfer ul li {margin:5px 0; width:33.333%;}

#main #contents .researcher .slider .control {top:-37px;}
#main #contents .promotion .inner {height:auto;}


#main #contents .promotion ul li a {padding:15px 0;}
#main #contents .promotion ul li:nth-child(1) a:before {height:40px; width:auto; display:block; margin-bottom:10px; margin-right:0}
#main #contents .promotion ul li a:before {background-position:center 50%; height:40px; margin-bottom:10px;}
#main #contents .popupzone .js_slide .control {right:4%;}

#main #contents .l_box, #main #contents .visual, #main #contents .r_box{ height:auto}
}

@media screen and (max-width: 540px){
#main #contents {padding-top:262px;}		
#main #contents .visual .inner {height:250px;}	
#main #contents .visual .js_slide .control {bottom: 24px;width: 143px;}
#main #contents .visual .js_slide .control .count {font-size:15px;}
#main #contents .visual .js_slide .control .bar {width:100%;}		
#main #contents .transfer ul li {width:50%;}
#main #contents .popupzone .inner {height:190px;}
#main #contents .visual .js_slide .control a[class*="btn_"]{ right:-23px}	

#main #contents .box .sharing a h3 em,
#main #contents .box .storage a h3 span em {display:block;}
}

@media screen and (max-width: 480px){
#main #container {padding:15px 0;}		
#main #contents {padding-top:235px;}	
#main #contents .box {padding:5px;}
#main #contents .box .inner {padding:20px 5%;}
#main #contents .researcher .inner{ padding:0}	
#main #contents .box .sharing {padding-right:5px !important;}
#main #contents .box .sharing a {padding:15px 0; text-align:center;}
#main #contents .box .sharing a h3 {font-size:15px; line-height:19px;}
#main #contents .box .storage {padding-left:5px !important;}
#main #contents .box .sharing a:after {right:10%; display:none;}
#main #contents .box .storage a {padding:15px 0; text-align:center;}
#main #contents .box .storage a h3 {font-size:15px; line-height:19px;}
#main #contents .box .storage a h3 span:after {display:none;}
#main #contents .visual .inner {height:225px;}
#main #contents .visual .js_slide .control {bottom:35px; left:32px;}
#main #contents .box .publication {margin-bottom:10px;}
#main #contents .box .publication ul li {width:55% !important;}
#main #contents .box .publication ul li:nth-child(even) {width:45% !important;}
#main #contents .board .btn_more {right:5%;}
#main #contents .promotion ul li a {font-size:13px; line-height:18px;}
#main #contents .promotion ul li a span {display:block;}
#main #contents .popupzone .js_slide .control {right:5%;}
}

@media screen and (max-width: 380px){
#main #contents {padding-top:210px;}	

#main #contents .visual .inner {height:200px;}
#main #contents .visual .js_slide .control .count {font-size:14px;}
#main #contents .visual .js_slide .control {bottom:30px; left:30px;}	
#main #contents .transfer ul li a span {display:block;}	
}


#main #contents .visual .js_slide .move ul li.v-link div{ position:absolute; left:40px; top:calc(100% - 55%)}
#main #contents .visual .js_slide .move ul li.v-link div a{ color:#fff; display:block; width:222px; box-sizing:border-box; padding:7px 0 7px 15px; border:1px solid rgba(255,255,255,0.4); border-radius:50px; margin:0 0 6px 0; font-size:15px; 
letter-spacing:-1px;background-image:url(../../images/kor/main_2019/v-link-ico.png); background-repeat:no-repeat; background-position:right 15px top 50%; transition:all 0.3s ease-out; text-decoration:none}
#main #contents .visual .js_slide .move ul li.v-link div a:hover{ border-color:rgba(255,255,255,1)}
@media screen and (max-width: 480px){
#main #contents .visual .js_slide .move ul li.v-link div{ left:25px}
#main #contents .visual .js_slide .move ul li.v-link div a{ width:196px; padding:3px 0 3px 15px; font-size:13px; margin:0 0 3px 0 ;}
}




/*메인 팝업*/
.pop-blind{position:absolute; left:0;top:0; height:100%; width:100%; height:100%;z-index:99999;  display: none }
.pop-blind .con{position: absolute; left:50%; top:80px; z-index:11;margin-left:-542px;max-width:1136px;line-height:1.5;font-size:14px;font-family:'나눔고딕','NanumGothicWeb','Nanum Gothic','돋움',Dotum,Helvetica,Verdana,Arial,sans-serif;}
.pop-blind .con > div{ margin-right:50px;}
.pop-blind .con > div img{ max-width:100%}
.pop-blind .con div p.title{font-size:15px; font-weight:600;text-align:center; margin:0;line-height:1.5; background:#0066a6; color:#fff; padding:20px 10px}
.pop-blind .con  div div{padding:20px}
.pop-blind .con  div ul{margin-bottom:15px}
.pop-blind .con  div ul li{margin-bottom:3px}
.pop-blind .con  div div a{color:#0066a6; display:inline-block; margin-left:5px}
.pop-blind .blind-bg{ position: fixed; left:0; top:0; display:block; width:100%; height:100%;background:#000;opacity:0.5; filter: Alpha(opacity=50); z-index:10}
.pop-blind .pop-close{display:inline-block; margin-left:10px; position:absolute; top:0; right:0}

@media all and (max-width:1250px){

.pop-blind .con{ left:15px; top:100px; margin:0 auto; width:95%}
.pop-blind .con > div{ margin-right:30px;}
.pop-blind .pop-close img{ width:20px; height:20px}
}
  
/*메인 팝업2*/  
.pop-wrap{ display: flex;position:absolute; left:0;top:280px; height:100%; width:100%; height:100%; justify-content: center;}
.pop-wrap>div{ margin: 0 20px;}
  
.main-pop{ /*z-index:99999;*/  }
.main-pop .con{position: relative; /*left:50%;*/ top:0; z-index:110;/*margin-left:-308px;*/max-width:520px;}
.main-pop .con > div{ margin-right:50px;}
.main-pop .con > div img{ max-width:100%}
.main-pop .con div p.title{font-size:15px; font-weight:600;text-align:center; margin:0;line-height:1.5; background:#0066a6; color:#fff; padding:20px 10px}
.main-pop .con  div div{padding:20px}
.main-pop .con  div ul{margin-bottom:15px}
.main-pop.con  div ul li{margin-bottom:3px}
.main-pop .con  div div a{color:#0066a6; display:inline-block; margin-left:5px}
.main-pop .blind-bg{ position: fixed; left:0; top:0; display:block; width:100%; height:100%;background:#000;opacity:0.5; filter: Alpha(opacity=50); z-index:10}
.main-pop .pop-close{display:inline-block;  position:absolute; top:0; right:0}

@media all and (max-width:620px){
.pop-wrap{ flex-direction: column; top:70px; justify-content: flex-start;}
.main-pop .con > div { margin-right: 0;}
.main-pop .pop-close{ }
.main-pop .pop-close img{ width:30px; height:30px}
}