@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,500);
@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);
@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');

@media screen and (max-width:320px) {
     body {zoom:50%;}
 }
 @media screen and (min-width:321px) and (max-width:359px) {
     body {zoom:50%;}
 }
 @media screen and (min-width:360px) and (max-width:374px) {
     body {zoom:56.2%;}
 }
 @media screen and (min-width:375px) and (max-width:375px) {
     body {zoom:58.5%;}
 }
 @media screen and (min-width:376px) and (max-width:479px) {
     body {zoom:64.6%;}
 }
 @media screen and (min-width:480px) and (max-width:639px) {
     body {zoom:75%;}
 }
  /* 아이패드(1024X768)보다 큰 스크린 사이즈와 해상도를 갖는 모든 기기에서의 해상도 설정
 @media all and (min-width: 640px) {
     body {width:640px; margin:0 auto;}
  */
  @media all and (min-width: 640px) {
     body {zoom:100%; margin:0 auto;}
 }

*{margin:0; padding:0; box-sizing:border-box;letter-spacing:-0.01em;color:inherit;}
img {border:0; vertical-align:top;}
a {border:0; text-decoration:none;}
ul, li {list-style:none;}
body {font-family: 'Noto Sans Korean','Noto Sans KR','Nanum Barun Gothic','Nanum Gothic','Roboto', sans-serif; color:#303030; margin:0 auto;}
div {display:block;}
h1,h2,h3,h4,h5 {font-weight:300;line-height:1.3}
b {letter-spacing:inherit;font-weight:700}
.inner {width:100%; max-width:640px; margin:auto;clear:both}
.c_main {color:#0066a8 !important}
.c_sky1 {color:#809eb1 !important}
.c_sky2 {color:#80adc9 !important}
.c_navy {color:#003c63 !important}
.c_lightgray {color:#c0c0c0 !important}
.c_gray {color:#808080 !important}
.c_red {color:#c70000 !important}
.c_white {color:#fff !important}
.c_black {color:#303030 !important}

h1 {font-size:40px;}
h2 {font-size:33px}
h3 {font-size:26px;}
h4 {font-size:22px;}
h5 {font-size:20px;line-height:1.5}
p {font-size:17px;font-weight:300;line-height:1.7;color:inherit;word-break:keep-all }

span {color:inherit}

.left {float:left;}
.right {float:right}
.center {text-align:center !important}
.half {width:50% !important}
.clearfix:after {clear:both; content:''; display: block;}

hr {width:100%;height:1px;background:#e0e0e0;border:0;margin:10px auto;}


/* 마진,패딩 설정 */
.mg0 {margin-left:0 !important;margin-right:0 !important}

.mtm30 {margin-top:-30px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}

.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}


.pl03 {padding-left:3%}
.pl05 {padding-left:5%}
.pl10 {padding-left:10%}
.pl15 {padding-left:15%}
.pl20 {padding-left:20%}
.pl25 {padding-left:25%}
.pl30 {padding-left:30%}
.pl35 {padding-left:35%}

.pr03 {padding-right:3%}
.pr05 {padding-right:5%}
.pr10 {padding-right:10%}
.pr15 {padding-right:15%}
.pr20 {padding-right:20%}
.pr25 {padding-right:25%}
.pr30 {padding-right:30%}
.pr35 {padding-right:35%}


.bd_b {border-bottom:1px #e0e0e0 solid}
.bd_t {border-top:1px #e0e0e0 solid}



/* 컬럼 설정 */
.col5 {width:20%;}
.col4 {width:25%;}
.col3 {width:33.33%;}




/* 공통 */
#wrap {width:100%; max-width:640px; margin:0 auto; position:relative; }
#header {width:100%; max-width:640px; height:105px; position:absolute; top:0;  z-index:10; box-shadow:0 5px 10px rgba(0,0,0,0.2); border-top: solid 7px #085aa5; background-color: #fff; margin: 0 auto;}
#header .inner {position:relative;}
#header .logo {margin-top:19px;position: absolute; left: 50%; margin-left:-111px; }
#header .language {line-height:100px; padding: 0px 11px 0px 15px;}

#header .inner .menu a i.material-icons{font-size:48px; color:#085aa5; position: absolute; right:15px; top:25px;}





/*fullpage*/
#fullpage {color:#303030;}


/*section 공통*/
.section {text-align:center;background-position:center;background-size:cover;background-repeat:no-repeat; width:100%; max-width:640px; position: relative;}
.section .txt h1{font-weight: 400; padding-top: 40px;}
.section .icon_wrap{width:100%; max-width: 600px; margin: 0 auto;}


/*section intro1*/
.section#intro1{width:100%; height:451px; background-image:url(../images/main_sl.jpg); position: relative;}
.section#intro1 .main_sl_txt{position: absolute; top:22.5%; left:28.5%;}


/*section intro2*/
.section#intro2 {height:841px;}
.section#intro2 .icon_wrap{background-image:
    url(../images/2phara_1icon.png);}
.section#intro2 .icon_wrap a{ width:290px; height:286px; text-align: center; border: 1px #e0e0e0 solid; margin-bottom: 20px; }
.section#intro2 .icon_wrap a:nth-child(2n){float: right;}
.section#intro2 .icon_wrap a:nth-child(2n-1){float: left;}
.section#intro2 .icon_wrap a:hover{background-color: rgba(214,221,228,0.4); }


.section#intro2 .icon_wrap a h4{color:#085aa5; margin-bottom: 12px;}
.section#intro2 .icon_wrap a div.main_eng h4{margin-bottom: 36px;}
.section#intro2 .icon_wrap a div{padding-top: 173px;}
/*.section#intro2 .icon_wrap a div.main_eng{padding-top: 155px;}
.section#intro2 .icon_wrap a div.main_eng{padding-top: 155px;}*/


/*section intro3*/
.section#intro3{background-image:url(../images/3phara_bg.png); height:986px;}
.section#intro3 .icon_wrap div.box {width:290px; height:360px; background-color:#fff; float:left; text-align: center; margin-bottom: 20px;  }
.section#intro3 .icon_wrap .box:nth-child(2n){float: right;}
.section#intro3 .icon_wrap .box:nth-child(2n-1){float: left;}

.section#intro3 .icon_wrap a h4{ margin-bottom: 27px;}

.section#intro3 .icon_wrap .box:first-child{background-image: url(../images/3phara_1icon.png); background-position: 0% 10px;}
.section#intro3 .icon_wrap .box:nth-child(2){background-image: url(../images/3phara_1icon.png); background-position: 99% 10px;}
.section#intro3 .icon_wrap .box:nth-child(3){background-image: url(../images/3phara_1icon.png); background-position: 0% 350px;}
.section#intro3 .icon_wrap .box:nth-child(4){background-image: url(../images/3phara_1icon.png); background-position: 99%  350px;}

.section#intro3 .icon_wrap .box{position: relative;}
.section#intro3 .icon_wrap .box:first-child .txt_wrap{position: absolute; bottom: 0; left:15%;}
.section#intro3 .icon_wrap .box:nth-child(2) .txt_wrap{position: absolute; bottom: 0; left:21.3%;}
.section#intro3 .icon_wrap .box:nth-child(3) .txt_wrap{position: absolute; bottom: 0; left:12%;}
.section#intro3 .icon_wrap .box:nth-child(4) .txt_wrap{position: absolute; bottom: 0; left:16.3px;}

.section#intro3 .icon_wrap .box:first-child .txt_wrap_eng{position: absolute; bottom: 0; left:0%;}
.section#intro3 .icon_wrap .box:nth-child(2) .txt_wrap_eng{position: absolute; bottom: 0; left:16.2%;}
.section#intro3 .icon_wrap .box:nth-child(3) .txt_wrap_eng{position: absolute; bottom: 0; left:0%;}
.section#intro3 .icon_wrap .box:nth-child(4) .txt_wrap_eng{position: absolute; bottom: 0; left:16.3px;}

.section#intro3 .icon_wrap .box .txt_wrap{position: absolute; bottom: 0; left:10%;}
.section#intro3 .icon_wrap .box .txt_wrap > *{margin-bottom: 25px;}
.section#intro3 .icon_wrap .second .txt_wrap > *{margin-bottom: 23px !important;}
.section#intro3 .icon_wrap .box a:hover{color:#0072bc}
.section#intro3 .icon_wrap .box .txt_wrap p a:hover{font-size: larger;}

.section#intro3 .icon_wrap .box .txt_wrap_eng{position: absolute; bottom: 0; left:10%;}
.section#intro3 .icon_wrap .box .txt_wrap_eng > *{margin-bottom: 25px;}
.section#intro3 .icon_wrap .second .txt_wrap_eng > *{margin-bottom: 23px !important;}
.section#intro3 .icon_wrap .box a:hover{color:#0072bc}
.section#intro3 .icon_wrap .box .txt_wrap_eng p a:hover{font-size: larger;}


/*section intro4*/
.section#intro4 .btn_wrap{width:100%; max-width: 600px; margin: 0 auto; margin-bottom: 40px; }
.section#intro4 .btn_wrap a{width:290px; height:76px; background-color:#4ebee3; display: block;  margin: 0 auto; float:left; position: relative;}
.section#intro4 .btn_wrap a:last-child{background-color:#085aa5;float:right; }
.section#intro4 .btn_wrap a:hover{background-color: rgba(99,136,169,0.85); }
.section#intro4 .btn_wrap a h4{color:#fff; text-align: left; line-height: 76px; padding-left: 30px;}
.section#intro4 .btn_wrap a i {position: absolute; top:35%; right:20px; color:#fff;}


.section#intro4 .board_wrap{width:100%; max-width: 600px; margin: 0 auto;}
.section#intro4 .board_box{width:560px; height:260px; margin: 0px 20px; float: left;}
.section#intro4 .board_box div.output{border-top:4px solid #0072bc; text-align: left; padding:10px 0 0 0;}
.section#intro4 .board_box div.tit{height:40px;}
.section#intro4 div .board_box h4 {float: left; margin-left: 10px; line-height: 40px; display: inline-block;}

.section#intro4 .map_wrap{width:100%; max-width: 600px; }
.section#intro4 .map_wrap h4 {float:left; margin-left: 30px; margin-bottom: 22px; }

.section#intro4 span.go a{display: block; float:right; line-height:40px; }
.section#intro5 span.go i{margin-left:40px; font-size: 16px; /*-webkit-transition:all 0.2s ease-out; transition: all 0.2s ease-out;*/}




/*.section#intro5*/ 
/*.section#intro5 {width:100%; max-width: 640px; height:165px;} */
/********************#footer****************************/
#footer{width:100%; margin: 0 auto;}
#footer a.call{width:640px; height:128px; display: block; background-color: #08355e; color: #fff; position: relative;}
#footer a.call img{position: absolute; left:60px; top:13px;}
#footer a.call h1{line-height: 128px; font-size: 68px; font-style: italic; margin-left: 50px; font-weight:450;}
#footer .content {width:640px;padding:30px 0px; display:block;text-align:center;
 background-color: #f4f1ef;}
/*#footer .content .top{color:#08355e;font-size:0.9em;}
#footer .content .top a{color:#08355e;font-size:0.9em;}*/
#footer .content .bottom {color:#08355e;font-size:0.9em;}


/* 아코디언- 자주하는 질문 */
#subcontent01 .mid .accordion {  }
#subcontent01 .mid .accordion .q_line {width:100%; max-width: 600px; border-top: 2px solid #085aa5; border-bottom:1px #e0e0e0 solid; text-align:left;font-size:18px; cursor:pointer;padding:0 20px;margin-top:50px}
#subcontent01 .mid .accordion .q_line.first {margin-top:0}
#subcontent01 .mid .accordion .q_line h4 {line-height:26px;font-weight:bold;background:url(/base/img/2019/pc/images/q_line.png) left center no-repeat;padding-left:40px;padding-right:40px; font-size: 20px;}
#subcontent01 .mid .accordion .a_line {width:100%;padding:20px 20px 20px 60px;background:url(/base/img/2019/pc/images/a_line.png) left 5px no-repeat #f5f5f5;margin-bottom:20px;}
#subcontent01 .mid .accordion .a_line p {text-align:justify}
#subcontent01 .mid .accordion .a_line .table p {text-align:inherit}
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {background:url(/base/img/2019/pc/images/q_open.gif) right center no-repeat;}
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active {background:url(/base/img/2019/pc/images/q_close.gif) right center no-repeat;}

/* 교육갤러리 썸내일이미지 사이즈 조절 */

#wrap #fullpage #subcontent01 .mid .board_box table.table_02 tbody tr td a img{width:140px !important; height:135px !important;}