@charset "utf-8";

body {overflow-x:hidden;}
.main_wrap p {transition-duration:1s;}
.hidden {display:none !important;}
.upper {text-transform:uppercase !important;}

/* ----------------------------------------------------------------------------- */
/* TOP */
/* ----------------------------------------------------------------------------- */
#header {width:100%; margin:0 auto; height:80px; overflow:visible; position:absolute; top:.0; z-index:99; transition:all 0.5s ease-in-out; border-bottom:1px solid rgba(255, 255, 255, 0.2);}

.header_in_wrap { position:relative; width:100%;  width:1880px; min-width:1880px; max-width:1880px; height:80px; margin:0 auto; }
.header_in_wrap h1.logo {position:absolute; width:220px; left:20px; height:44px; line-height:44px; top:50%; margin-top:-22px;}
.header_in_wrap h1.logo a {}
.header_in_wrap h1.logo a img {/* width:100%; */}

.t_btn_contact {display:block; position:absolute; top:50%; margin-top:-22.5px; right:330px; line-height:0; z-index:10; width:160px; height:45px; border-radius:22.5px; background:rgba(255, 255, 255, 0.35); display:flex; justify-content:center; align-items:center;}
.t_btn_contact span {font-family:'Montserrat'; font-weight:600; font-size:13px; color:#fff; margin-left:10px;}
.t_btn_contact img {}

.t_select_wrap {width:160px; overflow:hidden;  text-align:center; position:absolute; top:0; right:160px;} 
.t_select {display:inline-block; position: relative;  width:160px; height:80px; line-height:80px; z-index: 1; overflow:hidden;} 
.t_select label { position: absolute; top: 0; left:0; width:100%; text-align:left; height:80px; line-height:80px; color: #fff; z-index: -1; display:block; font-family:'Montserrat'; text-transform:uppercase; font-size:13px;  text-align:center; background:url('../images/t_select_arrow.png') no-repeat center center; font-weight:600} 
.t_select select { width: 100%; height:80px; line-height: 80px; font-family: inherit; border: 0; opacity: 0; filter:alpha(opacity=0); -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; font-family:'Montserrat';  cursor: pointer;}


/*검색*/
#t_srch_btn {display:block; position:absolute; top:0; right:80px; margin-top:0; width:80px; height:80px; text-align:center; line-height:80px;  background:url('../images/t_btn_srch.png') no-repeat center center; border-left:1px solid rgba(255, 255, 255, 0.2);  border-right:1px solid rgba(255, 255, 255, 0.2);}
#t_srch_btn img {vertical-align:middle; }
.main_srch {display:none; position:absolute; background:#444; height:80px;  width:100%; left:0; z-index:99; top:9vh; overflow:hidden; }
.main_srch>li {float:right; width:15%; height:80px; line-height:80px; overflow:hidden; text-align:center;}
.main_srch>li:first-child {float:left; width:85%; text-align:center;}
.main_srch>li input {vertical-align:middle;}
.main_srch>li:first-child input {border:none; display:inline-block; width:94%; background:none; height:80px; line-height:80px; padding:0 2%; color:#fff; text-align:left; font-size:15px; font-weight:300}
.main_srch {height:60px; width:330px; z-index:99; top:80px; overflow:hidden; left:auto; right:0}
.main_srch>li {height:60px; line-height:60px;}
.main_srch>li:first-child input { height:60px; line-height:60px; }

.t_btn_sitemap {display:block; position:absolute; top:0; right:0; margin-top:0; line-height:0; z-index:10}
.t_btn_sitemap a {display:block; width:80px; height:80px; line-height:80px; text-align:center;}
.t_btn_sitemap img {vertical-align:middle}


/* 전체메뉴  */
.menu_wrap {width:100%; max-width:660px; overflow:visible;  position:absolute; display:block; z-index:9; top:0; left:330px; margin-left:0; height:80px;}
.menu_wrap > div {height:100%; width:100%; position:relative; margin:0 auto; overflow:hidden;}
.gnb_bg {position:fixed; top:0; right:0; width:100%; height:100%; background:#111; opacity:0.9; z-index:490; display:none !important;}

.menu_wrap .menu_area {width:100%; z-index:999999999999; width:660px; min-width:660px; height:80px; overflow:visible; background:none;}
.menu_wrap .menu_area .row_01 {position:absolute; z-index:9998; overflow:visible; display:block; width:100%;}
.menu_wrap .menu_area .row_01 > li {float:left; width:25%; text-align:center; position:relative; z-index:9997;}
.isDepth2 { margin-top:0; }
.menu_wrap .menu_area .row_01 > li > a {display:block; width:100%; height:80px; line-height:80px; color:#fff; font-size:19px; font-family: 'paybooc-Bold';}
.menu_wrap .menu_area .row_01 > li:hover > a {color:#08ebff;}
.menu_wrap .menu_area .row_02 { height:0; overflow:hidden; position:absolute; z-index:9999; width:225px;  padding:0; margin:0;  left:50%; margin-left:-112px;}
.menu_wrap .menu_area .row_02 > li {width:100%;overflow:hidden; width:100%; position:relative; margin:0 auto; height:auto; margin-top:1px; background:#444;}
.menu_wrap .menu_area .row_02 > li:first-child {border-top:none;margin-top:0; }
.menu_wrap .menu_area .row_02 > li > a {	display:block; color:#dadada; font-size:17px; color:#ffffff !important; height:40px; line-height:38px; font-family:'Noto Sans KR'; font-weight:500;}
.menu_wrap .isDepth2:hover ul,.menu_wrap .isDepth2:focus ul { height:auto !important; } 
.menu_wrap .isDepth2:hover ul li a:hover {background:#ed1c24 !important;}
.menu_wrap #gnb .isDepth2 ul li a.on {background:#ed1c24 !important;}


/* 메인 롤링 */
#m_visual_wrap { height:950px; min-width:1400px}
#m_slider_wrap {width:100%; margin:0 auto; overflow:hidden; height:960px; overflow:hidden; z-index: 2; position:relative;  }
#m_slider_wrap .swiper-wrapper {width:100%; margin:0 auto;  height:960px; }
#m_slider_wrap .swiper-slide {width:100%; height:960px; overflow:hidden; position:relative;}
#m_slider_wrap .m-slider-01 { background:url('../images/main_img_01.jpg') no-repeat center top; background-size: cover;}
#m_slider_wrap .m-slider-02 { background:url('../images/main_img_01.jpg') no-repeat center top; background-size: cover;}
#m_slider_wrap .m-slider-03 { background:url('../images/main_img_01.jpg') no-repeat center top; background-size: cover;}

#m_slider_wrap .swiper-slide .m_slider_tit_wrap {position:relative; z-index:3; max-width:1400px; width:92%;/* overflow:hidden; */margin:0 auto; margin-top:300px; text-align:left; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; height:400px; }
#m_slider_wrap .swiper-slide .m_slider_tit_wrap p {position:relative;width:100%;overflow:visible;color:#fff; position:relative;z-index:3; }
#m_slider_wrap .swiper-slide .m_slider_tit_wrap .m_slider_stit { font-family: 'paybooc-Medium'; font-size:34px}
#m_slider_wrap .swiper-slide .m_slider_tit_wrap .m_slider_tit {font-family: 'InfinitySans-BoldA1'; width:100%; font-size:80px; line-height:80px; font-weight:700; letter-spacing:-1px; word-break:keep-all; margin-top:30px}
#m_slider_wrap .swiper-slide .m_slider_tit_wrap .m_slider_con {word-break:keep-all; text-align:left; font-size:19px; line-height:30px; font-weight:400; margin-top:40px; box-sizing:border-box;}
#m_slider_wrap .swiper-slide .m_slider_tit_wrap .m_slider_btn { width:250px; display:flex; justify-content:center; align-items:center; height:70px; border:1px solid #fff; margin-top:60px}
#m_slider_wrap .swiper-slide .m_slider_tit_wrap .m_slider_btn img {}
#m_slider_wrap .swiper-slide .m_slider_tit_wrap .m_slider_btn span {font-family:'play'; font-weight:600; color:#fff; margin-right:30px}
#m_slider_wrap .swiper-slide .m_slider_tit_wrap .m_slider_thm {position:absolute; display:inline-block; right:0; width:auto; display:flex; flex-direction:column; justify-content:center; align-items:center; }
#m_slider_wrap .swiper-slide .m_slider_tit_wrap .m_slider_thm img {margin-top:50px}

.m_slider_video {height: 270px; margin-top: 50px;}
.m_slider_video video {height: 100%;}

#m_slider_wrap .swiper-pagination-wrap {position:relative; top:-165px; z-index:3; height:0; line-height:0; overflow:visible; text-align:left; max-width:1400px; width:92%; margin:0 auto;}
#m_slider_wrap .swiper-pagination-wrap .m-slider-pagination {position:relative;  text-align:left; display:inline-block; margin:0 20px 0 27px}
#m_slider_wrap .swiper-pagination-wrap .m-slider-pagination div { width:30px;height:30px;line-height:30px; font-size:20px; margin:0 7px; opacity:1; background:none; text-align:left; position:relative;}
#m_slider_wrap .swiper-pagination-wrap .m-slider-pagination div::before {content:''; display:block; width:0; height:1px; background:#fff; position:absolute; left:33px; top:13px; transition-duration:0.1s}
#m_slider_wrap .swiper-pagination-wrap .m-slider-pagination div.swiper-pagination-bullet-active {width:140px;}
#m_slider_wrap .swiper-pagination-wrap .m-slider-pagination div.swiper-pagination-bullet-active::before { width:100px; transition-duration:0.7s}

#m_slider_wrap .swiper-pagination-wrap .m-slider-pagination div p {font-size:14px; font-weight:700;}
#m_slider_wrap .swiper-pagination-wrap .m-slider-pagination div p span {color:#fff;}

#m_slider_wrap .main-prev {position:static; display:inline-block; width:20px; height:20px; vertical-align:middle;  background:url('../images/m_slider_prev.png') no-repeat center center; }
#m_slider_wrap .main-next {position:static; display:inline-block; width:20px; height:20px; vertical-align:middle;  background:url('../images/m_slider_next.png') no-repeat center center}

#m_slider_wrap .main-button-autoplay {display:inline-block; width:20px; height:20px; vertical-align:middle; background:url('../images/m_slider_stop.png') no-repeat center center; background-size:contain; margin-left:10px; cursor:pointer;}
#m_slider_wrap .main-button-autoplay.pause {background:url('../images/m_slider_start.png') no-repeat center center; background-size:contain; }

.page1Next {display:none;}




/* About us */
.m_etit {font-size:35px; font-weight:600; position:relative; letter-spacing:-0.5px; line-height:22px; text-transform:uppercase; font-family: 'Play'; font-weight:bold; color:#000000; }

.mc_tit {max-width:1400px; margin:0 auto; font-size:55px; color:#fff; font-family: 'play', sans-serif; font-weight:700; position:relative; line-height:55px; text-align:center; text-transform:uppercase; margin-top:15px;}
.mc_tit  span {font-size:17px; color:rgba(255, 255, 255, 0.7); margin-left:25px; font-weight:500; letter-spacing:-1px}
.mc_stit {max-width:1400px; margin:0 auto; display:block; font-size:19px; position:relative; letter-spacing:-0.5px; line-height:27px; color:#fff; font-family: 'Lato', sans-serif; font-weight:600;  text-align:center; text-transform:uppercas;}
.mc_stit::before  {content:''; position:absolute; width:50px; height:1px; background:#fff; left:-65px; top:11px; }


#m_contents_01_wrap {width:100%; overflow:hidden; margin:0 auto; padding:80px 0 0 0; position:relative; background:url('../images/m_contents_01_wrap_bg.jpg') no-repeat center center; background-size:cover;}
.m_contents_01 {width:100%; min-width:1780px; position:relative; overflow:hidden; margin:0 auto;}
.mc_01_tit {text-align:left;}
.mc_01_stit {text-align:left;}

.m_srch_wrap {padding:30px 43px; background:#fff; width:1200px; margin:0 auto; overflow:hidden; box-sizing:border-box; margin-top:40px}
.m_srch_tit {font-family: 'paybooc-Bold'; color:#000; font-size:19px;}

.m_srch {height:50px;  width:100%; left:0; z-index:99; overflow:hidden; border-bottom:2px solid #000}
.m_srch>li {float:right; width:10%; height:50px; line-height:50px; overflow:hidden; text-align:right;}
.m_srch>li:first-child {float:left; width:90%; text-align:center;}
.m_srch>li input {vertical-align:middle;}
.m_srch>li:first-child input {border:none; display:inline-block; width:99%; font-family: 'paybooc-Medium'; background:none; height:50px; line-height:50px; padding:0 0.5%;text-align:left; font-size:15px; font-weight:300;}

.m_word_wrap {margin-top:10px;}
.m_word_wrap p {display:inline-block; width:50px; height:20px; border-radius:10px; background:#0041ae; text-align:center; color:#fff; font-size:14px; line-height:20px;  margin-right:17px}
.m_word_wrap a {font-size:15px; color:#a3a3a3; font-weight:300}
.m_word_wrap a::after{content:','; margin-right:7px}
.m_word_wrap a:last-child::after{content:none;}
.m_word_wrap a:hover {color:red}


#m_contents_02_wrap {width:100%; overflow:hidden; position:relative;  min-width:1400px; margin:0 auto; padding:70px 0; background:#f2f2f2;}
.m_contents_02 {width:1400px; margin:0 auto;}
.product_con_wrap {width:80%; margin:0 auto; margin-top:15px; text-align:center;}
.product_tit {font-size:18px; line-height:30px; word-break:keep-all}
.product_btn {border:1px solid #b5b5b5; width:120px; height:35px; line-height:35px; text-align:Center; color:#000; font-family: 'play', sans-serif; font-weight:700; margin:0 auto; margin-top:25px; font-size:14px}
.m_contents_02 .swiper-slide a:hover .product_btn {border:1px solid #000; background:#000; color:#fff;}

#m_contents_03_wrap {width:100%; overflow:hidden; padding:100px 0  }
.m_contents_03 {width:1400px; min-width:1400px; position:relative; overflow:hidden; margin:0 auto; }

.mc_03_btn_wrap {width:100%; margin:0 auto; }
.mc_03_btn {width:100%; margin-top:10px; }
.mc_03_btn.btn1 {background:url('../images/mc_03_btn1.jpg') no-repeat center center; background-size:cover;}
.mc_03_btn.btn2 {background:url('../images/mc_03_btn2.jpg') no-repeat center center; background-size:cover;}
.mc_03_btn.btn3 {background:url('../images/mc_03_btn3.jpg') no-repeat center center; background-size:cover;}
.mc_03_btn a {display:block; width:92%; padding:40px 4%; height:170px; }
.mc_03_btn a p {color:#fff;}
.mc_03_btn a p.etit {font-size:23px; font-weight:700; padding-bottom:20px; position:relative; font-family: 'play', sans-serif; font-weight:700; margin-top:60px}
.mc_03_btn a p.etit::before {content:''; position:absolute; left:0; bottom:0; background:#fff; width:50px; height:2px;}
.mc_03_btn a p.con {margin-top:15px; font-size:14px; color:#fff; font-weight:300; line-height:22px;}

.mc_03_btn_wrap {width:100%; margin:0 auto; display:flex; justify-content:space-between; align-items:center;}
.mc_03_btn {width:32%; margin-top:0; height:300px;}
.mc_03_btn a {display:block; width:100%; padding:60px; height:300px; box-sizing:border-box;}
.mc_03_btn a p.con {margin-top:23px; font-size:16px; line-height:28px;}



#m_contents_04_wrap {width:100%; overflow:hidden; padding:0 0 100px 0; min-width:1400px;}
.m_contents_04 {width:1270px;  position:relative; overflow:hidden; margin:0 auto; display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap}
.mc_04_etit {margin-top:50px; font-size:60px}
.recent_list_wrap {width: 78%;}
.recent_list_tit {height:50px; line-height:53px;}
.recent_list_tit span {display:block; height:50px; line-height:53px; width:150px; border-bottom:2px solid #0041ae; text-align:Center;  color:#0041ae}

.recent_list {width:100%; overflow:hidden; max-width:1000px;  border-top:1px solid #dddddd;}
.recent_list li {width:100%; height:119px; border-bottom:1px solid #dddddd;}
.recent_list li a { display:block; height:119px;  display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;}
.recent_list li a .recent_date {width:150px;  color:#4c4c4c; text-align:Center;}
.recent_list li a .recent_date span.yyyymmdd {display:block;font-size:16px; line-height:20px; font-family: 'Play';}
.recent_list li a:hover .recent_date {color:#0369ba;}
.recent_list li a .recent_tit_wrap {width:calc(100% - 230px); }
.recent_list li a .recent_tit_wrap p.recent_tit {font-size:20px; color:#000; font-family:'Noto Sans KR'; font-weight:400; height:26px; line-height:26px; display: -webkit-box; word-wrap: break-word; overflow: hidden; white-space: normal; text-overflow: ellipsis; -webkit-line-clamp: 1; /* 라인수 */  -webkit-box-orient: vertical; }
.recent_list li a .recent_tit_wrap p.recent_con {font-size:16px; color:#4c4c4c; font-family:'Noto Sans KR'; font-weight:300; height:26px; line-height:26px; display: -webkit-box; word-wrap: break-word; overflow: hidden; white-space: normal; text-overflow: ellipsis; -webkit-line-clamp: 1; /* 라인수 */  -webkit-box-orient: vertical; margin-top:10px;}


/*  */
#m_contents_05_wrap {background:url('../images/m_contents_05_wrap_bg.jpg') no-repeat center center; background-size:cover; padding:80px 0 160px 0 }
.m_contents_05  {width:100%;  height:310px;  display:flex; justify-content:center; align-items:center; flex-wrap:wrap; flex-direction:column;}
.m_contents_05 p { color:#fff;  text-align:center;  }
.m_inquiry_etit {font-size:45px; font-weight:600; position:relative; letter-spacing:-0.5px; line-height:22px; text-transform:uppercase; font-family: 'Play'; font-weight:bold; }
.m_inquiry_stit {margin:40px 0 20px 0; word-break:keep-all; max-width:500px}
.m_inquiry_num {height:70px; line-height:70px; font-size:23px; width:800px; position:relative; display:flex; justify-content:space-between; align-items:center; }
.m_inquiry_num p span {font-family: 'Play'; font-weight:700}
.m_inquiry_num p span:first-child {font-weight:400}
.m_inquiry_btn {width:200px; height:60px; line-height:60px; text-align:center; font-size:15px; font-weight:400; border:1px solid rgba(255, 255, 255, 0.8); margin-top:30px;}
.m_inquiry_btn a {display:block; width:100%; height:60px; line-height:60px; transition-duration:0.5s}
.m_inquiry_btn a:hover {background:#fff; color:#444}


#m_contents_06_wrap {height:0; position:relative; top:-80px; width:100%; overflow:visible; z-index:2;}
.m_contents_06 {width:1400px; margin:0 auto; height:160px; display:flex; justify-content:center; align-items:center; flex-wrap:wrap;}
.mc_06_in {display:block; width:33.333333333333%; height:160px; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; flex-direction:column;}
.m_contents_06 .in_1 {background:#0041ae url('../images/mc_06_in1_icon.png') no-repeat 90% center}
.m_contents_06 .in_2 {background:#434343 url('../images/mc_06_in2_icon.png') no-repeat 90% center}
.m_contents_06 .in_3 {background:#0285ff url('../images/mc_06_in3_icon.png') no-repeat 90% center}
.mc_06_in p {width:80%; margin:0 auto; color:#fff; }
.mc_06_in p.mc_06_in_tit {font-family: 'paybooc-Bold'; font-size:20px}
.mc_06_in p.mc_06_in_con {font-weight:300; margin:10px 0}



/* ----------------------------------------------------------------------------- */
/* copy */
/* ----------------------------------------------------------------------------- */
#footer {width:100%; display:block; position:relative; z-index:1; background:#232323;}
.footer_in_wrap  {padding:150px 0 80px 0; width:1400px; min-width:1400px; margin:0 auto;  display:flex; justify-content:space-between; align-items:stratch; flex-wrap:wrap;}
.footer_in:last-child {display:none}
.footer_in:first-child {display:flex; justify-content:space-between; align-items:stratch; flex-wrap:wrap;}

.footer_in {max-width:790px; width:47.5%; margin:0; overflow:hidden;}
.footer_in:last-child {display:block; width:14%; max-width:230px;}
.footer_in:first-child {display:block;  width:21%; max-width:350px; min-width:350px;}

.copy_info {width:100%; display:flex; justify-content:center; align-items:flex-start; flex-direction:column;  margin:40px 0}
.copy_info li {font-family:'Noto Sans KR'; font-weight:300; font-size:15px; color:#a7a7a7; line-height:28px}
.copy_info li span:first-child {margin-right:10px; color:#a7a7a7;}

/* sns */
#f_sns_wrap {width:190px; overflow:hidden; height:40px; display:flex; justify-content:space-between; align-items:center; align-content:space-between; flex-wrap:wrap;}
#f_sns_wrap li {display:inline-block; width:40px; height:40px; line-height:0 }
#f_sns_wrap li a {display:block; width:100%; height:40px; }


/* menu */
.copy_menu {width:100%; margin:0 auto; overflow:hidden; position:relative; text-align:left; padding:0 0 0 0; }
.copy_menu li{display:inline-block; height:26px; line-height:30px; padding:0 6px; /*background:url('../images/cm_bg.jpg') no-repeat left center;*/ }
.copy_menu li:first-child {padding-left:0}

.copy_menu li a {display:block; width:100%;font-family:'Noto Sans KR'; font-weight:300; font-size: 15px;  height:26px; line-height:24px; color:#a7a7a7; font-weight:normal; }

.copy_right {width:100%; margin:23px auto 0 auto; display:block; overflow:hidden; padding:0}
.copy_right_tit {font-family:'Play'; color:#fff; font-weight:600; font-size:15px; margin-top:10px}
.copy_right_in {}
.copy_right_in > div {margin-top:25px;}

.office_tit {color:#a7a7a7; text-transform:uppercase; font-family:'Play'; font-weight:700; font-size:16px}
.copy_right_in address {width:100%; line-height:26px; text-align:left; margin-top:5px; font-family:'Play'; font-weight:700; }
.copy_right_in address span { font-family:'Play'; font-weight:500; display:inline-block; padding-right:20px; font-size:16px; color:#a7a7a7; line-height:26px;}
.copy_right_in address span i {font-style:normal; font-size:14px; }

.f_select_wrap {width:100%; margin:0 auto 0; overflow:hidden;  text-align:center;} 
.f_select {display:inline-block; position: relative;  box-sizing:border-box; width:100%; height:50px; line-height:50px; z-index: 1; overflow:hidden; border:1px solid #666666; background:rgba(255, 255, 255, 0.05 ) } 
.f_select label { position: absolute; top: 0; left:50%; margin-left:-40%; width:90%; text-align:left; height:50px; line-height:50px; color: #fff; z-index: -1; display:block; font-family:'Montserrat'; text-transform:uppercase; font-size:14px; font-weight:500; background:url('../images/f_select_arrow.png') no-repeat right 20px center;} 
.f_select select { width: 100%; height: 50px; line-height: 50px; font-family: inherit; border: 0; opacity: 0; filter:alpha(opacity=0); -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; font-family:'Noto Sans KR';  font-family:'Lato', 'Noto Sans KR';  cursor: pointer;}

.btn_top {text-align:right; margin-top:80px; display:block;}
.copyright {background:#1a1a1a; color:#97979b; font-size:12px; height:62px; line-height:62px; text-align:center; }