@media screen and (max-width:1400px){
	.inner {padding:0 20px;}
/* header */
	.header .logo {left:20px;}
	.header .logo img {height:44px;}
	.header .gnb {right:20px;}
	.header .gnb li {margin-left:20px;}
/* main */
	.mvisual {max-height:90vh;}
	.mc01 {max-height:62vw;}
	.mc03 li {width:49%; margin-left:2%;}
	.mc03 li .img {width:40%;}
	.mc03 li .name {padding-bottom:20px;}
	.mc03 li .dots {padding:20px 0; height:220px;}
	.mc07 li {width:18%; margin:0 1%;}
	.mc08 li {width:32%; margin:0 1%; padding:20px 25px;}
	.mc08 li:first-child {margin-left:0;}
	.mc08 li:last-child {margin-right:0;}
	.mc08 .dots_list p {font-size:17px;}
}

@media screen and (max-width:1023px){
/* header */
	.header .inner {height:70px;}
	.header .logo {line-height:70px;}
    .btn_menu {position:absolute; top:0; right:0; width:70px; height:70px; z-index:1;}
	.btn_menu p {position:absolute; top:50%; left:50%; width:24px; height:2px; background:#fff; margin-left:-12px; transition:.2s linear;}
	.btn_menu .t {margin-top:-10px;}
	.btn_menu .m {margin-top:-1px;}
	.btn_menu .b {margin-top:8px;}
	.header.on .btn_menu .t {margin-top:-1px; transform:rotate(135deg);}
	.header.on .btn_menu .m {width:0;}
	.header.on .btn_menu .b {margin-top:-1px; transform:rotate(-135deg);}
	.header .gnb {position:fixed; top:0; left:-100%; width:100%; height:100%; background:#396d92; opacity:0; transition:.2s linear;}
	.header.on .gnb {left:0; opacity:1;}
	.header .gnb ul {position:absolute; top:50%; left:0; width:100%; transform:translate(0,-50%);}
	.header .gnb li {float:none;}
	.header .gnb li a {line-height:60px; text-align:center;}
/* main */
	.mcon {padding:80px 0;}
	.mcon .title {font-size:36px;}
	.mcon p {font-size:16px; line-height:26px;}
	.mc01 {max-height:70vw;}
	.mc02 .title {margin-bottom:70px;}
	.mc02 .tit {font-size:24px;}
	.mc03 .title {margin-bottom:70px;}
	.mc03 li .dots {height:200px;}
	.mc03 li .dots p {font-size:15px; line-height:30px;}
	.mc04 .title em {font-size:26px; margin-bottom:10px;}
	.mc04 li {padding:0 30px;}
	.mc04 li p {font-size:19px;}
	.mc05 .title,
	.mc06 .title {margin-bottom:60px;}
	.mc06 .tit {font-size:25px; margin:60px 0 15px;}
	.mc07 .title {margin-bottom:60px;}
	.mc07 li .icon {width:17vw; height:17vw;}
	.mc07 li .icon i {width:calc(17vw - 14px); height:calc(17vw - 14px); line-height:calc(17vw - 14px);}
	.mc07 li .tit {font-size:18px;}
	.mc07 li p {font-size:16px; line-height:26px; text-indent:-10px; padding-left:10px;}
	.mc08 .tit {font-size:19px; margin:25px 0;}
	.mc09 p {margin-bottom:30px;}
	.mc09 .num {font-size:26px; line-height:60px; height:60px; margin-bottom:30px;}
}

@media screen and (max-width:767px){
	.inner {padding:0 15px;}
	span.br {display:none;}
/* header */
	.header .inner {height:50px;}
	.header .logo {left:15px; line-height:50px;}
	.header .logo img {height:30px;}
	.btn_menu {width:50px; height:50px;}
	.btn_menu p {width:20px; margin-left:-10px;}
	.btn_menu .t {margin-top:-8px;}
	.btn_menu .b {margin-top:6px;}
	.header .gnb li a {font-size:15px; line-height:50px;}
/* footer */
	.footer {font-size:11px; line-height:18px; padding:20px 0 60px;}
	.mo_btns {position:fixed; bottom:0; left:0; width:100%; display:block; background:#fff; z-index:20;}
	.mo_btns .btn {float:left; display:block; font-size:17px; font-weight:500; width:50%; height:60px; line-height:60px; overflow:hidden; text-align:center;}
	.mo_btns .btn:first-child {border-left:0;}
	.mo_btns .btn img {margin-right:5px; height:22px;}
	.mo_btns .btn.kakao {color:#391b1b; background:#fae300;}
	.mo_btns .btn.tel {color:#000; background:#1fd37c;}
/* main */
	.mvisual {height:110vw; max-height:none; background-image:url('/images/bg_mvisual_m.jpg');}
	.mvisual p {font-size:28px; line-height:40px; margin-top:20px;}
	.mvisual p strong {font-size:30px;}
	.mcon {padding:60px 0;}
	.mcon .title {font-size:28px;}
	.mcon p {font-size:13px; line-height:20px;}
	.mc01 {padding:40px 0 55vw; height:auto; max-height:none; background-image:url('/images/bg_mc01_m.jpg');}
	.mc02 .title {margin-bottom:50px;}
	.mc02 .tit {font-size:20px; line-height:30px; margin:20px 0 5px;}
	.mc03 .title {margin-bottom:50px;}
	.mc03 ul {margin:0;}
	.mc03 li {float:none; width:100%; margin:30px 0 0;}
	.mc03 li:first-child {margin-top:0;}
	.mc03 li .txt {padding-left:10px;}
	.mc03 li .name {font-size:15px; line-height:24px; padding-bottom:10px;}
	.mc03 li .name strong {font-size:20px; margin-right:5px;}
	.mc03 li .dots {padding:10px 0; height:auto;}
	.mc03 li .dots p {font-size:13px; line-height:24px;}
	.mc03 li .mail {font-size:13px; padding-left:20px; background-size:12px;}
	.mc04 .title em {font-size:20px; line-height:28px;}
	.mc04 ul {margin-top:60px;}
	.mc04 li {padding:0 5px; width:32%;}
	.mc04 li p {font-size:13px; line-height:20px; height:60px;}
	.mc04 li .gun {font-size:13px; margin-top:10px;}
	.mc04 li .gun strong {font-size:20px;}
	.mc05 .title,
	.mc06 .title {margin-bottom:40px;}
	.mc05 li {font-size:14px; line-height:20px;}
	.mc06 .tit {font-size:18px; margin:20px 0 10px;}
	.mc07 .title {margin-bottom:40px;}
	.mc07 ul {margin-top:-30px;}
	.mc07 li {position:relative; width:31%; margin-top:30px;}
	.mc07 li .icon {width:80px; height:80px; padding:5px; margin-bottom:50px;}
	.mc07 li .icon i {width:68px; height:68px; line-height:68px;}
	.mc07 li .icon i img {width:40px;}
	.mc07 li .icon:after {height:30px; bottom:-40px;}
	.mc07 li .tit {text-align:left; font-size:13px; margin-bottom:5px;}
	.mc07 li p {font-size:13px; line-height:20px;}
	.mc08 ul {padding:0 10%;}
	.mc08 li {display:block; width:100%; margin:20px 0 0; padding:20px; height:auto;}
	.mc08 .icon {width:100px; height:100px;}
	.mc08 .tit {font-size:17px; margin:15px 0;}
	.mc08 .dots_list p {font-size:14px; line-height:24px; padding-left:10px;}
	.mc08 .dots_list p:before {width:4px; height:4px; top:10px;}
	.mc09 .num {font-size:20px; line-height:40px; height:40px; margin-bottom:20px; width:300px;}
	.mc09 .num i {width:20px; margin-right:15px;}
	.mc09 .root_daum_roughmap .wrap_map {height:260px !important;}
}