/****************************************************************************************************************/
/****************************************************************************************************************/
/****************************************************************************************************************/
/**************************************************** 1024px ****************************************************/
/****************************************************************************************************************/
/****************************************************************************************************************/
/****************************************************************************************************************/
@media only screen and (max-width:1024px){
#header {width: 20%;}
.headerWrap h1 {padding: 60px 30px 0 30px;}
/* 메인 페이지 */
#mainVisual .bx-pager {width: 80%; left: 20%; bottom: 3%;}
.visualContents {left: 20%; width: 80%; top: 10%;}
.visualContents h2 br {display: block;}
.visualContents .buttonArea {width: 50%; margin: 0 auto;}
.visualContents .buttonArea ul li {width: 48%; margin: 0 0 2% 2%;}
.visualContents .buttonArea ul li:first-child {margin-left: 0;}
.visualContents .buttonArea ul li:nth-child(3) {margin-left:0;}
.visualContents .buttonArea ul li a dt {font-size: 16px;}

/* 서브 페이지 */
#container {padding: 5% 3%;}
.sub #contents .titleArea h3 {font-size: 35px; margin-bottom: 20px;}
.sub #contents .titleArea p {font-size: 16px;}
.contentsArea p {font-size: 16px; line-height: 22px;}

/* 회사 소개 */
.contentsArea .aboutList ul li {width: 48%; height: ; padding: 3% 5% !important; margin-left: 0; background: none;}
.contentsArea .aboutList ul li.aboutList02, .contentsArea .aboutList ul li.aboutList04 {border-left: 1px solid #dfdfdf;}
.contentsArea .aboutList ul li.aboutList03, .contentsArea .aboutList ul li.aboutList04 {border-top: 1px solid #dfdfdf;}
.contentsArea .aboutList ul li dl {margin-top: 3%;}
.contentsArea .aboutList ul li dt {line-height: 1.5em !important; height: auto; margin-bottom: 3%;}
.contentsArea .aboutList ul li dd {line-height: 1.5em;}

/* 오시는 길 */
.contentsArea .address p {font-size: 14px;}
.contentsArea .address p img {width: 25px;}
.contentsArea .address .zip {display: inline-block; margin: 0; float: none;}
}

/****************************************************************************************************************/
/****************************************************************************************************************/
/****************************************************************************************************************/
/**************************************************** 768px *****************************************************/
/****************************************************************************************************************/
/****************************************************************************************************************/
/****************************************************************************************************************/
@media only screen and (max-width:768px){
#wrap {min-width: auto;}
.inner {width: 100%;}
img {max-width: 100%;}
#header {display: none;}
.header {display: block;  min-height: 60px;background: #248bcb; width: 100%; position: relative; z-index: 70;}
.header h1 {width: 160px; margin: 0 auto; padding-top: 17px;}
.header h1 img {vertical-align: top;}
.header .btn_menu_open {display: block; width: 30px; position: absolute; right: 4%; top: 20px;}
.header .btn_menu_close {display: block; width: 30px; position: absolute; right: 4%; top: 20px;}
.main .header {position: relative;}
.main .mainMenu {display: block;}
.main .mainMenu ul:after {content: ''; display: block; clear: both;}
.main .mainMenu ul li {float: left; width: 33.3%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; border-right: 1px solid #248bcb; border-bottom: 1px solid #248bcb; line-height: 40px;}
.main .mainMenu ul li:nth-child(3), .main .mainMenu ul li:last-child {border-right: none; width: 33.4%;}
.main .mainMenu ul li:nth-child(4), .main .mainMenu ul li:nth-child(5), .main .mainMenu ul li:nth-child(6) {border-bottom: none;}
.main .mainMenu ul li a {display: block; font-size: 16px; color: #222; font-weight: 400;}
.main .mainMenu ul li:hover {background: url('/images/common/bg_m.gif') repeat-x left bottom; -webkit-background-size: 1px 5px; background-size: 1px 5px;}
.main .mainMenu ul li:hover a {color: #248bcb;}

#allMenu {background: #fff; display: none;}
#allMenu ul:after {content: ''; display: block; clear: both;}
#allMenu ul li {float: left; width: 33.3%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; border-right: 1px solid #248bcb; border-bottom: 1px solid #248bcb; line-height: 40px;}
#allMenu ul li:nth-child(3), #allMenu ul li:last-child {border-right: none; width: 33.4%;}
#allMenu ul li:nth-child(4), #allMenu ul li:nth-child(5), #allMenu ul li:nth-child(6) {border-bottom: none;}
#allMenu ul li a {display: block; font-size: 16px; color: #222; font-weight: 400;}
#allMenu ul li:hover, #allMenu ul li.active {background: url('/images/common/bg_m.gif') repeat-x left bottom; -webkit-background-size: 1px 5px; background-size: 1px 5px;}
#allMenu ul li:hover a, #allMenu ul li.active a {color: #248bcb;}
#allMenu ul li:last-child:hover {background: #fff;}

.visualContents {width: 100%; left: 0; top: 12%;}
.visualContents h2 {margin-bottom: 3%;}
.visualContents .buttonArea {width: 60%;}
#mainVisual .bx-pager {width: 100%; left: 0;}
#mainVisual .bx-pager-item .bx-pager-link {width: 8px; height: 8px;}
#mainVisual .bx-pager-item .bx-pager-link.active {width: 40px;}

/* 서브 페이지 */
#subVisual {position: relative; width: 100%; height: 240px;}
#subVisual img {display: none;}
.subVisual1 {background: url('/images/common/bg_subVisual01_m.jpg') no-repeat center bottom; -webkit-background-size: cover; background-size: cover;}
.subVisual2 {background: url('/images/common/bg_subVisual02_m.jpg') no-repeat center bottom; -webkit-background-size: cover; background-size: cover;}
.subVisual3 {background: url('/images/common/bg_subVisual03_m.jpg') no-repeat center bottom; -webkit-background-size: cover; background-size: cover;}
.subVisual4 {background: url('/images/common/bg_subVisual04_m.jpg') no-repeat center bottom; -webkit-background-size: cover; background-size: cover;}
.subVisual5 {background: url('/images/common/bg_subVisual05_m.jpg') no-repeat center bottom; -webkit-background-size: cover; background-size: cover;}
#container {margin-left: 0; width: 100%; padding-bottom: 10%;}
.sub #contents .titleArea p {line-height: 1.5em; padding: 2% 0;}
.contentsArea .section {margin-top: 5%;}
.contentsArea .partner_list {margin-top: 3%;}

.sub #foot {border-top: 1px solid #dfdfdf;}
#foot {display: block; padding:3% 4%; width: 92%;}
#foot .footCnt {position: relative; bottom: 0; text-align: center; font-size: 12px; line-height: 1.5em;}
#foot .family {width: 100px; margin: 0 auto 2%;}
#foot .family .current {padding: 0 20px 0 10px;}
#foot .family ul {height: 80px; overflow-y: scroll;}
}