@font-face { 
 font-family: 'notokr-medium'; 
 src: url('/font/NotoKR-Medium/notokr-medium.eot'); 
 src: url('/font/NotoKR-Medium/notokr-medium.eot?#iefix') format('embedded-opentype'), 
 url('/font/NotoKR-Medium/notokr-medium.woff2') format('woff2'), 
 url('/font/NotoKR-Medium/notokr-medium.woff') format('woff'), 
 url('/font/NotoKR-Medium/notokr-medium.ttf') format('truetype'), 
 url('/font/NotoKR-Medium/notokr-medium.svg#notokr-medium') format('svg'); 
 font-weight: normal; 
 font-style: normal; 
}

@font-face { 
 font-family: 'notokr-bold'; 
 src: url('/font/NotoKR-Bold/notokr-bold.eot'); 
 src: url('/font/NotoKR-Bold/notokr-bold.eot?#iefix') format('embedded-opentype'), 
 url('/font/NotoKR-Bold/notokr-bold.woff2') format('woff2'), 
 url('/font/NotoKR-Bold/notokr-bold.woff') format('woff'), 
 url('/font/NotoKR-Bold/notokr-bold.ttf') format('truetype'), 
 url('/font/NotoKR-Bold/notokr-bold.svg#notokr-bold') format('svg'); 
 font-weight: normal; 
 font-style: normal; 
}

@font-face { 
 font-family: 'NotoKR-Regular'; 
 src: url('/font/NotoKR-Regular/NotoKR-Regular.eot'); 
 src: url('/font/NotoKR-Regular/NotoKR-Regular.eot?#iefix') format('embedded-opentype'), 
 url('/font/NotoKR-Regular/NotoKR-Regular.woff2') format('woff2'), 
 url('/font/NotoKR-Regular/NotoKR-Regular.woff') format('woff'), 
 url('/font/NotoKR-Regular/NotoKR-Regular.ttf') format('truetype'), 
 url('/font/NotoKR-Regular/NotoKR-Regular.svg#NotoKR-Regular') format('svg'); 
 font-weight: normal; 
 font-style: normal; 
}

 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; }

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
body { width:100%; height:100%; font-family:Droid sans}
body {  *word-break:break-all;-ms-word-break:break-all; -webkit-text-size-adjust : none; }
body, input, button { color:#000;  }
h1, h2, h3, h4, h5, h6 { font-size:15px; text-align:left; }
img, fieldset, iframe { border:0 none; }
ul, li { list-style: none; }
ol { list-style: decimal inside; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
em, address { font-style:normal; }
input, select { vertical-align:middle; }
button, label { cursor:pointer; _cursor /**/:hand; }
hr, legend, caption { display:none; }
td { vertical-align:middle; }
a { color:#ffffff;text-decoration:none; }
.keyword{margin-left:1px;padding:2px 3px 5px;border:1px solid #b5b5b5;font-size:12px;line-height:15px}


.pCnt {color:#ea2f00;}


/* UI Object */
h2 {font-size:40px;letter-spacing:-1px; margin-top:60px; color:#007b65; font-weight:bold }
h3 {font-size:30px;letter-spacing:-1px; margin-top:30px; letter-spacing:-2px font-weight:normal}

table.tabtbl 
.tabtbl { }
table.tabtbl tr td{font-size:14px;text-align:center;padding:9px 0 7px;line-height:18px;border-bottom:1px solid #000;background:url(//img.jongroeclass.co.kr/jongro/main/gnb_bg02.jpg)  left no-repeat;}
table.tabtbl tr td.on{background:url(http://img.jongroeclass.co.kr/img18/ex190723tbg.png) left no-repeat;background-color:#941729;}
table.tabtbl tr td a{color:#fff;}
table.tabtbl tr td.first{border-left:0;}

table.btn1510 {margin-top:5px}
table.btn1510 tr td{color:#fff;text-align:center;font-size:0.8em;height:35px;font-weight:bold;background:#d8d8d8;border-left:1px solid gray;letter-spacing:-0.1em}
table.btn1510 tr td.on{background:#941729}
table.btn1510 tr td.on a{color:#000}

.text {position:absolute;top:5px;left:5px;font-size:0.8em;background:black;padding:2px}
.text span {color:red;font-weight:bold;}

/* UI Object */
.tbl_type,.tbl_type th,.tbl_type td{border:0;font-size:27px ; letter-spacing:-1px;}
.tbl_type{width:100%; text-align:center;background:#fff; border-top:2px solid #23657d;border-right:1px solid #e1e1e1;}
.tbl_type caption{display:none}
.tbl_type th{color:#000; border-left:1px solid #ccc; padding:12px 0 12px ; border-bottom:1px solid #ccc; background:#eeeff3;font-weight:bold}
.tbl_type td{border-left:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1; padding:12px 0 12px;color:#000;}
.tbl_type td p{font-size:22px;line-height:30px  }
.tbl_type td.al {text-align:left; padding-left:19px}
.tbl_type td span{}
.tbl_type td img{margin-top:0}
.tbl_type.s td, .tbl_type.s th {font-size:24px;padding:10px 0 10px;border-left:1px solid #ccc;border-bottom:1px solid #ccc;}
.tbl_type.sw td{font-family: 'NotoKR-Regular';font-size:20px }
.tbl_type.sw td span {font-family: 'NotoKR-Bold';}
.tbl_type th.th01 {color:#fff;background:#42af81}
.tbl_type th.th02 {color:#fff;background:#3a82af}
.tbl_type th.th03 {color:#fff;background:#5b4db3}
.tbl_type th.th04 {color:#fff;background:#7f3fae}
.tbl_type th.th05 {color:#fff;background:#b04536}
.tbl_type th.th06 {color:#fff;background:#c8a561}

.tbl_type th.th07 {color:#fff;background:#997dff}
.tbl_type th.th08 {color:#fff;background:#6c8be8}
.tbl_type th.th09 {color:#fff;background:#7a993c}
.tbl_type th.th10 {color:#fff;background:#b5975c}

.tbl_type th.th11 {color:#997dff;background:#fff;font-family: 'NotoKR-Bold';}
.tbl_type th.th12 {color:#3366ff;background:#fff;font-family: 'NotoKR-Bold';}
.tbl_type th.th13 {color:#669900;background:#fff;font-family: 'NotoKR-Bold';}
.tbl_type th.th14 {color:#996600;background:#fff;font-family: 'NotoKR-Bold';}

.tbl_type.tc01 th {background:#ffd9d5;}
.tbl_type.tc02 th {background:#edd7ff;}
.tbl_type.tc03 th {background:#ffe3a6;}
.tbl_type.tc04 th {background:#c7fcff;}
.tbl_type.tc05 th {background:#d7ffed;}
.tbl_type.tc06 th {background:#ffdada;}


.tbl_type.m td span {font-size:20px;}
.tbl_type.point {border-top:2px solid #000}
.tbl_type.point th {background:#004c54;border-left:1px solid #000;color:#fff}
.tbl_type.point td {background:#d4ffde;border-left:1px solid #81ad8b;border-bottom:1px solid #81ad8b;}
.tbl_type.point td .tbl_type02 td{border-left:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;}



/* UI Object */
.tbl_type02,.tbl_type02 th,.tbl_type02 td{border:0;font-size:24px; letter-spacing:-1px;}
.tbl_type02{width:100%; text-align:center;background:#fff;border-top:1px solid #e1e1e1;}
.tbl_type02 caption{display:none}
.tbl_type02 th{color:#000; border-left:1px solid #e1e1e1; padding:14px; border-bottom:1px solid #e1e1e1; background:#fff}
.tbl_type02 td{border-left:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1; padding:14px 4px 14px;color:#000;}
.tbl_type02 td.al {text-align:left; padding-left:19px}
.tbl_type02 td img{margin-top:0}






.switchcontent {display:block;position:relative; background:#fff; padding:0 20px;  border:1px solid #fff;letter-spacing:0;}

.ulist02 { margin: 10px 0 0; color: #000;font-size:26px; }
.tbl_type .ulist02 li {font-size:23px; margin: 8px 10px 0; background: url(http://www.jongro.co.kr/images/common/blt_square03.gif) no-repeat 0px 8px;text-align:left;}
.ulist02 li .notice {color:#999; font-size:21px}
.ulist02 li ul { margin-top: 4px; }
.ulist02 li ul li { padding: 0; margin:0; line-height: 21px;  font-size:21px; color: #000; background: none; }

.tbl_type .ulist02 li {font-size:23px;margin: 4px 2px 0; background: url(http://www.jongro.co.kr/images/common/blt_square03.gif) no-repeat 0px 4px;}

.ulist03 { margin: 0 0 0; }
.ulist03 li { padding: 0; margin: 8px 8px 0; font-size:19px; line-height: 28px; color:#999;text-align:left;}
.ulist03 li ul { margin-top: 4px; }
.ulist03 li ul li { padding: 0; margin:0; line-height: 24px; background: none; }
.ulist03.txt01 li {background: url(http://www.jongro.co.kr/images/common/blt_square03.gif) no-repeat 0 12px; padding-left:16px;  margin: 12px 8px 0 10px; color:#333; font-size:24px}
.ulist03.tx02 li {color:#999;font-weight:normal;font-family: 'NotoKR-Regular'; }

.link04 {text-decoration: underline !important;}

.tit02 {font-size:14px;margin-top:10px; padding: 0 0 0 8px;}
.tit03 {font-size:14px;margin-top:10px;  background: url(http://www.jongro.co.kr/images/common/blt_square03.gif) no-repeat 0.4em 0.5em; padding: 0 0 0 10px;  }

.bsubmit {display:block;font-family: 'NotoKR-Bold';padding:16px;width:420px;margin:0 auto;letter-spacing:-1px;font-size:24px; cursor:pointer;text-align:center;background-color:#9ed603;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
a.bsubmit {color:#002a36}

.bsubmit2 {display:block;width:100%; font-weight:bold;padding:9px 0 8px;letter-spacing:-1px;font-size:14px;color:#fff;cursor:pointer;text-align:center;background-color:#f5f5f5;border:1px #C3C3C3 solid; solid;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.bsubmit2 a{color:#fff}

.bsubmit, .bsubmit2 {border-radius:30px}

.roundbox {line-height:14px;background:#f5f5f5;border:1px solid #ccc;border-radius:10px; font-size:10px; text-align:center;padding:25px 0 25px; letter-spacing:-1px;}
.fadeinleft {    opacity:0%; 	margin-left:-50px;    max-width:100%;}

/* = margin and padding »ç¿ë±ÝÁö!!!!!
--------------------------------------------------------------------------------------------*/
.mg_tm05 { margin-top: -5px !important;}
.mg_t0 { margin-top: 0 !important;}
.mg_t02 { margin-top: 2px !important; } .mg_t04 { margin-top: 4px !important; } .mg_t05 { margin-top: 5px !important; } .mg_t10 { margin-top: 10px !important;} .mg_t15 { margin-top: 15px !important;} .mg_t16 { margin-top: 16px !important;}
.mg_t20 { margin-top: 20px !important;} .mg_t25 { margin-top: 25px !important;} .mg_t26 { margin-top: 26px !important;} .mg_t29 { margin-top: 29px !important;} .mg_t30 { margin-top: 30px !important;}
.mg_t34 { margin-top: 34px !important;} .mg_t35 { margin-top: 35px !important;} .mg_t39 { margin-top: 39px !important;} .mg_t40 { margin-top: 40px !important;}
.mg_t42 { margin-top: 42px !important;} .mg_t50 { margin-top: 50px !important;} .mg_t60 { margin-top: 60px !important;} .mg_t70 { margin-top: 70px !important;} .mg_t75 { margin-top: 75px !important;} .mg_t85 { margin-top: 85px !important;} .mg_t110 { margin-top: 110px !important;} .mg_b05 { margin-bottom: 5px !important;} .mg_b06 { margin-bottom: 6px !important;} .mg_b13 { margin-bottom: 13px !important;} .mg_b14 { margin-bottom: 14px !important;}
.mg_b22 { margin-bottom: 22px !important;} .mg_b26 { margin-bottom: 26px !important;}
.mg_r07 { margin-right: 7px !important;} .mg_r15 { margin-right: 15px !important;} .mg_r30 { margin-right: 30px !important;}
.mg_l18 { margin-left: 18px !important;} .mg_l25 { margin-left: 25px !important;} .mg_l30 { margin-left: 30px !important;} .mg_l110 { margin-left: 110px !important;}

/** modal window styles **/
    /* ¸ð´ÞÀÇ ½ºÅ¸ÀÏÀ» Á¤ÀÇÇÕ´Ï´Ù. */
    .modal {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.7);
      z-index: 9999;
	  
    }

    /* ¸ð´Þ ³»ºÎÀÇ ÄÜÅÙÃ÷ ½ºÅ¸ÀÏÀ» Á¤ÀÇÇÕ´Ï´Ù. */
    .modal-content {
      position: absolute;
      top: 30%;
      left: 50%;
      transform: translateX(-50%);
      background-color: #fff;
      padding: 20px;
      border: 1px solid #333;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
      width: 80%;
      max-width: 600px;
	  border-radius:30px;
	  padding-bottom:160px;
    }
	.modal .exp {
	  max-width: 900px;
	  top: 10%;
	  text-align:center;
	  padding: 40px 0 40px;
	  
	}
	.modal-content h2 {text-align:center;font-size:60px;margin-top:20px; line-height:60px;letter-spacing:-2px}
	.modal-content h2 span {font-size:40px;color:#ccc}
	.modal-content p {font-size:31px;line-height:40px;padding:0 20px 20px;text-align:center}
	.modal-content p span {color:red}
	.modal-content .bsubmit {position: absolute;width:60%; left: 50%;transform: translateX(-50%); background:#333;  border-radius:50px; padding:20px 0 20px; bottom:40px;color:#fff}



.con03_tab {max-width:100%;}
.con03_tab ul {zoom: 1; background:#333; height: 90px;padding:0;}
.con03_tab ul:after {display:block;visibility:hidden;clear:both;content:"";}
.con03_tab ul li {    float: left;
    margin-bottom: -1px;}
.con03_tab ul li a {display: block; position: relative; margin-left: -1px; color: #ccc; text-align: center; letter-spacing: -2px;  line-height: 90px; cursor: pointer; font-size: 30px;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    transition: all 0.30s ease-in-out;
	}
.con03_tab ul li a.on {z-index: 2;  background: #333; color: #fff;font-family:'NotoKR-bold';}
.con03_tab ul li a:hover {z-index: 2;  background: #333; color: #fff;}

.con04_tab {margin:10px 0 10px}
.con04_tab ul {padding-left:1px;zoom: 1; border-radius:8px;line-height: 58px;}
.con04_tab ul:after {display:block;visibility:hidden;clear:both;content:"";}
.con04_tab ul li {width:25%; float: left; margin-bottom: -1px;}
.con04_tab ul li a {display: block; position: relative; margin-left: -1px; color: #333; text-align: center; letter-spacing: -0.1em; line-height: 58px; cursor: pointer; font-size: 28px; font-family:'NotoKR-bold';
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    transition: all 0.30s ease-in-out;
	}
.con04_tab ul li a.on {z-index: 2; border: 2px solid #333; border-radius:60px; background: #fff; color: #333;}

.txt001 {position:relative;font-size:0;text-align:center;background:#fff;padding-top:100px;}
.txt001 img{width:100%; max-width:800px;margin:0 auto}
.fixed_t01 {position:fixed; top:0;width:870px;left:50%; transform: translateX(-50%); z-index:9999999}
.fixed_t02 {position:fixed; top:90px;width:870px;left:50%; transform: translateX(-50%); background:#fff; padding:0; z-index:9999998}

table.tabtbl2 {width:97%;margin:0 auto;margin-top:4px; margin-bottom:6px; border-right:1px solid #ccc}
table.tabtbl2 tr td{background:#fff;font-family:'notokr-medium', arial;font-size:24px;padding:20px 0 20px}
table.tabtbl2 tr th{font-family:'notokr-bold';font-weight:normal; color:#008538;line-height:40px; font-size:40px;letter-spacing:-1.5px; font-style: italic; }
table.tabtbl2 tr td li{padding:0 20px;text-align:center;font-style: italic;}
table.tabtbl2 tr td li.al{text-align:left;padding-left:10px;background:none;}
table.tabtbl2 tr td li.al span{color:#c12014}
table.tabtbl2 tr th.scart {background:#ff9900;color:#000;border:0}
table.tabtbl2.gs tr th{background:#005bac;border:0}
table.tabtbl2 tr th.dh{background:#6e3e05;border:0}

.bsubmit2 {display:block;font-style: none;width:90%; margin:0 auto; line-height:22px;hletter-spacing:-1px;font-size:22px;padding:10px 0 4px; color:#fff;cursor:pointer;text-align:center;background-color:#333;border:1px #C3C3C3 solid; solid;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;border-radius:14px}
.bsubmit2 a{color:#fff}

.swiper-slide img {width:360px; border-radius:8px}
.swiper-slide .sstxt{text-align:center;font-size:24px;line-height:32px; padding:10px 60px 0 0; letter-spacing:-1px;color:#333}
.swiper-slide .sstxt02{text-align:center;font-size:26px;line-height:32px; padding:10px 60px 0 0;;letter-spacing:-1px;color:#fff;}
.swjr {height:300px; }

.tabs {overflow:hidden; display: flex; list-style: none; padding: 0; width: 100%;}
.tabs li {text-align:center; border-left:1px solid #ddd;line-height:41px;font-size:30px;}
.tabs li:first-child {border-left:0;}
.tabs li span{font-size:38px;font-family: 'notokr-bold'; }
.tabp {flex: 1; margin: 0; padding: 25px 0 25px; cursor: pointer; background-color: #f0f0f0;}
.ct01 {display: none;}
.active-tab {background-color: #ff002b; color:#fff;}
.active-ct01 {display: block;}
.point2401 {position:relative;display: inline-block; padding:4px; margin:0 auto; font-family: 'notokr-bold'; background:red;line-height:24px;color:#fff;}

@keyframes blink {0% { opacity: 1; }  50% { opacity: 0; }  100% { opacity: 1; }}

.blinking-text { animation: blink 1s infinite; /* 1ÃÊ °£°ÝÀ¸·Î ¹«ÇÑ ¹Ýº¹ */}
.swiper-wrapper {  transition-timing-function: linear;}


@media(min-width:940px){
/* pc¿¡¼­ º¼°æ¿ì */
body {background:url('https://img.jongroeclass.co.kr/img23/bg251101pbg.jpg') repeat-x; background-position: 0 181px;}
body, input, button { color:#000; font-family: 'notokr-medium';   }
.fixed_t01 {position:fixed; background:#333; top:0;width:100%;left:50%; transform: translateX(-50%); z-index:9999999}
.fixed_t02 {position:fixed; top:60px;width:940px;left:50%; transform: translateX(-50%); background:#fff; padding:0; z-index:9999998}

.con03_tab {max-width:940px;margin:0 auto;}
.con03_tab ul {padding-left:1px;zoom: 1; background:#333; height: 60px;padding:0;border-bottom: 0}
.con03_tab ul:after {display:block;visibility:hidden;clear:both;content:"";}
.con03_tab ul li {    float: left;
    margin-bottom: -1px;}
.con03_tab ul li a {display: block; position: relative; margin-left: -1px; color: #999; text-align: center; letter-spacing: -0.1em;  line-height: 60px; cursor: pointer; font-size: 22px;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    transition: all 0.30s ease-in-out;
	}
.con03_tab ul li a.on {z-index: 2;  background: #333; color: #fff;font-family:'NotoKR-bold';}
.con03_tab ul li a:hover {z-index: 2;  background: #333; color: #fff;}

.con04_tab {margin:10px 0 10px}
.con04_tab ul {padding-left:1px;zoom: 1; border-radius:8px;line-height: 50px;}
.con04_tab ul:after {display:block;visibility:hidden;clear:both;content:"";}
.con04_tab ul li {width:25%; float: left; margin-bottom: -1px;}
.con04_tab ul li a {display: block; position: relative; margin-left: -1px; color: #333; text-align: center; letter-spacing: -0.1em; line-height: 50px; cursor: pointer; font-size: 20px; font-family:'NotoKR-bold';
    -webkit-transition: all 0.10s ease-in-out;
    -moz-transition: all 0.10s ease-in-out;
    -ms-transition: all 0.10s ease-in-out;
    -o-transition: all 0.10s ease-in-out;
    transition: all 0.10s ease-in-out;
	}
.con04_tab ul li a.on {z-index: 2; border: 2px solid #333; border-radius:60px; background: #fff; color: #333;}

/* UI Object */
.tbl_type,.tbl_type th,.tbl_type td{font:19px 'notokr-medium'; line-height:22px}
.tbl_type{border-top:3px solid #23657d}
.tbl_type th{padding:14px 4px 14px;}
.tbl_type td{padding:14px 4px 15px; font-size:19px}
.tbl_type td p{font-size:19px}
.tbl_type td p span{font-size:20px}
.tbl_type02 td{font-size:19px}

/* UI Object */
h2 {font-family: 'notokr-bold'; font-size:32px;letter-spacing:-1px; margin-top:60px; font-weight:normal}
h3 {font-family: 'notokr-bold'; font-size:22px;letter-spacing:-1px; margin-top:30px; font-weight:normal}
.tbl_type.s td, .tbl_type.s th {font-size:19px}
.ulist02 li {font-size:19px}
.ulist03 li {font-size:19px; color:#666}
.ulist03.txt01 li {font-size:19px} 

.tbl_type.m td,.tbl_type.m th {font-size:19px;padding:10px 2px 10px;}


    .modal-content {
      position: absolute;
      top: 30%;
      left: 50%;
      transform: translateX(-50%);
      background-color: #fff;
      padding: 20px 0 80px;
      border: 1px solid #333;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
      max-width: 470px;
	  border-radius:10px;
    }
	.modal .exp {
	  max-width: 550px;
	  top: 3%;
	  text-align:center;
	  padding: 0 0 20px;
	  }

	.modal-content h2 {text-align:center;font-size:34px;line-height:36px;letter-spacing:-2px;margin-top:20px}
	.modal-content h2 span {font-size:20px;color:#ccc}
	.modal-content p {font-size:19px;line-height:23px;padding:0 20px 20px;text-align:center}
	.modal-content p span {color:red}
	.modal-content .bsubmit {position: absolute;width:40%; left: 50%;transform: translateX(-50%); bottom:20px; background:#333; font-size:21px; color:#fff; padding:10px 0 10px}


.bsubmit {display:block;width:400px; margin:0 auto; padding:16px;letter-spacing:-1px;font-size:21px; font-family: 'notokr-medium'}

table.tabtbl2 {width:97%;margin:0 auto;margin-top:4px; margin-bottom:6px; border-right:1px solid #ececec}
table.tabtbl2 tr td{background:#fff;font-family:'notokr-medium', arial;font-size:19px;padding:10px 0}
table.tabtbl2 tr th{font-family:'notokr-bold';font-weight:normal; color:#008538;line-height:31px; font-size:27px;letter-spacing:-1.5px; font-style: italic; }
table.tabtbl2 tr td li{padding:0 20px;text-align:center;font-style: italic;}
table.tabtbl2 tr td li.al{text-align:left;padding-left:10px;background:none;}
table.tabtbl2 tr td li.al span{color:#c12014}
table.tabtbl2 tr th.scart {background:#ff9900;color:#000;border:0}
table.tabtbl2.gs tr th{background:#005bac;border:0}
table.tabtbl2 tr th.dh{background:#6e3e05;border:0}

.bsubmit2 {font-style: normal; display:block;width:80px; margin:0 auto; line-height:12px;letter-spacing:-1px;padding:4px 0 4px; font-size:13px;color:#fff;cursor:pointer;text-align:center;background-color:#000;border:1px #C3C3C3 solid; solid;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;border-radius:8px}
.bsubmit2 a{color:#fff}

.tabs li {line-height:22px;font-size:16px;}
.tabs li span{font-size:21px; }
.tabp {flex: 1; padding: 15px 0 15px; }
}
@media(max-width:940px){ .swiper-slide {margin-right:20px} }
.swiper-slide .sstxt03{font-family: 'notokr-bold'; text-align:center;margin-right:20px;font-size:24px;line-height:28px; padding:0; letter-spacing:-1px;color:#333;}
.swiper-slide .sstxt04{margin-top:10px; text-align:center;font-size:24px;line-height:27px; padding-right:20px; letter-spacing:-1px;color:#333;}
.swiper-slide .sstxt04 span{ font-size:23px; line-height:25px; font-weight:normal; font-family: 'NotoKR-Regular'; color:#666}
.swiper-slide .simg02{margin-top:10px}
.swjr2 {height:340px; }

.swap-image img { 

     -webkit-transition: all 0.5s ease-in-out; 
     -moz-transition: all 0.5 ease-in-out; 
     -ms-transition: all 0.5s ease-in-out; 
     -o-transition: all 0.5s ease-in-out; 
     transition: all 0.5s ease-in-out; 
} 
.swap-image1, .swap-image:hover .swap-image2 { 
     -webkit-opacity: 1; 
     -moz-opacity: 1; 
     opacity: 1; 
} 
.swap-image:hover .swap-image1, .swap-image2 { 
     -webkit-opacity: 0; 
     -moz-opacity: 0; 
     opacity: 0; 
} 

    .custom-list-container { text-align: center; }
    .custom-list { margin-top: 10px; padding: 0; display: inline-block; list-style-type: none; }
    .custom-item { padding: 0px 10px 2px; color: #fff; width: 210px; display: block; margin: 5px 0; }
	.item-test {background-color: #725eba;}
    .item-pt { background-color: #447cad; }
    .item-consult { background-color: #45aab4; }
    .item-response { background-color: #c8a561; }

.fade-in {
    opacity: 0; /* ±âº»ÀûÀ¸·Î ¼û±è */
    animation: fadeIn 3s ease-in 0s forwards; /* 3ÃÊ ÈÄ¿¡ 2ÃÊ µ¿¾È ÆäÀ̵å ÀÎ */
}
.fadeinleft {
    opacity:0%; 
	margin-left:-50px;
    max-width:100%;
}
.image {
    animation: fade 6s infinite; /* 6ÃÊ °£°ÝÀ¸·Î ¹Ýº¹ */
    opacity: 1; /* ±âº»ÀûÀ¸·Î ¼û±è */
}

.image:nth-child(1) {
    animation-delay: 0s; /* ù ¹ø° À̹ÌÁö´Â Áï½Ã ½ÃÀÛ */
}

.image:nth-child(2) {
    animation-delay: 3s; /* µÎ ¹ø° À̹ÌÁö´Â 3ÃÊ ÈÄ ½ÃÀÛ */
}

/* ÆäÀ̵å È¿°ú¸¦ À§ÇÑ Å°ÇÁ·¹ÀÓ */
@keyframes fade {
    0%, 100% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
}
/* ÆäÀ̵å ÀÎ ¾Ö´Ï¸ÞÀÌ¼Ç */
@keyframes fadeIn {
    to {
        opacity: 1; /* ¿ÏÀüÈ÷ º¸À̵µ·Ï ¼³Á¤ */
    }
}

.scroll-box {
  width: 870px;
  height: 410px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

/* °­Á¦·Î ºê¶ó¿ìÀúÀÇ ¹ÝÀÀÇü ±ÔÄ¢À» ¹«·ÂÈ­ */
.scroll-box img {
  display: block;
  width: auto !important;        /* ÀÚµ¿ ³Êºñ(¿øº» ºñÀ² À¯Áö) */
  min-width: 1677px !important;  /* ÃÖ¼Ò ³Êºñ °íÁ¤(ÀÛ¾ÆÁöÁö ¾ÊÀ½) */
  height: 410px !important;
  max-width: none !important;    /* max-width:100% °°Àº ±ÔÄ¢ ¹«½Ã */
}