@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&display=swap');
@font-face {font-family: 'yg-jalnan'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff'); font-weight: normal; font-style: normal;}

* {margin:0 auto; padding: 0;}
html{scroll-behavior: smooth;  user-select: none;}
ol, ul, li, dl, dt, dd{list-style: none;}
html, body, div, p, strong, span, ol, ul, li, dl, dt, dd, i, em, pre{font-family: 'Plus Jakarta Sans','Noto Sans KR', 'Malgun Gothic', sans-serif;}

strong{font-weight: 700;}
em,
i{font-style: normal;}
b{font-weight: 500; text-decoration: line-through;}
[class^="bg_"]{padding: 100px 0;}
.margint120{margin-top: 120px;}
span.arrow {margin: 0 10px;}

.content-wrapper{font-family: 'Plus Jakarta Sans','Noto Sans KR', 'Malgun Gothic', sans-serif;}
.table-wrapper a{width: fit-content; display: block;}
.inner{width: 1100px; margin: 0 auto; position: relative;}

ul.quick{position: fixed; right: 10px; bottom: 30%; z-index: 2; border-radius: 50px; background: rgba(90,0,255,0.8); padding: 15px 5px;}
ul.quick li{padding: 15px 10px; text-align: center; position: relative; font-weight: 700; color: #fff;}
ul.quick a{display: block; border-bottom: 1px dashed rgba(255,255,255,0.2);}
ul.quick li:hover{color: #fff600;}
ul.quick a:last-child{border-bottom: 0;}

.bg_01{background: #f5f5f5;}
.bg_02{background: #f4f9ff;}
.bg_03{background: #e8f3f2;}
.bg_04{background: #fff;}

.bg-tab{background: #f4f9ff; padding-top: 100px;}
.bg-tab p{padding-bottom: 50px;}

.top-bnr{background: #393624 url('https://cdn.ibstudy.co.kr/Content_new/images/sub/bnr_practice_center.png') no-repeat center 0; height: 370px; text-align: center;}
.top-bnr div{padding: 52px 0;}
.top-bnr p{color: #fff;}
.top-bnr span {display: block; margin-bottom: 16px;}
.top-bnr .tit{font-size: 36px; line-height: 1;}
.top-bnr .tit strong{display: block; font-size: 95px; padding: 20px 0 30px;}
.top-bnr .txt{font-size: 23px;}

.conts-tit,.sub-tit,.tit-bar{font-weight: 800; text-align: center; line-height: 1;}

.conts-tit{font-size: 55px; color: #000;}
.sub-tit{font-size: 50px; padding-bottom: 20px;}
.tit-bar{background: #000; padding: 20px 0; color: #fff; font-size: 31px; border-radius: 5px;}

.color-b{color: #477bbc;}
.color-g{color: #14b2a1;}
.color-y{color: #f6ff00;}
.color-r{color: #ee0759;}
.color-0{color:#000}

.small{font-size: 16px; font-weight: 500;}

.tab_wp{width: 100%;}
.tab_wp.fix{background: rgba(255,255,255,0.8); position: fixed; top: 0; z-index: 100; padding: 20px 0;}

.conts_tab{width: 1100px;  margin: 0 auto; overflow: hidden; text-align: center;}
.conts_tab li{display: inline-block; position: relative;}
.conts_tab li:first-child{margin-right: 20px;}
.conts_tab li a{background: #999; color: rgba(255,255,255,0.8); cursor: pointer; display: inline-block; width: 530px; padding: 25px 0; line-height: 25px; font-size: 25px; letter-spacing: -1px; border-radius: 6px; text-align: center;}
.conts_tab li a::after{content:'▼'; font-size: 10px; position: absolute; margin-left: 10px;}

.conts_tab li.human a::after{content:'▲'; font-size: 10px; position: absolute; margin-left: 10px;}
.conts_tab li.human.on a::after{content:'▼'; font-size: 10px; position: absolute; margin-left: 10px;}

.conts_tab li.on a{color: #fff; font-weight: 700;}
.conts_tab li.human.on a{background: #477bbc;}
.conts_tab li.korean.on a{background: #14b2a1;}
.conts_tab li.on strong{font-weight: 700;}

.subTitle {font-size: 30px; font-weight: 700; text-align: center; padding-top: 50px; color: #000;}

table th {font-weight: 700;}
table td {font-weight: 500;}
#info-human table.info th{ background: #ebf1f8;}
#info-korean table.info th{ background: #f0fcfa;}
table.info td{text-align: left; padding-left: 40px;}
table i{color: #ee0759;}

table{table-layout: fixed; word-break: break-all; border-collapse: collapse; width: 100%; border-bottom: 1px solid #fff; margin: 20px 0; font-size: 18px;}
table .line {border-left: 1px solid rgba(200,210,222,0.35);}
table tbody th,
table tbody td{background: #fff; text-align: center; padding: 14px;}
table thead th{border-radius: 5px 5px 0 0;}
table tbody tr:last-child{border-bottom: 1px solid transparent !important;}

table.human th:not(:first-of-type),
table.human td:not(:first-of-type){ border-left: 1px solid rgba(200,210,222,0.35);}
table.human tbody tr{border-bottom: 1px solid rgba(200,210,222,0.35);}

table.korean th:not(:first-of-type),
table.korean td:not(:first-of-type){ border-left: 1px solid rgba(200,222,216,0.5);}
table.korean tbody tr{border-bottom: 1px solid  rgba(200,222,216,0.5);}

.bg-b{background: rgba(200,210,222,0.2); font-weight: 700;}
.bg-g{background: rgba(242,254,253,0.8) !important; font-weight: 700;}

.btn{width: 550px; margin: 50px auto 0; padding: 30px 0; border-radius: 50px; color: #fff; font-size: 30px; font-weight: 700; text-align: center;}
.btn.human{background: #477bbc;}
.btn.korean{background: #14b2a1;}

.btn_go {background: #535a68; color: #fff; font-size: 15px; font-weight: 500; padding: 4px 20px; display: inline-block !important; border-radius: 5px; margin-left: 10px;}
.btn_go:hover {background: #3c4450; color: #fff;}

.seminar {padding-top: 60px;}

.sub-txt{padding: 20px 0;}
.sub-txt p{font-size: 27px;text-align: center; font-weight: 700;}
.map-box{width: 1104px; margin: 0 auto; border: 1px solid rgba(0,0,0,0.2);}