/* 1367~1600px 15인치대 노트북 */
@media (min-width: 1367px) and (max-width: 1600px) {
    .mainImg p.slogan span.line1 > strong {font-size: 36px;}
    .mainImg p.slogan span.line2 > strong {font-size: 48px;}
    .mainImg > ul > li > a > span {font-size: 22px;}
    .mainImg span.arrow {width:48px;}
}

/* 1367~1600px 11인치대 노트북 */
@media (min-width: 1281px) and (max-width: 1366px) {
    .mainImg p.slogan span.line1 > strong {font-size: 36px;}
    .mainImg p.slogan span.line2 > strong {font-size: 48px;}
    .mainImg > ul > li > a > span {font-size: 20px;}
    .mainImg > ul > li > a:hover:after {border:solid 8px #fff;}
    .mainImg span.arrow {width:42px;}
}

/* 0~1280px 작은모니터 */
@media (max-width:1280px) {
    .mainImg p.slogan span.line1 > strong {font-size: 36px;}
    .mainImg p.slogan span.line2 > strong {font-size: 48px;}
    .mainImg > ul > li > a > span {font-size: 18px;}
    .mainImg > ul > li > a:hover:after {border:solid 6px #fff;}
    .mainImg span.arrow {width:36px;}
}


/* 미디어쿼리 추가 */
@media all and (max-width:560px){
	#header {background: #fff; width:100%; min-width:auto; box-shadow:0 4px 5px rgba(0, 0, 0, 0.12) !important;}
	#header .h_wrap {float:left; width:100%; min-width:auto;}
	#header h1 {overflow:hidden; width:auto; height:auto; display: inline-block; margin:0; position: absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
	#header h1 > a,
	#header h1 > a > img {width:160px; height:auto; padding:0; margin:0;}
	.mmenu,
	.m_close {top:50%; left:12px; transform:translate(0, -50%);}
	.sidemenu {margin-top: 70px;}
	.mainwrap {padding-top: 70px; min-width:auto !important;}
	.mainImg > ul,
	.mainImg span.arrow {display: none;}

    .mainImg p.slogan {width:100%; top:50%; left:0; transform:translate(0, -50%);}
    .mainImg p.slogan span {font-size: 16px;}
	.mainImg p.slogan span.line1 > strong {font-size: 20px; color:#fff;}
    .mainImg p.slogan span.line2 {font-size: 20px;}
    .mainImg p.slogan span.line2 > strong {font-size: 24px;}

    .mainCon_wrap .con_title,
    .mainwrap2 .con_title,
    .mainwrap_bottom .con_title {text-align: center; width:100%; font-size: 25px; padding:0;}

    .mainCon_wrap .con_title span,
    .mainwrap2 .con_title span,
    .mainwrap_bottom .con_title span {font-size: 14px; word-break: keep-all;}

    .mainCon_wrap,
    .mainwrap2,
    .mainwrap_bottom_div {padding:32px 12px; box-sizing: border-box; height:auto;}

    .mainCon_wrap {min-width: auto !important; width:100%;}
    .mainCon.pc {display:block !important; width:100%; padding:10px 12px 10px 12px; margin:0 -12px;}
    .mainCon .icon {margin:12px 0 0 0 ; width:100%; box-sizing: border-box; padding:24px 0px;  background-position: 50% 15px !important; background-size: 80px auto; box-shadow:3px 3px 5px rgba(0, 0, 0, 0.12); border-radius: 6px;}
    .mainCon .icon:nth-of-type(2n + 1) {padding-left:0px; margin-right: 0px !important;}
    .mainCon .icon > p:first-child {font-size: 18px; text-align: center; margin-top: 76px;}
    .mainCon .icon .icon_txt,
    .mainCon .icon > a {display:none;}
    .mainCon .icon.el,
    .mainCon .icon.pp,
    .mainCon .icon.en,
    .mainCon .icon.st {width:calc(50% - 5px); margin-right: 10px; height:140px;}
    .mainCon .icon.es {position: static; border-radius:6px; margin:12px 0 0 0; width:100%; height:150px; background-size: 80px auto; height:100px; background-position: right 20px center !important; border:none; padding-left:30px;}
    .mainCon .icon.es > p:first-child {text-align: left; margin-top: 28px; font-size: 18px;}

    .mainwrap_bottom_div,
    .mainwrap_bottom,
    .mainwrap2 .result {width:100%; min-width:auto !important;}
    .mainwrap2 .result {margin-top: 26px;}
    .mainwrap2 .result li {width:100%; height:66px; padding-left:110px; overflow: hidden; margin-top: 4px; margin-right: 0px; border:none;}
    .mainwrap2 .result li > img:first-child {height:66px; width:auto; position: absolute; top:0; left:0;}
    .mainwrap2 .result li > div {position: relative; z-index: 10; padding:13px 8px;}

    .mainwrap_bottom .con_title {padding-bottom: 25px;}
    .serviceDiv ul {width:100%;}
    .serviceDiv ul li {width:100%; display:block; padding:20px 0 20px 80px; background-position:20px center; background-size: 44px auto; text-align: left; box-sizing: border-box; margin-left: 0;}
    .serviceDiv ul li:after {width:90%; height:1px; right:50%; top:auto; bottom:0; transform: translate(50%, 0); background-color: #ddd;}
    .serviceDiv ul li:hover {background-position:20px center;}
    .serviceDiv ul li > p {font-size: 15px; margin-bottom:4px;}

    .footer {width:100%; min-width: auto !important;}
    .footer .address > p:last-child {position: static; font-size: 12px; margin-top: 12px;}
    .footer .address br {display:inline;}

    /* 180319 수정사항 */
	#header h1 > a {background-image:url("../images/main/logo.jpg"); background-size: 160px auto; background-position: 50% 50%; height:70px; background-repeat: no-repeat;}
	#header h1 > a > img {display: none;}

    /* 180508 수정사항 */
    #header .btn-sms {display: none;}	
}

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

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