@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css?family=Montserrat');
@import url('https://fonts.googleapis.com/css?family=Titillium+Web');
@import url('https://fonts.googleapis.com/css?family=Roboto');

html {font-size: 62.5%;}
body, a{font-size: 1.6rem; font-weight: 300; color: #444; margin: 0;
    padding: 0;}
div, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, span, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, button, input, select, textarea{
    border: 0;
    font-family: 'Noto Sans KR', sans-serif;
    vertical-align: baseline;
    box-sizing: border-box;
    text-decoration: none;
    list-style: none;
    background: none;
    line-height: 1;
    outline: none;
    margin: 0;
    padding: 0;
    word-break: keep-all;
}
b, strong {font-weight: 500;}
.inner{max-width: 1200px; margin: 0 auto; padding: 0 15px}
h4{font-size: 3.4rem; text-align: left !important;}
h4 span{font-weight: 100;}
h4:after{content:""; width: 40px; height: 1px; display: block; background: #333; margin-top: 25px; margin-bottom: 30px; }

/* header */
#gnb {overflow: hidden;}
.header_wrap{height: 85px;}
.header_wrap .inner{position: relative; height: 85px;}
.header_wrap h1{position: absolute; top: 23px; left: 15px;}
.header_wrap h1 img{width: 241px;}

/*gnb*/
.header .nav_box {float: right; display: inline-block; position:relative; z-index:10; width: 75%; padding-left: 7%;}
.header .nav_box li.oneD {float: left; width: 20%; text-align: center;}
.header .nav_box li.oneD > a {height: 85px; line-height: 85px; display: block; position: relative; text-transform: uppercase; font-weight: 400; font-family: 'Roboto', sans-serif; font-size: 1.5rem;}
.header .nav_box li.oneD.on > a {color:#3eb6b4;}
.header .nav_box li.oneD > a:after {content: ''; display: block; position: absolute; bottom: -1px; left: 0; right: 0; width: 0; border-bottom: 2px solid #3eb6b4; transition: all .4s ease; margin:0 auto; }
.header .nav_box li.oneD.on > a:after {width: 80%;}
.header .nav_box li .twoD {display:none; height:200px; z-index: 3;}
.header .nav_box li .twoD a {font-size:1.4rem; color:#333; display:block; width:100%; padding:12px 0; }
.header .nav_box li .twoD a:first-child {padding-top:30px;}
.header .nav_box li .twoD a:hover {color:#3eb6b4;}
.header_wrap .twoDBg {display: none; width: 100%; position: absolute; top:85px; z-index: 9; height:240px; border-top:1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; background: #fff;}
.header_wrap .twoDBg .inner {max-width: 1200px; margin:0 auto; height: 240px; position: relative;}
.header_wrap .mo_gnb_open {width:30px; height: 30px; background: url(../img/toggle_gnb.png) no-repeat 50% 50%; position: absolute; top:21px; right: 15px; z-index: 2; cursor: pointer; display: none; background-size: 30px !important;}
.header_wrap .mo_gnb_open.on {background: url(../img/toggle_gnb_on.png) no-repeat 50% 50%; background-size: 25px;}
/*mobile*/

.mobile_gnb {display: none;}
.mobile_gnb_open_btn {position: absolute; top:21px; right: 15px; background:none; z-index: 999; width: 40px; height: 29px; background: url(../img/mo_tog.png)no-repeat 0 0;}
.mobile_gnb_open_btn.is-active {background: url(../img/mo_tog2.png)no-repeat 0 0;}
.mobile_gnb_list {position: fixed; top:85px; left: 100%; width: 100%; background: #fff; z-index: 99; height:100%; overflow-y: auto; transition: all .4s ease-in-out;}
.mobile_gnb_list.on {left:0;}
.mobile_gnb_list .gnb_area {height: 80%; overflow-y: auto;}
.mobile_gnb_list .gnb_area a {display: block; padding:0 20px; color: #333;}
.mobile_gnb_list .gnb_area .oneD {display:table; width:100%; height:60px;}
.mobile_gnb_list .gnb_area .oneD a {border-top: 1px solid #e7e7e7; font-size: 15px; display:table-cell; vertical-align:middle; position:relative; font-weight:normal; text-align: center;}
.mobile_gnb_list .gnb_area .oneD.depth a:after {content:''; border:0; position: relative; top:-3px; right: 0; display: none; margin-left:10px; width: 0px;height: 0px; border-bottom:5px solid none; border-top:5px solid #3eb6b4; border-right: 5px solid transparent; border-left:5px solid  transparent;}
.mobile_gnb_list .gnb_area .oneD.depth.on a {color:#3eb6b4;}
.mobile_gnb_list .gnb_area .oneD.depth.on a:after {display: inline-block;}
.mobile_gnb_list .gnb_area .twoD {display: none; }
.mobile_gnb_list .gnb_area .twoD a:last-child {margin-bottom:20px;}
.mobile_gnb_list .gnb_area .twoD a {padding:15px; font-size: 14px; text-align: center;}
.mobile_gnb .family_link_m {position:fixed; bottom:-10%; z-index:9999; background:#f7f7f7; border-top:1px solid #d6d6d6; display: table; width:100%; height:60px; transition: all .2s ease-in-out;}
.mobile_gnb .family_link_m.on {bottom:0;}
.mobile_gnb .family_link_m a {color:#333; border-right:1px solid #d6d6d6; display:table-cell; width:20%; vertical-align:middle; text-align:center; font-size:12px; line-height:1.5;}
.mobile_gnb .family_link_m a:last-child {border-right:0;}

.hamburger .line{
  width: 30px;
  height: 2px;
  background-color: #999;
  display: block;
  margin: 8px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.hamburger:hover{
  cursor: pointer;
}

#hamburger-6.is-active {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#hamburger-6.is-active .line:nth-child(2) {
    width: 0px;
}

#hamburger-6.is-active .line:nth-child(1),
#hamburger-6.is-active .line:nth-child(3) {
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

#hamburger-6.is-active .line:nth-child(1) {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
}

#hamburger-6.is-active .line:nth-child(3) {
    -webkit-transform: translateY(-10px) rotate(90deg);
    -ms-transform: translateY(-10px) rotate(90deg);
    -o-transform: translateY(-10px) rotate(90deg);
    transform: translateY(-10px) rotate(90deg);
}


/* visual 메인슬라이드 */
.main_visual_wrap .main_slide{text-align: center;}
.main_visual_wrap .main_slide h3{font-family: 'Titillium Web', sans-serif; color: #fff; font-weight: 100; letter-spacing: 7px;}
.main_visual_wrap .main_slide h3:after{content: ""; width: 30px; height: 1px; background: #fff; margin: 0 auto; display: block; margin-top: 35px;}
.main_visual_wrap .main_slide p{font-family: 'Titillium Web', sans-serif; color: #fff; font-size: 7rem; font-weight: 600; text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.2); padding: 2% 0 10% 0;}
.main_visual_wrap .main_slide a{padding: 14px 4%; display: inline-block; background-color: rgba(57, 187, 187, 0.8); color: #fff; margin-bottom: 30%; margin-bottom: 10%;}

.main_visual_wrap {width: 100%;}
.main_visual_wrap .owl-carousel .owl-dots {position: absolute; left: 0; right: 0; bottom:4%; }
.main_visual_wrap .owl-carousel .owl-dots span {width: 30px; height:7px; background:#fff; }
.main_visual_wrap .owl-carousel .owl-dots .owl-dot.active span {background:#b1d34b; }
.main_visual_wrap .owl-stage .item.slide1 { background:url('../img/visual02.jpg') no-repeat center center; }
.main_visual_wrap .owl-stage .item.slide2 { background:url('../img/visual01.jpg') no-repeat center center; }
.main_visual_wrap .item {height: 60rem;}
.main_visual_wrap .item .inner {max-width: 1200px; margin:0 auto; padding:9% 3% 6%; position: relative;}
.main_visual_wrap .item .inner p {font-size: 7rem; color: #fff; margin-bottom: 1.5rem; }
.main_visual_wrap .item .inner p strong {font-weight: bold; font-size: 6rem; color: #fff; display: block; padding-bottom: 1rem; line-height: 1;}
.main_visual_wrap .item .inner span {color: #fff; font-size: 3rem; font-weight: lighter; font-family: 'Raleway', sans-serif;}
.main_visual_wrap .item .inner span strong {font-weight: bold; color: #fff; font-size: 3rem;}
.main_visual_wrap .item .inner span:last-child {font-size: 1.6rem; display: block; margin-top: 0.5rem;}




/* ACTION LEARNING */
.section01_wrap{overflow: hidden;}
.section01_wrap .secLEFT{float: left; width: 50%; padding: 80px 50px 80px 15px;}
.section01_wrap .secLEFT .secLEFT_txt{max-width: 520px; float: right;}

.section01_wrap .secRIGHT{float: right; width: 50%; background: url(../img/sec01_img01.jpg) 0 0 no-repeat; background-size: cover; max-height: 613px; padding: 70px 50px;}
.section01_wrap .secRIGHT .secRIGHT_img{max-width: 520px; float: left;}
.section01_wrap .secLEFT p{margin-bottom: 25px; line-height: 1.7}
.section01_wrap .secLEFT a{padding: 12px 5%; display: inline-block; background-color: rgba(57, 187, 187, 0.8); color: #fff;font-size: 1.3rem; margin-top: 25px;}

.section01_wrap .secRIGHT ul li{float:left; width: 50%; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 10% 0;}
.section01_wrap .secRIGHT ul li:nth-of-type(2n){border-right: none;}
.section01_wrap .secRIGHT ul li:nth-of-type(3){border-bottom: none;}
.section01_wrap .secRIGHT ul li:nth-of-type(4){border-bottom: none;}
.section01_wrap .secRIGHT ul li img{width: 30%; display: block; margin: 0 auto;}
.section01_wrap .secRIGHT ul li span{display: block; text-align: center; font-weight: 400; letter-spacing: -0.8px; margin-top: 30px; line-height: 1.5;}


/* solution */
.section02_wrap{width: 100%; background: #dbeef7; padding: 80px 0}
.section02_wrap ul{overflow: hidden; width: 100%; }
.section02_wrap ul li{float: left; width: 23%; margin-right: 2.5%; position: relative;}
.section02_wrap ul li:last-child{margin-right: 0%;}
.section02_wrap ul li img{width: 100%;}
.section02_wrap ul li dl{background: #fff; padding: 10%; width: 100%; min-height: 250px; margin-top: -1px;}
.section02_wrap ul li dl dt{font-size: 1.7rem; font-weight: 500; margin-bottom: 20px;}
.section02_wrap ul li dl dd{position: relative; padding-left: 6px;}
.section02_wrap ul li dl dd:before{content:""; display: inline-block; width: 5px; height: 1px; background: #555; position: absolute; top: 16px; left: 0;}
.section02_wrap ul li a{padding: 7px 3.5%; display: block; color: #777; font-size: 1.4rem; font-weight: 400;}
.section02_wrap ul li a:hover{padding: 7px 3.5%; display: block; color: #42bebe; font-size: 1.4rem;  font-weight: 400;}


.section02_wrap ul li a.sec02_btn{padding: 9px 5.5%; display: inline-block; color: #42bebe; font-size: 1.3rem; position: absolute; bottom: 25px; left: 32%; border:1px solid #42bebe; font-weight: 400;}
.section02_wrap ul li a.sec02_btn:hover{padding: 10px 5.5%; display: inline-block; background-color: rgba(57, 187, 187, 0.8); color: #fff; font-size: 1.3rem; position: absolute; bottom: 25px; left: 32%; border:1px solid #42bebe; font-weight: 400;}


/* AL STORY */
.section03_wrap{overflow: hidden;}
.section03_wrap .sec03LEFT{float: left; width: 50%; background: url(../img/sec03_img01.jpg) 0 0 no-repeat; background-size: cover; transition: all .5s ease; min-height: 445px;}
.section03_wrap .sec03LEFT:hover{float: left; width: 50%; background: url(../img/sec03_img01H.jpg) 0 0 no-repeat; background-size: cover;}
.section03_wrap .sec03LEFT .sec03LEFT_con h4{font-size: 3.2rem; text-align: left !important;}

.section03_wrap .sec03LEFT .sec03LEFT_con{max-width: 520px; float: right; padding:80px 50px 80px 15px; }
.section03_wrap .sec03LEFT .sec03LEFT_con p{line-height: 1.7; letter-spacing: -0.7px; word-break: keep-all;}
.section03_wrap .sec03LEFT .sec03LEFT_con a{padding: 12px 8%; display: inline-block; background: #333; color: #fff; font-size: 1.3rem; margin-top: 50px;}

.section03_wrap .sec03LEFT:hover .sec03LEFT_con p{color: #fff;}
.section03_wrap .sec03LEFT:hover .sec03LEFT_con a{padding: 12px 8%; display: inline-block; background: #fff; color: #333;}
.section03_wrap .sec03LEFT:hover .sec03LEFT_con h4{font-size: 3.2rem; text-align: left !important; color: #fff;}
.section03_wrap .sec03LEFT:hover .sec03LEFT_con h4:after{content:""; width: 40px; height: 1px; display: block; background: #fff; }

/* future center */
.section03_wrap .sec03RIGHT{float: right; width: 50%; background: url(../img/sec03_img02.jpg) 0 0 no-repeat; background-size: cover; transition: all .5s ease; min-height: 445px;}
.section03_wrap .sec03RIGHT:hover{background: url(../img/sec03_img02H.jpg) 0 0 no-repeat; background-size: cover;}

.section03_wrap .sec03RIGHT .sec03RIGHT_con h4{font-size: 3.2rem; text-align: left !important;}
.section03_wrap .sec03RIGHT .sec03RIGHT_con{max-width: 520px;  float: left; padding:80px 15px 80px 50px; }
.section03_wrap .sec03RIGHT .sec03RIGHT_con p{line-height: 1.7; word-break: keep-all;}
.section03_wrap .sec03RIGHT .sec03RIGHT_con a{padding: 12px 8%; display: inline-block; background: #333; color: #fff; font-size: 1.3rem; margin-top: 50px;}

.section03_wrap .sec03RIGHT:hover .sec03RIGHT_con p{color: #fff;}
.section03_wrap .sec03RIGHT:hover .sec03RIGHT_con a{background: #fff; color: #333;}
.section03_wrap .sec03RIGHT:hover .sec03RIGHT_con h4{font-size: 3.2rem; text-align: left !important; color: #fff;}
.section03_wrap .sec03RIGHT:hover .sec03RIGHT_con h4:after{content:""; width: 40px; height: 1px; display: block; background: #fff; }


/* notice news*/
.section04_wrap{overflow: hidden;}
.section04_wrap h5{font-size: 3.2rem; text-align: left !important; margin-bottom: 40px}
.section04_wrap .notice_wrap{position: relative; width: 25%; float: right;  padding:80px 0;}
.section04_wrap .news_wrap{position: relative; width: 70%; float: left; padding: 80px 5% 80px 0; border-right: 1px solid #eee;}

.section04_wrap .notice_wrap .btn{position: absolute; right: 0%; top: 80px;}
.section04_wrap .news_wrap .btn{position: absolute; right: 7%; top: 80px;}

.section04_wrap .notice_wrap ul li{display: block; overflow: hidden; margin-bottom: 15px;}
.section04_wrap .notice_wrap ul li:last-child{margin-bottom: 0;}
.section04_wrap .notice_wrap ul li img{float: left; width: 30%; display: none;}
.section04_wrap .notice_wrap ul li dl{display: inline-block; width: 100%; padding-bottom: 15px; border-bottom: 1px dashed #ddd;}
.section04_wrap .notice_wrap ul li:last-child dl{border: none;}
.section04_wrap .notice_wrap ul li dl dt{font-size: 1.5rem; font-weight: 400; letter-spacing: -1px; margin-bottom: 6px}
.section04_wrap .notice_wrap ul li dl dd{line-height: 1.6; font-size: 1.3rem;}
.section04_wrap .notice_wrap ul li dl dd span{color: #777; margin-top: 10px; display: inline-block;}


.section04_wrap .news_wrap dl dt{font-size: 1.6rem; font-weight: 400; letter-spacing: -1px; margin-bottom: 20px; line-height: 1.5; word-break: keep-all;}
.section04_wrap .news_wrap dl dd{line-height: 1.6; word-break: keep-all; font-size: 1.4rem;}
.section04_wrap .news_wrap .item img{width: 100%; border: 1px solid #eee; margin-bottom: 15px; height: 185px;}
.owl-carousel .owl-dots{text-align: center; margin-top: 40px;}
.owl-carousel .owl-dots .owl-dot{display: inline-block; width:  9px; height: 9px; border-radius: 30px; background: #ccc; margin: 0 3px; }
.owl-carousel .owl-dots .owl-dot.active{ background: #42bebe;}

/* 빠른신청*/
.section05_wrap{background: url(../img/sec05_img01.jpg) center center no-repeat; width: 100%; background-size:cover; }
.section05_wrap .inquiry.inner{max-width: 1200px; margin: 0 auto; padding: 100px 15px; overflow: hidden;}
.section05_wrap h6{float: left; width: 35%; font-size: 5.5rem; color: #d5d6da;}
.section05_wrap h6 span{display: block; font-size: 3.2rem; font-weight: 300; margin-top: 35px;}

.section05_wrap form{width: 65%;  float: left; padding-left:5%;}

.section05_wrap form .input_wrap{width: 75%; overflow: hidden; margin-bottom: 20px; }
.section05_wrap form .input_wrap input[type=text] {background: rgba(250, 250, 250, 0.5); height: 50px; box-sizing: border-box; color:#444 !important; font-size: 1.6rem; padding: 0 30px; letter-spacing: -0.5px; width: 100%; border-radius: 30px;}

.section05_wrap form .form_btn{float: left; width: 25%; height: 50px; background: #6c8cd3;  border-radius: 30px; text-align: center; margin-right: 5%;}
.section05_wrap form .form_btn button{color: #fff; font-size: 1.7rem; line-height: 50px;  font-weight: 400;}

/*checkbox*/
.section05_wrap form .agree {text-align: left; margin-top:30px; }
.section05_wrap form .agree .button {color:#fff; background: #7d818e; font-size: 1.4rem; padding: 7px 18px; vertical-align: middle;}

.section05_wrap input[type="checkbox"] {display:none;}
.section05_wrap input[type="checkbox"] + label {font-size: 1.4rem; color:#fff; margin-right:10px; cursor: pointer; letter-spacing: -0.5px;}
.section05_wrap input[type="checkbox"] + label span { display:inline-block; width:16px; height:16px; margin:-2px 8px 0 0; vertical-align:middle; background:url(../img/check_icon.png)no-repeat 0px 0; cursor:pointer;}
.section05_wrap input[type="checkbox"]:checked + label span {background:url(../img/check_icon.png) -16px 0 no-repeat;}

::-webkit-input-placeholder { /* 크롬 4–56 */
    font-family: 'Noto Sans KR', sans-serif;
    color: #444;
    opacity:  1;
    font-weight: 300;
    font-size: 1.5rem;
}
:-moz-placeholder { /* 파이어폭스 4–18 */
    font-family: 'Noto Sans KR', sans-serif;
    color: #444;
    opacity:  1;
    font-weight: 300;
    font-size: 1.5rem;
}
::-moz-placeholder { /* 파이어폭스 19–50 */
    font-family: 'Noto Sans KR', sans-serif;
    color: #444;
    opacity:  1;
    font-weight: 300;
    font-size: 1.5rem;
}
:-ms-input-placeholder { /* 인터넷 익스플로러 10+ */
    font-family: 'Noto Sans KR', sans-serif;
    color: #444;
    opacity:  1;
    font-weight: 300;
    font-size: 1.5rem;
}
::placeholder { /* 파이어폭스 51+, 크롬 57+ */
    font-family: 'Noto Sans KR', sans-serif;
    color: #444;
    opacity:  1;
    font-weight: 300;
    font-size: 1.5rem;
}




/*팝업*/

.modal {
    
    display: none;
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.8);
}
.modal h3 {text-align: center; margin-bottom: 15px; color:#000; font-weight: bold; font-size: 1.7rem;}
.modal-content {
    background-color: #fefefe;
    margin: 20vh auto;
    padding: 65px;
    border: 1px solid #888;
    max-width: 700px;
    position: relative;
}
.modal-content textarea {font-family: 'Noto Sans KR', sans-serif; border:0; width: 100%; height: 400px; box-sizing: border-box; font-size:1.3rem; color:#333; line-height: 1.5; word-break: keep-all;}
.modal-content .close {
    color: #eee;
    font-size: 50px;
    font-weight: bold;
    position: absolute;
    top: -70px;
    right: 0;
    cursor: pointer;
    background: url('../img/mo_close.png') no-repeat center center;
    width: 60px;
    height: 60px;
}



.footer h2 img{width: 241px; }
.footer{overflow: hidden; background: #fff; padding: 50px 0; border-top: 1px solid #aaa; }
.footer .f_sec01{width: 25%; float: left; margin-right: 5%;}
.footer .f_sec01 .download_btn a{font-size: 1.5rem; font-weight: 400; color: #555; border: 1px solid #aaa; padding: 10px 10%;  display: inline-block; margin-top: 10%;}
.footer .f_sec01 .download_btn a:after{content: ""; display: inline-block; width: 18px; height: 14px; background-size: cover; background: url('../img/download_btn.png') no-repeat center center; margin-left: 12px;}
.footer .f_sec02{width: 70%; float: left;}
.footer .f_sec02 p{font-size: 1.4rem;  font-weight: 300; color: #888; line-height: 1.5}
.footer .f_sec02 p span{padding: 0 0.7%;}
.footer .f_sec02 .Copyright{font-size: 1.3rem; font-weight: 400; text-transform: uppercase; letter-spacing: 0.5px; margin-top: 20px; display: inline-block; color: #999;}






@media all and (max-width: 1200px) {
    html {font-size: 59%;}
    
    .header_wrap h1 img{width: 200px;}
    .footer h2 img{width: 200px;}

    .main_visual_wrap .item .inner {padding:6% 13%;}
       
    .section01_wrap .secLEFT p br{display: none;}
    
    
}

@media all and (max-width: 1100px) {
    .section01_wrap .secLEFT{width: 100%; float: inherit;}
    .section01_wrap .secRIGHT{width: 100%; float: inherit; display: inline-block;}
    .section01_wrap .secLEFT .secLEFT_txt{max-width: inherit; float: inherit;}
    .section01_wrap .secRIGHT .secRIGHT_img{max-width: inherit; float: inherit;}
    .section01_wrap .secRIGHT ul li{width: 25%; border-bottom: 0; border-right: 1px solid #ddd !important; padding: 0;}
    .section01_wrap .secRIGHT ul li:nth-child(4){border-right: 0 !important;}
   
}

@media all and (max-width: 1000px) {
    /*gnb*/
    #gnb {display: none;}
    .util {display: none;}
    .mobile_gnb {display: block;}
    .header_wrap .as {right: 70px;}
    .main_pop {position: fixed; top:0; left: 0; height: 100%; overflow-y: auto; z-index: 9999; background: #fff;}
    .m_pop_warp .pop_section .close_btn {top:0;}
}

@media all and (max-width: 980px) {
    
/*
    .section04_wrap .notice_wrap{width: 60%; padding: 50px 5% 50px 0;}
    .section04_wrap .news_wrap{width: 40%; padding: 50px 0 50px 5%}
*/
    .section04_wrap .notice_wrap .btn{right: 0%; top: 90px;}
    .section04_wrap .news_wrap .btn{right: 7%; top: 90px;}
    .section05_wrap form .input_wrap{width: 100%;}
    .section05_wrap form{padding-left: 10%;}
    
    
   
}

@media all and (max-width: 768px) {
    html {font-size: 57%;}
    .visual_wrap .txt p{font-size: 6rem;}
    .section02_wrap ul li{width: 48%; margin-right: 4%; margin-bottom: 4%;}
    .section02_wrap ul li:nth-of-type(2n){margin-right: 0%;}
    .section02_wrap ul li:nth-child(3){margin-bottom: 0;}
    .section02_wrap ul li:nth-child(4){margin-bottom: 0;}
    .section02_wrap{padding: 60px 0;}
    .footer .f_sec01{width: 100%; text-align: center; margin-right: 0; margin-bottom: 30px;}
    .footer .f_sec02{width: 100%; text-align: center}
    .footer .f_sec01 .download_btn{margin-top: 5%; padding: 10px 5%;}
    
    h4{font-size: 3rem;}
    
    .section01_wrap .secLEFT{padding: 50px 15px;}
    .section01_wrap .secRIGHT{padding: 50px 15px;}
    .section01_wrap .secRIGHT ul li img{width: 35%;}
    

    /* future center */
    .section03_wrap .sec03LEFT{width: 100%; float: none;}
    .section03_wrap .sec03LEFT:hover{width: 100%; float: none;}
    .section03_wrap .sec03LEFT .sec03LEFT_con{max-width: inherit; float: inherit; padding:60px 15px; }
    .section03_wrap .sec03RIGHT{width: 100%; float: inherit;}
    .section03_wrap .sec03RIGHT:hover{width: 100%; float: none;}
    .section03_wrap .sec03RIGHT .sec03RIGHT_con{max-width: inherit;  float: none; padding:60px 15px; }
    
    
    .section05_wrap h6{width: 100%; margin-bottom: 40px}
    .section05_wrap form{width: 100%; padding-left: 0; float: none;}
    
    
}


@media all and (max-width: 680px) {
    html {font-size: 56%;}
    .section04_wrap .notice_wrap{width: 100%; padding: 60px 0;}
    .section04_wrap .news_wrap{width: 100%; padding: 60px 0 0;}
    .owl-carousel .owl-item img{width: 40% !important; float: left; margin-right: 20px;}
    .section04_wrap .news_wrap{border-right: 0;}
    .section02_wrap ul li dl{min-height: 225px;}
    .section04_wrap .news_wrap .btn{right: 0;}
    
    
 
}

@media all and (max-width: 480px) {
    html {font-size: 52%;}
    .section01_wrap .secRIGHT ul li{width: 50%; padding: 30px 0;}
    .section01_wrap .secRIGHT ul li:nth-child(1){border-bottom: 1px solid #ddd;}
    .section01_wrap .secRIGHT ul li:nth-child(2){border-right: 0 !important; border-bottom: 1px solid #ddd;}
    .section02_wrap ul li{width: 100%; margin-right: 0;}
    
    .section04_wrap .notice_wrap ul li img{width: 100%;}
    .section04_wrap .notice_wrap ul li dl{width: 100%; padding: 0; margin-top: 15px}
    .owl-carousel .owl-item img{width: 100% !important; margin-right: 0;}
    
    .section05_wrap form .form_btn{width: 100%; margin-bottom: 15px;}
    
}