@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%;}
a{display:block;}
#navigation {display: none;}
#fp-nav {display: none;}

/* wrap */
#wrap {width:100%; padding-top:90px; 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:160px; }
#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}


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

.in_header {max-width:100%; width:100%; height:90px; box-sizing: border-box; margin:0 auto; position:relative; z-index:9; color: #fff; padding:0 50px; border-bottom: 1px solid #eee;}
#header h1 {position: absolute; left:45px; 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: block; overflow: hidden; height: 100%; outline: none;}
#header .top_btns {width: 125px; z-index:10; overflow: hidden; color: #ddd; display: flex; }
.m_topbtn { color: #333; font-weight: 500; font-size:14px;}

#header .top_btns2 {width: auto; z-index:10; overflow: hidden; color: #ddd; display: flex; gap:30px;}
.m_topbtn2 { color: #333; font-weight: 500;}
.m_topbtn2 + img {filter: brightness(0.25);}

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

#header .header_menu{position:absolute; top:50%; right:45px; transform:translateY(-50%); display: flex; gap: 30px; align-items: center;}
#header .header_menu ul{ text-align: right; color: #555; margin-right: 0px; }
#header .header_menu ul li a{border-radius:50%;}
#header .header_menu ul li{ color: #555; }
/* #header .header_menu ul li:last-child{margin-left: 30px;} */

#slide_menu_wrap .m_topbtn2 {color: #fff;}
#slide_menu_wrap img.white {filter: unset;}
#slide_menu_wrap a.logout_btn {display: flex; align-items: center; justify-content: center;padding: 16px 12px; background: #fff; margin: 20px 0; border-radius: 6px;}
#slide_menu_wrap a.logout_btn .m_topbtn2{color: #333;}


.hd-schbx{ background-color: #fff; position: absolute; left: 0; width: 100%; top: 90px; padding: 40px 0 50px; display: none; border-bottom:1px solid #eee;}
.hd-schbx .schInbx{ max-width: 1490px; margin: 0 auto; }
.hd-schbx .tit{ color:#01a9e4; font-size: 35px; text-align: center; margin-bottom: 20px;}
.hd-schbx .inp-bx{position: relative; max-width: 500px; margin: 0 auto; padding-right: 70px; background: #f0f0f0; border-radius: 50px; border: none !important;}
.hd-schbx .inp-bx .inp{ display: block; height: 60px; line-height: 60px; width: 100%; border: none !important; background-color: transparent; padding-left: 40px;}
.hd-schbx .inp-bx .sch{ position: absolute; display: block; top: 0; right: 0; width: 70px; height: 60px; background: url(../fnc_images/common/header_sch2.png) 50% 50% no-repeat; text-indent: -9999px;}



/* GNB */
.w_gnb {width:fit-content; margin-left:22%; height:100%;}
.w_gnb .gnb {margin: 0 auto; box-sizing: border-box; height:100%;}
.w_gnb .gnb:after {content:""; display:block; clear:both;}
.w_gnb .gnb > ul {font-size:0px; text-align: center; height:100%; display:flex;}
.w_gnb .gnb > ul:after {content:""; display:block; clear:both;}
.w_gnb .gnb > ul > li {text-align: center; display: flex; align-items:center; padding: 0 70px; vertical-align: top; position:relative; height:100%;}
.w_gnb .gnb > ul > li:first-child:before {display: none;}
.w_gnb .gnb > ul > li:hover{background:#01a9e4;}
.w_gnb .gnb > ul > li:hover{}

.w_gnb .gnb > ul > li > a {display:block; color:#fff; position:relative;}
.w_gnb .gnb > ul > li > a:after{content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); height:3px; width:0; background:#fff;  transition:all .5s;}
.w_gnb .gnb > ul > li:hover > a:after{width:100%;}
.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.gnb01 > a > span {color: #222;}
.w_gnb .gnb > ul > li.gnb02 > a > span {color: #222;}
.w_gnb .gnb > ul > li.gnb03 > a > span {color: #222;}
.w_gnb .gnb > ul > li.gnb04 > a > span {color: #222;}
.w_gnb .gnb > ul > li:hover > a > span{color:#fff;}
.w_gnb .gnb > ul > li:hover > .sub_menu {background:#eee;}

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

.w_gnb .sub_menu  {position:absolute; left:50%; width:100%; box-sizing:border-box; overflow:hidden; top:100%; line-height:20px; transform:translateX(-50%); height:0; transition:all 0.3s;}
.w_gnb .sub_menu > li > a {display:block; word-break: keep-all; font-size:16px; text-align:center; font-weight: 400; color:#222; padding:10px 0px; line-height:23px; transition:all 0.3s;}

.w_gnb .sub_menu > li > a:hover {color:#01a9e4;}


.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:400px; background:#fff; z-index: 8}
#gnb_bar .gnb {max-width:1050px; margin: 0 auto; padding-top: 5px;}
#gnb_bar .gnb > ul > li {height:50px; padding:7px 0px 7px 250px;}
#gnb_bar .gnb > ul > li:first-child:After {display: none;}
#gnb_bar .gnb > ul > li > a {display:none;}
#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(../fnc_images/common/insta_logo.png);}



/* .main_content{padding:0 0 150px } */

/* .section1 main_visual */
.main_content #main-visual {width:100%; height:620px; position:relative;}
.main_content #main-visual .main-vis-slide{width:100%; height:100%;}
.main_content #main-visual .main-vis-slide .swiper-slide{position:relative;}
.main_content #main-visual .main-vis-slide .swiper-slide.s01{background: url('../fnc_images/common/main_visual01.jpg')center center no-repeat; background-size:cover;}
.main_content #main-visual .main-vis-slide .swiper-slide.s02{ background: url('../fnc_images/common/main_visual03.jpg')center center no-repeat; background-size:cover;}

.main_content #main-visual .swiper-button-prev{left:100px;}
.main_content #main-visual .swiper-button-next{right:100px;}
.main_content #main-visual .main-vis-slide .swiper-slide .visual_box{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center; width:max-content;}
.main_content #main-visual .main-vis-slide .swiper-slide .visual_box h2{color:#fff; font-size:50px;}
.main_content #main-visual .main-vis-slide .swiper-slide .visual_box p{color:#fff; font-size:25px; margin-top:8px;}
.main_content #main-visual .main-vis-slide .swiper-slide .visual_box .visual_btn{width:240px; height:60px; line-height:60px; margin:30px auto 0;}
.main_content #main-visual .main-vis-slide .swiper-slide .visual_box .visual_btn a{width:100%; height:100%; border:1px solid #fff;  background: rgba(255,255,255,0.1) url('../fnc_images/common/w_small_btn.png')center right 20px no-repeat;  transition: all 0.3s 0s ease-in-out; padding-left:20px; color:#fff; text-align:left; transition:all .3s; border-radius: 50px; backdrop-filter: blur(3px);}
.main_content #main-visual .main-vis-slide .swiper-slide .visual_box .visual_btn a:hover{background:#fff url('../fnc_images/common/small_btn.png')center right 20px no-repeat; color:#000;
transition: all 0.3s 0s ease-in-out;}
.main_content #main-visual .main-vis-slide .swiper-pagination-bullets{width:auto; display:flex;bottom:auto; left:auto; position:relative;}
.main_content #main-visual .main-vis-slide .swiper-pagination-clickable .swiper-pagination-bullet{background:#fff; opacity:1; width:5px; height:5px; position:relative; transform:translateY(50%); top:50%;}
.main_content #main-visual .swiper-pagination-bullet-active:before{content:''; position:absolute; top:50%; left:50%; width:35px; transform:translate(-50%, -50%); height:35px;
background-color: rgba(255,255,255,.2); border-radius:50%;}
.main_content #main-visual .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet
{margin: 0px var(--swiper-pagination-bullet-horizontal-gap,30px) !important;}
.main_content #main-visual .swiper-button-next, .main_content #main-visual .swiper-button-prev{color:#fff;}
.main_content #main-visual .btn-wrapper{position:relative; left:100%;}
.main_content #main-visual .auto-stop{border-left:3px solid #fff; border-right:3px solid #fff; width:11px; height:11px; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.main_content #main-visual .auto-start{width:11px; height:11px; position:relative;}
.main_content #main-visual .auto-start:after{content:''; display:block; border-left:7px solid #fff; border-top:transparent 7px solid; border-bottom:transparent 7px solid; transform:translateY(-50%);}
.main_content #main-visual .swiper-box{position:absolute; z-index:1; bottom:80px; left:50%; padding-left: 10px; width:auto; transform:translateX(-50%); height:0;}
.main_content #main-visual .swiper-box .btn-wrapper button{display:none;}
.main_content #main-visual .swiper-box .btn-wrapper button.on{display:block;}


.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 {padding-bottom: 20px; margin: -5px;}
.slide_menu_inner .top_btns > li { box-sizing: border-box; padding: 5px; color:#fff; }
.slide_menu_inner .top_btns > li > a {display: flex; align-items: center; justify-content: center;padding: 16px 12px; background: #fff; margin: 20px 0; border-radius: 6px;}
.slide_menu_inner .top_btns > li > a .ico {display: none;}
.slide_menu_inner .top_btns > li:last-child { color:#333; }
.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(../fnc_images/common/g_plus.png) no-repeat right center; font-weight: 500; }
.slide_menu_wrap .gnb > ul > li > a span { color: #fff !important;}
.slide_menu_wrap .gnb > ul > li > a.on {background: url('../fnc_images/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;}*/

/*main_con 공통*/

	.main .tit {font-size: 40px; font-weight: 600; text-align:center;}
	.main .eng_tit {font-size: 16px; font-weight: 500;margin-top:0; margin-bottom:40px; text-align:center; color:#7d7d7d;}

/*main_con 공통끝*/


/*main_con_01*/
	.main_con1 .menu_thr {display: flex;}
	.main_con1 .menu_thr a {width: 100%; text-align:center;}
	.main_con1 .menu_thr a + a {margin-left: 40px;}
	.main_con1 .menu_thr a b {display: block; margin-top: 36px; font-size: 28px; font-weight: 600; color:#222;}
	.main_con1 .menu_thr a p {color: #666; margin-top: 10px;}
	.main_con1 .menu_thr a p.img_warp{margin:0px; height: 240px; background: #CED0FF url(../fnc_images/common/maincon2_ico01.png) no-repeat center center; background-size: 80% auto; border-radius: 32px;}
	.main_con1 .menu_thr a:nth-child(2) p.img_warp{background: #B9E6FB url(../fnc_images/common/maincon2_ico02.png) no-repeat center center; background-size: 77% auto; }
	.main_con1 .menu_thr a:nth-child(3) p.img_warp{background: #F9DAC0 url(../fnc_images/common/maincon2_ico03.png) no-repeat center center; background-size: 65% auto; }

	.main_con1 .menu_thr a:hover b {color:#0452b4; transition: all .3s;}
	.main_con1 .menu_thr a:hover p.img_warp {box-shadow: 0px 5px 15px rgba(0,0,0,.1);}


	.main_con1 {position: relative;}
	.main_con1:before{content: ''; display: block; width: 124px; height: 210px; background: url(../fnc_images/common/maincon1_bg01.png) no-repeat center center; position: absolute; left: 60px; bottom: 130px; z-index:-1;}
	.main_con1:after{content: ''; display: block; width: 288px; height: 296px; background: url(../fnc_images/common/maincon1_bg02.png) no-repeat center center; position: absolute; top: 0; right: 0px; z-index:-1;}
	.main_con1 .wrap{max-width: 1400px; margin: 0 auto; padding:100px 0 120px; width: 100%;}
	.main_con2 ul {display: flex;}
	.main_con2 li {width: 100%; height: auto; background: #fff; background-size: cover; text-align: center;
	border-radius: 32px; display:flex; flex-flow:column nowrap; align-items:center; justify-content:center; transition:all .3s; padding:60px 12px 38px; box-sizing:border-box; border:1px solid #DDE3E7; cursor: pointer; }
	.main_con2 li:hover{background: url(../fnc_images/common/maincon1_hover.png) no-repeat center center;
    background-size: cover; color:#fff; transition: all .3s;}
	.main_con2 li + li {margin-left: 50px;}
	
	.main_con2 li p { min-height: 48px; margin-top: 16px; font-size: 16px; color: #7d7d7d; word-break: keep-all; transition:all .3s; }
	.main_con2 li:hover p {color: #fff;}
	.main_con2 li a {display: block; width: 45px; height: 45px; background:  url(../fnc_images/common/icon_plus.png) no-repeat center center; background-size: cover;	transition: all .3s; margin-top:60px;}
	.main_con2 li:hover a {background:  url(../fnc_images/common/icon_plus_hover.png) no-repeat center center; background-size: cover;}
	.main_con2 li b{display: block; font-size: 22px; font-weight: 600; margin-top:30px; color:#3A3F42; font-family: Noto Sans sans-serif;}
	.main_con2 li:hover b{ color:#fff; } 

	.main_con2 .list_bottom { margin-top: 50px; }
	.main_con2 li .con1_deco{width: 80px; height: 80px; transition:all .3s; background-size:100%; background-repeat:no-repeat; background-position:center;}
	.main_con2 .list_top li:nth-child(1) .con1_deco{background-image: url(../fnc_images/common/maincon1_ico01.png);}
	.main_con2 .list_top li:nth-child(2) .con1_deco{background-image: url(../fnc_images/common/maincon1_ico02.png);}
	.main_con2 .list_top li:nth-child(3) .con1_deco{background-image: url(../fnc_images/common/maincon1_ico03.png);}
	.main_con2 .list_top li:nth-child(4) .con1_deco{background-image: url(../fnc_images/common/maincon1_ico04.png);}
	.main_con2 .list_bottom li:nth-child(1) .con1_deco{background-image: url(../fnc_images/common/maincon1_ico05.png);}
	.main_con2 .list_bottom li:nth-child(2) .con1_deco{background-image: url(../fnc_images/common/maincon1_ico06.png);}
	.main_con2 .list_bottom li:nth-child(3) .con1_deco{background-image: url(../fnc_images/common/maincon1_ico07.png);}
	.main_con2 .list_bottom li:nth-child(4) .con1_deco{background-image: url(../fnc_images/common/maincon1_ico08.png);}

	.main_con2 .list_top li:nth-child(1):hover .con1_deco{background-image: url(../fnc_images/common/maincon1_ico01_hover.png);}
	.main_con2 .list_top li:nth-child(2):hover .con1_deco{background-image: url(../fnc_images/common/maincon1_ico02_hover.png);}
	.main_con2 .list_top li:nth-child(3):hover .con1_deco{background-image: url(../fnc_images/common/maincon1_ico03_hover.png);}
	.main_con2 .list_top li:nth-child(4):hover .con1_deco{background-image: url(../fnc_images/common/maincon1_ico04_hover.png);}
	.main_con2 .list_bottom li:nth-child(1):hover .con1_deco{background-image: url(../fnc_images/common/maincon1_ico05_hover.png);}
	.main_con2 .list_bottom li:nth-child(2):hover .con1_deco{background-image: url(../fnc_images/common/maincon1_ico06_hover.png);}
	.main_con2 .list_bottom li:nth-child(3):hover .con1_deco{background-image: url(../fnc_images/common/maincon1_ico07_hover.png);}
	.main_con2 .list_bottom li:nth-child(4):hover .con1_deco{background-image: url(../fnc_images/common/maincon1_ico08_hover.png);}
	.main_con2 li .con_text{display:flex; flex-flow:column; align-items:center; justify-content:center;}


/*main_con_01 끝*/


/*main_con_02*/

	.main_con2 {background:#F8F9FF;}
	.main_con2 .wrap{max-width: 1400px; margin: 0 auto; padding:100px 0; width: 100%;}

/*main_con_02 끝*/


/*main_con_03*/
	.main_con3 {background: #F9f9f9; }
	.main_con3 .wrap{max-width: 1400px; margin: 0 auto; padding:100px 0 130px; width: 100%;}
	.main_con3 .main_board {display: flex; justify-content: space-between; flex-wrap: wrap; align-content: space-between;}
	.main_con3 .main_board .notice,
	.main_con3 .main_board .info{width:calc(50% - 25px);}
	.main_con3 .main_board .sub_tit{display: block; font-size: 30px;}
	.main_con3 ul.recentBbsInnerUl {border-top: 0px !important;}
	.main_con3 li.recentBbsLi {padding: 0 !important;}
	.main_con3 .main_board .notice ul{border-top: 2px #000 solid;}
	.main_con3 .main_board .notice ul li { padding: 25px 20px; border-bottom: 1px #ddd solid;}
	.main_con3 .main_board .notice ul li a{ display: flex; align-items: center; justify-content: space-between; }
	.main_con3 .main_board .notice ul li.list b { display: block; width: 100%; text-overflow: ellipsis; font-size: 17px; color: #333; overflow: hidden; white-space: nowrap; margin-right: 50px;
	padding-left:20px; position: relative;}
	.main_con3 .main_board .notice ul li.list b:before { content: ''; display: block; width: 3px; height: 3px; background: #333; position: absolute; top: calc(50% - 1.5px); left: 0;}
	.main_con3 .main_board .notice ul li.list p.date{font-size: 13px; color: #999999;}

	.main_con3 .main_board .notice ul li:first-child {padding: 25px 20px;}
	.main_con3 .main_board .notice ul li:first-child a{display: flex; align-items: center; justify-content: flex-start; overflow:hidden;}
	.main_con3 .main_board .notice .date_box {width: 77px; height: 72px; border: #f0f0f0 solid 4px; text-align: center; display: flex; flex-direction: column; justify-content: center;
	padding-bottom: 5px; border-radius: 5px; color:#999; font-weight:500;}
	.main_con3 .main_board .notice .date_box b{font-size: 26px; font-weight: 600; color: #01a9e4; padding:0;}
	.main_con3 .main_board .notice .txt_box {margin-left: 30px; width: calc(100% - 112px);}
	.main_con3 .main_board .notice .txt_box b { display: block; width: 100%; text-overflow: ellipsis; font-size: 20px; color: #333; overflow: hidden; white-space: nowrap;}
	.main_con3 .main_board .notice .txt_box p { display: block; width: 100%; text-overflow: ellipsis; margin-top: 10px; color: #666; overflow: hidden; white-space: nowrap;}

	.main_con3 .info {margin-left: 60px;}
	.main_con3 .subtit_box{display:flex; align-items:center; justify-content:space-between;  margin-bottom: 30px;}
	.main_con3 .subtit_box .more_view_btn{width:33px; height:33px; border-radius:50%; background:url('../fnc_images/common/more_view.png') center center no-repeat; transition:all .3s;}
	.main_con3 .subtit_box .more_view_btn:hover{background:url('../fnc_images/common/more_view_b.png') center center no-repeat;}
	.main_con3 .info ul {display: flex;}
	.main_con3 .info ul li { width: calc(50% - 20px); display: inline-block; box-sizing: border-box; border: #cccccc 1px solid; border-radius: 10px; float: left;  transition: all .3s;}
	.main_con3 .info ul li a{padding: 20px 30px;}
	.main_con3 .info ul li:hover{ border: #01a9e4 1px solid; box-shadow: 0px 5px 15px rgba(0,0,0,.1);}
	.main_con3 .info ul li + li {margin-left:40px;}
	.main_con3 .info ul li b { margin-top: 20px; font-size: 18px; overflow: hidden; white-space: normal; word-wrap: break-word;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.main_con3 .info ul li p {text-overflow: ellipsis; font-size: 16px; color: #666;  overflow: hidden; white-space: nowrap; margin-top: 20px;}
	.main_con3 .info ul li p.img_wrap { width: 100%; height: 150px; background: #ccc; border-radius: 10px; margin-top: 0px;}
	.main_con3 .info ul li p.img_wrap img { width: 100%; height: 100%; object-fit: cover;}
	.main_con3 .info ul li .date{display: block; font-size: 13px; color: #999999; margin-top:40px;}
	
	.main_con3 .recentBbsInfo {display: flex; width: 100%; justify-content: space-between;  /*justify-content: flex-end; flex-flow: row-reverse wrap;*/}
	.main_con3 dl._first._last {width: 72px;}
	.main_con3 dl._first._last dd {width: 100%; text-align: right; color : #999; font-size: 16px;}
	/* .main_con3 dl._first._last {width: 72px; height: 72px; border: 4px solid #f0f0f0; border-radius: 6px; margin-right: 30px; position: relative;}
	.main_con3 dl._first._last dd {width: 100%; text-align: center; font-size: 19px; color: #01a9e4; font-weight: 700; top: 15%; position: relative;}
	.main_con3 dl._first._last dd:before {display: block; content: "Date"; color: #999; font-size: 15px;} */
	.main_con3 .recentBbsTitle {display: block; width: calc(100% - 72px); text-overflow: ellipsis; font-size: 18px; font-weight: 500; color: #333; overflow: hidden; white-space: nowrap; height: fit-content;}
	
	
/*main_con_03 끝*/

/*main_con_04*/

	.main_con4 .wrap{max-width: 1400px; margin: 0 auto; padding:60px 0 80px;}

	.main_con4 ul{display: flex;}
	.main_con4 ul li{width: calc(50% - 25px); padding: 60px 70px; border-radius: 5px; background: #ceeef8 url(../fnc_images/common/maincon4_ico01.png) no-repeat center right 80px;}
	.main_con4 ul li:last-child{ background: #dcdafc url(../fnc_images/common/maincon4_ico02.png) no-repeat bottom right 60px;}
	.main_con4 ul li + li {margin-left:50px;}
	.main_con4 ul li .sub_tit {font-size: 30px; font-weight: 600; color: #000;}
	.main_con4 ul li p {font-size: 17px; color: #666; margin-top: 10px;}
	.main_con4 ul li a {display: block; background: #fff; font-size: 14px; width: 150px; height: 35px; line-height: 35px; border-radius: 50px; padding-left: 20px; box-sizing: border-box;
	position: relative; margin-top: 40px;}
	.main_con4 ul li a::after { content: ''; display: block; position: absolute; top: calc(50% - 5px); right: 22px; width: 6px; height: 6px; border-top: #333 2px solid;
    border-left: #333 2px solid; transform: rotate(135deg); }
/*main_con_04 끝*/


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

.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-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 {display: inline-block; position: relative; width: calc(50% - 10px); height: 230px; margin: 90px 0 70px; padding: 60px 0 40px; padding-left: 25%; box-sizing: border-box;}
.banner i {position: absolute; left: 50px; bottom: 0;}
.banner b {display: block; font-size:38px; font-weight:400; color:#fff; margin-bottom:20px;}
.banner p {font-size:16px; font-weight:100; letter-spacing: 1px; color:#fff;}
.banner .btn_page {width: 150px; height: 45px; background: #fff; box-sizing: border-box; padding: 13px 30px; position: absolute; bottom: 40px; border-radius: 10px;}
.banner .btn_page a {position: inherit;}
.banner .btn_page i {display: inline-block; width: 20px; height: 20px; background: url(../img/main/page_ico.png); margin-left: 20px; position: absolute; top: 0px;}

.banner.left {background:#7fc0d5;}
.banner.right {background:#9388c0; margin-left:16px;}


.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: 18px;}
.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:#262626; padding: 30px 0px 50px; 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: 1400px; margin: 0 auto; position: relative;}

#footer .addressW {padding:10px 0px 10px 360px; position: relative; font-size:14px; color:#e0e0e0; line-height:24px; background: url(../fnc_images/common/han_f_logo.png) no-repeat left 45px; display:flex; align-items:center; justify-content:space-between;}
#footer .addressW .copy {padding-top:8px; text-transform: uppercase; color: #888;}
#footer .addressW a {color: #e0e0e0}
#footer .go_top {position: absolute; right:10px; top:10px;}

#footer .addressW .footer_left{padding-top:35px; color: #888;}
#footer .addressW .footer_left span {color: #888;}
#footer .addressW .footer_left ul{display:flex; margin-top:6px;}
#footer .addressW .footer_left ul li{padding:0 20px; position:relative; color: #888;}
#footer .addressW .footer_left ul li:first-child{padding-left:0;}
#footer .addressW .footer_left ul li:last-child{padding-right:0;}
#footer .addressW .footer_left ul li:nth-child(2):before{content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); width:1px; height:10px; background:#888;}
/* #footer .addressW .footer_left ul li:nth-child(2):after{content:''; position:absolute; top:50%; right:0; transform:translateY(-50%); width:1px; height:10px; background:#888;} */

#footer .addressW .footer_right {display:flex; flex-flow:column nowrap; justify-content:space-between;}
#footer .addressW .footer_right .f_sns{margin-top:15px;}
#footer .addressW .footer_right .f_sns ul{display:flex; height:35px; justify-content:end;}
#footer .addressW .footer_right .f_sns ul li{width:40px; height:100%;}
#footer .addressW .footer_right .f_sns ul li a{width:100%; height:100%; display:block; border-radius:50%;}
#footer .addressW .footer_right .f_sns ul li:nth-child(1){background:url(../fnc_images/common/f_insta.png) no-repeat center center;}
#footer .addressW .footer_right .f_sns ul li:nth-child(2){background:url(../fnc_images/common/f_blog02.png) no-repeat center center;margin:0 10px;}
#footer .addressW .footer_right .f_sns ul li:nth-child(3){background:url(../fnc_images/common/f_youtube.png) no-repeat center center;}

#footer .addressW .footer_right .f_link ul{display:flex; flex-direction: column; color:#555; text-align: right;}
#footer .addressW .footer_right .f_link ul li:nth-child(1){/*padding-right:10px;padding-top:15px;*/ position:relative; }
/* #footer .addressW .footer_right .f_link ul li:nth-child(1):after{content:''; position:absolute; top:50%; right:0; transform:translateY(-50%); width:1px; height:10px; background:#666;} */
/* #footer .addressW .footer_right .f_link ul li:nth-child(2){padding-left:10px;} */

#footer .addressW .footer_left{color:#888;}


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

.site_link{background:#262626; border-bottom:1px solid #666; display:flex; align-items:center; justify-content:center; padding:35px 0;}
.site_link ul{display:flex; align-items:center; justify-content:center;}
.site_link ul li{padding:0 40px;}




.sub_visual {height:280px; box-sizing: border-box; overflow: hidden; position: relative; background: url(../fnc_images/common/sub_visual.png) no-repeat center top; background-size:cover !important; display:flex; align-items:center;}
.sub_visual.sub_visual02 { background: url(../fnc_images/common/sub_visual02.png) no-repeat center top;} 
.sub_visual.sub_visual03 { background: url(../fnc_images/common/sub_visual03.png) no-repeat center top;} 
.sub_visual.sub_visual04 { background: url(../fnc_images/common/sub_visual04.png) no-repeat center top;} 
.sub_visual.sub_visual05 { background: url(../fnc_images/common/sub_visual05.png) no-repeat center top;} 
.sub_visual .sub_txt {color: #fff; width:1400px; margin:0 auto;}
/*.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/department/sub_visual.png) no-repeat center top;}
.sub_wrap_2 .sub_visual {background: url(../fnc_images/common/sub_visual2.jpg) no-repeat center top;}
.sub_wrap_3 .sub_visual {background: url(../fnc_images/common/sub_visual3.jpg) no-repeat center top;}
.sub_wrap_4 .sub_visual {background: url(../fnc_images/common/sub_visual4.jpg) no-repeat center top;}





.sub_wrap .bt_quick {display: none}

#sub_tit {font-size:46px; color: #fff; font-weight:500;}
#sub_tit .txt_s {font-size:36px; display: inline-block;}


/* lnb */
#m_lnb {display:none;}


#lnb_wrap {position:relative; z-index:10; min-height:90px; box-sizing:border-box;}

#lnb_wrap .lnb {position:absolute; bottom:100%; right:0; background-color:rgba(2,97,159,0.9); width:1000px; height: 70px;}
#lnb_wrap .lnb:after {position:absolute; content:''; bottom:0; left:100%; width:100%; background-color:rgba(2,97,159,0.9); height: 70px;}
#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(../fnc_images/common/ico_home.gif) no-repeat center center #f1592a;}
.lnbs2 ul {overflow: hidden; font-size:0px; text-align:center; display:flex;}
.lnbs2 ul li {color:#fff; float: left; vertical-align:top; box-sizing: border-box; position: relative; flex:1; position:relative;}
.lnbs2 ul li:after {content:''; position:absolute; top:50%; right:0; transform:translateY(-50%); width:1px; height:15px; background:#fff;}
.lnbs2 ul li:last-child:after {display:none;}
.lnbs2 ul li > a {display:block; width:100%; height:100%; line-height:70px; text-align: center;color: #fff; font-size:16px; box-sizing: border-box;}
.lnbs2 ul li.on{ border-top:2px solid #fff;}
.lnbs2 ul li.on:before{content:''; position:absolute; top:0; left:50%; transform:translateX(-50%); border-top:8px solid #fff; border-left: 8px solid transparent; border-right: 8px solid transparent;}
#lnb_tit2 {display: none}

.sub_wrap_3 .lnbs2 ul li a.sky{background: rgb(62 167 203 / 90%); height:70px;}
.sub_wrap_3 .lnbs2 ul li a.sky.on{height: 68px;}


#lnb_tit {font-size:14px; letter-spacing:-1px; padding:0px 0px 0px 20px; color:#333333; line-height:39px; height:39px; background:url(../fnc_images/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(../fnc_images/common/lnb_arrow.png) no-repeat 95% center; cursor:pointer;}


/* .contents {margin-bottom: 7.5rem;} */
/* 1_1 교육원 소개 */
.intro {margin-top: 3.75rem; margin-bottom: 7.5rem;}
.introduce .vision_box{width: 100%; gap:1.25rem; }
.introduce .vision_box .box_row{width: 100%; gap:1.25rem; flex-wrap: nowrap;}
.introduce .vision_box .tit{width:10rem; background:linear-gradient( 44deg, #201d85, #008CD7); padding:1.25rem; border-radius:.625rem; font-size:1.125rem; font-weight:600; text-align:center; color:#fff;}
.introduce .vision_box .con_box{ width:calc(100% - 11.25rem); padding:1.25rem; border:1px #ddd solid; border-radius:.625rem; text-align:center; color:#666;}

.introduce .vision_box .con_wrap{ width:calc(100% - 11.25rem); flex-wrap: nowrap; gap: 1.25rem; margin-bottom: 0;}
.introduce .vision_box .con_wrap .con_box{ width:calc((100% - 2.5rem)/3); padding: 1.25rem;}
.introduce .vision_box .con_wrap .con_box b{display:block; padding:.625rem 1.25rem; background:#f0f0f0; margin-bottom:1.25rem; border-radius: 5rem; color:#000;}

.introduce .vision_box .con_box.bg_blue{ background-color: #F8FCFF !important; border:1px #c7e0ed solid;    padding: 0;}
.introduce .vision_box .con_box.bg_blue > b {padding: 1.25rem; display: inline-block;}

/* 1_2 원장 인사말 */
.greeting {margin-bottom: 7.5rem;}
.greeting .top{gap:3.125em;}
.greeting .left .img_box{width:22.5rem; height:26.25rem; background:#ccc; margin-bottom:2.5rem;} 
.greeting .right{width:calc(100% - 22.5rem - 3.125rem);}

/* 1_3 연혁 */
.history {margin-bottom: 7.5rem;}
.history .tab_btn_style2 { display: flex; align-items: flex-end; }
.history .tab_btn_style2 > li { position: relative; flex: 1; height: 3.75rem; }
.history .tab_btn_style2 > li::after { display: none; content: ""; position: absolute; left: 50%; transform: translateX(-50%); top: 100%; width: 0; height: 0; border-top: 10px solid #3968cf; border-right: 8px solid transparent; border-bottom: 0; border-left: 8px solid transparent; }
.history .tab_btn_style2 > li a { background: #f9f9f9; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; font-size: 1.0625rem; color: #666; transition: none; }
.history .tab_btn_style2 > li:first-child a { border-left: 1px solid #e8e8e8; }
.history .tab_btn_style2 > li + li a { border-left: 1px solid #e8e8e8; }
.history .tab_btn_style2 > li:last-child a { border-right: 1px solid #e8e8e8; }

.history .tab_btn_style2 > li.active::after { display: block; }
.history .tab_btn_style2 > li.active a { background: linear-gradient(135deg, #0291c5, #3f64d0); border-top: 0; border-bottom: 0; font-weight: 500; color: #fff; }
.history .tab_btn_style2 > li.active + li a { border-left: 0; }

.history .tab_box_wrap > .tab { display: none; position: relative; }
.history .tab_box_wrap > .tab.active { display: block; }

.history .in_box{border-bottom: 1px solid #000;}
.history .in_box li{padding: 2.5rem 0; border-bottom: 1px solid #e5e5e5 ; width: 50%;}
.history .in_box li dl{display: flex; flex-flow:row nowrap; justify-content: start; align-items: start; gap: 1rem ;}
.history .in_box li dl dt{width: 5rem; color:#b0b0b0;}
.history .in_box li dl dd{width: calc(100% - 5rem - 1rem); display: flex ; flex-direction: column; gap: 5px;}
.history .in_box li dl dd p { position: relative; }
.history .in_box li dl dd p:after { content: ''; display: block; width: 5px; height: 1px; background: #999; position: absolute; top: .625rem; left: -.875rem; }

/* 1_4 구성원 */
.organization .con_table_img {width: 900px;}

/* 1_6 오시는 길 */
.location .top {display: flex; justify-content: space-between; flex-wrap : wrap;}
.location .map_tit {margin: 90px 0px 90px 30px; float: left;}
.location .map_tit .t1 {font-size: 35px; font-weight: 600; line-height: 40px;}
.location .map_tit .t1::after {content: ''; display: block;  width: 80px;  height: 3px; background: #00aee6; margin: 30px 0px;}
.location .map_con { width: 730px; margin-top: 90px;}
.location .map_con ul{line-height: 60px;}
.location .map_con ul > li {position: relative; padding: 0 0 0 70px;}
.location .map_con ul > li i {position: absolute; display: inline-block; top: 12px; left: 0;}
.location .map_con ul > .dub {float: left; margin-right: 90px;}

.location .gray_box {margin-bottom: 1.875rem;}
.location .traffic_list {margin-bottom: 3.75rem;}
.location .traffic_list i.blue_bus{background: #386de8; border-color: #386de8; color : #fff;}
.location .traffic_list ul {width:100%;}
.location .traffic_list ul li {font-weight: 300;}
.location .traffic_list ul li + li{margin-top:.625rem;}
.location .traffic_list i{ width: 5rem; padding: 4px .625rem; margin-right:1.25rem; line-height: 1; min-width: unset; min-height: unset;}
.location .traffic_list i.line_4{background:#0052a4; border-color: #0052a4; color: #fff;}
.location .traffic_list i.line_7{background:#747f00; border-color: #747f00; color: #fff;}

.location .dot_list ul li:before{display: inline-block;  content: ""; width: 4px; height: 4px; background: #999; border-radius: 50%; vertical-align: middle; margin-right: 6px;}
.location .root_daum_roughmap .cont {display: none;}


/* 2_1 수강신청 및 등록안내 */
.regist_guide {margin-bottom: 7.5rem;}
.regist_guide .num_list li{display:flex;justify-content: start; align-items: start;}
.regist_guide .num_list li + li{margin-top:1.25rem;}
.regist_guide .num_list li .num { display: inline-flex; justify-content: center; align-items: center; width: 2rem; height: 2rem; font-weight: 600; font-size: .875rem; color: #fff; background: #008CD7; border-radius: 50%; margin-right:.625rem;}
.regist_guide .num_list li > div,
.regist_guide .num_list li > b{display:block; width:calc(100% - 2rem - .625rem); margin-top: .3125rem;}
.regist_guide .dot-list .w80 {display:inline-block; width:5rem; color:#000;}
.regist_guide .flex_box > .circle {position: relative; width: 16.75rem;  height: 16.75rem; gap: 1.875rem; background: #f7f7f7; border: 1px #ddd solid; border-radius: 50%;}
.regist_guide .flex_box > .circle:nth-child(3) {background: #4188E4; border: 0px #ddd solid; color:#fff;}
.regist_guide .flex_box > .circle:nth-child(5) {background: #2247BC; border: 0px #ddd solid; color:#fff;}
.regist_guide .flex_box > .circle:last-child{background: #63C4E9; border: 0px #ddd solid; color:#fff;}
.regist_guide .flex_box > .circle i {width: 4.5rem; height: 3.875rem;}
.regist_guide .flex_box i.arrow {position: relative; display: block; width: 1.25rem; height: 1.25rem; transform: rotate(45deg); margin-left: calc(-1.25rem / 2);}
.regist_guide .flex_box i.arrow:after {content: ''; display: block; width: 100%; height: 100%; border-top: 3px #ccc solid; border-right: 3px #ccc solid; position: absolute; top: 0; left: 0;}

/* 1_5 규정 */
.rule {margin-bottom: 7.5rem;}
.rule .dot-list b.w140,
.cautions .dot-list b.w140{display: inline-block; width: 8.75rem; color: #000;}


/*2_2 특전 및 유의사항 */
.cautions_wrap .table_line tbody td:first-child { border: 1px solid #DDD;}
.cautions {}

/*2_4 수강신청_드론 */
.regist_drone {}


/*3_1 2025년 상설강좌(드론) */
.course_drone_wrap .table_line tbody td:first-child { border-left: 1px solid #ddd;}
.course_drone {}

/*3_2 2025년 겨울학기 */
.course_winter {}

/*3_3 2025년 한라대 골프아카데미 */
.course_golf {}




.con_wrap .list_box {padding: 30px; border: 1px #dfdfdf solid; border-radius: 10px;}
.con_wrap .list_box li {display: inline-block; width: calc(20% - 30px); padding-left: 20px; margin: 8px 0; position: relative;}
.con_wrap .list_box li:after{content: ''; display: block; width: 5px; height: 5px; background: #01a9e4; border-radius: 50%; position: absolute; top: 12px; left: 0;}


.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; text-align:center;}




.edu_01_bg {position: relative;  padding-top: 30px; margin-bottom: 120px;/*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:1920px; height:100%; background:#f7f7f7; position: absolute; left: -312px; 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%;}

.edu02 .edu_con02_wrap { min-height: 118px; width: calc(50% - 72px); float: left; padding: 30px; margin-bottom: 20px;}
.edu02 .edu_con02_wrap:nth-child(odd) { margin-right: 20px;}
.edu02 .edu_con02_wrap:hover {background:#3b319a;transition: all 0.3s ease-in-out;}
.edu02 .edu_con02_wrap:hover .con_tit b{ color:#fff;transition: all 0.3s ease-in-out;}
.edu02 .edu_con02_wrap:hover .con_tit p { color:#fff; opacity:.85; transition: all 0.3s ease-in-out;}
.edu02 .edu_con02_wrap i {top: calc((98px - 50px )/2);}


.edu_con01 { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.edu_con01 .item { width: 19%; text-align: center;}
.edu_con01 .line { width: 1px; height: 200px; background: #ccc; }
.edu_con01 .item .tit { font-size: 24px; font-weight: 500; line-height: 32px; margin-top: 15px; }
.edu_con01 .item .tit .eng_tit { font-size: 18px; color:#00aee6; }
.edu_con01 .item .script { width: 90%; margin: 10px auto 0 auto; }



.edu_con05 { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.edu_con05 .item { width: 23%; border: 1px solid #ccc; border-radius: 10px; overflow: hidden }


.edu_con06 { width: 100%; display: flex; flex-wrap: wrap; }
.edu_con06 .item { width: 20%; display: flex; flex-wrap: warp; flex-direction: column; }
.edu_con06 .item:nth-child(2n) { flex-direction: column-reverse; margin-bottom: -5px; }
.edu_con06 .item .item_img { width: 170px; margin: 0 auto; border-radius: 20px; }
.edu_con06 .item .item_img img { border-radius: 20px; }

.edu_con06 .item:nth-child(1) .item_img  {border: 1px solid #4472c4;}
.edu_con06 .item:nth-child(2) .item_img  {border: 1px solid #ed7d31;}
.edu_con06 .item:nth-child(3) .item_img  {border: 1px solid #a5a5a5;}
.edu_con06 .item:nth-child(4) .item_img  {border: 1px solid #ffc000;}
.edu_con06 .item:nth-child(5) .item_img  {border: 1px solid #5b9bd5;}

.edu_con06 .item .line {width: 100%; height: 20px; margin: 20px 0; position:relative;}
.edu_con06 .item .line::after { content:""; position: absolute; top: -21px; left: 50%; width: 1px; height: 25px;}
.edu_con06 .item:nth-child(1) .line::after { background: #4472c4; }
.edu_con06 .item:nth-child(2) .line::after { top: 16px; background: #ed7d31; }
.edu_con06 .item:nth-child(3) .line::after { background: #a5a5a5; }
.edu_con06 .item:nth-child(4) .line::after { top: 16px; background: #ffc000; }
.edu_con06 .item:nth-child(5) .line::after { background: #5b9bd5; }



.edu_con06 .item:nth-child(1) .line { background: #4472c4; }
.edu_con06 .item:nth-child(2) .line { background: #ed7d31; }
.edu_con06 .item:nth-child(3) .line { background: #a5a5a5; }
.edu_con06 .item:nth-child(4) .line { background: #ffc000; }
.edu_con06 .item:nth-child(5) .line { background: #5b9bd5; }
.edu_con06 .item .item_text { width: 70%; margin: 0 auto; text-align: center; }

.edu_con06 .item .grade { font-size: 16px; font-weight: 700; color: #00aee6; }
.edu_con06 .item .script { font-size: 16px; font-weight: 300; line-height: 25px; margin-top: 7px;}


.edu_con03{display: flow-root;}
.edu_con03_wrap{width: 33.333%; float: left; padding: 30px 0; position: relative;}
.edu_con03_wrap:nth-child(1)::after, .edu_con03_wrap:nth-child(2)::after, .edu_con03_wrap:nth-child(4)::after
{ content: ""; position: absolute; top: 35px; right: 20px; width: 80px; height: 50px; background: url(../img/edu/arrow.png) no-repeat 50% 50%;  }
.edu_con03 .num {position: absolute; font-size: 60px; font-weight: 900; opacity: 80%; letter-spacing: -0.2rem; padding-top: 10px; color: #e0e0e0;}
.edu_con03 .con_tit {padding-left:90px; color: #000;}
.edu_con03 .con_tit b {font-size:25px; color:#3b319a; margin-right:10px; font-weight: 500;}

.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: 40px;}
.edu_club li div p:before {content: ''; display: block; position: absolute; width: 5px; height: 5px; background: #ccc; left: 20px; 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 img {vertical-align:middle; margin-top: -4px;}
.sub_con {min-height:100px; max-width: 1400px; margin: 0 auto; font-size:16px; font-weight:400; word-break: keep-all; padding-bottom: 7.5rem;}
.sub_con img {max-width: 100%;}

.s_tit_01 {font-size:30px; position: relative; color: #333333; line-height: 140%; padding:0px 0px 50px 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 50px 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;}

.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(../fnc_images/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: 50px; font-weight: 300;}
.dep_txt.copy { font-size: 24px; line-height: 33px;}
.dep_txt.copy b {font-weight: 500;}
.con_wrap p {font-weight: 300;}

.about_media li {margin-bottom: 30px; padding-left: 30px;}
.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: #3b319a; position: absolute; top: 11px;left: -30px;}

/* .history li {padding-left: 320px; margin-bottom: 30px; position: relative; min-height: 180px;}
.history li b {font-size: 24px; font-weight: 900; font-family: NanumSquare; color: #3b319a;}
.history li img {position: absolute; left: 0;}
.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;}
 */

.con_wrap.depart .left,
.con_wrap.depart .right {width:100%; display:block;}

.con_wrap.depart .right {margin-top: 60px;}

.con_wrap.depart .title_blue{background: #2a246d; color: #fff; padding: 15px 40px; border-radius: 40px; font-size: 20px; margin-left: 30px;}
.con_wrap.depart  .border-box {border: 1px #dfdfdf solid; padding: 50px 30px 30px; position: inherit; margin-top: -15px;}
.con_wrap.depart  .border-box li{position: relative; padding-left: 20px}
.con_wrap.depart  .border-box li:after {content: ''; display: block; position: absolute; width: 5px; height: 5px; background: #ccc; border-radius: 50%; top: 11px; left: 0px;}
.con_wrap.depart  .border-box li + li {margin-top:20px;}
.con_wrap.depart  .border-box li p{position: relative; padding-left: 20px}
.con_wrap.depart  .border-box li p:after {content: ''; display: block; position: absolute; width: 5px; height: 1px; background: #000; top: 14px; left: 5px;}

.quick_menu li {display: inline-block; position: relative; width: calc((100% - 48px)/3); padding: 20px 0; padding-left:70px; box-sizing: border-box;}
.quick_menu li + li {margin-left:20px;}
.quick_menu li:before {display: block; content: ""; width:14px; height: 14px; position: absolute; right: 50px; top:calc(50% - 7px); border-top: #000 1px solid; border-right: #000 1px solid; transform: rotate(45deg);}
.quick_menu i {position: absolute;top: calc(50% - 25px); left:0px;}
.quick_menu a {color:#000;}
.quick_menu .go-btn {display: block;}

.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(../fnc_images/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(../fnc_images/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(../fnc_images/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(../fnc_images/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(../fnc_images/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(../fnc_images/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(../fnc_images/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(../fnc_images/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-right: #ccc 1px solid;}
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:first-child {border-left: 1px #fff solid; text-align: center;}
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.txt-center { text-align: center;}
table.data tbody td ul.ul-list01 > li + li{ margin-top: .4rem;}
table.data thead tr.bgWhite th{ background-color: #fff;}

table.data.txt-center tbody td{ text-align: center;}

table.data td.td-copy p{background: #c7e8fa; padding: 30px; position: absolute; top: 80px;}


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: 0px; z-index: -1;}
table.data.no_line td img {display: block; margin:0 auto;}

table.data.no_line2 { table-layout: fixed; width: 100%; border-top: #ccc 0px solid;}
table.data.no_line2 td{position: relative; padding: 20px; border-top: #ccc 0px solid;border-bottom: #ccc 0px solid; border-left: #ccc 0px solid; text-align: center; font-size: 16px; vertical-align: top;}
table.data.no_line2 td:after {left: 0px; content: ''; display: block; width: 70px; height: 70px; background: #c7e8fa; position: absolute; top: 0px; z-index: -1;}
table.data.no_line2 td img {display: block; margin:0 auto;}
table.data.no_line2 td.td-copy:after{display:none;}

.img-wrap.one li{width: 100%; position: relative; padding: 20px; text-align: center; font-size: 16px; box-sizing: border-box; margin-right:20px; display: block;}
.img-wrap.one li:after {left: 0px; content: ''; display: block; width: 70px; height: 70px; background: #c7e8fa; position: absolute; top: 0px; z-index: -1;}
.img-wrap.one li img {display: block; margin:0 auto; background-size: cover;}


.img-wrap.three li{width: calc((100% - 40px)/3); position: relative; padding: 20px; text-align: center; font-size: 16px; float: left; box-sizing: border-box; margin-right:20px; display: inline-block;}
.img-wrap.three li:nth-child(3){margin-right:0px;}
.img-wrap.three li:last-child{float: none; margin-right: 0;}
.img-wrap.three li:after {left: 0px; content: ''; display: block; width: 70px; height: 70px; background: #c7e8fa; position: absolute; top: 0px; z-index: -1;}
.img-wrap.three li img {display: block; margin:0 auto;}

.faq-wr.interview { border-top: #000 2px solid;}
.faq-wr.interview dt{position: relative; padding: 30px 60px; font-size: 18px; border-bottom: #ccc 1px solid;}
.faq-wr.interview dt::after{ content: ''; display: block; width: 20px; height: 20px; border-top:#666 1px solid; border-right:#666 1px solid; position: absolute; top: 50%; right: 30px; margin-top: -10px; transform: rotate(135deg); -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out; transition:all 0.2s ease-in-out; }
.faq-wr.interview dt.active::after{ transform: rotate(-45deg); margin-top: -6px;}
.faq-wr.interview dt .sub_tit{font-size: 16px; font-weight: 300; color: #01a9e4; display: inline-block;margin-left: 20px;}

.faq-wr.interview dt a{ color: #333;}
.faq-wr.interview dd{ position: relative; padding: 30px 60px; background-color: #f7f7f7; border-bottom: #ccc 1px solid;}
.faq-wr.interview dd li p {font-size: 16px; font-weight: 300;}
.faq-wr.interview dd li {position: relative; padding-left: 20px;}
.faq-wr.interview dd li:before {content: ''; display: block; position: absolute; width: 5px; height: 5px; background: #b9b9b9; border-radius: 50%; top: 11px; left: 0;}
.faq-wr.interview dd li + li {margin-top:20px;}
dt.active i {color: #00baed;}

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




.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(../fnc_images/common/ico_map.gif) no-repeat left 5px;}
.num_list > li .ico > li:nth-child(2) {background: url(../fnc_images/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 {margin: -50px 0 0 0;}
.prof-list .itm {width: 50%; float: left; display: table; table-layout:fixed; margin: 50px 0 0 0;}
.prof-list .itm .thumb {width: 200px; display: table-cell; vertical-align: top;}
.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(../fnc_images/common/pro_more.png) 50% 50% no-repeat;}
.prof-list .itm .desc {padding: 25px 30px 0 54px; 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;}
.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;}
.prof-list .itm::after {content: ''; display: block; clear: both;}

.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(../fnc_images/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(../fnc_images/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;}


/* 서브페이지 */

/* 서브페이지 공통 */
.section{margin-top:70px;}
.section .sec_tit{font-size:30px; font-weight:600; position:relative; padding-left:15px;}
.section .sec_tit:before{content:''; position:absolute; bottom:8px; left:0; width:7px; height:7px; border-radius:50%; background:#01a9e4;}
.section .sec_con{margin-top:40px; }
.con_table_img{width:1200px; margin:0 auto; display:block; margin-top:60px;}
.con_poster_img{width:800px; margin:0 auto; display:block; margin-top:60px;}

/*hs_intro1*/
.hs_intro1 .section1{position:relative;margin-top:70px; margin-bottom:120px;}
.hs_intro1 .section1 .bg{background:url('../fnc_images/common/1-1_con_bg.png') center center no-repeat; background-size: cover; border-radius:70px 0 70px 0; width:100%; height:370px;}
.hs_intro1 .section1 .box{position:absolute;bottom:0px;width:1152px;height:114px;background:#fff;z-index:0; margin-left: 128px;}
.hs_intro1 .section1 p{position:absolute;top:92px;left:50%;transform:translateX(-50%);font-size:18px;color:#fff;font-weight:500;}
.hs_intro1 .section1 h1{position:absolute;top:120px;left:50%;transform:translateX(-50%);font-size:44px;color:#fff;font-weight:500;}
.hs_intro1 .section1 ul {position:relative;top:40px;padding-left:38px;}
.hs_intro1 .section1 ul li{position:relative;font-weight:400;margin: 5px 0; font-size:24px; text-align: center;}
.hs_intro1 .section2{margin-top:200px;overflow:hidden;}

/* introduction01 */
.introduction01 .sec01{border:2px solid #48639f; border-radius:100px; padding:35px 60px;; display:flex; align-items:center; }
.introduction01 .sec01 .sec01_deco{border-radius:50%; background:#f2f2f2 url(../fnc_images/common/2-3_con1.png) center center no-repeat; width:120px; height:120px;}
.introduction01 .sec01 .sec01_con{margin-left:30px; display:flex; flex-flow:column; justify-content:center; flex:1;}
.introduction01 .sec01 .sec01_con .int01_sec_tit{color:#48639f; font-size:28px; font-weight:bold;}
.introduction01 .sec01 .sec01_con .sec_con{margin-top:10px; font-weight:400;}

#inner_wrap > .sec02{background:#f8f8f8; position:relative; padding:60px 0 150px;}
#inner_wrap > .sec02:before{content:''; position:absolute; left:-160px; bottom:-160px; background:url(../fnc_images/common/1-1_con_bg1.png)center center no-repeat; width:540px; height:393px;}
#inner_wrap > .sec02:after{content:''; position:absolute; right:50px; top:0; background:url(../fnc_images/common/1-1_con_bg2.png)center center no-repeat; width:124px; height:178px;}

#inner_wrap > .sec02 .int01_sec_tit{ font-size:30px; font-weight:bold; text-align: center;}
#inner_wrap > .sec02 .int01_sec_tit .eng_tit{ text-align: center; color:#48639f; font-size:16px; white-space:nowrap;}

#inner_wrap > .sec02 .sub_con{display:flex; flex-direction: column; padding: 40px 0 60px;}
#inner_wrap > .sec02 .sub_con .sec_con{display:flex; margin-top:0;}
#inner_wrap > .sec02 .sub_con .sec_con .con_tit{font-weight:600; font-size:20px; background-position:center left; background-repeat:no-repeat;}
#inner_wrap > .sec02 .sub_con .sec_con .con_text{margin-top:20px;}
#inner_wrap > .sec02.new .sec_con{ display:block; }
#inner_wrap > .sec02 .sub_con .sec_con.new > div+div { margin-left: 0;}

/* RISE 단위과제 섹션 스타일 */
#inner_wrap .section.sec02 {
    padding: 60px 0;
    background: #f8f9fa;
}

#inner_wrap .section.sec02 .sub_con {
    max-width: 1400px;
    margin: 0 auto 80px;
    padding: 0 20px;
}

#inner_wrap .section.sec02 .sub_con:last-child {
    margin-bottom: 0;
}

#inner_wrap .int01_sec_tit {
    text-align: center;
    margin-bottom: 48px;
    color: #2c3e50;
}

#inner_wrap .int01_sec_tit .eng_tit {
    font-size: 18px;
    color: #7f8c8d;
    letter-spacing: 1px;
}

#inner_wrap .int01_sec_tit {
    font-size: 42px;
    font-weight: 700;
}

/* 카드 그리드 레이아웃 */
.sec02 .sec_con {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 40px;
}

/* 개별 카드 스타일 */
.sec02 .sec_con > div {
	flex: 1;
    background: #fff;
    border-radius: 16px;
    padding: 32px 24px 48px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    border: 1px solid #e9ecef;
}

/* 아이콘 스타일 */
.sec02 .sec_con > div::before {
    content: '';
    display: block;
    width: 60px;
    height: 60px;
    border: 2px solid #667eea;
    border-radius: 50%;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 32px 32px;
    transition: all 0.3s ease;
}

.sec02 .sec_con > div:hover::before {
    transform: scale(1.1);
}

/* 각 카드별 아이콘 */
.sec02 .sec_con .con1::before {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%23667eea' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 10v6M2 10l10-5 10 5-10 5z'/%3E%3Cpath d='M6 12v5c3 3 9 3 12 0v-5'/%3E%3C/svg%3E");
    border-color: #667eea;
}

.sec02 .sec_con .con2::before {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%23f5576c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='7' width='20' height='14' rx='2' ry='2'/%3E%3Cpath d='M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16'/%3E%3C/svg%3E");
    border-color: #f5576c;
}

.sec02 .sec_con .con3::before {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%2300b8d4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4'/%3E%3Cpath d='M12 8h.01'/%3E%3Cpath d='m8 12 1.5-1.5L12 13l2.5-2.5L16 12'/%3E%3C/svg%3E");
    border-color: #00b8d4;
}

.sec02 .sec_con .con4::before {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%2300c853' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 19.5A2.5 2.5 0 0 1 6.5 17H20'/%3E%3Cpath d='M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z'/%3E%3Cline x1='10' y1='8' x2='16' y2='8'/%3E%3Cline x1='10' y1='12' x2='16' y2='12'/%3E%3Cline x1='10' y1='16' x2='14' y2='16'/%3E%3C/svg%3E");
    border-color: #00c853;
}

.sec02 .sec_con .con5::before {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%23ff6f00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20'/%3E%3Cpath d='M2 12h20'/%3E%3C/svg%3E");
    border-color: #ff6f00;
}

.sec02 .sec_con.new > div::before { display:none; }

/* 카드 제목 */
.sec02 .sec_con .con_tit {
    font-size: 20px;
    font-weight: 500 !important;
    color: #2c3e50;
    text-align: center;
    margin-bottom: 20px;
    line-height: 1.4;
    min-height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sec02 .sec_con .con_tit strong {
	font-weight: bold;
	text-decoration: underline;
}

.sec02 .sec_con .con1 .con_tit strong {
	color:#667eea;
}
.sec02 .sec_con .con2 .con_tit strong {
	color:#f5576c;
}
.sec02 .sec_con .con3 .con_tit strong {
	color:#00b8d4;
}
.sec02 .sec_con .con4 .con_tit strong {
	color:#00c853;
}
.sec02 .sec_con .con5 .con_tit strong {
	color:#ff6f00;
}

/* 카드 내용 */
.sec02 .sec_con .con_text {
    border-top: 1px solid #e0e0e0;
    padding-top: 20px;
}

.sec02 .sec_con.new .con_text {
    /* new 클래스가 있을 때만 적용 */
}

/* tt 블록 스타일 */
.sec02 .sec_con .tt {
    margin-bottom: 20px;
}

.sec02 .sec_con .tt:last-child {
    margin-bottom: 0;
}

.sec02 .sec_con .tt strong {
    font-size: 12px;
    font-weight: 600;
    color: #667eea;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 10px;
    display: inline-block;
    background: #f0f4ff;
    padding: 4px 12px;
    border-radius: 12px;
}

/* 각 카드별 라벨 색상 */
.sec02 .sec_con .con1 .tt strong {
    color: #667eea;
    background: #f0f4ff;
}

.sec02 .sec_con .con2 .tt strong {
    color: #f5576c;
    background: #fff0f3;
}

.sec02 .sec_con .con3 .tt strong {
    color: #00b8d4;
    background: #e0f7fa;
}

.sec02 .sec_con .con4 .tt strong {
    color: #00c853;
    background: #e8f5e9;
}

.sec02 .sec_con .con5 .tt strong {
    color: #ff6f00;
    background: #fff3e0;
}

.sec02 .sec_con .tt p {
    font-size: 14px;
    color: #555;
    line-height: 1.8;
    padding-left: 4px;
    position: relative;
    margin-bottom: 8px;
}

.sec02 .sec_con .tt p:last-child {
    margin-bottom: 0;
}


/* 각 카드별 번호 색상 */
.sec02 .sec_con .con1 .tt p::before {
    color: #667eea;
}

.sec02 .sec_con .con2 .tt p::before {
    color: #f5576c;
}

.sec02 .sec_con .con3 .tt p::before {
    color: #00b8d4;
}

.sec02 .sec_con .con4 .tt p::before {
    color: #00c853;
}

.sec02 .sec_con .con5 .tt p::before {
    color: #ff6f00;
}

/* 반응형 */
@media (max-width: 1280px) {
    .sec02 .sec_con {
		gap: 24px;
        grid-template-columns: 1fr;
        margin: 0 auto;
    }

    .sec02 .sec_con .con_tit {
        font-size: 22px;
    }
	
	.sec02 .sec_con .con_text {
		text-align: center;
	}
    .sec02 .sec_con .tt p {
        font-size: 15px;
    }
}

@media (min-width: 1281px) and (max-width: 1400px) {
    .sec02 .sec_con > div {
        padding: 24px 18px;
    }

    .sec02 .sec_con .con_tit {
        font-size: 18px;
    }

    .sec02 .sec_con .tt p {
        font-size: 13px;
    }
}

/* introduction02 */
.introduction02 {display:flex; flex-flow:column nowrap;}
.introduction02 .member_box{display:flex; justify-content:space-around;}
.introduction02 .member{background:#f8f8f8; margin-left:30px; flex:1; padding:35px;}
.introduction02 .member:first-child{margin:0;}
.introduction02 .member_bottom{margin-top:30px;}#inner_wrap > .sec02 .sub_con .sec_con.new .con_text strong .introduction02 .member .name{font-size:21px; font-weight:900; padding-bottom:20px; border-bottom:1px solid #ccc;}
.introduction02 .member .name span{font-size:14px; color:#01a9e4; margin-left:10px;}

.introduction02 .member .work{display:flex; margin-top:20px;}
.introduction02 .member .work p{ font-weight:600;}
.introduction02 .member .work ul{margin-left:20px;}
.introduction02 .member .work ul li{color:#666;}

/* introduction03 */
.introduction03 > ul{display:grid; grid-template-columns: repeat(2,1fr); grid-template-rows:1fr; gap:30px;}
.introduction03 > ul > li{border:1px solid #ccc; border-radius:5px; padding:45px 50px 40px 50px; transition:all .3s;}
.introduction03 ul li .name{font-size:21px; font-weight:600; text-align: center; background:#62bbe9; border:1px solid #62bbe9; border-radius:100px; padding:10px 20px; width:200px; color:#fff;}
.introduction03 > ul > li .name:before{position:relative;display:block;content:'';top:68px;right:20px;width:582px;height:1px; background:#cccccc;}
.introduction03 ul li .info{display:flex; justify-content:space-between; margin-top:48px;}
.introduction03 ul li .info ul li{display:flex; margin-bottom:5px;}
.introduction03 ul li .info ul li:list-child{margin-bottom:0;}
.introduction03 ul li .info_tit{font-weight:600; margin-right:20px;}
.introduction03 ul li .info_con{color:#666;}
/*.introduction03 ul li .info_btn a{width:52px; height:52px; border-radius:50%; background:url('../fnc_images/common/info_btn.png') center center no-repeat; background-size:100%; transition:all .3s;} */
.introduction03 > ul > li:hover{border: #01a9e4 1px solid; box-shadow: 0px 5px 15px rgba(0,0,0,.1);}
.introduction03 > ul > li:hover .name{color:#fff;}
/* .introduction03 > ul > li:hover .info_btn a{background:url('../fnc_images/common/info_btn_hover.png') center center no-repeat;} */

/* summary01 */
.summary01 .sec1{padding-bottom:55px; border-bottom:1px solid #ccc;}
.summary01 .sec1 .bg{background:url('../fnc_images/common/2-1_con_bg.png') center center no-repeat; background-size:cover; border-radius:70px 0 70px 0; width:100%; height:370px;}
.summary01 .sec1 .con_box{margin-top:60px;}
.summary01 .sec1 .con_box h2{font-size:40px; font-weight:400;}
.summary01 .sec1 .con_box h2 span{font-weight:600; background: linear-gradient(to top, #d9f2fb 50%, transparent 50%);}
.summary01 .sec1 .con_box p{margin-top:40px; color:#666;}

/* summary03 */
.summary03 .sec1 .sec_con{background:#f6f6f6; display:flex; align-items:center; padding:25px 40px;}
.summary03 .sec1 .sec_con .deco{width:70px; height:70px; background:#fff; border-radius:50%; position:relative; display:flex; align-items:center; justify-content:center;}
.summary03 .sec1 .sec_con .deco:before{content:''; position:absolute; width:15px; height:15px; border-radius:50%; background:#e1e1e1; top:25%; left:30%; z-index:0;}
.summary03 .sec1 .sec_con .deco img{position:reltive; z-index:1;}
.summary03 .sec1 .sec_con .text{font-weight:400; margin-left:25px; flex:1;}
.summary03 .sec1 .sec_con .text span{font-weight:600;}

/*performance01*/

.performance01 .tab_btn ul{display: grid; grid-template-columns: repeat(9,1fr); gap:10px; margin-bottom:40px;}
.performance01 .tab_btn li a {height:45px; line-height:45px; background: #f5f5f5; color:#999; border-radius:10px; text-align: center; font-size: 14px;}
.performance01 .tab_btn li.active a{background: #433b93; color:#fff;}
.tap_container > ul > li{display: none;}
.tap_container > ul > li.active{display: block;}

embed .drive-viewer { background: #fff !important; margin: 0 auto !important; }

/* performance02 */
.performance02 .tab_btn ul{ display:flex; justify-content:space-between;}
.performance02 .tab_btn ul li{flex:1; height:60px; margin-left:20px;}
.performance02 .tab_btn ul li:first-child{margin:0;}
.performance02 .tab_btn ul li a{width:100%; height:100%; border-radius:10px; background: #f5f5f5; color:#999; display:flex; align-items:center; justify-content:center; transition:all .3s;}
.performance02 .tab_btn ul li.active a{background:#433b93; color:#fff; font-weight:bold;}
.performance02 .tab_con ul li .sec_tit b{font-weight:600; color:#01a9e4;}

.img-contents-section p { text-align:center; }
.img-contents-section img { max-width:80%; }

/* 아코디언 스타일 */
        .accordion {
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
            overflow: hidden;
        }

        .accordion-item {
            border-bottom: 1px solid #e0e0e0;
        }

        .accordion-item:last-child {
            border-bottom: none;
        }

        /* 체크박스 숨기기 */
        .accordion-input {
            position: absolute;
            opacity: 0;
            width: 0;
            height: 0;
        }

        /* 아코디언 헤더 */
        .accordion-header {
            display: block;
            padding: 20px 24px;
            cursor: pointer;
            user-select: none;
            transition: background-color 0.3s ease;
            position: relative;
            font-weight: 600;
            font-size: 18px;
            color: #2c3e50;
			letter-spacing: -0.02rem;
        }

        .accordion-header:hover {
            background-color: #f8f9fa;
        }

        .accordion-header:focus {
            outline: 2px solid #4CAF50;
            outline-offset: -2px;
        }

        /* 아이콘 */
        .accordion-header::after {
            content: '';
            position: absolute;
            right: 24px;
            top: 50%;
            transform: translateY(-50%) rotate(314deg);
            width: 8px;
            height: 8px;
            border-right: 2px solid #ddd;
            border-bottom: 2px solid #ddd;
            transition: transform 0.3s ease;
        }

        /* 체크박스 체크 시 아이콘 회전 */
        .accordion-input:checked + .accordion-header::after {
            transform: translateY(-50%) rotate(-135deg);
			border-color:#396BDA;
        }

        /* 활성화 시 헤더 스타일 */
        .accordion-input:checked + .accordion-header {
            background-color: #f0f7ff;
            color: #1976d2;
        }

        /* 아코디언 본문 */
        .accordion-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.4s ease, padding 0.4s ease;
            background-color: #fff;
        }

        .accordion-content-inner {
            padding: 0 24px;
            opacity: 0;
            transform: translateY(-10px);
            transition: opacity 0.3s ease, transform 0.3s ease;
        }
		
		.accordion-content-inner img{
			max-width: 80%;
		}
        /* 체크박스 체크 시 본문 펼치기 */
        .accordion-input:checked ~ .accordion-content {
            max-height: 1500px;
            padding: 40px 0;
        }

        .accordion-input:checked ~ .accordion-content .accordion-content-inner {
            opacity: 1;
            transform: translateY(0);
        }

        /* 본문 텍스트 스타일 */
        .accordion-content p {
            margin-bottom: 12px;
            color: #555;
            line-height: 1.8;
			text-align: center;
        }

        .accordion-content p:last-child {
            margin-bottom: 0;
        }

        /* 작은 화면 대응 */
        @media (max-width: 768px) {
            .accordion-header {
                padding: 16px 20px;
                font-size: 15px;
            }

            .accordion-header::after {
                right: 20px;
            }

            .accordion-content-inner {
                padding: 0 20px;
            }
        }

        /* 대체 스타일 (컬러 테마) */
        .accordion.theme-green .accordion-input:checked + .accordion-header {
            background-color: #e8f5e9;
            color: #2e7d32;
        }

/* 서브페이지 끝 */




/* 레이어팝 */
#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(../fnc_images/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(../fnc_images/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(../fnc_images/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(../fnc_images/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(../fnc_images/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(../fnc_images/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(../fnc_images/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(../fnc_images/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(../fnc_images/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(../fnc_images/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(../fnc_images/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(../fnc_images/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(../fnc_images/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(../fnc_images/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(../fnc_images/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: 200px; 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; text-indent: -40px; padding-left: 30px;}
.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; width: 150px;}
.prof-dc > li + li{ margin-top: .5rem;}

h4.h4-tit{ position: relative; margin: 80px 0 20px; font-size: 25px; color: #262525; font-weight: 600;}
.h4-tit.dot{ position: relative;}
.h4-tit.dot::before{ content: ''; display: block; position: absolute; top: calc(50% - 0.25rem); left: -1.25rem; width: .5rem; height: .5rem; border-radius:50%; background-color: #6cc2fd;}
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: #01a9e4;}
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;}

/* 정책 */
.policy{}
.policy ul li{margin-bottom:30px;}
.policy ul li:last-child{margin:0;}
.policy ul li h4{margin-bottom:10px; display:flex; align-items:center;}
.policy ul li h4::before{content: "";display: block;background-color: #008ed0; min-width: 5px;height: 5px;border-radius: 50%;margin-right: 7px;}
.policy ul li p{line-height:24px;}
.policy .small_p {color: #666666; font-size: 16px; font-weight: 300; line-height: 22px; padding-right: 5px; word-break: break-all !important;}


/*마이페이지 */
.modify {padding-bottom: 3.75rem;}


/* ------------------------------------------------------------
 * 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(../fnc_images/common/ico_file.png)no-repeat left center;}
.down_file:first-child {margin-left:0px;}

.write {width: 120px; height: 40px; line-height: 33px;  background: #312b6c; color: #fff;  text-align: center; 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%}

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

@media screen and (max-width: 1780px) {
	.w_gnb .gnb > ul > li {padding: 0 60px;}
}



@media screen and (max-width: 1700px) {
	.w_gnb {margin-left:370px;}
	.w_gnb .gnb > ul > li { padding: 0px 55px;}
}

@media screen and (max-width: 1480px) {
	
	#header .header_menu ul {display: none;}
}

@media screen and (max-width: 1440px) {
	.in_header > h1 img {height: 42px; object-fit: contain;}
	.w_gnb {margin-left: 300px;}
	.w_gnb .gnb > ul > li{padding:0 50px;}
	.w_gnb .sub_menu > li {height:60px;}
	.w_gnb .sub_menu > li a {height:100%;box-sizing:border-box; display:flex; align-items:center; justify-content:center;}
}

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

	.wrap, #footer, .sub_visual .sub_txt, .sub_con{width:95% !important; margin: 0 auto;}
	#footer .addressW {padding:60px 0 0; background: url(../fnc_images/common/han_f_logo.png) no-repeat center top;}

	.edu_con03_wrap::after { display: none; }c

	.main_con2 li + li{margin-left:30px;}

/* introduction02 */
	.introduction02 .member{padding:30px;}

	.performance01 .tab_btn ul{grid-template-columns: repeat(6,1fr);}
	
	/* 오시는 길 */
	.root_daum_roughmap_landing {width: 100% !important;}
}



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


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


}

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

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


	
	.w_gnb .gnb > ul > li{padding:0 35px;}
	.main_con3 .main_board .notice ul li.list b{margin-right:30px;}

	/* introduction02 */
	.introduction02{display:grid; grid-template-columns: 1fr 1fr; }
	.introduction02 .member_box{display:block;}
	.introduction02 .member{margin:0 0 30px !important;}
	.introduction02 .member:last-child{margin:0 !important;}
	.introduction02 .member_bottom{margin:0 0 0 30px; display: flex; flex-flow: column;}


	/* summary01 */
	.summary01 .sec1 .bg{height:300px;}
	.summary01 .sec1 .con_box h2 br{display:none;}

	.hs_intro1 .section1 .bg{height:300px;}
	.hs_intro1 .section1 .box{background:none; width:100%}

	/* 포토갤러리 */
	.photo #user_board_photo ul li {width: calc((0100% / 4) - 2%);}

}

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


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

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

	.edu02 .edu_con02_wrap {min-height: 98px; width: revert; float: none;}
	.edu02 .edu_con02_wrap:nth-child(odd) {margin-right: 0px;}

	table.data td.td-copy p {top: 20px;}

	.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;}
	#inner_wrap > .sec02:after{right:-13px;}
	#inner_wrap > .sec02:before{background:none;}
	#inner_wrap > .sec02{padding:60px 0px 65px;}

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

	.hs_intro1 .section1{margin-bottom:185px}
	.hs_intro1 .section1 h1{font-size:35px; top:92px;}
	.hs_intro1 .section1 p{font-size:16px; top:70px;}
	.hs_intro1 .section1 ul{padding:0; top:150px;}
	.hs_intro1 .section1 ul li{font-size:16px; text-align:left; margin:0; width:100%;}
	
	
	/* 수강신청 폼 */
	.regist_guide_wrap #md_contents .rowtable td.target01 > span {width: 210px; display: inline-block;}
	/* .regist_guide_wrap #md_contents .rowtable td.target01 {display : flex; flex-wrap: wrap;} */
}

@media screen and (max-width:1200px){
	.main_con2 li{padding:0 5px;}
	.main_con2 li p{font-size:14px;}
	.main_content #main-visual .main-vis-slide .swiper-slide .visual_box h2{font-size:45px;}
	.main_content #main-visual .main-vis-slide .swiper-slide .visual_box p{font-size:22px;}

	.main_con3 .info ul{flex-flow:column; height:calc(100% - 75px); justify-content:space-between;}
	.main_con3 .info ul li{width:100%; height:calc(50% - 10px);}
	.main_con3 .info ul li + li{margin:0;}
	.main_con3 .info ul li p.img_wrap{width:100px; height:100%;}
	.main_con3 .info ul li a{display:flex; padding:20px; box-sizing:border-box; height:100%;}
	.main_con3 .info ul li p{margin:0;}
	.main_con3 .info ul li b{margin:0;}
	.main_con3 .info ul li .date{margin:0;}
	.main_con3 .info ul li .info_box{width: calc(100% - 130px); padding-left:15px; box-sizing:border-box; display:flex; flex-flow: column nowrap; justify-content:space-between;}

	#lnb_wrap .lnb{right:auto; left:50%; transform:translateX(-50%); width:100vw; height:52px;}
	#lnb_wrap .lnb:after{display:none;}
	.lnbs2 ul li > a{line-height:52px;}
	.sub_wrap_3 .lnbs2 ul li a.sky {height: 52px;}

	/* introduction01 */
	.introduction03 > ul > li .name:before{width:300px;}
	
	
}

@media screen and (max-width:1150px) {
	.w_gnb {display:none;}
	.header_menu_bg {display:none;}
	#gnb_bar {display:none !important;}
	
	
	/* 수강신청 및 등록안내 */
	.regist_guide .flex_box > .circle {width: 12rem; height: 12rem; gap: 1rem;}
	.regist_guide .flex_box > .circle i {width: 3.25rem; height: 2.45rem;}
	.regist_guide .flex_box > .circle p {text-align: center;}
}

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

	.main_con2 .list_bottom { margin-top: 30px; }
    .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;}

	.main_con2 ul{display:grid; grid-template-columns:repeat(2,1fr); gap:30px;}
	.main_con2 li{flex-flow:row; height:160px; justify-content:normal; padding:20px;}
	.main_con2 li + li{margin:0;}
	.main_con2 li p{font-size:16px; text-align:left; margin-top:5px;}
	.main_con2 li a{margin:0;}
	.main_con2 li b{margin:0; text-align:left;}
	.main_con2 li .con_text{width:inherit; flex-flow:row; justify-content:space-between;}
	.main_con2 li .con_text_box{margin-left:10px;}

	
    .main_con1 .menu_thr a p.img_warp{height:220px; background-size:80% !important;}

	.main_content #main-visual .main-vis-slide .swiper-slide .visual_box h2{font-size:35px;}
	.main_content #main-visual .main-vis-slide .swiper-slide .visual_box p{font-size:20px;}
	.main_content #main-visual .swiper-button-prev{left:50px;}
	.main_content #main-visual .swiper-button-next{right:50px;}

	.main_con3 .main_board{flex-flow:column;}
	.main_con3 .main_board .notice, .main_con3 .main_board .info{width:100%; margin: 16px 0;}
	.main_con3 .info{margin:70px 0 0;}
	.main_con3 .info ul{height:366px;}
	.main_con3 .info ul li p.img_wrap{width:230px;}
	.main_con3 .info ul li .info_box{width:calc(100% - 230px);}

	#footer .addressW{flex-flow:column;}
	#footer .addressW .footer_right{margin-top:10px; flex-flow: row wrap; justify-content: center; align-items: center; width: 100%; gap: 90px;}
	#footer .addressW .footer_right .f_link ul {flex-direction: row; gap: 30px;}
	#footer .addressW .footer_right .f_sns {margin-top: 0;}
	#footer .addressW .footer_right .f_sns ul{justify-content:center;}
	#footer .addressW a {text-align: center;}

/* introduction02 */
	.introduction02 .member{padding:18px;}
	.introduction02 .member .name{padding-bottom:13px;}
	
	/* 포토갤러리 */
	.photo #user_board_photo ul li {width: calc((0100% / 3) - 2%);}
}


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

    #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 {width:100%; margin: 60px 0 30px; padding-left: 310px;}
	.banner.right{margin-left:0; margin-top: 0;}

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

	#footer .addressW address span:first-child {display: block;}

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

    .inner {padding: 0px 10px;}



    .sub_visual {height: 240px;}

    .title_bar:before {display: none;}

    .con_wrap .list_box li {width: calc(33.333% - 30px);}


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

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

	.img-wrap.three li {width: calc((100% - 40px)/2);}
    .img-wrap.three li:nth-child(3) {margin-right: 20px;}
    .img-wrap.three li:nth-child(4) {margin-right: 0px;}

	.edu_con06 .item .item_img { width: 140px; }
	.edu_con06 .item:nth-child(2n) {margin-bottom: -6px; }
	.edu_con06 .item .script { font-size: 12px; line-height: 18px; }

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

	/* introduction02 */
	.introduction02 .member_bottom{margin:0 0 0 15px;}
	.introduction02 .member .name{padding-bottom:13px;}
	.introduction02 .member{margin:0 0 13px !important;}
	.introduction02 .member .work ul {margin-left:10px;}


	/* 오시는 길*/
	.location .map_tit {float: none; width: 100%; margin-bottom: 30px;}
	.location .map_con {margin-top: 0;}
	
	
	/* 상설강좌(드론) */
	.course_drone_wrap .table_line {overflow-x: auto;}
	.course_drone_wrap table.data2 {width: 1024px;}
	
	/* 2025년 겨울학기 */
	.course_winter_wrap .table_line {overflow-x: auto;}
	.course_winter_wrap table.data2 {width: 1200px;}
	.course_winter_wrap a.link_btn {font-size: 14px; line-height: 140%; font-weight: 500; padding: .7rem .7rem .7rem;}
	
	/* 2025년 한라대 골프아카데미 */
	.course_golf_wrap .table_line {overflow-x: auto;}
	.course_golf_wrap table.data2 {width: 1200px;}

}

@media screen and (max-width:880px) {
	.main_con2 ul{grid-template-columns:repeat(1,1fr);}
	.main_con2 li .con_text{box-sizing:border-box; padding-left:30px;}
	.main_con2 li .con1_deco{width:95px;}
	.main_con2 li{padding:80px;}

	#lnb_wrap{width:100%; left:0; }

	/* introduction01 */
	#inner_wrap > .sec02 .sub_con{flex-flow:column;}
	#inner_wrap > .sec02 .sub_con .sec_con{ flex-flow:column; margin:30px 0 0;}
	#inner_wrap > .sec02 .sub_con .sec_con > div+div{margin:0;}

	/* introduction02 */
	.introduction02{display:flex;}
	.introduction02 .member_bottom{margin:13px 0 0;}


	/* introduction03 */
	.introduction03 > ul > li{padding:30px;}


	/* summary01 */
	.summary01 .sec1 .con_box h2{font-size:30px;}
	.summary01 .sec1 .bg{height:200px;}
	.summary01 .sec1 .con_box {margin-top:30px;}


	.performance01 .tab_btn ul{grid-template-columns: repeat(3,1fr);}

	/* performance02 */
	.performance02 .tab_btn ul li{height:45px;}

	.hs_intro1 .section1 .bg{height:200px;}
	.hs_intro1 .section1 .box{background:none; width:100%; margin:0;}
	.hs_intro1 .section1 h1{font-size:30px;}
	.hs_intro1 .section1 p{font-size:15px;}
	
		
	/* 1_2 비전 */
	.introduce .vision_box .tit { width: 7.5rem;}
	.introduce .vision_box .con_box { width: calc(100% - 8.75rem);}
	.introduce .vision_box .con_wrap { width: calc(100% - 8.75rem); }
	
	
	
	/* 강사소개 */
	.prointro table.data2,
	.prointro table thead,
	.prointro table tbody,
	.prointro table tr, .prointro table th, .prointro table td {display : block;}
	.prointro table thead {display: none;}
	.prointro table tr {
		margin-bottom: 20px; border: 1px solid #ddd;
		border-radius: 8px;
		overflow: hidden;
		box-shadow: 0 2px 5px rgba(0,0,0,0.05);
	}
	  
	.prointro table td	{
		text-align: left;
	    padding: 1.25rem !important;
		border-bottom: 1px solid #eee;
		position: relative;
		border-left : 0px  !important;
		/* padding-left: 35%; 라벨이 들어갈 공간 */
	}
	.prointro table td:last-child {
      border-bottom: none;
    }
	
	.prointro table td::before {
		content: attr(data-label); /* HTML의 data-label 속성 활용 */
		position: relative;
		width: 100%;
		font-weight: bold;
		color: #555;
		display: inline-block;
        padding: 10px 0;
        background: #f4f4f4;
        border-radius: 50px;
		margin-bottom: 1.25rem;
    }
	
/* 	.prointro table td:nth-child(3) {
      padding-left: 30px;
      padding-top: 30px;
    } */
	
	.prointro table td:nth-child(3)::before {
      width: 100%;
    }
}


@media screen and (max-width:830px) {
	#lnb_wrap .lnb{background-color:#fff; overflow:hidden; height:auto; bottom:auto; width: 100%;}
	.lnbs2 ul {padding: 20px 0;  overflow: hidden;  width: 100%;  display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 10px;}
	.lnbs2 ul li.on:before{display:none;}
	.lnbs2 ul li{background:#f4f4f4; border-radius:30px; padding: 0 20px; flex:auto; min-width:120px; max-width: calc((100% / 3) - 5px);}
	.lnbs2 ul li > a {color: #212121; font-weight: 400;}
	/* .lnbs2 ul li+li{margin-left:10px;} */
	.lnbs2 ul li:after{display:none;}
	.lnbs2 ul li.on{border:none; background:#01a9e4;}
	.lnbs2 ul li.on > a {color : #fff;}
	.sub_wrap_3 .lnbs2 ul li.lnb1{background: rgb(62 167 203 / 90%);}
	.sub_wrap_3 .lnbs2 ul li a.sky {background: transparent;}
	
	/* 수강신청 및 등록안내 */
	.regist_guide .flex_box > .circle {width: 10rem; height: 10rem; gap: 1rem;}
	.regist_guide .flex_box > .circle i {width: 2.245rem; height: 2.245rem;}
	.regist_guide .flex_box > .circle p {font-size: 15px;}
	
	
	/* 강사소개 */
	.prointro .lnbs2 ul li {min-width: calc((100% / 3) - 8px); max-width: fit-content;}
	
	/* 마이페이지 */
	.modify .lnbs2 ul {justify-content: center;}
}

/* 768 이하 */
@media screen and (max-width:768px) {
	.main_pop { width: 95% !important; position: fixed !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%)!important;}
	.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;}

	.mainVisualInner {top: 22%;}
    .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;}

	#header .top_btns2 { display: none !important;}
	.slide_menu_inner .top_btns > li .m_topbtn { color: #fff;}
	.slide_menu_inner .top_btns > li:last-child .m_topbtn { color: #333;}

    #footerW {padding-top: 0px;}
    #footer .addressW {padding:65px 0 0; text-align: center; background: url(../fnc_images/common/han_f_logo.png) no-repeat center top 25px;}
	#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;}

	.sub_con {font-size:15px;}

    .title_bar {margin-bottom:35px; padding:60px 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;}

	.quick_menu li {width: 100%;}
	.quick_menu li + li {margin-left: 0px;  margin-top:20px;}

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

	.prof-list .itm {width: 100%; display: block; float: none;}

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

	.edu_con03_wrap { width: 50%;}

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

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


    .faq-wr.interview dt,
	.faq-wr.interview dd{padding: 30px;}

	.faq-wr.interview dt .sub_tit {display: block; margin-left: 0px}

    .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(../fnc_images/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% }


	.edu_con01 .item { width: 48%;}
	.edu_con01 .item .tit { font-size: 20px; line-height: 25px; margin-top: 10px; }
	.edu_con01 .item .tit .eng_tit { font-size: 16px;}
	.edu_con01 .item .script { margin: 8px auto 0 auto; }


	.edu_con06 { flex-direction: column; }
	.edu_con06 .item { width: 500px; margin: 0 auto; flex-direction: row; justify-content: space-between; align-items: center;}
	.edu_con06 .item:nth-child(2n) { flex-direction: row-reverse; margin-bottom: 0; }
	.edu_con06 .item .item_img { width: 30%; height: 100px; }
	.edu_con06 .item .line { width: 20px; margin: 0; padding-bottom: 120px;}
	.edu_con06 .item:nth-child(2n) .line { margin-right: -3px; }

	.edu_con06 .item .line::after { width: 50px; height: 1px; top: 50%; left: -45px; }
	.edu_con06 .item:nth-child(2n) .line::after { top: 50%; left: 12px; }

	.edu_con06 .item .item_text { width: 30%; }

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

	.main_con1 .menu_thr a p.img_warp{height:170px !important;}
	.main_con1 .menu_thr a + a {margin-left:15px;}

	.section{margin-top:50px;}

	.section .sec_tit{font-size:26px;}
	.section .sec_con{margin-top:20px;}

	.con_poster_img{margin-top:20px;}

	/* performance02 */
	.performance02 .tab_btn ul li{margin-left:10px;}
	
	
	/* 공지사항 */
	.notice #user_board_list th {display: none;}
	.notice #user_board_list tr {display : flex; width: 100%; border-bottom: 1px solid #ddd; align-items: center; justify-content: flex-start; flex-wrap : wrap; gap: 10px; padding: 14px 0;}
	.notice #user_board_list tr:first-child {display: none;}
	.notice #user_board_list td:first-child {display: none;}
	.notice #user_board_list td {border-bottom: 0px; text-align: left; padding: 0; background: none !important;}
	.notice #user_board_list td:nth-child(2) {width: 100%; }
	.notice #user_board_list td:nth-child(2) > a {font-weight: 500; color: #212121;}
	.notice #user_board_list .writer {width: auto; color: #747474;}
	.notice #user_board_list .date {color: #747474; width: 90px;}
	.notice #user_board_list .file {display: none;}


	/* 마이페이지 */
	.modify table.info_list,
	.modify table.info_list thead,
	.modify table.info_list tbody,
	.modify table.info_list tr,
	.modify table.info_list th,
	.modify table.info_list td {display : block;}
	.modify table.info_list thead {display: none;}
	.modify table.info_list tr {
		margin-bottom: 20px; border: 1px solid #ddd;
		border-radius: 8px;
		overflow: hidden;
		box-shadow: 0 2px 5px rgba(0,0,0,0.05);
	}
	  
	.modify table.info_list td	{
		text-align: left;
	    padding: 1.25rem !important;
		border-bottom: 1px solid #eee;
		position: relative;
		border-left : 0px  !important;
	    text-align: center;
	}
	.modify table.info_list td:last-child {
      border-bottom: none;
    }
	
	.modify table.info_list td::before {
		content: attr(data-label); /* HTML의 data-label 속성 활용 */
		position: relative;
		width: 100%;
		font-weight: bold;
		color: #555;
		display: inline-block;
        padding: 10px 0;
        background: #f4f4f4;
        border-radius: 50px;
		margin-bottom: 1.25rem;
       text-align: center;
    }
	
/* 	.prointro table td:nth-child(3) {
      padding-left: 30px;
      padding-top: 30px;
    } */
	
	.modify table.info_list td:nth-child(3)::before {
      width: 100%;
    }
}

@media screen and (max-width:720px){
	.main_content #main-visual .main-vis-slide .swiper-slide .visual_box .visual_btn{width:180px; height:50px; line-height:50px;}
	#footer .addressW .footer_left ul li{padding:0 8px;}
	.main_con1 .menu_thr{display:grid; grid-template-columns:1fr; }
	.main_con1 .menu_thr a{display:flex; background:#fff; border-radius:11px;}
	.main_con1 .menu_thr a p.img_warp{width:230px; border-radius:10px 0 0 10px;}
	.main_con1 .menu_thr a + a{margin:20px 0 0;}
	.main_con1 .con2_box{flex:1; border-radius:0 10px 10px 0; display:flex; flex-flow:column; align-items:center; justify-content:center; border: 1px solid #ededed; border-left: 0px;}
	.main_con1 .menu_thr a b{margin-top:0;}

	#wrap{padding-top:70px;}
	.in_header{height:70px;}
	#header h1{width:280px; left:15px;}
	#header .header_menu ul li a{width:45px;}
	#header .header_menu ul li {margin-right:10px;}
	#header .header_menu{right:15px;}

	.hd-schbx{top:70px;}

	.main_content #main-visual .swiper-button-next{right:25px;}
	.main_content #main-visual .swiper-button-prev{left:25px;}

	#lnb_wrap{min-height:150px;}

	.hd-schbx .inp-bx{max-width:360px;}
	.hd-schbx .inp-bx .inp {height:50px;}
	.hd-schbx .inp-bx .sch{height:50px; background-size:35%;}

/* introduction03 */
	.introduction03 > ul{grid-template-columns:repeat(1,1fr);}
	
	/* 교육원 소개 */
	.introduce .vision_box .box_row {gap: .625rem; flex-direction: column; }
	.introduce .vision_box .tit { width: calc(100% - 2.5rem); }
	.introduce .vision_box .con_box.bg_blue {width: calc(100% - 0.125rem);}
	.introduce .vision_box .con_box {padding: 0;}
	.introduce .vision_box .con_box .dot-list {padding: 1.25rem;}
	.introduce .vision_box .con_wrap .con_box {padding: 0;}
	.introduce .vision_box .con_box,
	.introduce .vision_box .con_wrap{width: calc(100% - 0.125rem);}
	.introduce .vision_box .box_row:nth-child(2) .con_wrap .con_box {padding: 1.25rem; }
	.introduce .vision_box .box_row:last-child .con_wrap{flex-direction: column; gap:.625rem;}
	.introduce .vision_box .box_row:last-child .con_wrap .con_box{width: calc(100% - 0.125rem);}
	.introduce .vision_box .con_box.bg_blue > b {font-size: 1.125rem;}


	/* 원장 인사말 */	
	.greeting .top { flex-direction: column; width: 100%; align-items: center; justify-content: center;}
	.greeting .right {width: 100%;}
	
	/* 수강신청 및 등록안내 */
	.regist_guide .flex_box.mb60 {gap: 20px; justify-content: flex-start;}
	.regist_guide .flex_box i.arrow {width: 0.75rem; height: 0.75rem;}
	.regist_guide .gray_box .btn_wrap {margin-top: 1rem;}
	
	/* 2025년 상설강좌(드론) */
	.course_drone_wrap .lnbs2 ul li,
	.course_winter_wrap .lnbs2 ul li,
	.course_golf_wrap .lnbs2 ul li,
	.course_bim_wrap .lnbs2 ul li
	{max-width: 50% !important; min-width: calc((100% / 2) - 5px);	}
	
}

@media screen and (max-width:660px){
	#footer .addressW .footer_left ul li{padding:0 3px;}
	#footer .addressW .footer_right {gap: 30px;}

/* introduction01 */
	#inner_wrap > .sec02 .sub_con .sec_con{flex-flow:column;}
	
	/* 1_2 비전및 전략*/
/* 	.introduce .vision_box .box_row {gap: .625rem; flex-direction: column; }
	.introduce .vision_box .tit { width: 100%; }
	.introduce .vision_box .con_box,
	.introduce .vision_box .con_wrap{ width: 100%; }
	.introduce .vision_box .box_row:last-child .con_wrap{flex-direction: column; gap:.625rem;}
	.introduce .vision_box .box_row:last-child .con_wrap .con_box{width:100%;} */
	.introduce .vision_box .box_row:nth-child(2) .con_wrap {flex-direction: column;}
	.introduce .vision_box .box_row:nth-child(2) .con_wrap .con_box {width: 100%; padding: 1.25rem 0;}


	/* 연혁 */
	.history .tab_btn_style2 > li { height: 3.75rem; min-height: auto; padding: 0;}
	.history .in_box li {width: 100%;}
	.history .in_box li dl dt {width: 2.5rem;}
	.history .tab_box_wrap > .tab {padding-left: 0;}
	.history li {margin-bottom: 0 !important;}
	.history li:last-child {border-bottom: 0; }
	
		/* 포토갤러리 */
	.photo #user_board_photo ul li {width: calc((0100% / 2) - 2%);}
	.photo #user_board_photo ul li p.img {padding-bottom: 65%;}
}

/* 600 이하 */
@media screen and (max-width:599px) {
	.main_con3 .subtit_box {margin-bottom: 20px;}
	.main_con3 .main_board .sub_tit{font-size: 24px;}
	.main_con3 .recentBbsTitle {font-size: 16px;}
	.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; }

	.mainVisual01 .txt01 p.tit, .mainVisual02 .txt01 p.tit { font-size: 3rem;}
  
    .con_wrap .list_box {padding: 20px;}
	.con_wrap .list_box li {width: calc(50% - 30px);}

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



	#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(../fnc_images/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; }

	.banner {padding-left: 240px;}
	.banner i {left: 30px; width: 180px;}
	.banner b {font-size: 32px; margin-bottom: 15px;}

	.banner .btn_page i {left: 60px;}

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

	.img-wrap.three li {width: calc((100% - 20px)/2); padding: 10px; margin-right: 10px; font-size: 1em; line-height: 1.3;}

	.img-wrap.three.iframe li {width:100%;}

	.edu_con05 .item { width: 48%; margin-bottom: 20px; }


	.main_content #main-visual .main-vis-slide .swiper-slide .visual_box h2{font-size:26px;}
	.main_content #main-visual .main-vis-slide .swiper-slide .visual_box p{font-size:16px;}

	.main_content #main-visual{height:550px;}

	.main_con2 li{padding:50px;}

	.main_con1 .menu_thr a p.img_warp {width:160px; height:160px !important;}

	.section .sec_tit{font-size:24px;}

	/* introduction01 */
	.introduction01 .sec01{padding:20px; border-radius:20px;}
	.introduction01 .sec01 .sec01_deco{width:80px; height:80px; background-size:50%;}

	/* performance02 */
	.performance02 .tab_btn ul{display:grid; grid-template-columns: repeat(3,1fr); gap:10px; }
	.performance02 .tab_btn ul li{margin:0;}
	
	/* 수강신청 및 등록안내 */
	.regist_guide .flex_box.mb60 {justify-content: center;}

}

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


	.main_con1 .wrap, .main_con2 .wrap, .main_con3 .wrap { padding: 60px 0; }
	.main_con2 ul { gap: 12px;}
	.main_con2 li{ height: auto; padding:32px; border-radius:16px;}
	.main_con2 .list_bottom { margin-top: 12px; }
	.main_con3 .main_board .notice .txt_box { margin-left: 16px; }
	.main_con3 .main_board .notice .txt_box b,
	.main_con3 .main_board .notice .txt_box p{ font-size: 14px; }
	.main_con3 .main_board .notice .date_box { display: none;}
	
	/* 수강신청 및 등록안내 */
	.regist_guide .flex_box.mb60 {justify-content: center;}
	.regist_guide_wrap .lnbs2 ul li,
	.cautions_wrap .lnbs2 ul li,
	.course_wrap  .lnbs2 ul li,
	.regist_drone_wrap .lnbs2 ul li
	{  border-radius: 25px;
        max-width: 50% !important;
        min-width: calc((100% / 2) - 5px);
    }
	
	/* 마이페이지 */
	.modify .lnbs2 ul li {    max-width: calc((100% / 2) - 5px);}
}



/* 480px 이하 */
@media screen and (max-width:499px) {
	.main_con3 .main_board .sub_tit {font-size: 22px;}
	.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;}

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

	:root {--swiper-navigation-size: 20px !important;}


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

	.in_header{height:60px;}
	#header h1{width:220px; left:15px;}
	#header .header_menu ul li a{width:38px;}
    .menu_btn {height: 18px; width: 24px;}
    .menu_btn .line-middle {top:8px;}

	.hd-schbx{top:60px;}
	.hd-schbx .inp-bx{max-width:60%;}

    #section1 {padding: 0px !important}

	.lnbs2 ul li > a{line-height:50px;}
	.sub_wrap_3 .lnbs2 ul li a.sky {height: 50px;}
/* 	#lnb_wrap .lnb{height:75px;} */
	.lnbs2 ul li{border-radius:25px;}

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

	.main_content #main-visual .main-vis-slide .swiper-slide .visual_box{top:40%;}
    .main_content #main-visual{height:480px;}
	.main_content #main-visual .main-vis-slide .swiper-slide .visual_box .visual_btn {width:150px; height:45px; line-height:45px;}

	.main .tit {font-size: 24px;}
	
	.main_con2 li .con_text{padding-left:5px;}
	.main_con2 li{padding:20px;}

	.main_con1 .menu_thr a p.img_warp{width:120px; height:120px !important; background-size:90% !important;}
	.main_con1 .menu_thr a b {font-size:22px;}
	.main_con1 .menu_thr a p{margin-top:3px;}

	.main_con3 .info ul li .info_box{width:calc(100% - 130px);}


    .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;}
	.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 {height: 200px; padding: 50px 0 40px; padding-left: 190px;}
	.banner i { left: 10px; width: 150px; }
	.banner b { font-size: 26px;}
	.banner p {font-size: 14px;}


    #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 {font-size:28px;}
    .sub_visual .sub_txt .date {font-size: 20px;}
    .sub_visual .sub_txt .place {font-size: 20px;}


    .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: 180px;margin-bottom: 20px;min-height: 110px;}
	.history li b {top: 2px; font-size: 20px; position: relative;}
	.history li img {margin-top:0px; width:150px;}
	.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; }




    .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;}
	.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:200px;}
    .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 20px 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:12px;}

    .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; margin-left: 0;}
	.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: block;}
	.prof-list .itm .desc .tx01{font-size: 1.5rem; display: block; text-align: center;}
	.prof-list .itm .desc .tx01 b {font-size: 1.8rem;}
	.prof-list .itm .desc .tx02 {color: #333; text-align: center;}
	.prof-list .itm .desc ul {margin-top: 1rem; left: 25%; position: relative;}
	.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;}
	.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 i { left: auto; margin-left: -40px;}

	.edu_con02{display: flow-root;}
	.edu_con02_wrap{ position: relative; margin-top: 0px; margin-bottom: 30px;}
	.edu_con02 i {width: 80px; height: 80px; display: inline-block;}
	.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_wrap {width: 100%;}
	.edu_01_bg::before {width: calc(100% + 20px); height: 100%; left: -10px; background-position: 80% 50%;}

	.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%; margin-bottom:90px}
	.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;}


	.edu_con06 .item { width: 360px; }
	.edu_con06 .item .item_img { height: auto; }
	.edu_con06 .item .line::after { width: 30px; height: 1px; top: 50%; left: -30px; }
	.edu_con06 .item:nth-child(2n) .line::after { top: 50%; left: 19px; }

	.main_con3 .main_board .notice{ margin: 16px 0; }
	.main_con3 .main_board .notice ul li:first-child{padding:15px 5px;}
	.main_con3 .main_board .notice ul li:first-child a{flex-flow:column nowrap; align-items:baseline;}
	.main_con3 .main_board .notice .txt_box{margin:0; width:100%;}
	.main_con3 .main_board .notice .date_box{width:60px; height:47px; font-size:13px;}
	.main_con3 .main_board .notice .date_box b{font-size:18px;}

	.main_con3 .main_board .notice ul li{padding:20px 10px}
	.main_con3 .main_board .notice ul li a{flex-flow:column; align-items:baseline;}
	.main_con3 .main_board .notice ul li.list b {padding-left:8px;}
	.main_con3 .main_board .notice ul li.list p.date{width:100%; text-align:right; margin-top:5px;}


	.main_con3 .info ul li p.img_wrap{width:130px;}

	#footer .addressW .footer_left ul{display:block;}
	#footer .addressW .footer_left ul li:nth-child(2):before, #footer .addressW .footer_left ul li:nth-child(2):after{display:none;}
	.site_link {padding:10px 0;}
	.site_link ul{flex-flow:column;}
	.site_link ul li{width:130px; padding:10px;}

	#footer .addressW{background-size:230px; padding:48px 0 0;}

	.section{margin-top:0;}
	.section .sec_tit{font-size:21px; padding-left:0;}
	.section .sec_tit:before{display:none;}
	.con_table_img{margin-top:20px;}

/* introduction03 */
	.introduction03 ul li .name {font-size:18px; padding-bottom:10px;}

	.performance01 .tab_btn li a { height: 40px; line-height: 40px; font-size: 13px;}
	
	/* 2025년 상설강좌(드론) */
	.course_drone_wrap .lnbs2 ul li,
	.course_winter_wrap .lnbs2 ul li,
	.course_golf_wrap .lnbs2 ul li,
	.course_bim_wrap .lnbs2 ul li{min-width: fit-content;}
	.course_drone_wrap .title_bar,
	.course_winter_wrap .title_bar,
	.course_golf_wrap .title_bar,
	.course_bim_wrap .title_bar{ padding: 100px 0px 20px}
	
	.course_winter_wrap .gray_box .btn_wrap {margin-top: 10px;}
	
	
	/* 강사소개 */
	.prointro .lnbs2 ul li {min-width: calc((100% / 2) - 5px);}
	.prointro .title_bar{ padding: 100px 0px 20px}
}
@media screen and (max-width:400px) {
	.hd-schbx .inp-bx{max-width:70%;}
	
	.main_content #main-visual .main-vis-slide .swiper-slide .visual_box h2{ font-size:18px;}
	.main_content #main-visual .main-vis-slide .swiper-slide .visual_box p{font-size:14px;}
	.main_content #main-visual{height:400px;}
	.main_content #main-visual .main-vis-slide .swiper-slide .visual_box .visual_btn{width:130px; height:40px; line-height:40px;}

	.main_con2 li{padding:15px;}
	.main_con2 li .con1_deco {display:none;}
	.main_con2 li b{padding-left:33px; background-size:30px; background-position:left center; background-repeat:no-repeat; box-sizing:border-box; font-size:18px;}
	.main_con2 li p{font-size:14px; min-height:40px;}
	.main_con2 li:nth-child(1) b{background-image:url(../fnc_images/common/maincon1_ico01.png);}
	.main_con2 li:nth-child(2) b{background-image:url(../fnc_images/common/maincon1_ico02.png);}
	.main_con2 li:nth-child(3) b{background-image:url(../fnc_images/common/maincon1_ico03.png);}
	.main_con2 li:nth-child(4) b{background-image:url(../fnc_images/common/maincon1_ico04.png);}

	.main_con2 li:nth-child(1):hover b{background-image:url(../fnc_images/common/maincon1_ico01_hover.png);}
	.main_con2 li:nth-child(2):hover b{background-image:url(../fnc_images/common/maincon1_ico02_hover.png);}
	.main_con2 li:nth-child(3):hover b{background-image:url(../fnc_images/common/maincon1_ico03_hover.png);}
	.main_con2 li:nth-child(4):hover b{background-image:url(../fnc_images/common/maincon1_ico04_hover.png);}

	.main_con2 li .con_text{padding:0;}

	.main_con2 li a{width:35px; height:35px; background-size:100%;}

	.main_con1 .menu_thr a b{font-size:18px;}
	.main_con1 .menu_thr a p{font-size:14px;}
	.main_con1 .menu_thr a p.img_warp {width:100px; height:100px !important;}

	.main_con3 .info ul{height:auto;}
	.main_con3 .info ul li + li{margin-top:20px;}
	.main_con3 .info ul li a{flex-flow:column;}
	.main_con3 .info ul li p.img_wrap{width:100%; height:140px;}
	.main_con3 .info ul li .info_box{width:100%; padding:0; margin-top:10px;}

	.introduction01 .sec01 .sec01_con{margin:10px 0 0;}
	
	

	.lnbs2 ul li {max-width: calc((100% / 2) - 5px);}
	.lnbs2 ul li > a{line-height:40px; font-size:14px;}
/* 	#lnb_wrap .lnb{height:65px;} */


	/* introduction01 */
	.introduction01 .sec01{flex-flow:column;}
	.introduction01 .sec01 .sec01_con .int01_sec_tit{text-align:center;}


	/* introduction02 */
	.introduction02 .member .work{flex-flow:column;}
	.introduction02 .member .work ul{margin-top:5px;}

	/* summary03 */
	.summary03 .sec1 .sec_con{padding:20px 15px;}

	.performance01 .tab_btn ul { grid-template-columns: repeat(2,1fr); gap: 5px; margin-bottom: 40px;}

	/* performance02 */
	.performance02 .tab_con ul li .sec_tit b{display:block;}
	
	/* 연혁 */
	.history .tab_btn_style2 > li a {font-size: 16px;}
	
	
	/* 수강신청 및 등록안내 */
	.regist_guide .flex_box.mb60 {flex-direction: column; align-items: center; gap: 10px}
	.regist_guide .flex_box i.arrow {transform: rotate(134deg);}
	
	/* 2025년 상설강좌(드론) */
	.course_drone_wrap .lnbs2 ul li,
	.course_winter_wrap .lnbs2 ul li,
	.course_golf_wrap .lnbs2 ul li,
	.course_bim_wrap .lnbs2 ul li{min-width: 100%;}
	
	.photo #user_board_photo ul li {width: 100%;}
	
	.notice #user_board_list td:nth-child(2) > a {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 70%;}
	
}


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

	#header h1 {width:220px;}
	.in_header > h1 img {height: fit-content; object-fit: cover;}
    .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;}
	
	/* 강사소개 */
	.prointro .lnbs2 ul li {min-width: 100%;}
	.prointro .title_bar {padding: 220px 0px 20px;}
	

}