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



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

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

.bg_wrap {background: #f2f2f2}

/* header */
.top_menu {position: absolute; right: 0px; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); font-size:14px;}
.top_menu .top_btns {overflow: hidden;}
.top_menu .top_btns > li {float: left; margin-left:2px; line-height: 100%;}
.top_menu .top_btns > li a {display: block; color: #fff; border-radius:60px; text-align: center; line-height:35px; font-size: 14px; padding: 0px 15px;}
.top_menu .top_btns > li.ico00 a {background: #00b050}
.top_menu .top_btns > li.ico01 a {background: #0070c0}



#header {width:100%; position:fixed; left:0px; top:0px; z-index:9999; box-sizing: border-box; background:#fff; transition: all 0.3s 0s ease-in-out;}
.in_header {max-width:1200px; width:100%; height:95px; box-sizing: border-box; margin:0 auto; position:relative; z-index:9}

.in_header .sitemap {position: absolute; right: 0px; bottom:5px;}
#header h1 {overflow: hidden; padding-top:20px;  text-align: center; transition: all 0.3s 0s ease-in-out; }
#header h1 a {display:inline-block; overflow: hidden; height: 100%; outline: none;}





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

/* GNB */
.w_gnb {padding:0px; background:#003d75;}
.w_gnb .gnb:after {content:""; display:block; clear:both;}
.w_gnb .gnb {max-width:1200px; margin: 0 auto;}
.w_gnb .gnb > ul {font-size:0px; display: table; width: 100%; text-align: center;}
.w_gnb .gnb > ul:after {content:""; display:block; clear:both;}
.w_gnb .gnb > ul > li {display:inline-block; zoom:1; *display:inline; position:relative; box-sizing: border-box; width: 15%}
.w_gnb .gnb > ul > li:first-child:before {display:none}
.w_gnb .gnb > ul > li:before {display: block; content: ""; width: 1px; height:16px; background: #4d789f; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.w_gnb .gnb > ul > li > a {display:block; color:#fff; text-align: center}
.w_gnb .gnb > ul > li > a > span {display:inline-block; vertical-align: top; font-size:18px; line-height:55px; height:55px; color:#fff; transition: all 0.2s 0s ease-in-out; font-weight:300; box-sizing: border-box; overflow: hidden; position: relative;}
.w_gnb .gnb > ul > li:hover > a > span:after {display: block; content: ""; width:10px; height:10px; border-left: 1px solid #3c90e2; border-top: 1px solid #3c90e2; position: absolute; left: 50%; top:100%; margin: -5px 0px 0px -5px; background: #3c90e2; transform: rotate(45deg); -webkit-transform: rotate(45deg); z-index:99}


.w_gnb .sub_menu  {position:absolute; left:0px; width:100%; box-sizing:border-box; overflow:hidden; top:100%; line-height:20px; display:none; padding:20px 0px; z-index: 99}
.w_gnb .sub_menu > li {padding:5px 10px 5px 0; letter-spacing:-0.5px;}
.w_gnb .sub_menu > li > a {display:block; font-size:16px; text-align:center; color:#333333; padding:2px 0px; line-height:17px; font-weight:300; letter-spacing: -1px;}
.w_gnb .sub_menu > li > a:hover {color:#3c90e2; font-weight: 400}
.w_gnb .gnb > ul > li.gnb04 {width: 20%;}
.w_gnb .gnb > ul > li.gnb05 {width: 20%;}


.three_depth { display:none;}

.gnb07 {display: none !important;}
.gnb08 {display: none !important;}
.gnb09 {display: none !important;}


#gnb_bar {position:absolute; display:none; left:0%; top:100%; border-bottom: 1px solid #ccc; width:100%; height:170px; background:#fff;}


.slide_menu_wrap {width:70%; 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_top {height: 88px; background:url(../img/common/logo.png) no-repeat center center #fff; box-sizing: border-box; border-bottom: 1px solid #4a76b4}
.slide_menu_wrap .m_gnb_on {display:none !important}
.slide_menu_wrap .top_menu {position: relative; margin-top:20px; right: auto; top: auto;}
.slide_menu_wrap .top_menu .top_btns > li {width: 50%; padding: 2px; box-sizing: border-box; margin: 0px;}

.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 25px; background: url(../img/common/g_plus.png) no-repeat right center; font-weight: 500; } 
.slide_menu_wrap .gnb > ul > li > a.on {background: url(../img/common/g_minus.png) no-repeat right center; } 
.slide_menu_wrap .gnb .sub_menu {background:#333333; border-top:1px solid #474747; display: none; padding: 10px 0px; }
.slide_menu_wrap .gnb .sub_menu > li > a {display: block; line-height:23px; padding:5px 10px 5px 15px; font-size:15px; color:#d6d6d6; } 
.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;}


/* visual */
.main_visual {width: 100%; overflow: hidden; position: relative;}
.main_visual .videoDiv {position: absolute; top: 0px; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width:1920px; height: 1000px;}
.main_visual .videoDiv img {max-width:100%; max-height:100%;}
.main_visual .bxslider > li {background-size:cover !important; }
.main_visual .v_frame {max-width: 1200px; margin: 0 auto;}
.main_visual .v_frame img {width: 100%;}
.main_visual .v_txt {font-size:4.5em; color: #fff; text-align: center; width: 100%; padding-bottom:120px; line-height: 140%; font-weight:100; width: 100%; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transition: all 0.3s 0s ease-in-out; word-break: keep-all; }
.main_visual .v_txt > strong {font-size:1.05em; font-weight:500; line-height: 140%;}
.main_visual li.on .v_txt {opacity:1; transition: all 0.8s 0s ease-in-out; margin-top:-20px;}

.main_visual .bx-controls {text-align: center; position: absolute; left: 50%; transform: translateX(-50%); bottom:160px;width: 100%; max-width: 1200px; box-sizing: border-box; z-index: 99;}
.main_visual .bx-wrapper .bx-pager {position: relative; width: auto !important; left: auto; bottom: auto; display: inline-block; vertical-align: top; padding:7px 10px 0px 0px; z-index: 99;}
.main_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {position: relative; bottom: auto; display: inline-block; right: auto; width: 24px; height:18px; border:1px solid #fff; text-align: center; padding-top:6px;}
.main_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0; z-index: 99;}
.main_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto > div > a {text-indent:1000000%;}

.main_visual .bx-wrapper .bx-pager.bx-default-pager a {width:14px; height:14px; margin:0 4px; background:none; border:none; -moz-border-radius:0px;  -webkit-border-radius:14px; border-radius:14px; background: #fff; opacity:1;}
.main_visual .bx-wrapper .bx-pager.bx-default-pager a:hover {background: #00b3e3;}
.main_visual .bx-wrapper .bx-pager.bx-default-pager a.active {background: #00b3e3; width:45px; opacity: 1;}
.main_visual .bx-wrapper .bx-controls-auto .active {display: none;}



/* section */
.section {padding:50px 0px;}
#section1 {position: relative; z-index:99; padding: 0px;}
.section .more {position: absolute; right: 0px; top: 0px;}
.section .more a {display:inline-block; border: 1px solid #999999; padding:6px;}
.section .more a > span {display: inline-block; position: relative; padding-left:25px; line-height: 44px;}
.section .more a > span:after {display: block; content: ""; width:16px; height:2px; background: #232325; position: absolute; left:0px; top:50%; transition: all 0.3s 0s ease-in-out; -webkit-transition: all 0.3s 0s ease-in-out;}
.section .more a > span:before {display: block; content: ""; width:16px; height: 2px; background: #232325; position: absolute; left: 0px; top:50%; transform: rotate(90deg); -webkit-transform: rotate(90deg);  transition: all 0.3s 0s ease-in-out; -webkit-transition: all 0.3s 0s ease-in-out;}
.section .more a:hover span:after {transform: rotate(90deg); -webkit-transform: rotate(90deg);  transition: all 0.3s 0s ease-in-out; -webkit-transition: all 0.3s 0s ease-in-out; background: #0066b3}
.section .more a:hover span:before {transform: rotate(180deg); -webkit-transform: rotate(180deg);  transition: all 0.3s 0s ease-in-out; -webkit-transition: all 0.3s 0s ease-in-out; background: #0066b3}


.m_tit {padding:0px 0px 25px 0px; text-align:center; color:#000000; font-size:32px; line-height:150%; font-weight: 700;}
.m_tit_txt {margin:-20px 0px 30px 0px; color:#555555; font-size:18px; text-align:center; line-height:150%; display:block;}



.ico_circle {border-radius: 100%; display: inline-block; overflow: hidden; position: relative; padding:0px; background: #002b5c; transition: all 0.2s 0s ease-in-out; -webkit-transition: all 0.2s 0s ease-in-out;}


.main_banner {position: relative; margin-top: -140px;}
.main_banner > ul {overflow: hidden; margin: -8px;}
.main_banner > ul > li {float: left; width:25%; box-sizing: border-box; padding:8px; text-align: center;}
.main_banner > ul > li > a {display: block; box-sizing: border-box; padding:30px 10px 20px 10px; min-height: 280px; background:url(../img/main/arrow.png) no-repeat center 85% #fff; position: relative; font-size: 17px;}
.main_banner > ul > li > a:after {display: block; content: ""; width: 100%; height:6px; background: #3c90e2; position: absolute; left: 0px; bottom: 0px; transition: all 0.2s 0s ease-in-out; -webkit-transition: all 0.2s 0s ease-in-out;}
.main_banner > ul > li > a:before {display: block; content: ""; width:11px; height:11px;  background: url(../img/main/ico_arrow.png) no-repeat right top; position: absolute; right: 10px; top:10px;transition: all 0.2s 0s ease-in-out; -webkit-transition: all 0.2s 0s ease-in-out;}
.main_banner > ul > li > a .ico {display:block; box-sizing:border-box; width:76px; height:76px; margin:0 auto; position:relative;  transition: all 0.3s 0s ease-in-out;}
.main_banner > ul > li > a .ico img {max-width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%, -50%);transition: all 0.2s 0s ease-in-out; -webkit-transition: all 0.2s 0s ease-in-out;}
.main_banner > ul > li > a .ico .on_img {opacity:0;}
.main_banner > ul > li > a .txt_t {display: block; font-size:1.3em; color: #333; line-height:150%; padding: 10px 0px 5px 0px; transition: all 0.2s 0s ease-in-out; -webkit-transition: all 0.2s 0s ease-in-out;}
.main_banner > ul > li > a:hover {color: #fff; background:url(../img/main/arrow2.png) no-repeat center 85% #3c90e2;transition: all 0.2s 0s ease-in-out; -webkit-transition: all 0.2s 0s ease-in-out;}
.main_banner > ul > li > a:hover .ico img {opacity: 0}
.main_banner > ul > li > a:hover .ico .on_img {opacity:1;}
.main_banner > ul > li > a:hover:before {background: url(../img/main/ico_arrow2.png) no-repeat right top;}
.main_banner > ul > li > a:hover .txt_t {color: #fff;}

/*.main_banner > ul > li > a:hover:after {height:100%; transition: all 0.2s 0s ease-in-out; -webkit-transition: all 0.2s 0s ease-in-out;}*/

.main_banner .t_area {position: absolute; left: 30px; top: 30px; font-weight: 100;}
.main_banner .t_area > h3 {font-size:26px; font-weight: 500; line-height: 140%; padding-bottom: 10px; }
.main_banner .t_area > h3:after {display: inline-block; vertical-align: top; content: ""; width:95px; height: 1px; background: #fff; margin:10px 0px 0px 10px;}

.hover:hover .ico_circle {background: #0e437f; transition: all 0.2s 0s ease-in-out; -webkit-transition: all 0.2s 0s ease-in-out;}


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

.main_board_wrap {overflow: hidden; margin: 0px -8px}
.main_board_wrap .more {right: 25px; top: 25px;}
.main_board_wrap .main_board {float: left; width: 33.333%; padding: 0px 8px; box-sizing: border-box;}
.main_board_wrap .main_board .br_box {border: 1px solid #e5e5e5; padding: 25px; position: relative;}


.main_board .board_tab {max-width:90%; overflow: hidden; margin: 0px -2px; margin-bottom: 20px;}
.main_board .board_tab > li {float: left; width: 30%; box-sizing: border-box; padding: 0px 2px;}
.main_board .board_tab > li > a {display: block; background: #fff; border: 1px solid #999; height: 32px; color: #333333; font-size: 15px; line-height: 32px; text-align: center}
.main_board .board_tab > li > a.on {background: #003d75; border: 1px solid #003d75; color: #fff;}

.m_board .first_new {padding:0px 0 20px 85px; position:relative; box-sizing: border-box; min-height:50px; border-bottom: 1px solid #ccc;}
.m_board .first_new .day {position: absolute; left:0; top:0px; width:80px; text-align: center; font-size:16px; color: #3c90e2;}
.m_board .first_new .day strong { display: block; font-size:20px; line-height: 140%; font-weight:700;}
.m_board .first_new a {display: block; position: relative;}
.m_board .first_new a .tit {display:inline-block; height:50px; line-height:25px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; font-size:17px; color: #000000;}

.m_board .first_new a img {margin-top:7px;}
.m_board .first_new a .txt {display:block; color: #000; overflow: hidden;text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-weight: 100; line-height: 20px; height:40px; margin-left: -120px;}
.m_board .link {color:#000;}

.m_board .news_list ul {padding-top:25px; min-height:74px;}
.m_board .news_list ul li {position:relative; padding:0px 90px 0px 12px; line-height:20px; height:20px; position: relative; margin-top:7px; font-weight: 100; color: #666666;}
.m_board .news_list ul li:before {display: block; content: ""; width:3px; height:3px; border-radius:100%; background: #003d75; position: absolute; left: 0px; top: 10px;}
.m_board .news_list ul li:first-child {margin-top:0px;}
.m_board .news_list ul li a {display:inline-block; max-width:calc(100% - 30px); max-width:-webkit-calc(100% - 30px); vertical-align:middle; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis;}
.m_board .news_list ul li .date {position: absolute; line-height: 20px; right: 0px; top: 0px;}
.m_board .news_list ul li img {margin-left:5px; vertical-align: middle;}


.main_board_wrap .main_movie {float: left; width:42%; padding: 0px 8px; box-sizing: border-box;}
.main_board_wrap .main_movie .videoDiv {height:276px;}
.main_board_wrap .main_movie .videoDiv video {width: 100% !important; height:276px !important;}
.main_board_wrap .main_quick {float: left; width:24.667%; padding: 0px 8px; box-sizing: border-box;}
.main_board_wrap .main_quick > ul {background: #003d75; padding: 0px 20px;}
.main_board_wrap .main_quick > ul > li {border-top:1px solid #336491; padding: 13px 0px;}
.main_board_wrap .main_quick > ul > li > a {display: block; position: relative; color: #fff; font-size: 16px; background: url(../img/main/arrow.gif) no-repeat right center; padding: 11px 20px 10px 50px;}
.main_board_wrap .main_quick > ul > li > a .ico {position: absolute; left: 0px; top: 50%; margin-top: -12px;}

.slide_banner {padding:20px 70px; position: relative; box-sizing: border-box;}
.slide_banner .bx_bt {position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.slide_banner .bx_bt > a {display: block; height: 16px; background: #f0f1f5; padding:27px;}
.slide_banner #slide_l {position: absolute; left: 0px; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%)}
.slide_banner #slide_r {position: absolute; right: 0px; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%)}

#section3 {padding:0px}






/* footer */
#footerW {clear:both; word-break: keep-all; position: relative; width:100%; background:#313538; margin-top:40px;}


#footer_navi > ul {max-width: 1200px; margin: 0 auto; font-size: 0px; text-align: left;}
#footer_navi > ul li {display: inline-block; vertical-align: middle; padding:0px 17px; background:url(../img/common/f_line.gif) no-repeat left center;}
#footer_navi > ul li:first-child {padding-left:0px; background: none;}
#footer_navi > ul li a {display:block; font-size:16px; color:#000000; line-height: 20px; font-weight:100; }


#footer .addressW {max-width: 1200px; box-sizing: border-box; margin: 0 auto; padding:35px 60px 35px 270px; position: relative; font-size:14px; color:#fff; line-height:21px; font-weight:100; background: url(../img/common/f_logo.gif) no-repeat left 30px;}
#footer .addressW a {color: #fff}
#footer .addressW address {margin-left: -8px; padding-top: 10px; line-height: 150%; color: #fff;}
#footer .addressW address span {display: inline-block; padding:2px 8px;}
#footer .addressW address .line {width: 1px; height:12px; background: #909193; padding: 0px; }
#footer .addressW address strong {display: inline-block; padding:2px 10px; color: #003876;}
#footer .addressW .copy {font-size: 14px; font-weight: 100; padding-top:5px; color: #999999;}
#footer .go_top {position: absolute; right:10px; top:30px; }
#footer .go_top a {display: block; color: #000; background: #252b2b; padding:15px; font-weight: 100;}
#footer .go_top a > span {display: block; text-align: center; padding-top: 10px; line-height: 140%;}




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




.sub_visual {height:250px; padding: 0px 10px; box-sizing: border-box; overflow: hidden; position: relative; background-size: cover!important; background: url(../img/common/sub_visual.jpg) no-repeat center top;}
.sub_visual .sub_txt {display: table; height: 100%; width: 100%;}
.sub_visual .sub_txt .cell {display: table-cell; vertical-align: middle; height: 100%; text-align: center; font-size:40px; color: #fff; font-weight: 500; line-height: 130%; padding-bottom: 70px; }
.sub_visual .sub_txt .cell h2 {font-weight:500;}


.sub_wrap_1 .sub_visual {background: url(../img/introduce/sub_visual.jpg) no-repeat center top;}
.sub_wrap_2 .sub_visual {background: url(../img/department/sub_visual.jpg) no-repeat center top;}
.sub_wrap_3 .sub_visual {background: url(../img/admission/sub_visual.jpg) no-repeat center top;}
.sub_wrap_4 .sub_visual {background: url(../img/company/sub_visual.jpg) no-repeat center top;}
.sub_wrap_5 .sub_visual {background: url(../img/center/sub_visual.jpg) no-repeat center top;}
.sub_wrap_6 .sub_visual {background: url(../img/community/sub_visual.jpg) no-repeat center top;}
.sub_wrap_7 .sub_visual {background: url(../img/student/sub_visual.jpg) no-repeat center top;}

.sub_wrap_8 .sub_visual {background: url(../img/corporation/sub_visual.jpg) no-repeat center top;}
.sub_wrap_9 .sub_visual {background: url(../img/mypage/sub_visual.jpg) no-repeat center top;}


.sub_wrap .bt_quick {display: none}

#sub_tit {font-size:36px; color: #fff; font-weight:700; line-height:140%;}
#sub_tit .txt_s {font-size:36px; display: inline-block;}


#m_lnb {display:none;}

#lnb_wrap {position:relative; min-height:74px; z-index:10; margin-top: -74px; box-sizing:border-box;}
#lnb_wrap .lnb {max-width: 1200px; margin: 0 auto;}
#lnb_wrap .lnbs1 {display: none;}
#lnb_wrap .ico_home {display: none;}
#lnb_wrap .ico_home a {display:block; width:49px; height:41px; text-indent:-1000px; font-size:0px; background:url(../img/common/ico_home.gif) no-repeat center center #f1592a;}
.lnbs2 ul {text-align: center; font-size: 0px;}
.lnbs2 ul li {color:#fff; display: inline-block; position: relative; border: 1px solid #fff; border-left:none; min-width:215px; }
.lnbs2 ul li:first-child {border-left: 1px solid #fff;}
.lnbs2 ul li a {color:#fff; font-size:18px; display:block; line-height:25px; max-height:70px; padding:15px 0px 15px 0px; box-sizing:border-box; font-weight:400;}
.lnbs2 ul li.on a {color:#000; background: #fff;}
#lnb_tit2 {display: none}



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



.title_bar {margin-bottom:50px;}
.title_bar h2 {font-size:32px; text-align: center; font-weight:600; color:#000000; line-height:140%; transition: all 0.2s 0s ease-in-out;}
.title_bar:after {display: none; content: ""; width: 1px; height:46px; background: #039cf7; margin: 0 auto; margin-top: 20px;}
.title_bar .s_txt {font-size:36px; color:#000; padding-top:30px; line-height: 140%; font-weight: 100; padding-bottom:10px; word-break: keep-all}
.big_tit {font-size:46px; color:#000000; line-height:100%; transition: all 0.2s 0s ease-in-out; font-weight:700; padding: 40px 0px 30px 0px;}


.location {position: relative; margin: 0 auto; margin-top: 10px; line-height:60px; height:60px; font-size:15px;}
.location span {display:inline-block; zoom:1; *display:inline; padding-left:15px; margin-left:10px; background:url(../img/common/location.png) no-repeat left center; color:#666666; font-weight:100;}
.location span:first-child {padding-left:0px; margin-left:0px; background:none}
.location #location_2 {font-weight:400; color: #000}
.location #location_3 {font-weight:400;}
.location img {vertical-align:middle; margin-top: -4px;}



.sub_con {min-height:100px; max-width: 1200px; margin: 0 auto; font-size:16px; font-weight: 300; line-height: 160%; word-break: keep-all;}
.sub_con > .s_tit:first-child {margin-top: -20px;}
.sub_con img {max-width: 100%;}
.sub_tit {font-size: 26px; color: #333333; line-height: 140%; text-align: center; padding: 20px 0px 10px 0px;}
.sub_tit_p {font-size: 24px; color: #82308e; line-height: 140%; text-align: center; padding: 20px 0px 10px 0px; font-weight: 700;}

.s_tit {font-size:26px; position: relative; color: #333333; line-height:120%; padding:0px 0px 20px 40px; margin-top:60px; font-weight:600;}
.s_tit .small {display: inline-block; color: #5c5c5c; font-size: 0.85em; font-weight: 100;}
.txt_in {padding-left:35px;}

.s_tit:after {display: block; content:""; width:22px; height:22px; background:#33c2e9; position: absolute; left:12px; top:0px; border-radius:100%; opacity:0.8;  }
.s_tit:before {display: block; content:""; width:22px; height:22px; background:#339bd6; position: absolute; left:0px; top:6px; border-radius:100%; opacity:0.8;}
.s_tit.tc {text-align: center; background: none !important; padding-left: 0px;}
.ss_tit {font-size:22px; color: #333333; line-height: 140%; padding: 20px 0px 10px 0px; margin-top:15px; font-weight:500; }
.s_titW {max-width: 1200px; margin:0 auto; padding: 50px 0px 5px 0px;}
.sss_tit {color:#333333; position: relative; padding:0px 0px 5px 13px; margin-top:15px; line-height:140%; font-size:1em; font-weight: 400;}
.sss_tit:before {display: block; content: ""; width: 5px; height: 1px; background:#333; position: absolute; left: 0px; margin-top: -2px; top:50%;}
.b_tit {font-size:17px; padding:20px 0px 5px 0px; line-height: 150%;}

.b_txt {font-size: 18px; color: #494949; line-height: 150%;}
.s_txt_r {text-align: right; margin-top: -35px; height: 20px; padding-bottom:15px;}
.s_txt_r2 {height: 40px; margin-top: -55px;}
.f13em {font-size:1.3em; line-height:170%}
.ss_tit .s_txt {font-size:14px; font-weight: 300; margin-left: 10px;}


.equipment {position: relative; padding-left: 345px; min-height:326px; }
.equipment .pic {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; max-width: 326px; max-height: 326px; }
.equipment .pic img {width: 100%; height: 100%;}
.equipment .info > li {margin-top: 15px; color: #666666; font-size: 16px; line-height: 140%; padding-left: 15px; position: relative;}
.equipment .info > li:before {display: block; content: ""; width:6px; height:6px; background:#4c99e4; border-radius:100%; position: absolute; left: 0px; top: 8px;}
.equipment .info > li .txt_t {font-size: 1.05em; display: block; font-weight: 500; color: #333; padding-bottom: 5px;}

.board_logo {position: relative; padding: 0px 70px 40px 70px; text-align: center;}
.board_logo .bt {position: absolute; right: 0px; top: 0px;}
.board_logo .bt > a {display: block; background: #3c90e2; width: 67px; height: 67px; box-sizing: border-box; padding:16px;}
.board_logo .bt > a > span {display: block; height: 2px; background: #fff; margin-top:7px; }
.board_logo .logo {margin: 0 auto; width: 100%; max-width:260px; }
.board_logo .title {font-size:1.6em; font-weight: 600; color: #000; line-height: 140%; }

.aplly2 {text-align: center;}
.aplly2 .gray_box {background: #efeff2; padding: 30px; font-size: 1.05em;}
.aplly2 .gray_box .ico_note {display: inline-block; color: #0b4da2;}
.aplly2 .gray_box .txt1 {font-size: 1.3em; line-height: 140%; padding-bottom: 20px;}
.aplly2 .gray_box .bt {padding-top:40px;}
.aplly2 .gray_box .bt > a {background: #0b4da2; color: #fff; }
.aplly2 .gray_box .bt {padding-top:40px;}
.aplly2 .bt > a {display: block; max-width: 500px; margin: 0 auto; height: 82px; line-height: 82px; text-align: center; font-size: 1.4em; background: #fff; border-radius:60px; border: 1px solid #0b4da2; box-sizing: border-box; color: #0b4da2; }

.vita_box {background:#f2f2f2; padding: 20px;}
.vita_box .bt_down a {display: block; max-width:295px; box-sizing: border-box; padding: 0px 20px; background: #003d75; color: #fff;}
.vita_box .bt_down a > span {display: block; line-height: 130%; padding:12px 30px 14px 0px; background: url(../img/common/ico_down.png) no-repeat right center;}
.vita_box .file_input > label {display: block; height: auto; max-width:295px; box-sizing: border-box; padding: 0px 20px; background: #3c90e2; color: #fff;}
.vita_box .file_input > label > span {display: block; line-height: 130%; padding:12px 30px 14px 0px; background: url(../img/common/arrow3.png) no-repeat right center;}

.apply_status {margin: 0px -5px 30px 1px;}
.apply_status:after {display: block; content: ""; clear: both;}
.apply_status > li {float: left; width: 20%; box-sizing: border-box; border: 1px solid #cccccc; text-align: center; padding:15px; min-height: 170px; margin: 0px 0px 0px -1px; font-size: 0.95em; line-height: 140%;}
.apply_status > li dt {border-radius:60px; font-weight: 300; margin-bottom:15px; text-align: center; padding:6px 10px 8px 10px; color: #fff;}
.apply_status > li:nth-child(1) dt {background: #003d75;}
.apply_status > li:nth-child(2) dt {background: #666666;}
.apply_status > li:nth-child(3) dt {background: #3c90e2;}
.apply_status > li:nth-child(4) dt {background: #666666;}
.apply_status > li:nth-child(5) dt {background: #e46c0a;}
.apply_status > li dd {color: #666666}

.state_ico {max-width:200px; background: #666666; border-radius:60px; padding:10px 5px; text-align: center; margin: 0 auto; color: #fff; line-height: 130%; word-break: keep-all;}
.state_ico.on {background: #e46c0a;}


.point_box {border: 1px solid #cccccc; background:#f3f4f8; padding:2%;}

.survey_box {border: 1px solid #ccc; margin-top: 30px;}
.survey_box > h3 {text-align: center; padding: 30px; font-size:24px; background: #f3f4f8; border-bottom: 1px solid #ccc; line-height: 140%; font-weight: 600;}
.survey_box > h3 .fn {font-size: 0.8em;}
.survey_box .radio_group {padding: 20px;}

.finish_box {border: 1px solid #cccccc; text-align: center; background:#fff; font-size:1.8em; line-height: 140%; padding:25px;}
.finish_box > p {padding-top:150px; background: url(../img/mypage/ico_leave.gif) no-repeat center top;}

.note_box {border: 1px solid #ccc; padding: 25px 25px 25px 215px; background: url(../img/admission/01_note.gif) no-repeat 40px center; min-height:128px;}
.p_count > span {position: relative; padding-left: 10px; margin-left: 10px;}
.p_count > span:before {display: block; content: ""; width: 1px; height: 80%; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); background: #cccccc}
.p_count > span:first-child {margin: 0px; padding: 0px;}
.p_count > span:first-child:before {display: none;}

.recruit_list:after {display: block; clear: both; content: "";}
.recruit_list {margin: 1px -4px 0px 1px;}
.recruit_list > li {float: left; width: 33.333%; padding: 20px 5px; box-sizing: border-box; border: 1px solid #ccc; margin:-1px 0px 0px -1px; }
.recruit_list > li > dl {min-height:200px; text-align: center; color: #333333; font-size: 1.1em;}
.recruit_list > li > dl > dt { line-height: 140%; min-height: 50px; font-weight:400;}
.recruit_list > li > dl > dd {padding-top: 10px;}
.recruit_list > li > dl > dd .count {width:90px; height: 90px; box-sizing: border-box; line-height: 90px; border-radius: 100%; background: #f0f1f5; margin: 0 auto;}
.recruit_list > li > dl > dd .count > strong {font-size: 1.6em; color: #339bd6; font-weight: 600;}
.recruit_list > li > dl > dd .txt_t {font-size: 1.2em; padding-top: 10px;}
.recruit_list.long > li > dl {min-height:290px;}

.way_wrap {overflow: hidden;}
.way_wrap .wayW {border: 1px solid #ccc; box-sizing: border-box; float: left; width: 50%; padding: 25px; text-align: center}
.way_wrap .wayW > p {font-size: 1.15em; padding-bottom: 10px;}
.way_wrap .wayW:nth-child(2) {border-left:none;}
.way_wrap .wayW > h4 {font-size: 1.4em; color: #339bd6; line-height: 140%; padding-bottom: 20px;}
.way_wrap .wayW .graph:after {display: block; content: ""; clear: both;}

.way_wrap .wayW .graph > li {box-sizing: border-box; float: left; min-height:70px; padding:15px 5px; color: #fff; font-size: 1.2em;}
.way_wrap .wayW .graph > li.w20 {width: 20%;}
.way_wrap .wayW .graph > li.w40 {width: 40%;}
.way_wrap .wayW .graph > li.w60 {width: 60%;}
.way_wrap .wayW .graph > li.w100 {width: 100%;}
.way_wrap .wayW .graph > li:nth-child(1) {background: #33c2e9}
.way_wrap .wayW .graph > li:nth-child(2) {background: #339bd6}
.way_wrap .wayW .graph > li:nth-child(3) {background: #003d75}
.way_wrap .wayW .graph > li .txt > strong {font-size: 1.9em; line-height: 110%; display: inline-block; vertical-align: top; padding: 0px 5px 0px 0px;}
.way_wrap .wayW .graph > li .txt img {vertical-align: middle;}

.pa_list {overflow: hidden; padding-top: 10px; margin: 0px -20px;}
.pa_list > li {float: left; margin-top: 5px; padding: 5px 20px; width: 50%; box-sizing: border-box;}
.pa_list > li > dl {position: relative; padding: 3px 0px 3px 135px; font-size: 1.05em;}
.pa_list > li > dl dt {position: absolute; left: 0px; top: 0px; line-height:37px; text-align: center; min-width: 122px; color: #fff; background: #0aaee0; border-radius: 60px;}

.last_year {padding: 25px 10px; background: #f3f4f8; margin-top:30px;}
.last_year > h4 {text-align: center; font-size:1.4em; padding-bottom: 20px; line-height: 140%; text-align: center}
.last_year > ul {overflow: hidden; position: relative;}
.last_year > ul:After {display: block; content: ""; width: 1px; height: 80%; background: #ccc; position: absolute; left:50%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.last_year > ul > li {box-sizing: border-box; float: left; width: 50%; text-align: center; padding: 10px;}
.last_year > ul > li > div {display: inline-block; vertical-align: top; padding-left:90px; min-height: 61px; font-size: 1.1em; color: #003d75; font-weight: 400;}
.last_year > ul > li:nth-child(1) > div {background: url(../img/admission/03_ico01.png) no-repeat left top;}
.last_year > ul > li:nth-child(2) > div {background: url(../img/admission/03_ico02.png) no-repeat left top;}
.last_year > ul > li > div .txt_t {font-size: 2.5em; display: inline-block; vertical-align: top; line-height: 100%;}
.last_year > ul > li > div .txt_t .fn {font-size:0.4em;}
.last_year > ul > li > dl {text-align: left; padding: 0px 10px;}
.last_year > ul > li > dl dt {color: #000; text-align: center; font-size: 1.4em; font-weight: 500; padding-bottom: 20px; line-height: 140%;}
.last_year > ul > li > dl dd {padding-left:85px;}
.last_year > ul > li:nth-child(1) > dl dd {background: url(../img/admission/03_ico10.png) no-repeat left top;}
.last_year > ul > li:nth-child(2) > dl dd {background: url(../img/admission/03_ico11.png) no-repeat left top;}

.book_list {overflow: hidden;}
.book_list > li {float: left; width: 50%; box-sizing: border-box; padding: 5px; text-align: center;}
.book_list > li .ico {display: inline-block; vertical-align:middle}

.center_box {border: 1px solid #ccc; overflow: hidden; position: relative; padding:20px 20px 20px 445px; box-sizing: border-box; min-height:305px; }
.center_box .photo {position: absolute; left: 50px; top:30px;}
.center_box > dl {box-sizing: border-box; margin-bottom:20px; font-size: 1.05em; min-height:125px; float: left; width: 50%; padding:25px 15px 25px 115px; position: relative;}
.center_box > dl.last {float: none; clear: both; border-top:1px solid #e5e5e5;  width: 100%;}
.center_box > dl dt {position: absolute; left:15px; top:25px; text-align: center; color: #003d75;}
.center_box > dl dt .ico {display: block; padding-bottom: 5px;}
.center_box > dl dd.count {color: #003d75; padding-top: 20px;}
.center_box > dl dd.count > strong {font-size:2.7em;}
.center_box > dl dd > ul > li {position: relative; padding-left:70px;}
.center_box > dl dd > ul > li .txt_t {position: absolute; left: 0px; top: 0px; font-size: 1.05em;}
.center_box2 > dl dd.count {color: #3295c2}
.center_box2 > dl dt {color: #3295c2}
.center_box .number_wrap {clear: both; }
.center_box .number_wrap > ul {border-top:1px solid #e5e5e5; overflow: hidden; padding-top: 25px;}
.center_box .number_wrap > ul > li {float: left; width: 50%; box-sizing: border-box; padding: 10px; text-align: center; }
.center_box .number_wrap > ul > li .txt_t {color: #666666; font-size: 1.05em; line-height: 140%;}
.center_box .number_wrap > ul > li .txt_t > strong {display: block; color: #000; font-size: 1.25em; line-height: 140%;}
.center_box .number_wrap > ul > li .percent {font-size: 30px; line-height: 140%; font-weight: 500; color: #999999;}
.center_box .number_wrap > ul > li .percent > strong {font-size:2.5em; line-height: 130%;}
.center_box .number_wrap > ul > li:nth-child(1) .percent {color: #3295c2;}


.center_info {background: #f3f4f8; padding: 30px 20px;}
.center_info > h3 {text-align: center; color: #003d75; font-size: 2em; font-weight:700; line-height: 140%; }
.won_box {border-radius:100px; background: #fff; padding:30px 40px; margin-top:24px; position: relative;} 
.won_box .ico_wrap {overflow: hidden; padding: 10px 0px; } 
.won_box .ico_wrap > li {float: left; box-sizing: border-box; text-align: center; padding:5px; width: 14.2%;} 
.won_box .ico_wrap > li .ico {display: block; padding-bottom: 10px;} 
.won_box .ico2_wrap {overflow: hidden; max-width:715px; margin: 0 auto;} 
.won_box .ico2_wrap > li {float: left; box-sizing: border-box; text-align: center; padding: 10px; width:33.333%;} 
.won_box .ico2_wrap > li .ico2 {display: block; border-radius: 60px; font-size:1.8em; background: #003d75; color: #fff; line-height: 120%; padding: 17px 20px;} 
.won_box2:before {display: block; content: ""; width:18px; height: 44px; background:url(../img/center/line.png) no-repeat center top; position: absolute; left: 50%; bottom:100%; margin:0px 0px -10px -12px;} 

.box_list:after {display: block; content: ""; clear: both;}
.box_list {margin: 1px -3px 0px 1px; padding-top: 60px;}
.box_list > li {float: left; width: 33.3333%; margin: -1px 0px 0px -1px; box-sizing:border-box; padding: 20px; text-align: center; border: 1px solid #ccc;}
.box_list > li .txt_t {display: block; font-size: 1.2em; font-weight:400;}
.box_list > li .ico {display: block; padding:15px 0px;}
.box_list > li .txt {display: block; min-height:96px; padding-top: 10px;}

.rent_step {border: 1px solid #ccc;}
.rent_step > ul {overflow: hidden; padding:40px 0px;}
.rent_step > ul > li {float: left; width: 25%; box-sizing:border-box; padding:20px; text-align: center;}
.rent_step > ul > li .ico {display: block; position: relative;}
.rent_step > ul > li .ico:before {display: block; content: ""; width:26px; height:30px; background: url(../img/center/arrow.png) no-repeat left top; position: absolute; left: -33px; top: 50%; margin-top: -15px;}
.rent_step > ul > li:first-child .ico:before {display:none;}
.rent_step > ul > li .txt {display:block; padding-top: 10px; font-size: 1.15em;}

.tel_txt_w {margin: 0px -1px 0px 1px;}
.tel_txt_w:after {display: block; content: ""; clear: both;}
.tel_txt_w > li {float: left; width: 50%; box-sizing: border-box; border: 1px solid #ccc; margin-left: -1px; padding:20px 10px; text-align: center; font-size: 1.1em;}

.tel_txt .ico {display: inline-block; vertical-align: middle; padding-right: 10px;}

.participate_info {border:1px solid #ccc; padding:20px;}
.participate_info > ul {overflow:hidden; margin:0px -20px;}
.participate_info > ul > li {float:left; padding:10px 20px; font-size:1.1em;}

.doc_down_bt  {overflow:hidden; margin:0px -5px; padding-top:10px;}
.doc_down_bt> li {float:left; width:33.3333%; box-sizing:border-box; padding:10px 5px; font-size:1.05em;}
.doc_down_bt> li > a {display:block; color:#fff; text-align:center; padding:0px 20px; background:#0b4da2; border-radius:60px;}
.doc_down_bt> li > a > span {display:block;padding:20px 25px; background:url(../img/common/ico_down.png) no-repeat right center;}


.introduce .txt1 {font-size:1.7em; line-height:140%; padding-bottom:30px; font-weight:400; text-align:center;}
.introduce .txt2 {text-align:center;}
.introduce .txt3 {text-align:center; font-weight:400;}






.ico_tel {display: inline-block; padding-left:25px; background: url(../img/common/ico_tel.png) no-repeat left 5px;}
.ico_mail {display: inline-block; padding-left:25px; background: url(../img/common/ico_mail.png) no-repeat left 8px;}

.map_wrap {width: 100%; height:420px; overflow: hidden; border: 1px solid #ccc; box-sizing: border-box;}
.map_wrap iframe {width: 100% !important; height: 100% !important;}
.map_address {border: 1px solid #cccccc; padding:25px 10px 25px 80px; margin-bottom: 5px; position: relative; color: #000; font-size:18px;}
.map_address .ico {position: absolute; left:20px; top:20px; }
.map_address  > strong {padding-left: 10px;}

.map_txt {font-size: 0px; padding:20px 10px; border: 1px solid #ccc; border-top:none; }
.map_txt > li {position: relative; padding:2px 20px 2px 90px; font-size: 17px; color: #000; display: inline-block;}
.map_txt > li .ico {position: absolute; left:20px; top:5px;}
.map_txt > li .ico img {vertical-align: baseline;}
.map_txt > li > strong {display: block; font-size:1.05em;}
.map_txt > li a {color: #000}


.map_info {overflow: hidden; padding-top:0px; margin: 0px -10px;}
.map_info .cell {overflow: hidden; box-sizing: border-box;}
.map_info .cell dl {padding-left:65px; padding-right: 10px; box-sizing: border-box;}
.map_info .cell dl dt {font-size:1.05em; padding:15px 0px 5px 0px; line-height: 140%; font-weight:500; color: #333333;}
.map_info .cell dl dt:first-child {padding-top: 0px;}
.map_info .cell dl .arrow {display: inline-block; vertical-align: top; padding-left: 40px; background: url(../img/introduce/arrow.png) no-repeat 5px 10px;}
.map_info .cell .ico01 {background: url(../img/introduce/ico_car.png) no-repeat 10px top;}
.map_info .cell .ico02 {background: url(../img/introduce/ico_air.png) no-repeat 10px top;}
.map_info .cell .ico03 {background: url(../img/introduce/ico_metro.png) no-repeat 10px top;}
.map_info .cell .ico04 {background: url(../img/introduce/ico_bus.png) no-repeat 10px top;}
.arrow_bg {display: inline-block; vertical-align: top; padding-left: 40px; background: url(../img/introduce/arrow.png) no-repeat 5px 10px;}
.ico_note {padding-left:35px; background: url(../img/common/ico_note.png) no-repeat left 2px; min-height:30px; }


.ico_list {overflow: hidden; margin:-10px; max-width:730px; padding-top: 40px;}
.ico_list > li {float:left; width:20%; box-sizing: border-box; text-align: center; padding:10px; word-break: break-all}
.ico_list > li .ico {display: block; padding-bottom: 5px;}
.ico_list.three {max-width:450px }
.ico_list.three > li {width:33.33333%}

.view_tit {padding:20px 10px 20px 10px; background: #f0f1f5; border: 1px solid #ccc; border-top:1px solid #333;  text-align: center;}
.view_tit .v_tit {font-size: 1.5em; 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 {font-size: 0px; padding-top:0px;}
.view_tit .v_list > li {display: inline-block; color: #003366; vertical-align: top; font-size:1.05rem; 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 {padding: 10px 0px; text-align: right;}
.t_name {padding: 20px 0px; font-size: 1.15em; color: #666666; line-height: 34px;}
.t_name img {vertical-align: top; padding-left: 5px;}
.br_box {padding: 15px;}
.gray_box {background:#f2f2f2; padding:10px;}

.ico_level {display: inline-block; width: 27px; height: 34px; text-align: center; line-height: 34px; background: url(../img/graduate/ico_level.png) no-repeat center top; color: #000000; }


.radio_group.radio_type1 {margin-left: -3px;}
.radio_group.radio_type1 > li {padding: 5px 0px 0px 3px;}
.radio_group.radio_type1 > li > label {display: block; min-width:30px; text-align: center; padding:0px 12px; height:22px; line-height:20px; font-size: 14px; cursor: pointer; border: 1px solid #003876; background: #fff; border-radius:20px; color: #003876}
.radio_type1 > li > label .ez-radio {display: none;}
.radio_type1 > li > label.ez-selected {background: #003876; color:#fff}





/* print */
#print_wrap {display: table; width: 100%; height: 100%; font-size: 17px;}
#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 h1 {text-align: center; padding: 25px 0px;}
#print_wrap .user_info {font-size: 17px;}
#print_wrap .user_info > li {overflow: hidden; margin-top: 10px; line-height: 150%; padding-left:90px; min-height: 30px; position:relative;}
#print_wrap .user_info > li .txt_t {position: absolute; font-weight: 300; left: 0px; top: 0px;}
#print_wrap .date {padding: 50px 0px; text-align: center;}
#print_wrap .sign {text-align: center;}
#print_wrap table.board-list th {font-size: 1em;}


.faq_list {border-top: 1px solid #e2e2e2; margin-top: -1px;}
.faq_list > li {border-bottom: 1px solid #e2e2e2}
.faq_list > li .title {padding:26px 40px 27px 75px; background: url(../img/common/arrow.gif) no-repeat right center;line-height:140%; color: #323232; position: relative; font-size:15px; color: #666666; font-weight: 500; cursor: pointer;}
.faq_list > li .title.on {background: url(../img/common/arrow2.gif) no-repeat right center; color: #000000;}
.faq_list > li .title .q {position: absolute; width:36px; height: 36px; line-height:33px; border-radius:100%; border: 1px solid #cccccc; left:20px; top:50%; margin-top: -18px; color: #666666; text-align: center; font-weight:700; font-size: 24px;}
.faq_list > li .title.on .q {color: #0c91dd; border-color:#0c91dd; }
.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 #0c91dd; left:0px; top:0px; color: #0c91dd; text-align: center; font-weight:700; font-size: 24px;}



.radio_group {margin:-5px 0px 0px -15px;}
.radio_group > li {display: inline-block; padding: 5px 0px 0px 15px;}
.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; border-top:2px solid #333333; margin-top: 30px;}
.btn-tc > a {margin: 0px 10px;}
.btn-tl {text-align: left; padding: 30px 0px; border-top:2px solid #333333; margin-top: 30px;}
.btn-tr {text-align: right; padding: 30px 0px; border-top:2px solid #333333; margin-top: 30px;}


/*atab*/
.atab { margin-bottom:40px; padding-top: 10px;}
.atab:after {clear:both; display:block; content:"";}
.atab li {float:left; width:20%; box-sizing:border-box; position:relative; display: table; }
.atab li a {display:table-cell; width: 100%; height:65px; vertical-align: middle; background:#fff; font-size:1.05em; line-height: 130%; padding:0px 0px; text-align:center; color:#666666; box-sizing:border-box; font-weight: 400; border:1px solid #cccccc; border-left: none; word-break: break-all}
.atab li:first-child a {border-left:1px solid #cccccc;}
.atab li.on a {border: 1px solid #003d75 !important; background: #003d75; color: #fff;}
.atab li.on a:after {display: block; content: ""; width:4px; height:14px; background: #3c90e2; position: absolute; left:50%; bottom:0px; transform:translateX(-50%);}

.atab.two li {width:50%;}
.atab.three li {width:25%;}
.atab.four li {width:25%;}
.atab.two_row > li {margin: -1px 0px 0px -1px}
.atab.two_row > li.on {margin-top:-1px;}
.atab.two_row > li.on a {height: 50px;}
.atab.two_row > li > a {border-left:1px solid #cccccc;}

.btab {padding-top: 10px; margin: 0 auto; margin-bottom: 40px; font-size: 0px; text-align: center}
.btab:after {clear:both; display:block; content:"";}
.btab li {display: inline-block; max-width:200px; box-sizing:border-box; position:relative;}
.btab li a {display:block; width: 100%; padding:10px 0px; text-align:center; border: 1px solid #dddddd; color:#333333; box-sizing:border-box; font-size: 15px;}
.btab li.on a {color: #fff; background: #000}

.btab.two li {width:50%;}




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

/* 레이어팝 */
#black {display:none; background-color: #000; display: none; height: 100%; left: 0; opacity: 0.6; filter: alpha(opacity=60); position: fixed; top: 0; width: 100%; z-index: 9999;}
.layerPop {-webkit-overflow-scrolling: touch; overflow-y: auto; width: 100%; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999; background:url(../img/common/png_70.png) repeat left top;/*background:#d7d7d7;*/ zoom: 1;}

.layerPop_inner {width: 100%; height: 100%; padding: 15px; display: table; position: relative; margin: 0 auto; box-sizing: border-box;}
.pop_wrap {display: table-cell; vertical-align: middle; position: relative;}
.pop_wrap .pop_body {padding:15px 20px; font-size: 15px; background: #fff; word-break: keep-all;}
.pop_wrap .pop_body .btns {padding-top: 20px;}
.pop_wrap .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: #3c90e2; position: relative;}
.pop_wrap .pop_head .title {font-size:22px; line-height:150%;  color: #fff; padding:18px 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: 20px 0px 0px 0px; margin-top:15px;}
.pop_body .btn-tc > a {margin: 0px 10px;}




/* 팝업 */

.popup_scroll {max-height:700px; overflow-x:hidden; overflow-y:auto;}

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

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



/* member */
.login_wrap {margin:0 auto; background: #fff; padding:15px; box-sizing: border-box;}
.login_wrap .login_bt .btn {background-color: #0b4da2; border: 1px solid #0b4da2; color: #fff; padding: 12px; line-height:50px; display: block; font-size: 22px; text-align: center;font-weight:300; width: 100%; cursor: pointer; box-sizing: border-box; -moz-box-size: border-box; border-radius:60px; }
.login_wrap .id_save {font-size:15px; color:#000; margin:0px 0px 20px 0px; float: left;}
.signup {padding:30px 0px 15px 0px;}
.signup_or {position:relative; margin-bottom:5px; text-align:center; background:url(../img/common/line.gif) repeat-x left center;}
.signup_or_text {background-color:#fff; display:inline-block; padding:8px; font-size:14px; font-weight: 500; color:#82888a;}
.signup li { margin-bottom:5px;}
.signup li input {width:100%; height:60px; padding:8px 10px; display:block; border:1px solid #cccccc; border-radius:0px; background-color:#f7f7f7; color:#565a5c; box-sizing:border-box; -moz-box-size:border-box; font-size:15px;}
.find_idpw {text-align: right; padding: 10px 0px 20px 0px; font-size: 0px;}
.find_idpw > li {display: inline-block; vertical-align: top; font-size: 15px; line-height: 20px; padding-left:10px; margin-left: 10px; background: url(../img/common/top_line2.gif) no-repeat left center;}
.find_idpw > li:first-child {background: none; padding: 0px; margin: 0px;}
.find_idpw > li a {font-size:15px; color:#666666; font-weight: 500;}
.find_ok {text-align: center; padding:170px 0px 20px 0px; font-size:18px; line-height: 150%; background: url(../img/member/ico_mail.gif) no-repeat center top; }



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

.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: #003876; padding: 12px; line-height: 40px; display: block; font-size:22px; text-align: center; font-weight:300; width: 100%; border: 1px solid #003876; cursor: pointer; box-sizing: border-box; -moz-box-size: border-box;}
.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; }
.member_wrap {max-width:590px; margin:0 auto;}
.check_boxW {background:#fff; border:1px solid #dadada; padding:15px 5px;}
.add_bt {position: absolute; right: 0px; top: 0px;}

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


.join_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.3333%; 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: url(../img/member/join_step_on.gif) no-repeat 90% center; border: 1px solid #0c91dd; z-index: 99; position: relative;}
.join_step > ol > li.on .num {color: #0c91dd;}
.join_step > ol > li.on .txt {color: #0c91dd; }





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

.w_cell {font-style: normal}






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

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

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


/* 보유장비 예약 상세 - 2020.12.14 신규추가 */
.detailView { width:100%; }
.detailTitle { width:calc(100% - 30px); border-bottom: 1px solid #eaeaea; padding: 0 15px; }
.detailTitle h2 { font-weight: normal; font-size: 24px;  margin: 0; line-height: 60px; color: #222; }
.detailContent { width:calc(100% - 30px); border-bottom: 1px solid #eaeaea; padding:10px 15px; display: inline-block; }
.detailImg { float:left; width:60%; }
.detailTxt { float:left; width:40%; }
.detailTxt01
.detailTxtTitle h5 { margin: 10px 0 5px; padding: 0; font-size: 16px; color: #5A6378; letter-spacing: -1px; }
.detailTxtContent ul { list-style:disc; }

#calendar-wrap { width:calc(100% - 30px); padding:15px; display: inline-block; }
#calendar-wrap header { text-align:center;  padding:0px 0 30px; }
#calendar-wrap header h1 { font-size:24px; font-weight:bold; }
#calendar { width: 100%; }
#calendar a { color: #8e352e; text-decoration: none; }
#calendar ul { list-style: none; padding: 0; margin: 0; width: 100%; }
#calendar li { display: block; float: left; width:14.36%; padding: 5px; box-sizing: border-box; border: 1px solid #ccc; margin-right: -1px; margin-bottom: -1px; }
#calendar ul.weekdays { height: 40px; background: #8e352e; }
#calendar ul.weekdays li { text-align: center; text-transform: uppercase; line-height: 20px; border: none !important; padding: 10px 6px; color: #fff; font-size: 13px; }
#calendar .days li { height: 180px; font-size:12px; line-height:18px; }
#calendar .days li:hover { background: #d3d3d3; }
#calendar .date { text-align: center; margin:0px; padding:4px; background: #333; color: #fff; width:20px; height:20px; border-radius:50%; float: left; }
#calendar .event { clear: both; display: block; font-size: 13px; padding: 5px; margin:30px 0 5px; line-height: 14px; background:transparent; color: #009aaf; text-decoration: none; }
#calendar .event01 { margin:5px 0 5px; height:18px; }
#calendar .event-desc { float:left; color: #666; margin:2px 0; text-decoration: none; }
#calendar .event-desc .icon_possible { width:10px; height: 10px; padding:0px 2px; border-radius: 3px; background: #6ec02f; color: #fff; }
#calendar .event-desc .icon_finish { width:10px; height: 10px; padding:0px 2px; border-radius: 3px; background: #ff6559; color: #fff; }
#calendar .event-desc .icon_wait { width:10px; height: 10px; padding:0px 2px; border-radius: 3px; background: #676767; color: #fff; }
#calendar .event-time { float:left; color: #666; margin:2px 0 2px 10px; text-decoration: none; }
#calendar .other-month { background: #f5f5f5; color: #666; }

.reservationArea { clear:both; width:calc(100% - 34px); border:2px solid #768395; margin:30px 0 0; padding:15px; display: inline-block; }
.reservationArea .pName h3 {font-size: 24px; font-weight: bold; color: #768395; margin-bottom: 10px; }
.reservationArea span { color:#EF593A; }

.reservationUser { clear:both; width:100%; padding:0px; display: inline-block; }
.reservationUser .title { clear:both; width:100%; padding:0px; margin:0 0;  }
.reservationUser .title h4 { margin: 20px 0 10px 0; padding: 0; font-size: 16px; color: #5A6378; letter-spacing: -1px; }


.reservationUser01 { width:calc(100% - 2px); padding:0 0; border:1px solid #768395; display: inline-block; }
.reservationUser02 { width:100%; padding:0 0; display:block; clear:both; }
.reservationUser02 h5 { font-size:13px; font-weight:normal; line-height:16px; }
.reservationUser02 h5 sup { color:#f00 !important; }
.reservationUser02 .phone { width:100px; }
.reservationUser02 .phone01 { width:100px; margin:0 0 0 10px; }
.reservationUser02 .captcha { width:30%; }
.reservationUser02 .reservationUser02L { float:left; width:calc(15% - 30px); padding:12px 15px; background:#f5f5f5; color:#656565; border-bottom:1px solid #ddd; }
.reservationUser02 .reservationUser02R { float:right; width:calc(85% - 30px); padding:4px 15px; border-bottom:1px solid #ddd; }


.agree { clear:both; width:calc(100% - 30px); background:#f6f6f6; margin:30px 0 0; padding:15px; display: inline-block; }
.agree h5 { font-size:13px; font-weight:normal; line-height:16px; margin:10px 0 10px; }
.agree01 { border-top: 1px solid #eaeaea; padding:20px 20px 0; text-align:right; }
.agree01 label { font-size:13px; font-weight:normal; line-height:16px; margin:10px 0 10px; }

.btnArea { clear:both; width:calc(100% - 30px); margin:10px 0 0; padding:15px; display: inline-block; }
.btnAreaL { width:calc(50% - 2px); display: inline-block; }
.btnAreaL a { float:right; }
.btnAreaR { width:calc(50% - 2px); display: inline-block; }
.btnAreaR a { float:left; }

@media (max-width:993px) {
    .detailImg { float:left; width:50%; }
    .detailTxt { float:left; width:50%; }
    #calendar .weekdays, #calendar .other-month { display: none; }
    #calendar li { height: auto !important; border: 1px solid #ededed; width: 100%; padding: 10px; margin-bottom: -1px; }
    #calendar .date { float: none; }
    .reservationUser02 .reservationUser02L { float:left; width:calc(25% - 30px); }
    .reservationUser02 .reservationUser02R { float:right; width:calc(75% - 30px); }
    .reservationUser02 .captcha { width:100%; }
}
@media (max-width:768px) {
    .detailImg { float: left; width: 100%; }
    .detailTxt { float: left; width: 100%; }
    .reservationUser02 .reservationUser02L { float:left; width:calc(35% - 30px); }
    .reservationUser02 .reservationUser02R { float:right; width:calc(65% - 30px); }
    .reservationUser02 .phone { width:50px; }
    .reservationUser02 .phone01 { width:50px; margin:0 0 0 2px; }
}




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



}


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

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

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

    #footer .addressW {padding-left:10px; background: none;}
    
    .rightW {float: none; max-width: 100%;}
     
    

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

    #wrap {padding-top:95px; }
    #header {border-bottom: 1px solid #ccc}
    #header h1 {text-align: left;}
    #header .inner {padding: 0px;}
    .in_header {padding-right:60px;}
    .in_header .top_menu {display: none;}
    .m_gnb_on {display: block;}
    .w_gnb {display:none;}
    
	#gnb_bar {display:none !important;}
	
    
    .inner {padding: 0px 10px;}
    .main_visual .v_txt {font-size: 3em; padding-bottom:50px;}
    .main_visual .bx-controls {bottom:30px;}
    
    .main_banner {padding:0px; margin-top: 0px;}
    .main_banner .t_area {position: relative; left: auto; top: auto; text-align: center;}
    .main_banner .t_area > h3:after {display: none;}
    .main_banner .t_area .txt_s br {display: none;}
    .main_banner > ul {padding-top: 30px;}

    .main_board_wrap .main_board {float: none; width: 100%; clear: both; padding-top: 20px;}
    .main_board_wrap .main_movie {float: none; width: 100%; clear: both; padding-top: 20px;}
    .main_board_wrap .main_quick {float: none; width: 100%; clear: both; padding-top: 20px;}
    .title_bar {margin-bottom: 25px; padding: 25px 0px 20px 0px;}
    .location {display: none;}
    #lnb_wrap {position:relative; min-height: 10px; padding: 0px; margin-top:0px; margin: 0px -10px; border-bottom:1px solid #e2e2e2; border-left:1px solid #e2e2e2; background:#fff;}
    #lnb_wrap:before {display: none;}
    #lnb_wrap .lnbs1 {display: block;}

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

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

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

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

    #lnb_wrap .ico_home {display: none;}
    #lnb_wrap .lnb .lnbs {width:50%; box-sizing: border-box;}
    .sub_visual {height: 200px;}
    .sub_visual .sub_txt .cell {padding-bottom:0px; font-size: 35px;}
    
    .apply_status {margin: 0px 0px 30px 0px;}
    .apply_status > li {float: none; min-height: 110px; width: 100%; margin:-1px 0px 0px 0px;}
  
    .center_box {padding: 20px;}
    .center_box .photo {position: relative; display: block; left: auto; top: auto; text-align: center; }
 
    
}

/* 768 이하 */
@media screen and (max-width:767px) {
    
    .in_header .top_menu {display: none;}
    .main_visual .v_frame img {height:320px; }
    .main_visual .bx-controls {bottom:10px;}
    .main_visual .v_txt {font-size:40px;}
    
    .main_banner > ul > li > a {font-size: 14px;}
    
 


    #footer .addressW {padding:10px; text-align: center}
    #footer .sns {position: relative; right: auto; top: auto; text-align: center;}
    #footer .go_top {top:15px;}
    #footer .go_top a {padding: 8px;}
    #footer .go_top a img {width:26px;}
    
    #footer_navi > ul {text-align: center; padding:15px 0px;}
    #footer_navi > ul li {padding: 0px 13px;}
    #footer_navi > ul li a {font-size: 13px;}

    #lnb_wrap .lnb {position: relative;}
    #lnb_wrap .ico_home {float: none; position: absolute; left: 0px; top: 0px;}
    #lnb_wrap .lnb .lnbs {width:50%; box-sizing: border-box;}
    
	.sub_con {font-size:15px;}
	
    .title_bar {margin-bottom:15px; padding:25px 0px 20px 0px;}
	.title_bar h2 {font-size: 2.2em;}
    .title_bar .s_txt {font-size: 1.15em;}

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

    
    .map_info .cell {float: none; width:100%;}
    .map_info .cell dl {float: none; width: 100%;}
    .map_info .cell .ico01 {margin-top: 0px;}
    
    
    
    
    
    .ico_note {padding-left:20px; background-size:15px auto; }
   
    
    
    
    .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; display: none;}

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

    
    .ev_tb tbody tr td {height:75px;}
    
    .equipment {padding: 0px; min-height: 10px;}
    .equipment .pic {position: relative; left: auto; top: auto; margin: 0 auto;}
    
    .way_wrap .wayW {float: none; width: 100%;}
    .way_wrap .wayW:nth-child(2) {border-left:1px solid #ccc; border-top: none;}
    
    .note_box {padding:15px; background: none; min-height: auto;}
    .way_wrap .wayW {padding: 15px;}
    
    .pa_list > li {float: none; width: 100%;}
    .last_year > ul > li {float: none; width: 100%;}
    .last_year > ul:After {display: none;}
    .center_box .photo {padding-bottom: 10px;}
    .center_box > dl {float: none; width: 100%; min-height:140px; border-top: 1px solid #e5e5e5;}

	.won_box .ico_wrap > li {width: 25%; font-size: 0.9em;}
    .won_box .ico2_wrap > li {padding:5px;}
    .won_box .ico2_wrap > li .ico2 {font-size: 1.4em; padding: 15px 10px;}
    .box_list {margin-right: 0px; padding-top: 20px;}
    .box_list > li {float: none; width: 100%;}
    .box_list > li .txt {min-height:10px;}
    .box_list > li .txt br {display: none;}
    
	.tel_txt_w > li {float: none; width: 100%; margin-top: -1px; text-align: left;}

	.doc_down_bt {max-width:500px; margin:0 auto;}
	.doc_down_bt> li {width:100%; float:none; padding:5px 0px; }

    
}
/* 600 이하 */
@media screen and (max-width:599px) {
    
    .main_banner > ul > li {float: none; width: 100%;}
    .main_banner > ul > li > a {min-height: 90px; padding-top: 5px; padding-bottom: 40px; background-position:center 90% !important;}
    .main_banner > ul > li > a:hover {background-position:center 90% !important;}
    
    
    
    .slide_banner {padding:25px 40px;}
    .slide_banner .bx_bt > a {padding: 10px;}
    
    #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;}
   
    
   
	#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 {position: absolute; right: 0px; top: auto; left: 0px; bottom:0px;}
    .bt_include .add_bt a {display: block;}

    
    
    #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;}
    
    .guide_tab > li {width:33.33%;}
 
    
    .m_box {padding:20px;}
    .more {right:20px; top:20px;}
    
    .over_layerW {position: relative;}
    .over_layer {overflow:auto;}
    .over_layerW:after {display: block; content: ""; width:10px; height: 100%; position: absolute; right: 0px; top: 0px; background: url(../img/common/bg_shadow.png) repeat-y left top}
    .over_layer > div {min-width: 600px;}
    
    .recruit_list {margin: 0px;}
    .recruit_list > li {float: none; border-top:none; width:100%; margin: 0px;}
    .recruit_list > li:first-child {border-top:1px solid #ccc;}
    .recruit_list > li > dl {min-height: auto !important;}
    .recruit_list > li > dl > dt {min-height: auto; padding-bottom: 5px;}
	.rent_step > ul {padding:10px;}
	.rent_step > ul > li {width:100%; float:none; padding:30px 10px;}
	.rent_step > ul > li .ico:before {left: 50%; top:auto; top:0px; margin:-35px 0px 0px -15px; transform:rotate(90deg);}

}



/* 480px 이하 */
@media screen and (max-width:479px) {
    #wrap {padding-top:60px; transition: all 0.3s 0s ease-in-out;}
    
    #header h1 {position: absolute; left: 5px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);transition: all 0.3s 0s ease-in-out; padding: 0px; max-width: calc(100% - 60px);}
    #header h1 img {height:36px;}
    .in_header {height: 60px;}
    .top_menu {font-size:12px;}
    .top_menu .y_go {width: 100px;}
    .top_menu .y_go > a {line-height:30px; height:30px; border-bottom:2px solid #ffc240;}



    .menu_btn {height: 18px; width: 24px;}
    .menu_btn .line-middle {top:8px;}
	
    .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;}
    .board_tab {margin-top: -54px;}    
    .m_tit {font-size:26px; padding-bottom: 10px;}
    .main_board_wrap .main_board .br_box {padding: 15px;}
    .main_board_wrap .more {right:15px; top:15px;}
    .main_board_wrap .main_board {padding-top: 0px;}
    .main_board_wrap .main_movie .videoDiv {height: auto;}
    .main_board_wrap .main_movie .videoDiv video {height: auto !important;}
    .m_board .first_new .day strong {font-size: 19px;}
    .m_board .first_new a .tit {font-size: 16px;}
   
    .main_board_wrap .main_quick > ul > li {padding: 7px 0px;}
    
    
    #footer .go_top {display: none;}
   
    #footer .sns img {width: 25px;}
    #footer .addressW address {margin: 0px;}
    #footer .addressW address strong {display: block;}
    
    #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; color: #fff; font-weight: 700; line-height: 140%; padding-bottom:40px;}

    
    #lnb_wrap {background: url(../img/common/png_50.png) repeat left top; margin-top: -53px; border-top:1px solid #9b9a98}
    #lnb_wrap .lnb {padding-left:0px; position: relative;}
    #lnb_wrap .ico_home {display: none}
    #lnb_tit {display: none;}
    #lnb_wrap .lnb .lnbs {width:100%; border: none; box-sizing: border-box;}
    #lnb_tit2 {padding-left:0px; text-align: center; color: #fff; line-height:51px; height:51px; background: url(../img/common/lnb_arrow3.png) no-repeat right center; font-size: 14px;}
    
    #lnb_tit2.on {background:url(../img/common/lnb_arrow3_on.png) no-repeat right center;}
    #lnb_wrap .lnb .lnbs .copy_menu {top:52px; border: none; box-shadow:0px 1px 3px #ccc;}
    #lnb_wrap #gnb_menu {display: none !important;}
    .lnb ul li a {font-size: 14px;}
    
    
    .vision .box > li {width: 50%; min-height: 60px;}
    .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;}
    
    .board_logo {padding: 0px 50px 20px 50px;}
    .board_logo .logo {width: 85%}
    .board_logo .bt {top: 10px;}
    .board_logo .bt > a {width: 40px; height: 40px; padding:9px;}
    .board_logo .bt > a > span {margin-top: 4px;}
    
    .aplly2 .bt > a {height:52px; line-height:52px;}


    
    
    .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 {padding:0px;}
	.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 {margin-bottom:5px; font-size:20px; padding:0px 0px 10px 30px;}
    .s_tit:before {width:16px; height: 16px; top:6px;}
    .s_tit:after {width:16px; height: 16px; left:8px; top:2px;}
    .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;}
	#inner_wrap {padding-bottom: 30px;}
    #inner_wrap.no_visual {padding-top: 30px;}
    .sub_visual {height:190px;}
    .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:15px 0px 20px 0px; margin-bottom:20px;}
	.title_bar h2 {font-size:1.65em; }
	.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:105px !important;}
	.m_th {width:85px !important;}
    .m_th_s {width:65px !important;}
    .m_th_ss {width:45px !important;}
    
    

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

    .b_table > dl {font-size: 16px; padding-left:0px;}
    .ul_table > ul > li {font-size: 16px;}
    .check_txt {font-size:16px;}
    .radio_group > li {font-size:13px;}
    .b_table {padding-top:10px;}
    .b_table > dl > dt {font-size:16px; padding-top: 13px;}
    .b_table > dl > dd {min-height:20px; font-size: 13px;}
    .b_table > dl > dt {position: relative; padding-bottom: 0px;}
    .input_etc .pa {font-size:13px; line-height:36px;}
    input.input5 {height:36px; padding: 0px 5px; line-height: 34px; font-size: 13px;}
    .textarea {padding:5px 5px; font-size: 13px;}
    .b_table .btnNormalB span {padding: 0px 18px; height: 36px; line-height: 34px; font-size: 13px;}
    .security_code .code .num {height:34px; line-height: 32px; font-size: 14px;}
    .file_input label {height:36px;  line-height:34px; font-size: 13px;}
    .radio_group {margin-top:-5px;}
    
    .join_type > dl {float: none; width: 100% !important; padding:20px 10px 20px 10px !important; border: 1px solid #ccc;}
    .join_type > dl > dt strong {min-height: auto; padding-bottom: 10px;}
    .join_type > dl > dd {font-size: 14px; min-height: auto; padding-bottom: 10px;}
    .join_type > dl > dd br {display: none;}
    
    .join_type > dl > dd.bt {padding-bottom: 0px;}
    .join_type > dl > dd.bt a {display: block;}
    
    
    .find_box {padding: 0px 0px 10px 0px;}
    .find_cell .bt {overflow: hidden;}
    .find_cell .bt > a {width: 50%; float: left;}
    .find_cell .bt > a > span {display: block; padding: 0px; margin: 0px 2px; }  
    .print_bt {display: none !important}
    .gray_box {padding:5px;}
  
    .join_step > ol > li .num {font-size: 13px;}
    .join_step > ol > li .txt {font-size:14px;}
    
    .member_ok {font-size:18px; padding-bottom: 0px; margin-top:40px;}
    .member_ok br {display: none;}
    
    
    
    .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;}
    

    

    
    .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;}
    
    .last_year > ul > li > dl dt {text-align: left; padding-bottom: 5px;}
    .last_year > ul > li {padding: 10px 0px;}
    .last_year > ul > li > dl dd {padding: 0px; background: none !important;}
    .way_wrap .wayW .graph > li .txt img {width:20px;}
    .way_wrap .wayW .graph > li .txt > strong {font-size: 1.5em}
    .pa_list > li > dl dt {line-height: 30px;}
    .last_year > ul > li > div {padding:70px 0px 0px 0px; background-position:center top !important}
    
    .center_box {padding: 10px;}
    .center_box > dl {padding-left: 100px;}
    .center_box > dl dd > ul > li {padding-left: 50px;}
    .center_box .number_wrap > ul > li {float: none; width: 100%;}
    .center_box .number_wrap > ul > li .percent {font-size:24px;}
    .center_box .number_wrap > ul > li .percent > strong {font-size: 2.3em;}

	.center_info {padding:20px 10px;}
    .won_box {border-radius:30px; padding:20px 20px;}
    .won_box .ico_wrap > li {width: 33.333%}
    
}




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

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

    
   
}