@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
body{min-width:1200px}
.new_head {width:100%;position:relative;}
.toparea {border-bottom:1px solid #eee;height:50px}
.toparea ul {max-width:1200px;margin:auto;text-align:right;padding:15px 0px 0px}
.toparea li {display:inline-block;margin-left:15px;font-size:1em}
.toparea li i {font-size:0.9em;margin-right:5px}
.toparea a {color:#000}

.naviarea {width:100%;height:80px;border-bottom:1px solid #eee;z-index:9999;background:#fff;position:relative}
.naviarea ul {max-width:1200px;margin:auto;}

.jbFixed { position: fixed; top: 0px;}


.logoarea {width:380px;float:left;margin-top:13px}
.mainmenu {float:right;padding-top:28px;height:80px}
.mainmenu li {display:inline-block;font-size:1.25em;margin-left:65px;letter-spacing:-1px;}
.mainmenu li a {color:#000;font-weight: 600;}
.mainmenu li:first-child {margin-left:0px;}

.submenu {min-width:100%;top:80px;position:absolute;height:220px;background:#fafafa;z-index:9999;display:none;border-bottom:1px solid #eee}


.submenu >  li {max-width:1200px;margin:auto;text-align:right;}
.submenu >  li > ul {display:inline-block;vertical-align:top;border-right:1px solid #eee;width:125px;padding:10px 0px;height:200px}
.submenu >  li > ul:first-child {border-left:1px solid #eee}
.submenu >  li > ul > li {text-align:left;padding:8px 0px}
.submenu >  li > ul > li a {color:#000;font-size:1em;letter-spacing:-1px;padding-left:10px}


.newmainimage {width:100%;position:relative;height:380px;background:url('/cimgs/mainbg2.jpg') no-repeat right center #f8f8f8;max-width:1920px;overflow:hidden;margin:auto}
.allarea {width:1200px;height:380px;margin:auto;}
.leftarea {width:1200px;height:380px;background: #ff7200;/*background:url('/cimgs/leftbg.jpg') no-repeat right top #35271a;*/transform:translatex(-800px)}


.leftarea_content {width:390px;height:380px;float:right}
.nextexam {color:#fff;margin-top:90px;}
.exam_title {font-family:notol;font-size:1.2em;letter-spacing:-1px;    font-weight: 600;}
.exam_date {font-family:notom;font-size:2em;letter-spacing:-1px;margin-bottom:20px;}
.txt {padding:0px}
.txt .txt01 li {display:inline-block;font-family:notol;font-size:1em;margin-bottom:5px;}
.txt .txt01 li:first-child {background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);font-family:notol;letter-spacing:-1px;color:#fff;padding:3px 5px;font-size:0.9em;margin-right:5px;}
.schbtn {border:1px solid rgb(255 255 255);padding:10px;display:inline-block;font-size:1.2em;letter-spacing:-1px;margin-top:20px;transition:all 0.3s;cursor:pointer}
.schbtn:hover {background:rgba(255,255,255,0.1);}

.newsubimage {width:100%;position:relative;height:130px;background:url('/cimgs/mainbg.jpg') no-repeat right center #f8f8f8;max-width:1920px;overflow:hidden;margin:auto}

.hlinetop {width:100%;height:1px;border-bottom:1px solid #eee;position:absolute;top:350px}

.main_wrap {width:1200px;margin:auto;position:relative;}
.mainboxmenu {width:100%;margin-top:50px;text-align:center;}
.mainboxmenu li {overflow:hidden;border-radius:5px;display:inline-block;width:calc(100% / 7 - 21px);margin:0px 9px;text-align:center;padding:0px 0px;letter-spacing:-1px;border:1px solid #eee;transition:all 0.3s}
.mainboxmenu li:last-child {margin-right:0px;}
.mainboxmenu li:first-child {margin-left:0px;}
.mainboxmenu li:hover {box-shadow:0px 8px 8px rgba(0,0,0,0.05);transform:translatey(-5px)}
.boxmenutitle {font-size:1.2em;margin:10px 0px;font-weight: 600;}

.mainnotice {margin-top:40px;display:inline-block;position:relative;width:100%}
.mainnotice_title {font-size:2em;letter-spacing:-1px;text-align:center;font-family:notom;margin-bottom:30px;border-bottom:1px solid #eee;padding-bottom:30px;font-weight: 600;}
.mainnotice li {display:inline-block;width:calc(100% / 4 - 15px);float:left;margin:0px 10px;box-sizing:border-box;padding:10px 5px;cursor:pointer}
.mainnotice li a {color:#000}
.mainnotice li:hover {background:#fafafa}
.mainnotice .notice_title {font-size:1.2em;letter-spacing:-1px;font-family:notom}
.mainnotice .notice_date {font-size:0.9em;letter-spacing:-1px;font-family:notor;color:#6a6a6a;border-bottom:1px solid #eee;margin-bottom:8px;padding-bottom:8px;}
.mainnotice .notice_content {font-size:1em;letter-spacing:-1px;font-family:notor;color:#6a6a6a;;height:105px;overflow:hidden;;
  white-space: pre-line;}
.mainnotice li:first-child {margin-left:0px;}
.mainnotice li:last-child {margin-right:0px;}


.circle {width:100%;height:150px;margin:auto;line-height:150px;}
.circle img {margin-top:22px;    filter: hue-rotate(140deg);}
/*.bg001 {background:#79a8e8}
.bg002 {background:#e98e8e}
.bg003 {background:#ebdc97}
.bg004 {background:#b6dc8a}
.bg005 {background:#b18f89}
.bg006 {background:#6e9abf}
.bg007 {background:#86d2ce}
*/

.bg001 {background:#dfdfdf}
.bg002 {background:#dfdfdf}
.bg003 {background:#dfdfdf}
.bg004 {background:#dfdfdf}
.bg005 {background:#dfdfdf}
.bg006 {background:#dfdfdf}
.bg007 {background:#dfdfdf}

.newmainbanner ul {width:100%;margin-top:40px;}
.newmainbanner li {display:block;float:left;transition:all 0.3s}
.newmainbanner li:hover {filter:brightness(1.05)}

.submenuarea {width:100%;height:100px;border-bottom:1px solid #eee}

.subcategory {max-width:1200px;margin:auto;font-family:notom;;font-size:1.2em;letter-spacing:-1px;padding-top:44px}
.subcategory ul {display:inline-block;width:100%;}
.subcategory li {float:left;text-align:center;padding:13px 0px;}
.subcategory a {color:#666}
.subcurrent {border-bottom:2px solid #000;font-size:1.3em;font-family:notor}
.subcurrent a{color:#000}


	/* six items */
.subcategory li:first-child:nth-last-child(6),
.subcategory li:first-child:nth-last-child(6) ~  li {
  width: 16.6666%;
}

	/* five items */
.subcategory li:first-child:nth-last-child(5),
.subcategory li:first-child:nth-last-child(5) ~  li {
  width: 20%;
}

	/* four items */
.subcategory li:first-child:nth-last-child(4),
.subcategory li:first-child:nth-last-child(4) ~  li {
  width: 25%;
}

	/* three items */
.subcategory li:first-child:nth-last-child(3),
.subcategory li:first-child:nth-last-child(3) ~  li {
  width: 33.3333%;
}



.newlicense {width:100%;position:relative;display:inline-block;height:200px;background:#f5f5f5;margin-top:100px;}
.licensearea {width:1200px;margin:auto;position:relative;}
.licensetxt {width:80%;float:right;text-align:right;color:#000;margin-top:70px;}
.btmlogo {position:absolute;top:70px;opacity:0.5}
	body {margin:0px;padding:0px;font-size:0.8rem;font-family:notor}
	div {box-sizing:border-box}
	ul {padding:0px;margin:0px;list-style:none;}
	a {text-decoration:none}
	.head_area {width:100%;height:31px;background:#f4f4f4;border-bottom:1px solid #efefef}
	.top_menu {width:1130px;margin:auto;text-align:right;}
	.top_menu ul {display:inline-block;}
	.top_menu li {float:left;height:31px;line-height:30px;font-size:11px;color:#7c7c7c;border-right:1px solid #efefef;padding:0px 15px;cursor:pointer}
	.top_menu li:first-child {border-left:1px solid #efefef}
	.top_menu li:hover {background:rgba(255,255,255,0.3);color:#4198f1;}

	.logo_area {width:1130px;height:108px;margin:auto;position:relative;}
	.logo_area .logo {width:81px;height:81px;margin:auto;position:absolute;top:0px;bottom:0px;}

	.navi_area {width:100%;height:47px;background:url('/cimgs/navibg.png') repeat-x left top}
	.navi_area > ul {width:1130px;margin:auto;position:relative;text-align:center;}
	.navi_area > ul  > li {display:inline-block;position:relative;text-align:center;color:#fff;font-family:notor;font-size:1.25em;letter-spacing:-1px;text-shadow:0px 0px 5px rgba(0,0,0,0.3);padding:13px 40px 13px;margin-right:-4px;border-right:1px solid #216ace;border-left:1px solid #377ede;cursor:pointer}
	.navi_area > ul > li:first-child {border-left:0px;}
	.navi_area > ul > li:last-child {border-right:0px;}
	.navi_area > ul  > li:hover {color:#ffc600}

	.navi_area > ul > li > ul {display:none;position: absolute;left:-2px;top:47px;padding:0px;margin:0px;margin-bottom:20px;width:180px;border:1px solid #327cdf;z-index:1000;background:#fff;border-top:1px solid #fff;box-shadow:1px 1px 1px rgba(0,0,0,0.1)}
	.navi_area > ul > li > ul > li {font-family: 'Nanum Gothic', sans-serif;color:#777;clear: inherit;text-align:left;font-size:0.9em;padding:0px 10px;margin:0px;height:35px;line-height: 33px; border-bottom:1px solid #efefef;}
	.navi_area > ul > li > ul > li a {color:#777;font-size:0.9em;text-shadow:none;text-decoration:none;}
	.navi_area > ul > li > ul > li a:hover {color:#327cdf}

	.simg {width:100%;height:160px;background:url('/cimgs/simg01.jpg') no-repeat center top}
	.sub_wrap {width:1200px;margin:auto;}
	.cont_wrap {width:100%;display:inline-block;}

	.step {width:100%;display:inline-block;}
	.step li {float:left;width:calc(100% / 2);background:#efefef;padding:20px;box-sizing:border-box;font-family:notom;letter-spacing:-1px;font-size:1.1em;color:#777}
	.step li:nth-child(2) {width:calc(100% / 2 - 2px);margin:0px 1px}
	.step li i {float:right;font-size:20px;}
	.step li.current {background:#239bc6;color:#fff}


		.step02 {width:100%;display:inline-block;}
		.step02 li {float:left;width:calc(100% / 2);background:#efefef;padding:20px;box-sizing:border-box;font-family:notom;letter-spacing:-1px;font-size:1.1em;color:#777}
		.step02 li:nth-child(2) {width:calc(100% / 2 - 2px);margin:0px 1px}
		.step02 li i {float:right;font-size:20px;}
		.step02 li.current {background:#239bc6;color:#fff}

	.nor_title {font-family:notom;letter-spacing:-1px;font-size:1.2em;padding:15px 0px;}

	textarea.join {width:100%;height:250px;border:1px solid #efefef;font-family:nanum gothic;padding:15px;line-height:160%;color:#777; box-sizing:border-box}

	.agree {padding:5px 0px;font-family:notom;letter-spacing:-1px;font-size:1.1em;}
	.join_btn {font-family:notom;letter-spacing:-1px;color:#fff;background:#266ec9;font-size:1.4em;text-align:Center;width:200px;margin:auto;border-radius:5px;padding:15px 0px;margin:30px auto;cursor:pointer}

	.paging {width:100%;position:relative;text-align:center;margin-top:30px;}
.paging li {display:inline-block;font-family:notor;border:1px solid #dfdfdf;padding:5px 9px;cursor:pointer}
.paging li.current {background:#5e78ff;color:#fff}
	.mobile_ver {display:none;}
.sub_title {font-family:notol;font-size:2.5em;letter-spacing:-1px;padding:30px 0px;border-bottom:1px solid #1a4c8c}
.cont_wrap {width:100%;position:relative;padding:35px 0px;}

.mobile_navi .bt_login{ display:block; text-align:center; color:white; background:linear-gradient(to right, #0084ff, #00b8f6); border-radius:5px; line-height:40px; vertical-align:middle; margin-top:10px}
.wrap_login{width:460px;margin:auto;;left:0px;right:0px;top:0px;bottom:0px;height:220px;margin-top:50px;}
.wrap_login2{width:460px;margin:auto;;left:0px;right:0px;top:0px;bottom:0px;height:280px;margin-top:50px;}
.wrap_join_step01{text-align:center;width:763px;height:850px;position:relative;margin:auto;}
.bt_joinstep1{width:250px;height:120px;position:absolute;bottom:301px;left:235px;cursor:pointer}
.bt_joinstep2{width:250px;height:120px;position:absolute;bottom:301px;left:485px;cursor:pointer}
.wrap_out{border:1px solid #efefef;padding:70px 150px;}
.wrap_out textarea{box-sizing:border-box}
.wrap_poster{width:1074px;margin:0px auto 30px;;padding:30px;border-bottom:1px dashed #dfdfdf;box-sizing:border-box;position:relative;}
.poster{width:369px;height:363px;position:absolute;right:20px;top:150px;}

@media(max-width:1280px) {
.wrap_poster{width:100%}	
body{min-width:100%; overflow-x:hidden}
.newmainimage{max-width:100%}
.main_wrap, .newlicense{width:100%; padding:0 50px}
.licensetxt{width:calc(100% - 327px)}
.logoarea{width:327px; margin-left:50px}
.toparea{padding:0 50px}
.mainmenu{margin-right:50px}
.mainmenu li{margin-left:20px}
.leftarea_content{padding-left:50px}
.newmainbanner ul{display:flex; gap:20px}
.newmainbanner ul li{width:33.33%}
.newmainbanner ul li img{max-width:100%}
.licensearea, .sub_wrap{width:100%}
.pc_ver img, .circle img{max-width:100%}
.sub_wrap{ padding:0 50px}


	}
@media(max-width:1024px) {
.wrap_poster{padding-right:390px}		
.main_wrap, .newlicense{padding:0 20px}
.logoarea{margin-left:20px; width:250px}
.logoarea img{width:100%}
.toparea{padding:0 20px}
.mainmenu{margin-right:20px}
.leftarea_content{padding-left:20px}
.mainmenu li{font-size:14px; margin-left:15px}
.circle{height:auto; line-height:inherit; background:none !important}
.circle img{margin-top:0}
.boxmenutitle{font-size:12px}
.mainnotice_title{font-size:18px}
.sub_wrap{ padding:0 20px}
.table-wrap table {
    min-width: 100% !important;
}
.submenu > li > ul{width:calc(100% / 6 - 7px)}
.wrap_join_step01{width:100% !important; height:auto !important}
.wrap_join_step01 img{width:100%}
}
@media(min-width:541px) and (max-width:768px) {
.wrap_poster{padding-right:0; padding-bottom:400px}	
.poster{bottom:0; top:auto}
.logoarea{ width:200px; float:none; margin:0 auto; margin-top:13px}	
.btmlogo{width:200px; position: relative;
    top: auto;
    margin-top: 20px;}
.btmlogo img{max-width:100%}
.toparea{font-size:11px}
.mainmenu{margin-left:0; width:100%; padding-top:10px; text-align:center; height:40px; margin-right:0}
.mainmenu li{width:calc(100% / 6 - 7px); font-size:12px; margin-left:0}
.submenu > li{text-align:center; max-width:100%; display:flex}
.submenu > li > ul{width:calc(100% / 6); box-sizing:border-box}
.submenu > li > ul > li a{font-size:11px; padding-left:5px; letter-spacing:-2px}
.naviarea ul{max-width:100%; padding:0; margin:0}
.mainboxmenu ul{display:flex; justify-content:center}
.boxmenutitle{word-break:keep-all}
.licensetxt{width:100%; text-align:left; font-size:11px; margin-top:10px}
.subcurrent, .subcategory li{font-size:14px; letter-spacing:-2px}
.choice{width:100% !important}
.wrap_join_step01{width:100%; height:auto; position:relative}
.wrap_join_step01 img{position:relative}
.bt_joinstep1{       
        width: 33%;
        left: 31%;
        bottom: 36%;
        height: 14%;}
.bt_joinstep2{ width:33%; left:64%; bottom:36%; height:14%}
		}
	
@media (max-width: 540px) {
	
body {width:100%;height:100%;margin:0px;padding:0px;font-size:12px;font-family:dotum;background:#f7f7f7; min-width:100%}
.sub_wrap {width:100%;margin:auto;}
.sub_title {font-family:notol;font-size:1.5em;letter-spacing:-1px;padding:15px;border-bottom:0.5px solid #1a4c8c}
.cont_wrap {width:100%;position:relative;padding:25px 10px;}
	 .pc_ver, .pc_only {
    display: none;
  }

	.mobile_ver {display:block;
	max-width:100%;
	
}
.license_m{height:auto !important; padding:0 20px 40px 20px}
.join_table{table-layout:fixed}
.join_table td{display:block; width:100% !important; box-sizing:border-box}
#roadAddress, #detailAddress{width:100% !important}
.wrap_login, .wrap_login2{width:100%}
.wrap_login2 .noti{letter-spacing:-1px}
.wrap_phone{display:flex; align-items:center; width:100%; justify-content:space-between}
.wrap_phone input{width:30% !important}
.cont_wrap img{max-width:100%}
.wrap_join_step01{width:100%; height:auto; position:relative}
.wrap_join_step01 img{position:relative}
.bt_joinstep1{       
        width: 33%;
        left: 31%;
        bottom: 36%;
        height: 14%;}
.bt_joinstep2{ width:33%; left:64%; bottom:36%; height:14%}
.mobile_navi li a{display:block}
.onetable td{width:auto !important}
.wrap_out{padding:50px 20px;}
.boardd{ text-align:left; width:100%; display:block}
.t_refund td, .t_refund th{display:block; width:100%; box-sizing:border-box; padding:10px; text-align:center !important}
.t_payment th{white-space:nowrap; padding:0 5px}
.p_title{font-family: 'Noto Sans KR', sans-serif; margin: 0;
        padding: 0;
        font-size: 30px;
        font-weight: 600;
        color: #333;}
.pnavi{color:#666; border-bottom:1px solid #ddd; padding:10px 0}
.search_box{width:100% !important}	
.th_m{width:80px !important}
.t_han tr{display:block; height:auto; padding:10px}
.t_han td{display:inline-block; padding:5px 20px;  margin:5px; width:calc(33.33% - 10px); box-sizing:border-box}
.t_han .pc_ver{display:none}
.t_han .t_han_title{display:block; line-height:2; border-radius:0; width:calc(100% - 10px)}
.head_title{margin-top:10px}
.head_stxt{word-break:keep-all}

.choice li, .choice{width:100% !important}
.choice li{margin-bottom:0 !important; padding:15px 0 !important; margin-top:10px !important}
}