@charset "utf-8";
@import url("/common/css/contents.css?v1");
@import url("/common/css/member.css");


/* 건너뛰기 */
#accessibility{position:absolute;left:0;top:0;z-index:1; z-index:9999999;}
	#accessibility li{float:left}
	#accessibility a{position:absolute;width:1px;height:1px;top:-50px;overflow:hidden;text-align:center}
	#accessibility a:focus, #accessibility a:active{position:absolute;top:0px;width:200px;height:auto;padding:5px;background-color:#fff;border:solid 1px #0079c6;color:#0079c6;z-index:2} 
	
	

/*-----------------------------------------------------------------------------------------------------------
공통css
-----------------------------------------------------------------------------------------------------------*/
body			{ }
#skipnavigation { display:none; visibility:hidden;}

#wrapper	{position:relative; width:100%; overflow:hidden}
#header		{width:100%;height:175px; background:url(/common/img/top_bg.png) repeat-x top;}

	#header h1.logo  { padding:30px 0 20px;}
	
	.top-link{ position:absolute; right:260px; top:40px; z-index:100}
	.top-link ul{list-style:none;	}
	.top-link li{display: inline; float: left; padding:10px 5px; height:40px;box-sizing:border-box; position:relative;}
	.top-link li:before{ position:absolute; content:''; width:1px; height:15px; background:#ddd; top:10px; right:0}
	.top-link li:last-child:before{ position:absolute; content:''; width:0px; height:20px; background:#ddd; top:0; right:0}
	.top-link li a{display:block; padding:0 5px; color:#666; font-size:0.93em}
	.top-link li a:hover{ color:#3eb134}
	
		
	.search_wrap		{ position:absolute; top:38px; right:0; border:1px solid #222; background:#fff;}
	.src_form > h2, .src_btn, .src_close	{ display:none}
		div.search_wrap select		{ float:left;}
		div.search_wrap fieldset .tf_keyword		{ float:left; width:200px; height:33px; border:none; margin-left:10px; font-size:16px }	
		div.search_wrap fieldset .btn_search		{ float:right;  width:40px; height:40px;border:3px solid #222; color:#fff; font-size:15px; text-align:center; background:#222}	
		div.src_form div#select_box { position: relative; width: 90px; height: 40px; float:left;
		background: url(/image/common/sch_aw_bg.gif) right no-repeat;    }
		div.src_form div#select_box label {  position: absolute;  color: #000;  top: 12px; left: 5px; font-size:16px}
		div.src_form div#select_box select#color { width: 100%; height: 40px; min-height: 40px; line-height: 40px; padding: 0 10px; 
		opacity: 0;    filter: alpha(opacity=0); /* IE 8 */; font-size:16px}
	

	 /* PC Device */
	@media all and (min-width:1025px){
		
	
	}
	
	
	/* 테블릿 세로 해상도 */
	@media all and (max-width:980px) {
		
		#wrapper	{overflow:hidden}
		#header		{ background:none; height:auto}
		#header h1.logo  { padding:20px}
		#header h1.logo img  { height:50px}
		.top-link	{ display:none;}		
	
			
		.search_wrap{margin:0;z-index:20; position:absolute; top:62px; right:0; left:0; width:100%;  border:none}
		.search_wrap .src_btn{top:-42px;width:40px;height:40px;background:#222; right:55px; position:absolute }
		.search_wrap .src_btn i{ text-align:center; color:#fff; font-size:16px;}
		.search_wrap .src_btn span{ font-size:0}
		.src_form		{ display:none}
		.src_form > h2, .src_btn, .src_close	{ display:block}
		.src_form > h2	{ font-size:16px; color:#000; padding:15px}
		
			div.search_wrap select		{ float: none; width:96%; margin:0 2%}
			div.search_wrap fieldset .tf_keyword		{ float:none; width:94.7%; height:33px; border:none; margin-left:0px; border:1px solid #ddd; margin:2px 2% }	
			div.search_wrap fieldset .btn_search		{ float:none;  width:96%; height:40px;color:#fff; font-size:28px; text-align:center; background:#136fc5; margin:2px 2% 10px 2%;}	
			div.src_form div#select_box { position: relative; width: 96%; height: 40px; float: none;
			background: url(/image/common/sch_aw_bg.gif) right no-repeat; border:1px solid #ddd; margin:2px 2%    }
			div.src_form div#select_box label {  position: absolute;  color: #000;  top: 12px; left: 5px; font-size:14px}
			div.src_form div#select_box select#color { width: 96%; height: 40px; min-height: 40px; line-height: 40px; padding: 0 10px; 
			opacity: 0;    filter: alpha(opacity=0); /* IE 8 */}
			.src_close		{ position:absolute; top:0; right:0;}
			
	}
	
	/* 모바일 해상도 */
	@media all and (max-width:800px) {	
	
		#wrapper{min-width:100%; overflow:hidden}
		
	}
	
	
	
/*-----------------------------------------------------------------------------------------------------------
PC메뉴
-----------------------------------------------------------------------------------------------------------*/

	
	/* gnb */
	#gnb {position:absolute; width:100%; height:95px;}
	#gnb > ul {max-width:1200px; margin:0 auto;box-sizing:border-box; padding-top:25px; padding-right:59px;}
	#gnb > ul:after {display:block; clear:both; content:'';}
	#gnb > ul > li {position:relative; z-index:120; float:left; width:23.28%;}

	#gnb > ul > li:before { position:absolute; content:''; background:#7cafd4; width:5px; height:5px; border-radius:50vh; top:12px; right:0;}
	#gnb > ul > li:last-child:before { position:absolute; content:''; background:none;}
	#gnb > ul > li.on > a {color:#fff;}
	#gnb > ul > li > a {display:block; position:relative; height:40px; padding:0 0 10px 0; color:#fff; font-size:20px; text-decoration:none; text-align:center; letter-spacing:-2px;}
	#gnb > ul > li > ul {display:none; position:absolute; z-index:120; top:44px; left:0; width:100%; height:328px; border-right:1px solid #ddd;}
	
	#gnb > ul > li > ul:hover 	{background:rgba(246,246,246,.5);}
	#gnb > ul > li > ul:hover a {}
	
	#gnb > ul > li:first-child > ul {border-left:1px solid #ddd;}
	#gnb.open > ul > li > ul {display:block;}
	#gnb div.bg 		{display:none; position:absolute; z-index:110; top:69px; left:0; width:100%; height:331px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff;}
	#gnb.open div.bg 	{display:block;}
	#gnb.open > ul > li:first-child:before {display:block;}
	#gnb > ul > li > ul > li > a {display:block; position:relative; padding:12px 5px; color:#777;  text-align:center; letter-spacing:-1.7px; font-size:16px;}
	#gnb > ul > li > ul > li.line{ border-bottom:1px solid #ddd;}
	#gnb > ul > li > ul > li.line2{ border-top:1px solid #ddd;}
	#gnb > ul > li > ul:hover > li:hover > a:hover {display:block; position:relative; padding:12px 5px; color: #fff; text-align:center; background:#44a22d;  box-sizing:border-box; }
	#gnb > ul > li > ul > li.sub > a { position: relative;display:block; position:relative; padding:7px 10px; color:#777;  text-align:center; letter-spacing:-1.7px; font-size:14px; margin:0 2px;}
	#gnb > ul > li > ul:hover > li.sub:hover > a:hover {padding:7px 10px; color: #000; background:#fff; text-align:center; margin:0 2px}

	
	#header .gnb_util {position:relative;margin:0 auto;width:1200px;}
	#header .gnb_util .gnb_btn {display:block;position:absolute;top:10px;width:59px;height:59px;background-position:center center;background-repeat:no-repeat;text-indent:-9999px;}
	#header .gnb_util .all_menu_btn {right:0;background-color:#ffbc09;background-image:url(/common/img/all_menu_icon.png);}
	#header .gnb_util .m_hd_srch_btn {display:none;}
	#header .gnb_util .m_hd_srch_wrap {display:none;}
	#header .gnb_util .mobile_menu_btn {display:none;}


	/* 테블릿 가로 해상도 */
	@media all and (max-width:1199px) {
					
		#gnb span.bg {background-position:3% bottom;}
		
	}

	
	/* 테블릿 세로 해상도 */
	@media all and (max-width:980px) {
		
		#gnb{display:none}
		.gnb_bg{display:none}
		
		#header .gnb_util {width:96%;}
		#header .gnb_util .gnb_btn {top:-70px;width:40px;height:40px;}
		#header .gnb_util .sitemap {display:none;}
		#header .gnb_util .m_hd_srch_btn {display:block;right:46px;background-color:#222;background-image:url(../images/common/hd_srch_ico.png);}
		#header .gnb_util .m_hd_srch_btn.active {background-image:url(../images/common/gnb_srch_close_ico.png);}
		#header .gnb_util .m_hd_srch_wrap {position:absolute;top:-60px;left:0;right:80px;padding:5px;min-width:auto;height:40px;background-color:#222;box-sizing:border-box;z-index:2;}
		#header .gnb_util .m_hd_srch_wrap input[type="text"] {padding:0 10px;width:100%;height:100%;border:0;background-color: transparent;box-sizing:border-box;}
		#header .gnb_util .all_menu_btn {display:none;}
			
			
	}
	
	/* 모바일 해상도 */
	@media all and (max-width:800px) {	
	
		#gnb{display:none}	
		
	}

/*-----------------------------------------------------------------------------------------------------------
모바일
-----------------------------------------------------------------------------------------------------------*/


#mobileLnb{display:none; position:absolute; top:0; left:0; width:100%; height:40px; border-bottom:1px solid #ddd; z-index:800;}
	#mobileLnb .mLnbDiv{position:relative; width:94%; height:40px; margin:auto;}
	#mobileLnb .mLnbDiv a{display:block}
	#mobileLnb .mLnbDiv .home{width:48px; height:14px; padding:13px 0; text-align:center; float:left; border-left:1px solid #ddd; border-right:1px solid #ddd}
	#mobileLnb .mLnbDiv .lnbOne{position:relative; width:160px; padding:12px 19px; float:left; border-right:1px solid #ddd}
	#mobileLnb .mLnbDiv .lnbOne.on{color:#333; }
	#mobileLnb .mLnbDiv .lnbOne.cur{color:#4a4098; }
	#mobileLnb .mLnbDiv .lnbOne img{position:absolute; top:19px; right:19px;}
	#mobileLnb .mLnbDiv .lnbTwo{display:none; position:absolute; top:40px; left:0; width:160px; border:1px solid #ddd; padding:15px 19px 5px; background:#fff}
	#mobileLnb .mLnbDiv .lnbTwo a{font-size:13px; margin-bottom:15px;}
	#mobileLnb .mLnbDiv .lnbTwo a:hover{color:#4a4098; }
	#mobileLnb .mLnbDiv .lnbTwo a.on{color:#4a4098; }

	.mobileMenu	{display:none; position:absolute; top:20px; right:15px; width:40px; height:40px; background:url(/common/img/all_menu_icon.png) no-repeat #ffbc09; z-index:100; background-position:8px 10px}
	
	#gnbM{display:none; position:absolute; top:0; right:-300px; width:300px; background:#f8f8f8; z-index:1000000;}
	#gnbM .mUtil{padding:17px 15px; background:#3eb134; font-size:13px; letter-spacing:-1px}
	#gnbM .mUtil a{color:#fff;}
	#gnbM .mUtil span{margin:0 6px; color:#ddf2e7}
	#gnbM .mobileMenuXbt{position:absolute; top:18px; right:10px;}
	#gnbM .mobileMenuXbt img{width:15px}
	#gnbM .gnbDiv a{display:block}
	#gnbM .gnbDiv .one{padding:14px 20px 10px; font-size:16px; color:#333; border-bottom:1px solid #d9d9d9; font-weight:400; }
	#gnbM .gnbDiv .one.on{color:#ed601b; border-bottom:1px solid #666;}
	#gnbM .gnbDiv .two{padding:15px 20px; border-bottom:1px solid #d9d9d9; background:#fff}
	#gnbM .gnbDiv .two .twoD{font-size:15px; color:#555; padding:10px 7px; border-bottom:1px solid #d9d9d9;}
	#gnbM .gnbDiv .two .twoD2{font-size:15px; color:#555; padding:10px 7px; border-bottom:1px solid #d9d9d9; background:#f3f3f3}
	#gnbM .gnbDiv .two .twoD3{font-size:15px; color:#555; padding:10px 7px 10px 15px; border-bottom:1px dotted #ccc; background:#fff}
	#gnbM .gnbDiv .two .thr{padding:15px 15px 5px; border-bottom:1px solid #d9d9d9; background:#f7f7f7}
	#gnbM .gnbDiv .two .thr .thrD{font-size:13px; color:#777; margin-bottom:10px}
	.dimdBg{display:none; position:absolute; top:0; left:0; width:100%; background:#000; opacity:0.7; z-index:1000}


	.mNxt{ display:none}
	
	.mobileSubmenu{display:none; position:absolute; top:104px; left:0; width:94%; padding:10px 3%; border-bottom:1px solid #ddd; background:#f3f3f3; z-index:999; border-top:1px solid #ddd;}	
	.mobileSubmenu a{display:block; padding:10px 3%; border-bottom:1px solid #ddd; color:#555; font-size:15px;}

	.newTxt {font-size:16px; color:#4a4098; font-weight:bold;}

	
	
	
	/* 테블릿 세로 해상도 */
	@media all and (max-width:980px) {
		
		
		#mobileLnb{display:none}
			.mobileMenu{display:block}		
			#gnbM{display:block}
			#mobileSub{display:block;}
			.mobileSubmenu{display:none;}
			
			
			
	}
	
	/* 모바일 해상도 */
	@media all and (max-width:800px) {	
	
		#mobileLnb{display:none;}
		.boxTxt .addInfoBt img{width:100px;}
		.mHidden{display:none;}
		
	}
	
	
/*-----------------------------------------------------------------------------------------------------------
하단
-----------------------------------------------------------------------------------------------------------*/	
	
	
#footer{width:100%;z-index:800; background: #555; margin-top:50px}
	.footDiv{position:relative; width:1200px;  margin:auto;}
	.footDiv .select-box{position:absolute; top:10px; right:50px; width:162px;}
	
	.fUtil ul	 { border-bottom:1px solid #444; height:46px;}
	.fUtil ul li { float:left; margin:0; padding:0 15px; line-height:46px; height:46px;}
	.fUtil ul li a {font-size:14px; color:#999 }
	.fUtil ul li a.type1{color:#fff  !important}
	
	.copyRight	{line-height:170%; padding:20px 0 ; clear:both; text-align:center;font-size:14px; color:#999}

	#footer .btn-top {width:41px;height:41px;overflow:hidden;background:url(/common/img/com_img.png); background-position: -255px -80px ;display:block;position:fixed;bottom:150px;right:-80px;z-index:100000;background-color:rgba(0,0,0,0.4);border-radius:10%;transition:right .3s ease;z-index:1000;border:0;}
	#footer .btn-top.on {right:25px;}
	
	.site_link_bn	{ position:absolute; top:70px; right:0;}
	.site_link_bn a	{ margin-left:10px}
	
	.site_link{display:block;position: absolute;width:220px;height:46px;margin:0;z-index:1000; float:right; background:#444; top:0; right:0;}
		.site_link .sitelink_cont{display:block;position:relative;}
		.site_link .sitelink_cont h3{display:block;width:100%;height:47px;}
		.site_link .sitelink_cont h3 button{display:block;width:100%;height:46px;margin:0;padding:0 0 0 10px;background:url('/common/img/flink_arr.gif') no-repeat 90% 50%;border:none;border-right:1px solid #555;color:#999;text-align:left;}
		.site_link .layer{display:none;position:absolute;left:0;bottom:0;width:90%;z-index:100;padding:10px 5%;background:#444;}
		.site_link .layer .close{position:absolute;right:0;top:0;width:51px;height:51px;background:url('/common/img/com_img.png'); background-position: -115px -158px ; backgfont-size:0;line-height:0;text-indent:-9999px;z-index:10;}
		.site_link .link_part{width:96%;padding:2%;}
		.site_link .link_part h4{width:88%;height:26px;padding:7px 0 0 2%;color:#fff;font-weight:normal; font-size:14px;}
		.site_link .link_part ul{padding:15px 0;background-color:#fff;border-radius:5px;}
		.site_link .link_part ul li{display:block;float:left;width:50%;}
		.site_link .link_part ul.float_none li{float:none;width:100%;}
		.site_link .link_part ul li a{display:block;padding:5px 0 0 5px;color:#676767; font-size:14px;}
		
	.con_wrap				{max-width:1200px; width:100%; margin:0 auto; position:relative; }
	
		
	
	/* 테블릿 가로 해상도 */
	@media all and (max-width:1199px) {
					
		.footDiv	{margin:0 auto; width:100%}
		.copyRight2	{color:#555; text-align:center;}
	
	}
	
	/* 테블릿 세로 해상도 */
	@media all and (max-width:980px) {
		
		
	
		#footer{height:auto; clear:both; background:none}
			#footer:after{clear:both;display:block;content:'';}
			.footDiv{height:auto; width:100%}
			.footDiv .select-box{display:none}
			.footDiv .linkBt{display:none}
			.footDiv .linkBt2 {display:none;}	
		
		
		
		.fUtil		{}
		.fUtil ul li { width:100%;box-sizing:border-box; border-bottom:1px solid #777; border-right:0px ; padding:10px 0; background:#595f6a; height:auto; line-height:normal; text-align:center}
		.fUtil ul li a{ color:#fff;}
		.fUtil ul li a.type1{color: #FF0 !important}
		.fUtil ul li:last-child	{ border-right:0}
				
		.site_link{ width:100%; position:relative}
		.site_link .sitelink_cont{float:none;width:100%;border-bottom:1px solid #8b8f97;}
		.site_link .sitelink_cont h3 button{background-position:95% 50%;}
		
	}



/*-----------------------------------------------------------------------------------------------------------
서브
-----------------------------------------------------------------------------------------------------------*/

/* 서브페이지 */
	/* 상단 비주얼, 로케이션 영역 */
	#subWarp		{ position:relative}
		.subVisual 	{ position: absolute; left:0; top:175px; width:100%; background:#f8f8f8; height:200px; z-index:-1; }
		.bg1		{ background:url(/img/sub/sub_img_01.jpg) no-repeat; height:200px}
		.bg2		{ background:url(/img/sub/sub_img_02.jpg) no-repeat; height:200px}
		.bg3		{ background:url(/img/sub/sub_img_03.jpg) no-repeat; height:200px}
		.bg4		{ background:url(/img/sub/sub_img_04.jpg) no-repeat; height:200px}
		.bg5		{ background:url(/img/sub/sub_img_05.jpg) no-repeat; height:200px}
		.bg6		{ background:url(/img/sub/sub_img_06.jpg) no-repeat; height:200px}
		.bg7		{ background:url(/img/sub/sub_img_05.jpg) no-repeat; height:200px}
		.bg8		{ background:url(/img/sub/sub_img_05.jpg) no-repeat; height:200px}
		.bg9		{ background:url(/img/sub/sub_img_05.jpg) no-repeat; height:200px}
		.bg10		{ background:url(/img/sub/sub_img_07.jpg) no-repeat; height:200px}
		h2.subTT 	{ text-align:center; font-size:40px; color:#fff; text-shadow:2px 2px 2px #333; font-weight:400; padding-top:70px;	
		animation-name:fadeInDown; animation-duration:0.6s; animation-iteration-count:1;
		animation-direction:altemate; animation-timing-function:linear;
		  -webkit-animation-name: fadeInDown;}
		
		@-webkit-keyframes fadeInDown {
		  from {
			opacity: 0;
			-webkit-transform: translate3d(0, -15%, 0);
			transform: translate3d(0, -15%, 0);
		  }
		
		  to {
			opacity: 1;
			-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
		  }
		}
		
		@keyframes fadeInDown {
		  from {
			opacity: 0;
			-webkit-transform: translate3d(0, -15%, 0);
			transform: translate3d(0, -15%, 0);
		  }
		
		  to {
			opacity: 1;
			-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
		  }
		}
		
		.fadeInDown {
		  -webkit-animation-name: fadeInDown;
		  animation-name: fadeInDown;
		}

	
	.top_area { width:1200px; margin:0 auto; background:#f6f6f6; border:1px solid #ddd; height:45px; margin-top:175px;}

    /*location */
    .location_area {position:relative;width:140rem;margin:0 auto;z-index:5;}
    .location_area .i_home {display:block;float: left;width:45px;height:45px;text-align: center;background:url(/common/img/i_home.png) no-repeat 50% 50% #fff;border-right: 1px solid #ddd;text-indent:-9999px;}
    .location_area .fake_select {display:block;float: left; position:relative;width: 195px;background:#fff; vertical-align:middle; *zoom:1;transition: all 0.6s;}
    .location_area .fake_select * {margin:0; padding:0; cursor:pointer;}
    .location_area .fake_select .my_value {width:100%; height:45px; overflow:visible; position:relative; z-index:2; border:0;border-right: 1px solid #ddd;background:#fff; text-align:left; line-height:45px; background:url(/common/img/bg_arrow.png) no-repeat 90% 50% #fff; padding-left:15px; font-size:16px}
    .location_area .fake_select2 	{display:block;float: left; position:relative;background:#fff; vertical-align:middle; *zoom:1;}
    .location_area .fake_select2 p  {cursor:pointer; height:45px; position:relative; z-index:2; border:0;border-right: 1px solid #ddd;line-height:45px; padding:0 30px;font-weight:500; }
    .location_area .fake_select .my_value.selected {}
    .location_area .fake_select div.my_value {height:45px;}
    .location_area .fake_select ul {overflow:hidden; position:absolute; top:45px; left:0; width:100%; border:1px solid #ddd;}
    .location_area .fake_select ul.a_list {display:none}
    .location_area .fake_select.open ul.a_list {display:block}
    .location_area .fake_select li {overflow:hidden; position:relative; padding:8px 12px;border-bottom:1px solid #ddd;  white-space:nowrap; background:#fff}
    .location_area .fake_select li input.option {position:absolute; width:100%; line-height:30px;}
    .location_area .fake_select li label {position:absolute; top:0; left:0; width:100%; height:1.8rem; color:#3d3d3d;}
    .location_area .fake_select li a {display:block; color:#3d3d3d; line-height:30px; font-weight:400; font-size:14px}
    .location_area .fake_select li a:hover,
    .location_area .fake_select li.hover   	 {background:#f3f3f3; color:#253a6b;}
		
		
	#container { width: 100%; color: #333; line-height: 24px; font-size: 15px; overflow:hidden; margin:40px 0}	
	#container h3.page_tt 			{ position:relative; font-size:40px; line-height: 44px;  letter-spacing:-2px; text-align:center; font-weight:400; color:#000; padding:20px 0 40px}
	#container h3.page_tt:before 	{ position:absolute;top:0;left:48%;content:"";display:block;width:20px;height:20px;z-index:10; background:url(/img/common/sub_tt_bg.png) no-repeat}
	
	/* 제목 영역 */
	.in-wrap 	{ position:relative; margin: 20px 0 40px; min-height:600px;clear:both}
		
	
	@media only screen and (min-width:1024px) {/* PC */
	}
	
	/* 테블릿 가로 해상도 */
	@media all and (max-width:1199px) {
			
		/* 서브페이지 */
					
		.container_wrap  { width:100%; margin:0 auto; margin-top:30px;box-sizing:content-box;}
		.container_wrap:after {clear:both;content:"";display:block;}
		
		#container { padding-bottom:20px;width:100%; color: #333; line-height: 24px; font-size: 15px; overflow:hidden;}
	
	}
	
	/* 테블릿 세로 해상도 */
	@media all and (max-width:980px) {
		
		
		/* 서브페이지 */
		.subVisual,.location,#lnb,.page_tt	 	{ display:none}		
		.path	{padding:30px 0 0 22px; text-align:left; background:#f7f7f7;}	
		.top_area { width:100%; margin-top:0px;}
    	.location_area .fake_select 	{display:block;float: left; position:relative;width:140px;background:#fff; vertical-align:middle; *zoom:1;}
    	.location_area .fake_select2 p  { padding:0 10px;}
		
		#container h3.page_tt	{ padding:10px 0 25px 15px; line-height: normal; text-align:left; font-size:28px;}
		#container h3.page_tt:before {position:absolute;top:180px;left:50%;margin-left:-0.5px;content:"";display:block;width:0;height:0;background:#ddd;z-index:10}
		.in-wrap 		{ padding:0 2%; margin:0; box-sizing:border-box}
		
	
	}
	
	/* 모바일 해상도 */
	@media all and (max-width:800px) {	
	
				
	
		
	}
	
	
/*-----------------------------------------------------------------------------------------------------------
왼쪽메뉴
-----------------------------------------------------------------------------------------------------------*/

.subMenu	 { width:180px; float:left;}
.subMenu:after{content:""; display:block; clear:both;}
	.leftTT   {text-align:center;height:100px;border:1px #dfdfdf solid; background:#333;}	
	.leftTT h1 {padding-top:30px; color:#fff; font-size:18px; line-height:20px;font-weight:normal;}
	.leftTT span {color:#ddd;font-size:12px;line-height:20px;}

	.lmenu_title .title{font:inherit;font-size:24px; font-family:'Malgun Gothic' ng; font-weight:bold;color:#3b3a37;word-spacing:-2pt;letter-spacing:-2px;line-height:38px;margin-top:8px;}
	.lmenu_title .subTitle{font:inherit;font-size:12px; font-family:'Malgun Gothic' ng; font-weight:bold;color:#3b3a37;word-spacing:-2pt}
	
	.subMenu .myInfo{padding:20px 15px;box-sizing:border-box; background:#f9eff1; color:#686868;border:1px #dfdfdf solid; border-top:none; }
	.subMenu .myInfo .tit{padding-bottom:5px; margin-bottom:15px;font-size:15px; border-bottom:1px #d3d3d3 solid; text-align:center; color:#000}
	.subMenu .myInfo dd a b {font-size:17px; color:#000}
	.subMenu .myInfo dl{overflow:hidden;font-size:13px;line-height:22px;}
	.subMenu .myInfo dt{float:left;}
	.subMenu .myInfo dd{float:right;}
	
	
	.smenu {width:178px;margin-top:0;padding-top:0px;text-align:left;border:1px #dfdfdf solid; border-top:none; }
	.smenu ul li {border-bottom:1px #dfdfdf solid; padding:20px 14px;}
	
	.subMenu>ul>li>a.on{color:red;}
	.subMenu ul li ul{width:150px; margin::0 auto; }
	.subMenu ul li ul li {padding:5px; height:20px; border-bottom:1px #dfdfdf dashed;}
	.subMenu ul li.en {border-bottom:none;}
	.subMenu ul li ul li a{font-size:14px;line-height:22px;color:#686868;}
	.subMenu ul li ul li a.on{color:red;}
	.subMenu ul .txt{font:inherit;font-size:14px;color:#686868;padding:10px 0px 10px 34px;display:block;}
	
	
	/* 테블릿 세로 해상도 */
	@media all and (max-width:980px) {
		.subMenu	{width:100%; float:none; padding:10px 0}
		.smenu 		{width:99.5%; padding-bottom:20px}
		.smenu:after{content:""; display:block; clear:both;}
		.subMenu ul li ul	 {width:100%; margin::0 auto; }
		.smenu ul li 		 {border:none;}
		.subMenu ul li ul li {padding:10px 0; text-align:center; height: auto; border:1px #dfdfdf solid; margin:3px; box-sizing:border-box; float:left; width:48%;}
		.subMenu ul li ul li.en 	{border-bottom:1px #dfdfdf solid;}
		.subMenu ul li ul li:hover	{ background:#f3f3f3;}
		
	}
	
	
	.subpage_wrap	{ float:right; width:960px; }
	.subpage_wrap:after{content:""; display:block; clear:both;}


	/* 테블릿 세로 해상도 */
	@media all and (max-width:980px) {
		
		.subpage_wrap	{ float: none; width:96%; padding:20px 0; margin:0 auto  }
	}