@charset "utf-8";

html{font-family:'나눔스퀘어','ngn','ntk','nsr','Malgun Gothic','AppleGothic','Dotum','arial','sans-serif'}
h3 { margin: 0; }
body { font-family:'nsr' }
.hide,
.skip,
.main_wrap h2.skip{position:fixed;top:0;left:0;width:0;height:0;font-size:0;overflow:hidden}

/* total */
#total,#wrap{position:relative}
#shadow_device{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.7;z-index:1000}
#touchArea{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000}

.wrapper{position:relative;margin:0 auto;width:1200px}
.wrapper:after{content:"";display:block;clear:both;visibility:hidden}

@media(max-width:1200px){
    .wrapper{width:1024px}
}
@media(max-width:1000px){
    .wrapper{width:100%;padding:0 10px}
}

#mcontainer { overflow: hidden; }
/* 메인 공통 */
.main_wrap {position:relative;}
.main_wrap section{position:relative}
.main_wrap h2{font-size:20px}
.main_wrap .main_ir{ display: inline-block;background: url(/images/linc/main/main_ir.png) no-repeat;font-size: 0;text-indent: -9999px;vertical-align: middle;}
.main_wrap .opa80{opacity:0.8}


/* 메인비쥬얼 */
#mvisual .grap .obj{position:relative;height:500px}
#mvisual .grap .obj .item{position:absolute;left:0;top:0;width:100%;height:100%;background-size: cover;background-position: center;}

#mvisual .grap .tit{position: absolute;top: 30%;left: 0;right: 0;z-index: 10;margin: 0 auto;width: 1340px;height: 185px;background-position: -50px 0;}
#mvisual .grap .item .tit_wrap {position:absolute;bottom:0;left:50%;width:1340px;height: 90px;margin-left:-670px;padding: 20px 500px 0 45px;background:rgba(5,21,39,0.8);}
#mvisual .grap .item .tit_wrap p {display: none;margin:0 0 10px;font-size: 16px;color:#fff;font-family: '나눔고딕';word-break: keep-all;}
#mvisual .grap .item .tit_wrap strong {display:block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; height:84px;font-size: 28px;color:#fff;line-height: normal;/* display: block; */word-break: keep-all;line-height: 1.3;text-overflow: ellipsis;white-space: normal;}
#mvisual .grap .item .tit_wrap strong span { display: block; }
#mvisual .grap .item .tit_wrap .m_btn {margin:15px 0 0;}
#mvisual .grap .item .tit_wrap .m_btn a {display:block;position:relative;width: 125px;padding: 8px 15px;border: 1px solid #fff;background:transparent url(/images/linc/main/m_btn.png)no-repeat 88% center;background-size: 10px 15px;font-size: 16px;color: #fff;text-align:left;z-index: 10;}

#mvisual .control{position: absolute;left: 50%;bottom: 15px;width: 1340px;text-align: center;margin-left: -555px;text-align: center;}
#mvisual .link_site{ position: absolute;left: 50%;top: 375px;width: 1340px;text-align: left;margin-left: -670px;}
#mvisual .link_site .more { display: inline-block;z-index: 10;width: 200px;padding: 15px 20px;font-size: 17px;color: #fff;border: 3px solid #fff; position: relative;text-align: left; }
#mvisual .link_site .more span { background: url(/images/linc/main/main_arr.png) no-repeat;width:23px;height: 25px; text-indent: -9999px;font-size: 0;display: block;position: absolute;top: 50%;right: 10px;margin-top: -12.5px;}
#mvisual .link_site .more .more_01 { background-position: 2px 2px; }
#mvisual .link_site .more .more_02 { background-position: -21px 2px; }

#mvisual .control button,
#mvisual .control a{width:13px;height:12px;margin-left:10px;}
#mvisual .control button{background-position:-70px -250px;border:0;}
#mvisual .control button.ov{width: 10px;height: 14px;background: #ca4f27;border-radius: 50%;}
#mvisual .control a[data-type="play"]{background-position:-146px -249px;}
#mvisual .control a[data-type="stop"]{background-position:-107px -250px;}

#mvisual .grap .scroll_down {display: none;width: 74px;height: 74px;position: absolute;top: 472px;left: 50%;margin-left: -37px;text-align: center;}
#mvisual .grap .scroll_down a { display: block; width: 74px;height: 74px;border-radius: 50%;border:2px solid #fff;margin: 0 auto;font-size: 0;text-indent: -9999px;}
#mvisual .grap .scroll_down a .down_rec { display: block; width:15px;height: 15px;border: 2px solid #fff; border-left: 0;border-top: 0;margin: 5px auto;transform: rotate(45deg); }


/* 팝업존 */
#pop_slide {overflow:hidden;position:absolute;bottom:0;right:50%;width: 440px;height: 210px;margin-right:-670px;z-index:10;}
#pop_slide .grap {position:relative;width:100%; height:100%;}
#pop_slide .grap .obj {width:100%; height:100%;}
#pop_slide .grap .obj:after{display:block;clear:both;visibility:hidden;content:"";}
#pop_slide .grap .obj .item {position:absolute; left:0; top:0; width:100%; height:100%;}
#pop_slide .grap .obj .item span {display:block;overflow: hidden;position:relative;width:100%;height:100%;}
#pop_slide .grap .obj .item span img {max-width:1000%;width: 100%;height:100%;position:absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
#pop_slide .grap .obj .item a {display:block; position:absolute; bottom:13.5px; right:25px; z-index:10; width:20px; height:20px;background: url(/images/linc/main/m_btn2.png) no-repeat; font-size:0;}
#pop_slide .grap .control {position:absolute; left:0;bottom:0; width:100%; height:47px; padding:14px 70px 0 0; background:#2f5b8d; text-align:right;}
#pop_slide .grap .control .number {display:inline-block;}
#pop_slide .grap .control .number button {display:inline-block;width:8px; height:8px; margin-left:3px; padding:0;background:#fff;  }
#pop_slide .grap .control .number button.ov {width:30px; background:#ca4f27;}
#pop_slide .grap .control a[data-type="play"]{display:none !important;;width:13px;height:12px;background-position:-146px -249px;}
#pop_slide .grap .control a[data-type="stop"]{display:none !important;width:13px;height:12px;background-position:-107px -250px;}


/*미드박스*/
#mid_box { position: relative;  overflow: hidden; }
#mid_box .mid_wrap { width:1340px;margin:0 auto;height: 920px;position: relative; padding-top: 75px; }
#mid_box .mid_wrap > div {  height: 507px; }
/* #mid_box .mid_wrap .left {padding-top:400px;} */
#mid_box .mid_wrap .left { width:340px;margin-right: 7%;position:relative; float:left; }
#mid_box .mid_wrap .left .ebook {position:absolute; left:0; top:0;}
#mid_box .mid_wrap .left .ebook div {position:relative; width:296px; height:376px; }
#mid_box .mid_wrap .left .ebook div:after {display:block; position:absolute; left:10px; top:-15px;  width:100%; height:100%; border:2px solid #ddd; content:''; z-index:-1;}
#mid_box .mid_wrap .left .ebook div a {display:block; width:100%; height:100%; padding:60px 0 0 23px;}
#mid_box .mid_wrap .left .ebook div a span {display:block;overflow: hidden;position:absolute;left:0; top:0; width:100%;height:100%;z-index:1;}
#mid_box .mid_wrap .left .ebook div a span img {width:100%; height:100%; }
#mid_box .mid_wrap .left .ebook div a p {position:relative; color:#fff; font-size:20px; font-weight:bold; z-index:2;}
#mid_box .mid_wrap .left .item:before { content: "";display: block;position: absolute;width: 296px; height: 262px;border: 2px solid #ddd;top: -14px;left: 10px;z-index: 10; }
#mid_box .mid_wrap .left span { display: block;width:296px;}
#mid_box .mid_wrap .left .left_txt strong { font-size: 18px; display: block; margin-bottom:5px; overflow: hidden;text-overflow: ellipsis;vertical-align: middle;white-space: nowrap;}
#mid_box .mid_wrap .left .left_txt .p_text { margin:0;font-size: 14px; color:#595959;display: block;height: 60px;line-height: 20px;overflow: hidden;}
#mid_box .mid_wrap .left .left_txt .p_date {font-size: 14px; color:#595959; }
#mid_box .mid_wrap .left .left_txt .text_box { padding:15px 10px;width: 299px; }
#mid_box .mid_wrap .left .left_txt { position: absolute; top:0; left:0;}
#mid_box .mid_wrap .left .control {position: absolute;top:340px;left: 50%;margin-left: -50px; }

.ir-main {display: inline-block;background: url(/images/linc/main/popup_ir.png) no-repeat;vertical-align: middle;font-size: 0;}
.control { margin-top:10px;text-align: center;}
.control .count i { font-style: normal; color:#e14335; }
.control .count { display: inline-block;letter-spacing: 5px;}
.control .state{margin-left:10px;display: inline-block;}
.control button{display:inline-block;width:25px;height:25px;font-size:0;cursor:pointer;border:0;}
.control button[data-type="prev"]{background-position:-3px -7px;}
.control button[data-type="next"]{background-position:-32px -7px;}
.control button[data-type="prev"]:hover{background-position:-64px -7px;}
.control button[data-type="next"]:hover{background-position:-93px -7px;}
.control button[data-type="stop"]{background-position:-154px -7px;}
.control button[data-type="play"]{background-position:-124px -7px;}
.control .more{float:left;}
.control .more .ir-main{display:inline-block;width:17px;height:17px;background:url(/images/kor1/main/ir-main.png) no-repeat;background-position:-469px 0;vertical-align:middle}
.expand-target{display:none;z-index:13;position:absolute;top:0;right:0;bottom:0;left:0;padding:18px 25px 25px;background:#2c3441}


#mid_box .mid_wrap .left .newsletter{position: relative; background: #384c76; border-radius: 0; height:70px; margin: 5px 0;}
#mid_box .mid_wrap .left .newsletter:before {content: "";position: absolute;border-bottom: solid 10px #fff;border-right: solid 10px #fff;border-left: solid 10px transparent;border-top: solid 10px transparent;transform: rotate(45deg);right: -10px;top: -12px;}
#mid_box .mid_wrap .left .newsletter:nth-child(even){background:#3272aa;}
#mid_box .mid_wrap .left .newsletter:first-child a {line-height:1.4;}
#mid_box .mid_wrap .left .newsletter a{position: relative; top: 50%; transform: translateY(-50%);display:block;width:100%;padding:0 50px 0;font-size:17px; padding-left:18px; font-size:16px; color:#fff; font-weight:bold; line-height:1.2;/* background:url(/images/linc/main/m_btn4.png) no-repeat 90% center;*/}
#mid_box .mid_wrap .left .newsletter a span {position: absolute; top: 50%; right: 20px; width: 35px; height: 35px; background: #fff; border-radius: 100%; transform: translateY(-50%);}
#mid_box .mid_wrap .left .newsletter a span i {position: absolute; display: block; left: 31%; top: 37%; width: 13px; height: 11px;  background:url(/images/linc/common/button_arrow.png)no-repeat;}
#mid_box .mid_wrap .left .newsletter a:hover span i,
#mid_box .mid_wrap .left .newsletter a:active span i,
#mid_box .mid_wrap .left .newsletter a:focus span i {animation: arr 0.7s ease-in-out infinite; -webkit-animation: arr 0.7s ease-in-out infinite;}
#mid_box .mid_wrap .left .newsletter a img {width:130px; margin-right:5px;}
#mid_box .mid_wrap .left .newsletter a:hover span,
#mid_box .mid_wrap .left .newsletter a:active span,
#mid_box .mid_wrap .left .newsletter a:focus span{background-position: -21px;}
#mid_box .mid_wrap .left .newsletter a:hover,
#mid_box .mid_wrap .left .newsletter a:active,
#mid_box .mid_wrap .left .newsletter a:focus {text-decoration: none;}
#mid_box h3{position: relative;font-size:20px;font-weight: 600;color: #050505;line-height: 42px;margin-bottom:15px;}
#mid_box h3:before {position: absolute;top: 35px;left: 0px;content: '';display: block;width: 20px;height: 4px;background-color: #da440f;}
#mid_box .mid_wrap .center { width:30%;margin-right: 5%;text-align: left;float:left; }
#mid_box .mid_wrap .center .top_title a{ margin-top:20px;font-size: 18px;color:#da440f; text-decoration: underline;margin-bottom: 10px;display: block; overflow: hidden;text-overflow: ellipsis;vertical-align: middle; white-space: nowrap;}
#mid_box .mid_wrap .center .cent_top {position: relative;}
#mid_box .mid_wrap .center .cent_top .p_text{ margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;vertical-align: middle;white-space: nowrap; }
#mid_box .mid_wrap .center .cent_top .p_date { margin-bottom: 10px; }
.p_box { padding: 10px 0;border-top:1px solid #b2b2b2; text-align:right;}
.p_box:after{content:"";display:block;clear:both}
.p_box a{float:left;overflow: hidden;text-overflow:ellipsis;vertical-align:middle;white-space: nowrap;}
@-webkit-keyframes arr {
    0%,100%{-webkit-transform:translateX(0);}
    50% {-webkit-transform:translateX(6px);}
}
@keyframes arr {
    0%,100% {transform:translateX(0);}
    50% {transform:translateX(6px);}
}
#mid_box .cent_top,
#mid_box .cent_bottom,
#mid_box .mid_wrap .right .right_wrap{min-height:237px;}
#mid_box .mid_wrap .center .cent_top { border-bottom: 2px solid #000; }
#mid_box .mid_wrap .center .cent_top .more { position: absolute; display: block;width:19px;height:19px;background: url(/images/linc/main/more_02.png) no-repeat; text-indent: -9999px;font-size: 0;top:12px; right:0;}
#mid_box .mid_wrap .cent_bottom { margin-top:30px;border-bottom: 2px solid #000;position: relative; }
#mid_box .mid_wrap .cent_bottom .p_box, #mid_box .right .right_wrap .p_box { padding: 10px 0;border-top:1px solid #b2b2b2; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap;}
#mid_box .mid_wrap .cent_bottom .p_box span{text-align:left;display:block;}
#mid_box .mid_wrap .cent_bottom .more { position: absolute; display: block;width:19px;height:19px;background: url(/images/linc/main/more_02.png) no-repeat; text-indent: -9999px;font-size: 0;top:12px; right:0;}
#mid_box .mid_wrap .right { margin-right:0; position: relative;text-align: left; width: 30%;text-align: left; float: left;}
#mid_box .mid_wrap .right .right_wrap {overflow: hidden; border-bottom: 2px solid #000;position:relative;}
#mid_box .mid_wrap .right .list_box ul li { position: relative;margin-bottom:12px; padding-left:90px;}
#mid_box .mid_wrap .right .list_box .list_ir{ position:absolute;left:0;display: inline-block; width:80px;height:30px;background: url(/images/linc/main/main_ing.png) no-repeat;}
#mid_box .mid_wrap .right .list_box .list_ir.list01 { background-position: 0 -100px; }
#mid_box .mid_wrap .right .list_box .list_ir.list02 { background-position: -89px -100px }
#mid_box .mid_wrap .right .list_box .list_ir.list03 { background-position: -177px -100px }
#mid_box .mid_wrap .right .list_box .list_ir.list04 { background-position: -265px -100px }
#mid_box .mid_wrap .right .list_box .list_ir.list05 { background-position: -353px -100px}
#mid_box .mid_wrap .right .list_box .list_ir.list06 { background-position: -440px -100px }
#mid_box .mid_wrap .right .list_box .list_text { display: block;width:100%;overflow: hidden;text-overflow: ellipsis;vertical-align: middle;white-space: nowrap; }
#mid_box .mid_wrap .right .list_box .list_text strong { font-size: 18px;margin-bottom: 20px;display: block;margin-top: 10px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#mid_box .mid_wrap .right .list_box .list_text p {    border-bottom: 1px solid #b2b2b2;padding-bottom: 10px;overflow: hidden;text-overflow: ellipsis;vertical-align: middle;white-space: nowrap; }
#mid_box .mid_wrap .right .list_box .list_text a{line-height:30px;}
#mid_box .mid_wrap .right .list_box ul li:last-child .list_text p { border-bottom: 0; }
#mid_box .mid_wrap .right .more { position: absolute;display: block;width: 19px;height: 19px;background: url(/images/linc/main/more_02.png) no-repeat;text-indent: -9999px;font-size: 0;top: 12px;right: 0; }
#mid_box .mid_wrap:before { content: "";display: block;position: absolute;bottom: 55px;left: -115px;width: 130px;height: 80px;background: url(/images/linc/main/main_bg_before.png) no-repeat;}

/* 20191218 메인 위치 변경 */
#mid_box .mid_wrap .cent_bottom { margin-right:0; position: relative;text-align: left;overflow: hidden;}
#mid_box .mid_wrap .cent_bottom .right_wrap {overflow: hidden; border-bottom: 2px solid #000;}
#mid_box .mid_wrap .cent_bottom .list_box ul li { position: relative;margin-bottom:12px; padding-left:90px;}
#mid_box .mid_wrap .cent_bottom .list_box .list_ir{ position:absolute;left:0;display: inline-block; width:80px;height:30px;background: url(/images/linc/main/main_ing.png) no-repeat;}
#mid_box .mid_wrap .cent_bottom .list_box .list_ir.list01 { background-position: 0 -100px; }
#mid_box .mid_wrap .cent_bottom .list_box .list_ir.list02 {background-position: -89px -100px;}
#mid_box .mid_wrap .cent_bottom .list_box .list_ir.list03 { background-position: -177px -100px }
#mid_box .mid_wrap .cent_bottom .list_box .list_ir.list04 { background-position: -265px -100px }
#mid_box .mid_wrap .cent_bottom .list_box .list_ir.list05 { background-position: -353px -100px}
#mid_box .mid_wrap .cent_bottom .list_box .list_ir.list06 { background-position: -440px -100px }
#mid_box .mid_wrap .cent_bottom .list_box .list_text { display: block;width:100%;overflow: hidden;text-overflow: ellipsis;vertical-align: middle;white-space: nowrap; }
#mid_box .mid_wrap .cent_bottom .list_box .list_text strong { font-size: 18px;margin-bottom: 20px;display: block;margin-top: 10px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#mid_box .mid_wrap .cent_bottom .list_box .list_text p {    border-bottom: 1px solid #b2b2b2;padding-bottom: 10px;overflow: hidden;text-overflow: ellipsis;vertical-align: middle;white-space: nowrap; }
#mid_box .mid_wrap .cent_bottom .list_box .list_text a{line-height:30px;}
#mid_box .mid_wrap .cent_bottom .list_box ul li:last-child .list_text p { border-bottom: 0; }
#mid_box .mid_wrap .cent_bottom .more { position: absolute;display: block;width: 19px;height: 19px;background: url(/images/linc/main/more_02.png) no-repeat;text-indent: -9999px;font-size: 0;top: 12px;cent_bottom: 0; }
#mid_box .mid_wrap:before { content: "";display: block;position: absolute;bottom: 55px;left: -115px;width: 130px;height: 80px;background: url(/images/linc/main/main_bg_before.png) no-repeat;}

@media (max-width:1400px){
    #mid_box .mid_wrap .left {margin-right:4%;}
    #mvisual .grap .item .tit_wrap {left:40px;right:40px;width:auto;padding: 30px 480px 0 30px;margin:0;}
    #mvisual .grap .item .tit_wrap p {margin:0 0 10px;}
    #mvisual .link_site {position: absolute;left: 0%;top: 375px;width: 100%;text-align: left;margin-left: 0;padding: 0 40px;}
    #mvisual .control {position: absolute;left: 0;width: 100%;margin-left: 0;padding: 0 40px;}
    #mid_box .mid_wrap { width: 100%;padding: 75px 40px; }

    #pop_slide {right:40px; margin:0;}
}
@media (max-width:1200px){
    #mvisual .grap .item .tit_wrap {left:20px;right:20px;padding: 30px 380px 0 30px;}
    #mvisual .grap .item .tit_wrap strong {width:100%;}
    #mvisual .grap .item .tit_wrap .m_btn a {padding:10px 20px;}
    #mid_box .mid_wrap .center { width: auto;margin-right: 0;text-align: left;float: none;overflow: hidden; height:712px;}
    #mid_box .mid_wrap { height: 100%; }
    #mid_box .mid_wrap .right .right_wrap { padding-left: 0; width:30%;float:left; margin-right: 5%;}
	#mid_box .mid_wrap .right .cent_bottom {width:30%;float:left; margin-right: 5%;}
	#mid_box .mid_wrap .right div:nth-child(3) {margin-right:0;}
    #mid_box .mid_wrap .right .list_box .list_text { display: block; }
    #mid_box .mid_wrap .right { margin: 40px 0; width:100%; height: 280px;}
    #mid_box .mid_wrap .right .list_box ul li:last-child .list_text p { border-bottom: 1px solid #ddd; }
    #mvisual .link_site { padding: 0 20px; }
    #mid_box .mid_wrap { padding: 75px 20px; }
    #mid_box .mid_wrap .cent_bottom {margin-top:0;}
    #pop_slide {right:20px; width:350px;}

	#mid_box .mid_wrap .left {margin-top:30px;}
}

@media(max-width:999px){
     #mvisual .grap .obj {height:550px}
     #mvisual .grap .item .tit_wrap {left:20px;right:20px;bottom: 0;min-height: 410px;height:auto;padding: 30px 30px 222px;}
     #mvisual .grap .item .tit_wrap p {font-size:15px; text-align:center;}
     #mvisual .grap .item .tit_wrap strong {height:64px;font-size: 22px; text-align:center;}
     #mvisual .grap .item .tit_wrap .m_btn a {margin:0 auto;}
     #mvisual .control {bottom: 220px;}

     #pop_slide {position: absolute;left: 50%;/* right:20px; *//* bottom: 0; */width: 550px;margin-left: -275px;/* background: rgba(5,21,39,0.8); */}
}

@media(max-width:767px){
    #mvisual .grap .tit{top:15%;width:175px;height:116px;background-position:0 -500px}
    #mvisual .grap .obj{/* height:450px */}
    #mvisual .grap .item .tit_wrap strong {font-size: 25px;text-align: center;}
    #mvisual .grap .item .tit_wrap p { text-align:center; }
    #mvisual .link_site { top: 280px; text-align: center; }
    #mvisual .control {/* bottom: 35px; *//* text-align: center; */}
    #mvisual .grap .scroll_down { display: none; }
    #mvisual .control button, #mvisual .control a { margin-left: 15px; }
    #mvisual .link_site .more { padding: 10px 15px;width:160px; }
    #mvisual .grap .item .tit_wrap {/* margin:70px 0 0; *//* padding: 0 20px; */}
    #mvisual .link_site { padding: 0 20px; }
    #mvisual .control {/* padding: 0 20px; */}
    #mvisual .link_site .more { padding: 10px;width: 120px;font-size: 14px; }
    #mvisual .grap .item .tit_wrap .m_btn a {margin:0 auto; padding:10px 20px; border:2px solid #fff;font-size: 15px; }
    #mid_box .mid_wrap .left {display:inline-block; width:100%;margin-right: 0;float: none; }
    #mid_box .mid_wrap .left .left_txt .text_box { width: 100%; }
    #mid_box .mid_wrap .left .left_txt .text_box { padding:  20px 0; }
    #mid_box .mid_wrap .right .list_box .list_text p { border-bottom: 0; }
    #mid_box .mid_wrap .right .list_box ul li { border-bottom: 1px solid #b2b2b2;padding-bottom: 20px; }
    #mid_box .mid_wrap .right{ position: relative;overflow:visible; }
    #mid_box .mid_wrap .right:before { content: "";display: block;position: absolute;width: 200%;height: 780px;background: #e9eef2;top: 0;left: -20px; }
    #mid_box .mid_wrap .right {height: 605%; padding: 40px 0; }
    #mid_box .mid_wrap .right .right_wrap { overflow: visible; width:100%;}
    #mid_box .mid_wrap .right .list_box ul li:last-child .list_text p { border-bottom: 0; }
    #mid_box .mid_wrap .right .list_box ul li:last-child { border-bottom: 0; }
    #mid_box .mid_wrap .center h3 { font-size: 22px; }
    #mid_box .mid_wrap .center h3 { font-size: 22px; }
    #mid_box .mid_wrap .right h3{ font-size: 22px; }
    #mid_box .mid_wrap:before { left: -58px;top: 525px; }
    #mid_box .mid_wrap .center { padding: 40px 0;height: 100%; }
	#mid_box .mid_wrap .right .cent_bottom {width:100%;}
    /* #mid_box .mid_wrap .right .more { top:52px; } */
    /* #mid_box .mid_wrap .right .cent_bottom .more{top:0} */
    #mid_box .mid_wrap .left .obj .left_txt.grap {  width: 100%;  }
    #mid_box .mid_wrap .left .obj .left_txt.grap .left_wrap.obj{ margin: 0 auto; }
    #mid_box .mid_wrap .left .item:before {content: "";display: block;position: absolute;width: 296px;height: 262px;border: 2px solid #ddd;top: -14px;left: 50%;z-index: 10;margin-left: -138px;}     

    #mid_box .mid_wrap .left .ebook {left:50%; margin-left:-148px;}
    #mid_box .mid_wrap .left .newsletter.fir {width:100%; border-radius: 0 30px 30px 0;}
    #mid_box .mid_wrap .left .newsletter.fir .icon{display:block;}


     #pop_slide  {left: 20px;right: 20px;width:auto;margin: 0;}
}

@media(max-width:550px){
    #pop_slide {width:100%; left:auto; right:auto; margin:0; padding:0 20px;}
}

@media (max-width:375px){ 
    #mid_box .mid_wrap .left .left_wrap .item img { width:100%; }
    #mid_box .mid_wrap .left .left_wrap { margin:0; }
    #mid_box .mid_wrap .left .left_txt .text_box { width: 310px; }
    #mvisual .grap .item .tit_wrap strong span { display: inline-block ;}
    #mid_box .mid_wrap .left .item:before {margin-left:0;top: -14px;left: 10px;margin-left: 0;} 
    #mid_box .mid_wrap .left .newsletter a span{right:12px;}
}

@media (max-width:320px){
    #mid_box .mid_wrap .left .left_txt .text_box { width:263px; }
    #mid_box .mid_wrap .left .left_wrap .item img { width:100%; }
    #mid_box .mid_wrap .left span { width:263px; }
    #mid_box .mid_wrap .left .item:before { width: 263px;height: 233px; } 
}

/* 메인 팝업창 */
.popup_box .new_pop_bg {background: #000; padding:6px 0px;}
.popup_box .new_pop_bt_bg {background: #000; padding: 3px 0 3px;}
.new_pop_font{color:#fff;line-height:25px;margin-right: 10px; float: right;}
.new_pop_close {color:#fff;margin-left:10px;}
.new_pop_con_box{ background:#ffffff; margin-left:6px;margin-right:6px;}