@charset "utf-8";

.mobile_open_menu{	display:none;}

#left-menu {display:none;  width: 150px;  background: #616898;  opacity:0.95;  line-height: 1;  float:left;  position:fixed;  top:0;  height:100%;  margin-left:-60%;  z-index:51000;}

.wrapmenu {  overflow: auto;}

#left-menu ul {border-bottom: 1px solid #4c548a; padding:0 0 10px 0;}
#left-menu ul li {  clear: both;  text-shadow: 0 1px 1px rgba(0,0,0,0.4);}

#left-menu ul li a, #left-menu a.current-account {  display: block;  font-size: 0.9em;  color: #c7cae2;  line-height:1.8em;  /*background: #414141;*/  border-top: 0px solid #565656;  border-bottom: 0px solid #2a2a2a;  padding:0 0 0 20px;  background:url(../../../images/main/nt_bullet.png) 14px center no-repeat;}
#left-menu .Side_menu { font-size:1.4em; font-weight:600; color:#FFFFFF; padding:10px 0 10px 10px;}
#left-menu ul.accounts li a, #left-menu a.current-account {  min-height: 20px;}

#left-menu ul li span {  margin-left: 5px;  padding-top: 8px;  display: inline-block;}

#left-menu ul.accounts li a img, #left-menu a.current-account img {  width: 20px;  height: 20px;}
#left-menu ul.accounts li a span, #left-menu a.current-account span {  display: inline-block;  padding-top: 0;  margin-left: 0;}

#hamburger div {    background-color: #f15a29;    border: 1px solid #eee;    border-radius: 2px 2px 2px 2px;    height: 2px;    margin-top: 3px;    width: 20px;}


/*  태블릿
================================================== */

@media all and (min-width: 768px) and (max-width: 1024px) {
	
/* gnb */
#gnb {position:relative; width:100%; z-index:50; /*background:#003399;*/}
#gnb > ul {width:990px; margin:0 auto; }
#gnb ul:after {content:""; clear:both; display:block; height:0; visibility:hidden;}
#gnb ul li {position:relative; float:left; width:165px; text-align:center; display:block; }


	
}





/* Mobile
================================================== */

@media screen and (max-width:767px){
	
	#gnbMenu { display:none;}
	#header_wrap {text-align:center; position:relative; width:100%; height:65px;  background:#f7f7ec; /*display:none;*/ border-top:0px solid #cfcfcf; border-bottom:3px solid #f25a29;}
        #header_wrap #header #logo {display:none;}
	#header_wrap #header #m_logo {display:block; width:100%; height:auto; padding:10px 0 0 0;}
	//#header_wrap #header #m_logo img { width:13%; padding:2px 0 0 6px;}
	.headLogo img { width:13%; padding:2px 0 0 6px; height:auto;}
        .mind1 img {width:10%; height:auto;}
	.mind2 img {width:10%; height:auto;}
	#visualWrap { background:url(../images/main/visual_back.jpg) center top no-repeat; width:100%; /*height:525px;*/}
	#visual { width:100%; display:block; overflow:hidden;}
	
	
	/*비쥬얼 추가*/
	.cbp-fwslider {width:100%;}
	.visual_Left { width:100%;}
	.visual_Left .visual1 img, .visual_Left .visual2 img, .visual_Left .visual3 img { width:100%;}
	
	.visual_Right { clear:both; width:100%; /*display:none;*/ margin:0 0 0 0; height:100%;}
	.visual_Right .gap10 { display:none;}
	.visual_Right_box {margin-left:9%; float:left; width:82%; height:auto; padding:1%;}
	.visual_Right_box p{width:100% height:100%}
	.visual_Right_box p img { width:100%; height:auto;}
	.visual_Right_box ul { background:#000; position:absolute; left:0; bottom:0; width:100%; height:auto; opacity:0.8;}
	
	.visual_Right_box li.visual_Right_txt { display:none; /*text-align:right !important; letter-spacing:-1px; float:none; margin:0 12px 0 0; line-height:45px;*/}
	.visual_Right_box li.visual_Right_cate { font-size:1em; font-weight:600; color:#f6b31d; line-height:200%; border-bottom:2px solid #f6b31d; margin:0 0 0 12px; letter-spacing:-0.5px;}
	.visual_Right_box li.visual_Right_ttl { font-size:0.8em; color:#fff; line-height:40px; padding:0 0 0 10px; letter-spacing:-0.5px}

	
	#maincontsWrap .mainConts { clear:both; width:100%;}
	#maincontsWrap .mainConts .mainConts_Left { display:block; background:#fff; width:97%; margin:0 auto; height:auto; margin:0; padding:27px 0 0 3%;}
	#maincontsWrap .mainConts .mainConts_Right { background:#fff; width:100%; margin:0 auto; height:614px; display:block;}
		
	.mobile_open_menu{	display:block; position:absolute; right:10px; top:18px; font-size:18px; font-weight:bold; color:#fff; z-index:1000;}
	
	.Mgallery li.Mgallery_ttl { font-size:1em; color:#23232f; line-height:190%; font-weight:600; letter-spacing:-1px;}
	.Mgallery li.Mgallery_data { font-size:0.8em; color:#ae77a1; line-height:130%;}
	.Mgallery li.Mgallery_txt { font-size:0.6em; color:#9e9e9e; line-height:150%; letter-spacing:-0.5px;}

	#left-menu {  display: block;}	
	
	
	#subLayout { float:left;  padding:30px 0; width:100%; /*display:block; */overflow:hidden; }
	#SideMenu { display:none;}
	#contentWrap { width:100%; clear:both;}
	
	.home_c { position:relative; top:5px; right:5px; font-size:12px; color:#939393; line-height:130%;}
	.home_c p { float:left;}
	.home_c ul li { background:url(../images/common/current_arrow.png) left center no-repeat; float:left; padding:0 4px; font-size:12px;}
	.home_c span { color:#454545;}
	
	.content_ttl { display:block; border-bottom:1px solid #e0cfdc; height:70px; padding:0 0 0 10px;}
	
	
	#content { clear:both; padding:30px 0; margin:0 5px;}
	
	.Mimg img { width:97%; height:auto;}
        .Vimg img { width:97%; height:auto;}
        .home_c {display:none;}
	
	/* 조직도 */
.org { position:relative; width:365px; margin:0 auto; min-height:450px; background:url(../../../images/sub/morg_img.jpg) center 0 no-repeat;}
.org h5 { font-size:27px; font-weight:600; text-align:center; width:175px; margin:0 auto; height:101px; color:#fff; padding:70px 0 0 5px;}
.org .org_t1 { position:absolute; top:63px; right:59px; width:147px; height:40px; line-height:40px; text-align:center;}
.org .org_t2 { position:absolute; top:209px; right:302px; width:147px; height:40px; line-height:40px; text-align:center;}
.org .org_t1 span, .org .org_t2 span { font-size:15px; font-weight:600; color:#FFF;}
.org .org_t3 { position:absolute; top:298px; left:2px; }
.org .org_t3 ul { width:148px; margin:0 152px 0 0; float:left; text-align:center;}
.org .org_t3 ul li { line-height:170%;}
.org .org_t3 span {font-size:15px; font-weight:600; color:#000; line-height:30px; text-align:center;}
.org .org_t3 .mgno { margin:0;}

#visual {padding:0; background:rgba(0,0,0, 0); display:block; overflow:hidden;}
.visual_Left { float:left; display:block; margin:0 1% 0 0;}	
	
/* footer */
#footer_wrap { clear:both; position:relative; background:#fff; border-top:1px solid #CCC;}
#footer_wrap #footer { width:80%; padding:10px 0;}
#footer_wrap #footer p {text-align:center; width:100%; margin:auto;}
#footer_wrap #footer p img { width:80%;}
#footer_wrap #footer address {text-align:center; clear:both; font-style:normal; font-size:10px !important; color:#747474; line-height:130%; padding:5px; width:100%;}
#footer_wrap #footer div{text-align:center;}
.family_logo {left:0; top:25px;}

/*top_sns*/
.top_sns{display:none;}

.visual_Right_box2{display:none;}

#family_wrap{display:none;}
}