﻿@charset "utf-8";
/* CSS Document */


/* CSS Information ----------------------------------------

Site Name : 반응형 기본디자인 A4
Part : 기본세팅
Last edit : 2020.07.29
Author : Gautech(PDH)

관련폰트 :
font-family: 'Noto Sans KR', sans-serif; (100,300,400,500,700,900)
font-family: 'Roboto', sans-serif; (100,300,400,500,700,900)
font-family: 'BMJUA', sans-serif; (500)

--------------------------------------------------------- */





/* 서브 start ----------------------------------- */


header {}
body { background-image:url(/images/main/bg.jpg); background-repeat:no-repeat; background-position:50% 0%; background-color:#e0e5ce;}


/* 서브 비주얼 */

.container_visual {}
.sub_visual { position:relative; width:100%; height:200px; overflow:hidden;}
.sub_visual .sub_bg { width:100%; height:200px; min-width:1200px;}




/* 서브탭 start */

/* 서브탭 start */

.sub_menu_wrap { width:1200px; margin:0 auto; height:50px; background-color:#53a3bb; border-radius:10px 10px 0 0;}
.sub_menu { position:relative; width:1200px; height:50px; margin:0 auto;}
.icon_home { position:absolute; left:0; top:0; width:50px; height:50px; border-top-left-radius:10px; overflow:hidden;}
.icon_print { position:absolute; right:0; top:0; width:50px; height:50px; border-top-right-radius:10px; overflow:hidden;}
.sub_tab { width:1100px; margin-left:50px;}
.sub_tab>ul {}
.sub_tab>ul>li { float:left; position:relative; height:50px; line-height:50px; font-family: 'BMJUA', sans-serif; font-size:20px; font-weight:normal; letter-spacing:0; color:#fff; cursor:pointer; background-repeat:no-repeat; background-position:90% 50%;}
.sub_tab>ul>li.sub_depth1 { width:50%; border-left:none; padding-left:30px; padding-right:120px; background-image: url(/images/icon/tab_box_bg_right_w.png); z-index:2;}
.sub_tab>ul>li.sub_depth2 { width:50%; display:none; padding-left:30px; padding-right:140px; background-image:url(/images/icon/tab_box_bg_right_w.png); z-index:2;}
.menu_on { display:block !important;}
.sub_tab>ul>li>a { display:block; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width: 100%; text-align: center;}
.sub_tab>ul>li:hover, .sub_tab>ul>li.tab_active { background-color:#2c7388;}
.tab_box_bg_on { background-image: url(/images/icon/tab_box_bg_w.png) !important;}

.sub_tab_sub { position:absolute; display:none; top:50px; left:-1px; border:1px solid #e1ded8; width:100%; z-index:1; box-sizing:content-box; background-color:#FFF;}
.sub_tab_sub ul { padding:20px 30px 30px 30px;}
.sub_tab_sub ul li { float:none; height:30px; font-size:16px; font-weight: normal; color:#444; line-height:29px; width:100%; border:none; background-image:none;}
.sub_tab_sub ul li a { display:block; width:100%; height:100%; padding-left:10px;}
.sub_tab_sub ul li:hover { background-color:#f6f6f6;}

.depth3_tab { width:100%; height:auto; font-size:0; padding-left:20px;}
.depth3_tab>p { display:inline-block; font-size:18px; text-align:center; padding:10px 30px; border-left:1px solid #e1ded8; border-top:1px solid #e1ded8; background-color:#F9F9F9; border-radius:10px 10px 0 0; cursor:pointer;}
.depth3_tab>p:last-child { border-right:1px solid #e1ded8;}
.depth3_tab>p.depth3_active { border-top:1px solid #8dc63f; border-left:1px solid #8dc63f; border-right:1px solid #8dc63f; color:#FFF; background-color:#8dc63f;}

.depth3_tab2 { width:100%; margin:0 auto 0 auto; height:auto; font-size:0; padding-left:20px;}
.depth3_tab2>a { display:inline-block; font-weight:500; font-size:18px; text-align:center; padding:10px 30px; border:1px solid #e1ded8; border-bottom:none; background-color:#F9F9F9; border-radius:10px 10px 0 0; margin-right:6px;}
.depth3_tab2>a.depth3_active { border:1px solid #8dc63f; color:#FFF; background-color:#8dc63f;}

.depth3_tab3 { width:100%; margin:0 auto 30px auto; height:auto; font-size:0; padding-left:60px;}
.depth3_tab3>a { display:inline-block; font-weight:500; font-size:18px; text-align:center; padding:10px 30px; border:1px solid #e1ded8; background-color:#F9F9F9; border-radius:10px; margin-right:6px;}
.depth3_tab3>a.depth3_active { border:1px solid #8dc63f; color:#FFF; background-color:#8dc63f;}

.sub_menu_wrap_fixed { position: fixed; top: -1px; left:50%; margin-left:-600px; z-index:100; border-radius:0;}
.sub_menu_wrap_fixed>.sub_menu>.icon_home { border-radius:0;}
.sub_menu_wrap_fixed>.sub_menu>.icon_print { border-radius:0;}

.sub01_tab_menu { width: 100%; background-color:#FFF; padding-top:30px; font-size:0; z-index:1;}
.sub01_tab_menu>a { display:inline-block; padding:5px 10px; border:1px solid #CCC; border-radius:5px; background-color:#eee; font-size:14px; margin:0 5px 5px 0;}
.sub01_tab_menu>a.active, .sub01_tab_menu>a:hover { color:#FFF; background-color:#14689a; border: 1px solid #14689a;}
.ss_link { position:absolute; top:-170px;}

.sub01_tab_menu_fixed { position:fixed; top:50px; left:50%; margin-left:-564px; width: 1128px; padding: 30px 20px 20px 20px; border-bottom:1px solid #eee;}




/* 서브공통 */

.sub_box { position:relative; width:100%; min-width:1200px; border-bottom:1px solid #e1ded8;}
.sub_container { position: relative; width:1200px; margin:0 auto 80px auto; padding:0 0 50px 0; background-color:#FFF; border:1px solid #e1ded8; border-top:none; border-radius:0 0 10px 10px;}
.sub_container:after { display:block; content:""; clear:both;}
.sub_title { font-family: 'BMJUA', sans-serif; position:relative; width:94%; margin:0 auto 40px auto; padding:60px 0 20px 20px; font-size:28px; text-align:left; border-bottom:1px solid #e1ded8; letter-spacing:0; font-weight:normal;}
.sub_title_fixed { padding:110px 0 20px 20px;}
.sub_title_fixed2 { padding:210px 0 20px 20px;}
.sub_title_sub { font-family: 'Noto Sans KR', sans-serif; display:inline-block; font-size:15px; font-weight:400; color:#999; padding-left:20px; letter-spacing:-0.03em;}
.box100per { position:relative; width:94%; margin:0 auto; padding:0 20px 0 20px;}
.box50per { position:relative; display:inline-block; width:50%; padding:0; vertical-align:top; max-width:544px;}
.in_box { display: block; width: 100%; margin-bottom: 50px; padding:40px; vertical-align: top; border: 1px solid #CCC; border-radius: 10px; background-color: #F9F9F9;}
.top_txt { /* position:absolute; left:20px; top:-40px; width:700px; background-color:#FFF; z-index:1;*/}
.top_txt2 { position:relative; width:100%; padding-right:44%;}
.top_txt3 { position:relative; width:100%; padding-right:60%;}
.in_title1 { font-family: 'BMJUA', sans-serif; font-size:40px; margin:40px 0 5px 0; color:#53a3bb; letter-spacing:-0.03em; font-weight:normal; line-height:1.2;}
.in_title1_txt { font-family: 'Noto Sans KR', sans-serif; font-size:22px; font-weight:400;  margin-bottom:30px; color:#666; letter-spacing:-0.06em; line-height:1.2;}
.in_title2 { font-family: 'BMJUA', sans-serif; font-size:30px; margin:30px 0 5px 0; letter-spacing:0; font-weight:normal; line-height:1.2;}
.in_title2_txt { font-family: 'Noto Sans KR', sans-serif; font-size:18px; margin-bottom:30px; color:#666; letter-spacing:-0.04em; line-height:1.2;}
.in_title3 { font-family: 'BMJUA', sans-serif; font-size:20px;  line-height:1.2; margin-bottom:20px; background-image:url(/images/icon/ar_18x18.png); background-repeat:no-repeat; background-position:0% 2px; padding-left:25px; letter-spacing:0; font-weight:normal;}
.in_title3_txt { font-family: 'Noto Sans KR', sans-serif; font-size:15px; margin-bottom:20px; color:#666; letter-spacing:-0.06em; line-height:1.2; margin-top:-10px;}
.line_1px { width:100%; height:1px; background-color:#eee; margin:20px auto;}
.sub_img { position:relative;}
.sub_img_m { display:none;}
.big_view { display: none;}
.big_view>a { display: none;}

.preparing { width:100%; text-align:center;}
.preparing>img { width:80%; height:auto; max-width:392px;}

.table_over_sub { font-family: 'Noto Sans KR', sans-serif; border-top:6px solid #8dc63f; border-bottom:4px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; border-radius:15px; width:100%; margin: 20px auto 40px auto; overflow-x: auto;}
.content_table_sub { margin:0 auto; padding:0; width:100%; background-color:#FFF; border:none; border-collapse:collapse; border-radius:15px; overflow:hidden;}
.content_table_sub th { font-size:16px; font-weight:500; background-color:#f1f5eb !important;}
.content_table_sub td { font-size:15px; color:#777;}
.content_table_sub th, .content_table_sub td { text-align:center; padding:15px; border-left:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9;}
.content_table_sub tr th:first-child, .content_table_sub tr td:first-child { border-left: none;}
.content_table_sub tr:nth-child(2n+1) th, .content_table_sub tr:nth-child(2n+1) td { background-color:#fafafa;}
.content_table_sub tr:last-child th, .content_table_sub tr:last-child td { border-bottom:none;}
.content_table_sub th.bg_01, .content_table_sub td.bg_01 { background-color:#e1ded8;}
.content_table_sub th.bg_left, .content_table_sub td.bg_left { text-align:left;}

.contents_box_btn { font-family: 'BMJUA', sans-serif; font-size:16px; font-weight:normal; display: inline-block; background-color:#FFF; border:2px solid #666; border-radius:10px; padding:8px 15px 5px 15px;}

.list_title_icon { font-family: 'Noto Sans KR', sans-serif; font-size:17px; font-weight:500; letter-spacing:-0.06em; background-image: url(/images/icon/title_icon.png); background-repeat:no-repeat; background-position:0% 6px; padding-left:20px; margin-bottom:10px;}
.list_txt_icon { font-family: 'Noto Sans KR', sans-serif; font-size:14px; background-image:url(/images/icon/dot_10x10.png); background-repeat:no-repeat; background-size:6px 6px; background-position:0% 8px; padding-left:10px;}
.list_txt_icon_inline { font-family: 'Noto Sans KR', sans-serif; font-size:14px; display:inline-block; width:49%; background-image:url(/images/icon/dot_10x10.png); background-repeat:no-repeat; background-size:6px 6px; background-position:0% 8px; padding-left:10px;}


/* 서브01 */


.sub01_box { position:relative; font-family: 'Noto Sans KR', sans-serif; width:100%; height:auto; border:1px solid #ddd; padding:50px 40px; margin-bottom:40px; border-radius:15px;}
.sub01_box2 { position:relative; font-family: 'Noto Sans KR', sans-serif; width:100%; height:auto; border:1px solid #ddd; margin-bottom:40px; border-radius:15px; overflow:hidden;}
.sub01_01_bg { padding-right:420px; background-image:url(/images/sub/sub01_01_bg.png); background-position:100% 0%; background-repeat:no-repeat;}
.sub01_01_bottom { font-family: 'BMJUA', sans-serif; font-size:18px;}
#sub01_03_linkpoint { position:absolute; top:290px;}
.map_box { width:100%; height:500px; margin-bottom: -4px;}


/* 서브02 */

.sub02_box { position:relative; font-family: 'Noto Sans KR', sans-serif; width:100%; height:auto; border:1px solid #ddd; padding:40px; margin-bottom:40px; border-radius:15px;}
.sub02_01_bg { padding-right:300px; background-image: url(/images/sub/sub02_01_bg.png); background-position:95% 100%; background-repeat:no-repeat;}
.sub02_01_bg2 { padding-right:300px; background-image: url(/images/sub/sub02_01_bg2.png); background-position:100% 100%; background-repeat:no-repeat;}
.sub02_01_bg3 { padding-right:300px; background-image: url(/images/sub/sub02_01_bg3.png); background-position:90% 50%; background-repeat:no-repeat;}

.sub02_02_bg { padding-right:400px; background-image: url(/images/sub/sub02_02_bg.png); background-position:100% 100%; background-repeat:no-repeat;}
.sub02_02_bg2 { padding-right:400px; background-image: url(/images/sub/sub02_02_bg2.png); background-position:100% 50%; background-repeat:no-repeat;}
.sub02_02_bg3 { padding-right:400px; background-image: url(/images/sub/sub02_02_bg3.png); background-position:100% 50%; background-repeat:no-repeat;}
.sub02_02_bg4 { padding-right:400px; background-image: url(/images/sub/sub02_02_bg4.png); background-position:100% 50%; background-repeat:no-repeat;}
.sub02_02_bg5 { padding-right:400px; background-image: url(/images/sub/sub02_02_bg5.png); background-position:100% 50%; background-repeat:no-repeat;}
.sub02_02_bg6 { padding-right:400px; background-image: url(/images/sub/sub02_02_bg6.png); background-position:100% 50%; background-repeat:no-repeat;}
.sub02_02_bg7 { padding-right:400px; background-image: url(/images/sub/sub02_02_bg7.png); background-position:100% 50%; background-repeat:no-repeat;}
.sub02_02_bg8 { padding-right:400px; background-image: url(/images/sub/sub02_02_bg8.png); background-position:100% 50%; background-repeat:no-repeat;}
.sub02_02_bg9 { padding-right:400px; background-image: url(/images/sub/sub02_02_bg9.png); background-position:100% 50%; background-repeat:no-repeat;}

.sub02_03_bg { padding-right:400px; background-image: url(/images/sub/sub02_03_bg.png); background-position:100% 100%; background-repeat:no-repeat;}
.sub02_03_bg2 { padding-right:400px; background-image: url(/images/sub/sub02_03_bg2.png); background-position:100% 50%; background-repeat:no-repeat;}
.sub02_03_bg3 { padding-right:400px; background-image: url(/images/sub/sub02_03_bg3.png); background-position:100% 50%; background-repeat:no-repeat;}
.sub02_03_bg4 { padding-right:400px; background-image: url(/images/sub/sub02_03_bg4.png); background-position:100% 50%; background-repeat:no-repeat;}

.sub02_04_bg { padding-right:470px; background-image: url(/images/sub/sub02_04_bg.png); background-position:100% 100%; background-repeat:no-repeat;}
.sub02_04_bg2 { padding-right:400px; background-image: url(/images/sub/sub02_04_bg2.png); background-position:100% 50%; background-repeat:no-repeat;}




/* 서브03 */

.sub03_box { position:relative; font-family: 'Noto Sans KR', sans-serif; width:100%; height:auto; padding:10px; margin-bottom:40px;}
.top_txt2_bg01 { position:absolute; right:50px; bottom:-40px;}

.sub03_box2 { position:relative; font-family: 'Noto Sans KR', sans-serif; width:100%; height:auto; border:1px solid #ddd; padding:40px; margin-bottom:40px; border-radius:15px;}
.sub03_box3 { display:inline-block; position:relative; font-family: 'Noto Sans KR', sans-serif; font-size:14px; width:49%; height:auto; border:1px solid #ddd; padding:40px; border-radius:15px; margin:0 1% 40px 0; vertical-align:top;}
.sub03_box3-1 { display:inline-block; position:relative; font-family: 'Noto Sans KR', sans-serif; font-size:14px; width:49%; height:auto; border:1px solid #ddd; padding:40px; border-radius:15px; margin:0 0 40px 1%; vertical-align:top;}
.sub03_02_bg { padding-right:400px; background-image: url(/images/sub/sub03_02_bg.png); background-position:100% 100%; background-repeat:no-repeat;}
.sub03_02_bg2 { margin-bottom:20px; background-image: url(/images/sub/sub03_02_bg2.png); background-position:100% 50%; background-repeat:no-repeat;}
.sub03_02_bg3 { margin-bottom:20px; background-image: url(/images/sub/sub03_02_bg3.png); background-position:100% 50%; background-repeat:no-repeat;}
.sub03_02_bg4 { margin-bottom:20px; background-image: url(/images/sub/sub03_02_bg4.png); background-position:100% 50%; background-repeat:no-repeat;}
.sub03_02_bg5 { margin-bottom:20px; background-image: url(/images/sub/sub03_02_bg5.png); background-position:100% 50%; background-repeat:no-repeat;}
.sub03_02_bg6 { background-image: url(/images/sub/sub03_02_bg6.png); background-position:100% 50%; background-repeat:no-repeat;}

.sub03_02_box_title { font-family: 'BMJUA', sans-serif; font-size:24px;}
.sub03_02_box_txt { margin-bottom:10px;}


/* 서브04 */

.sub04_box { position:relative; font-family: 'Noto Sans KR', sans-serif; width:100%; height:auto; padding:10px; margin-bottom:40px;}

.schedule_month_select { width:100%; margin-bottom:20px;}
.schedule_month_left { display:inline-block; background-image:url(/images/icon/btn_left.jpg); width:39px; height:39px; vertical-align:top; border-radius:5px;}
.schedule_month { display:inline-block; height:39px; line-height:39px; font-family: 'Roboto', sans-serif; font-size:30px; font-weight:700; padding:0 20px; vertical-align:top;}
.schedule_month_right { display:inline-block; background-image:url(/images/icon/btn_right_green.jpg); width:39px; height:39px; vertical-align:top; border-radius:5px;}

.schedule_wrap { display:block; width:100%; border-top:4px solid #096; border-bottom:2px solid #ccc; border-radius:10px; overflow:hidden; margin-bottom:40px;}

.schedule_mtop { display:none;}
.schedule_table { width:100%; border-collapse:collapse; border:0; border-spacing:0; border-left:1px solid #ccc; text-align:left;}
.schedule_table thead th { border-right:1px solid #ccc; font-size:18px; font-weight:500; padding:15px; background:#f6f6f7;}
.schedule_table tbody td { font-family: 'Noto Sans KR', sans-serif; border-right:1px solid #ccc; border-top:1px solid #ccc; padding:15px; vertical-align: top; height:120px;}
.schedule_table tbody td:nth-child(7n) { background-color:#f6fbff;}
.schedule_table tbody td:nth-child(7n-6) { background-color:#fffaf6;}
.day_link_select { background-color:#e5f6d4; position:relative;}
.day_link_select:hover { background-color:#ffca7f;}
.day_link_select:hover>a {}
.day_num { font-family: 'Roboto', sans-serif; font-size:20px; font-weight:700; margin-bottom:6px;}
.day_s_title { border-bottom:1px solid #ddd; margin-bottom:2px;}
.day_s_title>span { font-family: 'BMJUA', sans-serif; display:inline-block; font-size:13px; padding:0 6px; border:1px solid #ddd; border-radius:5px 5px 0 0; background-color:#FFF; border-bottom:none;}
.day_s { display:block; max-width:120px; background-image:url(/images/icon/dot_10x10.png); background-repeat:no-repeat; background-size:4px 4px; background-position:0% 8px; padding-left:6px; font-size:13px; /* 내용 1줄에서 말줄임*/ white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}

.schedule_list { width:100%; border-collapse:collapse; border:0; border-spacing:0; border-left:1px solid #ccc; text-align:center;}
.schedule_list thead th { border-right:1px solid #ccc; font-size:16px; font-weight:500; padding:12px; background:#f6f6f7;}
.schedule_list tbody td { font-family: 'Noto Sans KR', sans-serif; font-size:14px; border-right:1px solid #ccc; border-top:1px solid #ccc; padding:12px;}
.schedule_list tbody td>span { width:100%;}
.schedule_list th.bg_left, .schedule_list td.bg_left { text-align:left;}
.schedule_people1 { display:inline-block; padding:3px 10px; border:1px solid #ddd; border-radius:5px; font-size:12px; margin-bottom:4px; background-color:#E9F7DD;}
.schedule_people2 { display:inline-block; padding:3px 10px; border:1px solid #ddd; border-radius:5px; font-size:12px; margin-bottom:4px; background-color:#E7EFFA;}
.schedule_people3 { display:inline-block; padding:3px 10px; border:1px solid #ddd; border-radius:5px; font-size:12px; background-color:#FFF4F2;}
.schedule_ing { display:inline-block; padding:3px 10px; border:1px solid #ddd; border-radius:5px; font-size:12px;}
.schedule_end { display:inline-block; padding:3px 10px; border:1px solid #ddd; border-radius:5px; font-size:12px; color:#FFF; background-color:#CCC;}

.schedule_view { width:100%; border-collapse:collapse; border:0; border-spacing:0; border-left:1px solid #ccc; text-align:center;}
.schedule_view thead th { border-right:1px solid #ccc; font-size:24px; font-weight:500; padding:12px; background:#f6f6f7;}
.schedule_view tbody th { border-top:1px solid #ccc; border-right:1px solid #ccc; font-size:16px; font-weight:500; padding:12px; background:#f6f6f7;}
.schedule_view tbody td { font-family: 'Noto Sans KR', sans-serif; font-size:14px; border-right:1px solid #ccc; border-top:1px solid #ccc; padding:12px;}
.schedule_view th.bg_left, .schedule_view td.bg_left { text-align:left;}

.schedule_view_bottom { text-align:center; font-family: 'Noto Sans KR', sans-serif; margin-bottom: 40px;}
.schedule_view_bottom_btn { display:inline-block; background-color:#093; color:#FFF; font-family: 'BMJUA', sans-serif; font-size:24px; padding:8px 20px; border-radius:10px;}
.schedule_view_bottom_btn2 { display:inline-block; background-color:#666; color:#FFF; font-family: 'BMJUA', sans-serif; font-size:24px; padding:8px 20px; border-radius:10px;}
.schedule_view_bottom_end { display:inline-block; background-color:#ddd; color:#FFF; font-family: 'BMJUA', sans-serif; font-size:24px; padding:8px 20px; border-radius:10px;}

.sub04_input { width:100%; border:1px solid #ddd; border-radius:5px; background-color:#FFF; height:36px;}




/* 서브05 */

.sub05_box { position:relative; width:100%; height:auto; border:1px solid #ddd; padding:40px; margin-bottom:40px; border-radius:15px;}
.sub05_01_bg { padding-right:480px; background-image: url(/images/sub/sub05_01_bg.png); background-position:100% 100%; background-repeat:no-repeat;}
.sub05_01_bg2 { margin-bottom:20px; background-image: url(/images/sub/sub05_01_bg2.png); background-position:100% 50%; background-repeat:no-repeat;}
.sub05_01_bg3 { margin-bottom:20px; background-image: url(/images/sub/sub02_04_bg2.png); background-position:100% 50%; background-repeat:no-repeat;}
.sub05_02_bg { padding-right:480px; background-image: url(/images/sub/sub05_02_bg.png); background-position:100% 100%; background-repeat:no-repeat;}



/* 서브 end ----------------------------------- */



/* 1024 ~ 768까지 태블릿 설정 */

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

}


/* 767 ~ 320까지 모바일 설정 */

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

}






