/* 미디어쿼리 시작 */
@media all and (max-width:1220px) {
	.mainConArea, #footer .footDiv {width:94%; /**/}

	#subCon .left_wrap {display: none;}
	#subCon .ctn_wrap {width: 100%;float:none;}
	h2 {    text-align: center;}
}
@media all and (max-width:1200px) {
	/*header*/
	#header .gnb {width: 100%}
	#header .gnbBtn {display:block; position:absolute; top:36px; right:4%}
	#header .tmenu,
	#header .gnb .gnbArea {display: none;}
	#header .gnb h1 {float: none;width: 230px;margin: auto;}
	#header .gnbBtn img {width:100%}
	

	/*locationBar*/
	.locationBar {display: none}
	.intro-locTab .share {display: none}
	.m_share{position:fixed;right:2.3%;bottom:10%;width:50px;height:188px;display:block;z-index:77787;overflow:hidden;}
	.m_share a {display:block; width:50px; height:50px; background:#f2f2f2 url("../images/content/share.png") no-repeat 50% 50%;text-indent:-55555px; transition: all 0.2s ease-in;}
	.m_share>a{position:relative;z-index:50;top:141px;} 
	.m_share>ul{opacity:0;height:188px;position:absolute;left:0;top:0;z-index:10;transition:0.5s;transform:translate(0, 180px);}
	.m_share>ul>li>a{z-index:10;}
	.m_share>ul>li:first-child>a{background: url("../images/content/share_daumCafe.png") no-repeat 50% 50%; top:47px;}
	.m_share>ul>li:nth-child(2)>a{background :url("../images/content/share_webhard.png") no-repeat 50% 50%;top:99px;margin-top:-1px}
	.m_share>ul>li:nth-child(3)>a{background: url("../images/content/share_mail.png") no-repeat 50% 50%;top:150px;margin-top:-1px}


	.m_share.open>ul{opacity:1;transition:0.5s;transform:translate(0, 0);}
	#subCon {width:94%; padding:0 0 70px}


	.ctn_wrap h2 .fl_right {display:none}
	
}


@media all and (max-width:1010px) {
	/*메인컨텐츠*/

}
@media all and (max-width:981px) {
	/*header*/
	#header .gnb {width:100%}
	#header .gnb .gnbArea {display:none}
	#header .gnb h1 {float:none; width:230px; margin:auto}
	#header .gnbBtn {display:block; position:absolute; top:36px; right:4%}
	#header .gnbBtn img {width:100%}

	/*메인비주얼*/
	h2 {font-size:25px; margin-bottom:35px}	
	h2  .sp02{font-size:17px !important;}
	.title {font-size:28px}
	.subTitle {margin-top: 5px}
	.subTitle2 {margin-bottom:15px; font-size:19px}


	.mainNotices .title {font-size: 24px}
	.mainNotices .title::after {height: 24px;}
	.mainNotices div {width:100%;border-top: 0px solid #d0d0d0;border-bottom: 0px solid #dedede;margin-left: 20px;}
	.mainNotices div:last-child {border-top: 0;}
	.mainNotice div a {display: block;padding: 0 20px 0 0;box-sizing: border-box;}
	.mainNotices div h2 {font-size: 16px;}
	.mainNotices div a {padding:0 20px 0 0 !important;}
	.mainCustomer {margin-top:30px}


	/*서브비주얼*/
	.visual > h1 {font-size:44px}
	.tit-sub1 {font-size: 20px;margin: 40px auto 40px; }


	#subCon {margin-top:30px}	


	/*푸터*/
	#footer {text-align:center}
	#footer .footDiv div{display:inline-block;vertical-align:top;}
	#footer .footDiv div p{font-size:13px;}
}


@media all and (max-width:900px){

	h3 {font-size:18px; margin-top:40px}

	/* 테이블형태 */
	.tableType1 table th, .tableType1 table td,
	.tableType1_2 table th, .tableType1_2 table td {padding:10px 15px; font-size:14px; line-height:22px;}
	.tableType1 table th {width:29%}
	.tableType1 table td {width:71%}

	.tableType2 table th, .tableType2 table td {padding:10px 15px; font-size:14px; line-height:22px;}
}


@media all and (max-width:758px){
	/* header */
	#header .gnb {height:59px;}
	#header .gnb h1 {width:160px; padding-top:17px; margin:auto}
	#header .gnb h1 a {width:100%}
	#header .gnb h1 a img {width:100%}
	#header .gnbBtn {top:21px; width:25px}

	/*메인비주얼*/
	.title {font-size:24px}
	.mainConArea {padding:7% 3% 7% 3%}
	.mainroll .img_m {display:block !important;}
	.mainroll .img_pc {display:none !important;}
	.mainroll .item1{background:url(/images/main/main_visualm1.jpg) center no-repeat; background-size:100%;}
	.mainroll .item2{background:url(/images/main/main_visualm2.jpg) center no-repeat; background-size:100%;}
	.mainroll .item3{background:url(/images/main/main_visualm3.jpg) center no-repeat; background-size:100%;}


	/*서브비주얼*/
	.visual > h1 {font-size:27px}
	h2{font-size:20px; margin-bottom:25px}	
	#visual_txt {font-size:14px}
	.visual{height:150px;}

	/*메인컨텐츠*/	
	.mainNotices .title {font-size: 20px}
	.mainNotices .title::after {height: 20px;}


	/* Customer Service */
	.mainCustomer h1 {font-size:22px}
	.mainCustomer .ul01_2 em {font-size:22px}
	.mainCustomer .ul01_2 li:first-child {margin-left:0}
	.mainCustomer .ul01_2 p.tel {font-size:22px}
	.mainCustomer .ul01_2 p.fax em {font-size:19px}	
	.mainCustomer .ul01_2 p.fax span {font-size:17px}	
	.mainCustomer .ul01_2 p.btn a.btn {font-size:15px; width:140px}




	/*개요*/
	.define-wrap.define-wrap_type1 .define_tit {padding: 10px 0 10px;font-size: 16px;}
	.define-wrap.define-wrap_type1 .define_tit, .define-wrap.define-wrap_type1 .define_desc {display: block;width: 100%;}
	.define-wrap.define-wrap_type1 .define_desc {padding: 10px 0px 25px;font-size: 14px;}
	.define-wrap.define-wrap_type1 .define_list:first-child .define_desc {border-top: 1px solid #d9d9d9;}
	.define-wrap.define-wrap_type1 .define_list:first-child {border-top: none;}
}


@media all and (max-width:650px){

}


@media all and (max-width:450px){
	/*메인비주얼*/
	.title {font-size:20px}		

	/*메인컨텐츠*/	


	h3 {font-size:16px; margin-top:30px}

	/* Customer Service */
	.mainCustomer h1 {font-size:20px}
	.mainCustomer .ul01_2 em {font-size:20px}
	.mainCustomer .ul01_2 li:first-child {margin-left:0}
	.mainCustomer .ul01_2 p.tel {font-size:20px; margin-top:0}
	.mainCustomer .ul01_2 p.fax {font-size:17px; margin-top:10px}	
	.mainCustomer .ul01_2 p.fax em {font-size:17px}	
	.mainCustomer .ul01_2 p.fax span {font-size:15px}	
	.mainCustomer .ul01_2 p.btn a.btn {font-size:13px; width:120px; text-align:center}

	.mainCustomer .ul01_2 li {margin-left:0px}
	.mainCustomer .ul01_2 li.li01 img {width:120px}
	.mainCustomer .ul01_2 li.li02 {margin-left:15px}
	.mainCustomer .ul01_2 p.btn {margin-top:17px}


	/* 테이블형태 */
	.tableType1 table th, .tableType1 table td,
	.tableType1_2 table th, .tableType1_2 table td,
	.tableType2 table th, .tableType2 table td {padding:7px; font-size:12px; line-height:20px;}
}