@charset "utf-8";

 
body {font-family: 'noto', 'Noto Sans','Noto Sans KR','notokr-medium', 'Malgun Gothic', dotum, gulim, verdana, sans-serif; font-size: 16px; min-width: 1200px;}
#wrap {position: relative;padding-top: 80px;}
#wrap>#content {min-height: 400px;}
.flexslider {background: none;}
.owl-nav [class*=owl-] {width:34px;height:66px;margin-top:-33px;background: #fff;border-radius: 0;font-size: 0; z-index: 2;}
.owl-nav .owl-prev {background: url(/images/main/arr_slide_prev.png); left: -70px}
.owl-nav .owl-next {background: url(/images/main/arr_slide_next.png); right: -70px}
.flex-control-paging li a.flex-active {background: #5f97fd}
.flex-control-paging li a {background: rgba(255, 255, 255, 0.24); box-shadow: none; width: 13px; height: 13px;}

/* HEADER */
#header {position: fixed;top: 0;left: 0;right: 0;width: 100%; height: 80px;background: #fff; z-index: 3; border-bottom:1px solid #d6d7d7}
#header h1 {float: left;font-size: 0;margin: 0;}
#header h1 img {display: block;margin-top: 22px;}
#header .top-nav {float: right;margin-top: 35px;font-size: 13px; color: #333;}
#header #toggle-open, #header #toggle-close {display: none}
#header .toggle-nav-wrap {display: none}
#header #gnb {max-width: 80%;margin: 0 auto; text-align: center;margin-top:25px; color: #333;}
#header #gnb>ul {font-size: 0;}
#header #gnb>ul>li {display: inline-block;max-width: 20%;padding: 0 1em; text-align: center;font-size:21px;font-family:"notokr-bold"; outline:none; margin-left:25px}
#header #gnb>ul>li:last-child .btn {font-weight: 800;padding: 8px 15px;margin-top: -2px;}


/*HEADER-수정-1902*/
#header #menu{max-width: 80%;margin: 0 auto; text-align: center;margin-top:25px; margin-left:250px; color: #333;  }
#header #menu ul{list-style:none; position:absolute; display:none; background:#FFFFFF;padding-top:23px; margin-left:-30px}
#header #menu li{ width:150px; position:relative;display: inline-block;padding: 0 1em; text-align: center;font-size:21px;font-family:"notokr-bold"; outline:none; margin-left:25px}
#header #menu li:hover ul{display:block;}
#header #menu ul li{ background:#fff; width:150px; font-size:17px; overflow:hidden; text-align:center; margin:0px 15px 10px 15px; opacity:0.9}
#header #menu ul li a {font-family:'notokr-medium'; }
#header #menu ul li a:hover{ color:#176bc2;}



/* FOOTER */
footer {background: #f2f2f2;padding-bottom: 50px; font-size: 0.875em; margin-top:0px; position: relative;color: #444; border-top:1px solid #e7e7e7}
footer .container {position: relative}
footer:after {content: ""; display: block; width: 100%; height: 1px; position: absolute;top: 70px;left: 0;}
footer address {display: block; margin: 20px 200px 0 0;line-height: 1.8;font-size:13px; font-family:'NotoSansKR-Light'; letter-spacing:0px }
footer address b {display: block;font-size: 1.286em;color: #111;}
footer .logo {position: absolute;top: 100px;right: 0;}
footer small {line-height: 2; font-size: 1em; letter-spacing:0px}
footer span:not(.logo) {color: #ccc;font-size: 0.8em;vertical-align: 2px; padding: 0 1em}
footer a#goTop {float: right; line-height: 70px;}
footer a#goTop:before {content: "^";display: inline-block;vertical-align: middle;font-size: 0; padding-left: 15px;background: url(/images/arr_top.png) no-repeat 0 48%}
footer ul {line-height: 70px;}
footer li+li {margin-left: 1em;}

.counsel {position:fixed; bottom:0px; right:0px; width:300px; height:226px; background:#333; padding:0px;  text-align:left; z-index:9;}
.counsel p.tit {background:#000; height:30px; line-height:28px; text-indent:10px; font-weight:bold;}
.counsel .content {padding:12px 20px;}
.counsel table {clear:both; width:96%; padding:0px; margin:0;}
.counsel table th {font-size:12px; color:#ccc; font-weight:normal; padding:0 0 10px 0; vertical-align:top;}
.counsel table td {color:#ccc;}
.counsel table td textarea {width:100%; font-size:12px;background:#eee; border:1px solid #eee;color:#999;}
.counsel table td input {height:20px; background:#eee; border:1px solid #eee;}
.counsel table td select {width:30%; height:20px;vertical-align:top;font-size:12px; color:#999; line-height:10px;background:#eee; border:1px solid #eee}
.counsel p {color:#ccc; font-size:12px; }
.counsel p span {float:right; margin-right:10px;}
.counsel p span img {width:50%;}
.counsel p a {margin-left:15px; text-decoration:underline;}
.counsel .btn-area {text-align:center; margin-top:5px;}
.counsel .btn-area .btn {font-size:12px !important; height:26px; line-height:12px;}


/* 하단고정배너-pc */
#p_fixed {position:fixed; width:100%;height:127px; bottom:0px;left:0;background:url(/images/main/p_fixed_01bg.png); background-position: 50%; background-size: cover;background-repeat: no-repeat; z-index:1000;}
#p_fixed_in {position:relative; width:1200px;height:127px; background:url(/images/main/p_fixed_02in.png); background-repeat: no-repeat; margin:0 auto; z-index:1000;}
#close_p_fixed {font-size:14px; font-weight:900; text-align:center; position:absolute; top:40px; right:20px; cursor:pointer;}




/* MAIN */
.main-visual {position: relative;}
.main-visual .item {height: 657px;position: relative;text-align: center;background-position: 50%;background-size: cover;background-repeat: no-repeat;}
.main-visual .item .txt {display: block;position: absolute;top: 0;left: 0;right: 0;text-align: center;}
.main-visual .item .txt p {font-size: 35px; color: #fff; font-weight: 600; margin: 40px auto 20px}
.main-visual .item .txt p b {font-size: 85px;display: block;}
.main-visual .item .txt a {font-size: 17px; color: #ff3100;}
.main-visual .item .txt a+a {margin-left: 20px;}
.index {background: #f5f5f5;}
.index footer {margin-top: 0;}
.index section {padding: 50px 0;/*margin: 50px 0;*/ text-align: center;background-color:#fff;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;letter-spacing: -1px; /* overflow: hidden */}
.index section h1 {font-size: 2.143em;font-weight: bold;line-height: 1; margin-bottom: 1em; position: relative;}
.index section h1 span {display: block;font-size:0.4em; font-weight: normal; width:120px; height:40px; line-height:40px; top:20px; right:10px; border:1px solid #ddd; position: absolute;}
.index section p {font-size: 1.143em;margin-bottom: 2.5em;}
.index section h1+p {margin-top: -0.5em;}
.index section li {vertical-align: top;}
.index section li strong {margin-bottom: 1em;}
.index section p.small {font-size: 15px;line-height: 1.6}
.index section .btn {width: 200px;height: 50px; font-size: 15px;background: none !important;}
.index section h1 .btn {width: 40px;height: 40px; font-size: 24px;padding: 0;line-height: 40px;position:absolute;right: 0;top: 0;margin-top: -5px;}
.index section.sc1 {background: #d8e8f0;/*margin-top: 100px;padding-top: 120px;*/}
.index section.sc1 h1 i {position: absolute;top: -120px;left:0;right:0;margin-top: -95px;text-align: center;}
.index section.sc1 .main-carousel {/* padding: 0 16.6666% */overflow: hidden;padding-bottom: 5px;}
.index section.sc1 .owl-carousel .owl-stage-outer {overflow: visible}
.index section.sc1 .owl-nav .owl-prev {left:0;}
.index section.sc1 .owl-nav .owl-next {right:0;}
.index section.sc1 .item {padding: 2em; text-align: center; box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1);  overflow:hidden; height:540px}
.index section.sc1 .owl-item {background: #fff;}
.index section.sc1 .owl-item:nth-child(even) {background: #fff;}
.index section.sc1 .owl-item:nth-child(even) strong {color:#666}
.index section.sc1 .owl-item:nth-child(even) p {color:#666}
.index section.sc1 .owl-item:not(.active) {opacity: 0.3;-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.index section.sc1 .item em {display: inline-block; padding-bottom: 3px; font-style: normal; color: #2377c4; margin-bottom: 1em;  border:1px solid #2377c4; width:65px; padding:2px 3px 2px 3px; *-moz-border-radius:19px;-webkit-border-radius:19px;border-radius:19px;border-radius:20px;background:#fff;  text-align:center; font-weight:500; display:inline-block; letter-spacing:-1px}
.index section.sc1 .item em.end {color: #fff; background:#767a83; border:0; width:65px;}
.index section.sc1 .item strong {font-size: 18px;font-weight:500; display: block; white-space: nowrap; overflow: hidden;text-overflow:ellipsis; margin-bottom: 0.5em;}
.index section.sc1 .item img {display: block;margin: 1em 0; height:320px}
.index section.sc1 .item small {color: #777;}
.index section.sc1 .item p {font-size: 13px; color: #666;line-height:3em;overflow: hidden; margin-bottom: 0; border:1px solid #777;}


.index section.sc2 {background-image: url(/images/main/m_baimg.jpg);}
.index section.sc2 h1 span {border-color:#666;color:#666}
.index section.sc7 h1 span {border-color:#fff;color:#fff}
.index section.sc2 ul {margin: -28px 0}
.index section.sc2 li {padding: 5px 14px 26px;/*height:360px;*/margin-top: 0px;background-image: url(/images/main_sc2_c1.png);background-position: 50% 0;background-size:contain;background-repeat:no-repeat}
.index section.sc2 li:nth-child(even) {background-image: url(/images/main_sc2_c2.png);}
.index section.sc2 li .thumb {/*border-radius: 15px;*/overflow: hidden;margin:0 auto; border:1px solid #93a4b4}
.index section.sc2 li .thumb .new{ position:absolute; left:0; top:0; padding:5px 10px; background:#fd3a06; color:#FFF; z-index:1; font-size:12px; font-family:'notokr-medium'; opacity:0.9}
.index section.sc2 li p {color:#333;max-width:100%;margin:0px auto 0; text-align:left; font-size:15px; padding-top:5px}
.index section.sc2 li p img{ width:2.3%}

.index section.sc3 {background:#fff}
.index section.sc3 h1 span {border-color:#666;color:#666}


/*메인 합격*/
.index section.sc4 {background:#fff; }
.pass_w{ width:100%;  position:relative;  padding-top:25px; margin-bottom:60px;}

.p_more{
	position:absolute;
	top:-12px;
	right:10px;
	margin-top:10px;
	margin-right:0px;
	width:55px;
	height:25px;
	border:0;
}


.pass_box{ width:97%; margin-left:3%; border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px; -ms-border-radius:7px; border:2px solid #297acb; position:relative; padding-bottom:15px; }
.pass_box .passF { position:absolute; color:#1616166; width:240px; margin-left:10px; font-size: 21px; font-weight:600; }
.pass_box .passF span {color:#176bc2}
.pass_img{
	position:absolute;
	width:93px;
	top:-15px;
	left:-13px;
	z-index:100 !important
}
.pass_line{ position:absolute; top:5px; width:1px; height:20px; background:#176bc2; right:-25px}
.pass-list { margin-top:15px}
.pass-list table.table1 {text-align: center;}
.pass-list table.table1 tr.notice td:first-child {color: #ff0000}
.pass-list table.table1 th {background: #ededed;color: #111;/*border-right: 1px solid #999;*/ line-height:28px; text-align:center}
.pass-list table.table1 th:last-child {border-right: 0;}
.pass-list table.table1 td {color: #888; font-weight: normal;/*border-right: 1px solid #ddd*/ line-height:30px; }
.pass-list table.table1 td:last-child {border-right: 0;}
.pass-list table.table1 td.l_txt{text-align: left; color: #333;/* text-indent:15px;*/ font-size:15px;  }
.pass-list table.table1 td.pass_tit {text-align: left;  color: #222;/* text-indent:15px;*/ font-size:22px; font-weight:300; display:inline-flex; padding-left:20px}
.pass-list table.table1 td.pass_tit em{color:#176bc2;  font-style:normal}

.title1{
        /*border : 1px solid red;*/
        width: 75%;
        float : left;
		margin-left:33px;}


.p_mr{ margin-right:20px}
.p_ml{ margin-left:20px}
.b_review{ width:49%; height:auto; margin:20px 0 40px 0; float:}
.i_month{position:absolute; width:60px; height:40px; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; font-size:33px; top:53px; left:536px; }
.b_review .month{position:absolute; width:60px; height:40px; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; font-size:33px; top:53px; left:170px; }
.b_review .tit{ width:100%; height:51px; border-bottom:1px solid #e0e1e3; float:left; position:relative}
.b_review .tit .text{ width:100%; font-size:2.14em; font-family:'notokr-bold';text-align:left; color:#333}
.r_style_bg { font-size:13px; height:auto; float:right; position:relative}

.r_style_bg th{text-align:left; font-size:15px; font-weight:300;height:43px;border-bottom:1px solid #dedede; position:relative}
.r_style_bg .font_s12{ font-size:12px; font-weight:normal; color:#666666}


.r_style_bg .no_l{border-bottom:0;}
.r_style_bg td { text-align:left }

.more_l01{
	position:absolute;
	top:7px;
	right:10px;
	margin-top:10px;
	margin-right:0px;
	width:55px;
	height:25px;
	border:0;
}


.index section.sc4 {overflow: hidden;}
.index section.sc4 .main-carousel {padding: 0 16.6666%;}
.index section.sc4 .owl-carousel .owl-stage-outer {overflow: visible}
.index section.sc4 .item {padding: 2em; text-align: left; box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); border-top: 3px solid #ff3100;}
.index section.sc4 .owl-item:not(.active) {opacity: 0.3;-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.index section.sc4 .item strong {font-size: 24px;font-weight: 500; line-height: 1.2em; height: 2.4em; display: block; overflow: hidden; margin-bottom: 1em;}
.index section.sc4 .item:before {content: ""; display: block;background: url(/images/bg_quotes.png) no-repeat;height: 3em;}
.index section.sc4 .item small {color: #a6a6a6;font-size: 12px;}
.index section.sc4 .item p {font-size: 14px; color: #666; display: block; line-height: 1.5em;height: 13.5em;overflow: hidden;margin-bottom: 1.5em;}
.index section.sc5 {background:#174c8e; color: #fff;}
.index section.sc5 li {float: left;width: 20%; text-align: center;vertical-align: top; font-size: 15px;}
.index section.sc5 li img {display: block; margin: 0 auto;}
.index section.sc6 {background-image: url(/images/bg_main_sc6.jpg);margin-bottom: 0;}
.index section.sc6 h1 span {border-color:#fff;color:#fff}
.index section.sc6 strong {font-size: 18px;line-height: 1.3;}
.index section.sc6 ul {margin: 0 -0.5em;}
.index section.sc6 li {line-height: 1.8;padding: 0 0.5em;}
.index section.sc6 li a {display: block; background: #eee;padding: 15% 15px;min-height:240px;}
.index section.sc6 li:nth-child(even) a {background: #fff;}
.index section.sc6 li:nth-child(2) a {background: #fafafa;}
.index section.sc6 li span {font-size: 16px; display: block;}
.index section.sc6 img {display: block;margin: 0 auto;margin-top: 2em;width:auto !important;height:auto !important;max-height:60px !important;}

.img330200 .thumb {display: block;position: relative;padding-top: 60.6060%;}
.img300240 .thumb {display: block;position: relative;padding-top: 80%;}
.img330200 .thumb img,
.img360233 .thumb img,
.img300240 .thumb img {position: absolute;left:0;top:0;width:100%;height:100%;}

.img360233 .thumb {display: block;position: relative;padding-top: 64.72222%;}

/* SUB */
.breadcrumb {font-size: 13px; text-align: right;color: #666; margin-top: 35px; border-bottom: 1px solid #ebebeb; padding-bottom: 15px; margin-bottom: 30px;}
.sub-top {text-align: center;height: 160px; background-position: 50%;background-repeat: no-repeat; background-size: cover}
.sub-top h1 {font-size: 2.857em; color: #fff; display: inline-block; line-height: 120px}
.sub-top .go-back {display: none}
.sub-top .sub-location {display: none;}
.sub-content {overflow: hidden; color: #666; background:#FFFFFF}
.sub-content h2 {text-align: center;color: #222;margin-bottom: 3.3333%;font-size: 1.875em;}
.sub-content h2 small {display: block;font-size: 0.533em;margin-top: 1em;color: inherit}
.sub-content h2 p {display: block;font-size: 0.533em;color: inherit}
.sub-content h3 {margin: 0;margin-top: 2em;margin-bottom: 1em;font-size: 1em;color: #222; position: relative;}
.sub-content h3 .checkbox {position: absolute;top: 0;right: 0;margin-top: 2px;font-size: 14px;}
.sub-content h3:first-child {margin-top: 0;}
.sub-content h3.small {font-size: 0.875em}
.sub-category {margin-bottom: 50px;}

/* 소개 */
.about {overflow: hidden;max-width: 1030px;margin: 0 auto; margin-top: 5%;}
.about .txt01 {float: left;margin-right: 10%;}
.about .txt01 .lead {font-size: 2.625em; font-weight: 300; color: #222; letter-spacing: -2px; line-height: 1.3;}
.about .txt01 .lead b {color: #ff3100; font-weight: 300;}
.about .txt01 p:not(.lead) {font-size: 1.125em; margin-top: 1.2em;}
.about .txt01 .img {display: block;padding-top: 2.813em;margin-top: 2.813em; position: relative}
.about .txt01 .img img {display: block;margin: 0 auto;}
.about .txt01 .img:before {content: ""; display: block; position: absolute;top: 0; width: 1.625em;height: 2px; background: #c3c3c3;}
.about .txt02 {float: left}
.about .txt02 b {display: block;margin-top: 1em;margin-bottom: 3em;}
.about .txt02 p {white-space: pre-line; line-height: 1.859}
.about .txt02 span {display: block; margin-top: 2em;font-weight: bold; font-size: 1.375em; color: #222;}

.map {overflow: hidden;max-width: 1000px;margin: 0 auto; margin-top: 0}
.map .ad {background:#f6f6f6; padding:40px; margin-top:30px;}
.map p {text-align:center	; margin-top:20px; padding-top:20px; border-top:1px solid #eee;}
.map p img {margin:0 10px}
.map dl {display:inline-block; width:45%; margin-right:30px; margin-top:0px; vertical-align:top;}
.map dt {display:block; font-size:16px; color:#333; margin-bottom:10px;}
.map dd {font-size:13px; font-weight:400;}
.map dd span {display:inline-block; font-size:14px;color:#333; margin-right:10px;}
.map dd b {display:block; font-size:14px; color:#333; font-weight:600;}

.teacher {max-width: 1030px;margin: 0 auto;}
.teacher .t-tab {text-align: center;margin-bottom: 5%;}
.teacher .t-tab li {display: inline-block; font-size: 0.875em; color: #999;}
.teacher .t-tab li+li {margin-left: 2em;}
.teacher .t-tab img {display: block;margin: 0 auto;margin-bottom: 1em;}
.teacher .txt01 {position: relative;padding-top: 24px;overflow: hidden}
.teacher .position {display: block;position: absolute;left: 0;top: 0;color: #fff; font-size: 1.250em; background: url(/images/bg_sub1_2.png) no-repeat 0 100%; background-size: cover;padding: 1.5em; font-style: normal;min-height: 160px; font-weight: 300; max-width: 20%;}
.teacher .position b {font-size: 2.100em; display: block; font-weight: 800}
.teacher .name {display: block;color: #333;padding-top: 0.8em;font-size: 1.500em; position: absolute;left: 20%;top: 0;margin-left: 30px;}
.teacher .name b {font-size: 1.250em;}
.teacher .img {position: absolute;left: 0;top: 430px;max-width: 40%}
.teacher dl {float: right;width: 56.3636%;}
.teacher dt {color: #333;font-size: 1.500em;font-weight: normal;margin-top: 1.5em; margin-bottom: 1em; padding-bottom: 0.5em;position: relative}
.teacher dt:first-child {margin-top: 0;}
.teacher dt:after {content: "";display: block;width: 1.2em;height: 2px; background: #ff3100; position: absolute;bottom: 0;}
.teacher dd {line-height: 1.8}

.lecture {max-width: 1030px;margin: 0 auto;}
.lecture .agree-check .privacy {width: 100%;float: none;}
.lecture .partner-list {}
.lecture .partner-list ul {margin: 0 -20px; margin-top: -30px;}
.lecture .partner-list li {padding: 0 20px; margin-top: 30px;}
.on-tv {max-width: 1070px;margin: 0 auto;}
.colum {max-width: 1070px;margin: 0 auto;}




/* 커뮤니티 */
.community {max-width: 1030px;margin: 0 auto;}
.customer-center {float: left;width: 860px;}
.customer-center .top-search {padding: 30px;text-align: center;background: #fcfcfc;border: 1px solid #ddd;margin-bottom: 4%;}
.customer-center .lead {font-size: 27px;}
.customer-center .search-keyword {margin: 15px auto;color: #888}
.customer-center .search-keyword a {display: inline-block;vertical-align: top;padding: 0 10px}
.customer-center .search-keyword a+a:before {content: "";border-left: 1px solid #ddd;height: 10px;display: inline-block;left: -10px;position: relative;}
.customer-center .input-group {max-width: 285px;margin: 15px auto;}
.customer-center .input-group-btn .btn {min-width: 60px}
.customer-center .top-search .help-block {font-size: 14px;}
.customer-center .terms {height: 650px}

.board-list table.table {text-align: center;border-top: 1px solid #999; border-bottom: 1px solid #aaa;}
.board-list table.table tr.notice td:first-child {color: #ff0000}
.board-list table.table th {background: #ededed;color: #111;/*border-right: 1px solid #999;*/border-bottom: 1px solid #999; line-height:28px; text-align:center}
.board-list table.table th:last-child {border-right: 0;}
.board-list table.table td {color: #888; font-weight: normal;/*border-right: 1px solid #ddd*/ line-height:30px; }
.board-list table.table td:last-child {border-right: 0;}
.board-list table.table td img {margin: 0 3px;}
.board-list table.table td.state span {color: #fff;min-width: 65px;height: 24px;line-height: 24px;background: #adadad; text-align: center;display: inline-block;font-size: 12px;}
.board-list table.table td.state span.ok {background:#eb4626;}
.board-list table.table td.title {text-align: left; color: #222;/* text-indent:15px;*/ font-size:17px; }
.board-list table.table td.reply .title {padding-left: 20px;}
.board-list table.table td.date a {color: #059ec8; display: block;}
.board-list table.table td.file img{ vertical-align:middle; width:22%}
.board-list table.table td.order-no {color: #059ec8}
.board-list table.table td.price {color: #222}
.board-list table.table td.price b {}
.board-list table.table td.price span {color: #059ec8;margin-left: 10px;}
.board-list table.table td.state .btn {background: none; border-bottom: 1px solid #ddd;padding: 0;padding-bottom: 3px}
.board-list table.table td b {color: #222;}
.board-list .btn-box {margin-top: -38px;float: right;}
.board-list .btn-box .btn {width: 70px;}
.p_ba{ background:#fff}
.board-list table.table td.l_txt{text-align: center; color: #333;/* text-indent:15px;*/ font-size:15px;  }
.board-list table.table td.pass_tit {text-align: left; color: #222;/* text-indent:15px;*/ font-size:18px; font-weight:600 }

.board-list .btn-box1 {margin-top:-38px;}
.board-list .btn-box1 .btn {width: 70px; min-width: 130px;padding: 8px 12px;height: 50px;font-size: 1.125em}

.board-list.gallery ul {margin: -40px -20px 40px;padding-bottom: 5%;border-bottom: 1px solid #e5e5e5}
.board-list.gallery li {padding: 0 10px;margin-top: 35px;}
.board-list.gallery li .thumb {margin: 0 auto;position: relative;text-align: center;padding-top: 60.8695%; border:1px solid #CCC}
.board-list.gallery li .thumb .new{ position:absolute; left:0; top:0; padding:5px 10px; background:#fd3a06; color:#FFF; z-index:1; font-size:12px; font-family:'notokr-medium'; opacity:0.9}
.board-list.gallery li .thumb img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.board-list.gallery li strong {color: #222;display: block;margin-top:0.5em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-family:'notokr-medium'; font-weight: normal; font-size:15px}
.board-list.gallery li span.date {font-size:0.9em;color: #a6a6a6;display: block;margin-top: 5px; letter-spacing:0; }

.board-list.course ul {margin: -40px -20px 40px;padding-bottom: 5%;border-bottom: 1px solid #e5e5e5}
.board-list.course li {padding: 25px 15px;/*margin-top: 45px;*/ margin-top:7px; border:1px solid #CCC; margin-left:7px}
.board-list.course li .thumb {margin: 0 auto;position: relative;text-align: center;padding-top: 120%; border:1px solid #CCC}
.board-list.course li .thumb .new{ position:absolute; left:0; top:0; padding:5px 10px; background:#fd3a06; color:#FFF; z-index:1; font-size:12px; font-family:'notokr-medium'; opacity:0.9}
.board-list.course li .thumb .tit{ position:absolute; left:0; bottom:0; padding:8px 10px; width:100%; text-align:center; background:#282a2e; color:#FFF; z-index:1; font-size:13px; font-family:'notokr-medium'; opacity:0.7}
.board-list.course li .thumb img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.board-list.course li .info { margin:0 auto; text-align:center; width:65px}
.board-list.course li strong {color: #222;display: block;margin-top:0.5em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-family:'notokr-medium'; font-weight: normal; font-size:15px}
.board-list.course li span.date {font-size:1em;color: #666;display: block;margin-top: 5px; margin-bottom:5px; letter-spacing:-0.7}
.board-list.course li span.txt {font-size:0.9em;color: #555;display: block;margin-top: 0px; margin-bottom:7px; letter-spacing:-0.7 }

.board-view table.table th {background: #fbfbfb;border-right: 1px solid #ddd; color: #111;}
.board-view table.table td+th {border-left: 1px solid #ddd;}
.board-view .board-con {min-height: 300px;text-align:center;}
.board-view .board-con.pw_s{text-align:center;padding-bottom:10px; overflow:hidden}
.board-view .board-con .b_txt{ padding-bottom: 10px; line-height:1.8; color:#555; text-align:left}
.board-view table.table td {color: #888; font-weight: normal;/*border-right: 1px solid #ddd*/ line-height:27px; }
.board-view table.table td.title {text-align: left; color: #222;/* text-indent:15px;*/ font-size:16px;font-family:'notokr-medium'}
.board-write .table th {background: #fbfbfb;border-right: 1px solid #ddd; color: #111;padding-left: 30px;}
.board-write .table textarea {min-height: 200px;resize: vertical}
.board-write select.form-control {background-image: url(/images/arr_select.gif)}
.board-write .form-group {max-width: 97%;}
.board-write .email div>div, .board-write .addr div>div{margin-bottom: 5px;}
.board-write .email div>div:last-child, .board-write .addr div>div:last-child  {margin: 0;}
.board-view .btn-box .btn, .board-write .btn-box .btn, .board-lock .btn-box .btn {min-width: 130px;padding: 8px 12px;height: 50px;font-size: 1.125em}
.board-search {max-width: 480px;overflow: hidden;float: right;margin-bottom: 7%;}
.board-search select.form-control {width: 134px;float: left;margin-right: 10px;}
.board-search .input-group {}
.board-search .input-group .form-control {color: #111;}
.board-search .input-group .btn {margin-left: 10px;width: 70px;}
.board-search.bottom {margin: 0 auto;margin-top: 2%;max-width: 540px;float: none;}
.board-search.bottom select.form-control {width: 160px;}
.board-search.bottom .form-control {font-size: 15px;height: 40px;}
.board-search.bottom .input-group .form-control {border-right: 0;}
.board-search.bottom .input-group .btn {font-size: 15px;width: 80px;height: 40px;margin-left: 0;}

.board-search1 {max-width: 580px;overflow: hidden;float: right; margin: 1% 1.5% 1% 0;}
.board-search1 select.form-control {width: 250px;float: left;margin-right: 20px; color:#555; font-size:15px; line-height:40px; font-weight:normal; font-family:'notokr-medium'}

.board-lock {}
.board-lock .pw-confirm {text-align: center;padding: 65px;color: #111; font-size: 14px; border: 1px solid #e5e5e5}
.board-lock .pw-confirm span {display: inline-block;margin-right: 15px;line-height: 32px;vertical-align: top;}
.board-lock .form-control {min-width: 35%}

  /*합격&개강안내시 사용*/
.gongg_c{color:#396cd4; border:1px solid #396cd4;}/*공기업*/
.gongm_c{color:#219623; border:1px solid #219623;}/*공무원*/
.pol_c{color:#fe475c; border:1px solid #fe475c;}/*경찰*/
.kcg_c{color:#56626f; border:1px solid #56626f;}/*해경*/
.ent_c{color:#fd671d; border:1px solid #fd671d;}/*입시*/
.camp_c{color:#b840fd; border:1px solid #b840fd;}/*스피치캠프*/
.fire_c{color:#d10137; border:1px solid #d10137;}/*소방*/
.edu_c{color:#29c3c1; border:1px solid #29c3c1;}/*교원*/
.open{color:#2376c6; border:1px solid #2376c6;}/*접수중*/
.off{color:#fff; background:#767a83; border:1px solid #767a83;}/*접수완료*/

.mater{ width:55px; font-size:12px; line-height:15px;  padding:2px 3px 2px 3px; margin-right:5px;*-moz-border-radius:19px;-webkit-border-radius:19px;border-radius:19px;border-radius:20px;  text-align:center;font-family:'notokr-medium'; display:inline-block; letter-spacing:-1px}
.mater_b{ width:65px; font-size:13px; line-height:18px;  padding:2px 3px 2px 3px; margin-right:5px;*-moz-border-radius:19px;-webkit-border-radius:19px;border-radius:19px;border-radius:20px;  text-align:center;font-family:'notokr-medium'; display:inline-block; letter-spacing:-1px}

/*서브페이지들*/

.intro{max-width: 1030px;margin: 0 auto;}


#web {display:block; padding:0}
#mobile {display:none;}
/*스피치캠프페이지*/
.sub1_p01 {width:100%; height:669px; position:relative; margin:0 auto; overflow:hidden; min-width:1140px}
.sub1_p01 img { top:0; margin:0 auto; width:1140px}
.sub1_p02 {width:100%; height:441px; position:relative; margin:0 auto; overflow:hidden; background:#eff0f0; min-width:1140px}
.sub1_p02 img { top:0; left:50%; width:1140px}
.sub1_p03 {width:100%; height:380px; position:relative; margin:0 auto; overflow:hidden; min-width:1140px}
.sub1_p03 img {top:0; left:50%; width:1140px}
.sub1_p04 {width:100%; height:443px; position:relative; margin:0 auto; overflow:hidden; min-width:1140px}
.sub1_p04 img { top:0; left:50%;width:1140px}
.sub1_p05 {width:100%; height:1891px; position:relative; margin:0 auto; overflow:hidden; background:#eff0f0; min-width:1140px}
.sub1_p05 img { top:0; left:50%; width:1140px}
.sub1_p06 {width:100%; height:694px; position:relative; margin:0 auto; overflow:hidden; min-width:1140px}
.sub1_p06 img { top:0; left:50%; width:1140px}
.sub1_p07 {width:100%; height:500px; position:relative; margin:0 auto; overflow:hidden; background:#2c6fb4; min-width:1140px}
.sub1_p07 img { top:0; left:50%; width:1140px}



/*정기면접캠프페이지*/
.sub2_p01 {width:100%; height:783px; position:relative; margin:0 auto; overflow:hidden; min-width:1140px; background:#FFFFFF}
.sub2_p01 img { top:0; margin:0 auto; width:1140px}
.sub2_p02 {width:100%; height:356px; position:relative; margin:0 auto; overflow:hidden; background:#eff0f0; min-width:1140px}
.sub2_p02 img { top:0; left:50%; width:1140px}
.sub2_p03 {width:100%; height:380px; position:relative; margin:0 auto; overflow:hidden; min-width:1140px}
.sub2_p03 img {top:0; left:50%; width:1140px}
.sub2_p04 {width:100%; height:443px; position:relative; margin:0 auto; overflow:hidden; min-width:1140px}
.sub2_p04 img { top:0; left:50%;width:1140px}
.sub2_p05 {width:100%; height:1891px; position:relative; margin:0 auto; overflow:hidden; background:#eff0f0; min-width:1140px}
.sub2_p05 img { top:0; left:50%; width:1140px}
.sub2_p06 {width:100%; height:694px; position:relative; margin:0 auto; overflow:hidden; min-width:1140px}
.sub2_p06 img { top:0; left:50%; width:1140px}
.sub2_p07 {width:100%; height:500px; position:relative; margin:0 auto; overflow:hidden; background:#2c6fb4; min-width:1140px}
.sub2_p07 img { top:0; left:50%; width:1140px}

/*테마면접캠프페이지*/
.sub3_p01 {width:100%; height:464px; position:relative; margin:0 auto; overflow:hidden;min-width:1140px}
.sub3_p01 img { top:0; margin:0 auto; width:1140px}
.sub3_p02 {width:100%; height:990px; position:relative; margin:0 auto; overflow:hidden;min-width:1140px; background:#f0f0f0}
.sub3_p02 img { top:0; margin:0 auto; width:1140px}
.sub3_p03 {width:100%; height:1242px; position:relative; margin:0 auto; overflow:hidden;min-width:1140px}
.sub3_p03 img {top:0; margin:0 auto; width:1140px}
.sub3_p04 {width:100%; height:1891px; position:relative; margin:0 auto; overflow:hidden;min-width:1140px; background:#eff0f0}
.sub3_p04 img {top:0; margin:0 auto; width:1140px}
.sub3_p05 {width:100%; height:1891px; position:relative; margin:0 auto; overflow:hidden;min-width:1140px; background:#eff0f0}
.sub3_p05 img {top:0; margin:0 auto; width:1140px}
.sub3_p06 {width:100%; height:694px; position:relative; margin:0 auto; overflow:hidden;min-width:1140px; background:#FFFFFF}
.sub3_p06 img {top:0; margin:0 auto; width:1140px}
.sub3_p07 {width:100%; height:500px; position:relative; margin:0 auto; overflow:hidden;min-width:1140px; background:#2c6fb4}
.sub3_p07 img {top:0; margin:0 auto; width:1140px}
.sub3_p08 {width:100%; height:761px; position:relative; margin:0 auto; overflow:hidden;min-width:1140px}
.sub3_p08 img {top:0; margin:0 auto; width:1140px}

/*1:1면접코칭페이지_old
.sub4_p01 {width:100%; height:510px; position:relative; margin:0 auto; overflow:hidden; background:#FFFFFF;min-width:1140px}
.sub4_p01 img { top:0; left:50%; width:1140px}
.sub4_p02 {width:100%; height:441px; position:relative; margin:0 auto; overflow:hidden; background:#eff0f0;min-width:1140px}
.sub4_p02 img {top:0; left:50%; width:1140px;}
.sub4_p03 {width:100%; height:534px; position:relative; margin:0 auto; overflow:hidden;min-width:1140px}
.sub4_p03 img {top:0; left:50%; width:1140px}
.sub4_p04 {width:100%; height:761px; position:relative; margin:0 auto; overflow:hidden;min-width:1140px}
.sub4_p04 img {top:0; left:50%; width:1140px}
.sub4_p05 {width:100%; height:1891px; position:relative; margin:0 auto; overflow:hidden; background:#eff0f0;min-width:1140px}
.sub4_p05 img {top:0; left:50%; width:1140px}
.sub4_p06 {width:100%; height:694px; position:relative; margin:0 auto; overflow:hidden; background:#FFFFFF;min-width:1140px}
.sub4_p06 img {top:0; left:50%; width:1140px}
.sub4_p07 {width:100%; height:500px; position:relative; margin:0 auto; overflow:hidden; background:#2c6fb4;min-width:1140px}
.sub4_p07 img {top:0; left:50%; width:1140px}
.sub4_p08 {width:100%; height:761px; position:relative; margin:0 auto; overflow:hidden;}

.sub4_p08 img {top:0; left:50%; width:1140px}*/

/*1:1면접코칭페이지*/
.sub4_p01 {width:100%; height:523px; position:relative; margin:0 auto; overflow:hidden; background:#FFFFFF;min-width:1140px}
.sub4_p01 img { top:0; left:50%; width:1140px}
.sub4_p02 {width:100%; height:1225px; position:relative; margin:0 auto; overflow:hidden; background:#eff0f0;min-width:1140px}
.sub4_p02 img {top:0; left:50%; width:1140px;}
.sub4_p03 {width:100%; height:940px; position:relative; margin:0 auto; overflow:hidden;min-width:1140px; background:#fff}
.sub4_p03 img {top:0; left:50%; width:1140px}
.sub4_p04 {width:100%; height:552px; position:relative; margin:0 auto; overflow:hidden;min-width:1140px; background:#eff0f0}
.sub4_p04 img {top:0; left:50%; width:1140px}
.sub4_p05 {width:100%; height:552px; position:relative; margin:0 auto; overflow:hidden; background:#fff;min-width:1140px}
.sub4_p05 img {top:0; left:50%; width:1140px}
.sub4_p06 {width:100%; height:739px; position:relative; margin:0 auto; overflow:hidden; background:#eff0f0;min-width:1140px}
.sub4_p06 img {top:0; left:50%; width:1140px}

.sub4_p07 {width:100%; height:694px; position:relative; margin:0 auto; overflow:hidden; background:#FFFFFF;min-width:1140px}
.sub4_p07 img {top:0; left:50%; width:1140px}
.sub4_p08 {width:100%; height:500px; position:relative; margin:0 auto; overflow:hidden; background:#2c6fb4;min-width:1140px}
.sub4_p08 img {top:0; left:50%; width:1140px}
.sub4_info {width:100%; height:411px; position:relative; margin:0 auto; overflow:hidden; background:#edf2f8;min-width:1140px; border-top:1px solid #d3d8de; border-bottom:1px solid #d3d8de}
.sub4_info img {top:0; left:50%; width:1140px}

.sub4_S {width:100%; height:1891px; position:relative; margin:0 auto; overflow:hidden; background:#eff0f0;min-width:1140px}
.sub4_S img {top:0; left:50%; width:1140px}


/*시설소개*/

/*맵*/
.map-tbl-con{margin-bottom:2%;}
.map-tbl{width:100%;}
.map-tbl th, .map-tbl td{padding:20px 2%; letter-spacing:-0.3px; font-size:18px; font-weight:400;}
.map-tbl th{padding-left:0; width:110px; border-bottom:1px solid #176bc2; color:#176bc2; text-align:left; font-family:'notokr-bold'; }
.th_c{padding-left:0; width:110px; border-bottom:1px solid #176bc2; color:#176bc2; text-align: center !important; font-family:'notokr-bold'; }
.map-tbl td{border-bottom:1px solid #d8d8d8; color:#666; font-weight:400; letter-spacing:-0.75px; line-height:20px;}
.map-tbl td a{color:inherit;}   
.dblue{ color:#000}
.topTxtA{width:1140px; margin:0 auto}
.topTxtA .txts{ font-size:16px; line-height:24px; position:relative }
.txts_btn{height:40px; line-height:25px; text-align: center; font-size:15px; padding:7px 10px; width:200px; color:#FFF; background:#fa5e5e; margin-bottom:15px;  border-radius:20px; position:absolute; right:5px; }

.topTxtA .subTit{font-family:'notokr-bold'; font-size:23px; color:#000; padding:6% 0% 0px;}
.topTxtA .subTit span{ color:#006666}
.topTxtA .subTit.type2{padding-top:100px;}
.topTxtA .subTxt1{font-size:22px; line-height:50px; margin-top:30px; color:#333}
.topTxtA .subTxt2{font-size:18px; line-height:30px; margin-top:10px; color:#666}



/*맵수정_new.20.11.*/
.traffic-list table.table {text-align: center; border: none }
.traffic-list table.table tr.notice td:first-child {color: #ff0000}
.traffic-list table.table th {color: #111;/*border-right: 1px solid #999;border-bottom: 1px solid #999; */line-height:20px; text-align:left; font-size:18px; font-weight:600;}
.traffic-list table.table th:last-child {border-right: 0;}
.traffic-list table.table td {color: #666; font-weight: normal;/*border-right: 1px solid #ddd*/font-size:15px; border:none; line-height:25px}
.traffic-list table.table td img {margin: 0 3px;}
.traffic-list table.table td.state span {color: #fff;min-width: 65px;height: 24px;line-height: 24px;background: #adadad; text-align: center;display: inline-block;font-size: 12px;}
.traffic-list table.table td.state span.ok {background:#eb4626;}
.on_time {text-align: center; color: #222;/* text-indent:15px;*/ font-size:14px; border-radius:50px; padding:5px 7px; margin:5px 0; background:#f8f5e7 }/*시간*/
.traffic-list table.table td.title {text-align: left; color: #222;/* text-indent:15px;*/ font-size:17px;  font-family:"notokr-bold"; }
.traffic-list table.table td.title .small{ width:100%; font-size:15px; }
.traffic-list table.table td.reply .title {padding-left: 20px; font-size:18px;}
.traffic-list table.table td.date a {color: #059ec8; display: block;}
.traffic-list table.table td.l_txt{text-align: left; color: #666;/* text-indent:15px;*/ font-size:16px;  }
.f-left{ text-align:left !important; padding-left:15px}
.traffic-list table.table td.file img{ vertical-align:middle; width:22%}
.traffic-list table.table td.order-no {color: #059ec8}
.traffic-list table.table td.price {color: #222}
.traffic-list table.table td.price b {}
.traffic-list table.table td.price span {color: #059ec8;margin-left: 10px;}
.traffic-list table.table td.state .btn {background: none; border-bottom: 1px solid #ddd;padding: 0;padding-bottom: 3px}
.traffic-list table.table td b {color: #222;}
.traffic-list .btn-box {margin-top: -38px;float: right;}
.traffic-list .btn-box .btn {width: 70px;}

.board_st{ width:100%; padding:10px 15px;}

.th_rline{ border-right:1px solid #999 }
.td_rline{ border-right:1px solid #dddddd }

.board-list .btn-box1 {margin-top:-38px;}
.board-list .btn-box1 .btn {width: 70px; min-width: 130px;padding: 8px 12px;height: 50px;font-size: 1.125em}


.b_ba{ background:#fbfaf0}
.b_ba1{ background:#f8eaed}
.b_ba2{ background:#fdced8}
.b_ba3{ background:#fca8ba}
.b_ba4{ background:#fd7995}

.sibwau01{ padding:1px 5px; border-radius:8px; background:#ff8939; color:#FFFFFF; font-size:11px; border:none}
.sibwau02{ padding:1px 5px; border-radius:8px; background:#009900; color:#FFFFFF; font-size:11px; border:none}
.bus{ padding:2px; border-radius:2px; color:#fff; font-size:11px; border:none}
.bg_blue{ background:#3366FF}
.bg_oran{ background:#F33}
.bg_green{ background:#00CC99}




/*시설안내*/
.graph_wrap {position:relative; width:1140px; margin:0 auto;overflow:hidden; margin-top:50px}
.graph_wrap ul{ margin:0; padding:0; width:1140px; height:641px; overflow:hidden;}
.graph_wrap ul li {position:relative}
.graph_wrap ul li img{ border:1px solid #CCC; }
.ss_font{ position:absolute; background:url(/images/sub/ss_ba.png) no-repeat ; bottom:0px; left:0;width:803px; height:63px;  line-height:63px}
.ss_font span{ position:relative; font-size:18px;font-family:'notokr-medium'; color:#FFFFFF; margin-left:30px}
.g_next{position:absolute; right:20px; bottom:0%;z-index:11}
.next1_img{ width:91px; height:91px}
.prev1_img{ width:91px; height:91px}
.g_prev{position:absolute; right:77px;  bottom:0%;z-index:11}

@media (max-width: 991px) {
    body {font-family: 'noto', 'Noto Sans','Noto Sans KR','notokr-medium', 'Malgun Gothic', dotum, gulim, verdana, sans-seriffont-size: 14px;min-width: 320px}
    #wrap {position: relative;padding-top:5em;overflow-x: hidden;}
    #wrap>#content {min-height: inherit;}
    .owl-nav [class*=owl-] {width:15px;height:30px;margin-top:-15px;line-height: 28px;background-size:cover;font-size: 0;}
    .owl-nav .owl-prev {left: -15px !important;}
    .owl-nav .owl-next {right: -15px !important;}
    .flex-direction-nav a {width:15px;height:30px;margin-top:-15px;line-height: 28px;color: #fff; text-align: center !important; background: rgba(0, 0, 0, 0.2);border-radius: 0; z-index: 2;}
    .flex-direction-nav a:before {display: none}
    .flex-direction-nav .flex-prev {opacity: 1;}
    .flex-direction-nav .flex-next {opacity: 1;}
    .flex-direction-nav .flex-disabled {opacity: 1 !important;z-index: 0}
    .flex-control-paging li a {width: 10px; height: 10px;}
	
	


    /* HEADER */
    #header {position: fixed;left: 0;right: 0;top: 0;height: 5.000em; padding-top: 0; text-align: center;z-index: 9;border-bottom:1px solid #d6d7d7}
    #header h1 {margin: 0 auto; float: none; font-size: 1em; line-height: 5.000em; display: inline-block;}
    #header h1 img {display: inline-block;margin-top: 0; margin-left:20px; width:62%}
    #header h1 a {font-size: 0;display: block;}
    #header .top-nav,
    #header #gnb {display: none}
	#header #menu {display: none}
    #header #toggle-open {display: block;position: absolute;/*right: 15px;*/border-radius: 0;background: none;font-size: 2em;height: 100%; padding: 0; line-height: 1;}
    #header #toggle-close {display: block;position: absolute;left: 100%;border-radius: 0;background: none;color: #fff;font-size: 2em;height: 2.500em;padding: 0;margin: 0 15px; line-height: 1; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: all 0.6s; transition: all 0.6s;opacity: 0;visibility: hidden}
    #header .toggle-nav-wrap {display: block}
    #header .toggle-nav-wrap.active {}
    #header .toggle-nav-wrap.active .toggle-nav {display: block;;left: 0;-webkit-transition: left 0.6s;transition: left 0.6s;}
    #header .toggle-nav-wrap.active #toggle-close {opacity: 1; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all 0.6s; transition: all 0.6s;visibility: visible}
    #toggle-open {position: absolute;left: 15px;top: 0;padding: 0;font-size: 24px;background: none;height: 100%;color: #fff;}
    #toggle-close {position: absolute; left: 200px;top: 0;padding: 0;margin: 0 10px;line-height: 1; height: 38px; font-size: 24px; color: #fff; background: none;}
    .toggle-nav {position: fixed;left: -250px;top: 0;height: 100%;width: 250px;text-align: left;background: #fff;-webkit-transition: left 0.6s;transition: left 0.6s; z-index: 11;}
    .toggle-nav nav {float: none; font-size: 17px}
    .toggle-nav nav>ul>li {position: relative;border-bottom: 1px solid #ddd;display: block;margin: 0;/*line-height: normal;*/}
    .toggle-nav nav>ul>li a {display: block;padding: 0.8em 12px;position: relative;}
    .toggle-nav nav>ul>li>a:after {content: "\f112";font: normal normal normal 14px/1.5 LineAwesome; position: absolute;right: 0;margin: 0 12px;}
    .toggle-nav nav>ul>li:last-child .btn {text-align: left;padding: 0.8em 12px; font-size: 17px}
.all_list{border-bottom: 1px solid #ddd;display: block;margin: 0; position:absolute; padding-left:20px; height:40px; line-height:40px;background:#f1f1f1;font-size: 15px;}
.all_list a{ height:40px; line-height:15px;}


 .down_btn {content: "\f117";font: normal normal normal 14px/1.5 LineAwesome; position: absolute;right: 0;margin: 0 12px;}


	/* 하단고정배너-mobile */
	#p_fixed {width:100%; height:80px; background:#0156b1;}
	#p_fixed_in {position:relative; width:100%; height:90%; background:url(/images/main/m_fixed_02in.png); background-size: cover;  z-index:1000;}
	#close_p_fixed {font-size:14px; font-weight:900; text-align:center; position:absolute; top:-5px; right:20px; cursor:pointer;}



    /* FOOTER */
    #footer {text-align: center;padding-bottom: 2em;}
    #footer address {margin-top: 2em;margin-right: 0; line-height: 1.5; }
    #footer address b {margin-bottom: 5px;}
    #footer:after {top: 50px;}
    #footer span.logo {display: none;}
    #footer ul {line-height: 50px;}
    #footer li+li {margin-left: 0}
    #footer a#goTop {display: none}
    #footer .scroll-top {position:fixed; right:15px; bottom:0; background:#000; width:35px; height:35px; color:#fff; line-height:35px; text-align:center; cursor:pointer; border-radius:100%; opacity:0;-webkit-transition:all 0.3s;transition:all 0.3s;z-index: 3}
    #footer .scroll-top.is-showing {bottom:55px; opacity:0.3;}

    /* MAIN */
    .main-visual {}
    .main-visual .item {height: 250px;}
    .main-visual .item .txt p {font-size: 2em;margin-top: 5%;}
    .main-visual .item .txt p b {font-size: 2.5em;}
    .main-visual .item .txt img {max-width: 60%;}
    .main-visual .item .txt a {font-size: 1.1em}
    .main-visual .item .txt a+a {margin-left: 0.5em;}
    .index section {padding:2em 0;/*margin:1em 0*/}
    .index section h1 {font-size: 1.6em; position: relative; font-family:"notokr-bold"}
	.index section h1 span {font-size:13px !important; font-weight: normal; width:60px; height:30px; line-height:30px; top:0px; right:10px;}
    .index section br {display: none}
    .index section.sc1 {/*margin-top: 40px;padding-top: 40px;*/}
    .index section.sc1 h1 i {max-width:220px;top: -40px;margin:0 auto;transform:translate(0, -50%)}
	.index section.sc1 p{ font-size:15px}
    .index section.sc1 .main-carousel {padding: 0 15px 5px; margin-top:-20px}
    .index section.sc1 .item {padding: 1em; height:395px }
	.index section.sc1 .item img{ height:160px}
    .index section.sc1 .item strong, .index section.sc1 .item em {margin-bottom: 0.5em;}
    .index section.sc1 .item strong {white-space: normal;line-height: 1.4em;height: 2.8em; font-size:15px}
	.index section.sc2 p{ font-size:15px}
    .index section.sc2 ul {/*margin: 0 -0.5em;*/padding: 0 0px;}
    .index section.sc2 li {padding: 0 0.5em;margin: 0.5em auto !important;background: none !important;height:auto;}
    .index section.sc2 li p {white-space:nowrap;overflow: hidden;text-overflow:ellipsis; font-size:13px; width:100%; padding:5px 10px; background:#FFFFFF}
	.index section.sc2 li p img{ width:4.5%}
    .index section.sc2 li img {width: 100%;}
    .index section.sc2 li .thumb {/*border-radius:10px*/ border:1px solid #92a3b3}
    
	
	
	
	.index section.sc3 {background:#fff}
.index section.sc3 h1 span {border-color:#666;color:#666}

.b_review{ width:100%; height:auto; margin:15px 0 10px 0; float:}
.i_month{position:absolute; width:60px; height:40px; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; font-size:33px; top:53px; left:536px; }
.b_review .month{position:absolute; width:60px; height:40px; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; font-size:33px; top:53px; left:170px; }
.b_review .tit{ width:100%; height:40px; border-bottom:1px solid #e0e1e3; float:left; position:relative}
.b_review .tit .text{ width:100%; font-size:1.6em; font-family:"notokr-bold"; text-align:left; color:#333}
.r_style_bg { font-size:13px; height:auto; float:left;position:relative}

.r_style_bg th{text-align:left; font-size:14px; height:30px;border-bottom:1px solid #dedede; position:relative; font-weight:500;}
.r_style_bg .font_s12{ font-size:12px; font-weight:normal; color:#666666}
	
	
    .index section.sc4 .main-carousel {padding: 0 15px;}
    .index section.sc4 .item {padding: 1em}
    .index section.sc4 .item strong {margin-bottom: 0.5em;}
    .index section.sc4 .item strong {font-size: 18px;}
    .index section.sc4 .item p {height: 7.5em;margin-bottom: 1em;}
    .index section.sc5 {background:#174c8e; color: #fff;}
    .index section.sc5 ul {margin: 0 -0.5em}
    .index section.sc5 li {width: 50%; padding: 0 1.8em; margin: 0em auto}
    .index section.sc5 li:nth-child(5n) {clear: left;}
    .index section.sc6 li {margin: 0.5em auto;}
    .index section.sc6 strong {font-size: 18px;display: block;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;}
    .index section.sc6 span {font-size: 1em}
    .index section.sc6 li a {padding: 2em;min-height:inherit}
    .index section.sc6 img {margin-top: 2em;max-height: 44px !important}
   

    /* SUB */
    .breadcrumb {display: none}
    .sub-top {position: relative; height: auto; color:#FFFFFF; !important; text-align: center;border-bottom: 1px solid #ddd; }
    .sub-top h1 {font-size: 1.357em;padding: 0.7em 0; line-height: normal; color: inherit; font-family:"notokr-bold"}
    .sub-top .go-back {display: block;position:absolute;left: 0;top: 50%; line-height: 24px; margin-top: -13px; margin-left: 15px;font-size:24px;z-index:2;}
    .sub-top .sub-location {display: block;text-align: center;padding: 10px 15px;border-bottom: 1px dotted #ddd;}
    .sub-top .sub-top-img {border-top: 1px solid rgba(0, 0, 0, 0.5);}
    .sub-content h2 {margin-bottom: 7%;}
    .sub-content h3.small {font-size: 1em;}
    .sub-category {margin-bottom: 20px;}

    /* 소개 */
    .about br {display: none}
    .about .txt01 {float: none;margin-right: 0;margin-bottom: 2em;}
    .about .txt02 {float: none}
    .about .txt02 p {line-height: inherit}
    .about .txt02 b {margin-bottom: 2em;}
    .about .txt02 span {margin-top: 1em;}

    .teacher {}
    .teacher .t-tab li {max-width: 12.2857%; vertical-align: top;}
    .teacher .t-tab li+li {margin-left: 1%;}
    .teacher .txt01 {padding: 0;margin-left: 0;}
    .teacher .position {position: static; background:#ff3100;padding: 1em;min-height: inherit;min-width: inherit; text-align: center; max-width: none}
    .teacher .position b {font-size: 1em; display: inline; margin-left: 5px;}
    .teacher .name {position: static;text-align: center;margin-left: 0;}
    .teacher .img {position: static;margin: 2em auto;max-width: none; text-align: center}
    .teacher dl {float: none;width: auto;}

    .lecture .partner-list {}
    .lecture .partner-list ul {margin: 0 -5px; margin-top: -10px;}
    .lecture .partner-list li {padding: 0 5px; margin-top: 10px;}

    /* 면접 */
    .edu {letter-spacing: -1.5px;}
    .edu .e-tab li {max-width: 28%;margin: 5px 2%;}
    .edu .e-tab li+li {margin-left: 0;}
    .edu h3 {font-size: 17px;padding-bottom: 10px !important;}
    .edu h3 br {display: none}
    .edu .txt01 {margin-bottom: 7%;margin-top: 8%;}
    .edu .txt01 h2 {font-size: 26px;}
    .edu .txt01 h2 small {font-size: 18px;}
    .edu .txt01 .lead {font-size: 1.125em; text-align: center}
    .edu .txt01 .lead br {display: none;}
    .edu .txt02 {font-size: 0.938em;}
    .edu .txt02 .row>div {padding-right: 15px;}
    .edu .txt02 li+li {margin-top: 5px;}
    .edu .txt02 ul:not(.list-inline) br {display: none}
    .edu .txt02 .list-inline {margin: 0 -5px;}
    .edu .txt02 .list-inline li {margin: 4px 0;padding: 0 5px; max-width: 50%; vertical-align: top;}
    .edu .txt03 {text-align: left}
    .edu .txt03 h3 {float: none;padding: inherit;}
    .edu .txt03 dl {width: 100%;margin-bottom: 15px;padding: 1em;}
    .edu .txt03 dl+dl {margin-left: 0}
    .edu .txt03 dl dt {margin-bottom: 10px;font-weight: bold}
    .edu .txt03 dl dd {margin-top: 5px;font-size: 1em;}
    .edu .txt03 dl dd:nth-child(2) {clear: left}
    .edu .txt03 dl dd b {font-size: 1em;font-weight: bold;}
    .edu .txt03 dl dd br {display: none}
    .edu .txt03 .course-list dl {width: 100% !important;}
    .edu .txt03 .course-list p {margin-top: 0;}
    .edu .txt03 dl.use-tab {min-width: inherit;min-height: inherit}
    .edu .txt03 .area-list ul {margin: 0 -5px;}
    .edu .txt03 .area-list li {margin: 4px 0;padding: 0 5px; max-width: 50%; vertical-align: top;}
    .edu .table thead th {padding: 6px;}
    .edu .table thead th:first-child {min-width: 50px;}
    .edu .table tbody td {padding: 6px; line-height: 1.4; font-size: 0.929em !important;}
    .edu .table tbody td b {font-size: 1em}
    .edu .table tbody td.left {padding-left: 6px;}
    .edu .table-group h4 {font-weight: bold;}
    .edu .table-group>div+div {margin-top: 1em;}
    .edu .btn-box a {float: none;width: 100%;font-size: 15px;height: 50px;line-height: 48px;}
    .edu .btn-box a:after {background-size: 10px;margin-left: 5px;width: 10px;}
    .edu .btn-box a+a {margin-top: 10px;}

    

    /* 커뮤니티 */
    .customer-center {float: none;width: auto;}
    .customer-center .top-search {padding: 20px;}
    .customer-center .lead {font-size: 18px;}
    .customer-center .input-group {max-width: none;margin: 15px auto;}
    .customer-center .top-search .help-block {font-size: 13px;}
    .customer-center .terms {height: 280px}
    
    .board-list table.table {text-align: left;}
    .board-list table.table thead {display: none}
    .board-list table.table tr:first-child {border-top: 0;}
    .board-list table.table tr.notice td:first-child {background: #ff0000;color: #fff;padding: 1px 5px;border-radius: 2px;}
    .board-list table.table tr {display: block;position: relative;padding: 10px;border-top: 1px dotted #ddd;margin-top: -1px; overflow: hidden;}
    .board-list table.table td {border: 0;padding: 0;display: inline-block;/* vertical-align: top; */font-size: 12px; color: #888;}
    .board-list table.table td+td {margin-right: 5px;}
    .board-list table.table td.no {font-weight: bold;font-size: 11px;display: none}
    .board-list table.table td.hit {display: none}
    .board-list table.table td.date a {text-decoration: underline; position: absolute;right: 0;top: 0;padding: 10px;}
    .board-list table.table td.order-no {text-decoration: underline; position: absolute;right: 0;top: 0;padding: 10px;}
    .board-list table.table td.mileage:before {content: "P"; font-size: 10px; padding: 1px 5px; line-height: 1; margin-right: 3px; background: #00a1c8; color: #fff;border-radius: 2px;}
    .board-list table.table td.title {font-size: 14px;margin: 5px 0; line-height: 1.6; display: block;position: relative; height: auto;color: #222; font-family:'notokr-medium'}
    .board-list table.table td.img {float: left; width: 60px; height: 60px; margin-right: 10px;}
    .board-list table.table td.writer {}
	.board-list table.table td.file img{ width:47%}
    .board-list table.table td.reply {padding-left: 12px;}
    .board-list table.table td.reply .title {padding-left: 0;}
    .board-list table.table td.state {position: absolute;right: 0;bottom: 0;padding: 10px;}
    .board-list table.table td.state b {}
    .board-list table.table td.state .btn {padding: 2px 5px; border: 1px solid #ddd;font-size: 12px;}
    .board-list.gallery ul {margin: -1.5em -5px 1.5em;}
    .board-list.gallery li {padding: 0 5px;margin-top: 1.5em;}
	
	.board-list.course ul {margin: -1.5em -5px 1.5em;}
    .board-list.course li {/*padding: 0 5px;margin-top: 1.5em;*/padding:0px 15px 35px 15px;margin:20gongg_cpx 0 0 0; border:0; border-bottom:1px dotted #CCC; margin-left:0 !important}
	.board-list.course li:nth-child(1){ margin-top:-10px}
	.board-list.course li:nth-child(2){ margin-top:-10px}
    .board-list .btn-box {float: none;margin-top: 5%;}
    .board-view table.table {border: 0;border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
    .board-view table.table tbody {display: block;}
    .board-view table.table tr {display: block; padding: 9px 0; overflow: hidden;}
    .board-view table.table tr+tr {border-top: 1px dotted #ddd;}
    .board-view table.table th {display: block;width: 100%; height: auto; padding: 0;margin-bottom: 10px; border: 0; background: none;}
    .board-view table.table td+th {border: 0;}
    .board-view table.table td {display: block;width: 100%; padding: 0; border: 0;}
    .board-view table.table td .title {font-size: 16px;margin: 5px 0; line-height: 1.2; display: block;position: relative; height: auto;color: #222; font-family:'notokr-medium'}
    .file_i{ width:100%; margin-bottom:3px; line-height:15px}
	
    .board-view table.table tr.board-info th, .board-view .table tr.board-info td {display: inline-block;width: auto;margin: 0;font-size: 12px;}
    .board-view table.table tr.board-info td {padding: 0 10px;}
    .board-view table.table td.board-con {padding: 0; word-break: break-all; }
	.board-view table.table td.board-con.pw_s{text-align:center;padding-bottom:10px; overflow:hidden}
	.board-view table.table td.board-con.pw_s img{ width:100%}
	.board-view table.table td.board-con .b_txt{ padding-bottom: 10px; line-height:1.8; color:#555}
    .board-write .table {border: 0;border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
    .board-write .table tbody {display: block;}
    .board-write .table tr {display: block; padding: 12px 0; overflow: hidden;}
    .board-write .table tr+tr {border-top: 1px dotted #ddd;}
    .board-write .table th {display: block;width: 100%; height: auto; padding: 0;margin-bottom: 10px; border: 0; background: none;}
    .board-write .table td {display: block;width: 100%; padding: 0; border: 0;}
    .board-write .table td .form-group {max-width: none}
    .board-write .table textarea {min-height: 150px;}
    .board-write .table select {width: 100%;}
    .board-write .table span.bar {padding: 0 1px;}
    .board-write .table td .col-xs-12+.col-xs-12 {margin-top: 5px;}
    .board-write .table td.email span.bar {width: 8%;}
    .board-write .table td.email div[class*=col]:first-child {width: 42%}
    .board-write .table td.email div[class*=col]:last-child {width: 100%}
    .board-write .table td.birth span.bar {width: 8%;}
    .board-write .table td.birth div[class*=col] {width: 23%}
    .board-write .table td.birth div[class*=col]:first-child {width: 30%}
    .board-write .table td.phone div[class*=col] {width: 30%}
    .board-list .btn-box .btn, .board-write .btn-box .btn, .board-view .btn-box .btn, .board-lock .btn-box .btn {width: auto;height: auto; min-width: 100%; padding: 6px 12px;  font-size:14px; line-height:25px;  border:1px solid #d2d2d2; color:#666; background:#FFF;family:'NotoSansKR-Light'; }
	.board-list .btn-box1 .btn, .board-write .btn-box1 .btn, .board-view .btn-box1 .btn, .board-lock .btn-box1 .btn {min-width: 130px;padding: 6px 10px;height: 50px;font-size: 1.1em; margin-top:40px;}
	
    .board-search {float: none;margin-bottom: 5%;}
    .board-search.bottom {margin-top: 5%;}
    .board-search select.form-control {width: 30% !important;background-size: 30px !important;}
    .board-search .form-control {font-size: 13px !important;height: 29px !important;}
    .board-search .input-group .btn {font-size: 13px !important;width: 60px !important;height: 29px !important;margin-left: 0;}
    .board-lock {}
    .board-lock .pw-confirm {padding: 35px 0;}
    .board-lock .pw-confirm span {margin-right: 5px;}
    .board-lock .form-control {min-width: 35%}
	
	.board-search1 {float: none;margin-bottom: 5%; padding:7px}
    .board-search1.bottom {margin-top: 5%;}
    .board-search1 select.form-control {width: 100% !important;background-size: 30px !important;}
    
/*메인 합격*/

.pass_w { padding-top:0px !important; margin-bottom:30px !important;  border:2px solid #297acb;border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px; -ms-border-radius:7px; margin-top:20px !important;}
.pass_box{ width:100%; margin-left:0px !important; border-radius:0; border:0 !important; position:relative; padding-bottom:10px; line-height:0 !important}
.pass_box .passF { position:absolute; color:#1616166; width:240px; margin-left:10px; font-size: 21px; font-weight:600; }
.pass_box .passF span {color:#176bc2}
.pass_img{
	position:absolute; width:60px;
	top:-15px;
	left:-5px;
	z-index:0 !important
}
.pass_line{ position:absolute; top:5px; width:0px; }


.p_ba1{ width:100%; text-align:left; padding-left:50px;border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px; -ms-border-radius:7px; border:2px solid #297acb; }

.p_more{
	position:absolute;
	top:15px;
	right:20px;
	margin-top:14px;
	margin-right:0px;
	width:55px;
	height:25px;
	border:0;
	z-index:50;
}

.p_mr{ margin-right:7px !important}
.p_ml{ margin-left:7px !important}

.title1 { margin-left:0 !important; width:100% !important}
 .pass-list table.table1  {text-align: left;}
    .pass-list table.table1  thead {display: none}
    .pass-list table.table1  tr:first-child {border-top: 0;}
    .pass-list table.table1  tr.notice td:first-child {background: #ff0000;color: #fff;padding: 1px 5px;border-radius: 2px;}
    .pass-list table.table1  tr {display: block;position: relative;padding:0 10px 0 10px;border-top: 1px dotted #ddd;margin-top: -1px; overflow: hidden;}
	.pass-list table.table1  th {border: 0;padding: 0;display: inline-block;/* vertical-align: top; */font-size: 17px; color: #333; font-family:'notokr-bold';}
    .pass-list table.table1  td {border: 0;padding: 0;display: inline-block;/* vertical-align: top; */font-size: 15px; color: #666; line-height:23px; padding:7px 0 7px 0}
    .pass-list table.table1  td+td {margin-right: 5px;}
    .pass-list table.table1  td.no {font-weight: bold;font-size: 11px;display: none}
    .pass-list table.table1  td.hit {display: none}
    .pass-list table.table1   td.date a {text-decoration: underline; position: absolute;right: 0;top: 0;padding: 10px;}
    .pass-list table.table1  td.order-no {text-decoration: underline; position: absolute;right: 0;top: 0;padding: 10px;}
    .pass-list table.table1  td.mileage:before {content: "P"; font-size: 10px; padding: 1px 5px; line-height: 1; margin-right: 3px; background: #00a1c8; color: #fff;border-radius: 2px;}
    .pass-list table.table1  td.title {font-size:18px;margin: 5px 0; line-height:30px; display: block;position: relative; height: auto;color: #222; font-family:'notokr-bold';text-align:center;padding:8px}
	.pass-list table.table1  td.title .small{ display:inline-block !important;font-size:15px; width:150px; }
   .pass-list table.table1  td.pass_tit{ text-align:left;  font-size:21px; font-family:'notokr-bold'; /*border:2px solid #297acb;border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px; -ms-border-radius:7px;*/ line-height:25px !important; height:50px !important; padding-left:35px}
	.pass-list table.table1  td.l_txt{ text-align:left; color:#666; font-size:15px; width:100%; border-top:1px dotted #CCCCCC}
.title1 { margin-left:0 !important; width:100% !important}

	.map {overflow: hidden; width:96%; margin: 0 auto; margin-top: 5%;}
	.map .ad {background:#f6f6f6; padding:20px; margin-top:20px;}
	.map p {text-align:center	; margin-top:10px; padding-top:10px; border-top:1px solid #eee;}
	.map p img {width:40%; margin:0 10px}
	.map dl {display:block; width:100%; margin-top:0px; vertical-align:top;}
	.map dl.lst {margin-top:15px;}
	.map dt {display:block; font-size:15px; color:#333; margin-bottom:10px;}
	.map dd {font-size:13px; font-weight:400;}
	.map dd span {display:inline-block; font-size:13px;color:#333; margin-right:10px;}
	.map dd b {display:block; font-size:13px; color:#333; font-weight:600;}

    .counsel {width:auto;left:5%;right:5%}
	
/*서브페이지들*/	
#web {display:none;}
#mobile {display:block;}
#mobile li {float:left; line-height:0;}
#mobile li img {width:100%;}




/*강사롤링*/


.category_swiper{padding:10px 0 10px 10px}
.category_swiper .category_swiper_in{white-space:nowrap;overflow-y:hidden;overflow-x:scroll;-webkit-overflow-scrolling:touch;-webkit-scroll-snap-type:mandatory;scroll-snap-type:mandatory;position:relative}
.category_swiper .category_swiper_in .swiper_list{display:inline-block;}
.category_swiper .category_swiper_in .swiper_list a {text-align:center;display:block;white-space:nowrap}
.category_swiper .category_swiper_in .swiper_list a.active {font-weight:bold;border-bottom:2px solid #109aa3;color:#109aa3}

.category .shadow {
	width:30px;height:45px;position:absolute;right:0;top:0;z-index:10;
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.99) 99%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.99) 99%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.99) 99%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 )
	}

.teacher1{ width:100%; min-width:640px; background:#eff0f0; padding-bottom:20px}
.teacher1 .tit {;white-space:normal;letter-spacing:-0.1rem;font-size:14px;line-height:1.3rem;font-weight:bold;color:#5e5e5e;position:absolute;left:7px;top:20px;word-wrap:normal; text-align: left}
.teacher1 .tag {width:38px;height:15px;background-color:#fff;/*-moz-border-radius:19px;-webkit-border-radius:5px;border-radius:19px;*/color:#666;border-radius:20px;background:#fff;margin-right:3px; letter-spacing:-0.5px; font-weight:bold; border:1px solid #999;text-align:center;margin:0 2px 0 0;font-size:11px; /*font-size:11px;*/line-height:12px;display:table;position:absolute;left:5px;bottom:20px; padding:2px 5px;}
.teacher1 .tag .inner {display:table-cell;vertical-align:middle}
.teacher1 .name {font-size:0.8rem; /*font-size:12px;*/font-weight:bold;position:absolute;left:5px;bottom:35px}
.teacher1 .explan {font-size:0.65rem; /*font-size:11px;*/line-height:0.7rem;color:#ababab;overflow:hidden;position:absolute;left:5px;bottom:3px;word-break:break-all;white-space:initial;}
.fc_point{ font-size:11px; text-align:center; padding-top:3px}
.tit_line{ border-bottom:1px solid #c3c2c2; font-size:14px; font-weight:600; margin-bottom:3px}
.teacher1 .category_swiper .category_swiper_in{}
.teacher1 .category_swiper .category_swiper_in .swiper_list{position:relative;width:30%; border:1px solid #e9e9e9;text-align:right;}

/*맵*/
.map-tbl-con{margin-bottom:7%;}
.map-tbl{width:100%;}
.map-tbl th, .map-tbl td{padding:20px 2%; letter-spacing:-0.3px; font-size:18px; font-weight:400;}
.map-tbl th{padding-left:0; width:110px;border-bottom:1px solid #176bc2; color:#176bc2; text-align:left; }
.map-tbl td{border-bottom:1px solid #d8d8d8; color:#666; font-weight:400; letter-spacing:-0.75px; line-height:22px; font-size:16px}
.map-tbl td a{color:inherit;}

.topTxtA{width:auto; padding:0 ;}
.topTxtA .subTit{font-family:'notokr-bold'; font-size:17px !important; color:#000;padding:5% 0% 0px; }

.topTxtA .subTxt1 {margin-top:28px; font-size:16px; line-height:25px;}
.topTxtA .subTxt2{margin-top:28px; font-size:17px; line-height:25px;}
.tabArea{width:auto; padding:0 5%;}	



/*맵수정*/
 .traffic-list table.table {text-align: left; width:100%}
    .traffic-list table.table thead {display: none}
    .traffic-list table.table tr:first-child {border-top: 0;}
    .traffic-list table.table tr.notice td:first-child {background: #ff0000;color: #fff;padding: 1px 5px;border-radius: 2px;}
    .traffic-list table.table tr {display: block;position: relative;padding: 10px;border-top: 1px dotted #ddd;margin-top: -1px; overflow: hidden;}
	.traffic-list table.table th {border: 0;padding: 0;display: inline-block;/* vertical-align: top; */font-size: 17px; color: #333; font-family:'notokr-bold';}
    .traffic-list table.table td {border: 0;padding: 0;display: inline-block;/* vertical-align: top; */font-size: 15px; color: #666; line-height:23px; padding:7px 0 7px 0}
    .traffic-list table.table td+td {margin-right: 5px;}
    .traffic-list table.table td.no {font-weight: bold;font-size: 11px;display: none}
    .traffic-list table.table td.hit {display: none}
    .traffic-list table.table td.date a {text-decoration: underline; position: absolute;right: 0;top: 0;padding: 10px;}
    .traffic-list table.table td.order-no {text-decoration: underline; position: absolute;right: 0;top: 0;padding: 10px;}
    .traffic-list table.table td.mileage:before {content: "P"; font-size: 10px; padding: 1px 5px; line-height: 1; margin-right: 3px; background: #00a1c8; color: #fff;border-radius: 2px;}
    .traffic-list table.table td.title {font-size:18px;line-height:18px; display: block;position: relative; height: auto;color: #222; font-family:'notokr-bold';}
	.traffic-list table.table td.title .small{ display:inline-block !important;font-size:15px; width:150px; }
	
    .traffic-list table.table td.img {float: left; width: 60px; height: 60px; margin-right: 10px;}
    .traffic-list table.table td.writer {}
	.traffic-list table.table td.file img{ width:47%}
    .traffic-list table.table td.reply {padding-left: 12px;}
    .traffic-list table.table td.reply .title {padding-left: 0;}
    .traffic-list table.table td.state {position: absolute;right: 0;bottom: 0;padding: 10px;}
    .traffic-list table.table td.state b {}
    .traffic-list table.table td.state .btn {padding: 2px 5px; border: 1px solid #ddd;font-size: 12px;}
    .b_ba{ background:#fbfaf0; width:100%; text-align:center; padding:10px}
	.b_ba1{ background:#f8eaed; width:100%; text-align:center; padding:10px}
   
   .traffic-list table.table td.l_txt{text-align: left; color: #666;/* text-indent:15px;*/ font-size:15px;  font-family:'NotoSansKR-Regular';  }



/*시설안내*/
.graph_wrap {position:relative; width:100%; margin:0 auto; overflow:hidden; margin-top:20px}
.graph_wrap ul{ margin:0; padding:10px; width:100%; height:200px;overflow:hidden;}
.graph_wrap ul li {position:relative}
.graph_wrap ul li img{ border:1px solid #CCC; }
.ss_font{ position:absolute; background:url(/images/sub/ss_ba_m.png) no-repeat ; bottom:0px; left:0;width:100%; height:60px;  line-height:60px}
.ss_font span{ font-size:15px;font-family:'notokr-medium'; color:#FFFFFF; margin-left:30px; bottom:10px}
.g_next{position:absolute; right:-20px; top:50%; z-index:11}

.g_prev{position:absolute; left:20px; top:50%; z-index:11}

.next1_img{ width:50%; height:50%}
.prev1_img{ width:20%; height:50%}
}

/* mobile */
@media all and (max-width: 460px) {
    .index section.sc6 li+li {margin-top: 15px;}
    .main-visual .item .txt p {font-size: 1.2em;}
    .main-visual .item .txt p b {font-size: 2.5em;}
    .main-visual .item .txt a {font-size: 1em;}
    .index section.sc6 li {margin: 0 auto;}
    .index section.sc7 .item .copy {top:0}
}
/* iPhone 5,SE */
@media all and (max-width: 320px) {
    body {font-size: 13px;}
}