#inicisModalDiv { opacity:1.0 !important }

@media screen and (min-width:760px){

/* head */

body { min-width:1280px !important; }



.sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}



.dropdown:hover>.dropdown-menu {display: block;margin-top: -2px;padding-top: -10px;border-top: 10px solid rgba(0,0,0,0);}

.navbar-nav .dropdown-menu {right: -30px;}

.dropdown-item:hover, .nav-link:hover {color: #007bff !important;}

.dropdown-item:focus, .dropdown-item:hover  {background-color: transparent !important;}

.dropdown-item:active, .nav-link:active {background-color: #fff;}

.nav-link:active {background-color: transparent}



#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}





/* 본문 바로가기 */

#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}

#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

#hd_wrapper {position:relative;margin:0 auto;padding:10px 0;height:10px;zoom:1}

#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}



.trans {background-color: rgba(0,0,0,0.8)}

.nav-link {color: rgba(255,255,255,1) !important;padding-right:1em;padding-left:1em !important;}





/* 팝업레이어 */

#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}

#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}

.hd_pops img{max-width:100%}

.hd_pops_con {}

.hd_pops_footer {padding: 0;background:#000;color:#fff;text-align:left;position:relative;}

.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}

.hd_pops_footer button {padding: 10px;border:0;color:#fff}

.hd_pops_footer .hd_pops_reject{background:#000;text-align:left}

.hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0}





/* Main */

/* CIRCLE IMAGE CONTENT

-------------------------------------------------- */



/* Center align the text within the three columns with circle image */

.box_circle .col-lg-4 {

  margin-bottom: 1.5rem;

  text-align: center;

}

.box_circle h2 {

  font-weight: 400;

}

.box_circle .col-lg-4 p {

  margin-right: .75rem;

  margin-left: .75rem;

}

body, div, ul, li, a { padding:0; }

ul,li { list-style:none; }



/* Latest 제목 글자 수 자동 제한 */

.lat li {}

.lat li a {position: relative;display:block;padding-right: 30px;}

.lat li a .lt_title {display: block;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;}

.hot_icon {margin-right: 5px;}

.new_icon {margin-right: 5px;}





/* 공통 */

.section-header h3::before {content: '';position: absolute;display: block;width: 120px;height: 1px;background: #ddd;bottom: 1px;left: calc(50% - 60px);}

.section-header h3::after {content: '';position: absolute;display: block;width: 40px;height: 3px;background: #007bff;bottom: 0;left: calc(50% - 20px);}

.section-header h3 {font-size: 1.5rem;color: #111;text-transform: uppercase;text-align: center;font-weight: 700;position: relative;padding-bottom: 15px;}



.empha {font-weight:600}





/* Board */

.page {margin:10px 0 30px;}





/* 기본테이블 */

.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing: 0 5px; border-top:4px solid #283a56;} 

.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}

.tbl_head01 {margin:0 0 10px}

.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}

.tbl_head01 thead th {font-weight:normal;text-align:center;border-bottom:1px solid #283a56;background:#e7e9ec;height:53px; color:#283a56;}

.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */

.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}

.tbl_head01 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8}

.tbl_head01 td {color:#666;background:#fff;padding:0px 5px;border-bottom:1px solid #b6bcc5;word-break:break-all; height:42px; color:#223148;}

.tbl_head01 tbody tr:hover td{background:#fafafa;}

.tbl_head01 a:hover {text-decoration:none}



.tbl_head02 {margin:0 0 10px}

.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}

.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}

.tbl_head02 thead a {color:#383838}

.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */

.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}

.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff}

.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;line-height:1.4em;word-break:break-all}

.tbl_head02 a {}



#sfl { width:138px; height:38px; border:1px solid #b6bcc5; }

.sch_input { width:270px; height:36px; border:1px solid #b6bcc5; }

.sch_btn { border:none; width:127px; height:38px; background:url(/img/searchBtn.png) no-repeat top left; vertical-align:top; }

#bo_sch { margin-top:30px; }



/* 테이블 항목별 정의 */

.td_board {width:80px;text-align:center}

.td_category {width:80px;text-align:center}

.td_chk {width:30px;text-align:center}

.td_date {width:60px;text-align:center}

.td_datetime {width:110px;text-align:center}

.td_group {width:80px;text-align:center}

.td_mb_id {width:100px;text-align:center}

.td_mng {width:80px;text-align:center}

.td_name {width:100px;text-align:left}

.td_nick {width:100px;text-align:center}

.td_num {width:50px;text-align:center}

.td_numbig {width:80px;text-align:center}

.td_stat {width:60px;text-align:center}



.txt_active {color:#5d910b}

.txt_done {color:#ff6347}

.txt_expired {color:#ccc}

.txt_rdy {color:#2e8b57}



.th-cen th {text-align:center}

.th-cen .cen  {text-align:center}



#bo_cate {margin:15px 0 10px}

#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_cate ul {;zoom:1}

#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}

#bo_cate li {display:inline-block;}

#bo_cate a {display:block;border:1px solid #ddd;background:#fff;margin:0 0 5px 0;line-height:30px;padding:0 10px;border-radius:3px;color:#5a5a5a !important}

#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:#f3f3f3}

#bo_cate #bo_cate_on {z-index:2;border:1px solid #aaa;color:#253dbe;font-weight:bold}

a.btn_admin,.btn_admin {display:inline-block;background:#6c757d;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */

.btn_admin:hover, a.btn_admin:hover {background:#5a6268;color:#fff}



.btn_bo_user {float:right;margin:0;padding:0;list-style:none}

.btn_bo_user li {float:left;margin-left:5px}

.btn_bo_adm {float:left}

.btn_bo_adm li {float:left;margin-right:5px}

.btn_bo_adm input {padding:8px;border:0;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle}





/* 사이드뷰 */

.sv_wrap {position:relative;font-weight:normal}

.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;font-size:0.92em;background:#333;

-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);

-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);

box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);}

.sv_wrap .sv:before{content: "";position: absolute;top: -6px;left: 15px;width: 0;height: 0;border-style: solid;border-width: 0 6px 6px 6px;border-color: transparent transparent #333 transparent;}

.sv_wrap .sv a {display:inline-block;margin:0;padding:0  10px;line-height:30px;width:100px;font-weight:normal;color:#bbb }

.sv_wrap .sv a:hover{background:#000;color:#fff}

.sv_member{color:#333}

.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}

.sv_nojs .sv {display:block}





/* 페이징 */

.pg_wrap {clear:both;margin:30px 0 ;text-align:center}

.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 

.pg {}

.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#f3f3f3;border:1px solid #bbbcc3}

.pg a:focus, .pg a:hover {text-decoration:none}

.pg_page {color:#555;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px;}

.pg_page:hover{background-color:#ddd}

.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb;}

.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}

.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}

.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}

.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover{background-color:#fafafa}



.pg_current {display:inline-block;background:#4c4f6f;color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px;-webkit-box-shadow: inset 1px 1px 2px #222542;-moz-box-shadow:  inset 1px 1px 2px #222542;box-shadow: inset 1px 1px 2px #222542;}





/* 회원 가입 */

.btn_box {text-align:center;padding-top:20px;}





/* 캡챠 자동등록(입력)방지 기본 -pc */

.is_captcha_use {padding-top: 20px;text-align:center;list-style-type:none}



#captcha {display:inline-block;position:relative}

#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}

#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}

#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}

#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat  0 -40px;text-indent:-999px;border-radius:3px}

#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}

#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}



/*기본 리스트*/

.list_01 li{border:1px solid #dbdbdb;background:#fff;border-radius:3px;margin:3px 0;padding:10px 15px;list-style:none;position:relative;}

.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}

.list_01 li:hover{background:#f9f9f9}

.list_01 li.empty_li{text-align:center;padding:20px 0;color:#666}



/* 새창 기본 스타일 */

.new_win {position:relative;}

.new_win .tbl_wrap {margin:0 20px}

.new_win #win_title {font-size:1.25em;height:50px;line-height:30px;padding:10px 20px;background:#333;color:#fff;}

.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}

.new_win .win_ul {border-right:1px solid #dfe6e7;}

.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}

.new_win .win_ul li{float:left;background:#fff;width:33.333%;text-align:center;border:1px solid #ccc;margin-left:-1px}

.new_win .win_ul li a{display:block;padding:10px 0}

.new_win .win_ul .selected{background:#fff;border-color:#253dbe;position:relative;z-index:5}

.new_win .win_ul .selected a{color:#253dbe;font-weight:bold}

.new_win .win_desc {margin:5px 0;font-size:0.92em;color:#3598db;}

.new_win .frm_info{font-size:0.92em;color:#3598db}

.new_win .win_total{text-align:right;margin:10px 0}

.new_win .win_total span{display:inline-block;line-height:30px;font-size:0.92em;color:#4e546f;background:#d4d4d4;padding:0 10px;border-radius:5px;}

.new_win .new_win_con{margin:20px 0;}

.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}

.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}

.new_win .win_btn{text-align:right}

.new_win .btn_close {position:absolute;top:0;right:0;height:50px;width:50px;background:url(../img/close_btn.gif) no-repeat 50% 50%;border:0;text-indent:-999px;overflow:hidden;cursor:pointer}

.new_win .btn_submit {padding:0 20px;height:40px;font-weight:bold;font-size:1.083em;float:right}



/* 상단 바로가기 아이콘 */

#return-to-top {position: fixed;bottom: 20px;right: 20px;background: rgb(0, 0, 0);background: rgba(0, 0, 0, 0.7);width: 50px;height: 50px;display: block;text-decoration: none;-webkit-border-radius: 35px;-moz-border-radius: 35px;border-radius: 35px;display: none;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

#return-to-top i {color: #fff;margin: 0;position: relative;left: 16px;top: 13px;font-size: 19px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

#return-to-top:hover {background: rgba(0, 0, 0, 0.9);}

#return-to-top:hover i {color: #fff;top: 5px;}



/* 접속자수 */

.connect {border-top: 1px solid rgba(0,0,0,0.3);padding:5px 0;}

.connect:last-child {border-bottom: 1px solid rgba(0,0,0,0.3)}

.connect .crt_name img {width: 20px;border-radius: 50%;margin-right: 5px;}

.connect .ri {text-align:right}

.connect a {color:#5a5a5a;}

.connect a:hover {text-decoration: none}



.password-container {max-width:450px !important;}



.memo_box {border-top:1px solid rgba(0,0,0,0.275);border-bottom:1px solid rgba(0,0,0,0.275);margin: 10px 0 5px;}

.memo_line {padding:3px 0}

.qa_link a, .mono a {color:#5a5a5a}

.qa_link a:hover, .mono a:hover {text-decoration:none;color:#333}



#ans_datetime {margin-top:10px;}



.p_lb {padding:0 10px 10px 0}





/*******최수혁 추가******/

.intro { width:100%; background:#e5eef7; padding:60px 0 66px 0; }

.intro h1 { text-align:center; }

.intro ul { width:1214px; margin:33px auto 0; font-size:0;}

.intro ul li { display:inline-block; margin-left:16px;}

.intro ul li:first-child { margin-left:0; } 

.intro ul li a { display:block; width:394px; height:429px; transition:0.5s all; position:relative; }

.intro ul li a:hover .intro_on { opacity:1; }



.intro ul li a img { position:absolute; top:0; left:0; transition:0.5s all; }

.intro_off { z-index:1; opacity:1; }

.intro_on { z-index:2; opacity:0; }





.counsel { width:100%; background:#fff; padding:62px 0 87px 0; }

.counsel h1 { text-align:center; }

.counsel ul { width:1200px; margin:28px auto 0; font-size:0;}

.counsel ul li { display:inline-block; margin-left:20px;}

.counsel ul li:first-child { margin-left:0; } 

.counsel ul li a { display:block; width:285px; height:285px; transition:0.5s all; position:relative; }

.counsel ul li a:hover .counsel_on { opacity:1; }



.counsel ul li a img { position:absolute; top:0; left:0; transition:0.5s all; }

.counsel_off { z-index:1; opacity:1; }

.counsel_on { z-index:2; opacity:0; }





.subNavi { height:0px; width:100%; position:fixed; top:0; left:0; z-index:999; background:rgba(34,49,72,0.68); box-sizing:border-box; transition:0.7s all; overflow:hidden;}

.subNavi div { width:1150px; margin:0 auto; }

.subNavi div ul { display:inline-block; vertical-align:text-top; text-align:center; margin-top:124px;}

.subNavi div ul li a { color:#fff; line-height:27px; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important; font-size:15px; font-weight:500; }

.subNavi div ul li a:hover { font-weight:600; border-bottom:2px solid rgba(255,255,255,0.3); text-decoration:none; }



.subNavi div ul:nth-child(1) { margin-left:400px; }

.subNavi div ul:nth-child(2) { margin-left:82px; }

.subNavi div ul:nth-child(3) { margin-left:13px !important; }

.subNavi div ul:nth-child(4) { margin-left:29px !important; }

.subNavi div ul:nth-child(5) { margin-left:76px; }

.subNavi div ul:nth-child(6) { margin-left:42px; }





/* 로고 */

.wrap_default #logo {float:left;margin-top:20px;margin-left:10px}







/* 상단메뉴 */

.wrap_default { width:1150px; margin:0 auto;}

#gnb_top {float:right}

#horizontal_nav {}

#horizontal_nav ul {padding:0;list-style:none}

ul.horizontal-dropdown {position:relative;float:left;margin:0}

ul.horizontal-dropdown li {float:left;padding:0}

ul.horizontal-dropdown a {display:block;margin:0 12px;padding:43px 13px 17px;text-decoration:none;blr:expression(this.onFocus=this.blur());font:500 16px Nanum Gothic,'나눔고딕';color:#fff;line-height:12px;outline:none; height:99px; box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important; font-size:16px !important; font-weight:500;}

ul.horizontal-dropdown li.hover a.gnb_main {}

ul.horizontal-dropdown li:hover .gnb_main {color:#fff !important; font-weight:600 !important; border-bottom:4px solid #fee066 !important;}

ul.horizontal-dropdown ul {position:absolute;margin-left:4px;overflow:hidden;z-index:31}

ul.horizontal-dropdown ul li {display:none;background:#949}

ul.horizontal-dropdown ul li a {position:relative;display:block;float:left;top:0;left:0;padding:8px 0;blr:expression(this.onFocus=this.blur());font:bold 11px '돋움',dotum;color:#fff;letter-spacing:-1px;line-height:12px;outline:none}

ul.horizontal-dropdown ul li a:hover {color:#fcf}



#header:hover .subNavi { height:315px !important; }





.container { width:100% !important; margin:0 !important; padding:0 !important; max-width:100% !important; }





	.carousel { padding-top:99px !important; }  

	.carousel-control-prev, .carousel-control-next { display:none; }

	.carousel-caption { display:none !important; }

	.carousel-indicators li { width:62px !important; height:7px !important; background:none !important; border:1px solid #fff !important; box-sizing:border-box !important; transition:0.3s all; }

	.carousel-indicators .active { background:#fff !important; }

	.carousel-indicators li:hover { background:#fff !important; }

	

.footer { width:100%; text-align:center;}

.footer_top { width:100%; height:54px; line-height:60px; background:#1f2036; }

.footer_top ul { font-size:0; }

.footer_top ul li { display:inline-block; }

.footer_top ul li a { font:600 15px Nanum Gothic,'나눔고딕'; color:#c7cbe4; padding:0 17px; font-family:'Nanum Gothic', sans-serif; }

.footer_top ul li a:hover { color:#fff; text-decoration:none; }



.footer_bottom { width:100%; height:194px; background:#2d2f45; padding-top:35px; box-sizing:border-box; }

.footer_bottom ul { font-size:0;} 

.footer_bottom ul li { display:inline-block; margin-left:11px; }

.footer_bottom ul li:first-child { margin-left:0; }



.footer_bottom p { font:600 14px Nanum Gothic,'나눔고딕'; color:#616484; margin-top:27px; line-height:25px; font-family:'Nanum Gothic', sans-serif; }





.subBanner02_7 { width:100%; height:340px; background:url(/img/reserv_banner.jpg) no-repeat top center; position:relative; margin-top:99px; }

.subBanner02_7 div { width:100%; height:54px; border-top:1px solid rgba(255,255,255,0.2); position:absolute; bottom:0; left:0; text-align:center; }

.subBanner02_7 div ul { font-size:0; }

.subBanner02_7 div ul li { display:inline-block; margin:0 20px;}

.subBanner02_7 div ul li a { display:block; width:75px; height:54px; font-size:15px; font-weight:600; color:#fff; font-family:'Nanum Gothic', sans-serif; line-height:54px; box-sizing:border-box;}

.subBanner02_7 div ul li a:hover { border-top:4px solid #fee065; text-decoration:none; }







.subBanner01 { width:100%; height:340px; background:url(/img/subBack01.jpg) no-repeat top center; position:relative; margin-top:99px; }

.subBanner01 div { width:100%; height:54px; border-top:1px solid rgba(255,255,255,0.2); position:absolute; bottom:0; left:0; text-align:center; }

.subBanner01 div ul { font-size:0; }

.subBanner01 div ul li { display:inline-block; margin:0 20px;}

.subBanner01 div ul li a { display:block; width:75px; height:54px; font-size:15px; font-weight:600; color:#fff; font-family:'Nanum Gothic', sans-serif; line-height:54px; box-sizing:border-box;}

.subBanner01 div ul li a:hover { border-top:4px solid #fee065; text-decoration:none; }



.subBanner01_2 { width:100%; height:340px; background:url(/img/subBack01_02.jpg) no-repeat top center; position:relative; margin-top:99px; }

.subBanner01_2 div { width:100%; height:54px; border-top:1px solid rgba(255,255,255,0.2); position:absolute; bottom:0; left:0; text-align:center; }

.subBanner01_2 div ul { font-size:0; }

.subBanner01_2 div ul li { display:inline-block; margin:0 20px;}

.subBanner01_2 div ul li a { display:block; width:75px; height:54px; font-size:15px; font-weight:600; color:#fff; font-family:'Nanum Gothic', sans-serif; line-height:54px; box-sizing:border-box;}

.subBanner01_2 div ul li a:hover { border-top:4px solid #fee065; text-decoration:none; }



.subBanner01_3 { width:100%; height:340px; background:url(/img/subBack01_03.jpg) no-repeat top center; position:relative;  margin-top:99px;}

.subBanner01_3 div { width:100%; height:54px; border-top:1px solid rgba(255,255,255,0.2); position:absolute; bottom:0; left:0; text-align:center; }

.subBanner01_3 div ul { font-size:0; }

.subBanner01_3 div ul li { display:inline-block; margin:0 20px;}

.subBanner01_3 div ul li a { display:block; width:75px; height:54px; font-size:15px; font-weight:600; color:#fff; font-family:'Nanum Gothic', sans-serif; line-height:54px; box-sizing:border-box;}

.subBanner01_3 div ul li a:hover { border-top:4px solid #fee065; text-decoration:none; }



.intro_contents { width:100%; text-align:center; padding-bottom:48px; } 

.partner_contents { width:100%; text-align:center; padding-bottom:71px; } 



.subBanner02 { width:100%; height:340px; background:url(/img/subBack02.jpg) no-repeat top center; position:relative; margin-top:99px; }

.subBanner02 div { width:100%; height:54px; border-top:1px solid rgba(255,255,255,0.2); position:absolute; bottom:0; left:0; text-align:center; }

.subBanner02 div ul { font-size:0; }

.subBanner02 div ul li { display:inline-block; margin:0 20px;}

.subBanner02 div ul li a { display:block; width:75px; height:54px; font-size:15px; font-weight:600; color:#fff; font-family:'Nanum Gothic', sans-serif; line-height:54px; box-sizing:border-box;}

.subBanner02 div ul li a:hover { border-top:4px solid #fee065; text-decoration:none; }



.subBanner02_1 { width:100%; height:340px; background:url(/img/subBack02_01.jpg) no-repeat top center; position:relative;  margin-top:99px;}

.subBanner02_1 div { width:100%; height:54px; border-top:1px solid rgba(255,255,255,0.2); position:absolute; bottom:0; left:0; text-align:center; }

.subBanner02_1 div ul { font-size:0; }

.subBanner02_1 div ul li { display:inline-block; margin:0 20px;}

.subBanner02_1 div ul li a { display:block; width:75px; height:54px; font-size:15px; font-weight:600; color:#fff; font-family:'Nanum Gothic', sans-serif; line-height:54px; box-sizing:border-box;}

.subBanner02_1 div ul li a:hover { border-top:4px solid #fee065; text-decoration:none; }



.joininfo_contents { width:100%; text-align:center; padding-bottom:94px; } 

.program_contents { width:100%; text-align:center; padding-bottom:48px; } 



.difference_contents { width:100%; text-align:center; padding-bottom:34px; } 





.subBanner03 { width:100%; height:340px; background:url(/img/subBack03.jpg) no-repeat top center; position:relative; margin-top:99px; }

.subBanner03 div { width:100%; height:54px; border-top:1px solid rgba(255,255,255,0.2); position:absolute; bottom:0; left:0; text-align:center; }

.subBanner03 div ul { font-size:0; }

.subBanner03 div ul li { display:inline-block; margin:0 20px;}

.subBanner03 div ul li a { display:block; width:75px; height:54px; font-size:15px; font-weight:600; color:#fff; font-family:'Nanum Gothic', sans-serif; line-height:54px; box-sizing:border-box;}

.subBanner03 div ul li a:hover { border-top:4px solid #fee065; text-decoration:none; }

.store_contents { text-align:center; width:1200px; margin:0 auto; position:relative;} 

.root_daum_roughmap { top:173px; left:75px; position:absolute !important; z-index:99; }



.subBanner05,.subBanner06,.subBanner07 { margin-top:99px; } 



.subBanner04 { width:100%; height:340px; background:url(/img/subBack04.jpg) no-repeat top center; position:relative;  margin-top:99px;}

.subBanner04 div { width:100%; height:54px; border-top:1px solid rgba(255,255,255,0.2); position:absolute; bottom:0; left:0; text-align:center; }

.subBanner04 div ul { font-size:0; }

.subBanner04 div ul li { display:inline-block; margin:0 20px;}

.subBanner04 div ul li a { display:block; width:75px; height:54px; font-size:15px; font-weight:600; color:#fff; font-family:'Nanum Gothic', sans-serif; line-height:54px; box-sizing:border-box;}

.subBanner04 div ul li a:hover { border-top:4px solid #fee065; text-decoration:none; }



.subBanner04_1 { width:100%; height:340px; background:url(/img/subBack04_1.jpg) no-repeat top center; position:relative;  margin-top:99px;}

.subBanner04_1 div { width:100%; height:54px; border-top:1px solid rgba(255,255,255,0.2); position:absolute; bottom:0; left:0; text-align:center; }

.subBanner04_1 div ul { font-size:0; }

.subBanner04_1 div ul li { display:inline-block; margin:0 20px;}

.subBanner04_1 div ul li a { display:block; width:75px; height:54px; font-size:15px; font-weight:600; color:#fff; font-family:'Nanum Gothic', sans-serif; line-height:54px; box-sizing:border-box;}

.subBanner04_1 div ul li a:hover { border-top:4px solid #fee065; text-decoration:none; }



.subBanner04_11 { width:100%; height:340px; background:url(/img/subBack04_11.jpg) no-repeat top center; position:relative;  margin-top:99px;}

.subBanner04_11 div { width:100%; height:54px; border-top:1px solid rgba(255,255,255,0.2); position:absolute; bottom:0; left:0; text-align:center; }

.subBanner04_11 div ul { font-size:0; }

.subBanner04_11 div ul li { display:inline-block; margin:0 20px;}

.subBanner04_11 div ul li a { display:block; width:75px; height:54px; font-size:15px; font-weight:600; color:#fff; font-family:'Nanum Gothic', sans-serif; line-height:54px; box-sizing:border-box;}

.subBanner04_11 div ul li a:hover { border-top:4px solid #fee065; text-decoration:none; }





.reserv_contents { width:1200px; box-sizing:border-box; border-right:1px solid #959595; border-left:1px solid #959595; padding:0 80px; margin:0 auto; text-align:left !important; padding:70px 80px 80px 80px; }

.reserv_contents ul { font-size:0; margin-top:50px; }

.reserv_contents ul li { display:inline-block; margin-left:10px; margin-top:20px;}

.reserv_contents ul li:nth-child(1), .reserv_contents ul li:nth-child(4) { margin-left:0; }



.reserv_contents  span { display:block; text-align:center; width:100%; font-size:18px; color:#808080; margin-top:45px; letter-spacing:-2px; }



.m_ { display:none !important; }

}

@media screen and (max-width:759px) {

.pc_ { display:none !important; }



.m_header { width:100%; height:75px; left:0; position:fixed; z-index:999; background:#223148; top:0; text-align:center; line-height:66px; }

.menuBtn { position:absolute; left:5%; top:2px; }



.menuBox { position:fixed; top:75px; left:0; width:100%; z-index:999; display:none; }

.menuBox > ul { background:#697383; color:#fff; }

.menuBox > ul > li > a { color:#fff; padding-left:5%; box-sizing:border-box; display:block; width:100%; height:45px; font-size:15px; line-height:45px; font-weight:400; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;}



.menuBox > ul > li > ul { background:#223148; padding:10px 0; display:none; }

.menuBox > ul > li > ul > li > a  { color:#fff; padding-left:5%; box-sizing:border-box; display:block; width:100%; height:25px; font-size:13px; line-height:25px; font-weight:400; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;}



.menuOn { background:#fee065; color:#223148 !important; font-weight:600 !important; }



	/* head */

body { width:100% !important; overflow-x:hidden !important; }



.sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}



.dropdown:hover>.dropdown-menu {display: block;margin-top: -2px;padding-top: -10px;border-top: 10px solid rgba(0,0,0,0);}

.navbar-nav .dropdown-menu {right: -30px;}

.dropdown-item:hover, .nav-link:hover {color: #007bff !important;}

.dropdown-item:focus, .dropdown-item:hover  {background-color: transparent !important;}

.dropdown-item:active, .nav-link:active {background-color: #fff;}

.nav-link:active {background-color: transparent}



#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}





/* 본문 바로가기 */

#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}

#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

#hd_wrapper {position:relative;margin:0 auto;padding:10px 0;height:10px;zoom:1}

#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}



.trans {background-color: rgba(0,0,0,0.8)}

.nav-link {color: rgba(255,255,255,1) !important;padding-right:1em;padding-left:1em !important;}





/* 팝업레이어 */

#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}

#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}

.hd_pops img{max-width:100%}

.hd_pops_con {}

.hd_pops_footer {padding: 0;background:#000;color:#fff;text-align:left;position:relative;}

.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}

.hd_pops_footer button {padding: 10px;border:0;color:#fff}

.hd_pops_footer .hd_pops_reject{background:#000;text-align:left}

.hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0}





/* Main */

/* CIRCLE IMAGE CONTENT

-------------------------------------------------- */



/* Center align the text within the three columns with circle image */

.box_circle .col-lg-4 {

  margin-bottom: 1.5rem;

  text-align: center;

}

.box_circle h2 {

  font-weight: 400;

}

.box_circle .col-lg-4 p {

  margin-right: .75rem;

  margin-left: .75rem;

}

body, div, ul, li, a { padding:0; }

ul,li { list-style:none; }



/* Latest 제목 글자 수 자동 제한 */

.lat li {}

.lat li a {position: relative;display:block;padding-right: 30px;}

.lat li a .lt_title {display: block;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;}

.hot_icon {margin-right: 5px;}

.new_icon {margin-right: 5px;}





/* 공통 */

.section-header h3::before {content: '';position: absolute;display: block;width: 120px;height: 1px;background: #ddd;bottom: 1px;left: calc(50% - 60px);}

.section-header h3::after {content: '';position: absolute;display: block;width: 40px;height: 3px;background: #007bff;bottom: 0;left: calc(50% - 20px);}

.section-header h3 {font-size: 1.5rem;color: #111;text-transform: uppercase;text-align: center;font-weight: 700;position: relative;padding-bottom: 15px;}



.empha {font-weight:600}





/* Board */

.page {margin:10px 0 30px;}





/* 기본테이블 */

.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing: 0 5px; border-top:4px solid #283a56;} 

.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}

.tbl_head01 {margin:0 0 10px}

.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}

.tbl_head01 thead th {font-weight:normal;text-align:center;border-bottom:1px solid #283a56;background:#e7e9ec;height:53px; color:#283a56;}

.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */

.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}

.tbl_head01 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8}

.tbl_head01 td {color:#666;background:#fff;padding:0px 5px;border-bottom:1px solid #b6bcc5;word-break:break-all; height:42px; color:#223148;}

.tbl_head01 tbody tr:hover td{background:#fafafa;}

.tbl_head01 a:hover {text-decoration:none}



.tbl_head02 {margin:0 0 10px}

.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}

.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}

.tbl_head02 thead a {color:#383838}

.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */

.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}

.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff}

.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;line-height:1.4em;word-break:break-all}

.tbl_head02 a {}



#sfl { width:20%; height:38px; border:1px solid #b6bcc5; }

.sch_input { width:50%; height:36px; border:1px solid #b6bcc5; }

.sch_btn { border:none; width:27%; height:38px; background:url(/img/searchBtn.png) no-repeat top center; vertical-align:top; }

#bo_sch { margin-top:30px; }



/* 테이블 항목별 정의 */

.td_board {width:80px;text-align:center}

.td_category {width:80px;text-align:center}

.td_chk {width:30px;text-align:center}

.td_date {width:60px;text-align:center}

.td_datetime {width:110px;text-align:center}

.td_group {width:80px;text-align:center}

.td_mb_id {width:100px;text-align:center}

.td_mng {width:80px;text-align:center}

.td_name {width:100px;text-align:left}

.td_nick {width:100px;text-align:center}

.td_num {width:50px;text-align:center}

.td_numbig {width:80px;text-align:center}

.td_stat {width:60px;text-align:center}



.txt_active {color:#5d910b}

.txt_done {color:#ff6347}

.txt_expired {color:#ccc}

.txt_rdy {color:#2e8b57}



.th-cen th {text-align:center}

.th-cen .cen  {text-align:center}



#bo_cate {margin:15px 0 10px}

#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_cate ul {;zoom:1}

#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}

#bo_cate li {display:inline-block;}

#bo_cate a {display:block;border:1px solid #ddd;background:#fff;margin:0 0 5px 0;line-height:30px;padding:0 10px;border-radius:3px;color:#5a5a5a !important}

#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:#f3f3f3}

#bo_cate #bo_cate_on {z-index:2;border:1px solid #aaa;color:#253dbe;font-weight:bold}

a.btn_admin,.btn_admin {display:inline-block;background:#6c757d;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */

.btn_admin:hover, a.btn_admin:hover {background:#5a6268;color:#fff}



.btn_bo_user {float:right;margin:0;padding:0;list-style:none}

.btn_bo_user li {float:left;margin-left:5px}

.btn_bo_adm {float:left}

.btn_bo_adm li {float:left;margin-right:5px}

.btn_bo_adm input {padding:8px;border:0;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle}





/* 사이드뷰 */

.sv_wrap {position:relative;font-weight:normal}

.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;font-size:0.92em;background:#333;

-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);

-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);

box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);}

.sv_wrap .sv:before{content: "";position: absolute;top: -6px;left: 15px;width: 0;height: 0;border-style: solid;border-width: 0 6px 6px 6px;border-color: transparent transparent #333 transparent;}

.sv_wrap .sv a {display:inline-block;margin:0;padding:0  10px;line-height:30px;width:100px;font-weight:normal;color:#bbb }

.sv_wrap .sv a:hover{background:#000;color:#fff}

.sv_member{color:#333}

.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}

.sv_nojs .sv {display:block}





/* 페이징 */

.pg_wrap {clear:both;margin:30px 0 ;text-align:center}

.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 

.pg {}

.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#f3f3f3;border:1px solid #bbbcc3}

.pg a:focus, .pg a:hover {text-decoration:none}

.pg_page {color:#555;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px;}

.pg_page:hover{background-color:#ddd}

.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb;}

.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}

.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}

.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}

.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover{background-color:#fafafa}



.pg_current {display:inline-block;background:#4c4f6f;color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px;-webkit-box-shadow: inset 1px 1px 2px #222542;-moz-box-shadow:  inset 1px 1px 2px #222542;box-shadow: inset 1px 1px 2px #222542;}





/* 회원 가입 */

.btn_box {text-align:center;padding-top:20px;}





/* 캡챠 자동등록(입력)방지 기본 -pc */

.is_captcha_use {padding-top: 20px;text-align:center;list-style-type:none}



#captcha {display:inline-block;position:relative}

#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}

#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}

#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}

#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat  0 -40px;text-indent:-999px;border-radius:3px}

#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}

#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}



/*기본 리스트*/

.list_01 li{border:1px solid #dbdbdb;background:#fff;border-radius:3px;margin:3px 0;padding:10px 15px;list-style:none;position:relative;}

.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}

.list_01 li:hover{background:#f9f9f9}

.list_01 li.empty_li{text-align:center;padding:20px 0;color:#666}



/* 새창 기본 스타일 */

.new_win {position:relative;}

.new_win .tbl_wrap {margin:0 20px}

.new_win #win_title {font-size:1.25em;height:50px;line-height:30px;padding:10px 20px;background:#333;color:#fff;}

.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}

.new_win .win_ul {border-right:1px solid #dfe6e7;}

.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}

.new_win .win_ul li{float:left;background:#fff;width:33.333%;text-align:center;border:1px solid #ccc;margin-left:-1px}

.new_win .win_ul li a{display:block;padding:10px 0}

.new_win .win_ul .selected{background:#fff;border-color:#253dbe;position:relative;z-index:5}

.new_win .win_ul .selected a{color:#253dbe;font-weight:bold}

.new_win .win_desc {margin:5px 0;font-size:0.92em;color:#3598db;}

.new_win .frm_info{font-size:0.92em;color:#3598db}

.new_win .win_total{text-align:right;margin:10px 0}

.new_win .win_total span{display:inline-block;line-height:30px;font-size:0.92em;color:#4e546f;background:#d4d4d4;padding:0 10px;border-radius:5px;}

.new_win .new_win_con{margin:20px 0;}

.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}

.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}

.new_win .win_btn{text-align:right}

.new_win .btn_close {position:absolute;top:0;right:0;height:50px;width:50px;background:url(../img/close_btn.gif) no-repeat 50% 50%;border:0;text-indent:-999px;overflow:hidden;cursor:pointer}

.new_win .btn_submit {padding:0 20px;height:40px;font-weight:bold;font-size:1.083em;float:right}



/* 상단 바로가기 아이콘 */

#return-to-top {position: fixed;bottom: 20px;right: 20px;background: rgb(0, 0, 0);background: rgba(0, 0, 0, 0.7);width: 50px;height: 50px;display: block;text-decoration: none;-webkit-border-radius: 35px;-moz-border-radius: 35px;border-radius: 35px;display: none;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

#return-to-top i {color: #fff;margin: 0;position: relative;left: 16px;top: 13px;font-size: 19px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

#return-to-top:hover {background: rgba(0, 0, 0, 0.9);}

#return-to-top:hover i {color: #fff;top: 5px;}



/* 접속자수 */

.connect {border-top: 1px solid rgba(0,0,0,0.3);padding:5px 0;}

.connect:last-child {border-bottom: 1px solid rgba(0,0,0,0.3)}

.connect .crt_name img {width: 20px;border-radius: 50%;margin-right: 5px;}

.connect .ri {text-align:right}

.connect a {color:#5a5a5a;}

.connect a:hover {text-decoration: none}



.password-container {max-width:450px !important;}



.memo_box {border-top:1px solid rgba(0,0,0,0.275);border-bottom:1px solid rgba(0,0,0,0.275);margin: 10px 0 5px;}

.memo_line {padding:3px 0}

.qa_link a, .mono a {color:#5a5a5a}

.qa_link a:hover, .mono a:hover {text-decoration:none;color:#333}



#ans_datetime {margin-top:10px;}



.p_lb {padding:0 10px 10px 0}





/*******최수혁 추가******/

.intro { width:100%; background:#e5eef7; padding:60px 5% 66px 5%; box-sizing:border-box;}

.intro h1 { text-align:center; width:100%; }

.intro h1 img { max-width:100%; }

.intro ul { width:100%; margin:33px auto 0; font-size:0;}

.intro ul li { margin-top:20px; }

.intro ul li a img { max-width:100%; }

.intro ul li:first-child { margin-left:0; } 

.intro ul li a { display:block; width:100%; text-align:center; position:relative; }

.intro ul li a:hover .intro_on { opacity:1; }





.counsel { width:100%; background:#fff; padding:62px 0 60px 0; }

.counsel h1 { text-align:center; }

.counsel ul { width:100%; padding:0 4%; margin:28px auto 0; font-size:0;}

.counsel ul li { display:inline-block; margin-top:8px; width:50%; padding:0 1%; }

.counsel ul li a { display:block; width:100%;transition:0.5s all; position:relative; }



.counsel ul li a  img { width:100%; }



.subNavi { height:0px; width:100%; position:fixed; top:0; left:0; z-index:999; background:rgba(34,49,72,0.68); box-sizing:border-box; transition:0.7s all; overflow:hidden;}

.subNavi div { width:1150px; margin:0 auto; }

.subNavi div ul { display:inline-block; vertical-align:text-top; text-align:center; margin-top:124px;}

.subNavi div ul li a { color:#fff; line-height:27px; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important; font-size:15px; font-weight:500; }

.subNavi div ul li a:hover { font-weight:600; border-bottom:2px solid rgba(255,255,255,0.3); text-decoration:none; }



.subNavi div ul:nth-child(1) { margin-left:395px; }

.subNavi div ul:nth-child(2) { margin-left:71px; }

.subNavi div ul:nth-child(3) { margin-left:52px; }

.subNavi div ul:nth-child(4) { margin-left:65px; }

.subNavi div ul:nth-child(5) { margin-left:78px; }

.subNavi div ul:nth-child(6) { margin-left:43px; }





/* 로고 */

.wrap_default #logo {float:left;margin-top:20px;margin-left:10px}







/* 상단메뉴 */

.wrap_default { width:1150px; margin:0 auto;}

#gnb_top {float:right}

#horizontal_nav {}

#horizontal_nav ul {padding:0;list-style:none}

ul.horizontal-dropdown {position:relative;float:left;margin:0}

ul.horizontal-dropdown li {float:left;padding:0}

ul.horizontal-dropdown a {display:block;margin:0 12px;padding:43px 13px 17px;text-decoration:none;blr:expression(this.onFocus=this.blur());font:500 16px Nanum Gothic,'나눔고딕';color:#fff;line-height:12px;outline:none; height:99px; box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important; font-size:16px !important; font-weight:500;}

ul.horizontal-dropdown li.hover a.gnb_main {}

ul.horizontal-dropdown li:hover .gnb_main {color:#fff !important; font-weight:600 !important; border-bottom:4px solid #fee066 !important;}

ul.horizontal-dropdown ul {position:absolute;margin-left:4px;overflow:hidden;z-index:31}

ul.horizontal-dropdown ul li {display:none;background:#949}

ul.horizontal-dropdown ul li a {position:relative;display:block;float:left;top:0;left:0;padding:8px 0;blr:expression(this.onFocus=this.blur());font:bold 11px '돋움',dotum;color:#fff;letter-spacing:-1px;line-height:12px;outline:none}

ul.horizontal-dropdown ul li a:hover {color:#fcf}



#header:hover .subNavi { height:260px; }





.container { width:100% !important; margin:0 !important; padding:0 !important; max-width:100% !important; }





	.carousel { padding-top:75px !important; }  

	.carousel-control-prev, .carousel-control-next { display:none; }

	.carousel-caption { display:none !important; }

	.carousel-indicators li { width:43px !important; height:5px !important; background:none !important; border:1px solid #fff !important; box-sizing:border-box !important; transition:0.3s all; }

	.carousel-indicators .active { background:#fff !important; }

	.carousel-indicators li:hover { background:#fff !important; }

	

.footer { width:100%; text-align:center;}

.footer_top { width:100%; height:54px; line-height:60px; background:#1f2036; }

.footer_top ul { font-size:0; }

.footer_top ul li { display:inline-block; }

.footer_top ul li a { font:600 13px Nanum Gothic,'나눔고딕'; color:#c7cbe4; padding:0 10px; font-family:'Nanum Gothic', sans-serif; }

.footer_top ul li a:hover { color:#fff; text-decoration:none; }



.footer_bottom { width:100%;  background:#2d2f45; padding-top:35px; box-sizing:border-box;  padding-bottom:50px;}

.footer_bottom ul { font-size:0;} 

.footer_bottom ul li { display:inline-block; margin-left:11px; }

.footer_bottom ul li:first-child { margin-left:0; }



.footer_bottom p { font:600 12px Nanum Gothic,'나눔고딕'; color:#616484; margin-top:27px; line-height:25px; font-family:'Nanum Gothic', sans-serif; padding:0 5%; box-sizing:border-box; width:100%; }









.subBanner01 { width:100%;  position:relative; margin-top:75px;}

.subBanner01  img { width:100%; }

.intro_contents  img { width:100%; }

.subBanner01 div { width:100%; height:54px; border-top:1px solid rgba(255,255,255,0.2); position:absolute; bottom:0; left:0; text-align:center; }

.subBanner01 div ul { font-size:0; }

.subBanner01 div ul li { display:inline-block; margin:0 20px;}

.subBanner01 div ul li a { display:block; width:75px; height:54px; font-size:15px; font-weight:600; color:#fff; font-family:'Nanum Gothic', sans-serif; line-height:54px; box-sizing:border-box;}

.subBanner01 div ul li a:hover { border-top:4px solid #fee065; text-decoration:none; }





.subBanner02_7 { width:100%;  position:relative; margin-top:75px;}

.subBanner02_7 img { width:100%; }

.intro_contents  img { width:100%; }

.subBanner02_7 div { width:100%; height:54px; border-top:1px solid rgba(255,255,255,0.2); position:absolute; bottom:0; left:0; text-align:center; }

.subBanner02_7 div ul { font-size:0; }

.subBanner02_7 div ul li { display:inline-block; margin:0 20px;}

.subBanner02_7 div ul li a { display:block; width:75px; height:54px; font-size:15px; font-weight:600; color:#fff; font-family:'Nanum Gothic', sans-serif; line-height:54px; box-sizing:border-box;}

.subBanner02_7 div ul li a:hover { border-top:4px solid #fee065; text-decoration:none; }



.subBanner01_2 { width:100%;  position:relative; margin-top:75px; }

.subBanner01_2  img { width:100%; }

.difference_contents  img { width:100%; }

.subBanner01_2 div { width:100%; height:54px; border-top:1px solid rgba(255,255,255,0.2); position:absolute; bottom:0; left:0; text-align:center; }

.subBanner01_2 div ul { font-size:0; }

.subBanner01_2 div ul li { display:inline-block; margin:0 20px;}

.subBanner01_2 div ul li a { display:block; width:75px; height:54px; font-size:15px; font-weight:600; color:#fff; font-family:'Nanum Gothic', sans-serif; line-height:54px; box-sizing:border-box;}

.subBanner01_2 div ul li a:hover { border-top:4px solid #fee065; text-decoration:none; }



.subBanner01_3 { width:100%; position:relative; margin-top:75px;}

.subBanner01_3  img { width:100%; }

.partner_contents  img { width:100%; }

.subBanner01_3 div { width:100%; height:54px; border-top:1px solid rgba(255,255,255,0.2); position:absolute; bottom:0; left:0; text-align:center; }

.subBanner01_3 div ul { font-size:0; }

.subBanner01_3 div ul li { display:inline-block; margin:0 20px;}

.subBanner01_3 div ul li a { display:block; width:75px; height:54px; font-size:15px; font-weight:600; color:#fff; font-family:'Nanum Gothic', sans-serif; line-height:54px; box-sizing:border-box;}

.subBanner01_3 div ul li a:hover { border-top:4px solid #fee065; text-decoration:none; }



.intro_contents { width:100%; text-align:center; } 

.partner_contents { width:100%; text-align:center; } 



.subBanner02 { width:100%;  margin-top:75px; position:relative; }

.subBanner02  img { width:100%; }

.joininfo_contents img { width:100%; }

.subBanner02 div { width:100%; height:54px; border-top:1px solid rgba(255,255,255,0.2); position:absolute; bottom:0; left:0; text-align:center; }

.subBanner02 div ul { font-size:0; }

.subBanner02 div ul li { display:inline-block; margin:0 20px;}

.subBanner02 div ul li a { display:block; width:75px; height:54px; font-size:15px; font-weight:600; color:#fff; font-family:'Nanum Gothic', sans-serif; line-height:54px; box-sizing:border-box;}

.subBanner02 div ul li a:hover { border-top:4px solid #fee065; text-decoration:none; }



.subBanner02_1 { width:100%; position:relative; margin-top:75px; }

.subBanner02_1 img { width:100%; }

.program_contents img { width:100%; }

.subBanner02_1 div { width:100%; height:54px; border-top:1px solid rgba(255,255,255,0.2); position:absolute; bottom:0; left:0; text-align:center; }

.subBanner02_1 div ul { font-size:0; }

.subBanner02_1 div ul li { display:inline-block; margin:0 20px;}

.subBanner02_1 div ul li a { display:block; width:75px; height:54px; font-size:15px; font-weight:600; color:#fff; font-family:'Nanum Gothic', sans-serif; line-height:54px; box-sizing:border-box;}

.subBanner02_1 div ul li a:hover { border-top:4px solid #fee065; text-decoration:none; }



.joininfo_contents { width:100%; text-align:center; } 

.program_contents { width:100%; text-align:center; } 



.difference_contents { width:100%; text-align:center; padding-bottom:34px; } 





.subBanner03 { width:100%; margin-top:75px; position:relative; }

.subBanner03 img { width:100%; }

.subBanner03 div { width:100%; height:54px; border-top:1px solid rgba(255,255,255,0.2); position:absolute; bottom:0; left:0; text-align:center; }

.subBanner03 div ul { font-size:0; }

.subBanner03 div ul li { display:inline-block; margin:0 20px;}

.subBanner03 div ul li a { display:block; width:75px; height:54px; font-size:15px; font-weight:600; color:#fff; font-family:'Nanum Gothic', sans-serif; line-height:54px; box-sizing:border-box;}

.subBanner03 div ul li a:hover { border-top:4px solid #fee065; text-decoration:none; }

.store_contents { text-align:center; width:1200px; margin:0 auto; position:relative;} 

.root_daum_roughmap { top:173px; left:75px; position:absolute !important; z-index:99; }





.subBanner04 { width:100%; margin-top:75px; position:relative; }

.subBanner04 > img { width:100%;  }

.subBanner04 div { width:100%; height:54px; border-top:1px solid rgba(255,255,255,0.2); position:absolute; bottom:0; left:0; text-align:center; }

.subBanner04 div ul { font-size:0; }

.subBanner04 div ul li { display:inline-block; margin:0 20px;}

.subBanner04 div ul li a { display:block; width:75px; height:54px; font-size:15px; font-weight:600; color:#fff; font-family:'Nanum Gothic', sans-serif; line-height:54px; box-sizing:border-box;}

.subBanner04 div ul li a:hover { border-top:4px solid #fee065; text-decoration:none; }



.subBanner04_1 { width:100%; margin-top:75px; position:relative; background:none !important; }

.subBanner04_1 img { width:100%; }

.subBanner04_1 div { width:100%; height:54px; border-top:1px solid rgba(255,255,255,0.2); position:absolute; bottom:0; left:0; text-align:center; }

.subBanner04_1 div ul { font-size:0; }

.subBanner04_1 div ul li { display:inline-block; margin:0 20px;}

.subBanner04_1 div ul li a { display:block; width:75px; height:54px; font-size:15px; font-weight:600; color:#fff; font-family:'Nanum Gothic', sans-serif; line-height:54px; box-sizing:border-box;}

.subBanner04_1 div ul li a:hover { border-top:4px solid #fee065; text-decoration:none; }



.subBanner04_11 { width:100%; margin-top:75px; position:relative; background:none !important; }

.subBanner04_11 img { width:100%; }

.subBanner04_11 div { width:100%; height:54px; border-top:1px solid rgba(255,255,255,0.2); position:absolute; bottom:0; left:0; text-align:center; }

.subBanner04_11 div ul { font-size:0; }

.subBanner04_11 div ul li { display:inline-block; margin:0 20px;}

.subBanner04_11 div ul li a { display:block; width:75px; height:54px; font-size:15px; font-weight:600; color:#fff; font-family:'Nanum Gothic', sans-serif; line-height:54px; box-sizing:border-box;}

.subBanner04_11 div ul li a:hover { border-top:4px solid #fee065; text-decoration:none; }





.reserv_contents { width:1200px; box-sizing:border-box; border-right:1px solid #959595; border-left:1px solid #959595; padding:0 80px; margin:0 auto; text-align:left !important; padding:70px 80px 80px 80px; }

.reserv_contents ul { font-size:0; margin-top:50px; }

.reserv_contents ul li { display:inline-block; margin-left:10px; margin-top:20px;}



.reserv_contents ul li:nth-child(1), .reserv_contents ul li:nth-child(4) { margin-left:0; }



.reserv_contents  span { display:block; text-align:center; width:100%; font-size:18px; color:#808080; margin-top:45px; letter-spacing:-2px; }



.m_reserv_contents { width:100%; box-sizing:border-box; padding:40px 5%; margin:0 auto; text-align:left !important;}

.m_reserv_contents ul { font-size:0; margin-top:25px; }

.m_reserv_contents ul li a img { width:100%; }

.m_reserv_contents ul li { display:inline-block; margin-left:2%; margin-top:10px; width:49%;}

.m_reserv_contents ul li:nth-child(1), .m_reserv_contents ul li:nth-child(3), .m_reserv_contents ul li:nth-child(5) { margin-left:0; }



.m_reserv_contents  span { display:block; text-align:center; width:100%; font-size:16px; color:#808080; margin-top:45px; letter-spacing:-2px; }

	

.m_navi	{ background:#223148; box-sizing:border-box; width:100%; margin-bottom:0; }

.m_navi > li { width:100%; position:relative;  font-size:15px; font-weight:400; overflow:visible; color:#fff; text-align:center; height:45px; line-height:45px; background:url(/img/arrow_back.png) no-repeat; background-position:right 5% center; }	

.m_navi > li > ul> li > a{ width:100%; display:block;  font-size:15px; font-weight:400; color:#fff !important; text-align:left; height:45px; line-height:40px; background:#758cae; padding-left:5%; box-sizing:border-box; border-bottom:1px solid #8c9cb2; }	

.m_navi > li > ul { position:absolute; width:100%; top:45px; z-index:99; display:none; }

.hd_pops { width:90% !important; left:5% !important; position:fixed !important; top:100px !important; box-shadow:0px 0px 25px rgba(0,0,0,0.7); }

.hd_pops_con { width:100% !important; height:auto !important; }



#hd_pops_2 > .hd_pops_con > p:last-child { height:10px !important; }

#hd_pops_2 > .hd_pops_con > p:nth-child(2) > a { text-align:center; }

#hd_pops_2 > .hd_pops_con > p:nth-child(2) > a > img { width:43%;}

}





@media all and (min-width:1280px) {

	.container { width:100% !important; margin:0 !important; padding:0 !important; max-width:100% !important; padding-top:51px !important;}

	}

	@media all and (max-width:1279px) {

	.container { padding-top:0px !important;}

	}

	@media all and (min-width:992px) {

		.container { width:100% !important; margin:0 !important; padding:0 !important; max-width:100% !important; }

	}

	@media all and (min-width:768px){

		.container { width:100% !important; margin:0 !important; padding:0 !important; max-width:100% !important; }

	}

	@media all and (min-width:576px){

		.container { width:100% !important; margin:0 !important; padding:0 !important; max-width:100% !important; }

	}

	