@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&display=swap');

/* reset css*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; font-family:'Roboto',sans-serif; letter-spacing:-0.45px}
body {line-height:normal !important}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
dl,ul,ol,menu,li {list-style:none}
caption, legend {visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content:none}
a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none}
a:focus, a:hover {text-decoration:none !important}
ins {background-color:#ff9; color: #000; text-decoration:none}
mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold}
del {text-decoration:line-through}
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help}
table {border-collapse:collapse; border-spacing:0}
hr {display:block; height:1px; border:0; border-top: 1px solid #cccccc; margin:1em 0; padding:0}
input, select {vertical-align:middle}
i {vertical-align:middle}
/* reset bsslider*/
.bx-wrapper {box-shadow:none; border:none; background:none; margin:0; padding:0}

.auto {margin:0 auto !important}
.width100 {width:100% !important}
.mt0 {margin-top:0 !important}
.mt5 {margin-top:5px !important}
.mt10 {margin-top:10px !important}
.mt15 {margin-top:15px !important}
.mt20 {margin-top:20px !important}
.mt25 {margin-top:25px !important}
.mt30 {margin-top:30px !important}
.mt35 {margin-top:35px !important}
.mt40 {margin-top:40px !important}
.mt50 {margin-top:50px !important}
.mt60 {margin-top:60px !important}
.mt70 {margin-top:70px !important}
.mt80 {margin-top:80px !important}
.mt90 {margin-top:90px !important}

.tl {text-align:left}

/* tableStyle */
/*
.tbl_skin1 {width:100%; background:#fff; border-top:1px solid #ddd; border-left:1px solid #ddd; margin-bottom:20px}
.tbl_skin1 thead th {padding:7px; border-bottom:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd; color:#000;background-color:#f8f8f8; text-align:left; vertical-align:middle}
.tbl_skin1 tbody th {padding:7px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#f8f8f8; text-align:center; vertical-align:middle; line-height:20px}
.tbl_skin1 tbody td {padding:7px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; vertical-align:middle; line-height:20px}
.tbl_skin1 tfoot th {padding:7px; border-bottom:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd;color:#555;background-color:#f8f8f8}
.tbl_skin1 tfoot td {padding:7px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; vertical-align:middle; line-height:20px}
*/
.tbl_skin1 {margin:20px auto; width:100%; border-top:2px solid #4b4b4b; background-color:#ffffff; color:#636363; line-height:20px}
.tbl_skin1 thead th {padding:10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #b5b5b5; color:#363636}
.tbl_skin1 tbody th {padding:10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2}
.tbl_skin1 tbody th {padding:10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; color:#363636; vertical-align:middle}
.tbl_skin1 tbody td {padding:10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2}
.tbl_skin1 tr th:last-child {border-right:none}
.tbl_skin1 tr td:last-child {border-right:none}

.tbl_style1 {width:100%; background:#fff; margin-bottom:20px}
.tbl_style1 thead th {border-bottom:1px solid #ddd; padding:7px; font-style:italic}
.tbl_style1 thead td {border-bottom:1px solid #ddd; padding:7px; font-style:italic}
.tbl_style1 tbody th {padding:7px; vertical-align:middle; line-height:20px}
.tbl_style1 tbody td {padding:7px; vertical-align:middle; line-height:20px}
.tbl_style1 tfoot th {padding:7px; border-top:1px solid #ddd; color:#555}
.tbl_style1 tfoot td {padding:7px; border-top:1px solid #ddd; color:#555}

table .color1 {background: #7bb1f9; color: #fff !important}
table .color2 {background: #27386d; color: #fff !important}
table .color3 {background: #a0a0a0; color: #fff !important}
table th, td {font-family:'Roboto'; font-size:15px}

.CourseDescrip tbody td.cd {cursor:pointer}
.CourseDescription {display:none; margin-top:10px; font-size:13px; padding:10px; background:#f8f8f8}
.CourseDescription strong {font-size:13px}

.listRect {padding-left:5px}
.listRect > li {background:url('list_bar.png') left 6px no-repeat; line-height:100%; padding-left:15px; list-style:none; margin-bottom:10px; font-size:15px}

.olList {padding-left:20px}
.olList > li {list-style:decimal; margin-bottom:10px}
.olList > li > .listRect {padding-left:5px}


.scrol {}
.scroll a {padding-top:60px; position:relative; color:#777; display:block; text-align:center; font-family:'Roboto'; font-size:20px; margin-top:30px}
.scroll a span {position:absolute; top:0; left:50%; width:24px; height:24px; margin-left:-12px; border-left:1px solid #000; border-bottom:1px solid #000; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-animation:sdb 1.5s infinite; animation:sdb 1.5s infinite; box-sizing:border-box}
@-webkit-keyframes sdb {
  0% {-webkit-transform: rotate(-45deg) translate(0, 0)}
  20% {-webkit-transform: rotate(-45deg) translate(-10px, 10px)}
  40% {-webkit-transform: rotate(-45deg) translate(0, 0)}
}
@keyframes sdb {
  0% {transform: rotate(-45deg) translate(0, 0)}
  20% {transform: rotate(-45deg) translate(-10px, 10px)}
  40% {transform: rotate(-45deg) translate(0, 0)}
}



header {width:100%; overflow:hidden; background:#2d72c2; position:fixed; top:0; z-index:999}
header section {max-width:1200px; margin:0 auto; padding:25px 0; box-sizing:border-box; overflow:hidden}
header.fixed {box-shadow:0 0 10px 0px #000000a1}
header h1 {float:left}
header ul {float:right}
header ul > li {float:left}
header ul > li > a {display:block; float:left; font-size:16px; padding:30px; color:#fff; font-weight:400; transition:0.3s}
header ul > li:nth-child(1) > a {background:#2d72c2}
header ul > li:nth-child(2) > a {background:#134392}
header ul > li:nth-child(1) > a:hover {background:#134392; color:#fff}
header ul > li:nth-child(2) > a:hover {background:#2d72c2; color:#fff}
.headerRight {float:right; font-size:18px; color:#fff; margin-top:5px}

.color1 {background:#6193cb}
.color2 {background:#2d72c2}
.text-center {text-align:center}

.main {background: url('main_bg.jpg') 40%; background-size:cover; margin-top:84px}
.main section {max-width:1200px; margin: 0 auto; position:relative; height:632px}
.main section .textBox {background:rgba(45,114,194,0.9); padding:30px 40px; box-sizing:border-box; display:inline-block; position:absolute; left:0; bottom:50px}
.main h2 {color:#fff; font-size:46px; font-weight:700; font-family: 'Roboto'}
.main h5 {color:#fff; font-size:20px; font-weight:400; font-family: 'Roboto'; margin-top:10px}
.main h6 {color:#fff; font-size:18px; font-weight:400; font-family: 'Roboto'; margin-top:7px; line-height:22px}

#DownloadBrochure {max-width:1200px; margin:0 auto; margin-top:-510px; max-height:510px; overflow-x:hidden; overflow-y:auto}
#DownloadBrochure section {background:#fff; max-width:500px; float:right; padding:40px; box-sizing:border-box; box-shadow:0px 0px 15px 10px rgba(0,0,0,0.1); height:auto; position:relative}
#DownloadBrochure section h3 {font-size:48px; margin-bottom:15px; text-align:center}
#form_c4d9e066-d46a-4a65-b0d6-32c697901fef_container #form_question_a0e81b2e-83ab-4ba6-a500-89dcc1a07e00 .form_label {font-size:18px; text-align:center}
#form_c4d9e066-d46a-4a65-b0d6-32c697901fef .form_label {vertical-align:middle}
#form_c4d9e066-d46a-4a65-b0d6-32c697901fef select, #form_c4d9e066-d46a-4a65-b0d6-32c697901fef input[type='email'], #form_c4d9e066-d46a-4a65-b0d6-32c697901fef input[type='text'] {display:block; width:100%; height:34px; padding:6px 12px; box-sizing:border-box; font-size:14px; line-height:1.42857143; color:#555; background-color:#fff; border:1px solid #ccc; border-radius:4px; box-shadow:inset 0 1px 1px rgba(0,0,0,.075); transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
#form_c4d9e066-d46a-4a65-b0d6-32c697901fef input[type='radio'] {margin-top:2px}
#form_c4d9e066-d46a-4a65-b0d6-32c697901fef #form_8e8d1a62-0192-4846-a80e-8c9934bf3e5b .form_label {margin:10px 0 5px 0}
#form_c4d9e066-d46a-4a65-b0d6-32c697901fef .action button {display:block; width:100%; box-sizing:border-box; padding:10px 16px; font-size:18px; border-radius:6px; color:#fff; background:#337ab7; border:1px solid #2e6da4; text-align:center}
#form_c4d9e066-d46a-4a65-b0d6-32c697901fef .action button:hover {color:#fff; background-color:#286090; border-color:#204d74}



.main_bottom {background:rgba(18,42,132,0.1); padding:30px 0; box-sizing:border-box}
.main_bottom ul {overflow:hidden; max-width:1200px; margin:0 auto}
.main_bottom ul li {float:left; width:50%}
.main_bottom ul li .Text01 {color:#2d72c2; font-size:40px; font-weight:700; font-family: 'Roboto'; text-align:center; letter-spacing:-1px}
.main_bottom ul li .Text02 {font-size:14px; font-weight:400; font-family: 'Roboto'; text-align:center; letter-spacing:0}

h3 {color:#2d72c2; font-size:56px; text-align:center; font-weight: 700; font-family: 'Roboto'; margin-bottom:40px}
p {text-align:center; line-height:1.5em; font-size:15px}

.con01 {/*background:url('con07_bg2.jpg') center center; background-size:cover; padding:50px 0*/}
.con01 section {max-width:1200px; margin:50px auto; border-top:2px solid #ccc; padding-top:50px}
.con01 h5 {color:#2d72c2; font-size:28px; font-weight:700; font-family: 'Roboto'; margin-bottom:25px}
.con01 p {text-align:left}
.con01 ul {margin:0 0 30px 0}

.con02_1 section {max-width:1200px; margin:0 auto}
.con02_1 ul {overflow:hidden}
.con02_1 ul li{float:left; background:#dde8f5; margin-right:12px; width: 19.2%; height:229px; text-align:center; padding:20px; box-sizing:border-box}
.con02_1 ul li:nth-child(1) {padding:8px 0}
.con02_1 ul li:nth-child(5) {padding:8px 0 9px 0}
.con02_1 ul li:last-child {margin-right:0}

.con02 {background:url('con02_bg.jpg') center center; background-size:cover; padding:50px 0; box-sizing:border-box; overflow:hidden}
.con02 section {max-width:1200px; margin:0 auto; text-align:center}
.con02 h3 {margin-bottom:40px; font-size:50px}
.con02 h5 {color:#000; font-size:19px; font-weight:400; font-family: 'Roboto'; margin-top:30px}
.con02 div p {text-align:left}
.con02Box {background:rgba(255,255,255,0.8); max-width:700px; padding:50px 30px; box-sizing:border-box; float:right}

.con03 {background:#2d72c2; padding:40px 30px; box-sizing:border-box}
.con03 section {max-width:1200px; margin:0 auto; overflow:hidden}
.con03 div {width:75%; float:left}
.con03 section img {float:right; width: 200px; border-radius:120px}
.con03 h5 {color:#fff; font-size:22px; font-weight:400; font-family: 'Roboto'; line-height:1.3em}
.con03 p {color:#fff; text-align:left; margin-top:30px}

.con04 section {max-width:1200px; margin:0 auto}
.con04 p {text-align:left; color:#Fff; font-weight: 800; float: left; margin-right: 10px; margin-bottom: 20px}
.con04 span {color:#Fff}
.con04 ul li {padding:30px; box-sizing:border-box; margin-top: 5px}

.con05 {background:url('img_7.jpg') center center;}
.con05 section {max-width:1200px; margin:0 auto; padding:50px; box-sizing:border-box}
.con05 h3 {color:#fff}
.con05 p {color:#fff}

/* con07 */
.con07 {background:url('con07_bg2.jpg') center center; background-size:cover; padding:70px 30px; box-sizing:border-box; text-align:center}
.con07 section {max-width:1200px; margin:0 auto}
.con07 .box {max-width:760px; margin:0 auto; background: #fff; box-shadow: 4px 4px 5px 0 #d8d8d8; padding:53px 100px; box-sizing:border-box}
.con07 .box img {float:left; margin-right:50px; border-radius:120px}
.con07 .box h4 {color:#2d72c2; text-align:left; font-size:26px; font-weight:800}
.con07 .box p {text-align:left; line-height:1.5em}
.con07 .box .box_text {padding:49px; box-sizing:border-box}

.btn {display: inline}
.btn a {color:#2d72c2; font-size:16px; text-align:center; font-family: 'Roboto'; border:2px solid #2d72c2; letter-spacing: 3px; padding:30px; box-sizing:border-box}
.btn a:hover {background:#2d72c2; color:#fff; font-weight:700}
.btnWrap {display: block; text-align: center}

.Quick {margin-top:5px; line-height:3em}
.Quick a {color:#2d72c2; border:1px solid #2d72c2; font-size:14px; text-align:center; font-family: 'Roboto'; background:#fff81f; letter-spacing:0; width:140px; font-weight:500; display:block}
.Quick a:hover {color:#fff; border:1px solid #fff; background:#2d72c2}
.QuickWrap {display: block; text-align: center; position:fixed; bottom:50px; right:30px}

/* tabStyle */
.tabStyle {background:#fff}
.tabStyle > li {width:50%; text-align:center; border-right:1px solid #ccc}
.tabStyle > li:last-child {border-right:none}
.tabStyle > li > a {display:block; font-size:18px; font-weight:bold; min-height:76px; line-height:55px; border:none; margin:0; border-radius:none; background:#eee; position:relative}
.tabStyle>li>a:focus, .tabStyle>li>a:hover {text-decoration:none; border:none; background:#2d72c2; color:#fff}
.tabStyle>li.active>a, .tabStyle>li.active>a:focus, .tabStyle>li.active>a:hover {border:none; background:#2d72c2; color:#fff}
.tabStyle>li>a .fas {position:absolute; right:20px; top:50%; margin-top:-9px; display:inline-block}
.tabStyle>li>a .fa-chevron-down {display:none}
.tabStyle>li.active>a .fa-chevron-down {display:inline-block}
.tabStyle>li.active>a .fa-chevron-right {display:none}
.tabStyle > li:nth-child(1) > a {line-height:1.6}
.tabStyle > li:nth-child(2) > a {line-height:1.6}
.tabStyle > li > a > span {font-size:14px; font-weight:normal}

.ourProgramList {overflow:hidden}
.ourProgramList > li {float:left; width:50%}
.ourProgramList > li.align_right {float:right; width:50%; padding-left:20px}
.ourProgramList > li p {font-size:20px; font-weight:400}



footer {background:#2e3a69}
footer section {max-width:1200px; margin: 0 auto; padding:40px; box-sizing:border-box}
footer p.footText a{color:#fff; font-size:30px; font-weight:800}
footer p.footText a:hover {opacity:0.9}
footer p.footText > span {color:#fff; font-size:30px; font-weight:800; margin:0 30px}
footer p {color:#bbc4e7; font-size:16px}
footer ul {overflow:hidden; margin: 0 auto; display: table}
footer ul li {float:left; margin-right:20px}
footer ul li:last-child {margin-right:0}
footer ul li:hover a {opacity:0.9}





/* 반응형 */
@media screen and (max-width:1200px) {
	.hide-1200 {display:none}
	section {padding-left:20px; padding-right:20px; box-sizing:border-box}
	header section {padding-left:20px; padding-right:20px}
	.main_bottom {padding:30px 20px; box-sizing:border-box}
	.con02_1 ul li {width:48%}
	.con02_1 ul li:nth-child(3) {margin-top:10px}
	.con02_1 ul li:nth-child(4) {margin-top:10px}
	.con02_1 ul li:nth-child(5) {margin-top:10px}
	.main section .textBox {width:100%; box-sizing:border-box; bottom:20px; padding:20px}
	#DownloadBrochure {margin-top:0; max-width:100%; max-height:100%}
	#DownloadBrochure section {float:none; max-width:100%; height:auto}
}

@media screen and (max-width:1140px) {
	.tabStyle > li {width:50%}
}


@media screen and (max-width:1070px) {
	.main_bottom ul li .Text01 {font-size:34px}
	h3 {font-size:46px}
	.con01 section > ul > li:first-child {padding-right:0}
	.con01 section > ul > li {width:100%; margin-top:10px}
	.con03 h5 {font-size:18px}
	.con03 div {width:100%}
	.con03 section img {float:none; margin-top:20px}
	.con03 {padding:30px}
}

@media screen and (max-width:936px) {
	.main_bottom ul li {width:100%}
	.main_bottom ul li:last-child {margin-top:10px}
}

@media screen and (max-width:768px) {
	.main h2 {font-size:40px}
	.con07 .box {padding:50px 36px}
	.con07 .box img {float:none; margin:0 auto; height:180px}
	.con07 .box .box_text {padding:20px 0}
	.con07 .box h4 {text-align:center; font-size:24px}
	.con07 .box p {text-align:center}
	.tabStyle > li {width:100%}
	.ourProgramList > li {float:none; width:100%}
	.ourProgramList > li.align_right {float:none; width:100%; padding-left:0}
}

@media screen and (max-width:644px) {
	.con02_1 ul li {width:100%}
	.con02_1 ul li:nth-child(2) {margin-top:10px}
	header h1 {float:none}
	header h1 img {margin:0 auto}
	.headerRight {float:none; font-size:16px; text-align:center; margin-top:10px}
}

@media screen and (max-width:544px) {
	.main_bottom ul li .Text01 {font-size:30px}
	.con01 section > ul {margin-top:20px}
	h3 {font-size:40px}
	.con02 h5 {font-size:22px}
	.btn a {font-size:14px; padding:26px}
	footer p.footText a {font-size:22px}
	footer p {font-size:13px}
	.main h2 {font-size:40px}
	.main h5 {font-size:16px}
	.main h6 {font-size:14px}

}

@media screen and (max-width:437px) {
	footer p.footText a {display:block}
	footer p.footText a:last-child {margin-top:10px}
	footer p.footText > span {display:none}
	.main section .textBox {width:100%; padding:20px}
	.main h2 {font-size:38px}
	.main h5 {font-size:15px}	
	.main h6 {font-size:13px}
	.con04 ul li {padding:15px 20px}
}