@charset "utf-8";
/* CSS Document */


/* new font */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 100;
  src: 
       url(/font/NotoSansKR-Thin.woff2) format('woff2'),
	   url(/font/NotoSansKR-Thin.woff) format('woff'),
	   url(/font/NotoSansKR-Thin.otf.eot) format('eot'),
       url(/font/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 200;
  src: 
       url(/font/NotoSansKR-Light.woff2) format('woff2'),
	   url(/font/NotoSansKR-Light.woff) format('woff'),
	   url(/font/NotoSansKR-Light.otf.eot) format('eot'),
       url(/font/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 300;
  src: 
       url(/font/NotoSansKR-Regular.woff2) format('woff2'),
	   url(/font/NotoSansKR-Regular.woff) format('woff'),
	   url(/font/NotoSansKR-Regular.otf.eot) format('eot'),
       url(/font/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: 
       url(/font/NotoSansKR-Medium.woff2) format('woff2'),
	   url(/font/NotoSansKR-Medium.woff) format('woff'),
	   url(/font/NotoSansKR-Medium.otf.eot) format('eot'),
       url(/font/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 500;
  src: 
       url(/font/NotoSansKR-Bold.woff2) format('woff2'),
	   url(/font/NotoSansKR-Bold.woff) format('woff'),
	   url(/font/NotoSansKR-Bold.otf.eot) format('eot'),
       url(/font/NotoSansKR-Bold.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 600;
  src: 
       url(/font/NotoSansKR-Black.woff2) format('woff2'),
	   url(/font/NotoSansKR-Black.woff) format('woff'),
	   url(/font/NotoSansKR-Black.otf.eot) format('eot'),
       url(/font/NotoSansKR-Black.otf) format('opentype');
}
/* new font end */


/* Montserrat */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100;
  src: url(/font/Montserrat-Thin.otf.eot) format('eot'),
       url(/font/Montserrat-Thin.woff) format('woff'),
       url(/font/Montserrat-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  src: url(/font/Montserrat-ExtraLight.otf.eot) format('eot'),
       url(/font/Montserrat-ExtraLight.woff) format('woff'),
       url(/font/Montserrat-ExtraLight.otf) format('opentype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url(/font/Montserrat-Light.otf.eot) format('eot'),
       url(/font/Montserrat-Light.woff) format('woff'),
       url(/font/Montserrat-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url(/font/Montserrat-Regular.otf.eot) format('eot'),
       url(/font/Montserrat-Regular.woff) format('woff'),
       url(/font/Montserrat-Regular.otf) format('opentype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url(/font/Montserrat-Medium.otf.eot) format('eot'),
       url(/font/Montserrat-Medium.woff) format('woff'),
       url(/font/Montserrat-Medium.otf) format('opentype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url(/font/Montserrat-SemiBold.otf.eot) format('eot'),
       url(/font/Montserrat-SemiBold.woff) format('woff'),
       url(/font/Montserrat-SemiBold.otf) format('opentype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url(/font/Montserrat-Bold.otf.eot) format('eot'),
       url(/font/Montserrat-Bold.woff) format('woff'),
       url(/font/Montserrat-Bold.otf) format('opentype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url(/font/Montserrat-ExtraBold.otf.eot) format('eot'),
       url(/font/Montserrat-ExtraBold.woff) format('woff'),
       url(/font/Montserrat-ExtraBold.otf) format('opentype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url(/font/Montserrat-Black.otf.eot) format('eot'),
       url(/font/Montserrat-Black.woff) format('woff'),
       url(/font/Montserrat-Black.otf) format('opentype');
}


/* CrimsonText */
@font-face {
  font-family: 'Crimsontext';
  font-style: normal;
  font-weight: 100;
  src: url(/font/CrimsonText-Roman.eot) format('eot'),
       url(/font/CrimsonText-Roman.woff) format('woff'),
       url(/font/CrimsonText-Roman.otf) format('opentype');
}

@font-face {
  font-family: 'Crimsontext';
  font-style: normal;
  font-weight: 300;
  src: url(/font/CrimsonText-Semibold.eot) format('eot'),
       url(/font/CrimsonText-Semibold.woff) format('woff'),
       url(/font/CrimsonText-Semibold.otf) format('opentype');
}
@font-face {
  font-family: 'Crimsontext';
  font-style: normal;
  font-weight: 400;
  src: url(/font/CrimsonText-Bold.eot) format('eot'),
       url(/font/CrimsonText-Bold.woff) format('woff'),
       url(/font/CrimsonText-Bold.otf) format('opentype');
}


/* header ================================================================================================================================================ */
.header{position:fixed; overflow:hidden; width:100%; height:100px; z-index:10}
.logo, .menu, .menu li, .menu li a, .sns_li1, .sns_li1 li, .sns_li1 li a{position:relative; overflow:hidden}
.logo{display:block; float:left; margin:37px 0 0 80px; width:350px; height:27px; background:url(http://aquilakr.cdn3.cafe24.com/images/logo_w.png) center center no-repeat; background-size:cover; z-index:10}
/* menu */
.menu_bg{display:block; overflow:hidden; margin:36px 80px 0 0; float:right}
.menu, .menu li, .menu li a, .sns_li1, .sns_li1 li, .sns_li1 li a{display:block}
.menu, .menu li, .sns_li1, .sns_li1 li{float:left}
.menu{margin-right:14px}
.menu li a{padding:0 18px; color:#fff; font:700 14px/28px 'Montserrat','Noto Sans'; letter-spacing:1.7px; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out}
.menu li a:hover, .menu li a.on{color:#3193d0 !important}
.sns_li1 li{margin-left:16px; border-radius: 100%; }
.sns1, .sns2, .sns3, .sns4{width:29px; height:29px; font-size:0}
.sns1{background:url(http://aquilakr.cdn3.cafe24.com/images/sns_1_w.png) center center no-repeat; background-size:cover}
.sns2{background:url(http://aquilakr.cdn3.cafe24.com/images/sns_2_w.png) center center no-repeat; background-size:cover}
.sns3{background:url(http://aquilakr.cdn3.cafe24.com/images/sns_3_w.png) center center no-repeat; background-size:cover}
.sns4{background:url(http://aquilakr.cdn3.cafe24.com/images/sns_4_w.png) center center no-repeat; background-size:cover}
/* m_menu */
.m_menu, .m_menu_bg{display:none}
.col_blue{color:#3193d0}
@media screen and (max-width:1325px) {
.logo{margin-left: 20px}
.menu_bg{margin-right:20px}
.menu li a{padding:0 10px}
}

@media screen and (max-width: 1175px) {
.logo{margin-left: 20px; width: 340px; }
.menu_bg{margin-right: 20px; }
.menu li a { padding:0 7px; font: 700 15px/28px 'Montserrat','Noto Sans'; }
.sns_li1 li:first-child { margin-left: 0px; }
.sns_li1 li { margin-left: 10px; }
}


@media screen and (max-width:1083px) {
/* @media screen and (max-width:1279px) {*/
.header{overflow:visible; height:auto}
.logo{margin:13px 0 13px 20px; width:205px; height:16px; }
.menu_bg{display:none}
/* m_menu */
.m_menu{display:block; position:absolute; right:20px; color:transparent; cursor:pointer; background:transparent; width:23px; height:23px; top: 8px; z-index:12}
.m_menu span{display:block; width:24px; height:2px; margin:5px auto;
    -webkit-transition: all 200ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 200ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -webkit-transform: translate3d(0, 0, 0); -transform: translate3d(0, 0, 0);
    -webkit-backface-visibility:hidden; backface-visibility:hidden}
.m_menu.active .bar1{-webkit-transform:rotate(45deg); transform:rotate(45deg); margin-left: 0px; border-radius: 2px;  }
.m_menu.active .bar2{opacity:0}
.m_menu.active .bar3{-webkit-transform:rotate(-45deg); transform:rotate(-45deg); margin-top:-14px; margin-left: 0px; border-radius: 2px; }
.m_menu.active span{background:#fff !important}
/* m_menu_bg */
.m_menu_bg{position:fixed; z-index:11; width:100%; height:100%; top:0; overflow-x:hidden; background-color:rgba(36,36,36,0.94); color:#fff; padding-top:200px}
.m_menu_bg ul, .m_menu_bg li, .m_menu_bg li a{ position:relative; overflow:hidden; display:block}
.m_menu_bg li{text-align:center}
.m_menu_bg li a{font:600 18px/50px 'Montserrat','Noto Sans'; text-align:center; letter-spacing:1px}
.m_menu_bg li a.on{color:#3193d0}
.m_sns1, .m_sns2, .m_sns3, .m_sns4{width:30px; height:30px; font-size:0; display:inline-block !important; margin:31px 5px 0}
.m_sns1{background:url(http://aquilakr.cdn3.cafe24.com/images/sns_1_w.png) center center no-repeat; background-size:cover}
.m_sns2{background:url(http://aquilakr.cdn3.cafe24.com/images/sns_2_w.png) center center no-repeat; background-size:cover}
.m_sns3{background:url(http://aquilakr.cdn3.cafe24.com/images/sns_3_w.png) center center no-repeat; background-size:cover}
.m_sns4{background:url(http://aquilakr.cdn3.cafe24.com/images/sns_4_w.png) center center no-repeat; background-size:cover}
}


/* main ================================================================================================================================================ */
/* main */
.con, .main, .main_t_top_l_w, .main_t_top_l_b, .main_t_top_c_w, .main_t_top_c_b, .main_t_top_r_w, .main_t_top_r_b, .main_t_middle_l_w, .main_t_middle_l_b, .main_t_middle_c_w, .main_t_middle_c_b, .main_t_middle_r_w, .main_t_middle_r_b, .main_t_bottom_l_w, .main_t_bottom_l_b, .main_t_bottom_c_w, .main_t_bottom_c_b, .main_t_bottom_r_w, .main_t_bottom_r_b, .main_t1, .main_t2, .main2_bg, .main2, .main2_tit, .main2_tit2, .main2_li, .main2_li li, .main2_li li a, .main3, .main3_tit_bg, #touchSlider6, #touchSlider6 ul li a, .paging{position:relative; overflow:hidden}
.con{width:100%}
.main{display:table; width:1160px; height:1000px; margin:0 auto; vertical-align:middle}
@media screen and (max-width:1200px) {
.main{ width:calc(100% - 60px); margin:0 30px}
}

.main_bg{position:absolute; overflow:hidden; width:100%; height:100%; background:#000; opacity:0}
/* main_t */
.main_t_top_l_w, .main_t_top_l_b, .main_t_top_c_w, .main_t_top_c_b, .main_t_top_r_w, .main_t_top_r_b, .main_t_middle_l_w, .main_t_middle_l_b, .main_t_middle_c_w, .main_t_middle_c_b, .main_t_middle_r_w, .main_t_middle_r_b, .main_t_bottom_l_w, .main_t_bottom_l_b, 
.main_t_bottom_c_w, .main_t_bottom_c_b, .main_t_bottom_r_w, .main_t_bottom_r_b{display:table-cell; word-break:keep-all}
.main_t_top_l_w, .main_t_top_l_b, .main_t_top_c_w, .main_t_top_c_w, .main_t_top_r_w, .main_t_top_r_w{vertical-align:top; padding:200px 0 0 0}
.main_t_top_l_w{color:#fff; text-align:left}
.main_t_top_l_b{color:#000; text-align:left}
.main_t_top_c_w{color:#fff; text-align:center}
.main_t_top_c_b{color:#000; text-align:center}
.main_t_top_r_w{color:#fff; text-align:right}
.main_t_top_r_b{color:#000; text-align:right}
.main_t_middle_l_w, .main_t_middle_l_b, .main_t_middle_c_w, .main_t_middle_c_w, .main_t_middle_r_w, .main_t_middle_r_w{vertical-align:middle; padding:0}
.main_t_middle_l_w{color:#fff; text-align:left}
.main_t_middle_l_b{color:#000; text-align:left}
.main_t_middle_c_w{color:#fff; text-align:center}
.main_t_middle_c_b{color:#000; text-align:center}
.main_t_middle_r_w{color:#fff; text-align:right}
.main_t_middle_r_b{color:#000; text-align:right}
.main_t_bottom_l_w, .main_t_bottom_l_b, .main_t_bottom_c_w, .main_t_bottom_c_w, .main_t_bottom_r_w, .main_t_bottom_r_w{vertical-align:bottom; padding:0 0 200px 0}
.main_t_bottom_l_w{color:#fff; text-align:left}
.main_t_bottom_l_b{color:#000; text-align:left}
.main_t_bottom_c_w{color:#fff; text-align:center}
.main_t_bottom_c_b{color:#000; text-align:center}
.main_t_bottom_r_w{color:#fff; text-align:right}
.main_t_bottom_r_b{color:#000; text-align:right}
.main_t1{font:600 20px/30px 'Montserrat'; letter-spacing:4px; margin-bottom:17px}
.main_t2{font-size:28px; line-height:48px; font-weight:300}

.main_arrow{position:absolute; overflow:hidden; background:url(http://aquilakr.cdn3.cafe24.com/images/icon_1.png) center center no-repeat; background-size:cover; width:47px; height:25px;  bottom:80px; left:50%; margin-left:-23px}
/* main2 */
.main2_bg{width:100%; background:url(http://aquilakr.cdn3.cafe24.com/images/main2.jpg) center center no-repeat; background-size:cover}
.main2{max-width:1446px; margin:120px auto; padding:0 15px}/* margin:0 auto 119px */
.main2_tit{font:600 20px/30px 'Montserrat','Noto Sans'; letter-spacing:4px; text-align:center; color:#fff; margin:112px 0 71px}
.main2_tit2{font:600 20px/30px 'Montserrat','Noto Sans'; letter-spacing:4px; text-align:center; color:#fff; margin:525px 0 0}
.main2_li, .main2_li li, .main2_li li a{display:block}
.main2_li li{float:left; width:33.33%}
.main2_li li:nth-child(4){float:left; width:100%;}
.main2_li li:nth-child(4) a { margin-top: 26px; height: 225px; }
.main2_li li:nth-child(4) a .main2_tit2 { margin-top: 135px; }
 
.main2_li li a{height:668px; margin:0 13px} 



.main3_li, .main3_li li, .main3_li li a{display:block}
.main3_li li{ position:relative; display: inline-block; float:left; width:33.33%}
.main3_li li a{height:668px; margin:0 13px} 

#touchSlider6, .paging{display:none}
.main3_li { display: none; }
/* main3 */
.main3{width:100%; height:1000px; background:url(http://aquilakr.cdn3.cafe24.com/images/main3.jpg) center center no-repeat; background-size:cover; display:table; vertical-align:middle}
.main3_tit_bg{display:table-cell; vertical-align:middle; padding-bottom:110px}
.main3_t1{font:600 20px/30px 'Montserrat','Noto Sans'; letter-spacing:4px; text-align:center; color:#fff; margin:412px 0 59px}
.main3_t2_pc{font-size:28px; line-height:48px; font-weight:100; color:#fff; text-align:center}
.main3_t2_m{display:none}
@media screen and (max-width:1000px) {
html,body{height:100%}
.con{display:table; height:100%}
.main{width:100%; display:table-row; height:100%; margin:0}
/* main_t */
.main_t_top_l_w, .main_t_top_l_b, .main_t_top_c_w, .main_t_top_c_w, .main_t_top_r_w, .main_t_top_r_w{padding:100px 0 0 0}
.main_t_bottom_l_w, .main_t_bottom_l_b, .main_t_bottom_c_w, .main_t_bottom_c_w, .main_t_bottom_r_w, .main_t_bottom_r_w{vertical-align:bottom; padding:0 0 100px 0}
.main_t1{font:600 15px/20px 'Montserrat'; margin:0 40px 10px}
.main_t2{font-size:18px; line-height:26px; margin:0 40px; letter-spacing:-1px}

.main_arrow{width:23px; height:12px; bottom:50px; margin-left:-12px}

/* main2 */
.main2_li{margin:0 5px}
.main2_li li a{height:0;padding-bottom:140%; margin:0 5px}
.main2{width:100%; margin:50px 0 ; padding:0}
.main2_tit{font:600 15px/20px 'Montserrat','Noto Sans'; margin:45px 0 26px}
.main2_tit2{font:600 17px/20px 'Montserrat','Noto Sans'; margin:300px 0 0; letter-spacing:2px}/* margin:350px 0 0 */
.main2_li{display:none}

.main3_li{margin:0 5px}
.main3_li li a{height:0;padding-bottom:140%; margin:0 5px}
.main3_li{display: block; }

.main3_li li:first-child{ margin-top: 0px; }
.main3_li li { width: 100%; text-align: center; margin-top: 5%; }
.main3_li li img { width: calc(100% - 68px); max-width: 700px; }
.main3_li li:nth-child(4) img { height: 30vw; }
.main3_li li:nth-child(4) .main2_tit2  { bottom: 20%; }

.main3_li li a {
	position: absolute; top: 0px; left: 50%;
	width: calc(100% - 68px); max-width: 700px; height: 100%;
	padding: 0px; margin: 0px;

    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
	background-position: center top !important;
}

.main3_li .main2_tit2  {
	position: absolute; bottom: 15%; 
	width: 100%;
	text-align: center;
	margin: 0px;
}


#touchSlider6, #touchSlider6 ul li a, .paging{display:none}
#touchSlider6{margin:0 34px; height:400px}
#touchSlider6 ul{position:absolute; overflow:hidden; width:99999px; height:400px; top:0; left:0}
#touchSlider6 ul li{float:left}
#touchSlider6 ul li, #touchSlider6 ul li a{width:100%; height:100%}
.paging{text-align:center; padding:30px 0 0}
.paging .btn_page{display:inline-block; width:10px; height:10px; margin:0 6px; font-size:0px; line-height:0; text-indent:-9999px; border-radius:50%; box-sizing:border-box; border:2px solid #fff; background:transparent}
.paging .btn_page.on{background:#fff}
/* main3 */
.main3{height:auto}
.main3_tit_bg{padding-bottom:78px}
.main3_t1{font:600 15px/20px 'Montserrat','Noto Sans'; margin:300px 0 19px}
.main3_t2_pc{display:none}
.main3_t2_m{display:block; font-size:18px; line-height:26px; font-weight:100; color:#fff; text-align:center; padding:0 20px; letter-spacing:-1px}
}


/* footer ================================================================================================================================================ */
.footer, .foot_top, .sns_li2, .sns_li2 li, .sns_li2 li a, .foot_li1, .foot_li1 li, .foot_li1 li a, .foot_bottom{position:relative; overflow:hidden}
.footer{width:100%; background:#2f2f2f}
.foot_top, .foot_bottom{max-width:1422px; margin:0 auto; padding:0 20px}
.foot_top{padding-top:93px}
.sns_li2, .sns_li2 li, .sns_li2 li a{display:block}
.sns_li2, .sns_li2 li{float:left}
.sns_li2 li{margin:7px 16px 0 0}
.sns1_foot, .sns2_foot, .sns3_foot, .sns4_foot{width:29px; height:29px; font-size:0}
.sns1_foot{background:url(http://aquilakr.cdn3.cafe24.com/images/sns_1_w.png) center center no-repeat; background-size:cover}
.sns2_foot{background:url(http://aquilakr.cdn3.cafe24.com/images/sns_2_w.png) center center no-repeat; background-size:cover}
.sns3_foot{background:url(http://aquilakr.cdn3.cafe24.com/images/sns_3_w.png) center center no-repeat; background-size:cover}
.sns4_foot{background:url(http://aquilakr.cdn3.cafe24.com/images/sns_4_w.png) center center no-repeat; background-size:cover}
.foot_li1{float:right; text-align:right; font-size:11px; font-weight:200; letter-spacing:1.1px; color:#8e8e8e; line-height:23px}
.foot_li1, .foot_li1 li{display:block}
.foot_li1 li, .foot_li1 li a{font-family:'Montserrat','Noto Sans'}
.foot_li1_t1{color:#fff; font-size:12px; letter-spacing:1px; font-weight:300; letter-spacing:1.5px}
.foot_bottom{font:200 12px/30px 'Montserrat','Noto Sans'; letter-spacing:1.2px; color:#8e8e8e; margin:22px auto 91px}
@media screen and (max-width:1000px) {
.footer{width:inherit; padding:20px}
.foot_top, .foot_bottom{width:inherit; padding:0}
.foot_top{padding-top:20px; text-align:center}
.sns_li2{display:inline-block}
.sns_li2{float:inherit; clear:both}
.sns_li2 li{margin:0 7px 25px}
.foot_li1{float:inherit; text-align:center; font-weight:300}
.foot_li1_t1{font-size:11px}
.foot_bottom{font:200 11px/15px 'Montserrat','Noto Sans'; letter-spacing:0.5px; margin:24px 0 15px; text-align:center; border-top:1px solid #3d3d3d; padding-top:26px}
.sns1_foot, .sns2_foot, .sns3_foot, .sns4_foot{width:20px; height:20px}
}


/* sub ================================================================================================================================================ */
.sub1_top, .sub1_top_m, .sub_tit, .list, .list li, .list li a, .list2, .list2 li, .list2 li a, .list_img, .list_t1, .list_t2, .list_t3, .list_t4, .more, .more_icon, .sch{position:relative; overflow:hidden}
.sub1_top{width:100%; height:500px}
.sub1_top_m{display:none}
.sub_tit_w, .sub_tit_b{font:400 40px/55px 'Montserrat','Noto Sans'; letter-spacing:4px; margin-top:338px; text-align:center}
.sub_tit_w{color:#fff}
.sub_tit_b{color:#000}
/* list */
.list, .list li, .list li a, .list2, .list2 li, .list2 li a{display:block}
.list, .list2{max-width:1201px}
.list{margin:30px auto 50px}
.list2{margin:98px auto 30px}
.list li, .list2 li{float:left}/*170925*/
.list li{width:33.33%}/*170925*/
.list2 li{width:25%}/*170925*/
.list li a, .list2 li > div{padding:20px; border:1px solid #fff; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out}
.list li a{margin:19px; height:422px}
.list2 li > div{margin:0 0 19px; height:539px}/*170925*/
.list_img{height:192px; margin-bottom:25px}
.list_t1{text-overflow:ellipsis; white-space:nowrap; font:500 14px/19px 'Montserrat','Noto Sans'; color:#3193d0; letter-spacing:-0.5px; margin-bottom:19px}
.list_t2{display:-webkit-box !important; text-overflow:ellipsis; -webkit-box-orient:vertical; word-wrap:break-word; -webkit-line-clamp:2; font-size:16px; line-height:24px; max-height:48px; font-weight:500; color:#4c4c4c; margin-bottom:16px}
.list_t3, .list_t4{display:-webkit-box !important; text-overflow:ellipsis; -webkit-box-orient:vertical; word-wrap:break-word; font-size:14px; line-height:24px; max-height:72px; font-weight:300; color:#434343; margin-bottom:26px; text-align:justify; }
.list_t3{-webkit-line-clamp:3}
.list_t4{-webkit-line-clamp:9; max-height:216px}/*human 170925*/
.list_t5{display:block; text-overflow:ellipsis; white-space:nowrap; font:400 14px/19px 'Montserrat','Noto Sans'; color:#dcdcdc; letter-spacing:-0.5px; margin-bottom:19px; position:absolute !important; bottom:35px}/*human*/
.list_line{position:absolute; overflow:hidden; height:5px; background:#eee; left:20px; right:20px; bottom:20px; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out}
.list2 li > div .list_line{margin:0 0 20px}/*170925*/
.list li a:hover, .list2 li > div:hover{border:1px solid #dcdcdc}
.list li a:hover .list_t3, .list2 li div:hover .list_t3{text-decoration:underline}
.list li a:hover .list_line, .list2 li div:hover .list_line{background:#3193d0}
/* more */
.more{display:block; text-align:center; color:#6e6e6e; font-size:14px; line-height:28px; font-weight:300; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out}
.more_icon{display:inline-block; width:29px; height:29px; background:url(http://aquilakr.cdn3.cafe24.com/images/icon_2.png) center center no-repeat; background-size:28px 28px; margin-top:10px}
.more:hover{color:#000}
/* sch */
.sch{max-width:320px; margin:64px auto 120px; border-bottom:1px solid #6e6e6e}
.sch input{height:39px}
.sch_intype1{width:87%; float:left; padding:0 0 0 3%; font-size:16px; font-weight:400}
.sch_intype2{width:10%; background:url(http://aquilakr.cdn3.cafe24.com/images/icon_3.png) center center no-repeat; background-size:29px; font-size:0; float:right}
::-webkit-input-placeholder{color:#bbb !important; font-weight:100 !important; font-size:14px}
:-ms-input-placeholder{color:#bbb !important; font-weight:100 !important; font-size:14px}
@media screen and (max-width:1000px) {
.sub1_top{display:none}
.sub1_top_m{display:block; height:275px}
.sub_tit_w, .sub_tit_b{font:400 24px/30px 'Montserrat','Noto Sans'; letter-spacing:2.3px; margin-top:201px}


/* list */
.list, .list2{max-width:100%}
.list{margin:15px 0 0}
.list2{margin:23px 0 0}
.list li, .list2 li{width:50%}
.list li a, .list2 li > div{margin:25px 34px; padding:0; border:none}
.list li a{height:360px}
.list2 li > div{/*height:345px*/ height:400px}
.list_img{height:190px; margin-bottom:17px}
.list_t1{font:500 11px/15px 'Montserrat','Noto Sans'; letter-spacing:-0.2px; margin-bottom:5px}
.list_t2{font-size:16px; line-height:22px; max-height:44px; margin-bottom:10px; letter-spacing:-0.5px}
.list_t3, .list_t4{line-height:20px; max-height:60px}
.list_t3{margin-bottom:20px}
.list_t4{-webkit-line-clamp:5; max-height:100px; margin-bottom:20px}/*human*/
.list_t5{margin-bottom:0; position:relative !important; bottom:inherit}/*human*/
.list_line{height:4px; left:0; right:0; bottom:0}
.list2 li > div .list_line{margin:0 34px 25px}
.list li a:hover, .list2 li > div:hover{border:none}
.list li a:hover .list_t3, .list2 li > div:hover .list_t3{text-decoration:none}
.list li a:hover .list_line, .list2 li div:hover .list_line{background:#eee}
/* more */
.more{font-size:10px; line-height:20px; font-weight:300; padding-top:9px}
.more_icon{width:20px; height:20px; background-size:19px 19px; margin-top:4px}
/* sch */
.sch{max-width:inherit; margin:20px 40px 50px}
.sch_intype1{width:80%}
.sch_intype2{width:17%; background-size:20px}
::-webkit-input-placeholder{font-weight:300 !important}
:-ms-input-placeholder{font-weight:300 !important}
}
@media screen and (max-width:959px) {
.list li, .list2 li{width:100%}
.list li a, .list2 li > div{height:auto}
.list_line, .list2 li > div .list_line{position:relative; left:inherit; right:inherit; bottom:inherit}
.list2 li > div .list_line{margin:10px 0 0}
.list_t4{display:block !important; text-overflow:inherit; -webkit-box-orient:inherit; word-wrap:normal; max-height:none; margin-bottom:10px}
}


/* view ================================================================================================================================================ */
.view_bg, .view_top, .view_top_l, .view, .view img, .view_bottom_bg, .view_bottom, .view_bottom>ul, .view_bottom>ul>li, .view_bottom>ul>li>a, .view_bottom>ul>li>a>ul>li, .view_sns, .view_sns ul, .view_sns li, .view_sns a{position:relative; overflow:hidden}
.view_bg{max-width:860px; margin:0 auto 50px; border-bottom:1px solid #dcdcdc}
.view_bg em, .view_bg i{font-style:italic}
.view_top{padding:113px 0 19px; border-bottom:1px solid #dcdcdc; margin-bottom:18px}
.view_top_l{float:left; width:90%; font-size:24px; line-height:32px; color:#4c4c4c; word-break:keep-all}
.view_top_r{position:absolute; overflow:hidden; width:10%; right:0; bottom:19px; color:#3193d0; text-align:right; font:500 14px/22px 'Montserrat','Noto Sans'; letter-spacing:-0.5px}
/* view_sns */
.view_sns_fix{display:none}
.view_sns ul, .view_sns li, .view_sns a{display:block}
.view_sns ul{float:right; margin:22px 0}
.view_sns li{float:left}
.view_sns a{margin-left:10px}
.view_sns img{width:29px}
/* view */
.view{font-size:16px; line-height:28px; font-weight:300; color:#434343; text-align:justify; letter-spacing:-0.2px; word-break:keep-all; margin-bottom:33px}
.view_l{text-align:left}
.view_c{text-align:justify}
.view_r{text-align:right}
.view iframe{width:100%; height:516px; display:block; margin:0 auto}
.view img{display:block; margin:0 auto; width:100%; padding:25px 0}
.view_bottom_bg{background:#eee; padding:120px 0; margin-top:90px}
.view_bottom{max-width:1240px; margin:0 auto}
.view_bottom>ul, .view_bottom>ul>li, .view_bottom>ul>li>a{display:block}
.view_bottom>ul>li{float:left; margin:0 3.3%; width:43.4%}
.view_bottom>ul>li.center {
	left: 50%;
	-webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    box-sizing: border-box;
}
.view_bottom>ul>li>a, .view_bottom_img, .grid1, .view_bottom>ul>li>a>ul{width:100%}
.view_bottom>ul>li>a, .view_bottom_img, .grid1{height:280px}
.view_bottom>ul>li>a{text-align:center; color:#fff}
.view_bottom_img{position:absolute; overflow:hidden}
.grid1{position:absolute; overflow:hidden; opacity:0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.6+0,0.6+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#99000000',GradientType=0 ); /* IE6-9 */	
-webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out}
.view_bottom>ul>li>a:hover .grid1{opacity:1}
.view_bottom>ul>li>a>ul{position:absolute; overflow:hidden; margin-top:53px; top:0; left:0}
.view_bottom_t1{font:400 18px/51px 'Montserrat','Noto Sans'; letter-spacing:3.5px}
.view_bottom_t2{font-size:16px; line-height:28px; font-weight:100; letter-spacing:-0.1px; padding:0 80px; word-break:keep-all}
.view_bottom_t3{font-size:14px; line-height:20px; letter-spacing:2.5px; font-weight:300; display:inline-block; border-bottom:2px solid #fff; margin-top:25px}
/* btn_bg */
.btn_bg, .btn{position:relative; overflow:hidden}
.btn_bg{text-align:center; padding:30px 0}
.btn, .btn2{display:inline-block; font-size:14px; font-weight:500; line-height:18px; letter-spacing:0.5px; padding:8px 35px; border:2px solid #3193d0; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out}
.btn{color:#4c4c4c}
.btn2{color:#fff}
.btn:hover, .btn2:hover{background:#3193d0; color:#fff}
.btn2.bio { width: 140px; padding: 8px 0px; margin: 3px; }
@media screen and (max-width:930px) {
.view_bg{max-width:inherit; margin:0 34px 20px; padding-bottom:10px; border-bottom:2px solid #eee}
.view_top{padding:44px 0 10px; border-bottom:2px solid #eee; margin-bottom:10px}
.view_top_l{width:100%; font-size:17px; line-height:24px; margin-bottom:7px; font-weight:500; letter-spacing:-0.5px}
.view_top_r{position:relative; width:100%; right:inherit; bottom:inherit; text-align:left; font:500 11px/22px 'Montserrat','Noto Sans'; letter-spacing:-0.2px}
/* view_sns */
.view_bg .view_sns{display:none}
.view_sns_fix{position:fixed; overflow:hidden; width:100%; bottom:0; z-index:9; display:block; padding:10px 0}
.view_sns{text-align:center}
.view_sns ul{float:inherit; display:inline-block; margin:10px 0}
.view_sns a{margin:0 4px}
.view_sns img{width:30px}
/* view */
.view{font-size:14px; line-height:20px; padding:10px 0; margin-bottom:0}
.view iframe{width:100%; height:auto}
.view img{padding:10px 0}
.view_bottom_bg{padding:50px 0; margin-top:30px}
.view_bottom{max-width:90%; margin:0 5%}
.view_bottom>ul>li>a, .view_bottom_img, .grid1{height:190px}
.view_bottom>ul>li>a>ul{margin-top:21px}
.view_bottom_t1{font:400 13px/40px 'Montserrat','Noto Sans'; letter-spacing:2.5px}
.view_bottom_t2{font-size:11px; line-height:18px; padding:0 20px; font-weight:400; letter-spacing:-1px; -webkit-line-clamp:4; max-height:72px}
.view_bottom_t3{font-size:10px; line-height:17px; letter-spacing:1px; font-weight:400; margin-top:21px}
/* btn_bg */
.btn_bg{padding:20px 0}
.btn, .btn2{font-size:11px; line-height:18px; padding:6px 32px}

	.btn2.bio { width: calc(50% - 12.5px); padding: 6px 0px; }
}


/* sub2_top ================================================================================================================================================ */
.sub2_top, .sub2_top_tit1, .sub2_top_tit2_pc, .sub2_top_tit2_m, .sub2_con, .sub2_tit1, .sub2_tit2, .sub2_li, .sub2_li li, .sub2_li li a, .con2, .impact, .impact_t1, .impact_t2{position:relative; overflow:hidden}
.sub2_top{width:100%; height:1000px}
.sub2_top_tit1{ width:270px; height:38px; top: 50%; margin-top: -19px; }
.sub2_top_tit1.titles{ width:100%; height: auto; font:400 40px/55px 'Montserrat','Noto Sans'; letter-spacing:4px; text-align:center; color: #fff; }


.sub2_top_tit2_pc{font-size:28px; line-height:48px; font-weight:100; color:#fff; text-align:center}
.sub2_top_tit2_m{display:none}
.sub2_con{max-width:1160px; margin:0 auto}
.sub2_tit1{margin:400px 0 25px; color:#fff; font-size:16px; line-height:26px; font-weight:400}
.sub2_tit2{font-size:16px; line-height:28px; color:#434343; font-weight:300; word-break:keep-all; text-align:justify; letter-spacing:-0.5px; margin-top:118px}
/* sub2_li */
.sub2_li, .sub2_li li a{display:block}
.sub2_li{margin:55px auto 30px; text-align:center; max-width:1200px}
.sub2_li li{max-width:260px; display:inline-block; background:#F90; margin:20px}
.sub2_li li a{width:100%}
.sub2_li li a img{width:100%}
.con2{width:100%; margin-top:90px}
.impact{width:50%; float:left; padding:98px 0 91px; display:block; text-align:center; color:#fff}
.impact_t1{font:600 20px/30px "Montserrat", "Noto Sans KR"; letter-spacing:4px; margin:20px auto 0}
.impact_t2{font-size:24px; line-height:36px; font-weight:300; margin:20px 0}
/* slider */
.blockPage{left:25% !important}
#layer_x{position:relative; overflow:hidden; margin:28px 79px 0 0; float:right; z-index:11; font-size:0; width:44px; height:44px; background:url(http://aquilakr.cdn3.cafe24.com/images/icon_4.png) center center no-repeat; background-size:cover}
.layer_bg_tit{position:relative; overflow:hidden; width:142px; height:20px; margin:0 auto 60px}
.slider{max-width:100%; margin:0 auto}
.slick-slide img{max-width:98%; max-height:515px; display:block; margin:0 auto; border:10px solid #fff; box-shadow:4px 4px 0 rgba(0,0,0,0.1); box-sizing:border-box}
.slider_tit{position:relative; overflow:hidden; font-size:16px; font-weight:300; color:#FFF; text-align:center; margin:27px 0 0; line-height:24px; word-break:keep-all; padding:0 40px}
.slick-slider{position: relative; display:block; margin:0 auto; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent}
.slick-list{position:relative; display:block; overflow:hidden; margin:0; padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer; cursor:hand}
.slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0)}
.slick-track{position:relative; top:0; left:0; display:block}
.slick-track:before, .slick-track:after{display:table; content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none; float:left; height:100%; min-height:1px;}
[dir='rtl'] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block; height:auto; border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
/* arrows */
.slick-prev, .slick-next{font-size:0; position:absolute; top:50%; display:block; width:30px; height:30px; -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%)}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before{opacity:1}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{opacity:.25}
.slick-prev:before, .slick-next:before{font-size:20px; line-height:1; opacity:.75; color:#fff}
.slick-prev{left:-40px; background:url(http://aquilakr.cdn3.cafe24.com/images/icon_5_l.png) center center no-repeat; background-size:cover}
[dir='rtl'] .slick-prev{right:-40px; left:auto}
.slick-next{right:-40px; background:url(http://aquilakr.cdn3.cafe24.com/images/icon_5_r.png) center center no-repeat; background-size:cover}
[dir='rtl'] .slick-next{right:auto; left:-40px}
/* dots */
.slick-dots, .slick-dots li{position:relative; overflow:hidden}
.slick-dots{display:block; width:100%; text-align:center; margin-top:50px}
.slick-dots li{display:inline-block; margin:0 5px; cursor:pointer}
.slick-dots li button{width:12px; height:12px; background:transparent; border-radius:50%; font-size:0; border:3px solid #fff}
.slick-dots li.slick-active button{background:#fff}
@media screen and (max-width:1000px) {
.sub2_top{width:100%; height:auto}
.sub2_top_tit1{width:156px; height:22px; margin: calc(20% + 20px) auto 20%; }
.sub2_top_tit2_pc{display:none}
.sub2_top_tit2_m{display:block; font-size:17px; line-height:26px; font-weight:300; color:#fff; text-align:center; padding:0 20px 87px; letter-spacing:-1.3px; text-shadow:0 0 5px rgba(0,0,0,0.3)}
.sub2_con{max-width:inherit; margin:0 34px}
.sub2_tit1{margin:300px auto 23px; text-align:center}
.sub2_tit2{font-size:14px; line-height:22px; letter-spacing:-0.5px; margin-top:48px}

.sub2_top_tit1.titles{ width:100%; height: auto; font:400 24px/30px 'Montserrat','Noto Sans'; letter-spacing: 2.3px; text-align:center; color: #fff; }


/* sub2_li */
.sub2_li{margin:28px 26px 12px; max-width:inherit}
.sub2_li li{max-width:46%; margin:2%}
.con2{margin-top:30px}
.impact{width:100%; padding:0}
.impact_t1{font:600 15px/20px "Montserrat", "Noto Sans KR"; margin:102px auto}
.impact_t2{display:none}
.m_none{display:none}
/* slider */
.blockPage{width:80% !important; top:15% !important; left:10% !important}
#layer_x{margin:20px 20px 0 0; width:27px; height:27px}
.layer_bg_tit{width:107px; height:15px; margin:0 auto 39px}
.slider{max-width:350px}
.slick-slide{margin:0 0 25px}
.slick-slide img{max-width:98%; max-height:230px; border:5px solid #fff; box-shadow:2px 2px 0 rgba(0,0,0,0.1)}
.slider_tit{font-size:14px; font-weight:300; margin:37px 0 24px; letter-spacing:-0.5px; margin:20px 0 0; line-height:20px; padding:0 20px}
.slick-prev, .slick-next{display:none !important}
.slick-dots li button{width:10px; height:10px;border:2px solid #fff}
.slick-dots{margin-top:0}
}
@media screen and (max-width:450px) {
.sub2_li li{max-width:100%; margin:5px 0}
}

/* bio ================================================================================================================================================ */
#bio_nav li, #bio_nav li a, .bio_btn, .section, .sec_con, .sec_con2, .sec_l, .sec_r, .sec_r_t1, .sec_r_t2, .sec_r_t3, .sec_r_t4{position:relative; overflow:hidden}
#bio_nav{position:fixed; overflow:hidden; display:block; top:50%; margin-top:-27px; right:99px; z-index:9; color:rgba(255,255,255,0); text-align:right}
#bio_nav li, #bio_nav li a{display:block; height:19px; font:300 12px/14px 'Montserrat','Noto Sans'; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out}
.bio_btn{width:3px; height:3px; background:#fff; float:right; border-radius:50%; margin:5px 4px 0 13px; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out}
#bio_nav .current a .bio_btn{border:4px solid #fff; margin:1px 0 0 9px}
#bio_nav .current a, #bio_nav a:hover{color:#fff}
.sec_con{width:1300px; margin:0 auto; padding:120px 0}
.sec_con2{width:1000px; margin:0 auto; padding:95px 0 100px}
.sec_l, .sec_r{width:510px; margin:0 70px}
.sec_l{overflow:visible; min-height:760px}
.sec_left .sec_l, .sec_left .sec_r{float:left}
.sec_right .sec_l, .sec_right .sec_r{float:right}
.sec_right .sec_r .sec_r_t1, .sec_right .sec_r .sec_r_t2{text-align:right}
.sec_r_t1{font:300 66px/70px 'Crimsontext','Noto Sans'; color:#fff; margin-bottom:5px; letter-spacing:-1.3px; height:62px}
.sec_r_t2{font-weight:400; font-size:24px; line-height:35px; color:#3193d0; margin-bottom:38px}
.sec_r_t3{font-weight:100; font-size:14px; line-height:26px; color:#fff; text-align:justify}
.sec_r_t4{font-weight:100; font-size:14px; line-height:26px; color:#fff; text-align:justify; margin-top:200px}
/* bio_img */
.bio_img1, .bio_img2, .bio_img3, .bio_img4, .bio_img5, .bio_img6, .bio_img7, .bio_img8, .bio_img9, .bio_img10, .bio_img11, .bio_img12, .bio_img13, .bio_img14, .bio_img15{position:absolute; overflow:hidden; border:2px solid #fff; box-shadow:0 1px 5px rgba(0,0,0,0.2); cursor:pointer}
.bio_img1{width:380px; top:0; left:0}
.bio_img2{width:380px; top:180px; left:126px}
.bio_img3{width:380px; top:516px; left:65px}
.bio_img4{width:380px; top:0; left:126px}
.bio_img5{width:380px; top:190px; left:0}
.bio_img6{width:228px; top:376px; left:278px}
.bio_img7{width:380px; top:0; left:126px}
.bio_img8{width:380px; top:190px; left:0}
.bio_img9{width:228px; top:376px; left:278px}
.bio_img10{width:380px; top:0; left:0}
.bio_img11{width:380px; top:200px; left:126px}
.bio_img12{width:228px; top:376px; left:0}

.bio_img13{width:380px; top:0; left:126px}
.bio_img14{width:380px; top:190px; left:0}
.bio_img15{width:228px; top:376px; left:278px}


.bio_line{position:absolute; overflow:hidden; width:19px; height:5000px; background:url(http://aquilakr.cdn3.cafe24.com/images/bio_line.png) top center no-repeat; background-size: 100%; left:50%; margin-left:-9px; top:2082px; z-index:8}
.layer_bg_tit2{position:relative; overflow:hidden; margin:0 auto 50px; font:300 26px/30px 'Crimsontext','Noto Sans'; text-align:center; color:#fff; letter-spacing:2.5px}
.bio6_m{display:none}


@media screen and (max-width:1000px) {
/* @media screen and (max-width:1300px) { */
#bio_nav, .bio_line{display:none}
.sec_con{width:inherit; padding:50px 38px}
.sec_con2{width:inherit; margin:0 auto; padding:0 38px 50px}
.sec_l, .sec_r{width:100%; margin:0}
.sec_l{overflow:hidden; min-height:inherit; margin-bottom:28px}
.sec_right .sec_l, .sec_right .sec_r{float:left}
.sec_left .sec_r .sec_r_t1, .sec_left .sec_r .sec_r_t2, .sec_right .sec_r .sec_r_t1, .sec_right .sec_r .sec_r_t2{text-align:center}
.sec_r_t1{font:300 33px/34px 'Crimsontext','Noto Sans'; margin-bottom:0; letter-spacing:-0.8px; height:34px}
.sec_r_t2{font-size:13px; line-height:20px;  margin-bottom:16px}
.sec_r_t3{font-weight:300; font-size:14px; line-height:22px; text-shadow:0 0 5px rgba(0,0,0,1)}
/* bio_img */
.bio_img2, .bio_img3, .bio_img5, .bio_img6, .bio_img8, .bio_img9, .bio_img11, .bio_img12, .bio_img13, .bio_img15{display:none}
.bio_img1, .bio_img4, .bio_img7, .bio_img10, .bio_img14{position:relative; box-sizing:border-box; width:60%; top:inherit; left:inherit; margin-left:20%}
.layer_bg_tit2{margin:0 auto 39px; font:300 18px/18px 'Crimsontext','Noto Sans'; letter-spacing:0}
#bio6{background-image:none !important; background-color:#000 !important}
.bio6_m{position:absolute; overflow:hidden; display:block; background:url(http://aquilakr.cdn3.cafe24.com/images/bio_bg5.jpg) center center; background-size:cover; width:100%; height:70%; margin-top:0}
}
@media screen and (max-width:1000px) {
.bio6_m{height:60%}
}
@media screen and (max-width:600px) {
.bio6_m{height:35%}
}

/* contact ================================================================================================================================================ */
.contact_top, .contact, .contact_tit, .contact_form{position:relative; overflow:hidden}
.contact_top{width:100%; height:100px; background:rgba(36,36,36,0.94)}
.contact{max-width:1160px; margin:0 auto 90px}
.contact_tit{font:400 40px/55px "Montserrat", "Noto Sans KR"; color:#242424; letter-spacing:4px; border-bottom:1px solid #dcdcdc; padding:106px 0 9px; text-align:center}
.contact_form{width:500px; text-align:center; margin:60px auto 26px}
.intype3, .intype4{width:478px; height:18px; border:1px solid #dcdcdc; margin:4px 0; padding:10px; font-size:14px}
.intype4{height:198px}
/* file */
.filebox{position:relative; overflow:hidden; margin:4px 0}
.filebox input[type="file"]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0}
.upload, .filebox label{display:block; float:left; font-size:14px; vertical-align:top}
.upload{width:379px; height:18px; padding:10px; border:1px solid #dcdcdc; border-right:none; background:#fff; color:#000}
.filebox label{width:100px; line-height:40px; cursor:pointer; border:none; background:#ccc; color:#fff}
@media screen and (max-width:1000px) {
.contact_top{height:53px}
.contact{max-width:100%; margin:0 auto 30px}
.contact_tit{font:400 24px/35px "Montserrat", "Noto Sans KR"; letter-spacing:2.3px; padding:40px 0 6px; margin:0 35px}
.contact_form{width:auto; margin:25px 35px 7px}
.intype3, .intype4{width:100%; height:34px; margin:3.5px 0; padding:0 10px; box-sizing:border-box; -webkit-appearance:none; border-radius:0}
.intype4{height:150px; padding:10px}
/* file */
.filebox{margin:3.5px 0}
.upload, .filebox label{box-sizing:border-box; -webkit-appearance:none; border-radius:0}
.upload{width:70%; height:34px; padding:0 10px}
.filebox label{width:30%; line-height:34px}
}
/* category */
.category, .category ul, .category ul li, .category ul li a{position:relative; overflow:hidden}
.category{text-align:center; margin-top:70px}
.category ul{display:inline-block}
.category ul li, .category ul li a{display:block; float:left}
.category ul li{margin:0 10px; color:#aaa; font-weight:300; font-size:15px; line-height:20px}
.category ul li.on{color:#4c4c4c; font-weight:500}
@media screen and (max-width:1000px) {
.category{margin-top:30px}
.category ul li{margin:0 6px; font-size:14px; letter-spacing:-0.5px}
}











.book_title {
	position: relative; display: inline-block;
	float: right; z-index: 1;
	width: 50%; height: 100%;
}

.book_title .book_area {
	position: absolute; display: inline-block;
	top: 50%; left: 0px;
	width: 100%; height: auto;

    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
	z-index: 1;
    padding-right: 10%;
	box-sizing: border-box;
}

.book_title .book_area .book_num {
	position: relative; display: inline-block;
	width: 100%; height: auto; line-height: 1;
	font-size: 86px; color: #FF6900; text-align: center;
    font: 300 86px 'Crimsontext','Noto Sans';
	margin-top: 15px;
	box-sizing: border-box;
}


.book_title .book_area .book_txt {
	position: relative; display: inline-block;
	width: 100%; height: auto; line-height: 1;
	font-size: 50px; color: #fff; text-align: center;
	margin-top: 52px;
	box-sizing: border-box;
}


.book_title .book_area .book_link {
	position: relative; display: inline-block;
	width: 100%; height: auto; line-height: 1.5;
	font-size: 20px; color: #ef7c42; text-align: center;
	margin-top: 60px; z-index: 1;
	box-sizing: border-box;
}
.book_title .book_area .book_link br { display: none; }
.book_title .book_area .book_link p { margin-bottom: 20px; }
.book_title .book_area .book_link a {
	position: relative; display: inline-block;
	width: 100px; height: 45px; line-height:45px;
	color: #dbdcdc; font-size: 16px; text-align: center;
	background-color: #222222;
	z-index: 1;
}
    
@media screen and (max-width:1440px) {
	.book_title .book_area { padding-right: 0px; }
}


@media screen and (max-width: 1000px) {
	.book_title { width: 50%; height: auto; margin-top: 30%; padding-bottom: calc(10% + 87px); }
	.book_title .book_area { 
		position: relative; top: 0px; 
		-webkit-transform: translate(0%, 0%);
		-ms-transform: translate(0%, 0%);
		transform: translate(0%, 0%);	
	}
	.book_title .book_area { padding-right: 10%; }

	.book_title .book_area .book_num { font-size: 28px; margin-top: 0px; }
	.book_title .book_area .book_num img { width: auto; height: 30px; }
	.book_title .book_area .book_txt { font-size: 17px; margin-top: 25px; }
	.book_title .book_area .book_txt img { width: auto; height: 20px; }
	.book_title .book_area .book_link { margin-top: 25px; font-size: 14px; }
	.book_title .book_area .book_link br { display: block; }
	.book_title .book_area .book_link span { display: none; }
	.book_title .book_area .book_link p { margin-bottom: 10px; }
	.book_title .book_area .book_link a{
		width: 70px; height: auto; 
		font-size: 11px;
		line-height: 18px;
		/* padding: 6px 32px; */
		padding: 6px 0px;
		margin: 3px 2px;
	}



}
.book_box { position: relative; overflow: hidden; width: 100%; margin: 0 auto; padding: 0px 30px; padding-top: 60px; box-sizing: border-box; }
.book_desc {  max-width: 1160px;  font-size:16px; line-height:28px; color:#fff; font-weight:300; word-break: keep-all; text-align:justify; margin:118px auto; }
.book_desc .book_img {
	float: left;
	width: 100%;
    max-width: 300px;
    margin: auto;
	margin-right: 50px;
    display: block;
}	

.book_desc .book_txt_01 { word-break: keep-all;  line-height: 1.7; font-size: 26px; font-weight: 500;  }
.book_desc .book_txt_01 span { margin-left: -15px; }
.book_desc .book_txt_02 { word-break: keep-all;  line-height: 1.7; font-size: 18px; margin-top: 30px; font-weight: 500; letter-spacing: -0.5px; }
.book_desc .book_txt_03 { word-break: keep-all;  line-height: 1.7; font-size: 18px; margin-top: 30px; }
.book_desc .book_txt_03 a { 
	text-decoration: underline;
	text-underline-position: under;
}
.book_desc .color { color: #ffa87c; }
.book_desc .book_txt_02.top { margin-top: 45px; }
.book_desc .book_txt_03.none { margin-top: 0px; }


.interview {
	position: relative;
    display: block;
	max-width:700px; width: 100%; height: auto;
	margin: 80px auto 0px;
}

.interview img { width: 100%; height: auto; }

.interview iframe {
	top: 0px; left: 0px;
	position: absolute; display: inline-block;	
	width: 100%; height: 100%;
}


.book_box.video { padding: 90px 30px 0px; } 
.book_videos {
	position: relative; max-width: 1160px;  font-size:16px; line-height:28px; color:#fff; font-weight:300; word-break: keep-all; text-align:justify; margin:0px auto; 
}

.book_videos .book_video_item {
	position: relative; display: inline-block;
	width: calc(33.333% - 20px); height: auto;
	margin-left: 30px; float: left;
	background-color: #000;
	box-sizing: border-box;
}
.book_videos .book_video_item iframe {
	top: 0px; left: 0px;
	position: absolute; display: inline-block;	
	width: 100%; height: 100%;
}

.book_videos .book_video_item img { width: 100%; height: auto; }

.book_videos .book_video_item:nth-child(3n+1) { margin-left: 0px; }
.book_videos .book_video_item:nth-child(n+4) { margin-top: 45px; }


@media screen and (max-width: 1000px) {
	.book_top {
		/*
		background:url(../images/m_book_top.png) top center no-repeat !important; 
		background-size: auto 100% !important;
		*/
		background-position: 10% top !important;
	}


	.book_box { padding: 0px 34px;  padding-top: 30px; } 
	.book_desc { margin: 48px auto; }
	.book_desc p { display: inline-block; width: 100%; }
	.book_desc .book_img { width: 230px; height: auto; margin: 0 auto; float: none; }

	.book_desc .book_txt_01 {font-size: 16px; margin-top: 30px; }
	.book_desc .book_txt_01 span { margin-left: -10px; }
	.book_desc .book_txt_02 {font-size: 14px; margin-top: 20px; }
	.book_desc .book_txt_03 {font-size: 14px; margin-top: 20px; }

	.book_desc .book_txt_02.top{ margin-top: 30px; }
	.book_desc .book_txt_03.none { margin-top: 5px; }

	.interview { margin: 30px auto 0px; }

	.book_box.video { padding: 30px 34px 0px; } 

	.book_videos .book_video_item {  
		width: calc(50% - 7.5px);
		margin-left: 15px;
	}

	.book_videos .book_video_item:nth-child(3n+1) { margin-left: 15px; }
	.book_videos .book_video_item:nth-child(n+4) { margin-top: 0px; }

	.book_videos .book_video_item:nth-child(2n+1) { margin-left: 0px; }
	.book_videos .book_video_item:nth-child(n+3) { margin-top: 20px; }
}

@media screen and (max-width: 500px) {

	.book_videos .book_video_item {  
		width: 100%;
		margin-left: 0px;
		margin-top: 15px;
	}

	.book_videos .book_video_item:nth-child(3n+1) { margin-left: 0px; }
	.book_videos .book_video_item:nth-child(n+4) { margin-top: 15px; }

	.book_videos .book_video_item:first-child { margin-top: 0px; }

}


.btn.img { width: auto; height: 30px; padding: 8px 20px; border: 2px solid #fff; margin: 0px 10px; }
.btn.img:hover { background: #fff; border: 2px solid #3193d0; }
.btn.img img { width: auto; height: 100%; }    

@media screen and (max-width: 1000px) {
	.btn.img { height: 25px;  padding: 8px 15px; border: 2px solid #fff; margin: 0px 5px;  }
}

@media screen and (max-width: 500px) {
	.btn.img { height: 20px; padding: 5px 10px; border: 2px solid #fff; margin: 0px 3px;  }
}