@charset "utf-8";

@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; 
}

@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: 'ELAND_Nice_M';
    src: url('/font/ELAND_Nice_M.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* ÃʱâÈ­ */
html {overflow-y:scroll;height:100%}
body {margin:0;padding:0;color:#000;font-size:24px;font-family:'Noto Sans KR';min-width:320px;max-width:720px;margin:0 auto;height:100%}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
legend {position:absolute;width:1px;height:1px;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sir-head ul, header ul, nav ul, #sir-tail ul {margin:0;padding:0;list-style:none}
p {margin:0;padding:0 0 10px;line-height:1.8em;word-break:break-all}
label, input, select, img, button {vertical-align:middle} 
input {border-radius:0}
button {margin:0;border-radius:0;font-size:0.857em;cursor:pointer;border:0}
input[type=text], input[type=password], input[type=submit], input[type=image], button {border-radius:0;font-size:1em;-webkit-appearance:none;margin:0;padding:0}
pre {overflow-x:scroll;font-size:1em}
select {margin:0;font-size:0.857em}
hr {display:none}
iframe#hiddenframe {display:none;width:0;height:0}
a, a:link, a:visited, a:active {color:#000;text-decoration:none}
a:focus, a:hover {text-decoration:none}
ul,li,ol,dd,dt,dl{list-style:none;padding:0;margin:0}
table{border-collapse:collapse}
.sound_only,#hd_pop h2{position: absolute;margin: 0 !important;padding: 0 !important;font-size: 0;text-indent: -9999em;line-height: 0;overflow: hidden;}


h3.tit25 {font-family: 'ELAND_Nice_M'; font-weight:normal;  font-size:48px;line-height:50px;margin:0; padding:0;letter-spacing:-3.5px;}
h3.tit25 span{font-size:30px;  font-family:'Noto Sans KR'; letter-spacing:-1px; font-weight:600;}
h3.tit25 p{font-size:16px; line-height:21px; margin-top:4px;  letter-spacing:-1px; font-weight:600;}

.button25_con {position:relative; text-align:center; margin-top:45px;}
.button25 {font-family: 'notokr-bold'; display: inline-block; padding: 34px 0; font-size: 30px; color: #000; background-color: #fff; width:445px;  
border: 1px solid #ccc; border-radius: 20px; cursor: pointer; text-align: center; transition: all 0.2s ease; letter-spacing:-1px; line-height:30px;}

#con_lf{background:#fff;padding-bottom:10px;border-bottom:2px solid #dddddf;position:relative;margin-top:10px}

#container_title{position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden;}
.pg_tit{font-size:1em;margin: 0;padding:10px }

:root{--size: 200px; /* Àüü ÄÄÆ÷³ÍÆ® Å©±â (¿ø Å©±â º¯°æ ½Ã ÀÌ °ª¸¸ Á¶Á¤) */--stroke: 20; /* ¸µ µÎ²² */--bg: #000; /* ¹è°æ ¸µ »ö */--accent: #3b82f6;/* ÁøÇà »ö */--font: 18px;}
*{box-sizing:border-box}
.radial {width:var(--size);height:var(--size);display:grid;place-items:center;position:relative;font-family:'Noto Sans KR';}

/* svg´Â Á¤Áß¾Ó¿¡ ²ËÂ÷°Ô */
svg{width:100%;height:100%;display:block}
.label {position:absolute; /* Áß¾Ó ÅؽºÆ® */ inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none;}
.pct {font-size:21px;letter-spacing:-1px;color:#ccc}
.value{letter-spacing:-2px;font-size:calc(var(--font) * 2.7);font-weight:900;line-height:1.0; color:#ffd85f;}
.unit{font-size:calc(var(--font) * 1.2);font-weight:700; color:#ccc}

/* ºÎµå·¯¿î ·»´õ¸µ */
.progress{transition:stroke-dashoffset 0.3s linear}

.main_onc {display:flex; gap:25px; flex-wrap:wrap; justify-content:left;  margin:0; padding:0; list-style:none;height:430px;}
.main_onc li {width:314px; margin:0; box-sizing:border-box; position:relative;}
.onc_inner {position:relative;}
.onc_thumb .thumb {width:100%; height:auto; border-radius:20px; overflow:hidden; position:relative; background:#f5f5f5; border:1px solid #ccc;}
.onc_thumb img {width:314px; height:372px;}
.onc_name {position:absolute;z-index:9999;text-align:center;bottom:0;left:50%;transform:translateX(-50%);font-size:24px;color:#333;line-height:1.3em;padding:15px 0 0;font-weight:700;letter-spacing:-1px;}

.fade-up {opacity:0; transform:translateY(50px); transition:all 0.8s ease-out;}
.fade-up.show {opacity:1; transform:translateY(0);}

/* ¼øÂ÷ Áö¿¬ */
.fade-up:nth-child(1).show {transition-delay:0s;}
.fade-up:nth-child(2).show {transition-delay:0.2s;}
.fade-up:nth-child(3).show {transition-delay:0.4s;}

/*** header****/
#wrapper{position:relative;background:#fff;}

/*gnb*/
#gnb {position:relative; padding:0 10px; }
#gnb #fv_bd{position:absolute;top:7px;left:10px;background:url() no-repeat; width:22px;height:22px;font-size:0; text-indent:-999px;border:0;display:none}

#gnb .gnb_menu{overflow:hidden;letter-spacing:-1px;}
#gnb .gnb_menu li{float:left;height:36px;width:20%;text-align:center;line-height:36px;}
#gnb .gnb_menu li a{background:url()  left no-repeat;display:inline-block;width:100%;height:33px;color:#999999;font-size:1.1em;}
#gnb .gnb_menu li:first-child a{background:none}
#gnb .gnb_menu li a.gnb_sl{border-bottom:3px solid #003c40;color:#000;font-weight:bold}

#notice {position:relative;height:36px;text-align:left;padding-left:8px;line-height:36px;color:#ffffff;background:#6c7a89 }
#notice #fv_bd{position:absolute;top:7px;left:10px;background:url() no-repeat; width:22px;height:22px;font-size:0; text-indent:-999px;border:0;display:none}

.grid1{overflow:hidden;border:1px solid #fff; border-bottom:0}
.grid2{overflow:hidden;border:0 }
.uio_link03{border-radius:5px;}
.uio_link03:after{position:relative;display:block;clear:both}
.uio_link03 .ul_item{float:left;position:relative;width:33.3%;background:#6db859}
.uio_link03 .ul_item2{float:left;position:relative;width:33.3%;background:#fff}
.uio_link03 .ul_a{display:block;padding:15px 0;font-size:1.2em;font-weight:bold;color:#fff;;line-height:14px;letter-spacing:-1px;white-space:nowrap;text-overflow:ellipsis;border-right:1px solid #ccc;border-bottom:1px solid #ccc;text-align:center}
.uio_link03 .ul_a img{margin:20px 0 10px;height:45px;}
.uio_link03 .last{border-right:0}
.uio_link03 .active{color:#000;}

.uio_link04{border-radius:5px;}
.uio_link04:after{position:relative;display:block;clear:both}
.uio_link04 .ul_item{float:left;position:relative;width:33.3%;background:#fff}
.uio_link04 .ul_a{display:block;padding:0 ;font-size:0.9em;color:#000;;line-height:14px;letter-spacing:-1px;white-space:nowrap;text-overflow:ellipsis;text-align:center}
.uio_link04 .ul_a img{margin:0 0 10px;}
.uio_link04 .active{color:#000;}

.uio_link{line-height:20px}
.uio_link:after{position:relative;display:block;clear:both}
.uio_link .ul_item{float:left;position:relative;width:25%;}
.uio_link .ul_a{display:block;height:36px;font-size:1em;line-height:37px;color:#666;letter-spacing:-1px;white-space:nowrap;text-overflow:ellipsis;border-right:1px solid #f5f5f5;border-bottom:1px solid #f5f5f5;text-align:center}
.uio_link .active{color:#000;}



/*****¸ÞÀÎ*****/
/*ÃֽűÛ*/
.new_con{background:#fff;margin:10px 0;border-bottom:1px solid #dddddf}
.new_con h2{font-size:1em;border-top:1px solid #dddddf;border-bottom:1px solid #dddddf;height:35px;line-height:35px;padding-left:10px}
.new_con h2.dp_tit{border-bottom:none;}

.stit{background:#f7f7f7;border-top:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff; overflow:hidden;border-radius:4px}
.stit a{color:#6a6a6a}
.stit li{float:left;text-align:center;font-size:1.1em;height:42px;line-height:44px;color:#6a6a6a;background:#f7f7f7;width:25%;letter-spacing:-1px}

.stit li a{display:inline-block;width:100%}

.stit li.selected{background:#fff;border-radius:3px;}
.stit li.selected a{color:#000; font-weight:bold }

.st02{background:#282c35;border-top:1px solid #000;border-bottom:1px solid #000;overflow:hidden;}
.st02 a{color:#fff}
.st02 li{float:left;text-align:center;line-height:28px;color:#6a6a6a;background:#282c35;font-size:1em}
.st02 li:first-child{border:none;}
.st02 li a{border-left:1px solid #000;display:inline-block;width:100%}

.st_2 li{width:33.3%}
.st_3 li{width:33.3%}
.st_4 li{width:20%}
.st_5 li{width:50%}
.st_7 li{width:50%}
.st_8 li{width:100%}

.cnt_li {padding:20px 10px 0;}
.cnt_li li{border-bottom:1px solid #ebeef3;line-height:1.4em;padding:20px 0;letter-spacing:-1px; width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.cnt_li li a{color:#000;font-size:1em}
.cnt_li li .lt_cnt{position:absolute;right:10px;color:#000}

.cnt_li3 {padding:20px 10px 0;}
.cnt_li3 li{border-bottom:1px solid #ebeef3;line-height:1.4em;padding:20px 0;letter-spacing:-1px; width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.cnt_li3 li a{color:#999;font-size:1em}
.cnt_li3 li .lt_cnt{position:absolute;right:10px;color:#999}

.cnt_img {padding:0}
.cnt_img li{border:0;height:100%;overflow:hidden}

#tabmenu2 li {overflow:hidden; background-color:#fcfcfc; border-radius:33px; border:1px solid #b5b5b5; display:inline-block;	cursor:pointer; color:#333;font-size:17px;line-height:16px;padding:12px 0;text-decoration:none;text-align:center;letter-spacing:-1px}
#tabmenu2 li span{font-size:13px;color:#999}
#tabmenu2 li:hover {	background-color:#ededed;}
#tabmenu2 li:active {	position:relative;	top:1px;}

#tabmenu2 li.on {background-color:#44c767;border-radius:33px;	border:1px solid #18ab29;	display:inline-block;	cursor:pointer;	color:#ffffff;	font-size:17px;	padding:12px 0;text-decoration:none;	text-shadow:0px 1px 0px #2f6627;}
#tabmenu2 li.on span{color:#fff}


.btn_max {	box-shadow:inset 0px 1px 0px 0px #ffffff;	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);	background-color:#f9f9f9;	border-radius:6px;	border:1px solid #dcdcdc;	display:inline-block;	cursor:pointer;	color:#666666;	font-size:15px;		padding:9px 24px;	text-decoration:none;	text-shadow:0px 1px 0px #ffffff;}
.btn_max:hover {background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);	background-color:#e9e9e9;}
.btn_max:active {position:relative;	top:1px;}

/* UI Object */
.tbl_type,.tbl_type th,.tbl_type td{border:0}
.tbl_type{width:100%;border-bottom:1px solid #dddddf;font-size:11px;text-align:center}
.tbl_type caption{display:none}
.tbl_type th{border-top:1px solid #dddddf;background-color:#f5f7f9;font-size:12px;font-weight:bold}
.tbl_type td{border-top:1px solid #e5e5e5;}
/* //UI Object */

/* //UI Object */
.img_li{overflow:hidden;padding-bottom:20px;height:80px;}
.img_li li{float:left;width:25%;text-align:center;margin-top:10px}
.img_li li:after{display:block;visibility:hidden;clear:both;content:""}
.img_li li a.pic_img{display:block;margin-bottom:0}
.img_li li a.pic_img img{border:0;}
.img_li li a.pic_txt{display:inline-block;height:12px; font-size:11px; overflow:hidden;margin:5px  10px}

.pic_li{overflow:hidden;height:100px;}
.pic_li li{float:left;width:100%;text-align:center;}
.pic_li li:after{display:block;visibility:hidden;clear:both;content:""}
.pic_li li a.pic_pic{display:block;margin-bottom:0}
.pic_li li a.pic_pic img{border:0;}

/* ½Ã¼³¾È³» */
.lst_app{overflow:hidden;zoom:1}
.lst_app li{float:left;width:25%;font-size:0}
.lst_app li .thmb{height:95%;text-align:center}
.lst_app li .btn_area{padding:5px 0 10px;text-align:center;font-size:14px}
.lst_app li .btn_area a{color:#333}
.lst_app li img{border:1px solid #f2f2f2}
/* //UI Object */

.examTbl2015{margin:0 auto; width:100%;border-top:1px solid #e0e3e7;}
.examTbl2015 thead th,
.examTbl2015 tbody th{font-weight:700 !important;letter-spacing:-1px;font-size:0.9em;color:#000;padding:10px 0 8px;border-bottom:1px solid #e0e3e7;background:#f1f1f1;}
.examTbl2015 thead th.exam{font-size:0.9em;padding:17px 0 15px;color:#fff;border:0;background:#18685a;}
.examTbl2015 td.al{padding-left:15px; text-align:left;}
.examTbl2015 td.aL2{padding:2px 0 3px 0px; text-align:left;}
.examTbl2015 td.aL3{padding:2px 0 3px 4px; text-align:left;}
.examTbl2015 td.aL4{padding:4px 0 5px 15px; text-align:left; color:#666;}
.examTbl2015 td,.examTbl2015 th{text-align:center;}
.examTbl2015 td{padding:10px 0 8px;color:#666;font-size:0.9em;border-bottom:1px solid #e0e3e7;border-left:1px solid #e0e3e7;}
.examTbl2015 td img{margin:-2px 2px 0px;}
.examTbl2015 td a:link, .examTbl2015 td a:visited, .examTbl2015 td a:active, .examTbl2015 td a:hover{font-size:0.9em; }
.examTbl2015 th.first,.examTbl2015 td.first{border-left:none;}
.examTbl2015 td.org{color:#F65700;}



.clear_self {clear:both}
.s_subject {font-size:1.2em}
.info_area {width:100%;margin-top:0.5em;font-weight:normal;color:#999;font-size:0.8em}
.info_article {float:left;margin-left:1em}
.info_source {float:right;margin-right:1em}


/* UI Object */
.paginate{padding:15px 0;text-align:center}
.paginate a,.paginate strong{display:inline-block;position:relative;_width /**/:17px;margin-right:1px;padding:3px 3px 5px;border:1px solid #fff;color:#000;font-family:Verdana;font-size:13px;line-height:normal;text-decoration:none}
.paginate strong{border:1px solid #e9e9e9;color:#f23219 !important}
.paginate .pre{margin-right:9px;padding:7px 6px 5px 16px;background:url(https://static.naver.com/common/paginate/bu_pg3_l_off.gif) no-repeat 6px 9px !important}
.paginate .next{margin-left:9px;padding:7px 16px 5px 6px;background:url(https://static.naver.com/common/paginate/bu_pg3_r_off.gif) no-repeat 71px 9px !important}
.paginate a.pre{background:url(https://static.naver.com/common/paginate/bu_pg3_l_on.gif) no-repeat 6px 9px !important}
.paginate a.next{background:url(https://static.naver.com/common/paginate/bu_pg3_r_on.gif) no-repeat 74px 9px !important}
.paginate .pre,.paginate .next{display:inline-block;position:relative;top:1px;_width /**/:84px;border:1px solid #e9e9e9;color:#ccc;font-family:'±¼¸²',Gulim;font-size:12px;line-height:normal}
.paginate a.pre,.paginate a.next{color:#565656}
.paginate a:hover{border:1px solid #e9e9e9;background-color:#f7f7f7 !important}
/* //UI Object */

#top_btn{position:absolute;bottom:0;right:0;z-index:99}

.Pstyle {opacity: 0; display: none; position: relative; width: auto; height:100%; padding: 0; background-color: #e7e9eb; z-index:99999999999999;}
 
.b-close {position: absolute; right: 0; top: 25px; padding: 5px; display: inline-block; cursor: pointer; color:#000; font-size:12px}

.bx-wrapper { position: relative; margin: 0 auto; padding: 0; *zoom: 1; }
.bx-wrapper img { max-width: 100%; display: block; }
.bx-wrapper .bx-prev { left: 10px; background: url(/nimg/controls.png) no-repeat -7px -32px; }
.bx-wrapper .bx-next { right: 10px; background: url(/nimg/controls.png) no-repeat -37px -32px; }
.bx-wrapper .bx-prev:hover { background-position: -7px 0; }
.bx-wrapper .bx-next:hover { background-position: -37px 0; }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; }
.bx-wrapper .bx-controls-direction a.disabled { display: none; }
.bx-wrapper .bx-controls-auto { text-align: center; }
.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(images/controls.png) -86px -11px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; }
.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(images/controls.png) -86px -44px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; }
.bx-wrapper .bx-pager { position: absolute; text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; bottom: -20px; width: 340px; left: 50%; margin-left: -170px; }
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; }
.bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 4px 0; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #12a945; width: 30px; }


/* mbutton */


.uio_link2{line-height:20px; margin-top:-3px;}
.uio_link2:after{position:relative;display:block;clear:both}
.uio_link2 .mbutton{display:block;height:40px;font-size:1em;line-height:20px;color:#666;text-align:center; background-color:#f9f9f9}
.uio_link2 .active{color:white;background-color:#123c3c;}


/* UI Object */
h1.title01{font-size:16px;padding:16px 10px;color:#333}
.menu_v{position:relative;width:250px;font-size:14px;font-family:Tahoma, Geneva, sans-serif;line-height:normal;}
.menu_v ul{margin:0;padding:0;list-style:none;}
.menu_v li{position:relative;margin:0 0 0 0;vertical-align:top;*zoom:1}
.menu_v li a{display:block;position:relative;padding:14px 15px;color:#666;text-decoration:none;border-bottom:1px solid #e7e9eb;background:#f2f4f7;*zoom:1}
.menu_v li ul{padding:5px 0;background:#fff}
.menu_v li li{margin:0}
.menu_v li li a{padding:7px 15px;background:#fff;font-weight:normal}
.menu_v li li a span{color:#666}
.menu_v li.active{z-index:2;}
.menu_v li li.active{}
.menu_v li.active a{border:0;color:#000}
.menu_v li.active .i{background-position:0 -44px}
.menu_v li.active li a{}
.menu_v li.active ul{display:block;}
.menu_v li.active li.active a span{color:#0055a6;letter-spacing:-1px}




.rule {position: relative;padding-bottom:1em;}
.rule h2 {margin:1em 0 0 0;padding:0;border:0}
.rule p {margin:0 0 0 1em;font-size:0.9em;line-height:180%;letter-spacing:-0.1em}

/* faqh */
dl#faqh {  border-top:2px solid #739490; background:#fff}
dl#faqh dt.first { border-bottom: none; }
dl#faqh dt { background:url("https://www.jongrosdl.co.kr/images/faq_q.gif") no-repeat 5px 13px #f3f3f3; display: block; padding: 20px 0 15px 27px; line-height: 13px; font-weight: bold; color:#333; text-decoration:none;border-bottom:1px solid #ffffff;  }
dl#faqh dd { width: 95%; padding:7px 0 7px 15px ;line-height: 19px;  border-bottom:0px solid #e0e7e6;}
.showstate {float:right;font-size:11px;font-weight:normal}

/* UI Object */
a.btn_big{display:inline-block;padding-right:4px;background:url(https://static.naver.com/groupware/2010/bg_btn_default.gif) no-repeat 100% 0;font-family:'³ª´®°íµñ',nanumgothic,'notokr-medium',dotum;font-size:12px;color:#333;line-height:26px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap}
a.btn_big span,a.btn_big strong{display:block;padding:1px 8px 1px 12px;background:url(https://static.naver.com/groupware/2010/bg_btn_default.gif) no-repeat}
a.btn_sml{display:inline-block;padding-right:4px;background:url(https://static.naver.com/groupware/2010/bg_btn_default.gif) no-repeat 100% -27px;font-family:'³ª´®°íµñ',nanumgothic,'notokr-medium',dotum;font-size:11px;color:#333;line-height:21px;letter-spacing:-1px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap}
a.btn_sml span,a.btn_sml strong{display:block;padding:0 4px 1px 8px;background:url(https://static.naver.com/groupware/2010/bg_btn_default.gif) no-repeat 0 -27px}
/* //UI Object */

.bsubmit {display:block;padding:14px 0 14px;letter-spacing:-0.1em;font-size:1.1em;color:#4F4F4F;
cursor:pointer;text-align:center;background-color:#fff;border:1px #C3C3C3 solid;border-bottom:1px #A2A2A2 solid;border-top:1px #E3E3E3 solid;
text-overflow:ellipsis;overflow:hidden;white-space:nowrap;
}
.bsubmit.btn1 {color:#000;  background-color:#fff; border:1px #dddddf solid;border-radius:20px}
.bsubmit.btn1:link, .bsubmit.btn1:hover, .bsubmit.btn1:focus .bsubmit.btn1:visited {color:#000;}

.mbutton02 {width:100%; text-align:center; line-height:45px; background-color:#03cf5d; color:white;  color:#fff;font-size:16px}

.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_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;}


#campus_tel { -webkit-appearance: none; /* ³×ÀÌƼºê ¿ÜÇü °¨Ãß±â */ -moz-appearance: none; appearance: none; background: url(https://img.jongroeclass.co.kr/img20/arrow2.png) no-repeat 95% 50%; /* È­»ìÇ¥ ¸ð¾çÀÇ À̹ÌÁö */ } /* IE 10, 11ÀÇ ³×ÀÌƼºê È­»ìÇ¥ ¼û±â±â */ select::-ms-expand { display: none; }
#campus_tel { width: 100%; /* ¿øÇÏ´Â ³Êºñ¼³Á¤ */ padding: .8em .8em; font-size:1em;/* ¿©¹éÀ¸·Î ³ôÀÌ ¼³Á¤ */ font-family: inherit; /* ÆùÆ® »ó¼Ó */ background: url(https://img.jongroeclass.co.kr/img20/arrow2.png) no-repeat 99% 50%; /* ³×ÀÌƼºê È­»ìÇ¥ ´ëü */ border: 1px solid #3b4a54; border-radius: 20px; /* iOS µÕ±Ù¸ð¼­¸® Á¦°Å */ -webkit-appearance: none; /* ³×ÀÌƼºê ¿ÜÇü °¨Ãß±â */ -moz-appearance: none; appearance: none; background-color:#485761;color:#fff; letter-spacing:-1px}

.grid1{overflow:hidden;border:0; border-bottom:0}
.grid2{overflow:hidden;border:0 }
.uio_link03{border-radius:0;}
.uio_link03:after{position:relative;display:block;clear:both}
.uio_link03 .ul_item{float:left;position:relative;width:33.3%;background:#006965}
.uio_link03 .ul_item2{float:left;position:relative;width:33.3%;background:#fff}
.uio_link03 .ul_a{display:block;padding:15px 0;font-size:1.1em;font-weight:bold;color:#fff;line-height:14px;letter-spacing:-1px;white-space:nowrap;text-overflow:ellipsis;border-right:1px solid #00af50;border-bottom:1px solid #00af50; text-align:center}
.uio_link03 .ul_a img{margin:20px 0 10px;height:45px;}
.uio_link03 .last{border-right:0}
.uio_link03 .active{color:#000;}

.uio_link_m{line-height:50px;}
.uio_link_m:after{position:relative;display:block;clear:both}
.uio_link_m .ul_item{float:left;position:relative;width:33.3%;background:#333;}
.uio_link_m .ul_a{display:block;height:48px;font-size:1em;line-height:48px;color:#ccc;letter-spacing:-1px;white-space:nowrap;text-overflow:ellipsis;text-align:center;}
.uio_link_m .active{font-weight:bold;color:#000;border-bottom:0;background:#cc0000; color:#fff}

.stit li.selected{border:1px solid #ccc; border-radius:3px}

.grid8{overflow:hidden;border-radius:3px;}
.grid9{overflow:hidden;border:0 }

.uio_link04{border:0;}
.uio_link04:after{position:relative;display:block;clear:both}
.uio_link04 .ul_item04{float:left;position:relative;width:33.33%;background:#fff}
.uio_link04 .ul_item {position:relative; background:#ececec;}
.uio_link04 .ul_item .time {position:absolute;background:#000; color:#fff;  bottom:7px; right:8px; font-size:0.9em; opacity : 0.8;padding:2px}
.uio_link04 .ul_item05 {position:relative; float:left; padding:0}
.uio_link04 .ul_item05 .time {position:absolute;background:#000; color:#fff;  top:55%; right:10px; margin-left:-17px; font-size:1em; opacity : 0.8;padding:2px 4px}

.uio_link04 .ul_item p {line-height:1em; font-weight:normal; text-align:left; padding-left:4px;margin-top:8px; font-size:1.2em; color:#666}
.uio_link04 .ul_a{display:block;padding:15px 0;font-size:16px;font-weight:bold; color:#000;;line-height:14px;letter-spacing:-1px;white-space:nowrap;text-overflow:ellipsis;border:0; border-right:1px solid #ccc;text-align:center}
.uio_link04 .ul_a05{display:block;padding:5px 0 0;font-size:16px;font-weight:bold; color:#000;;line-height:16px;letter-spacing:-1px;white-space:nowrap;text-overflow:ellipsis;border:0; border-right:1px solid #ccc;text-align:center}
.uio_link04 .ul_a05 p{line-height:14px; margin-top:5px}
.uio_link04 .ul_a02{display:block;padding:6px 0 0;font-size:16px;font-weight:bold; color:#000;;line-height:14px;letter-spacing:-1px;white-space:nowrap;text-overflow:ellipsis;border:0; border-right:1px solid #ccc;text-align:center}

.uio_link04 .last{border-right:0}
.uio_link04 .rred{background:orange; color:#fff;}

.uio_link04 .active{color:#000;}


.Pstyle2 {
    opacity: 0;
    display: none;
    position: absolute;
	width:360px;
	height:300px;
    padding: 0 0 0 50%;
	margin-left:-180px;
	margin-top:200px;
	}

.b-close {
    position: absolute;
    right: 10px;
    top: 0;
    padding: 10px;
    display: inline-block;
    cursor: pointer;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	
}