@charset "utf-8";}
.popHeader{height:30px; background:#fff; text-align:right;}
.popupContent{text-align:center;}
.popupContent img {margin-top:-1px;}
.pcl {float:right;margin-top:2px;}
.popupClose {height:30px; text-indent:10px; background:#000;}
.popupClose input, .popupClose img { vertical-align:middle;}
.popupClose a{color:#fff; line-height:30px;}

.video_wrap {max-width:100%;}
video {width:100%;}
/*¸ÞÀκñÁÖ¾ó*/
#m_visual {width:1920px;  left:50%; margin-left:-960px; padding-top:152px; overflow:hidden; position:relative; height:864px;}
#m_visual .roll_img {position:absolute;}
#m_visual .roll_img a {display:none; cursor:default;}
#m_visual .roll_img a.on {display:block;}
#m_visual .roll_img a.off {display:none;}
#m_visual .npbtn {position:absolute; top:270px; right:15%; z-index:10;}
#m_visual .npbtn .next {display:block; text-indent:-9999px; width:38px; height:76px; background: url('../img/main/np_btn.png') no-repeat;}
#m_visual .main_txt {position:absolute;margin-top:200px;left:50%;margin-left:-600px;z-index:4;color:#fff;text-shadow:1px 1px 1px #3b3b3b;}
#m_visual .main_txt p {font-size:70px;font-family: Gotham-Black;line-height:70px;}
#m_visual .main_txt span {font-size:20px;font-family:'NanumBarunGothic';line-height:30px;color:#e9e9e9;margin:10px 0 0 7px;display:block;}
#m_visual .roll_img .roll_img1_object1 {position:absolute;top:35%;left:18.5%;}
#m_visual .roll_img .roll_img1_object2 {position:absolute;top:45%;left:23%;}
#m_visual .roll_img .roll_img1_object3 {position:absolute;bottom:45%;left:19.5%;}
#m_visual .roll_img .roll_img1_object4 {position:absolute;bottom:30%;right:44%;}
#m_visual .roll_img .roll_img1_object5 {position:absolute;bottom:12%;right:44%;}
#m_visual .roll_img .roll_img2_object1 {position:absolute;top:30%;left:12%;}
#m_visual .roll_img .roll_img2_object2 {position:absolute;top:30%;left:28%;}
#m_visual .roll_img .roll_img2_object3 {position:absolute;top:30%;left:44%;}
#m_visual .roll_img .roll_img2_object4 {position:absolute;top:17%;right:12%;}
#m_visual .roll_img .roll_img2_object5 {position:absolute;top:30%;right:12%;}
#m_visual .roll_img .roll_img2_object6 {position:absolute;bottom:33%;right:12%;}
#m_visual .roll_img .roll_img2_object7 {position:absolute;bottom:22%;right:12%;}
#m_visual .roll_img .roll_img3_object1 {position:absolute;top:25%;left:12%;}
#m_visual .roll_img .roll_img3_object2 {position:absolute;top:50%;left:12%;}
#m_visual .roll_img .roll_img3_object3 {position:absolute;bottom:15%;left:12%;}
#m_visual .roll_img .roll_img3_object4 {position:absolute;bottom:15%;left:25%;}
#m_visual .roll_img .roll_img3_object5 {position:absolute;bottom:15%;left:38%;}
#m_visual .roll_img .roll_img4_object1 {position:absolute;bottom:57%;right:29%;}
#m_visual .roll_img .roll_img4_object2 {position:absolute;bottom:60%;right:19.5%;}
#m_visual .roll_img .roll_img4_object3 {position:absolute;bottom:47%;right:31%;}
#m_visual .roll_img .roll_img4_object4 {position:absolute;bottom:12%;right:13%;}
#m_visual .roll_img .roll_img5_object1 {position:absolute;top:35%;left:12%;}
#m_visual .roll_img .roll_img5_object2 {position:absolute;top:40%;left:12%;}
#m_visual .roll_img .roll_img5_object3 {position:absolute;bottom:30%;left:12%;}
#m_visual .roll_img .roll_img5_object4 {position:absolute;top:35%;right:15%;}
#m_visual .roll_img .roll_img5_object5 {position:absolute;top:39.5%;right:39.9%;}
#m_visual .roll_img .roll_img5_object6 {position:absolute;top:39.6%;right:28.4%;}
#m_visual .roll_img .roll_img5_object7 {position:absolute;top:39.5%;right:17%;}
/*¸ÞÀκñÁÖ¾ó*/
/*¸ÞÀκñÁÖ¾ó ÇÏ´Ü ·Ñ¸µ*/
.main_visual_02 {width:100%; height:599px; max-width:1920px; margin:0 auto; overflow:hidden; position:relative;}
.main_visual_02 .imgs {width:100%; height:100%; position:relative; overflow:hidden;}
.main_visual_02 .imgs li {width:100%; height:100%; position:absolute; top:100%; left:0;}
.main_visual_02 .imgs li.li_03 {top:0; background:url('../../img/images/main_bottom_img1.jpg') center 0 no-repeat;background-size:cover;}
.main_visual_02 .imgs li a {display:block; width:100%; height:100%; position:relative;}
/*¸ÞÀκñÁÖ¾ó ÇÏ´Ü ·Ñ¸µ*/
/*ºñÆ÷¾ÖÇÁÅÍ*/
.portfolio {width:100%;background:#f9f9f8;padding-top:80px;}
.branch_wrap {}
.branch_wrap li {text-align:center;color:#000;font-size:34px;}
.branch_wrap li p {display:inline-block;font-size:20px;width:100%;text-align:center;color:#cca865;font-family:Gotham-Black;letter-spacing:10px;margin:15px auto;}

#roll_content img {width:480px !important;max-width:100%;}
#roll_content {clear:both; width:100%; background-color:#f9f9f8; text-align:center;padding-bottom:20px;overflow:hidden;} 
#roll_content .mask{height:186px; position:relative; overflow:hidden; text-align:center}
#roll_content .roll_wrap,#roll_content ul {position:absolute;}
#roll_content ul {left:0px;}
#roll_content ul li{float:left;}
#roll_content ul li a{display:block;}
#roll_content ul li span {position:absolute;width:70px;height:70px;text-align:center;font-family:"Gotham-Black";line-height:70px;font-size:14px;}
#roll_content ul li span.circle {background:#000;margin-left:-70px !important;color:#fff;}
#roll_content ul li span.circle2 {background:#fff;margin-left:0px;color:#000;}
#roll_content ul li p.text1 {color:#000;width:100%;height:70px;line-height:70px;font-size:18px;margin-left:-950px;clear:both;}

.review {width:100%;margin:0 auto;padding: 100px 0;}
.review_title {text-align:center;color:#000;font-size:34px;}
.review_title span {display:inline-block;font-size:20px;width:100%;text-align:center;color:#cca865;font-family:Gotham-Black;letter-spacing:10px;margin:15px auto;}


#roll_content2 img {width:360px !important;max-width:100%;}
#roll_content2 {clear:both; width:100%; background-color:#f9f9f8; text-align:center;padding-bottom:20px;overflow:hidden;} 
#roll_content2 .mask{height:200px; position:relative; overflow:hidden; text-align:center}
#roll_content2 .roll_wrap,#roll_content2 ul {position:absolute;}
#roll_content2 ul {left:0px;}
#roll_content2 ul li{float:left;}
#roll_content2 ul li a{display:block;}
#roll_content2 ul li span {position:absolute;width:70px;height:70px;text-align:center;font-family:"Gotham-Black";line-height:70px;font-size:14px;}
#roll_content2 ul li span.circle {background:#000;margin-left:-70px !important;color:#fff;}
#roll_content2 ul li span.circle2 {background:#fff;margin-left:0px;color:#000;}
#roll_content2 ul li p.text1 {color:#000;width:100%;height:70px;line-height:70px;font-size:18px;margin-left:-950px;clear:both;}




.slide_wrap {display:flex;width:100%;height:370px;overflow:hidden;position:relative;}
.slide_review {flex:1;}
.slide_review:first-of-type {position: absolute;right: 5%;}
.slide_review:nth-of-type(2) {position: absolute;right: 20%;}
.slide_review:nth-of-type(3) {position: absolute;right: 35%;}
.slide_review:nth-of-type(4) {position: absolute;right: 50%;}
.slide_review:nth-of-type(5) {position: absolute;right: 65%;}
.slide_review:nth-of-type(6) {position: absolute;right: 80%;}
.slide_review:nth-of-type(7) {position: absolute;right: 95%;}
.slide_review:nth-of-type(8) {position: absolute;right: 110%;}
/*ºñÆ÷¾ÖÇÁÅÍ*/
/*¸ÞÀιè³Ê7°³*/
.main_banner {width:1200px;margin:60px auto;}
.main_banner span.title {display:inline-block;font-size:34px;width:100%;text-align:center;color:#333;}
.main_banner p {display:inline-block;font-size:20px;width:100%;text-align:center;color:#cca865;margin:10px auto 30px;font-family:Gotham-Black;letter-spacing:10px;}
.content_wrap {width:1200px;margin:0 auto;position:relative;}
.content_wrap ul {float:left;position:relative;}
.content_wrap span.subjec {font-size:30px;font-weight:bold;line-height:50px !important;}
.content_wrap span.mungu {font-size:14px;padding-left:3px;font-family:Gotham-Black,notokr;}
.content_wrap span.btn2 {display:block;width:120px;height:30px;background:#000;text-align:center;margin-left:3px;margin-top:20px;}
.content_wrap span.btn2 a {display:block;color:#fff;line-height:30px;}
.content_wrap .concenterbanner li {width:380px;height:225px;background:url(../../img/images_new/content_center2bg.jpg) no-repeat;position:relative;}
.content_wrap .concenterbanner li img {float:right;}
.content_wrap .concenterbanner .tp {height:215px;background:url(../../img/images_new/content_centerbg.jpg) no-repeat;position:relative;}
.content_wrap .concenterbanner .tp 
.content_wrap .concenterbanner .bt {height:225px;background:url(../../img/images_new/content_center2bg.jpg) no-repeat;}
.content_wrap .concenterbanner span.subjec {font-size:25px;font-weight:bold;line-height:20px !important;margin-left:-2px;}
.content_wrap .concenterbanner span.mungu {font-size:14px;padding-left:1px;display:block;}
.content_wrap .concenterbanner .btn2 
.content_wrap .concenterbanner .btn2 a {display:block;color:#fff;line-height:20px;}
.banner_btn a {width:121px;height:31px;position:absolute;top:145px;right:64px;}
.banner_btn2 a {width:51px;height:20px;position:absolute;bottom:40px;right:31px;}
.banner_btn3 a {width:50px;height:19px;position:absolute;bottom:48px;right:31px;}
.bannertext3 {position:absolute;margin-top:100px;margin-left:20px;color:#fff;line-height:16px !important;z-index:9999;}
.bannertext3 span.mungu {font-size:14px;padding-left:3px;line-height:20px !important;}
.bannertext3 span.subjec {font-size:40px;line-height:45px !important;COLOR:#fff;padding-top:10px;display:block;}
.bannertext3 span.gold {color:#cca865;}
.bannertext3 span.gold2 {color:#ffd88f;}
.bannertext3 span.black {color:#000;}
#m_doc {float:left; width:444px; height:440px; position:relative;}
#m_doc .roll_img {position:absolute;right:0px;bottom:0px;}
#m_doc .roll_img a {display:none;}
#m_doc .roll_img a.on {display:block;}
#m_doc .roll_img a.off {display:none;}
#bottom_banner {display:inline-block;padding-top:13px;}
#bottom_banner li {float:left;margin-right:6.5px;overflow:hidden;}
#bottom_banner li:first-child {margin-left:0px;}
#bottom_banner li a {display: block;width: 100%;transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transition: all .2s ease-in-out;}
#bottom_banner li a:hover {transform:scale(1.05);-o-transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05); transition: transform .2s; -o-transition: transform .2s; -moz-transition: transform .2s; -webkit-transition: transform .2s;}
/*¸ÞÀιè³Ê7°³*/
/*¸ÞÀÎ쿽*/
.mquick_wrap {left:0px; top:106px; width:360px; position:absolute; z-index:100;}
.mquick{float:left; width:328px; height:499px; background:#000 url('../img/images/quickmenu.png') no-repeat; position:relative;}
.mqbtn{float:left; width:30px; height:107px; margin-top:0px;}
.mqbtn.on{background:url('../img/images/arrow_left.png') no-repeat;}
.mqbtn.off{background:url('../img/images/arrow_right.png') no-repeat;}
.mqmov {margin:60px 0 0 20px;}
.mqmov div{width:282px; padding-bottom:7px; position:relative;}
.mqmov div a {position:absolute; right:0px;}
.mqbnf {margin:50px 0 0 20px;}
.mqbnf div{width:282px; padding-bottom:7px; position:relative;}
.mqbnf div a {position:absolute; right:0px;}
#mqbnf_roll {width:282px; height:290px; position:relative; overflow:hidden; background:url('../img/main/qbnf_bg.png') no-repeat;}
#mqbnf_roll .roll_img {position:absolute;}
#mqbnf_roll .roll_img a {display:none;}
#mqbnf_roll .roll_img a.text {display:block; width:282px; margin-top:30px; font:normal 11px/20px "dotum"; color:#fff; text-align:center; float:left;}
#mqbnf_roll .roll_img a.limg {margin:1px 0 0 1px; float:left;}
#mqbnf_roll .roll_img a.rimg {margin:1px 1px 0 0; float:right;}
#mqbnf_roll .roll_img a.on {display:block;}
#mqbnf_roll .roll_img a.off {display:none;}
#mqbnf_roll .roll_img a img {width:122px; height:206px;}