@charset "utf-8";
@import url(motion.css);
@import url(footer.css);
@import url(contents.css);
@import url(table.css);
@import url(load.css);

html, body{width: 100%; height:100%;}

#wrap{width: 100%; }

#sub.bg_black{background: #f1f1f1;}


/* 2022.01.27. 스크롤 이벤트 추가 */
.scroll_elem{ opacity: 0; transition : 0.7s ease; transform: translate(0, 50px);}
.scroll_up{transform: translate(0, 0px); opacity: 1;}



/* 2022.03.23. webs 추가 */
.webs_txt{max-width : 1200px; width : 100%; margin : 0 auto 60px;}
.webs_txt{}
.webs_txt .tit{font-size: 50px; line-height: 1; margin-bottom: 16px;}
.webs_txt p{font-size: 19px; color : #000;}
.mid_banner img{width : 100%;}


/*메인비주얼*/

/* 어사이드 */
#aside .a_quick {display:inline-block; vertical-align:middle; position:absolute;/*position:fixed;*/ left:50px; top:58%; z-index:999; width:60px; height:150px; margin-top:-50px; transition:0.2s; -webkit-transition:0.2s;}
#aside .a_quick li {display:inline-block; vertical-align:middle; float:left; width:60px; height:60px; margin:5px;}
#aside .a_quick a {display:inline-block; vertical-align:middle; width:100%; height:100%; border-radius:45px; transition:0.2s; -webkit-transition:0.2s;}
#aside .a_quick a:hover {background-color:#c80919; box-shadow:0 20px 40px rgba(17, 20, 39, 0.15);}
#aside .a_quick .aq_icon {display:inline-block; vertical-align:middle; width:100%; height:100%; background-image:url("../img/s_img/icon_quick.png"); background-image:url("../img/s_img/icon_quick.png"); background-repeat:no-repeat; background-size:100% auto;}
#aside .a_quick .aq_icon.location {background-position:center top;}
#aside .a_quick .aq_icon.mail {background-position:center center;}
#aside .a_quick .aq_icon.instar {background-position:center bottom;}

#aside .a_customer {display:inline-block;display:none; vertical-align:middle; position:absolute; /*position:fixed;*/ right:50px; top:60%; z-index:999; width:120px; height:140px; margin-top:-70px; text-align:center; transition:0.2s; -webkit-transition:0.2s;}
#aside .a_customer .ac_title {display:inline-block; vertical-align:middle; width:100%; height:30px; margin-bottom:10px; font-size:12px; font-weight:600; color:#fff; line-height:30px;}
#aside .a_customer .ac_call {display:inline-block; vertical-align:middle; width:100%;}
#aside .a_customer .ac_call i {display:inline-block; vertical-align:middle; width:60px; height:60px; margin:0 20px; border-radius:30px; background-color:#c80919; background-image:url("../img/s_img/icon_call.png"); background-image:url("../img/s_img/icon_call_m.png"); background-repeat:no-repeat; background-size:auto 100%; background-position:left center; box-shadow:0 20px 40px rgba(17, 20, 39, 0.15); transition:0.2s; -webkit-transition:0.2s;}
#aside .a_customer .ac_call:hover i {background-color:#111427; background-position:right center;}
#aside .a_customer .ac_call span {display:inline-block; vertical-align:middle; width:100%; height:30px; margin-top:10px; font-size:15px; font-weight:800; color:#fff; line-height:30px; white-space:nowrap;}




/* 섹션 01 */
.section {overflow:hidden;}
.scroll-down {position:absolute; left:50%; bottom:0; z-index:10; text-align:center; width:106px; margin-left:-53px;}
.scroll-down .sd-img {position:relative;}
.scroll-down .sd-txt {color:#fff; font-size:16px; font-weight:400;}

/* main link icon 2022.01.10. */
.main_link{position : absolute; bottom : 0px; z-index: 100; width : 100%; background: #ebebeb;}
.main_link ul{display : flex; justify-content: center; padding: 19px 0;}
.main_link ul li{margin-right: 40px;}
.main_link ul li:last-child{margin-right: 0;}

/* 메인영상 text */
.main_title{position : absolute; top: 400px; left : 200px; z-index: 100; color : #fff;}
.main_title h2{font-size: 54px; line-height: 1; margin-bottom: 16px; font-family: 'NanumBarunGothic';}
.main_title p{font-size: 22px; line-height: 35px; font-family: 'NanumBarunGothic';}
.main_title p.m_sub{font-size: 26px;}
.section.default .container{width: 100%;height: 100%;}
.section.default h3{padding:11% 0 20px 0;text-align: center;font-size: 48px;color: #fff;font-weight:600; letter-spacing:-0.03em; text-shadow:0px 0px 10px rgba(0,0,0,0.22);}
.section.default p.tit{font-size:18px; font-weight:300; line-height:1.5; color:#fff; text-align: center; text-shadow:0px 0px 10px rgba(0,0,0,0.22);}



/* PRODUCT */

.section#section1{clear:both; position:relative; margin:0; padding:0; width:100%; }

.who_wrap{width:1200px; min-height:890px; margin:0 auto;  position:relative; }

.who_wrap p.step01_title{font-size:125px; line-height:1; font-weight:300; color:#c60000;  font-family:'NexaLight'; }
.who_wrap p.step01_title strong{font-family:'NexaBold';  display:block; padding-top:100px;} 


ul.step01_list{position:relative; width:100%; max-width:750px; margin:100px auto; }
ul.step01_list:after{display: block;content: '';clear: both;}
ul.step01_list li{width:33.33%; float:left; display:inline; text-align:center; }
ul.step01_list li dt{margin-bottom:10px;}
ul.step01_list li dd.tit{font-size:80px; font-weight:600; text-align:center; }

ul.step01_list li dd.txt{font-size:25px;text-align:center; margin-top:50px; font-weight:500;}
ul.step01_list li dd span.counter {display:inline-block; vertical-align:middle;  font-weight:900; color:#111; font-size:80px; font-weight:600;  line-height:1.1; letter-spacing:-1px; text-align:left; text-shadow:0 20px 40px rgba(17, 20, 39, 0.15);}
ul.step01_list li dd sup{color:#111;  font-size:44px; padding-left:2px; vertical-align:top;}

.step02_wrap{position:relative; width:100%; min-height:880px; background:#c60000 url('../img/s_img/step02_wrap_bg.jpg') no-repeat 0 0;}
.step02_wrap dl.step02_list01{text-align:right; padding:60px 5% 60px 0;}

.step02_wrap dl.step02_list01 dt{color:#fff; font-size:83px; line-height:1; font-family:'NexaDemoLight'; letter-spacing:-0.05em;}
.step02_wrap dl.step02_list01 dd{margin-top:60px; color:#fff; font-size:21px; font-weight:300;}
.step02_wrap dl.step02_list01 dd strong{font-weight:600;}


.step02_wrap ul.step02_list02{text-align:right; margin-right:5%;}
.step02_wrap ul.step02_list02:after{display: block;content: '';clear: both;}
.step02_wrap ul.step02_list02 li{display:inline; float:right; padding:40px 10px 40px 10px; width:160px; }

.step02_wrap ul.step02_list02 li dt{text-align:center;}
.step02_wrap ul.step02_list02 li dd{padding-top:20px; font-size:15px;color:#fff;  text-align:center; letter-spacing:-0.05em;}


.step02_wrap p.step02_list02_txt{margin-right:5%;text-align:right; font-size:21px; color:#fff; line-height:1.5; letter-spacing:-0.05em;}
.step02_wrap p.step02_list02_txt span.pc_cut{display:block;}

span.point{color:#c60000 !important;}
.bold{font-weight:bold;}

.pop_moniter{z-index:9999; position:absolute; top:700px; left:0; width:560px; height:880px; background:url(../img/s_img/main_moniter.png) no-repeat 0 0; padding-top:60px;}
.pop_moniter p.pop_moniter_txt{z-index:999999; margin-top:580px; font-size:40px; text-align:left; padding-right:25px;  }
.pop_moniter span.write{margin-top:40px;  animation: typing 2s steps(22), blink .5s step-end infinite alternate;  white-space: nowrap;  overflow: hidden;  border-right: 3px solid #333;  font-family: 'NexaDemoLight', "Noto Sans KR", "Roboto", sans-serif;
  font-size: 41px; letter-spacing:-0.03em;  line-height:42px;   width:310px;text-align:left;}

.pop_moniter span.write span.point{color:#c60000 !important; font-weight:600;}
.pop_moniter span.write span.s_point{color:#c60000 !important; font-weight:600; font-size:28px;}



.hide{display:none;}

/* 우리함께한다 */
.pop_moniter {
/*height: 100vh;*/

  display: flex;
  align-items: center;
  justify-content: center;
}



.typing-demo02 {
  animation: typing 2s steps(22), blink .5s step-end infinite alternate;
  white-space: nowrap;
  overflow: hidden;
  border-right: 3px solid;
  width:290px;
font-family:'NexaDemoLight';  text-align:left; letter-spacing:0; font-size:32px; line-height:44px;   color:#fff; 

}
.typing-demo02 span.point{color:#c60000 !important; font-weight:600;}



.typing-demo {
margin-top:0px;
  animation: typing 2s steps(22), blink .5s step-end infinite alternate;
  white-space: nowrap;
  overflow: hidden;
  border-right: 3px solid;
  font-family: 'NexaDemoLight', "Noto Sans KR", "Roboto", sans-serif;
  font-size: 41px; letter-spacing:-0.03em;
  line-height:42px; 
  width:310px;
text-align:left; 
}

.typing-demo span.point{color:#c60000 !important; font-weight:600;}


@keyframes typing {
  from {
    width: 0
  }
}
    
@keyframes blink {
  50% {
    border-color: transparent
  }
}

.counter{
  height: 50px;
}




/*Green Maker bnk*/


.section#section2{clear:both; margin:50px 0 0 0; padding:0; background:#fff;}
.section#section2 .container{width:100%; max-width:1200px; margin:0 auto; }


/* 최근갤러리 */

ul.photo_list {clear:both; position:relative; z-index:10; width:100%; max-width:1200px; margin:50px auto 50px auto !important; border-bottom:1px solid #ebebeb; padding-bottom:50px;}
ul.photo_list:after{display: block;content: '';clear: both;}
ul.photo_list li{ display:inline; }
ul.photo_list li.f_l{float:left;width:50%; }
ul.photo_list li.f_l dl dt{margin-bottom:50px; padding-top:15px;background:url('../img/s_img/photo_list_bar.gif') no-repeat 0 0; font-size:34px; font-weight:600; letter-spacing:-0.05em; line-height:1.6; }
ul.photo_list li.f_l dl dd {margin-bottom:10px; line-height:26px;}
ul.photo_list li.f_l dl dd span{width:110px; vertical-align: top; background:#d71920; display:inline-block; line-height:26px; color:#fff; text-align:center; font-family: 'NexaDemoBold';}
ul.photo_list li.f_l dl dd em.txt{margin-left:18px; font-size:19px; color:#111; letter-spacing:-0.03em; line-height:26px; }
ul.photo_list li.f_r{float:right; width:50%; max-width:490px; }
ul.photo_list li.f_r img{width:100%; max-width:490px; border : 1px solid #f1f1f1; border-radius: 20px;}
ul.photo_list li.f_r a img{width:100%; width:490px; height:276px;  max-width:490px; }

ul.photo_list li.f_r video{width:100%; max-width:490px; }
ul.photo_list li.f_r a video{width:100%; width:490px; height:276px;  max-width:490px; border-radius: 20px;}


.btn_readmore{width:100%; margin:60px auto 60px auto; text-align:right;}
.btn_readmore img{}




#wrap .sub_nav.pc ul li.double a{padding-top: 9px;height: 56px;line-height: 1.3;}
#wrap .sub_nav.s1 ul li{width: 33.33333333333333%; margin-left: 33.33333333333333%; }

#wrap .sub_nav.s2 ul li{width: 49.999%;}
#wrap .sub_nav.s3 ul li{width: 33.33333333333333%;}
#wrap .sub_nav.s4 ul li{width: 25%;}
#wrap .sub_nav.s5 ul li{width: 20%;}
#wrap .sub_nav.s6 ul li{width: 16.66666666666667%;}

#wrap .sub_nav.mobile{display: none;position: relative;width: 100%;z-index: 1000;}
#wrap .sub_nav.mobile a.selected{position: relative;display: block;width: 100%;height: 60px;border-bottom: 1px solid #ccc;}
#wrap .sub_nav.mobile a.selected span.txt{display: block;width: 100%;height: 60px;line-height: 60px;font-size: 20px;font-weight: 500;text-align: center;color: #090909;}
#wrap .sub_nav.mobile a.selected span.arrow{position: absolute;top: 15px;right: 15px;display: block;width: 30px;height: 30px;background: url(../img/s_img/sub_nav_m_arrow.png) no-repeat center center;-webkit-background-size: 100%;background-size: 100%;}
#wrap .sub_nav.mobile a.selected.on span.arrow{background: url(../img/s_img/sub_nav_m_arrow_on.png) no-repeat center center;-webkit-background-size: 100%;background-size: 100%;}
#wrap .sub_nav.mobile ul{display: none;position: absolute;top: 60px;left: 0;width: 100%;background: #62b63a;padding: 30px 0;}
#wrap .sub_nav.mobile ul li{}
#wrap .sub_nav.mobile ul li a{display: block;width: 100%;font-size: 20px;color: #fff;text-align: center;height: 40px;line-height: 40px;}
#wrap .sub_nav.mobile ul li a:hover{background:#338f06;}

#wrap #content{clear:both; width: 100%; }
#wrap #content .container{width:100%; max-width:1200px; margin: 0 auto;padding:0px 0 0px 0; }
#wrap #content .container.pd40{padding:100px 0 40px 0;}

#sub #wrap #content h4{font-size: 35px;color: #090909;text-align: center;font-weight: 500;margin-bottom:60px; line-height:70px; }
#sub #wrap #content h4 span{line-height:70px;padding:0 10px 13px 10px;}
#sub #wrap #content p.p_tit{font-size:20px;color: #252525;text-align: center;font-weight: 300;margin-bottom:60px;line-height:28px;margin-top: -20px;}



#sub #wrap #content p.p_tit span.pc_cut{display:block;}
#sub #wrap #content p.p_tit strong{font-weight:600;}
#sub #wrap #content p.h4_tit{font-size: 35px;color: #090909;text-align: center;font-weight: 500;margin-bottom:60px; line-height:70px; }




#sub #wrap #content p.p_tit02{font-size:20px;color: #252525;text-align: center;font-weight: 300;margin-bottom:40px;line-height:28px;margin-top: -20px;background: url(../img/s_img/line_vision.gif) no-repeat center bottom;padding-bottom: 90px;}
#sub #wrap #content p.p_tit02 span.pc_cut{display:block;}
#sub #wrap #content p.p_tit02 strong{font-weight:600;}
#sub #wrap #content p.h4_tit{font-size: 35px;color: #090909;text-align: center;font-weight: 500;margin-bottom:60px; line-height:70px; }





/*탭메뉴 스타일*/
#tab_box {clear:both; padding:0px; margin:0px auto 100px auto !important; width:700px; }
#tab_box strong.tabTi {height: 0; overflow: hidden; position: absolute; top: -10000em; visibility: hidden; width: 0;}
#tab_box a {display: inline-block; line-height:46px;min-height:48px; font-size:18px; margin-left: -1px; width:31%; background:#d71920; color:#fff;  margin:0 1%;}
#tab_box a:link, #tab_box a:visited{ background:#d71920; color:#fff; font-weight:600; padding:0px 0px 0px 0px; text-align:center;line-height:46px;min-height:48px; }
#tab_box a.tab_ov:link, #tab_box a.tab_ov:visited, #tab_box a.tab_ov:hover {background:#111; color:#fff; font-size:18px; line-height:46px; min-height:48px; font-weight:600; padding:0px 0px 0px 0px;text-align:center;}
#tab_box a:hover {color: #fff; font-weight:600; padding:0px 0px 0px 0px;text-align:center;line-height:46px;min-height:48px; text-decoration:none; }

       


/*상품소개 tab1 */


dl.top_tit_list02{width:100%; max-width:1200px; margin:0 auto;}
dl.top_tit_list02 dt{font-size:90px; line-height:1; letter-spacing:-0.05em; color:#d7191f; font-weight:600;  text-align:left;font-family:'NexaDemoBold';}
dl.top_tit_list02 dd{font-size:80px; line-height:1; letter-spacing:-0.05em; color:#d7191f;  font-weight:300; text-align:left;font-family:'NexaDemoLight';}
dl.top_tit_list02 dt.black{color:#111;}
dl.top_tit_list02 dd.black{color:#111;}


ul.top_tit_list02{clear:both;width:100%; max-width:1200px; margin:60px auto 80px auto; }
ul.top_tit_list02:after{display: block;content: '';clear: both;}
ul.top_tit_list02 li.tit{display:inline; float:left; width:auto; font-size:32px; line-height:1.5; font-weight:600; letter-spacing:-0.05em; }
ul.top_tit_list02 li.txt{margin-left:20px; padding-left:20px; border-left:2px solid #d71920; display:inline; float:left; width:74%; font-size:22px; line-height:1.5; font-weight:300; letter-spacing:-0.05em;}
ul.top_tit_list02 li.txt span.pc_cut{display:block;}


ul.full_list{clear:both; width:100%; position:relative; margin:0px 0; background:#f1f2f2; }
ul.full_list:after{display: block;content: '';clear: both;}
ul.full_list li{display:inline; }
ul.full_list li.full_l{width:50%; background:#f1f2f2; display:inline-block; float:left; text-align:right;  font-size:36px; line-height:1.5; letter-spacing:-0.05em; font-weight:300; padding:100px 30px 0 0;}
ul.full_list li.full_l strong{font-weight:500;}
ul.full_list li.full_r{width:50%;background:#f1f2f2; display:inline-block; float:right; font-size:20px; line-height:1.5; font-weight:300; }
ul.full_list li.full_r strong{font-weight:500;}
ul.full_list li.full_r em.pc_cut{display:block;}

ul.full_list li img{width:100%; max-width:960px;}



ul.full_list02{clear:both; width:100%; margin:0px 0; background:#f1f2f2; }
ul.full_list02:after{display: block;content: '';clear: both;}
ul.full_list02 li{display:inline; }
ul.full_list02 li.full_l{width:50%; display:inline-block; float:left; text-align:right;  font-size:36px; line-height:1.5; font-weight:300; }
ul.full_list02 li.full_l strong{font-weight:500;}
ul.full_list02 li.full_r{ width:50%;background:#f1f2f2; display:inline-block; float:right; font-size:20px; line-height:1.5; letter-spacing:-0.05em; font-weight:300; padding:10% 0px 0 30px;}
ul.full_list02 li.full_r strong{font-weight:500;}
ul.full_list02 li.full_r em.pc_cut{display:block; font-weight:300;}
ul.full_list02 li img{width:100%; max-width:960px;}


ul.full_list03{clear:both; width:1200px; margin:100px auto 20px auto; }
ul.full_list03:after{display: block;content: '';clear: both;}
ul.full_list03 li{display:inline; }
ul.full_list03 li.full_l{width:37.5%;  display:inline-block; float:left; text-align:left; padding-top:235px; font-size:36px; line-height:1.5; font-weight:300; }
ul.full_list03 li.full_l dt{font-size:18px; background:url(../img/s_img/full_list03_line.gif) no-repeat 0 bottom; padding-bottom:10px; font-weight:600;}
ul.full_list03 li.full_l dt span.s_font{font-size:12px; color:#58595b; line-height:1.2; display:block;font-family:'NexaDemoLight';}
ul.full_list03 li.full_l dd{font-size:24px; line-height:1.5; margin-top:20px; font-weight:300; letter-spacing:-0.05em;}
ul.full_list03 li.full_l dd span.pc_cut{display:block;}
ul.full_list03 li.full_l strong{font-weight:500;}
ul.full_list03 li.full_r{width:59.75%; display:inline-block; float:right; font-size:20px; line-height:1.5; font-weight:300; padding:0px 0px 0 30px;}

ul.full_list03 li.full_r img{width:100%; max-width:717px;}



ul.full_list04{clear:both; width:1200px; margin:100px auto 100px auto; }
ul.full_list04:after{display: block;content: '';clear: both;}
ul.full_list04 li{display:inline; }
ul.full_list04 li.full_l{width:16%;  max-width:170px; display:inline-block; float:left; text-align:left;  font-size:36px; line-height:1.5; font-weight:300; }
ul.full_list04 li.full_r dt{font-size:28px; font-weight:600; padding-bottom:10px; letter-spacing:-0.05em; background:url('../img/s_img/full_list04_line.gif') no-repeat 0 bottom; margin-top:1px;}

ul.full_list04 li.full_r dd{font-size:22px; line-height:1.5; letter-spacing:-0.05em; margin-top:20px; font-weight:300;}
ul.full_list04 li.full_r dd span.pc_cut{display:block;}
ul.full_list04 li.full_r strong{font-weight:500;}
ul.full_list04 li.full_r{width:84%; display:inline-block; float:right; font-size:20px; line-height:1.5; font-weight:300; padding:0px 0px 0 30px;}
ul.full_list04 li.full_r img{width:100%; max-width:717px;}


dl.full_list05_wrap{clear:both; margin:60px 0; padding:40px 0; min-height:900px; background:url(../img/s_img/full_list05_wrap_line.gif) repeat-x 0 0;}
dl.full_list05_wrap dt{font-size:90px; font-weight:300; line-height:1.1;}
dl.full_list05_wrap dt strong{font-weight:600; }
dl.full_list05_wrap dd ul.full_list05{clear:both; width:1200px; margin:100px auto 20px auto; }
dl.full_list05_wrap dd ul:after{display: block;content: '';clear: both;}
dl.full_list05_wrap dd li{display:inline; }
dl.full_list05_wrap dd li.full_l{width:37.5%;  display:inline-block; float:left; text-align:left; padding-top:235px; font-size:36px; line-height:1.5; font-weight:300; }
dl.full_list05_wrap dd li.full_l dt{font-size:18px; background:url(../img/s_img/full_list03_line.gif) no-repeat 0 bottom; padding-bottom:10px; font-weight:600;}
dl.full_list05_wrap dd li.full_l dt span.s_font{font-size:12px; color:#58595b; line-height:1.2; display:block;font-family:'NexaDemoLight';}
dl.full_list05_wrap dd li.full_l dd{font-size:24px; line-height:1.5; margin-top:20px; font-weight:300; letter-spacing:-0.05em;}
dl.full_list05_wrap dd li.full_l dd span.pc_cut{display:block;}
dl.full_list05_wrap dd li.full_l strong{font-weight:500;}
dl.full_list05_wrap dd li.full_r{width:59.75%; display:inline-block; float:right; font-size:20px; line-height:1.5; font-weight:300; padding:0px 0px 0 30px;}
dl.full_list05_wrap dd li.full_r img{width:100%; max-width:717px;}
dl.full_list05_wrap dt span.w1200{width:100%; max-width:1200px; margin:0 auto; display:block; color:#fff;}


dl.full_list05_wrap dd li.full_l02{width:37.5%;  display:inline-block; float:left; text-align:left; padding-top:150px; font-size:36px; line-height:1.5; font-weight:300; }
dl.full_list05_wrap dd li.full_l02 dt{font-size:18px; background:url(../img/s_img/full_list03_line.gif) no-repeat 0 bottom; padding-bottom:10px; font-weight:600;}
dl.full_list05_wrap dd li.full_l02 dt span.s_font{font-size:12px; color:#58595b; line-height:1.5; display:block;font-family:'NexaDemoLight';}
dl.full_list05_wrap dd li.full_l02 dd{font-size:24px; line-height:1.5; margin-top:20px; font-weight:300; letter-spacing:-0.05em; }
dl.full_list05_wrap dd li.full_l02 dd span.pc_cut{display:block;}
dl.full_list05_wrap dd li.full_l02 strong{font-weight:500;}









/* portfolio_tab */

.tab {width:100%; max-width:1200px; margin:0px auto 120px auto; padding:0; border-radius:25px;}
.tab li a{display:inline-block; float:left; width:220px; margin-right:10px;line-height:46px; height:48px;  font-size:18px; font-weight:600; text-align:center; padding:0; cursor:pointer;   background:transparent; color:#111;}
.tab li.fir{}
.tab li.on a{ background: #fff; color:#111; font-size:18px;line-height:46px; height:48px; font-weight:600; }


.tab_con {float:left; width:100%; clear:both; margin:0;}
.tab_con .tcon {float:left; width:100%; display:none; height:auto; text-align:left; }

/* portfolio_more */
.m_more {float:left; width:100%; height:auto; margin:0 auto; padding:0;}
.more {float:left; width:100%; height:auto; margin:0;}
.load-destinations-box {width:100%; margin: 0 auto 0; text-align:center;}




.por_list_in { display:block; position:relative; width:100%; max-width:1200px; margin:0 auto; padding:105px 0; overflow:hidden; }
.por_list_in:after{display: block;content: '';clear: both;}
.por_list_in li {width:23.75%; min-height:354px; float:left; margin-right:1.66666666667%; margin-bottom:20px;border:1px solid #ddd;}
.por_list_in li.last {margin-right:0px; }
.por_list_in li dt {text-align:center;}
.por_list_in li dt img {width:100%; max-width:110px; margin:80px auto 20px auto;}
.por_list_in li dd{text-align:center;}
.por_list_in li dd {font-size:32px; letter-spacing:-0.05em;}

.por_list_in li.redbox{ background:#d71920; padding-top:215px;}
.por_list_in li.redbox dl{padding-left:25px;}
.por_list_in li.redbox dt{color:#fff !important; font-size:20px; letter-spacing:-0.05em; line-height:1.5;  text-align:left;}
.por_list_in li.redbox dd{color:#fff !important; font-size:31px; font-weight:600; line-height:1.2; letter-spacing:-0.05em;text-align:left;}




ul.full_list06_wrap{clear:both; margin:100px auto; width:100%; max-width:1200px; }
ul.full_list06_wrap:after{display: block;content: '';clear: both;}
ul.full_list06_wrap li{display:inline; margin-bottom:30px; text-align:center;}
ul.full_list06_wrap li{float:left; width:50%; max-width:588px; min-height:290px; border:2px solid #6b6b6b;}
ul.full_list06_wrap li.f_right{float:right; width:50%; max-width:588px; min-height:290px; border:2px solid #6b6b6b;}
ul.full_list06_wrap li dl{padding:50px 0;}
ul.full_list06_wrap li dl dt{font-size:33px; line-height:1.3; font-weight:500; padding-bottom:18px; letter-spacing:-0.05em; background:url('../img/s_img/full_list06_wrap_line.gif') no-repeat center bottom;}
ul.full_list06_wrap li dl dd{font-size:20px; line-height:1.5; font-weight:400; margin-top:20px; letter-spacing:-0.05em;}
ul.full_list06_wrap li dl dd span.pc_cut{display:block;}
ul.full_list06_wrap li dl dd em.m_cut{font-weight:400; }


/*상품소개 tab4 */


ul.full_list07_wrap{clear:both; margin:40px auto; width:100%; max-width:1200px;  }
ul.full_list07_wrap:after{display: block;content: '';clear: both;}
ul.full_list07_wrap li{width:50%; display:inline;}
ul.full_list07_wrap li.f_left{float:left;}
ul.full_list07_wrap li.f_right{float:right;}

ul.full_list07_wrap li.f_right img{width:100%; max-width:660px;}

ul.full_list07_wrap li.f_left dl.top_tit_list_02{width:100%; max-width:1200px; margin:0 auto; }
ul.full_list07_wrap li.f_left dl.top_tit_list_02 dt{font-size:90px; line-height:1; letter-spacing:-0.05em; color:#d7191f; font-weight:600;  text-align:left;font-family:'NexaDemoBold';}
ul.full_list07_wrap li.f_left dl.top_tit_list_02 dd{font-size:80px; line-height:1; letter-spacing:-0.05em; color:#d7191f;  font-weight:300; text-align:left;font-family:'NexaDemoLight';}


ul.full_list07_wrap li.f_left ul.top_tit_list_03{clear:both;width:100%; max-width:1200px; margin:100px auto 80px auto; }
ul.full_list07_wrap li.f_left ul.top_tit_list_03:after{display: block;content: '';clear: both;}
ul.full_list07_wrap li.f_left ul.top_tit_list_03 li.tit{display:inline-block; width:100%; font-size:32px; line-height:1.5; font-weight:600; letter-spacing:-0.05em; margin-bottom:15px;}
ul.full_list07_wrap li.f_left ul.top_tit_list_03 li.tit span{border-bottom:2px solid #d60011; padding-right:10px;}
ul.full_list07_wrap li.f_left ul.top_tit_list_03 li.txt strong{font-weight:400; margin-bottom:15px;}

ul.full_list07_wrap li.f_left ul.top_tit_list_03 li.txt{ font-size:22px; line-height:1.5; font-weight:300; letter-spacing:-0.05em;}
ul.full_list07_wrap li.f_left ul.top_tit_list_03 li.txt span.pc_cut{display:block;}


ul.full_list07_wrap li.f_left dl.full_list07{width:100%; max-width:490px; padding-top:80px;}
ul.full_list07_wrap li.f_left dl.full_list07 dt{background:#d60011; color:#fff;font-weight:300; font-size:33px; line-height:53px; padding-left:20px;}
ul.full_list07_wrap li.f_left dl.full_list07 dt strong{font-weight:600;}
ul.full_list07_wrap li.f_left dl.full_list07 dd{font-size:20px; line-height:1.5; letter-spacing:-0.05em; margin-top:20px;}
ul.full_list07_wrap li.f_left dl.full_list07 dd span.pc_cut{display:block;}



p.tit_redbold{clear:both; width:100%; max-width:1200px; margin:0px auto 0px auto; font-size:32px; color:#d71920; font-weight:600;}

ul.full_list08_no{clear:both; margin:0px auto 60px auto; width:100%; max-width:1200px; }
ul.full_list08_no:after{display: block;content: '';clear: both;}
ul.full_list08_no li{padding:40px 0; min-height:120px;}
ul.full_list08_no li dl:after{display: block;content: '';clear: both;}
ul.full_list08_no li dt.no{width:10%; display:inline; float:left;font-size:70px;  line-height:1; color:#d71920; font-weight:300;font-family:'NexaDemoLight';}
ul.full_list08_no li dd.txt{width:90%; display:inline; float:left;font-size:70px; font-weight:300;}
ul.full_list08_no li dd.txt dt{font-size:20px; font-weight:600;  line-height:1.5; letter-spacing:-0.05em; font-family: "Noto Sans KR";}
ul.full_list08_no li dd.txt dd{font-size:20px; font-weight:300; line-height:1.5; letter-spacing:-0.05em; font-family: "Noto Sans KR";}
ul.full_list08_no li dd.txt dd span.pc_cut{display:block;}


ul.full_list09_wrap{clear:both; margin:100px auto 60px auto; width:100%; max-width:1200px;}
ul.full_list09_wrap li{display:inline; width:50%;}
ul.full_list09_wrap li.f_left{float:left; }
ul.full_list09_wrap li.f_left img{width:100%; max-width:570px;}
ul.full_list09_wrap li.f_right{float:right;}
ul.full_list09_wrap li.f_right dl.full_list09_01{}
ul.full_list09_wrap li.f_right dl.full_list09_01 dt{background:#d60011; max-width:490px; color:#fff;font-weight:500; font-size:32px; letter-spacing:-0.05em; line-height:53px; padding-left:20px;}
ul.full_list09_wrap li.f_right dl.full_list09_01 dd{font-size:20px; line-height:1.5; letter-spacing:-0.05em; margin-top:20px;}

ul.full_list09_wrap li.f_right dl.full_list09_02{margin:40px 0;}
ul.full_list09_wrap li.f_right dl.full_list09_02 dt{font-weight:600; font-size:20px; line-height:1.5; margin-bottom:20px; padding-bottom:15px;background:url('../img/s_img/full_list06_wrap_line.gif') no-repeat left bottom;}
ul.full_list09_wrap li.f_right dl.full_list09_02 dt span.pc_cut{display:block;}
ul.full_list09_wrap li.f_right dl.full_list09_02 dd{font-size:20px; line-height:1.5; letter-spacing:-0.05em; margin-top:0px;}

ul.full_list09_wrap li.f_right ul.full_list09_03{margin:60px 0;}
ul.full_list09_wrap li.f_right ul.full_list09_03 li{display:inline-block; width:100%; min-height:120px;}
ul.full_list09_wrap li.f_right ul.full_list09_03 li.f_icon01{background:url('../img/s_img/full_list09_03_icon01.png') no-repeat 0 0;}
ul.full_list09_wrap li.f_right ul.full_list09_03 li.f_icon02{background:url('../img/s_img/full_list09_03_icon02.png') no-repeat 0 0;}
ul.full_list09_wrap li.f_right ul.full_list09_03 li.f_icon03{background:url('../img/s_img/full_list09_03_icon03.png') no-repeat 0 0;}
ul.full_list09_wrap li.f_right ul.full_list09_03 dl{padding-left:105px; }
ul.full_list09_wrap li.f_right ul.full_list09_03 dt{font-weight:600; font-size:20px; line-height:1.5; }
ul.full_list09_wrap li.f_right ul.full_list09_03 dd{font-size:20px; line-height:1.3; letter-spacing:-0.05em; }
ul.full_list09_wrap li.f_right ul.full_list09_03 dd span.pc_cut{display:block;}



/*우리도서관 */



p.memo{width:100%; max-width:1200px; margin:0 auto;	 }
p.memo img{width:100%; max-width:1200px; margin:0 auto;}

#sub.library_bg{background:#f1f1f1; width:100%; height:100%; }


/* 우리도서관 best */
.best {position:relative; margin:0px auto 60px auto; padding:0; width:100%; max-width:100%;  }

.best_topwrap{width:100%; background:#5679a1;padding:40px 0;}


ul.best_top {margin:0 auto; max-width:1200px;}
ul.best_top li{float:left; display:inline; width:50%;}
ul.best_top:after{display: block;content: '';clear: both;}
ul.best_top li.img{}

ul.best_top li.img img{width:100%; max-width:600px;}
ul.best_top li.txt{padding-left:30px; } 
ul.best_top li.txt dl{}
ul.best_top li.txt dl dt{font-size:40px; font-weight:600; line-height:1.4; letter-spacing:-0.05em; color:#fff;}
ul.best_top li.txt dl dd.tit{margin-top:40px;font-size:18px; font-weight:500; line-height:1.6; letter-spacing:-0.05em; color:#fff;}
ul.best_top li.txt dl dd{font-size:18px; font-weight:300; line-height:1.6; letter-spacing:-0.05em; color:#fff;}
ul.best_top li.txt ul.best_button{text-align: center; width:100%; margin-top:60px;vertical-align: middle;font-weight:600; float:left;}
ul.best_top li.txt ul.best_button li{ float:left; margin:0 10px 0 0; width:120px; text-align: left; vertical-align: middle;color:#fff; }
ul.best_top li.txt ul.best_button li.like img{padding-right:10px;}
ul.best_top li.txt ul.best_button li.like{ padding-left:0px; font-size:18px; line-height:22px; font-weight:600; color:#fff; }
ul.best_top li.txt ul.best_button li.arr{padding-left:0px; font-size:18px; line-height:22px;  font-weight:600;  color:#fff; }
ul.best_top li.txt ul.best_button li.arr img{padding-left:10px;}
ul.best_top li.txt ul.best_button li.arr a{color:#fff;}
			  
ul.best_list {margin:60px auto; padding:0; width:100%; max-width:1200px;}
ul.best_list:after{display: block;content: '';clear: both;}
ul.best_list li{float:left; display:inline; width:25%; }
ul.best_list li dl{}
ul.best_list li dt{font-size:30px; font-weight:600; color:#111; text-align:center;}
ul.best_list li dd.img{}
ul.best_list li dd.img img{margin-top:20px; width:100%; max-width:290px;}
ul.best_list li dd.btn{margin-top:40px; font-size:18px; line-height:22px; font-weight:600; text-align:center;}
ul.best_list li dd.btn img{padding-right:10px;}






/*상단 타이틀 도서관 */
.top_tit_wrap_library{clear:both; margin: 0 auto; padding:100px 0 80px 0; }
.top_tit_wrap_library dl.top_tit_list{width:100%; max-width:1200px; margin:0 auto;}
.top_tit_wrap_library dt{font-size:110px; line-height:1.1; letter-spacing:-0.05em; color:#d71920; font-weight:600; font-family:'NexaDemoBold'; text-align:left;}
.top_tit_wrap_library dd{font-size:100px; line-height:1.1; letter-spacing:-0.05em; color:#d71920;  font-weight:300; font-family:'NexaDemoLight'; text-align:left;}





/*상단 타이틀 도서관 */
.top_tit_wrap_library_mid{clear:both; margin: 0 auto; padding:200px 0 80px 0; }
.top_tit_wrap_library_mid dl.top_tit_list{width:100%; max-width:1200px; margin:0 auto; text-align:left;}
.top_tit_wrap_library_mid dt{font-size:110px; line-height:1.1; letter-spacing:-0.05em; color:#d71920; font-weight:600; font-family:'NexaDemoBold'; text-align:left;}
.top_tit_wrap_library_mid dd{font-size:100px; line-height:1.1; letter-spacing:-0.05em; color:#d71920;  font-weight:300; font-family:'NexaDemoLight'; text-align:left; margin-left:0;}



/*상단 타이틀 도서관 목록*/

.best_list_board_wrap{clear:both;  width:100%; max-width:1200px; margin:100px auto;}
.best_list_board_wrap p.page_r{text-align:right; font-size:18px; letter-spacing:-0.05em; padding-bottom:15px; border-bottom:1px solid #111;}
ul.best_list_board{width:100%; position:relative;margin:0px auto; padding:40px 0; border-bottom:1px solid #111;}
ul.best_list_board:after{display: block;content: '';clear: both;}
ul.best_list_board li{float:left; display:inline;}
ul.best_list_board li.img{width:25%; text-align:left;}
ul.best_list_board li.img img{width:100%; max-width:290px; }
ul.best_list_board li.txt{width:55%; text-align:left; padding-left:40px;}
ul.best_list_board li.txt dl{text-align:left;}
ul.best_list_board li.txt dl dt{font-size:20px; font-weight:500; letter-spacing:-0.05em; margin:5px 0 40px 0;}
ul.best_list_board li.txt dl dd{font-size:18px; line-height:1.5;letter-spacing:-0.05em; margin-bottom:40px;}
ul.best_list_board li.txt dl dd.date{font-size:16px; line-height:1.5;letter-spacing:-0.05em; margin-bottom:0px; }

ul.best_list_board li.btn{position:absolute; right:0; bottom:40px; margin:0; padding:0; width:20%; max-width:240px; float:right;  font-size:18px; line-height:22px; font-weight:600;}
ul.best_list_board li.btn span{min-width:120px; padding-right:20px; }
ul.best_list_board li.btn span.like02{min-width:120px; margin-right:40px;}
ul.best_list_board li.btn span.more02{min-width:120px; text-align:right;}
ul.best_list_board li.btn span.like02 img{padding-right:10px; }
ul.best_list_board li.btn span.more02 img{padding-left:10px; }




/*상단 타이틀 도서관 상세*/

.library_view{clear:both;  width:100%; max-width:1200px; margin:100px auto;}
.library_view p.h2_library{text-align:left; font-size:40px; font-weight:600; letter-spacing:-0.05em; line-height:1.5; padding-bottom:15px; border-bottom:1px solid #111;}
.library_view p.h3_library{background:#111; color:#fff; font-size:20px; font-weight:600; margin:60px 0 40px 0; line-height:50px; text-align:center;  letter-spacing:-0.05em;  }
p.h4_library{width:150px;  color:#111; font-size:24px; font-weight:600; margin:60px auto; line-height:50px; text-align:center;  letter-spacing:-0.05em; padding-bottom:15px; border-bottom:2px solid #111; }


ul.best_top_view {width:100%; position:relative; margin:0 auto;}
ul.best_top_view li{float:left; display:inline; width:50%;}
ul.best_top_view:after{display: block;content: '';clear: both;}
ul.best_top_view li.img{}

ul.best_top_view li.img img{width:100%; max-width:600px;}
ul.best_top_view li.txt{padding-left:30px; } 
ul.best_top_view li.txt dl{}
ul.best_top_view li.txt dl dt{font-size:18px; line-height:1.6; font-weight:400; letter-spacing:-0.05em; color:#111; margin-bottom:40px;}
ul.best_top_view li.txt dl dd{font-size:18px;  line-height:1.6; font-weight:400; letter-spacing:-0.05em; color:#111;  margin-bottom:40px;}
ul.best_top_view li.txt ul.best_button{position:absolute; bottom:0; text-align: center;  margin-top:40px;vertical-align: middle;font-weight:600; float:left;}
ul.best_top_view li.txt ul.best_button li{ float:left; margin:0 10px 0 0; text-align: left; vertical-align: middle;}
ul.best_top_view li.txt ul.best_button li.like img{padding-right:10px;}
ul.best_top_view li.txt ul.best_button li.like{text-align:center;  padding-left:0px; font-size:18px; line-height:22px; font-weight:600; width:150px; padding-bottom:15px; border-bottom:2px solid #111;}


p.like_info{text-align:right; margin:40px 0; font-size:18px; line-height:32px; font-weight:600;}
p.like_info span.point{color:#d60010; font-weight:600;}
p.like_info img{padding-left:20px; vertical-align:middle;}


.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell,.fp-auto-height.fp-section {
    height: auto!important
}

.fp-responsive .fp-auto-height-responsive .fp-slide,.fp-responsive .fp-auto-height-responsive .fp-tableCell,.fp-responsive .fp-auto-height-responsive.fp-section {
    height: auto!important
}

.fp-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0
}