/***************************************/
/* RESET FILES */
/***************************************/

html {
    scroll-behavior:smooth;
}
@media (prefers-reduced-motion:reduce) {
    html {
        scroll-behavior:auto;
    }
}


html,body,div,span,applet,object,iframe,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-style: inherit; font-size: 16px; font-family: 'notokr', sans-serif; vertical-align: baseline; color: #2a2a2a; line-height:140%; }
html,body {width:100%; }
body {background:#fff; }
*, :after, :before {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
h1,h2,h3,h4,h5,h6,input,button,textarea,select,table {box-sizing:border-box; }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0; padding:0; border:0}
h1, h2, h3, h4, h5, h6 {font-family: 'NanumSquare', 'notokr', sans-serif; line-height:1.5;font-weight:600; margin:0; color:inherit; margin:0; letter-spacing:-0.5px; }

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

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

ol,ul,li  {list-style: none; }
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; }
p {font-family: 'notokr', sans-serif; }
strong {font-weight:600;}

/* mobile */
body,textarea:focus,input:focus,a:focus {outline: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
i {font-style: normal; }
input{font-family: 'notokr', sans-serif; }
input[type="checkbox"] {/*width:20px; height:20px; */ vertical-align:middle; }

table {border-spacing: 0; border-collapse: collapse;   /*table-layout: fixed; */word-wrap: break-word; }
table caption {visibility: hidden;overflow: hidden;height: 0;width: 0;margin: 0;padding: 0;line-height: 0;}
legend {display: none;}

#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 {display:block; visibility:hidden; clear:both; content:""}

header#header {width: 100%; background: #fff; position: relative; border-bottom: 1px solid #f5f5f5; }
header#header:after {display:block; visibility:hidden; clear:both; content:""}
#lnb-nav {width: 100%;  height: 45px;  background: #f5f5f5;  border-top:3px solid #f68b1e; }
#lnb-nav:after {display:block; visibility:hidden; clear:both; content:""}
#gnb-nav {clear: both; width: 100%; height: 90px; }
#gnb-nav:after {display:block; visibility:hidden; clear:both; content:""}

.lnb-m {text-align: right; height: 45px; }
a#btn_menu_close {display:none; }
.lnb-m a {display: inline-block; width: 80px; color: #515151; font-size: 15px; margin-top: 8px; margin-left: 3px; text-align: center; border-radius: 30px; line-height: 27px; font-weight: 400; }

a.lnb-login {background: #f68b1e url(/assets/img/top/head_login_icon.png) no-repeat 11px 6px; background-size: 16px; color: #fff;  padding-left: 20px; padding-top: 1px; width:90px; }
a.lnb-logout {}

h1.gnb-logo {background:#fff; width: 330px;margin:0; position: relative; z-index: 99; }
h1.gnb-logo a {padding:23px 0; display: block; }
h1.gnb-logo img {height:40px; }

/**** 헤더수정 *****/
/*MENU FULL DROPDOWN*/
#full_dropdown {width: 100%; left: 0; position: absolute; top: 0; overflow: hidden; background: #fff; z-index: 90; }
.ytp-thumbnail-overlay-image {position: relative; z-index: 1; }
#full_dropdown > .wrap {/* background: #2452a7 url(images/main/menu_bg.png) 16px 88px no-repeat; */}
#full_dropdown:hover {border-bottom: 3px solid #f68b1e; background: url(/assets/img/main/lnb_menu_bg.jpg) #fff left 90px no-repeat; }
#full_dropdown #main_menu {float: right; }
.dropdown_line {width: 100%; border-bottom: 1px solid #eaeaea; /* margin-top: 88px; */position: absolute; top: 87px; z-index: 9999; }
#full_dropdown #main_menu li{float:left; position:relative; }
#full_dropdown #main_menu li.menu_01 {margin-left: 180px; }
#full_dropdown #main_menu ul {visibility: hidden; z-index: 99; position: absolute; left: 0; top: 90px; width: 100%; border-left: 1px solid #ddd; padding: 10px; }
#full_dropdown #main_menu ul li{display:block; width: 100%; }
#full_dropdown #main_menu li a {display: block; clear: both; width:100%; font-size:16px; text-align: center;  padding: 5px 0; text-align: center; word-break: keep-all;}
#full_dropdown #main_menu ul li:first-child a {border:none; }
#full_dropdown #main_menu ul li a:hover {background: #f5dfb9; color: #333 !important; }
#full_dropdown #main_menu_container {}
#full_dropdown #main_menu > li > a {font-size: 22px; display: block; line-height: 90px; color: #000; font-weight: 500; font-family: 'NanumSquare', 'notokr', sans-serif; text-align: center; padding: 0 35px; width: auto !important; }
#full_dropdown #main_menu > li {height:90px; background:#fff; }
#full_dropdown #main_menu ul.submenu_01 {border-left: none; }
#full_dropdown #main_menu ul:hover{background:#f8ead2; }

/*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; /*border: 1px solid #ddd; */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: #808080; padding: 40px 0; }
#footer:after {display:block; visibility:hidden; clear:both; content:""}

#footer_menu {width: 100%; text-align:center; color:#fff; }
div#footer_menu img {display: block; margin: 0 auto; margin-bottom: 30px; }
#footer_menu a {display: inline-block; color: #fff;  line-height: 16px; padding: 0 10px; font-weight:400; }

div#footer_inner p {width: 100%; color: #ddd; font-size: 13px;  margin: 15px 0;  text-align:center; word-break:keep-all; }
div#footer_inner span {font-size: 13px; color: #b9b9b9; text-align:center; display:block; }
div#footer_inner span a {font-size: 13px; color: #b9b9b9; text-align:center; display:inline-block; }

.familysite {position: absolute; top: 50px; right: 0; display:inline-block; }

/************main**************/
#main_container {clear: both; width: 100%; position: relative; }
#main_container:after {display:block; visibility:hidden; clear:both; content:""}
#main_container > div {position: relative; width: 100%; clear: both; }
#main_container > div:after {display:block; visibility:hidden; clear:both; content:""}

/************ main_visual **************/
#main_visual  {padding-bottom:0; width: 100%; height:auto; aspect-ratio:120/43; 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; }
.main_slider li img {margin: 0 auto; width: 100%; height:auto; aspect-ratio:120/43; display: block; }

.slider_txt {position: absolute; /*top: 250px; */ bottom:10%; left: 0; right: 0; margin: 0 auto; text-align: center; line-height: 65px; }
.slider_txt p {font-size:30px; color:#fff; text-align:center; letter-spacing:-0.5px; margin-bottom:10px; position:relative; text-shadow:1px 1px 8px rgba(0, 0, 0, .5); }
/*.slider_txt p:before{content:''; position:absolute; display:block; width:62px; height:1px; background:#fff; margin:0 auto; top:-20px; left:0; right:0; }*/
.slider_txt .slider_btn {background:#c59c59; border-radius:10px; width:300px; margin:0 auto; padding:20px 0; transition:.5s; -webkit-transition:.5s; }
.slider_txt .slider_btn:hover {box-shadow:2px 2px 15px rgba(0, 0, 0, .4); }
.slider_txt .slider_btn a {display:block; position:relative; font-size:24px; line-height:1.5; letter-spacing:-1px; color:#fff; margin:0 38px; text-align:left; }
.slider_txt .slider_btn a:after {content:''; position:absolute; display:block; width:60px; height:40px; background:url('/assets/img/main/mouse_ic.png') no-repeat; background-size:cover; top:0; right:0; }

#main_visual .bx-controls, #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_contents_01 {max-width: 1400px; background: #fff; padding: 25px 0; margin: -80px auto 0; box-shadow: 0px 9px 21px 1px #e6e6e6; border-radius: 100px; position: relative;  z-index: 99; overflow:hidden; height:160px; }
#mcon_innner .slides a {display: block; /*border-right: 1px solid #ddd; */  background: url(/assets/img/main/main_C1_line.png) center right repeat-y; }
#mcon_innner .slides a.map {background:none; }
#mcon_innner .slides:first-child {/*border-left: 1px solid #ddd;   */ }
#main_contents_01 .slick-initialized .slick-slide p {margin-top: 15px; font-size: 18px;  font-weight: 500; text-align: center; }
#main_contents_01 .slick-initialized .slick-slide p span {display: block; text-align: center; font-size: 12px; line-height: 12px; color: #818181; padding-top: 7px; font-family: 'NanumSquare', 'notokr', sans-serif; font-weight: 500; }

.main_contents_03 {padding-top:60px; padding-bottom:60px; }
.main_contents_03 h1 {font-size: 25px; text-align: center; font-weight: 700; padding-top:40px; background:url(/assets/img/main/main_content01_titlebg.png) no-repeat center 0; }
.main_contents_03 span.s_title {text-align: center; letter-spacing: 6px; display: block; font-size: 16px; color: #8c8c8c; margin:30px 0; }

#main_contents_02 {padding:60px 0; background: #f9f9f9 url(/assets/img/main/photo_bg.jpg) no-repeat 0 -20px; }
#main_contents_02 .photo_left_txt {position: absolute; left:0; top:0;width:30%; }

.mcon2_title h1 {text-align: left; font-size: 25px; }
.mcon2_title span {display: block; padding-top: 45px; font-size: 20px; text-align: left; }
.mcon2_title p {vertical-align: bottom; font-size: 14px; padding-bottom: 10px; margin-top:30px; }
.mcon2_title p:after {position: absolute; content: ""; width: 70px; height: 16px; background: url('/assets/img/main/scroll_arrow.png') no-repeat 0 0; margin-top: 12px; margin-left:8px; }
.mcon2_title p img {display: inline-block; width: 13px; vertical-align: bottom; margin-right: 6px; }

#mcon2_innner {margin-left:35%;}
#mcon2_innner .slides {overflow: hidden; }
#mcon2_innner .slides a {display: block; }
#mcon2_innner .slides img  {width:100%; height:auto; aspect-ratio:4/3;}
#mcon2_innner .slides a div.img_box {overflow: hidden; margin: 0 10px; box-shadow: -2px 1px 20px 1px #ddd; }
#mcon2_innner .slides a div.text_box {margin:0 auto; position: relative; z-index: 1000; margin-top:20px; }
#mcon2_innner .slides h5 {padding: 0 35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; line-height: 20px; color: #222; text-align: center; font-weight: 400; font-family: 'notokr', sans-serif;}
#mcon2_innner .slides span.go {display: block; width: 60px; height: 60px; line-height: 55px; background: #f68b1e url(/assets/img/main/photo_plus.png) no-repeat center; border-radius: 50%; position:absolute; bottom:55px; right:50px; }
#mcon2_innner .slides:hover img {transform: scale(1.2); -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }

.all_more {margin-top: 40px; }
.all_more a {width: 165px; height: 45px; line-height: 46px; border: 1px solid #000;  color: #161616; display: block; text-align: center; margin: 0 auto; font-weight: 500; }
#mcon2_innner .slick-prev, #mcon2_innner .slick-next {display:none !important; }
#mcon2_innner .slick-next {background: url(/assets/img/main/main_C2_arroRight.png) center no-repeat; right:-66px; }
#mcon2_innner .slick-prev {background: url(/assets/img/main/main_C2_arroLeft.png) center no-repeat; left:-66px; }

#main_vis_slide {width: 788px; height: 350px; float: left; overflow:hidden; position:relative; }
#main_vis_slide ul {margin: 0; padding: 0; width: 100%; float: left; }
.control {position: absolute; right: 19px; bottom: 7px; z-index: 9; }
.control button {display:inline-block; margin: 0 3px; }
button.ir.pre {border: none; cursor: pointer; background: url(/assets/img/main/b_prev.png) 0 0 no-repeat; text-indent: -1000000px; width: 8px; height: 12px; }
button.ir.next {border: none; cursor: pointer; background: url(/assets/img/main/b_next.png) 0 0 no-repeat; text-indent: -1000000px; width: 8px; height: 12px; }
button.ir.start {border: none; cursor: pointer; background: url(/assets/img/main/b_start.png) 0 0 no-repeat; text-indent: -1000000px; width: 8px; height: 12px; }
button.ir.stop {border: none; cursor: pointer; background: url(/assets/img/main/b_stop.png) 0 0 no-repeat; text-indent: -1000000px; width: 14px; height: 12px; }

#main_vis_right:after {display: block; clear: both; content: "."; visibility: hidden; height: 0; margin: 0; padding: 0; font-size: 0; line-height: 0; }
.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; }

div#tabs {width: 49%; height:350px;  padding:20px 30px; border:1px solid #ddd; float:left; overflow:hidden; }
ul.etabs {border-bottom:1px solid #ddd; }
ul.etabs li {width:102px; display:inline-block; }
ul.etabs li.etl_01 {}
ul.etabs li.etl_02 {}
ul.etabs li.etl_03 {}
ul.etabs li a {display: block; width: 102px; color: #929292; text-align: center; line-height: 50px; font-size: 19px; font-weight: 500; }
.etl_02 {display:none !important;}
.main_board_inner .ui-tabs .ui-tabs-nav .etl_01.ui-state-active a,
.main_board_inner .ui-tabs .ui-tabs-nav .etl_02.ui-state-active a,
.main_board_inner .ui-tabs .ui-tabs-nav .etl_03.ui-state-active a {border-bottom: 3px solid #f68b1e; color:#333; font-weight:600; }

div#tabs > div h2 {font-size: 20px; line-height: 22px; font-weight: 400; width: 65%; float: left; }
div#tabs > div h2 a {width: 19px; height: 19px; line-height: 15px; float: right;  font-size: 24px;  text-align: center; }
ul.board_list {width: 100%; }
ul.board_list li {clear: both; width: 100%; border-bottom: 1px dashed #ddd; }
ul.board_list li:last-child, ul.board_list li:nth-child(3) {border-bottom:none; }
ul.board_list li:nth-child(4) {border-bottom:none;display:none;}
#main_board_left #tabs-3{display:none;}
ul.board_list li a {width: 100%; vertical-align: top; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block;  font-size: 18px; padding: 15px 0 }
ul.board_list li a p {}
ul.board_list li a p.no_dp {padding-left: 70px; }

/*시설안내*/
.board_right {float: right; width: 49%; }
.board_right> div {padding:30px 25px; }
.board_right h2 {font-size: 25px; margin:0 0 15px; }
.board_right p {font-size: 17px; line-height: 1.3; }
.board_right p span {font-size:inherit; }
.board_right .facility {border: 1px solid #ddd; background:url('/assets/img/main/contents01_banner01.jpg') no-repeat center 0; background-size:cover;}

.board_right .facility h2 {color:#fff; }
.board_right .facility p {color: #fff; }
.board_right .facility p span {color:#fff; }

.board_right .call {background:#f4efe4 url('/assets/img/main/contents01_banner02.png') no-repeat 90% bottom; background-size:25%;}
.board_right .call h2 {color: #46351b; }
.board_right .call p.bank {background: #fff; border-radius: 30px; padding:5px 10px; }
.board_right .call p span {float: right; }
.board_right .call p.call_number {font-weight: 600; font-size: 28px; color: #ff9000; margin-bottom:10px; }
.board_right .call p.call_number br {display:none; }

/*수정된 커뮤니티*/
span.s_noti_desc {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 li a p.date_day {font-size:15px; display: inline-block; float: left; text-align: center; font-weight: 500; line-height: 23px; margin-right: 10px; color:#9e9e9e; }
ul.board_list li a p.date_day .big_day {font-size: 28px; line-height:1.2; color: #9e9e9e; font-weight: 500; }

ul.board_list li .date {width: 100%; display: block; text-align: left; font-size: 13px; line-height: 14px; padding-top: 5px; color: #b1b1b1; }
ul.board_list li a i{display: inline-block; width: 50px; padding: 5px 0; margin-right: 10px; text-align: center; letter-spacing: -1px; line-height: 1; font-size: 12px; color: #fff; font-family: 'ntk', Arial, Dotum, sans-serif; }
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%; background: #f6f6f6; 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:#ddd 1px solid; }
.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_visual {clear: both; }
#sub_visual:after {display:block; visibility:hidden; clear:both; content:""}
#sub_visual > div {height: 300px; width: 100%; }
.sub_visual1 {background:url(/assets/img/sub/sub_visual_01.jpg) no-repeat center top; }
.sub_visual2 {background:url(/assets/img/sub/sub_visual_02.jpg) no-repeat center top; }
.sub_visual3 {background:url(/assets/img/sub/sub_visual_03.jpg) no-repeat center top; }
.sub_visual4 {background:url(/assets/img/sub/sub_visual_04.jpg) no-repeat center top; }
.sub_visual5 {background:url(/assets/img/sub/sub_visual_05.jpg) no-repeat center top; }
.sub_vis_inr {text-align: center; height:100%; display:flex;   flex-direction: column;  justify-content: center;}
.sub_vis_inr h1 {font-size: 30px; line-height: 31px; color: #fff; }
.sub_vis_inr p {line-height: 15px; color:#ddd; padding-top: 20px; }

#sub_container {clear: both; width: 100%; padding-bottom: 80px; }
#sub_container:after {display:block; visibility:hidden; clear:both; content:""}

#sidebar {width: 100%; position: relative; /*top: -102px; left: 0; right: 0; text-align: center; */ max-width: 1200px; margin:-55px auto 0; text-align:center; overflow:hidden; height:55px;}
#sidebar:after {display:block; visibility:hidden; clear:both; content:""}
#sidebar.mobile{display:none; }

/*div#sub_contents {width:100%; max-width: 1200px; }*/
.submenu_title {width: 100%; background: #a4c23c url(/assets/img/sub/sm_titlebg.png) 125px 36px no-repeat; height: 127px; position: relative; left: 0; top: 0; padding: 30px 18px; display:none; }
.submenu_title h2 {text-align: left; color: #fff; font-size: 25px; line-height: 26px; text-align: left; }
.submenu_title h2 span {font-size: 15px; line-height: 16px; color: #5a7e1b; padding-bottom: 10px; display: block; }

.submenu ul {font-size:0; }
.submenu li {width:calc(100% /  7); border: #ddd 1px solid; margin-top: 10px;  display: inline-block; margin: 0 0 0 -1px;}
.submenu.sm01 li {width:calc(100% /  3); }
.submenu.sm02 {display:none; }
.submenu.sm02 li {width:calc(100% /  1); }
.submenu li:hover, .submenu li.active {border: 1px solid #f68b1e; }
.submenu li a {display: block; padding: 0 20px; font-size: 17px; line-height:55px; background: #fff; text-align: center; }
.submenu li a:hover, .submenu li.active a {display: block; color: #fff; background: #f68b1e; }
.submenu li#draw_m:hover, .submenu li#draw_m.active {border: 1px solid #2a99f2;}
.submenu li#draw_m a:hover, .submenu li#draw_m.active a {background: #2a99f2;}

.page_navi {background:#fff; width: 100%; /* position: absolute; top: -102px; left: 0; */  height: 50px; line-height: 50px; text-align: right; overflow: hidden; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.page_navi:after {display:block; visibility:hidden; clear:both; content:""}
.page_navi span {display: inline-block; line-height: 50px; 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; width: 49px; 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: 45px; }

#title_container {margin:50px auto; }
#title_container:after {display:block; visibility:hidden; clear:both; content:""}
#title_container h1 {font-size:28px; border-bottom: #ddd 1px solid; padding: 0 0 30px 0;}

.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 {clear: both; width: 100%; font-family: 'notokr', sans-serif; max-width:1200px; margin:0 auto; }
.page:after {display:block; visibility:hidden; clear:both; content:""}
#sub_page {font-family: 'notokr', sans-serif}
.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: #ddd 1px solid; }
.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; }

/********member**********/
.member_porcess {width: 100%; float: left; margin-bottom: 35px; background: #f5f5f5; border: 1px solid #ddd; border-left:0; }
/*.join_top01 {background: url(/assets/img/sub/join_top_bg01.png) 0 0 no-repeat; }
.join_top02 {background: url(/assets/img/sub/join_top_bg02.png) 0 0 no-repeat; }
.join_top03 {background: url(/assets/img/sub/join_top_bg03.png) 0 0 no-repeat; }
.join_top04 {background: url(/assets/img/sub/join_top_bg04.png) 0 0 no-repeat; }*/
.member_porcess li {width: 25%; float: left; text-align: center; font-size: 19px; padding-bottom: 15px; border-left: 1px solid #ddd; }
.member_porcess li span {display: block; font-size: 13px; padding-top: 10px; padding-bottom: 2px; }
.member_porcess02 {width: 100%; float: left; margin-bottom: 35px; background: #f5f5f5; border: 1px solid #ddd; border-left:0; }
.member_porcess02 li {width: 25%; float: left; text-align: center; font-size: 19px; padding-bottom: 15px; border-left: 1px solid #ddd; }
.member_porcess02 li span {display: block; font-size: 13px; padding-top: 10px; padding-bottom: 2px; }
.ag_on {color:#fff; background: #f68b1e; }
li.ag_on span {color: #8c4d0e; }
p.bt_center a.cancle_btn {background: #686868 !important; }
.join h2 {margin-bottom: 20px; }
.silmyung_txt {width: 100%; float: left; margin-bottom: 14px; }
.silmyung_box {clear: both; width: 100%; float: left; margin-bottom: 30px; }
.hp_sil {width: 49%; float: left; }
.ipin_sil {width: 49%; float: right; }
.sil_inner {border: #ddd 1px solid; padding: 35px; overflow:hidden; }
.sil_txt {background: url(/assets/img/sub/sil_icon01.png) 0 0 no-repeat; padding-left: 76px; }
.ipin_sil .sil_txt {background: url(/assets/img/sub/sil_icon02.png) 0 0 no-repeat; padding-left: 76px; }
.sil_txt h4 {color: #ff5839; font-size: 21px; margin-bottom: 7px; line-height: 22px; font-weight: 600; }
.ipin_sil .sil_txt h4 {color:#025ebf ; }
.sil_btn {clear: both; text-align: center; margin-top: 30px; }
.sil_btn a {display: block; background: #ff8c39 url(/assets/img/sub/sil_bt_icon.png) 76% 15px no-repeat; border-radius: 3px; padding: 13px; color: #fff; font-size: 16px; line-height: 18px; }
.ipin_sil .sil_btn a {background: #025ebf  url(/assets/img/sub/sil_bt_icon.png) 78% 15px no-repeat; }
.sil_txt p {height: 40px; }
.age_txt 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; }
.age_txt  p {background: url(/assets/img/sub/sub_bg_title04.png) 11px 8px no-repeat; padding-left: 26px; }
.month_write h3 {clear:both; }

.member_join_ok {clear: both; width: 100%; background:#f7f7f7; padding: 50px 20px; margin-top: 30px; }
.member_join_ok h2 {text-align: center; font-size: 38px;  margin-bottom: 30px; }
.member_join_ok h2 span {font-size: inherit; font-weight:inherit;color: #f68b1e }
.member_join_ok p {text-align: center;  font-size: 20px; text-align: center; word-break:keep-all; }

.member_join_ok .money_intro {display: block; margin: 20px 0;}
.member_join_ok .money_info {border-top:1px solid #ddd; margin-top:30px; padding-top:30px;}
.member_join_ok strong {font-size: inherit;}
.c_orange {color: #f68b1e; }



.login_box_new {clear: both; width: 100%; float: left; border-top: #4c4f55 2px solid; border-bottom: #4c4f55 1px solid; padding: 50px 0; margin: 10px 0 30px 0; }
div.login {position:relative; clear:both; padding:0; margin:0 auto; width:100%; max-width:480px; height:180px; overflow:hidden; text-align:left; }
div.login label strong {display:inline-block; width:70px; }
div.login label {position:absolute; top:17px; left:0; padding-left:17px; font-size:12px; line-height:20px; color:#999; }
div.login .input {position:relative; margin:0 0 10px 0; padding:0; border:1px solid #ddd; }
div.login .input input {padding:10px 0; width:100%; height:50px; border:0; line-height:20px; text-indent:17px; color:#666; }
div.login div.btn {margin:0; padding:0; }
div.login div.btn a {display:block; background:#f68b1e; height:48px; font-size:18px; line-height:45px; text-align:center; text-decoration:none; color:#fff; }

@media all and (max-width:360px) {
div.login label {padding-left:10px; }
div.login .input {padding:0; }
div.login .input input {text-indent:10px; }
div.login label span {display:none; }
}

.id-search {clear: both; width: 100%; float: left; text-align: center; margin-bottom:30px; }
.id-search a {display: inline-block; margin: 5px; line-height:28px; }
.id-s {display: inline-block; background: url(/assets/img/sub/login_icon01.png) 0 0 no-repeat; width: 29px; height: 28px; vertical-align: middle; margin-right: 10px; }
.pw-s {display: inline-block; background: url(/assets/img/sub/login_icon02.png) 0 0 no-repeat; width: 29px; height: 28px; vertical-align: middle; margin-right: 10px; }
.join-s {display: inline-block; background: url(/assets/img/sub/login_icon03.png) 0 0 no-repeat; width: 29px; height: 28px; vertical-align: middle; margin-right: 10px; }
.login_new_info {clear: both; border: #ddd 1px solid; padding: 30px; background: #f5f5f5; word-break:keep-all; line-height: 23px; }
.login_new_info span {font-size: 14px; color: #555555; }

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

/********job************/
table.in_job_table {width: 100%;  border-top: 2px solid #2452a7; margin-bottom: 40px; border-left:#ddd 1px solid; }
table.in_job_table th {color: #000; padding: 10px; background: #f7f7f7; 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-family: 'NanumSquare', 'notokr', sans-serif; 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: #ddd 1px solid; 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 rgb(169, 169, 169); }
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 #ddd; 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; font-family: 'NanumSquare', 'notokr', sans-serif; }
#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; }


/****************직업심리검사*******************/
.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; }

/***** 우편번호 및 버튼 *****/
table.in_us_table.write_table td.zipcode button {margin-left:5px; border: #ddd 1px solid; background: #efefef; padding: 0 10px; display: inline-block; vertical-align:middle; line-height: 30px; }
table.member_table button {margin-left:5px; border: #ddd 1px solid; background: #efefef; padding: 0 10px; display: inline-block; vertical-align:middle; line-height: 30px; }
img.jobbiz_img {display: block; max-width: 100%; margin: 0 auto; }
tr.jobsearch_mobile {display: none; }
td.home_link {text-align: center; }
td.home_link a {display: inline-block; font-size: 13px; border: #ddd 1px solid; padding: 3px 6px; background: #f1f1f1; }

/**** 추가수정 *****/
.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; font-family: 'NanumSquare', 'notokr', sans-serif; }
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 {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; }

/*로딩바*/
.loader_wrap {width:100%; height:100%; background:rgba(0,0,0,0.5); position:fixed; left:0; top:0; z-index: 10000; }
.loader {text-align:center; color:#fff; height: 40px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.loader h1 {color:#fff; margin-top:10px; font-size:25px; word-break:keep-all; font-weight:500;}
.loader span {height: 15px; width: 15px; display: inline-block; border-radius: 50%; animation: animate 2s infinite; }
.loader span:nth-child(1) {animation-delay: 0s; }
.loader span:nth-child(2) {animation-delay: 0.1s; }
.loader span:nth-child(3) {animation-delay: 0.2s; }
.loader span:nth-child(4) {animation-delay: 0.3s; }
.loader span:nth-child(5) {animation-delay: 0.4s; }
.loader span:nth-child(6) {animation-delay: 0.5s; }

@keyframes animate {
0% {background: transparent;   transform: translateY(0); }
50% {background:rgba(255,255,255,0.5);   transform: translateY(-25px); }
100% {background:rgba(255,255,255,1);   transform: translateY(0); }
}

.tooltip {position: relative; display: inline-block; cursor: pointer; }
.tooltip .tooltiptext {visibility: hidden;  min-width:180px; background-color: #fff; border:1px solid #ddd; line-height:1.3; font-size:12px; font-weight:500; text-align: center;  border-radius: 3px;  padding: 3px;   position: absolute;  z-index: 1;  bottom: 100%;   left: 50%;   transform: translateX(-50%); opacity: 0;  transition: opacity 0.3s;   text-indent: 0px; }
.tooltip:hover .tooltiptext {visibility: visible; opacity: 1;   }

@media (max-width:768px){
.loader h1 {font-size:20px; }
}

@media (max-width:460px){
.loader h1 {font-size:17px; }
}