@charset "utf-8";
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(../_Font/NotoSansKR-Thin.woff2) format('woff2'), 
      url(../_Font/NotoSansKR-Thin.woff) format('woff'), 
      url(../_Font/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(../_Font/NotoSansKR-Light.woff2) format('woff2'), 
      url(../_Font/NotoSansKR-Light.woff) format('woff'), 
      url(../_Font/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(../_Font/NotoSansKR-Regular.woff2) format('woff2'), 
        url(../_Font/NotoSansKR-Regular.woff) format('woff'), 
        url(../_Font/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(../_Font/NotoSansKR-Medium.woff2) format('woff2'), 
        url(../_Font/NotoSansKR-Medium.woff) format('woff'), 
        url(../_Font/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(../_Font/NotoSansKR-Bold.woff2) format('woff2'), 
        url(../_Font/NotoSansKR-Bold.woff) format('woff'), 
        url(../_Font/NotoSansKR-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(../_Font/NotoSansKR-Black.woff2) format('woff2'), 
        url(../_Font/NotoSansKR-Black.woff) format('woff'), 
        url(../_Font/NotoSansKR-Black.otf) format('opentype'); 
 } 

html,body {font-family:'Noto Sans KR',"Apple SD Gothic Neo", 'Malgun Gothic';  font-weight: 400; }
body {overflow-x:auto;overflow-y:visible; background:#fff}
#doc {position:relative;opacity:1;overflow:hidden;min-width:1280px;-webkit-transition: opacity 0.4s ease-out;-moz-transition: opacity 0.4s ease-out;-o-transition: opacity 0.4s ease-out;transition: opacity 0.4s ease-out;}
#doc.show{transition-delay:0.1s; opacity:1;}

.inner {min-width:1280px;max-width:1290px;margin:0 auto;box-sizing: border-box;}

	
#innerWidth{position: absolute;top:0;right:0;margin-right: 50px;}

/*=======================================================
    z-index default
=========================================================*/
#header-wrap{position:relative;;z-index:2005;}
#container-wrap{position:relative;z-index:1006; }
#footer-wrap{position:relative;z-index:1005; }
.header-slider-ovclick{position:fixed;z-index:3005;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.6);cursor:pointer;}

/*=======================================================
    #header-wrap 
=========================================================*/
#header-wrap{width: 100%;}
#header-wrap.fix{position:fixed;}
#header-wrap #header{position:relative;box-sizing: border-box;}
#header-wrap #header .user-info-wrap{border-bottom: 1px solid #dddddd;background: #fff;}
#header-wrap #header .user-info-wrap .user-info {width: 100%;box-sizing: border-box;display: flex;flex-wrap: nowrap;align-items: center;font-size: 14px;color: #ffffff;justify-content: flex-end;}
#header-wrap #header .user-info-wrap .user-info .name{padding:8px;color: #ffffff;}
#header-wrap #header .user-info-wrap .user-info a{margin-left:10px;padding:8px;color: #ffffff;}

#header-wrap #header .mob-top-wrap{display: none;}
#header-wrap #header #nav-wrap{background: #fff;height: 112px;border-bottom: 5px solid #0387a2;}
#header-wrap #header #nav-wrap .nav{position: relative;}
#header-wrap #header #nav-wrap .nav .m-1{position: absolute;top:17px;left:0;z-index: 2;}
#header-wrap #header #nav-wrap .nav .m-1 .logo{width: 432px;height: 79px;background: url(../images/layout/logo.png) no-repeat center center;background-size:100% auto !important; }
#header-wrap #header #nav-wrap .nav .m-1 .logo a{width: 432px;height: 79px;display:block}
#header-wrap #header #nav-wrap .nav .m-1 .name {display:none;}

#header-wrap #header #nav-wrap .nav .m-2{width:1057px;position: absolute;top:38px;left:0;padding-left:212px;height:74px;}
#header-wrap #header #nav-wrap .nav .m-2.over:after{height:228px;}
#header-wrap #header #nav-wrap .nav .m-2:after{width: 100%;content: '';position: absolute;top:0;left:0;height:0;background: #f6f6f6;z-index: -1;top:74px;width:20000px;left: 50%;margin-left: -10000px;z-index:-1;overflow: hidden;
-webkit-transition: height .3s ease-out;-moz-transition: height .3s ease-out;-o-transition:  height .3s ease-out;transition: height .3s ease-out;}
#header-wrap #header #nav-wrap .nav .m-2 {display: flex;z-index: 1;}
#header-wrap #header #nav-wrap .nav .m-2 p+p{margin-left:30px;}
#header-wrap #header #nav-wrap .nav .m-2 p a{line-height: 55px;display: block;font-size: 18px;color: #000;position: relative;}

#header-wrap #header #nav-wrap .nav .m-2.over .m-2-1 {height:228px;}
#header-wrap #header #nav-wrap .nav .m-2 .m-2-1 {height:0;position: absolute;top:74px;left:0;width: 100%;
-webkit-transition: height .3s ease-out;-moz-transition: height .3s ease-out;-o-transition:  height .3s ease-out;transition: height .3s ease-out;overflow: hidden;}
#header-wrap #header #nav-wrap .nav .m-2 .m-2-1 .depth1{display: flex;flex-wrap: nowrap;justify-content:space-between;padding:17px 0;}
#header-wrap #header #nav-wrap .nav .m-2 .m-2-1 .depth1 li.mn_l1{position: relative;}
#header-wrap #header #nav-wrap .nav .m-2 .m-2-1 .depth1 li.mn_l1:after{content: '';position: absolute;top:0;right:-15px;width: 1px;height: 95%;background: #e5e5e5;}
#header-wrap #header #nav-wrap .nav .m-2 .m-2-1 .depth1 li.mn_l1:last-child:after{content: none;}
#header-wrap #header #nav-wrap .nav .m-2 .m-2-1 .depth1 li.mn_l1 .mn_a1{display: none;}

#header-wrap #header #nav-wrap .nav .m-2 .m-2-1 .depth1 li .depth2-wrap {}
#header-wrap #header #nav-wrap .nav .m-2 .m-2-1 .depth1 li .depth2-wrap .depth2{}
#header-wrap #header #nav-wrap .nav .m-2 .m-2-1 .depth1 li .depth2-wrap .depth2 li{padding:0 20px;}
#header-wrap #header #nav-wrap .nav .m-2 .m-2-1 .depth1 li .depth2-wrap .depth2 li a{display: block;font-size: 14px;line-height: 31px;color: #000;}
#header-wrap #header #nav-wrap .nav .m-2 .m-2-1 .depth1 li .depth2-wrap .depth2 li a span{position: relative;}

#header-wrap #header #nav-wrap .nav .m-2 .m-2-1 .depth1 li .depth2-wrap .depth2 li a span:after{content:'';width:0;height: 1px;background: #000;position: absolute;bottom:-3px;left:0;-webkit-transition: width .5s ease-out;-moz-transition: width .5s ease-out;-o-transition: width .5s ease-out;transition: width .5s ease-out;}
#header-wrap #header #nav-wrap .nav .m-2 .m-2-1 .depth1 li .depth2-wrap .depth2 li a.over  span:after{width:100%}

#header-wrap #header #nav-wrap .nav .m-3 {position: absolute;top:17px;left:1060px;z-index: 2;}
#header-wrap #header #nav-wrap .nav .m-3 .name {display:none;}

#header-wrap #header #nav-wrap .nav .m-3 .reply {width: 324px;height: 79px;background: url(../images/layout/icon_reply_pc.jpg) no-repeat center center;background-size:100% auto !important; }
#header-wrap #header #nav-wrap .nav .m-3 .reply a{width: 324px;height: 79px;display:block}

#header-wrap #header #nav-wrap .nav .m-3 .reply_2 {width: 105px;height: 78px;background: url(../images/layout/tp_replay.jpg) no-repeat center center;background-size:100% auto !important; }
#header-wrap #header #nav-wrap .nav .m-3 .reply_2 a{width: 105px;height: 78px;display:block}

#header-wrap #header #nav-wrap .nav .m-4{position: absolute;top:50px;;right:0;z-index: 2;}
#header-wrap #header #nav-wrap .nav .m-4 .bt-logout{display: none;}
#header-wrap #header #nav-wrap .nav .m-4 .social{display: flex;}
#header-wrap #header #nav-wrap .nav .m-4 .social li{}
#header-wrap #header #nav-wrap .nav .m-4 .social li+li{margin-left: 10px;}
#header-wrap #header #nav-wrap .nav .m-4 .social li a{display: block;width: 30px;height: 30px;background-size: 100% auto !important;}
#header-wrap #header #nav-wrap .nav .m-4 .social li:nth-child(1) a{background: url(../images/layout/icon-ins.jpg) no-repeat center center;}
#header-wrap #header #nav-wrap .nav .m-4 .social li:nth-child(2) a{background: url(../images/layout/icon-blog2.png) no-repeat center center;}
#header-wrap #header #nav-wrap .nav .m-4 .social li:nth-child(3) a{background: url(../images/layout/icon-tw.png) no-repeat center center;}
/*
@media only screen and (max-width:1280px) {
	.inner{padding:0 3.86vw;}
	#header-wrap #header #nav-wrap{border-bottom:0;}
	#header-wrap #header .user-info-wrap{display: none;}
	#header-wrap #header .mob-top-wrap {display: block;background: #fff;}
	#header-wrap #header .mob-top-wrap .mob-top{display: flex;justify-content: center;align-items: center;}
	#header-wrap #header .mob-top-wrap .mob-top .logo {flex-grow: 2;text-align: center;}
	#header-wrap #header .mob-top-wrap .mob-top .logo a{display: inline-block;width: 14vw;height: 7.3vw;min-width:54px;min-height: 22.5px; background: url(../images/layout/m-top-logo.png) no-repeat center center;padding:3vw 0;vertical-align: middle;background-size: 100% auto;}
	#header-wrap #header .mob-top-wrap .mob-top .bt-mnall{display: block;background: url(../images/layout/ham-menu.png) no-repeat center center;width:4.2667vw;height:4vw;background-size: 100% auto !important;}

	#header-wrap #header #nav-wrap {position:fixed;right:-100%;top:0; min-width:300px;background:#f5f5f5; height:100%; width:80vw; box-sizing:border-box;overflow-x:hidden;overflow-y:auto; z-index:3900;-webkit-transition:right 0.35s ease-out;-moz-transition:right 0.35s ease-out;-o-transition:right 0.35s ease-out;transition:right 0.35s ease-out;}
	#header-wrap #header #nav-wrap.mn-open{right:0;}
	#header-wrap #header #nav-wrap .inner{padding:0;}	
	#header-wrap #header #nav-wrap .nav {display:flex;flex-direction: column;align-items: flex-start;position: static;}	
	#header-wrap #header #nav-wrap .nav .m-1{position: static;padding:5.3333vw 8vw 6.6667vw 8vw;width: 100%;box-sizing: border-box;}
	#header-wrap #header #nav-wrap .nav .m-1 .logo {width: 21.8667vw;height:10.8vw;background: url(../images/layout/m-menu-logo.png) no-repeat center center;margin-bottom: 5.3333vw;}
	#header-wrap #header #nav-wrap .nav .m-1 .name {display:block;color: #000;font-size:4vw;line-height: 5.3333vw;box-sizing: border-box;display: flex;align-items: center;}
	#header-wrap #header #nav-wrap .nav .m-1 .name:before {content: '';background: url(../images/layout/icon-info-people.png) no-repeat center center;width: 8vw;height: 8vw;margin-right: 2.6667vw;background-size: 100% auto !important;}
	#header-wrap #header #nav-wrap .nav .m-1 .name:after {content: '';background: url(../images/layout/icon-circle-arrow.png) no-repeat center center;width: 4vw;height: 4vw;margin-left: auto;background-size: 100% auto !important;}
	#header-wrap #header #nav-wrap .nav .m-2 {position: static;padding-left:0;height:auto;}
	#header-wrap #header #nav-wrap .nav .m-2 p{display: none;}
	
	#header-wrap #header #nav-wrap .nav .m-2.over:after{height:auto;}
	#header-wrap #header #nav-wrap .nav .m-2.over .m-2-1 {height:auto;}
	
	#header-wrap #header #nav-wrap .nav .m-2 .m-2-1 {position: static;text-align: left;overflow: visible;height:auto;}
	#header-wrap #header #nav-wrap .nav .m-2 .m-2-1 .depth1{flex-direction: column;padding:0;}
	#header-wrap #header #nav-wrap .nav .m-2 .m-2-1 .depth1 > li {padding:0 8vw;background: #fff;}
	#header-wrap #header #nav-wrap .nav .m-2 .m-2-1 .depth1 > li+li {margin-top:2.6667vw;}
	#header-wrap #header #nav-wrap .nav .m-2 .m-2-1 .depth1 li.mn_l1 a.mn_a1 {color: #000;font-size:4.2667vw;line-height:14.7vw;box-sizing: border-box;display: flex;align-items: center;justify-content: space-between;}
		
	#header-wrap #header #nav-wrap .nav .m-2 .m-2-1 .depth1 li a.mn_a1:after {content: '';background: url(../images/layout/arrow_2213.png) no-repeat center center;width: 2.9333vw;height:1.7333vw;background-size: 100% auto !important;}
	#header-wrap #header #nav-wrap .nav .m-2 .m-2-1 .depth1 li.active a.mn_a1:after {transform: rotate(180deg);}
	#header-wrap #header #nav-wrap .nav .m-2 .m-2-1 .depth1 li.active .depth2-wrap{right:0;}
	#header-wrap #header #nav-wrap .nav .m-2 .m-2-1 .depth1 li.over .depth2-wrap{display:block;}
	#header-wrap #header #nav-wrap .nav .m-2 .m-2-1 .depth1 li.mn_l1.active a.mn_a1 {color: #003356;}
	
	#header-wrap #header #nav-wrap .nav .m-2 .m-2-1 .depth1 li .depth2-wrap {display:none;padding:10px;}
	#header-wrap #header #nav-wrap .nav .m-2 .m-2-1 .depth1 li .depth2-wrap .depth2 li{padding:0;}
	#header-wrap #header #nav-wrap .nav .m-2 .m-2-1 .depth1 li .depth2-wrap .depth2 li a{font-size:  1.9vw;line-height:3vw;padding:1.3vw;display: flex;align-items: center;justify-content: space-between;}
	
	#header-wrap #header #nav-wrap .nav .m-2 .m-2-1 .depth1 li .depth2-wrap .depth2 li.active{}
	#header-wrap #header #nav-wrap .nav .m-2 .m-2-1 .depth1 li .depth2-wrap .depth2 li a:after{content: '';content: '';background: url(../images/layout/icon-circle-arrow.png) no-repeat center center;width:2.9vw;height: 1.7vw;}
	
	#header-wrap #header #nav-wrap .nav .m-4.rlz{}
	#header-wrap #header #nav-wrap .nav .m-4.fix{position:absolute; right:0; bottom:0; width:100%; box-sizing:border-box;top: auto;}

	#header-wrap #header #nav-wrap .nav .m-4{padding:6.7vw 8vw;display: flex;justify-content: space-between;align-items: center;width: 100%;box-sizing: border-box;position: static;}
	#header-wrap #header #nav-wrap .nav .m-4 .bt-logout{display: block;font-size: 3.7vw;line-height: 3.7vw;text-align: center;color: #757575;border:1px solid #e5e5e5;padding: 2.9vw 3.2vw 2.9vw 3.3vw;background: #fff;border-radius: 9px;}
	
	#header-wrap #header #nav-wrap .nav .m-4 .social li a{width: 8vw;height:8vw;}
	
}


@media only screen and (max-width:500px) {
	.inner{padding:0 15px;}
	#header-wrap #header .mob-top-wrap .mob-top .logo a{width: 54px;height:22.5px;padding:11.5px 0 11px 0;}
	#header-wrap #header .mob-top-wrap .mob-top .bt-mnall{width: 16px;height: 15px;}

	#header-wrap #header #nav-wrap .nav .m-1{padding:20px 30px 25px 30px;}
	#header-wrap #header #nav-wrap .nav .m-1 .logo {width: 79px;height: 40px;margin-bottom:20px;}
	#header-wrap #header #nav-wrap .nav .m-1 .name {font-size: 15px;line-height: 20px;}
	#header-wrap #header #nav-wrap .nav .m-1 .name:before {width: 30px;height: 30px;margin-right: 10px;}
	#header-wrap #header #nav-wrap .nav .m-1 .name:after {width: 15px;height: 15px;}
	
	#header-wrap #header #nav-wrap .nav .m-2 .m-2-1 .depth1 > li {padding:0 30px;}
	#header-wrap #header #nav-wrap .nav .m-2 .m-2-1 .depth1 > li+li {margin-top: 10px;}
	#header-wrap #header #nav-wrap .nav .m-2 .m-2-1 .depth1 li.mn_l1 a.mn_a1 {font-size:16px;line-height:55px;}
		
	#header-wrap #header #nav-wrap .nav .m-2 .m-2-1 .depth1 li a.mn_a1:after {width: 11px;height:6.5px;}
	
	#header-wrap #header #nav-wrap .nav .m-2 .m-2-1 .depth1 li .depth2-wrap {padding:5px;}
	#header-wrap #header #nav-wrap .nav .m-2 .m-2-1 .depth1 li .depth2-wrap .depth2 li a{padding:5px;}
	
	#header-wrap #header #nav-wrap .nav .m-2 .m-2-1 .depth1 li .depth2-wrap .depth2 li a:after{width: 11px;height: 6.5px;}
	
	#header-wrap #header #nav-wrap .nav .m-4{padding:25px 30px;}
	#header-wrap #header #nav-wrap .nav .m-4 .bt-logout{font-size: 14px;line-height: 14px;padding: 11px 12px 11px 12.5px;}
	#header-wrap #header #nav-wrap .nav .m-4 .social li a{width: 30px;height:30px;}

	#header-wrap #header #nav-wrap .nav .m-2 .m-2-1 .depth1 li .depth2-wrap .depth2 li a{font-size: 15px;line-height:18px;padding:7px;}

}
*/

/* ======================================================
   #container 
=========================================================*/
#container-wrap{}
#container-wrap .container{padding:45px 41px 200px;}
/*@media only screen and (max-width:1280px) {
	#container-wrap .container{padding:6.2vw 4vw 17vw;}
}
@media only screen and (max-width:500px) {
	#container-wrap .container{padding:47px 15px 100px;}

}*/
/* ======================================================
    #footer-wrap 
=========================================================*/
#footer-wrap {display:block; position:relative; background:#0b274a;}
#footer-wrap #footer{position:relative;padding:25px 0 61px 0;box-sizing: border-box;display:flex; justify-content: flex-start}
#footer-wrap #footer .f-logo{display: flex;align-items:flex-end;padding-bottom: 8px;margin-right: 38px;}
#footer-wrap #footer .f-logo .logo {background: url(../images/layout/f-logo.png) no-repeat center center;width: 310px;height: 130px;background-size: 100% auto !important}
#footer-wrap #footer .f-site{position: absolute;right:0;top:25px;}
#footer-wrap #footer .f-site .site{height:35px;font-size: 14px;line-height:14px;letter-spacing: -0.14px;color: #e6e6e6; border: solid 1px #0f486f;background-color: #092242;box-sizing: border-box;padding:3px 84px 3px 16px;appearance:none;background:url('../images/layout/selectbox-arrow.png') no-repeat right 8px center;background-size: 9px 5px;}
#footer-wrap #footer .f-site .logo {background: url(../images/layout/new_logo_f.png) no-repeat center center;width: 200px;height: 31px;margin-top: 65px;background-size: 100% auto !important}
#footer-wrap #footer .f-text{}
#footer-wrap #footer .f-text .t1{margin-bottom:32px;}
#footer-wrap #footer .f-text .t1 li {display: inline-block;}
#footer-wrap #footer .f-text .t1 li+li{margin-left:10px;}
#footer-wrap #footer .f-text .t1 li a{display: inline-block;font-size: 14px;line-height:24px;letter-spacing: -0.14px;color:#8e95a3;}
#footer-wrap #footer .f-text .t2{width: 656px;margin-bottom:13px;}
#footer-wrap #footer .f-text .t2 li{margin-right: 17px;}
#footer-wrap #footer .f-text .t2 li:not(:first-child){display: inline-block;}
#footer-wrap #footer .f-text .t2 li span{display: inline-block;font-size: 14px;line-height: 24px;letter-spacing: -0.14px;color:#8e95a3;}
#footer-wrap #footer .f-text .t2 li span.run{margin-right: 17px;}
#footer-wrap #footer .f-text .t3{line-height: 0;}
#footer-wrap #footer .f-text .t3 li{}
#footer-wrap #footer .f-text .t3 li span{display: inline-block;font-size: 12px;line-height:14px;letter-spacing: -0.12px;color:#8e95a3;}
/*
@media only screen and (max-width:1280px) {
	#footer-wrap #footer {flex-wrap: wrap;    padding:4vw 0 7.2vw 0;}
	#footer-wrap #footer .f-site {top:5.5vw;}
	#footer-wrap #footer .f-site .site{height:7.1vw;font-size: 3.2vw;line-height:3.2vw;letter-spacing: 0.01em;padding-right:17.4vw;background-size:13px 8px;}
	#footer-wrap #footer .f-logo {padding-bottom:0;margin-right:0;}
	#footer-wrap #footer .f-logo .logo {width:23.5vw;height: 9.7vw;}
	#footer-wrap #footer .f-text .t1 {margin-bottom:0;margin: 6vw 0;display:flex;justify-content: space-between;}
	#footer-wrap #footer .f-text .t1 li a{font-size:3.7vw;line-height:3.7vw;letter-spacing: -0.01em;}
	#footer-wrap #footer .f-text .t2 {width: 100%;margin-bottom:6.5vw;}
	#footer-wrap #footer .f-text .t2 li span{font-size: 2.7vw;line-height: 4vw;letter-spacing:-0.01em;}
	#footer-wrap #footer .f-text .t3 li span{font-size: 2.4vw;line-height:4vw;letter-spacing:0.01em;}
}
@media only screen and (max-width:500px) {
	#footer-wrap #footer {padding:15.5px 0 27px 0;}
	#footer-wrap #footer .f-site {top:19px;}
	#footer-wrap #footer .f-site .site{height:26.5px;font-size: 12px;line-height:12px;letter-spacing: -0.12px;padding-right:61.5px;background-size:6.5px 4px;}
	#footer-wrap #footer .f-logo {margin-right:0;}
	#footer-wrap #footer .f-logo .logo {width: 88px;height: 36.5px;}
	#footer-wrap #footer .f-text .t1 {margin: 24.5px 0;}
	#footer-wrap #footer .f-text .t1 li a{font-size:14px;line-height:14px;letter-spacing: -0.14px;}
	#footer-wrap #footer .f-text .t2 {margin-bottom:24.5px;}
	#footer-wrap #footer .f-text .t2 li span{font-size: 10px;line-height:15px;letter-spacing: -0.1px;}
	#footer-wrap #footer .f-text .t3 li span{font-size: 9px;line-height:15px;letter-spacing: -0.09px;}
}
*/

/*컨텐츠 페이지 pc 일때 메뉴*/
#doc.cont #header-wrap #header #nav-wrap{height: 100px;border-bottom: 1px solid #d5d5d5;box-sizing: border-box}
#doc.cont #header-wrap #header .user-info-wrap{background: #0387A2;border-bottom:0;color : #ffffff;}
#doc.cont #header-wrap #header #nav-wrap .nav .m-1{top:12px;}

#doc.cont #header-wrap #header #nav-wrap .nav .m-4 .logoJ {width:323px;height:53px;background: url(../images/layout/ets-toefl-junior-rgb.png) no-repeat center center;background-size: 100% auto !important;}
#doc.cont #header-wrap #header #nav-wrap .nav .m-4 .logoJ a{width:301px;height:53px;display:block}

#doc.cont #header-wrap #header #nav-wrap .nav .m-4 .logoP {width:323px;height:53px;background: url(../images/layout/ets-toefl-primary-rgb.png) no-repeat center center;background-size: 100% auto !important;}
#doc.cont #header-wrap #header #nav-wrap .nav .m-4 .logoP a{width:301px;height:53px;display:block}

#doc.cont #header-wrap #header #nav-wrap .nav .m-1 .logo{width: 432px;height: 79px;background: url(../images/layout/logo.png) no-repeat center center;background-size:100% auto !important; }
#doc.cont #header-wrap #header #nav-wrap .nav .m-1 .logo a{width: 432px;height: 79px;display:block}


#doc.cont #header-wrap #header #nav-wrap .nav .m-2{top:100px;height:60px;padding-left: 0;display: flex;justify-content: space-between;min-width: 1280px;}
#doc.cont #header-wrap #header #nav-wrap .nav .m-2:after{top:60px;}
#doc.cont #header-wrap #header #nav-wrap .nav .m-2 .m-2-1{left:0;top:60px;}
#doc.cont #header-wrap #header #nav-wrap .nav .m-4{top:38px;}


/*컨텐츠 페이지 pc 일때 메뉴*/
#doc.main #header-wrap #header #nav-wrap{height: 100px;border-bottom: 1px solid #d5d5d5;box-sizing: border-box}
#doc.main #header-wrap #header .user-info-wrap{background: #0387A2;border-bottom:0;color : #ffffff;}
#doc.main #header-wrap #header #nav-wrap .nav .m-1{top:12px;}

#doc.main #header-wrap #header #nav-wrap .nav .m-4 .logoJ {width:301px;height:53px;background: url(../images/layout/ets-toefl-junior-rgb.png) no-repeat center center;background-size: 100% auto !important;}
#doc.main #header-wrap #header #nav-wrap .nav .m-4 .logoJ a{width:301px;height:53px;display:block}

#doc.main #header-wrap #header #nav-wrap .nav .m-4 .logoP {width:301px;height:53px;background: url(../images/layout/ets-toefl-primary-rgb.png) no-repeat center center;background-size: 100% auto !important;}
#doc.main #header-wrap #header #nav-wrap .nav .m-4 .logoP a{width:301px;height:53px;display:block}

#doc.main #header-wrap #header #nav-wrap .nav .m-1 .logo{width: 432px;height: 79px;background: url(../images/layout/logo.png) no-repeat center center;background-size:100% auto !important; }
#doc.main #header-wrap #header #nav-wrap .nav .m-1 .logo a{width: 432px;height: 79px;display:block}


#doc.main #header-wrap #header #nav-wrap .nav .m-2{top:100px;height:60px;padding-left: 0;display: flex;justify-content: space-between;min-width: 1280px;}
#doc.main #header-wrap #header #nav-wrap .nav .m-2:after{top:60px;}
#doc.main #header-wrap #header #nav-wrap .nav .m-2 .m-2-1{left:0;top:60px;}
#doc.main #header-wrap #header #nav-wrap .nav .m-4{top:38px;}


#location-wrap{background: #f5f5f5;}
#location-wrap .location{display: flex;justify-content: flex-end;align-items: center;}
#location-wrap {margin-top: 60px;}
#location-wrap .location{height: 40px;font-size: 14px;letter-spacing: 0.01em;line-height: 1em;}
#location-wrap .location span{padding:00;}
/*@media only screen and (max-width:1280px) {
	#location-wrap {margin-top: 0;}
	#location-wrap .location{height: 9.3vw;font-size: 2.9vw;}	
}
@media only screen and (max-width:500px) {
	#location-wrap .location{height: 35px;font-size: 11px;}	
}*/