@import url("base.css");


/*부드럽게 이동*/
html {
scroll-behavior: smooth;}
@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;}
}

/*모바일에서 영역 클릭시 생시는 파란 박스 없애기*/
input:focus{outline:none;}

html {
-webkit-tap-highlight-color : transparent;
/* 화면을 길게 누르고 있을때 뜨는 팝업이나 액션시트를 제어 */
-webkit-touch-callout:none;
/* 텍스트나 이미지를 선택할 수 있게 하는 여부를 제어 */
-webkit-user-select:none;
/* 링크를 터치했을때 나오는 기본 영역의 색상을 제어 */
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}

/***************************************/
/* RESET FILES */
/***************************************/
html,body {width:100%;}
body {background:#fff;margin:0;padding:0; font-size: 16px;height:100%;font-family: 'SUIT', 'NanumSquare', 'notokr', sans-serif;  font-weight:400; line-height:1.3;overflow-x:hidden; color:#2e2e2f; -webkit-text-size-adjust: none; }
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,time,figure,article,nav,header,footer,hgroup,video,audio,aside,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
/*margin: 0; padding: 0; border: 0; outline: 0; font-weight: 400; font-size: 16px; font-style: inherit;  font-family: 'SUIT', 'NanumSquare', 'notokr', sans-serif; vertical-align: baseline; color: #2a2a2a; line-height:1.3;*/}

table {border-collapse: separate;  border-spacing: 0;}/* tables still need 'cellspacing="0"' in the markup */
caption,th,td {text-align: left; font-weight: normal;}
figure,article,header,footer,nav,hgroup,video,audio,aside {display: block;}
a {text-decoration:none;}

/* mobile */
body,textarea:focus,input:focus,a:focus {outline: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0);}

i {font-style: normal;}
input[type="checkbox"] {/*width:20px;height:20px;*/ vertical-align:middle;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0; padding:0; border:0}
h1, h2 {font-weight:800;}
h3, h4, h5, h6 {font-weight:600;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ul, ul li {margin:0; padding:0; list-style:none}
ol, li, dl, dt, dd {margin:0; padding:0}
legend {position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden}
label, input, button, select {vertical-align:middle}
input, button {margin:0; padding:0; }
button {cursor:pointer; border:0;}
input[type=submit] {/*border:0;*/}
textarea, select {}
select {margin:0;  padding:5px;}
p, span, i {margin:0; padding:0; word-break:break-all;}
pre {overflow-x:scroll; font-size:1.1em}
th {font-weight:normal;}
a {color:#29282a; display: inline-block;}
a:link, a:visited {text-decoration:none; }
a:hover, a:focus, a:active {text-decoration:none !important;}


/**** input 설정 *****/
input {margin:0; padding:0; border: 1px solid #ddd; border-radius: 0; -webkit-appearance:none; -moz-appearance:none; appearance:none;border-radius:0;}
textarea {border: 1px solid #ddd; -webkit-appearance:none; -moz-appearance:none; appearance:none;border-radius:0;}
select {border-radius:0; border-radius:3px;}


input[type=text], input[type=password], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
padding:5px;
font-family:  'notokr', sans-serif;
border-radius:3px;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {
-webkit-box-shadow:  0 0 5px #9ed4ff;
-moz-box-shadow:  0 0 5px #9ed4ff;
box-shadow: 0 0 5px #9ed4ff;
border: 1px solid #558ab7 !important;
}
input[type=checkbox] {
border: 1px solid #ccc !important;
border-radius:3px !important;
padding:2px;
color:#666;
}



/*safari*/
input, textarea {-webkit-appearance: none;-webkit-border-radius: 0;}
input[type=checkbox] {-webkit-appearance: checkbox}
input[type=radio] {-webkit-appearance: radio}






#accessibility {position: absolute;top: -1px;left: 0;background-color: #333;z-index: 999999;}
#accessibility a {position: absolute;top: 0;left: 0;padding: 10px 25px;margin-top: -100px;text-align: center;line-height: 1;white-space: nowrap;background: #000;}

.wrap {width:100%; max-width:1200px;margin:0 auto;position:relative;}
.wrap:after{content:"";display:table;clear:both}

li {list-style: none; }
.bbscon html,.bbscon body,.bbscon div,.bbscon span,.bbscon applet,.bbscon object,.bbscon iframe,.bbscon h1,.bbscon h2,.bbscon h3,.bbscon h4,.bbscon h5,.bbscon h6,.bbscon p,.bbscon time,.bbscon figure,.bbscon article,.bbscon nav,.bbscon header,.bbscon footer,.bbscon hgroup,.bbscon video,.bbscon audio,.bbscon aside,.bbscon blockquote,.bbscon pre,.bbscon a,.bbscon abbr,.bbscon acronym,.bbscon address,.bbscon big,.bbscon cite,.bbscon code,.bbscon del,.bbscon dfn,.bbscon em,.bbscon font,.bbscon img,.bbscon ins,.bbscon kbd,.bbscon q,.bbscon s,.bbscon samp,.bbscon small,.bbscon strike,.bbscon sub,.bbscon sup,.bbscon tt,.bbscon var,.bbscon dl,.bbscon dt,.bbscon dd,.bbscon ol,.bbscon ul,.bbscon li,.bbscon fieldset,.bbscon form,.bbscon label,.bbscon legend,.bbscon table,.bbscon caption,.bbscon tbody,.bbscon tfoot,.bbscon thead,.bbscon tr,.bbscon th,.bbscon td {
line-height:normal; font-family:unset;}
.bbscon span {white-space:normal !important;}
.ed_study_contents html,.ed_study_contents body,.ed_study_contents div,.ed_study_contents span,.ed_study_contents applet,.ed_study_contents object,.ed_study_contents iframe,.ed_study_contents h1,.ed_study_contents h2,.ed_study_contents h3,.ed_study_contents h4,.ed_study_contents h5,.ed_study_contents h6,.ed_study_contents time,.ed_study_contents figure,.ed_study_contents article,.ed_study_contents nav,.ed_study_contents header,.ed_study_contents footer,.ed_study_contents hgroup,.ed_study_contents video,.ed_study_contents audio,.ed_study_contents aside,.ed_study_contents blockquote,.ed_study_contents pre,.ed_study_contents a,.ed_study_contents abbr,.ed_study_contents acronym,.ed_study_contents address,.ed_study_contents big,.ed_study_contents cite,.ed_study_contents code,.ed_study_contents del,.ed_study_contents dfn,.ed_study_contents em,.ed_study_contents font,.ed_study_contents img,.ed_study_contents ins,.ed_study_contents kbd,.ed_study_contents q,.ed_study_contents s,.ed_study_contents samp,.ed_study_contents small,.ed_study_contents strike,.ed_study_contents sub,.ed_study_contents sup,.ed_study_contents tt,.ed_study_contents var,.ed_study_contents dl,.ed_study_contents dt,.ed_study_contents dd,.ed_study_contents ol,.ed_study_contents ul,.ed_study_contents li,.ed_study_contents fieldset,.ed_study_contents form,.ed_study_contents label,.ed_study_contents legend,.ed_study_contents table,.ed_study_contents caption,.ed_study_contents tbody,.ed_study_contents tfoot,.ed_study_contents thead,.ed_study_contents tr,.ed_study_contents th,.ed_study_contents td {
line-height:normal; color:inherit; font-weight:inherit; font-size:inherit;}
.ed_study_contents p {margin: 5px 0 !important; font-size:inherit; font-weight:inherit; }


#header {width: 100%;background: #fff;position: relative;border-bottom: 1px solid #f5f5f5; border-top:3px solid #ffcd32; min-height:110px; position:fixed; left:0; top:0; z-index: 89;}
#header:after{content:"";display:table;clear:both}
#header h1 {position:absolute; /*width: 100px;*/  left:0; top:10px; z-index: 99;}
#header h1 a {display: flex; font-weight: 800; font-size: 30px; line-height:90px;vertical-align: middle !important;flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center;}
#header h1 a span {display: inline-block;  line-height:1.2;}
#header h1 a span i {display: block; color:#666;font-size: 27px; }
#header h1 img {display: inline-block; margin-right:10px;}

#lnb-nav {width: 100%; height: 40px;  padding-top:10px;}
.lnb-m {text-align: right;}
#full_dropdown .lnb-m {display:none;}
a#btn_menu_close {display:none;}
.lnb-m a {display: inline-block; color: #515151; font-size: 15px; line-height: 30px; padding:0px; margin-left: 15px; text-align: center; border-radius: 30px;}
a.lnb-login {background: #f9485e; color:#fff;min-width: 80px;  }
a.lnb-logout {}
a.lnb-join {color:#f9485e;}
a.lnb-kakao {font-size:0; background: url(/assets/img/kakao.svg) no-repeat; background-size:cover; width:30px; height:30px; min-width: auto;border-radius: 5px; }

#gnb-nav {width: 100%;  height: 75px;}
#full_dropdown {width: 100%; left: 0;position: absolute;top: 40px;overflow: hidden;background: #fff;z-index: 90;}
#full_dropdown:hover:after {content:"";display:block; width:100%; height:calc(100% - 75px);position: absolute; background: rgba(255,205,50,0.08);}
.ytp-thumbnail-overlay-image {position: relative;z-index: 1;}
#full_dropdown #main_menu {text-align:right; font-size:0; background: #fff; }
#full_dropdown #main_menu > li{display:inline-block; position:relative; min-width:150px;}
#full_dropdown #main_menu > li:last-child {/*min-width:auto;*/}
#full_dropdown #main_menu > li > a {font-size: 22px;display: block;line-height: 75px;font-weight: 500;text-align: center;padding: 0 50px;}

#full_dropdown #main_menu > li:last-child > a {padding-right:0;}
#full_dropdown #main_menu > li > ul {visibility: hidden;z-index: 99;position: absolute;right: 0;top: 85px; width: 100%;}
#full_dropdown #main_menu > li:last-child  > ul {width: calc(100% - 50px);}
#full_dropdown #main_menu > li > ul > li{display:block; width: 100%;}
#full_dropdown #main_menu > li > ul > li > a {display: block; font-size: 17px;padding: 10px 0;text-align: center;font-weight: 400;}
#full_dropdown #main_menu > li > ul > li:first-child a {border:0;}
#full_dropdown #main_menu > li:hover > a, #full_dropdown #main_menu > li > ul > li > a:hover {color:#ffcd32}

/*MENU SINGLE DROPDOWN #main_menu */
#single_dropdown {display: inline-block;float: right;}
#single_dropdown #main_menu ul {display: none;z-index: 990;width: 100% !important;background: #a4c23c;position: absolute;top: 78px; left:0px; padding: 10px 0; overflow:hidden;}
#single_dropdown #main_menu ul.submenu_01 {left: 0 !important;width: 160px !important;height: 280px !important;}
#single_dropdown #main_menu ul.submenu_02 {left: 20px !important;width: 160px !important;height: 165px !important;}
#single_dropdown #main_menu ul.submenu_03 {left: 0px !important;width: 160px !important;height: 240px !important;}
#single_dropdown #main_menu ul.submenu_04 {left: 0px !important;width: 160px !important;height: 150px !important;}
#single_dropdown #main_menu ul.submenu_05 {left: 0px !important;width: 160px !important;height: 110px !important;}
#single_dropdown #main_menu ul.submenu_06 {left: -5px !important;width: 160px !important;height: 160px !important;}
#single_dropdown #main_menu ul.submenu_07 {left: -5px !important;width: 160px !important;height: 110px !important;}
#single_dropdown #main_menu ul li{float:none; display:block;width:100%;}
#single_dropdown #main_menu ul li a {display: block; color: #fff;font-size: 15px;line-height: 23px;text-align: left;border-bottom: #719434 1px solid;text-align: left;padding: 6px 15px; }
#single_dropdown #main_menu ul li a:hover {background:#76a02d; color:#fff;}
#single_dropdown #main_menu ul li:last-child a{border-bottom:none;}
#single_dropdown #main_menu ul li.dropdown_last_child a {border-bottom:none; } /*IE8 HACK*/
#single_dropdown .jquery_dropdown{color:#fff}
#single_dropdown #main_menu > li{}
#single_dropdown #main_menu li{float: left; position:relative; margin: 0px;}
#single_dropdown #main_menu > li > ul > li{margin: 0; width: 100%;clear:both;}
#menu-main li a.jquery_dropdown{color: #0f549f; border-bottom: none;}
#single_dropdown #single_dropdown {float: left; width: 100%; position: absolute; right: 0; bottom: 0; border-bottom: 4px solid #F3F3F3;}
#single_dropdown #main_menu {display: block;  margin-left: 35px;}
#single_dropdown > #main_menu > li > a {font-size: 18px;display: block;line-height: 78px;color: #000;font-weight: 400;font-family: 'NanumSquare', 'notokr', 'Arial', sans-serif;text-align: center; padding:0 37px;}
#single_dropdown #main_menu li.menu5 a {padding-right: 0 !important;}
#single_dropdown > #main_menu > li > a:hover {color:#2452a7; border-bottom: none;}
#single_dropdown > #main_menu > li > a.jquery_dropdown {color:#2452a7; border-bottom: none;}
#single_dropdown #main_menu > li > a.jquery_dropdown:before {content: ""; display: block; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid  #a4c23c; position: absolute; bottom: -1px; margin-left: -7px; left: 50%; }
#menu_mobile {display:none;}




#footer {clear: both;width: 100%; background: #25272b; padding: 40px 0; }
#footer:after{content:"";display:table;clear:both}

#footer_menu {width: 100%; text-align:right; color:#fff; margin-bottom:20px;}
#footer_menu a {display: inline-block;color: #fff;font-size: 15px;padding: 0 15px; color:rgba(255,255,255,0.8)}

#footer_inner {clear: both;}
#footer_inner p {width: 100%; color: #ddd; /*text-align:center;*/margin-bottom:20px;}
#footer_inner p > span {font-size: 14px; line-height:1.7; color:rgba(255,255,255,0.8); display:inline-block; margin:0 10px; }
div#footer_inner > span {font-size: 13px; display:block; text-align:center; color:rgba(255,255,255,0.8); word-break:keep-all;}
div#footer_inner > span a {line-height: 14px; color: #b9b9b9; text-align:center; display:inline-block; }



/************main**************/
#main_container {clear: both;width: 100%;}
#main_container:after{content:"";display:table;clear:both}

/* 비주얼 이미지 */
#main_container > section#main_visual  {padding:0; aspect-ratio:40/17; height:auto; overflow:hidden;}
.main_slider .mimg_01 {background: url(/assets/img/main/main_visual_01.jpg) center no-repeat;background-size: cover;}
.main_slider .mimg_02 {background: url(/assets/img/main/main_visual_02.jpg) center no-repeat;background-size: cover;}
.main_slider .mimg_03 {background: url(/assets/img/main/main_visual_03.jpg) center no-repeat;background-size: cover;}
.main_slider .mimg_04 {background: url(/assets/img/main/main_visual_04.jpg) center no-repeat;background-size: cover;}
.main_slider li {position: relative; width: 100%;  height:auto; aspect-ratio:40/17; }
.main_slider li > div {margin: 0 auto; width: 100%; max-width:1400px; height:100%;display: flex;  flex-direction: column;  flex-wrap: wrap; align-content: center; justify-content: center; text-align:center; color:#fff;font-size:27px; font-weight:600;}
.main_slider li a {margin: 20px auto; display: inline-block; background:#ff7f00; color:#fff; font-size:22px; font-weight:500;padding:10px 35px; border-radius:50px;}

.slider_txt {position: absolute; top: 155px; left: 0; right: 0; margin: 0 auto; width:516px; text-align: center; line-height: 65px; }
.slider_txt_inner {font-size: 16px; color: #fff; line-height: 26px; display: inline-block; width:516px; height:225px; background:url(/assets/img/main/main_txt.png) no-repeat 0 0; }

.bx-pager {bottom: 150px; position: absolute; z-index: 999; width:100%; text-align:center; margin:0 auto; }
.bx-pager-item {display: inline-block; margin: 0 7px; }
.bx-pager a {width: 7px; height: 7px; background: #fff; border-radius: 50%; text-indent: -99999px; display: inline-block; vertical-align:middle; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {background: none !important; border:2px solid #fff; width:15px; height:15px;}

@media (max-width:1400px){
.bx-pager {bottom: 100px; }
}



/*#main_visual .bx-wrapper .bx-controls-direction a {position: absolute; top: 50%; margin-top: -45px; outline: 0; width: 60px; height: 90px; text-indent: -9999px; z-index: 1000;}*/
#main_visual .bx-wrapper .bx-controls-direction a  {display:none; }
#main_visual .bx-wrapper .bx-prev {left: 30px;background: url(/assets/img/main/visual_left.png) center no-repeat;}
#main_visual .bx-wrapper .bx-next {right: 30px;background: url(/assets/img/main/visual_right.png) center no-repeat;}


#main_container > section {width: 100%;  margin: 0 auto; position: relative; padding:80px 0; overflow:hidden;}
#main_container > section:after{content:"";display:table;clear:both}
#main_container h2 {font-size: 35px; text-align: center; margin-bottom:30px; }
#main_container p.s_title {text-align: center; letter-spacing: 6px; display: block; font-size: 16px; color: #8c8c8c; margin:30px 0;}

#main_container > section#main_con01 {max-width: 1400px; background:#ffcd32; padding: 40px 0; box-shadow: 0px 9px 21px 1px rgba(0,0,0,0.05); border-radius: 50px; margin-top:-110px; z-index: 80; }
.m_arrow {display:none;}
#main_container span.slick-arrow {display: inline-block; width:50px; height:50px; border-radius:50%; overflow:hidden; font-size:0;box-shadow: 0px 5px 10px 1px rgba(0,0,0,0.05); }
#main_container span.prev {background:url('/assets/img/main/prev.png') #fff center center no-repeat;}
#main_container span.next {background:url('/assets/img/main/next.png') #fff center center no-repeat;}

#main_con01 span.prev {position:absolute; left:-10%; top:calc(50% - 20px); z-index:9;}
#main_con01 span.next {position:absolute; right:-10%; top:calc(50% - 20px); z-index:9;}

#main_con01 ul {font-size:0; }
#main_con01 li {display: inline-block; width:calc(100% / 6); text-align:center; border-right: 1px dashed #fff;}
#main_con01 li:last-child {/*border-right: 0;*/}
#main_con01 li.main_con0106 {border-right: 0;}
#main_con01 li a {display: block;}
#main_con01 li a img {margin:0 auto; }
#main_con01 li:first-child {/*border-left: 1px solid #ddd; */ }
#main_con01 li span {display: inline-block; width:85px; height:85px; border-radius:50%;}
#main_con01 li.main_con0101 span {background: url('/assets/img/main/main_con0101.png') #fff center no-repeat;}
#main_con01 li.main_con0102 span {background: url('/assets/img/main/main_con0102.png') #fff center no-repeat;}
#main_con01 li.main_con0103 span {background: url('/assets/img/main/main_con0103.png') #fff center no-repeat;}
#main_con01 li.main_con0104 span {background: url('/assets/img/main/main_con0104.png') #fff center no-repeat;}
#main_con01 li.main_con0105 span {background: url('/assets/img/main/main_con0105.png') #fff center no-repeat;}
#main_con01 li.main_con0106 span {background: url('/assets/img/main/main_con0106.png') #fff center no-repeat;}
/*#main_con01 li.main_con0101:hover span {background: url('/assets/img/main/main_con0101_on.png') #ffcd32 center no-repeat;}
#main_con01 li.main_con0102:hover span {background: url('/assets/img/main/main_con0102_on.png') #ffcd32 center no-repeat;}
#main_con01 li.main_con0103:hover span {background: url('/assets/img/main/main_con0103_on.png') #ffcd32 center no-repeat;}
#main_con01 li.main_con0104:hover span {background: url('/assets/img/main/main_con0104_on.png') #ffcd32 center no-repeat;}
#main_con01 li.main_con0105:hover span {background: url('/assets/img/main/main_con0105_on.png') #ffcd32 center no-repeat;}
#main_con01 li.main_con0106:hover span {background: url('/assets/img/main/main_con0106_on.png') #ffcd32 center no-repeat;}*/
#main_con01 li p {display: block;padding-top: 20px;  font-size: 18px; line-height: 18px; font-weight: 500; text-align: center;}


@media (max-width:1400px){
.main_slider li > div > img {width:40%;}
.main_slider li a {font-size: 20px; }
#main_container > section#main_con01 {width:96%; padding: 30px 0; margin-top: -80px;}
#main_con01 span.prev {left:0%; }
#main_con01 span.next {right:0%;}
#main_con01 li p {padding-top: 15px;}
}


/* main_con02*/
#main_con02 {}
#main_con02 > div > div {width: 48%; position:relative; height:350px; }
.main_con02_left  {float:left; }
ul.etabs {border-bottom:1px solid #ddd; }
ul.etabs li {display:inline-block; }
ul.etabs li a {display: block;text-align: center; line-height: 45px;font-size: 19px; padding: 0 20px; font-weight: 600; border-radius:10px;}
ul.etabs li a:hover {color:#4da69d;}
ul.etabs li.ui-state-active a {background:#4da69d; color:#fff; box-shadow: 0px 5px 10px 1px rgba(0,0,0,0.05); }

#main_con02 .more {position:absolute; right:0; top:10px; background: url('/assets/img/main/more.png') center no-repeat; width:20px; height:20px; font-size:0; }
ul.board_list {width: 100%;vertical-align: top;}
ul.board_list li {display: block; width: 100%; border-bottom: 1px dashed #ddd; font-size:0; padding: 20px 0; }
ul.board_list li:after{content:"";display:table;clear:both}
ul.board_list li a {display: block;width: 100%; height:100%;  font-size: 18px;}
ul.board_list div {display: inline-block;}
ul.board_list div.m_date {font-size:15px; text-align: center; font-weight: 500; width:90px; color:#9e9e9e; float:left; }
ul.board_list div.m_date strong {display: block; font-size: 30px; color: #4da69d; font-weight: 800; }
ul.board_list div.m_text {width:calc(100% - 100px); font-size: 20px; font-weight: 500;  display: block;word-break: keep-all; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
ul.board_list div.m_text span {display: block; font-size: 15px; color: #a2a2a2; margin-top: 10px; word-break: keep-all; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
ul.board_list p.no_dp {width:100%; }

.main_con02_right {float: right; }
.main_con02_right > div {border-radius:10px; overflow:hidden; padding:30px; height:160px;}
.main_con02_right h3 {font-size: 27px; margin-bottom: 20px;  font-weight:700;}
.main_con02_right p {font-size: 18px; word-break:keep-all; }
.main_con0202 {border: 1px solid #ddd; padding:30px; background:url('/assets/img/main/main_con0203.jpg') no-repeat center center; background-size:cover;}
.main_con0202 h3 {color:#fff;}
.main_con0202 p {font-size: 19px;color: #fff; }
.main_con0203 {background:#e7ebef; margin-top:17px; }
.main_con0203 h3 {margin-bottom: 5px; }
.main_con0203 p {font-weight:500;}
.main_con0203 p + p {margin-top:5px;}
.main_con0203 p strong {display: inline-block; font-size: 30px; font-weight:800; color:#364eb2;  background:url('/assets/img/main/tel.png') no-repeat left center; padding-left:35px;}
.main_con0203 p a {position:relative; line-height:40px; font-size: 18px; font-weight:600;color:#fff; background:#364eb2; padding:0 50px 0 30px; border-radius:30px; float:right; margin-top:-5px; vertical-align:middle;}
.main_con0203 p a:after {position:absolute; content:""; top:calc(50% - 8px); right:20px; background:url('/assets/img/main/next02.png')  center center no-repeat; display: inline-block;width:8px; height:15px;background:url('/assets/img/main/next02.png')  center center no-repeat}
@media (max-width:1400px){
.main_con02_right p {font-size: 17px; }
}


#main_con03 {background: #f1f0fb; }
#main_con03 h2 {text-align: left; }
#main_con03 h2 span {font-size:18px;  color:#6a5ad1;}
#m_photo .slick-slide {margin: 0 25px;  }
#m_photo .slick-slide .img_box {aspect-ratio:46/31; background-position:center center; background-size:cover !important; border-radius:15px; overflow:hidden; font-size:0;}
#m_photo .slick-slide .img_box img {width:100%; aspect-ratio:46/31; border-radius:15px;}
#m_photo .slick-list {margin: 0 -25px; }
#m_photo h4 {margin-top:10px; font-size:20px;display: block;width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;word-break: normal;}
.m_arrow2 {position:absolute; right:0; top:0; z-index:9;}


.eicon_01 .thumb {background:url(/assets/img/main/main_edu_01.png) center bottom no-repeat;}
.eicon_02 .thumb {background:url(/assets/img/main/edu_02.png) center bottom no-repeat;}
.eicon_03 .thumb {background:url(/assets/img/main/edu_04.png) center bottom no-repeat;}
.eicon_04 .thumb {background:url(/assets/img/main/main_edu_02.png) center bottom no-repeat;}
.eicon_05 .thumb {background:url(/assets/img/main/main_edu_05.png) center bottom no-repeat;}
.eicon_06 .thumb {background:url(/assets/img/main/edu_06.png) center bottom no-repeat;}

.eicon_07 .thumb {background:url(/assets/img/main/edu_01.png) center bottom no-repeat;}
.eicon_08 .thumb {background:url(/assets/img/main/main_edu_03.png) center bottom no-repeat;}
.eicon_09 .thumb {background:url(/assets/img/main/edu_03.png) center bottom no-repeat;}
.eicon_10 .thumb {background:url(/assets/img/main/main_edu_04.png) center bottom no-repeat;}
.eicon_11 .thumb {background:url(/assets/img/main/edu_05.png) center bottom no-repeat;}
.eicon_12 .thumb {background:url(/assets/img/main/edu_06.png) center bottom no-repeat;}

.main_edu_guide_con .bx-controls {
position: absolute;right: 16px;top: 34px;}
.main_edu_guide_con .bx-controls a {margin:5px 0;display: block;width: 36px;height: 36px;font-size: 0;line-height: 0;text-indent: -999px;}
.main_edu_guide_con .bx-controls a.bx-prev {background: #fff url(/assets/img/main/up.png) 0 0 no-repeat;}
.main_edu_guide_con .bx-controls a.bx-next {background: #fff url(/assets/img/main/down.png) 0 0 no-repeat;}


i.color-ing {background: #e3474b;}
i.color-end {background: #707070;}

.main_cu_con .obj {width: 632px;height: 340px;overflow: hidden; position: relative;}
.main_cu_con .item {float: left;width: 50%;height: 100%;}
.main_cu_con .item a {display: block;height: 340px;position: relative;}
.main_cu_con .item a img {display: block;position: absolute;bottom: 0;left: 0;}
.main_cu_con .item a h3 {padding: 25px 20px 20px 20px;text-align: center;font-size: 17px;color: #000;}
.main_cu_con .item a p {padding: 0 20px;text-align: center;}
.curri_pager span {display: inline-block;padding: 0;margin: 0;width: 66px;height: 66px;}
.curri_pager {position: absolute;left: 134px;bottom: -5px;}
span.c_prev {background: url(/assets/img/main/prev.png) 0 0 no-repeat;}
span.c_next {background: url(/assets/img/main/next.png) 0 0 no-repeat;}

.comp_con img {display:block;width:131px; height:97px;float:left;margin-right:15px;}




/***************banner*************/

div#bannerzone {clear: both;width: 100%;float: left;background: #f5f5f5; padding:20px 0;}
.banner_title {width: 267px;float: left;}
.banner_title h2 {font-size: 16px;line-height: 60px;color: #000;text-align: left;}
.banner_title h2 span {font-size: 16px;line-height: 60px;color: #000; font-weight:600;}
.banner_con {margin-left: 267px;overflow: hidden; height:62px;}
.banner_con li {display: inline-block;margin-right: 9px;}
.banner_con li a img {border:1px solid #ddd;}
.bn_ctrl {position: absolute;left: 160px;top: 50%;height: 21px;margin-top: -10px;}
.bn_ctrl button {display: inline-block;float: left;width: 21px;height: 21px;margin: 0 3px;padding: 0;background: none;border: none;font-size: 0;line-height: 0;}
.bn_ctrl .bn_stop{background:url(/assets/img/main/bn_stop.png) no-repeat 50%;}
.bn_ctrl .bn_stop.play{background:url(/assets/img/main/btn_play.png) no-repeat 50%;}


/******************sub********************/

#sub_container {clear: both;width: 100%;}
#sub_container:after{content:"";display:table;clear:both}

#sub_visual {position:relative; clear: both; height:320px;}
#sub_visual:after{content:"";display:table;clear:both}
.sub_visual01 {background:url(/assets/img/sub/sub_visual_01.jpg) no-repeat center top;}
.sub_visual02 {background:url(/assets/img/sub/sub_visual_02.jpg) no-repeat center top;}
.sub_visual03 {background:url(/assets/img/sub/sub_visual_03.jpg) no-repeat center top;}
.sub_visual04 {background:url(/assets/img/sub/sub_visual_04.jpg) no-repeat center top;}
.sub_visual05 {background:url(/assets/img/sub/sub_visual_05.jpg) no-repeat center top;}
#sub_visual h2 {font-size: 40px; color: #fff; position:absolute; z-index:5;position: absolute;color: #fff;  top: 50%; left: 50%;  transform: translate(-50%, -50%); padding-top:100px; }

#sidebar {width: 100%;  position: relative; margin-top: -30px; text-align: center; /*background:rgba(0,0,0,0.2);*/}
#sidebar.mobile{display:none;}
.submenu_title {display:none;}
.submenu {height:75px; display: block; background:#fff;box-shadow: 0px 9px 21px 1px rgba(0,0,0,0.05); border-radius:10px; overflow:hidden;}
.submenu02  {display:none;}
.submenu ul {font-size:0; }
.submenu li {width:calc(100% / 7); display: inline-block; }
.submenu01 li{width:calc(100% / 3); }
.submenu03 li{width:calc(100% / 5); }
.submenu04 li{width:calc(100% / 5); }
/*.submenu05 li{width:calc(100% / 3); }*/
.submenu06 li{width:calc(100% / 4); }

.submenu li:last-child {border-radius:0 10px 10px 0;}
.submenu li a {display: block; font-size: 19px; line-height:75px; background: #fff; text-align: center; padding:0;  }
.submenu li:last-child a {border-right:0;}
.submenu li a:hover, .submenu li.active a {color: #fff;  background:#ff7f00; font-weight:500;}
.submenu01 li a:hover, .submenu01 li.active a {background:#f9485e; }
.submenu03 li a:hover, .submenu03 li.active a {background:#ffcd32;}
.submenu04 li a:hover, .submenu04 li.active a {background:#4da69d;}
.submenu05 li a:hover, .submenu05 li.active a {background:#364eb2;}
.submenu06 li a:hover, .submenu06 li.active a {background:#6a5ad1;}
.submenu li:first-child a {border-top: none;}

.submenu .children a {color: #333 !important;border-top: none !important;padding: 7px 20px !important;font-size: 15px !important;background: #f9f9f9 url(/assets/img/sub/sm02_off.gif) 90% 16px no-repeat !important;}
ul.children {display:none;padding: 14px 0; background: #f9f9f9; border-top: 1px solid #ddd;}

.submenu li.active ul.children {display:block;}
.submenu .children a:hover, .submenu .children .active a {color: #2452a7 !important; font-weight:600;background: #f9f9f9 url(/assets/img/sub/sm02_on.gif) 90% 16px no-repeat !important;}

#sub_contents {padding:50px 0;}
#sub_contents:after{content:"";display:table;clear:both}

#title_container {width: 100%; position: relative; margin-bottom:50px;}
#title_container:after{content:"";display:table;clear:both}

.page_navi {position: absolute;top:0px; right: 0;height: 50px;line-height: 50px;overflow: hidden;}
.page_navi span {display: inline-block; color: #555; font-weight: 400; height: 49px; line-height: 49px; vertical-align: top;}

span.home {margin: 0 20px 0 0; width: 81px;background: url(/assets/img/sub/navi_bg.png) center right  no-repeat;}
span.home a {display: block;text-indent: 1100000px;height: 49px;background: url(/assets/img/sub/cate_home.gif) center 17px  no-repeat;line-height: 49px;}
span.middle_n {margin: 0 20px 0 0; height: 49px; line-height: 49px;background: url(/assets/img/sub/navi_bg.png) center right  no-repeat; vertical-align: top; padding-right: 25px;}


#title_container h2 {font-size:35px; border-bottom: 1px solid #ddd;padding: 0 0 20px;}

.location_buttons_box {position: absolute;right: 0;height: 27px;bottom: 13px;}
.location_buttons_box .ir {display: inline-block;float: left;margin-left: 3px;width: 27px;height: 27px;font-size: 0;}
.location_buttons_box .sr {display: inline-block;float: left; margin-top:4px;margin-left: 3px;width: 28px;height: 28px;font-size: 0;}
.sns_btn {display: inline;}
#sns_slide {background: url(/assets/img/sub/b_sns.gif) 0 0 no-repeat;}
#print {background: url(/assets/img/sub/b_print.gif) 0 0 no-repeat;}
.location_buttons_box .fb {background: url(/assets/img/sub/b_facebook.jpg) 0 0 no-repeat; margin-top:0;}
.location_buttons_box .tw {background: url(/assets/img/sub/b_twitter.jpg) 0 0 no-repeat; margin-top:0;}
.location_buttons_box .ka {margin-top:0;}
.location_buttons_box .ka > a {display: block; background: url(/assets/img/sub/b_kakao.jpg) 0 0 no-repeat; height: 28px; position:absolute; width:28px; top:0px;}
.location_buttons_box .ka img {display: none; }
#naviSNS {position: absolute;top: 34px;right: 27px;width: 110px;height: 35px;padding: 3px;border: 1px solid #efefef;background-color: #fff;border-radius: 50px;}


.page {position: relative;clear: both;width: 100%;}
.page:after{content:"";display:table;clear:both}



.copyright p a {color: #a9a9a9;font-size: 13px;line-height: 23px;}

.sns_login_wrap li {display: inline-block; width:32%; text-align:center;}
.sns_login_wrap li + li {margin-left:1%}
.sns_login_wrap li:nth-child(1) a {background: #13c500;  border:2px solid #13c500;} 
.sns_login_wrap li:nth-child(2) a {background: #fee500;  border:2px solid #fee500;}
.sns_login_wrap li:nth-child(3) a {background: #fff; border:2px solid #ddd;}
.sns_login_wrap li a {display: block;width:100%; padding:0;  border-radius:5px;   line-height:50px;}
.sns_login_wrap li:nth-child(1) a {color:#fff; }

/********job************/
table.in_job_table {width: 100%;  border-top: 2px solid #2452a7; margin-bottom: 40px; border-left:1px solid #ddd;}
table.in_job_table th {color: #000;padding: 10px;background: #f5f5f5;text-align: center;border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;vertical-align: middle;}
table.in_job_table td {padding: 15px 20px; border-bottom: 1px solid #ddd; vertical-align: middle; border-right: 1px solid #ddd;}
table.in_job01_contable03 td,table.in_job02_contable01 td {text-align: center !important; }

.jobbiz h3, #intern h3 {margin-top:30px;margin-bottom:15px;}
.jobbiz h3:first-child, #intern h3:first-child {margin-top:0;}
.jobbiz h4, #intern h4 {font-size: 18px;font-weight: 400;color: #000;text-align: left;background: url(/assets/img/sub/sub_bg_title05.png) 5px 6px no-repeat;padding-left: 25px;line-height: 25px; margin-top:30px;margin-bottom:15px;}
.jobbiz h43:first-child,  #intern h4:first-child {margin-top:0;}
.jobbiz_txt {border: 1px solid #ddd;padding: 21px;background: #f1f1f1;color: #333;font-size: 14px;}
.jobbiz_txt a {display: inline-block;font-size: 12px;background: #4271d4;color: #fff;padding: 5px 10px;margin-left: 10px;border-radius: 3px;}
table.in_us_table th.bo_r {border-right: 1px solid #dfe2e7;}
.center_align {text-align:center;}
table.in_us_table td input[type="text"], table.in_us_table td select {height:18px;vertical-align:middle;}
table.in_us_table td input[type="checkbox" i], table.in_us_table td input[type="radio" i] {/* height:20px; width:20px;*/ display:inline-block;margin:0 6px;vertical-align:middle;}
a.job_order_down {display: inline-block;background: #2452a7;color: #fff;padding: 10px 25px;border-radius: 4px;margin-left: 35px;}

input[type="checkbox"], input[type="radio"] {display: none !important; }
input[type="checkbox"] + label, input[type="radio"] + label  {display: inline-block !important;cursor: pointer;position: relative;padding-left: 25px;margin-right: 10px;}
input[type="checkbox"] + label:before {content: "";display: inline-block !important;width: 16px;height: 16px;margin-right: 10px;position: absolute;left: 0;top: 1px;background-color: #fff;border-radius: 2px;border: 1px solid #ddd;}
input[type="radio"] + label:before {content: "";display: inline-block !important;width: 16px;height: 16px;margin-right: 10px;position: absolute;left: 0;top: 1px;background-color: #fff;border-radius: 50px;border: 1px solid #ddd;

}
input[type="checkbox"]:checked + label:before {
content: "\2713";  /* 체크모양 */
font-size: 18px;font-weight:800;color: #45495b;background:#fff;text-align: center;line-height: 18px;}
input[type="radio"]:checked + label:before {
background: #fff url(/assets/img/sub/radio_check_bg.png) center center no-repeat; width: 18px; height: 18px;}


/***** 메인 서치 버튼/기능 S *****/

#topkeyword {position: relative;z-index: 999;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;float: left;width: 100%; background: #fff;background: #fff;border-bottom: 1px solid #e8e8e8;margin-bottom: 10px;}
#topkeyword .layout {max-width: 1200px;width: 100%;margin: 0 auto; padding: 20px 0;}
#topkeyword legend {position: absolute;visibility: hidden;left: 0;top: 0;width: 1px;height: 1px;margin: 0;padding: 0;font-size: 0;line-height: 0;text-indent: -9999px;border: 0;white-space: normal;}
#topkeyword .search {position: relative;padding: 10px 30px !important;border: 4px solid #f1f1f1;transition: all ease-out 0.1s;-webkit-transition: all ease-out 0.1s;-moz-transition: all ease-out 0.1s;-ms-transition: all ease-out 0.1s;}
#topkeyword .search:hover {border: 4px solid #2452a7; }

#topkeyword .search .search_box {padding-left: 120px; }
#topkeyword .search h3 {display: inline-block;position: absolute; top: 50%;margin-top: -12px;left: 0;color: #333;font-size: 20px;line-height: 1.2;font-weight: 600;}
#topkeyword .search .search_box {position: relative;padding-left: 100px;}
#topkeyword .search .search_box .input_box {position: relative;padding-right: 140px;}
#topkeyword .search .search_box .input_box .search-input {padding-left: 30px; position: relative;border: none;background-color: #f1f1f1;height: 60px;}
#topkeyword .layout * {margin: 0;padding: 0;}
#topkeyword .search .search_box .input_box .search-input label {padding-left: 30px;position: absolute;top: 0;left: 0;color: #b0b0b0;padding: 11px 40px 11px 30px;font-size: 20px;line-height: 40px;}
#topkeyword .search .search_box .input_box .search-input input[type="text"] {width: 100%;height: 40px;color: #b0b0b0;font-size: 20px;background-color: transparent !important;line-height: 40px;border: none; margin: 11px 0;font-weight: 400;}

#topkeyword .search .search_box .input_box input[type="submit"] {position: absolute;top: 50%;margin-top: -21px;right: 60px;width: 41px;height: 41px;background: url(/assets/img/main/bul_search_big.png) no-repeat 50% 50%;font-size: 0;line-height: 0;border: none;}
#topkeyword .search .search_box .input_box .close {position: absolute;top: 5px;right: 0;width: 50px;height: 50px;}

#topkeyword .search .search_box .input_box .close a .ui-close span {display: inline-block;position: absolute;top: 0;left: 50%;transition: all .5s ease;width: 1px;height: 50px;transform: rotate(-45deg);background-color: #999;}
#topkeyword .search .search_box .input_box .close a .ui-close span.nth-2 {transform: rotate(45deg);}
#topkeyword .search .search_box .input_box .close a {color: #fafafa;font-size: 0;display: inline-block;width: 50px;height: 50px;}
/***** 메인 서치 버튼/기능 F *****/

/****************직업심리검사*******************/
.jobexam .jobexam_top {width: 100%;float: left;margin-bottom: 55px;}
img.exam_img {display: block;width: 433px;float: left;margin-right: 21px;}
.jobexam_txt {margin-left: 454px; padding-top:30px;}
.jobexam .in_mo_content01 {clear: both;width: 100%;float: left;margin-bottom: 55px;}
.kexam_banner {clear: both;width: 100%;float: left;}
.jobexam_txt span {text-align: left;display: block;font-size: 17px;line-height: 37px;color: #000;}
.exam_title {text-align: left;display: block;font-size: 35px;line-height: 40px;color: #2452a7;margin-bottom: 23px;}
.txt_jexam {font-size: 16px;line-height: 26px;}
.sub_paged.jobexam h3 {margin-bottom: 23px;}
.jexam_btn {clear: both;overflow: hidden;padding: 23px 0 0 19px;}
.jexam_btn a {display: inline-block;background: #0f7ed4;color: #fff;padding: 15px 52px;line-height: 20px;font-size: 16px;}
.kexam_banner li {width: 33.3%;float: left;text-align: center;}
.kexam_banner li a {display: block;text-align: center;}
.kexam_banner li a img {
display: block;
margin:0 auto;}

/******************search-results********************/
.results_txt {clear: both;padding-top:26px;}
.results_txt p {background: url(/assets/img/sub/sub_bg_title04.png) left 8px no-repeat;padding-left:15px;}
.results_txt p span {font-weight:bold;}
.search_title_wrap {clear: both;width: 100%;float: left;position: relative;margin: 20px 0 30px 0; border-bottom: #2452a7 2px solid; padding-bottom: 10px;}
.results_search {width: 100%;float: left;clear: both;margin-top: 29px;}
#search_list h3 span {display:inline-block;line-height: 25px;margin-left:10px;}
span.sbtn_more {position: absolute;right: 0;top: 0; display:inline-block;}
span.sbtn_more a {display: inline-block;padding: 2px 8px;border: #dcdcdc 1px solid;font-size: 12px;}
.search_result_list {clear: both;width: 100%;float: left;}

.search_result_list li {clear: both;width: 100%;float: left; padding:15px 0; border-bottom: #dcdcdc 1px solid;}
.search_result_list li:first-child {padding-top:0;}

p.subject a {font-size: 17px;font-weight: bold;color: #000;line-height: 22px;display: block;margin-bottom: 17px;}
p.subject a span {
font-size: 17px;font-weight: bold; color:#686868;}
p.subject a span.red {color:red;}
p.date, p.date span {font-size: 13px; color:#686868; line-height:20px;}
p.date span {display:inline-block;margin-left:10px;}
.summary {clear: both;width: 100%;float: left;margin-top: 10px;}




/**** 추가수정 *****/
.journal .civil_txt {padding: 0 0 30px 0; }
@media print {
@page {
size:auto;  margin-top:2.5cm; margin-right:2cm; margin-bottom:1.5cm; margin-left:2cm; }
html, body {border:0; margin:0; padding:0; }
#sub_contents {display:block}
#sidebar, #bannerzone, #footer, #header, #accessibility, #smallscreen_overlay {display:none;}
}





/*** 직종 ***/
/* 구직 */
.type_td, .type_td2, .type_td3 {position: relative; }
.type_td3 input {margin-left: 0 !important; }
div#job_type {padding: 13px 11px;background: #f5f5f5 !important;border-top: 4px solid #2452a7;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;border-left: 1px solid #ddd;}
div#job_type .col-md-2 {font-weight: 500 !important;color: #333;margin-bottom: 5px;display: block;}
div#job_type .col-md-10 {background: #fff !important; overflow: hidden; }
div#job_type .col-md-10 > div {}
div#job_type .col-md-10 > div > div {text-align: left; }
div#job_type .col-md-10 > div > div > span {font-size: 14px !important; color: #333; }
div#job_type .col-md-10 > div > div > div > span {font-size: 13px; color: #555; padding: 10px 0 0 0; display:block; }
.type_td div#job_type{position:absolute; left:100%; top:0; width:100%;}
.type_td2 div#job_type {position: absolute; left: 26%; top: -25px; width: 100%; max-width: 250px; }
.type_td3 div#job_type {position: absolute; left: 0; top: 50px; width: 100%; }


/* 구인 */
.type_addr, .type_addr2 {position: relative; }
div#addr_type {padding: 13px 11px;background: #f5f5f5 !important;border-top: 4px solid #2452a7;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;border-left: 1px solid #ddd;}
div#addr_type .col-md-2 {font-weight: 500 !important;color: #333;margin-bottom: 5px;display: block;font-family: 'Noto Sans KR';}
div#addr_type .col-md-10 {background: #fff !important; overflow: hidden; }
div#addr_type .col-md-10 > div {}
div#addr_type .col-md-10 > div > div {text-align: left; }
div#addr_type .col-md-10 > div > div > span {font-size: 14px !important; color: #333; }
div#addr_type .col-md-10 > div > div > div > span {font-size: 13px; color: #555; padding: 10px 0 0 0; display:block; }

div#addr_type .col-md-10 {background: #fff !important; overflow: hidden; }
.type_addr input {margin-left:0 !important; }
.type_addr div#addr_type{position:absolute; left:39%; top:0; width:100%; max-width: 250px; }
.type_addr2 div#job_type{position:absolute; left:25%; top:0; width:100%; max-width: 250px; }

#popup_105{z-index: 99999;}

.popup {position: absolute;z-index: 9999; background:#fff;}
.popup_bottom {clear: both;background: #000;padding-right: 12px;text-align: right; height:30px;}
.popup_bottom div {display:inline-block;position: relative;}
.popup input[type="checkbox"] + label:before {content: "";display: inline-block !important;width: 16px;height: 16px;margin-right: 10px;position: absolute;left: 0;top: -12px;background-color: #fff;border-radius: 2px;border: 1px solid #ddd;}
.popup_check_desc {color: #fff;font-size: 12px;line-height: 30px;margin-right: 10px;}
.popup_close {font-size: 13px;color: yellow;line-height: 30px;}
.popup input[type="checkbox"]:checked + label:before {content: "\2713";font-size: 18px;font-weight: 800;color: #45495b;background: #fff;text-align: center;line-height: 18px;}
p.login_sos_box {clear: both;padding: 30px 20px;text-align: center;color: red;font-size: 19px;}
p.login_sos_box span {font-size: 23px;font-weight:bold;color: red;}


/***** 게시판 *****/
/* 회원정보수정 */
input#address, input#address2 {width: 90%; }
.left_intro_txt {text-align: left;padding: 10px 0 0 26%;font-size: 17px;}

span.account_number {font-size: 18px; color: #000; font-weight: 600;}