@charset "utf-8";
#m_visual {width:1920px; height:630px; left:50%; margin-left:-960px; padding-top:81px; overflow:hidden; position:relative;}
#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 p {font-size:77px;font-family: NanumGothic;line-height:70px; font-style:italic; letter-spacing:-6px; font-weight:bold; text-shadow:3px 3px rgba(0,0,0,0.4); }

/* #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 .main_txt span {font-size:20px;font-family:'NanumBarunGothic';line-height:30px;color:#e9e9e9;margin:10px 0 0 7px;display:block; letter-spacing:-2px;}

.portfolio {width:100%;height:50px;background:#21bbb1 url();}
.branch_wrap {}
.branch_wrap li {text-align:center;line-height:50px;color:#fff;font-family: Gotham-Book;font-size:20px;text-shadow:0.5px 0.5px 1px #000;}

/* .portfolio2 {width:100%;height:5px;background:#21bbb1 url();} */
.portfolio2 {width:100%;height:5px;background:#21bbb1 url();}


#roll_content {clear:both; width:100%; background-color:#fff; text-align:center;} 

/* #roll_content .mask{height:220px; position:relative; overflow:hidden; text-align:center} */
#roll_content .mask{height:210px; 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;}
.content_wrap {width:1200px; height:310px; margin:0 auto;}
/**/
#m_doc {float:left; width:283px; height:310px; position:relative;}
#m_doc .roll_img {position:absolute;}
#m_doc .roll_img a {display:none;}
#m_doc .roll_img a.on {display:block;}
#m_doc .roll_img a.off {display:none;}
/*¸ÞÀÎ&#53245;*/
/*¸ÞÀÎ&#53245;*/
.mquick_wrap {left:0px; top:145px; width:414px; position:absolute; z-index:100; display:none;}
.mquick{float:left; width:368px; height:550px; background:url('../img/images/quickmenu.png') no-repeat; position:relative;}
.mqbtn{float:left; width:46px; height:46px; margin-top:25px;}
.mqbtn.on{background:url('../img/images/close_btn.png') no-repeat;}
.mqbtn.off{background:url('../img/images/menu_btn.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;}