@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css'); 
@import url('https://fonts.googleapis.com/css?family=Exo+2:200,300,400,500,600,700,800');

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 100;
    src: local('Noto Sans Thin'), local('NotoSans-Thin'),
    url(http://redev.innoedu.kr/application/views/Client/innoedu_re/Style/fonts/eot/NotoSansKR-Thin-Hestia.eot),
    url(http://redev.innoedu.kr/application/views/Client/innoedu_re/Style/fonts/eot/NotoSansKR-Thin-Hestia.eot?#iefix) format('embedded-opentype'),
    url(http://redev.innoedu.kr/application/views/Client/innoedu_re/Style/fonts/woff/NotoSansKR-Thin-Hestia.woff) format('woff'),
    url(http://redev.innoedu.kr/application/views/Client/innoedu_re/Style/fonts/otf/NotoSansKR-Thin-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 300;
    src: local('Noto Sans Light'), local('NotoSans-Light'),
    url(http://redev.innoedu.kr/application/views/Client/innoedu_re/Style/fonts/eot/NotoSansKR-Light-Hestia.eot),
    url(http://redev.innoedu.kr/application/views/Client/innoedu_re/Style/fonts/eot/NotoSansKR-Light-Hestia.eot?#iefix) format('embedded-opentype'),
    url(http://redev.innoedu.kr/application/views/Client/innoedu_re/Style/fonts/woff/NotoSansKR-Light-Hestia.woff) format('woff'),
    url(http://redev.innoedu.kr/application/views/Client/innoedu_re/Style/fonts/otf/NotoSansKR-Light-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 350;
    src: local('Noto Sans DemiLight'), local('NotoSans-DemiLight'),
    url(http://redev.innoedu.kr/application/views/Client/innoedu_re/Style/fonts/eot/NotoSansKR-DemiLight-Hestia.eot),
    url(http://redev.innoedu.kr/application/views/Client/innoedu_re/Style/fonts/eot/NotoSansKR-DemiLight-Hestia.eot?#iefix) format('embedded-opentype'),
    url(http://redev.innoedu.kr/application/views/Client/innoedu_re/Style/fonts/woff/fonts/woff/NotoSansKR-DemiLight-Hestia.woff) format('woff'),
    url(http://redev.innoedu.kr/application/views/Client/innoedu_re/Style/fonts/otf/NotoSansKR-DemiLight-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans Regular'), local('NotoSans-Regular'),
    url(http://redev.innoedu.kr/application/views/Client/innoedu_re/Style/fonts/eot/NotoSansKR-Regular-Hestia.eot),
    url(http://redev.innoedu.kr/application/views/Client/innoedu_re/Style/fonts/eot/NotoSansKR-Regular-Hestia.eot?#iefix) format('embedded-opentype'),
    url(http://redev.innoedu.kr/application/views/Client/innoedu_re/Style/fonts/woff/NotoSansKR-Regular-Hestia.woff) format('woff'),
    url(http://redev.innoedu.kr/application/views/Client/innoedu_re/Style/fonts/otf/NotoSansKR-Regular-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 500;
    src: local('Noto Sans Medium'), local('NotoSans-Medium'),
    url(http://redev.innoedu.kr/application/views/Client/innoedu_re/Style/fonts/eot/NotoSansKR-Medium-Hestia.eot),
    url(http://redev.innoedu.kr/application/views/Client/innoedu_re/Style/fonts/eot/NotoSansKR-Medium-Hestia.eot?#iefix) format('embedded-opentype'),
    url(http://redev.innoedu.kr/application/views/Client/innoedu_re/Style/fonts/woff/NotoSansKR-Medium-Hestia.woff) format('woff'),
    url(http://redev.innoedu.kr/application/views/Client/innoedu_re/Style/fonts/otf/NotoSansKR-Medium-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans Bold'), local('NotoSans-Bold'),
    url(http://redev.innoedu.kr/application/views/Client/innoedu_re/Style/fonts/eot/NotoSansKR-Bold-Hestia.eot),
    url(http://redev.innoedu.kr/application/views/Client/innoedu_re/Style/fonts/eot/NotoSansKR-Bold-Hestia.eot?#iefix) format('embedded-opentype'),
    url(http://redev.innoedu.kr/application/views/Client/innoedu_re/Style/fonts/woff/NotoSansKR-Bold-Hestia.woff) format('woff'),
    url(http://redev.innoedu.kr/application/views/Client/innoedu_re/Style/fonts/otf/NotoSansKR-Bold-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;

    font-weight: 900;
    src: local('Noto Sans Black'), local('NotoSans-Black'),
    url(http://redev.innoedu.kr/application/views/Client/innoedu_re/Style/fonts/eot/NotoSansKR-Black-Hestia.eot),
    url(http://redev.innoedu.kr/application/views/Client/innoedu_re/Style/fonts/eot/NotoSansKR-Black-Hestia.eot?#iefix) format('embedded-opentype'),
    url(http://redev.innoedu.kr/application/views/Client/innoedu_re/Style/fonts/woff/NotoSansKR-Black-Hestia.woff) format('woff'),
    url(http://redev.innoedu.kr/application/views/Client/innoedu_re/Style/fonts/otf/NotoSansKR-Black-Hestia.otf) format('opentype');
}
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
html {height:100%}
body {font-size:12px; line-height:1;font-family: 'Noto Sans KR', 'Noto Sans Korean', 'Malgun Gothic','맑은고딕',sans-serif; color:#333}
a {color:#000;text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal}
table {border-collapse: collapse;border-spacing:0}
img {border:none; padding:0; margin:0;}

.fl_l{float: left}
.fl_r{float: right}
.pr0 {padding-right:0 !important;}
.bk_none{background: none !important; }
#header_wrap{width:100%; background: #446cb4; min-width:1120px; }
.header{width:1120px; margin:0 auto; background: url('img/logo.png') no-repeat right center; padding:34px 0;}
.header h1{display: block; font-size:38px; color:#fff; font-weight:300; padding-bottom: 13px; letter-spacing: -0.4px;}
.header h1 strong{font-weight: 500;}
.header span{font-size:17px; letter-spacing: -0.5px; color:#c6e8f8; font-weight: 300;}

#contents{width: 1120px; margin:0 auto;}
.tab_container{width:100%; }
.tab_container ul.tab{overflow:hidden; margin:27px 0;}
.tab_container ul.tab li {float:left;  padding:0 53px 0 0; background: url('img/bullet01.png') no-repeat 89% center;}
.tab_container ul.tab li a {width:140px; max-height: 125px; min-height: 65px; padding:30px 0; display : block; text-align: center; color:#000; border-radius: 4px; border: 1px solid #7fb8ff;}
.tab_container ul.tab li a span.step{font-size:14px; margin-bottom:10px; color:#677c87; font-family: "Exo 2"; font-weight: 600; }
.tab_container ul.tab li a p{font-size:17px; font-weight: 500; line-height: 22px; padding-top:5px; color:#446cb4; }
.tab_container ul.tab li.on {position: relative;}
.tab_container ul.tab li.on a {background: #446cb4; border:none !important;}
.tab_container ul.tab li.on a span.step{color:#fff;}
.tab_container ul.tab li.on a p{color:#fff;}
.tab_container .tab_cont{width: 100%; border-top: 2px solid #222;}
.tab_container .cont {padding:30px 0; color:#000; overflow: hidden;}
.tab_container .cont .left_tit{float:left;width:300px;}
.tab_container .cont .left_tit span{font-family: "Exo 2"; font-size:20px; letter-spacing: 0.5px; font-weight:600; display:block; padding:0 0 10px 0; color:#787878; text-transform: uppercase;}
.tab_container .cont .left_tit h3{font-size:30px; letter-spacing: -0.5px; font-weight:300; color:#000; }
.tab_container .cont .left_tit h3 strong{font-weight:600;}
.tab_container .cont .right_con{float:left; width:820px; }

.g_outline{font-size:16px; line-height:27px; letter-spacing: -0.2px; font-weight: 400; color:#5f5f5f;  padding: 9px 0 0 0 ;}
.container{width:768px; border: 1px solid #ddd; margin:25px 0; padding:25px 25px;}
.container table{width:100%;}
.container table tr th{vertical-align: text-top; font-size:16px; text-align: left; color:#5f5f5f;padding:5px 0;}
.container table tr td{line-height: 27px; letter-spacing: -0.3px; color:#5f5f5f; font-size:16px; vertical-align: text-top; text-align: left;padding:5px 0;}
.container table tr td img {padding:5px 0 15px 0 ; display:block;}
.container table tr td strong{color:#ff6600;}

.down_table{margin:28px 0 0 0; overflow: hidden;}
.down_table table{width:47%; border-top:2px solid #446cb4; border-bottom: 2px solid #446cb4;}
.down_table table tr th{text-align: center; vertical-align: middle; padding:0px 0;}
.down_table table tr td{padding: 15px 0 15px 15px;}
.down_table table tr td.dw_tit{ border-bottom: 1px solid #ccc;  font-size: 16px;  color: #222;  font-weight: 600;}
.down_table table tr td .a_down{width: 88px; padding: 8px 0; display: block; background: #4D8BFC; color: #fff;  font-size: 13px;  font-weight: 400; text-align: center; border-radius: 4px;}