@charset "utf-8";
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
@font-face {
    font-family:'yg-jalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

#m_conts .inner {position:relative;}
#m_conts .inner:after {content:""; display:block; clear:both;}


/*********************************************
	Popup
*********************************************/

.popupWrap {position:relative; padding:5rem 0; background:url(../img/main/bak_visual.png) no-repeat 50% 50%; background-size:cover;}
.popupWrap > .inner {overflow:hidden;}

.mainPopup {padding:0 5rem;}
.mainPopup .slider {min-height:46rem; }
.mainPopup .slider .swiper-slide {padding:0 1.5rem 4rem;}
.mainPopup .slider .swiper-slide > a,
.mainPopup .slider .swiper-slide > span {display:block; position:relative; max-width:40rem; margin:0 auto; border-radius:1.8rem; overflow:hidden;
	-webkit-box-shadow: 1rem 1rem 1rem 0px rgba(1,73,164,0.1);
	-moz-box-shadow: 1rem 1rem 1rem 0px rgba(1,73,164,0.1);
	box-shadow: 1rem 1rem 1rem 0px rgba(1,73,164,0.1);
}
.mainPopup .slider .swiper-slide a img {display:block; position:relative; max-width:100%;}
.mainPopup .slider .swiper-slide > a,
.mainPopup .slider .swiper-slide > span {min-height:42rem; background:url(/common/img/board/sample_noimage.jpg) no-repeat 50% 50% #edf1fa;}
.mainPopup .slider .swiper-slide img[src*="noimage"] {opacity:0;}


.mainPopup .control > button {display:block; position:absolute; top:50%;  margin-top:-3.5rem; width:7rem; height:7rem; overflow:hidden; text-indent:-999px;}
.mainPopup .control > button:before {content:""; display:block; position:absolute; width:2rem; height:3.5rem; top:50%; left:50%; margin-top:-1.75rem; margin-left:-1rem; background:url(../img/main/spr_main.png) no-repeat 0 0; background-size:30rem;}
.mainPopup .control > button.prev {left:0; transform-origin:0 50%;}
.mainPopup .control > button.next {right:0; transform-origin:100% 50%; }
.mainPopup .control > button.next:before {background-position:-3.9rem 0;}

.mainPopup .page {position:absolute; bottom:0; left:0; right:0; text-align:center; z-index:5;}
.mainPopup .page > * {display:inline-block;}
.mainPopup .page .pager {width:auto;}
.mainPopup .page .pager .swiper-pagination-bullet {width:1.5rem; height:1.5rem; overflow:hidden; text-indent:-999px; opacity:1; background:#a1a8aa; margin:0 .4rem;}
.mainPopup .page .pager .swiper-pagination-bullet-active {background:#2c80ed;}
.mainPopup .page > button {width:14px; height:16px; margin-left:10px; font-size:0; text-indent:-9999px; background-image:url(../img/main/spr_main.png);}
.mainPopup .page > .play {background-position:0 -103px; display:none;}
.mainPopup .page > .stop {background-position:-34px -103px;}


@media all and (max-width:1024px) {
	.mainPopup {padding:0;}
	.mainPopup .control > button {z-index:10;}
	.mainPopup .slider {min-height:0;}
	.mainPopup .slider .swiper-slide {padding-bottom:5rem;}
	.mainPopup .slider .swiper-slide > a,
	.mainPopup .slider .swiper-slide > span {min-height:0;;}
}
@media all and (max-width:640px) {
	.popupWrap {padding:3rem 0;}
}
@media all and (max-width:380px) {
	.mainPopup .control > button {transform:scale(.8); -webkit-transform:scale(.8);}
}


/*********************************************
	Board
*********************************************/

.boardWrap {position:relative; padding:5rem 2rem 0;}

.mainBoard {position:relative;width: 70rem;float:left;margin-right: 50px;}
.mainBoard .tit {display:block; position:relative; height:6.6rem; font-family:'yg-jalnan'; font-size:3.5rem; color:#000; padding-top:1.5rem;}
.mainBoard .tit em {color:#2c80ed;}
.mainBoard .tab-group {position:relative;}
.mainBoard .tabs {position:absolute; right:6.6rem; left:20.5rem; text-align:left; top:-5.8rem;}
.mainBoard .tabs li {display:block; position:relative; float:left; padding:0 1.2rem;}
.mainBoard .tabs li + li:before {content:""; display:block; position:absolute; top:50%; left:0; width:.5rem; height:.5rem; margin-top:-.25rem; margin-left:-.25rem; background:url(../img/main/spr_main.png) no-repeat 0 -5.5rem; background-size:30rem;}
.mainBoard .tabs button {display:block; position:relative; height:4.5rem; padding:0 .5rem; font-size:2rem; color:#888888; font-weight:300;}
.mainBoard .tabs button.on {font-weight:600; color:#333;}
.mainBoard .tabs button.on:before {content:""; display:block; position:absolute; bottom:.3rem; left:0; right:0; height:.3rem; background:#2c80ed; border-radius:9em;}

.mainBoard .list {display:none;}
.mainBoard .list.on {display:block;}
.mainBoard .more {display:block; position:absolute; top:-6.6rem; right:0; width:6.6rem; height:6.6rem; text-indent:-999px; overflow:hidden;}
.mainBoard .more:before {content:""; display:block; position:absolute; top:50%; right:1.2rem; margin:-.75rem 0 0 0; width:1.5rem; height:1.5rem; background:url(../img/main/spr_main.png) no-repeat -7.2rem 0; background-size:30rem;}

.mainBoard .list li {display:block; position:relative; padding-left:4rem; line-height:1.2; overflow:hidden; margin-bottom:1.5rem;}
.mainBoard .list li:before {content:""; display:block; position:absolute; width:.9rem; height:.9rem; background:#bbbfc4; left:2rem; top:.7em; margin-top:-.45rem; border-radius:100%;}
.mainBoard .list li a {display:block; position:relative; font-size:1.8rem; color:#555;}
.mainBoard .list li a .subj {display:inline-block; position:relative; max-width:60%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:400; line-height:1.3125; color:#333;}
.mainBoard .list li a.new .subj {padding-right:3rem !important;}
.mainBoard .list li a .subj .new {display:block; position:absolute; top:50%; margin-top:-1.05rem; right:0; width:2.1rem; height:2.1rem; background:url('../img/main/spr_main.png') no-repeat -4.7rem -6.1rem; background-size:30rem auto; overflow:hidden; text-indent:-999px;}
.mainBoard .list li a .con {display:none; font-weight:300;}
.mainBoard .list li a .name {display:block; position:absolute; top:0; bottom:0; right:9.6rem; letter-spacing:-0.03em;}
.mainBoard .list li a .name:before {content:"["; margin-right:-.3rem;}
.mainBoard .list li a .name:after {content:"]"; margin-left:-.3rem;}
.mainBoard .list li a .name.ty1 {color:#355fe1;}
.mainBoard .list li a .name.ty2 {color:#f65237;}
.mainBoard .list li a .name.ty3 {color:#00cec6;}
.mainBoard .list li a .name.ty4 {color:#e4007f;}
.mainBoard .list li a .name.ty5 {color:#f39800;}
.mainBoard .list li a .date {display:block; position:absolute; top:0; bottom:0; right:0; font-weight:300;}
.mainBoard .list li a .date > * {display:inline-block; vertical-align:middle; position:relative; color:#888888;}
.mainBoard .list li a .date i {width:.3em; height:1.2em; overflow:hidden; text-indent:-999px;}
.mainBoard .list li a .date i:before {content:"."; display:block; position:absolute; top:0; left:0; width:100%; bottom:0; text-indent:0; text-align:center; font-weight:300;}
.mainBoard .list li a .date strong {font-weight:300;}
.mainBoard .list li a .date strong ~ i {display:none;}
.mainBoard .list li:first-child {padding:0; border-bottom:1px solid #dddddd; margin-bottom:2rem;}
.mainBoard .list li:first-child:before {display:none;}
.mainBoard .list li:first-child a {padding:4.6rem 0 0 11.6rem;  min-height:15rem;}
.mainBoard .list li:first-child a .name {display:none;}
.mainBoard .list li:first-child a .subj {color:#333333; font-size:2.2rem; margin:0 0 1rem; padding:0; font-weight:800; max-width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.mainBoard .list li:first-child a .con {display:block; position:relative; font-size:1.6rem; color:#666666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.mainBoard .list li:first-child a .date {display:block; position:absolute; width:10rem; height:10rem; border-radius:100%; color:#000; text-align:center; padding-top:5.4rem; box-sizing:border-box; left:0; top:50%; margin-top:-5rem; border:.5rem solid #e8eff8; font-size:1.4rem;}
.mainBoard .list li:first-child a .date > * {color:#000;}
.mainBoard .list li:first-child a .date strong {display:block; position:absolute; top:1.7rem; left:0; right:0; font-size:3.2rem; color:#000000; font-weight:800;}
.mainBoard .list li:first-child a .date i ~ i {position:absolute; top:0; right:0; z-index:-999; opacity:0;}

.mainCorona {position:relative; width:55rem; float:right; background:#03aeb0; border-radius:2.8rem 2.8rem 0 2.8rem; height:40rem; box-sizing:border-box; padding:2rem 3rem 4rem; z-index:0; font-weight:300;}
.mainCorona:before {content:""; display:block; position:absolute; top:-1.9rem; right:.9rem; width:22.8rem; height:25.4rem; background:url(../img/main/img_corona.png) no-repeat 50% 50%; background-size:contain; z-index:-1;}
.mainCorona .tit {padding:1.2rem 1.5rem 0.8rem; color:#fff; font-size:3.5rem; font-family:'yg-jalnan';}
.mainCorona .tit em {color:#e0fe38;}
.mainCorona .tit span {display:block; opacity:.8; font-size:1.8rem; font-family:'NanumSquare', sans-serif; padding-top:1.2rem;}
.mainCorona .state {display:table; position:relative; width:100%; table-layout:fixed; border-radius:1rem; background:#ffffff; overflow:hidden; margin-bottom:1rem;}
.mainCorona .state > dl {display:table-cell; width:25%; text-align:center; position:relative; vertical-align:middle; padding-top:4rem;}
.mainCorona .state dt {display:block; position:absolute; top:0; left:0; right:0; background:#08797a; height:4rem; line-height:4rem; color:#fff; font-weight:800; font-size:1.6rem;}
.mainCorona .state dl + dl dt:before {content:""; display:block; position:absolute; top:50%; margin-top:-.75rem; left:0; height:1.5rem; width:1px; background:#fff; opacity:.4;}
.mainCorona .state dd {position:relative; padding:1rem 1rem; font-size:2.2rem; color:#333333;}
.mainCorona .state dd em {display:block; position:relative; font-size:1.6rem; color:#f25a25; margin-top:.5rem;}

.mainCorona .state_stay {display: table;position: relative;width: 100%;table-layout: fixed;border-radius: 1rem;background: #ffffff;overflow: hidden;margin-bottom: 1rem;}
.mainCorona .state_stay > dl {display: table-cell;width: 25%;text-align: center;position: relative;vertical-align: middle;padding-top: 4rem;}
.mainCorona .state_stay dt {display: block;position: absolute;top: 0;left: 0;right: 0;background: #08797a;height: 4rem;line-height: 4rem;color: #e0fe38;font-weight: 800;font-size: 1.8rem;}
.mainCorona .state_stay dt span {font-size: 1.8rem;font-weight: normal;color: #abe4e5;}
.mainCorona .state_stay dd {position: relative;padding: 1rem 1rem;font-size: 1.8rem;color: #333333;}
.mainCorona .state_stay dd span {font-weight: 400;font-size: 2.2rem;}

.mainCorona .quick ul {display:block; position:relative; margin:0 -.2rem; overflow:hidden;}
.mainCorona .quick li {display:block; position:relative; padding:.2rem; float:left; width:33.33%; float:left;}
.mainCorona .quick li a {display:block; position:relative; text-align:center; padding:1.2rem 0; border:1px solid rgba(255,255,255,.5); border-radius:1rem; color:#fff; font-size:1.6rem; line-height:1.3; font-weight:300;}
.mainCorona .quick li a:hover {background:#fff; border-color:#fff; color:#03aeb0;}


.quick_Menu {background-color:#f6f6fa;overflow: hidden;margin-bottom:50px;border-radius:0.8rem;display:block;}
.quick_Menu .MenuList li {float:left;width:25%;box-sizing:border-box;border-right:3px solid #ffffff;border-bottom:3px solid #ffffff;}
.quick_Menu .MenuList li img{width:50px; display:block; margin: 0 auto; padding-bottom:13px;}
.quick_Menu .MenuList li span{display:block; text-align:center;font-size:1.5rem;}
.quick_Menu .MenuList a {display:block;padding:30px 20px;min-height:81px;box-sizing:border-box;background:url(/health/img/main/icon_guick.png) no-repeat 20px 0;}
.quick_Menu .MenuList a:hover { background-color: #fff;}

@media all and (max-width:1440px) {
	.mainBoard {width:76rem;}
}
@media all and (max-width:1024px) {
	.mainBoard {float:none; width:auto;}
	.mainCorona {float:none; width:auto; height:auto; margin-top:4rem;}

	.mainBoard .tit {font-size:3rem; height:auto; padding:0;}
	.mainBoard .tabs {position:relative; top:auto; left:auto; right:auto; margin-right:6rem; overflow:hidden; }
	.mainBoard .tabs li:first-child {padding-left:0;}
	.mainBoard .tabs button {height:6rem; font-size:1.8rem;}
	.mainBoard .more {top:0; width:6rem; height:6rem;}
	.mainBoard .list li {padding-left:2.5rem;}
	.mainBoard .list li:before {left:.8rem; width:.5rem; height:.5rem; margin-top:-.25rem;}
	.mainBoard .list li a {font-size:1.7rem;}

	.mainCorona .tit {font-size:3rem;}
	.mainCorona .tit span {font-size:1.7rem;}

	.mainCorona .state dt {font-size:1.5rem;}
	.mainCorona .state dd {font-size:2.2rem;}
	.mainCorona .state dd em {font-size:1.7rem;}
}
@media all and (max-width:640px) {
	.mainBoard .tit {font-size:2.7rem; margin-bottom:1rem;}
	.mainBoard .tabs {margin-right:0;}
	.mainBoard .tabs button {font-size:1.7rem; width:100%; height:5.5rem;}
	.mainBoard .tabs li {width:25%; text-align:center;}
	.mainBoard .more {position:relative; top:auto; right:auto; width:auto; text-indent:0; text-align:center; font-size:1.5rem; padding:1.5rem; border:1px solid #dadada; margin-top:2rem; border-radius:1rem; height:auto;}
	.mainBoard .more:before {display:inline-block; position:relative; margin:0 .5rem 0 0; top:auto; left:auto; right:auto;}

	.mainCorona .quick li {width:50%;}
	.mainCorona .quick li a {padding:1.5rem 0;}
}
@media all and (max-width:530px) {
	.mainBoard .tabs {border:1px solid #dadada; margin-top:2rem;}
	.mainBoard .tabs li {width:50%; border:0px solid #dadada; padding:0;}
	.mainBoard .tabs li:nth-child(2n+1) {border-right-width:1px;}
	.mainBoard .tabs li:nth-child(2) ~ li {border-top-width:1px;}
	.mainBoard .tabs li:before {display:none !important;}
	.mainBoard .tabs li button {height:4.5rem; width:100%; font-size:1.5rem;}
	.mainBoard .tabs li button.on {background:#2c80ed; color:#fff;}
	.mainBoard .tabs li button.on:after {display:none;}
	.mainBoard .list li a {font-size:1.4rem;}
	.mainBoard .list li:first-child a {min-height:13rem; padding:4rem 0 0 10rem;}
	.mainBoard .list li:first-child a .date {width:8rem; height:8rem; margin-top:-4rem; padding-top:4rem; font-size:1.3rem;}
	.mainBoard .list li:first-child a .date strong {top:1rem; font-size:2.5rem;}
	.mainBoard .list li:first-child a .subj {font-size:1.8rem;}
	.mainBoard .list li:first-child a .con {font-size:1.4rem;}
	.mainBoard .more {font-size:1.4rem; padding:1rem 1.5rem;}

	.mainCorona {padding:2rem 2rem 3rem;}
	.mainCorona:before {display:none;}
	.mainCorona .tit {padding:1rem 0 2rem; text-align:center; font-size:2.7rem;}
	.mainCorona .tit span {font-size:1.6rem;}
	.mainCorona .state,
	.mainCorona .state > dl {display:block; width:auto;}
	.mainCorona .state dt:before {display:none !important;}
	.mainCorona .state dd {font-size:2rem;}
	.mainCorona .quick li a {font-size:1.5rem;}

	.quick_Menu {margin:20px;}
	.quick_Menu .MenuList li {width:50%;}
	.quick_Menu .MenuList li img{display:none;}
	.quick_Menu .MenuList li a{padding-top:33px; }
	.quick_Menu .MenuList a:hover {color:#fff; background:#0066b4;}
}
@media all and (max-width:364px) {
	.mainCorona .state_stay dt span {font-size: 1.3rem;}
}

/*********************************************
	Quick
*********************************************/

.quickWrap {padding:9.5rem 2rem;}

.quickWrap .control button {display:block; position:absolute; top:50%; margin-top:-1.5rem; width:3.1rem; height:3.1rem; overflow:hidden; text-indent:-999px;}
.quickWrap .control button:before {content:""; display:block; position:absolute; width:3.1rem; height:3.1rem; top:50%; left:50%; margin:-1.55rem 0 0 -1.55rem; background:url(../img/main/spr_main.png) no-repeat -15rem 0; background-size:30rem;}
.quickWrap .control button.next:before {background-position:-20.3rem 0;}
.quickWrap .control button.prev {left:0; transform:translateX(-100%); -webkit-transform:translateX(-100%);}
.quickWrap .control button.next {right:0; transform:translateX(100%); -webkit-transform:translateX(100%);}
.quickWrap .swiper-slide {width:auto; padding:0 3rem;}
.quickWrap .swiper-slide a {display:block; text-align:center;}
.quickWrap .swiper-slide a img {display:block; margin:0 auto 1.5rem; max-width:8.5rem;}
.quickWrap .swiper-slide a span {display:block; font-size:1.8rem; color:#333333;}


@media all and (max-width:1465px) {
	.quickWrap .control button.prev {left:-2rem; transform:translateX(0); -webkit-transform:translateX(0);}
	.quickWrap .control button.next {right:-2rem; transform:translateX(0); -webkit-transform:translateX(0);}
}
@media all and (max-width:1024px) {
	.quickWrap {padding:6rem 0;}

	.quickWrap .control button.prev {left:0;}
	.quickWrap .control button.next {right:0;}
	.quickWrap .swiper-slide {padding:0 1.5rem;}
	.quickWrap .swiper-slide a span {font-size:1.6rem;}
	.quickWrap .swiper-slide a img {width:6rem;}
}
@media all and (max-width:640px) {
	.quickWrap .swiper-slide a span {font-size:1.5rem;}
}


/*********************************************
	Work
*********************************************/

.workWrap {margin:0 auto; max-width:1600px; border-radius:2.4rem; overflow:hidden; background:url(../img/main/bak_work.png) no-repeat 50% 50%; background-size:cover;}
@media all and (max-width:1640px) {
	.workWrap {margin:0 2rem;}
}
.workWrap > .inner {padding:5rem 0;}

.mainWork {position:relative; max-width:800px; float:right;}
.mainWork .tit {padding:3.7rem 1rem; }
.mainWork .tit strong {display:block; font-size:4.5rem; color:#333333; font-family:'yg-jalnan';}
.mainWork .tit strong em {color:#2978e1;}
.mainWork .tit span {display:block; font-size:1.8rem; color:#333333; margin-top:1.6rem; opacity:.6;}

.mainWork li {display:block; position:relative; width:25%; padding:1rem; box-sizing:border-box; float:left; z-index:0;}
.mainWork li:before {content:""; display:block; position:absolute; top:1rem; left:1rem; bottom:1rem; right:1rem; border-radius:1.8rem; background:#fff; z-index:-1; transition:.3s all; -webkit-transition:.3s all;
	-webkit-box-shadow: 2rem 2rem 3rem 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 2rem 2rem 3rem 0px rgba(0,0,0,0.15);
	box-shadow: 2rem 2rem 3rem 0px rgba(0,0,0,0.15);
}
.mainWork li:hover:before {top:0; left:0; right:0; bottom:0; background:url(../img/main/bak_work_on.png) no-repeat 50% 50%; background-size:100% 100%;}
.mainWork li a:focus {text-decoration:underline;}
.mainWork li a {display:table; width:100%; height:11rem; text-align:center; font-weight:300;}
.mainWork li a > * {display:table-cell; vertical-align:middle; font-size:2rem; color:#333333; padding:1rem; word-break:keep-all;}
.mainWork li a > *:after {content:""; display:block; position:relative; margin:0 auto; width:6.6rem; height:0; background:url(../img/main/spr_main.png) no-repeat -8.6rem -4.1rem; background-size:30rem; transition:.3s all; -webkit-transition:.3s all;}
.mainWork li:hover a > * {color:#fff; font-weight:600;}
.mainWork li:hover a > *:after {height:1.5rem; margin-top:2.5rem;}


@media all and (max-width:1024px) {
	.workWrap {background:#ecf1fb;}
	.mainWork {float:none; max-width:100%; padding:0 1rem;}
	.mainWork .tit {padding-top:0; text-align:center; padding-bottom:3rem; word-break:keep-all;}
	.mainWork .tit strong {font-size:3rem;}
	.mainWork .tit span {font-size:1.7rem; line-height:1.3;}
	.mainWork li a > * {font-size:1.8rem;}
}
@media all and (max-width:640px) {
	.mainWork .tit strong {font-size:2.7rem}
	.mainWork .tit span {font-size:1.5rem;}
	.mainWork li a > * {font-size:1.6rem;}
}
@media all and (max-width:580px) {
	.mainWork li {width:33.33%;}
}
@media all and (max-width:530px) {
	.mainWork .tit strong {font-size:2.7rem;}
	.mainWork .tit span {font-size:1.4rem;}
	.mainWork li {padding:.5rem;}
	.mainWork li:before {top:.5rem; left:.5rem; right:.5rem; bottom:.5rem;}
	.mainWork li a {height:8rem;}
	.mainWork li a > *:after {margin-top:.5rem !important; transform:scale(.7); -webkit-transform:scale(.7);}
}
@media all and (max-width:430px) {
	.mainWork li {width:50%;}
}


/*********************************************
	Contacts
*********************************************/

.contactWrap {position:relative; padding:5rem 2rem; z-index:0;}
.contactWrap > .inner:before {content:""; display:block; position:absolute; bottom:0; left:-2rem; width:25rem; height:15.3rem; background:url(../img/main/img_contact.png) no-repeat 0% 100%; background-size:contain;}

.mainContact {display:table; width:100%; table-layout:fixed;}
.mainContact > * {display:table-cell; position:relative; width:50%; vertical-align:middle; padding:3.5rem 0;}
.mainContact .tit {vertical-align:top; z-index:1; font-size:3.5rem; padding-left:21.7rem;}
.mainContact .tit:before {content:""; display:block; position:absolute; top:.5em; margin-top:3.5rem; left:21.7rem; margin-left:9em; height:1px; right:-2rem; background:#c6d0dd;}
.mainContact .tit p {display:inline-block; position:relative; text-align:center; font-family:'yg-jalnan'; color:#333; z-index:1; padding:0; font-size:1em; margin-bottom:3.5rem;}
.mainContact .tit p em {color:#09a0a2;}

.mainContact .tit dl {display:table; width:100%; table-layout:fixed; font-size:2rem; color:#333; letter-spacing:-0.05em;}
.mainContact .tit dl > * {display:table-cell; position:relative; vertical-align:middle; padding:1rem 0;}
.mainContact .tit dl dt {width:11rem; color:#124486; font-weight:600;}
.mainContact .tit dl dt:before {content:""; display:inline-block; position:relative; width:1rem; height:.3rem; background:#124486; vertical-align:middle; margin-right:.9rem;}
.mainContact .tit dl dd {font-weight:600;}
.mainContact .tit dl dd span {font-size:1.8rem; color:#666;}
.mainContact .tit dl dd strong {font-size:3.5rem; font-weight:800; margin-right:.4em;}

.mainContact .tel-list {background:#f0f3f7; padding:2.2rem 1rem; border-radius:1.7rem 1.7rem 1.7rem 0; z-index:0; text-align:center;}
.mainContact .tel-list ul {display:inline-block; text-align:left; max-width:60rem;}
.mainContact .tel-list li {display:inline-block; width:50%; margin-left:-4px; vertical-align:top; position:relative; color:#222; font-size:2rem; font-family:'yg-jalnan'; padding:1.3rem 0; box-sizing:border-box;}
.mainContact .tel-list li:nth-child(even) {padding-left:2rem;}
.mainContact .tel-list li strong {color:#124486; display:inline-block; min-width:13rem;}
.mainContact .tel-list li strong:before {content:""; display:inline-block; margin-right:.5rem; vertical-align:middle; width:.4rem; height:.4rem; border-radius:100%; background:#124486;}

@media all and (max-width:1024px) {
	.contactWrap {padding:8rem 2rem 4rem;}
	.contactWrap > .inner:before {display:none;}
	.mainContact,
	.mainContact > * {display:block; width:auto;}
	.mainContact .tit {padding-top:0; padding-left:25rem; font-size:3rem;}
	.mainContact .tit:before {margin-top:0; left:9em;}
	.mainContact .tit:after {content:""; display:block; position:absolute; bottom:1rem; left:-2rem; width:25rem; height:15.3rem; background:url(../img/main/img_contact.png) no-repeat 0% 100%; background-size:contain;}
	.mainContact .tit p {margin-bottom:2rem;}
	.mainContact .tit dl {font-size:1.8rem;}
	.mainContact .tit dl dt {width:10rem;}
	.mainContact .tit dl dd strong {font-size:3rem;}
	.mainContact .tit dl dd span {font-size:1.6rem;}

	.mainContact .tel-list li {font-size:1.8rem;}
}
@media all and (max-width:680px) {
	.mainContact .tit {padding-left:17rem;}
	.mainContact .tit:after {width:20rem;}

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

	.contactWrap {padding-bottom:1rem;}
	.contactWrap > .inner {padding-bottom:8rem;}
	.contactWrap > .inner:before {display:block; width:20rem; z-index:1;}

	.mainContact .tit {font-size:2.7rem; padding-left:0;}
	.mainContact .tit:before {margin-left:0; left:9em;}

	.mainContact .tit:after {display:none;}
	.mainContact .tel-list {padding:2.2rem 2.2rem 4rem;}
	.mainContact .tel-list li {display:block; width:auto; margin:0; font-size:1.6rem;}
	.mainContact .tel-list li:nth-child(even) {padding-left:0;}

	.mainContact .tit {padding-bottom:2rem;}
	.mainContact .tit dl {font-size:1.6rem;}
	.mainContact .tit dl > * {padding:.5rem 0;}
	.mainContact .tit dl dd {word-break:keep-all;}
	.mainContact .tit dl dd strong {font-size:2.7rem;}
	.mainContact .tit dl dd span {font-size:1.5rem;}
}

/*레이어팝업 기본스타일*/
.pop {position: absolute;width: 500px;z-index: 10000;box-sizing: border-box;}
.pop .pop_close {background:#333;color:#efefef;height:48px;padding:1rem;font-size:1.4rem;line-height: 180%;margin-top: -2px;}
.pop .pop_close input[type="checkbox"] {margin-right:5px;vertical-align: middle;}
.pop .pop_close label {color:#fff;}
.pop .pop_close a {margin-left:5px; color:#fff; }
.pop .pop_close .btn_close {height:28px; background:#222; border-radius:0.4rem; color:#888; padding:0.3rem 0.6rem 0.3rem 2rem; border:1px solid #000; position:relative; -webkit-transition:0.3s; -o-transition:0.3s; transition:0.3s}
.pop .pop_close .btn_close:before {content:''; width:9px; height:10px; background:url('/common/img/common/spr_common.png') -132px -121px no-repeat; position:absolute; left:7px; top:10px; -webkit-transition:0.3s; -o-transition:0.3s; transition:0.3s}
.pop .pop_close .btn_close:hover, .popup_layer .ctrl .btn_close:focus {color:#fff; border-color:#666;}
.pop .pop_close .btn_close:hover:before, .popup_layer .ctrl .btn_close:focus:before {background-position:-132px -145px}

/*팝업 위치컨트롤*/
.pop.first {top: 125px; left: 10px;}
.pop.first2 {top: 125px; left: 510px;}
.pop.first3 {top: 125px; left: 465px;}

@media all and (max-width:950px) {
    .pop.first {top:100px; left:50%; transform: translateX(-50%);}
    .pop.first2 {top:100px; left:50%; transform: translateX(-50%);}
    .pop.first3 {top:150px; left:50%; transform: translateX(-50%);}
    .pop img {width: 100%;}
}

 @media all and (max-width:640px) {
     .pop {width:90%;}
     .pop.first2 {width:90%;}
     .pop.first3 {width:90%;}
}