@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@font-face {
    font-family: 'NotoSerifKR';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NotoSerifKR.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable.css');

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* basic */
html {}
*, *::before, *::after {box-sizing: border-box;}
html, body {margin:0; padding:0; overflow-x:hidden; word-break: keep-all;}
a, a:link, a:visited, a:focus {text-decoration:none; color:inherit; outline:none; border:none;}
ul, ol, li, dl, dt, dd {margin:0; padding:0;}
ul, ol, li {list-style:none;}
table, fieldset, img {border:none;}
table {border:0; border-spacing:0; border-collapse:collapse;}
img {max-width:100%; vertical-align:top; outline:none;}
p {margin:0; padding:0;}
*:focus {outline:none;}

.fL {float:left;}
.fR {float:right;}
.cB {zoom:1;}
.cB::after {display:block; visibility:hidden; clear:both; content:"";}
.ulFl {zoom:1;}
.ulFl::after {display:block; visibility:hidden; clear:both; content:"";}
.ulFl > li {float:left;}
.clear {clear:both;}
.hidden {display:none;}
.tC {text-align:center;}
.tL {text-align:left !important;}
.tR {text-align:right;}
.tJ {text-align:justify;}
.mauto {margin:0 auto;}
.mX {position:absolute; left:50%; transform:translateX(-50%);}
.mY {position:absolute; top:50%; transform:translateY(-50%);}
.mXY {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.cutstr {width:auto; overflow:hidden; text-overflow:ellipsis; word-wrap:normal;}
.cutstr2 {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-wrap:break-word; line-height:1.5em; height:3.0em;}
.cutstr3 {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; word-wrap:break-word; line-height:1.5em; height:4.5em;}
.pR {position:relative;}
.pA {position:absolute;}
.pF {position:fixed;}
.tblwrap {overflow-x:auto; overflow-y:hidden;}
.vT {vertical-align:top;}
.dI {display:inline-block;}
.dB {display:block;}
.oH {overflow:hidden;}
.oV {overflow:visible;}
.fff {color:#fff;}
.bS {box-shadow:10px 10px 20px rgba(0, 0, 0, 0.3);}
.test {border:1px solid red;}

.pt90 { padding-top: 90px; }
.pt80 { padding-top: 80px; }
.pt70 { padding-top: 70px; }
.pt60 { padding-top: 60px; }
.pt50 { padding-top: 50px; }
.pt40 { padding-top: 40px; }
.pt30 { padding-top: 30px; }
.pt20 { padding-top: 20px; }
.pt10 { padding-top: 10px; }

.m0 {margin:0 !important;}
.mt0 {margin-top:0 !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !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;}
.mt100 {margin-top:100px !important;}
.mt120 {margin-top:120px !important;}
.mt150 {margin-top:150px !important;}
.mt160 {margin-top:160px !important;}
.mt180 {margin-top:180px !important;}
.mt200 {margin-top:200px !important;}

.mb0 {margin-bottom:0 !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}
.mb90 {margin-bottom:90px !important;}
.mb100 {margin-bottom:100px !important;}
.mb120 {margin-bottom:120px !important;}
.mb150 {margin-bottom:150px !important;}
.mb160 {margin-bottom:160px !important;}
.mb180 {margin-bottom:180px !important;}
.mb200 {margin-bottom:200px !important;}

.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}
.ml60 {margin-left:60px !important;}
.ml70 {margin-left:70px !important;}
.ml80 {margin-left:80px !important;}
.ml90 {margin-left:90px !important;}
.ml100 {margin-left:100px !important;}

.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}
.mr60 {margin-right:60px !important;}
.mr70 {margin-right:70px !important;}
.mr80 {margin-right:80px !important;}
.mr90 {margin-right:90px !important;}
.mr100 {margin-right:100px !important;}

.w5 {width:5%;}
.w10 {width:10%;}
.w15 {width:15%;}
.w20 {width:20%;}
.w25 {width:25%;}
.w30 {width:30%;}
.w35 {width:35%;}
.w40 {width:40%;}
.w45 {width:45%;}
.w46 {width:46%;}
.w47 {width:47%;}
.w48 {width:48%;}
.w49 {width:49%;}
.w50 {width:50%;}
.w51 {width:51%;}
.w55 {width:55%;}
.w60 {width:60%;}
.w65 {width:65%;}
.w70 {width:70%;}
.w75 {width:75%;}
.w80 {width:80%;}
.w85 {width:85%;}
.w90 {width:90%;}
.w95 {width:95%;}
.w100 {width:100%;}

.h100 {height:100%;}

/* custom */
.mhtml {}
body {font-family:'Noto Sans KR', 'sans-serif'; font-size:16px; font-weight:400; color:#666; background:none;}
body a {color:#666;}
h1, h2, h3, h4, h5, h6 {font-family:'Noto Sans KR', 'sans-serif';}
input, button {font-family:'Noto Sans KR', 'sans-serif';}
textarea, select {font-family:'Noto Sans KR', 'sans-serif';}

.wrapper {width:100%; max-width:1280px; margin:0 auto; z-index:auto; position:relative;}
.wrapper:after {display:block; visibility:hidden; clear:both; content:"";}
.wrapper-inner {width:100vw; margin-left:calc(-50vw + 50%); padding:0; position:relative; overflow:hidden;}
.wrapper-inner img {max-width:100%;}
.wrapper.t1 {max-width:1280px;}

.noto {font-family:'Noto Sans KR', 'sans-serif';}
.ntsf {font-family: 'NotoSerifKR', 'serif';}
.pret {font-family:'Pretendard', 'sans-serif';}
.fcW {color:#fff;}

.hdwrap {width:100%; height:100px; position:relative; z-index:1;}

.header {text-align:center;}
.header .logo {position:absolute; top:35px; left:0; z-index:999;}
.header .ebook {position:absolute; top:32px; right:0; z-index:999;}

/* top line */
.topline { background: #193151; color: white; font-size: 15px; }
.topline .wrapper { height: 40px; padding: 0; }
.topline .fL a { padding: 9.5px 30px; background: #97c03f; display: inline-block; text-align: center;}
.topline .fL a:first-child { background: #28abe0 !important; }
.topline .fL a.lang { background: none; }
.topline .fL a img { margin: 4px 0 0 8px; }
.topline .fR span { padding: 9.5px 0px; display: inline-block; color: #193151; }
.topline .fR span img { position: relative; top: 4px; margin-right: 6px; }
.topline .logout {color:red;}

/* gnb */
.gnb {height:100px; position:relative; float:right;}
.gnb > h2 {position:absolute; font-size:0; line-height:0; overflow:hidden;}
.gnb .gnb_1ul {display:inline-block; text-align:center;}
.gnb .gnb_1li {display:inline-block; position:relative; cursor:pointer; z-index:1;}
.gnb .gnb_1li .bg {display:none;}
.gnb .gnb_1a {font-size:16px; font-weight:400; color:#444; line-height:100px; padding:0px 30px;}
.gnb .gnb_1a:hover {font-weight:400; color:#000;}
.gnb .gnb_1li:hover > .gnb_2ul {background:#f8f8f8;}
.gnb .gnb_2ul {width:100%; height:280px; padding:20px 0; position:absolute; top:100px; left:0; display:none;}
.gnb .gnb_2ul li {}
.gnb .gnb_2a {font-size:13px; font-weight:400; color:#666; line-height:40px; display:block;}
.gnb .gnb_2a:hover {font-weight:400; color:#111;}
.gnb_all_bg {width:100%; height:280px; background:#fff; border-top:1px solid #e9e9e9; position:absolute; top:100px; left:0px; display:none;}

.btn_gnb {position:absolute; top:77px; right:15px; font-size:40px; color:#000; cursor:pointer; z-index:900; display:none;}
.btn_gnb_close {position:fixed; top:30px; right:15px; font-size:30px; color:#fff; cursor:pointer; z-index:999; display:none;}

.mgnb {width:0; height:100%; position:fixed; top:0; right:0; background:#000; text-align:left; display:none; z-index:990;}
.mgnb > h2 {position:absolute; font-size:0; line-height:0; overflow:hidden}
.mgnb .mgnb_1ul {margin-top:50px;}
.mgnb .mgnb_1li .bg {display:none;}
.mgnb .mgnb_1 {font-size:18px; color:#fff; line-height:200%; padding-left:20px; cursor:pointer;}
.mgnb .mgnb_2ul {width:100%; background:#eee; padding:10px 0px 15px 20px; display:none;}
.mgnb .mgnb_2ul li {margin:5px 0px;}
.mgnb .mgnb_2a {font-size:14px; color:#333; display:block;}
.mgnb .mgnb_2a:hover {color:#000;}


.subvisu {width:100%; height:370px; position:relative;}
.sub1 {background:url('../img/sub_01.jpg') 50% 50% no-repeat; background-size:cover;}
.sub2 {background:url('../img/sub_02.jpg') 50% 50% no-repeat; background-size:cover;}
.sub3 {background:url('../img/sub_03.jpg') 50% 50% no-repeat; background-size:cover;}
.sub4 {background:url('../img/sub_04.jpg') 50% 50% no-repeat; background-size:cover;}
.sub5 {background:url('../img/sub_05.jpg') 50% 50% no-repeat; background-size:cover;}
.sub6 {background:url('../img/sub_06.jpg') 50% 50% no-repeat; background-size:cover;}
.sub7 {background:url('../img/sub_07.jpg') 50% 50% no-repeat; background-size:cover;}
.subvisu .titwrap {padding-top:100px;}
.subvisu .titwrap h2 {font-size:14px; font-weight:400; color:#fff; text-shadow:3px 4px 4px rgba(0, 0, 0, 0.65); margin-bottom:10px; position:relative;}
.subvisu .titwrap h2::before {content:""; width:48px; height:1px; background:#fff; display:inline-block; vertical-align:top; margin:10px 10px 0 0;}
.subvisu .titwrap h3 {font-size:55px; font-weight:600; color:#fff; text-shadow:3px 4px 4px rgba(0, 0, 0, 0.65);}
.subvisu .lnbwrap {width:100%; height:72px; position:absolute; bottom:0; left:0; background:#f6f6f6;}
.subvisu .lnbwrap .home {vertical-align:top; margin-top:24px;}

.lnb {display:inline-block;}
.lnb li {height:72px; position:relative;}
.lnb li::after {content:""; width:1px; height:10px; background:#f6f6f6; display:inline-block; position:absolute; top:50%; right:0;}
.lnb li:last-child::after {display:none;}
.lnb li a {display:block; font-size:16px; color:#333; text-align:center; line-height:72px; padding:0 40px;}
.lnb li:last-child a {}
.lnb li a.on {font-weight:500; color:#333;}

.ftwrap {width:100%; background:#d0dae1; padding: 0px; position: relative; overflow: hidden;}
.ftwrap .ftbox {display:inline-block; vertical-align:top; padding: 34px 0 54px 0; }
.ftwrap .ftbox p {font-size:13px; color:#6d7981; line-height:180%;}
.ftwrap .ftbox p span {margin-right:10px;}
.ftwrap .ftbox .copy {}

.ftwrap .logowrap a {font-size:26px; font-weight:500; margin-bottom:20px; display:block; font-family: 'GmarketSansBold'; }
.ftwrap .logowrap { position: absolute; right: 0; top: 0; background: #0e2037; color: #fff; text-align: center; padding: 67px 46px; }

.ftwrap .ft1 { background: #193151; color: #d5e2ee;  }
.ftwrap .ft1 .etclink { padding: 16px 0; font-size: 15px; }
.ftwrap .ft1 .etclink a { padding: 0 20px; position: relative; }
.ftwrap .ft1 .etclink a:first-child { padding-left: 0; }
.ftwrap .ft1 .etclink a:first-child::after { content: '│'; position: absolute; right: -10px; top: 0px; }

.ftwrap .ft2 { background: #06111f; word-break: keep-all; }

#top_btn {border-radius:100%;}
#top_btn:hover {border-color:#3059c7; background:#3059c7;}

/* common */
.stab {text-align:center; }
.stab > li {display:inline-block; cursor:pointer; color:#999; line-height:88px; padding: 0 17px; }
.stab > li:first-child {}
.stab > li.stabOn { color:#333; font-weight: bold; position: relative; }
.stab > li.stabOn::after { content: ''; position: absolute; width: 8px; height: 8px; background: #0e8de6; border-radius: 50%; top: 20px; left: 47%; }

.stab2 {text-align:center; }
.stab2 > li {display:inline-block; cursor:pointer; color:#999; padding: 18px 0; width: 25%; border: 1px solid #d3d3d3; margin-left: -1px; }
.stab2 > li.stabOn { color:#fff; font-weight: bold; background: #005b9a; }
.stab2 > li span {font-size:13px; font-weight:300;}


/* .stab2 {text-align:center; margin-bottom:120px; width: 100%;}
.stab2 > li {display:inline-block; color:#888; line-height:60px; border:1px solid #efefef; border-left:0px;}
.stab2 > li:first-child {border-left:1px solid #efefef;}
.stab2 > li.on {background:#434b74; color:#fff;}
.stab2 > li a {display:block;} */

.tabL {display:none;}
.tabOn {display:block;}

.ul2 > li {width:49%; margin-right:2%; margin-bottom:20px;}
.ul2 > li:nth-child(2n) {margin-right:0;}
.ul2 > li:nth-last-child(-n + 2) {margin-bottom:0;}

.ul3 > li {width:32%; margin-right:2%; margin-bottom:20px;}
.ul3 > li:nth-child(3n) {margin-right:0;}
.ul3 > li:nth-last-child(-n + 3) {margin-bottom:0;}

.ul3.t1 > li {width:33.3333%; margin-right:0; margin-bottom:0px;}

.ul4 > li {width:23%; margin-right:2.6666%; margin-bottom:20px;}
.ul4 > li:nth-child(4n) {margin-right:0;}
.ul4 > li:nth-last-child(-n + 4) {margin-bottom:0;}

.ul5 > li {width:18%; margin-right:2.5%; margin-bottom:20px;}
.ul5 > li:nth-child(5n) {margin-right:0;}
.ul5 > li:nth-last-child(-n + 5) {margin-bottom:0;}

.ul6 > li {width:15%; margin-right:2%; margin-bottom:20px;}
.ul6 > li:nth-child(6n) {margin-right:0;}
.ul6 > li:nth-last-child(-n + 6) {margin-bottom:0;}


.ult1 li {padding-left:15px; position:relative;}
.ult1 li::before {content:''; width:5px; height:5px; display:inline-block; background:#ddd; border-radius:50%; position:absolute; top:9px; left:0;}

.tbl1 {width:100%; border-top:1px solid #e3e3e3;}
.tbl1 th, .tbl1 td {padding:20px; border-bottom:1px solid #e3e3e3;}
.tbl1 th {background:#f5f5f5; font-weight:500;}

.tbl2 {width:100%;}
.tbl2 th, .tbl2 td {padding:20px 40px;}
.tbl2 th {font-weight:400; color:#fff; background:#15386f;}
.tbl2 td {text-align:center; border-bottom:1px solid #e3e3e3;}
.tbl2 tr:nth-child(odd) td {background:#f5f5f5;}


/* slider */
#Slider {position:relative;}
.slick {width:100%; height:640px; position:relative;}

/* slick slider detail */
.slick-loading .slick-list{background:#fff url('../js/slick/ajax-loader.gif') center center no-repeat;}
.slick .slick-list {}
.slick-slide {}
.slick .slickbox {height:640px; background-size:cover !important;}

.slick-active {}
.slick-center {}

.slick-arrow {width:66px; height:66px; position:absolute; top:50%; transform:translateY(-50%); text-indent:-9999999px; font-size:0; line-height:0; border:0; cursor:pointer; z-index:1;}
.slick .slick-prev {left:20px; background:url('../img/slick_prev.png') no-repeat;}
.slick .slick-next {right:20px; background:url('../img/slick_next.png') no-repeat;}
        
.slick-dots {display:inline-block; position:absolute; bottom:50px; left:50%; transform:translateX(-50%);}
.slick-dots li {display:inline-block; margin:0px 2px;}
.slick-dots li button {width:12px; height:12px; font-size:0; line-height:0; background:#fff; padding:0; cursor:pointer; border:0px; border-radius: 50%; margin: 0 12px;}
.slick-dots li.slick-active button {background:#005b9a;}
.slick-dots li button:hover {background:#fff;}
.slick-dots li button:focus {background:#005b9a;}

#Slider .playstop {display:none;}

.slicktext {font-size:15px; font-weight:300; color:white; text-shadow:2px 2px 3px rgba(0, 0, 0, 0.65); word-break:keep-all; position:absolute; top:50%; transform:translateY(-50%); left:50%; transform:translateX(-50%); margin:-100px 0 0 0; text-align: center;}
.slicktext strong {font-size:48px; font-weight:700; text-shadow:3px 4px 4px rgba(0, 0, 0, 0.65); display:block; margin-bottom:34px; font-family: 'GmarketSansMedium';}
.slicktext span {font-size:30px; font-weight:400; line-height:180%;}


.slick2 {position:initial;}
.slick2 .slickbox p {font-size:22px; font-weight:600; color:#333; margin:40px 0 10px;}

.slick2 .slick-arrow {width:21px; height:8px; position:absolute; top:initial; transform:initial; bottom:150px;}
.slick2 .slick-prev {left:0px; background:url('../img/slick2_prev.png') no-repeat;}
.slick2 .slick-next {right:initial; left:280px; background:url('../img/slick2_next.png') no-repeat;}

.slick2 .slick-dots {bottom:144px; left:38px; transform:initial;}
.slick2 .slick-dots li {display:inline-block; margin:0px 2px;}
.slick2 .slick-dots li button {width:52px; height:4px; background:#d9d9d9; border-radius:2px;}
.slick2 .slick-dots li.slick-active button {background:#909090;}
.slick2 .slick-dots li button:hover {background:#d9d9d9;}
.slick2 .slick-dots li button:focus {background:#909090;}


/* main */
.mtit span {font-size: 13px; color:#0e468b; font-family: 'GmarketSansMedium';}
.mtit h3 {font-size: 32px; color:#333; font-family: 'GmarketSansBold'; margin-top: 10px;}
.mtit p{font-weight:300; color:#444; margin-top:20px;}

.mtit1 {padding-top:90px; height:520px;}
.mtit1 span { color: #fff; }
.mtit1 p{ color:#fff; }
.mtit1 p::after {content:""; width:1px; height:80px; background:#a6bcd7; display:block; margin:50px 0 50px 15px;}
.mtit1 h3 { color: #fff;  }
.mtit1 .more {font-size:14px; font-weight:300; color:#fff;}
.mctn1 {width:65%; padding:30px 0 50px 50px; background:#fff;}
.mctn1 .tabL { border-top: 4px solid #606060; }
.mctn1 .stab { margin-right: 50px; }

.mBtn1 img { position: relative; top: 4px; margin-right: 2px; }
.mBtn1 a { background: #007acf; color: #444; position: relative; display: inline-block; border-radius: 10px; padding: 28px 20px;  }
.mBtn1 a::after { content: ''; background: url('../img/mico_go.png'); width: 6px; height: 11px; position: absolute; top: 46%; right: 20px; }
.mBtn1 a:first-child { background: #0e8de6; }

.mctn2 { margin: 80px 0 60px 0; color: #fff; background-color:#fff; }
.mctn2 .mtit2{text-align:center;}
/*
.mctn2 .mtit2 h3 { color: #444 !important; padding-top: 0 !important; font-size:32pt;}
.mctn2 .mtit2 span{color:#0e468b;font-size:13pt;}
*/
.mctn2 img { display: block; }
.mctn2 a { float: left; margin-right: 10px; }
.mctn2 a:last-child { margin-right: 0px !important; }
.mctn2 a span { margin-top: 20px; color:#444; padding-left: 18px;  font-size: 15px; font-family: 'GmarketSansMedium';  position: relative; display: inline-block; height: 38px; background: url('../img/spanBg.png') no-repeat; line-height: 2.6; }

.mct3  {background-color:#f6f6f6; padding: 40px 0 30px; }
.mct3 .fL {width:20%; padding-top:70px;}
.mctn3 { width: 80%;}
.mctn3 li {float:left; width:16%; margin-right: 0.8%; margin-bottom:10px; background:#fff;}
.mctn3 li:nth-child(6n) { margin-right: 0; }
.mctn3 li img { margin-bottom: 18px; text-align:center;}
.mctn3 li p {display: block; color: #444; text-align:center; position:absolute; top:86px; width:100%;}

.mct4 {margin:60px auto;}
.mct4 > li {width:23.8%; margin-right:1.6%;}
.mct4 > li.mct4t1 {width:49.2%;}
.mct4 > li:last-child {margin-right:0;}
.mct4 > li.mct4t2 {}
.mct4 .sns {width:100%; text-align:center; position:absolute; top:100px; left:0;}
.mct4 .sns li {width:25%; display:inline-block; margin:0 6px;}

.mBg {overflow:hidden; position:relative;}
.mBgbg {background: url('../img/community_bg.png') left 50% no-repeat; background-size:cover; position:absolute; top:0; left:0;}

/* .calendar { position: relative; margin-bottom: 25px; }
.calendar a { position: absolute; top: -58px; right: 0; }
.calendar div { background: #f4f6f7; border-radius: 10px; padding: 18px; }
.calendar li { font-size: 13px; margin-bottom: 12px; }
.calendar li:last-child { margin: 0; }
.calendar li b { display: inline-block; width: 128px; border-radius: 12px; color: #ff7f17; text-align: center; background: #fff; padding: 3px; }
.calendar li span { display: inline-block; padding-left: 17px; } */




/* contents */
.container {padding:120px 0; font-size:15px;}
.container p {word-break:keep-all; text-align: justify;}

.box::after { content: ''; display: block; clear: both; }
.imgbox img { width: 100%; height: 100%; object-fit: cover; }

.subtit span { color: #6ab0dd; font-size: 13px; font-family: 'GmarketSansMedium'; }
.subtit h2 { font-size: 27px; color: #444; }

.subBox { width: 100%; padding: 10px 20px; position: relative;}
.subBox:before { content:""; position:absolute; z-index:-1; top:-9px; left:-9px; right:-9px; bottom:-9px;}
.subBox p {text-align:left;}
/* 소개 - 교육이념과비전  */
.subBoxL {width:200px; min-height:160px;}
.subBoxL h3 {font-size:14pt; color:#064087; padding:10px 0;}

.subBoxR {width: 1080px; position: relative;}
.subBoxR li {padding:10px 0;}
.subBoxR li h4{color:#fff; font-size:16px; height:104px; width:220px; float:left; text-align:center; padding-right:20px; padding-top:40px;}
.stit01{ background: url('../img/info_stit_bg01.png') center  0% no-repeat;}
.stit02{ background: url('../img/info_stit_bg02.png') center  0% no-repeat;}
.stit03{ background: url('../img/info_stit_bg03.png') center  0% no-repeat;}
.stit04{ background: url('../img/info_stit_bg04.png') center  0% no-repeat;}
.stit05{ background: url('../img/info_stit_bg05.png') center  0% no-repeat;}
.subBoxR li p{ background: url('../img/info_sp_bg.png') 50%  0% no-repeat; height:104px; width:860px; text-align:center; padding-top:30px;}
.subBoxR li p.a{background-image: none; background-color:#f4f7fb; height:104px; width:1080px; text-align:center; padding-top:40px; color:#0e468b; border-radius: 10px;}
.subBoxR li p.b{background-image: none; background-color:#fbf9f4; height:104px; width:1080px; text-align:center; padding-top:40px; color:#0e468b; border-radius: 10px;}
.subBoxR li p.c{background-image: none; background-color:#f4f7fb; height:104px; width:1080px; text-align:center; padding-top:20px; color:#0e468b; border-radius: 10px;}
.subBoxR dl{padding-left:20px;}
.subBoxR dt{font-weight:500; padding:0;}
.subBoxR dd{line-height:180%; padding-left:20px; margin-bottom:20px;}

.subBoxR h1{background-color:#35c7f6; color:#fff; border-radius: 10px; width:1080px; height:104px; font-size:32pt; padding:20px;}
.subBoxR p.c{background-image: none; background-color:#f4f7fb; height:280px; width:1080px; text-align:center; padding-top:40px; color:#444; border-radius: 10px; font-size: 15px;}

.subBoxR ul.acts{position: relative; top:-40px; width:1080px;}
.subBoxR li.arbox {width:260px; height:auto; margin-right:10px; text-align:center;}
.subBoxR li.arbox:last-child {margin-right:0;}
.subBoxR li.arbox span{width:103px; height:69px; margin:0 auto; position: relative; left:82px; color:#fff; display: block; border-radius: 20px; font-size:28pt; text-align: center; padding-top:3px;}
.subBoxR li.arbox span.blue{background-color:#115fad;}
.subBoxR li.arbox span.sblue{background-color:#35c7f6;}
.subBoxR li.arbox span.green{background-color:#afd34d;}
.subBoxR li.arbox span.orange{background-color:#ff9734;}
.subBoxR li.arbox p.arrow{width:260px; background: url('../img/arrow_box.png') left  0% no-repeat; height:140px;position: relative; toap:-4px; padding-top:60px; margin:0;}
.subBoxR li.arbox p.bcb{background-image: none; background-color:#115fad; color:#fff; height:80px; width:260px; border-radius: 0 0 10px 10px; padding-top:16px;}
.subBoxR li.arbox p.scb{background-image: none; background-color:#35c7f6; color:#fff; height:80px; width:260px; border-radius: 0 0 10px 10px; padding-top:16px;}
.subBoxR li.arbox p.gcb{background-image: none; background-color:#afd34d; color:#fff; height:80px; width:260px; border-radius: 0 0 10px 10px; padding-top:16px;}
.subBoxR li.arbox p.ocb{background-image: none; background-color:#ff9734; color:#fff; height:80px; width:260px; border-radius: 0 0 10px 10px; padding-top:16px;}

.subBoxR li.arbox p.bcbb{background-image: none; background-color:#115fad; color:#fff; height:80px; width:260px; border-radius: 10px 10px 0 0; padding-top:16px;}
.subBoxR li.arbox p.scbb{background-image: none; background-color:#35c7f6; color:#fff; height:80px; width:260px; border-radius: 10px 10px 0 0; padding-top:16px;}
.subBoxR li.arbox p.gcbb{background-image: none; background-color:#afd34d; color:#fff; height:80px; width:260px; border-radius: 10px 10px 0 0; padding-top:16px;}
.subBoxR li.arbox p.ocbb{background-image: none; background-color:#ff9734; color:#fff; height:80px; width:260px; border-radius: 10px 10px 0 0; padding-top:16px;}
.subBoxR li.arbox p.gbox{width:260px; background-image: none; background-color:#f5f5f5; height:100px;position: relative; toap:-4px; padding-top:26px; margin:0;}

.orange { color: #f0770c; }
.blue { color: #2291e0; }
.red { color: #f73400; }
.wBg { background: #fff !important; }
.sblue{color:#0e468b;}


.subhead { font-size: 15pt; color: #333; background: url('../img/bullet01.png') left 6px no-repeat; padding-left:30px;}
.subhead b { color: white; background: #0063a9; border-radius: 5px; margin-right: 8px; display: inline-block; padding: 2px 10px; }

table { line-height: 1.8; }

/* page */
.pgAa .w40 { width: 42%;}
.pgAa .w50 h2 { font-size: 30px; color: #005b9a; margin-bottom: 26px; }
.pgAa .w50 h2 b { font-size: 20px; display: inline-block; margin-top: 10px; color: # #2c64bc; }
.pgAa .w50 span { text-align: justify; display: inline-block; }
.pgAa .ltext{}
.pgAa .ltext dt{background: url('../img/bullet01.png') left 6px no-repeat; font-size:15pt; color:#333; padding-left:24px; font-weight:500;}
.pgAa .ltext dd{padding-left:20px;}
.pgAa .ltext li{background: url('../img/bullet02.png') left 30px no-repeat; font-size:12pt; color:#666; padding:20px;}

.pgAb .fR {padding: 48px 80px;}
.pgAb .fR h5 { color: #0e8de6; font-size: 20px; margin-bottom: 40px; }
.pgAb .fR .ulFl li { width: 50%; padding-bottom: 20px; }
.pgAb .fR .ulFl b { display: block; font-size: 15px; margin-bottom: 2px; }
.pgAb .fR .ulFl span { display: inline-block; font-size: 11px; color: #888; }
.pgAb .his{width:100%; height:320px; color:#fff; padding:100px 0 0 115px; border-radius:0 0 60px 0;}
.pgAb .histit01{background: url('../img/his01.png') left 50% no-repeat; background-size:cover;}
.pgAb .histit02{background: url('../img/his02.png') left 50% no-repeat; background-size:cover;}
.pgAb .histit03{background: url('../img/his03.png') left 50% no-repeat; background-size:cover;}
.pgAb .histit04{background: url('../img/his04.png') left 50% no-repeat; background-size:cover;}
.pgAb .his span{font-size: 18pt;}
.pgAb .his h2{font-size: 36pt;}
.pgAb .his p{font-size: 15pt;}
.history{padding-left:110px;}
.history .year{width:80px;}
.history .hlist{padding-top:20px;}
.history .hlist .first{background: url('../img/his_bullet.png') left 50% no-repeat; }
.history .hlist span{font-weight:bold; color:#0e468b; padding-right:20px; display: inline-block;}

.history h4{width:80px; height:80px; border-radius:40px; font-size:18pt; color:#fff; text-align:center; padding-top:20px;}
.history li{padding:10px 20px 10px 70px;}
.history .cB {margin-bottom:40px;}
.byco01{background-color:#0e468b;}
.byco02{background-color:#35c7f6;}

.pgAc .name { width: 100%; padding: 10px 0 10px 32px; background-color:#f4f7fb; margin-bottom: 24px; }
.pgAc .name span { color: #999; font-size: 13px; font-family: 'GmarketSansMedium'; }
.pgAc .name h2 { font-size: 26px; color: #444; }
.pgAc .box ul.fL{margin-left:20px;}
.pgAc .box ul.fL li {padding-left: 16px; background: url('../img/bullet02.png') left 6px no-repeat; position: relative; margin-bottom: 8px; padding-left:20px;}
.pgAc .box ul.fL li::before { background: url('../img/bullet02.png') left 10px no-repeat; font-size: 13px; font-family: 'GmarketSansMedium'; position: absolute; left: 0; top: 4px; }

.pgAc .box .subtit{width:120px; display:inline-block; color:#064087; font-weight:400;}
.pgAc .box p{padding:20px; line-height: 160%;}

.pgAc .w75 .box .fR { width: 332px; background: #f4f4f4; border-radius: 10px; margin: 0 24px 0 0; padding: 36px 36px 42px 36px;}
.pgAc .info li { position: relative; margin-bottom: 16px; }
.pgAc .info li b { padding-left: 24px; width: 88px; color: #333; display: inline-block;  }
.pgAc .info li:first-child:before { content: ''; background: url('../img/ico_ac01.png'); width: 17px; height: 17px; position: absolute; top: 4px; left: 0; }
.pgAc .info li:before { content: ''; background: url('../img/ico_ac02.png'); width: 17px; height: 17px; position: absolute; top: 4px; left: 0; }
.pgAc .info li:last-child:before { content: ''; background: url('../img/ico_ac03.png'); width: 17px; height: 17px; position: absolute; top: 4px; left: 0; }
.pgAc .info { position: relative; }
.pgAc .info .onBg { background: #0e8de6 !important; }
.pgAc .info a { position: absolute; left: 11%; bottom: -18px; background: #9f9f9f; color: white; border-radius: 10px; padding: 10px 50px; width: 234px;  }
.pgAc .info a span { position: relative; }
.pgAc .info a span::before { content: ''; background: url('../img/ico_ac04.png') 50% 50% no-repeat; width: 18px; height: 18px; position: absolute; left: -26px; top: 3px; }
.pgAc .info a span::after { content: ''; background: url('../img/mico_go.png') 50% 50% no-repeat; width: 6px; height: 11px; position: absolute; right: -46px; top: 6px; }

.subtit h2{color:#fff; padding-left:40px;}
.pgAd { width: 100%; padding: 70px; position: relative; border-radius:0 0 60px 0;}
.box5{background: url('../img/sub_01_06.jpg') left 50% no-repeat; height:628px;}
.pgAd:before { content:""; position:absolute; z-index:-1; top:-9px; left:-9px; right:-9px; bottom:-9px;}
.pgAd .fL table { margin: 30px 0; width: 100%;}
.pgAd .fL table th, .pgAd .fR table td { padding: 10px 26px;}
.pgAd .fL table th {}
.pgAd .fL table th span{display: inline-block; background-color:#fff; width:80px; border-radius: 20px; padding:10px;}
.pgAd .fL table td { text-align: left; color:#fff;}
.pgAd .fL table tr:last-child td {}
.pgAd .fL .w100 { padding-left: 26px; position: relative; }
.pgAd .fL .w100::before { content: ''; position: absolute; background: url(../img/ico_ac01.png); width: 17px; height: 17px; top: 3px; left: 0; }

.pgAe {  }
.pgAe .mapinfo { margin-bottom: 56px; background: #0063a9; padding: 25px 42px; }
.pgAe .mapinfo .t2 {margin-top:16px;}
.pgAe .mapinfo p { display: inline-block; margin-left: 50px; color: white; position: relative; padding-left: 30px; line-height: 120%; }
.pgAe .mapinfo p:before { content: ''; background: url('../img/ico_ae01.png'); width: 19px; height: 19px; position: absolute; top: 0px; left: 0; }
.pgAe .mapinfo p:last-child:before { content: ''; background: url('../img/ico_ae02.png'); width: 19px; height: 19px; position: absolute; top: 0px; left: 0; }
.pgAe .mapinfo p b { font-weight: normal; padding-right: 10px; }
.pgAe .mapinfo span { color: #95bad4; }
.pgAe .subBox { margin-top: 18px; }
.pgAe h3 { font-size: 19px; color: #0063a9; }
.pgAe h3 b { color: white; background: #0063a9; border-radius: 5px; margin-right: 8px; display: inline-block; padding: 2px 10px; }
.pgAe .tabL ul li { padding-left: 12px; margin-bottom: 22px; position: relative; }
.pgAe .tabL ul li:last-child { margin-bottom: 0px; }
.pgAe .tabL ul li::before { content: ''; width: 4px; height: 4px; background: #0063a9; position: absolute; top: 10px; left: 0; }
.pgAe table { width: 100%; margin-top: 70px; border-top: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb; }
.pgAe table th, .pgAe table td { text-align: center; border-bottom: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; padding: 20px 0;; }
.pgAe table tr:first-child th { background: #ecf3f9; }
.pgAe table tr:nth-child(2) th:nth-child(odd) { background: #fbfbfb; }
.pgAe table tr:nth-child(3) th:nth-child(even) { background: #fbfbfb; }
.pgAe table tr td:nth-child(3), .pgAe table tr td:nth-child(5), .pgAe table tr td:nth-child(8), .pgAe table tr td:nth-child(10) { background: #fbfbfb; }
.pgAe table tr td:nth-child(1), .pgAe table tr td:nth-child(6) { background: #fffbef; font-weight: bold; color: #0063a9; }

.pgBa .ba01 { background: url('../img/img_ba01.jpg') 50% 50% no-repeat; width: 100%; padding: 70px 0; text-align: center; color: white; font-size: 32px; font-weight: bold !important;}
.pgBa .ba01 p{margin:0 auto; text-align:center;}
.pgBa .ba01 p span{background:none; font-size:12pt; width:300px; padding-top:14px; height:54px; font-weight:100; display: inline-block; text-align:center; cursor: pointer; margin:0 2px;}
.pgBa .ba01 p.ment{width:89%; font-size:14pt; margin:0 auto;}

.pgBa .ba01 .bgo{background-color:#ff9734;}
.pgBa .ba01 .bgb{background-color:#115fad;}

.pgBa table { margin-top: 18px; width: 100%; border-top: 1px solid #ededed; }
.pgBa table th, .pgBa table td { border-bottom: 1px solid #ededed; border-right: 1px solid #ededed; padding: 20px 30px; text-align: center; }
.pgBa table th:last-child, .pgBa table td:last-child { border-right: 0; }
.pgBa table th { background: #064087; color: #fff; }
.pgBa .subhead { margin-bottom: 20px; }
.pgBa p { padding: 20px; }
.pgBa .bdR { border-right: 1px solid #ededed !important; }
.pgBa .firstTd tr td:first-child { background: #fbfbfb; }
.pgBa ul{padding-left:30px;}
.pgBa ul li { margin-bottom: 12px;  background: url('../img/bullet02.png') left 8px no-repeat; padding-left:20px; line-height:160%;}
.pgBa ul li:last-child { margin-bottom: 0px; }
.pgBa {}
.pgBa .opti{padding:8px 10px; line-height:160%;}
.pgBa .subBox{padding:0 30px;}


.pgCb ul li {background-image:none;  margin-bottom: 8px; position: relative; padding:0;}
.pgCb ul.acts{position: relative;widtsh:1080px;}
.pgCb li.arbox2 {width:406px; height:290px; margin-right:10px; text-align:center;}
.pgCb li.arbox2 span{width:406px; height:69px; masrgin:0 auto; color:#fff; display: block; border-radius: 20px; font-size:16pt; text-align: center; padding-top:18px;}
.pgCb li.arbox2 span.blue{background-color:#115fad;}
.pgCb li.arbox2 span.green{background-color:#afd34d;}
.pgCb li.arbox2 span.orange{background-color:#ff9734;}
.pgCb li.arbox2 p.arrow{width:406px; background: url('../img/arrow_box2.png') left  50% no-repeat; height:120px;position: relative; top:-4px; color:#444; text-align:center; font-size:13pt; padding-top:74px; margin:0;}
.pgCb li.arbox2 p.bcb{background-image: none; background-color:#115fad; color:#fff; height:80px; width:406px; border-radius: 0 0 10px 10px; padding-top:22px; text-align:center; font-size:15pt;}
.pgCb li.arbox2 p.gcb{background-image: none; background-color:#afd34d; color:#fff; height:80px; width:406px; border-radius: 0 0 10px 10px; padding-top:22px; text-align:center; font-size:15pt;}
.pgCb li.arbox2 p.ocb{background-image: none; background-color:#ff9734; color:#fff; height:80px; width:406px; border-radius: 0 0 10px 10px; padding-top:22px; text-align:center; font-size:15pt;}
.pgCb p{text-align:center;}


.pgCa .oH img, .pgCa .oH div { float: left; width: 48%; }
.pgCa .oH div { text-align: justify; line-height: 1.6; height: 187px; padding: 48px 54px 48px 42px; margin-top: 70px; background: url('../img/img_ca03.jpg'); }
.pgCa .oH div:nth-child(2), .pgCa .oH div:nth-child(4) { float: right; }
.pgCa .oH div:nth-child(3), .pgCa .oH div:nth-child(4) { padding: 70px 54px 70px 42px; }

.pgCb .subBox, .pgCb table { margin: 18px 0 70px 0; }
.pgCb table { width: 100%; border-top: 1px solid #d3d3d3; }
.pgCb table th, .pgCb table td {
    border-bottom: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    padding: 20px 30px;
    text-align: center;
}
.pgCb table th:last-child, .pgCb table td:last-child { border-right: 0; }
.pgCb .Tb1 th { color: #fff; background-color:#115fad;}

.pgCbs .Tb1 tr:nth-child(2) th:nth-child(odd), .pgCb .cbTb1 tr td:nth-child(even) { background: #fbfbfb; }
.pgCb .Tb1 tr td:first-child { color: #444 !important; }
.pgCb .Tb1 tr:nth-child(8) td {color: #444; }

.pgCb .Tb2 tr th {  background-color:#115fad; color: #fff; }
.pgCb .Tb2 tr td:first-child {background: #fbfbfb; color: #0063a9; text-align: center !important; }
.pgCb .Tb2 tr td { text-align: justify; }
.pgCb .Tb1 .brl {border-right: 1px solid #dbdbdb;}
.pgCb .Tb1 .brl3 {border-right: 3px double #dbdbdb;}
.pgCb .Tb1 .tbl {border-top: 3px double #dbdbdb;}

.pgDa table { margin: 18px 0 70px 0; width: 100%; border-top: 1px solid #d3d3d3; }
.pgDa table th, .pgDa table td { border-bottom: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    padding: 20px 30px;
    text-align: center;
}
.pgDa table th { background-color:#115fad; color: #fff; }
.pgDa table tr:nth-child(2) td:first-child, .pgDa table tr:nth-child(5) td:first-child, .pgDa table tr:nth-child(8) td:first-child { font-weight: 400; color: #0063a9; background: none !important; }
.pgDa table tr:nth-child(2) td:nth-child(2), .pgDa table tr:nth-child(5) td:nth-child(2), .pgDa table tr:nth-child(8) td:nth-child(2) { background: #fbfbfb !important; }
.pgDa table tr td:first-child { background: #fbfbfb; }
.pgDa table td:last-child { text-aligns: left !important; }

.pgDa p.bstep01{margin:0 auto;}
.pgDa p.bstep01 span{background:none; font-size:11pt; width:406px; padding-top:24px; height:70px; font-weight:400; color:#fff; display: inline-block; text-align:center; margin:0 10px; border-radius: 40px;}
.pgDa p.bstep01 span.blue{background-color:#115fad;}
.pgDa p.bstep01 span.sblue{background-color:#35c7f6;}
.pgDa p.bstep01 span.green{background-color:#afd34d;}
.pgDa p.bstep01 span.orange{background-color:#ff9734;}
.pgDa ul.bstep02{}
.pgDa ul.bstep02 li{width:165px; height:165px; text-align:center; color:#333; padding:40px 20px 0 20px; margin:0 8px;}
.pgDa ul.bstep02 li.a{ background: url('../img/step01.png') 50%  50% no-repeat;}
.pgDa ul.bstep02 li.b{ background: url('../img/step02.png') 50%  50% no-repeat;}
.pgDa ul.bstep02 li.c{ background: url('../img/step03.png') 50%  50% no-repeat;}
.pgDa ul.bstep02 li.d{ background: url('../img/step04.png') 50%  50% no-repeat;}
.pgDa ul.bstep02 li.e{ background: url('../img/step05.png') 50%  50% no-repeat;}
.pgDa ul.bstep02 li.f{ background: url('../img/step06.png') 50%  50% no-repeat;}
.pgDa ul.bstep02 li.g{ background: url('../img/step07.png') 50%  50% no-repeat;}
.pgDa ul.bstep02 li span{display: inline-block; width:100%; text-align:center; color:#35c7f6; margin-bottom:10px;}
.pgDa .ltext ul{padding-left:30px;}
.pgDa .ltext li{background: url('../img/bullet02.png') left 18px no-repeat; font-size:12pt; color:#666; padding:10px 20px;}



.pgEa .subBox{padding:30px; background-color:#f4f7fb;}
.pgEa .ltext dt{background: url('../img/bullet01.png') left 50% no-repeat; font-size:15pt; color:#333; padding-left:24px; font-weight:500;}
.pgEa .ltext dd{padding-left:20px;}
.pgEa .ltext ul{padding-left:30px;}
.pgEa .ltext li{background: url('../img/bullet02.png') left 18px no-repeat; font-size:12pt; color:#666; padding:10px 20px;}
.pgEa .subBox p.a{background-image: none; background-color:#f4f7fb; height:104px; width:1080px; text-align:center; padding-top:40px; color:#0e468b; border-radius: 10px;}
.pgEa .subBox p.b{background-image: none; background-color:#fbf9f4; height:104px; width:1080px; text-align:center; padding-top:40px; color:#0e468b; border-radius: 10px;}

.pgEb .subBox{padding:30px; background-color:#f4f7fb;}
.pgEb .subBox p{line-height:180%;}
.pgEb .ltext ul{padding-left:30px;}
.pgEb .ltext li{background: url('../img/bullet02.png') left 18px no-repeat; font-size:12pt; color:#666; padding:10px 20px;}
.pgEb .ltext li strong{color:#115fad; padding-right:30px; display: inline-block;}

.pgEb table th:last-child, .pgEb table td:last-child { border-right: 0; }

.pgEb table th, .pgEb table td { border-bottom: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    padding: 20px 30px;
    text-align: center;
}
.pgEb .Tb1 th { color: #fff; background-color:#115fad;}
.pgEb .Tb1 td {text-align:center; background-color:#fff;}
.pgEb .ltext dt{font-size:13pt; color:#333; padding-left:24px; font-weight:400;}
.pgEb .ltext dd{padding-left:20px;}


.pgFa .subBox{padding:30px; background-color:#f4f7fb;}
.pgFa .subBox2{padding:30px; line-height: 160%;}
.pgFa .ltext dt{background: url('../img/bullet01.png') left 50% no-repeat; font-size:15pt; color:#333; padding-left:24px; font-weight:500;}
.pgFa .ltext dd{padding-left:20px;}
.pgFa .ltext ul{padding-left:30px;}
.pgFa .ltext li{background: url('../img/bullet02.png') left 18px no-repeat; font-size:12pt; color:#666; padding:10px 20px;}
.pgFa .subBox p{line-height: 160%;}
.pgFa .subBox p.a{background-image: none; background-color:#f4f7fb; height:104px; width:1080px; text-align:center; padding-top:40px; color:#0e468b; border-radius: 10px;}
.pgFa .subBox p.b{background-image: none; background-color:#fbf9f4; height:104px; width:1080px; text-align:center; padding-top:40px; color:#0e468b; border-radius: 10px;}
.pgFa .subBox h2{font-size:16pt; color: #115fad;}
.pgFa .Box ul.cbox{}
.pgFa .Box ul.cbox li{width:300px; height:200px; float:left; border-radius: 10px; color:#fff; text-align:center; font-size: 15pt; margin:0 10px;}
.pgFa .Box ul.cbox2{}
.pgFa .Box ul.cbox2 li{width:235px; height:200px; float:left; border-radius: 10px; color:#fff; text-align:center; font-size: 15pt; margin:0 10px 30px 10px;}
.pgFa .Box ul.cbox3{}
.pgFa .Box ul.cbox3 li{width:50%; float:left; text-align:center; margin:0;}
.pgFa .Box ul.cbox3 li h4{background-color:#115fad; color:#fff; border-radius: 10px 10px 0 0; font-weight: 400; width: 90%; margin:0 20px; padding:10px;}
.pgFa .Box ul.cbox3 li p{ width: 98%; border:1px solid #d3d3d3; padding:20px; min-height:330px; line-height: 160%; margin-bottom:50px; text-align: left;}

.pgFa .Box .bcbb{background-color:#115fad;}
.pgFa .Box .scbb{background-color:#35c7f6;}
.pgFa .Box .gcbb{background-color:#afd34d;}
.pgFa .Box .ocbb{background-color:#ff9734;}
.pgFa .Box .ycbb{background-color:#ffc000;}

.pgFa table th:last-child, .pgFa table td:last-child { border-right: 0; }

.pgFa table th, .pgFa table td { border-bottom: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    padding: 20px 30px;
    text-align: center;
}
.pgFa .Tb1 th { color: #fff; background-color:#115fad;}
.pgFa .Tb1 td {text-align:center; background-color:#fff;}
.pgFa span.smtit02{color: #06111f; padding-right:20px; display: inline-block;}
.pgFa .name { width: 100%; padding: 10px 0 10px 32px; background-color:#f4f7fb; margin-bottom: 24px; }
.pgFa .name span { color: #999; font-size: 13px; font-family: 'GmarketSansMedium'; }
.pgFa .name h2 { font-size: 16pt; color: #444; }




/*푸터 팝업*/
.btn_on1, .btn_on2 { border: 0; color: #fff; cursor: pointer; padding: 0; } 
.popup_box1, .popup_box2 { display: none; width: 550px; height: 600px; background: #fff; border: 1px solid #333; 
	z-index: 99999; top: 20% !important; position:fixed !important;} 
.popup_box2 { height: 280px; } 
.popup_cont { padding: 20px; z-index: 99999; } 
.popup_close { width: 100%; padding: 5px 0; background: #333; color: #fff; text-align: right; position:absolute; bottom: 0; } .btn_close { margin: 5px; background: none; border: 0; color: #fff; cursor: pointer; }

@media screen and (min-width: 1920px){
}

@media screen and (max-width:1560px){
    .wrapper.t1.t2 {min-width:320px; padding:0 15px;}
    .slicktext {width:75%;}
    
    .ftwrap .login {right:15px;}
    .fgnb {display:none;}
}

@media screen and (max-width:1350px){
    .wrapper {min-width:320px; padding:0 15px;}
    .wrapper.t1 {padding:0 0px;}

    .header .logo {left:15px;}
    .header .ebook {right:15px;}

    .gnb .gnb_1a {padding:0px 20px;}
    .gnb .gnb_2a {font-size:13px; line-height:100%; margin-bottom:20px;}

    .slicktext strong {font-size:45px;}

    .slick2 .slick-prev {left:15px;}
    .slick2 .slick-next {left:295px;}
    
    .slick2 .slick-dots {left:53px;}

    .subBoxL {min-height:auto; margin-bottom:30px;}
    .subBoxR {width: 100%;}
    .subBoxR li h4{padding-right:0px; padding:40px 0; border-radius:10px;}
    .subBoxR li p{ background: #f4f7fb; height:auto; width:100%; height:auto; padding:30px 20px; border-radius:10px;}
    .subBoxR li p.a{height:auto; width:100%; padding:40px 20px;}
    .subBoxR li p.b{height:auto; width:100%; padding:40px 20px;}
    .subBoxR li.t1 {text-align:left;}
    .subBoxR li.t1 h4 {display:none;}
    .subBoxR li .ml50 {margin-left:0 !important;}
    
    .stit01{ background: #35c7f6;}
    .stit02{ background: #115fad;}
    .stit03{ background: #afd34d;}
    .stit04{ background: #ff9734;}
    .stit05{ background: #ff4534;}

    .tblwrap {width:100%;}
    
    .pgBa .ba01 { font-size: 22px; }
    .pgBa .w90 { width: 100%; }

    .pgDa ul.bstep02 li{margin-bottom:20px;}
}

@media screen and (max-width:1120px){
    .mexp1 {font-size:30px;}

    .mct4 .sns {top:80px;}
    
    .pgAb .his{padding:80px 55px 0 55px;}
    .history{padding-left:50px;}
    .history .year{width:80px;}
}

@media screen and (max-width:1100px){
    .header .ebook {right:70px;}

    .btn_gnb {display:inline-block;}
    .gnb {display:none;}
    .mgnb {display:block;}

    .slicktext strong {font-size:40px;}

    .pgAc .w20, .pgAc .w75 {width:100%;}
    .pgAc .w20 img {width:auto;}

    .pgFa .w30, .pgFa .w65, .pgFa .w20, .pgFa .w75 {width:100%;}
    .pgFa .w30 img, .pgFa .w20 img {width:auto;}

}

@media screen and (max-width:960px){
    .slicktext strong {font-size:36px;}

    .ftwrap {text-align:center;}
    .ftwrap .logowrap {display:block; margin:0 0 30px 0;}
    .ftwrap .ftlink {display:inline-block;}
    .ftwrap .login {display:none;}
    
    .lnbwrap {display:none;}

    .slick2 {position:relative;}
    .slick2 .slick-arrow {bottom:initial; top:-30px;}
    .slick2 .slick-dots {bottom:initial; top:-42px;}
    
    .container {padding:50px 0 80px 0;}

    .mctn1 {width:100%; padding:30px 0 0px 0px;}
    .mBg1 {display:none;}
    .mBgbg {display:none;}
    
    .mct3 .fL {width:100%; padding:0px 0 50px 0;}
    .mctn3 { width: 100%;}

    .mct4 > li {width:48%; margin-right:0%;}
    .mct4 > li img {width:100%;}
    .mct4 > li.mct4t1 {width:100%;}
    .mct4 > li.mct4t0 {margin-bottom:40px;}
    .mct4 > li.mct4t2 {width:46.5%; position:absolute; right:15px;}
    .mct4 .sns li img {height:auto;}
    .mct4 .sns {top:140px;}

    .pgAa .box .w40 { width: 100%; }
    .pgAb .fR { padding: 48px 20px; }
    .pgAc .w75 .box .fR { float: left; margin-top: 20px; }
    .pgAd>.fR { width: 100%; } 
    .pgAd { padding: 70px 0px; }
    .pgAd .fR table th, .pgAd .fR table td { padding: 20px 4px; }
    .pgAe .mapinfo .fL.t1 {width:100%; display:block;}
    .pgAe .mapinfo p { margin-left: 0; margin-top: 12px; }
    .pgCa .w60, .pgCa .oH img, .pgCa .oH div { width: 100%; }
    .pgCb table th, .pgCb table td { padding: 20px 3px; }
    .day_list table { width: 100%; }
    .pgDa table th, .pgDa table td { padding: 20px 3px; }

    .wrapper.t1.t2 { padding: 0; }
    .ftwrap .logowrap { position: unset; margin: 0; padding: 57px 15px; }

    .pgAa .w50 h2 { font-size: 22px; }
    .pgAa .w50 h2 b { font-size: 18px; }
    .pgAb .fR { background-size: c; }
    
    .pgAc .box ul.fL li {padding-left: 16px; background: url('../img/bullet02.png') left 6px no-repeat; position: relative; margin-bottom: 8px; padding-left:20px;}
    .pgAc .box ul.fL li::before { background: url('../img/bullet02.png') left 10px no-repeat; font-size: 13px; font-family: 'GmarketSansMedium'; position: absolute; left: 0; top: 4px; }

    .pgAc .box .subtit{width:100%; display:block;}

    .pgAd .w70 {width:100%;}
    .pgAd .tblwrap table {width:900px;}
}

@media screen and (max-width:700px){
    body {font-weight:normal;}
    .mb150 {margin-bottom:100px !important;}

    #hd_pop {width:100% !important;}
    .hd_pops {top:0px !important; left:0 !important;}
    .hd_pops_con {height:auto !important;}
    
    .header .ebook {right:55px;}

    .ftwrap .ftbox span {display:block;}
    
    .slick {height:400px;}
    .slick .slickbox {height:400px;}
    .slicktext {margin:-150px 0 0 0;}
    .slicktext span{font-size:20px; display:inline-block;}
    .slicktext strong {font-size:26px;}
    .slick-arrow {top:initial; transform:initial; bottom:20px;}
    
    .subvisu {height:250px;}
    .subvisu .titwrap .location {font-size:14px; text-shadow:none;}
    .subvisu .titwrap h2 {font-size:16px; text-shadow:none;}
    .subvisu .titwrap h3 {font-size:30px; text-shadow:none;}
    
    .stab2 > li {width:auto; white-space:nowrap; padding:18px 10px;}

    .container .w40, .container .w48, .container .w50 {width:100%;}
    .container .w40.fL, .container .w48.fL, .container .w50.fL {margin-bottom:100px;}

    .mctn2 .wrapper .w70 a { width: 100%; text-align: center; margin-bottom: 35px; }
    .mctn2 img { display: inline-block; width: 100%; }
    .mctn2 a span { display: block; text-align: left; }
    .mctn2 .ul3 li {width:100%; margin-bottom:30px;}
    .mctn2 .ul3 li a {width:100%; display:block;}

    .mBtn1 a { width: 100%; }
    .mBtn1 a:first-child { margin-bottom: 12px; }

    .mctn3 li { width: 50%; margin-right: 0; margin-bottom: 20px;}

    .mct4 {margin:60px 0 300px;}
    .mct4 > li {width:100%;}
    .mct4 > li.mct4t1 {width:100%; margin-bottom:40px;}
    .mct4 > li.mct4t0 {margin-bottom:40px;}
    .mct4 > li.mct4t2 {width:100%; position:relative; right:0px;}
    .mct4 .sns li img {height:auto;}
    .mct4 .sns {top:120px;}

    .topline .fL a, .topline .fR span { padding: 9.5px 15px; }

    
    .pgAb .his{padding:50px 30px 0 30px;}
    .pgAb .his p{text-align:left;}
    .history{padding-left:0px;}

    .pgAe .mapinfo { padding: 25px 20px; }
    .pgAe .mapinfo .t2 {display:block; width:100%;}
    .pgAe .mapinfo .t2 block {display:block;}

    .pgBa .ba01 { background: #193151; padding:30px 0;}
    .pgBa .subBox{padding:0 0px;}

    .pgCb li.arbox2 {width:100%;}
    .pgCb li.arbox2 span{width:100%;}
    .pgCb li.arbox2 p.arrow{width:100%; background: url('../img/arrow_box2.png') 50% 50% no-repeat;}
    .pgCb li.arbox2 p.bcb{width:100%}
    .pgCb li.arbox2 p.gcb{width:100%}
    .pgCb li.arbox2 p.ocb{width:100%}
    .pgCb table { width: 1000px;}
    
    .pgDa p.bstep01 span{width:95%;}
    
    .popup_box1, .popup_box2 { width: 100%; height: auto; top: 0% !important; left: 0 !important;} 
    .popup_box2 { height: auto; } 
}