@charset "UTF-8";

#container { position:relative; width: 100%; }
.container:after { clear:both; float:none; content:""; display:block; height:0;}
#container .contents { background:none; min-height:827px;}
.hrline {clear:both; content:""; display:block; float:none;}

/* 메인 콘텐츠 배경 영역 */
.contents01 { position:relative; overflow: hidden; background:#f7f1e8; padding: 30px 0; }
.contents02 { position:relative; background:#fff; padding: 30px 0; }
.contents03 { position:relative; background:#E3ECF2 url(../../images/main/c3bg.png) repeat-x; padding: 30px 0;}

.ctleft, .ctright { width: 50%; float: left; }

#container .contents h3.slug {padding:80px 0 30px; text-align:center;}
#container .contents h3.h3title { padding:60px 0 45px; text-align:center;}

/* 1번 콘텐츠 타이틀문구 로그인*/
.contents01 .c1m1 {float:left; width:320px; height:320px; background:url(../../images/main/c100bg.png) no-repeat left 20px;}
.c1m1 #frm_login1 { margin-top: 240px; }
.c1m1 #frm_login1 .input_area { width: 290px; height: 40px; overflow: hidden; }
.c1m1 #frm_login1 .input_area input { width: 90px; margin-right: 2px; float: left; background: #fff; padding: 0 10px; height: 30px; line-height: 30px; border: 1px solid #eaeaea; }
.c1m1 #frm_login1 .input_area input[type=submit] { width: 60px; background: #5050B4; color: #fff; height: 32px; }
.c1m1 a { display: inline-block!important; }
.c1m1 a.join { height: 25px; line-height: 25px; padding-left: 22px; padding-right: 15px; background:url(/edu/images/main/icon_login.png) no-repeat left 50%; }
.c1m1 a.find { height: 25px; line-height: 25px; padding-left: 22px; background:url(/edu/images/main/icon_find.png) no-repeat left 50%; }
.c1m1 .login_user { padding-left: 32px; position: absolute; top: 280px; font-size: 16px; background:url(/edu/images/main/icon_logining.png) no-repeat left 50%; }
.c1m1 .login_user em { padding-right: 3px; font-weight: bold; color: #5050B4; }
.c1m1 .mobile_mypage {left: 30px; bottom: 38px; display: inline-block; padding: 0px 15px; border: 1px solid #515383; font-size: 14px; line-height: 24px; color: #44456a; }

/* 박스 콘텐츠 공통 */
.contents01 a { display: block; }
.contents01 div a:hover { text-decoration: none; }
.contents01 .txtB { display: block; padding:28px 0 0 30px; font-size: 24px; line-height: 28px; color:#484950; font-weight: bold; }
.contents01 .txtC { display: block; padding:2px 0 0 30px; font-size: 14px; line-height: 19px; color:#484950;}
.contents01 .btn_go { position: absolute; left: 30px; bottom: 28px; display: inline-block; padding: 0px 15px; border: 1px solid #515383; font-size: 14px; line-height: 24px; color: #44456a; }

.contents01 .fr { float: right; }

/* 2번 콘텐츠 평생학습 프로그램 강좌신청 */
.contents01 .c1m2 {position:relative; float:left; width:320px; height:320px; background: #187d9e url(/edu/images/main/bg_c1m2.png) no-repeat 80% 100%; }
.contents01 .c1m2 a { width: 100%; height: 320px; }
.contents01 .c1m2 .txtA { display: block; padding:30px 0 10px 30px; font-size:31px; line-height: 38px; color:#fff; font-weight: bold; }
.contents01 .c1m2 .btnGo { display: inline-block; padding: 3px 32px; border: 1px solid #fff; margin: 28px 0 0 38px; font-size: 15px; color: #fff; }

/* 3번 콘텐츠 동네방네 학습관 / 고우니여성아카데미  / 사하인문학 아카데미*/
.contents01 .c1m3 { position:relative; float:left; width:320px; height:320px; }
.contents01 .c1m3 ul li { position:relative; height: 160px; }
.contents01 .c1m3 ul li a { width: 100%; height: 160px; }
.contents01 .c1m3 ul li:nth-child(1) { background: #cce0ff  url(/edu/images/main/bg_c1m42m.png) no-repeat 95% 100%; }
/*.contents01 .c1m3 ul li:nth-child(1) { background: #fae0e5 url(/edu/images/main/bg_c2m42.png) no-repeat 95% 100%; }*/
/*.contents01 .c1m3 ul li:nth-child(2) { background: #fbe1fe url(/edu/images/main/bg_c1m32.png) no-repeat 95% 100%; }*/
.contents01 .c1m3 ul li:nth-child(2) { background: #fbe1fe url(/edu/images/main/bg_c1m31.png) no-repeat 95% 100%; }
/*.contents01 .c1m3 ul li:nth-child(2) { background: #fbe1fe url(/edu/images/main/bg_c1m32new.png) no-repeat 95% 100%; }*/
.contents01 .c1m3 ul li:nth-child(2) a:active, .contents01 .c1m3 ul li:nth-child(2) a:focus, .contents01 .c1m3 ul li:nth-child(2) a:after { text-decoration: none; }
/* .contents01 .c1m3 ul li:nth-child(2) { background: #fbe1fe url(/edu/images/main/bg_c1m31.png) no-repeat 95% 100%; }  */
/* .contents01 .c1m3 ul li:nth-child(2) { background: #fbe1fe url(/edu/images/main/bg_c1m32_a.png) no-repeat 95% 100%; }*/

/* 4번 콘텐츠 행복학습센터 / 남다른신중년아카데미 / 배달강좌신청  */
.contents01 .c1m4 { position:relative; float:left; width:320px; height:320px; }
.contents01 .c1m4 ul li { position:relative; height: 160px; }
.contents01 .c1m4 ul li a { width:100%; height: 160px; }
.contents01 .c1m4 ul li:nth-child(1) { background: #e2def6 url(/edu/images/main/bg_c1m41.png) no-repeat 95% 100%; }
/* .contents01 .c1m4 ul li:nth-child(1) { background: #e2def6 url(/edu/images/main/bg_c2m32_baedal.png) no-repeat 95% 100%; } */
/*.contents01 .c1m4 ul li:nth-child(2) { background: #ddeafe url(/edu/images/main/bg_c1m32m.png) no-repeat 95% 100%; }*/
/*.contents01 .c1m4 ul li:nth-child(2) { background: #ddeafe url(/edu/images/main/bg_c1m42m.png) no-repeat 95% 100%; }*/
.contents01 .c1m4 ul li:nth-child(2) { background: #ddeafe url(/edu/images/main/bg_c2m32c.png) no-repeat 95% 100%; }


/* 공지사항 게시판 */
#c1notice {width:640px; float:left; background: #FDFAF7; } 
.notice_tab {position:relative; height:320px;padding-top:30px;overflow: hidden; box-sizing: border-box; }
.notice_tab h4 {float:left;position:relative}
#ntab_1 {margin-left:30px;}
#ntab_2 {}
#ntab_3 {}

.notice_tab h4 a {margin-right:1px; display:block;height:39px; padding:0 22px; font-size:1.154em;background:#E2DCD7;color:#525370;line-height:40px;text-decoration:none}
.notice_tab h4 a:hover, .notice_tab h4 a:active, .notice_tab h4 a:focus { background:#515383; color:#fff;}
.notice_tab h4.active a { font-size:1.231em;background:#515383; color:#fff;}
.notice_tab .cont {display:none;position:absolute;top:85px;left:35px;right:40px; height: 210px; overflow: hidden;}
.notice_tab #ntab_1 + .cont {display:block}

.nt_list iframe { height: 180px; }
.nt_list li {position:relative; width:100%; background:url(../../images/common/img_comn_tiny.png) no-repeat 0 -908px; height:26px; line-height: 26px; list-style:none}
.nt_list li a {display: block; float: none !important; width: 100% !important; color:#46476f;font-size:1.154em;line-height:2.142;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
.nt_list li a:hover, .nt_list li a:active, .nt_list li a:focus {color:#3cb896;text-decoration:underline}
.nt_list li .subject {display: block; text-align: left;overflow:hidden;  text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;margin-left:10px;margin-right: 80px;}
.nt_list li .date {position: absolute;top:0;right:0;color:#7c7c7c;font-size:0.867em;line-height:2.542;text-align: right}
.nt_list li .date span {display:none}
.notice_tab .more { position: absolute;top:-50px;right:0;display:block;width:45px;height:30px;padding-right:15px;background:url(../../images/main/notice_more.png) no-repeat 100% 50%;color:#888;line-height:31px;text-decoration:none}

.notice_tab .cont .ptgallery { position: relative; width: 100%; overflow: hidden; margin-left: -10px; }
.notice_tab .cont .ptgallery li { width: 50%; float: left; }
.notice_tab .cont .ptgallery li.ptpic img { width: 270px; height: 200px; }

/* 5번 재능기부 특강 / 학습동아리  */
.contents01 .c2m3 { position:relative; float:left; width:320px; height:320px; }
.contents01 .c2m3 ul li { position:relative; height: 160px; }
.contents01 .c2m3 ul li a { width: 100%; height: 160px; }
/* .contents01 .c2m3 ul li:nth-child(1) .txtC { padding-top: 28px; } */
/* .contents01 .c2m3 ul li:nth-child(1) .txtB { padding-top: 5px; } */
/* .contents01 .c2m3 ul li:nth-child(1) { background: #e2def6 url(/edu/images/main/bg_c2m32d.png) no-repeat 95% 100%; } */
.contents01 .c2m3 ul li:nth-child(1) { background: #fbe0d4 url(/edu/images/main/bg_c2m31club.png) no-repeat 95% 100%; }
.contents01 .c2m3 ul li:nth-child(2) { background: #fbf6d4 url(/edu/images/main/bg_c1m42.png) no-repeat 95% 100%; }

/* 6번 콘텐츠 사하자연학교 / 학습시민센터 */
.contents01 .c2m4 { position:relative; float:left; width:320px; height:320px; }
.contents01 .c2m4 ul li { position:relative; height: 160px; }
.contents01 .c2m4 ul li a { width: 100; height: 160px; }
.contents01 .c2m4 ul li:nth-child(1) { background: #fbe1fe url(/edu/images/main/bg_c1m32academy.png) no-repeat 95% 100%; }
.contents01 .c2m4 ul li:nth-child(2) { background: #d7f1f6 url(/edu/images/main/bg_c2m41.png) no-repeat 95% 100%; }


.contents02 .box { position: relative; min-height: 640px; }

/* 홍보이미지 - 롤링팝업존 */
.contents02 .c2m1 { position: relative; width:640px; height:640px; float:left; overflow: hidden; }
#container #c2m1 {position:relative;}
#c2m1 .control {position:absolute;left:0;bottom:0;width:100%;height:60px;margin:0px;background:url(../../images/main/mc_vis_control2.png) repeat-x 0 0;text-align:center}
#c2m1 .control button {display:block;position:absolute;top:10px;float:none; padding:0 0px; width:40px;height:40px;background:url(../../images/main/img_main_tiny.png) no-repeat 0 -380px;font-size:0;vertical-align:top; }
#c2m1 .control .btn_prev {left:35px;background-position:0 -295px}
#c2m1 .control .btn_next {left:104px;background-position:0 -335px}
#c2m1 .control .btn_stop {left:70px;background-position:0 -605px}
#c2m1 .control .btn_play {display:none;left:70px;background-position:0 -645px}
#c2m1 .bx-controls { background:none;color:#fff;line-height:60px;text-align:center;}

/* 평생학습 달력 */
.contents02 .c2m2 { position: relative; width:640px; height:320px; float:left; overflow: hidden; background: #fff; border-top: 2px solid #526DCA; box-sizing: border-box; }
.contents02 .c2m2  .c2m2notice { width: 28%; float: left; color:#fff;  padding-bottom:10px; }
.contents02 .c2m2  .c2m2notice h4{ color:#46476f; padding:30px 0 10px; font-size:1.231em;  text-align:center;} 
.contents02 .c2m2  .c2m2notice .mmonth{ width:100px; height:63px; padding:0; margin:auto; font-size: 48px; line-height:63px; background:url(../../images/main/c202mbg.png) repeat-x; text-align:center;}
.contents02 .c2m2  .c2m2notice .mmonth span{ font-size:0.433em;}
.contents02 .c2m2  .c2m2notice .txtA { font-size:1.462em; line-height:1.3; padding:5px 0 0px; color:#4865d3; text-align:center;} 
.contents02 .c2m2  .c2m2notice .txtB { font-size:1.154em;  line-height:1.3; padding-bottom:10px; color:#555; text-align:center;} 
.contents02 .c2m2  .c2m2notice a.mmore { color:#949494; position:absolute; top:240px; left:50px; width:50px; height:30px; line-height:31px; padding-right:15px;background:url(../../images/main/notice_more2.png) no-repeat 100% 50%; }

.contents02 .c2m2  .c2m2list { width: 72%; float: left; color:#fff; max-height: 320px; overflow: hidden; }
.contents02 .c2m2  .c2m2list li { line-height:25px; border-bottom:dashed 1px #ccc; padding:7px; box-sizing: border-box;  }
.contents02 .c2m2  .c2m2list li:last-child { border-bottom: none; }
.contents02 .c2m2  .c2m2list li a { color:#35488f; padding:0 0 0 0; display:block; font-size:1.308em; overflow:hidden;  text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.contents02 .c2m2  .c2m2list li p { color:#959595; padding:0 10px; background:url(../../images/main/bul_c2m1list.png) no-repeat 0 50%;  display:block; }

/* 평생학습프로그램 종합안내 */
.contents02 .c2m2 .btn_download { position: absolute; bottom: 105px; width: 100%; height: 105px; background: #F0F2FD; box-sizing: border-box; border-bottom: 1px solid #D8DDFA; }
.contents02 .c2m2 .btn_download h5 { padding: 20px 30px 15px; text-align: left; font-size: 17px; color: #333; line-height: 20px; text-align: center;}
.contents02 .c2m2 .btn_download h5 span { color: #198A8E; }
.contents02 .c2m2 .btn_download p { padding: 0px 20px; text-align: center; }
.contents02 .c2m2 .btn_download a.btn_click { padding: 8px 30px; background: #198A8E; color: #fff; }

/* 브로슈어 다운로드 */
.contents02 .c2m2 .btn_brochure { position: absolute; bottom: 0; width: 100%; height: 105px; background: #F0F2FD; box-sizing: border-box; border-bottom: 2px solid #4865D3; }
.contents02 .c2m2 .btn_brochure h5 { padding: 20px 30px 15px; text-align: left; font-size: 17px; color: #333; line-height: 20px; text-align: center;}
.contents02 .c2m2 .btn_brochure h5 span { color: #5567C7; }
.contents02 .c2m2 .btn_brochure p { padding: 0px 20px; text-align: center; }
.contents02 .c2m2 .btn_brochure a.btn_click { padding: 8px 30px; background: #5567C7; color: #fff; }

/*평생학습기관 찾기 기관검색 */
.contents02 .c2m3 {width:320px; height:320px; background: #e2f0f8; float:right;}
.contents02 .c2m3 h3.tit { font-size: 22px; line-height: 28px; padding: 35px 0 10px 30px; }
.contents02 .c2m3 h3.tit span { color: #2c8283; }
.contents02 .c2m3 .tab { width:268px; margin:auto;}
.contents02 .c2m3 .tab li { float:left; width:50%; text-align:center;  }
.contents02 .c2m3 .tab li a {display:block; line-height:41px; height:41px; color:#50525F; background:#d8e4ef;}
.contents02 .c2m3 .tab li.on a { color:#fff; background:#2C8183 url(../../images/main/tabon.jpg) no-repeat}
.contents02 .c2m3 .tab:after {content:""; display:block; clear:both; float:none; height:0;}  
.contents02 .c2m3 .tabcontent { width:268px; margin:auto; text-align:center;}
.contents02 .c2m3 .tabcontent select { width:268px; border:solid 1px #cacee9; padding:13px 10px; margin:7px 0 3px; background:#fff url(../../images/main/selectarr.jpg) no-repeat;
-webkit-appearance:none; -moz-appearance:none; appearance:none; }
.contents02 .c2m3 .tabcontent input[type='text'] {  background:#eff6fb; color:#9ba0ba; padding:13px 10px; width:246px;border:solid 1px #cacee9; }
.contents02 .c2m3 .tabcontent input.btnsubmit { margin:7px 0 3px; color:#fff; background:#5b5b5b url(../../images/main/submitbg.jpg) no-repeat; padding:13px 35px 13px 45px; font-size:1.154em }

/* 아이콘 바로가기 메뉴  */
.contents02 .c2m4 {width:320px; height:320px;  float:right;}
#c2m4 ul li{ width:160px; height:86px; display:block; float:left; padding-top:86px; box-sizing: border-box; text-align:center; color: #fff; line-height: 15px; }
#c2m4 ul li a{ color:#fff; font-size:14px; line-height: 17px; display:inline-block;}
#c2m4 ul li:nth-child(1) { height: 130px; background: #2b59c0 url(/edu/images/main/icon_quick_01.png) no-repeat center 26px; }
/*#c2m4 ul li:nth-child(2) { height: 87px; padding-top: 47px; background: #436dcb url(/edu/images/main/icon_quick_02.png) no-repeat center 3px; }*/
#c2m4 ul li:nth-child(2) { height: 130px; background: #436dcb url(/edu/images/main/icon_quick_04.png) no-repeat center 26px; }
/*#c2m4 ul li:nth-child(3) { height: 87px; background: #436dcb url(/edu/images/main/icon_quick_03.png) no-repeat center 3px; }*/
#c2m4 ul li:nth-child(3) { height: 130px; background: #436dcb url(/edu/images/main/icon_quick_05.png) no-repeat center 26px;}
#c2m4 ul li:nth-child(4) { height: 130px; background: #2b59c0 url(/edu/images/main/icon_quick_06.png) no-repeat center 26px;}
/* #c2m4 ul li:nth-child(5) { background: #2b59c0 url(/edu/images/main/icon_quick_05.png) no-repeat center 3px; } */
/* #c2m4 ul li:nth-child(6) { background: #436dcb url(/edu/images/main/icon_quick_06.png) no-repeat center 3px;} */
#c2m4 ul li:nth-child(5) { width:320px; height:60px; padding-top: 20px; background: #1b429a url(/edu/images/main/icon_quick_07.png) no-repeat 40% 3px;}
#c2m4 ul li:nth-child(5) a{ padding:0px 0 0 45px;}
/* #c2m4 ul li:nth-child(7) { width:320px; height:60px; padding-top: 20px; background: #1b429a url(/edu/images/main/icon_quick_07.png) no-repeat 40% 3px;}
#c2m4 ul li:nth-child(7) a{ padding:0px 0 0 45px;} */

/* 평생학습기관 찾기 기관검색  20200630 크게 한줄로 뺀 디자인 */ 
/* .contents02 .c2m3 {width:640px; height:320px; background: #E4F1FC url(../../images/main/bg_look.jpg) no-repeat right top; float:right;} */
/* .contents02 .c2m3 h3 { padding:30px 0 15px 40px; font-size: 24px; } */
/* .contents02 .c2m3 h3 span { color: #087EC6; } */
/* .contents02 .c2m3 .tab { width:63%; margin-left: 40px; } */
/* .contents02 .c2m3 .tab li { float:left; width:50%; text-align:center;   } */
/* .contents02 .c2m3 .tab li a {display:block; line-height:48px; height:48px; color:#50525F; background:#D1E6FA;} */
/* .contents02 .c2m3 .tab li.on a { color:#fff; background:#087EC6 url(../../images/main/tabon.png) no-repeat 85% 50%; } */
/* .contents02 .c2m3 .tab:after {content:""; display:block; clear:both; float:none; height:0;}   */
/* .contents02 .c2m3 .tabcontent { width: 63%; text-align:center; margin-left: 40px;} */
/* .contents02 .c2m3 .tabcontent select { width:100%; border:solid 1px #cacee9; padding:13px 10px; margin:7px 0 3px; background:#fff url(../../images/main/selectarr.jpg) no-repeat 90% 50%; -webkit-appearance:none; -moz-appearance:none; appearance:none;} */
/* .contents02 .c2m3 .tabcontent input[type='text'] { width:100%; background:#fff; color:#9ba0ba; padding:13px 10px; border:solid 1px #cacee9; box-sizing: border-box;} */
/* .contents02 .c2m3 .tabcontent input.btnsubmit { margin:7px 0 3px; color:#fff; background:#5b5b5b url(../../images/main/submitbg.jpg) no-repeat 78% 50%; padding:15px 65px 15px 45px; font-size:1.154em } */

/* 아이콘 바로가기 메뉴 20200630 크게 한줄로 뺀 디자인 */  
/* .contents02 #c2m4 { position: relative; max-width:1280px; height:140px; background:#335CB8; box-sizing: border-box; } */
/* #c2m4 ul { }  */
/* #c2m4 ul li{ width:14.28%; height:140px; display:block; float:left; text-align:center; box-sizing: border-box; border-left: 1px solid #436BCB; } */
/* #c2m4 ul li:hover { background: #1748B8; } */
/* #c2m4 ul li:first-child { border-left: none; } */
/* #c2m4 ul li a{ color:#fff; font-size:1.077em; line-height: 1.3em; padding-top: 90px; display:block;} */
/* #c2m4 ul li:nth-child(1) a { background: url(/edu/images/main/icon_quick_01.png) no-repeat center 25px; } */
/* #c2m4 ul li:nth-child(2) a { background: url(/edu/images/main/icon_quick_02.png) no-repeat center 25px; padding-top: 85px; } */
/* #c2m4 ul li:nth-child(3) a { background: url(/edu/images/main/icon_quick_03.png) no-repeat center 25px; } */
/* #c2m4 ul li:nth-child(4) a { background: url(/edu/images/main/icon_quick_04.png) no-repeat center 25px; } */
/* #c2m4 ul li:nth-child(5) a { background: url(/edu/images/main/icon_quick_05.png) no-repeat center 25px; } */
/* #c2m4 ul li:nth-child(6) a { background: url(/edu/images/main/icon_quick_06.png) no-repeat center 25px; } */
/* #c2m4 ul li:nth-child(7) a { background: url(/edu/images/main/icon_quick_07.png) no-repeat center 25px; } */
/* #c2m4 ul li:hover a{ background-position: center 28px!important; } */

/* 사진 갤러리 게시판 영역 */
.contents03 h3.ptitle { font-size:1.6em; color:#46476f; text-align:center; padding: 10px 0 0px; font-weight: bold; }
.contents03 .c3title2 { text-align:center; color:#555; font-size:0.923em; letter-spacing:5px; font-weight:bold; padding:5px 0 20px;}
.contents03 .ptgallery { padding-bottom:30px;}
.contents03 .ptgallery:after {content:""; display:block; clear:both; float:none; height:0;} 
.contents03 .ptgallery li { border-radius:5px; width:235px; height:245px; margin:0 10px 20px; float:left; position:relative; background:#fff;}
.contents03 .ptgallery li .ptinfo { }
.contents03 .ptgallery li .ptinfo .date {  padding:0 20px; line-height:30px; height:30px; color:#666666;}
.contents03 .ptgallery li .ptinfo .titles { padding:10px 20px 0; font-size:1.231em; color:#46476f;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal }
.contents03 .ptgallery li .ptpic img { border-radius:5px 5px 0 0; width:235px; height:160px;}

.contents03  a.mmore { color:#46476f; position:absolute; top:8px; right:15px; width:105px;height:30px; line-height:31px; padding-right:15px;background:url(../../images/main/notice_more2.png) no-repeat 100% 50%; }
.contents03 .inner  { position:relative; }



@media (max-width:1024px) {
	#container .inner { padding:0; width:640px; position:relative;}	
	.ctleft, .ctright { width: 100%; }
	.contents02 .c2m2 { margin-top: 30px; }
	
	.c1m1 .login_user { top: 260px; }
	
	/* 퀵메뉴 한줄로 따로 뺀 디자인 20200630 */
/* 	.contents02 #c2m4 { height: 280px; } */
/* 	#c2m4 ul li { width: 25%; } */
/* 	#c2m4 ul li:nth-child(1) { border-bottom: 1px solid #436BCB;} */
/* 	#c2m4 ul li:nth-child(2) { border-bottom: 1px solid #436BCB;} */
/* 	#c2m4 ul li:nth-child(3) { border-bottom: 1px solid #436BCB;} */
/* 	#c2m4 ul li:nth-child(4) { border-bottom: 1px solid #436BCB;} */
/* 	#c2m4 ul li:nth-child(7) { width: 50%; }  */
	
	.contents03 .ptgallery { width:510px; margin:auto; }
	.ptgallery li:nth-child(3) { display:none;}
	.ptgallery li:nth-child(4) { display:none;}
	.ptgallery li:nth-child(5) { display:none;}
	.contents02 .c2m1, .contents02 .c2m2{ float: none; }
	.contents01 .fr { float: none; }
	
	#c1notice {width:320px; }	
	.notice_tab #ntab_1 { margin-left: 0; }
	.notice_tab .cont { left: 10px; width: 300px; top: 50px; }
	
	.notice_tab { padding-top: 0px; }
	.notice_tab h4 a { padding: 0 18.5px; }
	.notice_tab .more { display: none; }
	
}


@media (max-width:640px) {
	#container .inner { padding:0; min-width: 320px;  width:320px; position:relative;}	
	
	.contents01 .c1m0 { width: 320px; height: 340px; }
	.contents01 .c1m0 fieldset { top: 0px; left: 0px; }
	.contents01 .c1m1, .contents01 .c1m1 ul { width: 320px; height: 320px; }
	
	.contents01 .c1m2 { height: 160px; background-size: 33%; background-position: 90% 100%; }
	.contents01 .c1m2 .txtA { padding: 30px 0 0 30px; font-size: 24px; line-height: 30px; }
	.contents01 .c1m2 .btnGo { position: absolute; left: -5px; bottom: 38px; display: inline-block; padding: 0px 15px; font-size: 14px; line-height: 24px; }
	
	.contents01 .c1m3 { height: 160px; }
	.contents01 .c1m3 ul li { width: 50%; float: left; }
	.contents01 .c1m4 { height: 160px; }
	.contents01 .c1m4 ul li { width: 50%; float: left; }
	.contents01 .c2m3 { height: 160px; }
	.contents01 .c2m3 ul li { width: 50%; float: left; }
	.contents01 .c2m4 { height: 160px; }
	.contents01 .c2m4 ul li { width: 50%; float: left; }
	
	.contents01 .txtB { font-size: 18px; line-height: 20px; padding: 24px 20px 0 20px; text-align: center; }
	.contents01 .txtC { display: none; }
	.contents01 .btn_go { left: 40px; bottom: auto; margin-top: 5px; }
	
	.contents01 .c1m3 ul li:nth-child(1) { background-size: 45%; background-position: 50% 100%; }
	.contents01 .c1m3 ul li:nth-child(2) { background-size: 45%; background-position: 50% 105%; }
	.contents01 .c1m4 ul li:nth-child(1) { background-size: 45%; background-position: 50% 100%; }
	.contents01 .c1m4 ul li:nth-child(2) { background-size: 45%; background-position: 50% 100%; }
	.contents01 .c2m3 ul li:nth-child(1) { background-size: 45%; background-position: 50% 100%; }
	.contents01 .c2m3 ul li:nth-child(2) { background-size: 45%; background-position: 50% 100%; }
	.contents01 .c2m4 ul li:nth-child(1) { background-size: 200%; background-position: 100% 100%; }
	
	.contents01 .c2m4 ul li:nth-child(2) { background-size: 50%; background-position: 50% 100%; }
	
	.contents01 .c2m3 ul li:nth-child(1) br { display: block; }
	.contents01 .c2m4 ul li:nth-child(1) .btn_go { bottom: auto; }
	
	.contents02 .c2m1 { width:320px; height: 320px; }
	.contents02 .c2m1 #slider_visual li img { width:320px!important; height: 320px!important; }

	.contents02 .c2m2 { width: 320px; }
	.contents02 .c2m2 .c2m2notice { display: none; }
	.contents02 .c2m2 .c2m2list { width: 100%; }
	
	#c1notice {width:320px; height: 180px; }	
	.notice_tab #ntab_1 { margin-left: 0; }
	.notice_tab .cont { left: 10px; width: 300px; height: 180px; top: 53px; }
	.notice_tab .cont .nt_list { overflow: hidden; height: 110px; }
	
	.notice_tab { padding-top: 0px; }
	.notice_tab h4 a { padding: 0 18.5px; }
	.notice_tab .more { display: none; }
	
	.contents02 .c2m3 { width: 320px; background-image: none;  }
	.contents02 .c2m3 h3 { padding: 30px 30px 15px 30px; line-height: 1.4em; font-size: 22px; }
	.contents02 .c2m3 .tab { width: 82%; margin-left: 30px; }
	.contents02 .c2m3 .tabcontent { width: 82%; margin-left: 30px; }
	
	/* 퀵메뉴 한줄로 따로 뺀 디자인  20200630 */
/* 	.contents02 #c2m4 { height: 560px; } */
	#c2m4 ul li { width: 50%; }
	#c2m4 ul li:nth-child(7) { width: 100%; border-top: 1px solid #436BCB; }
	
	.contents03 a.mmore { display:none;}
	.contents03 .ptgallery { width:255px; height: 240px; margin:auto; }
	.contents03 {background-repeat:repeat;}
	.ptgallery li:nth-child(3) { display:none;}
	.ptgallery li:nth-child(4) { display:none;}
	.ptgallery li:nth-child(5) { display:none;}

}
@media (max-width: 500px) {
	body { overflow-x: hidden; }	
}	
#slider_visual li img {width:100%;}

#simplemodal-overlay {background-color:#000;}
#simplemodal-container {width:500px; height:390px;}
#login_popup { position: relative;  display:none; background:white; width:500px; height:335px;}
#login_popup .login { position: relative; overflow: hidden; background:white; }
#login_popup .login .login_box { float: left; width: 460px; height: 270px; padding: 10px 45px; border-right: 1px solid #d2d2dc; }
#login_popup .login .confirm_box { float: left; width: 460px; height: 270px; padding: 50px 60px; }
#login_popup .login p { padding-top: 10px; color: #666; line-height: 20px; }
#login_popup .login .input_area { position: relative; width: 410px; margin: 30px 0; font-size:  13px; color: #666; }
#login_popup .login .input_area label { display: inline-block; width: 60px; }
#login_popup .login input[type="checkbox"] { margin-top: 2px; }
#login_popup .login input[type="text"] { width: 230px; height: 36px; margin-bottom: 4px; line-height: 28px; border: 1px solid #cdcfd6; border-radius: 3px; background-color: #fff; padding:0px; }
#login_popup .login input[type="password"] { width: 230px;height: 36px; line-height: 28px; border: 1px solid #cdcfd6; border-radius: 3px; background-color: #fff; padding:0px; }
#login_popup .login input[type="submit"] { position: absolute; top: 0; right: 0; width: 110px; height: 80px; padding-top: 30px; color: #fff; border-radius: 3px; background: #4c5499 url(/reserve/images/common/bg_login.gif) center 15px no-repeat;  }
#login_popup .login h4 { padding-left: 0; font-size: 24px; color: #4c5499; background: none; }
#login_popup .join_find { position: relative; padding: 40px 0; overflow: hidden; }
#login_popup .join_find p { padding: 10px 0; line-height: 18px; font-size: 13px; color: #666; }
#login_popup .join_find .join { float: left; width: 430px; height: 80px; padding: 15px 55px 15px 100px; background: url(/reserve/images/common/icon_join.gif) left 50% no-repeat; }
#login_popup .join_find .find { float: left; width: 430px; height: 80px; padding: 15px 55px 15px 100px; background: url(/reserve/images/common/icon_find.gif) left 50% no-repeat; }
#login_popup .join_find h4 { font-size: 15px; color: #333; background-image: url(/reserve/images/common/icon_bl.gif);}
#login_popup .button { display: inline-block; padding: 5px 10px; line-height: 18px; border-radius: 3px; border: 1px solid #CDD5DE; background: #fff; font-size: 13px; color: #4e5359; text-align: center; }
.login_header {padding:10px;background-color:#4c5499; color:white;}
.login_header h2 {display:inline; font-weight:bold; font-size:15px;}
.modal_button {float:right;}


/* 팝업 추가 */
#divpop{position:absolute; width:auto; left: 37%; top:360px; z-index:1999; background:#fff; border:1px solid #444;text-align:center;}
#divpop1{position:absolute; left:42%; top: 120px; z-index:900; background:#fff; border:1px solid #444; text-align:center;}
#divpop2{position:absolute; left: 1055px; top: 120px; z-index:901; background:#fff; border:1px solid #444; text-align:center;}
#divpop5{position:absolute; left: 1330px; top: 120px; z-index:902; background:#fff; border:1px solid #444; text-align:center;}

.layerpop1 .pop_btn{position:absolute; right:30px; top: 160px; z-index:900;}
.layerpop1 .pbtn {position:absolute; left:35px; bottom: 70px; width: 92%; z-index:900;}
.layerpop1 .pbtn li { display: inline-block; }
.layerpop1 .pbtn li a { display: block;}

.layerpop .close { background: #000; padding: 3px 0; color: #fff;}
.layerpop .close button { color: #fff; }
.layerpop2 .close { background: #000; padding: 3px 0; color: #fff;}
.layerpop2 .close button { color: #fff; }
.layerpop5 .close { background: #000; padding: 3px 0; color: #fff;}
.layerpop5 .close button { color: #fff; }

.pop_footer { display: block; height: 23px; background: #444;  text-align: center;  border:1px solid #444; vertical-align: middle; }
.pop_footer .foot, b { color: #FFF; }

@media (max-width:900px) {
	#divpop1 .pimg img, #divpop2 .pimg img, #divpop5 .pimg img { width: 100%; }
	#divpop1, #divpop2, #divpop5 { left:0px; }
	#divpop2 { top: 620px; }
	
	.layerpop1 .pop_btn { top: 97px; right: -20px; }
	.layerpop1 .pop_btn img { width: 70%; }
	
	.layerpop1 .pbtn {left: 0px; bottom: 40px; width: 100%; overflow: hidden; }
	.layerpop1 .pbtn li { width: 25%; float: left; }
	.layerpop1 .pbtn li img { width: 100%!important; }
	
}