@charset "UTF-8";
/****************************** FONT ******************************/
@font-face {font-family:''Spoqa Han Sans''; font-style:normal; font-weight:300; src: local('☺'), url('/common/font/SpoqaHanSansLight.woff2') format('woff2'), url('/common/font/SpoqaHanSansLight.woff') format('woff'),url('../fonts/SpoqaHanSans/SpoqaHanSansLight.ttf') format('truetype'); }
@font-face {font-family:''Spoqa Han Sans''; font-style:normal; font-weight:400; src: local('☺'), url('/common/font/SpoqaHanSansRegular.woff2') format('woff2'), url('/common/font/SpoqaHanSansRegular.woff') format('woff'), url('../fonts/spoqa-han-sans/SpoqaHanSans/SpoqaHanSansRegular.ttf') format('truetype'); }
@font-face {font-family:''Spoqa Han Sans''; font-style:normal; font-weight:700; src: local('☺'), url('/common/font/SpoqaHanSansBold.woff2') format('woff2'), url('/common/font/SpoqaHanSansBold.woff') format('woff'), url('../fonts/SpoqaHanSans/SpoqaHanSansBold.ttf') format('truetype'); }


/********** RESET **********/
html,body { height:100%; }
body { -webkit-text-size-adjust:none; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button { margin:0; padding:0; box-sizing:border-box; }
body,input,select,textarea,button,table { font-family:'Spoqa Han Sans', 'Spoqa Han Sans JP', sans-serif; color:#666; line-height:1.4; letter-spacing:-1px; word-break:keep-all; word-wrap:break-word;list-style-type: none;}
table#form_tb{margin-top:5px;}
h1,h2,h3,h4, h5,h6 { font-weight:inherit; font-size:inherit; }
span{font-weight:200; display:inline-block;}
fieldset { border:0; }
img { border:0;  }
video,audio,object,embed,iframe { max-width:100%; height:auto; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
dl,ul,ol,menu { list-style:none; }
em,address { font-style:normal; }
a { color:inherit; text-decoration:none;}
a:hover,a:active,a:focus { text-decoration:none; }
/* input,select,textarea,button { vertical-align:middle; border-radius:0;-webkit-appearance:none; appearance:none; box-sizing:border-box; } */
button { cursor:pointer; width:auto; overflow:visible; color:inherit; font-size:inherit; vertical-align:middle; background:none; background:transparent; border:none; box-sizing:border-box; }
table { border-collapse:collapse; border-spacing:0; table-layout:fixed; width:100%; empty-cells:show; }
caption, legend { text-indent:-9999px; width:0; height:0; font-size:1px; line-height:0; border:0; white-space:nowrap; overflow:hidden; }
/* input { box-sizing:border-box; -webkit-appearance: none; appearance: none; resize:none; box-shadow: none !important; } */
input[type='text']::-ms-clear { display:none; }
input:checked[type='checkbox'] { -webkit-appearance:checkbox; }
input,textarea { -webkit-tap-highlight-color:rgba(0,0,0,0) }
textarea {font-family:'Noto Sans KR', sans-serif; resize:none;border:1px solid #cdd3d4;padding:7px 12px;background-color:#ecebeb;color:#6c7273;font-size: 14px;}
input[type='text']:disabled, input[disabled="disabled"], input.disabled, input.readonly{ background-color:#f5f5f5; color:#666; cursor:default; }
input[type='text'], input[type='password'],input[type='file'],input[type='tel']{font-family: 'Noto Sans KR', sans-serif;padding: 0 12px;color: #6c7273;}
button[disabled="disabled"] { background-color:#ccc; color:#fff; cursor:default; border:none; }
button[disabled="disabled"]:hover { text-decoration:none; color:#fff; }
a.disabled { background-color:#ccc; color:#fff; cursor:default; border:none; }
a.disabled:hover { text-decoration:none; color:#fff; }
/* select { vertical-align:middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius:0;  box-sizing:border-box; } */
select[disabled="disabled"] { background-color:#f4f4f4; color:#666; }
select::-ms-expand { display:none; }
input[data-fakefile="file"] { position:absolute; width:1px; height:16px; padding:0; margin:0; opacity:0; overflow:hidden; box-sizing: border-box; }
sup { line-height:1; }
[v-cloak] { display:none; }
.cf:after{content: ""; display: block; clear: both;}

::-webkit-input-placeholder { color:#ccc !important; }
::-moz-placeholder { color:#ccc !important; }
:-ms-input-placeholder { color:#ccc !important; }
:-moz-placeholder { color:#ccc !important; }

body { overflow:scroll; width:100%; /*min-width:1280px;*/min-width:100%;}

/* accessibility */
.blind { display:block; position:absolute; left:-9999px; text-indent:9999px; width:0; height:0; border:0; overflow:hidden; font-size:1px; line-height:0; white-space:nowrap; }
.skip { position:fixed; left:0; top:-1px; width:100%; z-index:1000; overflow:hidden; font-size:0; line-height:0; }
.skip a { display:block; position:relative; margin-top:-30px; left:0; width:0; text-align:center; outline:none; white-space:nowrap; overflow:hidden }
.skip a:active, .skip a:focus { margin-top:0; width:auto; text-decoration:none; cursor:pointer; padding:1px 6px 2px 6px; font-size:12px; line-height:26px; color:#fff; background:#000 }


/* icon */
.ir, .ib::before, .ia::after, .it-b::before, .it-a::after { content:''; display:inline-block; vertical-align:middle; background-image:url("/images/common/sprite.svg"); background-position:999px 999px; background-repeat:no-repeat; }
.ir { padding:0; margin:0; white-space:nowrap; font-size:1px; overflow:hidden; text-indent:-999px; color:transparent; line-height:0; }

/* ir 
.i-login { width:48px; height:48px; background:url("/images/common/icon-login.svg") center center no-repeat; }
.i-logout { width:48px; height:48px; background:url("/images/common/icon-logout.png") center center no-repeat; }*/
.i-home { width:15px; height:16px; background:url("/images/common/icon-home.svg") 0 0 no-repeat; }

#leftNavBox{display:none;}
.header .open-btn{display: none;}

/*header 로그인*/
.header .header-inner ul.member{display: inline-block; position: absolute; right: 0; top: 25px;}
.header .header-inner ul.member li{padding: 10px 10px 0; display: inline-block; float: left; font-size: 14px;}
.header .header-inner ul.member li a{display: block; height: 32px; line-height: 32px; font-size: 14px; color: #888; padding-left: 40px;}
.header .header-inner ul.member li.sign-in{background: url('/images/common/line_point.png') 100% 50% no-repeat;}
.header .header-inner ul.member li.sign-in a{background: url('/images/common/exam_icon.png') 0 50% no-repeat;}
.header .header-inner ul.member li.sign-in a:hover,#header .inner ul.member li.login a:hover{color: #333;}
.header .header-inner ul.member li.login a{background: url('/images/common/login.png') 0 50% no-repeat;}
.header .header-inner ul.member li.logout a{padding-left:15px; border-left: 1px solid #ddd; height: 20px; line-height: 20px; position: relative; top: 6px;}
.header .header-inner ul.member li.login-on{padding-right: 5px;}
.header .header-inner ul.member li.login-on a{/*background: url('/images/common/sign_in.png') 0 50% no-repeat;*/}
.header .header-inner ul.member li.login-on a strong{font-weight: 600; color: #746661;}

/* ib, ia */

/* it */
.i-arrow::after { content:''; display:inline-block; width:14px; height:6px; background-position:0 0; }
.i-arrow-2::after { content:''; display:inline-block; margin-left:8px; margin-top:-3px; width:19px; height:9px; background-position:-34px 0; }
.i-q-1::before, .i-q-2::before, .i-q-3::before, .i-q-4::before, .i-q-5::before, .i-q-6::before { display:block; margin:0 auto; width:56px; height:49px; }
.i-q-1::before { background-position:0 -10px; }
.i-q-2::before { width:45px; background-position:-63px -10px; }
.i-q-3::before { width:46px; background-position:-117px -10px; }
.i-q-4::before { width:56px; background-position:-172px -10px; }
.i-q-5::before { width:52px; background-position:-238px -10px; }
.i-q-6::before { width:49px; background-position:-299px -10px; }

/* fm-ipt / fm-sel */
.fm-ipt, .fm-sel { overflow:hidden; position:relative; width:100%; height:50px; line-height:50px; padding:0 16px; border:1px solid #ccc; background:#fff; }
.fm-ipt.disable { background:#f8f8f8; }
.fm-sel { background:#fff url("/images/common/fm-sel-2.svg") right 20px center no-repeat; } /* 퀵 셀렉트 */

/* color */
.cl-orange { color:#F5A600; }

/* select */
.select { padding-left:16px; font-size:14px; width:187px; height:100%; background:url("/images/co mmon/fm-sel.svg") right 18px center no-repeat; border:0; }

/* tab */
.tabs { overflow:hidden; margin-top:56px; border-bottom:1px solid #746661; font-weight:600;width:100%}
.tabs li { display:inline-block; float:left; width:33.33333%; height:48px; line-height:48px; font-size:16px; color: #707070;; border-right:1px solid #dcdcdc; letter-spacing:-0.02em; text-align:center; background-color:#E4E8EB; cursor:pointer; }
.tabs li:last-child { border-right:none; } 
.tabs li.on{ background-color:#F5A600; color:#fff; }
.tab-director{ background-color: #F5A600;}
.tabs.cc li {width:50%;}
.tabs-item { display:none; }
.tabs-item.on { display:block; }

.tabs.diploma li{width:11.1%; font-size: 14px;}

/****************************** slide ******************************/
.swiper-container { position:relative; }
.swiper-pagination { width:auto !important;  }

/******************* layout *******************/
.header { border-bottom:1px solid #EAEAEA; }
.header-inner { position:relative; margin:0 auto; width:1200px; height:100px; }
.header-inner .logo { display:inline-block; margin-top:23px; }
.header-inner .logo .logo_m{display:none;}

.nav { position:absolute; top:0; left:0; right:0; z-index:3; }
/* .nav:hover::before { content:''; position:absolute; top:101px; left:-200%; right:-200%; bottom:-359px; display:block; background-color:#fff; box-shadow:0px 16px 16px rgba(0, 0, 0, 0.25); z-index:2; transition:all 0.2s ease; } */
.nav:hover::before {content:''; display:block; position:absolute; top:101px; left: -200%; right: -200%; bottom:-580px;  background-color:#fff; box-shadow:0px 16px 16px rgba(0, 0, 0, 0.25); z-index:2; transition: 0.4s ease; }
.nav button { display:none; position:absolute; top:17px; right:50px; -webkit-transform:translateY(0); transform:translateY(0); width:32px; height:32px; border-radius:0; background:rgba(0, 0, 0, 0); box-shadow:0 0 0 rgba(0, 0, 0, 0); z-index:3; }
.nav .dep { position:absolute; top:37px; right:140px; width:790px; height:63px; }
.nav .dep > li { position:relative; float:left; display:inline-block; width:calc(100% / 7); text-align:center; z-index:2; }
.nav .dep > li > a { font-size:15px; line-height:27px; color:#413C39;font-weight:600;}
.nav .dep > li:hover > a { color:#9faf63; font-weight:bold; }
.nav .dep > li:first-child .dep-2 { margin-left:0; border-left:0; }
.nav:hover .dep-2 { visibility:visible; opacity:1; transition:all 0.2s ease; }
.nav .dep-2 { visibility:hidden; opacity:0; position:absolute; top:63px; padding:16px 10px 23px 0; width:calc(100% + 7px); height:457px; text-align:center; border-left:1px solid #E4E8EB; }
.nav .dep-2 > li a { font-size:13px; line-height:30px; color:#666; font-weight:600;letter-spacing:-1.5px;}
.nav .dep-3 > li a { font-size:13px; line-height:30px; color:#888; font-weight:600;}
.nav .dep-3 > li {border-bottom: 1px dotted wheat}
.nav .dep-2 > li a:hover { color:#9faf63; }

/*.login { position:absolute; top:26px; right:0; width:48px; height:48px; background-color:#F9EED7; border-radius:48px; text-align:center; }
.login::before { content:''; display:inline-block; width:0; height:100%; vertical-align:middle; }*/

/* container */
#container {}
#container::after {content: ''; display: block; clear: both;}

/* contents */
.content { min-height:65%; }

.vis { padding-top:63px; height:412px; text-align:center; background:url("/images/common/vis-img.jpg") center 0 no-repeat; }
.vis dl { color:#fff; }
.vis dt { font-size:32px; }
.vis dd { margin-top:10px; line-height:26px; font-size:16px; opacity:0.6; }
.vis .btn { display:inline-block; margin-top:32px; width:96px; height:40px; border:1px solid #fff; font-size:14px; line-height:40px; text-align:center; color:#fff; box-sizing:border-box; }
.vis .btn:hover { background-color:#fff; color:#F5A600; }

.m-banner { overflow:hidden; margin:50px auto; width:1200px;text-align:center; }
.m-banner .item { float:left; display:inline-block; padding:23px 0 0 32px; width:276px; height:144px; line-height:28px; font-size:20px; text-align:left; vertical-align:middle; box-sizing:border-box; font-weight: 600; color: #555;}
.m-banner .item + .item { margin-left:32px; }
.m-banner .item.icon { background:#fff url("/images/common/icon-m-banner.svg") right 32px bottom 32px no-repeat; }
.m-banner .item.icon-2 { background:#fff url("/images/common/icon-m-banner-2.svg") right 32px bottom 32px no-repeat; }
.m-banner .item.icon-3 { background:#fff url("/images/common/icon-m-banner-3.svg") right 32px bottom 32px no-repeat; }
.m-banner .item.icon-4 { background:#fff url("/images/common/icon-m-banner-4.svg") right 32px bottom 32px no-repeat; }
.m-banner .item .i-arrow { display:block; margin-top:14px; font-size:14px; color:#746661; }
.m-banner .item .i-arrow::after { margin-left:4px; margin-top:-6px; }
.m-banner .item:hover { font-weight:700; background-color:#F9EED7 }
.m-banner .item:hover .i-arrow { color:#413C39; }
.m-banner .item:hover .i-arrow::after { background-position:-16px 0; }
.m-banner .item:hover.icon { background-image:url("/images/common/icon-m-banner-on.svg"); }
.m-banner .item:hover.icon-2 { background-image:url("/images/common/icon-m-banner-2-on.svg"); }
.m-banner .item:hover.icon-3 { background-image:url("/images/common/icon-m-banner-3-on.svg"); }
.m-banner .item:hover.icon-4 { background-image:url("/images/common/icon-m-banner-4-on.svg"); }


.main-section { margin:0 auto 0; padding:80px 0; background-color:#F4F3F3; }
.main-section .inner { overflow:hidden; margin:0 auto; width:1200px;}
.main-section h2 { margin-bottom:25px; font-size:22px; line-height:41px; color:#555; letter-spacing:-0.04em; font-weight: 600;}
.main-section .main-banner { float:left; width:789px; height:272px; background:url("/images/common/main-banner-bg-1.jpg") 0 0 no-repeat; }
.main-section .certi { float:left; display:inline-block; width:50%; height:240px; color:#fff; padding-left: 22px; }
.main-section .certi dt { margin-top:37px; font-size:22px; line-height:33px; font-weight:700; }
.main-section .certi dd.txt { margin-top:6px; font-size:14px; line-height:22px; opacity: 0.9;  }
.main-section .certi .btn { display:inline-block; margin-top:36px; width:96px; height:40px; line-height:40px; border:1px solid #fff; font-size:14px; font-weight:700; }
.main-section .certi .btn:hover { background-color:#fff; color:#F5A600; }
.main-section .certi .btn + .btn { margin-left:4px; }
.main-section .main-banner .swiper-pagination { left:-4px; bottom:-5px; }

.main-section .main-banner-2 { float:right; width:379px; height:240px; background:url("/images/common/main-banner-2-bg-2.jpg") 0 0 no-repeat; }
.main-section .main-banner-2 .certi { width:100%; }
.main-section .main-banner-2 .certi dt { margin-top:50px; color: #555;}
.main-section .main-banner-2 .certi .btn { display:inline-block; margin-top:36px; width:96px; height:40px; line-height:40px; border:1px solid #555; font-size:14px; font-weight:700; color: #555; }

.quick-list { height:128px; background-color:#3a3f2b; }
.quick-list h2 { display:none; }
.quick-list ul { margin:0 auto; width:1200px; height:100%; }
.quick-list ul li { display:inline-block; float:left; width:calc(100% / 6); height:100%; font-size:16px; color:#AFABAB; }
.quick-list ul li a { display:inline-block; width:100%; padding-top:20px; text-align:center; }
.quick-list ul li .it-b::before { margin-bottom:12px; }
.quick-list ul li:hover a { color:#fff; }
.quick-list ul li:hover .i-q-1::before { background-position:0 -67px; }
.quick-list ul li:hover .i-q-2::before { background-position:-63px -67px; }
.quick-list ul li:hover .i-q-3::before { background-position:-117px -67px; }
.quick-list ul li:hover .i-q-4::before { background-position:-173px -67px; }
.quick-list ul li:hover .i-q-5::before { background-position:-238px -67px; }
.quick-list ul li:hover .i-q-6::before { background-position:-299px -67px; }

.board-area { overflow:hidden; margin:0 auto; padding-top:80px; width:1200px;height:350px; }
.board-area .item { position:relative; float:left; display:inline-block; margin-left:47px; width:calc((100% / 3) - 32px); }
.board-area .item:first-child { margin-left:0; }
.board-area .item h3 { position:relative; font-size:16px; font-weight:700; color:#746661; }
.board-area .item h3.line:hover::after { content:''; display:inline-block; position:absolute; left:0; bottom:0; width:60px; height:1px; background-color:#746661; }
.board-area .item .swiper-pagination { bottom:auto; top:0; left:auto; right:0; } 
.board-area .swiper-wrapper { height:auto; }
.board-area .swiper-slide a { display:block; width:100%; margin-top:32px; }
.board-area .swiper-slide a:hover .m-board-area dt, .board-area .swiper-slide a:hover .m-board-area dd:nth-child(2) { text-decoration:underline; } 
.board-area .m-board-area dt { font-size:18px; color:#413C39; }
.board-area .m-board-area dd { height:39px; margin-top:9px; color:#777; overflow:hidden; 	text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:14px;}
.board-area .m-board-area dd:nth-child(3) { margin-top:20px; }
.board-area .consulte { background:url("/images/common/icon-consulte.svg") left 0 top 57px no-repeat; }
.board-area .consulte h3 { margin-bottom:30px; }
.board-area .consulte strong { margin-left:112px; font-size:23px; color:#413C39; }
.board-area .consulte dl { margin:8px 0 0 112px; overflow:hidden; color:#777; font-size:14px; }
.board-area .consulte dt { display:inline-block; float:left; width:20%; }
.board-area .consulte dd { display:inline-block; float:left; width:80%; }
.board-area .consulte .ex { display:block; margin-top:17px; font-size:14px; color:#777; }

.link-area { height:168px; background-color:#F4F3F3; }
.link-area .inner { margin:0 auto; width:1200px; }
.link-area .link-list { display:flex; flex-direction:column; flex-wrap:wrap; flex-flow:column wrap; float:left; margin:29px 0 0 0; width:821px; height:110px; font-size:16px; box-sizing:border-box; }
.link-area .link-list li { display:inline-block; margin-top:20px; max-width:379px; width:50%; }
.link-area .link-list li:first-child, .link-area .link-list li:nth-child(4) { margin-top:0; }
.link-area .link-list li a { color:#746661; }
.link-area .link-list li a:hover { text-decoration:underline; }
.link-area .link-banner { float:right; margin-right:-120px;padding:28px 32px 32px; width:499px; height:168px; background:url("/images/common/link-banner-bg.jpg") 0 0 no-repeat; color:#746661; }
.link-area .link-banner .stitle { display:block; font-size:16px;font-weight:300 }
.link-area .link-banner .title { display:block; margin-top:10px; font-size:24px; }
.link-area .link-banner .txt { display:block; margin-top:5px; opacity:1;font-weight:300 }

/* footer */
.footer { margin:100px 0 30px; height:160px; border-top:40px solid #A5A0A0; }
.footer .f-links { overflow:hidden; height:40px; }
.footer .f-links a { display:inline-block; float:left; padding:10px 0; width:25%; font-size:16px; color:#fff; text-align:center; }
.footer .f-links a:hover { text-decoration:underline; }
.footer .footer-inner { position:relative; margin:-41px auto 0; width:1200px;z-index:1; }
.footer address { margin-top:24px; line-height:26px; font-size:14px; }
.footer address dl { color:#333; text-align:center; line-height:28px; }
.footer address dt { display:inline-block; }
.footer address dd { display:inline-block; margin-left:32px; }
.footer address dd:nth-child(4), .footer address dd.copy { margin-left:0; }

/* main-banner */
#main_visual{padding-top:0px;position: relative; width: 100%;height: auto;}
#main_visual div img {}
#visualM{display: none;}
#visual{width: 100%; height: 645px; position: relative; margin-top: 130px;overflow: hidden;}
#visual .swiper-container{display: none;}


#main_visual .swiper-pagination {margin: 0 auto; position: absolute;transform: translateX(-50%);left: 50%;}



/* main */
.swiper-wrapper { width:100%; }
.swiper-slide { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; }
.login-on-menu_title{display:none;}



/******************* 테블릿 *******************/
/* @media all and (min-width:768px) and (max-width:1279px) {

	.m-banner { width:calc(100% - 32px); }
	.m-banner .item { padding:23px 0 0 25px; width:calc((100% / 4) - 0.76%); }
	.m-banner .item + .item { margin-left:1%; }

	.main-section { padding-left:16px; padding-right:16px; }

	.link-area .link-list { margin:29px 0 0 4%; width:60%; }
	.link-area .link-list li:nth-child(3) ~ li { margin-left:0; }
	.link-area .link-banner { width:36%; }
	
	.board-area { padding:80px 16px 0; }
	.board-area .item { margin-left:24px; width:calc((100% / 3) - 24px); }

	.m-banner .item.icon, .m-banner .item.icon-2, .m-banner .item.icon-3, .m-banner .item.icon-4 { background-position:right 15px bottom 35px; }

	.sub-con { max-width:calc(100% - 32px); width:calc(100% - 32px); }
	.sub-vis img { width:100%; }
}

@media all and (max-width:1000px) {
	.nav .dep { width:63%; transition:all 0.2s ease; }
	.nav .dep-2 > li + li { margin-top:5px; }
	.nav .dep-2 > li a { line-height:16px; }

	.link-area .link-list { width:52%; }
	.link-area .link-banner { width:44%; }
} */
@media all and (max-width:1200px) {
    .link-area .link-list{width:58%;}
    .link-area .link-banner{margin-right:0;}

}
@media all and (max-width:750px) {
	body { min-width:100%; }
	.ir, .ib::before, .ia::after, .it-b::before, .it-a::after { background-size:375px 225px; }
	/* 모바일 사이드 메뉴 */
	#leftNavBox{display:block;}
	.header .header-inner ul.member{display:none;}

	.tabs li {width:33.3333%;}

    .tabs.diploma li{font-size: 16px;}

	#leftNavBox{width: 100%; height: 100%; background: #fff; position: fixed; left: 0; top: 0; overflow-y: scroll; -webkit-overflow-scrolling: touch; z-index: 101;}
	#leftNav{width: 100%; padding: 70px 5% 0; box-sizing: border-box; position: relative; z-index: 102;}
	#header .left-nav-logo{display: block; width: 180px; position: absolute; left: 5%; top: 24px;}
	#header .left-nav-logo img{width: 100%;}
	#leftNav .left-nav-close{display: block; width: 21px; background: #fff; position: absolute; right: 6%; top: 22px;}
	#leftNav .left-nav-close img{width: 100%;}
	#leftNav a img{margin-bottom:10px;width:70%;}
	#leftNav .login-wrap{width: 100%; background: #f6f6f6; position: relative;}
	#leftNav .login-wrap .login-box{}
	#leftNav .login-wrap .login-box li{float: left; width: 50%; box-sizing:border-box;}
	#leftNav .login-wrap .login-box li a{display: block; width: 100%; height: 50px; font-size: 14px; text-align: center; line-height: 50px; text-indent: 40px;}
	#leftNav .login-wrap .login-box li.sign-in{}
	#leftNav .login-wrap .login-box li.sign-in:after{content: ""; clear: both; display: block; height: 20px; width: 1px; background: #ddd; position: absolute; left: 50%; top: 50%; margin-left: -0.5px; margin-top: -10px;}
	#leftNav .login-wrap .login-box li.sign-in a{background: url("/images/common/sign_in.png") no-repeat 20% 50%;}
	#leftNav .login-wrap .login-box li.login{}
	#leftNav .login-wrap .login-box li.login a{background: url("/images/common/login.png") no-repeat 20% 50%;}
	#leftNav .login-wrap .member-box{}
	#leftNav .login-wrap .member-box li{float: left;}
	#leftNav .login-wrap .member-box li a{display: block; width: 100%; height: 50px; text-align: center; line-height: 50px; font-size: 14px;font-weight:600;}
	#leftNav .login-wrap .member-box li.login-on{width: 65%;}
	#leftNav .login-wrap .member-box li.login-on:after{content: ""; clear: both; display: block; height: 20px; width: 1px; background: #ddd; position: absolute; left: 65%; top: 50%; margin-left: -0.5px; margin-top: -10px;}
	#leftNav .login-wrap .member-box li.sign-in:after{content: ""; clear: both; display: block; height: 20px; width: 1px; background: #ddd; position: absolute; left: 126px; top: 50%; margin-left: -0.5px; margin-top: -10px;}
	#leftNav .login-wrap .member-box li.login-on a{background: url('/images/common/sign_in.png') 6.5% 50% no-repeat; text-indent: 30px;}
	#leftNav .login-wrap .member-box li.sign-in a{background: url('/images/common/exam_icon.png') 6.5% 50% no-repeat; text-indent: 40px;}
	#leftNav .login-wrap .member-box li.login-on a strong{color: #4b5e6c; font-weight: 600;}
	#leftNav .login-wrap .member-box li.logout{width: 35%;}
	#leftNav .login-wrap .member-box li.logout a{}
	#leftNav .left-menu{margin-top: 20px;}
	#leftNav .left-menu .lm1{}
	#leftNav .left-menu .lm1 > li{}
	#leftNav .left-menu .lm1 > li h2{padding-bottom: 2px;font-size: 16px; color:#b09b71; border-left: 3px solid #b09b71; text-indent: 10px; line-height: 1.2;}
	#leftNav .left-menu .lm1 > li .lm2{margin: 14px 0 20px; border: 1px solid #ddd; border-bottom: 0;}
	#leftNav .left-menu .lm1 > li .lm2 li{float: left; width: 50%; padding: 10px 0; border-bottom: 1px solid #ddd; text-indent: 10px; box-sizing:border-box;}
	#leftNav .left-menu .lm1 > li .lm2 li:nth-of-type(2n){border-left: 1px solid #ddd;}
	#leftNav .left-menu .lm1 > li:nth-of-type(1) .lm2 li:last-of-type, 
    #leftNav .left-menu .lm1 > li:nth-of-type(5) .lm2 li:last-of-type, 
    #leftNav .left-menu .lm1 > li:nth-of-type(6) .lm2 li:last-of-type{width: 100%;}
	#leftNav .left-menu .lm1 > li .lm2 li a{display: block; width: 100%; font-size: 14px;}

	#wrap{width: 100%; overflow: hidden;}
	.header .open-btn{display: block; width: 25px; position: absolute; right: 0%; top: 23px;}
	.header .open-btn img{width: 100%;}

	.tabs li {border-right:0; border-bottom:1px solid #dcdcdc;}
	.tabs li:last-child {  } 
	.tabs li:nth-child(2n-1){border-right:1px solid #dcdcdc;}



	.header-inner, .footer .footer-inner { width:calc(100% - 32px); transition:all 0.2s ease; }
	.header-inner { height:64px; transition:all 0.2s ease; }
	.header-inner .logo { margin-top:16px; }
	.header-inner .logo img { }
	.header-inner .logo .logo_m{display:inline-block; width:80%;}
	.header-inner .logo .logo_pc{display:none;}
	.login-on-menu_title{display:block;}

	.nav .dep, .nav .dep-2, .nav:hover::before {}
	.dep{}
	.nav button { display:block; position:absolute; top:17px; right:0; -webkit-transform:translateY(0); transform:translateY(0); width:32px; height:32px; border-radius:0; background:rgba(0, 0, 0, 0); box-shadow:0 0 0 rgba(0, 0, 0, 0); z-index:3; }
	.nav button::before { position:absolute; top:9px; left:5px; width:20px; height:2px; border-left:0; border-bottom:0; border-radius:2px; transform:rotate(0); background-color:#333; box-shadow:0 6px #333, 0 12px #333;-webkit-box-shadow:0 6px #333, 0 12px #333;-moz-box-shadow:0 6px #333, 0 12px #333; }
	.nav.toggle { position:absolute; left:60px; bottom:0; height:2936px;width:88%; background-color:#fff;overflow:hidden; }
	.nav.toggle::after { content:''; display:block; position:fixed; top:0; left:0; right:80%; bottom:0; background:rgba(0, 0, 0, 0.7); transition:all 0.2s ease; }
	/*.nav.toggle .dep { display:block; position:relative; top:auto; right:auto; width:auto; height:auto; margin:90px 0 0 0; }
	.nav.toggle .dep li { float:none; padding:5px 0;}
	.nav.toggle .dep li + li { margin-top:0; }
	.nav.toggle button { top:33px; left:25px; }
	.nav.toggle button::after, .nav.toggle button::before { position:absolute; top:15px; left:6px; width:20px; height:2px; border-radius:2px; background-color:#999; }
	.nav.toggle button::after { transform:rotate(-45deg); }
	.nav.toggle button::before { transform:rotate(45deg); box-shadow:none; }
	
	.nav:hover::before{top:59px; left:-16px; right:-16px;bottom:-1000px;display:none;}
	.nav .dep{top:68px; right:0; width:350px; display:none; margin:0 auto; text-align:center;}
	.nav .dep>li{width:300px; position:absolute;float:left;left:27px;text-align:left; display:block;}
	.nav .dep-2>li:nth-child(2n){margin-left: -5px; border-right: 1px solid #ddd;}
	.nav .dep li:nth-child(1){top:0px;}
	.nav .dep li:nth-child(2){top:200px;}
	.nav .dep li:nth-child(3){top:300px;}
	.nav .dep li:nth-child(4){top:400px;}
	.nav .dep li:nth-child(5){top:500px;}
	.nav .dep li:nth-child(6){top:640px;}
	.nav .dep li:nth-child(7){top:780px;}
	.nav .dep>li>a{padding-bottom: 2px;font-size: 16px;color: #b09b71;border-left: 3px solid #b09b71;text-indent: 10px;padding-left:5px;}
	.nav .dep-2{top:44px; padding:0; border:none;}
	.nav .dep-2>li{width:130px;display:inline-block;text-align:center; border-bottom: 1px solid #ddd;}
	.nav .dep-2>li:nth-child(2n-1){border-left: 1px solid #ddd;}
	.nav .dep-2>li:nth-child(1),.nav .dep-2>li:nth-child(2){border-top: 1px solid #ddd;}
	.nav .dep-2>li{border-right: 1px solid #ddd;}
	.nav .dep-2>li a{line-height:0;padding: 10px 0;box-sizing: border-box;}*/
	.nav.toggle{display:none;}
	.nav{display:none;}




	.login { display:block; top:21px; right:0; width:15px; height:18px; border-radius:0; }
	.i-login { width:15px; height:18px; background:url("/images/common/icon-login-m.svg") center center no-repeat; }
	.i-logout { width:15px; height:18px; background:url("/images/common/icon-logout-m.png") center center no-repeat; }

	.footer { margin:32px 0 0; height:auto; border-top:0; background-color:#A5A0A0; }
	.footer .footer-inner { margin:0 auto; padding:24px 0; max-width:100%; }
	.footer .f-links { padding:0; width:100%; height:auto; }
	.footer .f-links a { float:none; padding:3px 0; width:100%; font-size:15px; text-align:left; }
	.footer .f-links a + a { margin:10px 0 0; transition:all 0.2s ease; }
	.footer address { position:relative; margin:24px 0 0; }
	.footer address::before { display:none; }
	.footer address dl { text-align:left; font-size:13px; line-height:22px; color:#fff; }
	.footer address dd { display:block; margin-left:0; }

	.vis { padding-top:47px; height:160px; background-size:cover; }
	.vis dl { margin:0 auto; width:70%; }
	.vis dt { font-size:22px; }
	.vis dd, .vis .btn { display:none; }

	
	.m-banner { margin:0; width:100%; }
	.m-banner .item { padding:23px 0 0 23px; width:50%; font-size:18px; transition:all 0.2s ease; border-bottom:1px solid #EAEAEA; }
	.m-banner .item:nth-child(2n) { border-left:1px solid #EAEAEA; }
	.m-banner .item + .item { margin-left:0; transition:all 0.2s ease; }
	.m-banner .item.icon, .m-banner .item.icon-2, .m-banner .item.icon-3, .m-banner .item.icon-4 { background-position:right 23px top 32px; }
	.m-banner .item.icon { background-size:57px auto; }
	.m-banner .item.icon-2 { background-size:50px auto; }
	.m-banner .item.icon-3 { background-size:46px auto; }
	.m-banner .item.icon-4 { background-size:48px auto; }
	.m-banner .item .i-arrow::after { width:12px; }
	.m-banner .item:hover .i-arrow::after { background-position:-12px 0; }

	.main-section { margin-top:0; padding:32px 0 0 0; }
	.main-section .inner { width:100%; }
	.main-section h2, .quick-list h2, .board-area .item h3 { margin:0 16px 12px 16px; font-size:14px; font-weight:700; line-height:21px; color:#413C39; }
	.main-section .main-banner { float:none; width:auto; height:256px; background:url("/images/common/main-banner-bg-1.jpg") center 0 no-repeat; }
	.main-section .main-banner .swiper-pagination { left:50%; transform:translateX(-50%); bottom:-4px; }
	.main-section .main-banner-2 { margin-top:32px; float:none; max-width:100%; width:100%; height:223px;  background-position:center center; background-size:100% auto; }
	.main-section .certi { height:223px; }
	.main-section .certi dt { margin-top:32px; }

	.quick-list, .notice, .schedule { padding-top:32px; height:auto; background-color:#F4F3F3; }
	.quick-list h2 { display:block; }
	.quick-list ul { overflow:hidden; padding:10px 0; width:100%; background-color:#fff; }
	.quick-list ul li { width:33.33%; font-size:14px; color:#413C39; }
	.quick-list ul li a { padding:10px 0; }
	.quick-list ul li .it-b::before { margin-bottom:0; }
	.i-q-1::before, .quick-list ul li:hover .i-q-1::before { width:41px; height:46px; background-position:0 -7px; }
	.i-q-2::before, .quick-list ul li:hover .i-q-2::before { height:46px; background-position:-40px -7px; }
	.i-q-3::before, .quick-list ul li:hover .i-q-3::before { height:46px; background-position:-83px -7px; }
	.i-q-4::before, .quick-list ul li:hover .i-q-4::before { height:46px; background-position:-122px -7px; }
	.i-q-5::before, .quick-list ul li:hover .i-q-5::before { height:46px; background-position:-172px -7px; }
	.i-q-6::before, .quick-list ul li:hover .i-q-6::before { height:46px; background-position:-217px -7px; }
	.quick-list ul li:hover a { color:#413C39; }

	.board-area { padding-top:0; width:100%; height:auto; }
	.board-area .item { margin:0 auto !important; padding-bottom:18px; float:none; display:block; width:100%; }
	.board-area .item .swiper-wrapper .swiper-slide { background-color:#fff; }
	.board-area .item .swiper-wrapper a { margin:24px 0; padding:0 16px; }
	.board-area .item h3.line::after, .i-arrow-2::after { display:none; }
	.board-area .item .swiper-pagination { bottom:-4px; top:auto; left:0; display:block; }
	.board-area .consulte { height:auto; background-size:70px auto; background:url("/images/common/icon-consulte.svg") left 16px top 88px no-repeat; }
	.board-area .consulte h3 { padding:32px 16px 12px 16px; margin:0; background-color:#F4F3F3; }
	.board-area .consulte strong { display:block; margin:16px 0 8px 128px; }
	.board-area .consulte dl { margin-left:128px; }
	.board-area .consulte dt { width:40px; line-height:21px; }
	.board-area .consulte dd { width:calc(100% - 40px); font-size:14px; line-height:21px; }
	.board-area .consulte .ex { margin-left:16px; }
	.board-area .m-board-area dd:nth-child(3) { height:auto; }

	.link-area { overflow:hidden; height:auto; }
	.link-area .inner { width:100%; }
	.link-area .link-list { float:none; margin:32px 16px; width:calc(100% - 32px); height:93px; font-size:15px; }
	.link-area .link-list li { margin-top:15px; max-width:50%; }
	.link-area .link-list li:nth-child(3) ~ li { margin-left:0; }
	.link-area .link-list li a { color:#413C39; }

	.link-area .link-banner { float:none; padding:27px 16px 0; width:100%; background-size:100% auto; background-position:center center; }
	.link-area .link-banner .txt { font-size:14px; line-height:22px; }

	.swiper-pagination-bullet { width:6px; height:6px; }

	a {font-size:14px;}

	/* diploma tabs */
	.tabs.diploma li{width:50%}

}
/******************* 모바일 *******************/
@media all and (max-width:486px) {
	body { min-width:100%; }
	.ir, .ib::before, .ia::after, .it-b::before, .it-a::after { background-size:375px 225px; }
	/* 모바일 사이드 메뉴 */
	#leftNavBox{display:block;}
	.header .header-inner ul.member{display:none;}

	.tabs li {width:33.3333%;}

	#leftNavBox{width: 100%; height: 100%; background: #fff; position: fixed; left: 0; top: 0; overflow-y: scroll; -webkit-overflow-scrolling: touch; z-index: 101;}
	#leftNav{width: 100%; padding: 70px 5% 0; box-sizing: border-box; position: relative; z-index: 102;}
	#header .left-nav-logo{display: block; width: 180px; position: absolute; left: 5%; top: 24px;}
	#header .left-nav-logo img{width: 100%;}
	#leftNav .left-nav-close{display: block; width: 21px; background: #fff; position: absolute; right: 6%; top: 22px;}
	#leftNav .left-nav-close img{width: 100%;}
	#leftNav a img{margin-bottom:10px;width:70%;}
	#leftNav .login-wrap{width: 100%; background: #f6f6f6; position: relative;}
	#leftNav .login-wrap .login-box{}
	#leftNav .login-wrap .login-box li{float: left; width: 50%; box-sizing:border-box;}
	#leftNav .login-wrap .login-box li a{display: block; width: 100%; height: 50px; font-size: 14px; text-align: center; line-height: 50px; text-indent: 40px;}
	#leftNav .login-wrap .login-box li.sign-in{}
	#leftNav .login-wrap .login-box li.sign-in:after{content: ""; clear: both; display: block; height: 20px; width: 1px; background: #ddd; position: absolute; left: 50%; top: 50%; margin-left: -0.5px; margin-top: -10px;}
	#leftNav .login-wrap .login-box li.sign-in a{background: url("/images/common/sign_in.png") no-repeat 20% 50%;}
	#leftNav .login-wrap .login-box li.login{width: 35%; height: auto;}
	#leftNav .login-wrap .login-box li.login a{background: url("/images/common/login.png") no-repeat 20% 50%;}
	#leftNav .login-wrap .member-box{}
	#leftNav .login-wrap .member-box li{float: left;}
	#leftNav .login-wrap .member-box li a{display: block; width: 100%; height: 50px; text-align: center; line-height: 50px; font-size: 14px;font-weight:600;}
	#leftNav .login-wrap .member-box li.login-on{width: 65%;}
	#leftNav .login-wrap .member-box li.login-on:after{content: ""; clear: both; display: block; height: 20px; width: 1px; background: #ddd; position: absolute; left: 65%; top: 50%; margin-left: -0.5px; margin-top: -10px;}
	#leftNav .login-wrap .member-box li.sign-in:after{content: ""; clear: both; display: block; height: 20px; width: 1px; background: #ddd; position: absolute; left: 126px; top: 50%; margin-left: -0.5px; margin-top: -10px;}
	#leftNav .login-wrap .member-box li.login-on a{background: url('/images/common/sign_in.png') 6.5% 50% no-repeat; text-indent: 30px;}
	#leftNav .login-wrap .member-box li.sign-in a{background: url('/images/common/exam_icon.png') 6.5% 50% no-repeat; text-indent: 40px;}
	#leftNav .login-wrap .member-box li.login-on a strong{color: #4b5e6c; font-weight: 600;}
	#leftNav .login-wrap .member-box li.logout{width: 35%;}
	#leftNav .login-wrap .member-box li.logout a{}
	#leftNav .left-menu{margin-top: 20px;}
	#leftNav .left-menu .lm1{}
	#leftNav .left-menu .lm1 > li{}
	#leftNav .left-menu .lm1 > li h2{padding-bottom: 2px;font-size: 16px; color:#b09b71; border-left: 3px solid #b09b71; text-indent: 10px; line-height: 1.2;}
	#leftNav .left-menu .lm1 > li .lm2{margin: 14px 0 20px; border: 1px solid #ddd; border-bottom: 0;}
	#leftNav .left-menu .lm1 > li .lm2 li{float: left; width: 50%; padding: 10px 0; border-bottom: 1px solid #ddd; text-indent: 10px; box-sizing:border-box;}
	#leftNav .left-menu .lm1 > li .lm2 li:nth-of-type(2n){border-left: 1px solid #ddd;}
	#leftNav .left-menu .lm1 > li:nth-of-type(6) .lm2 li:last-of-type, #leftNav .left-menu .lm1 > li:nth-of-type(1) .lm2 li:last-of-type{width: 100%;}
	#leftNav .left-menu .lm1 > li:nth-of-type(6) .lm2 li:last-of-type, #leftNav .left-menu .lm1 > li:nth-of-type(7) .lm2 li:last-of-type{width: 50%;}
	#leftNav .left-menu .lm1 > li .lm2 li a{display: block; width: 100%; font-size: 14px;}

	#wrap{width: 100%; overflow: hidden;}
	.header .open-btn{display: block; width: 25px; position: absolute; right: 0%; top: 23px;}
	.header .open-btn img{width: 100%;}

	.tabs li {border-right:0; border-bottom:1px solid #dcdcdc;}
	.tabs li:last-child {  } 
	.tabs li:nth-child(2n-1){border-right:1px solid #dcdcdc;}



	.header-inner, .footer .footer-inner { width:calc(100% - 32px); transition:all 0.2s ease; }
	.header-inner { height:64px; transition:all 0.2s ease; }
	.header-inner .logo { margin-top:4px; }
	.header-inner .logo img { }
	.header-inner .logo .logo_m{display:inline-block; width:65%;}
	.header-inner .logo .logo_pc{display:none;}
	.login-on-menu_title{display:block;}

	.nav .dep, .nav .dep-2, .nav:hover::before {}
	.dep{}
	.nav button { display:block; position:absolute; top:17px; right:0; -webkit-transform:translateY(0); transform:translateY(0); width:32px; height:32px; border-radius:0; background:rgba(0, 0, 0, 0); box-shadow:0 0 0 rgba(0, 0, 0, 0); z-index:3; }
	.nav button::before { position:absolute; top:9px; left:5px; width:20px; height:2px; border-left:0; border-bottom:0; border-radius:2px; transform:rotate(0); background-color:#333; box-shadow:0 6px #333, 0 12px #333;-webkit-box-shadow:0 6px #333, 0 12px #333;-moz-box-shadow:0 6px #333, 0 12px #333; }
	.nav.toggle { position:absolute; left:60px; bottom:0; height:2936px;width:88%; background-color:#fff;overflow:hidden; }
	.nav.toggle::after { content:''; display:block; position:fixed; top:0; left:0; right:80%; bottom:0; background:rgba(0, 0, 0, 0.7); transition:all 0.2s ease; }
	/*.nav.toggle .dep { display:block; position:relative; top:auto; right:auto; width:auto; height:auto; margin:90px 0 0 0; }
	.nav.toggle .dep li { float:none; padding:5px 0;}
	.nav.toggle .dep li + li { margin-top:0; }
	.nav.toggle button { top:33px; left:25px; }
	.nav.toggle button::after, .nav.toggle button::before { position:absolute; top:15px; left:6px; width:20px; height:2px; border-radius:2px; background-color:#999; }
	.nav.toggle button::after { transform:rotate(-45deg); }
	.nav.toggle button::before { transform:rotate(45deg); box-shadow:none; }
	
	.nav:hover::before{top:59px; left:-16px; right:-16px;bottom:-1000px;display:none;}
	.nav .dep{top:68px; right:0; width:350px; display:none; margin:0 auto; text-align:center;}
	.nav .dep>li{width:300px; position:absolute;float:left;left:27px;text-align:left; display:block;}
	.nav .dep-2>li:nth-child(2n){margin-left: -5px; border-right: 1px solid #ddd;}
	.nav .dep li:nth-child(1){top:0px;}
	.nav .dep li:nth-child(2){top:200px;}
	.nav .dep li:nth-child(3){top:300px;}
	.nav .dep li:nth-child(4){top:400px;}
	.nav .dep li:nth-child(5){top:500px;}
	.nav .dep li:nth-child(6){top:640px;}
	.nav .dep li:nth-child(7){top:780px;}
	.nav .dep>li>a{padding-bottom: 2px;font-size: 16px;color: #b09b71;border-left: 3px solid #b09b71;text-indent: 10px;padding-left:5px;}
	.nav .dep-2{top:44px; padding:0; border:none;}
	.nav .dep-2>li{width:130px;display:inline-block;text-align:center; border-bottom: 1px solid #ddd;}
	.nav .dep-2>li:nth-child(2n-1){border-left: 1px solid #ddd;}
	.nav .dep-2>li:nth-child(1),.nav .dep-2>li:nth-child(2){border-top: 1px solid #ddd;}
	.nav .dep-2>li{border-right: 1px solid #ddd;}
	.nav .dep-2>li a{line-height:0;padding: 10px 0;box-sizing: border-box;}*/
	.nav.toggle{display:none;}
	.nav{display:none;}




	.login { display:block; top:21px; right:0; width:15px; height:18px; border-radius:0; }
	.i-login { width:15px; height:18px; background:url("/images/common/icon-login-m.svg") center center no-repeat; }
	.i-logout { width:15px; height:18px; background:url("/images/common/icon-logout-m.png") center center no-repeat; }

	.footer { margin:32px 0 0; height:auto; border-top:0; background-color:#A5A0A0; }
	.footer .footer-inner { margin:0 auto; padding:24px 0; max-width:100%; }
	.footer .f-links { padding:0; width:100%; height:auto; }
	.footer .f-links a { float:none; padding:3px 0; width:100%; font-size:15px; text-align:left; }
	.footer .f-links a + a { margin:10px 0 0; transition:all 0.2s ease; }
	.footer address { position:relative; margin:24px 0 0; }
	.footer address::before { display:none; }
	.footer address dl { text-align:left; font-size:13px; line-height:22px; color:#fff; }
	.footer address dd { display:block; margin-left:0; }

	.vis { padding-top:47px; height:160px; background-size:cover; }
	.vis dl { margin:0 auto; width:70%; }
	.vis dt { font-size:22px; }
	.vis dd, .vis .btn { display:none; }

	
	.m-banner { margin:0; width:100%; }
	.m-banner .item { padding:23px 0 0 23px; width:50%; font-size:18px; transition:all 0.2s ease; border-bottom:1px solid #EAEAEA; }
	.m-banner .item:nth-child(2n) { border-left:1px solid #EAEAEA; }
	.m-banner .item + .item { margin-left:0; transition:all 0.2s ease; }
	.m-banner .item.icon, .m-banner .item.icon-2, .m-banner .item.icon-3, .m-banner .item.icon-4 { background-position:right 23px top 32px; }
	.m-banner .item.icon { background-size:57px auto; }
	.m-banner .item.icon-2 { background-size:50px auto; }
	.m-banner .item.icon-3 { background-size:46px auto; }
	.m-banner .item.icon-4 { background-size:48px auto; }
	.m-banner .item .i-arrow::after { width:12px; }
	.m-banner .item:hover .i-arrow::after { background-position:-12px 0; }

	.main-section { margin-top:0; padding:32px 0 0 0; }
	.main-section .inner { width:100%; }
	.main-section h2, .quick-list h2, .board-area .item h3 { margin:0 16px 12px 16px; font-size:14px; font-weight:700; line-height:21px; color:#413C39; }
	.main-section .main-banner { float:none; width:auto; height:350px; background:url("/images/common/main-banner-bg-1.jpg") right 0 no-repeat;background-size: cover; background-position-x: 79%; }
	.main-section .main-banner .swiper-pagination { left:50%; transform:translateX(-50%); bottom:-4px; }
	.main-section .main-banner-2 { margin-top:32px; float:none; max-width:100%; width:100%; height:223px;  background-position:center center; background-size:100% auto; }
	.main-section .certi { height:223px; }
	.main-section .certi dt { margin-top:32px; }

	.quick-list, .notice, .schedule { padding-top:32px; height:auto; background-color:#F4F3F3; }
	.quick-list h2 { display:block; }
	.quick-list ul { overflow:hidden; padding:10px 0; width:100%; background-color:#fff; }
	.quick-list ul li { width:33.33%; font-size:14px; color:#413C39; }
	.quick-list ul li a { padding:10px 0; }
	.quick-list ul li .it-b::before { margin-bottom:0; }
	.i-q-1::before, .quick-list ul li:hover .i-q-1::before { width:41px; height:46px; background-position:0 -7px; }
	.i-q-2::before, .quick-list ul li:hover .i-q-2::before { height:46px; background-position:-40px -7px; }
	.i-q-3::before, .quick-list ul li:hover .i-q-3::before { height:46px; background-position:-83px -7px; }
	.i-q-4::before, .quick-list ul li:hover .i-q-4::before { height:46px; background-position:-122px -7px; }
	.i-q-5::before, .quick-list ul li:hover .i-q-5::before { height:46px; background-position:-172px -7px; }
	.i-q-6::before, .quick-list ul li:hover .i-q-6::before { height:46px; background-position:-217px -7px; }
	.quick-list ul li:hover a { color:#413C39; }

	.board-area { padding-top:0; width:100%; height:auto; }
	.board-area .item { margin:0 auto !important; padding-bottom:18px; float:none; display:block; width:100%; }
	.board-area .item .swiper-wrapper .swiper-slide { background-color:#fff; }
	.board-area .item .swiper-wrapper a { margin:24px 0; padding:0 16px; }
	.board-area .item h3.line::after, .i-arrow-2::after { display:none; }
	.board-area .item .swiper-pagination { bottom:-4px; top:auto; left:0; display:block; }
	.board-area .consulte { height:auto; background-size:70px auto; background:url("/images/common/icon-consulte.svg") left 16px top 88px no-repeat; }
	.board-area .consulte h3 { padding:32px 16px 12px 16px; margin:0; background-color:#F4F3F3; }
	.board-area .consulte strong { display:block; margin:16px 0 8px 128px; }
	.board-area .consulte dl { margin-left:128px; }
	.board-area .consulte dt { width:40px; line-height:21px; }
	.board-area .consulte dd { width:calc(100% - 40px); font-size:14px; line-height:21px; }
	.board-area .consulte .ex { margin-left:16px; }
	.board-area .m-board-area dd:nth-child(3) { height:auto; }

	.link-area { overflow:hidden; height:auto; }
	.link-area .inner { width:100%; }
	.link-area .link-list { float:none; margin:32px 16px; width:calc(100%); height:95px; font-size:15px; }
	.link-area .link-list li { margin-top:15px; max-width:50%; }
	.link-area .link-list li:nth-child(3) ~ li { margin-left:0; }
	.link-area .link-list li a { color:#413C39; }

	.link-area .link-banner { float:none; padding:27px 16px 0; width:100%; background-size:100% auto; background-position:center center; }
	.link-area .link-banner .txt { font-size:14px; line-height:22px; }

	.swiper-pagination-bullet { width:6px; height:6px; }

	a {font-size:14px;}

	/* diploma tabs */
	.tabs.diploma li{width:50%}

}

@media all and (max-width:500px) {
	.fm-ipt, .fm-sel { padding:0 10px; }
	.link-area .link-banner { background-size:auto 100%; }
}

@media all and (max-width:365px) {
	.main-section .main-banner-2 { background-size:auto 100%; }
}

/* 추가 */
.sub-nav{ border-bottom: 1px solid #EAEAEA;}


/* LOADING STYLE */
.isloading-wrapper.isloading-right{margin-left:10px;}
.isloading-overlay{position:relative;text-align:center;}.isloading-overlay .isloading-wrapper{background:#FFFFFF;-webkit-border-radius:7px;-webkit-background-clip:padding-box;-moz-border-radius:7px;-moz-background-clip:padding;border-radius:7px;background-clip:padding-box;display:inline-block;margin:0 auto;padding:10px 20px;top:10%;z-index:9000;}
.isloading-overlay img{padding-right:10px; vertical-align:middle}
