@charset "utf-8";
/* SIR 지운아빠 */
@media screen and ( min-width:760px){
/* ### 기본 스타일 커스터마이징 시작 ### */

/* 게시판 버튼 */
/* 목록 버튼 */
#bo_list {width:1200px !important; margin:0 auto; padding:0 73px 104px; box-sizing:border-box; border-left:1px solid #959595; border-right:1px solid #959595;}
.td_subject a {color:rgb(90, 90, 90);text-decoration:none;}
.td_subject a:hover{color:#333}
#bo_v {width:1200px !important; margin:0 auto; padding:0 73px 104px; box-sizing:border-box; border-left:1px solid #959595; border-right:1px solid #959595;}
#bo_v_share,#bo_v_left,#bo_vc_w { }


textarea.required { width:100%; height:83px; box-sizing:border-box; border:1px  solid #b8bbc2; padding:15px; }
.frm_input { width:349px; height:38px; box-sizing:border-box; border:1px  solid #b8bbc2; padding-left:15px; margin-top:13px; }
#wr_password { margin-left:8px; }
#wr_secret { margin-left:10px; }
.captcha_box, #captcha_img { width:146px !important; height:38px !important; box-sizing:border-box !important; border:1px solid #b8bbc2 !important; padding-left:15px !important; margin-top:13px !important;
border-radius:0 !important; }
#captcha_info { display:inline-block !important; padding-left:5px; line-height:20px; }
#captcha_mp3,#captcha_reload {border-radius:0 !important; margin-top:13px !important;  }
.btn_confirm { text-align:right; }
#btn_submit { width:180px; height:38px; font-size:15px; color:#fff; border:none !important; background:#293a56; }
/* ### 기본 스타일 커스터마이징 끝 ### */

/* 게시판 목록 */
#bo_list .td_board {width:120px;text-align:center}
#bo_list .td_chk {width:30px;text-align:center}
#bo_list .td_date {width:60px;text-align:center}
#bo_list .td_datetime {width:110px;text-align:center}
#bo_list .td_group {width:100px;text-align:center}
#bo_list .td_mb_id {width:100px;text-align:center}
#bo_list .td_mng {width:80px;text-align:center}
#bo_list .td_name {width:100px;text-align:center}
#bo_list .td_nick {width:100px;text-align:center}
#bo_list .td_num {width:50px;text-align:center}
#bo_list .td_numbig {width:80px;text-align:center}

#bo_list .txt_active {color:#5d910b}
#bo_list .txt_expired {color:#ccc}

#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {margin-bottom:10px;padding-left:1px;zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {float:left;margin-bottom:-1px}
#bo_cate a {display:block;position:relative;margin-left:-1px;padding:6px 0 5px;width:90px;border:1px solid #ddd;background:#f7f7f7;color:#888;text-align:center;letter-spacing:-0.1em;line-height:1.2em;cursor:pointer}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none}
#bo_cate #bo_cate_on {z-index:2;border:1px solid #565e60;background:#fff;color:#565e60;font-weight:bold}

.td_subject img {margin-left:3px}

/* 게시판 목록 공통 */
.bo_fx {margin-bottom:5px;zoom:1}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx ul {margin:0;padding:0;list-style:none}
#bo_list_total {float:left;padding-top:5px}
.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}
.bo_notice td {background:#f5f6fa}
.bo_notice td a {font-weight:bold}
.td_num strong {color:#000}
.bo_cate_link {display:inline-block;margin:0 3px 0 0;padding:0 6px 0 0;border-right:1px solid #e7f1ed;color:#999 !important;font-weight:bold;text-decoration:none} /* 글제목줄 분류스타일 */
.bo_current {color:#e8180c}
#bo_list .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}
.text-center {margin: 0 auto;}

#bo_sch {padding-top:5px;text-align:center}
#bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}

/* 게시판 쓰기 */
#char_count_desc {display:block;margin:0 0 5px;padding:0}
#char_count_wrap {margin:5px 0 0;text-align:right}
#char_count {font-weight:bold}

#autosave_wrapper {position:relative}
#autosave_pop {display:none;z-index:10;position:absolute;top:30px;right:1px;padding:8px;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;overflow-y:scroll}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:right}
#autosave_pop button {margin:0;padding:0;border:0;background:transparent}
#autosave_pop ul {margin:10px 0;padding:0;border-top:1px solid #e9e9e9;list-style:none}
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #e9e9e9;zoom:1}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left}
#autosave_pop span {display:block;float:right}
.autosave_close {cursor:pointer}
.autosave_content {display:none}

/* 게시판 읽기 */
#bo_v {padding-bottom:20px;border-top:1px solid #ddd}

#bo_v_table {position:absolute;top:0;right:16px;margin:0;padding:0 5px;height:25px;background:#ff3061;color:#fff;font-weight:bold;line-height:2.2em}

#bo_v_title {padding:10px 0 10px;font-size:1.2em;color:#333}

#bo_v_info {padding:0 0 10px;border-bottom:1px solid #ddd}
#bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_info strong {display:inline-block;margin:0 15px 0 5px;font-weight:normal}
#bo_v_info .sv_member,
#bo_v_info .sv_guest,
#bo_v_info .member,
#bo_v_info .guest {font-weight:bold}

#bo_v_file {}
#bo_v_file h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_file ul {margin:0;padding:0;list-style:none}
#bo_v_file li {padding:0 10px;border-bottom:1px solid #eee;background:#f5f6fa}
#bo_v_file a {display:inline-block;padding:8px 0 7px;width:100%;color:#000;word-wrap:break-word}
#bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active {text-decoration:none}
#bo_v_file img {float:left;margin:0 10px 0 0}
.bo_v_file_cnt {display:inline-block;margin:0 0 3px 16px}

#bo_v_link {}
#bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_link ul {margin:0;padding:0;list-style:none}
#bo_v_link li {padding:0 10px;border-bottom:1px solid #eee;background:#f5f6fa}
#bo_v_link a {display:inline-block;padding:8px 0 7px;width:100%;color:#000;word-wrap:break-word}
#bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active {text-decoration:none}
.bo_v_link_cnt {display:inline-block;margin:0 0 3px 16px}

#bo_v_top {margin:0 0 10px;padding:10px 0;zoom:1; }
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_top h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_top ul {margin:0;padding:0;list-style:none}

#bo_v_bot {zoom:1}
#bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_bot h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_bot ul {margin:0;padding:0;list-style:none}

.bo_v_nb {float:left}
.bo_v_nb li {float:left;margin-right:5px;margin-bottom:10px;}
.bo_v_com {float:right}
.bo_v_com li {float:left;margin-left:5px;margin-bottom:5px;}

#bo_v_atc {min-height:200px;height:auto !important; padding:20px; box-sizing:border-box;  height:200px;border-bottom:1px solid #223148;}
#bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_img {margin:0 0 10px;width:100%;overflow:hidden;zoom:1}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img img {margin-bottom:20px;max-width:100%;height:auto}

#bo_v_con {margin-bottom:30px;width:100%;line-height:1.7em;word-break:break-all;overflow:hidden}
#bo_v_con a {color:#000;text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto}

#bo_v_act {margin-bottom:30px;text-align:center}
#bo_v_act .bo_v_act_gng {position:relative}
#bo_v_act a {margin-right:5px;vertical-align:middle}
#bo_v_act strong {color:#ff3061}
#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center}

#bo_v_sns {margin:0 0 20px;padding:0;list-style:none;zoom:1}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns li {float:left;margin:0 5px 0 0}

/* 게시판 댓글 */
#bo_vc {margin:0 0 20px;border-bottom:1px solid #a8b0bb;}
.cmt_btn { display:none; }
#bo_vc h2 {margin-bottom:10px; display:none;}
#bo_vc article {padding:0 0 10px;border-top:1px solid #a8b0bb; padding-left:15px; color:#293a56; font-size:16px;}
#bo_vc header {position:relative;padding:15px 0 5px}
#bo_vc header .icon_reply {position:absolute;top:15px;left:-20px}
#bo_vc .sv_wrap {margin-right:15px}
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold; font-size:17px;}
.bo_vc_hdinfo {display:inline-block;margin:0 15px 0 5px}
#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc a {color:#000;text-decoration:none}
#bo_vc p {padding:0 0 5px;line-height:1.8em}
#bo_vc p a {text-decoration:underline}
#bo_vc p a.s_cmt {text-decoration:none}
#bo_vc_empty {margin:0;padding:5px !important;text-align:center}
#bo_vc #bo_vc_winfo {float:left}
#bo_vc footer1 {zoom:1}
#bo_vc footer1:after {display:block;visibility:hidden;clear:both;content:""}

.bo_vc_act {float:right;margin:0;list-style:none;zoom:1; margin-top:-30px; margin-right:20px;}
.bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_act li {float:left;margin-left:5px}


#bo_vc_w {position:relative;margin:0 0 20px;padding:0 0 10px;border-bottom:1px solid #cfded8}
#bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc_w #char_cnt {display:block;margin:0 0 5px}


#bo_vc_sns {margin:0;padding:0;list-style:none;zoom:1}
#bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc_sns li {float:left;margin:0 20px 0 0}
#bo_vc_sns input {margin:0 0 0 5px}

.btn_autosave{position:absolute;top:10px;right:1px;font-size:0.8rem;line-height:1rem;}

/*******최수혁 추가******/
.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:395px; }
.subNavi div ul:nth-child(2) { margin-left:71px; }
.subNavi div ul:nth-child(3) { margin-left:32px; }
.subNavi div ul:nth-child(4) { margin-left:45px; }
.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:'Nanum Gothic', sans-serif;}
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; }


	
	
.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; }




.subBanner01 { width:100%; height:340px; background:url(/img/subBack01.jpg) no-repeat top center; position:relative; }
.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; }
.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; }
.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; }
.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; }
.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; }
.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%; height:340px; background:url(/img/subBack04.jpg) no-repeat top center; position:relative; }

.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; }

.subBanner05 { width:100%; height:340px; background:url(/img/subBack05.jpg) no-repeat top center; position:relative; }
.subBanner05 div { width:100%; height:54px; border-top:1px solid rgba(255,255,255,0.2); position:absolute; bottom:0; left:0; text-align:center; }
.subBanner05 div ul { font-size:0; }
.subBanner05 div ul li { display:inline-block; margin:0 20px;}
.subBanner05 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;}
.subBanner05 div ul li a:hover { border-top:4px solid #fee065; text-decoration:none; }

.sch_btn { font-size:0 !important; }
}
@media screen and ( max-width:759px){
	
	
	.notiTitle { width:100% !important; line-height:auto !important; vertical-align:middle !important; font-size:14px !important; }
textarea.required { width:100%; height:83px; box-sizing:border-box; border:1px  solid #b8bbc2; padding:15px; }
.frm_input { width:30%; height:38px; box-sizing:border-box; border:1px  solid #b8bbc2; padding-left:15px; margin-top:13px; }
#wr_password { margin-left:8px; }
#wr_secret { margin-left:10px; }
.captcha_box, #captcha_img { width:100px !important; height:38px !important; box-sizing:border-box !important; border:1px solid #b8bbc2 !important; padding-left:15px !important; margin-top:13px !important;
border-radius:0 !important; }
#captcha_info { display:inline-block !important; padding-left:5px; line-height:20px; }
#captcha_mp3,#captcha_reload {border-radius:0 !important; margin-top:13px !important;  }
.btn_confirm { text-align:right; }
#btn_submit { width:180px; height:38px; font-size:15px; color:#fff; border:none !important; background:#293a56; }
	
/* ### 기본 스타일 커스터마이징 시작 ### */

/* 게시판 버튼 */
/* 목록 버튼 */
#bo_list {width:100% !important; margin:0 auto; padding:50px 5% 48px 5%; box-sizing:border-box; }
.td_subject a {color:rgb(90, 90, 90);text-decoration:none;}
.td_subject a:hover{color:#333}
#bo_v {width:1200px !important; margin:0 auto; padding:0 73px 104px; box-sizing:border-box; border-left:1px solid #959595; border-right:1px solid #959595;}
#bo_v_share,#bo_v_left,#bo_vc_w {}
/* ### 기본 스타일 커스터마이징 끝 ### */

/* 게시판 목록 */
#bo_list .td_board {width:120px;text-align:center}
#bo_list .td_chk {width:30px;text-align:center}
#bo_list .td_date {width:60px;text-align:center}
#bo_list .td_datetime {width:110px;text-align:center}
#bo_list .td_group {width:100px;text-align:center}
#bo_list .td_mb_id {width:100px;text-align:center}
#bo_list .td_mng {width:80px;text-align:center}
#bo_list .td_name {width:100px;text-align:center}
#bo_list .td_nick {width:100px;text-align:center}
#bo_list .td_num {width:50px;text-align:center}
#bo_list .td_numbig {width:80px;text-align:center}

#bo_list .txt_active {color:#5d910b}
#bo_list .txt_expired {color:#ccc}

#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {margin-bottom:10px;padding-left:1px;zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {float:left;margin-bottom:-1px}
#bo_cate a {display:block;position:relative;margin-left:-1px;padding:6px 0 5px;width:90px;border:1px solid #ddd;background:#f7f7f7;color:#888;text-align:center;letter-spacing:-0.1em;line-height:1.2em;cursor:pointer}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none}
#bo_cate #bo_cate_on {z-index:2;border:1px solid #565e60;background:#fff;color:#565e60;font-weight:bold}

.td_subject img {margin-left:3px}

/* 게시판 목록 공통 */
.bo_fx {margin-bottom:5px;zoom:1}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx ul {margin:0;padding:0;list-style:none}
#bo_list_total {float:left;padding-top:5px}
.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}
.bo_notice td {background:#f5f6fa}
.bo_notice td a {font-weight:bold}
.td_num strong {color:#000}
.bo_cate_link {display:inline-block;margin:0 3px 0 0;padding:0 6px 0 0;border-right:1px solid #e7f1ed;color:#999 !important;font-weight:bold;text-decoration:none} /* 글제목줄 분류스타일 */
.bo_current {color:#e8180c}
#bo_list .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}
.text-center {margin: 0 auto;}

#bo_sch {padding-top:5px;text-align:center}
#bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}

/* 게시판 쓰기 */
#char_count_desc {display:block;margin:0 0 5px;padding:0}
#char_count_wrap {margin:5px 0 0;text-align:right}
#char_count {font-weight:bold}

#autosave_wrapper {position:relative}
#autosave_pop {display:none;z-index:10;position:absolute;top:30px;right:1px;padding:8px;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;overflow-y:scroll}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:right}
#autosave_pop button {margin:0;padding:0;border:0;background:transparent}
#autosave_pop ul {margin:10px 0;padding:0;border-top:1px solid #e9e9e9;list-style:none}
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #e9e9e9;zoom:1}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left}
#autosave_pop span {display:block;float:right}
.autosave_close {cursor:pointer}
.autosave_content {display:none}

/* 게시판 읽기 */
#bo_v {padding-bottom:20px;border-top:1px solid #ddd}

#bo_v_table {position:absolute;top:0;right:16px;margin:0;padding:0 5px;height:25px;background:#ff3061;color:#fff;font-weight:bold;line-height:2.2em}

#bo_v_title {padding:10px 0 10px;font-size:1.2em;color:#333}

#bo_v_info {padding:0 0 10px;border-bottom:1px solid #ddd}
#bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_info strong {display:inline-block;margin:0 15px 0 5px;font-weight:normal}
#bo_v_info .sv_member,
#bo_v_info .sv_guest,
#bo_v_info .member,
#bo_v_info .guest {font-weight:bold}

#bo_v_file {}
#bo_v_file h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_file ul {margin:0;padding:0;list-style:none}
#bo_v_file li {padding:0 10px;border-bottom:1px solid #eee;background:#f5f6fa}
#bo_v_file a {display:inline-block;padding:8px 0 7px;width:100%;color:#000;word-wrap:break-word}
#bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active {text-decoration:none}
#bo_v_file img {float:left;margin:0 10px 0 0}
.bo_v_file_cnt {display:inline-block;margin:0 0 3px 16px}

#bo_v_link {}
#bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_link ul {margin:0;padding:0;list-style:none}
#bo_v_link li {padding:0 10px;border-bottom:1px solid #eee;background:#f5f6fa}
#bo_v_link a {display:inline-block;padding:8px 0 7px;width:100%;color:#000;word-wrap:break-word}
#bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active {text-decoration:none}
.bo_v_link_cnt {display:inline-block;margin:0 0 3px 16px}

#bo_v_top {margin:0 0 10px;padding:10px 0;zoom:1; }
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_top h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_top ul {margin:0;padding:0;list-style:none}

#bo_v_bot {zoom:1}
#bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_bot h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_bot ul {margin:0;padding:0;list-style:none}

.bo_v_nb {float:left}
.bo_v_nb li {float:left;margin-right:5px;margin-bottom:10px;}
.bo_v_com {float:right}
.bo_v_com li {float:left;margin-left:5px;margin-bottom:5px;}

#bo_v_atc {;height:auto !important; padding:20px; box-sizing:border-box;  height:200px;border-bottom:1px solid #223148;}
#bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_img {margin:0 0 10px;width:100%;overflow:hidden;zoom:1}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img img {margin-bottom:20px;max-width:100%;height:auto}

#bo_v_con {margin-bottom:30px;width:100%;line-height:1.7em;word-break:break-all;overflow:hidden}
#bo_v_con a {color:#000;text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto}

#bo_v_act {margin-bottom:30px;text-align:center}
#bo_v_act .bo_v_act_gng {position:relative}
#bo_v_act a {margin-right:5px;vertical-align:middle}
#bo_v_act strong {color:#ff3061}
#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center}

#bo_v_sns {margin:0 0 20px;padding:0;list-style:none;zoom:1}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns li {float:left;margin:0 5px 0 0}

/* 게시판 댓글 */
#bo_vc {margin:0 0 20px;border-bottom:1px solid #a8b0bb;}
.cmt_btn { display:none; }
#bo_vc h2 {margin-bottom:10px; display:none;}
#bo_vc article {padding:0 0 10px;border-top:1px solid #a8b0bb; padding-left:15px;font-size:14px;color:#293a56; }
#bo_vc header {position:relative;padding:15px 0 5px}
#bo_vc header .icon_reply {position:absolute;top:15px;left:-20px}
#bo_vc .sv_wrap {margin-right:15px}
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold; font-size:15px;}
.bo_vc_hdinfo {display:inline-block;margin:0 15px 0 5px}
#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc a {color:#000;text-decoration:none}
#bo_vc p {padding:0 0 5px;line-height:1.8em}
#bo_vc p a {text-decoration:underline}
#bo_vc p a.s_cmt {text-decoration:none}
#bo_vc_empty {margin:0;padding:5px !important;text-align:center}
#bo_vc #bo_vc_winfo {float:left}
#bo_vc footer1 {zoom:1}
#bo_vc footer1:after {display:block;visibility:hidden;clear:both;content:""}

.bo_vc_act {float:right;margin:0;list-style:none;zoom:1; margin-top:-50px; margin-right:15px;}
.bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_act li {float:left;margin-left:5px}


#bo_vc_w {position:relative;margin:0 0 20px;padding:0 0 10px;border-bottom:1px solid #cfded8}
#bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc_w #char_cnt {display:block;margin:0 0 5px}


#bo_vc_sns {margin:0;padding:0;list-style:none;zoom:1}
#bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc_sns li {float:left;margin:0 20px 0 0}
#bo_vc_sns input {margin:0 0 0 5px}

.btn_autosave{position:absolute;top:10px;right:1px;font-size:0.8rem;line-height:1rem;}

/*******최수혁 추가******/
.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; font:500 15px Nanum Gothic,'나눔고딕'; line-height:27px; font-family:'Nanum Gothic', sans-serif; }
.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:'Nanum Gothic', sans-serif;}
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; }


	
	


.subBanner01 { width:100%; height:340px; background:url(/img/subBack01.jpg) no-repeat top center; position:relative; }
.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; }
.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; }
.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; }
.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; }
.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; }
.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%; height:340px; background:url(/img/subBack04.jpg) no-repeat top center; position:relative; }

.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; }

.subBanner05 { width:100%; margin-top:75px; position:relative; }
.subBanner05 img { width:100%; }
.subBanner05 div { width:100%; height:54px; border-top:1px solid rgba(255,255,255,0.2); position:absolute; bottom:0; left:0; text-align:center; }
.subBanner05 div ul { font-size:0; }
.subBanner05 div ul li { display:inline-block; margin:0 20px;}
.subBanner05 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;}
.subBanner05 div ul li a:hover { border-top:4px solid #fee065; text-decoration:none; }

.noti01 { width:12%; font-size:14px; }
.noti02 { width:38%; font-size:14px; }
.noti03 { width:30%; font-size:14px; }
.noti04 { width:20%; font-size:14px; }

.noti05 { width:45% !important; font-size:14px; }
.noti06 { width:20% !important; font-size:14px; }
.noti07 { width:30% !important; font-size:14px; }
.td_num2, .td_subject, .td_name sv_use, .td_datetime { font-size:14px; }


#bo_v { width:100% !important; padding:50px 5% 48px 5% !important;  }
} 
@media all and (min-width:1200px) {
	.container { width:100% !important; margin:0 !important; padding:0 !important; max-width:100% !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; }
	}