/***************************************/
/* 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: 15px; font-family:'S-Core Dream', '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 { 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; }

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

#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: #0599aa;}
#lnb-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: #fff; 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: #0599aa 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 {}
#gnb-nav {clear: both; width: 100%; float: left; height: 97px;}
h1.gnb-logo {width: 334px; float: left; padding: 28px 0 0 0; position: relative; z-index: 99;}
h1.gnb-logo a {display: block; }


/*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: 'S-Core Dream', '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;}

/************ main_visual **************/
/* 비주얼 이미지 */
#main_visual  {padding-bottom:0; width: 100%; height:auto; aspect-ratio:120/37; overflow:hidden; }
.main_slider .mimg_01 {background: url(/assets/img/main/main_vis01.jpg) center no-repeat; background-size: cover;}
.main_slider .mimg_02 {background: url(/assets/img/main/main_vis02.jpg) center no-repeat; background-size: cover;}
.main_slider .mimg_03 {background: url(/assets/img/main/main_vis03.jpg) center no-repeat; background-size: cover;}
.main_slider .mimg_04 {background: url(/assets/img/main/main_vis04.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/37; 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-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**************/
#main_container {clear: both; width: 100%;}
.main_con > h3 {font-size:35px; font-weight:300; color:#000; text-align:center; line-height:1.5; padding-bottom:40px;}
.main_con > h3 > span {font-size:inherit; font-weight:500; color:#000;}

/* 이용안내 */
#mcon_innner {position:relative; border:2px solid #12aec0; }
#mcon_innner:before {content:''; position:absolute; display:block; width:150px; height:90px; background:url('/assets/img/main/camp_ic.png') no-repeat; background-size:cover; top:-85px; right:25%;}
#mcon_innner .slides a {display: block; padding: 50px 0; position:relative; overflow:hidden;}
#mcon_innner .slides a:before {content:''; position:absolute; width:100px; height:100px; background:rgba(72, 73, 72, .08); border-radius:50%; top:45px; left:0; right:0; margin:0 auto; opacity:0; transition:.5s; -webkit-transition:.5s;}
#mcon_innner .slides a:hover:before{opacity:1;}
#mcon_innner .slides a:after {content:''; position:absolute; background:#e1e1e1; width:1px; height:70%; top:15%;}
#mcon_innner .slides a:hover img{display:none;}
#mcon_innner .slides a img.over_img {display:none;}
#mcon_innner .slides a:hover img.over_img {display:block !important;}
#mcon_innner .slides:first-child {/*border-left: 1px solid #e0e0e0;   */ }
#mcon_innner .slides a p {padding-top: 30px; color: #0e0e0e; font-size: 19px; text-align: center; position:relative; width:80%; width:max-content; margin:0 auto;}
#mcon_innner .slides a p:before{content:''; position:absolute; width:0; height:15px; background:#ffffb2; z-index:-1; transition:.5s; -webkit-transition:.5s; bottom:-1px;}
#mcon_innner .slides a:hover p:before {width:100%;}
#mcon_innner .slides a p span {display: block; text-align: center; font-size: 16px; color: #0e93a2;}
#mcon_innner .slick-arrow {width:65px; height:65px; transition:.5s; -webkit-transition:.5s; box-shadow:5px 5px 5px rgba(0, 0, 0, .15); border-radius:50%;}
#mcon_innner .slick-prev {left:-40px; background:url('/assets/img/main/icon_slide_prev.png') no-repeat;}
#mcon_innner .slick-prev:hover {background:url('/assets/img/main/icon_slide_prev_over.png') no-repeat;}
#mcon_innner .slick-next {right:-40px; background:url('/assets/img/main/icon_slide_next.png') no-repeat;}
#mcon_innner .slick-next:hover {background:url('/assets/img/main/icon_slide_next_over.png') no-repeat;}
#mcon_innner .slides a p.after_text:after {content:'(필독)'; position:absolute; display: block; text-align: center; font-size: 16px; color: #0e93a2; left:0; right:0; margin:0 auto;}


/* 문의,안내 배너 */
#main_contents_02 {padding:80px 0; overflow:hidden;}
#main_contents_02 > div {width:49%; float:left;  height:210px;  padding:3.2%; position:relative;}
#main_contents_02 > div:first-child {margin-right:2%;}
#main_contents_02 .call_box {background:url('/assets/img/main/banner_01.jpg') no-repeat; background-size:cover;}
#main_contents_02 .call_box h2 {font-size:20px; color:#fff; letter-spacing:-1px; font-weight:500; padding-bottom:20px; word-break:keep-all; line-height:1.5;}
#main_contents_02 .call_box p {font-size:18px; color:#fff; letter-spacing:-1px; font-weight:500; word-break:keep-all; position:relative; padding-left:20px;}
#main_contents_02 .call_box p:before {content:''; position:absolute; width:15px; height:15px; background:url('/assets/img/main/call_icon.png'); background-size:cover; left:0; top:3px;}
#main_contents_02 .call_box p span {color:#65f9fa; font-size:17px; word-break:keep-all;}
#main_contents_02 .caution_box {border:1px solid #c9c9c9;}
.caution_box h2 {padding-bottom:15px;}
.caution_box h2, .caution_box h2 span {font-size:20px; line-height:1.3; color:#cc9966; font-weight:500; word-break:keep-all;}
.caution_box h2 span {position:relative;}
.caution_box h2 span:after {content:''; width:100%; height:1px; background:#cc9966; position:absolute; display:block; bottom:1px;}
.caution_box p, .caution_box p span {font-size:18px; line-height:1.4; letter-spacing:-1px; color:#000; word-break:keep-all;}
.caution_box p span {position:relative;}
.caution_box p span:before {content:''; width:100%; height:10px; background:rgba(14, 147, 162, 0.3); position:absolute; display:block; left:0; bottom:0;}
.caution_box div.img_box {position:absolute; top:10%; right:5%;}
.caution_box div.img_box:before {content:''; position:absolute; display:block; width:100%; height:100%; background:#e1e1e1; border-radius:50%; z-index:-1; left:10px; top:5px;}
.caution_box div.img_box img {width:100%;}


/* 커뮤니티 */
#main_contents_03 {padding:80px 0; overflow:hidden;}
#main_contents_03 > div {width:49%; float:left;  padding:3.2%; position:relative; height:410px;}
#main_contents_03 > div h2 {font-size:27px; color:#000; padding-bottom:20px;}
#main_contents_03 > div > a {background:#0e93a2; border-radius:50px; color:#fff; font-size:18px; font-weight:300; padding:5px 15px; position:absolute; right:7%; top:9%;}
#main_contents_03 > div > a img {padding-right:6px;}
#main_contents_03 .notice_box {margin-right:2%;}
.note_list li {position:relative;}
.note_list li a:after {content:''; position:absolute; width:28px; height:28px; background:url('/assets/img/main/board_arrow.png') no-repeat; background-size:cover; right:0; top:0; transition:.3s; -webkit-transition:.3s;}
.note_list li a:hover:after {background:url('/assets/img/main/board_arrow_over.png') no-repeat;}
.note_list li a p {font-size:20px; color:#000; letter-spacing:-1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 60%; transition:.3s;}
.note_list li a:hover p {font-weight:500; }

.notice_box {border:1px solid #c9c9c9;}
.notice_box .note_list li {overflow:hidden; margin-top:10px; padding-bottom:10px;}
.notice_box .note_list li div {float:left;}
.notice_box .note_list li div h3 {font-size:22px; font-weight:600; color:#c59c59; text-align:center;}
.notice_box .note_list li div span {font-size:15px; color:#000; font-weight:300;}
.notice_box .note_list li a {}
.notice_box .note_list li a:after {top:10px;}
.notice_box .note_list li a p {margin:10px 0 10px 80px;}

.review_box {border:8px solid #e7e7e7;}
.review_box .note_list li {border-bottom:1px solid #e5e5e5; margin-top:20px; padding-bottom:20px;}
.review_box .note_list li:last-child {border-bottom:0;}
.review_box .note_list li a {display:block;}


/* 포토갤러리 */
#main_contents_04 {width: 100%; clear: both; background: #f3f3f3 url('/assets/img/main/photo_bg.jpg') no-repeat; background-size:cover; padding: 80px 0px; }
#main_contents_04 .photo_left_txt {float: left; width: 24%; margin-top:20px; }
.mcon4_title h1 {text-align: left; font-size: 26px; font-weight: 500; color: #313131; }
.mcon4_title span {display: block; padding-top: 55px; font-size: 20px; color: #2f2f2f; text-align: left; line-height: 26px; }
.mcon4_title p {vertical-align: bottom; font-size: 14px; padding-bottom: 10px; margin-top:30px; }
.mcon4_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; }
.mcon4_title p img {display: inline-block; width: 13px; vertical-align: bottom; margin-right: 6px; }


#mcon4_innner .slides {overflow: hidden; margin:0 25px; box-shadow:5px 1px 10px rgba(0, 0, 0, .15);}
#mcon4_innner .slides a {display: block; background:#fff;}
#mcon4_innner .slides a .photo_img {overflow:hidden; align-items: center; justify-content: center; width:100%; height:auto; aspect-ratio:4/3;}
#mcon4_innner .slides img {width:100%; height:auto; aspect-ratio:4/3;}
#mcon4_innner .slides:hover img {transform: scale(1.1); -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
#mcon4_innner .slides .photo_text {padding:20px;}
#mcon4_innner .slides .photo_text h4 {display: block;font-size:22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; margin-bottom:15px;}
#mcon4_innner .slides .photo_text p {}
#mcon4_innner .slick-arrow {width:131px; height:19px; top:-80px; transition:.5s; -webkit-transition:.5s;}
#mcon4_innner .slick-next {background: url('/assets/img/main/photo_next.png') center no-repeat; right:20px;}
#mcon4_innner .slick-next:hover {background: url('/assets/img/main/photo_next_over.png') center no-repeat;}
#mcon4_innner .slick-prev {background: url('/assets/img/main/photo_prev.png') center no-repeat; left:20px;}
#mcon4_innner .slick-prev:hover {background: url('/assets/img/main/photo_prev_over.png') center no-repeat;}


/* 배너 */
#main_contents_05 {padding:30px 0;}
#mcon5_innner .slick-slide a img {width:auto;}
#mcon5_innner .slick-arrow {width:65px; height:65px; transition:.5s; -webkit-transition:.5s; box-shadow:5px 5px 5px rgba(0, 0, 0, .15); border-radius:50%; top:10%;}
#mcon5_innner .slick-prev {left:-40px; background:url('/assets/img/main/banner_slide_prev.png') no-repeat;}
#mcon5_innner .slick-prev:hover {background:url('/assets/img/main/banner_slide_prev_over.png') no-repeat;}
#mcon5_innner .slick-next {right:-40px; background:url('/assets/img/main/banner_slide_next.png') no-repeat;}
#mcon5_innner .slick-next:hover {background:url('/assets/img/main/banner_slide_next_over.png') no-repeat;}


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

#footer {clear: both; width: 100%; background: #25272b; padding-bottom:60px;}
#footer_menu {width: 100%; text-align:center; color:#fff; padding:35px 0; border-bottom:1px solid rgba(255, 255, 255, .08);}
#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:300; border-right:1px solid rgba(255, 255, 255, .1);}
#footer_menu a:last-child{border-right:none;}
#footer_menu a span {font-weight:400; color:#cdb388;}
#footer_copy {padding-top:30px;}
#footer_copy img {margin-right:6%; width:18%; float:left; margin-top:0px;}
#footer_copy .footer_info {width:70%; display:inline-block}
#footer_copy .footer_info p {word-break:keep-all; margin-bottom:20px;}
#footer_copy .footer_info p span {display:inline-block; color:#fff; padding-left:15px; border-right:0px solid rgba(255, 255, 255, .1); word-break:keep-all; margin-bottom:5px;}
#footer_copy .footer_info p span:first-child, #footer_copy .footer_info p span:nth-child(3){padding-left:0;}

#footer_copy .footer_info p span:last-child {border-right:none;}
#footer_copy .copy, #footer_copy .copy a {text-align:right; color:#fff; opacity:0.8; word-break:keep-all;}


.mint {color:#5dfef7 !important;}
span .mint {border-right:none !important; padding:0 !important;}

/**********************************/

/****************** sub_top_visual ********************/

#sub_visual {clear: both; }
#sub_visual > div {height: 400px; width: 100%; background-size:cover;}
.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; padding-top: 190px;}
.sub_vis_inr h1 {font-size: 34px; color: #fff; font-weight:500;}
.sub_vis_inr p {font-size: 14px; line-height: 15px; color:#e8e8e8; padding-top: 20px; display:none;}


/******************sub********************/
#sub_container {clear: both; width: 100%; background:#fff; padding-bottom: 100px;}
#sub_container:after  {display:block;visibility:hidden;clear:both;content:""}

#location {width: 100%; float: left; background: #ffffff; height:50px; border-bottom: 1px solid #ddd; display:none;}
#sidebar {width: 100%; /* float: left; */ position: relative;  z-index:99;border-bottom: 1px solid #ddd;}
#sidebar.mobile{display:none;}
div#sub_contents {max-width: 1200px; overflow:hidden; padding-top:80px;}
.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 {clear: both; width: calc(100% / 7);   display: inline-block;}
.submenu li.long_menu {width:auto;}
.submenu li a {display: block; padding: 15px 20px; background: #fff; text-align: center; }
.submenu li:hover, .submenu li.active {border: 1px solid #0599aa; }
.submenu li a:hover, .submenu li.active a {display: block; color: #fff; background: #0599aa; }
.submenu li#draw_m a:hover, .submenu li#draw_m.active a {background: #2a99f2}
.submenu li:first-child a {border-top: none;}

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


.page_navi {width: 100%; position: absolute; top: -102px; left: 0; height: 50px; line-height: 50px; text-align: right; overflow: hidden; display:none;}
.page_navi span {display: inline-block; color: #555; font-weight: 400; height: 50px; 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: 50px; height: 50px; background: url('/assets/img/sub/cate_home.gif') center 18px  no-repeat; line-height: 49px;}
span.middle_n {margin: 0 20px 0 0; height: 50px; line-height: 50px; background: url('/assets/img/sub/navi_bg.png') center right  no-repeat; vertical-align: top; padding-right: 45px;}


#title_container h1 {font-size:28px; color: #000; line-height: 35px; border-bottom: #ccc 1px solid; padding: 0 0 10px 0; margin: 0 auto 20px; font-weight: 500; word-break:keep-all;}

.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%; }
.page:after {display: block; visibility: hidden;   clear: both;   content: ""}
.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: #ccc 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 #ccc; 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 #ccc; }
.member_porcess li span {display: block; font-size: 13px; padding-top: 10px; padding-bottom: 2px;}
.ag_on {color:#fff; background: #0599aa; }
li.ag_on span {color: #e6e6e6;}
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: #ccc 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-family: 'S-Core Dream', '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;}
.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%; float: left; border-top: #4c4f55 2px solid; border-bottom: #4c4f55 1px solid; padding: 62px 0px; margin-top: 36px;}
.member_join_ok h2 {background: none !important; padding-left: 0 !important; text-align: center !important; font-size: 38px !important; line-height: 50px !important; margin-bottom: 30px;}
.member_join_ok h2 span {font-size: 42px !important; line-height: 50px !important; font-family: 'S-Core Dream', 'notokr', sans-serif; font-weight: 500; color: #ff0000;}
.member_join_ok p {text-align: center; font-size: 17px; color: #222; line-height: 28px;}
.member_join_ok .money_intro {display: block; text-align: center; margin-top: 20px; font-size: 20px; color: #748d22;}




.member_join_ok .money_intro h4{text-align:center; font-size: 20px;  line-height: 1.5em;}
.member_join_ok .money_intro h4 span {color:red; font-size: 20px; font-weight:600;}
.member_join_ok .money_intro .bluebluetext{color:blue; font-size:18px; line-height:1.3em; font-weight:500;}
.member_join_ok .money_intro .phonenumber_bold{font-weight:600; font-size: 20px;}


.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; max-width:480px; height:180px; overflow:hidden; text-align:left;}
	div.login label strong {display:inline-block; width:70px; color:#333;}
	div.login label {position:absolute; top:0px; left:0; padding-left:17px; font-size:12px; line-height:40px; color:#999;}
	div.login .input {position:relative; margin:0 0 10px 0; padding:0; line-height:40px; border:1px solid #dadada;}
	div.login .input input {padding:15px 0; width:100%; height:40px; border:0; line-height:40px; text-indent:15px; color:#666;}
	div.login div.btn {margin:0; padding:0;}
	div.login div.btn a {display:block; background:#0599aa; 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: #ccc 1px solid; padding: 30px; background: #f5f5f5; color: #555555; font-size: 14px; 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:#ccc 1px solid;}
table.in_job_table th {color: #000; padding: 10px; background: #f7f7f7; text-align: center; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; vertical-align: middle;}
table.in_job_table td {padding: 15px 20px; border-bottom: 1px solid #ccc; vertical-align: middle; border-right: 1px solid #ccc;}
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: 'S-Core Dream', '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: #ccc 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 #ccc;}
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;}

.caution .in_mo_ok input[type="checkbox"] + label {
    font-size:18px;color:red;font-weight: bold;
}
/***** 메인 서치 버튼/기능 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; font-family: 'S-Core Dream', '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;}
/***** 메인 서치 버튼/기능 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;}


/***** 우편번호 및 버튼 *****/
table.in_us_table.write_table td.zipcode button {margin-left:5px; border: #ccc 1px solid; background: #efefef; padding: 0 10px; display: inline-block; vertical-align:middle; line-height: 30px; }
table.member_table button {margin-left:5px; border: #ccc 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: #ccc 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;}
}




/**** 헤더수정 *****/
/*MENU FULL DROPDOWN*/

#full_dropdown {width: 100%; float: left; left: 0; position: absolute; top: 0; overflow: hidden; background: #fff; z-index: 90;}
#full_dropdown > h1  {display:none;}
#full_dropdown > h1 a {display:block;padding:6px;height:60px;  }
.open_menu #full_dropdown > h1 {display:block;}
.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 #0599aa;  background: #fff url(/assets/img/main/lnb_menu_bg.jpg) left 97px 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 li a {clear: both; /* display: inline-block; */
	width:100%; padding: 0px 36px; font-weight: 500; color: #444; text-align: center;}

#full_dropdown #main_menu ul {visibility: hidden; z-index: 99; position: absolute; left: 0; top: 98px; /*padding-bottom: 20px; padding-top: 10px;*/
    width: 100%; border-left: 1px solid #e8e8e8; padding-top: 10px;}

#full_dropdown #main_menu ul li{display:block; width: 100%;}
#full_dropdown #main_menu ul li a {display: block; float: left; color: #444; font-size: 15px; padding: 9px 0; text-align: center; font-weight: 400; word-break:keep-all;}
#full_dropdown #main_menu ul li:first-child a {border:none;}
#full_dropdown #main_menu ul li a:hover {background: #18b1c1; color: #fff !important;}
#full_dropdown #main_menu_container {}
#full_dropdown #main_menu > li > a {font-size: 22px; display: block; line-height: 98px; color: #000; font-weight: 500; font-family: 'S-Core Dream', 'notokr', sans-serif; text-align: center; padding: 0 37px; width: auto !important;}

#full_dropdown #main_menu > li {height:97px; background:#fff; }


#full_dropdown #main_menu ul.submenu_01 {border-left: none;}
#full_dropdown #main_menu ul.submenu_02 {}
#full_dropdown #main_menu ul:hover{background:#9bd0d6;}
/*#full_dropdown #main_menu ul:hover li a{color:#fff;}*/


/*** 직종 ***/
/* 구직 */
.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 #ccc; border-right: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0;}
div#job_type .col-md-2 {font-weight: 500 !important; color: #333; margin-bottom: 5px; display: block; font-family: 'S-Core Dream', '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 #ccc; border-right: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0;}
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 {position: absolute; z-index: 9999; background:#fff;}
.popup img {max-width:100% !important;}
.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 #ccc;}
.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;}


/*로딩바*/
.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;}
.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:200px;	  background-color: #fff; border:1px solid #ccc; 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;}
}