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


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

Site Name : 반응형 고급형 A
Part : 메인
Last edit : 2020.03.17
Author : Gautech(PDH)

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

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





/* 메인 내용 공통 */

section>article { width:100%; text-align:center;}
.contents_box { position:relative; width:1200px; height:100%; margin:0 auto;}
.contents_box_title { font-family: 'Noto Sans KR', sans-serif; font-size:38px; font-weight:700; margin-bottom:15px; line-height:44px;}
.contents_box_txt { font-size:14px; opacity:1;  margin-bottom:40px; line-height:20px;}
.contents_title_bar { width:50px; height:1px; background-color:#999; margin:0 auto 40px auto;}
.cont_item_box_wrap { position:relative; width:100%; max-width:1200px; margin:0 auto; z-index:10; display: flex; flex-wrap: wrap;}
/*.cont_item_box_wrap:after { display:block; content:""; clear:both;}*/

/* 서브탭 start */

.depth3_tab { width:100%; max-width:1600px; height:auto; padding:0 0 50px 0; margin:0 auto;}
.depth3_tab:after { display:block; content:""; clear:both;}
.depth3_tab>a { display:block; float:left; font-size:20px; font-weight:700; text-align:center; padding:30px 80px 30px 0; color:#fff; background-color:#27884f; border-radius:10px; background-image:url(../images/icon/cursor.png); background-repeat:no-repeat; background-size:auto 60%; background-position:90% 50%;}
.depth3_tab>a:nth-child(2n) { background-color:#136f94;}
.depth3_tab>a.depth3_active, .depth3_tab>a:hover { color:#444; background-color:#ffde4f;}
.depth3_tab>a>span { color:rgba(0,0,0,0);}

.sub02_01_tab { width:23%; margin:20px 1% 1% 1%;}
.sub02_02_tab { width:31%; margin:20px 1% 1% 1%;}


/* 상단, 비주얼 */

section>.cont_0 { height:700px; position:relative;}

.responsive { position:relative; width:100%;}
.main_slide_p { display:block;}
.main_slide_t { display:none;}
.main_slide_m { display:none;}
.mv_img { position:relative; width:100%; height:700px; background-size:cover; background-position:50% 50%; background-repeat:no-repeat;}
.slick-active .mv_img {
animation: slidein_img 4s ease 0s 1 normal both;
-webkit-animation: slidein_img 4s ease 0s 1 normal both;
transform-origin:50% 50%;}

@keyframes slidein_img {
0% { -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}
100% { -ms-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1);}
}

/* 상단, 비주얼 텍스트 */
.main_slide_title { font-family: 'Roboto', sans-serif; position:absolute; top:300px; left:50%; width:1200px; margin-left:-600px; padding-left:40px; font-size:62px; line-height:70px; font-weight:300; color:#FFF; text-align:left; letter-spacing:-0.03em;}
.main_slide_title>span { font-weight:900; letter-spacing:-0.02em;}
.main_slide_title2 { position:absolute; top:450px; left:50%; width:1200px; margin-left:-600px; padding-left:40px; font-size:14px;  color:rgba(255,255,255,0.9); text-align:left;}

/* 좌우 화살표 */
.responsive .slick-prev { position:absolute; left:50%; margin-left:-678px; top:50%; margin-top:-30px; background-image: url(/images/icon/slider_left_28x53_w.png); width:28px; height:53px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100; cursor:pointer;}
.responsive .slick-next { position:absolute; left:50%; margin-left:650px; top:50%; margin-top:-30px; background-image: url(/images/icon/slider_right_28x53_w.png); width:28px; height:53px; text-indent:-9999px; border:none; opacity: 0.7; cursor:pointer;}
.responsive .slick-prev:hover, .responsive .slick-prev:focus, .responsive .slick-next:hover, .responsive .slick-next:focus {opacity: 1;}

/* 페이저 */
.responsive .slick-dots { position: absolute; display: inline-block; left:50%; /*페이저 위치 설정*/ margin-left:-560px; bottom: 430px; text-align: center;}
.responsive .slick-dots li { position: relative; display: inline-block; width:60px; height: 4px; margin: 0; cursor: pointer; line-height:18px;}
.responsive .slick-dots li button { display: inline-block; width: 50px; height: 4px; cursor: pointer; background-color:#e74817; opacity: 0.25; text-indent:-9999px; vertical-align:middle; border:none !important;}
.responsive .slick-dots li button:hover, .responsive .slick-dots li button:focus { opacity: 1; width: 50px; height: 4px;}
.responsive .slick-dots li.slick-active button { opacity: .75; color: black;}

/* 공지사항 */
.main_notice { position:absolute; bottom:120px; left:50%; margin-left:-550px; width:1100px; height:60px; background-color:rgba(0,0,0,0.5); z-index:100; padding:0 80px 0 40px; text-align:left;}
.main_notice_title { display:inline-block; line-height:60px;}
.main_notice_txt { display:inline-block; line-height:60px; padding-left:30px; color:#FFF;}
.main_notice_more { display:block; position:absolute; top:18px; right:25px;}


/* cont_1 */

section>.cont_1 { height:auto;margin: 40px 0 40px 0;}
section>.cont_1:after { display:block; content:""; clear:both;}

.cont_1_item_box { float:left; display:block; margin:0 auto; z-index:10; background-repeat:no-repeat; background-size:cover;}
.cont_1_item_box:nth-child(2n) { text-align:left;}
.cont_1_item_box:nth-child(1) {background-color:#0e857f;}
.cont_1_item_box:nth-child(2) {background-color:#136f94;}
.cont_1_item_box:nth-child(3) { }
.cont_1_item_box:nth-child(4) { }

.cont_1_item_box_ment { display:inline-block; padding:140px 60px 0 60px; width:100%; max-width:500px; vertical-align:top;}
.cont_1_item_box_title { font-family: 'Roboto', sans-serif; font-size:22px; font-weight:700; margin:7px 0; color:#fff;}
.cont_1_item_box_txt { color:#fff; opacity:0.8; }
.cont_1_item_box_more { display: inline-block; width:23px; height:23px; margin:15px 4px;}



/* cont_2 */

section>.cont_2 { height:auto; padding:0px 0 80px 0;}
section>.cont_2:after { display:block; content:""; clear:both;}
.notice_box { float:left; width:24%; min-height:400px; margin:0 0.5%; border:1px solid #CCC; border-bottom:4px solid #4a7395;}
.notice_link { display:block; width:100%; height:auto;}
.notice_img { width:100%; height:157px; background-size:cover; background-position:50% 50%; margin-bottom:30px;}
.notice_title { padding:0 20px; font-size:20px;  margin-bottom:10px; /* 내용 1줄에서 말줄임 */ white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.notice_txt { margin-bottom:20px; padding:0 20px; font-size:14px;  color:#999; line-height:20px; /* 내용 4줄에서 말줄임 */ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-wrap:break-word; height: 80px;}



/* cont_3 */

section>.cont_3 { height:auto; padding:80px 0; background-color:#f8f8f8;}

.cont_3_item_box { float:left; display:block; margin:0; background-repeat:no-repeat; background-position:50% 40px; background-color:#FFF; padding:0;}
.cont_3_item_box:nth-child(1) { background-color:#0e857f;}
.cont_3_item_box:nth-child(2) { background-color:#136f94;}
.cont_3_item_box:nth-child(3) { background-image:url(/images/main/icon03.png);}
.cont_3_item_box:nth-child(4) { background-image:url(/images/main/icon04.png); background-color:#ebebeb;}
.main_box_tel_wrap { width:100%; border:3px solid #136f94; }
.main_box_in_title { font-family: 'Noto Sans KR', sans-serif; width:100%; font-size:30px; font-weight:700; margin:0;}
.main_box_in_title2 { font-family: 'Noto Sans KR', sans-serif; width:100%; font-size:30px; font-weight:700; margin:0 auto 0 auto; color:#FFF; background-color:#136f94;}
.main_box_in_txt { width:100%; font-size:14px;  margin:0 auto 20px auto; color:#666;}
.main_box_in_tel { font-family: 'Roboto', sans-serif; font-size:34px; font-weight:700; margin:5px 0; letter-spacing:-0.05em;}

.cont_1_item_box.menu { width:25%; border: solid 1px #ccc; }
.cont_1_item_box.menu.h-10 { height:10px; }
.main_box_in_title2.p-20 {
    padding: 40px;
}

.cont_1_item_box.cont {
    width: 75%;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}
.cont_1_item_box.cont.h-10 { height:10px; }
.main_box_in_title.p-20 {
    padding: 40px;
}
.main_box_in_title.p-20 span {
    font-size: 18px;
    font-weight: 400;
    padding-left: 20px;
	color:#666;
}

.cont_1_item_box.menu.flex {
    display: flex;
    flex-wrap: wrap;
	background: #f9fafc
}
.cont_1_item_box.menu_area {
    display: flex;
    flex-wrap: wrap;
    border-bottom: solid 1px #ccc;
    margin-bottom: auto;
	width: 100%;
}
.cont_1_item_box.menu.flex a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: solid 1px #ccc;
    padding: 15px 20px 10px 20px;
    font-size: 18px;
    background: #e4f5fc;
}
.cont_1_item_box.menu.flex .material-icons {
    background: #666;
    color: #fff;
    font-size: 16px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cont_1_item_box.cont.m-20 {
    padding: 40px;
    background: #f9fafc;
    display: flex;
	flex-wrap: wrap;
}
.cont_1_item_box_in.book {
    border: solid 1px #ccc;
    display: inline-block;
    float: left;
    width: auto;
}
.cont_1_item_box_in.book_txt {
    border: solid 1px #ccc;
    display: inline-flex;
    float: left;
    width: calc(100% - 338px);
    margin-left: 20px;
    background: #fff;
    padding: 40px;
    flex-wrap: wrap;
    margin-bottom: auto;
	height: 450px;
}
.cont_1_item_box_in.book_txt_area {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: auto;
}
.cont_1_item_box_in.book_txt_area img {
    width: 14px;
	height: 12px;
	margin-right: 10px;
}
.cont_1_item_box_in.book_txt_area>span {
    width: 100%;
    display: flex;
    padding: 5px 0;
    font-size: 16px;
    align-items: center;
}
.cont_1_item_box_in.book_txt_area>p {
    width: 100%;
    display: flex;
    padding: 0 0 5px 107px;
    font-size: 16px;
    align-items: center;
}
.cont_1_item_box_in.book_img {
    width: 100%;
	margin-top: 20px;
}
.cont_1_item_box_in.book_img img {
    width: 100%;
}
.cont_1_item_box_in.application_img {
    width: 100%;
	margin-top: 50px;
	text-align: center;
}
.cont_1_item_box_in.application_img img {
    width: 230px;
	height: 60px;
}





/* 찾아오시는길*/

.cont_1_item_box_in.location {
    border: solid 1px #ccc;
    display: inline-block;
    float: left;
    width: 64%;
}
.cont_1_item_box_in.location_txt {
    border: solid 1px #ccc;
    display: inline-flex;
    float: left;
    width: calc(100% - 550px);
    margin-left: 20px;
    background: #fff;
    padding: 30px;
    flex-wrap: wrap;
    margin-bottom: auto;
	height: 420px;
}
.cont_1_item_box_in.location_txt_area {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: auto;
}
.cont_1_item_box_in.location_txt_area img {
    width: 14px;
	height: 12px;
	margin-right: 10px;
    margin-top:5px;
}
.cont_1_item_box_in.location_txt span {
    width: 100%;
    display: flex;
    padding: 5px 0;
    font-size: 16px;
}
.cont_1_item_box_in.location_img {
    width: 100%;
	margin-top: 20px;
}
.cont_1_item_box_in.location_img img {
    width: 100%;
}

.cont_1_item_box_in .location_txt_area .location_1 {
	background-image: url(/images/main/icon_location_01_pc.jpg); width:200px; height:80px;
}
.cont_1_item_box_in .location_txt_area .location_2 {
	background-image: url(/images/main/icon_location_02_pc.jpg); width:200px; height:80px; margin-top:5px;
}
.cont_1_item_box_in .location_txt_area .location_3 {
	background-image: url(/images/main/icon_location_03_pc.jpg); width:200px; height:80px; margin-top:5px;
}


.cont_1_item_box_in.location_down_txt {
    border: solid 1px #ccc;
    display: inline-flex;
    float: left;
    width: calc(100%);
    background: #fff;
    padding: 40px;
    flex-wrap: wrap;
	margin-top:20px;
    margin-bottom: auto;
	height: 510px;
}
.cont_1_item_box_in.location_down_area {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: auto;
}
.cont_1_item_box_in.location_down_area .tit_img img {
    width: 200px;
	height: 60px;
	margin-bottom:25px;
}
.cont_1_item_box_in.location_down_area .tit_img2 img {
    width: 200px;
	height: 60px;
	margin-bottom:25px;
	margin-top:40px;
}
.cont_1_item_box_in.location_down_area img {
    width: 14px;
	height: 12px;
	margin-right: 10px;
	margin-top: 5px;
}
.cont_1_item_box_in.location_down_txt span {
    width: 100%;
    padding: 5px 0;
    font-size: 16px;
}




.cont_item_box_wrap.banner {
    border: solid 1px #ccc;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 40px;
}
.cont_2_item_box_in.banner img {
	width: 100%;
	max-width: 300px;
	height: 100%;
	max-height: 30px;
}



/* 풋터 */

section>.cont_4 { height:250px; background-color:#efefef;}




/* 반응형 슬라이드 탭 관련 CSS 2020.02.7
.sliding_menu_tab_wrap { width:100%; text-align:center; font-size:0; margin-bottom:30px;}
.sliding_menu_tab { display:inline-block; font-size:18px; color:rgba(255,255,255,0.7); padding:10px 30px; background-color:#7b7b7b; border-bottom:2px solid #FFF;  border-top:2px solid #FFF;  border-right:2px solid #FFF; cursor:pointer;}
.sliding_menu_tab:nth-child(1) { border-left:2px solid #FFF;}
.sliding_menu_tab:hover, .sliding_menu_tab_active { font-weight:500; background-image:url(/images/main/cont_2_tab_bg.jpg); background-position:50% 50%; color:#FFF;}

.cont_2>.contents_box>.cont_item_box_wrap { height:610px;}

.sliding_menu { position:absolute; width:100%; height:530px; opacity:0; z-index:-1; }
.sliding_menu_active { opacity:1; z-index:1;}
.sliding_menu_box {}
.sliding_menu_img { text-align:center;}
.sliding_menu_img>img { display:inline-block !important;}
.sliding_menu_title { font-size:30px; font-weight:500; margin-bottom:10px;}
.sliding_menu_txt { font-size:15px; padding:0 50px;}
.responsive1 .slick-prev,
.responsive2 .slick-prev
{ position:absolute; left:50%; margin-left:-680px; top:50%; margin-top:-30px; background-image:url(/images/icon/btn_left2.jpg); width:60px; height:60px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100;}
.responsive1 .slick-next,
.responsive2 .slick-next
{ position:absolute; left:50%; margin-left:620px; top:50%; margin-top:-30px; background-image:url(/images/icon/btn_right2.jpg); width:60px; height:60px; text-indent:-9999px; border:none; opacity: 0.7;}
.responsive1 .slick-prev:hover, .responsive1 .slick-prev:focus, .responsive1 .slick-next:hover, .responsive1 .slick-next:focus,
.responsive2 .slick-prev:hover, .responsive2 .slick-prev:focus, .responsive2 .slick-next:hover, .responsive2 .slick-next:focus
{opacity: 1;}
반응형 슬라이드 탭 관련 CSS 2020.02.7 */






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

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



/* 메인 내용 공통 */

section>article { width:100%; text-align:center;}
.contents_box { position:relative;  display:flex; vertical-align:middle; width:100%; height:100%; margin:0 auto;}
.contents_box_title { font-size:30px; font-weight:700; margin-bottom:10px; line-height:36px;}
.contents_box_txt { font-size:13px; opacity:1;  margin-bottom:30px; line-height:19px;}
.contents_title_bar { width:50px; height:1px; background-color:#999; margin:0 auto 30px auto;}
.cont_item_box_wrap { position:relative; width:100%; max-width:100%; margin:0 auto; z-index:10;}



/* 서브탭 start */

.depth3_tab { width:100%; max-width:1600px; height:auto; padding:0 0 30px 0; margin:0 auto; text-align:left; font-size:0;}
.depth3_tab:after { display:block; content:""; clear:both;}
.depth3_tab>a { display: inline-block; float:none; font-size:18px; text-align:center; padding:20px 50px 20px 0; color:#fff; background-color:#27884f; margin:4% 2%;}
.depth3_tab>a:nth-child(2n) { background-color:#136f94;}
.depth3_tab>a.depth3_active, .depth3_tab>a:hover {  color:#444; background-color:#ffde4f;}



.sub02_01_tab { width:33%;}
.sub02_02_tab { width:46%;}



/* 상단, 비주얼 */

section>.cont_0 { height:500px;}

.responsive { position:relative; width:100%;}
.main_slide_p { display:none;}
.main_slide_t { display:block;}
.main_slide_m { display:none;}
.mv_img { position:relative; width:100%; height:500px; background-position:center; background-size:cover;}

.main_slide_title { position:absolute; top:180px; left:50%; width:760px; margin-left:-380px; padding-left:0; font-size:38px; line-height:44px; font-weight:300; color:#FFF; text-align:center;}
.main_slide_title>span { font-weight:900;}
.main_slide_title2 { position:absolute; top:280px; left:50%; width:760px; margin-left:-380px; padding-left:0; font-size:13px;  color:rgba(255,255,255,0.9); text-align:center;}

.responsive .slick-prev { display:none !important;}
.responsive .slick-next { display:none !important;}
.responsive .slick-prev:hover, .responsive .slick-prev:focus, .responsive .slick-next:hover, .responsive .slick-next:focus { display:none !important;}

.responsive .slick-dots { position: absolute; display: inline-block; left:50%; width:700px; margin-left:-350px; bottom: 50px; text-align: center;}
.responsive .slick-dots li { position: relative; display: inline-block; width:60px; height: 4px; margin: 0; cursor: pointer; line-height:18px;}
.responsive .slick-dots li button { display: inline-block; width: 50px; height: 4px; cursor: pointer; background-color:#e74817; opacity: 0.25; text-indent:-9999px; vertical-align:middle; border:none !important;}
.responsive .slick-dots li button:hover, .responsive .slick-dots li button:focus { opacity: 1; width: 50px; height: 4px;}
.responsive .slick-dots li.slick-active button { opacity: .75; color: black;}

.main_notice { display:none;}


/* cont_1 */

section>.cont_1 { height:auto;}
section>.cont_1:after { display:block; content:""; clear:both;}

.cont_1_item_box { float:left; display:block; width:50%; /*min-height:250px;*/ margin:0 auto; z-index:10; text-align:right; background-repeat:no-repeat; background-size:cover;}
.cont_1_item_box:nth-child(2n) { text-align:left;}
.cont_1_item_box:nth-child(1) { background-image:url(/images/main/cont_1_img01.jpg); background-position:100% 50%;}
.cont_1_item_box:nth-child(2) { background-image:url(/images/main/cont_1_img02.jpg); background-position:0% 50%;}
.cont_1_item_box:nth-child(3) { background-image:url(/images/main/cont_1_img03.jpg); background-position:100% 50%;}
.cont_1_item_box:nth-child(4) { background-image:url(/images/main/cont_1_img04.jpg); background-position:0% 50%;}
.cont_1_item_box_ment { display:inline-block; padding:60px 40px 0 40px; width:100%; max-width:500px; vertical-align:top;}
.cont_1_item_box_title { font-size:20px; font-weight:700; margin:7px 0; color:#fff;}
.cont_1_item_box_txt { color:#fff; opacity:0.8; }
.cont_1_item_box_more { display: inline-block; width:23px; height:23px; margin:15px 4px;}



/* cont_2 */

section>.cont_2 { height:auto; padding:50px 0;}
section>.cont_2:after { display:block; content:""; clear:both;}
.notice_box { float:left; width:24%; min-height:340px; margin:0 0.5%; border:1px solid #CCC; border-bottom:4px solid #4a7395;}
.notice_link { display:block; width:100%; height:auto;}
.notice_img { width:100%; height:120px; background-size:cover; background-position:50% 50%; margin-bottom:30px;}
.notice_title { padding:0 15px; font-size:16px;  margin-bottom:10px; /* 내용 1줄에서 말줄임 */ white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.notice_txt { margin-bottom:20px; padding:0 15px; font-size:13px;  color:#999; line-height:19px; /* 내용 4줄에서 말줄임 */ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-wrap:break-word; height: 76px;}



/* cont_3 */

section>.cont_3 { height:auto; padding:50px 0; background-color:#f8f8f8;}

.cont_3_item_box { float:left; display:block; width:48%; min-height:360px; margin:0 1% 2% 1%; background-repeat:no-repeat; background-position:50% 40px; background-color:#FFF; padding:40px 25px 40px 25px;}
.cont_3_item_box:nth-child(1) { background-image:url(/images/main/icon01.png);}
.cont_3_item_box:nth-child(2) { background-image:url(/images/main/icon02.png); background-color:#ebebeb;}
.cont_3_item_box:nth-child(3) { background-image:url(/images/main/icon03.png);}
.cont_3_item_box:nth-child(4) { background-image:url(/images/main/icon04.png); background-color:#ebebeb;}
.main_box_tel_wrap { width:100%; border:3px solid #f25d18; margin-top:120px; border-radius:10px; margin-bottom:15px;}
.main_box_in_title { width:100%; font-size:22px; font-weight:500; /*margin:120px auto 10px auto;*/}
.main_box_in_title2 { width:100%; font-size:20px; font-weight:500; margin:0 auto 0 auto; color:#FFF; background-color:#f25d18;}
.main_box_in_txt { width:100%; font-size:14px; margin:0 auto 20px auto; color:#666;}
.main_box_in_tel { font-family: 'Roboto', sans-serif; font-size:36px; font-weight:700; margin:5px 0;}




/* 풋터 */

section>.cont_4 { height:250px; background-color:#444;}




/* 반응형 슬라이드 탭 관련 CSS 2020.02.7
.sliding_menu_tab_wrap { width:100%; text-align:center; font-size:0; margin-bottom:30px;}
.sliding_menu_tab { display:inline-block; font-size:16px; color:rgba(255,255,255,0.7); padding:8px 25px; background-color:#7b7b7b; border-bottom:2px solid #FFF;  border-top:2px solid #FFF;  border-right:2px solid #FFF; cursor:pointer;}
.sliding_menu_tab:nth-child(1) { border-left:2px solid #FFF;}
.sliding_menu_tab:hover, .sliding_menu_tab_active { font-weight:500; background-image:url(/images/main/cont_2_tab_bg.jpg); background-position:50% 50%; color:#FFF;}

.cont_2>.contents_box>.cont_item_box_wrap { height:610px;}

.sliding_menu { position:absolute; width:94%; left:50%; margin-left:-47%; height:530px; opacity:0; z-index:-1; }
.sliding_menu_active { opacity:1; z-index:1;}
.sliding_menu_box {}
.sliding_menu_img { text-align:center;}
.sliding_menu_img>img { display:inline-block !important; width:100%; max-width:400px;}
.sliding_menu_title { font-size:24px; font-weight:500; margin-bottom:10px;}
.sliding_menu_txt { font-size:14px; padding:0 50px;}

.responsive1 .slick-prev,
.responsive2 .slick-prev
{ position:absolute; left:50%; margin-left:-35px; top:auto; margin-top:0; bottom:-60px; background-image:url(/images/icon/btn_left2.jpg); background-size:100%; width:30px; height:30px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100;}
.responsive1 .slick-next,
.responsive2 .slick-next
{ position:absolute; left:50%; margin-left:5px; top:auto; margin-top:0; bottom:-60px; background-image:url(/images/icon/btn_right2.jpg); background-size:100%; width:30px; height:30px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100;}
.responsive1 .slick-prev:hover, .responsive1 .slick-prev:focus, .responsive1 .slick-next:hover, .responsive1 .slick-next:focus,
.responsive2 .slick-prev:hover, .responsive2 .slick-prev:focus, .responsive2 .slick-next:hover, .responsive2 .slick-next:focus
{opacity: 1;}
반응형 슬라이드 탭 관련 CSS 2020.02.7 */

.cont_1_item_box.menu {
    display: none;
}
.cont_1_item_box.menu.flex {
    display: none;
}
.cont_1_item_box.menu.h-10 {
    display: none;
}
.cont_1_item_box.cont {
    width: 100%;
    border-left: solid 1px #ccc;
}
.cont_1_item_box_in.book_txt {
    border: solid 1px #ccc;
    display: inline-flex;
    float: left;
    width: calc(100% - 338px);
    margin-left: 20px;
    background: #fff;
    padding: 30px;
    flex-wrap: wrap;
    margin-bottom: auto;
	height: 450px;
}
.cont_1_item_box_in.book_txt_area {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: auto;
}
.cont_1_item_box_in.book_txt_area>span {
    width: 100%;
    display: flex;
    padding: 5px 0;
    font-size: 15px;
    align-items: flex-start;
    text-align: left;
}
.cont_1_item_box_in.book_txt_area>p {
    width: 100%;
    display: flex;
    padding:0 0 5px 100px;
    font-size: 15px;
    align-items: flex-start;
    text-align: left;
}
.cont_1_item_box_in.book_txt_area img {
    width: 14px;
    height: 12px;
    margin-right: 10px;
    margin-top: 5px;
}





/* 찾아오시는길*/

.cont_1_item_box_in.location {
    border: solid 1px #ccc;
    display: inline-block;
    float: left;
    width: 100%;
}
.cont_1_item_box_in.location_txt {
    border: solid 1px #ccc;
    display: inline-flex;
    float: left;
    width: calc(100%);
    background: #fff;
    padding: 30px;
    flex-wrap: wrap;
    margin-bottom: auto;
	margin-top: 50px;
	margin-left: 0px;
	height: 226px;
}
.cont_1_item_box_in.location_txt_area {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: auto;
}
.cont_1_item_box_in.location_txt_area img {
    width: 14px;
	height: 12px;
	margin-right: 10px;
}
.cont_1_item_box_in.location_txt span {
    width: 100%;
    display: flex;
    padding: 5px 0;
    font-size: 16px;
    align-items: center;
}
.cont_1_item_box_in.location_img {
    width: 100%;
	margin-top: 20px;
}
.cont_1_item_box_in.location_img img {
    width: 100%;
}

.cont_1_item_box_in .location_txt_area .location_1 {
	background-image: url(/images/main/icon_location_01_pc.jpg); width:200px; height:80px; margin-left:23px; margin-right:25px;
}
.cont_1_item_box_in .location_txt_area .location_2 {
	background-image: url(/images/main/icon_location_02_pc.jpg); width:200px; height:80px; margin-top:0px; margin-right:25px;
}
.cont_1_item_box_in .location_txt_area .location_3 {
	background-image: url(/images/main/icon_location_03_pc.jpg); width:200px; height:80px; margin-top:0px; margin-right:0px;
}


.cont_1_item_box_in.location_down_txt {
    border: solid 1px #ccc;
    display: inline-flex;
    float: left;
    width: calc(100%);
    background: #fff;
    padding: 40px;
    flex-wrap: wrap;
	margin-top:20px;
    margin-bottom: auto;
	height: 510px;
}
.cont_1_item_box_in.location_down_area {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: auto;
}
.cont_1_item_box_in.location_down_area .tit_img img {
    width: 200px;
	height: 60px;
	margin-bottom:25px;
}
.cont_1_item_box_in.location_down_area .tit_img2 img {
    width: 200px;
	height: 60px;
	margin-bottom:25px;
	margin-top:40px;
}
.cont_1_item_box_in.location_down_area img {
    width: 14px;
	height: 12px;
	margin-right: 10px;
	margin-top: 5px;
}
.cont_1_item_box_in.location_down_txt span {
    width: 100%;
    padding: 5px 0;
    font-size: 16px;
}







}



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

@media screen and (max-width:767px) {
/* 기본화면스타일 : 너비값이 제일 작을 때 */



/* 메인 내용 공통 */

section>article { width:100%; text-align:center;}



/* 상단, 비주얼 */

section>.cont_0 { height:300px;}

.responsive { position:relative; width:100%;}
.main_slide_p { display:none;}
.main_slide_t { display:none;}
.main_slide_m { display:block;}
.mv_img { position:relative; width:100%; height:365px; background-position:center; background-size:cover;}

.main_slide_title { position:absolute; top:150px; left:50%; width:320px; margin-left:-160px; padding-left:0; font-size:36px; line-height:40px; font-weight:300; color:#FFF; text-align:center;}
.main_slide_title>span { font-weight:900;}
.main_slide_title2 { position:absolute; top:290px; left:50%; width:320px; margin-left:-160px; padding-left:0; font-size:14px; color:rgba(255,255,255,0.9); text-align:center;}

.responsive .slick-prev { display:none !important;}
.responsive .slick-next { display:none !important;}
.responsive .slick-prev:hover, .responsive .slick-prev:focus, .responsive .slick-next:hover, .responsive .slick-next:focus { display:none !important;}

.responsive .slick-dots { position: absolute; display: inline-block; left:50%; width:320px; margin-left:-160px; bottom: 50px; text-align: center;}
.responsive .slick-dots li { position: relative; display: inline-block; width:60px; height: 4px; margin: 0; cursor: pointer; line-height:18px;}
.responsive .slick-dots li button { display: inline-block; width: 50px; height: 4px; cursor: pointer; background-color:#e74817; opacity: 0.25; text-indent:-9999px; vertical-align:middle; border:none !important;}
.responsive .slick-dots li button:hover, .responsive .slick-dots li button:focus { opacity: 1; width: 50px; height: 4px;}
.responsive .slick-dots li.slick-active button { opacity: .75; color: black;}

/* 서브탭 start */

.depth3_tab { width:100%; max-width:1600px; height:auto; padding:4px 0 30px 0; margin:0 auto; text-align:left; font-size:0;}
.depth3_tab:after { display:block; content:""; clear:both;}
.depth3_tab>a { display: inline-block; float:none; font-size:13px; text-align:center; padding:15px 40px 15px 0px;  color:#fff; background-color:#27884f; margin:0 4px 4px 0;}
.depth3_tab>a:nth-child(2n) { background-color:#136f94;}
.depth3_tab>a.depth3_active, .depth3_tab>a:hover { color:#444; background-color:#ffde4f;}


.sub02_01_tab { width:100%;}
.sub02_02_tab { width:100%;}

/* cont_1 */

section>.cont_1 { display:flex; height:auto;}
section>.cont_1:after { display:block; content:""; clear:both;}
.contents_box { position:relative;  display: block; vertical-align:middle; width:100%; height:100%; margin:0 auto;}
.contents_box_title { font-size:24px; font-weight:700; margin-bottom:5px; line-height:30px;}
.contents_box_txt { font-size:13px; opacity:1;  margin-bottom:20px; padding:0 10px; line-height:18px;}
.contents_title_bar { width:50px; height:1px; background-color:#999; margin:0 auto 20px auto;}
.cont_item_box_wrap { position:relative; width:100%; max-width:1200px; margin:0 auto; z-index:10;}
.cont_item_box_wrap:after { display:block; content:""; clear:both;}

.cont_1_item_box { float:left; display:block; width:100%; /*min-height:250px;*/ margin:0 auto; z-index:10; text-align:center; background-repeat:no-repeat; background-size:cover;}
.cont_1_item_box:nth-child(2n) { text-align:center;}
.cont_1_item_box:nth-child(1) { background-image:url(/images/main/cont_1_img01.jpg); background-position:100% 50%;}
.cont_1_item_box:nth-child(2) { background-image:url(/images/main/cont_1_img02.jpg); background-position:0% 50%;}
.cont_1_item_box:nth-child(3) { background-image:url(/images/main/cont_1_img03.jpg); background-position:100% 50%;}
.cont_1_item_box:nth-child(4) { background-image:url(/images/main/cont_1_img04.jpg); background-position:0% 50%;}
.cont_1_item_box_ment { display:inline-block; padding:60px 30px 0 30px; width:100%; max-width:500px; vertical-align:top;}
.cont_1_item_box_title { font-size:20px; font-weight:700; margin:7px 0; color:#fff;}
.cont_1_item_box_txt { color:#fff; opacity:0.8;}
.cont_1_item_box_more { display: inline-block; width:23px; height:23px; margin:15px 4px;}



/* cont_2 */

section>.cont_2 { height:auto; padding:30px 0;}
section>.cont_2:after { display:block; content:""; clear:both;}
.notice_box { float:none; width:90%; min-height:300px; margin:0 auto; border:1px solid #CCC; border-bottom:4px solid #4a7395; margin-bottom:2%;}
.notice_box:nth-child(n+3) { display:none;} /* 게시물 3번째 부터 안나오게 */
.notice_link { display:block; width:100%; height:auto;}
.notice_img { width:100%; height:100px; background-size:cover; background-position:50% 50%; margin-bottom:20px;}
.notice_title { padding:0 10px; font-size:15px;  margin-bottom:10px; /* 내용 1줄에서 말줄임 */ white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.notice_txt { margin-bottom:20px; padding:0 10px; font-size:13px;  color:#999; line-height:18px; /* 내용 4줄에서 말줄임 */ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-wrap:break-word; height: 72px;}



/* cont_3 */

section>.cont_3 { height:auto; padding:30px 0; background-color:#f8f8f8;}

.cont_3_item_box { float:none; display:block; width:90%; min-height: inherit; margin:3% auto; background-repeat:no-repeat; background-position:50% 30px; background-color:#FFF; padding:30px 25px 30px 25px;}
.cont_3_item_box:nth-child(1) { background-image:url(/images/main/icon01.png);}
.cont_3_item_box:nth-child(2) { background-image:url(/images/main/icon02.png); background-color:#ebebeb;}
.cont_3_item_box:nth-child(3) { background-image:url(/images/main/icon03.png);}
.cont_3_item_box:nth-child(4) { background-image:url(/images/main/icon04.png); background-color:#ebebeb;}
.main_box_tel_wrap { width:100%; border:3px solid #f25d18; margin-top:120px; border-radius:10px; margin-bottom:15px;}
.main_box_in_title { width:100%; font-size:16px; font-weight:500; letter-spacing:-0.03em; /*margin:100px auto 10px auto;*/}
.main_box_in_title.p-20 span {
    font-size: 11px;
	letter-spacing:-0.03em;
    font-weight: 400;
    padding-left: 10px;
	color:#666;
}
.main_box_in_title2 { width:100%; font-size:20px; font-weight:500; margin:0 auto 0 auto; color:#FFF; background-color:#f25d18;}
.main_box_in_txt { width:100%; font-size:13px; margin:0 auto 20px auto; color:#666;}
.main_box_in_tel { font-family: 'Roboto', sans-serif; font-size:36px; font-weight:700; margin:5px 0;}




/* 풋터 */

section>.cont_4 { height:auto; background-color:#444;}




/* 반응형 슬라이드 탭 관련 CSS 2020.02.7
.sliding_menu_tab_wrap { width:94%; text-align:center; font-size:0; margin-bottom:30px; margin:0 auto;}
.sliding_menu_tab { display:inline-block; font-size:15px; color:rgba(255,255,255,1); padding:5px 25px; background-color:#7b7b7b; border:2px solid #FFF; cursor:pointer; margin:0 1px 4px 1px;}
sliding_menu_tab:hover, .sliding_menu_tab_active {  background-image:url(/images/main/cont_2_tab_bg.jpg); background-position:50% 50%; color:#FFF;}

.cont_2>.contents_box>.cont_item_box_wrap { height:610px;}

.sliding_menu { position:absolute; width:94%; left:50%; margin-left:-47%; height:530px; opacity:0; z-index:-1; }
.sliding_menu_active { opacity:1; z-index:1;}
.sliding_menu_box {}
.sliding_menu_img { text-align:center;}
.sliding_menu_img>img { display:inline-block !important; width:100%; max-width:400px;}
.sliding_menu_title { font-size:24px; font-weight:500; margin-bottom:10px;}
.sliding_menu_txt { font-size:14px; padding:0 50px;}

.responsive1 .slick-prev,
.responsive2 .slick-prev
{ position:absolute; left:50%; margin-left:-35px; top:auto; margin-top:0; bottom:-60px; background-image:url(/images/icon/btn_left2.jpg); background-size:100%; width:30px; height:30px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100;}
.responsive1 .slick-next,
.responsive2 .slick-next
{ position:absolute; left:50%; margin-left:5px; top:auto; margin-top:0; bottom:-60px; background-image:url(/images/icon/btn_right2.jpg); background-size:100%; width:30px; height:30px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100;}
.responsive1 .slick-prev:hover, .responsive1 .slick-prev:focus, .responsive1 .slick-next:hover, .responsive1 .slick-next:focus,
.responsive2 .slick-prev:hover, .responsive2 .slick-prev:focus, .responsive2 .slick-next:hover, .responsive2 .slick-next:focus
{opacity: 1;}
반응형 슬라이드 탭 관련 CSS 2020.02.7 */

.cont_1_item_box_in.book_txt {
    border: solid 1px #ccc;
    display: inline-flex;
    float: left;
    width: calc(100% - 0px);
    margin-left: 0px;
    margin-top: 20px;
    background: #fff;
    padding: 20px;
    flex-wrap: wrap;
    margin-bottom: auto;
    height:auto;
}
.cont_1_item_box_in.book {
    border: solid 1px #ccc;
    display: inline-block;
    float: left;
    width: 100%;
    height: auto;
}
.cont_1_item_box_in.book img {
    width: 100%;
    height: auto;
}
.cont_1_item_box_in.book_txt_area>span {
    width: 100%;
    display: flex;
    padding: 5px 0;
    font-size: 13px;
    align-items: flex-start;
    text-align: left;
}
.cont_1_item_box_in.book_txt_area>p {
    width: 100%;
    display: flex;
    padding: 0 0 5px 86px;
    font-size: 13px;
    align-items: flex-start;
    text-align: left;
}
.cont_1_item_box_in.book_txt_area img {
    width: 14px;
    height: 12px;
    margin-right: 6px;
    margin-top: 2px;
}
.cont_1_item_box.cont.m-20 {
    padding: 20px;
    background: #f9fafc;
    display: flex;
    flex-wrap: wrap;
}
section>.cont_1 {
    height: auto;
    margin: 65px 0 0px 0;
}



.cont_item_box_wrap.banner {
    border: solid 1px #ccc;
    display: flex;
    align-items: center;
    padding: 35px;
	flex-direction: column;
}

.cont_item_box_wrap.banner div:not(:last-child) {
    margin-bottom: 20px;
}

.cont_2_item_box_in.banner img {
	width: 100%;
	height: 100%;
	max-height: 30px;
}

.cont_item_box_wrap.banner div:nth-child(1) a img {
	max-width: 113px;
}
.cont_item_box_wrap.banner div:nth-child(2) a img {
	max-width: 213px;
}
.cont_item_box_wrap.banner div:nth-child(3) a img {
	max-width: 133px;
}


/* 찾아오시는길*/

.cont_1_item_box_in.location {
    border: solid 1px #ccc;
    display: inline-block;
    float: left;
    width: 100%;
}
.cont_1_item_box_in.location_txt {
    border: solid 1px #ccc;
    display: inline-flex;
    float: left;
    width: calc(100%);
    margin-left: 0px;
    background: #fff;
    padding: 30px;
    flex-wrap: wrap;
    margin-bottom: auto;
	height: 410px;
}
.cont_1_item_box_in.location_txt_area {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: auto;
	flex-direction: column;
}
.cont_1_item_box_in.location_txt_area img {
    width: 14px;
	height: 12px;
	margin-right: 10px;
	margin-top: 5px;
}
.cont_1_item_box_in.location_txt span {
    width: 100%;
    display: flex;
    padding: 5px 0;
    font-size: 16px;
    align-items: start;
	text-align: left;
}
.cont_1_item_box_in.location_img {
    width: 100%;
	margin-top: 20px;
}
.cont_1_item_box_in.location_img img {
    width: 100%;
}

.cont_1_item_box_in .location_txt_area .location_1 {
	background-image: url(/images/main/icon_location_01_mo.jpg); width:100%; height:75px; margin-left:23px; background-repeat: no-repeat; background-size: contain;
}
.cont_1_item_box_in .location_txt_area .location_2 {
	background-image: url(/images/main/icon_location_02_mo.jpg); width:100%; height:75px; margin-left:23px; margin-top:15px; background-repeat: no-repeat; background-size: contain;
}
.cont_1_item_box_in .location_txt_area .location_3 {
	background-image: url(/images/main/icon_location_03_mo.jpg); width:100%; height:75px; margin-left:23px; margin-top:15px; background-repeat: no-repeat; background-size: contain;
}


.cont_1_item_box_in.location_down_txt {
    border: solid 1px #ccc;
    display: inline-flex;
    float: left;
    width: calc(100%);
    background: #fff;
    padding: 40px;
    flex-wrap: wrap;
	margin-top:20px;
    margin-bottom: auto;
	height: 600px;
}
.cont_1_item_box_in.location_down_area {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: auto;
}
.cont_1_item_box_in.location_down_area .tit_img img {
    width: 200px;
	height: 60px;
	margin-bottom:25px;
}
.cont_1_item_box_in.location_down_area .tit_img2 img {
    width: 200px;
	height: 60px;
	margin-bottom:25px;
	margin-top:40px;
}
.cont_1_item_box_in.location_down_area img {
    width: 14px;
	height: 12px;
	margin-right: 10px;
	margin-top: 5px;
}
.cont_1_item_box_in.location_down_txt span {
    width: 100%;
    padding: 5px 0;
    font-size: 16px;
	text-align: left;
}





}