/****************************************************************************************************************/
/****************************************************************************************************************/
/****************************************************************************************************************/
/**************************************************** 520px *****************************************************/
/****************************************************************************************************************/
/****************************************************************************************************************/
/****************************************************************************************************************/
@media only screen and (max-width:520px){
.img_pc {display: none;}
.img_mobile {display: inline;}

/* 헤더 */
.header h1 {padding-top: 21px; width: 120px;}

.main .mainMenu ul li a {font-size: 4.4vw; font-weight: 600;}

/* 메뉴 */
#allMenu ul li {width: 32.7%;}
#allMenu ul li a {font-size: 4.4vw; font-weight: 600;}
#allMenu ul li:nth-child(3), #allMenu ul li:nth-child(6) {width: 33.2%;}

/* 메인 비주얼 */
.visualContents {top: 5%;}
.visualContents h2 {font-size: 7vw; line-height: 1em; margin-bottom: 8%;}
.visualContents .buttonArea {width: 92%;}
.visualContents .buttonArea ul li {height: 192px; padding: 12% 2%;}
.visualContents .buttonArea ul li a img {width: 80px; margin: 0 auto 5%;}
.visualContents .buttonArea ul li a dt {font-size: 3.6vw;}
.visualContents .buttonArea ul li a dd {font-size: 3.2vw; margin-top: 1%;}
.visualContents .buttonArea ul li:hover {padding: 7% 2%;}
.visualContents .buttonArea ul li:hover img {width: 65px;}
.visualContents .buttonArea ul li:hover a dd br {display: none;}
#mainVisual .visual_m {display: block; width: 100%; height: auto !important;}
#mainVisual .visual_p {display: none;}

/* 서브 페이지 */
#subVisual {height: 142px;}
.sub #contents .titleArea {margin-bottom: 5%;}
.sub #contents .titleArea h3 {font-size: 6vw; line-height: 1.5em; margin-bottom: 3%;}
.sub #contents .titleArea p {border-top: 1px solid #aaa; font-size: inherit;}

.contentsArea .blue_title {font-size: 4.4vw; line-height: 1.5em;}
.contentsArea p {font-size: 3.4vw; line-height: 1.5em;}

/* 인사말 */
.contentsArea.company .blue_title {margin: 5% 0;}
.contentsArea.company strong {font-size: 3.6vw; margin-top: 3%;}
.contentsArea.company .brTag {display: none;}

/* 회사 소개 */
.contentsArea .aboutList ul li img {width: 50px;}
.contentsArea .aboutList ul li dt {font-size: 4vw;}
.contentsArea .aboutList ul li dd {font-size: 3.6vw;}

/* 제휴사 */
.contentsArea .partner_list li {width: 49%; margin: 0 0 2% 0 !important;}
.contentsArea .partner_list li:nth-child(odd) {float: left;}
.contentsArea .partner_list li:nth-child(even) {float: right;}

/* 오시는 길 */
.contentsArea .address p {line-height: 1.5em; position: relative; padding-left: 23px; margin: 0 0 3% 0;}
.contentsArea .address p.num {padding-left: 0; margin: 0;}
.contentsArea .address p span {position: relative; line-height: 1.5em; padding-left: 23px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 0 3% 0;}
.contentsArea .address p span.email {float: none; width: 100%;}
.contentsArea .address p img {width: 18px; position: absolute; left: 0; top: 10%; vertical-align: top;}
.contentsArea .address .zip {padding: 0; display: inline;}
.contentsArea .address02 {margin-top: 5%;}
.contentsArea .address02 p {margin-top: 10px;}
}