@charset "UTF-8";

@import url("font.css");

/* layout */
header{border-top:5px solid #003876;}
.sub-container{margin:50px auto;width:100%;max-width:1240px;box-sizing:border-box;}
.sub-container:after{content:"";display:block;clear:both;}
.lnb{float:left;width:220px;}
.content-wrap{float:right;width:calc(100% - 4.83% - 220px);}
.title:after{content:"";display:block;clear:both;}
.page-title{float:left;padding:0 0 70px 0;}
.path-wrap{float:right;}
.main-content-wrap01{background-color:#f5f5f5;}
.main-content-wrap02{background-color:#f5f5f5;}
.main-content-wrap03{background-color:#f5f5f5;}

/* common */
body{font-family:'Noto Sans KR',sans-serif;font-weight:300;font-size:16px;color:#333;word-break:keep-all;}
a{color:#333;}
.hide{display:block;position:absolute;width:0;height:0;text-indent:-9999999px;overflow:hidden;}
.pc-hide{display:none;}
.con-p{padding:0 0 35px 0;font-size:16px;font-weight:300;line-height:1.6em;}
.slo-p{padding:0 0 35px 0;font-size:20px;font-weight:500;color:#4870a8;line-height:1.6em;}
.con-box{margin: 0 0 50px 0;position:relative;}
.h4-tit01{font-weight:500px;font-size:24px;margin:0 0 20px;padding:0 0 0 25px ;background:url(/_res/murray/img/common/bul_h4.gif) no-repeat 0 10px;}
.h5-tit01{background:url(/_res/murray/img/common/bg_h5.gif) no-repeat 0 7px;font-weight:700;font-size:18px;color:#333333;padding:0 0 20px 25px;}
.float-l{float:left;}
.float-r{float:right;}
.text-right{text-align:right;}
.dt{display:table;width:100%;height:100%;}
.tc{display:table-cell;vertical-align:middle;}
.mark-p{position:relative;padding:0 0 0 18px;font-size:14px;color:#999;}
.mark-p:before{content:"※";display:block;position:absolute;top:0;left:0;}
.no_mg{margin:0 !important;}
.mg-t10{margin-top:10px;}
.mg-t15{margin-top:15px;}
.mg-l10{margin-left:10px;}
.mg-l20{margin-left:20px;}
.mg-b15{margin-bottom:15px;}
.mg-b10{margin-bottom:10px;}
.float-wrap:after{content:"";display:block;clear:both;}
select{background:#fff;border:0;border-radius: 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-indent: 0.01px;text-overflow: "";font-size: inherit;line-height: inherit;width: 100%;}
select::-ms-expand{display: none;}
.mg-b30{margin:0 0 30px;}
.pd-s10{padding:0 10px}
.display-ib{display:inline-block;}
.txt-blue{color:#4870a8;}
.no-pd{padding:0 !important;}

.img-ready{border:1px solid #ccc;text-align:center;box-sizing:border-box;}
.img-ready img{max-width:100%;}
.img-box{text-align:center;}
.img-box img{max-width:100%;}
.zoom-in{padding:10px 0 0;text-align:right;}

/* scrollbox */
.msg-touch-help {display: none;}

/* header */
.header-box{position:relative;margin:0 auto;max-width:1240px;}
.main-logo{position:absolute;top:0;left:0;z-index:10;padding:18px 0 0 10px;float:left;}

.ysclinic-header-login{position:absolute;top:33px;right:0;padding:4px 22px;background-color:#dbdbdb;font-size:14px;color:#727272;border-radius:80px;}

.gnb{position:relative;width:100%;padding:70px 0 0 0;height:90px;text-align:right;}

.gnb-ul:after{content:"";display:block;clear:both;}
.gnb-ul > li{display:inline-block;position:relative;margin:0 0 0 -3px;padding:34px 0 31px;width:20%;text-align:center;vertical-align:top;}
.gnb-ul > li:after{content:"";display:block;position:absolute;top:39px;right:0;width:1px;height:18px;background-color:#dbdbdb;}
.gnb-ul > li:last-of-type:after{display:none;}
.gnb-ul > li:hover:before{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:4px;background-color:#004b9d;}
.gnb-ul > li > a{padding:0 0 26px 0;font-weight:500;font-size:17px;}
.gnb-ul > li:hover > a{color:#004b9d;font-weight:500;}
.gnb-ul > li:first-of-type > .sub-mn{border-left:1px solid #ececec;}
.sub-mn{display:none;position:absolute;top:91px;left:0;z-index:20;padding:20px 0;width:100%;height:264px;border-right:1px solid #ececec;box-sizing:border-box;}
.sub-mn > li{margin:0 0 10px 0;}
.sub-mn > li > a{font-weight:400;font-size:15px;color:#666;}
.sub-mn > li > a:hover{color:#004b9d;}
.gnb-bg{display:none;position:absolute;top:165px;z-index:10;width:100%;height:264px;border-top:1px solid #ececec;border-bottom:1px solid #ececec;background-color:#fff;}
.gnb-bg-box{display:none;margin:0 auto;max-width:1240px;}
.gnb-bg p{display:table;margin:45px 0 0 0;padding:20px;width:390px;height:170px;background:url(/_res/murray/img/common/img_gnb_bg.gif) no-repeat 0 0;background-size:cover;font-weight:400;font-size:14px;color:#fff;box-sizing:border-box;}
.gnb-bg p span{display:table-cell;vertical-align:bottom;}

.gnb > .gnb-bg{display:none !important;}

/* 서브 비주얼 */
.sub-visual-box{height:100px;background:url(/_res/murray/img/common/bg_sub_visual.gif) repeat-x 0 0;}

/* lnb */
.lnb dl dt{position:relative;height:90px;background:url(/_res/murray/img/common/bg_lnb_title.gif) no-repeat 0 0;}
.lnb h2{padding:20px 26px 0 26px;font-size:20px;color:#fff;box-sizing:border-box;vertical-align:middle;}
.lnb dl dt span{display:block;padding:40px 36px 5px;font-size:13px;color:#fff;}
.lnb-menu > li{width:100%;border:1px solid #dbdbdb;border-top:none;box-sizing:border-box;}
.lnb-menu > li > a{font-size: 16px;display:block;padding:22px 10%;width:100%;font-weight:500;color:#333;box-sizing:border-box;}
.lnb-menu > li:hover > a{color:#4870a8;}
.lnb-menu > li > a.active{color:#4870a8;}
.lnb-menu > li.active > a{border-top: 1px solid #4870a8;color:#4870a8;}
.lnb-menu > li.active{border-color:#4870a8;}

.lnb-depth03{display:none;}
.lnb-depth03 > li{margin:0 0 15px 0;}
.lnb-depth03 > li > a{display:block;position:relative;padding:0 37px;font-weight:400;font-size:14px;color:#696969;}
.lnb-depth03 > li > a:before{content:"";display:block;position:absolute;top:10px;left:28px;width:4px;height:1px;background-color:#696969;}
.lnb-depth03 > li > a.active{font-weight:500;}

/* 타이틀 */
.page-title h3{margin:-13px 0 0 0;font-weight:400;font-size:40px;color:#000;}

/* path(상단 네비게이션) */
.path-pc:after{content:"";display:block;clear:both;}
.path-pc ul{margin:26px 0 0 0;float:right;}
.path-pc ul li{float:left;font-size:12px;color:#969696;}
.path-pc ul li:first-of-type{margin:-1px 0 0 0;}
.path-pc ul li:not(:first-of-type){margin:0 0 0 15px;padding:0 0 0 23px;background:url(/_res/murray/img/common/img_path_next.gif) no-repeat 0 50%;}

/* path */
.path-box{margin:0 0 49px 0;height:50px;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;background-color:#f5f5f5;}
.path:after{content:"";display:block;clear:both;}
.path{margin:0 auto;width:100%;max-width:1240px;height:100%;box-sizing:border-box;}
.path-home{float:left;display:block;padding:16px 0 0 38px;width:105px;height:100%;border-left:1px solid #e7e7e7;border-right:1px solid #e7e7e7;background:url(/_res/murray/img/common/ico_home.gif) no-repeat 20px center;font-size:13px;color:#969696;box-sizing:border-box;}
.path-depth-wrap{float: left;}
.path-depth-wrap > ul:after{content:"";display:block;clear:both;}
.path-depth-wrap > ul > li{position:relative;min-width: 180px;float:left;border-right:1px solid #e7e7e7;}
.path-depth-wrap ul li a {padding: 16px 35px 16px 20px;display: block;background:url(/_res/murray/img/common/img_m_path_arrow.gif) no-repeat right 18px top 23px;color: #969696;font-size:13px;}
.path-depth-wrap .path-depth li a{display: block;padding: 0;border-right:none;background:none;color:#969696;}
.path-depth-wrap .path-depth li a:hover{text-decoration:underline;}
.path-depth-wrap .path-depth li a.active{text-decoration:underline;}
.path-depth-wrap .path-depth{width:100%;position: absolute;left:0;background-color: #fff;z-index: 9;padding: 10px 15px 10px 20px;border: 1px solid #e7e7e7;border-top:none;box-sizing:border-box;}
.path-depth-wrap .path-depth li{ padding: 0px 0 5px 0;word-wrap:break-word;}
.path-selected.active{background: url(/_res/murray/img/common/img_m_path_arrow_up.gif) no-repeat right 18px top 24px;}

/* footer */
.foot-wrap{padding:30px 0;border:1px solid #eaeaea;border-bottom:none;background-color:#4b4b4b;}
.foot-wrap-top-box{margin:0 auto 17px auto;max-width:1240px;}
.foot-wrap-bottom-box{margin:0 auto;max-width:1240px;}

.foot-wrap-top-box p{display:inline-block;}
.related-site-wrap {position:relative;float: right;width: 250px;}
.related-site-title{display:block;position:relative;z-index:10;padding:9px 33px 9px 19px;width: 250px;height: 42px;border: 1px solid rgba(212,212,212,0.4);background:url(/_res/murray/img/common/img_language_arrow.gif) no-repeat right 18px top 17px;color: #b1b1b1;box-sizing: border-box;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.related-site-title.active{background:url(/_res/murray/img/common/img_language_arrow02.gif) no-repeat right 18px top 17px;}
.related-site{display:none;position:absolute;bottom:41px;z-index:10;padding:10px 0;width:100%;max-height:200px;border:1px solid #e7e7e7;background-color:#fff;overflow-y:scroll;box-sizing:border-box;}
.related-site li a {display: block;padding:4px 19px;color: #666;}

.foot-wrap-bottom-box address{font-style:normal;font-size:14px;color:#969696;}
.footer-contact:after{content:"";display:block;clear:both;}
.footer-contact li{float:left;margin:0 10px 5px 0;}
.footer-contact li a{color:#969696;}

.footer-rule{display:inline-block;margin:0 0 0 20px;vertical-align:middle;}
.footer-rule:after{content:"";display:block;clear:both;}
.footer-rule li{position:relative;float:left;margin:0 14px 0 0;padding:0 14px 0 0;font-size:14px;}
.footer-rule li:after{content:"";display:block;position:absolute;right:0;top:5px;width:1px;height:12px;background-color:#969696;}
.footer-rule li:last-of-type{margin:0;padding:0;}
.footer-rule li:last-of-type:after{display:none;}
.footer-rule li a{color:#969696;}

/* main */
/* 메인비주얼 */
.main-visual-box{position:relative;}
.main-visual-img-box{height:500px;}
.vi01{background:url(/_res/murray/img/main/img_main_visual01.png) no-repeat center 0;background-size:cover;}
.vi02{background:url(/_res/murray/img/main/img_main_visual02.png) no-repeat center 0;background-size:cover;}
.vi03{background:url(/_res/murray/img/main/img_main_visual03.png) no-repeat center 0;background-size:cover;}
.main-visual-txt-box{position:absolute;top:0;left:0;right:0;margin:0 auto;width:100%;height:100%;max-width:1240px;color:#fff;}
.main-visual-txt-box .dt{height:calc(100% - 40px);}
.main-visual-txt-box .txt01{display:block;margin:0 0 50px 0;font-size:60px;}
.main-visual-txt-box .txt02{font-size:22px;}

.main-visual-box .control-wrap{position:absolute;left:0;right:0;top:50%;z-index:10;margin:0 auto;padding:0 20px;width:100%;max-width:1400px;transform:translateY(-50%);overflow:hidden;box-sizing:border-box;}
.main-visual-box .control-wrap a{display:block;width:30px;height:57px;}
.main-visual-box .prev{float:left;background:url(/_res/murray/img/main/btn_prev01.png) no-repeat 0 0;}
.main-visual-box .next{float:right;background:url(/_res/murray/img/main/btn_next01.png) no-repeat 0 0;}
.main-visual-box .owl-carousel .owl-dots, .owl-carousel .owl-nav{display:none;}

.main-content-box01{margin:0 auto;padding:0 0 30px 0;max-width:1240px;}
.volunteer-wrap{position:relative;z-index:10;margin:-40px 0 0 0;padding:35px;width:100%;background-color:#4870a8;box-sizing:border-box;}
.volunteer-wrap:after{content:"";display:block;clear:both;}
.volunteer-left-box{float:left;padding:50px 50px 50px 0;width:33.38%;background:url(/_res/murray/img/main/img_volunteer_arrow.gif) no-repeat 0 50%;font-size:36px;color:#fff;line-height:1.2em;text-align:right;box-sizing:border-box;text-shadow:0px -1px 2px rgba(0,0,0,0.24);}
.volunteer-right-box{float:left;width: 100%;box-sizing:border-box;}
.volunteer-right-box dt{margin:0 0 20px 0;font-size:28px;color:#fff;text-shadow:0px -1px 2px rgba(0,0,0,0.24);}
.volunteer-right-box dd:after{content:"";display:block;clear:both;}
.volunteer-right-box dd:nth-of-type(1){margin:0 0 15px 0;}
.volunteer-right-box dd:nth-of-type(1) ul li{display:inline-block;margin:0 0 10px 0;width:calc(50% - 3px);vertical-align:top;text-shadow:0px -1px 2px rgba(0,0,0,0.24);}
.volunteer-right-box dd:nth-of-type(1) ul li span{display:inline-block;margin:0 12px 0 0;padding:2px 0;min-width:54px;border:1px solid #d0d7e7;font-size:15px;color:#d0d7e7;border-radius:3px;text-align:center;vertical-align:top;}
.volunteer-right-box dd:nth-of-type(1) ul li p{display:inline-block;width:calc(100% - 72px);font-size:15px;color:#d0d7e7;vertical-align:middle;word-wrap:break-word;}
.volunteer-right-box dd:nth-of-type(1) ul li p a{color:#d0d7e7;}
.volunteer-right-box dd:nth-of-type(2) ul{float:left;}
.volunteer-right-box dd:nth-of-type(2) ul li{float:left;margin:0 20px 0 0;}
.volunteer-right-box dd:nth-of-type(2) ul li a{display:block;padding:5px 0;min-width:140px;background-color:#80f3fd;font-size:14px;color:#47526d;text-align:center;border-radius:70px;}
.volunteer-right-box dd .main-sns-box{float:right;}
.volunteer-right-box dd .main-sns-box a{display:inline-block;margin:0 6px 0 0;width:30px;height:30px;background-repeat:no-repeat;background-position:50% 50%;background-size:100%;text-indent:-999999px;}
.volunteer-right-box dd .main-sns-box a:last-of-type{margin:0;}
.volunteer-right-box dd .main-sns-box a.blog{background-image:url(/_res/murray/img/main/bg-main-sns-blog.png)}
.volunteer-right-box dd .main-sns-box a.insta{background-image:url(/_res/murray/img/main/bg-main-sns-insta.png)}

.volunteer-wrap02{display:none;}
.volunteer-wrap02 .volunteer-right-box{padding:0 50px 0 0;border-left:none;border-right:1px solid rgba(255,255,255,0.4);}
.volunteer-wrap02 .volunteer-right-box dd:nth-of-type(2) ul li a{background-color:#fffab0;color:#47526d;}
.volunteer-wrap02 .volunteer-left-box{padding:50px 0 50px 40px;background:url(/_res/murray/img/main/img_volunteer_arrow02.gif) no-repeat right 0 top 50%;text-align:left;}

.main-content-box02{margin:0 auto;padding:0 0 50px 0;max-width:1240px;}
.main-content-box02:after{content:"";display:block;clear:both;}
.main-notice-wrap{float:left;padding:30px 3%;width:32.25%;min-height:256px;background-color:#fff;box-sizing:border-box;}
.main-notice-wrap dl{position:relative;}
.main-notice-wrap dl dt{margin:0 0 18px 0;padding:0 0 15px 0;border-bottom:1px dashed #e3e3e3;font-weight:400;font-size:26px;}
.main-notice-wrap dl dd:nth-of-type(1) ul li{margin:0 0 5px 0;}
.main-notice-wrap dl dd:nth-of-type(1) ul li span{font-size:13px;color:#999;}
.main-notice-wrap dl dd:nth-of-type(1) ul li a{display:inline-block;font-size:15px;color:#666;width:calc(100% - 52px);padding:0 0 0 13px;box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;vertical-align:middle;}
.main-notice-wrap dl dd:last-of-type{position:absolute;top:4px;right:0;}

.main-info-wrap{float:right;width:65.32%;padding:30px 3%;background-color:#fff;box-sizing:border-box;}
.main-info-wrap:after{content:"";display:block;clear:both;}
.main-info-wrap dl{float:left;}
.main-info-wrap dl dt{display:table;width:100%;height:140px;}
.main-info-wrap dl dt a{display:table-cell;font-weight:400;font-size:22px;color:#fff;text-align:center;vertical-align:middle;}
.main-info01 dt{background:url(/_res/murray/img/main/bg_main_info01.gif) no-repeat 0 0;}
.main-info02 dt{background:url(/_res/murray/img/main/bg_main_info02.gif) no-repeat 0 0;}
.main-info03 dt{background:url(/_res/murray/img/main/bg_main_info03.gif) no-repeat 0 0;}
.main-info-wrap .owl-item dl dt{background-size:cover;}
.main-info-wrap dl dd{padding:17px 0;font-size:15px;color:#666;}

/* 메인컨텐츠03(캘린더) */
.main-content-box03{padding:50px 0;background-color:#f5f5f5;}
.cal-wrap{margin:0 auto;width:100%;max-width:1240px;box-sizing:border-box;}
.cal-wrap:after{clear:both;content:"";display:block;}
.cal-box01{position:relative;background-color:#30b3f2;float:left;width:12.14%;height:160px;box-sizing:border-box;}
.cal-box01 h3{margin:24px auto 17px auto;padding:3px 0 2px 19%;width:101px;font-weight:500;font-size:15px;color:#fff;background:url(/_res/template01/img/main/ico_calendar.png) no-repeat 0 3px;}
.cal-month{font-weight:600;font-size:44px;color:#fff;text-align:center;}
.cal-box01 a{display:block;position:absolute;width:7px;height:14px;}
.cal-box01 .prev{top:97px;left:18%;background:url(/_res/template01/img/main/btn_calendar_prev.png) no-repeat 0 0;}
.cal-box01 .next{top:97px;right:18%;background:url(/_res/template01/img/main/btn_calendar_next.png) no-repeat 0 0;}
.cal-box02{background-color:#fff;float:left;width:87.85%;padding:0 2.43%;height:160px;border:1px solid #e7e7e7;border-left:none;box-sizing:border-box;}
.cal-box02 .cal-date{margin:0 0 20px 0;width: 100%;padding:15px 0 12px 0;overflow: hidden;border-bottom: 1px solid #e7e7e7;text-align: center;}
.cal-box02 .cal-date li{display:block;float:left;margin: 0 0.65% 0 0;width:26px;height:26px;font-weight:300;font-size:15px;color:#969696;cursor:pointer;}
.cal-box02 .cal-date li:last-of-type{margin:0;}
.cal-box02 .cal-date li:hover,.cal-box02 .cal-date li.active{padding:2px 0px 0 0;background-color:#30b3f2;color:#fff;border-radius:15px;box-sizing:border-box;}
.cal-box02 .cal-date li.active:hover{margin-top:0;}
.cal-box02 .cal-sen{overflow:hidden;}
.cal-box02 .cal-sen li{background:url(/_res/template01/img/main/bul_cal_title.gif) no-repeat 0 9px;padding:0 0 10px 7px;width:calc(50% - 20px); position:relative;float:left;}
.cal-box02 .cal-sen-title{display:inline-block;font-weight:300;font-size:15px;color:#666;}
.cal-box02 .cal-sen .btn-more{display:inline-block;margin:0 0 0 10px;padding:0 0 3px 0;width:8px;height:15px;background:url(/_res/template01/img/main/img_cal_arrow.gif) no-repeat 0 3px;font-weight:300;font-size:15px;color:#bfbfbf;}
.cal-m-date{display:none;}

.scrollert{padding:20px 0;width:100%;height:20px;}
.scrollert > .scrollert-content{overflow:hidden !important;}
.scrollert-scrollbar{display:none;}
.scrollert > .scrollert-scrollbar-y:before,.scrollert > .scrollert-scrollbar-y > .scrollert-track:before{top:0;}
.scrollert > .scrollert-scrollbar>.scrollert-track:before{width:8px;background-color:#777;}
.scrollert > .scrollert-scrollbar>.scrollert-track:hover:before{left:0.75em;width:8px;}
.scrollert > .scrollert-scrollbar:before{margin:0 auto;width:4px;background-color:#ececef;}

/* 관리자용 정보입력 */
.log-input{padding:10px;border:1px solid #e4e4e4;border-radius:4px;box-sizing:border-box;font-size:16px;color:#666;}
.log-w50{float:left;width:50%;}
.log-sel{display:inline-block;position:relative;}
.log-sel:after{content:"";display:block;position:absolute;top:16px;right:10px;width:16px;height:8px;background:url(/_res/murray/img/common/img_log_arrow.gif) no-repeat 0 0;}
.log-sel .log-input{padding-right:32px;}
.log-display-ib{display:inline-block;}

.log-input-type01{width:223px;}
.log-input-type02{width:263px;}
.log-input-type03{width:307px;}
.log-input-type04{width:173px;}
.log-input-type05{width:113px;}
.log-input-type06{width:100%;}
.log-input-type07{width:100%;max-width:550px;}

.log-checkbox{display:none;}
.log-checkbox + label{display:inline-block;position:relative;margin-right:23px;padding-left:28px;font-weight:400;cursor:pointer;color:#727272;}
.log-checkbox + label:before{content:"";display:inline-block;position:absolute;left:0;top:3px;width:20px;height:20px;border:1px solid #e4e4e4;background-color:#fff;font-size:13px;border-radius:3px;box-sizing:border-box;}
.log-checkbox:hover + label:before,.log-checkbox:checked + label:before{content:url(/_res/murray/img/common/bg_chk.gif);}
.min-wchk + label{margin:5px 23px 5px 0;min-width:85px;}

/* 회원가입 */
.join-btn{padding:12px 25px;border:none;font-size:14px;color:#fff;border-radius:4px;line-height:1;cursor:pointer;}
.join-btn01{background-color:#b7b7b7;}
.join-btn02{background-color:#98b0d1;}
.join-btn03{display:block;margin:0 auto;padding:18px 90px;border:none;background-color:#4870a8;font-weight:500;font-size:18px;color:#fff;border-radius:4px;line-height:1;cursor:pointer;}

/* 로그인 */
.ysclinic-login-input-wrap{margin:0 auto;max-width:400px;}
.ysclinic-login-input-wrap p{margin:0 0 40px 0;}
.ysclinic-login-input{margin:0 0 10px 0;padding:16px 20px;width:100%;border:1px solid #e4e4e4;font-size:16px;border-radius:4px;box-sizing:border-box;}
.ysclinic-login-input:last-of-type{margin:0 0 20px 0;}
.ysclinic-login-btn{padding:18px 0;width:100%;border:none;background-color:#4870a8;font-weight:500;font-size:18px;color:#fff;border-radius:4px;line-height:1;cursor:pointer;}
.ysclinic-link-wrap{margin:80px auto;padding:30px 0 0 0;max-width:400px;border-top:1px solid #dbdbdb;}
.ysclinic-link-wrap:after{content:"";display:block;clear:both;}
.ysclinic-link-wrap p{margin:10px 0 0 0;}

/* 로그인 */
.login-bg{border-top:none;background-color:#f2f2f2;}
.login-box{margin:160px auto 0;padding:72px 69px 60px 78px;width:770px;border:1px solid #e6e6e6;border-top:none;background:#fff url(/_res/board/img/login/bg_login.gif) no-repeat 0 0;box-sizing:border-box;}
.login-box:after{content:"";display:block;clear:both;}
.login-box h1{float:left;width:238px;}
.login-box h1 img{width:100%;}
.login-zone{float:right;width:341px;}
.login-input-wrap input{margin:0 0 10px;padding:11px 10px;width:100%;height:40px;border:1px solid #ccc;font-size:14px;box-sizing:border-box;}
.login-error-msg{margin:0 0 14px 0;font-size:14px;color:#ff4c4c;}
.c-login-btn{width:100%;height:50px;border:none;background-color:#0067b3;text-align:center;font-size:18px;color:#fff;cursor:pointer;line-height:1;}
.login-link-wrap{margin:13px 0 16px;}
.login-link-wrap li{position:relative;display:inline-block;padding:0 14px 0 0;}
.login-link-wrap li:after{content:"";display:block;position:absolute;top:6px;right:5px;width:1px;height:11px;background-color:#b3b3b3;}
.login-link-wrap li:last-of-type{padding:0;}
.login-link-wrap li:last-of-type:after{display:none;padding:0;}
.login-link-wrap li a{font-size:inherit;color:#4d4d4d;}
.help-icon{display:inline-block;width:15px;height:15px;background:url(/_res/board/img/login/ico_help.gif) no-repeat 0 0;vertical-align:middle;}
.login-etc-msg{font-size:14px;}
.login-wrap address{margin:10px 0 0 0;font-style:normal;text-align:center;}

/* 머레이사회참여센터 소개*/
.history-box{border-top: 2px solid #4870a8;}
.history-box dl{overflow:hidden;background:url(/_res/murray/img/common/bg_his.gif) repeat-x 0 100%;padding: 10px 0;}
.history-box dl dt{float: left;padding: 20px 0;font-size: 30px;color: #7ec4e1;font-weight: 500;width: 14%;box-sizing: border-box;text-align: center;}
.history-box dl dd{float: left;padding: 20px;width: 86%;box-sizing: border-box;}
.img-box{padding:0 0 30px 0;}
.con-box .btn-go{position:absolute;right:0px;top:0px;display: block;padding: 5px 0 7px 0;min-width: 130px;background-color:#7ec4e1;font-size: 16px;color: #fff;text-align: center;border-radius: 70px;}
.map-box{margin:0 0 50px 0;}
.tab-ul{overflow: hidden;}
.tab-ul li{float: left;overflow: hidden;width: 33.3333333%;text-align: center;}
.tab-ul li a{padding: 15px 0;background-color: #cdcdcd;text-align: center;display: block;}
.tab-ul li.selected a{background-color: #4870a8;color:#fff;}
.tab-ul li a.active{background-color: #4870a8;color:#fff;}
.tab_sel {-webkit-appearance: none;margin: 0 0 30px;width: 100%;height: 50px;font-size: 17px;padding: 0 40px 0 15px;border: none;background: #4870a8 url(/_res/murray/img/common/bg_tab_sel01.png) no-repeat right 15px top 55%;background-size: 16px;color: #fff;border-radius: 0;}
.tab-wrap{padding:0 0 30px 0;}

/* 머레이사회참여센터 소개 > 오시는 길 */
.location-add-box ul li{padding:0 0 5px 10px ;background:url(/_res/murray/img/common/bg_map01.gif) no-repeat 0 11px; }
.location-add-box ul li span{display:inline-block;width:90px;font-weight:700;color:#084487;}

/* 사회봉사 > 사회봉사 교과목 소개 */
.attention-box ol li{margin:0 0 0 20px;padding:0 0 20px 0;font-size:16px;line-height:1.6em;list-style-type:decimal;}
.attention-box ol li > p{font-weight:500;}
.attention-box ol li > p span{color:#e54600;}
.attention-box ol li .grade-table03{margin:20px 0 0 0;}
.attention-box ol li .grade-table03 th{text-align:center;}

/* 사회통합프로그램 > 사회통합프로그램 소개 */
.integration-box ol{padding:0 0 35px 0;}
.integration-box ol li{margin:0 0 0 20px;font-size:16px;line-height:1.6em;list-style-type:decimal;}
.integration-box ul{padding:0 0 35px 0;}
.integration-box ul li{padding:0 0 0 10px ;background:url(/_res/murray/img/common/bg_map01.gif) no-repeat 0 11px;font-size:16px;line-height:1.6em;}
.integration-box ul li span{display:inline-block;width:90px;font-weight:700;color:#084487;}

/* 사회통합프로그램 > 사회통합프로그램 프로그램 일정 안내 */
.integration-table thead tr th span{font-size:12px;}

/* 머레이봉사단 > 봉사단 소개 */
.murray-box ul{padding:0 0 35px 0;}
.murray-box ul li{font-size:16px;line-height:1.6em;}
.murray-box ul li span{display:inline-block;width:90px;font-weight:700;color:#084487;}

/* 머레이봉사단 > 봉사일정 등록 write 페이지 */
.board-schedule .board-schedule-input-box:last-of-type{margin:0;}
.board-schedule tbody td .btn{float:right;}

/* 자기진단검사 */
.result-box{margin:0 0 35px 0;}
.result-box > a{display:inline-block;padding:5px 0 7px 0;min-width:130px;background-color:#7ec4e1;font-size:16px;color:#fff;text-align:center;border-radius:70px;vertical-align:middle;}
#result01 > p{display:inline-block;margin:0 10px 0 0;padding:5px 15px;width:100px;border:1px solid #dbdbdb;text-align:right;border-radius:70px;vertical-align:middle;}
#result02 > p{margin:30px 0 0 0;}
.stress-hidden{display:none;}
.survey-radio{display:none;}
.result-num-box{margin:30px 0 0 0;padding:30px 0;border:1px solid #dbdbdb;background-color:#fafafa;text-align:center;}
.result-num-box p{display:inline-block;min-width:220px;}
.result-num-box span{margin:0 0 0 10px;font-weight:500;font-size:18px;color:#df3523;}

/*법적고지-개인정보처리방침*/
.legal-box dl{margin:0 0 80px 0;}
.legal-box dl dt{line-height: 32px;padding: 0 0 10px 0px;font-weight: 600;font-size: 24px;color: #084487;}
.legal-box dl dd{line-height:26px;}

.privacy-box .h5-tit02{font-weight: 700;font-size: 18px;color: #333333;padding: 0 0 10px 0px;}
.privacy-box ul li{padding: 0 0 0 7px;background: url(/_res/murray/img/common/bul_list_dot.gif) no-repeat 0 8px;}
.privacy-box ul li ol li{padding:0;margin:0px 0 0 17px;list-style-type: decimal;background: none !important;}
.ol-type04 li{margin:0 0 30px 17px;list-style-type: decimal;}
.ol-type05 li{margin: 0px 0 3px 17px;list-style-type: decimal;}

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

  .main-visual-txt-box{padding:0 70px;}
  
}

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

  /* header */
  .header-box:after{content:"";display:block;clear:both;}
  .main-logo{position:relative;padding:7px 0 14px 10px;}
  .main-logo a img{width:240px;}
  .gnb,.gnb-bg{display:none !important;}
  .btn_menu{display: block;float: right;margin: 26px 10px 0 0;width:28px;height:26px;background: url(/_res/murray/img/common/btn_m_menu.gif) no-repeat 0 0;background-size:contain;}
  .ysclinic-header-login{display:none;}
  
  /* main */
  .volunteer-left-box{padding:63px 40px 63px 40px;}
  .volunteer-left-box{font-size:30px;background-size:40px;}
  .volunteer-wrap02 .volunteer-left-box{background-size:40px;}

  /* 메인컨텐츠02(캘린더) */
  .cal-box01{width:20.14%;}
  .cal-box02{width:79.85%}
  .cal-box02 .cal-sen-title{width:83%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
  
  /* 관리자용 정보입력 */
  .log-w50{float:none;margin:0 0 10px 0;width:100%;}
  .log-w50:last-of-type{margin:0;}
  
}

@media screen and (max-width:768px) {
  
    /* layout */
    .sub-container{margin:0 auto 50px;}
    .sub-visual-box{display:none;}
    .lnb{display:none;}
    .content-wrap{float:none;width:100%;}
    .content{padding:0 10px;}
    .path-wrap{float:none;width:100%;}
    .page-title{float:none;padding:0 10px 35px;width:100%;box-sizing:border-box;}
    
  
    /* common */
    .pc-hide{display:block;}
    .mobile-hide{display:none;}
    .h4-tit01{font-size: 20px;background: url(/_res/murray/img/common/bul_h4.gif) no-repeat 0 7px;margin: 0 0 10px;}
    .con-p{font-size:14px;}
  
    /* scrollbox */
    .scrollbox .yonsei-table{width:800px;}
    .msg-touch-help {display: block;position: absolute;top: 70px;left: 50%;z-index: 10;width: 70px;height: 70px;margin: 0 0 0 -35px;}
    .msg-touch-help img {width: 100%;}
    .scrollbox {position: relative;width: 100%;overflow-x: auto;overflow-y: hidden;}
  
    /* 타이틀 */
    .page-title h3{font-size:30px;}
  
    /* path */
    .path-box{margin:0 0 25px 0;height:40px;border:none;background-color:#4870a8;}
    .path{padding:0;}
    .path-home{width:41px;height:41px;border:none;background:url(/_res/murray/img/common/btn_m_home.gif) no-repeat 0 0;background-size:100%;}
    .path-depth-wrap{width:calc(100% - 41px);}
    .path-depth-wrap > ul > li{float:left;width:33.33%;min-width: 120px;border-right:none;box-sizing:border-box;}
    .path-depth-wrap ul li a{padding:10px 27px 11px 15px;width:100%;max-height:40px;box-sizing:border-box;border-right:1px solid rgba(255,255,255,0.18);color:#fff;}
    .path-depth-wrap .path-depth{top:40px;left:0;padding:0;z-index:20;width:100%;border:1px solid #4870a8;box-sizing:border-box;}
    .path-depth-wrap .path-selected{background:#4870a8 url(/_res/murray/img/common/img_m_path_arrow.gif) no-repeat right 15px top 17px;background-size:15px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
    .path-depth li{padding:0;width:100%;height:auto;border-bottom:1px solid rgba(255,255,255,0.18);background-color:#4870a8;box-sizing:initial;}
    .path-depth li:last-of-type{border:none;}
    .path-depth-wrap .path-depth li a{padding:10px 15px 5px;color:#fff;}
    .path-selected.active{background:#4870a8 url(/_res/murray/img/common/img_m_path_arrow_up.gif) no-repeat right 15px top 17px;background-size:15px;}
  
    /* footer */
    .foot-wrap{padding:20px 10px;}
    .foot-wrap-top-box{margin:0 auto 5px;}
    .footer-rule{display:block;margin:15px 0 0 0;}
  
    /* main */
    .main-visual-img-box{height:300px;}
    .main-visual-txt-box{padding:0 40px;box-sizing:border-box;}
    .main-visual-txt-box .txt01{margin:0 0 15px 0;font-size:30px;}
    .main-visual-txt-box .txt02{font-size:16px;}
  
    .main-visual-box .control-wrap{padding:0 10px;}
    .main-visual-box .control-wrap a{width:20px;height:37px;background-size:100%;}
  
    .main-content-box01{padding:0 0 15px 0;}
    .volunteer-wrap{left:0;right:0;margin:-20px auto 0;padding:20px;width:calc(100% - 20px);}
    .volunteer-wrap .volunteer-left-box{display:block;float:none;margin:0 0 15px 0;padding:0 0 15px 0;width:100%;height:auto;border-bottom:1px solid rgba(255,255,255,0.4);background:url(/_res/murray/img/main/img_volunteer_arrow02.gif) no-repeat right 0 top 0;font-size:22px;background-size:30px;text-align:left;}
    .volunteer-right-box{float:none;width:100%;padding:0;border:none;}
    .volunteer-right-box dt{margin:0 0 15px 0;padding: 0 0 15px 0;font-size:18px;border-bottom: 1px solid rgba(255,255,255,0.4);}
    .volunteer-right-box dd:nth-of-type(1) ul li{display:block;width:100%;}
    .volunteer-right-box dd:nth-of-type(2){text-align:center;}
    .volunteer-right-box dd:nth-of-type(2) ul{display:inline-block;float:none;padding:0 0 15px 0;}
    .volunteer-right-box dd:nth-of-type(2) ul li:last-of-type{margin:0;}
    .volunteer-right-box dd .main-sns-box{float:none;}
    .volunteer-wrap02 .volunteer-left-box{margin:15px 0 0 0;padding:15px 0 0 0;border-top:1px solid rgba(255,255,255,0.4);border-bottom:none;background-position:right 0 top 14px;}
    .volunteer-wrap02 .volunteer-right-box{padding:0;border:none;}
  
    .main-content-box02{padding:0 10px 15px;}
    .main-notice-wrap{float:none;margin:0 0 15px 0;padding:15px;width:100%;}
    .main-notice-wrap dl dt{margin:0 0 15px 0;padding:0 0 10px 0;font-size:20px;}
    .main-notice-wrap dl dd:last-of-type{top:0;}
    .main-notice-wrap dl dd:last-of-type a{display:block;width:21px;}
    .main-notice-wrap dl dd:last-of-type img{width:100%;}
    .main-info-wrap{float:none;padding:15px;width:100%;}
    .main-info-wrap .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{width:20px;background-color:#4870a8;}
    .main-info-wrap .owl-theme .owl-dots .owl-dot span{margin:5px;background-color:#9e9e9e;}

    /* 메인컨텐츠02(캘린더) */
    .main-content-box03{padding:0 0 30px 0;background-color:#ececef;}
    .cal-wrap{padding:0 10px;}
    .cal-box01{width:28.15%;height:270px;}
    .cal-box01 h3{margin-bottom:64px;padding-left:19%;width:52px;background:url(/_res/template01/img/main/ico_m_calendar.png) no-repeat 0 center;background-size:30%;font-size:14px;text-shadow:1px 1px 1px rgba(0,0,0,0.35);}
    .cal-month{font-size:40px;text-shadow:1px 1px 1px rgba(0,0,0,0.35);}
    .cal-box01 a{margin:0 auto;width:15px;height:9px;}
    .cal-box01 .next{left:0;right:0;top:102px;background:url(/_res/template01/img/main/btn_m_calendar_next.png) no-repeat 0 0;background-size:100%;}
    .cal-box01 .prev{left:0;right:0;top:193px;background:url(/_res/template01/img/main/btn_m_calendar_prev.png) no-repeat 0 0;background-size:100%;}
    .cal-box02{padding:20px 2%;width:71.85%;height:270px;}
    .cal-m-date{display:block;font-weight:500;font-size:12px;color:#30b3f2;}
    .cal-box02 .cal-sen li{float:none;width:90%;background:none;}
    .cal-box02 .cal-sen .btn-more{display:none;}
    .cal-box02 .cal-sen-title{font-size:14px;width:auto;white-space:normal;}

    .scrollert{padding:0;height:232px;}
    .scrollert > .scrollert-content{overflow:scroll !important;}
    .scrollert-scrollbar{display:block;}
    .scrollert > .scrollert-scrollbar{right:-11px;}
    .scrollert > .scrollert-scrollbar-y:before,.scrollert>.scrollert-scrollbar-y > .scrollert-track:before{top:0;bottom:0;}
  
    /* 관리자용 정보입력 */
    .log-input:not(.log-input-type06){width:140px;}
    .join-box .log-input-type07{width:100%;}
    .log-display-ib{display:block;margin:0 0 15px 0;}
    .log-display-ib:last-of-type{margin:0;}
  
    /* 로그인 */
    .ysclinic-link-wrap p{float:none;margin:0 0 10px 0;}
    .ysclinic-link-wrap button{display:block;float:none;margin:0 auto;}
  
    /* 머레이사회참여센터 소개*/
    .history-box dl{padding:20px 0;}
    .history-box dl dt{float: none;width: 100%;text-align: left;padding: 0 0 0 10px;font-size: 22px;}
    .history-box dl dd{font-size: 14px;width: 100%;padding: 0 0 0 10px;float: none;}
    .con-box .btn-go{position:relative}
    .tab-wrap{padding:0}

    /* 사회봉사 > 사회봉사 교과목 소개 */
    .attention-box ol li{padding:0 0 15px 0;font-size:14px;}
    .attention-box ol li .grade-table03{margin:15px 0 0 0;}

    /* 사회통합프로그램 > 사회통합프로그램 소개 */
    .integration-box ol li{font-size:14px;}
    .integration-box ul li{font-size:14px;}

    /* 사회통합프로그램 > 사회통합프로그램 프로그램 일정 안내 */
    .integration-table thead tr th span{font-size:10px;}

    /* 머레이봉사단 > 봉사단 소개 */
    .murray-box ul li{font-size:14px;}
  
  /* 로그인 */
    .login-bg{background-color:#fff;}
    .login-box{margin:0;padding:30px;width:100%;border:none;background:none;}
    .login-box h1{float:none;margin:0 auto 30px;width:130px;}
    .login-zone{float:none;width:100%;}
    .login-link-wrap{margin:18px 10px 32px;text-align:center;}
    .login-link-wrap li:nth-of-type(2){padding:0;}
    .login-link-wrap li:nth-of-type(2):after{display:none;}
    .login-link-wrap li:last-of-type{display:block;margin:10px 0 0 0;}
    .login-etc-msg{text-align:center;}
    .login-wrap address{margin:37px 0 0 0;}
  
    /*법적고지-개인정보처리방침*/
   .legal-box dl{margin:0 0 50px 0;}
   .legal-box dl dt{line-height: 28px;font-size: 20px;}
   .legal-box dl dd{font-size: 14px;line-height:23px;}
   .ol-type04 li, .ol-type05 li{font-size:14px;}
   .h4-tit01{font-size: 20px;color: #0d4b8f;}
  
}
@media screen and (max-width:470px) {
    
    /* 메인컨텐츠02(캘린더) */
    .cal-box01{width:38.15%;}
    .cal-box01 h3{background-size:25%;}
    .cal-box02{width:61.85%;}
  
}

@media screen and (max-width:420px) {
    
    /*모바일 상단메뉴*/
    .path-home {display:none;}
    .path-depth-wrap {width:100%;}
    .path-depth-wrap .path-selected{background-position:right 10px top 17px;background-size: 12px;}
    .path-depth-wrap ul li a{padding:10px 20px 9px 8px;}
    .path-depth-wrap .path-depth li a{padding: 10px 8px 5px;}
    .path-depth-wrap > ul > li{min-width:0;}
  
    /* main */
    .volunteer-right-box dd:nth-of-type(2) ul li{margin:0 10px 0 0;}
    .volunteer-right-box dd:nth-of-type(2) ul li a{min-width:120px;}
  
    /* 관리자용 정보입력 */
    .log-sel .log-input{margin:0 0 10px 0;}
    .log-sel:last-of-type .log-input{margin:0;}
  
}