@charset "utf-8";

@media only screen and (max-width:1024px) {
	.sub1-1-1 .infoBox { height:auto; width:100%; background:#fcfcfc; display:block; }
	.sub1-1-1 .infoBox .info { width:100%; margin:30px auto; }
	.sub1-1-1 .infoBox .info li { width:50%; display:inline-block; font-size:15px; line-height:24px; padding-bottom:20px; }
	.sub1-1-1 .infoBox .info li:first-child { background:url(/html/_images/company/icon08.png) no-repeat center 10px; }
	.sub1-1-1 .infoBox .info li:nth-child(2) { background: url(/html/_images/company/icon09.png) no-repeat center 10px; }
	.sub1-1-1 .infoBox .info li:nth-child(3) { background: url(/html/_images/company/icon10.png) no-repeat center 25px; }
	.sub1-1-1 .infoBox .info li:last-child { background: url(/html/_images/company/icon11.png) no-repeat center 15px; }
	.sub1-1-1 .infoBox .info li:first-child, .sub1-1-1 .infoBox .info li:last-child { }

	.sub1-1-1 .office1 { margin:0; width:100%; }
	.sub1-1-1 .office1 dt { width:100%; height:200px; background-size:cover; display:block; overflow:hidden; padding:0; position:relative; }
	.sub1-1-1 .office1 dt em { position:absolute; right:10px; bottom:10px; }
	.sub1-1-1 .office1 dd ul { padding:0 30px; }
	.sub1-1-1 .office1 dd li { width:100%; }

	.sub1-1-1 .office2 { margin:60px 0 0; width:100%; }
	.sub1-1-1 .office2 dt { width:100%; height:200px; background-size:cover; background-position:bottom; display:block; overflow:hidden; padding:0; position:relative; }
	.sub1-1-1 .office2 dt em { position:absolute; right:10px; bottom:10px; }
	.sub1-1-1 .office2 dd { padding:30px; margin:0; }
	.sub1-1-1 .office2 dd ul { padding:0 30px; }
	.sub1-1-1 .office2 dd li { width:100%; }

	.sub1-1-1 .boxWrap { margin-top:30px; width:auto; }
	.sub1-1-1 .box1, .sub1-1-1 .box2, .sub1-1-1 .box3 { width:100%; background-position:center top; }
	.sub1-1-1 .boxWrap span { width:auto; padding:0 30px 30px; }
	.sub1-1-1 .boxWrap h5 { padding:30px; }
	
	.pointcontent { width:100%; }
	.people_visual, .product_list, .product_list ul { width:100%; }
	.people_visual .peopleList ul { float:none; width:100% !important; height:auto;  }
	.people_visual .peopleList ul li { position:static; }

	.people_visual .peopleList .mobileList { display:block; }
	.people_visual .peopleList .pcList { display:none; }

	.people_visual .peopleList .mobileList dl { border:1px solid #eee; /*height:93px;*/height:auto; padding:20px 0; margin:0 auto 10px; width:95% !important; float:none; position:relative; }
	.people_visual .peopleList .mobileList dl dt {/* width:30%;*/ width:20%; margin:0 3%; display:inline-block; float:left; }
	.people_visual .peopleList .mobileList dl dd { width:60%; float:right; margin-right:3%; display:inline-block; }
	.people_visual .peopleList .mobileList dd { text-align:left; }
	.people_visual .peopleList .mobileList dd h4 { width:auto; }
	.people_visual .peopleList .mobileList dd p.model { line-height:140%; font-size:11px; }
	.people_visual .peopleList .mobileList dd .btn_more { position:absolute; right:5px; bottom:5px; }
	.people_visual .peopleList .mobileList dd .btn_more a { color:#fff; background:#e60012; width:24px; height:25px; line-height:24px; text-align:center; display:inline-block; margin-top:10px; }
	
	
	.sub1-4{padding: 20px 0;}
	.contentsTop {
    margin-bottom: 20px;
}
	
	.sub2-2 { padding:20px 0; }
	.sub2-2 h3 { display:block; }
	
	.productTop { width:100%; }
	.productTop .selectBoxWrap { position:static; text-align:center; display:inline-block; background:#f5f5f5; margin-top:20px; }
	.productTop #selectBox label { top:9px; left:10px; font-size:15px; letter-spacing:-1px; }
	.productTab { width:95%; margin:30px auto;}
	.productTab li { margin:0 15px; line-height:30px !important; }
	.productTab li span { vertical-align:middle; }
	.peopleList.product_list ul p { font-size:15px; }
	
	/* CEO MESSAGE */
	.sub1-4 { width:100%; }
	.sub1-4 h3 { padding:0 40px; }
	.ceoMessage { background:none; text-align:center; font-size:15px; padding:0 10px; }
	.ceoMessage .sign { padding:80px 0 65px; background:url(/html/_images/company/img08.png) no-repeat center bottom;  }
	
	
	/* FAQ */
	.sub4-4 { padding:20px 0; }
	.sub4-4.contents .subtxt { padding:0 70px; }
	.sub4-4 .contentsTop { margin-bottom:20px; }
	.sub4-4 { width:100%; }
	.sub4-4 .tSearch { display:none; }
	.tSearch2 { width:auto; margin-right:0px !important; }
	.tSearch2 input[type='text'] { width:220px !important; }
	.tSearch2 form { width:290px; }
	.sub4-4 .faqTab { top:90px; font-size:15px; left:30px; z-index:30; }
	.sub4-4 .faqTab ul { }
	.sub4-4 .faqTab li { margin:0 8px; }
	.sub4-4 .faqTab li a { margin-right:15px; }
	.sub4-4 .faqList { width:100%; }
	.sub4-4 .faqList ul li dt strong { width:93%; text-align:left;  text-indent:20px; }
	.sub4-4 .faqList ul li dt h4 { padding:15px 0; text-align:center; width:100%; }
	.sub4-4 .faqList ul li dt { background:url(../images/common/icon11.png) no-repeat center bottom 10px; padding:10px 10px 25px; }
	.sub4-4 .faqList ul li dd { padding:20px }
	.sub4-4 .faqList ul li dd .title { display:none; }
	.sub4-4 .faqList ul li dd img { width:100%; }
	.tabSearchWrap { min-height:200px; }
	.btnWrite { position:static !important; }
	
	.tSearch2 { float:none; width:100%; }
	.tSearch2 form { float:none; margin:0 auto 60px; }
	.newsList dl { float:none; }
	.newsList dl:nth-child(3n+2) { margin:0 0 30px; }
	
	/*history*/
	.sub1-2 { width:100%; padding:60px 0; }
	.sub1-2 .contentsTop { margin-bottom:60px; }
	.sub1-2 .subtxt { margin-top:0; font-size:15px; line-height:24px; padding:0 20px; }
	.sub1-2 .history { margin-top:0; }
	.sub1-2 .history h4 { background:#e60012; color:#fff; margin-top:0; position:static; font-size:22px; }

	.history_m { display:block;}
	.history { display:none; }

	.history01 { width:95%; }
	.history02 { width:95%; }
	.history03 { width:95%; }
	.history04 { width:95%; }

	.history_m .history01 { margin-top:0; color:#333; background:none;  }
	.history_m .history01 dl dt { background:#e60012; color:#fff; font-size:17px; font-weight:bold; padding:10px 0; }
	.history_m .history01 ul { padding:20px 0 40px; }
	.history_m .history01 ul li { padding-bottom:10px; }
	.history_m .history01 .date { color:#e60012; font-weight:bold; }

	.history_m .history02 { margin-top:0; color:#333; background:none;  }
	.history_m .history02 dl dt { background:#e95a08; color:#fff; font-size:17px; font-weight:bold; padding:10px 0; }
	.history_m .history02 ul { padding:20px 0 40px; }
	.history_m .history02 ul li { padding-bottom:10px; }
	.history_m .history02 .date { color:#e95a08; font-weight:bold; }

	.history_m .history03 { margin-top:0; color:#333; background:none;  }
	.history_m .history03 dl dt { background:#eaa416; color:#fff; font-size:17px; font-weight:bold; padding:10px 0; }
	.history_m .history03 ul { padding:20px 0 40px; }
	.history_m .history03 ul li { padding-bottom:10px; }
	.history_m .history03 .date { color:#eaa416; font-weight:bold; }

	.history_m .history04 { margin-top:0; color:#333; background:none;  }
	.history_m .history04 dl dt { background:#153a70; color:#fff; font-size:17px; font-weight:bold; padding:10px 0; }
	.history_m .history04 ul { padding:20px 0 40px; }
	.history_m .history04 ul li { padding-bottom:10px; }
	.history_m .history04 .date { color:#153a70; font-weight:bold; }
	
	/*index*/
	.section01 .category { width:100%; margin:20px auto; padding-bottom:0; overflow:hidden; }
	.section01 .category li { width:33% !important; margin-right:0.5% !important; height:130px; font-size:13px; font-weight:700; }
	.section01 .category li span { right:10px; bottom:5px; }
	.section01 .category li:nth-child(3n+3) { margin-right:0% !important; }
	.section01 .category li.badminton, .section01 .category li.jokgu, .section01 .category li.totalsports { margin-top:0.5%; }
	.section04{margin-top: 72px; margin-bottom: 30px;}
	.section04 ul li {width: 255px!important;}
	
	
	.sub3-1 { width:100%; padding:20px 0; }
	.sub3-1 h3 { padding:0 70px; }
	.sub3-1 .contentsTop { margin-bottom:20px; }

	
	.btnWrap em { display:none; }
	.boardWrap .btnNext span { background-position:left top -1px; padding:0 20px 0 30px; }
	.boardWrap .btnPrev span { background-position:right top -1px; padding:0 30px 0 20px;  }
	.boardWrap .btnList a { font-size:17px; vertical-align:4px; }
	
	/*技术*/
	/* ��� �� ���� */
	.sub1-3 { padding:20px 0; }
	.sub1-3 .contentsTop { margin-bottom:20px; }
	.sub1-3 h3 { padding:0 40px; word-break:keep-all; }
	.technologyWrap { padding-top:0; background-size:100%; height:auto !important; }
	.technologyWrap .techContents ul.logo { display:none; }

	.technologyTab { position:static; padding-top:0; display:none; }
	.techContents { width:98%; padding-left:2%; text-align:left !important; }
	.techContents ul.list { width:95%; word-break:keep-all; margin-bottom:30px; }
	.techContents ul.list li { font-size:12px; line-height:26px; padding-left:0; background:none; text-align:center; padding:5px 0; }

	.technologyWrap.soccer { background:#0e56bf !important; }
	.technologyWrap.soccer h4 { background:url('/html/_images/company/bg_confirm_soccer_m.jpg') no-repeat; }
	.technologyWrap.basketball { background:#ea9c25 !important; }
	.technologyWrap.basketball h4 { background:url('/html/_images/company/bg_confirm_basketball_m.jpg') no-repeat; }
	.technologyWrap.volleyball { background:#502753 !important; }
	.technologyWrap.volleyball h4 { background:url('/html/_images/company/bg_confirm_volleyball_m.jpg') no-repeat;  }
	.technologyWrap.jokgu { background:#c72329 !important; }
	.technologyWrap.jokgu h4 { background:url('/html/_images/company/bg_confirm_jokgu_m.jpg') no-repeat center;  }
	.technologyWrap.tennis { background:#20c3bc !important; }
	.technologyWrap.tennis h4 { background:url('/html/_images/company/bg_confirm_tennis_m.jpg') no-repeat center;  }
	.technologyWrap.handball { background:#668900 !important; }
	.technologyWrap.handball h4 { background:url('/html/_images/company/bg_confirm_handball_m.jpg') no-repeat center;  }
	
	.technologyWrap.soccer h4,
	.technologyWrap.basketball h4,
	.technologyWrap.volleyball h4,
	.technologyWrap.jokgu h4,
	.technologyWrap.tennis h4,
	.technologyWrap.handball h4 { width:auto; background-size:cover;  padding:60px 0; text-align:center; }
	.technologyWrap h4 img { height:50px}

	.technologyWrap .techContents { height:auto !important; }

	.technologyWrap.basketball .techContents ul.list,
	.technologyWrap.jokgu .techContents ul.list,
	.technologyWrap.handball .techContents ul.list { padding-left:0; }


}

@media only screen and (min-width:320px)  and  (max-width:1023px) {

	.productTop #selectBox label { top:-3px; left:10px; font-size:15px; letter-spacing:-1px; }

/****** ����� ********/



	/* NAVI */
	.navi { display:none; }
	.m_navi { display:block; }

	nav { height:0; }
	.m_navi { background:#e60012; border:1px solid red; display:block; height:50px; position:fixed; width:100%; z-index:999999; }
	.m_navi .h1 { position:absolute; left:50%; top:30%; width:120px; margin-left:-60px; z-index:11111111 !important; }
	.m_navi .h1 img { width:100%; }
	#menuToggle { display:block; position:relative; top:15px; left:15px; z-index:1; -webkit-user-select:none; user-select:none; }
	#menuToggle input { display:block; width:30px; height:21px; position:absolute; top:-7px; left:-5px; cursor:pointer; opacity:0; /* hide this */ z-index:2; /* and place it over the hamburger */ -webkit-touch-callout: none; }
	#menuToggle span { display:block; width:30px; height:3px; margin-bottom:5px; position:relative; background:#fff; border-radius:3px; z-index: 1; transform-origin: 4px 0px; transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease; }
	#menuToggle span:first-child { transform-origin: 0% 0%; }
	#menuToggle span:nth-last-child(2) { transform-origin: 0% 100%; }
	#menuToggle input:checked ~ span { opacity: 1; transform: rotate(45deg) translate(-2px, -1px); background: #232323; }
	#menuToggle input:checked ~ span:nth-last-child(3) { opacity: 0; transform: rotate(0deg) scale(0.2, 0.2); }
	#menuToggle input:checked ~ span:nth-last-child(2) { transform: rotate(-45deg) translate(0, -1px); }
	#menu { position: absolute; width:100%; margin:-50px 0 0 -16px;  padding: 80px 0; background:#fff;  list-style-type: none;  -webkit-font-smoothing: antialiased;  /* to stop flickering of text in safari */  transform-origin: 0% 0%; transform: translate(0, -100%);  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); }
	#menu li, #menu dl dt, #menu dl dd {  font-size:20px; line-height:24px; }
	#menuToggle input:checked ~ ul {  transform: none; }
	#menu dl dt { padding:20px 0; }
	#menu dl dt.opened { font-weight:800; color:#333; }
	#menu dl dd { padding:15px 0; background:#f9f9f9; }
	#menu dl dd:last-child { margin-bottom:1em; }
	#menu dl dd a { color:#777; }
	#menu .language_m { margin-top:40px; color:#333 }
	#menu .language_m em { color:#ededed; }
	#menu .language_m a { color:#999; }

	.m_login { margin-top:3rem; display:inline-block; border:1px solid #ccc; }
	.m_login a { padding:0.9em 5em 1em; color:#333; display:block; font-size:0.9em;  }


	body { font-size:30px; line-height:160%; font-weight:500; }
	#container { font-size:30px; }
	.bx-viewport { }
	.contents_bg { background:none; display:none; }
	.main-visual { height:300px; overflow:hidden; }
	.main-visual li { background-size:100%; }
	.main-visual .main_top_slider_wrap .lst_bn li.m1 { background:url(../images/mobile/main01.png) no-repeat ; }
	.main-visual .main_top_slider_wrap .lst_bn li.m2 { background:url(../images/mobile/main02.png) no-repeat ; }
	.main-visual .main_top_slider_wrap .lst_bn li.m3 { background:url(../images/mobile/main03.png) no-repeat ; }
	.main-visual .main_top_slider_wrap .lst_bn li.m1, .main-visual .main_top_slider_wrap .lst_bn li.m2, .main-visual .main_top_slider_wrap .lst_bn li.m3 { background-size:100%; background-position:center; }
	.main-visual .main_top_slider_wrap .lst_bn li.m1 h2, .main-visual .main_top_slider_wrap .lst_bn li.m2 h2, .main-visual .main_top_slider_wrap .lst_bn li.m3 h2, .main-visual .main_top_slider_wrap .lst_bn li.m4 h2 { top:34%; }

	
	.main-visual .main_top_slider_wrap #bx-pager { position:absolute; top:50%; left:50%; margin-left:-25px; background:none; width:70px; height:15px; display:none; }
	.main-visual .main_top_slider_wrap #bx-pager ul { margin-top:0; }
	.main-visual .main_top_slider_wrap #bx-pager ul li { display:inline-block; width:15px; }
	.main-visual .main_top_slider_wrap #bx-pager ul li a { width:10px; height:10px; }

	.main-visual .main_top_slider_wrap .main_top_slider_wrap { position:relative; }
	.main-visual .main_top_slider_wrap .bx-controls { display:block;  }
	.main-visual .main_top_slider_wrap .bx-controls a { position:absolute; text-indent:-1111111; }
	.main-visual .main_top_slider_wrap .bx-controls a.bx-prev { left:10px; top:38%; width:30px; }
	.main-visual .main_top_slider_wrap .bx-controls a.bx-next { right:10px; top:38%; width:30px; }

	.main-visual .main_top_slider_wrap .lst_bn li { min-height:400px; }
	.main-visual .main_top_slider_wrap .lst_bn li h2 { font-size:24px; line-height:140%;  }
	.main-visual .main_top_slider_wrap .lst_bn li p { display:none; }

	.section02 { display:none; }
	.section02 .catalogue { width:100%; background:url(../_images/main/bg_catalogue.png) no-repeat center; z-index:-0 !important; }
	.section02 .catalogue:hover { background:url(../_images/main/bg_catalogue_overlay.png) no-repeat center;  cursor:pointer; transition:all 200ms ease-out 1ms; }
	.section02 .catalogue ul { right:50% !important; margin-right:-135px; }
	.section02 .catalogue ul li { font-size:20px; }
	.section02 .catalogue ul li a { padding:20px 25px; }
	
	.section03 { width:100% !important; overflow:hidden; }
	.section03 .btn_onlineshop, .section03 .btn_atemi { width:49.5% !important; margin:0; height:130px; font-size:13px; font-weight:700; }
	.section03 .btn_onlineshop { margin-right:1%; }
	.section03 a span { right:10px; bottom:5px; }
	.section03 .btn_onlineshop a { background:url(../_images/main/bg_family01.png) no-repeat center; background-size:100%; }
	.section03 .btn_atemi a { background:url(../_images/main/bg_family02.png) no-repeat center; background-size:100%; }

	.section04 { width:100%; margin:20px auto; display:block; }
	.section04 ul li { width:100%!important; margin-bottom:1%; height:70px; }
	.section04 ul li a { font-size:15px; font-weight:700; line-height:70px; background-size:30px; }

	#footer .footerArea01 { display:none; }
	#footer .footerArea02 { padding:30px; margin:0; background:#fcfcfc; border-top:1px solid #e4e6e9; }
	#footer ul { padding:30px 0; }
	#footer { font-size:15px; line-height:200%; }


	/* ������� */
	.subTop { }
	.subTop h2 { font-size:22px; padding-top:30px; }
	.contents h3 { font-size:22px; line-height:150%; }


	/* ȸ��Ұ� */
	.subTop.intro { height:100px; padding-top:50px; background-size:cover; background-position: -100px top; }
	
	
	.sub1-1 { width:100% !important; }
	.sub1-1-1 { padding:20px 0; }
	.sub1-1-1 .contentsTop { padding:0 25px; margin-bottom:20px; }

	


	.intro01 { width:100% !important; height:1100px; }
	.intro01 dt { width:100%; background:url(../_images/company/intro/img01.png) no-repeat; background-size:cover; }
	.intro01 dd { position:absolute; left:30px; top:540px; line-height:46px; }
	.intro01 dd strong { width:180px; }

	.intro02 { width:100%; height:920px; margin-top:0 !important; }
	.intro02 dt { width:100%; background-size:cover; background-position:bottom; margin-top:0 !important; }
	.intro02 dd { background:#e60012; width:100%; top:500px; line-height:130%; }

	.intro03 dd { font-size:30px; }
	.intro03 dd h4 { font-size:40px; line-height:150%; text-align:left; font-weight:600; }


	
	


	

	/*
	.technologyWrap.handball .techContents ul.logo, .technologyWrap.jokgu .techContents ul.logo { left:520px; width:326px; }
	.technologyWrap.soccer .techContents ul.logo { right:2%; }
	.technologyWrap.basketball .techContents ul.logo, .technologyWrap.tennis .techContents ul.logo { left:2%; }
	.technologyWrap.volleyball .techContents ul.logo { right:2%; }

	

	/* CIBI */
	.sub1-5 { width:100%; padding:60px 0; }
	.sub1-5 h3 { padding:0 40px; }
	.sub1-5 .contentsTop { margin-bottom:60px; }
	.ciWrap { display:none }
	.m_ciWrap { text-align:center; }
	.m_ciWrap img { width:100%; }
	.m_ciWrap .btn_download { width:200px; height:50px; line-height:50px; font-size:12px; border:1px solid #ededed; margin:20px auto 60px; border-radius:50px; }
	.m_ciWrap .btn_download a { color:#999; display:block; }

	.ciWrap img { width:100%; }
	.sub1-5 ul { }
	.ciWrap ul li { font-size:30px; height:70px; line-height:70px; margin-right:20px; background:none; float:clear; }
	.ciWrap ul li:last-child { background:none; border:1px solid #ccc; border-bottom:2px solid #ccc; }
	.ciWrap ul li:first-child { display:none; }

	/* recruit */
	.sub1-6 { width:100%; padding:60px 0; }
	.sub1-6 h3 { padding:0 50px; }
	.sub1-6 .contentsTop { padding:0 36px; margin-bottom:60px; }
	.recruitTop ul { width:100%; display:block; }
	.recruitTop ul li { transition:none; letter-spacing:0; width:100%; background-size:cover; height:150px; line-height:150px; background-position:center !important; }
	.recruitTop ul li:first-child { background-size:100%; }
	.recruitTop ul li:nth-child(2) { margin:0 1px; background-size:100%; }
	.recruitTop ul li:last-child { margin:0; background-size:100%; }

	.recruitStep ul { width:100%; font-size:15px; }
	.recruitStep ul li { width:40%; padding:60px 10px 20px; }
	.recruitStep ul li:last-child { padding-bottom:0; }
	.recruitList { width:100%; }
	.recruitList ul li dt h4 { font-size:30px; }

	.noRecruit { font-size:15px; }

	/* sponsorship */
	.sub1-7 { width:100%; padding:60px 0; }
	.sub1-7 h3 { }
	.sub1-7 .contentsTop { margin-bottom:60px; }
	.sub1-7 .contentsTop .subtxt { padding:0 65px; }
	.spWrap div { min-height:500px !important; margin-bottom:1px; line-height:24px; }
	.spWrap > div.on > p { background-position:center; }
	.spWrap > div > p { opacity:1; font-size:16px; position:static; width:auto; background-size:cover; text-align:center; width:auto !important; background-position:center !important; }



	/* as */
	.sub4-2 { width:100%; }
	.sub4-2 .subtxt { padding:0 20px; }
	.astableWrap h4 { font-size:40px; }
	.astableWrap table { font-size:18px; }
	.astableWrap td { font-size:15px; }





	/***** ��ǰ�Ұ� *****/
	
	.subTop.product { height:100px; padding-top:50px; background-size:cover; background-position: -100px top; }

	/* ����ǰ */
	.sub2-1 { padding:60px 0; }
	.sub2-1 .newest { width:100%; }
	.sub2-1 .newest dl { padding:10px 10px 30px; }
	.sub2-1 .newest dt { width:100%; }
	.sub2-1 .newest dd { padding:10px; }
	.sub2-1 .newest dd .info ul li strong { display:block; }
	.bx-controls .bx-prev, .bx-controls .bx-next { top:-50px; }
	.product_list { }
	/*
	.people_visual .peopleList ul { width:100%; }
	.people_visual .peopleList ul li .front { display:inline-block; width:100%; }
	.people_visual .peopleList ul li .back { display:none; }
	.pointcontent, .people_visual { width:100%; }
	.people_visual .peopleList ul > li.num2 { left:0; top:500px; }
	.people_visual .peopleList ul > li.num3 { left:0; top:1000px; }
	*/
	
	

	
	
	





	/******** ȫ������ *********/

	
	/* ���� */
	.subTop.news { height:100px; padding-top:50px; background-size:cover; background-position: -380px top; }

	
	
	.paging a, .paging .t_menu { font-size:17px; vertical-align:20px; margin:0 5px;  }

	.board-view .board-title { height:auto; line-height:32px; padding:20px 10px; text-indent:0; text-align:center; }
	.board-view .board-title li { float:none; text-align:left; text-indent:20px; }
	.board-view .board-title .date { position:static; }
	.board-body .replyArea dd { padding:100px 40px 40px; }
	.board-body .txtArea { padding:20px 10px 60px; }
	.board-body .txtArea img { width:100%; }
	.board-body .txtArea p span { font-size:15px !important; line-height:30px; }
	.board-body .txtArea iframe { width:100% !important; }

	


	
	/* �̺�Ʈ */
	.subTop.news { height:100px; padding-top:50px; background-size:cover; background-position: -380px top; }

	.sub3-2 { width:100%; padding:60px 0; }
	.sub3-2 h3 { padding:0 70px; }
	.sub3-2 .contentsTop { margin-bottom:60px; }
	.eventList dl { float:none; }
	.eventList dl:nth-child(3n+2) { margin:0 0 30px; }



	/* �ڷ�� */
	.subTop.news { height:100px; padding-top:50px; background-size:cover; background-position: -380px top; }

	.sub3-3 { width:100%; padding:60px 0; }
	.sub3-3 h3 { padding:0 70px; }
	.sub3-3 .contentsTop { margin-bottom:60px; }
	.prList dl { float:none; }
	.prList dl:nth-child(3n+2) { margin:0 0 30px; }

	/* as�ȳ� */
	.sub4-2 .astableWrap h4 { font-size:20px; margin-bottom:75px; }
	.sub4-2 .astableWrap .topinfo { font-size:15px; line-height:24px; top:60px; right:10px; }
	.sub4-2 .astableWrap table { font-size:15px; width:95%; margin:0 auto; border-left:1px solid #ededed; }
	.sub4-2 .astableWrap table  th { font-size:13px; border-right:1px solid #ededed; background-size:70%; line-height:24px; }
	.sub4-2 .astableWrap table  td { font-size:13px; border-right:1px solid #ededed; padding:20px 10px; }




	/* QNA */
	.sub4-3 { width:100%; padding:60px 0; }
	.sub4-3 h3 { padding:0 70px; }
	.sub4-3 .contentsTop { margin-bottom:60px; }
	.sub4-3.contents .subtxt { padding:0 30px; }
	.sub4-3.contents .subtxt2 { padding:0 10px 10px 0; }


	


	

	/* �Խ��� */
	
	.board { width:100%; font-size:13px; border-top:2px solid #333; margin-bottom:60px; }
	.board thead { height:50px; line-height:50px; border-bottom:1px solid #d4d6d9; color:#333; }
	.board thead th:first-child { border-top:2px solid #e60012; }
	.board tbody, .board tbody a { color:#666; }
	.board tbody tr { border-bottom:1px solid #e4e6e9; line-height:24px; }
	.board tbody td:nth-child(4) { text-align:left; text-indent:20px; }
	.board tbody td a:hover { color:#000; }
	.board tbody td .ncomp { color:#e60012; }
	.board tbody td em { margin-left:5px; line-height:40px; }
	.board tbody td img { vertical-align:middle; }
	
	.board thead th:first-child, .board tbody td:first-child { width:5%; }
	.board thead th:nth-child(2), .board tbody td:nth-child(2) { display:none; }

	.board thead th:nth-child(3), .board tbody td:nth-child(3) { width:2%; }
	.board thead th:nth-child(4), .board tbody td:nth-child(4) { width:30%; }
	.board thead th:nth-child(5), .board tbody td:nth-child(5) { width:5%; }
	.board thead th:nth-child(6), .board tbody td:nth-child(6) { display:none; }
	.board thead th:nth-child(7), .board tbody td:nth-child(7) { display:none; }

	.board thead th, .board tbody td { padding:15px 0; }
	
	.paging{width: 100%;}
	.paging table{width: 100%;}

	.paging table a { font-size:12px; }
	.paging table td strong { font-size:12px; }
	.paging td:nth-child(3) { width:100px !important;  /*width:70%!important;*/}

	.sub4-3 .paging a, .paging .t_menu { margin:0; padding:6px 2px 4px; }







	/* ��� */
	
	.subTop.member { height:100px; padding-top:50px; background-size:220%; background-position:bottom; }
	
	
	.sub5-1 { width:100% !important; padding:60px 0; }
	.sub5-1 .contentsTop { padding:0 30px; margin-bottom:60px; }
	.sub5-1 .findTable { width:70%; padding:40px; }
	.sub5-1 .findTable input[type="text"] { width:213px; }
	.sub5-1 .alertLayer { top:300px !important; }

	
	.sub5-2, .sub5-3, .sub5-4 { width:100% !important; padding:60px 0; }
	.sub5-2 .contentsTop, .sub5-3 .contentsTop, .sub5-4 .contentsTop { padding:0 25px; margin-bottom:60px; }
	.sub5-2 .contentsTop h3, .sub5-3 .contentsTop h3 { padding:0 80px; }
	.step { width:97%; margin:0 auto; display:inline-block; }
	.step li { width:33%; font-size:17px; }
	.stepWrap p { width:95%; margin:10px auto 0; line-height:20px; }
	.sub5-2 .joinBox h4 { text-indent:10px; margin-bottom:20px; }
	.sub5-2 .joinBox textarea { width:90%; padding:20px; }
	.sub5-2 .joinBox p { font-size:15px; padding:15px; }
	


	.sub5-4 { width:100% !important; padding:60px 0; }
	.sub5-4 .contentsTop { padding:0 25px; margin-bottom:60px; }
	.sub5-4 .contentsTop h3 { padding:0 60px; }

	.sub5-5 { width:100% !important; padding:60px 0; }
	.sub5-5 .contentsTop { padding:0 25px; margin-bottom:60px; }
	.sub5-5 .contentsTop h3 { padding:0 10px; }
	.sub5-5 .privacyWrap { width:83%; margin:0 auto; height:250px; }

	.sub5-6 { width:100% !important; padding:60px 0; }
	.sub5-6 .contentsTop { padding:0 25px; margin-bottom:60px; }
	.sub5-6 .contentsTop h3 { padding:0 10px; }
	.sub5-6 .contentsTop .subtxt { font-size:15px; }
	.sub5-6 .privacyWrap { width:83%; margin:0 auto; height:250px; }
	.sub5-6 .email p { font-size:17px; width:80%; margin:0 auto 30px; }
	.sub5-6 .email dl { height:250px; width:80%; margin:0 auto; }



	.loginWrap .loginBox { width:70%; padding:40px; }
	.loginWrap .loginBox ul { font-size:13px; }
	
	.join.board { width:98%; margin:10px auto 60px; }
	.join.board thead th:nth-child(2), .join.board tbody td:nth-child(2) { display:block !important; }
	.sub5-3 .join .jBtn { vertical-align:-1px; }
	.joinFinish { background:url(../_images/member/img01.png) no-repeat center 180px; background-size:100%; padding:100px 0 60px; }










	/* �����ȳ�*/
	.subTop.customer { height:100px; padding-top:50px; background-size:cover; background-position: -380px top; }

	.sub4-1 { width:100%; padding:60px 0; }
	.sub4-1 h3 { padding:0 70px; }
	.sub4-1 .contentsTop { margin-bottom:30px; }
	.location label strong { padding:10px 15px 0; font-size:17px; }
	.location label span { padding:15px; font-size:13px; }
	.location label { width:48%; float:left; margin:2px; height:105px; }
	.location label:nth-child(2), .location label:nth-child(4), .location label:nth-child(6), .location label:nth-child(8), .location label:nth-child(10), .location label:nth-child(12) { position:static; float:left; }

	.location .localView { width:100%; margin-top:380px; }
	.location .tabContents .localView div { margin:0 auto; height:350px; width:100% }
	.location .tabContents.type2 .localView div { margin:0 auto; height:350px; width:100% }
	.location .tabContents div p { width:auto; font-size:13px; padding:10px; top:5px; left:5px; }
	.location .tabContents div p span { display:block; padding-top:10px; font-size:13px; padding-top:5px; }









	
}



	


@media only screen and (min-width:1024px) {

.m_navi { display:none; }
.m_ciWrap { display:none; }
}

/* ����Ʈ�� ����+���� */
@media only screen and (min-device-width : 320px) and (max-device-width : 768px){

}

 /* ����Ʈ�� ���� */
@media only screen and (min-width : 321px) {
}

 /* ����Ʈ�� ���� */
@media only screen and (max-width : 320px) {
}

/* iPhone4�� ���� ���� ũ�� ���� */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),  
only screen and (min-device-pixel-ratio : 1.5) {  
}

/* iPhone4�� ���� ���� �ػ� ���� */
@media only screen and (min-width : 640px) {
}

/* iPad ����+���� */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
}

/* iPad ���� */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
}

/* iPad ���� */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
}

/* ����ũž ������ ���� */
@media only screen and (min-width : 1224px) {
}

/* ū ����� */
@media only screen and (min-width : 1824px) {
}