@charset "UTF-8";

.dinbk {display : inline-block;}

.tab_hdtitle {
	color:#fff;
}

.tab_hdtitle2 {
	color:#fff; position:absolute;
    margin-top: -20px;
}

.overflowh {overflow : hidden;}

/* circles */
.recruit_proce {position:relative; overflow:hidden;}
.recruit_proce2 {position:relative; overflow:hidden;}
.recruit_proce3 {position:relative; overflow:hidden;}

.recruit_proce > ul li {width:33.3%; float:left;}
.recruit_proce3 > ul li {width:50%; float:left;}

.recruit_proce > ul li > span {display:inline-block; padding:20px 40px; width:250px;}
.recruit_proce > ul li > span:first-child {text-align:left; display:inline-block; padding:20px 40px; width:320px;}
.recruit_proce > ul li > span > p {display:inline-block; }


.recruit_proce2 > ul li > span {display:block; padding:20px 50px;}
.recruit_proce2 > ul li > span:first-child {display:block; padding:20px 50px; width: 100%; margin-bottom: 20px;}
.recruit_proce2 > ul li > span > p {display:block; }

.recruit_proce3 > ul li > span {display:block; padding:20px 50px;}
.recruit_proce3 > ul li > span:first-child {display:block; padding:20px 10px; width: 410px; margin-bottom: 20px;}
.recruit_proce3 > ul li > span > p {display:block; }


.proce_round1 {border:8px solid #73c3ca; border-radius:300px; word-break: break-all; text-align: justify;}
.proce_round2 {border:8px solid #6abbc9; border-radius:300px; word-break: break-all; text-align: justify;}
.proce_round3 {border:8px solid #3d8b98; border-radius:300px; word-break: break-all; text-align: justify;}


.pink_box {padding:5px 20px; font-size: 14px; color:#0e4e9f; border: 1px solid #0e4e9f;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: -o-fit-content;
    width: -ms-fit-content;display: inline-block;
}
.pink_box2 {padding:5px 20px; font-size: 17px; color:#0e4e9f; border: 1px solid #0e4e9f;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: -o-fit-content;
    width: -ms-fit-content;display: inline-block;
}

.mobile_view {display:none;}

.privacy_box {
    clear: both;
    padding: 0 22px;
    height: 250px;
    overflow-y: auto;
}
.privacy_box p {
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.4px;
    color: #141414;
    word-wrap: break-word;
    word-break: break-all;
}
.privacy_box h2 {
    font-size: 20px;
}
.privacy_box h3 {
    font-size: 16px;
}

.tbo {padding-left:50px;}
.tbo table {
      width: 100%;
      border-collapse: collapse;
	  border: solid 1px #bbb;
    }
.tbo table th {
      background: #dee7f1;
      color: #000;
      padding: 15px 5px;

      text-align: center;
      font-size: 15px !important;
      vertical-align: middle;
      border-right:solid 1px #bbb;
    }
 .tbo table td {
      padding: 20px 5px;
      border: solid 1px #bbb;
      text-align: center;
      font-size: 15px !important;
      vertical-align: middle;
      line-height: 23px;
    }

.tbo2 {padding-left:25px;}
.tbo2 table {
      width: 100%;
      border-collapse: collapse;
	  border: solid 1px #bbb;
    }
.tbo2 table th {
      background: #dee7f1;
      color: #000;
      padding: 15px 5px;

      text-align: center;
      font-size: 15px !important;
      vertical-align: middle;
      border-right:solid 1px #bbb;
    }
 .tbo2 table td {
      padding: 20px 5px;
      border: solid 1px #bbb;
      text-align: center;
      font-size: 15px !important;
      vertical-align: middle;
      line-height: 23px;
    }


.ButtonCreate {
-moz-box-shadow:inset 0px 1px 0px 0px #83c9d4;
	-webkit-box-shadow:inset 0px 1px 0px 0px #83c9d4;
	box-shadow:inset 0px 1px 0px 0px #83c9d4;
	background-color:#6eb3cc;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:11px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #3d768a;
}
.ButtonCreate:hover {
	background-color:#3ccfe6;
}
.ButtonCreate:active {
	position:relative;
	top:1px;
}

.fo0 {
    font-size: 0px !important;
}

.zi99 {z-index:99 !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb80 {margin-bottom:80px !important;}
.mt2 {margin-top:2px;}
.mt9 {margin-top:9px;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}

.pt50 {padding-top:50px !important;}

.r0 {right:0 !important;}
.l0 {left:0 !important;}

.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.ml28 {margin-left:28px;}
.ml30 {margin-left:30px;}
.ml75 {margin-left:35px;}
.mr75 {margin-right:50px;}

.ml775 {margin-left:45px;}
.mr775 {margin-right:50px;}
.mr999 {margin-right:250px;}

.simg1 {width:200px;}
.wi99 {width:175px !important; height:180px; vertical-align:middle;}
.wi99 p {font-size:14px; color : #767676; padding:0 10px;line-height:18px; margin-bottom: 16px;}
.wi35 {padding: 0 2px;}
.wi100 {width:100% !important;}
.wi555 {width:50px !important;}
.wi2555 {width:25% !important;}
.wi5555 {width:55% !important;}
.wi350 {width:355px !important;}
.fwn {font-weight:400;}

.mr10 {margin-right:10px !important;}
.mr5 {margin-right:5px !important;}

.pd20 {padding:20px !important;}
.pl0 {padding-left: 0 !important;}

.new_article {
    letter-spacing: -0.4px;
    color: #141414;
    word-wrap: break-word;
    word-break: break-all;
    line-height: 25px;
    max-width: 884px;
}

.second_u p, #detailJobName {
    letter-spacing: -0.4px;
    color: #141414;
    word-wrap: break-word;
    word-break: break-all;
}

.intro_subject {
	padding:20px 0;
    text-align:center;
}

.intro_subject span{
	padding-top:20px;font-size: 28px; color: #0e4e9f; font-weight:700;
}

.intro_subject2 {
font-size: 32px; color: #0e4e9f;
}

.intro_subject3 {
    padding: 30px;
    text-align: center;
    font-size: 17px;
    color: #5d5d5d;
    background: #fbfdff;
    line-height: 25px;
    letter-spacing: -0.4px;
    word-wrap:break-word;
    word-break: break-all;
}



@media (max-width:1200px) {

	.simg1 {width:100%;}

	.recruit_proce > ul li {width:100%; float:none; padding:0 0 1em 0}
	.recruit_proce > ul li > span {width:100%;}
	.recruit_proce > ul li > span:first-child {width:100%;}

	.recruit_proce2 > ul li {width:100%; float:none; padding:0 0 1em 0}
	.recruit_proce2 > ul li > span {width:100%;}
	.recruit_proce2 > ul li > span:first-child {width:100%;}

	.recruit_proce3 > ul li {width:100%; float:none; padding:0 0 1em 0}
	.recruit_proce3 > ul li > span {width:100%;}
	.recruit_proce3 > ul li > span:first-child {width:100%;}

	.proce_round1 {background:#fff no-repeat 90% 10px;}
	.proce_round2 {background:#fff no-repeat 90% 10px;}
	.proce_round3 {background:#fff no-repeat 90% 10px;}

}

.txt-bold {font-weight: bold;}


/* slider
=========================================================*/
    .swiper-container {
      width: 100%;
      height: 100%;
      margin-left: auto;
      margin-right: auto;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }

.swiper-slide .caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 30px;
    padding-left: 10px;
    padding-top: 5px;
    vertical-align: middle;
    color: white;
    background: rgba(0,0,0,0.6);
    letter-spacing: -1px;
    font-size:15px;
}

..main-con1 .banner2 .mc_link{width: 604px;float:left;margin-bottom: 4px;}
.main-con1 .banner2 .mc_link a{display:inline-block;width: 188px;height:110px;text-align: center;font-size: 18px;font-weight: 400;padding-top: 64px;background-repeat: no-repeat;background-position: center 25%; margin: 5px;}

.interest_box {float:left;  position: absolute;  top: 0;  left: 0;margin-top: 5px;}
.interest_box a{padding: 7px 12px; border-radius: 2px; cursor: pointer;}
.interest_box a.interest_off{font-size: 12px; color:#333; font-weight: nomal; background: url(../images/sub/icon_star_off.png) no-repeat 10%; background-size: 16px 16px; background-color:#fff; border: 1px solid #666;}
.interest_box a.interest_off span{ font-size: 12px; color:#333; font-weight: nomal; padding-left: 20px;}

.interest_box a.interest_on{font-size: 12px; color:#fff; font-weight: 800; background: url(../images/sub/icon_star_on.png) no-repeat 10%; background-size: 16px 16px; background-color:#0e4e9f; border: none;}
.interest_box a.interest_on span{ font-size: 12px; color:#fff; font-weight: 800; padding-left: 20px;}



.sns_boxes {  float:right;  position: absolute;  top: 0;  right: 35px;}
.sns_boxes button:focus {  border : 1px solid #bbb;}

.text_fff {  color : #fff;}

/*마진 조정*/
.mgr_10 {  margin-right: 10px;}
.mgl_10 {  margin-left:10px;}
.mgt_m5 {  margin-top:-5px;}
.mgt_20 {  margin-top:20px;}
.mgb_20 {  margin-bottom:20px;}
.mgb_30 {  margin-bottom:30px;}
.mgt_60 {  margin-top:60px;}
.mgb_m30 {  margin-bottom: -30px;}

.tac {  text-align: center !important;}


/* Style the buttons that are used to open and close the accordion panel */
.accordion {
    background-color: #fff;
    color: #444;
    cursor: pointer;
    width: 100%;
    text-align: left;
    padding: 25px 20px;
    border-top: solid 1px #cbcbcb;
    vertical-align: middle;
    transition: 0.4s;
}

#totalList .active{ background-color: #fbfdff;}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.accordion:hover { background-color: #fafafa;}

/* Style the accordion panel. Note: hidden by default */
.panel {
    padding: 0 20px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.panel:last-child {
    border-bottom: solid 1px #cbcbcb;
}

.panel p {
    padding-top:10px;
    padding-bottom: 10px;
}

/*링크버튼*/
.link_itembx{font-size: 10px; color:#999999; line-height: 1.3em;text-align: center;padding:0;display: inline-block;margin-right:15px;margin-left:15px;position: relative;vertical-align: middle;margin-bottom: 3px;}
.link_itembx:after{content: "";width:1px; height: 8px;background: #aaaaaa; position: absolute; top:4px; left:-15px;}
.link_itembx:hover{color:#3d8b98;}


/* 서치
=========================================================*/
.head_search_bx{position: relative; padding-right:20px;}
.head_search_bx:after{content: ""; display: table; clear:both;}
.head_search_bx label{display: none;}
.head_search_bx .text_inputbx{display: block;font-size: 10px; color:#999999; line-height: 1.3em;padding:8px 0 9px;height: 30px;width:110px;float: right;}
.head_search_bx .submit_bx{width:16px; height: 17px;background: url(../images/icon/icon_item.png) no-repeat;background-size: 500px 500px;background-position: 0 0;display: block;text-indent: -99999px;cursor: pointer;position: absolute; top:7px; right:0;z-index: 10;}
.head_search_bx .submit_bx:hover{background-position: -20px 0;}


/*=========================================================
  네비게이션
=========================================================*/
.main-navigation .menu-toggle{display: none !important;}
.menu-scroll-down{display: none !important;}

.header_navbx{clear: both;}
.header_navbx .menu:after{content: ""; display: table; clear: both;}
.header_navbx .menu > li{float: left; padding:23px 35px 16px; height: 69px; position: relative; font-weight: 500;}
/* .header_navbx .menu > li:last-child{padding-right:0;} */
.header_navbx .menu > li > a{font-size: 20px; letter-spacing: -1px; font-family: nsR; color:#333333; line-height: 1.3em; display: block;border-bottom: solid 2px transparent;padding-bottom: 5px;}
.header_navbx .menu > li:hover > a{border-bottom: solid 2px #3d8b98;color:#3d8b98;}
.header_navbx .menu > li[class*="current"] > a{border-bottom: solid 2px #3d8b98;color:#3d8b98;}

/* 서브메뉴
=========================================================*/
.header_navbx .menu > li .sub-menu{position: absolute; top:69px;left:50%;background: #fff; transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);min-width: 168px;opacity: 0; visibility: hidden;-webkit-box-shadow: 0 0px 1px 1px rgba(0,0,0,.1);-moz-box-shadow: 0 0px 1px 1px rgba(0,0,0,.1);box-shadow: 0 0px 1px 1px rgba(0,0,0,.1);}
.header_navbx .menu > li .sub-menu > li > a{white-space: nowrap; display: block;text-align: center;font-size: 15px; color:#888; line-height: 1.3em;padding:9px 5px; font-weight: 400;/* background-color:rgba(153, 153, 153, 0.21); */}
.header_navbx .menu > li:hover .sub-menu{opacity: 1; visibility: visible;}
.header_navbx .menu > li .sub-menu > li:hover > a{background: #3d8b98; color:#fff;}
.header_navbx .menu > li .sub-menu > li[class*="current"] > a{background: #3d8b98; color:#fff;}


/*=========================================================
  반응형
=========================================================*/
@media screen and (max-width: 1279px) and (min-width: 1024px){
	.header_navbx .menu > li{padding:23px 30px 16px;}
	.mowi100 {width:100% !important;}
}

/*=========================================================
  반응형
=========================================================*/
@media screen and (max-width: 1099px) and (min-width: 920px){
	.header_navbx .menu > li{padding: 23px 20px 16px;}
	.mowi100 {width:100% !important;}
}

@media screen and (max-width: 919px) and (min-width: 770px){
	.max_container{width:770px;padding-left:30px;padding-right:30px;}
	.mowi100 {width:100% !important;}
}

@media screen and (max-width: 769px) and (min-width: 740px){
	.max_container{width:740px;padding-left:30px;padding-right:30px;}
	.mowi100 {width:100% !important; min-width:255px;}
}

@media screen and (max-width: 739px) and (min-width: 720px){
	.max_container{width:720px;padding-left:30px;padding-right:30px;}
	.mowi100 {width:100% !important; min-width:255px;}
}

@media screen and (max-width: 719px) and (min-width: 670px){
	.max_container{width:670px;padding-left:30px;padding-right:30px;}
	.mowi100 {width:100% !important; min-width:255px;}
}

@media screen and (max-width: 669px) and (min-width: 640px){

	.max_container{width:640px;padding-left:30px;padding-right:30px;}
	.mowi100 {width:100% !important; min-width:255px;}
	.btn_delete {  float:left !important;}

	.privacy_box {padding: 0 10px;}

	.top_selectbx {width: 333px; margin: 0 auto;}

	.wi555 {width:100% !important;}
	.wi5555 {width:100% !important;}

}


@media screen and (max-width: 639px) and (min-width: 480px){

	.m_menubox{height: 15px;position: absolute; top:50%; margin-top:-8px;left:20px;display: none;}
	.max_container{padding-left:30px;padding-right:30px;}

	.mowi100 {width:100% !important; min-width:255px;}

	.privacy_box {  padding: 0 10px;}

	.wi99 {width:160px !important;}
	.wi99 p {font-size:13px; }

	.wi555 {width:100% !important;}
	.wi5555 {width:100% !important;}

	.mr75 {margin-right:0px !important;}
	.ml75 {margin-left:0px !important;}
	.ml775 {margin-left:0px !important;}
	.mr775 {margin-right:0px !important;}

	.top_selectbx {width: 333px;margin: 0 auto;}

	.btn_delete {float:left !important;}

	.intro_subject3 {
		padding: 18px;
		text-align: center;
		font-size: 15px;
		color: #5d5d5d;
		background: #fbfdff;
		line-height: 25px;
		letter-spacing: -0.4px;
        
	}

	.mmt40 {margin-top:40px;}

	.ButtonCreate {width:100% !important; margin-bottom:10px;}

}

@media screen and (max-width: 479px){

	.max_container{width:100%;}

	.ButtonCreate {width:100% !important; margin-bottom:10px;}

	.privacy_box {padding: 0 10px;}

	.wi99 {width:160px !important;}
	.wi99 p {font-size:13px; line-height: 17px;}

	.wi555 {width:100% !important;}
	.wi5555 {width:100% !important;}

	.mowi100 {width:100% !important; min-width:255px;}

	.ffo15 {font-size:15px !important;}

	.mmt40 {margin-top:40px;}

	.mr75 {margin-right:0px !important;}
	.ml75 {margin-left:0px !important;}
	.ml775 {margin-left:0px !important;}
	.mr775 {margin-right:0px !important;}

	.intro_subject3 {
		padding: 18px 10px;
		text-align: center;
		font-size: 15px;
		color: #5d5d5d;
		background: #eee;
		line-height: 25px;
		letter-spacing: -0.4px;
	}

	.btn_delete {float:left !important;}

	.top_selectbx { margin: 0 auto;}

}

/*=========================================================
  메인슬라이드
=========================================================*/
.main_slide_bx{clear: both;position: relative; background: #1c4458;}
.main_slide_bx .slide_box .slide_itembx .item_slidebx{height: 400px;position: relative;}
.main_slide_bx .slide_box .slide_itembx .background{background: url(../images/main/main_img_01.png) no-repeat;background-position: center; position: absolute; top:0; left:0;right:0; bottom:0;z-index: 1;}
.main_slide_bx .slide_box .slide_itembx .background .bg_container{position: relative; top:0; left:0; right:0; bottom:0; z-index: 2;max-width: 1200px;margin:0 auto;}
.main_slide_bx span {
	color : #fff;
	margin-left:5px;
}


/*조건값*/
.main_slide_bx .slide_box .slide_itembx{display: none;}
.main_slide_bx .slide_box .slide_itembx.active{display: block;}

/* 슬라이드 블릿
=========================================================*/
.slide_bullet{position: absolute; bottom:65px;left:50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);z-index: 50;}
.slide_bullet:after{content: ""; display: table;clear: both;}
.slide_bullet .number{float: left;font-size: 12px; color:#fff;margin-right:20px;}
.slide_bullet .number span{font-size: 18px; color:#fff;}
.slide_bullet .number span.no{margin-right: 6px;}
.slide_bullet .number span.total{font-weight: bold;margin-left:6px;}
.slide_bullet .arrowbtn{float: left;font-size: 0; line-height: 0;margin-top:10px;margin-right:20px;height: 9px;}
.slide_bullet .icon_btn{float: left;font-size: 0; line-height: 0;margin-top:8px;height: 13px;}
.slide_bullet .arrowbtn .prev{width:5px; height: 9px;display: inline-block;background: url(../images/icon/icon_item.png) no-repeat;background-size: 500px 500px;background-position:-40px 0;text-indent: -99999px;margin-right:18px;position: relative;}
.slide_bullet .arrowbtn .prev:after{content: ""; width:1px; height: 10px;background: rgba(255,255,255,0.6);position: absolute; top:-1px; right:-18px;}
.slide_bullet .arrowbtn .last{width:5px; height: 9px;display: inline-block;background: url(../images/icon/icon_item.png) no-repeat;background-size: 500px 500px;background-position:-46px 0;text-indent: -99999px;margin-left:18px;}
.slide_bullet .icon_btn .stop{width:10px; height: 13px;display: inline-block;background: url(../images/icon/icon_item.png) no-repeat;background-size: 500px 500px;background-position:-57px 0;text-indent: -99999px;margin-right:15px;opacity: 0.3;}
.slide_bullet .icon_btn .play{width:10px; height: 13px;display: inline-block;background: url(../images/icon/icon_item.png) no-repeat;background-size: 500px 500px;background-position:-80px 0;text-indent: -99999px;margin-right:15px;opacity: 0.3;}

/*호버*/
/*.slide_bullet .arrowbtn .prev:hover{background-position: -40px -14px;}
.slide_bullet .arrowbtn .last:hover{background-position:-46px -14px;}
.slide_bullet .icon_btn .stop:hover{background-position: -57px -14px;}
.slide_bullet .icon_btn .play:hover{background-position: -80px -14px;}*/

/*액티브*/
/*.slide_bullet .icon_btn .stop.active{background-position: -57px -14px;}
.slide_bullet .icon_btn .play.active{background-position: -80px -14px;}*/
.slide_bullet .icon_btn .stop.active{opacity: 1;}
.slide_bullet .icon_btn .play.active{opacity: 1;}

/*=========================================================
  반응형
=========================================================*/

@media screen and (max-width: 1316px) and (min-width: 1px){
	.main_slide_bx .slide_box .slide_itembx .background .bg_container{display: none;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
	.main_slide_bx .slide_box .slide_itembx .background{background-attachment:inherit;background-position: 0 0; background-size: cover;}
	.main_slide_bx .slide_box .slide_itembx .item_slidebx .line_contbx h3{font-size: 30px;max-height: 72px;}
	.main_slide_bx .slide_box .slide_itembx .item_slidebx .line_contbx .sub_text{font-size: 14px; text-align: center;}
	.main_slide_bx .slide_box .slide_itembx .item_slidebx{height: 222px;}
	.main_slide_bx .slide_box .slide_itembx .item_slidebx .contbx{height: 300px;}
	.main_slide_bx .slide_box .slide_itembx .item_slidebx .line_contbx{margin:0 auto;}

	.main_slide_bx .slide_box .slide_itembx .item_slidebx .line_contbx:after{width:150px; height: 150px; margin-top:-75px;}
	.slide_bullet{bottom:35px;}
	.slide_bullet .number{display: none;}

}

@media screen and (max-width: 1023px) and (min-width: 800px){

	/* .main_slide_bx .slide_box .slide_itembx .background{background-size: 150%!important;background-position:center 0!important;} */
	.main_slide_bx .slide_box .slide_itembx .background{background-position:center 0px!important;background-size: 129%!important;background-attachment: inherit!important;}

}

@media screen and (max-width: 799px) and (min-width: 640px){

/* .main_slide_bx .slide_box .slide_itembx .background{background-size: 200%!important;background-position:center 0!important;} */
.main_slide_bx .slide_box .slide_itembx .background{background-position:center 0px!important;background-size: 100%!important;background-attachment: inherit!important;}
 .pc_view {display:none;}
 .mobile_view {display:block;}


}

@media screen and (max-width: 639px) and (min-width: 1px){
.main_slide_bx .slide_box .slide_itembx .item_slidebx .line_contbx h3{font-size: 22px;max-height: 52px; margin-top:7px;}
.main_slide_bx .slide_box .slide_itembx .item_slidebx .line_contbx .sub_text{font-size: 13px;}

.tbo table {display:block; overflow-x:auto;     white-space: nowrap;}
.tbo2 table {display:block; overflow-x:auto;     white-space: nowrap;}

.tbo { padding-left:0}
.tbo2 {padding-left:0}

.pc_view {display:none;}
.mobile_view {display:block;}

.intro_subject2 {font-size: 25px; color: #00b5b4;}

/* .main_slide_bx .slide_box .slide_itembx .background{background-size: 310%!important;background-position:center 0!important;} */
.main_slide_bx .slide_box .slide_itembx .background{background-position: center 0px!important;background-size: 200%!important;background-attachment: inherit!important;}
}

/*member 관련*/
.post_list1 ul > li .title_box h3.name .tit{
    line-height: 1.2em; color: #999; font-size: 13px; margin-left: 15px;
}

/*메인슬라이드버튼*/
.main_contbx.v2 .unit_cont.ro4 .infeed_cont.inco1{padding-bottom: 36px;}
.h_slide_btn{margin-top:15px; clear: both;}
.h_slide_btn:after{content: ""; display: table; clear: both;}
.h_slide_btn .prev_btn{width:31px; height: 30px; display: block; float: left; background: url(../images/icon/h_slide_btn.png) no-repeat;background-size: 65px 30px;background-position: 0 0;margin-right: 10px;}
.h_slide_btn .next_btn{width:31px; height: 30px; display: block; float: left; background: url(../images/icon/h_slide_btn.png) no-repeat;background-size: 65px 30px;background-position: -35px 0;}

@media screen and (max-width: 1023px) and (min-width: 1px){
	.main_contbx.v2 .unit_cont.ro4 .infeed_cont.inco1 .cont_titbx h3{margin-bottom: 10px;}
	.h_slide_btn{margin-top:0; margin-bottom: 15px;}
	.main_contbx.v2 .unit_cont.ro4 .infeed_cont.inco1{padding-bottom: 25px;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
	.main_contbx.v2 .unit_cont.ro4 .infeed_cont.inco1{padding-bottom: 20px;margin-bottom: 20px;}
	.ml30 {margin-left:0;}
}


.tg  {width : 100%; }

.tg td {
    font-size: 14px;
    padding: 10px 5px;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    word-break: normal;
    border-color: #ccc;
    color: #333;
    background-color: #fff;
}

.tg th {
    background: #c1e0e5;
    color: #606165;
    font-weight: bold;
    padding: 10px 5px;
    border-bottom: solid 1px #75c2c8;
    text-align: center;
    font-size: 16px;
    vertical-align: middle;
    border-color: #ccc;
}


.boxes {
    display: flex;
    flex: 1 auto;
    margin-bottom: 60px;
    
}

.boxes1 {
    display: flex;
    flex: 1 auto;
    margin-bottom: 60px;
}

.box {    
    text-align: center;
    line-height: 1.2em;
    padding: 16px 20px;
    font-size: 15px;
    border : 1px solid #afcef4;
    margin: 4px;
    width: 96%;
}

.boxes1 .active {   
    color:#fff;
    font-size: 16px;
    font-weight: 700;
    border : 1px solid #6698d6;
    margin: 4px;
    width: 96%;
    background: #6698d6;
}


@media all and (max-width:460px){
    .boxes {
     flex-flow:row wrap;
}
    
    .boxes1 {
    flex-flow:row;
}
    .box{
    padding-left: 0.5em;
    padding-right: 0.5em;
    }
}
    





.sitea {
   line-height: inherit;
   text-decoration: none;
}

.box2 {
  color:#fff;
  text-align: center;
  line-height: 70px;
  font-size: 16px;
    height: 70px;
  flex: 1;
}

.gradient-border {
  box-sizing:border-box;
  display: inline-block;
  margin: 10px;
  width: 150px;
  height: 150px;
  border-style: solid;
    border-image: linear-gradient(to right, #01c9ca 0%, #3886FF 100%);
  border-image-slice: 1;
  background: #f7f7f7;
}

.top { border-image-width: 20px 0 0 0; }
.bottom { border-image-width: 0 0 0 20px; }
.left { border-image-width: 0 0 20px 0; }
.right { border-image-width: 0 20px 0 0; }
.all { border-image-width: 20px; }


.lst-type-dot>li{font-size: 15px;
    color: #555;
    letter-spacing: -1px;
    line-height: 1.85em;
    list-style-position: inside;
    text-indent: -0.7em;
    padding-left: 1em;}
.lst-type-dot>li:before, .ex-txt td:before{content:"•";top:0;font-weight:700; margin-right: .4em;}

.lst-type-dot2>li{font-size: 15px;
    color: #555;
    letter-spacing: -1px;
    line-height: 1.5em;
    list-style-position: inside;
    text-indent: -0.7em;
    text-align: left;
    padding-left:20px;}
.lst-type-dot2>li:before, .ex-txt td:before{content:"•";top:0;font-weight:700; margin-right: .4em;}


.tab_list>h5 {
    color: #333;
    text-align: left;
    font-size: 19px;
}

.myButton04 {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5));
	background:-moz-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-webkit-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-o-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-ms-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:linear-gradient(to bottom, #79bbff 5%, #378de5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5',GradientType=0);
	background-color:#79bbff;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #84bbf3;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding:6px 15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528ecc;
	margin-top:2px;
}
.myButton04:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff));
	background:-moz-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-webkit-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-o-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-ms-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:linear-gradient(to bottom, #378de5 5%, #79bbff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff',GradientType=0);
	background-color:#378de5;
}
.myButton04:active {
	position:relative;
	top:1px;
}

.myButton {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5));
	background:-moz-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-webkit-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-o-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-ms-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:linear-gradient(to bottom, #79bbff 5%, #378de5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5',GradientType=0);
	background-color:#79bbff;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #84bbf3;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding:6px 15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528ecc;
	margin-top:2px;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff));
	background:-moz-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-webkit-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-o-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-ms-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:linear-gradient(to bottom, #378de5 5%, #79bbff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff',GradientType=0);
	background-color:#378de5;
}
.myButton:active {
	position:relative;
	top:1px;
}

.myButton2 {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#4169E1;
	font-family:Arial;
	font-size:14px;
	padding:3px 8px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.myButton2:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color:#f6f6f6;
}
.myButton2:active {
	position:relative;
	top:1px;
}


.myButton3 {
	background-color:#ffffff;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #0e4e9f;
	display:inline-block;
	cursor:pointer;
	color:#0e4e9f;
	font-size:14px;
	padding:3px 8px 5px;
	text-decoration:none;
    margin-bottom: 4px;
}


.myButton4 {
	background-color:#ffffff;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #666;
	display:inline-block;
	cursor:pointer;
	color:#333;
	font-size:14px;
	padding:3px 8px 5px;
	text-decoration:none;
}




.trafficArea .cntList01 {
    margin: 10px 0 20px 0;
    list-style-type: disc !important;
}

.cntTxt01 {
    color: #555;
    font-size: 14px;
    line-height: 1.7;
    margin-top:5px;
}

.cntList01 > li {
    position: relative;
    color: #555;
    font-size: 14px;
    line-height: 1.7;
    list-style: disc;
    margin-left:20px;
}

.listTit {
    margin-top: 28px;
    margin-bottom: 10px;
    font-size: 19px;
    color: #123867;
}

.trafficArea .status.tfLine1 {
    border: 1px solid #003499;
    color: #003499;
    width:135px;
}

.trafficArea .status {
    display: inline-block;
    min-width: 58px;
    text-align: center;
}

.status {
    display: inline-block;
    padding: 0 8px;
    border-radius: 13px;
    line-height: 20px;
    font-size: 13px;
    font-family: 'NotoKrM';
    background: #fff;
}

.trafficArea .status.bus {
    width: 135px;
    border: 1px solid #5e6d81;
    color: #5e6d81;
}

.trafficArea .status.tfLine2 {
    border: 1px solid #3cb44a;
    color: #3cb44a;
    width:135px;
    margin-top:10px;
}

.trafficArea .status.tfLine5 {
    border: 1px solid #8936e0;
    color: #8936e0;
    width:135px;
    margin-top:10px;
}

.trafficArea .status {
    display: inline-block;
    min-width: 58px;
    text-align: center;
}

.ht300 {
    padding:25px !important;
    height: 330px !important;
}

.ht100p {
    height: 100% !important;
}

.privacyList > li {
    list-style-type: decimal;
    margin-left: 18px;
    padding-left: 5px;
    font-size:15px;
    margin-top:15px;
    line-height: 20px;
    letter-spacing: -0.4px;
    color: #141414;
    word-wrap: break-word;
    word-break: break-all;
}

.cntList02 > li {
    position: relative;
    padding-left: 27px;
    color: #555;font-size:15px;
    line-height: 1.7;
    margin-top:5px;
    list-style: none;
}

.cntList02 > li > span.numBase {
    display: inline-block;
    position: absolute;
    top: -2px;
    left: 6px;
    margin-left: -3px;
}

.color_blue { color:blue; }

.cntTxt03 {
    position: relative;
    padding-left: 14px;
    color: #555;
    font-size: 14px;
    line-height: 1.7;
}
.cntTxt03:before {
    display: block;
    position: absolute;
    left: 0;
    content: 'ㆍ';
    width: 4px;
    height: 4px;
}


tbody td.tal {
    padding-left: 10px;
    padding-right: 10px;
}

body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { overflow-y: visible !important; padding-right:0 !important;}

#swal2-content table {margin : 10px auto;}
#swal2-content table td {border : 1px solid #bbb; padding:10px 20px; font-size:15px;}

#poplayer_No { position:fixed; font-size:12px; max-width:460px; z-index:9999; top:110px; left:350px; }
#poplayer_No .notice { left:170px; top:170px; font-weight:bold; background-color:#b7dee8; padding:10px 14px; width:320; }
#poplayer_No .contents {background: #f8f4eb; padding:39px; color:#fff; font-size:14px; }
#poplayer_No .winClose { background-color:#cccccc; font-weight:bold; cursor:pointer;background-color:#cdc3ac; float: right; color:#fff;}
.notNote {display: none; cursor:pointer;}
.notNote2 {cursor:pointer; color:#fff;}
.pop_title {text-align: center; color:#7f7f7f; font-size:19px; font-weight: 700;}
.pop_box {background: url(../images/main/pop_bg.png) bottom right #f8f4eb no-repeat; color:#000; padding: 25px 15px 15px 15px; font-size:14px; line-height: 25px; border : 10px solid #fff; border-radius: 10px;}
.pop_footer {width: 100%; color:#fff; background: #cdc3ac; padding:15px 20px; font-size:15px; line-height: 15px;}

.btn_lightgray {
  -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
  -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
  box-shadow:inset 0px 1px 0px 0px #ffffff;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
  background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
  background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
  background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
  background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
  background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
  background-color:#f9f9f9;
  -moz-border-radius:20px;
  -webkit-border-radius:20px;
  border-radius:20px;
  border:1px solid #dcdcdc;
  display:inline-block;
  cursor:pointer;
  color:#666666;
  font-family:Arial;
  font-size:15px;
  font-weight:bold;
  padding:6px 24px;
  text-decoration:none;
  text-shadow:0px 1px 0px #ffffff;
}
.btn_lightgray:hover {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
  background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
  background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
  background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
  background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
  background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
  background-color:#e9e9e9;
}
.btn_lightgray:active {
  position:relative;
  top:1px;
}

.btn_total {
  background-color:#333;
  border:1px solid #333;
  display:inline-block;
  cursor:pointer;
  color:#fff;
  font-family:Arial;
  font-size:15px;
  padding:6px 24px;
  text-decoration:none;
  min-width: 106px;
}

.btn_total:hover {
  background-color:#666;
    border:1px solid #666;
}
.btn_total:active {
  position:relative;
  top:1px;
}

.btn_list {
  background-color:#f0f0f0;
  border:1px solid #cbcbcb;
  display:inline-block;
  cursor:pointer;
  color:#666;
  font-family:Arial;
  font-size:15px;
  font-weight:bold;
  padding:6px 24px;
  text-decoration:none;
  min-width: 106px;
}
/*.btn_list:hover {
  background-color:#f0f0f0;
  border:1px solid #cbcbcb;
  display:inline-block;
  cursor:pointer;
  color:#666;
}
*/

.btn_list:active {
  position:relative;
  top:1px;
}

.btn_delete {
  background-color:#666;
  border:1px solid #666;
  display:inline-block;
  cursor:pointer;
  color:#fff;
  display:inline-block;
  cursor:pointer;
  font-family:Arial;
  font-size:15px;
  font-weight:bold;
  padding:6px 24px;
  text-decoration:none;
  min-width: 106px;
  float:right;
}
.btn_delete:hover {
  background-color:#777;
  border:1px solid #777;
  color:#fff;
}
.btn_delete:active {
  position:relative;
  top:1px;
}

}