2022-03-30@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;}
.search_btn {display: none; position: absolute; right:65px; top:26px;}
img {
	max-width: 100%;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}
#navigation {display: none;}
#fp-nav {display: none;}

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

.inner {max-width:1280px; margin:0 auto;     padding-bottom: 50px;}
.inner:after { clear: both; content: ""; display: block;}

.bg_wrap {background: #f2f2f2;background: url()no-repeat center;}


/* header */
#header {width:100%; position:fixed; left:0px; top:0px; z-index:9999; background: #fff; border-bottom: 1px solid #eee; box-sizing: border-box; transition: all 0.3s 0s ease-in-out; }

.in_header {max-width:1280px; width:100%; height:100px; box-sizing: border-box; margin:0 auto; position:relative; z-index:9; color: #fff;}
#header h1 {position: absolute; left:10px; top:50%; transform: translateY(-50%); -wbkit-transform: translateY(-50%); overflow: hidden; transition: all 0.3s 0s ease-in-out; z-index:10 }
#header h1 a {display: flex; align-items: center; overflow: hidden; height: 54px; outline: none;/*  background: url(../img/common/logo2.png) no-repeat left top */; gap: 20px;}
#header h1 i {overflow: hidden; width:100px; height: 65px; outline: none; background: url(../img/common/city_logo.png) no-repeat left top; background-size: 100%;}
#header .top_btns {z-index:10; overflow: hidden; position: absolute; right:0px; top:10px;}
#header .top_btns > li {float: left; padding: 0px 0px 0px 20px; line-height:100%; line-height: 22px;}
#header .top_btns > li .ico {display: inline-block; vertical-align:middle;}
#header .top_btns > li .m_topbtn {padding-left:7px; display: inline-block; vertical-align: middle; font-weight:500; color: #000; font-size:15px;  transition: all 0.3s 0s ease-in-out;}

.m_gnb_on {position:absolute; right:10px; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); box-sizing: border-box; display: none; }
.m_gnb_on .menu_btn {margin: 0 auto;}





/* GNB */
.w_gnb {padding:0px 0px 0px 0px;}
.w_gnb .gnb {margin: 0 auto; box-sizing: border-box; padding:40px 0px 0px 160px;}
.w_gnb .gnb:after {content:""; display:block; clear:both;}
.w_gnb .gnb > ul {font-size:0px; text-align: right;}
.w_gnb .gnb > ul:after {content:""; display:block; clear:both;}
.w_gnb .gnb > ul > li {text-align: center; display: inline-block; padding-left:100px; vertical-align: top; position:relative;}
.w_gnb .gnb > ul > li:first-child:before {display: none;}
.w_gnb .gnb > ul > li:first-child {padding-left: 0px;}
/*
.w_gnb .gnb > ul > li:before {display: block; content: ""; width:5px; height: 5px; background: #37bbd7; border-radius:100%; position: absolute; left: 20px; top: 50%; margin-top: -2px;}
*/
.w_gnb .gnb > ul > li > a {display:block; color:#fff;}
.w_gnb .gnb > ul > li > a > span {display:inline-block; box-sizing: border-box; font-size:20px; font-weight:600; line-height:60px; height:60px; color:#555555; transition: all 0.2s 0s ease-in-out; position: relative;}
.w_gnb .gnb > ul > li.gnb02 > a > span {color: #555555}
.w_gnb .gnb > ul > li.gnb04 > a > span {color: #555555}
.w_gnb .gnb > ul > li.gnb01 > a > span {color: #555555}
.w_gnb .gnb > ul > li.gnb07 > a > span {color: #555555}

/*.w_gnb .gnb > ul > li:nth-child(1) {font-family:MICEGothic, sans-serif;}
.w_gnb .gnb > ul > li:nth-child(2) {font-family:MICEMyungjo, sans-serif;}
.w_gnb .gnb > ul > li:nth-child(3) {font-family:YiSunShinDotumB, sans-serif;}
.w_gnb .gnb > ul > li:nth-child(4) {font-family:YiSunShinDotumL, sans-serif;}
.w_gnb .gnb > ul > li:nth-child(5) {font-family:YiSunShinDotumM, sans-serif;}*/



.gnb > ul > li.gnb08 {display: none !important;}
.gnb > ul > li.gnb09 {display: none !important;}

.w_gnb .sub_menu  {position:absolute; left:0%; width:100%; box-sizing:border-box; overflow:hidden; top:100%; line-height:20px; display:none; padding:20px 0px;}
.w_gnb .sub_menu > li {padding:5px 10px 5px 0px;}
.w_gnb .sub_menu > li > a {display:block; word-break: keep-all; font-size:14px; text-align:center; font-weight: 100; color:#fff; padding:2px 0px; line-height:18px;}
.w_gnb .sub_menu > li > a:hover {color:#fff; text-decoration: underline;}


.w_gnb .three_depth { display:none;}
.gnb08 {display: none !important;}
.gnb09 {display: none !important;}
.w_gnb .m_gnb_on {position:absolute; right:0px; top:-1px; padding:21px; background: #2d3749}
#gnb_bar {position:absolute; border-top:1px solid #ccc;  border-bottom:1px solid #ccc; display:none; left:0%; top:100%; width:100%; height:340px; background:#fff; z-index: 8}
#gnb_bar .gnb {max-width:1050px; margin: 0 auto; padding-top: 5px;}
#gnb_bar .gnb > ul > li {position: relative; height:50px; padding:7px 0px 7px 250px;}
#gnb_bar .gnb > ul > li:After {display: block; content: ""; width: 1920px; background: #f0f0f0; height: 1px; position: absolute; left:-435px; top: 0px;}
#gnb_bar .gnb > ul > li:first-child:After {display: none;}
#gnb_bar .gnb > ul > li > a {display: block; position: absolute; left:0px; top:7px; background: #fff; width:185px; height: 50px; line-height: 50px; color: #302b6c; text-align: center; font-size: 20px; font-weight: 800;}
#gnb_bar .gnb > ul > li.gnb05 > a {background: #fff;}
#gnb_bar .gnb > ul > li.gnb03 > a {background: #fff;}
#gnb_bar .gnb > ul > li.gnb06 > a {background: #fff;}
#gnb_bar .gnb > ul > li > .sub_menu {overflow: hidden;}
#gnb_bar .gnb > ul > li > .sub_menu > li {float: left; padding-left: 30px; line-height: 50px; font-size: 16px;}
#gnb_bar .gnb > ul > li > .sub_menu > li > a {display: block; padding-left: 10px; position: relative;}
#gnb_bar .gnb > ul > li > .sub_menu > li > a:before {display: block; content: ""; width:3px; height:3px; background: #00ade6; border-radius:100%; position: absolute; left: 0px; top: 50%; margin-top: -1px;}
#gnb_bar .gnb > ul > li > .sub_menu > li > a i{display: block; float: right; margin: 16px 0px 16px 10px; width: 20px; height: 20px; background: url(../img/common/insta_logo.png);}
#gnb_bar .gnb > ul > li > .sub_menu > li > a i.blog{background: url(../img/common/blog_logo.png); background-size: cover;}





.slide_menu_wrap {width:80%; max-width: 500px; box-sizing: border-box; height: 100%;  z-index: 99999; position: fixed; right:-90%; top: 0px; bottom:0px; }
.slide_menu_inner {padding:63px 15px 0px 15px; height: 100%; box-sizing: border-box; overflow-y:auto; overflow-x:inherit; -webkit-overflow-scrolling:touch; background: #343434; }
.slide_menu_inner .top_btns {overflow: hidden; padding-bottom: 20px; margin: -5px;}
.slide_menu_inner .top_btns > li {float: left; width: 20%; box-sizing: border-box; padding: 5px;}
.slide_menu_inner .top_btns > li:last-child{width: 100%;}
.slide_menu_inner .top_btns > li > a {display: block; font-weight: 300; padding: 10px; border: 1px solid #fff; background: #fff; color: #000;  font-size: 15px; text-align: center}
.slide_menu_inner .top_btns > li > a .ico {display: none;}
.slide_menu_wrap .m_gnb_on {display:none !important}

.all_close {position: absolute; right:20px; top: 20px; z-index: 99998}
.all_close button {background: none; border: none; outline: none; /*width: 26px; height: 26px;*/ padding: 0px; margin: 0px; }
.all_close .menu_btn {height: 20px !important; width: 30px !important;}
.all_close .menu_btn .line-top, .all_close .menu_btn .line-middle, .all_close .menu_btn .line-bottom {background:#fff !important}
.slide_menu_wrap .gnb > ul {overflow: hidden;}
.slide_menu_wrap .gnb > ul > li {border-bottom: 1px solid #474747; transform: translateX(30%); -webkit-transform: translateX(30%); transition: all 0.8s 0s ease-in-out; -webkit-transition: all 0.8s 0s ease-in-out; border-bottom: 1px solid #474747;}
.slide_menu_wrap .gnb > ul > li > a {display: block; line-height:33px; font-size:18px; color: #fff; padding: 10px 10px 10px 10px; background: url(../img/common/g_plus.png) no-repeat right center; font-weight: 500; }
.slide_menu_wrap .gnb > ul > li > a.on {background: url(../img/common/g_minus.png) no-repeat right center; }
.slide_menu_wrap .gnb .sub_menu {background:#333333; border-top:1px solid #474747; display: none; padding: 10px 0px 10px 10px; }
.slide_menu_wrap .gnb .sub_menu > li > a {display: block; position: relative; line-height:23px; padding:5px 10px 5px 15px; font-size:15px; color:#d6d6d6; }
.slide_menu_wrap .gnb .sub_menu > li > a:before {display: block; content: ""; width: 10px; height: 1px; background: #fff; position: absolute; left: 0px; top: 50%; opacity: 0.7;}
.slide_menu_wrap .gnb .sub_menu02{background:#4e4e4e; border-top:1px solid #777777; border-bottom:1px solid #777777; padding:10px 0px; }
.slide_menu_wrap .gnb .sub_menu02 > li > a {display: block; line-height:23px; padding:5px 10px 5px 35px; font-size:13px; color: #d6d6d6;}
.slide_menu_wrap.on .gnb > ul > li {transform: translateX(0%); -webkit-transform: translateX(0%); transition: all 0.8s 0s ease-in-out; -webkit-transition: all 0.8s 0s ease-in-out;}


/* .new #section1 {background: url(../img/main/mainVisual02.jpg) no-repeat center top; background-size:cover; padding: 0px;}  */
/* #section1 {background: url(../img/main/section1_bg.png) no-repeat center top; background-size:cover; padding: 0px;}*/

/* visual */
.main_visual {width: 100%; overflow: hidden; max-width: 1200px; margin: 0 auto; position: relative;}
/* visual new _210303 */
.mainVisualWrap{position:relative;width:100%; height:auto;}
.mainVisualWrap .bx-controls{position: absolute;bottom: 0;left: 0;width: 100%;height: 30px;z-index: 98;}
.mainVisualWrap .bx-wrapper .bx-pager{bottom:30px;}
.mainVisualWrap .bx-wrapper .bx-pager.bx-default-pager a{background:#fff;opacity:.4;}
.mainVisualWrap .bx-wrapper .bx-pager.bx-default-pager a.active{background:#00aee6;opacity:1;}

.mainVisual{text-align:center;}
.mainVisualInner{position:absolute;top:22%;left:0;width:100%;}
.mainVisualCont{width:1200px;margin:0 auto; position:relative;}

.mainVisual01,
.mainVisual02 {width: 100% !important; position: relative; height:550px}
.mainVisual01 img,
.mainVisual02 img {height: 100%; object-fit: cover;}

/*
.mainVisual01 > img,
.mainVisual02 > img { transition: transform 2s; }
.mainVisual01:hover > img,
.mainVisual02:hover > img { -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);  }
*/
.mainVisual01 .txt01,
.mainVisual02 .txt01{/*position:absolute; top: 50%;*/ width:100%; text-align: center; font-size: 1.8rem; line-height:1.8; color: white; transition: transform 2s;  text-shadow: 1px 1px 15px rgba(0, 0, 0, .7);}
.mainVisual01 .txt01 p.tit,
.mainVisual02 .txt01 p.tit {font-size: 3.5rem; font-weight: 500;}


.mainVisual01 .big_3 {position: absolute; right:0; top:30px;}
.mainVisual01 .big_3 .btn {clear: both; padding-top:1px;}
.mainVisual01 .big_3 .tit {text-align: center; width: 112px; float: right;}
.mainVisual01 .big_3 .btn > li {margin-top: 20px; padding-right: 0px; text-align: right;}
.mainVisual01 .big_3 .btn > li > a {display:inline-block; border-radius:10px; width:112px; height: 112px; position: relative; padding:8px; /*color: #fff; background: rgba(255,255,255,0.5);*/ box-sizing: border-box; font-size: 1.25em;  line-height: 140%; }
.mainVisual01 .big_3 .btn > li > a:after {display: block; border-radius:10px; content: ""; width:112px; height: 112px; position:absolute; right:7px; bottom:7px; background: rgba(255,241,215,0.3); z-index:0; /*border: 1px solid #8ab74c;*/ box-sizing: border-box; }
.mainVisual01 .big_3 .btn > li > a .off {display:block; z-index: 1; position: relative; text-align: center;color: #fff; padding: 10px 0px 20px 0px; background: url(../img/main/arrow.png) no-repeat center bottom; margin-left: -10px;}
.mainVisual01 .big_3 .btn > li > a .on {display:block; opacity: 0; overflow: hidden; text-align: center; position: absolute; z-index: 1; width:115px; left:-3.5px; top: 50%; margin-top: -10px; transform: translateY(-50%); line-height: 140%; color: #fff;}
.mainVisual01 .big_3 .btn > li:nth-child(2) > a {}
.mainVisual01 .big_3 .btn > li:nth-child(2) > a:after {background: rgba(255,241,215,0.3); border: 0px solid #f17c91}
.mainVisual01 .big_3 .btn > li:nth-child(3) > a {}
.mainVisual01 .big_3 .btn > li:nth-child(3) > a:after {background: rgba(255,241,215,0.3); border: 0px solid #3266b7}
.mainVisual01 .big_3 .btn > li > a:hover {width:115px;}
.mainVisual01 .big_3 .btn > li > a:hover:after {width:115px; background:#f8981d; }
.mainVisual01 .big_3 .btn > li > a:hover .off {opacity: 0;}
.mainVisual01 .big_3 .btn > li > a:hover .on {opacity: 1; }

.mainVisualInner .goto_apply{display:block;width:180px; height:46px; margin: 40px auto; line-height:46px;text-align:center; color:#fff; font-size:15px; font-weight:500;border-radius:22px; background: rgba(255,255,255,0.1);
border:1px solid #fafafa;transition:0.3s;}
.mainVisualInner .goto_apply:hover{background:#fff; color:#000;}

/*슬라이드 이미지
#container .slidebanner{position:relative;height:550px;width:1920px;overflow:hidden;}
#container .slidebanner .bannerbox{position:absolute;margin:0;padding:0;}
#container .slidebanner li{float:left;list-style:none;margin-left:10px}
#container .slidebanner li:first-child{margin:0 width:1920px;}*/


/*.main_visual .quick_left {position:absolute; left:74px; top:430px; }

.main_visual .big_3 {position: absolute; right:5px; top:30px;}
.main_visual .big_3 .btn {clear: both; padding-top:1px;}
.main_visual .big_3 .tit {text-align: center; width: 112px; float: right;}
.main_visual .big_3 .btn > li {margin-top: 20px; padding-right: 0px; text-align: right;}
.main_visual .big_3 .btn > li > a {display:inline-block; border-radius:10px; width:112px; height: 112px; position: relative; padding:8px; color: #fff; background: rgba(255,255,255,0.5); box-sizing: border-box; font-size: 1.25em;  line-height: 140%; }
.main_visual .big_3 .btn > li > a:after {display: block; border-radius:10px; content: ""; width:112px; height: 112px; position:absolute; right:7px; bottom:7px; background: rgba(255,241,215,0.3); z-index:0; border: 1px solid #8ab74c; box-sizing: border-box; }
.main_visual .big_3 .btn > li > a .off {display:block; z-index: 1; position: relative; text-align: center;color: #fff; padding: 10px 0px 20px 0px; background: url(../img/main/arrow.png) no-repeat center bottom; margin-left: -10px;}
.main_visual .big_3 .btn > li > a .on {display:block; opacity: 0; overflow: hidden; text-align: center; position: absolute; z-index: 1; width:115px; left:-3.5px; top: 50%; margin-top: -10px; transform: translateY(-50%); line-height: 140%; color: #fff;}
.main_visual .big_3 .btn > li:nth-child(2) > a {}
.main_visual .big_3 .btn > li:nth-child(2) > a:after {background: rgba(255,241,215,0.3); border: 0px solid #f17c91}
.main_visual .big_3 .btn > li:nth-child(3) > a {}
.main_visual .big_3 .btn > li:nth-child(3) > a:after {background: rgba(255,241,215,0.3); border: 0px solid #3266b7}
.main_visual .big_3 .btn > li > a:hover {width:115px;}
.main_visual .big_3 .btn > li > a:hover:after {width:115px; background:#f8981d; }
.main_visual .big_3 .btn > li > a:hover .off {opacity: 0;}
.main_visual .big_3 .btn > li > a:hover .on {opacity: 1; }*/

.main_visual .cell {width: 100%; text-align: center; overflow: hidden; position: relative;}
.main_visual .cell .img {display:block; /*opacity:0; transform: translateY(-50px); transition:all 1s}
.active2 .main_visual .cell .img {opacity:1; transform: translateY(0px);*/}

.main_visual .videoDiv {position: absolute; top: 0px; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width:1920px; height: 1000px;}
.main_visual .videoDiv img {max-width:100%; max-height:100%;}
.main_visual .bxslider > li {background-size:cover !important; height: 100%; }
.main_visual .v_frame {width: 100%; height: 100%; max-width: 1200px; margin: 0 auto; position: relative; box-sizing: border-box; display: table;}
.main_visual .v_frame .cell {display: table-cell; vertical-align: middle; padding: 0px 10px; height: 100%; position: relative; box-sizing: border-box;}
.main_visual .v_frame img {max-width: 100%; display: inline-block;}
.main_visual .v_frame .m_visual {display: none;}
.main_visual .v_bt {position: absolute; bottom:50px; z-index:99;}
.main_visual .v_bt > a {display: block; color: #fff; line-height: 14px; font-size: 18px;}
.main_visual .v_bt > a img {vertical-align: top; margin: 2px;}
.main_visual #proprev1 {left:50%; margin-left: -90px;}
.main_visual #pronext1 {right:50%; margin-right: -90px;}
.main_visual #visual_counter {position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); bottom:50px; z-index:98; line-height:20px; color: #fff; font-size:22px; font-weight:400}
.main_visual #visual_counter > span {font-weight: 600; font-size: 1.2em;}

.main_visual .bt {margin-top: 30px;}
.main_visual .bt > a {display: inline-block; background: #004988; border-radius:6px; color: #fff; text-align: center; padding:15px 15px;}
.main_visual .bt > a > span {display: block; padding-left: 30px; background: url(../img/main/ico_search.png) no-repeat left center; font-weight:100; line-height: 23px;}
.main_visual .v_txt { opacity: 0; transition: all 0.3s 0s ease-in-out; text-align: left; z-index: 9}
.main_visual .v_img { opacity: 0; transition: all 0.3s 0s ease-in-out; text-align: right;}

.main_visual li.on .v_txt {opacity:1; transition: all 0.8s 0s ease-in-out; transition-delay:0.8s; margin-top:-50px;}
.main_visual li.on .v_img {opacity:1; transition: all 0.8s 0s ease-in-out; transition-delay:0.3s; margin-top:0px;}



.main_visual .bx-controls {text-align: center; position: absolute; left: 50%; transform: translateX(-50%); bottom:200px; width: 100%; max-width: 1200px; box-sizing: border-box; z-index: 99;}
.main_visual .bx-wrapper {height: 100% !important}
.main_visual .bx-wrapper .bx-viewport {height: 100% !important}
.main_visual .bx-wrapper .bxslider {height: 100% !important}
.main_visual .bx-wrapper .bx-pager {position: relative; width: auto !important; left: auto; bottom: auto; display: inline-block; vertical-align: top; padding:7px 5px 0px 0px; z-index: 99;}
.main_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {position: relative; bottom: auto; display: inline-block; right: auto; width: 24px; height:18px; text-align: center; padding-top:6px;}
.main_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0; z-index: 99;}
.main_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto > div > a {text-indent:1000000%;}
.main_visual .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item {vertical-align: top;}
.main_visual .bx-wrapper .bx-pager.bx-default-pager a {width:14px; height:14px; margin:0 4px; background:#fff; border:1px solid #fff; -moz-border-radius:14px;  -webkit-border-radius:14px; border-radius:14px; box-sizing:border-box; position:relative; opacity: 0.5;}

.main_visual .bx-wrapper .bx-pager.bx-default-pager a:hover {opacity: 0.8; background:#fff; border:1px solid #fff;}
.main_visual .bx-wrapper .bx-pager.bx-default-pager a.active {opacity:1; background:#fff; border:1px solid #fff;}
.main_visual .bx-wrapper .bx-controls-auto .active {display: none;}

.main_visual .visual_bt {margin: 0 auto; position: absolute; left: 50%; bottom:70px; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 100%; max-width:480px; z-index:99}
.main_visual .visual_bt > li {float: left; width: 50%; box-sizing: border-box; padding: 10px;}
.main_visual .visual_bt > li > a {display: block; background: #f03171; padding:15px 24px; border-radius:60px; }
.main_visual .visual_bt > li > a > span {display: block; font-size: 18px; line-height: 130%; color: #fff; padding-right:13px; background: url(../img/main/v_arrow2.png)no-repeat right center; font-weight: 300; }

.main_visual .scroll_ico {position: absolute; left: 50%; bottom:120px; transform: translateX(-50%); -webkit-transform:translateX(-50%); z-index: 99}
.main_visual .scroll_ico > a {display: block; width:270px; font-size:14px; text-align: center; color:#fff; font-weight:100; padding-top:39px; height:25px; background: url(../img/main/ico_scroll.png) no-repeat center top;}
.main_visual .scroll_ico .arrow {display: block; width:100%; text-align:center; position: absolute; left:50%; bottom:0px; transform: translateX(-50%); -webkit-transform:translateX(-50%);}
.main_visual .scroll_ico .arrow2 {bottom:0px;}
.main_visual .scroll_ico .arrow1 {animation: mv1 0.7s ease-in-out 0.7s infinite;}
.main_visual .scroll_ico > a:after {display: block; content:url(../img/common/ico_scroll_arrow.png); opacity: 0.8;}


.notice_roll_wrap {margin-top: -80px; position: relative; z-index: 99}
.notice_roll_in {box-sizing: border-box; max-width: 1200px; margin:0px auto; padding:27px 130px 20px 150px; background: #000; position: relative; height:80px; }

.notice_roll_in > h3 {position: absolute; height:100%; width: 130px; padding:0px; line-height:80px; left:0px; top:0px; font-size:17px; font-weight:500; text-align: center; box-sizing: border-box; color: #fff;}
.notice_roll_in .more_view {position: absolute; right: 0px; top: 0px; height: 100%; display: table; width: 65px;}
.notice_roll_in .more_view > a {display: table-cell; vertical-align: middle; height:100%;text-align: center; font-size:26px; color: #666; }

.notice_roll > li {box-sizing: border-box;}
.notice_roll > li > a {display:block; position: relative; line-height:24px; font-size:16px; font-weight:300; color: #fff;}
.notice_roll > li > a > .txt {display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; max-width:calc(100% - 130px); max-width:-webkit-calc(100% - 130px); vertical-align: top;}
.notice_roll > li > a > img {display: inline-block; vertical-align: top; margin-top: 5px;}
.notice_roll > li > a > .date {position: absolute; right: 0px;  top:0%; font-size: 0.95em; font-weight: 300;}
.notice_roll_in .bx-wrapper .bx-controls-direction a {top:0%; margin-top:0px; width:30px; height:48px; }
.notice_roll_in .bx-wrapper .bx-prev {left: auto; right:-110px; top:-11px !important; background: url(../img/main/arrow_b.png) no-repeat center center;}
.notice_roll_in .bx-wrapper .bx-next {left: auto; right:-80px; top:-11px !important; background: url(../img/main/arrow_t.png) no-repeat center center;}

.notice_roll_in .bx-wrapper .bx-controls-auto {position: absolute; z-index: 999; right:-73px;  top:23px; bottom: auto;  width: 21px;}
.notice_roll_in .bx-wrapper .bx-controls-auto .bx-start {width:21px; height:21px; background-position: -73px -8px; margin: 0px; border: none; border-radius:0%;}
.notice_roll_in .bx-wrapper .bx-controls-auto .bx-stop {width:21px; height:21px; background-position: -74px -37px; margin: 0px; border: none; border-radius:0%;}
.notice_roll_in .bx-wrapper .bx-controls-auto .active {display: none;}
.notice_roll_in:before {display: block; content: ""; width: 1px; height:20px; background: #969696; position: absolute; right: 100px; top: 50%; margin-top: -10px;}

/* Section02 공지사항,강의자료 게시판 */
.innerWrap {max-width: 1280px;margin: 0 auto;box-sizing: border-box;padding-right:390px;position: relative; background: #fff;padding: 70px 0px;height:560px;}
.innerWrap > .inner_Left { float:left; width:calc(50% - 20px); max-width: 620px; margin-right:20px; position: relative;}
.innerWrap > .inner_Left > h3 { text-align: center; font-size: 32px; font-weight: 500;}
.innerWrap > .inner_Left > a.ab { float: right; }
.innerWrap > .inner_Left > a.ab::after { content:''; display: block; clear: both; position: absolute; width: 27px; height: 27px; top: 0; right: 0; background: url(../img/main/bt_more.png);}
.innerWrap > .inner_Left > p { text-align: center; margin-right: 50px; padding:3%; font-size:1.2em; color:#a0a0a0; }

/* section02 포토갤러리 */
.innerWrap > .inner_right { float:right;  margin-left:20px;  width:calc(50% - 20px);  max-width: 620px; position: relative;}
.innerWrap > .inner_right > h3.section02_rt { text-align: center; font-size: 32px; font-weight: 500;}
.innerWrap > .inner_right > a.ab { float: right; }
.innerWrap > .inner_right > a.ab::after { content:''; display: block; clear: both; position: absolute; width: 27px; height: 27px; top: 0; right: 0; background: url(../img/main/bt_more.png);}
.innerWrap > .inner_right .title_box {background-color:rgba(0,0,0,.45); position:absolute; bottom:0; width:86%; height: 1.8rem; padding: 3% 7%;}
.innerWrap > .inner_right .title_box span {color:#fff; font-size:20px; line-height:0;}
.innerWrap > .inner_right .title_box span.ab {position:absolute; width: 30%; top:30%; left:78%; line-height: 140%; font-size: 16px; font-weight: 300; }
.innerWrap > .inner_right .title_box span.ab img {padding-right:2%;}

.innerWrap > .inner_right {position: relative;}
.innerWrap > .inner_right img.pg_img { object-fit: cover; width: 100%;}
.innerWrap > .inner_right .photo-slide {overflow: hidden; margin-top: 3rem;}
.innerWrap > .inner_right .photo-slide .cort-bx {position: absolute; top:3px; right:50px; display: block; z-index: 10;}

/* .photo_box div a {position:absolute; top:40%; left:40%;}
.photo_box div a img.ab_img {} */

/* #tabs {position:relative; margin-top:24px; height: 46px; border: 1px solid #a09488;  box-sizing : border-box;   width: 100%;  }
#tabs  > .tab_button{ float: left;  text-align:center; cursor: pointer; width:130px; height: 45px; line-height: 45px; border-right: 1px solid #a09488;    font-family:"Godo" ; color:#a09488; font-size:16px;  font-weight: 200; background: #fff; overflow: hidden; position: relative; }
#tabs  > .tab_button:active{ border: 1px solid #F8981d;   background: #F8981d; color:#fff; }*/

.btns:after{content:"";display:block;clear:both}

.btn_more{ position:absolute;   top:8px;   right:12px;   width:23px;   height:23px;   background:url(../img/main/main_more.png);}
/*.tab_container { border: 1px solid #a09488;  box-sizing : border-box; clear: both; float: left; width:100%;  background: #FFFFFF; color:#555; }*/
.tab_content { padding: 45px; font-size: 12px;  }
.tab_container .tab1_content ul { width:100%; margin:0px; padding:0px; height:180px; }
.tab_container .tab1_content ul li{ padding:27px 20px 0 44px; list-style:none; }
.tab_container .tab1_content ul li a {  position: relative; }
.tab_container .tab1_content ul li a:before {  display: block; content: "";   width:3px;  height:3px;  background: #f8981d;  border-radius:100%;  position: absolute;  left: -12px;  top:8px;  margin-top: -1px;  }

.tab_container .tab2_content ul { width:100%; margin:0px; padding:0px; height:180px; }
.tab_container .tab2_content ul li{ padding:27px 20px 0 44px; list-style:none; }
.tab_container .tab2_content ul li a {}

.tab:link {
  color: #a0a0a0;

  float: left;
/*   border: 1px solid #000; */
  border-width:0 1px 0px 1px;
  border-style:solid;
  border-color:#a0a0a0;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  font-size: 17px;
  width: 25%;
  margin-left:-1px;
}


/* Style the tab content */
.innerWrap > .inner_right > .tabcontent {
  color: #000;
  display: none;
  padding: 50px;
  border-top:1px solid #a0a0a0;
  margin-top:-1px
}


/*.ai_bbo {background: #fff; padding: 50px 0px;}*/
.ai_bbo_in {max-width: 1200px; margin: 0 auto; box-sizing: border-box; padding-right:390px; position: relative;}
.ai_bbo_in > h3 {max-width:600px; text-align: center;font-size:1.7em; font-weight:30%}
.ai_bbo_in .ai_tit_s {max-width:600px; text-align: center; color: #ccc; line-height: 140%; font-size:1.5em; padding-top: 10px; font-weight:300;}
.han_uni {position:relative; float: left; width:305px; height: 180px; box-sizing: border-box; padding: 3% 2.5%; text-align: center;  border:1px solid #ccc;}
.han_btn {background: #ccc; width: 120px; border-radius: 15px; color: #fff; font-size: 17px; font-weight: 300; margin: 0 auto; padding: 5px 0; margin-top: 25px;}

.banner_wrap { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin: 90px 0 60px; }
.banner { display: flex; align-items: center; gap: 70px; height: 230px; padding: 60px 40px; box-sizing: border-box; border-radius: 10px;}
.banner i {width: 180px; margin-top: 30px;}
.banner .txt_wrap {width: calc(100% - 250px);}
.banner .txt_wrap b.tit { display: block; font-size: 38px; font-weight: 400; color: #fff; margin-bottom: 10px; line-height: 1;}
.banner .txt_wrap p {font-size:16px; font-weight:100; letter-spacing: 1px; color:#fff; margin-bottom: 20px;}
.banner .btn_page {position: relative; display: block; width: 150px; background: #fff; border-radius: 10px;}
.banner .btn_page a {display: block; box-sizing: border-box; padding: 10px 20px;}
.banner .btn_page i {display: inline-block; width: 20px; height: 20px; margin-top: 0px; background: url(../img/main/page_ico.png); position: absolute; top: calc(50% - 10px); right:20px;}
.txt_wrap {overflow: visible; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; width: auto; }

.banner.left {background:#7fc0d5;}
.banner.right { background: linear-gradient(135deg, #9388c0, #7466ae); }


.ai_bbo_ico {overflow: hidden; }
.ai_bbo_ico li {position:relative; float: left; width: calc(25% - 15px); height: 130px; box-sizing: border-box; margin-left: 20px; margin-bottom: 20px; border:1px solid #e3e3e3; background: #f7f7f7;}
.ai_bbo_ico li > a {display: inline-block; color: #555; line-height: 40px; font-size:17px;width: 100%;}
.ai_bbo_ico li > a .ico {display: block; margin: 20px 0 5px;}
.ai_bbo_ico li > a .ico img {vertical-align: middle; margin: 0 auto; display: block;}
.ai_bbo_ico li > a strong{display: block; position: relative; font-weight: 600; text-align: center; font-size: 15px;}
.ai_bbo_ico li > a strong i {display: inline-block; width: 20px; height: 20px; background: url(../img/main/page_ico.png); margin-left: 5px; position: inherit; top: 4px;}
.ai_bbo_ico li > a strong span {font-weight: 400; margin-left: 15px;}
.ai_bbo_ico li:first-child {margin-left: 0;}
.ai_bbo_ico li:first-child > a .ico {display: block;}


.ai_bbo_in .count_banner {position: absolute; max-width: 385px; width: 100%; right: 0px; top: 0px;}
.ai_bbo_in .count_banner > li {margin-top: 5px;}
.ai_bbo_in .count_banner > li .box {border-radius:10px; font-size: 1.3em; line-height: 140%; background: #fff; padding:30px 20px 30px 185px;}
.ai_bbo_in .count_banner > li .box > p {padding-bottom:5px; line-height: 150%; font-size: 1.1em;}
.ai_bbo_in .count_banner > li .box .txt_t {font-size: 1.6em; line-height: 130%; font-weight:800;}
.ai_bbo_in .count_banner > li:nth-child(1) .box {background: url(../img/main/ico01.gif) no-repeat 20px center #fff;}
.ai_bbo_in .count_banner > li:nth-child(1) .box .txt_t {color: #1cb5d5;}
.ai_bbo_in .count_banner > li:nth-child(2) .box {background: url(../img/main/ico02.gif) no-repeat 20px center #fff;}
.ai_bbo_in .count_banner > li:nth-child(2) .box .txt_t {color: #ea694a;}



.event_ban_wrap {background:#f7f7f7; height:100%; }
.ev_ban_list {overflow: hidden; padding-bottom: 30px;}
.ev_ban_list > li {float: left; width: 50%; box-sizing: border-box; padding: 10px;}
.ev_ban_list > li > a {display: block;}
.ev_ban_list > li dl {overflow: hidden; border-radius:0px; border:1px solid #e3e3e3; }
/*.ev_ban_list > li dl dt {text-align: center; color: #fff; font-size: 1.75em; line-height: 140%; padding:7% 10px;}*/
.ev_ban_list > li dl dd {min-height:160px; padding:40px 0 40px 200px; box-sizing: border-box; background: #fff;}
.ev_ban_list > li dl dd .txt_t {font-size:26px; min-height: 50px; color: #000000; line-height: 200%; font-weight:400;}
.ev_ban_list > li dl dd .txt_ {color:#353535; font-size: 1.2rem; padding-bottom: 5px; font-weight: 300;}
.ev_ban_list > li:nth-child(1) dl dd {background: url(../img/main/banner01.png) no-repeat 10% center #fff;}
.ev_ban_list > li:nth-child(2) dl dd {background: url(../img/main/banner02.png) no-repeat 10% center #fff;}
.ev_ban_list > li:nth-child(3) dl dd {background: url(../img/main/banner03.png) no-repeat 10% center #fff;}
.ev_ban_list > li:nth-child(4) dl dd {background: url(../img/main/banner04.png) no-repeat 10% center #fff;}





/* section */
.section {/* padding:60px 0px; */ font-size: 16px;}
.pa_section {display: block; width: 0px; height: 0px; position: relative; left: 0px; top: -100px;}
/*#section2 {background:url(../img/main/section2_bg.jpg) no-repeat center top; background-size:cover;}*/
.main_video_wrap {max-width: 850px; margin: 0 auto;}

.main_video_wrap .video_wrap {position: relative; border: 1px solid #ffff00; box-sizing: border-box; box-shadow:0px 3px 33px -6px rgba(0,0,0,0.35);}
.main_video_wrap .video_wrap > div {position: relative; padding-bottom: 55%;}
.main_video_wrap .video_wrap iframe {width: 100% !important; height: 100% !important; position: absolute; left: 0px; top: 0px;}




.main_video_wrap1 {margin-top: -200px}

.event_banner > ul:after {clear: both; content: ""; display: block;}
.event_banner > ul {margin:-26px;}
.event_banner > ul > li {float: left; width: 50%; box-sizing: border-box; padding: 26px;}
.event_banner > ul > li .box {background-color:#fff !important; min-height: 330px; padding: 5% 8%; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 10px 10px 15px 0 #79797933; box-shadow: 10px 10px 15px 0 #79797933;}
.event_banner > ul > li:nth-child(1) .box {background: url(../img/main/event01.png) no-repeat 90% 80%;}
.event_banner > ul > li:nth-child(2) .box {background: url(../img/main/event02.png) no-repeat 90% 80%;}
.event_banner .box dt {color: #000; font-size:1.3em; font-weight:800; padding: 5% 0px 10px 0px; line-height: 140%;}
.event_banner .box .txt {color: #999999; font-size:1.4em; line-height:150%; min-height:140px; box-sizing: border-box; padding-bottom: 10px;}
.event_banner .box .bt > a {display: inline-block; border-radius:30px; background: #37bbd7; color: #fff; font-size:1.1em; line-height:48px; padding:0px 30px;}

#section3 {background: url(../img/main/bg_info.png) no-repeat center top; background-size: cover;}
#section3 .m_tit, #section3 .mb_tit, #section6 .m_tit .m_txt, #section6 .mb_tit {color: #fff;}
#section3 .more > a {color: #fff;}

.main_companiesW {position: relative;} .main_companiesW .bx_bt {position: absolute; top:40%; transform: translateY(-50%); -webkit-transform: translateY(-50%); position: absolute;} .main_companiesW .bx_bt > a {display: block; line-height: 100%; width: 10px; height: 10px; padding:10px; text-align: center; } .main_companiesW .bx_bt > a.bx-prev { border-top: #fff 1px solid; border-right: #fff 1px solid; transform: rotate(225deg); margin: -17px 0 0 -17px;} .main_companiesW .bx_bt > a.bx-next { border-bottom: #fff 1px solid; border-left: #fff 1px solid; transform: rotate(-135deg); margin: -17px 0 0 -17px;}

.main_companiesW .bx_bt > a img {display: none;}
.main_companiesW #board_l1 {left:-80px;}
.main_companiesW #board_r1 {right:-80px;}


.main_companies > li > a {display: block; font-size: 16px; overflow: hidden; position: relative; padding:5px 10px;}

.main_companies > li .box {display: block; font-size: 16px; overflow: hidden; /* height: 320px; */ position: relative; padding:10px 8px; border: 1px solid #ccc; /*box-shadow:5px 5px 10px 0 #2fa2bb;*/ background: #fff; margin:0px;}
.main_companies > li .box .pic {display: block; padding-bottom: 140px; box-sizing: border-box; overflow: hidden; position: relative; border-bottom: 1px #cdcdcd solid; margin-bottom: 20px;}
.main_companies > li .box .pic .logo_txt {display: block; width: 80%; text-align: center; position: absolute; left: 10%; top: 50%; font-size: 1.1em; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.main_companies > li .box .pic img {position: absolute; max-width: 100%; max-height: 100%; left:50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.main_companies > li .txt_t {display:block; text-align: center; padding: 20px 0px; font-weight: 400; line-height: 140%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; color: #333333;}
.main_companies > li .box .pic .ico {display: block; position: absolute; left:-1px; top:-1px; width:59px; line-height: 26px; color: #fff; text-align: center; font-size: 15px; font-weight: 100; z-index: 9}

.main_companies > li .box .heart {display: block; position: absolute; right:-1px; top:-1px; min-width:59px; line-height: 26px; color: #fff; text-align: center; font-size: 15px; font-weight: 100; z-index: 9; background: #000; cursor: pointer;}
.main_companies > li .box .heart .fa {margin-right:5px;}
.main_companies > li .box .heart.on .fa {color:#0ff}
.main_companies > li .box .txt_t {display:block; text-align: center; padding:5px 5px 15px 5px; margin: 0px -10px 10px -10px; border-bottom: 1px solid #e5e5e5; font-size: 1em; font-weight: 400; line-height: 140%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; color: #333333;}
.main_companies > li .box .txt_s {display:block; font-size:0.95em; font-weight: 400; line-height: 140%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; color: #666666; margin: 0 20px 10px;}
.main_companies > li .box .bt {cursor: pointer; display: block; border: 1px solid #37bbd7; color: #fff; background: #37bbd7; line-height: 43px; text-align: center;}
.main_companies > li .box .btns {overflow: hidden; margin: -1px;}
.main_companies > li .box .btns > li {float: left; width:50%; display: table; box-sizing: border-box; padding:1px;}
.main_companies > li .box .btns > li > a {display:table-cell; vertical-align: middle; width: 100%; text-align: center; line-height: 130%; box-sizing: border-box; height:55px; color: #fff; font-size:15px; letter-spacing: -1px;}
.main_companies > li .box .btns > li:nth-child(1) > a {background: #414b57;}
.main_companies > li .box .btns > li:nth-child(2) > a {background: #ed7d31;}

.main_companies .cor1 {background: #0051b0}
.main_companies .cor2 {background: #00b050}
.main_companies .cor3 {background: #ed7d31}
.main_companies .cor4 {background: #f1516b}
.main_companies .cor5 {background: #8950a1}
.main_companies .cor6 {background: #1b6bb4}
.main_companies .cor7 {background: #406d88}

#section4 {background: #fff;}
.main_banner > ul:after {clear: both; content: ""; display: block;}
.main_banner > ul {margin:-10px;}
.main_banner > ul > li {float: left; width: 50%; box-sizing: border-box; padding: 10px;}
.main_banner > ul > li .box {background-color:#fff !important; min-height: 335px; padding: 5% 8%; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 10px 10px 15px 0 #79797933; box-shadow: 10px 10px 15px 0 #79797933;}
.main_banner > ul > li:nth-child(1) .box {background: url(../img/main/ban01.png) no-repeat right bottom;}
.main_banner > ul > li:nth-child(2) .box {background: url(../img/main/ban02.png) no-repeat right bottom;}
.main_banner .box dt {color: #333333; font-size:2em; font-weight:700; padding: 5% 0px 10px 0px; line-height: 140%;}
.main_banner .box .txt {color: #333333; font-size:1.4em; line-height:150%; min-height:140px; box-sizing: border-box; padding-bottom: 10px;}
.main_banner .box .bt > a {display: inline-block; border-radius:30px; background: #37bbd7; color: #fff; font-size:1.1em; line-height:48px; padding:0px 30px;}

.main_banner_last {color:#fff; margin-top:60px; min-height:355px; background: url(../img/main/ban03.jpg) no-repeat center top; background-size:cover !important}
.main_banner_last .txt_t {font-size:2em; line-height: 140%; text-align: center; padding:40px 0px 5px 0px;}
.main_banner_last .txt_s {font-size:1.5em; line-height: 140%; font-weight: 300; text-align: center; padding:0px 0px 10px 0px;}
.main_banner_last > ul {overflow: hidden; max-width:470px; margin:0 auto; padding-top: 20px;}
.main_banner_last > ul > li {float: left; width: 33.333%; box-sizing: border-box; padding: 5px; text-align: center;}
.main_banner_last > ul > li > a {display: inline-block; color: #fff; font-size: 1.15em;}
.main_banner_last > ul > li > a .ico {display: block; padding-bottom:15px;}


.main_relay_list {position: relative; max-width: 1198px; margin: 0 auto;}
.main_relay_list .bx_bt {position: absolute; top:40%; transform: translateY(-50%); -webkit-transform: translateY(-50%); position: absolute;}
.main_relay_list .bx_bt > a {display: block; line-height: 100%; box-shadow: 0px 5px 6px #c5c5c5; width: 14px; height: 14px; border-radius:100%; background: #fff; padding:25px; text-align: center}
.main_relay_list .bx_bt > a img {vertical-align:top;}
.main_relay_list #board_l2 {left:-80px;}
.main_relay_list #board_r2 {right:-80px;}
.main_relay > li .box {display: block; color: #333333; position: relative; box-shadow: 0px 0px 11px #dcdcdccc; background: #fff;}
.main_relay > li .box .pic {display: block; box-sizing: border-box; width: 100%; padding-bottom: 56.4%; position: relative; overflow: hidden;}
.main_relay > li .box .pic img {max-width:100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.main_relay > li .box .txtW {display: block; min-height:55px; padding: 5%; box-sizing: border-box;}
.main_relay > li .box .txt_s {display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: left; line-height:22px; height:44px; color: #333; font-size:16px;}
.main_relay > li  {box-sizing: border-box; padding:20px 0px;}
.relay_list_wrap {background: #f2f3f7; padding: 10px 0px 30px 0px;}

.main_movie_wrap {padding: 90px 0px 60px 0px; margin: 0px auto;}
.main_movie_wrap:after {display: block; content: ""; clear: both;}
.movie_box {float: left; width: 100%; box-sizing: border-box; padding:14px;}
.movie_box .mb_tit {padding-top: 0px;}

.movie_box .photo li {display: inline-block; width: 280px;  height: 250px; margin-left: 15px;}

.movie_box .m_frame {border: 1px solid #1276bb; position: relative; background: #fff; box-shadow: 0px 3px 33px -6px rgba(0,0,0,0.35); padding-bottom:56%; }
.movie_box .m_frame iframe {width: 100% !important; height: 100% !important; position: absolute; left: 0px; top: 0px;}
.movie_box .m_frame .slider-youtube {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.movie_box .m_frame .slider-youtube .slick-list {height: 100%;}
.movie_box .m_frame .slider-youtube .slick-track {height: 100%;}
.movie_box .m_frame .slider-youtube .slick-arrow {display: block; position: absolute; top: 50%; margin-top: -34px; width:68px; height: 68px; z-index: 9; font-size: 0px;}
.movie_box .m_frame .slider-youtube .slick-prev {left: 0px; background: url(../img/main/video_prev.png) no-repeat left top;}
.movie_box .m_frame .slider-youtube .slick-next {right: 0px; background: url(../img/main/video_next.png) no-repeat left top;}
.movie_box .m_frame .slick-dots {bottom:-35px;}









@media (hover: none) {
    .hover:hover .ico_circle {background: #007dc6;}
    .main_banner_wrap .bt > li > a:hover {background: #ffc240; }
}

.section .more {padding-top:40px; position: absolute; right: 0px; top: 0px;}
.section .more a {display:block; font-size:17px; font-weight:100; color: #000000;}
.section .more a > span {display: inline-block; position: relative; padding-right:30px; line-height:24px; background: url(../img/main/main_more.png) no-repeat 99% center;}


.mb_tit {text-align: center; font-size: 40px; color: #333; padding:40px 0px 20px 0px; line-height:150%; position: relative; font-weight:500;}

.m_tit {padding:0px 0px 10px 0px; color:#333; font-size:42px; line-height:150%; font-weight: 800;}
.m_tit_txt {margin:0px 0px 30px 0px; color:#555555; font-size:20px; font-weight:300; text-align:center; line-height:150%; display:block;}
.m_tit > span {display: inline-block; line-height: 130%; vertical-align: top;}
.m_tit > .m_txt {padding-top:8px; font-size:18px; color: #333333; font-weight: 100;}



.line_tit {text-align: center; margin-top:40px; font-size: 2em; color: #000; border-bottom: 1px solid #e5e5e5; line-height: 140%;}
.line_tit:after {display: block; content: ""; width:64px; height: 7px; margin: 0 auto; margin-top: 10px; background: #313747}





/* footer */
#footerW {clear:both; background:#555367; padding: 25px 0px; box-sizing: border-box; margin:0 auto; position:relative;}
#footerW.z_over {z-index:101; position:relative;}

#footer_navi {overflow:hidden; padding-bottom:30px; border-bottom: 1px solid #6f737c}
#footer_navi li {display: inline-block; position: relative; padding-left: 15px; margin-left: 10px;}
#footer_navi li:first-child {padding-left:0px; margin-left: 0px;}
#footer_navi li:after {display: block; content: ""; width: 1px; height: 14px; background: #fff; position: absolute; left: 0px; top: 50%; margin-top: -7px;}
#footer_navi li:first-child:after {display: none;}

#footer_navi li a {display:block; font-size:16px; color:#fff; font-weight:100; line-height: 20px; }
#footer {max-width: 1200px; margin: 0 auto; position: relative;}

#footer .addressW {padding:10px 0px 10px 250px; position: relative; font-size:16px; color:#e0e0e0; line-height:24px; background: url(../img/common/han_logo_w.png) no-repeat left 10px;}
#footer .addressW .copy {padding-top:10px; text-transform: uppercase;}
#footer .addressW a {color: #e0e0e0}
#footer .addressW address {margin-left: -10px; line-height: 150%;}
#footer .addressW address span {display: inline-block; padding:2px 10px;}
#footer .addressW address span img {vertical-align:middle}
#footer .go_top {position: absolute; right:-40px; top:10px;}
#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; }

#footer .familySite {margin-top:10px;}
#footer .familySite li{display: inline-block; margin-right:20px;}

#content:after {clear:both; content:""; display:block;}




.sub_visual {height:350px; box-sizing: border-box; overflow: hidden; position: relative; background: url(../img/common/sub_visual.jpg) no-repeat center top; background-size:cover !important}
.sub_visual .sub_txt {text-align: center; color: #fff; padding-top:130px;}
/*.sub_visual .sub_txt > h2 {padding-bottom:20px;} */
.sub_visual .sub_txt .txt1 {font-size:32px; line-height: 140%; font-weight: 100; padding-bottom: 5px;}
.sub_visual .sub_txt .date {font-size:32px; line-height:37px; font-weight:400; padding-bottom: 5px;}
.sub_visual .sub_txt .place {font-size:26px; line-height: 140%; font-weight:600; padding-bottom: 50px;}
.sub_visual .sub_txt .date .day {display: inline-block; vertical-align: top; width:37px; height: 37px; border-radius:100%; background: #51BD8B; font-size:23px; font-weight:500; line-height:37px; text-align: center;}
.sub_visual .sub_txt .date .line {display: inline-block; vertical-align: middle; width:1px; height:20px; background: #b7b4b6; margin: 0px 20px;}

.sub_wrap_1 .sub_visual {background: url(../img/sub/notice_sub_visual.jpg) no-repeat center top;}
.sub_wrap_2 .sub_visual {background: url(../img/sub/department_sub_visual.jpg) no-repeat center top;}
.sub_wrap_3 .sub_visual {background: url(../img/sub/prointro_sub_visual.jpg) no-repeat center top;}
.sub_wrap_4 .sub_visual {background: url(../img/sub/comm_sub_visual.jpg) no-repeat center top;}
/*.sub_wrap_5 .sub_visual {background: url(../img/community/sub_visual.jpg) no-repeat center top;}*/
.sub_wrap_6 .sub_visual {background: url(../img/sub/edu_sub_visual.jpg) no-repeat center top;}
/*.sub_wrap_7 .sub_visual {background: url(../img/talk/sub_visual.jpg) no-repeat center top;}
.sub_wrap_8 .sub_visual {background: url(../img/member/sub_visual.jpg) no-repeat center top;}
.sub_wrap_9 .sub_visual {background: url(../img/introduce/sub_visual.jpg) no-repeat center top;}*/


.sub_wrap_5 #lnb_wrap {display: none;}
.sub_wrap_7 #lnb_wrap {display: none;}



/*
.sub_wrap_6 .lnbs2 ul li {width:25%;}
*/


.sub_wrap_8 .lnbs2 ul li {width:33.3333%;}
.sub_wrap_9 .lnbs2 ul li {width:20%;}


.sub_wrap .bt_quick {display: none}

#sub_tit,
#sub_tit2{font-size:46px; color: #fff; line-height:140%; text-shadow: 1px 1px 15px rgba(0, 0, 0, .7);}
#sub_tit .txt_s {font-size:36px; display: inline-block;}


#m_lnb {display:none;}


#lnb_wrap {position:relative; z-index:10; margin-top: 30px; min-height:180px; box-sizing:border-box;}

#lnb_wrap .lnb {max-width: 1280px; margin: 0 auto;}
#lnb_wrap .lnbs1 {display: none;}
#lnb_wrap .ico_home {display: none;}
#lnb_wrap .ico_home a {display:block; width:49px; height:41px; text-indent:-1000px; font-size:0px; background:url(../img/common/ico_home.gif) no-repeat center center #f1592a;}
.lnbs2 ul {display: flex; font-size:0px; text-align:center;}
.lnbs2 ul li {color:#fff; flex: 1; padding: 0 10px; vertical-align:top; box-sizing: border-box; position: relative;}
.lnbs2 ul li > a {display:block; height:60px; line-height:60px; text-align: center; vertical-align: middle; color: #8e8e8e; font-size:20px; border-bottom: 1px solid #8e8e8e; box-sizing: border-box;}

.lnbs2 ul li.on a {color: #3b319a; border-bottom: 3px solid #3b319a;font-weight: 800;}
#lnb_tit2 {display: none}



#lnb_tit {font-size:14px; letter-spacing:-1px; padding:0px 0px 0px 20px; color:#333333; line-height:39px; height:39px; background:url(../img/common/lnb_arrow.png) no-repeat 90% center; cursor:pointer;}
#lnb_tit2 {font-size:14px; letter-spacing:-1px; padding:0px 0px 0px 20px; color:#333333; line-height:39px; height:39px; background:url(../img/common/lnb_arrow.png) no-repeat 95% center; cursor:pointer;}



.title_bar {margin-bottom:50px; position: relative;}
.title_bar h2 {font-size:40px; color:#333333; line-height:140%; transition: all 0.2s 0s ease-in-out;}

.map_tit {margin: 90px 0px 90px 30px; float: left;}
.map_tit .t1 {font-size: 35px; font-weight: 600; line-height: 40px;}
.map_tit .t1::after {content: ''; display: block;  width: 80px;  height: 3px; background: #00aee6; margin: 30px 0px;}
.map_con {float: right; width: 730px; margin-top: 90px;}
.map_con ul{line-height: 60px;}
.map_con ul > li {position: relative; padding: 0 0 0 70px;}
.map_con ul > li i {position: absolute; display: inline-block; top: 12px; left: 0;}
.map_con ul > .dub {float: left; margin-right: 90px;}


.department p { margin-bottom: 30px; }
.department table.data{border-bottom: 2px solid #fff;border-top: 2px solid #fff;}
.department table.data > tbody > tr > td {border: 1px solid #fff;text-align: center;}

.c { text-align: center; }
.big { margin-top: 50px; font-size: 1.5rem; color: #666; letter-spacing: -1px; line-height: 1.5; }
.big b { font-weight: 700; }

.prointro .flex_box { flex-wrap: wrap; justify-content: space-between; }
.prointro .c { width: 100%; }

.prointro .flex_box { border: 1px solid #ddd; border-radius: 20px; margin-bottom: 40px; padding: 25px; }
.prointro .flex_box li { padding: 0 10px; flex: 1; }
.prointro .flex_box li img {  }
.prointro .flex_box .c { margin: 10px 0 30px; font-size: 1.4rem; font-weight: 700; color: #676767; }
.prointro .flex_box li p { margin-top: 10px; text-align: center; font-weight: 500; }

.edu02 table.data tbody td {padding: 10px 12px;}
.edu02 table.data > thead > tr > th {padding: 10px 0;}


.edu_01_bg {padding: 30px 0; height: 300px;/*width: 100%; height: 160px; left: 0; background: url(../img/edu/edu01_bg.png) no-repeat; padding: 70px 0;*/}
.edu_01_bg::before{display: block; content: ""; width:100%; height:300px; background: url(../img/edu/edu01_bg.png) no-repeat; position: absolute; left: 0px; z-index: -999;}
.edu_01{float: left; width:50%; padding-left: 10%; color:#fff;}
.edu_01 .t1{font-size: 30px; font-weight: 600;}
.edu_01 .t1::after {content: ''; display: block; width: 80px; height: 3px; background: #fff; margin: 30px 0px;}

.edu_02{float: right; padding-right: 10%; color:#fff;}
.edu_02 .t1{font-size: 30px; font-weight: 600;}
.edu_02 .t1::after {content: ''; display: block; width: 80px; height: 3px; background: #fff; margin: 30px 0px;}

.edu_con02::after{ content:""; display:block; clear:both;}
.edu_con02_wrap{position: relative;  width: revert; min-height: 128px; margin-bottom: 40px; padding: 30px 30px 30px 200px; border: 1px #ccc solid; border-radius: 10px;}
.edu_con02 i {position: absolute; display: block; width: 100px; height: 100px; top: calc((128px - 50px )/2); left: 50px;}
.edu_con02 .con_tit {color:#00aee6; vertical-align: middle;}
.edu_con02 .con_tit b {display: block; margin-bottom: 5px; font-size:25px; color:#000; margin-right:10px;}
.edu_con02 .con_tit p {color: black; line-height: 26px; margin-top: 12px;}
.edu_con02 li{padding-left: 14px; position: relative; line-height: 180%;}
.edu_con02 li:after {display: block; content: ""; width:5px; height:5px; background:#cacaca; position: absolute; left: 0px; top: 13px; border-radius: 50%;}

.edu_con02_wrap > span{display:block;width: 300px;height:60px;line-height:60px;text-align: center; color:#fff;font-size:20px;font-weight:600;background:#3b319a;border-radius:30px;margin-top:-25px;}
.edu_con02_wrap li{font-size:16px; font-weight:400; color:#666; float: left; margin: 25px 20px 10px 0px; width: 30%; height: 5px;}
.edu_con02_wrap .fs_01 span.num{font-size:20px;font-weight:600;color:#3b319a;margin-right:10px;}


.edu_con04:after{ content:""; display:block; clear:both;}
.edu_con04_wrap{position: relative;  width: revert; min-height: 125px; margin-bottom: 10px; padding: 50px 40px 35px 40px; border: 1px #ccc solid; border-radius: 10px;}
.edu_con04 i {position: absolute; display: block; width: 100px; height: 100px; top: calc((120px - 50px )/2); left: 45px;}
.edu_con04 .con_tit {color:#00aee6; vertical-align: middle;}
.edu_con04 .con_tit b {display: block; margin-bottom: 15px; font-size:25px; color:#000; margin-right:10px;}
.edu_con04 .con_tit p {color: black; line-height: 25px; margin-top: 10px;}
.edu_con04 li{padding-left: 16px; position: relative; line-height: 180%;}
.edu_con04 li:after {display: block; content: ""; width:5px; height:5px; background:#cacaca; position: absolute; left: 0px; top: 13px; border-radius: 50%;}

.edu_con04_wrap > span{display:block;width: 350px;height:60px;line-height:60px;text-align: center; color:#fff;font-size:20px;font-weight:600;background:#3b319a;border-radius:30px;margin-top:-25px;}
.edu_con04_wrap li{font-size:16px; font-weight: 400; color: #666; float: left; margin-top: 20px; width: 33%; display: inline-block;}
.edu_con04_wrap li:last-child{float:none;}
.edu_con04_wrap .fs_01 span.num{font-size:20px;font-weight:600;color:#3b319a;margin-right:10px;}


.ddd li{font-size:15px;color:#666;}
.edu05 table.data > tbody > tr > td {text-align: center;}

.edu_con06:after{ content:""; display:block; clear:both;}
.edu_con06_wrap{position: relative;  width: revert; min-height: 125px; margin-bottom: 10px; padding: 50px 40px 25px 50px; border: 1px #ccc solid; border-radius: 10px;}
.edu_con06 i {position: absolute; display: block; width: 100px; height: 100px; top: calc((120px - 50px )/2); left: 45px;}
.edu_con06 .con_tit {color:#00aee6; vertical-align: middle;}
.edu_con06 .con_tit b {display: block; margin-bottom: 15px; font-size:25px; color:#000; margin-right:10px;}
.edu_con06 .con_tit p {color: black; line-height: 25px; margin-top: 10px;}
.edu_con06 li{padding-left: 14px; position: relative; line-height: 180%;}
.edu_con06 li:after {display: block; content: ""; width:5px; height:5px; background:#cacaca; position: absolute; left: 0px; top: 13px; border-radius: 50%;}

.edu_con06_wrap > span{display:block;width: 350px;height:60px;line-height:60px;text-align: center; color:#fff;font-size:20px;font-weight:600;background:#3b319a;border-radius:30px;margin-top:-25px;}
.edu_con06_wrap li{font-size:15px; font-weight:400; color:#666; margin: 25px 20px 10px 0px;}
.edu_con06_wrap .fs_01 span.num{font-size:20px;font-weight:600;color:#3b319a;margin-right:10px;}



.edu_con03{display: flow-root;  margin-bottom: 120px;}
.edu_con03_wrap{width: 33.333%; float: left; padding: 30px 0;}
.edu_con03 .num {position: absolute; font-size: 60px; font-weight: 900; opacity: 30%; letter-spacing: -0.2rem; padding-top: 10px; color: #fff;}
.edu_con03 .con_tit {padding-left:90px; color: #fff;}
.edu_con03 .con_tit b {font-size:25px; color:#fff; margin-right:10px;}

.edu_club li {font-size: 18px; font-weight: 500; margin-bottom: 30px;}
.edu_club li div {font-size: 17px; font-weight: 300;}
.edu_club li div p {position: relative; padding-left: 25px;}
.edu_club li div p:before {content: ''; display: block; position: absolute; width: 5px; height: 5px; background: #ccc; left: 5px; top: 12px;}


.title_bar .s_txt {font-size:36px; color:#000; padding-top:30px; line-height: 140%; font-weight: 100; padding-bottom:10px; word-break: keep-all}
.big_tit {font-size:46px; color:#000000; line-height:100%; transition: all 0.2s 0s ease-in-out; font-weight:700; padding: 40px 0px 30px 0px;}


.location {position: relative; text-align: center; margin: 0 auto; margin-top:-160px; line-height:40px; height:160px; font-size:15px;}
.location span {display:inline-block; zoom:1; *display:inline; padding-left:20px;color:#fff; position: relative;}
.location span.home { padding-right: 10px; }
.location #location_1 {padding-left: 10px; padding-right: 10px;}
.location #location_1:before { content: ''; display: block; position: absolute; top: 82%; left: 13%; width: 8px; height: 8px; border-top: #fff 1px solid; border-right: #fff 1px solid; transform: rotate(45deg); margin: -17px 0 0 -17px;}
.location #location_2:before { content: ''; display: block; position: absolute; top: 82%; left: 13%; width: 8px; height: 8px; border-top: #fff 1px solid; border-right: #fff 1px solid; transform: rotate(45deg); margin: -17px 0 0 -17px;}
.location span:first-child {padding-left:10px; margin-left:0px; background:none}
.location #location_2 {color: #fff; font-weight:400;}

.location img {vertical-align:middle; margin-top: -4px;}
.sub_con {min-height:100px; max-width: 1280px; margin: 0 auto; font-size:17px; font-weight:400; line-height: 160%; word-break: keep-all;}
.sub_con img {max-width: 100%;}

.s_tit_01 {font-size:30px; position: relative; color: #333333; line-height: 140%; padding:0px 0px 40px 20px; margin-top:90px; font-weight:700; letter-spacing: -1px;}
.s_tit_01:before {display: block; content: ""; width:8px; height:8px; background:#00aee6; position: absolute; left: 0px; top:6px; border-radius: 50%;}
.s_tit_01.tc {text-align: center; background: none !important; padding-left: 0px;}
.s_tit_01.ft_b{font-size:1.9em; line-height:160%;}

.s_tit_02 {font-size:30px; position: relative; color: #333333; line-height: 140%; padding:0px 0px 40px 20px; margin-top:90px; font-weight:700; letter-spacing: -1px;}
.s_tit_02:before {display: block; content: ""; width:8px; height:8px; background:#00aee6; position: absolute; left: 0px; top:6px; border-radius: 50%;}
.s_tit_02.tc {text-align: center; background: none !important; padding-left: 0px;}
.s_tit_02.ft_b{font-size:1.9em; line-height:160%;}

.tit60 {margin-top: 60px; color: #ffffff;}
.tit60:before {background: #ffffff;}

.s_tit {font-size:30px; position: relative; color: #333333; line-height: 140%; padding:0px 0px 15px 20px; margin-top:90px; font-weight:700; letter-spacing: -1px;}
.s_tit:before {display: block; content: ""; width:8px; height:8px; background:#00aee6; position: absolute; left: 0px; top:6px; border-radius: 50%;}
.s_tit.tc {text-align: center; background: none !important; padding-left: 0px;}
.s_tit.ft_b{font-size:1.9em; line-height:160%;}
.ss_tit {font-size: 21px; position: relative; color: #333333; line-height: 140%; padding: 0px 0px 0px 15px; margin-bottom: 10px; margin-top: 45px; font-weight: 700;}
.ss_tit:before {display: block; content: ""; width: 5px; height: 5px;  border-radius: 100%; background: #f8981d; position: absolute; left: 0px; top: 14px;}
.ss_tit > span{font-weight: 300;}
.s_titW {max-width: 1200px; margin:0 auto; padding: 50px 0px 5px 0px;}

.sss_tit {font-size:13px; color:#333333; padding:0px 0px 10px 0px; margin-top:20px; line-height:140%; font-size: 15px;}
.b_txt {font-size: 18px; color: #494949; line-height: 150%; font-weight: 600; padding-top: 20px;}
.s_txt_r {text-align: right; margin-top: -35px; height: 20px; padding-bottom:15px;}
.s_txt_r2 {height: 40px; margin-top: -55px;}
.imgW img {max-width:100%;}
.txt_in {padding-left: 40px;}

.interest{box-sizing: border-box; text-align: center; display: block; background: #3F6B4E; padding: 3px;}
.interest span {color: #fff; font-size: 0.95em; display: inline-block;}

.box_txt {border: 1px solid #d0d0d0; text-align: center; background: #f4f6f7; font-size: 22px; line-height: 140%; color:#004497; padding:30px 0px;}
.first_txt {font-size: 2em; line-height: 140%; color: #000;}
.small_t{font-size:1.1em;  line-height: 160%;}

.outline_wrap {position: relative; padding-left:420px; margin-top:10px; padding-bottom: 50px; min-height:520px }
.outline_wrap .poster {position: absolute; width:45%; left: 0px; top: 0px;}
.outline_wrap .poster img {box-shadow: 1px 2px 5px #bfbfbf;}
.outline_wrap .ss_tit {margin-top: 0px; font-size: 1.9em; line-height: 100%;}
.outline_wrap .table_line {padding-top:5px; background: url(../img/introduce/line.gif) repeat-x left top; border: none;}
.outline_wrap .table_style1 tbody tr td {height:56px; border: 1px solid #cccccc;}

.outline > li {padding:6px 0px 8px 165px; margin-top:5px; position: relative;}
.outline > li:first-child {margin-top:0px;}
.outline > li .txt_t {width:140px; border-radius:30px; background: #34394c; height: 40px; line-height: 40px; color: #fff; font-size: 17px; font-weight: 500; position: absolute; left: 0px; top: 0px; text-align: center;}
.outline_wrap .radio_group img {max-height:45px;}
.outline_wrap .table_style1 {font-size: 20px;}
.outline_wrap .table_style1 tbody tr th {background-color: #fff; border: 1px solid #dddddd; border-right:none; color: #142e7b; text-align: left; border-top: none; padding: 23px 0 23px 15px; font-weight:500;}
.outline_wrap .table_style1 tbody tr th .ico {display: inline-block; vertical-align: middle; padding-right: 10px;}
.outline_wrap .table_style1 tbody tr td {padding-top:23px; padding-bottom: 23px; border: 1px solid #dddddd; border-left: none; line-height:150%;}
.outline_wrap .table_style1 tbody tr th > strong {display: block; font-weight: 400;}
.outline_wrap .table_style1 tbody tr:first-child td {border-top:0px; }
.outline_wrap .cc {overflow: hidden; margin:-1px -1px 0px 0px;}
.outline_wrap .cc > li {float: left; width: 50%; box-sizing: border-box; border: 1px solid #cccccc; background: #f3f4f8; text-align: center; padding: 20px 10px; min-height:170px; box-sizing: border-box; font-size: 1.2em;}
.outline_wrap .cc > li .ico {display: block; padding-bottom: 10px; }
.outline_wrap .cc > li:nth-child(2) {margin-left: -1px;}
.outline_wrap .cc > li > strong {font-size: 1.3em;}
.outline_wrap .b_txt {background: url(../img/introduce/line.gif) repeat-x left bottom;}
.outline_wrap .list {padding-top:10px; font-size: 1.05em;}
.outline_wrap .list > li {position: relative; padding-left:80px; margin-top:10px;}
.outline_wrap .list > li > strong {position: absolute; color: #142e7b; left: 0px; top: 0px; display: block; padding-left:13px;}
.outline_wrap .list > li > strong:before {display: block; content: ""; width: 4px; height: 4px; background: #2d4489; position: absolute; left: 0px; top: 50%; margin-top: -2px; border-radius:100%; }

.booth {margin-top: 30px; overflow: hidden; width: 100%; box-sizing: border-box;}
.booth img {width:100%}

.step_list {overflow:hidden;}
.step_list > li {float:left; width:25%; min-height:270px; border:1px solid #dddddd; border-right:none; font-size:1.12em; box-sizing: border-box; text-align: center; position: relative; padding-top:20px;}
.step_list > li:first-child:before {display:none}
.step_list > li .num {position: absolute; left: 0px; top: 0px; text-align: center; color: #fff; width:38px; height: 38px; line-height:38px; background: #3bb8eb;}
.step_list > li .txt_tit {display: block; font-size: 1.05em; line-height: 140%; padding: 10px 5px 0px 5px;}
.step_list > li .ico {display: block; padding: 15px 0px;}
.step_list > li .txt_t{display:block; font-size:0.89em;}
.step_list > li .txt_t02{display:block; font-size:0.89em; position:relative; padding-top:30px;}
.step_list > li .txt_t02:before{content:""; display:block; width:20px; height:2px; position:absolute; left:50%; top:17px; background-color:#666; transform: translateX(-50%); -webkit-transform: translateX(-50%);}

.step_list > li:last-child {border-right:1px solid #dddddd;}


.map {border: 1px solid #cccccc; margin-top: 30px; overflow: hidden; width: 100%; box-sizing: border-box;}
.map img {width:100%}
.map iframe {width: 100% !important; height: 400px;}
.map_time {text-align: right; padding: 15px 0px;}
.map_time > span {display: inline-block; padding-left:25px; background: url(../img/common/note.png) no-repeat left center;}

.map_info {overflow: hidden; padding-top: 30px; margin: 0px -10px;}

.map_info dl {padding-left:90px; padding-right: 10px; box-sizing: border-box; width:50%; float: left; margin-top: 30px;}
.map_info dl dt {font-size:1.2em; padding:15px 0px 10px 0px; line-height: 140%; font-weight:500; color: #333333;}
.map_info dl .arrow {display: inline-block; vertical-align: top; padding-left: 40px; background: url(../img/introduce/arrow.png) no-repeat 5px 10px;}
.map_info .ico01 {background: url(../img/introduce/ico_bus.png) no-repeat 10px top;}
.map_info .ico02 {background: url(../img/introduce/ico_metro.png) no-repeat 10px top;}
.map_info .ico03 {background: url(../img/introduce/ico_car.png) no-repeat 10px top;}
.map_info .ico04 {background: url(../img/introduce/ico_bus.png) no-repeat 10px top;}
.map_info .bus_ico > li {position:relative; padding-left:50px; margin-top:10px;}
.map_info .bus_ico > li:first-child {margin-top:0px;}
.map_info .bus_ico > li > span {display:inline-block; color:#fff; border-radius:60px; font-size:0.9em; font-weight:100; line-height:20px; padding:0px 8px; position:absolute; left:0px; top:2px;}

.mt_30 {margin-top:30px;}

.arrow_bg {display: inline-block; vertical-align: top; padding-left: 40px; background: url(../img/introduce/arrow.png) no-repeat 5px 10px;}

.ico_map {padding-left: 20px; background: url(../img/introduce/ico_map.gif) no-repeat left 5px; font-size: 1.1em;}


.company_search {background: #f0f1f5; padding: 20px; margin-top: 10px;}
.company_search ul {overflow: hidden;}
.company_search ul > li {box-sizing: border-box; float: left; padding: 3px; width: 25%;}
.company_search ul > li.short {box-sizing: border-box; float: left; padding: 3px; width: 18.7%;}
.company_search ul.three > li {width: 33.33333%;}
.company_search ul > li .select {width: 100%; min-height:50px;}
.company_search ul > li .input {width: 100%; min-height:50px; box-sizing: border-box; border: 1px solid #f8981d;}
.company_search ul > li .btn_searchW {position: relative; padding-right:60px;}
.company_search ul > li .btn_search {position: absolute; right: 0px; top: 0px; background: #f8981d; display: inline-block; zoom: 1; color: #fff; border: 1px solid #f8981d; padding: 0px; font-family: Noto Sans; font-size: 14px; width:60px; height:50px; line-height:48px; text-align: center; cursor: pointer;}
.company_search ul.on > li {float: none; width: 100%; max-width: 500px; margin: 0 auto;}

.recruit_info {position: relative;}
.recruit_info > h3 {text-align: center; font-size: 26px; font-weight:600; line-height: 140%; padding:15px 70px;}
.recruit_info .go_back {position: absolute; right: 0px; top: 0px;}
.recruit_info .go_back > a {display: block; border: 1px solid #51BD8B; width:65px; height: 65px; box-sizing: border-box; padding:13px 15px;}
.recruit_info .go_back > a > span {display: block; width: 100%; height: 2px; background: #0b4da2; margin-top:8px;}
.recruit_box {border: 1px solid #e9e9e9; min-height: 125px; padding:25px 30px 25px 215px; background: url(../img/recruit/ico01.gif) no-repeat 45px center #fafafa; font-size: 18px;}
.recruit_box .bul01 li {margin-top: 10px;}
.recruit_box .bul01 li:after {top:9px; background: #0c91dd;}

.con_wrap {margin-bottom: 120px;}
.dep_txt {margin-bottom: 40px; font-weight: 300;}
.dep_txt.copy { font-size: 22px; line-height: 33px;}
.dep_txt.copy b {font-weight: 500;}
.con_wrap p {font-weight: 300;}


.edu_con05 { width: 100%; margin: 0 auto 50px auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.edu_con05_wrap{width: 30%; padding: 40px 0; border: 1px #ccc solid; border-radius: 10px; text-align: center; }
.edu_con05 .con_tit {color:#00aee6; vertical-align: middle;}
.edu_con05 .con_tit b {display: block; margin-bottom: 5px; font-size:25px; color:#000; margin-right:10px;}
.edu_con05 .con_tit p {color: #000; width: 90%; margin: 0 auto;}
.edu_con05 li{padding-left: 14px; position: relative; line-height: 180%;}
.edu_con05 li:after {display: block; content: ""; width:5px; height:5px; background:#cacaca; position: absolute; left: 0px; top: 13px; border-radius: 50%;}

.line_text { font-size: 20px; font-weight: 500 !important; border-top: 1px solid #000; border-bottom: 1px solid #000; text-align: center; padding: 10px 0; }


.about_media2 li {margin-bottom: 20px; padding-left: 25px;}
.about_media2 li b {display: block; position: relative; font-size: 20px; margin-bottom: 5px;}
.about_media2 li b:before {content: ''; display: block; width: 5px; height: 5px; background: #cccccc; position: absolute; top: 11px;left: -20px;}

.about_media li {margin-bottom: 10px; padding-left: 25px;}
.about_media li b {display: block; position: relative; font-size: 20px; margin-bottom: 5px;}
.about_media li b:before {content: ''; display: block; width: 5px; height: 5px; background: #cccccc; position: absolute; top: 11px;left: -20px;}

.history li {padding-left: 150px; margin-bottom: 20px; position: relative;}
.history li b {position: absolute; left: 0; font-size: 24px; font-weight: 900; font-family: NanumSquare; color: #3b319a;}
.history li div p {position: relative;}
.history li div p:after {content: ''; display: block; position: absolute; width: 5px; height: 5px; background: #ccc; border-radius: 50%; top: 11px; left: -20px;}

.list_more {padding-top: 30px;}
.list_more > a {display:block; margin: 0 auto; text-align: center; max-width:99px; box-sizing: border-box; padding: 0px 20px; border: 1px solid #757575;}
.list_more > a > span {text-align: center; font-size: 15px; padding:50px 0px 15px 0px; display: block; position: relative;}
.list_more > a > span:after {display: block; content: ""; width:26px; height: 1px; background: #000; position: absolute; left: 50%; top:30px; margin-left: -13px; }
.list_more > a > span:before {display: block; content: ""; width:26px; height: 1px; background: #000; position: absolute; left: 50%; top:30px; margin-left: -13px; transform: rotate(90deg); -webkit-transform: rotate(90deg)}


.down_box {border: 1px solid #cccccc; background: #f4f5f8; text-align: center; padding: 20px;}
.down_box > a {display: inline-block; color: #0b4da2; font-size: 1.25em; padding-right:30px; background: url(../img/common/ico_down4.png) no-repeat right center;}


.introduce {overflow: hidden;}
.introduce .poster {float: left; width: 40%; max-width:500px; box-sizing: border-box; padding-right: 10px;}
.introduce > ul {float: left; width: 60%; box-sizing: border-box; padding-left: 10px; font-size: 1.1em;}
.introduce > ul > li {position: relative; display: table; width: 100%; padding-left:150px; min-height:50px; box-sizing: border-box; margin-top: 20px;}
.introduce > ul > li > p {display: table-cell; vertical-align: middle; height: 50px;}
.introduce > ul > li:first-child {margin-top: 0px;}
.introduce > ul > li .txt_t {position: absolute; left: 0px; top: 0px; width:130px; border-radius:60px; background: #37bbd7; color: #fff; text-align: center; line-height: 50px; height: 50px;}

.introduce_ul{overflow:hidden; margin-left:-10px;}
.introduce_ul > li{padding-left: 10px; width:33.33333%; float:left; text-align:center;  box-sizing:border-box; min-height:70px; line-height:70px;}
.introduce_ul > li > a{padding:10px; display:block; border:1px solid #ccc;}
.introduce_ul > li > a > img{vertical-align: middle;}

.app_info {overflow: hidden; position: relative;}
.app_info .img {float: left; width: 50%; box-sizing: border-box; padding-right: 20px;}
.app_info .txt {float: right; width: 50%; box-sizing: border-box; padding-left: 20px; font-size: 32px; line-height: 140%;}
.app_info .txt:before {display: block; content: ""; width:244px; margin: 50px 0px 30px -122px; height: 1px; background: #3F6B4E;}


.mentoring_view {border: 1px solid #ccc; padding: 30px; margin-top: 10px;}
.mentoring_view .time {overflow: hidden; margin: -10px;}
.mentoring_view .time > li {float: left; width: 25%; box-sizing: border-box; padding: 10px; font-size: 1.1em;}
.mentoring_view .q_box {padding:30px; background: #f0f1f5; margin:-30px; margin-top:30px;}
.mentoring_view .q_box .s_tit {padding-left: 0px; background: none;}
.mentoring_view .q_box .b_txt {color: #333333; padding: 20px 0px 5px 0px;}
.mentoring_view .q_box .input {width: 100%; min-height:48px;}

.go_bt {background:#0c91dd; display: inline-block; border-radius:30px; color: #fff; padding:7px 15px; }
.go_bt > span {display: block; color: #fff; line-height: 110%; padding-right:15px; background:url(../img/common/bt_arrow2.png) no-repeat right center;}

.point_box {padding: 20px; background: #f3f4f8}



.faq_list {border-top: 1px solid #e2e2e2; margin-top: -1px;}
.faq_list > li {border-bottom: 1px solid #e2e2e2}
.faq_list > li .title {padding:26px 40px 27px 75px; background: url(../img/common/arrow.gif) no-repeat right center;line-height:140%; color: #323232; position: relative; color: #666666; cursor: pointer;}
.faq_list > li .title.on {background: url(../img/common/arrow2.gif) no-repeat right center; color: #000000;}
.faq_list > li .title .q {position: absolute; width:36px; height: 36px; line-height:33px; border-radius:100%; border: 1px solid #cccccc; left:20px; top:50%; margin-top: -18px; color: #666666; text-align: center; font-weight:700; font-size: 24px;}
.faq_list > li .title.on .q {color: #37bbd7; border-color:#37bbd7; }
.faq_list > li .answer_wrap {padding:19px 19px 19px 19px; display:none; background: #f2f2f2; border:1px solid #cccccc; margin-bottom: -1px; }
.faq_list > li .answer {min-height: 22px; padding:8px 0px 8px 55px; line-height:140%; color: #333333; word-break:keep-all; word-wrap:break-word; position: relative; font-size:15px; font-weight: 500;}
.faq_list > li .answer .a {position: absolute; width:36px; height: 36px; line-height:33px; border-radius:100%; border: 1px solid #37bbd7; left:0px; top:0px; color: #37bbd7; text-align: center; font-weight:700; font-size: 24px;}

.check_txt {font-size: 18px; color: #494949}

.event_wrap {overflow: hidden; margin: -15px;}
.event_wrap > li {float: left; text-align: center; width: 25%; box-sizing: border-box; padding: 15px;}
.event_wrap > li .img {display: block;}
.event_wrap > li .txt_t {display: block; text-align: center; font-size: 1.35em; color: #3F6B4E; line-height: 140%; padding: 20px 0px 15px 0px;}
.event_wrap > li .txt_t:after {display: block; content: ""; width:40px; height: 2px; background: #0c91dd; margin: 0 auto; margin-top:15px;}

.introduce_wrap {font-size: 1.1em;}
.introduce_wrap:after {display: block; content: ""; clear: both;}
.introduce_wrap .poster {float: left; width:45%; max-width: 502px; box-shadow: 2px 4px 10px #ccc;}
.introduce_wrap .poster img {border: 1px solid #fff;}
.introduce_wrap .info_wrap {float: right; width:55%; box-sizing: border-box; padding-left: 5%;}
.introduce_wrap .info_wrap .first {font-size: 1.7em; line-height: 150%; padding: 10px 0px 0px 0px; font-weight: 400;}
.introduce_wrap .info_wrap .first:after {display: block; content: ""; width: 270px; height: 1px; background: #f8981d; margin: 30px 0px 30px -155px;}



/* job_04.php 집단상담 안내 ---집단상담 */
.introduce_wrap .info_wrap dl.info {line-height: 200%;}
.introduce_wrap .info_wrap dl.info dt {float: left; width: 66px; font-weight: 600; color: #333;}
.introduce_wrap .info_wrap dl.info dd {float: left; width: 500px; margin:0 0 30px 30px;}

/* job_04.php 집단상담 안내 ---집단상담 소제목 */
table.info_detail {Width: 100%; font-size: 1.1em; font-weight:300; }
table.info_detail tr{Width: 100%; }
table.info_detail tr td {vertical-align: top; text-align: left; padding:4%; border: 1px solid #ccc; font-weight: 400; line-height:150%;}
table.info_detail tr td p {font-size:0.95em; }

.consulting {text-align: center; margin-top:90px;}
.consulting a.btn{}



.radius_tit {display: inline-block; vertical-align:middle; min-width:112px; box-sizing: border-box; line-height: 37px; color: #fff; text-align: center; font-size:1em; border-radius:30px; background: #181d61}

.ico_txt {padding-left:150px; font-size:1.1em; font-weight:400; min-height: 36px; margin-top:5px; position: relative; padding-top: 10px;}
.ico_txt .ico {position: absolute; left: 0px; top: 0px;}
.ico_txt .txt_t {position: absolute; left: 0px; top: 0px; min-height:46px; box-sizing: border-box; padding-top:8px; padding-left:60px; font-weight:700; display: block; line-height: 140%;}

.info_wrap .event_step {padding: 0px 0px 30px 50px;}

.guide_step {overflow: hidden;}
.guide_step > li {float: left; width: 33.3333%; position: relative; box-sizing: border-box; padding: 10px;}

.guide_step > li > dl {border-radius:10px; background: #0068af; padding: 10px; color: #fff;}
.guide_step > li > dl > dt {padding-bottom: 10px; border-bottom: 1px solid #80b4d7; text-align: center; font-size:1.15em; line-height: 150%; }
.guide_step > li > dl > dd {padding-top: 10px; text-align: center; font-weight: 400;}
.guide_step > li:before {display: block; content: ""; width:36px; height: 36px; background: url(../img/guide/arrow.png) center center;  position: absolute; left: 0px; top:50%; margin-left: -18px; margin-top: -18px;}
.guide_step > li:first-child:before {display:none}

.radius_list > li {margin-top:15px; position: relative; padding-left: 150px; min-height: 37px; font-weight:400;}
.radius_list > li .radius_tit {position: absolute; left: 0px; top: 0px;}


.procedure {padding:40px 10px; background: #f3f4f8; border: 1px solid #ccc; position: relative; overflow:hidden;}
.procedure.five > li{width:20%;}
.procedure.six > li{width:16.6666%;}
.procedure > li {float:left; width:25%; font-size:1.1em; font-weight: 400; box-sizing: border-box; z-index: 9; text-align: center; color: #000; position: relative; line-height: 140%;}
.procedure > li .txt_t {display: block; font-size: 1.15em; line-height: 140%; padding: 0px 5px;}
.procedure > li .ico {display: block; padding: 15px 0px;}
.procedure > li:before {display: block; content: ""; width:36px; height: 36px; background: url(../img/guide/arrow.png) center center;  position: absolute; left: 0px; top:70px; margin-left: -18px;}
.procedure > li:first-child:before {display:none}
.procedure.three > li {width: 33.333%;}
.procedure2 {padding-bottom:80px;}
.procedure2:after {display: block; content: ""; border-radius:30px; border: 2px solid #37bbd7; box-sizing: border-box; width:calc(100% - 30%); width:-webkit-calc(100% - 30%); background: #e9f1ca; height:calc(100% - 80px); height:-webkit-calc(100% - 80px); position: absolute; right: 20px; top:20px}
.procedure2:before {display: block; content: "9,10 ~ 9.11"; color: #51BD8B; font-weight: 500; position: absolute; right: 0px; bottom:20px; text-align: center; width:calc(100% - 25%); width:-webkit-calc(100% - 25%); font-size: 1.2em;}

.ai_info {font-size: 1.15em; min-height:348px; padding-right:500px; background: url(../img/job/03_img01.jpg) no-repeat right top; }
.ai_info .first {font-size:2.3em; font-weight: 400; line-height: 140%; padding-bottom: 30px;}

.ai_info2 {font-size: 1.15em; min-height:348px; padding-left:600px; background: url(../img/job/04_img01.jpg) no-repeat left top; }
.ai_info2 .first {font-size:2.3em; font-weight: 400; line-height: 140%; padding-bottom: 30px;}
.ai_info2 .first:after {display: block; margin-top:30px; content: ""; width:77px; height: 1px; background: #37bbd7}

.ai_info1 {font-size: 1.15em; min-height:470px; padding: 30px; box-sizing: border-box; background: url(../img/job/01_img01.jpg) no-repeat left top; background-size:cover; color: #fff;}
.ai_info1 .ico {padding-bottom: 30px;}
.ai_info1 .first {font-size:2.5em; text-align: center; font-weight:100; line-height: 140%;}
.ai_info1 .btnGeneral {background: #fff;}
.ai_info1 .btnGeneral > span {color: #f77e8f;}

.ai_info3 {font-size: 1.15em; min-height:470px; padding: 30px; box-sizing: border-box; background: url(../img/job/02_img01.jpg) no-repeat left top; background-size:cover; color: #fff; text-align: center;}
.ai_info3 .ico {padding-bottom:20px;}
.ai_info3 .first {font-size:2.5em; text-align: center; font-weight:100; line-height: 140%;}
.ai_info3 .btnGeneral {background: #fff;}
.ai_info3 .btnGeneral > span {color: #36b3ce;}


.ai_wrap {overflow:hidden; padding: 5%; font-size: 1.2em; line-height: 150%; border: 1px solid #ccc; margin-top:30px; text-align: center;}
.ai_wrap .first {font-size: 1.8em; line-height: 140%; font-weight: 700; padding-bottom: 10px;}


.frame_wrap {margin: 0 auto; max-width: 960px;}
.frame_wrap > div {position: relative; padding-bottom: 55%;}
.frame_wrap iframe {width: 100% !important; height: 100% !important; position: absolute; left: 0px; top: 0px;}

.down_btn_two {margin: 0 auto; max-width: 500px; overflow: hidden;}
.down_btn_two > li {float: left; width: 50%; box-sizing: border-box; padding:2px;}
.down_btn_two > li > a {display: block; font-size: 1.1em; background: #0068af; border-radius:10px; padding: 20px; }
.down_btn_two > li > a > span {display: block; line-height: 140%;  color: #fff; padding-right: 50px; background: url(../img/common/ico_down.png) no-repeat right center;}

.step_box {border: 1px solid #ccc; padding: 30px; font-size: 1.1em; clear: both; margin-top:10px;}
.step_box .bul01 > li:after {background: #37bbd7}
.step_box .txt_t {display: inline-block; min-width:190px;}
.step_tit_wrap {overflow: hidden; padding-bottom: 20px; font-size: 26px; color: #37bbd7; font-weight: 600;}
.step_tit_wrap .step_tit {display: inline-block; border-radius:60px; background: #37bbd7; color: #fff; text-align: center; font-size:1em; line-height: 58px; min-width: 167px; vertical-align: middle; text-align: center; overflow: hidden; margin-right: 10px;}
.step_tit_wrap a {color: #37bbd7;}
.step_tit_wrap .ico_play {padding-left: 50px; min-height: 36px; line-height: 36px; background: url(../img/common/ico_play.png) no-repeat left top;}

.ex_two {overflow: hidden; margin: 0px -10px;}
.ex_two > li {float: left; width: 50%; box-sizing: border-box; padding: 10px; text-align: center; }
.ex_two > li {float: left; width: 50%; box-sizing: border-box; padding: 10px; text-align: center; }

.blue_box {background: #1a73e8; padding: 30px 10px; text-align: center; color: #fff; margin-top: 30px;}
.bt_chrome {text-align: center; padding-top: 10px; }
.bt_chrome > a {display:block; max-width:335px; margin: 0 auto; background: #fff; padding: 10px; border-radius:60px;}
.bt_chrome > a > span {display: block; padding-right: 60px; font-size: 1.2em; background: url(../img/common/ico_chrome.png) no-repeat right center; line-height:50px;}

.img_txt_wrap {overflow: hidden;}
.img_txt_wrap .img {float: right; width: 50%; box-sizing: border-box; padding-left: 30px; text-align: center;}
.img_txt_wrap .txt {float: left; width: 50%; box-sizing: border-box;}
.img_txt_wrap.left .img {float: left; padding-left: 0px; padding-right: 30px;}
.img_txt_wrap.left .txt {float: right;}


.greeting {font-size: 1.15em; min-height:470px; padding: 30px; box-sizing: border-box; background: url(../img/common/404_01.jpg) no-repeat left top; background-size:cover; color: #fff; text-align: center;}
.greeting .btn {border:1px solid #3d2724; padding: 15px 45px; font-size: 0.75em; color:#3d2724; clear: both; margin-top:10px;}





.support_wrap {font-size: 1.1em; margin-bottom:5%; }
.support_wrap:after {display: block; content: ""; clear: both;}
.support_wrap .poster {float: left; width:45%; max-width: 502px; box-shadow: 2px 4px 10px #ccc;}
.support_wrap .poster img {border: 1px solid #fff;}
.support_wrap .info_wrap {float: right; width:55%; box-sizing: border-box; padding-left: 5%;}
.support_wrap .info_wrap .first {font-size: 1.7em; line-height: 150%; padding: 10px 0px 0px 0px; font-weight: 400;}
.support_wrap .info_wrap .first:after {display: block; content: ""; width: 270px; height: 1px; background: #f8981d; margin: 30px 0px 30px -155px;}

span.sm_txt {font-size:0.9em; color:#777;}
.bul01 p.sm_txt {padding:3% }
.bul01 p.box {font-size:0.83em; padding:5%; height:30%; background:#f7f7f7; border-radius:15px;}

.new_job {overflow: hidden;}

.new_job .txt {float: right; width: 50%; box-sizing: border-box; padding-left: 5%;}
.new_job .txt .first {font-size: 2.6em; line-height: 140%;}
.new_job .txt .first:after {display: block; content: ""; clear: both; width:270px; height: 1px; background: #f8981d; margin: 30px 0px 30px -155px;}
.new_job .img {float: left; width: 50%; box-sizing: border-box;}
.line_bg {background: url(../img/project/line_bg.gif) no-repeat left top; display: block; height:19px; margin: 60px 0px; }

.new_job_table > table {width: 100%; font-size: 1.1em; font-weight:300; }
.new_job_table > table > tbody > tr > td {vertical-align: top; text-align: center; padding:20px 0; border: 1px solid #ccc; font-weight: 300; line-height:150%; font-size: 17px; vertical-align: middle;}
.new_job_table > table > tbody > tr > td.bg_gray{width:13%; background-color:#f5f5f5; text-align: center; vertical-align: middle;}
.new_job_table > table > tbody > tr > td.th_bold {text-align: center; font-size: 20px; font-weight: 500;}
.new_job_table > table > tbody > tr > td.text {text-align: left; padding-left: 70px;}
.new_job_table > table > tbody > tr > td .pd{border-right:1px solid #e0e0e0; border-left:1px solid #e0e0e0; }
.new_job_table > table > tbody > tr > td .pd tr td {padding:1%}
.new_job_table > table > tbody > tr > td .pd tr td .title{text-align:center; margin:0 auto; }
.new_job_table > table > tbody > tr > td:first-child{border-left: 1px #fff solid;}
.new_job_table > table > tbody > tr > td:last-child{border-right: 1px #fff solid;}

.tbl-scroll{ position: relative;}
table.data{ table-layout: fixed; width: 100%; border-top: #000 2px solid; border-bottom: #000 2px solid;min-width: 800px;}
table.data thead th{ text-align: center; padding: 20px 0; color: #333; font-size: 16px; font-weight: 400; border-bottom: #ccc 1px solid; border-left: #ccc 1px solid; background: #eaf0f4;}
table.data tbody th{ text-align: center; padding: 20px 0; color: #333; font-size: 16px; font-weight: 400; border-bottom: #ccc 1px solid; border-left: #ccc 1px solid;}
/* table.data  > thead > tr > th:first-child {border-left: 1px #fff solid;} */
table.data  > thead > tr > th:last-child {border-right: 1px #fff solid;}
table.data tbody td{ text-align: left; padding: 20px 12px; border-bottom: #ccc 1px solid; border-left: #ccc 1px solid; font-size: 16px;}
table.data tbody td li {position: relative; padding-left: 20px;}
table.data tbody td li:before {content: ''; display: block; position: absolute; width: 5px; height: 5px; background: #ccc; border-radius: 50%; top: 11px; left: 0;}
table.data tbody td > span { white-space: nowrap;}
table.data  > tbody > tr > td.table_cen {text-align: center; border-left: 1px #fff solid;}
table.data  > tbody > tr > td.table_left {text-align: left; border-left: 1px #fff solid;}
table.data  > tbody > tr > td:last-child {border-right: 1px #fff solid;}
table.data tr.bg_color { background: #f7f9f9;}
table.data .gloAbo02w01{ width: 140px;}
table.data .gloAbo02w02{ width: 180px;}
table.data .gloAbo02w03{ width: 160px;}
table.data .gloAbo02w04{ width: 240px;}
table.data tbody td.flag-td{ text-align: left; padding-left: 20px;}
table.data tbody td.flag-td .flag{ margin-right: 1rem;}
table.data tbody td ul.ul-list01 > li + li{ margin-top: .4rem;}
table.data thead tr.bgWhite th{ background-color: #fff;}
table.data thead tr .table_tit{border-left: none;}


table.data.no_line { table-layout: fixed; width: 100%; border-top: #ccc 0px solid;}
table.data.no_line td{position: relative; padding: 20px; border-top: #ccc 0px solid;border-bottom: #ccc 0px solid; border-left: #ccc 0px solid;}
table.data.no_line td:after {left: 0px; content: ''; display: block; width: 70px; height: 70px; background: #c7e8fa; position: absolute; top: 30px; z-index: -1;}
table.data.no_line td img {display: block; margin:30px 0px 0px 10px; width:98%}



.dl_st1 > dt {text-align: center; margin-bottom:15px; color: #fff; background: #f8981d; padding: 10px 30px; border-radius:30px; font-size: 1.35em; line-height: 140%;   width: 50%; margin: 0 auto;}
.dl_st1 > dd {font-weight: 400; }
.dl_st1 > dd .bul01 > li {margin-top:8px;}


.dl_st1 dd > p.dd_title {padding: 4% 0 2.5% 0; text-align: center; font-weight: 550; font-size: 1.10em;}
.dl_st1 dd > ul.biz_step {display:none;}


.flex_box { display: flex; }


.step_bul > li {position: relative; padding-left:0px; margin-top:15px;}
.step_bul > li .txt_t {display: block; width:94px; border: 0px solid #1b9b97; position: absolute; left: 0px; top:-2px; text-align: center; border-radius:60px; font-weight: 400; line-height: 30px; }

.num_list > li {position: relative; padding-left:70px; margin-top: 20px; }
.num_list > li.padding-left {padding-left:30px;}
.num_list > li .num {display: block; position: absolute; left: 0px; top: 0px; width:50px; height: 50px; line-height: 50px; color: #fff; font-size: 1.3em; background: #52c4dc; border-radius: 100%; text-align: center;}
.num_list > li .txt_t {display: block; padding:10px 0px 10px 0px; font-size: 1.1em;}
.num_list > li .ico > li {padding-left: 20px;}
.num_list > li .ico > li:first-child {background: url(../img/common/ico_map.gif) no-repeat left 5px;}
.num_list > li .ico > li:nth-child(2) {background: url(../img/common/ico_tel2.gif) no-repeat left 5px;}

.center_info {overflow: hidden;}
.center_info .num_list {float: left; width: 50%; box-sizing: border-box; padding-right: 10px;}
.center_info .img {float: right; width: 50%;}

.box_1350 {padding: 10px 0px 10px 175px; font-size: 1.3em; line-height: 160%; margin-top: 10px; background: url(../img/project/1350.png) no-repeat 10px; top;}
.box_1350 .tel {padding-left:20px; color: #30a3bb; font-weight:800; font-size: 1.1em; background: url(../img/project/ico_tel.png) no-repeat left center;}
.box_1350 .txt {padding-top: 20px; color: #37bbd7; font-weight:600;}


.prof-list {display: flex;flex-wrap: wrap;gap: 50px;}
.prof-list .itm {display: flex;  gap: 50px;width: calc(50% - 25px);}
.prof-list .itm .thumb {width: 200px;}
.prof-list .itm .thumb .photo {width: 200px;height: 250px;}
.prof-list .itm .thumb .photo img{width: 100%;height: 100%;object-fit: cover;}
.prof-list .itm .thumb .btn {position: relative; margin-top: 5px; border: #666666 1px solid; color: #666666; height: 40px; line-height: 40px;}
.prof-list .itm .thumb .btn::after {content: ''; display: block;  width: 16px;  height: 16px; position: absolute; right: 10px; top: 50%; margin-top: -8px; background: url(../img/common/pro_more.png) 50% 50% no-repeat;}
.prof-list .itm .desc {padding: 25px 30px 0 54px; display: table-cell; vertical-align: top;}
.prof-list .itm .desc .tx01{font-size: 18px; color: #333;}
.prof-list .itm .desc .tx01 b {display: inline-block; font-size: 22px;}
.prof-list .itm .desc .tx02 {color: #333; margin-top: 10px; }
.prof-list .itm .desc ul {margin-top: 20px; color: #333;}
.prof-list .itm .desc ul > li {position: relative; padding: 0 0 0 35px; letter-spacing: -.05m; line-height: 40px;}
.prof-list .itm .desc ul > li i {position: absolute; display: inline-block; top: 10px; left: 0;}

.btn {min-width: 150px; padding: 0 30px; display: inline-block; vertical-align: middle; line-height: 48px; margin: 0; letter-spacing: -0.05em;  white-space: nowrap; height: 50px; color: #222; text-align: center; background-color: #fff; border: #333 1px solid;}
.btn.block{width: 100%; display: block; padding: 0;}


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

.br{display:block;}



.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 {font-size: 0px; padding: 5px 0px 0px 0px; margin:-5px 0px 0px -25px;}
.radio_group > li {display: inline-block; font-size:15px; padding: 5px 0px 0px 25px;}
.radio_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;  margin-top: 30px;}/*border-top:2px solid #333333;*/
.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;}


/*atab*/
.atab { margin-bottom:30px; 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:70px; vertical-align: middle; background:#fff; line-height:20px; font-weight:400;  padding:0px 0px; text-align:center; color:#999999; box-sizing:border-box; border:1px solid #cccccc; font-size:20px; border-left: none}
.atab li:first-child a {border-left:1px solid #cccccc;}
.atab li.on a {border: 1px solid #f8981d !important; background: #f8981d; color: #fff; font-weight: 500;}
.atab.line li.on a {border: 1px solid #f8981d !important; background: #fff; color: #f8981d; font-weight: 500;}
/*.atab li.on:after {display: block; content: ""; width: 20px; height:calc(100% - 2px); height:-webkit-calc(100% - 2px); position: absolute; left: 100%; top:1px; background: url(../img/common/tab_shadow.png) no-repeat left top; background-size:cover; z-index: 99}
.atab li:last-child.on:after {display:none !important}*/
.atab.two li {width:50%;}
.atab.three li {width:50%;}
.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;}
.atab li a .ico {display: inline-block; vertical-align: middle; border-radius:100%; overflow: hidden; background: #f2f3f8; margin: 10px 10px 10px 0px;}
.atab li.on a .ico {background:#fff;}



.btab { margin-bottom:40px; padding-top: 10px; font-size: 0px; text-align: center}
.btab:after {clear:both; display:block; content:"";}
.btab li {float:left; width:20%; box-sizing: border-box; padding: 2px;}
.btab li a {box-sizing:border-box; position:relative; display: table; width: 100%; }
.btab li a > span {display:table-cell; width: 100%; height:60px; vertical-align: middle; background:#fff; line-height:20px; font-weight:400;  padding:0px 0px; text-align:center; color:#37bbd7; box-sizing:border-box; border:1px solid #cccccc; font-size:18px; border-radius:60px; }
.btab li a > span.down {background: url(../img/common/ico_down5.png) no-repeat 90% center; padding-right:20px;}
.btab li.on a > span {border: 1px solid #37bbd7 !important; background: #37bbd7; color: #fff; font-weight: 500;}
.btab.line li.on a > span {border: 1px solid #37bbd7 !important; background: #fff; color: #37bbd7; font-weight: 500;}
.btab.one li {width:100%;}
.btab.two li {width:50%;}
.btab.three li {width:33.33%;}
.btab.four li {width:25%;}




.of_hi .fl50 {float:left; width:48%;}
.of_hi .fr50 {float:right; width:48%;}
.graybox { background:#f8f8f8; padding:30px;}
.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; background:url(../img/common/png_70.png) repeat left top;/*background:#d7d7d7;*/ zoom: 1;}

.layerPop_inner {width: 100%; 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;}
.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: #37bbd7; position: relative;}
.pop_wrap .pop_head .title {font-size:20px; line-height:150%;  color: #fff; padding:15px 45px 20px 25px; text-align: left; font-weight:500;}
.pop_wrap .pop_head .title.tc {padding-left:45px;}
.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_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;}



/* 팝업 */

.main_layer_pop {position: absolute; left:5%;  top:100px; z-index: 9999}
.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;}
.main_pop_bottom .close {position: absolute; right: 10px; top: 10px; padding-right: 30px; background: url(../popup/images/pop_close.gif) no-repeat right center; }
.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;}
.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{max-height:500px; 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:#37bbd7;  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;}



/* 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 form:first-child .login_wrap {border-left: 1px solid #cccccc;}



.login_wrap {margin:0 auto; border: 1px solid #cccccc; background: #fff; padding:35px 45px; box-sizing: border-box;}
.login_wrap .login_bt .btn {background-color: #3b319a; outline: none; border-radius:60px; border: 1px solid  #3b319a; color: #fff; padding: 12px; line-height:40px; display: block; font-size: 22px; text-align: center;font-weight:300; width: 100%; height: 65px; cursor: pointer; box-sizing: border-box; -moz-box-size: border-box;}
.login_wrap .join_bt {margin-top:5px;}
.login_wrap .join_bt a {display:block; background-color: #333; border: 1px solid #333; color: #fff; padding: 12px; line-height:40px; display: block; font-size: 22px; text-align: center;font-weight:300; width: 100%; cursor: pointer; 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:30px 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:#f7f7f7; color:#565a5c; box-sizing:border-box; -moz-box-size:border-box; font-size:15px;}
.find_idpw {text-align: right; padding: 10px 0px 20px 0px; font-size: 0px;}
.find_idpw > li {display: inline-block; vertical-align: top; font-size: 15px; line-height: 20px; padding-left:10px; margin-left: 10px; background: url(../img/common/top_line2.gif) no-repeat left center; color: #666666; font-weight:400;}
.find_idpw > li:first-child {background: none; padding: 0px; margin: 0px;}
.find_idpw > li:nth-child(2) {background: none; padding: 0px; margin: 0px;}
.find_idpw > li a {font-size:15px; color:#666666; font-weight:400;}

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

.join_go {padding:18px 0px 0px 0px; text-align:center; margin:18px 0px 0px 0px; border-top:1px solid #cccccc}

.join_go > a {background-color: #fff; color: #0c91dd; padding: 12px; line-height: 40px; display: block; font-size:22px; text-align: center; font-weight:300; width: 100%; border: 1px solid #0c91dd; cursor: pointer; box-sizing: border-box; -moz-box-size: border-box;}

.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;}
.add_bt_2 {position: absolute; right: -25px; top: 0px;}
.cer_num{font-size:0.9em; position:absolute; right:-185px; top:10px;}


.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:#ff8295;}
.agency_join.btnsbg02{background-color:#f2773d;}
.agency_join.btnsbg03{background-color:#f8981d;}
.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 {position: relative; margin:10px 0px 45px 0px;}
.join_step > ol {text-align: center; font-size: 0px; position: relative; z-index: 9; margin: 0px -1px 0px 1px;}
.join_step > ol > li {display: inline-block; border: 1px solid #cccccc; font-size:16px; color: #000000; font-weight: 300; text-align: left; width:33.33333%; box-sizing: border-box; padding: 10px 35px; margin-left: -1px;}

.join_step > ol > li .num {display: block; color: #999999; font-size: 17px; font-weight: 100;}
.join_step > ol > li .txt {display: block; padding-top:3px; color: #999999; line-height: 140%; font-weight:700; font-size: 22px;}
.join_step > ol > li.on {background-color:#f8981d;  border: 1px solid #f8981d; z-index: 99; position: relative;}
.join_step > ol > li.on .num {color: #fff;}
.join_step > ol > li.on .txt {color: #fff; }

.certify {text-align: center; padding-top: 50px;}
.certify:before {display: block; content: url(../img/member/certify.png);}
.certify dt {font-size: 22px; line-height: 140%; padding-bottom: 10px;}

.mentor_box {font-size: 15px; font-weight: 300;}
.all_check {text-align: center; padding: 15px 5px; margin: 30px 0px; background: #f5f5f5}


.print_wrap #header {display: none !important}
.print_wrap .sub_visual {display: none !important}
.print_wrap #lnb_wrap {display: none !important}
.print_wrap .title_bar {display: none !important}
.print_wrap .page_tab {display: none !important}
.print_wrap #footerW {display: none !important}
.print_wrap .print_bt {display: none !important}
.print_wrap .p_none {display: none !important}
#wrap.print_wrap {padding:0px !important}

.ico_notice {display: inline-block; vertical-align: middle; padding:4px 10px; background: #ed2129; line-height:20px; color: #fff; }

.date_picker_two {overflow: hidden; position: relative}
.date_picker_two .date_picker {float: left; width:47%;}
.date_picker {position: relative; padding-right: 40px; box-sizing: border-box;}
.date_picker .input {width: 100%;}
.date_picker img {position: absolute; right: 0px; top:50%; margin-top: -15px; width: 30px; height: 30px;}
.date_picker.two_col .input {width: 100%;}
.date_picker_two .col-sm-2  {float: left; width:47%;}
.date_picker_two .pa {left: 50%; top:0%; line-height: 30px; text-align: center; width: 10px; margin:0px 0px 0px -5px;}


.bt_include {position: relative; padding-right: 100px; box-sizing: border-box;}
.bt_include .add_bt {position: absolute; right: 0px; top: 0px;}
.bt_include select {width: 100%; max-width: 100%;}
.bt_include2 {padding-right:65px; margin: 0 auto;}



.board-write .input {min-height: 40px; line-height: 40px; width: 100%;}
.down_file {display: inline-block; vertical-align: middle; color: #0c91dd; margin-left: 10px;}
.down_file > span {display: block; padding-left:23px; color: #000; background: url(../img/common/ico_file.png)no-repeat left center;}
.down_file:first-child {margin-left:0px;}
.view_tit {padding:20px 10px; background: #fff; border-top:1px solid #000; border-bottom: 1px solid #ccc; font-size: 1.1em; font-weight: 500; margin-bottom:15px;}
.view_tit .v_tit {font-size: 1.4em; font-weight:400; line-height: 130%; word-break: break-all;}
.view_tit .v_tit .ico {display: inline-block; border: 1px solid #0c91dd; background: #fff; color: #0c91dd; font-size:1rem; padding: 0px 5px; min-width: 46px; vertical-align: top; margin-right: 4px; text-align: center; height: 24px; line-height: 22px;}
.view_tit .v_list {padding-top:0px;}
.view_tit .v_list > li {display: inline-block; color: #000; vertical-align: top; font-weight: 100; font-size:0.95em; padding:5px 10px; position: relative;}
.view_tit .v_list > li:before {display: block; content: ""; width: 1px; height:14px; background: #666; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%)}
.view_tit .v_list > li:first-child:before {display:none;}

.click_count {text-align: right; padding: 10px 0px; font-size:1.05em; color: #666666}
.view_photo {padding: 20px 0px 0px 0px; text-align: center;}




.td_btns {font-size: 0px; text-align: center; padding: 0px 5px; max-width:260px; margin: 0 auto;}
.td_btns > li {display: inline-block; min-width:50%; box-sizing: border-box; padding: 2px;}
.td_btns > li > a {display: block; min-width:100%}
.td_btns > li > .btnNormal span {padding:10px 5px; min-height:16px; height: auto; line-height:16px; white-space:normal;}



.dl_table > dl {padding:20px 0px 0px 0px;}
.dl_table > dl > dt {font-size:18px; color:#000000; line-height:150%; padding-bottom:5px;}
.dl_table > dl > dd .input {line-height:46px; height:46px; padding-left: 10px; border:1px solid #cccccc}
.dl_table > dl > dd .select_ds select {line-height:46px; height:46px; border:1px solid #cccccc}
.dl_table > dl .pa_minus {line-height:46px;}
.dl_table > dl .btnNormalS span {height:46px; line-height: 46px; overflow: hidden;}

.member_ok {font-size:32px; text-align: center; line-height: 140%; padding: 130px 0px 20px 0px; margin-top: 20px; background: url(../img/member/type_ico02.gif) no-repeat center top; }

.btnNormal.m_block span {min-width:60px;}


.find_type {font-size:20px; color: #333333; line-height: 140%; padding: 20px 0px 10px 0px; margin-top: 10px; }
.find_type > button {display: block; font-size:20px; color: #333333; line-height: 140%; padding-left:25px; font-weight: 500; background: url(../img/common/radio.png) no-repeat left 7px; outline: none; text-align: left;}
.find_type.on > button {background-position:left -69px;}


.find_box .btn-tc {margin-top: 0px; border: none;}

.find_cell {box-sizing: border-box; position: relative;}
.find_cell:after {clear: both; content: ""; display: block;}
.find_cell .cell {float: left; width: 50%; box-sizing: border-box;}
.find_cell .cell select {width: 100%}
.find_cell .bt {position: absolute; right: 0px; top: 0px;}
.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; }
.find_pop {font-size: 15px; line-height: 150%; padding-bottom: 40px !important; position: relative;}
.bb_tit {font-size: 1.5em; line-height: 150%; color: #000000; font-weight: 500; padding: 40px 0px 15px 0px;}





.list_tab {width:100%; margin-bottom:30px; font-size:0px; border-bottom:1px solid #000000; border-top:1px solid #000000; line-height:0px; box-sizing:border-box; }
.list_tab li {/*width:167px;*/ width:20%; min-width:130px; display:inline-block; zoom:1; *display:inline; text-align:center; min-height:50px; line-height:50px; letter-spacing:-1px; font-size:14px; box-sizing:border-box; border-top:3px solid #fff;}

.list_tab li span {display:block; background:url(../img/common/gnb_line.gif) no-repeat left center;}
.list_tab li:first-child span {display:block; background:none;}
.list_tab li span a {display:block;  font-size:13px; color:#000; }
.list_tab li:hover {border-top:3px solid #37589b; min-height:50px; line-height:50px; color:#37589b;}
.list_tab li:hover a {color:#37589b; }
.list_tab li.on {border-top:3px solid #37589b; min-height:50px; line-height:50px; color:#37589b;}
.list_tab li.on a {color:#37589b;}
.list_tab li.line {background:url(../img/common/list_tab_line.gif) no-repeat right center;}

.scrollbox1 {background: #f1f1f1; height: 100px; overflow-x: hidden; overflow-y: auto; padding: 12px;}





.ico_notice {display: inline-block; vertical-align: middle; padding:4px 10px; background: #ed2129; line-height:20px; color: #fff; }

.leave {padding:170px 0px 0px 0px; margin-top: 40px; background: url(../img/mypage/ico_leave.gif) no-repeat center top;}
.gray_box {border: 1px solid #e9e9e9; padding:28px 20px; background: #fafafa}
.gray_box.gray_box_s {padding: 10px;}
.et_profile {overflow: hidden; margin-left: -3px;}
.et_profile > li {float: left; margin-left: 3px;}
.et_profile > li select {min-width:140px;}
.et_profile > li.bt {float: right;}
.bt_ib > li {display: inline-block; padding-top: 5px;}



.txt_pa > li {position: relative; padding-left:60px; font-weight: 300; color: #000; line-height: 140%;  margin-bottom: 10px; font-size: 1.05em;}
.txt_pa > li > strong {position: absolute; left: 0px; top: 0px; color:#666666}

.error_wrap {text-align: center;}
.error_wrap .error_msg {font-size:36px; color:#333333; line-height: 150%; font-weight:700; padding: 50px 0px 30px 0px; background: url(../img/common/tit_line.gif) no-repeat center bottom; margin-bottom:30px;}
.error_wrap .error_msg2 {font-size:16px; color:#333333; line-height: 150%; }
.error_wrap .error_msg2 .mail {display: inline-block; padding-left: 20px; color:#ed1b23; background: url(../img/common/ico_mail.gif) no-repeat left center; margin-left: 3px;}



.date_picker_two {overflow: hidden; position: relative}
.date_picker_two .date_picker {float: left; width:47%;}
.date_picker {position: relative; padding-right: 40px; box-sizing: border-box;}
.date_picker .input {width: 100%;}
.date_picker img {position: absolute; right: 0px; top:50%; margin-top: -15px; width: 30px; height: 30px;}
.date_picker.two_col .input {width: 100%;}
.date_picker_two .col-sm-2  {float: left; width:47%;}
.date_picker_two .pa {left: 50%; top:0%; line-height: 30px; text-align: center; width: 10px; margin:0px 0px 0px -5px;}


.bt_include {position: relative; padding-right: 100px; box-sizing: border-box;}
.bt_include .add_bt {position: absolute; right: 0px; top: 0px;}
.bt_include select {width: 100%; max-width: 100%;}
.bt_include2 {padding-right:65px; margin: 0 auto;}

/* 달력 */
.sch_topW {box-sizing:border-box; text-align:center; background: #f2f2f2; padding: 0px 30px;}
.sch_topW .in_box {display:block; box-sizing:border-box; min-width:246px; position: relative; padding:15px 30px;}
.sch_topW .in_box .prev {position:absolute; left:0; top:50%; margin-top:-12px; }
.sch_topW .in_box .prev img {max-width:100%;}
.sch_topW .in_box .next {position:absolute; right:0; top:50%; margin-top:-12px;}
.sch_topW .in_box .next img {max-width:100%;}
.sch_topW .in_box .date {box-sizing:border-box; font-size:26px; line-height:150%; color:#333333;font-weight: 700;}


.event_tbW {box-sizing:border-box; padding:20px 0px 20px 0px;}
.ev_tb {width:100%; box-sizing:border-box; table-layout: fixed}
.ev_tb thead tr th {padding:5px 5px; text-align:center; font-size:14px; color:#333; font-weight:500; background: #f8f8f8; border-top:1px solid #dadada;}
.ev_tb thead tr th.sun {color:#d43134;}
.ev_tb thead tr th.sat {color:#458acf;}
.ev_tb tbody tr td {padding:5px 6px; vertical-align:top; height:120px; border:1px solid #e6e6e6; font-size:14px; line-height:22px; color:#000;}
.ev_tb tbody tr td.sun {color:#d43134;}
.ev_tb tbody tr td.sat {color:#1e71c6;}
.ev_tb tbody tr td.today .date{background:url(../img/common/d_arrow.png) no-repeat right top;}
.ev_tb tbody tr td.event .date {color: #fff; background: #004497}
.ev_tb tbody tr td .date {display: inline-block; width:23px; height: 23px; line-height: 22px; text-align: center; border-radius:100%; overflow: hidden; vertical-align: middle;}

.ev_tb tbody tr td .eve_txt a {display:block; line-height:18px; font-size:1.05em; color:#fff; padding:7px 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left;}
.ev_tb tbody tr td .eve_txt a .txt_t {display:block; line-height:18px; color: #0c91dd; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ev_tb tbody tr td .eve_txt a .txt {display:block; line-height:18px; font-weight: 300; color: #666666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.kwum .ev_tb tbody tr td .eve_txt a {white-space: inherit; text-overflow: inherit; word-break:break-all }
.ev_tb tbody tr td .eve_txt a.on {text-overflow:inherit; white-space:inherit; text-align: left;}
.ev_tb tbody tr td .eve_txt.color0 a {color:#000; padding:0px; padding-top:5px;  font-weight:normal;}
.ev_tb tbody tr td .eve_txt.color0 a {color:#000;}
.ev_tb tbody tr td .eve_txt.color1 a {background:#a22d44}
.ev_tb tbody tr td .eve_txt.color2 a {background:#8b73b9}
.ev_tb tbody tr td .eve_txt.color3 a {background:#40ae5f}
.ev_tb tbody tr td .eve_txt.color4 a {background:#9b733e}
.eve_txt a {display:block; box-sizing:border-box; color:#000; overflow:hidden; }

.good_bt {text-align: right; padding:20px 0px;}
.good_bt button {display: inline-block; color: #000; font-size:15px; line-height: 20px; padding: 8px 0px 8px 43px; background: url(../img/common/good_off.png) no-repeat left top; font-weight: 300; outline: none;}
.good_bt button > span {color: #333;}
.good_bt button.on {background: url(../img/common/good_on.png) no-repeat left top;}
.good_bt button.on > span {color: #0c91dd;}

.job_intro {overflow: hidden; margin: -5px;}
.job_intro > li {float: left; width: 25%; box-sizing: border-box; padding: 5px;}
.job_intro > li:nth-child(1) .box {background: url(../img/community/03_ico01.png) no-repeat right bottom}
.job_intro > li:nth-child(2) .box {background: url(../img/community/03_ico02.png) no-repeat right bottom}
.job_intro > li:nth-child(3) .box {background: url(../img/community/03_ico03.png) no-repeat right bottom}
.job_intro > li:nth-child(4) .box {background: url(../img/community/03_ico04.png) no-repeat right bottom}

.job_intro > li:nth-child(1) .box.on {background: url(../img/community/03_ico01_on.png) no-repeat right bottom}
.job_intro > li:nth-child(2) .box.on {background: url(../img/community/03_ico02_on.png) no-repeat right bottom}
.job_intro > li:nth-child(3) .box.on {background: url(../img/community/03_ico03_on.png) no-repeat right bottom}
.job_intro > li:nth-child(4) .box.on {background: url(../img/community/03_ico04_on.png) no-repeat right bottom}

.job_intro > li:nth-child(1) .box:hover {background: url(../img/community/03_ico01_on.png) no-repeat right bottom}
.job_intro > li:nth-child(2) .box:hover {background: url(../img/community/03_ico02_on.png) no-repeat right bottom}
.job_intro > li:nth-child(3) .box:hover {background: url(../img/community/03_ico03_on.png) no-repeat right bottom}
.job_intro > li:nth-child(4) .box:hover {background: url(../img/community/03_ico04_on.png) no-repeat right bottom}


.job_intro .box {position: relative; box-shadow:1px 1px 2px #dddddd; min-height: 285px; box-sizing: border-box; padding: 30px; border: 2px solid #51BD8B;}

.job_intro .box .tab > li {position: relative;  z-index: 9;}
.job_intro .box.on {background-color:#51BD8B !important; color:#fff}
.job_intro .box.on > h3 {border-color:#fff}
.job_intro .box.on .tab > li > a {color:#fff}
.job_intro .box.on .tab > li > a:before {background:#fff;}

.job_intro .box:hover {background-color:#51BD8B !important; color:#fff}
.job_intro .box:hover > h3 {border-color:#fff}
.job_intro .box:hover .tab > li > a {color:#fff}
.job_intro .box:hover .tab > li > a:before {background:#fff;}

.job_intro .box > h3 {font-size: 1.4em; font-weight: 100; line-height: 140%; min-height: 85px; margin-bottom: 20px; border-bottom: 1px solid #ddd;}
.job_intro .box > h3 > strong {display: block;}
.job_intro .box .tab {overflow: hidden; margin: -5px;}
.job_intro .box .tab > li {float: left; width: 50%; box-sizing: border-box; padding: 5px; font-size: 15px; line-height: 130%;}
.job_intro .box .tab > li > a {display: inline-block; padding-left: 10px; position: relative;}
.job_intro .box .tab > li > a:before {display: block; content: ""; width:3px; height:3px; border-radius:100%; background:#666666; position: absolute; left: 0px; top:7px;}
.job_intro .box .tab > li > a.on {color: #feef01; font-weight: 500;}

@media (hover: none) {
    .job_intro .box:hover {background: #fff;}
}


.line_left {display: inline-block; vertical-align: top; position:relative; margin-left: 10px; padding-left:15px;}
.line_left:before {display: inline-block; content: ""; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); -webkit-
    transform: translateY(-50%); width:2px; height:60%; background: #666; }
.job_intro_tab {font-size: 0.95em;}
.job_intro_tab > div {padding-top:20px; border-top:1px solid #ddd; margin-top: 20px;}
.job_intro_tab > div:first-child {padding-top:0px; border-top:none; margin-top:0px;}
.job_intro_tab > div > h4 {color: #3F6B4E; font-size: 1.05em; padding-bottom: 5px;}

.visit_box{padding:30px 40px; border:1px solid #ddd; position: relative;}
.visit_box > h4{margin-bottom:20px; font-size:1.2em;}
.visit_box:before{content:""; display:block; width:78px; height:78px; position:absolute; left:0px; top:0px; border-top:1px solid #114fa4; border-left:1px solid #114fa4; box-sizing:border-box;}
.visit_box:after{content:""; display:block; width:78px; height:78px; position:absolute; right:0px; bottom:0px; border-bottom:1px solid #114fa4; border-right:1px solid #114fa4; box-sizing:border-box;}
.visit_box > ul > li{padding-left:20px; background: url(../img/common/check_bt.png) no-repeat left 11px; line-height:180%;}

.visit_box > .visit_ul > li{padding-left:63px; position:relative;}
.visit_box > .visit_ul > li > strong{position:absolute; left:0px; top:0px;}

.com_select {position: relative; padding-left:80px; margin-bottom:15px; }
.com_select .select {width: 100%; max-width:300px;}
.com_select label {position: absolute; left: 0px; top: 50%; line-height: 140%; transform: translateY(-50%); -webkit-transform: translateY(-50%); font-weight: 500;}

.exhi_list{overflow:hidden;}
.exhi_list > li{box-sizing:border-box; float:left; min-height:150px; padding-top:20px; margin-bottom:20px;}
.exhi_list > li:nth-child(even){padding-left:180px;}
.exhi_list > li:nth-child(odd){padding-left:160px; padding-right:10px;}
.exhi_list > li.ic01{width:30%; background:url(../img/event/01_ico06.png) no-repeat left top;}
.exhi_list > li.ic02{width:70%; background:url(../img/event/01_ico07.png) no-repeat 20px top;}
.exhi_list > li > strong{display:block; font-size:1.2em; color:#0d8dde;}
.exhi_list > li > span{display:block; font-size:1.06em; line-height:150%; padding-top:35px; position:relative;}
.exhi_list > li > span:before{content:""; display:block; width:30px; height:2px; position:absolute; left:0px; top:17px; background-color:#0d8dde;}

/* print */
#print_wrap {display: table; width: 100%; height: 100%; font-size: 17px;}
#print_wrap h1 {text-align: center; font-size:40px; font-weight:800; padding-bottom:100px; line-height:130%;}
#print_wrap h1 > span {display:inline-block; line-height:150%; border-bottom:3px solid #000;;}
#print_wrap .print_inner {display: table-cell; height: 100%; vertical-align:middle; padding: 50px;}
#print_wrap .num {font-size:16px; line-height: 150%;}

#print_wrap .user_info {font-size:18px; padding-bottom:50px;}
#print_wrap .user_info > li {overflow: hidden; margin-top: 10px; line-height: 150%; min-height: 30px; position:relative;}
#print_wrap .middle_txt {text-align:center; font-size:25px; line-height:140%; padding:40px 0px;}
#print_wrap .date {padding: 50px 0px; font-size:20px; text-align: center;}
#print_wrap .sign_wrap {font-size:22px; text-align: center;}
#print_wrap .sign {display:inline-block; vertical-align:top; position:relative; padding-top:60px; padding-right:20px;}
#print_wrap .sign .pr {z-index:1;}
#print_wrap .sign .mark {position:absolute; display:block; width:94px; height:95px; right:0px; top:0px; z-index:0;}

#print_wrap .user_info2 {overflow:hidden;}
#print_wrap .user_info2 table {float:right; width:auto; max-width:600px;}
#print_wrap table td {padding:10px 0px; line-height:140%;}
#print_wrap table th {padding:10px 0px; line-height:140%; text-align:right; font-family: 'Nanum Myeongjo', serif; padding-right:10px; font-weight:800;}


.certificate_pa {position: absolute; text-align: center; left: 0px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%; height: 600px; box-sizing: border-box;}
.certificate_pa .name {padding-top:235px; min-height: 50px; line-height:50px; font-size: 16px; }
.certificate_pa .name > strong {font-size:24px; line-height:36px; padding-right: 5px;}
.certificate_pa .txt {min-height:60px; font-size: 24px; line-height:60px; }
.certificate_pa .date {padding-top:85px !important; font-size: 16px;}

.yellow_tit > dt {padding: 30px 0px 10px 0px;}
.yellow_tit > dt > strong {display: inline-block; border-radius:40px; background: #ffc240; box-sizing: border-box; min-width:150px; text-align: center; padding:7px 15px; font-size: 15px; color: #000;}

.canoe_club {position: relative; padding: 20px 0px; margin-top: 20px;}
.canoe_club .bx_bt {position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); position: absolute; z-index:50}
.canoe_club .bx_bt > a {display: block;}
.canoe_club .bx_bt > a img {vertical-align:middle;}
.canoe_club #prev {left:0px;}
.canoe_club #next {right:0px;}
.canoe_club .bx-wrapper .bx-pager {padding-top: 0px; bottom: -40px;}
.canoe_club .bx-wrapper .bx-pager.bx-default-pager a {width:14px; height:14px; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; margin: 0px 2px}


.summary > ul { margin: 1px -4px 0px 1px}
.summary > ul:after {display: block; content: ""; clear: both;}
.summary > ul > li {position: relative; margin-top: 5px; padding:7px 0px 7px 175px; min-height:20px; line-height:150%; font-size: 1.25em; box-sizing: border-box;}
.summary > ul > li:first-child {margin-top:0px;}
.summary > ul > li .txt_t {display: block; font-size:16px; font-weight: 500; line-height: 40px; position: absolute; left: 0px; top: 0px; background: #37bbd7; border-radius:60px; width:140px; text-align: center; color: #fff;}
.video-background {height: 100%;}
.video-foreground {height: 100%; position: relative;}


.pop-lay{ display: none; background-color: #fff; width: 1000px;}
.pop-lay .pop-tit{ position: relative; height: 70px; background-color: #0e6ca7; }
.pop-lay .pop-tit p {font-size: 22px; color: #fff; font-weight: 500; padding: 26px 40px;}
.pop-lay .close{ width: 4rem; height: 4rem; position: absolute; top: 50%; right: 0; margin-top: -2rem;}
.pop-lay .close::before{ content: ''; display: block; width: 2rem; height: 1px; background-color: #fff; position: absolute; top: 50%; left: 50%; margin: 0 0 0 -1rem; transform: rotate(45deg);}
.pop-lay .close::after{ content: ''; display: block; width: 2rem; height: 1px; background-color: #fff; position: absolute; top: 50%; left: 50%; margin: 0 0 0 -1rem; transform: rotate(-45deg);}
.pop-lay .pop-con{ padding: 30px 70px; height: 650px; overflow-y: auto;}

.prof-pop .itm{ width: 100%; display: table; margin: 0; padding: 0 0 30px 0; border-bottom: #000 1px solid;}
.prof-pop .itm::after{ content: ''; display: block; clear: both;}
.prof-pop .itm .thumb{ width: 200px; display: table-cell; vertical-align: top;}
.prof-pop .itm .thumb .photo img{ display: block; width: 200px; height: 250px; object-fit: cover; object-position: center;}
.prof-pop .itm .desc{ padding: 10px 30px 0 54px; display: table-cell; vertical-align: top;}
.prof-pop .itm .desc .tx01{ font-size: 18px; color: #333;}
.prof-pop .itm .desc .tx01 b{ display: inline-block; font-size: 22px;}
.prof-pop .itm .desc .tx02{ color: #333;font-size:16px; line-height:1.8;}
.prof-pop .itm .desc ul{ margin-top: 20px; color: #333;}
.prof-pop .itm .desc ul > li{ position: relative; padding: 0 0 0 35px; letter-spacing: -.05m;}
.prof-pop .itm .desc ul > li i{ position: absolute; display: inline-block; top: 4px; left: 0;}
.prof-pop .itm .desc ul > li + li{ margin-top: 15px;}
.prof-pop .h4-tit{ margin-top: 30px; border-bottom: #ddd 1px solid; padding-bottom: 15px;}


.prof-dc > li{ display: table; /*width: 100%;*/ table-layout: fixed;}
.prof-dc > li > *{ display: table-cell; }
.prof-dc > li > a{ display: inline; margin-right: 20px; font-weight: 600; color: #01a9e4; font-size: 15px;}
.prof-dc > li > span{ display: inline;}
.prof-dc > li > b{ color: #01a9e4; padding-right: 20px; white-space: nowrap;}
.prof-dc > li + li{ margin-top: .5rem;}

h4.h4-tit{ position: relative; margin: 50px 0 20px; font-size: 25px; color: #262525; font-weight: 600;}
h4.h4-tit.blt{padding-left: 15px;}
h4.h4-tit.blt::before{ content: ''; display: block; position: absolute; top: 0; left: 0; width: 8px; height: 8px; border-radius: 50%; background-color: #eb9e0a}
h4.h4-tit.blt2{padding-left: 45px; font-size: 20px;}
h4.h4-tit.blt2::before{ content: ''; display: block; position: absolute; top: 50%; left: 0; width: 30px; height: 30px; margin-top: -15px; background: url(../images/ic_h4.png) 50% 50% no-repeat;}
h4.h4-tit.blt3{padding-left: 14px; font-size: 24px;}
h4.h4-tit.blt3::before{ content: ''; display: block; position: absolute; top: 6px; left: 0; width: 5px; height: 5px; border-radius: 50%; background-color: #eb9e0a}
h5.h5-tit{ font-size: 20px; color: #333; margin: 30px 0 15px;}
.sub-tx{ text-align: center; margin: 0 0 80px; color: #000; font-size: 17px;}
.sub-tx span{ display: block;}

ul.ul-list01{ position: relative; }
ul.ul-list01 > li{ text-indent: -10px; padding-left: 10px; line-height: 1.8;}
ul.ul-list01 > li::before{ content: ''; display: inline-block; width: 5px; height: 5px; background-color: #ccc; border-radius: 50%; vertical-align: 3px; margin-right: 5px;}
ul.ul-list01 > li + li{ margin-top: .5rem;}
ul.ul-list01 > li b{ color: #333;}



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

.write {width: 120px; height: 40px;  background: #312b6c; color: #fff;  text-align: center; padding-top: 8px; float: left; margin-right: 3px;}
button.btn04 {background:#999; width:130px; height:40px; margin-top:1%;}
button.btn04 > a { color:#fff;}
button.btn05 {background:#312b6c; width:130px; height:40px; margin-top:1%;}
button.btn05 > a { color:#fff; padding:3% 40%}




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


}

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

}
/* 1300px 이하 */
@media screen and (max-width:1300px) {
	.in_header {padding-right: 30px;}
	#header .top_btns {right: 30px;}
	.w_gnb .gnb > ul > li {padding-left: 70px;}

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


    #inner_wrap {padding:0px 10px 70px 10px;}
    #inner_wrap.no_visual {padding-top:70px;}

	#header h1 a {gap: 10px;}
	#header h1 a img {height: 45px;}
	#header h1 i { width: 65px; height: 45px;}


    .w_gnb .gnb > ul > li > a > span {font-size:18px;}
    .m_board_wrap .m_board_cell .mbc2:after {display: none;}
    .big_3 {display: none;}


	.innerWrap {padding: 60px 0px;}
	.innerWrap > .inner_Left{padding-left: 10px; /*float:none; width:100%; margin: 0 auto; padding: 0 10px;*/}
	.innerWrap > .inner_Left > h3{font-size: 25px;}
	.innerWrap > .inner_Left > p {margin-right: 0px; font-size: 1em;}
	.innerWrap > .inner_right{margin-left:0; padding-right: 10px;/*margin: 0 auto; padding: 60px 10px 0; box-sizing: border-box; float: none;*/}
	.innerWrap > .inner_right > h3.section02_rt{font-size: 25px;}

	.tbl-scroll{ width: 100%; overflow-x: auto;}

	.schedule-bx .dv-cal {width: 100% !important; float: none !important;}
	.schedule-bx .dv-desc {width: 900px !important; float: none !important; margin:0 auto !important;}
}

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

    .map_tit {float: none;}
    .map_con {margin-top: 0px; float: left; margin-left: 30px;}
	.prof-list .itm {width: 100%;}
	.prof-list .itm .desc { display: table-cell; }
	.prof-list .itm .desc .mobile_none{display:none;}


}


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

.innerWrap {padding: 60px 0px;}
.innerWrap > .inner_Left{float:none; width:100%;  max-width: 100%; margin: 0 auto; padding: 0 10px; box-sizing: border-box;}
.innerWrap > .inner_Left > h3{font-size: 25px;}
.innerWrap > .inner_Left > p {margin-right: 0px; font-size: 1em;}
.innerWrap > .inner_Left > a.ab::after {right: 10px;}
.innerWrap > .inner_right{float:none; width:100%;  max-width: 100%; margin-left:0; margin: 0 auto; padding:60px 10px 0; box-sizing:border-box}
.innerWrap > .inner_right > h3.section02_rt{font-size: 25px;}
.innerWrap > .inner_right > a.ab::after {top: 50px; right: 10px;}
.innerWrap > .inner_right .photo-slide .cort-bx {top: 53px;}

.ui-tabs-panel{padding: 30px 15px; !important;}

.innerWrap{height: 760px;}
.ui-tabs{width:100% !important;}


    #wrap {padding-top:90px; }

    .in_header {height: 90px; box-sizing: border-box;}
    #header .top_btns {right: 10px;}
    #header .d-day {display: none;}
    .m_gnb_on {display: block;}
    #header .in_header .top_btns {display: none;}

	.mainVisual01,
	.mainVisual02 {height: 450px;}
	.mainVisual01 .txt01,
	.mainVisual02 .txt01 {font-size: 1.4rem; padding: 0 20px; box-sizing: border-box; word-break: keep-all;}
	.mainVisual01 .txt01 p.tit,
	.mainVisual02 .txt01 p.tit {font-size: 3rem;}
	.mainVisual01 .txt01 br,
	.mainVisual02 .txt01 br{display:none;}


    .event_banner > ul > li {float: none; width:100% }

    .main_banner > ul > li {float: none; width:100% }

    .ev_ban_list > li {float: none; width: 100%; padding: 10px 0;}
    .ev_ban_list > li dl dt {padding: 20px;}
	.ev_ban_list > li dl dd {padding: 20px 20px 20px 150px; min-height: 100px;}
	.ev_ban_list > li:nth-child(1) dl dd,
	.ev_ban_list > li:nth-child(2) dl dd,
	.ev_ban_list > li:nth-child(3) dl dd,
	.ev_ban_list > li:nth-child(4) dl dd{ background-position: 4%;}

	.innerWrap {float: none; width:100%; height: auto; }
	.innerWrap > .inner_left {float: none; width:100% }
	.innerWrap > .inner_right {float: none;width:100%;}

	.innerWrap > .inner_right .title_box { width: 100%; height: 3.5rem;}
	.innerWrap > .inner_right .title_box span {font-size: 16px;}
	.innerWrap > .inner_right .title_box span.ab { font-size: 12px; top: 55%; left: 8%;}


	.banner_wrap {margin: 60px 0 30px;}
	.banner {height: auto; padding: 10px 30px; gap: 30px;}
	.banner i {width: 120px; margin-top:0; margin-bottom: -15px;}
	.banner .txt_wrap {width: calc(100% - 150px);}
	.banner .txt_wrap b.tit {font-size: 24px; font-weight: 500;margin-bottom: 5px;}
	.banner .txt_wrap p {font-size: .9rem;margin-bottom: 0px;}
	.banner .btn_page a {display:none;}

    .ai_bbo_in {padding-right: 0px;}
    .ai_bbo_in > h3 {max-width:100%;}
    .ai_bbo_in .ai_tit_s {max-width: 100%;}
    .ai_bbo_ico {max-width: 100%; padding: 0 10px;}
    .ai_bbo_in .count_banner {position: relative; overflow: hidden; right: auto; top: auto; max-width: 100%;}
    .ai_bbo_in .count_banner > li {float: left; width: 50%; box-sizing: border-box; padding: 5px;}

	.ai_bbo_ico li {width: calc(50% - 10px);}
	.ai_bbo_ico li:nth-child(odd){margin-left:0;}

    .w_gnb {display:none;}
	#gnb_bar {display:none !important;}
    #footer .addressW {padding-left:10px; background: none;}

    .m_tit {font-size: 38px;}
	.mb_tit {font-size: 30px;}

    .inner {padding: 0px 10px;}



    .sub_visual {height: 240px;}

    .title_bar:before {display: none;}
     #lnb_wrap {position:relative; min-height: 10px; padding: 0px; margin-top:0px; background:#fff;}
    #lnb_wrap:before {display: none;}
    #lnb_wrap .lnbs1 {display: block;}

    #lnb_wrap .lnb {max-width:1200px; margin:0 auto; position:relative;}
    #lnb_wrap .lnb:after { clear:both; content:""; display:block;}
    #lnb_wrap .lnb .lnbs { float:left; width:196px; border-right:1px solid #e2e2e2; position:relative;}
    #lnb_wrap .lnb .lnbs .copy_menu { position:absolute; left:-1px; top:100%; width:100%; border-left:1px solid #e2e2e2;  border-right:1px solid #e2e2e2; display:none; background: #fff; margin-top: 1px;}
    #lnb_wrap .lnb .lnbs .sub_menu {display:none !important;}

    #lnb_wrap .ico_home {float:left; display: block; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2}
    #lnb_wrap .ico_home a {display:block; width:49px; height:41px; text-indent:-1000px; font-size:0px; background:url(../img/common/ico_home2.gif) no-repeat center center;}
    .lnb ul li {color:#666666; float: none !important; width: 100% !important; display: block; padding: 0px;}
    .lnb ul li.on {display:none !important;}
    .lnb ul li a {color:#666666; font-size:16px; display:block; line-height:22px; min-height:22px; height: auto; padding:10px 0px 10px 25px; border: none; border-bottom:1px solid #e2e2e2; background: #fff; box-sizing:border-box; text-align: left; border-top:none }
    .lnb ul li a:hover {color:#333; border-top:none }

    .lnb ul li .three_depth a {background:#e5e5e5; border-bottom:1px solid #fff; border-top:none; color:#666666; padding:10px 30px 10px 35px;}

    #lnb_tit {font-size:18px; box-sizing:border-box; padding-left:25px; color:#333; line-height:60px; height:60px; background:url(../img/common/lnb_arrow.png) no-repeat right center; cursor:pointer; }
    #lnb_tit2 {display: block; font-size:18px; box-sizing:border-box; padding-left:25px; color:#333; line-height:60px; height:60px; background:url(../img/common/lnb_arrow.png) no-repeat right center; cursor:pointer; }
    #lnb_tit.on {background:url(../img/common/lnb_arrow_on.gif) no-repeat right center;}
    #lnb_tit2.on {background:url(../img/common/lnb_arrow_on.gif) no-repeat right center;}



    #lnb_wrap .ico_home {display: none;}
    #lnb_wrap .lnb .lnbs {width:50%; box-sizing: border-box;}

    .location {display: none;}



    .ev_tb thead tr th {font-size:13px !important; padding: 5px 0px;}
    .ev_tb tbody tr td {font-size:12px !important; line-height:17px !important; height:90px;}
    .ev_tb tbody tr td .eve_txt a {font-size:13px;}



    .contest_view {padding-left:340px; min-height:400px;}
    .contest_view .pic {width:320px;}
    .patent_view {padding-left:260px; min-height: 240px;}
    .patent_view .pic {width:240px;}

    .contest_view .board-view th {padding:9px 5px 9px 20px;}
    .contest_view .board-view td {padding:9px 10px 9px 20px; min-height:auto;}

    .guide_tab > li {width:20%;}

    .sub_txt {padding-bottom: 20px; font-size: 14px;}


    .introduce .poster {float: none; width:100%; margin: 0 auto; max-width:500px; padding: 0px;}
    .introduce > ul {float: none; width:100%; padding-left:0px;}

    .map_info dl {float: none; width: 100%;}

    .job_intro > li {width: 50%;}

	.outline_wrap {padding: 0px;}
	.outline_wrap > dl > dd br {display: none;}

	.outline_wrap .table_style1 {font-size: 18px}
	.outline_wrap .poster {position: relative; padding-bottom: 20px; right: auto; top: auto; text-align: center;}

	.exhi_list > li{float:none; min-height:150px; padding-top:2px;}
	.exhi_list > li:nth-child(even){padding-left:155px;}
	.exhi_list > li:nth-child(odd){padding-right:0px; padding-left:155px;}
	.exhi_list > li.ic01{width:100%;}
	.exhi_list > li.ic02{width:100%; background-position:left top;}

	.ai_wrap .txt {float:none; width:100%; padding:0px 0px 10px 0px;}

	.ai_wrap .img {float:none; text-align:center; width:100%; padding:0px 0px 0px 0px;}
	.ai_wrap .txt.txtpl{padding-left:0px;}

    .introduce_wrap .poster {float: none; margin: 0 auto; width: 100%;}
	.introduce_wrap .info_wrap {float: non; width: 100%; padding: 10px 0px 0px 0px;}

    .procedure.six > li {width: 33.333%;}
    .procedure.six > li:nth-child(4):before {display: none;}

    .ai_info {background: none; padding-right: 0px; min-height: auto;}
    .ai_info .first {font-size: 2em;}
    .ai_info .first br {display: none;}

    .ai_info2 {background: none; padding-left: 0px; min-height: auto;}
    .ai_info2 .first {font-size: 2em;}
    .ai_info2 .first br {display: none;}


    .edu_con04_wrap li {width: 50%;}

	.schedule-bx .dv-desc {width: 100% !important;}
}

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

	.schedule-bx .dv-desc {width: 100% !important;}

	.edu05 .flex_box div p { font-size: 24px; }

}

/* 768 이하 */
@media screen and (max-width:767px) {
	.innerWrap > .inner_Left .ui-tabs {height: auto !important;}


    .main_visual .v_frame {padding-bottom:30px;}
    .main_visual .v_txt {max-width: 100%}
    .main_visual .v_txt > img {max-height:250px;}
    .main_visual .bx-controls {bottom:10px;}
    .main_visual .v_txt {font-size:40px; top: 20px;}
    .main_visual .v_frame > img {display: none;}
    .main_visual .v_frame .m_visual {display: inline-block;}
    .main_visual .bxslider > li.visual01 {background: #eef8fd !important; text-align: center;}

	.mainVisualWrap .bx-wrapper .bx-pager {bottom: 10px;}

	.mainVisual01 .txt01 p.tit,
	.mainVisual02 .txt01 p.tit { line-height: 3.5rem; margin-bottom: 10px; }


    .m_tit {font-size:34px;}
	.m_tit > .m_txt {font-size: 16px;}
	.m_tit_txt {font-size: 17px;}

    .m_board_wrap .m_board_cell {float: none; width: 100%;}

    .main_video_wrap1 {margin-top:-15%;}

    .ai_bbo_in .count_banner > li .box {padding:130px 20px 20px 20px; background-position:center 15px !important; text-align: center;}

    #footerW {padding-top: 0px;}
    #footer .addressW {padding:10px; text-align: center}
	#footer .addressW address span:first-child { width: 100%; display: block; box-sizing:  border-box;}
    #footerW .familySite {display: none;}
    #footer .go_top {display: none;}
	#footer .go_top img {width: 45px;}
    #footer .jum_menu {display: none;}
    #footer_navi {padding-bottom: 0px;}
    #footer_navi > ul {text-align: center; padding:15px 0px;}
    #footer_navi > ul li {padding: 0px 13px;}
    #footer_navi > ul li a {font-size: 13px;}

    #lnb_wrap .lnb {position: relative;}
    #lnb_wrap .ico_home {float: none; position: absolute; left: 0px; top: 0px;}
    #lnb_wrap .lnb .lnbs {width:50%; box-sizing: border-box;}

	.sub_con {font-size:15px;}

    .title_bar {margin-bottom:35px; padding:25px 0px 20px 0px;}
	.title_bar h2 {font-size: 2.2em;}
    .title_bar .s_txt {font-size: 1.15em;}

    .s_tit {font-size:24px;}

	.b_txt {font-size: 15px;}
	.sub_title {font-size:14px;}
	.of_hi .fl50 {float:none; width:100%;}
	.of_hi .fr50 {float:none; width:100%; margin-top:15px;}


    .company_search ul > li {width: 50%}

    .map_info .cell {float: none; width:100%;}
    .map_info .cell dl {float: none; width: 100%;}
    .map_info .cell .ico01 {margin-top: 0px;}
	.map_con {width: auto; margin-top: 0px;}

	.prof-list .itm {width: 100%;}

	.edu_con02_wrap{margin-bottom: 30px; padding: 30px 20px 31px 170px; border: 1px #ccc solid; border-radius: 1px;}
	.edu_con02 i {left: 30px;}

	.edu_con04_wrap li {font-size: 13px; width: 100%;}
	.edu_con04_wrap > span {width: 100%; height: 50px; line-height: 50px; font-size: 18px;}
	.edu_con04_wrap .fs_01 span.num {font-size: 16px;}

	.edu_con06_wrap li {font-size: 13px;}
	.edu_con06_wrap > span {width: 100%; height: 50px; line-height: 50px; font-size: 18px;}
	.edu_con06_wrap .fs_01 span.num {font-size: 16px;}

	.edu_club li:first-child {font-size:13px; font-weight: 300;}
    .edu_club li div {font-size: 15px;}

	.tbl-scroll {width: 100%; overflow-x: auto;}

    .ico_note {padding-left:20px; background-size:15px auto; }

    .edu05 .flex_box div p { font-size: 18px; }


    .faq_list > li .title {padding:20px 40px 21px 64px;}
    .faq_list > li .title .q {position: absolute; width:32px; height: 32px; line-height:29px; left:15px; margin-top: -16px; font-size: 20px;}
    .faq_list > li .answer_wrap {padding:16px 14px 16px 14px; }
    .faq_list > li .answer {min-height: 22px; padding:6px 0px 6px 50px;}
    .faq_list > li .answer .a {position: absolute; width:32px; height: 32px; line-height:29px;}
    .b_table.long > dl {padding-left:0px;}
    .b_table.long {padding-top:10px;}

    .b_table.long > dl > dt {position: relative; padding-bottom: 0px;}
    /*atab*/
    .atab li a {font-size:14px; height: 55px;}
    .atab li.on a:after {width:16px; height:16px; bottom: -18px;}

    .btn-tc > a {margin: 0px;}

    .find_cell {padding-right: 0px !important}
    .find_cell .cell {float: left; width: 50%; box-sizing: border-box;}

    .find_cell .bt {display: block; position: relative; right:auto; top:auto; width: 100%; clear: both; padding-top: 5px;}


    .login_type .login_wrap {float: none; width: 100% !important; padding:20px 10px 20px 10px !important; border: 1px solid #ccc;}

    .join_type > dl {width: 50%;}
    .join_type > dl.ico03 {border-left:1px solid #ccc; }
    .join_type.two > dl {float: none; width: 100% !important; padding:20px 10px 20px 10px !important; border: 1px solid #ccc;}
    .join_type.two > dl > dt strong {min-height: auto; padding-bottom: 10px;}
    .join_type.two > dl > dd {font-size: 14px; min-height: auto; padding-bottom: 10px;}
    .join_type.two > dl > dd br {display: none;}

    .join_type.two > dl > dd.bt {padding-bottom: 0px;}
    .join_type.two > dl > dd.bt a {display: block;}

    .join_step > ol > li {text-align: center; padding: 5px 10px;}
    .join_step > ol > li.on {background: none;}

    .member_ok {font-size:22px;}

	.agency_join {float:none; width:100%; min-height:auto;}
	.agency_join.two{width:100%;}
	.agency_join > h3{padding-bottom:40px; font-size:1.5em;}
	.join_btn{margin-top:40px;}




    .ev_tb tbody tr td {height:75px;}

    .contest_view {padding-left:0px; min-height:auto;}
    .contest_view .pic {width:100%; max-width:425px; position: relative; margin: 0 auto; left: auto; top: auto; padding-bottom: 30px;}

    .btab li a {padding:5px 0px; font-size:15px;}
    .btab li a > span {font-size: 15px;}


    .mentoring_view .time > li {width:33.33%;}

    .event_wrap > li {width:50%; min-height: 400px;}

	.main_layer_pop {-webkit-overflow-scrolling: touch; position:fixed; overflow-y: auto; width: 100% !important; max-width:100% !important; transform:none !important; -webkit-transform:none !important; left: 0 !important; right: 0 !important; top: 0 !important; bottom: 0; z-index: 99999; background: url(../img/common/png_70.png) repeat left top; zoom: 1;}
    .main_pop_bottom {padding:10px; font-size:14px;}
    .main_pop_bottom .close {right:10px; top:10px;}
	.main_layer_pop .pop_wrap_in {float:none !important;}

	.conduct_box .ib:first-child {border: none;}
    .conduct_box .ib {float: none; width:100%; padding:10px 10px 10px 10px; border-top:1px solid #e5e5e5}
    .conduct_box:after {display: none;}
    .conduct_box .ib > h3 {position: relative; left: auto; top: auto; width: 100%; text-align: center;}
    .conduct_box .ib > ul {text-align: center;}
    .conduct_box .ib > ul > li {max-width: 50%; box-sizing: border-box; padding: 0px 5px;}



	.step_list > li {float: left; width: 50% !important; border:1px solid #ddd;}
	.step_list > li:nth-child(2){border-left:none;}
	.step_list > li:nth-child(3){border-right:none; border-top:none;}
	.step_list > li:nth-child(4){border-top:none;}

	.visit_box {padding:25px;}
	.ai_wrap .txt dt {font-size:2.4em;}
	.ai_wrap .txt > strong{font-size:2.4em;}

    .img_txt_wrap .img {width: 100%; text-align: center; padding: 0px 0px 20px 0px !important; float: none !important;}
    .img_txt_wrap .txt {width: 100%; float: none !important;}
    .step_tit_wrap {font-size: 22px;}
    .step_tit_wrap .step_tit {min-width: 140px; line-height: 45px;}
    .step_box {padding: 20px;}

    .greeting .img {width: 100%; max-width: 420px; padding: 0px; margin: 0 auto; margin-top: 20px; float: none !important;}
    .greeting .txt {width: 100%; float: none !important;}

    .new_job_table > table > tbody > tr > {display: block;}
    .new_job_table > table > tbody > tr > td {display: block; margin-top: -1px; width: 100%; box-sizing: border-box; background: #fff;}

    .center_info .img {float: none; width: 100%; text-align: center; padding-top: 10px;}
    .center_info .num_list {float: none; width: 100%; padding: 0px;}

    .new_job .txt {float: none; width: 100%; padding: 0px; padding-bottom: 20px;}
    .new_job .img {float: none; width: 100%; padding: 0px;}

    .movie_box {float: none; width:100% }

	.pop-lay { width: 90%; left: calc(50% - 45%) !important; }
	.pop-lay .pop-con { padding: 30px 30px; height: 550px;}
	.prof-pop .itm .desc { padding: 10px 0px 0 30px;}

	.cal-con > iframe { height: 640px !important; }

	.banner_wrap {grid-template-columns: repeat(1, 1fr);}
	.banner { position: relative; height:130px;}
	.banner .btn_page { position: absolute; right: 30px; top: calc(50% - 19px);}
	.banner .btn_page a {display: block; font-size: .7rem;}


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

	.mainVisual01 .txt01 p.tit, .mainVisual02 .txt01 p.tit { font-size: 3rem;}

	.main_layer_pop .pop_wrap_in { width: 90% !important; }
	.main_layer_pop .pop_wrap_in iframe { width: 100%; !important; }

	.mainVisual > div > img.pc { display: none; }
	.mainVisual > div > img.mob { display: block; }

	.prointro .flex_box .c { font-size: 1.2rem; }
	.prointro .flex_box { padding: 15px; flex-wrap: wrap; padding-bottom: 0; }
	.prointro .flex_box li { width: 40%; flex: auto; margin-bottom: 20px; }

    .company_sliderW {padding: 0px 64px}
    .company_slider .logo {height:60px;}
    .company_slider2 .logo {height:60px;}
	.company_slider3 .logo {height:60px;}
    .company_sliderW .v_bt > a {padding: 20px;}


    .line_tit {font-size: 20px;}
    .line_tit:after {height: 5px;}
    #footer_navi li {font-size: 13px;}
    #footer .addressW {text-align: center; font-size: 12px;}


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

    .edu05 .flex_box { flex-wrap: wrap; }
    .edu05 .flex_box div { margin-bottom: 50px }

	#w_lnb {display:none;}
	#m_lnb {display:block;}

     .login_wrap {padding:15px;}


    .signup {padding:10px 0px 5px 0px;}
    .signup li input {height: 50px; font-size: 14px;}
    .login_wrap .id_save {font-size:14px;}
    .find_idpw a {font-size: 14px;}
    .login_wrap .login_bt .btn {line-height:30px; font-size:18px;}
    .join_go > a {line-height:30px; font-size:18px;}
    .layers_wrap .layers {padding:10px; font-size:0.95em;}
    .error_wrap .error_msg {font-size:26px;}

    .table_line {width: 100%; overflow: auto;}

    .join_step {margin-bottom: 10px;}
    .join_step > ol > li .num {font-size: 14px;}
    .join_step > ol > li .txt {font-size:18px;}

    .bt_include {padding:0px 0px 45px 0px;}
    .bt_include2 {padding:0px 0px 35px 0px;}
    .bt_include .add_bt, .add_bt_2 {position: absolute; right: 0px; top: auto; left: 0px; bottom:0px;}
    .bt_include .add_bt a, .add_bt_2 a {display: block;}
	.cer_num{display:block; position:relative; right:0px; top:auto;}
    .m_block600 {display: block !important; margin-bottom: 3px !important; float: none !important;}


    .recruit_info .info_r > ul > li {width:100%;float: none; padding-right: 0px;}
    .recruit_box {padding: 10px;}
    .recruit_box .txt_t {font-size:16px; padding:5px 0px 6px 40px;}
    .recruit_box .txt_t .ico {padding: 5px; width: 20px; height:20px; line-height: 18px; font-size:14px;}
    .recruit_box .txt {padding-left: 40px;}
    .recruit_map {height:200px;}

    #add_date {padding-right: 0px; padding-bottom:45px;}
    #add_date .bt {left: 0px; bottom: 0px; top:auto; padding-right: 40px;}
    #add_date .bt a {display: block; }
    #add_date .bt .tooltip {right: 0px; top: 0px; position: absolute;}
    #empty a {display: block;}
    .br_box {padding:15px;}



    .m_box {padding:20px;}
    .more {right:20px; top:20px;}

    .day_day .select_ds {width: 50% !important;}
    .day_day .select_ds:nth-child(2) {padding-right: 0px !important;}
    .day_day .select_ds:last-child {clear: both; width: 100% !important; max-width: 100% !important; margin-top: 5px;}

	.day_time .select_ds {width:100% !important; margin: 5px 0px 0px 0px !important;}

    .procedure > li {float: none; width: 100% !important; padding-top:40px;}
    .procedure > li:first-child {padding-top:0px;}
    .procedure > li:before {background: url(../img/support/arrow_b.png) no-repeat center center; left: 50%; margin-left:-18px; top:0px;  margin-top: 0px !important; }
    .procedure.six > li:nth-child(4):before {display: block;}


    .procedure2:after {width:calc(100% - 0%); width:-webkit-calc(100% - 0%); height:calc(100% - 345px); height:-webkit-calc(100% - 345px); position: absolute; right:0px; top:auto; bottom:50px;}
    .procedure2:before {bottom:20px; width:calc(100%); width:-webkit-calc(100%);}

    .big .ez-radio {width:20px;height:20px; background-size: 20px auto}
    .big .ez-hide {width:19px;height:19px;}

    .over_layerW {position: relative;}
    .over_layer {overflow:auto;}
    .over_layerW:after {display: block; content: ""; width:10px; height: 100%; position: absolute; right: 0px; top: 0px; background: url(../img/common/bg_shadow.png) repeat-y left top}
    .over_layer > div {min-width: 600px;}

	.conduct_box .ib > h3 {font-size: 18px;}

	.outline_wrap .poster{width:100%;}

	.visit_box > li{background-position:left 8px;}

	.innerWrap > .inner_left > a.ab::after,
	.innerWrap > .inner_right > a.ab::after { top:55px; right: 10px; }

	/* 페이지 바로가기 링크 */
	.main_movie_wrap { margin: 0; }
	.main_movie_wrap .han_uni { width: 100%; height: 150px; padding: 5.5%;}
	.main_movie_wrap .ai_bbo_ico { width: 100%; padding: 10px 0;}
	.main_movie_wrap .ai_bbo_ico li {width: 48%; height: 100px; margin-left: 0px; margin-bottom: 10px; padding: 0 25px; text-align: center;}
	.main_movie_wrap .ai_bbo_ico li:nth-child(1),
	.main_movie_wrap .ai_bbo_ico li:nth-child(3),
	.main_movie_wrap .ai_bbo_ico li:nth-child(5) {margin-right: 2%;}
	.main_movie_wrap .ai_bbo_ico li:nth-child(2),
	.main_movie_wrap .ai_bbo_ico li:nth-child(4),
	.main_movie_wrap .ai_bbo_ico li:nth-child(6) {margin-left: 2%;}
	.main_movie_wrap .ai_bbo_ico li a {line-height: 0; text-align: center;}
	.main_movie_wrap .ai_bbo_ico li > a .ico { display: block; }

	.ev_ban_list > li dl dt {font-size: 1.5em; padding: 15px;}
	.ev_ban_list > li dl dd .txt_t {font-size: 1.4rem; line-height: 3.2rem;}
	.ev_ban_list > li dl dd .txt_ {font-size: 1rem;}
	.ev_ban_list > li dl dd {min-height: 130px; word-break: keep-all; background-size:auto 70px !important; padding: 20px 20px 20px 120px;}

	.banner {height: 160px;}
	.banner .btn_page { position: relative; right: auto; top: auto; margin-top: 10px; }

	.ai_bbo_ico li {width: 100%; margin-left: 0px;}
}



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

	.mainVisualCont { width: 100%;}
	.mainVisual { width:100%; height:100%; }
	.mainVisual01 > img,
	.mainVisual02 > img {max-width: fit-content; width: fit-content; left: -80%; position: relative;}
	.mainVisual01, .mainVisual02 {height: 18rem;}
	.mainVisualInner {top: 18%;}
	.mainVisualInner .goto_apply {display:none;}

	.mainVisualWrap {height: 380px;}

	.mainVisual01 .txt01, .mainVisual02 .txt01 { width: 100%; font-size: 1.2rem;}
	.mainVisual01 .txt01 p.tit, .mainVisual02 .txt01 p.tit {width: 100%;font-size: 2rem; line-height: 2.5rem;}

    #wrap {padding-top:60px; transition: all 0.3s 0s ease-in-out;}

    #header h1 img {height:40px;}
    .in_header {height:60px;}
    .menu_btn {height: 18px; width: 24px;}
    .menu_btn .line-middle {top:8px;}
    #section1 {padding: 0px !important}

    .slide_menu_wrap .gnb > ul > li > a {font-size:16px; padding: 10px 10px 10px 5px;}

    .main_visual .v_txt {font-size:30px;}
    .section {padding: 30px 0px;}


	.prointro .flex_box li { width: 100%; text-align: center; }

    .section {/*padding: 20px 0px !important;*/ font-size:14px;}
    .m_tit {font-size:25px; line-height: 130%;}
	.m_tit > .m_txt {font-size: 14px; display: block; padding-top: 0px;}
	.m_tit_txt {font-size:15px; }
	.mb_tit {font-size: 20px; padding-top: 20px; padding-bottom: 10px;}
	.movie_box .photo li {width: 280px; height: auto; margin-left: 0px; margin-bottom:20px; padding: 0 3rem;}

	.innerWrap  { padding: 60px 10px; height: auto;}
	.innerWrap > .inner_Left{float:none; width:100%; margin: 0 auto; padding: 0;}

	.innerWrap > .inner_right .photo-slide .cort-bx { top: 3.6rem;}

    .event_banner > ul {margin:-10px;}
    .event_banner > ul > li {padding: 10px;}
    .event_banner .box .txt {font-size: 1.15em; min-height: 100%;}
    .event_banner .box .bt > a {line-height: 38px;}

    .event_banner > ul > li .box {min-height:auto; background-size:120px auto !important; background-position:right bottom !important }

    .main_banner .box dt {font-size: 1.5em;}
    .main_banner .box .txt {font-size: 1.15em; min-height: 100px;}
    .main_banner .box .txt br {display: none;}
    .main_banner > ul > li .box {min-height: auto; background-size:120px auto !important; background-position:right bottom !important}
    .main_banner .box .bt > a {font-size: 1em; line-height: 38px;}
    .main_banner_last {margin-top: 30px; min-height: 300px;}
    .main_banner_last > ul > li .ico img {max-width: 50%}

    .main_movie_wrap .btn > li {float: none; width: 100%;}
	.main_movie_wrap .btn > li > a {font-size: 1.1em; padding:15px;}

    .main_video_wrap .btn > li {float: none; width: 100%;}
    .main_video_wrap .btn > li > a {font-size: 1.1em; padding:15px;}

	.fp-tableCell {display: block !important; height: auto !important}
	.section {height: auto !important; padding: 30px 0px;}
	.main_video_wrap .video_btn > li {width: 100%;}
	.main_video_wrap .video_btn > li > a > p {height:50px; position: relative; padding-left: 43px;}
	.main_video_wrap .video_btn > li > a > p .ico {position: absolute; width:26px; left: 10px; top: 50%; margin-top: -13px;}
	.main_video_wrap .video_btn > li > a > p > span br {display:none;}
	.main_video_wrap .video_btn > li:last-child {width: 100%;}

    .main_companies > li > a {font-size: 14px;}
    .ai_bbo_in .count_banner > li .box {font-size: 1.1em;}
    .ai_bbo_ico li > a {font-size: 1em;}
    .ev_ban_list > li dl dt {font-size: 1.5em; padding: 15px;}
    .ev_ban_list > li dl dd .txt_t {font-size: 1.4rem; line-height: 3.2rem;}
	.ev_ban_list > li dl dd .txt_ {font-size: 1rem;}
    .ev_ban_list > li dl dd {min-height: 130px; word-break: keep-all; background-size:auto 70px !important; padding: 20px 20px 20px 120px;}

    .ui-tabs .ui-tabs-panel{padding: 25px 30px !important; margin-top: -1px !important;}

	.banner {flex-direction: column; gap:20px; height: auto; text-align: center;}
	.banner .txt_wrap {width: 100%;}
	.banner .btn_page{ width: 150px; margin: 10px auto;}
	.banner .btn_page a { text-align: left;}

    #footer .go_top {display: none !important;}

    #footer .sns img {width: 25px;}
    #footer .addressW address {margin: 0px;}
    #footer .addressW address strong {display: block;}
    #footer_navi > ul li a {font-size: 12px;}
    #footer_navi > ul li {margin-left: 0px; padding: 0px 7px}

    #position3 {padding:40px 0px 100px 0px;}
    .pop_wrap .pop_head .title {text-align: left !important; padding:15px 45px 15px 15px;}
    .pop_wrap .pop_head .title br {display: none;}
    .pop_wrap .x_btn {right:15px; }


	.mb_dis {display: block;}
    #add_date .bt .tooltip {height: 36px; line-height: 34px;}


    #sub_tit,
	#sub_tit2{font-size:28px;}
    .sub_visual .sub_txt .date {font-size: 20px;}
    .sub_visual .sub_txt .place {font-size: 20px;}


    #lnb_wrap {background:#2a246d; margin:0px -10px;}
    #lnb_wrap .lnb {padding-left:0px; position: relative;}
    #lnb_wrap .ico_home {display: none}
    #lnb_tit {display: none;}
    #lnb_wrap .lnb .lnbs {width:100%; border: none; box-sizing: border-box;}
    #lnb_tit2 {padding-left:0px; text-align: center; color: #fff; line-height:51px; height:51px; background: url(../img/common/lnb_arrow3.png) no-repeat right center; font-size:17px; font-weight: 600;}

    #lnb_tit2.on {background:url(../img/common/lnb_arrow3_on.png) no-repeat right center;}
    #lnb_wrap .lnb .lnbs .copy_menu {top:100%; border: none; box-shadow:0px 1px 3px #ccc;}
    #lnb_wrap #gnb_menu {display: none !important;}
    .lnb ul li a {font-size:15px}


    .ico_box > li {width: 50%;}
    .ico_box > li .ico img {max-width:70px;}



    .map_wrap {height:280px;}
    .map_address {padding: 10px 10px 10px 40px; display: block; font-size:15px;}
    .map_address .ico {width:23px; height:23px; left:12px; top:8px;}
    .map_txt > li {padding:5px 10px 5px 40px; display: block; font-size:15px;}
    .map_txt > li .ico {width:20px; height:20px; left: 10px; top:5px;}

   .edu_con02_wrap {padding: 30px 20px 30px 150px;}

   	.about_media li b{font-size: 16px;}


	.history li {padding-left: 20px;margin-bottom: 20px;}
	.history li b {top: 2px; font-size: 20px; position: relative;}
	.history li div p:after {display:none;}

	.edu_club li {font-size: 16px; font-weight: 500; margin-bottom: 30px;}
	.edu_club li div {font-size: 13px; font-weight: 300;}

    .ico_note {padding-left:18px; background-size:13px auto; }


    .big { font-size: 1.3rem; }

    .join_step > ol > li {font-size: 15px;}

    .faq_list > li .title {padding:15px 45px 16px 60px; font-size: 13px; background-position:104% center !important }
    .faq_list > li .title .q {width:30px; height: 30px; line-height:27px; left:10px; margin-top: -15px; font-size:18px;}

    .faq_list > li .answer_wrap {padding:13px 10px 13px 10px; }
    .faq_list > li .answer {min-height: 22px; padding:4px 0px 4px 48px; font-size: 13px; }
    .faq_list > li .answer .a {width:30px; height: 30px; line-height:27px; font-size:18px;}


	.subject {padding-left:10px;}
	.bbs_search {margin-bottom:10px;}
	.bbs_search_in {max-width: 100%; padding:0px; position: inherit; margin-left: auto;}
	.bbs_search_in .select { position:relative; margin-bottom:5px; width:100%;}
	.bbs_search_in .btn_search { position:relative; display:block; margin:5px 0px 0px 0px; width:100%;}
	.paging a {width:23px;}
	.paging a.prev, .paging a.next, .paging a.first, .paging a.last {width:33px;}
    .block_m {display: block;}
    .block_m.fl {float: none;}
    .list_btn .block_m {margin: 2px 0px;}
	.board-view td.view_td {padding:20px 10px;}
    .list_btnW a {display: block;}

	.s_tit_01 {padding: 0px 0px 30px 14px; font-size: 22px; margin-top:30px; background-position:left 5px; background-size:20px auto; }
    .s_tit {padding: 0px 0px 10px 14px; font-size: 22px; margin-top:30px; background-position:left 5px; background-size:20px auto; }
    .s_tit:after {left: 10px; top:19px;}
	.s_tit.ft_b{font-size:1.5em;}
    .sub_con > .s_tit:first-child {margin-top: 0px}
	.ss_tit {font-size: 18px; margin-top:5px;}
    .s_txt_r {margin-top: -25px; padding-bottom:5px;}
    .s_txt_r2 {margin-top: -45px;}
    .txt_in {padding-left:28px;}
	#inner_wrap {padding-bottom: 30px;}
    #inner_wrap.no_visual {padding-top: 30px;}
    .sub_visual {height:170px;}
    .sub_visual .sub_txt {padding-top:70px;}
    .sub_visual .sub_txt .cell .sub_tit_s {font-size: 20px; padding-bottom: 20px;}
    .sub_con {font-size:13px; }
    .layerPop {font-size:0.95em; }
    .title_bar {padding:40px 0px 0px 0px; margin-bottom:0px;}
	.title_bar h2 {font-size:1.9em; }
	.title_bar .s_txt {font-size: 1.05em;}
    .title_bar .s_txt br {display: none;}
    .title_bar .s_txt2 {font-size: 1.25em; padding-top: 0px; margin-bottom:15px;}
    .view_tit {padding: 10px;}
    .m_th_b {width:115px !important;}
	.m_th {width:85px !important;}
    .m_th_s {width:65px !important;}
    .m_th_ss {width:45px !important;}

    .dep_txt {margin-bottom: 2rem;}
	.dep_txt.copy {font-size: 18px; line-height: 25px;}
	.con_wrap {margin-bottom: 1rem;}

    .w_name {width: 70px;}
    .w_date {width:80px;}
    .m_block {display: block !important; margin-bottom: 3px !important; float: none !important;}
    .scrollbox {height:120px; }
    .atab {margin-bottom: 20px;}

    .btab li a > span {font-size: 14px; height: 50px;}

    .b_table > dl {font-size: 16px; padding-left:0px;}
    .ul_table > ul > li {font-size: 16px;}
    .check_txt {font-size:16px;}
    .radio_group > li {font-size:13px;}
    .b_table {padding-top:10px;}
    .b_table > dl > dt {font-size:16px; padding-top: 13px;}
    .b_table > dl > dd {min-height:20px; font-size: 13px;}
    .b_table > dl > dt {position: relative; padding-bottom: 0px;}
    .input_etc .pa {font-size:13px; line-height:36px;}
    input.input5 {height:36px; padding: 0px 5px; line-height: 34px; font-size: 13px;}
    .textarea {padding:5px 5px; font-size: 13px;}
    .b_table .btnNormalB span {padding: 0px 18px; height: 36px; line-height: 34px; font-size: 13px;}
    .security_code .code .num {height:34px; line-height: 32px; font-size: 14px;}
    .file_input label {height:36px;  line-height:34px; font-size: 13px;}
    .radio_group {margin-top:-5px;}

    .join_type > dl {float: none; width: 100% !important; padding:20px 10px 20px 10px !important; border: 1px solid #ccc;}
    .join_type > dl > dt strong {min-height: auto; padding-bottom: 10px;}
    .join_type > dl > dd {font-size: 14px; min-height: auto; padding-bottom: 10px;}
    .join_type > dl > dd br {display: none;}

    .join_type > dl > dd.bt {padding-bottom: 0px;}
    .join_type > dl > dd.bt a {display: block;}


    .find_box {padding: 0px 0px 10px 0px;}
    .find_cell .bt {overflow: hidden;}
    .find_cell .bt > a {width: 50%; float: left;}
    .find_cell .bt > a > span {display: block; padding: 0px; margin: 0px 2px; }
    .print_bt {display: none !important}
    .gray_box {padding:5px;}

    .join_step > ol > li .num {font-size: 13px;}
    .join_step > ol > li .txt {font-size:14px;}

    .member_ok {font-size:18px; padding-bottom: 0px; margin-top:40px;}
    .member_ok br {display: none;}

    .mentor_box {font-size:13px;}

    .mentor_step > li {padding: 15px 10px 20px 140px; background-position: 10px center !important}
    .mentor_step > li .txt {font-size:13px;}

    .main_content {padding:0px 0px 10px 0px;}
    .sch_topW .in_box .date {font-size:23px; }

    .ev_tb tbody tr td {height:40px;}
    .ev_tb tbody tr td .date {margin-left: -2px;}
    .good_bt {padding:10px 0px;}
    .good_bt button {padding:3px 0px 3px 30px; background-size:24px auto !important; font-size: 14px; background-position: left center !important}
    .down_file > span {background-size:11px auto; padding-left: 16px; }

    .event_pop > li {font-size:14px;}
    .event_pop > li .txt_t {font-size:16px; }

    .br_box {padding:10px;}
    .guide_tab > li > a {font-size: 12px;}

    .tit_ico {height:19px; line-height:18px;}

    .patent_cell .tit {padding: 15px 5px;}
    .patent_cell .cell {padding:10px 0px;}
    .srl_more {top:20px;}
    .srl_more > span {font-size:13px; line-height:26px; }


    .contest_slider > li .txt {font-size: 13px;}

    .slide_banner {padding:15px 30px; }
    .slide_banner .bx-wrapper .bx-prev {left: -30px;}
    .slide_banner .bx-wrapper .bx-next {right:-35px;}

    .board_w > ul {padding: 10px 15px;}
    .btn-tc {padding:20px 0px; margin-top:20px;}

    .company_search {padding: 10px;}
    .company_search ul > li {width: 100%; float: none;}
    .company_search ul > li .select {min-height: 37px;}
    .company_search ul > li .input {min-height: 37px !important;}
    .company_search ul > li .btn_search {height:37px; line-height:35px;}

    .recruit_info > h3 {text-align: left; font-size:22px; padding:10px 50px 15px 0px;}
    .recruit_info .go_back > a {width: 50px; height: 50px; padding: 9px 9px;}
    .recruit_info .go_back > a > span {margin-top: 6px;}

    .introduce > ul > li {padding-left:100px; margin-top: 10px; min-height:30px; font-size:0.9em;}
    .introduce > ul > li > p {display: table-cell; vertical-align: middle; height:30px;}
    .first_txt {font-size:1.5em;}
    .introduce > ul > li .txt_t {width:90px; line-height:30px; height:30px; font-weight: 100;}


    .btab li a {font-size:14px; min-width:90px;}

    .mentoring_view {padding:20px;}
    .mentoring_view .time > li {width:50%;}
    .mentoring_view .q_box {padding:20px; margin: -20px; margin-top:20px;}

    .event_wrap > li {width:50%; min-height:350px;}
    .mentoring_view .radio_group > li {width:100%; float: none;}

	.introduce_ul{margin-left:0px;}
	.introduce_ul > li{padding-left:0px; width:100%; float:none; min-height:auto; line-height:normal; margin-bottom:5px;}
	.introduce_ul > li:last-child{margin-bottom:0px;}

    .job_intro > li {width:100%; }
    .job_intro .box {min-height: 10px; padding-bottom: 50px;}
    .point_box {padding: 10px;}

	.map_info {padding-top:0px;}

	.outline_wrap .table_style1 {font-size: 15px;}
	.outline_wrap .table_style1 tbody tr th .ico {width: 30px}
	.outline_wrap .radio_group img {max-height: 23px;}
	.outline_wrap .list > li {padding-left: 70px;}
	.outline_wrap > dl {padding:30px 0px 0px 0px; font-size:11px;}
	.outline_wrap > dl > dt:after {margin: 13px 0px;}

	.step_list > li {float: none; width: 100% !important; border:1px solid #ddd;}
	.step_list > li:nth-child(2){border-left:1px solid #ddd; border-top:none;}
	.step_list > li:nth-child(3){border-right:1px solid #ddd; border-top:none;}
	.step_list > li:nth-child(4){border-top:none;}

	.visit_box {padding:15px;}
	.ai_wrap .txt dt {font-size:2.2em;}
	.ai_wrap .txt > strong{font-size:2.2em;}

	.btn-tc > a {margin:5px 0px;}

	.summary > ul > li {padding:3px 0px 3px 115px;}
    .summary > ul > li .txt_t {font-size:14px; line-height:32px; width:100px;}

    .ico_txt {padding-left: 120px;}
    .ico_txt .txt_t {min-height: 36px; padding-left: 45px;}
    .ico_txt .ico {width: 36px;}

    .radius_tit {min-width: 100px; line-height: 30px;}
    .radius_list > li {padding-left: 115px; min-height: 31px;}
    .radius_list > li img {max-height: 28px;}

    .ai_info1 {min-height: auto;}
    .ai_info1 .first {font-size: 2em;}
    .ai_info1 .first br {display: none;}
    .ai_info1 .ico img {max-width:70%;}

    .ai_info3 {min-height: auto;}
    .ai_info3 .first {font-size: 2em;}
    .ai_info3 .first br {display: none;}
    .ai_info3 .ico img {max-width:70%;}

    .step_tit_wrap {font-size: 17px;}
    .step_tit_wrap .step_tit {min-width: 90px; line-height: 34px;}

    .step_box {padding: 15px;}
    .down_btn_two > li {float: none; width: 100%;}

    .greeting_bg_wrap {padding-top:30px; padding-bottom:30px;}

    .new_job_table > table > tbody > tr > td {padding: 15px !important;}
    .dl_st1 dt {font-size: 1.2em;}

    .step_bul > li {padding-left: 80px;}
    .step_bul > li .txt_t {width: 70px; line-height: 22px;}



    .num_list > li {padding-left: 50px;}
    .num_list > li .num {width: 40px; height: 40px; line-height: 40px;}
    .num_list > li .ico > li {background-position:left 4px !important; padding-left:16px !important; background-size: auto 12px !important}

    .new_job .txt .first {font-size: 1.9em;}
    .new_job .txt .first:After {margin: 20px 0px;}
    .line_bg {background-size:auto 11px; height: 11px; margin: 30px 0px;}

    .box_1350 {background: none; padding-left: 0px; margin-top: 0px;}

    .movie_box .m_frame .slider-youtube .slick-arrow {width: 34px; height: 34px; background-size:34px 34px !important; margin-top:-17px; }
    .main_relay > li .box .txtW {min-height:40px;}
    .main_relay > li .box .txt_s {line-height: 20px; height: 40px; font-size: 17px;}

	.map_tit {margin: 30px 0; float: left; padding: 0 10px;}
	.map_tit > p { font-size: 18px; text-decoration: underline; }
	.map_tit .t1 {font-size: 22px;  text-decoration: none; font-weight: 600; line-height: 30px;}
	.map_tit .t1::after {content: ''; display: block;  width: 80px;  height: 3px; background: #00aee6; margin: 20px 0px;}
	.map_con {display: flow-root; float: none; width: 97%; margin-top: 50px; padding: 0 10px;}
	.map_con ul{line-height: 60px;}
	.map_con ul > li {position: relative; }
	.map_con ul > li i {position: absolute; display: inline-block; top: 0px; left: 0;}
	.map_con ul > li > span { display: inline-block; line-height: 1.8; }
	.map_con ul > .dub {float: left; margin-right: 90px;}

	.prof-list {margin-top: 0rem;}
	.prof-list .itm {width:100%; display: block;  margin: 3rem 0 0 0; float: none;}
	.prof-list .itm .thumb {display: block; margin: 0 auto;}
	.prof-list .itm .thumb .btn {margin-top: .4rem;}
	.prof-list .itm .desc {padding: 1.5rem 0 0; display: flex; flex-direction: column; align-items: center; gap:10px;}
	.prof-list .itm .desc .tx01{font-size: 1.5rem; display: block; text-align: center;}
	.prof-list .itm .desc .tx01 b {font-size: 1.6rem;}
	.prof-list .itm .desc .tx02 {color: #333; text-align: center;}
	.prof-list .itm .desc ul {margin-top:0px; width: fit-content;}
	.prof-list .itm .desc ul > li {position: relative; padding: 0 0 0 35px; letter-spacing: .05em; line-height: 35px;}
	.prof-list .itm .desc ul > li i {position: absolute; display: inline-block; top: calc(50% - 10px); left: 0;}
	.prof-list .itm::after {content: ''; display: block; clear: both;}

	.prof-pop .itm { width: 100%; display: block;}
	.prof-pop .itm .thumb { width: 100%; display: block;}
	.prof-pop .itm .thumb .photo img { margin: 0 auto;}
	.prof-pop .itm .desc { padding: 10px 0px 0 0px; width: 100%; display: block;}
	.prof-pop .itm .desc {box-sizing: border-box; text-align: center;}
	.prof-pop .itm .desc ul > li {padding: 0px;}
	.prof-pop .itm .desc ul > li i { left: auto; margin-left: -30px;}

	.edu_con02{display: flow-root;}
	.edu_con02_wrap{ position: relative; margin-top: 0px; margin-bottom: 30px; padding: 120px 20px 30px;}
	.edu_con02 i {width: 80px; height: 80px; display: inline-block; top: 20px;}
	.edu_con02 .con_tit { top: 0; padding: 0; color:#00aee6; vertical-align: middle;}
	.edu_con02 .con_tit b {font-size:20px; color:#000; margin-right:10px;}
	.edu_con02 .con_tit p { line-height: 1.8; margin-top:10px;}
	.edu_con02 ul{margin-top: 10px;}
	.edu_con02 li{padding-left: 14px; position: relative; line-height: 180%;}
	.edu_con02 li:after {display: block; content: ""; width:5px; height:5px; background:#cacaca; position: absolute; left: 0px; top: 13px; border-radius: 50%;}

	.edu_con03 { margin-bottom: 80px;}
	.edu_con03_wrap {width: 100%; margin-bottom: 20px;}

	.tbl-scroll{ width: 100%; overflow-x: auto;}
    table.data thead th{ padding: 1rem .4rem; font-size: 1.3rem;}
    table.data tbody th{ padding: 1rem .4rem; font-size: 1.3rem;}
    table.data tbody td{ padding: 1rem; font-size: 1.3rem;}

	table.data thead th span {display:block;}
    table.data tbody th span {display:block;}
    table.data tbody td span {display:block;}

	/*.responsive-dim::after {content: ""; position: absolute; top: 50%; left: 50%; width: 10rem; height: 10rem; margin: -5rem 0 0 -5rem; border-radius: 50%;
						background: rgba(0,0,0,.3) url(../images/tx_scroll.png) 50% 50% no-repeat;}*/

	.edu_01_bg {width:100%;  padding: 35px 3%;}
	.edu_01 {width: 100%;}
	.edu_01 .t1 {float: left; }
	.edu_01 .t1::after { position: absolute; width: 30px; top: 43px; left: 50px; }
	.edu_01 > p.t2 { margin-top: 50px; }
	.edu_02 {width: 100%; float: left; margin-top: 20px; padding-left: 10%;}
	.edu_02 .t1 {float: left; padding-top: 10px; }
	.edu_02 .t1::after { position: absolute; width: 30px; top: 160px; left: 50px; }
	.edu_02 > p.t2 { margin-top: 60px; }

	.schedule-bx .dv-cal { width: 100% !important;}
	.cal-con > iframe { height: 436px !important; }
	.schedule-bx .dv-desc { margin-top: 25px !important; width: 100% !important; height: 100% !important; }
	.schedule-bx .dv-desc ul {padding: 10px 30px !important;}

    h4.h4-tit {font-size: 18px; margin: 30px 0 20px;}

    .map_con {margin: 10px;}
    .map_con ul > li {padding: 0 0 0 55px;}

    .prof-dc > li > b {display: block;}

}
/* 320px 이하 */
@media screen and (max-width:320px) {
    .main_company h3 {font-size:24px; }
    .atab li a {font-size:12px;}
    .title_bar .s_txt {padding-left: 10px;}
    .bt_application a {padding: 0px 18px;}
    .bt_application a span {text-align: center;}


    .btns > li {width:100%; float: none; padding:2px 0px;}
    .btn-tc {padding:20px 0px;}



}