@charset "utf-8";
#m_visual {width:1920px;  left:50%; margin-left:-960px; padding-top:152px; overflow:hidden; position:relative; height:650px;}
#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:340px; 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;}

.main_visual_02 {width:100%; height:500px; 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%; top:100%; left:0;}
.main_visual_02 .imgs li.li_03 {top:0; background:url('../../img/images_new/jj_mv02_img_03.jpg') center 0 no-repeat;background-size:cover;}
.main_visual_02 .imgs li.li_04 {background:url('../../img/images_new/jj_mv02_img_02.jpg') center 0 no-repeat;background-size:cover;}
.main_visual_02 .imgs li a {display:block; width:100%; height:100%; position:relative;}
.main_visual_02 .bn_wrap {width:38px; height:78px; position:absolute; top:50%; left:50%;  margin:-39px 0 0 660px;}
.main_visual_02 .bn_wrap .bns {width:38px; height:38px; }
.main_visual_02 .bn_wrap .bns a {width:100%; height:100%; display:block;}
.main_visual_02 .bn_wrap .down_bn {margin-top:2px;}

.portfolio {width:100%;height:60px;background:#f9f9f8 url();padding-top:20px}
.branch_wrap {}
.branch_wrap li {text-align:center;line-height:60px;color:#000;font-family: Gotham-Black;font-size:30px;/*text-shadow:0.5px 0.5px 1px #000;*/}
.branch_wrap li span.bo {color:#;font-family:"Gotham-Book";}
.branch_wrap li span.af {color:#;}
.portfolio2 {width:100%;height:5px;background:#21bbb1 url();}

#roll_content img {width:480px !important;}
#roll_content {clear:both; width:100%; background-color:#f9f9f8; text-align:center;padding-bottom:20px;} 
#roll_content .mask{height:300px; position:relative; overflow:hidden; text-align:center}
#roll_content .roll_wrap,#roll_content ul {position:absolute;}
#roll_content .roll_box1 {display:block;}
#roll_content ul {left:0px;}
#roll_content ul li{float:left;position:relative;}
#roll_content ul li a{display:block;}
#roll_content ul li span {position:absolute;width:70px;height:70px;border-radius:70px;text-align:center;font-family:"Gotham-Black";color:#fff;line-height:70px;font-size:14px;}
#roll_content ul li span.circle {background:#a561f4;margin-top:158px;left:390px;}
#roll_content ul li span.circle2 {background:#00d2da;margin-top:158px;left:150px;}

#roll_content ul li span.text1 {position:relative;display:inline-block;color:#555555;width:480px;height:50px;line-height:50px;font-size:16px;font-family:Gotham-Black,'NanumBarunGothic';}

.content_wrap {width:1200px; height:370px; margin:0 auto;}
.content_wrap ul {float:left;}
.content_wrap .conleftbanner {background:url(../../img/images_new/content_leftbg.png);}
.content_wrap .bannertext {position:absolute;margin-top:110px;margin-left:200px;font-family:Gotham-Black,'NanumBarunGothic';color:#fff;line-height:16px !important;}
.content_wrap span.subjec {font-size:30px;font-weight:bold;line-height:50px !important;}
.content_wrap span.mungu {font-size:14px;padding-left:5px;display:block;}
.content_wrap span.btn {display:block;width:120px;height:30px;background:#000;text-align:center;margin-left:3px;margin-top:20px;}
.content_wrap span.btn a {display:block;color:#fff;line-height:30px;}
 
 
.content_wrap .concenterbanner li:hover {background:#000;-webkit-transition: all .25s linear;transition: all .25s linear;}
.content_wrap .concenterbanner li {width:380px;}
.content_wrap .concenterbanner li img {float:right;}
.content_wrap .concenterbanner .tp {height:215px;background:url(../../img/images_new/content_centerbg.png) no-repeat;}
.content_wrap .concenterbanner .bt {height:225px;background:url(../../img/images_new/content_center2bg.png) no-repeat;}
.content_wrap .concenterbanner .bannertext2 {position:absolute;margin-top:30px;margin-left:20px;font-family:Gotham-Black,'NanumBarunGothic';color:#fff;line-height:16px !important;}
.content_wrap .concenterbanner span.subjec2 {font-size:25px;font-weight:bold;line-height:20px !important;}
.content_wrap .concenterbanner span.subjec2_1 {font-size:12px;line-height:20px !important;COLOR:#7b86e2;padding-left:1px;}
.content_wrap .concenterbanner span.mungu2 {font-size:14px;padding-top:25px;padding-left:1px;display:block;}
.content_wrap .concenterbanner span.btn2 {display:block;width:50px;height:20px;background:#000;text-align:center;margin-left:1px;margin-top:30px;font-family:Gotham-Book;font-size:10px;}
.content_wrap .concenterbanner span.btn2 a {display:block;color:#fff;line-height:20px;}
.bannertext3 {position:absolute;margin-top:230px;margin-left:20px;font-family:Gotham-Black,'NanumBarunGothic';color:#fff;line-height:16px !important;z-index:9999;}
span.subjec3 {font-size:14px;font-weight:bold;padding-left:3px;line-height:20px !important;}
span.subjec3_1 {font-size:40px;line-height:45px !important;COLOR:#fff;padding-top:10px;display:block;}
span.mungu3 {font-size:14px;padding-top:10px;padding-left:3px;display:block;}
span.btn3 {display:block;width:50px;height:20px;background:#000;text-align:center;margin-left:1px;margin-top:30px;font-family:Gotham-Book;font-size:10px;}
span.btn3 a {display:block;color:#fff;line-height:20px;}
.content_wrap .concenterbanner .bt span.subjec2_1 {COLOR:#00d2da;}

/*ÀÇ·áÁø·Ñ¸µ*/
#m_doc {float:left; width:455px; height:440px; position:relative;background:url(../../img/images_new/content_rightbg.png);}
#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;}
/*¸ÞÀÎ쿽*/
.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;}


/*
@media screen and (max-width:768px){
#m_visual {background:red; width:100%; border:1px solid red;}
}
*/