@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:'Nanum Gothic','나눔고딕','맑은 고딕','Malgun Gothic','돋움','Dotum','AppleGothic',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}

.red {color:red}
.blue {color:blue}

.tl {text-align:left}
.colorfff {color:#fff !important}
/* 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('/site/main/html/Master-of-Business-Administration/list_rect.png') left 3px no-repeat; line-height:100%; padding-left:15px; list-style:none; margin-bottom:10px}
.listRect > li > ul {padding-left:5px; margin-top:5px}
.listRect > li > ul > li {background:url('/site/main/html/Master-of-Business-Administration/list_circle.png') left 3px no-repeat; line-height:100%; padding-left:15px; list-style:none; margin-bottom:5px}
.listRect > li > ul > li > ul {padding-left:5px; margin-top:5px}
.listRect > li > ul > li > ul > li {background:url('/site/main/html/Master-of-Business-Administration/list_bar.png') left 6px no-repeat; line-height:100%; padding-left:15px; list-style:none; margin-bottom:5px}

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


/*mainArticle*/
.mainArticle {background:url(/site/main/html/Master-of-Business-Administration/bg_main.jpg) center center; background-size:cover; height:auto}
.mainArticle .text {max-width:1200px; margin:0 auto; text-align:center; padding:190px 0}
.mainArticle .text .text1 {font-size:24px; color:#e9f2ff; font-family: 'Roboto'; letter-spacing: 5px}
.mainArticle .text .text2 {font-size:72px; color:#fff; font-weight:700; font-family: 'Roboto'; letter-spacing: 2px; line-height: 1.2em}
/*text-shadow: 2px 2px 4px #292929; */

.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)}
}

/*menuWrap*/
.menuWrap {background: rgba(255,255,255,1); width: 100%;}
.menuWrap.fixed {position:fixed; top:0; left:0; border-bottom:1px solid #fff; z-index:9999}
.menuWrap .menu {max-width:1200px; margin:0 auto; overflow:hidden; display:flex}
/*.menuWrap .menu li a {float: left; width: 19.8%; background: #eaeaea; text-align: center; margin-right: 2px; font-family: 'Roboto'; color: #1b1b1b; padding: 20px 0; letter-spacing: 0px}*/
.menuWrap .menu li {display:flex; width:100%}
.menuWrap .menu li a {float: left; width:100%; background: #eaeaea; text-align: center; margin-right: 2px; font-family: 'Roboto'; color: #1b1b1b; padding: 20px 0; letter-spacing: 0px}
.menuWrap .menu li:hover a {background: #7bb1f9; font-weight:700; color:#fff}
.menuWrap .menu .menu_btn {display:none}
.menuWrap .menu .active a {background: #7bb1f9; font-weight:700; color:#fff}
.menuWrap .menu .Apply a {background: #27386d; font-weight:700; color:#fff;  margin-right:0}
.menuWrap .menu .Apply:hover a {background: #1b2952; font-weight:700; color:#fff}
.menuTitle {display:none; background: #7bb1f9}
.menuTitle p {display:inline-block; font-size:16px; text-align: center; margin-right: 2px; font-family: 'Roboto'; color: #fff; padding:18px 0; letter-spacing: 0px; width:calc(100% - 61px); font-weight:700}
.menuTitle  img {margin-bottom: -22px}

/*quickWrap*/
.quickWrap {padding: 75px 0}
.quickWrap .quick {max-width:1200px; margin:0 auto}
.quickWrap .quick .subTitle {font-family:'Roboto'; font-size:56px; font-weight:700; text-align:center; color:#414141}
.quickWrap .quick .subTitle_2 {font-family:'Roboto'; font-size: 24px; font-weight: 500; color: #27386d; text-align:center}
.quickWrap .quick .bar {text-align:center}
.quickWrap .quick .quick_img {overflow:hidden; text-align:center}
.quickWrap .quick .quick_img li {float:left; margin-right:6px; background-color: #ebf4ff; width: 16.2%; padding: 30px 0}
.quickWrap .quick .quick_img li:last-child {margin-right:0}

.icon_mainText {font-family:'Roboto'; font-size:20px; font-weight:700; text-align:center; color:#27386d}
.icon_subText {font-family:'Roboto'; font-size:16px; text-align:center; color:#27386d}

/*contentsQuick*/
.contentsQuick {/*position:absolute; top:40px; right:-115px;*/position:fixed; bottom:120px; right:0px; margin:0; padding:0; font-size:13px; z-index:999}
/*.contentsQuick.fixed {position:fixed; top:160px; right:0px}*/
.contentsQuick li a {display:table-cell; color:#fff; width:110px; height:110px; text-align:center; vertical-align:middle}
.contentsQuick li a p {margin:10px 0 0 0; line-height:16px}

.contentsQuick li:nth-child(1) a {border-radius:10px 10px 0 0; background:#122984}
.contentsQuick li:nth-child(1) a:hover {background:#091864}
.contentsQuick li:nth-child(1) a img {width:30px; color:#fff}

.contentsQuick li:nth-child(2) a {border-radius:0; background:#091864}
.contentsQuick li:nth-child(2) a:hover {background:#040d45}
.contentsQuick li:nth-child(2) a img {width:25px; color:#fff}

.contentsQuick li:nth-child(3) a {border-radius:0 0 10px 10px; background:#010744}
.contentsQuick li:nth-child(3) a:hover {background:#00032b}
.contentsQuick li:nth-child(3) a img {width:30px; color:#fff}

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

/*con01Wrap*/
.con01Wrap {background:url(/site/main/html/Master-of-Business-Administration/bg_01.jpg) center center; background-size:cover; height:auto; padding:70px 0}
.con01Wrap .text {max-width:1200px; margin:0 auto}
.con01Wrap .subTitle {font-family:'Roboto'; font-size:56px; font-weight:700; color:#fff}
.con01Wrap .subText {font-family:'Roboto'; font-size:18px; color:#fff; font-weight: 300; line-height: 1.5em; letter-spacing: 0}

/*con02Wrap*/
.con02Wrap {padding:70px 0}
.con02Wrap .text {max-width:1200px; margin:0 auto}
.con02Wrap .bar {text-align:center}
.con02Wrap .subTitle {font-family:'Roboto'; font-size:56px; font-weight:700; color:#414141; text-align:center}
.con02Wrap .subText {font-family:'Roboto'; font-size:18px; color:#414141; font-weight: 300; line-height: 1.5em; letter-spacing: 0; text-align:center}



/*con03Wrap*/
.con03Wrap {padding:70px 0; background-color:#f8f8f8}
.con03Wrap .text {max-width:1200px; margin:0 auto}
.con03Wrap .text > .subTitle {font-family:'Roboto'; font-size:56px; font-weight:700; color:#414141; text-align:center; color:#414141}
.con03Wrap .text > p {color:#414141; text-align:center}
.con03Wrap .bar {text-align:center}
.con03Wrap .boxWrap {overflow:hidden}
.con03Wrap .boxWrap li {float:left; width:100%; padding: 20px 28px}
.con03Wrap .boxWrap li:first-child {margin-bottom:20px}
.con03Wrap .boxWrap .box01 {background-color:#27386d}
.con03Wrap .boxWrap .box02 {background-color:#7bb1f9}
.con03Wrap .boxWrap .box03 {width:100%; margin-right:0; background-color:#13276a; text-align:center}
.con03Wrap .boxWrap .subText {font-family:'Roboto'; font-size:18px; color:#fff; font-weight: 300; line-height: 1.5em; letter-spacing: 0; width:80%}
.con03Wrap .boxWrap img {float:right}

.con03Wrap .textBox {text-align: left; background: #f8f8f8; padding: 50px}
.con03Wrap .subText_1 {font-family:'Roboto'; font-size:24px; font-weight:400; color:#484646;; text-align:center}

/*con03Wrap_1*/
.con03Wrap_1 {padding:70px 0; background-color:#fff}
.con03Wrap_1 .text {max-width:1200px; margin:0 auto}
.con03Wrap_1 .text > .subTitle {font-family:'Roboto'; font-size:56px; font-weight:700; color:#414141; text-align:center}
.con03Wrap_1 .bar {text-align:center}
.con03Wrap_1 .boxWrap {overflow:hidden}
.con03Wrap_1 .boxWrap li {float: left; width: 32.2%; padding: 29px 28px; height: 200px; margin-right:20px}
.con03Wrap_1 .boxWrap li:last-child {margin-right:0}
.con03Wrap_1 .boxWrap .box01 {background-color:#27386d}
.con03Wrap_1 .boxWrap .box02 {background-color:#7bb1f9}
.con03Wrap_1 .boxWrap .subText {font-family:'Roboto'; font-size:18px; color:#fff; font-weight: 300; line-height: 1.5em; letter-spacing: 0}
.con03Wrap_1 .boxWrap img {float:right}



/*con05Wrap*/
.con05Wrap {padding:70px 0; background-color:#fff}
.con05Wrap .text {max-width:1200px; margin:0 auto}
.con05Wrap .text > .subTitle {font-family:'Roboto'; font-size:56px; font-weight:700; color:#414141; text-align:center}
.con05Wrap .bar {text-align:center}
.con05Wrap .boxWrap {overflow:hidden}
.con05Wrap .boxWrap li {float:left; width:49.1%; padding: 20px 28px}
.con05Wrap .boxWrap li:first-child {margin-right:20px}
.con05Wrap .boxWrap .box01 {background-color:#27386d}
.con05Wrap .boxWrap .box02 {background-color:#7bb1f9}
.con05Wrap .boxWrap .subText {font-family:'Roboto'; font-size:18px; font-weight: 300; line-height: 1.5em; letter-spacing: 0}
.con05Wrap .boxWrap img {float:right}
.con05Wrap .subText {font-family:'Roboto'; font-size:18px; color:#414141; font-weight: 300; line-height: 1.5em; letter-spacing: 0; text-align:center}
.con05Wrap .subText a {font-weight:700;  color:#414141;}

/*li:nth-child(4)*/

/*con04Wrap*/
.con04Wrap {background:url(/site/main/html/Master-of-Business-Administration/bg_02.jpg) center center; background-size:cover; padding:70px 0}
.con04Wrap .text {max-width:1200px; margin:0 auto}
.con04Wrap .text > .subTitle {font-family:'Roboto'; font-size:56px; font-weight:700; color:#fff; text-align:left}
.con04Wrap .bar {text-align:left}
.con04Wrap .subText {font-family:'Roboto'; font-size:18px; color:#fff; font-weight: 300; line-height: 1.5em; letter-spacing: 0}

/*con04Wrap_1*/
.con04Wrap_1 {background:url(/site/main/html/Master-of-Business-Administration/bg_03.jpg) center center; background-size:cover; height:auto; padding:70px 0}
.con04Wrap_1 .text {max-width:1200px; margin:0 auto}
.con04Wrap_1 .text > .subTitle {font-family:'Roboto'; font-size:56px; font-weight:700; color:#fff; text-align:left}
.con04Wrap_1 .bar {text-align:left}
.con04Wrap_1 .subText {font-family:'Roboto'; font-size:18px; color:#fff; font-weight: 300; line-height: 1.5em; letter-spacing: 0}
.con04Wrap_1 ul li, .con04Wrap_1 p {font-family:'Roboto'; font-size:18px; color:#fff; font-weight: 300; line-height: 1.5em; letter-spacing: 0}

/*con04Wrap_2*/
.con04Wrap_2 {background:url(/site/main/html/Master-of-Business-Administration/bg_04.jpg) center center; background-size:cover; padding:70px 0}
.con04Wrap_2 .text {max-width:1200px; margin:0 auto}
.con04Wrap_2 .text > .subTitle {font-family:'Roboto'; font-size:56px; font-weight:700; color:#fff; text-align:left}
.con04Wrap_2 .bar {text-align:left}
.con04Wrap_2 .subText {font-family:'Roboto'; font-size:18px; color:#fff; font-weight: 300; line-height: 1.5em; letter-spacing: 0}
.con04Wrap_2 ul li, .con04Wrap_2 p {font-family:'Roboto'; font-size:18px; color:#fff; font-weight: 300; line-height: 1.5em; letter-spacing: 0}
.con04Wrap_2 .link {font-weight: 700}
.con04Wrap_2 .link a {color: #ff7575}
.con04Wrap_2 .link i {vertical-align:text-top}
.con04Wrap_2 .link:hover {opacity:0.8}

/*con04Wrap_22*/
.con04Wrap_22 {background:url(/site/main/html/Master-of-Science/bg_04.jpg) center center; background-size:cover; padding:70px 0}
.con04Wrap_22.con04Wrap_2_2 {background:url(/site/main/html/Master-of-Science/bg_06_n.jpg) center center; background-size:cover; padding:70px 0}
.con04Wrap_22 .text {max-width:1200px; margin:0 auto}
.con04Wrap_22 .text > .subTitle {font-family:'Roboto'; font-size:56px; font-weight:700; color:#414141; text-align:left}
.con04Wrap_22 .bar {text-align:left}
.con04Wrap_22 .subTit {font-family:'Roboto'; font-size:24px; color:#414141; font-weight:600; line-height: 1.5em; letter-spacing: 0}
.con04Wrap_22 .subText {font-family:'Roboto'; font-size:18px; color:#414141; font-weight: 300; line-height: 1.5em; letter-spacing: 0}
.con04Wrap_22 ul li, .con04Wrap_2 p {font-family:'Roboto'; font-size:18px; color:#414141; font-weight: 300; line-height: 1.5em; letter-spacing: 0}
.con04Wrap_22 ul li, .con04Wrap_2 p {font-family:'Roboto'; font-size:18px; color:#414141; font-weight: 300; line-height: 1.5em; letter-spacing: 0}
.con04Wrap_22 .link {font-weight: 700}
.con04Wrap_22 .link a {color: #ff7575}
.con04Wrap_22 .link i {vertical-align:text-top}
.con04Wrap_22 .link:hover {opacity:0.8}

/*con04Wrap_3*/
.con04Wrap_3 {background:url(/site/main/html/Master-of-Business-Administration/bg_05.jpg) center center; background-size:cover; height:auto; padding:70px 0}
.con04Wrap_3 .text {max-width:1200px; margin:0 auto}
.con04Wrap_3 .text > .subTitle {font-family:'Roboto'; font-size:56px; font-weight:700; color:#fff; text-align:left; line-height:1.3em}
.con04Wrap_3 .bar {text-align:left}
.con04Wrap_3 .subText {font-family:'Roboto'; font-size:18px; color:#fff; font-weight: 300; line-height: 1.5em; letter-spacing: 0}


/*con06Wrap*/
.con06Wrap {padding:70px 0; background-color:#f8f8f8}
.con06Wrap .text {max-width:1200px; margin:0 auto}
.con06Wrap .text > .subTitle {font-family:'Roboto'; font-size:56px; font-weight:700; color:#414141; text-align:center}
.con06Wrap .bar {text-align:center}
.con06Wrap ul {overflow:hidden; background: #fff; padding: 30px}
.con06Wrap ul li {float:left; width:50%}
.con06Wrap ul .step01 {background: #7bb1f9; padding: 20px; border-radius: 100px; font-weight: 700; color: #fff; font-size: 20px; display:table-cell; width:100px}
.con06Wrap ul .step01_1 {padding: 22px 0; display:table}
.con06Wrap ul .step01_1 span {vertical-align: middle; display: table-cell; padding-left: 20px;}
.con06Wrap .step_mobile {display:none}

/*footer
footer {max-width:1200px; margin:0 auto; padding:50px 20px; text-align:center; font-family:'Roboto'; font-size:14px; letter-spacing:0; color:#737373}
*/

.modal-title {font-family:'Roboto'; font-size:18px; font-weight:600}
.modal-header .close {margin-top:0px; font-size:25px}
.fsRequiredMarker {color:red}
.form-control {margin:5px 0}
.assent_box h4 {font-size:16px; font-weight:700}
.assent_box .table {margin:10px 0 0 0; text-align:center}
.assent_box .table th {margin:10px 0 0 0; text-align:center}
.assent_box .table td ol {margin-left:20px}
.assent_box .table td ol li {list-style:circle}

.logos .panel-heading {padding:20px 20px}
.logos .panel-body {padding:40px 60px}

.functionStyle .panel-heading {padding:20px 20px}
.functionStyle .panel-body {padding:40px 60px; text-align:center}
.functionStyle .panel-body a {margin:5px; white-space:break-spaces}



/* HeaderWrap */
#HeaderWrap {transition:.3s}
#HeaderWrap.fixed {position:fixed; top:0; left:0; width:100%; z-index:99999; background:rgba(255,255,255,0.9); box-shadow:0 0 10px 0px #0006;}
#HeaderWrap.fixed #header-Gnb section {padding:10px}

#header-Top {background:#122984; font-family:'나눔고딕','Nanum Gothic','맑은 고딕','Malgun Gothic','돋움','Dotum','AppleGothic',sans-serif}
#header-Top section {max-width:1140px; margin:0 auto; overflow:hidden; font-size:11px; color:#fff; line-height:30px}
#header-Top section .headerTopLeft {list-style:none; margin:0; padding:0; border-left:1px solid rgba(255,255,255,0.2); float:left}
#header-Top section .headerTopLeft li {padding:0 15px; float:left; border-right:1px solid rgba(255,255,255,0.2); transition:.3s}
#header-Top section .headerTopLeft li:hover {background:rgba(255,255,255,0.1)}
#header-Top section .headerTopLeft li a {color:#fff; text-decoration:none}
#header-Top section .headerTopLeft li .flagStyle {vertical-align:sub; margin-right:5px}
#header-Top section .headerTopRight {list-style:none; margin:0; padding:0; border-left:1px solid rgba(255,255,255,0.2); float:right}
#header-Top section .headerTopRight li {padding:0 15px; float:left; border-right:1px solid rgba(255,255,255,0.2); transition:.3s}
#header-Top section .headerTopRight li:hover {background:rgba(255,255,255,0.1)}
#header-Top section .headerTopRight li a {color:#fff; text-decoration:none}
#header-Top section .headerTopRight li .snsStyle {font-size:14px; vertical-align:middle}

#header-Gnb {}
#header-Gnb section {max-width:1140px; margin:0 auto; padding:22px 0; position:relative}
#header-Gnb section:after {content:""; display:block; clear:both}
#header-Gnb section h1 {margin:0; padding:0; float:left}
#header-Gnb section h1 > a.btn_side {display:none; float:right; width:12%; color:#000; font-size:24px; text-align:right; margin-top:9px}
#header-Gnb section > .gnb {margin:0; padding:0; float:right; list-style:none}
#header-Gnb section > .gnb > li {float:left; position:relative; font-size:15px; padding-left:0px; cursor:pointer; letter-spacing:-0.75px}
#header-Gnb section > .gnb > li > a {font-family:'Roboto', sans-serif; display:block; padding:10px 8px; color:#000; font-weight:700; text-transform:uppercase}
#header-Gnb section > .gnb > li:hover > a {background:#122984; color:#fff; text-decoration:none}
#header-Gnb section > .gnb > li.active > a {background:#122984; color:#fff}
#header-Gnb section > .gnb > li > ul {margin:0; padding:5px 0; list-style:none; position:absolute; top:100%; right:0; z-index:1000; float:right; min-width:140px; background:#122984; display:none}
#header-Gnb section > .gnb > li > ul > li > a {font-family:'Roboto', sans-serif; color:#fff; display:block; padding:3px 10px; font-size:14px; background-image:linear-gradient(to right, rgba(0,0,0,0) 50%, rgba(218, 218, 218,1) 50%); background-position:0 0; background-size:200% auto; transition:.3s}
#header-Gnb section > .gnb > li > ul > li > a:hover {color:#000; background-position: -100% 0;}
#header-Gnb section .tit {display:none; padding:15px 20px; background:#fff; overflow:hidden; margin:0; font-size:18px}
#header-Gnb section .tit > i {float:right; font-size:20px}
#mask {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:10000; background:rgba(0,0,0,0.6)}

.mSubNav {margin-left:25px; list-style:circle; line-height:15px; margin-bottom:6px; color:#fff}
.mSubNav > a {font-size:13px !important; padding-left:0 !important}
#header-Gnb section > .gnb .mSubNav {margin-left:30px; margin-bottom:0}

/* mainVideo */
#mainVideo {width:100%; max-height:597px; overflow:hidden; position:relative}
#mainVideo video {vertical-align:bottom}
#mainVideo .textWrap {position:absolute; top:30%; width:100%; text-align:center}
#mainVideo .text1 {font-size:24px; color:#e9f2ff; font-family: 'Roboto'; letter-spacing: 5px}
#mainVideo .text2 {font-size:72px; color:#fff; font-weight:700; font-family: 'Roboto';  letter-spacing: 2px; line-height: 1.2em; margin-top:20px}

/* social */
#social {background:#eee; padding:20px 0}
#social h3 {font-family:'Roboto', sans-serif; font-size:26px; margin:0 0 10px 0; color:#122984}
.socialIcon {width:35px}
.btn-Contact {background:#122984; border-radius:10px; font-size:16px; color:#fff; padding:8px 30px; display:inline-block; cursor:pointer}
.btn-Contact:hover {background:#091864; color:#fff}
.page-section {text-align:center}

/* sol-footer */
.privacyStyle {font-size:16px !important; font-weight:600 !important; color:red !important}
.sol-footer {z-index:100}
.sol-footer a, .sol-footer a:visited {color:#FFF; text-decoration:none}
.sol-footer a:hover,.sol-footer a:focus,.sol-footer a:visited:hover {color:#d14e1c; text-decoration:none}
.site-footer {padding:20px 0; background:#122984; color:#FFF}
.site-footer .col-sm-3 ul li h4 {margin:10px 0}
.site-footer .col-sm-3 ul li h4 a {font-family:'Roboto', sans-serif; font-size:16px}
.site-footer .col-sm-3 ul li ul li a {font-family:'Roboto', sans-serif; font-size:14px}
.site-footer .social-media-list a {color:#FFF}
.site-footer ul {list-style:none; padding:0 0 20px}
.site-footer .nav-left {text-align:right; padding-right:20px; border-right:1px solid rgba(255,255,255,.2)}
.site-footer .nav-right {text-align:left; padding-left:20px; border-left:1px solid rgba(255,255,255,.2)}
.site-footer nav>ul>li>a {font-size:1.125em; font-weight:bold; text-transform:uppercase}
.site-footer nav>ul>li>ul>li>a {font-size:1em}
.global-footer {padding:20px 0; border-top:1px solid #122984}
.global-footer address {margin-top:10px; font-size:14px; text-align:center}
.global-footer address p {font-family:'Roboto', sans-serif}
.global-footer address a {color:#000}

.Quick {margin-top:5px; line-height:3em}
/*.Quick a {color:#29376e; border:1px solid #29376e; font-size:14px; text-align:center; font-family: 'Roboto'; background:#fff81f; letter-spacing:0; width:160px; font-weight:500; display:block}*/
.Quick a {color:#29376e; border:1px solid #29376e; font-size:14px; text-align:center; font-family: 'Roboto'; background:#becbfd; letter-spacing:0; width:160px; font-weight:500; display:block}
.Quick a:hover {color:#fff; border:1px solid #fff; background:#29376e;}
.QuickWrap {display: block; text-align: center; position:fixed; bottom:60px; right:20px; z-index:999}
/*.QuickColor_b {background:#becbfd !important}*/

@media screen and (min-width: 768px) {
	.global-footer .footer-logo {
		margin:0 auto;
		width:600px;
	}
	.global-footer .footer-logo img {
		margin:0 auto;
		float:left;
	}
	.global-footer address {
		clear:both;
		text-align:center;
	}
}

/* 반응형 */
@media screen and (max-width:1200px) {
	.con01Wrap {padding-left:20px; padding-right:30px}
	.con02Wrap {padding-left:20px; padding-right:30px}
	.con05Wrap {padding-left:20px; padding-right:30px}
	.con04Wrap {padding-left:20px; padding-right:30px}
	.con04Wrap_1 {padding-left:20px; padding-right:30px}
	.con04Wrap_2 {padding-left:20px; padding-right:30px}
	.con04Wrap_3 {padding-left:20px; padding-right:30px}
	.con03Wrap_1 .boxWrap li {width:100%; margin-bottom:5px; height:150px}
	.menuWrap .menu li a:last-child {/*width:calc(20% - 2px)*/ width:33.1%}
}
@media screen and (max-width:1139px) {
	#header-Gnb section {padding:20px 15px}
	#header-Gnb section h1 {float:none}
	#header-Gnb section h1 > a.logo {float:left; width:88%; display:block}
	#header-Gnb section h1 > a.btn_side {display:block}
	#header-Gnb section > .gnb {display:none; position:fixed; top:0; right:0; width:300px; height:100%; z-index:99999; float:none; background:#122984}
	#header-Gnb section > .gnb li {float:none; padding:0}
	#header-Gnb section > .gnb > li > a {margin-left:0; border-bottom:1px solid rgba(255,255,255,0.5); color:#fff}			
	#header-Gnb section > .gnb > li:hover > a {background:#010744; color:#fff}
	#header-Gnb section > .gnb > li.active > a {background:#010744; color:#fff}
	#header-Gnb section > .gnb > li > ul {position:inherit; float:none; background:#ddd}
	#header-Gnb section > .gnb > li > ul > li > a {padding:3px 15px; color:#000; background-image:linear-gradient(to right, rgba(0,0,0,0) 50%, rgba(192, 192, 192,1) 50%);}
}
@media screen and (max-width:1110px) {
	.con03Wrap {padding-left:20px; padding-right:30px}
	.con03Wrap .boxWrap li {width:100%; margin-bottom:5px}
	.con03Wrap .boxWrap {margin-top:0 !important}
	.con03Wrap .bar {margin-bottom:40px !important}

	.con06Wrap {padding-left:20px; padding-right:30px}
	.con06Wrap .bar {margin-bottom:40px !important}
	.con06Wrap ul li {width:100%}
	.con06Wrap .step_web {display:none}
	.con06Wrap .step_mobile {display:block}

	.con03Wrap_1 {padding-left:20px; padding-right:30px}
	.con03Wrap_1 .boxWrap {margin-top:0 !important}
	.con03Wrap_1 .bar {margin-bottom:40px !important}
}
@media screen and (max-width:1072px) {
	.quickWrap .quick .quick_img li {width:49%; margin-bottom:5px}
}
@media screen and (max-width:890px) {
	.mainArticle .text .text2 {font-size:60px;}
	.quickWrap .quick .subTitle {font-size:40px}
	.quickWrap .subText {font-size:16px}
	.quickWrap .quick .subTitle_2 {font-size:18px}
	
	.con01Wrap .text .subTitle {font-size:40px}
	.con01Wrap .text .subText {font-size:16px}
	
	.con02Wrap .text .subTitle {font-size:40px}
	.con02Wrap .text .subText {font-size:16px}
	
	.con03Wrap .text .subTitle {font-size:40px}
	.con03Wrap .text .subText {font-size:16px}

	.con03Wrap_1 .text .subTitle {font-size:40px}
	.con03Wrap_1 .text .subText {font-size:16px}
	
	.con04Wrap .text .subTitle {font-size:40px}
	.con04Wrap .text .subText {font-size:16px}
	
	.con04Wrap_1 .text .subTitle {font-size:40px}
	.con04Wrap_1 ul li {font-size:16px}
	.con04Wrap_1 ul p {font-size:16px}

	.con04Wrap_2 .text .subTitle {font-size:40px}
	.con04Wrap_2 ul li {font-size:16px}
	.con04Wrap_2 p {font-size:16px}

	.con04Wrap_3 .text .subTitle {font-size:40px}
	.con04Wrap_3 .text .subText {font-size:16px}
	
	.con05Wrap .text .subTitle {font-size:40px}
	.con05Wrap .text .subText {font-size:16px}

	.con06Wrap .text .subTitle {font-size:40px}
	.con06Wrap .text .subText {font-size:16px}
	.con06Wrap ul .step01 {font-size:18px}
	
	.menuWrap .menu {display:none}
	.menuTitle {display:block}
	.menuWrap .menu li a {width:100% !important}
	/*	
	.menuWrap .menu li:nth-child(2) a {display:none}
	.menuWrap .menu li:nth-child(3) a {display:none}
	.menuWrap .menu li:nth-child(4) a {display:none}
	.menuWrap .menu li:nth-child(5) a {display:none}
	.menuWrap .menu .menu_btn {display:block}
	*/
	#mainVideo .textWrap {top:30%}
	#mainVideo .text1 {font-size:18px; letter-spacing:0.75px}
	#mainVideo .text2 {font-size:58px}
}
@media screen and (max-width:768px) {
	#mainVideo .textWrap {top:25%}
	#mainVideo .text1 {font-size:14px}
	#mainVideo .text2 {font-size:38px}
	.QuickWrap {left:-20px; bottom:10px}
}
@media screen and (max-width:600px) {
	.quickWrap .quick .quick_img li {width:100%; margin-bottom:5px}
	.con01Wrap {padding:40px 30px}
	.con04Wrap {padding:40px 30px}
	.con04Wrap_1 {padding:40px 30px}
	.con04Wrap_2 {padding:40px 30px}
	.con04Wrap_3 {padding:40px 30px;}
}
@media screen and (max-width:540px) {	
	.mainArticle .text {padding-right:30px; padding-left:30px}
	.mainArticle .text .text1 {font-size:18px}
	.mainArticle .text .text2 {font-size:50px}
	.con06Wrap ul .step01 {float:none; text-align: center; margin-right:0; display: block; width: 100%}
	.con06Wrap ul .step01_1 span {padding-top: 20px; text-align: center; display: block}
	#mainVideo .text2 {font-size:28px}
}
@media screen and (max-width:410px) {	
}
@media screen and (max-width:375px) {
	#mainVideo .text1 {font-size:14px}
	#mainVideo .text2 {font-size:24px}
}