@charset "utf-8";
/* CSS Document */
/* ------------------------------------------------------------
 * Name      :web_layout.css    
 * Desc      :page layout 
 * Created   :
 * Updated   :
 ------------------------------------------------------------ */
body.fixe {overflow:hidden; width:100%; height:100%; position:fixed;}
.m_gnb .sub_menu {display:none !important;}
.web_dis {display:block;}
.mb_dis {display:none;}

img {max-width:100%}





/* wrap */
#wrap {width:100%; max-width:1920px; padding-top:84px; overflow:hidden; margin:0 auto;  transition:all 0.3s 0s ease-in-out;}
#inner_wrap {max-width:100%; margin:0 auto; position:relative; padding-bottom:70px;}
#inner_wrap:after {clear:both; content:""; display:block;}
#inner_wrap.no_visual {padding-top:70px;}

.inner {max-width:1200px; margin:0 auto;}
.inner:after { clear:both; content:""; display:block;}
.bg_wrap {background:#f2f2f2}


/* header */
#header {width:100%; position:fixed; background:#fff; left:0px; top:0px; z-index:9999; box-sizing:border-box; transition:all 0.3s 0s ease-in-out; border-bottom:1px solid #efefef;}
.in_header {max-width:1720px; width:100%; height:84px; box-sizing:border-box; margin:0 auto; position:relative; z-index:9;}
.in_header .top_menu {position:absolute; right:0px; top:50%; transform:translateY(-50%); z-index:9}
.in_header .top_menu > ul {display:flex; flex-wrap:nowrap; align-items:center; gap:8px; margin:0; padding:0; list-style:none;}
.in_header .top_menu > ul > li {flex:0 0 auto; box-sizing:border-box;}
.in_header .top_menu > ul > li > a {display:block; border:1px solid #000000; border-radius:6px; background:#fff; color:#000; font-size:19px; line-height:35px; font-weight:600; min-width:135px; text-align:center; padding:0 12px;}
.in_header .top_menu > ul > li:nth-child(2) > a {background:#000; color:#fff;}
#header h1 {position: absolute; left:0px; top:50%; transform: translateY(-50%); -wbkit-transform: translateY(-50%); overflow: visible; transition: all 0.3s 0s ease-in-out; z-index:10; max-width:240px;}
#header h1 a {display: inline-block; overflow: visible; height: auto; outline: none; background-size: cover !important; white-space:nowrap;}




/* GNB */
.gnb {margin:0 auto; box-sizing:border-box; height:100%;}
.gnb:after {content:""; display:block; clear:both;}
.gnb > ul {display:flex; height:100%; padding-left:260px; padding-right:560px; box-sizing:border-box; justify-content:center; align-items:center; flex-wrap:nowrap;}
.gnb > ul > li {position:relative; padding:0 2%; flex:0 0 auto;}
.gnb > ul > li > a {display:block; position:relative; color:#707070; font-size:18px; font-weight:500; line-height:130%; padding-bottom:8px; transition:all 0.2s 0s ease-in-out;}
.gnb > ul > li > a::after{content:\"\"; position:absolute; left:0; right:0; bottom:0; height:3px; background:#00AD92; transform:scaleX(0); transform-origin:center; opacity:0; transition:all 0.2s ease-in-out;}
.gnb > ul > li:hover > a{color:#00AD92; font-weight:700;}
.gnb > ul > li:hover > a::after{transform:scaleX(1); opacity:1;}
.gnb_depth_wrap{position:absolute; left:0; top:100%; width:100%; padding:15px 0 20px; background:#fff; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; display:none;}
#header:hover .gnb_depth_wrap{display:block;}
.gnb_depth{max-width:1200px; margin:0 auto; padding:0 10px; display:flex; justify-content:space-between; gap:30px; list-style:none;}
.gnb_depth > li{flex:1; min-width:140px;}
.gnb_depth > li strong{display:block; margin-bottom:8px; font-size:15px; color:#00AD92; font-weight:700;}
.gnb_depth > li ul{list-style:none; margin:0; padding:0;}
.gnb_depth > li ul li{margin-bottom:4px;}
.gnb_depth > li ul li a{display:block; font-size:14px; color:#555; text-decoration:none;}
.gnb_depth > li ul li a:hover{color:#00AD92;}




/* visual */
.main_visual {overflow:hidden; position:relative; padding:0px !important; background:url(../img/main/visual_bg.png) no-repeat right top #00AD92; box-sizing:border-box;}

.main_visual_wrap {max-width:1200px; padding:0px 10px; box-sizing:border-box; margin:0 auto; position:relative;}
.main_visual_wrap .v_img {position:absolute; left:auto; right:0px; top:0px;}
.main_visual_wrap .v_img img {max-width:none}


.video_wrap {position:relative; padding-bottom:56%;}
.video_wrap iframe {width:100% !important; height:100% !important; position:absolute; left:0px; top:0px;}


.main_tit {text-align:center; padding-bottom:30px; font-size:2.1em; line-height:130%; color:#222; font-weight:800;}
.main_tit .small_tit{display:block; font-size:23px; color:#00AD92; line-height:110%; font-weight:600;}


/* section */
.section {padding:70px 0px; font-size:24px; line-height:140%; word-break:keep-all;}
.section .note {font-size:18px;}
white_box{border:1px solid #aab9cf; border-radius:20px; background:#fff; padding:30px;}
.introdcue {padding-right:380px; background:url(../img/main/s1_img01.png) no-repeat right 85%; }
.introdcue .txt_t {font-size:1.25em; line-height:140%; padding-bottom:10px; color:#00AD92; font-weight:600;}
.introdcue .mob{display:none;}
/**.dis_flex {display:flex; flex-wrap:wrap; flex-direction: column;}*/


#section2 {background:#F2F2F2}


.article {display:flex; flex-wrap:wrap; align-items: flex-start; padding:24px 20px; background:url(../img/main/line.png) repeat-x left bottom;}
.article.first-art{border-top:3px solid #00AD92;}
.article.last-art{border-bottom:3px solid #00AD92;}
.article .tit {font-size:1.2em; line-height:120%; font-weight:700; color:#00AD92; padding-right:30px; }
.article .tit.part_titw{margin-top:-10px; margin-right: 20px; padding:10px 15px; color:#fff; background-color:#00AD92;}
.article .tit.part_titw.tit_bg02{background-color:#FBB03B;}
.article .txt_a {flex:1}
.article .txt_a .txt_t {font-size:1.2em; font-weight:600}
.article .txt_a .txt_s {font-size:1.1em; font-weight:600}

.step_box {margin-top:10px; border:2px dashed #00AD92; border-radius:32px; background:#E9F0F9; padding:30px;}
.step_box > ul {display:flex; flex-wrap:wrap;}
.step_box > ul > li {flex:1; padding:10px; border-radius:23px; background:#f8f8f8; border:2px solid #00AD92;}
.step_box > ul > li.arrow { flex:0; flex-basis:60px; box-sizing:border-box; padding-top:17%; align-items:flex-start; border:none; background:none;}
.step_box > ul > li .ico{display:block;}
.step_box > ul > li .num {display:block;  text-align:center; line-height:150%; color:#00AD92; font-size:24px; font-weight:700; margin:10px 0px;}
.step_box > ul > li .txt {display:block; font-weight:500;}

.check_li {display:flex;}
.check_li > li {padding-left:40px; padding-right:20px;  background:url(../img/main/ico_check01.png) no-repeat left 2px; margin-bottom:5px; min-height:29px;}
.check_li > li:last-child {margin-bottom:0px; background:url(../img/main/ico_check02.png) no-repeat left 2px;}
.txt_line {display:inline-block; border-bottom:3px solid #000;}

.white_box {border:1px solid #aab9cf; border-radius:20px; background:#fff; padding:30px;}
.white_box .txt_s {font-size:1.1em; font-weight:600}
.s_tit {font-size:22px; color: #333333; line-height:110%; padding:0px 0px 20px 20px;  position: relative; margin-top:60px; font-weight:700;}
.s_tit > span {display: inline-block; position: relative; z-index: 1}
/**.s_tit:before {display:block; content: ""; z-index: 0; width:7px; height:23px; background: #3084d8; position: absolute; left: 0px; top:2px;}*/

.s_tit .s_tit_mini{width:105px; margin:0px auto 5px auto; display:block; line-height:110%; color:#fff; padding:10px 5px; background-color:#00AD92; font-size:23px;}

.participate_box{padding:35px 0px;  background:url(../img/main/line.png) repeat-x left bottom;}

.map_info .info > ul > li { margin-top:8px;}
.map_info .info > ul > li:first-child {margin-top:0px;}
.map_info .info > ul > li .small {color:#707070; font-size:0.8em; font-weight:400}

.map_info {display:flex; flex-wrap:wrap}
.map_info .btn {margin-left:auto; width:50%; max-width:325px;}
.map_info .btn > ul > li {margin-top:10px;}
.map_info .btn > ul > li > a {display:block; background:#ed6e4e; color:#fff; text-align:center}
.map_info .btn > ul > li:nth-child(2) > a {background:#ed6e4e}
.map_info .btn > ul > li > a > span {display:inline-flex; height:60px; justify-content:center; align-items:center; padding-right:50px; background:url(../img/main/bt_arrow.png) no-repeat right center; font-size:24px; font-weight:400;}
.map_info .btn > ul > li > a {display:block;}
.map_info .btn > ul > li:first-child {margin-top:0px;}


#section4 {background:#f2f2f2}


.company_list {padding:20px 0px;}
.company_list > ul {display:flex; flex-wrap:wrap; margin:-15px -10px;  padding-right:25px;}
.company_list > ul > li {width:25%; box-sizing:border-box; padding:15px 10px;}
.company_list > ul > li > a {display:block; position:relative; height:100%;}
.company_list > ul > li > a .s_txt {display:block; z-index:2; color:#00AD92; line-height:1.3em; padding:5px 0px; }
.company_list > ul > li > a .type {z-index:2; margin-right:5px; color:#fff; font-size:18px; line-height:40px; border-radius:8px; padding:5px 10px;}
.company_list > ul > li > a .type1 {background:#EF7E00}/**상담*/
.company_list > ul > li > a .type2 {background:#E83E3A}/**상담+면접*/
.company_list > ul > li > a .type3 {background:#2E3192;}/**온라인*/
.company_list > ul > li > a .type4 {background:#f0a86f; }
.company_list > ul > li > a .type5 {background:#00AD92;}
.company_list > ul > li > a:hover .box:after {opacity:0.4;}
.company_list > ul > li > a .box {position:relative; height:100%; background:#fff; border-radius:16px; overflow:hidden; box-shadow:7px 9px 9px rgba(0, 0, 0, 0.1); font-size:15px; padding:15px; box-sizing:border-box; border: 1px solid #ccc;}
.company_list > ul > li > a .box:after {display:block; content:""; width:100%; height:100%; background:#000; opacity:0; position:absolute; left:0px; top:0px; transition:all 0.2s 0s ease-in-out;}
.company_list > ul > li > a .box .logos {margin:10px; padding-bottom:40%; position:relative; overflow:hidden}
/**.company_list > ul > li > a .box .logos_wrap:after {display:block; content:""; width:80%; height:1px; background:url(../img/main/line.png) repeat-x left bottom; margin:0 auto;}*/
.company_list > ul > li > a .box .logos img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); max-height:100%;}
.company_list > ul > li > a .box .name {padding-top:20px; text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; color:#707070; font-weight:500;}
.company_list > ul > li > a .box .name .txt_t {display:block; color:#000; font-weight:700; font-size:1.3em; line-height:130%;}
.company_list > ul > li > a .box .option {display:flex; flex-wrap:wrap; justify-content: flex-start; align-items: center; min-height:30px; align-items:flex-start;}
.company_list > ul > li > a .box .option > p {padding:2px 10px 2px 0px; line-height:120%; position:relative;}
.company_list > ul > li > a .box .option > p:after {display:block; content:""; width:1px; height:16px; background:#ccc; position:absolute; left:0px; top:50%; margin-top:-8px;}
.company_list > ul > li > a .box .option > p:first-child:after {display:none;}
.company_list > ul > li > a .box .option .txt1 {color:#315ba9;}
.company_list > ul > li > a .box .option .txt2 {color:#ed6e4e; padding:2px 10px;}
.company_list > ul > li > a .box .box_btn{display:block; background-color:#00AD92; text-align:center; color:#fff; font-size:1.1em; font-weight:600; border-radius:8px; padding:8px 0px;}

.company_list > ul.only_logo {margin:-15px -10px; padding-right: 0px;}
.company_list > ul.only_logo > li {padding:15px 10px}
.company_list > ul.only_logo > li > a .box {padding-top:20px; padding-bottom:20px;}


.bul_txt > li:before {display:block; content:""; width:6px; height:6px; background:#000; border-radius:100%; display:inline-block; vertical-align:middle; margin-right:7px; margin-top:-5px;}
.dotted {padding:20px 0px;}
.dotted > span {display:block; width:5px; height:5px; border-radius:100%; background:#999999; margin:11px auto;}


.main_movie_wrap {position:relative;}
/*
.main_movie_wrap:after {display:block; content:""; width:15%; height:100%;  background:linear-gradient(to left, #fff, 50%, #979797); position:absolute; left:0px; top:0px; opacity:0.4}
.main_movie_wrap:before {display:block; content:""; width:15%; height:100%;  background:linear-gradient(to right, #fff, 50%, #979797); position:absolute; right:0px; top:0px; opacity:0.4}
*/
.main_movie .slick-slide {width:592px; padding:0px 10px;}
.main_movie .pic {display:block; padding-bottom:56.492%; position:relative; overflow:hidden}
.main_movie .pic:after {display:block; content:""; width:70px; height:70px; background:url(../img/main/bt_play.png) no-repeat center center; background-size:cover; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.main_movie .pic img {position:absolute; left:0px; top:0px; width:100%; height:100%; max-width:590px;}
.main_movie .tit {padding:20px 10px; text-align:center; background:#fff; min-height:30px; box-sizing:border-box; border-top:none; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; color:#00AD92; font-size:1.2em; line-height:130%;}
.main_movie li {vertical-align:top; max-width:592px}
/*.main_movie > ul {margin-left:-592px;}
.main_movie .box {opacity:0.2; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s; border:1px solid #707070; display:block; border-radius:20px; overflow:hidden;}
.main_movie .slick-active .box, .main_movie .slick-center .box {opacity:1;}
*/
.main_movie > ul {max-width:1200px; margin:0 auto; display:flex; flex-wrap:wrap;}
.main_movie li {padding:10px; width:33.3333%; box-sizing:border-box; }
.main_movie li:nth-child(odd) .box{border:1px solid #FBB240;}
.main_movie li:nth-child(odd) .tit{color:#FBB240}
.main_movie .box  {-webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s; border:1px solid #00ad91; display:block; border-radius:20px; overflow:hidden;}

.main_movie .slick-prev {
	left:50%;
	margin-left:-340px;
	background:url(../img/main/bt_left.png) no-repeat center center;
}
.main_movie .slick-next {
	right:50%;
	margin-right:-950px;
	background:url(../img/main/bt_right.png) no-repeat center center;
}
.main_movie .slick-arrow:hover {background-color:#315ba9}
.main_movie .slick-arrow {
	position:absolute;
	top:50%;
	width:72px;
	height:72px;
	box-sizing:border-box;
	margin-top:-36px;
	font-size:0;
	background-color:#8e8e8e;
	z-index:1;
	transition:all .3s;
	border:2px solid #fff;
	border-radius:100%;
	cursor:pointer;
	box-shadow:7px 9px 9px rgba(0, 0, 0, 0.1);
}


@media (hover:none) {
	.hover:hover .ico_circle {background:#007dc6;}


}

#section7 {background:#E9F0F9}

.program_list > ul {display:flex; margin:0px -20px; justify-content:start; flex-wrap:wrap; padding-top:60px;}
.program_list > ul > li {box-sizing:border-box; padding:20px; width:50%; text-align:center; align-items:flex-start;}
.program_list > ul > li:nth-child(odd) {margin-top:-60px;}

.banner_area {text-align:center;}

/*
.event_list > ul {display:flex; margin:0px -20px; justify-content:center; flex-wrap:wrap;}
 .event_list > ul > li {box-sizing:border-box; padding:20px; width:50%; text-align:center; align-items:flex-start;} */
.event_list > ul {display:flex; flex-wrap:wrap; margin:0px -20px; justify-content:center; flex-wrap:wrap;}
.event_list > ul > li {width:100%; box-sizing:border-box; padding:20px; width:100%; text-align:center; align-items:flex-start;}
.event_list > ul > li + li{margin-top:40px;}
.event_list > ul > li a{display:block; width:100%;}
.event_list > ul > li a img{display:block; width:100%;}
@media screen and (max-width:1000px) {
	.event_list > ul > li + li{margin-top:0;}
}
@media screen and (max-width:599px) {
	.event_list > ul > li + li{margin-top:5px;}
}


#section9 {background:#f5f5f5}
/**
.notice_list > ul > li {margin-bottom:20px; border:1px solid #ccc; border-radius:20px; background:#fff;}
.notice_list .note_tit {border:none; outline:none; padding:30px 35px; padding-right:70px; display:block; width:100%; box-sizing:border-box; position:relative; text-align:left; font-size:1.2em; background:none; display:flex; flex-wrap:wrap; align-items:center; cursor:pointer}
.notice_list .note_tit.on:after {transform:rotate(180deg);}
.notice_list .note_tit:after {display:block; content:""; width:40px; height:40px; background:url(../img/main/note_arrow.png) no-repeat center center; position:absolute; right:30px; top:30px; transition:all 0.2s 0s ease-in-out; }
.notice_list .note_tit .txt_t {flex:1;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.notice_list .note_tit .type {font-weight:600;}
.notice_list .note_tit .type1 {color:#00ad91; line-height: 39px; padding-left:55px; background:url(../img/main/note.png) no-repeat left center;}
.notice_list .note_tit .line {display:block; width:2px; height:20px; background:#333; margin:0px 20px;}
.notice_list .notice_con {padding:35px; padding-top:0px; color:#707070; display:none;}
.notice_list .notice_con:before {display:block; content:""; width:100%; height:1px; background:url(../img/main/line.png) repeat-x left bottom; margin-bottom:30px;}
*/

.notice_list > ul{border-top: 3px solid #00ad91; border-bottom:3px solid #00ad91;}
.notice_list > ul > li {border:1px solid #ccc; border-bottom:none; background:#fff;}
.notice_list > ul > li:last-child{border-bottom:1px solid #ccc;}
.notice_list .note_tit {border:none; outline:none; padding:30px 35px; padding-right:70px; display:block; width:100%; box-sizing:border-box; position:relative; text-align:left; font-size:1.2em; background:none; display:flex; flex-wrap:wrap; align-items:center; cursor:pointer}
.notice_list .note_tit.note_well{background-color:#F3FAFD;}
.notice_list .note_tit.on:after {transform:rotate(180deg);}
.notice_list .note_tit:after {display:block; content:""; width:40px; height:40px; background:url(../img/main/note_arrow.png) no-repeat center center;  position:absolute; right:30px; top:30px; transition:all 0.2s 0s ease-in-out; }
.notice_list .note_tit .txt_t {flex:1;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.notice_list .note_tit .type {font-weight:600;}
.notice_list .note_tit .type1 {color:#00ad91; border:1px solid #00ad91; padding:5px 10px;}
.notice_list .note_tit .line {display:block; width:2px; height:20px; background:#333; margin:0px 20px;}
.notice_list .notice_con {padding:35px; padding-top:0px; color:#707070; display:none;}
.notice_list .notice_con:before {display:block; content:""; width:100%; height:1px; background:url(../img/main/line.png) repeat-x left bottom; margin-bottom:30px;}

.customer_wrap {/**padding-right:400px; min-height:230px; padding-top:40px; */text-align:center;/**background:url(../img/main/bg_customer.png) no-repeat right top;*/}
.customer_wrap .txt1 {font-size:1.2em; line-height:140%; color:#222; font-weight:600;}

.customer_wrap dl {padding-top:20px;}
.customer_wrap dl dt {font-size:1.2em; margin-bottom:20px; color:#8C8C8C;}
.customer_wrap dl dd {display:flex; flex-wrap:wrap; justify-content: center; /**margin-left:-15px;*/}
.customer_wrap dl dd > p {padding-left:55px; margin-left:15px; font-weight:500; min-height:38px; margin-top:10px;}
.customer_wrap dl dd > p a {color:#242424;}
.customer_wrap dl dd > p .go {display:inline-flex; border:1px solid #000; height:31px; justify-content:center; align-items:center; font-size:16px; padding:0px 13px; vertical-align:top; }
.customer_wrap dl dd > p .go:after {display:block; vertical-align:middle; content:""; width:8px; height:13px; background:url(../img/main/bt_arrow_s.png) no-repeat right center; margin-left:15px;}
.customer_wrap dl dd > p.mail {background:url(../img/main/ico_mail.png) no-repeat left center;}
.customer_wrap dl dd > p.talk {background:url(../img/main/ico_talk.png) no-repeat left center;}



/* footer */
#footerW {clear:both; background:#656565; padding:0px 0px 0px 0px; box-sizing:border-box; margin:0 auto; position:relative;  margin-top:60px;}
#footerW.z_over {z-index:101; position:relative;}
#footerW .go_top {position:absolute; right:20px; top:-140px; z-index:99}

#footer_navi { background:#7f7f7f;}
#footer_navi .footer_navi_in {position:relative; max-width:1200px; margin:0 auto;}
#footer_navi .navi { text-align:center; box-sizing:border-box;padding:20px 0px;}
#footer_navi .navi li {display:inline-block; position:relative; vertical-align:top; padding-left:16px; margin-left:15px;}
#footer_navi .navi li:first-child {padding-left:0px; margin-left:0px;}
#footer_navi .navi li:after {display:block; content:""; width:2px; height:18px; background:#fff; opacity:0.8; position:absolute; left:0px; top:50%; margin-top:-9px;}
#footer_navi .navi li:first-child:after {display:none;}
#footer_navi .navi li a {display:block; font-size:24px; color:#fff; font-weight:500; line-height:120%; }
#footer_navi .sns {position:absolute; right:0px; top:10px; display:flex; flex-wrap:wrap; width:100%; max-width:115px;justify-content:space-between;}
#footer_navi .sns > li {}

#footer { position:relative;}

#footer .addressW {max-width:1200px; margin:0 auto; padding:45px 0px 35px 320px; box-sizing:border-box; position:relative; font-size:20px; color:#bfbfbf; line-height:120%; font-weight:400; /*background:url(../img/main/f_logo.gif) no-repeat left 40px;*/}
#footer .addressW .fb {color:#fff;}
#footer .addressW .copy {padding-top:30px;}
#footer .addressW a {color:#bfbfbf}
#footer .addressW address {margin-left:-10px; line-height:150%;}
#footer .addressW address span {display:inline-block; vertical-align:middle; padding:2px 12px;}
#footer .addressW address .line {width:1px; height:20px; background:#bfbfbf; padding:0px;}

#footer .addressW .ad_logo{position:absolute; left:0px; top:45px;}
#footer .addressW .ad_logo li{margin-bottom:10px;}
#footer .addressW .ad_logo li:last-child{margin-bottom:10px;}
#footer .addressW .ad_logo li > a{display:block;}

#footer .bt_member {position:absolute; right:0px; top:30px;}
#footer .bt_member > a {display:block; border:2px solid #fff; border-radius:60px; width:170px; text-align:center; font-size:20px; font-weight:100; line-height:55px; text-indent:-15px;  color:#fff; background:url(../img/common/ico_pop.png) no-repeat 85% center; }


#footerW .familySite {position:absolute; right:0px; top:50px; z-index:9;  font-size:20px;}
#footerW .familySite ul.show {display:block;}
#footerW .familySite ul {position:absolute; right:0px; bottom:100%; display:none; background:#363636; width:100%; border-top:1px solid #6c6f78;}
#footerW .familySite ul li {min-height:43px; border:1px solid #6c6f78; border-top:none; line-height:43px;}
#footerW .familySite ul li:last-child {border-bottom:1px solid #6c6f78; }
#footerW .familySite ul li a {display:block; color:#c0c2c5; text-align: left; padding-left:17px; font-weight:300; font-size:0.9em;}
#footerW .familySite ul li a:hover {color:#c0c2c5; background:#272727}
#footerW .familySite p.on {width:150px; text-align:left; border:1px solid #fff; color:#fff; cursor:pointer; line-height:36px; background:url(../img/common/familySite_bg.png) no-repeat right center; padding:5px 32px 5px 17px; font-weight:500;}


#content {width:100%; max-width:1200px; margin:0 auto; padding:30px 0px;}
#content:after {clear:both; content:""; display:block;}




#add_date {position:relative; padding-right:115px; }
#add_date .bt {position:absolute; right:0px; top:0px;}

.tooltip {color:#ff751a; border:1px solid #ff751a; border-radius:6px; text-align:center; line-height:38px; width:38px; height:40px; box-sizing:border-box; font-size:1.5em; vertical-align:middle;}
.br_box {border:1px solid #dce1eb; padding:20px 20px 20px 20px;}
.t_box {background:#757a85; color:#fff; padding:5px 5%; display:inline-block;}
td .br_box {padding:5px;}
td .gray_box {padding:5px;}


.radio_group_row > li {padding-top:8px;}
.radio_group_row > li:first-child {padding-top:0px;}
.radio_group_row > li.disabled {opacity:0.4;}

.radio_group {padding:7px 0px 0px 0px; margin:-7px 0px 0px -15px;}
.radio_group > li {display:inline-block; padding:7px 0px 0px 15px;}
.radio_group > li.etc_li {width:100%; max-width:560px;}
.radio_group > li.etc_li .input {width:calc(100% - 70px) !important; width:-webkit-calc(100% - 70px) !important;}

.radio_group .input {width:auto !important;}

.input_group {padding:5px 0px 0px 0px; margin:-5px 0px 0px -15px;}
.input_group > li {display:inline-block; padding:5px 0px 0px 15px;}
.input_group .input {width:auto !important;}


.input_etc {position:relative; padding-left:62px; box-sizing:border-box;}
.input_etc .pa {position:absolute; left:0px; top:0px; font-size:14px; line-height:40px;}

.btn-tc {text-align:center; padding:30px 0px; border-top:8px solid #333333; margin-top:30px;}
.btn-tc > a {margin:0px 10px;}
.btn-tl {text-align:left; padding:30px 0px; border-top:2px solid #333333; margin-top:30px;}
.btn-tr {text-align:right; padding:30px 0px; border-top:2px solid #333333; margin-top:30px;}

.bt_close {width:18px; height:18px; display:inline-block; vertical-align:middle; background:url(../img/common/close_bt.gif) no-repeat center center; background-size:cover; text-indent:-9999px; background-size:10px auto;}

/*atab*/
.atab { margin-bottom:40px; padding-top:10px;}
.atab:after {clear:both; display:block; content:"";}
.atab li {float:left; width:20%; box-sizing:border-box; position:relative; display:table; }
.atab li a {display:table-cell; width:100%; height:65px; vertical-align:middle; background:#fff; line-height:20px; padding:0px 0px; text-align:center; color:#999999; box-sizing:border-box; border:1px solid #dfdfdf; font-size:1.1em; font-weight:400;}


.atab li.on a {background:#00ad91; color:#fff; border:1px solid #00ad91 !important; }
/*.atab li.on a:after {display:block; content:""; width:20px; height:20px; background:#fff; position:absolute; left:50%; bottom:-22px; transform:rotate(45deg) translateX(-50%);}*/
.atab.two li {width:50%;}
.atab.three li {width:33.33%;}
.atab.four li {width:25%;}
.atab.two_row > li {margin:-1px 0px 0px -1px}
.atab.two_row > li.on {margin-top:-1px;}
.atab.two_row > li.on a {height:50px;}
.atab.two_row > li > a {border-left:1px solid #cccccc;}



.btab { margin-bottom:40px; padding-top:10px; font-size:0px; text-align:center}
.btab:after {clear:both; display:block; content:"";}
.btab li {display:inline-block; padding:2px 2px; box-sizing:border-box; position:relative;}
.btab li a {display:block; min-width:115px; padding:10px 0px; text-align:center; color:#666666; box-sizing:border-box; border:1px solid #00357e; border-radius:30px; font-size:16px; }
.btab li a .ico {display:block; margin:0 auto; width:120px; height:120px; overflow:hidden; margin-bottom:10px;}
.btab li.on a {color:#fff; background:#00357e; border-color:#00357e;}
.btab li.on a .ico img {margin-top:-100%;}
.btab.two li {width:50%;}
.btab.line li {padding:2px;}
.btab.line li a {border:1px solid #ccc; padding:0px 5px; font-size:15px;}
.btab.line li.on a {border:1px solid #ed2129;}




.of_hi .fl50 {float:left; width:49%;}
.of_hi .fr50 {float:right; width:49%;}
.graybox { background:#cccccc; padding:10px;}
.no_flash { display:none;}

/* 레이어팝 */
#black {display:none; background-color:#000; display:none; height:100%; left:0; opacity:0.6; filter:alpha(opacity=60); position:fixed; top:0; width:100%; z-index:9999;}
.layerPop {-webkit-overflow-scrolling:touch; overflow-y:auto; width:100%; position:fixed; left:0; right:0; top:0; bottom:0; z-index:99999;  zoom:1;}
.layerPop:Before {display: block; content: ""; width: 100%; height: 100%;position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; background: #000; opacity: 0.7;}

.layerPop_inner {width: auto; height: 100%; padding: 15px; display: table; position: relative; margin: 0 auto; box-sizing: border-box;}
.pop_wrap {display: table-cell; vertical-align: middle; position: relative;}
.pop_wrap .pop_body {padding:15px 20px; font-size: 15px; background: #fff; word-break: keep-all;}
.pop_wrap .pop_body .btns {padding-top: 20px;}
.pop_wrap .popup_scroll {max-height:700px; overflow-y:auto;}
.pop_wrap .pop_wrap_in {width:100%; margin: 0 auto; position:relative;}
.pop_wrap .x_btn {position: absolute; right:25px; top:50%; margin-top: -13px; display: inline-block; width:26px; height: 26px; cursor: pointer; background: none}
.pop_wrap .pop_head {background: #0c91dd; position: relative;}
.pop_wrap .pop_head .title {font-size:30px; line-height:150%;  color: #fff; padding:15px 50px 20px 25px; text-align: left; font-weight:500;}
.pop_wrap .pop_head .title.tc {padding-left:50px;}
.pop_wrap .pop_head .s_txt {font-size:14px; line-height:14px;  color: #646464; text-align: center; padding: 0px 0px 30px 0px;}
.pop_wrap .x_btn1 {position: absolute; right:0px; top:28px; cursor: pointer}
.pop_wrap .x_btn2 {position: absolute; right:0px; bottom:0px; }
.pop_wrap .x_btn3 {position: absolute; right:0px; bottom:-42px; }
.pop_body .btn-tc {padding:30px 0px 0px 0px; margin-top:25px;}
.pop_body .btn-tc > a {margin: 0px 10px;}
.pol_sc {width: 100%; height: 310px; overflow-x: hidden; overflow-y: auto;}


.pop_body .btn-tc {padding:30px 0px 0px 0px; margin-top:25px;}
.pop_body .btn-tc > a {margin:0px 10px;}
.pol_sc {width:100%; height:310px; overflow-x:hidden; overflow-y:auto;}



/* 팝업 */

.layers_wrap {background:#FFF; position:relative; min-width:300px;  font-weight:300;}
.layers_wrap .layers_tit {width:100%; padding:15px 0px; line-height:150%; background:#333;  text-align:center; font-size:1.8em; color:#fff; position:relative;}
.layers_wrap .layers_tit .logo {padding-left:25px; padding-top:20px;}
.layers_wrap  .close_pop { position:absolute; right:25px; top:17px;}
.layers_wrap .layers {padding:20px; font-size:14px; position:relative; /*min-height:100px; max-height:760px; overflow-x:hidden; overflow-y:auto; -webkit-print-color-adjust:exact;*/}

.layers_wrap .close {height:30px; border-top:none; text-align:right; background:#e2e2e2; line-height:30px;}
.layers_wrap .close a { display:inline-block; zoom:1; *display:inline; font-family:Noto Sans; color:#2d2d2d; padding-right:20px; background:url(http://pic.neungyule.com/newnetimes/img/btn/pop_close_s.gif) no-repeat right center; margin-right:10px;}
.layers_wrap .pop_tit {padding-left:5px; border-bottom:1px solid #afafaf; min-height:41px; padding-bottom:3px; font-family:Noto Sans; color:#444444; font-size:22px; line-height:41px;}
.layers_wrap .pop_tit.ico_check2 { font-size:13px; min-height:20px; padding:10px 10px 10px 50px; background:url(../img/common/ico_check2.gif) no-repeat 10px 10px #f9f9f9; line-height:150%; border-bottom:none;}
.layers_wrap .pop_tit_no {min-height:38px; font-family:Noto Sans; color:#444444; font-size:22px; line-height:38px;}



.main_layer_pop {position: absolute; left:5%;  top:100px; z-index: 99}
.main_pop_bottom {background: #fff; font-weight: 300; color: #000; padding:10px; position: relative; font-size: 14px; box-sizing:border-box; border:1px solid #ccc; margin-top:0px;}
.main_pop_bottom .close {position: absolute; right: 10px; top: 10px; padding-right: 30px; background: url(../img/common/close.png) no-repeat right center; background-size:20px auto; }
.main_layer_pop_inner {width: 100%; height: 100%; display: table; position: relative; margin: 0 auto; box-sizing: border-box;}
.main_layer_pop_inner .cell {display: table-cell; vertical-align: middle; position: relative; padding:0px 10px;}
.main_layer_pop .bx-wrapper .bx-controls-direction a {margin-top: -22px; width:44px; height:44px;}
.main_layer_pop .bx-wrapper .bx-prev {left:0px; background: url(../img/main/pop_l.png) no-repeat 0 0;}
.main_layer_pop .bx-wrapper .bx-next {right:0px; background: url(../img/main/pop_r.png) no-repeat 0 0;}
.main_layer_pop .pop_wrap_in {margin: 0 auto;}
.main_layer_pop .pop_wrap_in{overflow-y:auto;}



.product_top {display:flex; padding:15px; background:#f3f4f8; align-items:center; }
.product_top .logo {min-width:300px; box-sizing:border-box; width:300px; height:112px; border:1px solid #ccc; display:flex; justify-content:center; align-items:center; padding:10px; background:#fff; margin-right:3%}
.product_top .logo img {max-width:90%;}
.product_top .name {flex:1; word-break: break-all; font-size:2.1em; line-height:1.3em; font-weight:800; color:#333;}
.product_top .favorites {margin-left:10px; min-width:60px; font-size:0.95em; text-align:center; font-weight:600;}
.product_top .favorites .ico {display:flex; width:50px; height:50px; margin:0 auto; margin-bottom:10px; border-radius:100%; background:#fff; justify-content:center; align-items:center;}
.product_top .favorites.off .ico img {-webkit-filter: brightness(1) invert(0.5); filter: brightness(1) invert(0.5); opacity:0.5;}

.company_info {margin:30px 0px;}
.company_info > ul {display:flex; flex-wrap:wrap; margin:-5px;}
.company_info > ul > li {width:20%; box-sizing:border-box; padding:5px;}
.company_info > ul > li > dl {word-break: break-all;  height:100%; border:1px solid #e5e5e5; border-radius:10px; padding:20px 10px; box-sizing:border-box; text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:flex-start;}
.company_info > ul > li > dl > dt .ico {display:block; padding-bottom:10px;}
.company_info > ul > li > dl > dt {color:#999999}
.company_info > ul > li > dl > dd {color:#000000; font-size:1.05em; font-weight:700; line-height:1.3em;}

.company_view .s_tit {border-bottom:1px solid #e5e5e5; margin-bottom:10px;}
.company_view .txt_in {padding-left:20px}

.product_area .img_slide {margin:20px -10px 0px -10px; position:relative;}
.product_area .img_slide .box {padding-bottom:calc(420 / 690 * 100%); position:relative; overflow:hidden}
.product_area .img_slide .box img {position:absolute; left:0px; top:0px; width:100%; height:100%;}
.product_area .img_slide .slick-slide {padding:0px 10px;}
.product_area .img_slide .slick-arrow {position:absolute; top:50%; transform:translateY(-50%); z-index:9; width:76px; height:76px; display:flex; align-items:center; justify-content:center; border-radius:100%; background:rgba(0, 0, 0, 40%); font-size:0px;}
.product_area .img_slide .slick-next {right:20px;}
.product_area .img_slide .slick-prev {left:20px;}
.product_area .img_slide .slick-prev:before {display:block; content:""; width:22px; height:22px; box-sizing:border-box; border:5px solid #fff; border-right:none; border-bottom:none; transform:rotate(-45deg); border-radius:3px; }
.product_area .img_slide .slick-next:after {display:block; content:""; width:22px; height:22px; box-sizing:border-box; border:5px solid #fff; border-right:none; border-bottom:none; transform:rotate(-225deg);  border-radius:3px;}



.title_bar {max-width: 1400px; margin:0px auto 50px auto; padding-top:50px; position: relative;}
.title_bar h2 {font-size:50px; text-align: center; font-weight:800; color:#333333; line-height:140%; transition: all 0.2s 0s ease-in-out;}

.title_bar .s_txt {font-size:20px; text-align: center; color:#333333; padding-top: 10px; line-height: 140%; font-weight:300; word-break: keep-all}

.title_bar:before {display: none;}


.sub_con { max-width: 1400px; margin: 0 auto; font-size:17px; font-weight: 300; line-height: 160%; word-break: keep-all;}
.sub_con > .s_tit:first-child {margin-top: 0px;}
.sub_con img {max-width: 100%;}


/* member */
.login_type {overflow: hidden;}
.login_type .login_wrap  {float: left; width:50%; box-sizing: border-box; border: 1px solid #cccccc; border-left:none; padding: 30px ;  text-align: center; margin-top: 10px;}
.login_type .login_wrap:first-child {border-left: 1px solid #cccccc;}



.login_wrap {margin:0 auto; background: #fff; padding:0px 0px; box-sizing: border-box;}
.login_wrap .login_bt .btn {background-color: #00ad91; border: 1px solid #00ad91; color: #fff; padding: 12px; line-height:40px; display: block; font-size: 22px; text-align: center;font-weight:300; width: 100%; cursor: pointer; border-radius:60px; box-sizing: border-box; -moz-box-size: border-box;}
.login_wrap .id_save {font-size:15px; color:#000; margin:0px 0px 20px 0px; float: left;}
.signup {padding:20px 0px 15px 0px;}
.signup_or {position:relative; margin-bottom:5px; text-align:center; background:url(../img/common/line.gif) repeat-x left center;}
.signup_or_text {background-color:#fff; display:inline-block; padding:8px; font-size:14px; font-weight: 500; color:#82888a;}
.signup li { margin-bottom:5px;}
.signup li input {width:100%; height:60px; padding:8px 10px; display:block; border:1px solid #cccccc; border-radius:0px; background-color:#fff; color:#565a5c; box-sizing:border-box; -moz-box-size:border-box; border-radius:60px; text-indent: 20px; }
.join_go {padding: 18px 0px 0px 0px; text-align: center;}
.join_go > a {background-color: #31323b; color: #fff; padding: 12px; line-height: 40px; display: block; font-size:22px; text-align: center; font-weight:300; width: 100%; border: 1px solid #31323b; cursor: pointer; box-sizing: border-box; -moz-box-size: border-box; border-radius:60px; }

.find_idpw {text-align: right; padding:0px 0px 20px 0px;}
.find_idpw > li {display: inline-block; vertical-align: top; line-height: 20px; padding-left:10px; margin-left: 10px; background: url(../img/common/top_line2.gif) no-repeat left center;}
.find_idpw > li:first-child {background: none; padding: 0px; margin: 0px;}
.find_idpw > li a {color:#666666; font-weight:400;}
.find_ok {text-align: center; padding:170px 0px 20px 0px; font-size:18px; line-height: 150%; background: url(../img/member/ico_mail.gif) no-repeat center top; }


.join_txt {padding:10px 0px 10px 40px; min-height:20px; margin-top:10px; background:url(../img/common/ico_idpw.gif) no-repeat left 5px; display:inline-block;}



.member_wrap {max-width:590px; margin:0 auto;}
.check_boxW {background:#fff; border:1px solid #dadada; padding:15px 5px;}
.add_bt {position: absolute; right: 0px; top: 0px;}

.join_type {overflow: hidden;}
.join_type.one > dl {float: none; width: 100%; max-width: 500px; margin: 0 auto; padding-top: 50px; padding-bottom: 50px;}
.join_type.two > dl {width: 50%;}
.join_type > dl {float: left; width:25%; box-sizing: border-box; border: 1px solid #cccccc; border-left:none; padding: 30px 10px 30px 10px;  text-align: center; margin-top: 10px;}
.join_type > dl:first-child {border-left: 1px solid #cccccc;}
.join_type > dl > dt {font-size:22px; line-height: 140%; padding-bottom: 5px;}
.join_type > dl > dt .ico {display: block; text-align: center; padding: 0px 10px 10px 10px;}
.join_type > dl > dt strong {display: block; min-height:55px; font-weight: 700; line-height: 140%;}
.join_type > dl > dt .f_s {display: block; font-size:0.8em;  line-height: 130%;}
.join_type > dl > dd {font-size:15px; line-height: 140%; font-weight: 300; min-height: 100px;}
.join_type > dl > dd.txt {padding: 10px 0px 30px 0px;}
.join_type > dl > dd.input_a input {max-width:300px; height: 40px; margin:0 auto; }
.join_type > dl > dd.bt {padding-top:10px; min-height: auto;}
.join_type > dl > dd.bt a {display: inline-block; font-size:15px; font-weight: 300; line-height: 20px; padding: 10px 0px; text-align: center; background:#0c91dd; color: #fff; min-width: 120px;}
.join_type > dl > dd.bt.two a {min-width: 110px;}

.join_box{overflow:hidden;}
.join_box.pa_rl{padding:0px 17%;}
.agency_join {float:left; width:33.33333%; margin:0 auto;	text-align:center; box-sizing:border-box; padding:30px 40px;}
.agency_join.two{width:50%;}
.agency_join.btnsbg01{background-color:#071c5f;}
.agency_join.btnsbg02{background-color:#f2773d;}
.agency_join.btnsbg03{background-color:#386fd3;}
.agency_join > h3{font-weight: 600; font-size: 2.1em; color: #fff; padding: 20px 0px 60px 0px; line-height: 120%;}
.join_btn{display: block; width: 100%; height: 60px; background-color: #fff; border: 0px; margin: 60px 0px 20px 0px;}
.join_btn > span{line-height:60px; height:60px; font-weight: 600; font-size: 1.1em; color: #333; }
.etc_btns{text-align:right; font-size:0px;}
.etc_btns > li{display: inline-block; vertical-align: top; font-size: 15px; line-height: 20px; padding-left: 5px; margin-left: 5px;}
.etc_btns > li > a{text-align: right; font-weight: 300; font-size: 0.85em; color: #fff; }

.sign_box {clear:both; width:100%; text-align:right; margin-top:30px; font-size:16px; line-height:35px;}
.sign_box .sign {box-sizing:border-box; position:relative;}

.interest{box-sizing: border-box; text-align: center; display: block; background: #386fd3; padding: 3px;}

.join_step > ol {overflow: hidden; max-width:440px; margin: 0 auto; }
.join_step > ol > li {float: left; text-align: center; width: 33.333%; box-sizing: border-box; padding: 0px 20px; position: relative;}
.join_step > ol > li:first-child:before {display: none;}
.join_step > ol > li:before {display: block; content: ""; width:28px; height:30px; background: url(../img/member/step.gif) no-repeat left top; position: absolute ; left:-10px; top:25px;}
.join_step > ol > li .ico {display:inline-block; position: relative; overflow: hidden;}
.join_step > ol > li .ico .on {position: absolute; left: 0px; top: 0px; opacity: 0;}
.join_step > ol > li .txt {display: block; font-size:1.05em; color: #999999; font-weight: 400; line-height: 140%; margin-top: 8px;}
.join_step > ol > li.on .txt {color: #000;}
.join_step > ol > li.on .ico img {opacity: 0;}
.join_step > ol > li.on .ico img.on {opacity:1;}


.complete_box {padding: 30px 10px; background: #f2f5ff; margin: 0 auto; max-width: 850px; text-align: center;}
.complete_box .txt1 {font-size:2em; line-height: 140%; font-weight: 100; padding-bottom: 20px;}
.complete_box .txt2 {font-size:1.3em; line-height: 140%; font-weight: 100;}

/* ------------------------------------------------------------
 * Name      :mobile_layout.css
 * Desc      :page layout
 * Created   :
 * Updated   :
 ------------------------------------------------------------ */
.mobile_on .m_gnb .gnb > ul {overflow-y:auto; overflow-x:hidden;}
.m_gnb {position:absolute; left:0px; top:81px; width:100%;}
.m_gnb .gnb > ul {width:100%; background:rgba(18,18,18, .97); position:relative; overflow-x:hidden;}
.m_gnb .gnb > ul:after {content:""; display:block; clear:both;}
.m_gnb .gnb > ul > li > a {display:block; font-size:14px; color:#ffffff; padding:15px 0px; text-align:center; border-bottom:1px solid rgba(255,255,255, .065)}
/*.m_gnb .gnb > ul > li:hover > a {background:#000;}*/

.m_gnb .sub_menu  {width:100%; line-height:20px; background:#4a4a4a; display:none;}
.m_gnb .sub_menu > li > a {display:block; color:#fff; font-size:12px; padding:5px 0px; text-align:center; border-bottom:1px solid rgba(255,255,255, .065)}
.m_gnb .sub_menu > li > a:hover { background:#009091;}
.m_gnb .gnb .alarm { background-size:20px;}
.m_gnb .gnb .name {max-width:200px;}
.mobile_on input, .mobile_on select, .mobile_on textarea {-webkit-appearance:none;}
.mobile_on select {height:31px; padding:0px 2em 0px 8px!important;}
.mobile_on .sel_arrow {position:relative;}

.down_file {display:inline-block; vertical-align:middle; color:#0c91dd; margin-left:10px;}
.down_file > span {display:block; padding-left:23px; background:url(../img/common/ico_file.png)no-repeat left center;}
.down_file:first-child {margin-left:0px;}

/* 980px 이상 */
@media screen and (min-width:1220px) {



}
/* 1024 이상 */
@media screen and (min-width:1024px) {


}
/* 1280px 이상 */
@media screen and (min-width:1199px) {
	.m_gnb {display:none !important;}

}




/* 1220px 이하 */
@media screen and (max-width:1219px) {
	#header h1{left:10px;}
	#header h1 a > img{height:50px;}
	/**.gnb > ul {justify-content:flex-start}*/
	.main_movie .slick-slide {width:100%; box-sizing:border-box; max-width:600px; padding:0px 10px;}

	.main_movie > ul {margin-left:0px;}

	.main_movie .slick-next {margin-right: -340px;}

	#footer .addressW {padding:240px 0px 30px 0px; background-position:center 20px; text-align: center;}
	#footerW .copy > p {text-align: center;}
	#footer .jum_menu {position: relative; right: auto; bottom: auto; margin: 0 auto;}

	#footer .addressW .ad_logo{position:absolute; left:50%; transform:translateX(-50%); top:30px; margin-bottom:0px;}
	#footer .addressW .ad_logo li{margin-bottom:5px;}
	#footer .addressW .ad_logo li:last-child{margin-bottom:0px;}
	/**#footer .addressW .ad_logo li > a > img{width:80%;}*/


}
/* 980px 이하 */
@media screen and (max-width:979px) {
	#wrap {padding-top: 90px;}
	#header h1{top:5px; transform: inherit; -wbkit-transform: inherit;}
	.in_header {height: 110px;}
	.in_header .top_menu {top:5px; right:15px; transform: none}
	.in_header .top_menu > ul > li > a {font-size: 14px; line-height: 25px; min-width: 76px;}

	.gnb > ul {padding-right: 0px; justify-content: space-between; padding-top:45px;}
	.gnb > ul > li > a {font-size: 20px;}

	.section {font-size: 19px;}
	.section .inner {padding-left: 10px; padding-right: 10px;}

	.company_list > ul > li {width: 25%}

	#footer_navi .navi {text-align: left; padding-left: 10px;}
	#footer_navi .navi li a {font-size: 18px;}
	#footer .addressW {font-size: 16px;}
	#footerW .familySite {position: relative; right: auto; top: auto; max-width: 200px; margin: 0 auto; margin-top: 10px; font-size: 16px;}

	#footerW .familySite p.on {width: 100%; box-sizing: border-box;}
	#footer_navi .sns {top: 7px;}

	.product_top {flex-wrap:wrap; justify-content: center;}
	.product_top .logo {width:100%; max-width:300px; margin:0px auto;}
	.product_top .name {flex:none; width:100%; text-align:center; margin:15px; 0px;}
	.product_top .favorites {margin-left:0px;}

}

/* 768 이하 */
@media screen and (max-width:767px) {

	.web_dis {display:none;}
	.mb_dis {display:block;}
	.main_visual_wrap .v_txt {max-width:60%;}
	.main_visual_wrap .v_img {left: 55%;}
	.main_visual_wrap .v_img img {max-width:200%;}

	.section {font-size: 17px;}


	/*
        .main_visual_wrap {text-align: center;}
        .main_visual_wrap .v_img {position: relative; right: auto; top: auto; left: auto;}
        .main_visual_wrap .v_img img {max-width:100%}


    */
	.introdcue {padding-right: 0px;}
	.introdcue {/**background-position:center bottom; padding-bottom:300px;*/ background-image:none;}
	.introdcue .mob{display:block; text-align:center; margin-top:20px;}

	.main_movie .slick-slide {max-width:400px}
	.main_movie .slick-prev {margin-left: 0px; left: 0px;}
	.main_movie .slick-next {margin-right: 0px; right: 0px;}

	.article {display: block;}
	.article .tit {padding: 0px 0px 10px 0px}

	.map_info {display: block;}
	.map_info .btn {margin: 10px 0px 0px 0px; width: 100%; max-width: 100%;}
	.map_info .btn > ul {overflow: hidden; margin: 0px -5px;}
	.map_info .btn > ul > li {width: 50%; float: left; margin: 0px; box-sizing: border-box; padding: 5px;}
	.map_info .btn > ul > li > a > span {font-size: 20px;}
	.company_list > ul > li > a .type {font-size: 15px; line-height: 30px;}
	.company_list > ul {padding-right: 10px;}
	.company_list > ul > li {width: 33.333%}

	.notice_list .note_tit .type1 {background-size:auto 24px; /**padding-left: 30px;*/ line-height: 30px; }
	.notice_list .note_tit:after {top: 25px;}

	.customer_wrap {padding-right: 0px; padding-bottom:300px; min-height: auto; background-position:center bottom;}



	.section .note {font-size:15px; line-height: 130%;}


	.main_layer_pop {-webkit-overflow-scrolling:touch; overflow-y:auto; max-width:100% !important; width:100% !important; position:fixed; left:0 !important; right:0 !important; top:0 !important; bottom:0 !important; }
	.main_layer_pop:Before {display: block; content: ""; width: 100%; height: 100%;position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; background: #000; opacity: 0.7;}

	.title_bar {margin-bottom:35px; padding:25px 0px 20px 0px;}
	.title_bar h2 {font-size:36px;}

	.title_bar .s_txt {font-size:17px;}

	.sub_con {font-size:15px;}

	.step_box > ul{flex-wrap: nowrap; flex-direction: column;}
	.step_box > ul > li .ico{width:50%; margin:0 auto;}
	.step_box > ul > li .num{font-size:0.95em;}
	.step_box > ul > li.arrow{flex-basis: 0px; padding-top: 3.5%; transform: rotate( 90deg );}

	.article .tit.part_titw{display:inline-block; margin-top:0px; margin-right:0px; margin-bottom:10px;}
	.s_tit {font-size:22px; margin-top: 40px;}

	.company_info > ul > li {width:33.33333%}

}
/* 600 이하 */
@media screen and (max-width:599px) {
	.in_header {height: 90px;}
	#header h1 a img{height: 40px;}

	.gnb > ul > li > a {font-size: 16px;}

	.section {font-size: 15px; padding:40px 0px; }
	.main_tit {padding-bottom: 10px;}
	.main_tit .small_tit{font-size:0.5em;}

	.check_li > li, .check_li > li:last-child {background-size:20px auto; background-position:left 3px; padding-left: 24px; min-height: 20px;  }
	.txt_line {border-width:2px; }

	.section .note {font-size: 12px; line-height: 130%;}

	.map_info .btn > ul > li > a > span {font-size: 15px; height: 50px; padding-right: 30px; background-size:20px auto !important }

	.company_list > ul > li {width: 50%}
	.main_movie .slick-arrow {width: 52px; height: 52px;}

	.main_movie .pic:after {width: 60px; height: 60px; background-size: cover}

	.program_list > ul {padding:0px;}
	.program_list > ul {margin: -5px;}
	.program_list > ul > li {padding: 5px;}

	.event_list > ul {margin: -5px;}
	.event_list > ul > li {padding: 5px;}

	.notice_list .note_tit {padding: 20px 25px; padding-right: 50px;}
	.notice_list .note_tit:after {width: 20px; height: 20px; right: 20px; top: 20px; background-size: cover}
	.notice_list .notice_con {padding: 20px; padding-top:0px;}
	.notice_list .note_tit .type1 {line-height: 130%; background-size: auto 18px;}

	.notice_list .note_tit .line {width: 1px; height: 16px; margin: 0px 15px;	}
	.notice_list .notice_con:before {margin-bottom: 20px;}

	.step_box > ul > li .txt br {display: none;}

	#footer_navi .navi {padding: 14px 0px 14px 10px;}
	#footer_navi .sns {max-width: 110px; right: 10px;}
	#footer_navi .sns > li img {width: 30px;}
	#footer_navi .navi li a {font-size: 14px;}

	#footer .addressW {font-size: 14px; background-size: auto 70px; padding-top:230px; }
	#footerW .familySite {font-size: 14px; margin-top: 20px;}
	#footer .addressW address .line {height: 13px;}

	#footerW .go_top {top: -80px;}
	#footerW .go_top img {width:50px;}

	.pop_wrap .pop_head .title {font-size:18px; color:#fff; padding:17px 55px 18px 15px !important;}
	.pop_wrap .pop_body {padding:10px;}

	.s_tit .s_tit_mini{width:90px; font-size:0.8em;}






}



/* 480px 이하 */
@media screen and (max-width:479px) {
	.btn-tc {border-width:2px;}
	.program_list > ul > li {width: 100%; margin-top: 0px !important}

	.event_list > ul > li {width: 100%;}
	.gnb > ul > li {padding:0px;}
	.gnb > ul {justify-content: space-around;}

	.title_bar {padding:15px 0px 20px 0px; margin-bottom:10px; background-size:auto 60px; }
	.title_bar h2 {font-size:1.9em; }
	.title_bar .s_txt {font-size:14px;}
	.title_bar .s_txt br {display: none;}
	.title_bar .s_txt2 {font-size: 1.25em; padding-top: 0px; margin-bottom:15px;}

	.sub_con > .s_tit:first-child {margin-top: 0px}
	.sub_con {font-size:13px; }

	.s_tit {padding: 0px 0px 10px 15px; font-size:20px; background-position:left 5px; background-size:20px auto; margin-top: 35px; }
	.s_tit img {height: 20px; margin-top: 2px;}
	/**.s_tit:before {width:5px; height: 20px;}*/

	.ss_tit {font-size: 18px; margin-top:25px; margin-bottom:10px;}
	.ss_tit:before {width: 6px; height: 19px; top: 4px;}

	.main_movie li {width:50%;}
	.main_movie .tit {padding:10px 5px;}
	.main_movie .pic:after {width:50px; height:50px;}

	.product_area .img_slide .slick-arrow {width:36px; height:26px;}
	.product_area .img_slide .slick-next:after {width: 13px;	height: 13px;	border: 3px solid #fff;	}
	.product_area .img_slide .slick-prev:before {width: 13px;	height: 13px;	border: 3px solid #fff;	}
}

/* 320px 이하 */
@media screen and (max-width:320px) {

	.title_bar .s_txt {padding-left: 10px;}


}













/*---------------------------------------------------------------------------------------------*/



/*250318 ~ 변지선*/
.m_640_br{display:none;}
@media screen and (max-width: 640px) {
    .m_640_br{display:block;}
}

/*common*/
#header h1 a{width:auto; max-width:240px;}
.gnb > ul{padding-left:220px; padding-right:520px;}
.in_header .top_menu > ul > li > a{font-size:17px; color:#3d3d3d; border-radius:40px; border:1px solid #ccc;}
.in_header .top_menu > ul > li:nth-child(2) > a{background-color:#00AD92; border-color:#00AD92;}
.login_wrap .login_bt .btn{font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;}
@media screen and (min-width: 1501px) {
    .in_header .top_menu > ul > li > a{min-width:120px;}
}
@media screen and (max-width: 1720px) {
    #header h1{left:20px;}
    .in_header .top_menu{right:20px;}
}
@media screen and (max-width: 1600px) {
    .gnb > ul{padding-left:200px; padding-right:480px;}
    .gnb > ul > li{padding:0 2%;}
    .gnb > ul > li > a{font-size:20px;}
    .section .inner{padding-left:20px; padding-right:20px;}
}
@media screen and (max-width: 1500px) and (min-width: 980px){
    .in_header .top_menu > ul > li > a{min-width:100px; font-size:17px;}
}
@media screen and (max-width: 1100px) {
    #wrap{padding-top:110px;}
    .gnb > ul{padding-top:55px; padding-left:160px; padding-right:380px; justify-content: space-between;}
    .gnb > ul > li > a{font-size:17px;}
    .in_header .top_menu{top:14px;}
    #header h1{top:8px;}
    #header h1 a{width:auto; max-width:140px;}
    #header h1 a > img{height:45px;}
    .in_header .top_menu > ul > li > a{min-width:100px; font-size:15px; line-height:30px;}
}
@media screen and (max-width: 640px) {
    #header h1{left:10px;}
    .in_header .top_menu{right:10px;}
    .gnb > ul > li > a{font-size:15px; font-weight:600;}
    #header h1 a{width:124px;}
    #header h1 a > img{height:40px;}
    .in_header .top_menu > ul > li > a{min-width:80px; font-size:14px; line-height:28px;}
}
@media screen and (max-width: 599px) {
    #wrap{padding-top:90px;}
}
@media screen and (max-width: 400px) {
    .gnb > ul > li{padding:0 1%;}
    .gnb > ul > li > a{font-size:14px;}
}

#footerW{margin-top:0;}
#footer_navi .sns{max-width:105px;}
#footer_navi .sns img{opacity:0.7; transition: 0.1s;}
#footer_navi .sns li:hover img{opacity:1;}
#footer .addressW .ad_logo li{margin-bottom:20px;}
#footerW .go_top{position:fixed; top:auto; bottom:10px; right:calc(1% + 16px);; width:50px; height:50px;}
#footerW .go_top a{display:block; width:100%; height:100%; border:1px solid #ccc; background:#f9f9f9 url('../img/common/top_btn_b.png') no-repeat center center / 30px; border-radius:100%; transition:0.2s;}
#footerW .go_top a:hover{background:#333 url('../img/common/top_btn_w.png') no-repeat center center / 30px; border-color:#333;}
#footerW .go_top a img{display:none;}
#footer_navi .navi{padding-top:23px; padding-bottom:23px;}
#footer_navi .navi li a{font-size:20px;}
#footer .addressW{font-size:18px;}
#footer .addressW address .m_br{display:none;}
@media screen and (max-width: 1500px) {
    #footer_navi .navi li a{font-size:17px;}
}
@media screen and (max-width: 1219px) {
    #footer_navi .sns{right:10px;}
    #footer .addressW{padding-top:30px;}
    #footer .addressW .ad_logo{position:relative; left:auto; transform: translateX(0); top:0; display:flex; justify-content: center; align-items: center; gap:30px; padding-left:30px; padding-right:30px;}
    #footer .addressW .ad_logo li{margin-bottom:0;}
    #footer .addressW address{margin-top:30px; margin-left:0;}
}
@media screen and (max-width: 1219px) and (min-width: 980px) {
    #footerW .familySite{top:120px; right:10px;}
}
@media screen and (max-width: 979px) {
    #footer .addressW .ad_logo{width:400px; margin-left:auto; margin-right:auto; padding:0; flex-wrap: wrap; gap:0;}
    #footer .addressW .ad_logo li{width:calc((100% - 20px)/2);}
    #footer .addressW .ad_logo li:nth-child(2n-1){margin-right:20px;}
    #footer .addressW .ad_logo li:last-child{margin-right:0;}
    #footer .addressW .ad_logo li:nth-child(+n+3){margin-top:20px;}
    #footer .addressW .ad_logo li.n1,
    #footer .addressW .ad_logo li.n2{height:50px;}
    #footer .addressW .ad_logo li.n1 img,
    #footer .addressW .ad_logo li.n2 img{height:100%;}
    #footerW .familySite{margin-top:20px;}
    #footer .addressW address span{word-break: keep-all;}
    #footer_navi .navi li a{font-size:15px;}
    #footer .addressW{font-size:16px;}
    #footer .addressW address span{padding-top:0; padding-bottom:0;}
}
@media screen and (max-width: 720px) {
    /* #footerW .go_top{bottom:80px;} */
}
@media screen and (max-width: 599px) {
    #footer_navi .sns{max-width:65px;}
    #footer_navi .navi{padding-top:13px; padding-bottom:13px;}
    #footer_navi .navi li{padding-left:10px; margin-left:7px;}
    #footer_navi .navi li:after{width:1px; height:15px; transform: translateY(-50%); margin-top:0;}
    #footer_navi .navi li a{font-size:13px;}
    #footer .addressW .ad_logo{width:70%;}
    #footer .addressW .ad_logo li:nth-child(+n+3){margin-top:10px;}
    #footer .addressW .ad_logo li.n1,
    #footer .addressW .ad_logo li.n2{height:40px;}
    #footerW .go_top{right:17px;}
    #footer .addressW{font-size:14px;}
    #footer .addressW address .line{display:none;}
    #footer .addressW address .m_br{display:block;}
    
}
@media screen and (max-width: 450px) {
    #footer .addressW .ad_logo li.n1,
    #footer .addressW .ad_logo li.n2{height:30px;}
}


/*member*/
.member_common.login .find_idpw{text-align:center;}
.member_common.login .radio_group{text-align:center;}
.member_common.join .s_tit{font-size:18px;}
.member_common.join .s_tit{padding-left:10px;}
.member_common.join .check_boxW{padding-right:20px;}
.member_common.join01 .blue{line-height:1.3; word-break: keep-all;}
.member_common.join01 .table_line.n2 .width_1{width:200px;}
.member_common.join01 .table_line .radio_group > li{padding-top:2px;}
.member_common.join01 .table_line.n1 .board-write td{line-height:32px;}
.member_common.join01 .table_line label + label{margin-left:15px;}
.member_common.join01 .table_line input{padding-left:10px;}
.join_step > ol > li:before{left:-15px;}
.member_common.modify .blue{line-height:1.3; word-break: keep-all;}
.member_common.modify .table_line .radio_group > li{padding-top:2px;}
.member_common.modify .table_line.n2 .width_1{width:200px;}
.member_common.modify .table_line.n1 .board-write td{line-height:32px;}
.member_common.modify .table_line input{padding-left:10px;}
.member_common.modify .table_line label + label{margin-left:15px;}
.member_common.my .atab{display:flex; flex-wrap:wrap; justify-content: center; align-items: center;}
.member_common.my .atab li{width:20%; float:none;}
.member_common.my .atab li a{border-right:none;}
.member_common.my .atab li:last-child a{border-right:1px solid #dfdfdf;}
.member_common.counsel .table_line .btn_cancel .btnTiny{width:100px; height:30px; line-height:30px; border-radius:20px; background-color:#6d6d6d; transition: 0.3s;}
.member_common.counsel .table_line .btn_cancel .btnTiny:hover{background-color:#4d4d4d;}
.member_common.counsel .table_line .btn_cancel .btnTiny span{padding:0; height:inherit; line-height:inherit; font-size:15px; font-weight:600; border:none; color:#fff;}
.member_common.counsel .table_line .btn_cancel span{color:#f55; font-weight:600;}
.member_common.counsel .table_line .cancel_w_4{width:15%;}
.member_common.counsel .table_line .cancel_w_5{width:15%;}

.member_common.list .table_line .btn_cancel .btnTiny{width:100px; height:30px; line-height:30px; border-radius:20px; background-color:#6d6d6d; transition: 0.3s;}
.member_common.list .table_line .btn_cancel .btnTiny:hover{background-color:#4d4d4d;}
.member_common.list .table_line .btn_cancel .btnTiny span{padding:0; height:inherit; line-height:inherit; font-size:15px; font-weight:600; border:none; color:#fff;}

.member_common.like .table_line .del a{padding-left:10px; padding-right:10px; border-radius:3px; box-sizing: border-box;}
.member_common.like .table_line .del a span{padding-left:0; padding-right:0; font-weight:600;}
.member_common.resume .table_line .btn-default{padding:8px 10px; border-radius:5px; font-family:Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-size:16px; line-height:1.1; color:#fff; word-break: keep-all; font-weight:600; transition: 0.2s;}
.member_common.resume .table_line .btn-default.style_1{background-color:#00B8EF;}
.member_common.resume .table_line .btn-default.style_1:hover{background-color:#009cda;}
.member_common.resume .table_line .btn-default.style_2{background-color:#6d6d6d;}
.member_common.resume .table_line .btn-default.style_2:hover{background-color:#4d4d4d;}
.member_common.resume .table_line .width_1{width:10%;}
.member_common.resume .table_line .width_2{width:60%;}
.member_common.resume .table_line .width_3{width:15%;}
.member_common.resume .table_line .width_4{width:15%;}
@media screen and (max-width: 1400px) {
    .member_common{padding-left:20px; padding-right:20px;}    
}
@media screen and (max-width: 1000px) {
    .member_common.my .atab li a{height:50px;}
    .member_common.find_ok_con .btnStrong{min-width:100px;}
    .member_common.find_ok_con .btn-tc{margin-top:0; padding:10px 0;}
    .member_common.find_ok_con .btnStrong span{height:42px !important; line-height:40px !important;}
    .member_common.counsel .table_line .cancel_w_4{width:110px;}
    .member_common.counsel .table_line .cancel_w_5{width:110px;}
    .member_common.resume .table_line .width_3{width:110px;}
    .member_common.resume .table_line .width_4{width:110px;}
    .member_common.list .table_line .width_1{width:110px !important;}
}
@media screen and (max-width: 640px) {
    .member_common.join .scrollbox{height:100px;}
    .member_common.join .of_hi .fl50,
    .member_common.join .of_hi .fr50{float:none; width:100%;}
    .member_common.join .check_boxW{padding-top:10px; padding-bottom:10px;}
    .member_common.join01 .table_line.n1 .board-write th{width:60px; padding-left:5px; word-break: keep-all;}
    .member_common.join01 .table_line.n2 .width_1{width:110px;}
    .member_common.modify .check_boxW{padding-top:10px; padding-bottom:10px;}
    .member_common.modify .table_line.n2 .board-write th{width:60px; word-break: keep-all;}
    .member_common.modify .table_line.n2 .width_1{width:110px;}
    .member_common.my .atab li a{padding-left:10px; padding-right:10px;}

    .member_common.find_ok_con .btnStrong{display:block;}
    .member_common.find_ok_con .btnStrong + .btnStrong{margin-top:10px;}
    .find_ok{margin-top:-30px; padding-top:80px; background-size:60px 60px;}
    .member_common.login .signup li input{font-size:15px;}
    .member_common.login .login_wrap .login_bt{max-width:250px; height:50px; margin-left:auto; margin-right:auto; line-height:50px;}
    .member_common.login .login_wrap .join_go{max-width:250px; height:50px; margin-left:auto; margin-right:auto; padding-top:10px; line-height:50px;}
    .member_common.login .login_wrap .login_bt .btn,
    .member_common.login .login_wrap .join_go a{font-size:19px; line-height:50px; padding:0;}
    .member_common.join01 .ico_note{line-height:1.3; word-break:keep-all;}
    .member_common.my .atab{justify-content:start;}
    .member_common.my .atab li{width:33.333% !important;}
    .member_common.my .atab li a{height:40px;}
    .member_common.my .atab li:nth-child(3n) a{border-right:1px solid #dfdfdf;}
    .member_common.my .atab li:nth-child(+n+4) a{border-top:none;}
    .member_common.counsel .table_line td{padding-top:8px; padding-bottom:8px;}
    .member_common.counsel .table_line .btn_cancel .btnTiny{max-width:100%; white-space: normal; word-break: break-all;}
    .member_common.counsel .table_line .btn_cancel .btnTiny span{font-size:13px;}
    .member_common.counsel .table_line .cancel_w_4{width:60px;}
    .member_common.counsel .table_line .cancel_w_5{width:90px;}
    .member_common.counsel .table_line .btn_cancel span{font-size:14px;}
    .member_common.like .table_line .del a{width:45px !important;}
    .member_common.resume .table_line .btn-default{font-size:14px;}
    .member_common.resume .table_line .width_3{width:50px;}
    .member_common.resume .table_line .width_4{width:70px;}
    .member_common.resume .table_line .btn{font-size:14px;}
    .member_common.list .table_line .btn_cancel .btnTiny{width:80px;}
    .member_common.list .table_line .btn_cancel .btnTiny span{font-size:14px;}
    .member_common.list .table_line .width_1{width:90px !important;}
}
@media screen and (max-width: 599px) {
    .member_common.join01 .table_line .board-write{font-size:15px;}
    .member_common.join01 .table_line.n2 .width_1{width:80px;}
    .member_common.join01 .table_line.n2 .board-write th{padding-left:10px;}
    .member_common.join01 .table_line .radio_group > li{padding-top:0;}
    .member_common.modify .table_line .board-write{font-size:15px;}
    .member_common.modify .table_line.n1 .board-write th{width:60px; word-break: keep-all;}
    .member_common.modify .table_line.n2 .width_1{width:80px;}
    .member_common.modify .table_line.n2 .board-write th{padding-left:10px;}
    .member_common.modify .table_line .radio_group > li{padding-top:0;}
    .member_common.counsel .table_line .cancel_w_4{width:50px;}
}
@media screen and (max-width: 479px) {
    .member_common.modify .table_line input{padding-left:5px;}
    .member_common.resume .board-write th{padding-left:0 !important;}
}


/*공통 모달*/
#modal_popup{display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:9999;}
#modal_content{background:#fff; width:700px; max-height:60%; overflow:auto; margin:10% auto; padding:20px; position:relative; border-radius:10px;}
#modal_popup .modal_header{background-color: #555; color: #fff; padding: 20px; font-size: 18px; text-align: center; font-weight: bold; position: relative;}
#modal_popup .btn_close{position: absolute; top: 50%; right: 20px; transform: translateY(-50%); width:30px; height:30px; font-size:0; line-height:0; background: url('../img/common/btn_close.png') no-repeat center center / 20px 20px; border: none; color: #fff; cursor: pointer;}
#modal_content .box_con{padding:30px; max-height: 400px; overflow-y: auto; font-size: 15px; line-height: 1.4; color: #333;}
#modal_content .box_con h4{margin-top:20px;}
#modal_content .box_con p{margin-top:7px;}
#modal_content .box_con h4 + p{margin-top:2px;}
#modal_content .box_con .ul{margin-top: 10px; padding: 15px; background-color:#f6f6f6;}
#modal_content .box_con .ul .li{position:relative; padding-left:10px;}
#modal_content .box_con .ul .li::before{position:absolute; width:5px; height:1px; left:0; top:10px; content:''; background-color:#3d3d3d;}
#modal_content .box_con .not{margin-top: 20px; color: #c00; font-weight: bold;}
@media screen and (max-width: 767px) {
    #modal_content{width:80%; padding:10px;}
    #modal_content .box_con{padding:20px; font-size:14px;}
}
@media screen and (max-width: 640px) {
    #modal_content .box_con{padding:10px; font-size:13px;}
    #modal_popup .btn_close{right:10px;}
}



/*main*/
.main_visual{padding:60px 0 !important; background-color:#e0f3fc;}
.main_visual_wrap .v_img{position:absolute; left:0; top:0;}
.main_visual_wrap .v_txt{text-align:right;}
@media screen and (min-width: 1401px) {
    .main_visual{min-height:650px;}
    .main_visual_wrap .v_txt img{height:480px; margin-top:40px;}
}
@media screen and (max-width: 1400px) {
    .main_visual{padding:40px 0 !important;}
    .main_visual_wrap{width:900px;}
    .main_visual_wrap .v_txt{position: relative; z-index: 10;}
    .main_visual_wrap .v_img{top:50%; transform:translateY(-50%); z-index: 5;}
    .main_visual_wrap .v_img img{width:400px; max-width:100%;}
    .main_visual_wrap .v_txt img{width:450px; max-width:100%;}
}
@media screen and (max-width: 979px) {
    .main_visual_wrap{width:700px;}
    .main_visual_wrap .v_img img{width:300px;}
    .main_visual_wrap .v_txt img{width:350px;}
}
@media screen and (max-width: 767px) {
    .main_visual{padding:30px 0 !important;}
    .main_visual_wrap{position:relative; width:100%; height:400px;}
    .main_visual_wrap .v_img{width:250px; top:0; left:50%; right:auto; margin-left:-240px; transform: translateY(0);}
    .main_visual_wrap .v_txt{position:absolute; right:50%; margin-right:-210px; bottom:0;}
    .main_visual_wrap .v_txt img{width:300px;}
    .main_banner{max-width:450px; margin-left:auto; margin-right:auto;}
    .main_banner img{max-width:100%;}
}
@media screen and (max-width: 500px) {
    .main_visual_wrap{height:280px;}
    .main_visual_wrap .v_img{width:160px; margin-left:-170px;}
    .main_visual_wrap .v_txt{width:250px; max-width:250px; margin-right:-160px;}
    .main_visual_wrap .v_txt img{max-width:250px;}
    .main_banner{max-width:85%;}
}
@media screen and (max-width: 400px) {
    .main_visual_wrap{height:270px;}
    .main_visual_wrap .v_img{width:150px; margin-left:-160px;}
    .main_visual_wrap .v_txt{margin-left:-150px;}
}



/*expo 소개*/
.introdcue_inner{padding:80px 100px;}
.introdcue{position:relative; padding-right:420px; background:none;}
.introdcue .mob{position:absolute; display:block; right:0; top:50%; transform: translateY(-50%);}
.introdcue .txt_t br{display:none;}
.introdcue .desc{font-size:20px;}
.introdcue .desc .m_br{display:none;}
.map_info .info > ul > li .circle{display:inline-block; width:40px; height:40px; margin-right:3px; border-radius:100%; line-height:40px; color:#fff; text-align:center;}
.intro_page .article.last-art .check_li{margin-top:20px;}
.intro_page .article.last-art .check_li > li{line-height:27px; background-position:top left 2px;}
.process{padding-top:60px; padding-bottom:60px;}
.process .s_tit{padding-left:0; font-size:30px;}
.process.n1 .s_tit .s_tit_mini{width:100%; margin-bottom:50px; padding-left:0; padding-right:0; line-height:150%; border-radius:30px;}
.process.n2 .s_tit{margin-top:0;}
.step_box > ul > li{padding:30px 10px;}
.step_box > ul > li .txt{font-size:20px; line-height:1.4;}
@media screen and (max-width: 1200px) {
    .introdcue_inner{width:70%; margin-left:auto; margin-right:auto; padding:60px 80px;}
    .introdcue{padding-right:350px;}
    .introdcue p .pc_br{display:none;}
    .introdcue .txt_t br{display:block;}
    .introdcue .mob{width:300px;}
    .introdcue .mob img{width:100%;}
    .introdcue .desc{font-size:18px; line-height:1.5;}
    .introdcue .desc .m_br{display:block;}
    .intro_page .article.last-art .check_li{display:block; line-height:1.3;}
    .intro_page .article.last-art .check_li li + li{margin-top:10px;}
    .step_box > ul > li .ico{width:60%; margin-left:auto; margin-right:auto;}
    .step_box > ul > li .txt{font-size:18px;}
}
@media screen and (max-width: 1000px) {
    .process.n1{padding-top:20px;}
    .introdcue_inner{padding:60px 60px;}
    .introdcue{padding-right:280px;}
    .introdcue .mob{width:250px;}
    .step_box{padding-left:20px; padding-right:20px;}
}
@media screen and (max-width: 979px) {
    .introdcue{padding-right:0; text-align:center;}
    .introdcue p .pc_br{display:none;}
    .introdcue .mob{position:relative; right:auto; top:auto; margin:40px auto 0 auto; transform: translateY(0);}
    .map_info .info > ul > li .circle{width:30px; height:30px; line-height:30px;}
    .participate_box .note{margin-top:10px;}
    .step_box > ul > li .ico{width:50%;}
}
@media screen and (max-width: 767px) {
    .introdcue_inner{width:90%; padding:40px 20px;}
    .introdcue .desc{font-size:17px;}
    .introdcue .mob img{display:inline-block; width:70%; max-width:250px;}
    .process.n1 .s_tit .s_tit_mini{margin-bottom:30px; line-height:140%;}
    .process .s_tit{font-size:25px;}
    .step_box > ul > li.arrow{margin-top:10px; margin-bottom:10px; padding:0;}
}
@media screen and (max-width: 599px) {
    .step_box > ul > li .txt br{display:block;}
    .participate_box .note{margin-top:10px;}
    .intro_page .article{padding:15px 15px;}
    .intro_page .article.last-art .check_li > li{padding-left:34px; background-size:auto 27px; background-position:top left;}
    .intro_page .article.last-art .check_li li + li{margin-top:5px;}
    .step_box > ul > li .ico{width:40%;}
}
@media screen and (max-width: 479px) {
    .participate_box .s_tit{margin-top:0; padding-left:0;}
}


/*info 참가기업*/
.company_search .search_area { margin-top:20px; margin-bottom:20px; border:1px solid #ccc; border-top:3px solid #009cda; background:#fff; overflow:hidden;}
.company_search .search_area_inner {display:flex; padding:15px; overflow:hidden}
.company_search .search_area_inner .box {box-sizing:border-box; padding:10px 15px;}
.company_search .search_area_inner .box:nth-child(1) {width:45%;}
.company_search .search_area_inner .box:nth-child(2) {width:30%;}
.company_search .search_area_inner .box:nth-child(3) {width:25%; margin-top:35px;}
.company_search .search_area_inner .box h3{font-size:20px; font-weight:600;}
.company_search .search_area_inner .box .radio_wrapper{margin-left:-10px;}
.company_search .search_area_inner .box li{display:inline-block; margin-left:10px;}
.company_search .search_area_inner .box li + li{margin-left:10px; margin-top:10px;}
.company_search .search_area_inner .box label{display:block; font-size:18px; line-height:25px; cursor: pointer;}
.company_search .search_area_inner .search_input_box {margin:0px; max-width:none; padding-left:0px; padding-right:80px;}
.company_search .search_area_inner .search_input_box .input {width:100% !important; font-size:18px; line-height:40px; min-height:40px;}
.company_search .search_area_inner .search_input_box .search_button {background:#111; display:inline-block; zoom:1; color:#fff; border:1px solid #111; padding:0px; font-size:14px; width:80px; height:40px; line-height:38px; text-align:center; cursor:pointer; margin-left:15px; position:absolute; margin:0px;}
.company_search .search_area_inner .ckeck .ez-checkbox{width:26px; height:26px;}
.company_list .list_more{margin-top:20px; text-align:center;}
.company_list .list_more .anchor{position:relative; display:block; width:250px; height:60px; margin-left:auto; margin-right:auto; font-size:22px; color:#111; line-height:60px; background-color:#fff; border-radius:30px; border:1px solid #ccc; }
.company_list .list_more .anchor::before{position:absolute; width:15px; height:9px; right:30px; top:50%; content:''; transform: translateY(-50%); background:url('../img/sub/more_arrow.png') no-repeat center center / contain;}
.company_list .list_more .anchor span{padding-right:10px;}
.introduce_event .article .txt_a .txt_t .m_br{display:none;}
.company_list > ul > li > a{position:relative;}
.company_list > ul > li > a .cate{height:40px; line-height:1.2;}
.company_list > ul > li > a .type.type1 + .cate{width:calc(100% - 60px);}
.company_list > ul > li > a .type.type2 + .cate{width:calc(100% - 100px);}
.company_list > ul > li > a .type{position:absolute; right:10px; top:0; border-top-left-radius: 0; border-top-right-radius: 0;}
.company_list > ul > li > a .option{margin-top:5px;}
.company_list > ul > li > a .logos_wrap{margin-top:30px;}
.company_list > ul > li > a .s_txt{font-size:16px;}
.place_intro .article .tit.part_titw{padding-left:20px; padding-right:20px; border-radius:30px;}
.main_movie .tit{font-size:24px;}
.main_movie_wrap + .paging .paging{margin-top:20px; margin-bottom:40px;}
.pop_wrap .x_btn1.video_close{top:20px; right:20px;}
@media screen and (max-width: 1200px) {
	.company_search .search_area_inner .box:nth-child(1) {width:60%;}
	/* .company_search .search_area_inner .box:nth-child(2) {width:30%;} */
	.company_search .search_area_inner .box:nth-child(3) {width:40%;}

}
@media screen and (max-width: 979px) {
    .company_search .search_area_inner{flex-wrap: wrap; padding-left:5px; padding-right:5px;}
    .company_search .search_area_inner .box:nth-child(1) {width:100%;}
    .company_search .search_area_inner .box:nth-child(2) {width:100%;}
    .company_search .search_area_inner .box:nth-child(3) {width:100%; margin-top:0; padding-top:5px;}
    .company_search .search_area_inner .box label{font-size:16px;}
    .company_search .search_area_inner .search_input_box .input{min-height:35px; line-height:35px; font-size:16px;}
    .company_search .search_area_inner .search_input_box .search_button{height:35px; line-height:33px;}
    .company_list .list_more .anchor{width:200px; height:55px; line-height:55px; font-size:18px;}
    .company_list .list_more .anchor::before{right:20px;}
    .introduce_event .article.n1 .txt_a .txt_t strong{display:block; margin-bottom:5px;}
    .introduce_event .article .txt_a .txt_t .line{display:none;}
    .company_list > ul > li{width:33.333%;}
    .company_list > ul > li > a .logos_wrap{max-width:200px; margin-left:auto; margin-right:auto;}
    .main_movie{padding-left:30px; padding-right:30px;}
    .main_movie .tit{font-size:22px;}
    .main_movie li{width:50%;}
    .main_movie .pic:after{width:50px; height:50px;}
    .pop_wrap .x_btn1.video_close{width:40px; height:40px;}
}
@media screen and (max-width: 767px) {
    .company_list > ul > li{width:50%;}
    .place_intro .article{text-align:center;}
    .place_intro .article .tit.part_titw{width:200px;}
    .main_movie .tit{font-size:20px;}
    .main_movie_wrap + .paging{margin-top:0;}
    .main_movie_wrap + .paging .paging{margin-top:10px; margin-bottom:30px;}
	
    
}
@media screen and (max-width: 640px) {
    .company_list .list_more .anchor{width:160px; height:45px; font-size:16px; line-height:45px;}
    .main_movie li{width:100%;}
    .pop_wrap .x_btn1.video_close{width:35px; height:35px; top:10px; right:10px;}
}
@media screen and (max-width: 599px) {
    .company_list > ul{padding-right:0;}
    /* .company_list > ul > li{width:100%;} */
	.company_list > ul > li{padding-left:5px; padding-right:5px;}
	.company_list > ul > li > a .type{right:-5px; border-bottom-right-radius:0;}
	.company_list > ul > li > a .box{padding:10px;}
	.company_list > ul > li > a .type.type2 + .cate{width:calc(100% - 75px); font-size:14px;}
}
@media screen and (max-width: 479px) {
    .company_search .search_area_inner .box h3{margin-bottom:5px; font-size:18px;}
    .company_search .search_area_inner .box li + li{margin-top:5px;}
    .company_search .search_area_inner .ckeck .ez-checkbox{width:18px; height:18px;}
}


/*info 참가기업 상세*/
.company_info > ul > li > dl > dd{word-break: keep-all;}
.company_view .product_area.n1 .table_style1.tl .m_br{display:none;}
.company_view .product_area.n4 .table_style1 .width_1{width:15%;}
.company_view .product_area.n4 .table_style1 .width_2{width:30%;}
.company_view .product_area.n4 .table_style1 .width_3{width:40%;}
.company_view .product_area .img_slide .slick-next:after{margin-left:-5px;}
.company_view .product_area .img_slide .slick-prev:before{margin-right:-5px;}
.company_view .faq_list > li .title{padding-left:25px; padding-right:25px;}
.company_view .faq_list > li .answer_wrap:before{width:calc(100% - 40px);}
.company_view .faq_list > li .title .txt_a{padding-right:10px;}
.company_view .product_top .logo img{max-height:90%;}
.company_view .product_top .btn_counsel{margin-right:15px; padding:12px 20px 12px 25px; border-radius:10px; background-color:#00B8EF; transition: all 0.2s; box-shadow: 5px 5px 10px rgba(0,0,0,0.05); box-sizing: border-box; font-size:19px; line-height:1.2; font-weight:600; color:#fff;}
.company_view .product_top .btn_counsel:hover{background-color:#009cda;}
.company_view .product_top .btn_counsel span{position:relative; padding-right:35px; }
.company_view .product_top .btn_counsel span::before{position:absolute; width:25px; height:25px; right:0; top:50%; transform: translateY(-50%); content:''; background: url('../img/common/company_apply.png') no-repeat center center / contain;}
.company_view .product_top .btn_counsel.disabled{position:relative; padding-right:45px; background-color:#FE6C62}
.company_view .product_top .btn_counsel.disabled::before{position:absolute; width:25px; height:25px; top:50%; transform: translateY(-50%); right:50%; margin-right:-50px; content:''; background:url('../img/common/company_complate.png') no-repeat center center / contain;}
.company_view .product_top .name{word-break: break-all;}
.company_view .product_top .favorites{padding-right:20px;}
@media screen and (max-width: 1400px) {
	.company_view{padding-left:20px; padding-right:20px;}
	.product_top .logo{min-width:200px; max-width:200px; height:80px;}
	.product_top .name{font-size:28px;}
}
@media screen and (max-width: 1400px) {
	.company_view .product_area.n1 .table_style1.tl th{padding-left:10px;}
	.company_view .product_area.n4 .table_style1.tl th{padding-left:10px;}
	.company_view .product_area .img_slide .slick-arrow{width:50px; height:50px;}
	.company_view .product_area .img_slide .slick-next::after,
	.company_view .product_area .img_slide .slick-prev::before{width:15px; height:15px;}
    .company_view .product_top .btn_counsel{padding:10px 15px 10px 20px;}
    .company_view .product_top .btn_counsel span{padding-right:30px; font-size:17px;}
}
@media screen and (max-width: 979px) {
    .company_view .product_top{position:relative; justify-content: start;}
    .company_view .product_top .favorites{position:absolute; right:10px; top:10px; padding-right:0;}
    .company_view .product_top .btn_counsel{width:100%; max-width:200px; margin-left:auto; margin-right:auto; text-align:center;}
    .company_view .product_top .name{margin:15px 0; font-size:25px;}
    .company_view .product_top .favorites .ico{margin-bottom:5px;}
    .company_view .product_top .btn_counsel.disabled{padding-right:40px;}
    .company_info > ul > li > dl > dt .ico{width:50px; margin-left:auto; margin-right:auto;}
}
@media screen and (max-width: 640px) {
	.product_top .logo{min-width:180px; max-width:180px;}
	.product_top .name{font-size:23px;}
	.company_view .table_style1.m_full{display:block; width:100%; border-bottom:1px solid #d9d9d9;}
	.company_view .table_style1.m_full tbody{display:block; width:100%;}
	.company_view .table_style1.m_full tr{display:block; width:100%;}
	.company_view .table_style1.m_full th{display:block; width:100%; padding-left:15px; box-sizing: border-box; border-bottom:none;}
	.company_view .table_style1.m_full td{display:block; width:100%; padding-left:15px; box-sizing: border-box; border-bottom:none;}
	.company_view .product_area.n4 .table_style1 .width_1{width:85px;}
	.company_view .product_area.n4 .table_style1 .width_2{width:calc((100% - 170px)/2);}
	.company_view .product_area.n4 .table_style1 .width_3{width:calc((100% - 170px)/2);}
	.company_view .product_area .img_slide .slick-arrow{width:40px; height:40px;}
	.company_view .product_area .img_slide .slick-next::after,
	.company_view .product_area .img_slide .slick-prev::before{width:12px; height:12px; border-right:none; border-bottom:none; border-width:3px;}
    .company_view .product_top .name{font-size:23px;}
    .company_view .product_top .favorites{right:5px;}
    .company_view .product_top .btn_counsel{max-width:180px;}
    .company_info > ul > li > dl > dt .ico{width:40px;}
}
@media screen and (max-width: 599px) {
    .company_list > ul > li > a .box .box_btn{padding-top:10px; padding-bottom:10px;}
}
@media screen and (max-width: 479px) {
	.company_view .table_style1.m_full th{padding:7px 10px !important;}
	.company_view .table_style1.m_full td{padding:7px 10px !important;}
	.company_view .product_area.n4 th{padding:7px 7px !important;}
	.company_view .product_area.n4 td{padding:7px 7px !important;}
	.company_view .product_area.n4 .table_style1 .width_1{width:75px;}
	.company_view .product_area.n4 .table_style1 .width_2{width:calc((100% - 150px)/2);}
	.company_view .product_area.n4 .table_style1 .width_3{width:calc((100% - 150px)/2);}
}
@media screen and (max-width: 360px) {
    .company_view .product_top .logo{margin-left:0; margin-right:0;}
    .company_view .product_top .name{font-size:20px; text-align:left;}
    .company_view .product_top .btn_counsel{max-width:100%;}

}
 



/*program 프로그램*/


/*event 이벤트*/
.event_pop .pop_wrap .x_btn1{top:-20px; right:-20px;}
.event_pop .pop_wrap .image{max-width:600px;}
@media screen and (max-width: 979px) {
    .event_pop .pop_wrap .image{max-width:500px;}
}
@media screen and (max-width: 767px) {
    .event_pop .pop_wrap .x_btn1{width:40px; height:40px; top:-10px; right:-10px;}
}
@media screen and (max-width: 640px) {
    .event_pop .pop_wrap .x_btn1{width:30px; height:30px;}
}


/*notice 공지사항*/
.notice_list .note_tit:after{top:50%; transform:translateY(-50%);}
.notice_list .note_tit.on:after{transform:translateY(-20px) rotate(180deg);}
.notice_list .notice_con p span{font-size:20px; line-height:1.4 !important;}
.notice_note .txt_line{border-bottom:none;}
.notice_note .txt_line a{color:#00ad91;}
.notice_note .txt_line .chat{display:inline-block; margin-left:2px; margin-right:2px; padding:7px 20px; color:#fff; background-color:#00ad91; border-radius:30px; transition: 0.2s;}
.notice_note .txt_line .chat:hover{background-color:#13BDA2; box-shadow: 5px 5px 15px rgba(0,0,0,0.1);}
.notice_note br{display:none;}
.customer_wrap dl dd{margin-top:10px;}
.customer_wrap dl dd > p{margin-top:0; margin-left:0; padding-left:50px; line-height:38px;}
.customer_wrap dl dd > p + p{margin-left:25px;}
.customer_wrap dl dd > p .go{height:36px; border-radius:25px; border-color:#00AD92; transition: 0.2s;}
.customer_wrap dl dd > p .go:hover{box-shadow: 5px 5px 10px rgba(0,0,0,0.1); background-color:#f9f9f9;}
.customer_wrap dl dt br{display:none;}
    .notice_note .txt_line
@media screen and (max-width: 979px) {
    .notice_list .notice_con p span{font-size:20px !important;}
}
@media screen and (max-width: 767px) {
    .customer_wrap{padding-bottom:0;}
    .customer_wrap dl dt br{display:block;}
    .notice_note .txt_line .chat{padding:5px 15px;}
}
@media screen and (max-width: 599px) {    
    .customer_wrap dl dd{width:300px; margin-left:auto; margin-right:auto;}
    .customer_wrap dl dd > p + p{margin-top:10px; margin-left:0;}
    .notice_list .note_tit{padding-top:15px; padding-bottom:15px;}
    .notice_list .note_tit.on:after{transform:translateY(-10px) rotate(180deg);}
    .notice_list .notice_con p span{font-size:16px !important;}
    .notice_note br{display:block;}
}







/*matching*/

/*추가*/
.matching .section {position:relative;  width:100%; min-height:600px; overflow: visible; }
.matching_con {position:absolute; width:100%; top:100px; left:100%; opacity:0; transition:all 0.5s ease;  pointer-events:none;}
.matching_con.active {left:0; opacity:1; pointer-events: auto;}
.matching_con.to-left {left:-100%;}
.matching_con.to-right {left:100%;}
.btn-group{margin-top:30px; display:flex; gap:15px; justify-content:center;}
.step_state{display:none; margin-bottom:20px;}
.step_state .li {display:inline-block; margin-right:10px;}
.step_state .li .text {color:#999;}
.step_state .li.on .text {font-weight:bold;  color:#4caf50;}
.selectbox ul{display:inline-flex;}
.selectbox ul li{float:left;}
.check_list ul{display:inline-flex;}
.check_list ul li{float:left;}
.option:hover{background:#f1f1f1;}
#loading_bar{transition:width 0.3s ease;}
.option_datalist {border:1px solid #ccc; max-height:150px; overflow-y:auto;  background:#fff;}
.option_datalist .option {padding:5px 10px; font-size:16px; cursor:pointer;}
.option_datalist .option:hover {background:#f0f0f0;}

.skill-tag{display:inline-block; background:#e0e0e0; padding:5px 10px; border-radius:10px; margin:3px; font-size:15px; line-height:1.3;}
.skill-tag a{display:inline-block; margin-left:8px; width:10px; height:10px; vertical-align: middle; cursor:pointer; font-size:0; line-height:0; background:url('../img/sub/skill_close.png') no-repeat center center / contain;}



.matching .matching_con{padding-top:80px; padding-bottom:200px;}
.matching .matching_con .inner{padding-left:20px; padding-right:20px;}
.matching .step_state{display:none; width:400px; margin-left:auto; margin-right:auto;}
.matching .step_state .ul{display:flex;}
.matching .step_state .li{width:calc((100% - 45px)/10); height:8px; margin-right:5px; background-color:#D9D9D9; border-radius:10px;}
.matching .step_state .li:last-child{margin-right:0;}
.matching .step_state .li.on{background-color:#69C6FF;}
.matching .step_state .li .text{font-size:0; line-height:0;}
/*활성화
.matching .step_state.n1 .li:nth-child(1),
.matching .step_state.n2 .li:nth-child(-n+2),
.matching .step_state.n3 .li:nth-child(-n+3),
.matching .step_state.n4 .li:nth-child(-n+4),
.matching .step_state.n5 .li:nth-child(-n+5),
.matching .step_state.n6 .li:nth-child(-n+6),
.matching .step_state.n7 .li:nth-child(-n+7),
.matching .step_state.n8 .li:nth-child(-n+8),
.matching .step_state.n9 .li:nth-child(-n+9){background-color:#00AD92;}
*/

.matching .matching_con{padding-top:40px;}
.matching .intro{text-align:center;}
.matching .intro .title{font-size:40px; line-height:1.4; word-break: keep-all; letter-spacing: -0.03em; color:#222; font-weight:600;}
.matching .intro .desc{font-size:20px; line-height:1.4; word-break: keep-all; letter-spacing: -0.01em; color:#3d3d3d;}
.matching .intro .title + .desc{margin-top:10px;}
.matching .item{margin-top:40px;}
.matching .req{display:inline-block; padding-left:5px; font-size:15px; color:#f55; vertical-align: top; letter-spacing: 0;}
.matching .cho{display:inline-block; padding-left:5px; font-size:15px; color:#5d5d5d; vertical-align: top; letter-spacing: 0;}
.matching .btn_group{display:flex; gap:10px; justify-content: center; width:500px; max-width:100%; margin:50px auto 0 auto;}
.matching .btn_group .anchor{display:flex; justify-content: center; align-items: center; height:50px; font-size:22px; font-weight:600; border-radius:30px; transition:0.3s; cursor: pointer;}
.matching .btn_group .anchor.w_100{width:100%;}
.matching .btn_group .anchor.w_50{flex:0 0 auto; width:calc(50% - 5px);}
/* .matching .btn_group .anchor.w_50:nth-child(odd){margin-right:20px;} */
.matching .btn_group .anchor.style_1{border:1px solid #69C6FF; color:#69C6FF;}/*style_1 blue border*/
.matching .btn_group .anchor.style_1:hover{color:#fff; background-color:#2badfd;}
.matching .btn_group .anchor.style_2{border:1px solid #777; color:#777;}/*style_2 gray border*/
.matching .btn_group .anchor.style_2:hover{color:#fff; background-color:#777;}
.matching .btn_group .anchor.style_3{background-color:#69C6FF; color:#fff;}/*style_3 blue full*/
.matching .btn_group .anchor.style_3:hover{background-color:#2badfd;}
.matching .matching_con .item.w_500{max-width:500px; margin-left:auto; margin-right:auto;}
.matching .matching_con .item.w_600{max-width:600px; margin-left:auto; margin-right:auto;}
@media screen and (max-width: 1200px) {
    .matching .intro .title{font-size:35px;}
}
@media screen and (max-width: 1000px) {
    .matching .req{font-size:14px;}
    .matching .cho{font-size:14px;}
    .matching .intro .title{font-size:30px;}
    .matching .intro .desc{font-size:18px;}
    .matching .btn_group{width:400px; margin-top:35px;}
    .matching .btn_group .anchor{font-size:20px;}
}
@media screen and (max-width: 640px) {
    .matching .req{font-size:13px;}
    .matching .cho{font-size:13px;}
    .matching .matching_con{padding-top:0; padding-bottom:150px;}
    .matching .intro .title{font-size:22px;}
    .matching .intro .desc{font-size:15px;}
    /* .matching .btn_group{width:200px;} */
    .matching .btn_group .anchor{height:40px; font-size:17px;}    
    .matching .btn_group.double{display:block;}
    .matching .btn_group.double .anchor{width:100%;}
    .matching .btn_group.double .anchor + .anchor{margin-top:10px;}
    .matching .item{margin-top:30px;}

    .matching .step_state{max-width:100%; width:280px; margin-left:auto; margin-right:auto;}
    .matching .step_state .li{height:5px;}

    
    .matching .btn_group{max-width:300px;}
}

/* input */
.matching .matching_con input {width: 100%; padding: 12px 16px; border: 1px solid #ccc; font-size: 20px; outline: none; transition: all 0.3s ease;}
.matching .matching_con input:focus {box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);}

/*radio*/
.matching .item.radio .ul{display:flex; flex-wrap: wrap; }
.matching .item.radio .li{position:relative; width:calc((100% - 20px)/2);}
.matching .item.radio .li:nth-child(even){margin-left:20px;}
.matching .item.radio.style_1 .li{height:200px;}
.matching .item.radio.style_2 .li{height:100px;}
.matching .item.radio.style_2 .li:nth-child(+n+3){margin-top:20px;}
.matching .item.radio .ez-radio input[type="radio"]{width:100%; height:100%; cursor: pointer;}
.matching .item.radio .ez-radio{position:absolute; width:100%; height:100%; left:0; top:0; margin-top:0; padding-right:0; background:none;}/*기존스타일 초기화*/
.matching .item.radio .ez-radio + .label{display:flex; justify-content: center; align-items: center; width:100%; height:100%; font-size:24px; line-height:1.2; border-radius:20px; border:1px solid #ccc;}
.matching .item.radio .ez-selected + .label{border:1px solid #69C6FF; background-color:#69C6FF; color:#fff; font-weight:600;}

/* option_datalist*/
.input_datalist{position:relative;}
.input_datalist input{ padding-right:25px; background:url('../img/sub/select_arrow.png') no-repeat right 10px center;}
.input_datalist .option_datalist {  position: absolute; width: 100%; border: 1px solid #ccc; border-radius: 8px; background-color: white; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); z-index: 9999;  display: none; max-height: 150px; overflow-y: auto; top: 100%;  left: 0;}
.input_datalist .option_datalist .option { padding:5px 10px; font-size: 16px; color: #3d3d3d; cursor: pointer;}
.input_datalist .option_datalist .option:hover {background-color: #f0f0f0;}



/*selectbox*/
.matching .item.selectbox select{position:relative; width:100%; height:55px; padding-left:10px; padding-right:25px; font-size:18px; line-height:1.4; appearance: none; -webkit-appearance: none; -moz-appearance: none; background:url('../img/sub/select_arrow.png') no-repeat right 10px center;}
@media screen and (max-width: 1000px) {
    .matching .item.selectbox select{height:45px;}
}

/*textarea*/
.matching .item textarea{width: 100%; padding: 15px; border: 1px solid #ccc; font-size: 16px; line-height:1.3; outline: none; transition: all 0.3s ease;}
.matching .item textarea:focus {box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);}
.matching .item textarea::placeholder{color:#6d6d6d;}

/*checkbox*/
.matching .item .check_list label{font-size:20px; line-height:1.4;}

@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 1000px) {
    .matching .matching_con input{padding:8px 12px; font-size:22px;}
    .matching .item.radio.style_1 .li{height:100px;}
    .matching .item.radio .ez-radio + .label{font-size:22px;}

}
@media screen and (max-width: 640px) {
    .matching .matching_con input{font-size:17px;}
    .matching .item.radio .li{width:calc((100% - 10px)/2);}
    .matching .item.radio .li:nth-child(even){margin-left:10px;}
    .matching .item.radio.style_1 .li{height:60px;}
    .matching .item.radio.style_2 .li{height:60px;}
    .matching .item.radio.style_2 .li:nth-child(+n+3){margin-top:10px;}
    .matching .item.radio .ez-radio + .label{font-size:20px; border-radius:10px;}
    .matching .item .check_list label{font-size:18px;}

    .matching .item.selectbox select{font-size:17px;}
}




/*step_01*/
.matching .matching_con.step_00 .intro .title{font-size:50px;}
.matching .matching_con.step_00 .intro .title br{display:none;}
@media screen and (max-width: 1200px) {
    .matching .matching_con.step_00 .intro .title{font-size:40px;}
    .matching .matching_con.step_00 .intro .title br{display:block;}
}
@media screen and (max-width: 1000px) {
    .matching .matching_con.step_00 .intro .title{font-size:30px;}
}
@media screen and (max-width: 640px) {
    .matching .matching_con.step_00 .intro .title{font-size:27px;}
}

/*step_03*/
.matching .matching_con.step_03 .item{width:600px; max-width:100%; margin-left:auto; margin-right:auto;}

/*step_04*/
.matching .matching_con.step_04 .item .ul{display:flex;}
.matching .matching_con.step_04 .item .li{width:calc((100% - 40px)/3); float:none; margin-right:20px;}
.matching .matching_con.step_04 .item .li:nth-child(3n){margin-right:0;}
.matching .matching_con.step_04 .item .li .subject{margin-bottom:5px; font-size:22px; line-height:1.4; font-weight:600; text-align:center;}
@media screen and (max-width: 1000px) {
    .matching .matching_con.step_05 .item .li .subject{font-size:20px;}
}
@media screen and (max-width: 640px) {
    .matching .matching_con.step_04 .item .ul{display:block; max-width:350px; margin-left:auto; margin-right:auto;}
    .matching .matching_con.step_04 .item .li{display:flex; width:100%; justify-content: center; align-items: center; margin-right:0; background-color:#f9f9f9;}
    .matching .matching_con.step_04 .item .li + .li{margin-top:10px;}
    .matching .matching_con.step_04 .item .li .subject{width:90px; margin-bottom:0; padding-left:15px; font-size:17px; text-align:left; box-sizing: border-box;}
    .matching .matching_con.step_04 .item .li select{width:calc(100% - 90px); background-color:#fff;}
}

/*step_06*/

/*step_08*/
.matching .matching_con.step_08 .price_input{display:flex; justify-content: center; align-items: center; gap:10px;}
.matching .matching_con.step_08 .price_input input{text-align:right; font-weight:600; color:#222;}

/*step_10 - 기존 step 자기소개서 불필요
.matching .matching_con.step_10 .box.n1{border:1px solid #ccc; padding:20px;}
.matching .matching_con.step_10 .box.n1 .li{position:relative; padding-left:8px; font-size:16px; line-height:1.4; color:#5d5d5d; word-break: keep-all;}
.matching .matching_con.step_10 .box.n1 .li::before{position:absolute; width:4px; height:1px; left:0; top:9px; content:''; background-color:#5d5d5d;}
.matching .matching_con.step_10 .box.n2{margin-top:10px;}
.matching .matching_con.step_10 .box.n2 textarea{height:250px;}
*/

/*step_09*/
.matching .matching_con.step_09 .check_list .ul{display:flex; flex-wrap: wrap;}
.matching .matching_con.step_09 .check_list .li{position:relative; width:calc((100% - 40px)/3); margin-right:20px; padding-left:23px; box-sizing: border-box; }
.matching .matching_con.step_09 .check_list .li:nth-child(3n){margin-right:0;}
.matching .matching_con.step_09 .check_list .li:nth-child(+n+4){margin-top:20px;}
.matching .matching_con.step_09 .check_list .li .ez-checkbox{position:absolute; left:0; top:7px; background:url('../img/common/checkbox4.png') 0 0 no-repeat; cursor: pointer;}
.matching .matching_con.step_09 .check_list .li label{display:block; line-height:1.3; word-break: keep-all;}
.matching .matching_con.step_09 .check_list .li .ez-checkbox + label{cursor: pointer;}
.matching .matching_con.step_09 .check_list .li.ez-checked label{color:#69C6FF;} 
@media screen and (max-width: 1000px) {
    .matching .matching_con.step_09 .item{max-width:270px;}
    .matching .matching_con.step_09 .check_list .li{width:calc((100% - 20px)/2);}
    .matching .matching_con.step_09 .check_list .li:nth-child(3n){margin-right:20px;}
    .matching .matching_con.step_09 .check_list .li:nth-child(even){margin-right:0;}
    .matching .matching_con.step_09 .check_list .li:nth-child(+n+3){margin-top:20px;}
    /* .matching .matching_con.step_09 .check_list .li label br{display:none;} */
}

/*step_10*/
.matching .matching_con.step_10 .item{text-align:center;}
.matching .matching_con.step_10 .item img{width:50px; animation:spin_360 2s linear infinite;}
@keyframes spin_360{
    100% {
        transform: rotate(360deg);
    }
}
.matching .matching_con.step_10 .desc{margin-top:20px; font-size:18px; line-height:1.4; color:#00AD92; font-weight:600; word-break: keep-all; text-align:center;}



/*step_11
.matching .matching_con.step_11 .intro .title .not{display:block; margin-top:5px; font-size:28px;}
.matching .matching_con.step_11 .item{display:flex; max-width:1000px; margin-left:auto; margin-right:auto;}
.matching .matching_con.step_11 .item{position:relative; max-width:1200px; margin-left:auto; margin-right:auto; padding-left:60px; padding-right:60px; box-sizing: border-box;}
.matching .matching_con.step_11 .item .box{position:relative; padding:20px; border:1px solid #ccc; box-sizing: border-box;}
.matching .matching_con.step_11 .item .box:nth-child(3n){margin-right:0;}
.matching .matching_con.step_11 .item .box:nth-child(+n+4){margin-top:20px;}
.matching .matching_con.step_11 .item .slick-slide{margin-left:10px; margin-right:10px;}
.matching .matching_con.step_11 .item .slick-arrow{position:absolute; top:50%; transform: translateY(-50%); width:50px; height:50px; font-size:0; line-height:0; background-color:#9d9d9d; border-radius:100%; z-index:10;}
.matching .matching_con.step_11 .item .slick-arrow.slick-prev{left:0; background-image:url('../img/sub/arrow_type2_prev.png'); background-size:contain;}
.matching .matching_con.step_11 .item .slick-arrow.slick-next{right:0; background-image:url('../img/sub/arrow_type2_next.png'); background-size:contain;}
.matching .matching_con.step_11 .item .box .level{position:absolute; width:100px; height:40px; right:20px; top:20px; padding:0 10px; border-radius:20px; box-sizing: border-box; font-size:18px; line-height:40px; color:#fff; font-weight:600; text-align:center; background-color:#00AD92; box-shadow:5px 5px 10px rgba(0,0,0,0.1);}
.matching .matching_con.step_11 .item .info{padding-top:10px;}
.matching .matching_con.step_11 .item .info .subject{width:calc(100% - 120px); font-size:24px; line-height:1.3; word-break: keep-all; color:#222; font-weight:600;}
.matching .matching_con.step_11 .item .info .cate{font-size:18px; line-height:1.4; word-break: keep-all;}
.matching .matching_con.step_11 .item .info .marker{margin-top:10px; padding:5px 10px; font-size:18px; line-height:1.4; text-align:center; font-weight:600; word-break: keep-all; background-color:#6d6d6d; color:#fff;}
.matching .matching_con.step_11 .item .result{margin-top:15px;}
.matching .matching_con.step_11 .item .result .li{position:relative; padding-left:10px;}
.matching .matching_con.step_11 .item .result .li::before{position:absolute; width:4px; height:4px; left:0; top:10px; content:''; border-radius:100%; background-color:#3d3d3d;}
.matching .matching_con.step_11 .item .result .li + .li{margin-top:8px;}
.matching .matching_con.step_11 .item .result .sort{font-size:18px; line-height:1.4; word-break: keep-all; color:#3d3d3d;}
.matching .matching_con.step_11 .item .result .sort .state{font-weight:600; color:#00AD92;}
.matching .matching_con.step_11 .item .result .detail{position:relative; margin-top:3px; padding-left:10px; font-size:15px; line-height:1.4; word-break: keep-all; color:#3d3d3d;}
.matching .matching_con.step_11 .item .result .detail::before{position:absolute; width:4px; height:1px; left:0; top:9px; content:''; background-color:#3d3d3d;}
@media screen and (max-width: 1000px) {
    .matching .matching_con.step_11 .intro .title .not{font-size:25px;}
    .matching .matching_con.step_11 .item{max-width:500px; padding-left:40px; padding-right:40px;}
    .matching .matching_con.step_11 .item .info .subject{font-size:22px;}
    .matching .matching_con.step_11 .item .slick-arrow.slick-prev{left:-10px;}
        .matching .matching_con.step_11 .item .slick-arrow.slick-next{right:-10px;}
}
@media screen and (max-width: 640px) {
    .matching .matching_con.step_11 .intro .title .not{font-size:20px;}
    .matching .matching_con.step_11 .item{padding-left:25px; padding-right:25px;}
    .matching .matching_con.step_11 .item .slick-slide{margin-left:0; margin-right:0;}
    .matching .matching_con.step_11 .item .result .li{padding-left:8px;}
    .matching .matching_con.step_11 .item .result .li::before{width:3px; height:3px; top:9px;}
    .matching .matching_con.step_11 .item .box .level{width:70px; right:15px; top:15px; height:35px; padding:0 5px; line-height:35px; font-size:16px;}
    .matching .matching_con.step_11 .item .info .subject{width:calc(100% - 80px); font-size:20px;}
    .matching .matching_con.step_11 .item .info .cate{font-size:16px;}
    .matching .matching_con.step_11 .item .result .sort{font-size:16px;}
    .matching .matching_con.step_11 .item .result .detail{font-size:14px;}
}
*/



.matching .result .intro .title .not{display:block; margin-top:5px; font-size:28px;}
.matching .result .item{display:flex; max-width:1000px; margin-left:auto; margin-right:auto;}
.matching .result .item{position:relative; display:flex; flex-wrap: wrap; max-width:1200px; margin-left:auto; margin-right:auto; padding-left:60px; padding-right:60px; box-sizing: border-box;}
.matching .result .item .box{position:relative; width:calc((100% - 40px)/3); margin-right:20px; padding:20px; background-color:#f9f9f9; box-sizing: border-box;}
.matching .result .item .box:nth-child(3n){margin-right:0;}
.matching .result .item .box:nth-child(+n+4){margin-top:20px;}
.matching .result .item .info .subject{padding-top:5px; padding-bottom:5px; font-size:25px; line-height:1.3; word-break: keep-all; color:#222; font-weight:600; text-align:center;  color:#fff; background-color:#4db8fa; text-shadow:3px 3px 3px rgba(0,0,0,0.2);}
.matching .result .item .group{margin-top:15px;}
.matching .result .item .group .li{position:relative; padding:10px 15px; line-height:1.4; word-break: keep-all; text-align:center; box-shadow: 0 0 10px rgba(0,0,0,0.1); border-radius:20px; background-color:#fff;}
.matching .result .item .group .li + .li{margin-top:10px;}
.matching .result .item .group .dt{margin-bottom:8px; padding-bottom:8px; border-bottom:1px solid #ddd; font-size:17px; font-weight:600; color:#000;}
.matching .result .item .group .dd{padding-left:10px; padding-right:10px; font-size:16px; color:#3d3d3d;}

.matching .result .result_btn_group{display:flex; justify-content: center; align-items: center; gap:10px; margin:40px auto 0 auto;}

.matching .result .result_btn_group .anchor{display:flex; justify-content: center; align-items: center; border-radius:40px;}
.matching .result .result_btn_group .anchor span{position:relative; display:inline-block; padding:15px 30px 15px 57px; font-size:18px; line-height:1.1; font-weight:600; color:#fff;  border-radius:40px; transition:0.2s;}
.matching .result .result_btn_group .anchor span::before{position:absolute; display:block; width:20px; height:20px; left:30px; top:50%; transform: translateY(-50%); content:'';}

.matching .result .result_btn_group .anchor.btn_start_go span{background-color:#3d3d3d;}
.matching .result .result_btn_group .anchor.btn_start_go span::before{background:url('../img/sub/matching_start_go.png') no-repeat center center / contain;}
.matching .result .result_btn_group .anchor.btn_start_go span:hover{background-color:#4db8fa;}

.matching .result .result_btn_group .anchor.btn_print span{background-color:#0320b2;}
.matching .result .result_btn_group .anchor.btn_print span::before{background:url('../img/sub/matching_print_btn.png') no-repeat center center / contain;}
.matching .result .result_btn_group .anchor.btn_print span:hover{background-color:#021366;}

.matching .result .result_empty{width:100%; padding-top:80px; padding-bottom:80px; font-size:22px; line-height:1.3; font-weight:600; text-align:center; word-break: keep-all; background-color:#f9f9f9;}



.matching .result .item .info_number{max-width:80%; margin:0 auto 5px auto; padding:5px 10px; font-size:18px; line-height:1.4; text-align:center; font-weight:600; word-break: keep-all; background-color:#6d6d6d; color:#fff; border-radius:25px;}


@media screen and (max-width: 1200px) {
    .matching .result .item .box{width:calc((100% - 20px)/2);}
    .matching .result .item .box:nth-child(3n){margin-right:20px;}
    .matching .result .item .box:nth-child(even){margin-right:0;}
    .matching .result .item .box:nth-child(+n+3){margin-top:20px;}
}
@media screen and (max-width: 1000px) {
    .matching .result .intro .title .not{font-size:25px;}
    .matching .result .item .info .subject{font-size:22px;}
    .matching .result .item{padding-left:0; padding-right:0;}
    .matching .result .result_empty{padding-top:60px; padding-bottom:60px; font-size:20px;}
}
@media screen and (max-width: 640px) {
    .matching .result .intro .title .not{font-size:20px;}
    
    .matching .result .item .box{width:100%; margin-right:0;}
    .matching .result .item .box:nth-child(3n){margin-right:0;}
    .matching .result .item .box:nth-child(+n+2){margin-top:20px;}
    .matching .result .item .info .subject{font-size:20px;}
    .matching .result .item .group .dt{margin-bottom:5px; padding-bottom:5px; font-size:16px;}
    .matching .result .item .group .dd{font-size:15px;}    
    /* .matching .result .btn_start_go{margin:30px auto 0 auto;} */
    .matching .result .result_btn_group{margin-top:20px;}
    .matching .result .result_btn_group .anchor span{padding:13px 25px 13px 55px; font-size:16px;}
    .matching .result .result_btn_group .anchor span::before{left:25px;}
    .matching .result .result_empty{padding-top:50px; padding-bottom:50px; font-size:18px;}
}
@media screen and (max-width: 599px) {
    .matching .result .result_btn_group{flex-direction: column;}
}










/*로딩중*/
#loading_screen h2{font-size:35px; line-height:1.4; word-break: keep-all;}
@media screen and (max-width: 1000px) {
    #loading_screen h2{font-size:30px;}
}
@media screen and (max-width: 640px) {
    #loading_screen h2{font-size:25px;}
}






/*250328 수정 */
.company_list > ul > li > a .box .logos{height:84px; margin:0 10px; padding:0;}
.btnGeneral.next:after{background-position:center center !important;}
.company_list > ul > li > a .s_txt{color:#4db8fa;}
.company_list > ul > li > a .box .box_btn{background-color:#4db8fa;}
.main_tit .small_tit{color:#4db8fa;}
.article .tit.part_titw{background-color:#4db8fa;}
.in_header .top_menu > ul > li:nth-child(2) > a{background-color:#4db8fa; border-color:#4db8fa;}
.gnb > ul > li > a:hover{color:#4db8fa;}
.introdcue .txt_t{color:#4db8fa;}
.article.first-art{border-color:#4db8fa;}
.article .tit{color:#4db8fa;}
.article.last-art{border-color:#4db8fa;}
.s_tit .s_tit_mini{background-color:#4db8fa;}
.step_box{border-color:#4db8fa;}
.step_box > ul > li{border-color:#4db8fa;}
.step_box > ul > li .num{color:#4db8fa;}
.notice_list > ul{border-color:#4db8fa;}
.notice_list .note_tit .type1{color:#4db8fa; border-color:#4db8fa;}
.notice_note .txt_line .chat{background-color:#4db8fa;}
.notice_note .txt_line .chat:hover{background-color:#69C6FF;}
.customer_wrap dl dd > p .go{border-color:#4db8fa;}
.atab li.on a{background-color:#69C6FF; border-color:#4db8fa !important;}
.blue{color:#4db8fa !important;}
.btnGeneral{background:#69C6FF !important;}
.paging a.on{background:#69C6FF !important; border-color:#69C6FF !important;}
.btnwrite{background-color:#69C6FF !important;}
.member_common.resume .table_line .btn-default.style_1{background-color:#009EFF;}
.login_wrap .login_bt .btn{background-color:#69C6FF; border-color:#4db8fa !important;}
.main_movie .tit{color:#4db8fa;}
.main_movie .box{border-color:#69C6FF;}


.resume-modal-header h3{color:#69C6FF !important;}
.resume-modal-header{border-color:#69C6FF !important;}
.submit-btn{background-color:#009EFF !important;}
.select-btn:hover{background-color:#009EFF !important;}
.resume-item.selected{border-color:#69C6FF !important; background-color:#EEF9FF !important;}
.resume-item.selected .select-btn{background-color:#009EFF !important;}



/*250401 ~*/
.company_list > ul > li > a .box .option{font-weight:600;}
.company_view .product_top .btn_counsel.disabled{cursor: auto;}





/*참가기업 상세 이력서 다운*/
.cp_formdown{margin-top:60px;}
.cp_formdown .btn_down{display:flex; flex-direction: column; justify-content: center; align-items: center; width:100%; height:100%; max-height:130px; padding:15px; box-sizing: border-box; border-radius:15px; background-color:#4db8fa; transition:0.3s; box-shadow: 5px 5px 15px rgba(0,0,0,0.1);}
.cp_formdown .text.n1{display:block; font-size:22px; line-height:1.4; font-weight:600; color:#fff; vertical-align: middle; word-break: keep-all; text-align:center; text-shadow: 5px 5px 5px rgba(0,0,0,0.1);}
.cp_formdown .text.n1 .ico{display:inline-block; width:30px; height:30px; margin-right:10px; background:url('../img/sub/cp_formdown.png') no-repeat center center / contain; vertical-align: middle;}
.cp_formdown .text.n2{display:block; margin-top:10px;}
.cp_formdown .text.n2 .step{position:relative; display:inline-block; padding-left:30px; font-size:18px; line-height:1.3; color:#fff; word-break: keep-all; text-shadow: 5px 5px 5px rgba(0,0,0,0.1);}
.cp_formdown .text.n2 .step::before{position:absolute; display:block; width:25px; height:25px; left:0; top:50%; transform: translateY(-50%); content:''; background:url('../img/sub/cp_formdown_arrow.png') no-repeat center center / contain; }
.cp_formdown .text.n2 .step:first-child{padding-left:0;}
.cp_formdown .text.n2 .step:first-child::before{display:none;}
.cp_formdown .btn_down:hover{background-color:#555;}
@media all and (max-width:640px){
    .cp_formdown{margin-top:40px;}
    .cp_formdown .btn_down{max-height:160px;}
    .cp_formdown .text.n1{font-size:18px;}
    .cp_formdown .text.n1 .ico{width:25px; height:25px; margin-right:5px;}
    .cp_formdown .text.n2 {max-width:200px;  margin-left:auto; margin-right:auto;}
    .cp_formdown .text.n2 .step{padding-left:25px; font-size:15px;}
    .cp_formdown .text.n2 .step::before{width:20px; height:20px;}
    .cp_formdown .text.n2 .step + .step{margin-top:7px;}
}




@media all and (max-width:768px){
    .company_list > ul > li > a .logos_wrap{margin-top:10px; border-bottom:1px solid #eee;}
    .company_list > ul > li > a .box .name{text-align:center;}
    .company_list > ul > li > a .box .option{justify-content: center;}
    .company_list > ul > li > a .s_txt{text-align:center;}
}







/*상담신청 페이지*/
.counsel_apply .group{display:flex; justify-content: center; align-items: center; max-width:650px; margin-left:auto; margin-right:auto; padding:30px; border:2px solid #69C6FF; border-radius:20px; box-sizing: border-box;}
.counsel_apply .item{width:50%; padding:0 20px; text-align:center; box-sizing: border-box;}
.counsel_apply .item .title{margin-bottom:15px; padding:15px 10px; font-size:20px; color:#111; line-height:1.2; font-weight:600; border-radius:10px; background-color: #f3f3f3;}
.counsel_apply .item .text{font-size:18px; line-height:1.2;}
.counsel_apply .item .name{margin-bottom:8px;} 
.counsel_apply .item .text .dt{font-weight:500;}
.counsel_apply .not{margin-top:20px; font-size:15px; line-height:1.4; text-align:center; word-break: keep-all;}
/* .counsel_apply .not br{display:none;} */
.counsel_apply_wrap button[type="submit"].btnGeneral{border-radius:60px;}
@media all and (max-width:768px){
    .counsel_apply .group{display:block; max-width:480px; padding:20px;}
    .counsel_apply .item{width:100%; padding:0;}
    .counsel_apply .item + .item{margin-top:20px;}
    .counsel_apply .item .title{margin-bottom:10px; padding:10px 10px; font-size:18px;}
    .counsel_apply .item .text{font-size:16px;}
    .counsel_apply .not br{display:block;}
}

/* 2025 스포츠산업 채용박람회 SPO JOBS - 메인 비주얼·섹션 */
#header h1 a{font-size:18px; font-weight:700; color:#222; text-decoration:none;}
#header h1 a img{display:inline-block; vertical-align:middle;}
.main_visual_wrap .v_txt .main_visual_title{font-size:28px; line-height:1.3; color:#fff; font-weight:700; margin:0 0 15px; padding-top:20px;}
.main_visual_wrap .v_txt .main_visual_title .spo_jobs{display:block; font-size:22px; color:#ffc107; margin-top:5px;}
.main_visual_wrap .v_txt .main_visual_info{margin:0 0 20px; font-size:16px; color:rgba(255,255,255,0.95);}
.main_visual_wrap .v_txt .main_visual_info p{margin:0 0 5px;}
.main_visual_wrap .v_txt .main_visual_info strong{font-weight:700;}
.main_visual_wrap .v_txt .main_visual_quick{list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:15px;}
.main_visual_wrap .v_txt .main_visual_quick li a{display:inline-flex; align-items:center; gap:8px; color:#fff; font-size:14px; text-decoration:none;}
.main_visual_wrap .v_txt .main_visual_quick .ico{width:24px; height:24px; background:#fff; border-radius:50%;}
.section_title{text-align:center; font-size:22px; font-weight:700; color:#222; margin:0 0 25px;}
.main_program .program_cards{display:flex; flex-wrap:wrap; justify-content:center; gap:20px; max-width:1200px; margin:0 auto;}
.main_program .program_card{display:block; width:220px; padding:20px; border:1px solid #e0e0e0; border-radius:12px; background:#fff; text-align:center; text-decoration:none; color:#333;}
.main_program .program_card .card_tit{display:block; font-weight:600; font-size:18px; margin-bottom:8px;}
.main_program .program_card .card_desc{display:block; font-size:14px; color:#666;}
.main_program .section_more{text-align:center; margin:25px 0 0;}
.main_program .section_more a{color:#00AD92; font-weight:600;}
.main_info .info_columns{display:flex; flex-wrap:wrap; gap:30px; max-width:1200px; margin:0 auto;}
.main_info .info_left{flex:1; min-width:280px;}
.main_info .info_left h4{margin:0 0 15px; font-size:18px;}
.main_info .info_right{display:flex; gap:15px; flex-wrap:wrap;}
.main_info .info_card{display:block; padding:25px; min-width:200px; border:1px solid #e0e0e0; border-radius:10px; background:#f9f9f9; text-decoration:none; color:#333; font-weight:600;}
.main_cardnews .cardnews_slider{margin:0 auto; max-width:1200px;}
.main_cardnews .cardnews_item{display:inline-block; padding:15px 25px; border-radius:8px; background:#f0f0f0; color:#333; text-decoration:none;}
@media (max-width:768px){
    .main_visual_wrap .v_txt .main_visual_title{font-size:20px;}
    .main_visual_wrap .v_txt .main_visual_quick{flex-direction:column;}
    .main_program .program_cards{flex-direction:column; align-items:center;}
    .main_info .info_columns{flex-direction:column;}
}