@charset "utf-8";

/* 01. 수련원소개 ***********************************************************************************************************************************************************************************/
/* 인사말 */
.greeting {position:relative; padding:5px 0 0 380px; background:url("/images/org/web/isptc/sub/img_greeting1.jpg") no-repeat left top;}
.greeting p {line-height:1.6;}

/* 기본방향 170823 */
.course img {max-width:100%;}

/* 조직도 및 업무분장 */
.organization {position:relative; padding:4px 0 0 0; font-family:"NanumSquareB"; background:url("/images/org/web/isptc/sub/bg_orga.gif") no-repeat center top;}
.organization ol li.orga1 {width:130px; height:130px; margin:0 auto; line-height:130px; text-align:center; color:#fff; font-size:22px; background:#2f8ff4; border-radius:65px;}
.organization ol li.orga2 {width:240px; height:60px; margin:40px auto 0; line-height:60px; text-align:center; color:#fff; font-size:20px; background:#003875; border-radius:10px;}

/* 연혁 */
.history_wrap {background:url("/images/org/web/isptc/sub/bg_history.png") no-repeat right top;}
.history_box {background:url("/images/org/web/isptc/sub/img_history_line.png") repeat-y 180px top;}
.history_list {position:relative; padding:0 0 0 180px;}
.history_list h3 {position:absolute; left:0; top:0; font-family:"NanumSquareB"; font-size:30px; color:#0b4d93;}
.history_list ol {padding-top:5px;}
.history_list ol li {position:relative; margin-bottom:20px; font-size:16px; color:#444; line-height:0; background:url("/images/org/web/isptc/sub/img_history2.png") no-repeat left 8px;}
.history_list ol li:first-child {font-family:"NanumSquareB"; font-size:18px; background:url("/images/org/web/isptc/sub/img_history1.png") no-repeat left 6px;}
.history_list ol li dl {overflow:hidden;}
.history_list ol li dl dt {width:17%; float:left; line-height:24px; color:#0b4d93; text-align:right;}
.history_list ol li dl dd {width:80%; float:right; line-height:24px;}
.history_list ol li:first-child dl dt, .history_list ol li:first-child dl dd {line-height:30px;}
.history_list ol li p {display:inline-block; padding-left:150px; line-height:24px;}

/*마산용마고등학교 연혁*/
.history_wrap2 {width:1200px;height: 150px;display: flex;align-items: center;justify-content: center;}
.history_box2 {position:relative;width: 100%;text-align:center;}
.history_box2:before{position: absolute;display:block;content:"";top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height: 1px;background:#111;}
.history_box2 ol{width: 100%;display:flex;flex-wrap: nowrap;justify-content:space-between;align-items: center;height: 100px;}
.history_box2 ol li{position:relative;height: 100px;flex: auto;}
.history_box2 ol li:before{position: absolute;display:block;content:""; top: 50%;left:50%;transform: translate(-50%, -50%); width:10px;height: 10px; border-radius:10px; background:#111;}
.history_box2 ol li.bg_red:before{background:red;}
.history_box2 ol li span{font-size: 14px;display: block;width: 150px;position: absolute;color: #111;}
.history_box2 ol li.top span{ top: -15%;left: 50%;transform: translate(-50%, 0);}
.history_box2 ol li.middle span:nth-of-type(1){ top: -15%;left: 50%;transform: translate(-50%, 0);}
.history_box2 ol li.middle span:nth-of-type(2){bottom: -15%;left: 50%;transform: translate(-50%, 0);}
.history_box2 ol li.bottom span{bottom: -15%;left: 50%;transform: translate(-50%, 0);}
.history_box2 ol li span.pc_red {color:red;}

/* 02. 수련원 안내 ***********************************************************************************************************************************************************************************/
/* 객실내부 170830 추가 */
.room_info_t {min-height:85px; padding:15px 0 30px 120px; background:url("/images/org/web/isptc/sub/room_info_t.png") no-repeat;}
.room_info_t .txt1 {font-size:24px; color:#0b4d93; font-family:"NanumSquareB";}
.room_info_t .txt2 {margin-top:10px; font-size:18px;}
.room_info {overflow:hidden;}
.room_info li {width:30%; float:left; margin:0 0 40px 5%; background:url("/images/org/web/isptc/sub/pt_diagonal.png") repeat}
.room_info li.first {margin-left:0;}
.room_info li .box {position:relative; margin:5px; padding:5px 5px 20px; text-align:center; background:#fff;}
.room_info li .box h3 {margin-top:20px; font-size:22px; color:#0b4d93;}
.room_info li .box p.img img {width:100%;}
.room_info li .box p.txt {margin-top:10px; font-size:16px; color:#555; }
.room_info li .box a {display:block; margin:10px 15px 0; padding:8px 15px; text-align:center; color:#0b4d93; font-size:16px; border:1px solid #0b4d93;}

/* 객실배치도 170825 수정 */
.layout_dra {margin-top:5px; text-align:center; border:1px solid #b2b7c7;}
.layout_ex {position:relative; padding:23px 20px 15px 90px; border-top:1px solid #c8d1db; border-left:1px solid #c8d1db; border-bottom:1px solid #9298af; border-right:1px solid #9298af; border-radius:10px; overflow:hidden;}
.layout_ex span.comment2 {position:absolute; left:20px; top:10px; font-size:16px; font-family:"NanumSquareB";}
.layout_ex span.ex {width:16.5%; display:block; float:left; }
.layout_ex img {vertical-align:middle; border:1px solid #98a0bc; }

/* 부대시설 및 편의시설 170816 */
.addi_faci_t {min-height:85px; padding:15px 0 30px 120px; background:url("/images/org/web/isptc/sub/addi_faci_icon.png") no-repeat;}
.addi_faci_t .txt1 {font-size:24px; color:#0b4d93; font-family:"NanumSquareB";}
.addi_faci_t .txt2 {margin-top:10px; font-size:18px;}
.addi_faci {margin-top:10px; padding:10px; overflow:hidden; background:url("/images/org/web/isptc/sub/pt_diagonal.png") repeat;}
.addi_faci .box {padding:15px; background:#fff;}
.addi_faci .img img {width:100%;}
.addi_faci .addi_faci_list {position:relative; margin-top:20px; border-top:1px solid #b2b7c7;}
.addi_faci .addi_faci_list ul {padding:15px 50px; overflow:hidden;}
.addi_faci .addi_faci_list ul li {width:25%; float:left; text-align:center; opacity:0.7;}
.addi_faci .addi_faci_list ul li.on {opacity:1;}
.addi_faci .addi_faci_list ul li img {width:90%; min-height:50px;}
.addi_faci .addi_faci_list .btn_prev {position:absolute; left:0; top:50%; margin-top:-17px; display:block; width:33px; height:33px; text-indent:-10000em; font-size:0; border:1px solid #b2b7c7; background:url('/images/org/web/isptc/sub/btn_page_l.gif') no-repeat;}
.addi_faci .addi_faci_list .btn_next {position:absolute; right:0; top:50%; margin-top:-17px; display:block; width:33px; height:33px; text-indent:-10000em; font-size:0; border:1px solid #b2b7c7; background:url('/images/org/web/isptc/sub/btn_page_r.gif') no-repeat;}

/* 주변관광안내 */
.s_tour {position:relative; min-height:170px; padding:20px 0 20px 320px; overflow:hidden; border-bottom:1px dashed #9298af; }
.s_tour .tour_img {position:absolute; left:0; top:20px; width:280px; padding:8px; border:1px solid #9298af; overflow:hidden;}
.s_tour .tour_img img {width:100%; }
.s_tour dl dt {margin-bottom:10px; color:#111; font-size:15px; font-family:"NanumSquareB";}

/* 03. 이용안내 ***********************************************************************************************************************************************************************************/
/* 객실예약 */
.calendar_top {position:relative; width:220px; height:40px; margin:0 auto; text-align:center; font-size:26px;}
.calendar_top a.cal_prev {position:absolute; left:0; top:0; display:block; width:40px; height:40px; text-indent:-10000em; background:url("/images/org/web/isptc/sub/btn_cal_l.png") no-repeat left top;}
.calendar_top a.cal_next {position:absolute; right:0; top:0; display:block; width:40px; height:40px; text-indent:-10000em; background:url("/images/org/web/isptc/sub/btn_cal_r.png") no-repeat left top;}
.calendar_top span {color:#003875;}
.cal_table {position:relative; margin-top:5px; font-family:"NanumSquareR"; border-top:2px solid #0b4d93; font-size:14px; overflow:hidden;}
.cal_table table {position:relative; width:100%; border-collapse:collapse; margin-left:-1px;}
.cal_table table caption span {position:absolute; top:-9999px; overflow:hidden; height:0px; width:0px; }
.cal_table table thead th {padding:13px 10px; color:#111; font-family:"NanumSquareB"; font-size:15px; border-bottom:1px solid #9298af; border-left:1px solid #9298af; background:#e9f5ff;}
.cal_table table tbody th {padding:7px; color:#666; font-family:"NanumSquareB"; font-size:15px; border-bottom:1px solid #9298af; border-left:1px solid #9298af; background:#fafbfb;}
.cal_table table tbody th.bg_none {color:#111; background:#fff;}
.cal_table table .red {color:#f25953;}
.cal_table table .blue {color:#003875;}
.cal_table table td {padding:7px; line-height:20px; color:#fff; font-size:13px; text-align:center; border-left:1px solid #9298af; border-bottom:1px solid #9298af;}
.cal_table table td p a {display:block; color:#fff;}
.bg_purple {background:#7e7ee1;}
.bg_gray {background:#9298af;}
.bg_mint {background:#00a1b9;}
.bg_mint span {color:#fff799;}
.cal_table table .op07 {opacity:0.7;}

.room_agree {height:220px; margin:10px 0; padding:15px 20px; border-top:1px dashed #b2b7c7; border-bottom:1px dashed #b2b7c7; overflow-y:auto; font-size:12px; font-family:"돋움",Dotum;}
.room_agree .ruleTit{ color:#000; letter-spacing:-1px; line-height:20px; font-size:14px; font-weight:bold; font-family:"돋움",Dotum;}
.room_agree ul {width:100%; padding:0 0 20px; color:#555; letter-spacing:-1px; line-height:20px;}
.room_agree ul li { padding-top:10px; font-weight:600; }
.room_agree ul li span{ display:block; font-weight:normal; padding-top:3px; }
.room_agree ul li ol li,
.room_agree ul li ul li {font-weight:normal; padding-top:0; padding-bottom:0;}
.room_agree ul.fw_normal li { padding-top:5px; font-weight:normal; }

/* 예약신청 조회 */
.rese_check {position:relative; }
.rese_check_top select {width:140px; height:30px; margin-left:5px; font-family:"Gulim"; font-size:13px; border:1px solid #b2b7c7;}
.rese_check .rese_check_list {margin-top:10px; border-top:2px solid #0b4d93;}
.rese_check .rese_check_list th {padding:13px 0 18px; font-size:14px; background:url("/images/org/web/isptc/sub/pt_diagonal.png") repeat-x left bottom;}
.rese_check .rese_check_list td {padding:10px 0; font-family:"Dotum"; font-size:12px; color:#555; text-align:center; border-bottom:1px solid #b2b7c7;}
.rese_check .rese_check_list .deposit {width:53px; height:22px; margin:0 auto; line-height:22px; color:#0467b3; font-weight:bold; border:1px solid #0467b3; background:#ecf7ff; border-radius:3px;}
.rese_check .rese_check_list .payment {width:53px; height:22px; margin:0 auto; line-height:22px; color:#f25953; font-weight:bold; border:1px solid #f25953; background:#fff6f6; border-radius:3px;}
.rese_check .rese_check_list .cancel {width:53px; height:22px; margin:0 auto; line-height:22px; color:#666; font-weight:bold; border:1px solid #9298af; background:#f5f7f8; border-radius:3px;}
.rese_check .rese_check_list a.btn_view {display:block; width:58px; height:22px; margin:0 auto; padding-right:15px; line-height:22px; color:#666; border:1px solid #9298af; background:url("/images/org/web/isptc/sub/btn_view.png") no-repeat right center; border-radius:3px;}
.rese_check .rese_check_list a.btn_check {display:block; width:40px; height:24px; margin:0 auto; padding-left:22px; line-height:24px; color:#fff; font-weight:bold; background:url("/images/org/web/isptc/sub/btn_check.png") no-repeat 10px center #757e9b; border-radius:3px;}
.rese_check_list_tm {display:none;}

/* 04. 신청하기 170823 ***********************************************************************************************************************************************************************************/
/* 신청안내 */
.request {margin-top:10px; overflow:hidden;}
.request li {width: 24%;float:left;margin-left: 1%;border-radius:15px;}
.request li.req1 {margin-left: 1%;background:#24c8ec;}
.request li.req2 {background:#25abeb;}
.request li.req3 {background:#0091d6;}
.request li div {padding:20px; text-align:center;}
.request li div h4 {font-size:24px; color:#fff;}
.request li div p {padding:10px 0; font-size:16px; color:#fff; opacity:0.8;}
.request li div a {display:block; font-size:15px; line-height:40px; color:#fff; border:1px solid #fff;}

/* 06. 정보공개 170823 ***********************************************************************************************************************************************************************************/
/* 정보공개 제도안내 */
ol.claim_info {margin-top:10px;}
ol.claim_info > li {position:relative; margin-bottom:20px; padding:5px; background:url("/images/org/web/isptc/sub/pt_diagonal2.png") repeat;}
ol.claim_info > li div {padding:0 20px 20px; background:#fff; }
ol.claim_info > li h3 {position:relative; padding:25px 0 25px 60px; font-size:24px; line-height:33px; color:#000; font-family:"NanumSquareB"; border-bottom:1px solid #b2b7c7; overflow:hidden; letter-spacing:-1px;}
ol.claim_info > li h3 .num {position:absolute; left:0; top:18px; display:block; width:50px; height:50px; color:#fff; text-align:center; line-height:50px; background:#2f71d2; border-radius:25px;}
ol.claim_info > li h3 .etc {margin-left:5px; padding:5px 10px; font-size:16px; text-align:center; line-height:30px; border:1px solid #b2b7c7; border-radius:5px;}
ol.claim_info > li p.claim_tit {margin-top:20px; color:#222; font-family:"NanumSquareB"; font-size:16px;}
.va_t {vertical-align:top;}

/* 07. 기타 ***********************************************************************************************************************************************************************************/
/* 로그인 */
.login_box {position:relative;}
.login_top {height:85px; padding:15px 0 30px 120px; background:url("/images/org/web/isptc/sub/img_login.png") no-repeat left top;}
.login_top h3 {font-size:34px; color:#0b4d93;}
.login_top p {margin-top:5px; font-size:15px;}
.login_box .tab_st {position:absolute; right:0; top:40px; width:50%;}
.login_box .loginSecL {font-family:"NanumSquareR";}
.login_box .loginFrm {position:relative;}
.login_box .loginFrm h4 {height:40px;}

.login_box .login_ty1 {position:relative; width:41%; padding:20px 4% 30px; float:left; border:1px solid #b2b7c7; border-top:2px solid #0b4d93; font-size:14px; overflow:hidden;}
.login_box .login_ty1 dl {width:70%; overflow:hidden;}
.login_box .login_ty1 dl dd {padding-left:40px; margin-top:5px; border:1px solid #b2b7c7; }
.login_box .login_ty1 dl dd.login_id {background:url("/images/org/web/isptc/sub/ico_login_id.gif") no-repeat 10px center; }
.login_box .login_ty1 dl dd.login_pw {background:url("/images/org/web/isptc/sub/ico_login_pw.gif") no-repeat 10px center; }
.login_box .login_ty1 dl dd input {width:96%; height:45px; border:none; font-family:"Dotum"; line-height:45px; vertical-align:middle;}
.login_box .login_ty1 input.btn_login {position:absolute; right:8%; top:65px; width:24%; height:102px; color:#fff; font-family:"NanumSquareR"; font-size:20px; border:none; background:#394b61; cursor:pointer;}
.login_box .login_ty1 .idpw_search {margin-top:10px; overflow:hidden;}
.login_box .login_ty1 .idpw_search li.id_search {width:49%; float:left;}
.login_box .login_ty1 .idpw_search li.pw_search {width:49%; float:right;}
.login_box .login_ty1 .idpw_search li a {display:block; height:35px; line-height:35px; text-align:center; color:#333; border:1px solid #b2b7c7; background:#f5f7f8;}

.login_box .login_ty2 {position:relative; width:41%; padding:20px 4% 30px; float:right; border:1px solid #b2b7c7; border-top:2px solid #0b4d93; font-size:14px; overflow:hidden;}
.login_box .login_ty2 dl {height:85px; padding:15px 20px 0 80px; overflow:hidden; border-top:1px solid #b2b7c7; border-bottom:1px solid #b2b7c7; background:url("/images/org/web/isptc/sub/img_login2.png") no-repeat left center;}
.login_box .login_ty2 dl dt {margin-bottom:5px; font-size:18px; color:#042f5d; font-family:"NanumSquareB";}
.login_box .login_ty2 dl dd {color:#555; font-size:13px;}
.login_box .login_ty2 a {display:block; height:35px; margin-top:15px; line-height:35px; text-align:center; color:#fff; background:#394b61;}

/* 회원가입 */
/* 회원가입단계 */
.joinCont .memjoin_steps {width:100%; height:70px; margin-bottom:40px; overflow:hidden; font-family:'NanumSquareR'; font-size:18px;}
.joinCont .memjoin_steps ul li {position:relative; width:24%; height:70px; margin-left:1%; float:left; }
.joinCont .memjoin_steps ul li:first-child {width:25%; margin-left:0; }
.joinCont .memjoin_steps ul li.step1 { background:url('/images/org/web/isptc/sub/icon_join1_off.png') no-repeat 20px 50%;}
.joinCont .memjoin_steps ul li.step2 { background:url('/images/org/web/isptc/sub/icon_join2_off.png') no-repeat 20px 50%;}
.joinCont .memjoin_steps ul li.step3 { background:url('/images/org/web/isptc/sub/icon_join3_off.png') no-repeat 20px 50%;}
.joinCont .memjoin_steps ul li.step4 { background:url('/images/org/web/isptc/sub/icon_join4_off.png') no-repeat 20px 50%;}
.joinCont .memjoin_steps ul li.step1.on { background:url('/images/org/web/isptc/sub/icon_join1_on.png') no-repeat 20px 50% #2f8ff4;}
.joinCont .memjoin_steps ul li.step2.on { background:url('/images/org/web/isptc/sub/icon_join2_on.png') no-repeat 20px 50% #2f8ff4;}
.joinCont .memjoin_steps ul li.step3.on { background:url('/images/org/web/isptc/sub/icon_join3_on.png') no-repeat 20px 50% #2f8ff4;}
.joinCont .memjoin_steps ul li.step4.on { background:url('/images/org/web/isptc/sub/icon_join4_on.png') no-repeat 20px 50% #2f8ff4;}
.joinCont .memjoin_steps ul li span {display:block; height:53px; padding:15px 0 0 70px; border:1px solid #9298af; }
.joinCont .memjoin_steps ul li span em { display:block; opacity:0.7; font-size:12px; font-family:"돋움",Dotum; font-style:normal;}
.joinCont .memjoin_steps ul li.on span {color:#fff; border:1px solid #2f8ff4;}

/* 1:약관동의 */
.joinCont .box_agree {padding:15px; background:#f5f6f7; margin-top:10px;  border:1px solid #b2b7c7;}
.joinCont .box_agree .agrScroll {height:300px; margin-bottom:10px; padding:15px 20px; border:1px solid #b2b7c7; background:#fff; overflow-y:auto;  font-size:12px; font-family:"돋움",Dotum;}
.joinCont .box_agree .agrScroll .ruleTit{ color:#000; letter-spacing:-1px; line-height:20px; font-size:14px; font-weight:bold; font-family:"돋움",Dotum;}
.joinCont .box_agree .agrScroll ul {width:100%; padding:0 0 20px; color:#555; letter-spacing:-1px; line-height:20px;}
.joinCont .box_agree .agrScroll ul li { padding-top:10px; font-weight:600; }
.joinCont .box_agree .agrScroll ul li span{ display:block; font-weight:normal; padding-top:3px; }
.joinCont .box_agree .agrScroll ul li ol li,
.joinCont .box_agree .agrScroll ul li ul li {font-weight:normal; padding-top:0; padding-bottom:0;}
.joinCont .box_agree .agrScroll ul.fw_normal li { padding-top:5px; font-weight:normal; }
.joinCont .box_agree .agrInput{ position:relative; padding-left:22px; }
.joinCont .box_agree .agrInput label{color:#666; font-size:12px; font-family:"돋움",Dotum;}

/* 2:본인확인 */
.join2 {font-size:14px; text-align:center; overflow:hidden;}
.join2 .user_iden1 {width:45%; padding:150px 2% 30px; float:left; border:1px solid #b2b7c7; border-top:2px solid #0b4d93; background:url("/images/org/web/isptc/sub/icon_join2_1.png") no-repeat center 30px;}
.join2 .user_iden2 {width:45%; padding:150px 2% 30px; float:right; border:1px solid #b2b7c7; border-top:2px solid #0b4d93; background:url("/images/org/web/isptc/sub/icon_join2_2.png") no-repeat center 30px;}
.join2 div h3 {font-family:'NanumSquareR'; font-size:24px;}
.join2 div p.txt {margin-top:10px; font-size:15px; line-height:1.4; padding-bottom:10px; border-bottom:1px dashed #b2b7c7;}
.join2 div dl {margin-top:10px;}
.join2 div dl dt {display:inline-block; padding-left:20px; font-size:16px; background:url("/images/org/web/isptc/sub/bu_atte.png") no-repeat left 3px;}
.join2 div dl dd {font-family:'NanumSquareB'; font-size:26px; color:#0b4d93; margin-top:10px;}
.join2 div .btn_join2 a {display:block; height:40px; margin-top:15px; line-height:40px; font-size:16px; text-align:center; color:#fff; background:#394b61;}

/* 3:정보입력 */
.tbl_frm {position:relative;}
.join_frm_info {position:absolute; right:0; top:35px;}
.tbl_frm .join_table {position:relative; margin-top:5px; font-family:"NanumSquareR"; border-top:2px solid #0b4d93; font-size:14px; overflow:hidden;}
.tbl_frm .join_table table {position:relative; width:100%; border-collapse:collapse; margin-left:-1px;}
.tbl_frm .join_table {position:relative; width:100%; border-collapse:collapse; margin-left:-1px;}
.tbl_frm .join_table caption span {position:absolute; top:-9999px; overflow:hidden; height:0px; width:0px; }
.tbl_frm .join_table th {padding:13px 10px; color:#0b4d93; font-family:"NanumSquareB"; font-size:15px; border-bottom:1px solid #9298af; border-left:1px solid #9298af; background:#f7f8fc;}
.tbl_frm .join_table td {padding:10px; color:#444; border-left:1px solid #9298af; border-bottom:1px solid #9298af;}
.tbl_frm .join_table th label {display:block;}
.tbl_frm .join_table td .frm_input {height:25px; margin:1px 5px 1px 0; font-family:"Gulim"; border:1px solid #b2b7c7; vertical-align:middle; color:#444; margin-left:0; font-size:13px; }
.tbl_frm .join_table td select {height:30px; padding:2px; margin:1px 5px 1px 0; font-family:"Gulim"; border:1px solid #b2b7c7; vertical-align:middle; color:#444; margin-left:0; font-size:13px; }
.tbl_frm .join_table td a.btn_frm {line-height:20px; padding:6px 10px; color:#1e5ebc; border:1px solid #1e5ebc; background:#f7f8fc;}
.tbl_frm .join_table td a.btn_cal {padding:14px; line-height:0; vertical-align:middle; font-size:0; text-indent:-10000em; border:1px solid #1e5ebc; background:url("/images/org/web/isptc/sub/btn_cal.png") no-repeat center #f7f8fc;}

/* 4:가입완료 */
.joinCont .lastBox {padding:25px; border:1px solid #b2b7c7; border-top:2px solid #0b4d93;}
.joinCont .lastBox dl {padding-top:130px; text-align:center; background:url("/images/org/web/isptc/sub/icon_join3.png") no-repeat center top;}
.joinCont .lastBox dl dt {font-family:'NanumSquareB'; font-size:24px; color:#0b4d93;}

/* 아이디/패스워드찾기 */
.idpw_find {padding:25px; text-align:center; border:1px solid #b2b7c7; border-top:2px solid #0b4d93;}
.idpw_find h3.id_find {padding-top:120px; font-family:'NanumSquareB'; font-size:24px; color:#0b4d93; background:url("/images/org/web/isptc/sub/id_find.png") no-repeat center top;}
.idpw_find h3.pw_find {padding-top:120px; font-family:'NanumSquareB'; font-size:24px; color:#0b4d93; background:url("/images/org/web/isptc/sub/pw_find.png") no-repeat center top;}
.idpw_find p.find_choice {margin-top:20px; padding:15px; font-size:17px; line-height:24px; border-top:1px solid #b2b7c7; border-bottom:1px solid #b2b7c7; background:#f7f7f7;}
.idpw_find p.find_choice span {margin-left:10px;}
.idpw_find p.find_choice span label {margin-right:10px;}
.idpw_find p.find_choice input {width:17px; height:17px; line-height:24px; vertical-align:middle;}
.idpw_find p.find_result {margin-top:20px; padding:15px; font-size:17px; line-height:24px; border-top:1px solid #b2b7c7; border-bottom:1px solid #b2b7c7; background:#f7f7f7;}

/*사이트맵*/
.sitemap{ width:100%; overflow:hidden; }
.sitemap .sm_menu{ float:left; width:30.1%; margin:0 1.5% 20px 1.5%; }
.sitemap .sm_menu h3{padding:15px; color:#1b2d8f; font-size:16px; border-top:3px solid #0b4d93; border-bottom:1px solid #0b4d93;}
.sitemap .sm_menu ul{ padding:10px 0; }
.sitemap .sm_menu ul > li a {display:block; padding:12px 15px 12px 20px; color:#222; font-size:14px; border-bottom:1px dashed #e5e5e5; background:url("/images/org/web/isptc/sub/bu_list2.png") no-repeat 10px 18px;}
.sitemap .sm_menu ul > li a:hover{ text-decoration:underline; }
.sitemap .sm_menu ul > li > ul {padding:0; background:#f7f7f7;}
.sitemap .sm_menu ul > li > ul > li a {display:block; padding:10px 15px 10px 30px; color:#222; font-size:14px; border-bottom:1px dashed #e5e5e5; background:url("/images/org/web/isptc/sub/bu_list4.png") no-repeat 20px 18px;}
.sitemap .sm_menu ul > li > ul > li a:hover{ text-decoration:underline; }
.sitemap .sm_menu.clear_b {clear:both;}

/* 테이블 */
.table_st_box {position:relative; margin-top:5px; font-family:"NanumSquareR"; border-top:2px solid #0b4d93; font-size:14px; overflow:hidden;}
.table_st {position:relative; width:100%; border-collapse:collapse; margin-left:-1px;}
.table_st caption span {position:absolute; top:-9999px; overflow:hidden; height:0px; width:0px; }
.table_st th {padding:13px 10px; color:#0b4d93; font-family:"NanumSquareB"; font-size:15px; border-bottom:1px solid #9298af; border-left:1px solid #9298af; background:#f7f8fc;}
.table_st td {padding:10px; color:#444; border-left:1px solid #9298af; border-bottom:1px solid #9298af;}
.table_st tfoot th {padding:13px 10px; color:#222; font-family:"NanumSquareB"; font-size:14px; border-bottom:1px solid #9298af; border-left:1px solid #9298af; background:#f7f9fa;}
.table_st tfoot td {padding:13px 10px; color:#222; font-family:"NanumSquareB"; font-size:14px; border-bottom:1px solid #9298af; border-left:1px solid #9298af; background:#f7f9fa;}

/* 박스스타일 */
.box_st1 {position:relative; padding:15px 20px; border-top:1px solid #c8d1db; border-left:1px solid #c8d1db; border-bottom:1px solid #9298af; border-right:1px solid #9298af; border-radius:10px; overflow:hidden; background:#f7f9fa;}

.box_st2 {position:relative; padding:15px 20px; border-top:1px solid #c8d1db; border-left:1px solid #c8d1db; border-bottom:1px solid #9298af; border-right:1px solid #9298af; border-radius:10px; overflow:hidden; background:#fff;}

.box_st3 {position:relative; padding:5px; border-radius:10px; overflow:hidden; background:url("/images/org/web/isptc/sub/pt_diagonal.png") repeat;}
.box_st3 .box {padding:15px 20px; background:#fff;}

.box_st4 {position:relative; min-height:80px; padding:20px; border-top:1px solid #c8d1db; border-left:1px solid #c8d1db; border-bottom:1px solid #9298af; border-right:1px solid #9298af; border-radius:10px; overflow:hidden;}
.box_st_img {position:absolute; left:20px; top:20px; width:100px; text-align:center;}
.box_st_txt {padding-left:120px;}

.box_st5{position:relative; padding:5px; overflow:hidden; background:url("/images/org/web/isptc/sub/pt_diagonal.png");}
.box_st5:before {position:absolute; left:0; top:0; width:60px; height:60px; border-left:5px solid #2f71d2; border-top:5px solid #2f71d2; content:'';}
.box_st5 .box {padding:20px; background:#fff; overflow:hidden;}
.box_st5 .box:before {position:absolute; right:0; bottom:0; width:60px; height:60px; border-right:5px solid #394b61; border-bottom:5px solid #394b61; content:'';}

/* 버튼스타일 1 */
.btn_st {overflow:hidden}
.btn_st a {display:inline-block; line-height:20px; padding:8px 15px; margin:1px; text-decoration:none; font-size:14px; font-family:'NanumSquareB'; text-align:center; color:#fff; border-bottom:1px solid #343848; border-right:1px solid #343848; background:#45495b; border-radius:3px;}
.btn_st a:hover {text-decoration:underline;}
.btn_st a.blue {color:#fff; border-bottom:1px solid #1e5ebc; border-right:1px solid #1e5ebc; background:#2f71d2;}
.btn_st a.green {color:#fff; border-bottom:1px solid #3e9416; border-right:1px solid #3e9416; background:#52ae27;}

.btn_st a.line {padding:7px 15px 8px; color:#222; border:1px solid #9298af; background:#fff;}
.btn_st a.blue_l {padding:7px 15px 8px; color:#1e5ebc; border:1px solid #1e5ebc; background:#fff;}
.btn_st a.green_l {padding:7px 15px 8px; color:#42991a; border:1px solid #42991a; background:#fff;}

.btn_st a.mini {padding:2px 8px; font-family:"돋움",Dotum; font-size:12px; font-weight:bold; }

/* 버튼스타일 2 */
.btn_st2 a {display:inline-block; margin:1px; padding-right:27px; color:#333; line-height:20px; font-size:14px; font-family:'NanumSquareB'; text-align:center; border:1px solid #9298af; overflow:hidden; border-radius:3px;}
.btn_st2 a.btn_down { background:url("/images/org/web/isptc/sub/btn_down_w.png") no-repeat right center #9298af; }
.btn_st2 a.btn_down span {display:block; padding:3px 15px;  background:#fff;}
.btn_st2 .btn_link {background:url("/images/org/web/isptc/sub/btn_link_w.png") no-repeat right center #9298af;}
.btn_st2 a.btn_link span {display:block; padding:3px 15px;  background:#fff;}
.btn_st2 .btn_go {background:url("/images/org/web/isptc/sub/btn_go_w.png") no-repeat right center #9298af;}
.btn_st2 a.btn_go span {display:block; padding:3px 15px;  background:#fff;}

.btn_st2 a.btn_down_l {padding:0 0 0 19px; background:url("/images/org/web/isptc/sub/btn_down_g.png") no-repeat 3px center #fff;}
.btn_st2 a.btn_down_l span {display:block; padding:3px 15px;}
.btn_st2 .btn_link_l {padding:0 0 0 19px; background:url("/images/org/web/isptc/sub/btn_link_g.png") no-repeat 3px center #fff;}
.btn_st2 a.btn_link_l span {display:block; padding:3px 15px;}
.btn_st2 .btn_go_l {padding:0 0 0 19px; background:url("/images/org/web/isptc/sub/btn_go_g.png") no-repeat 3px center #fff;}
.btn_st2 a.btn_go_l span {display:block; padding:3px 15px;}

.btn_st2 a.mini { font-family:"돋움",Dotum; font-size:12px; font-weight:bold; }
.btn_st2 a.mini span {padding:1px 10px;}

.btn_st3 {overflow:hidden}
.btn_st3 a {display:inline-block; line-height:20px; padding:8px 30px; margin:1px; text-decoration:none; font-size:14px; font-family:'NanumSquareB'; text-align:center; color:#fff; border-bottom:1px solid #343848; border-right:1px solid #343848; background:#45495b; border-radius:3px;}
.btn_st a:hover {text-decoration:underline;}
.btn_st3 a.blue {color:#fff; border-bottom:1px solid #1e5ebc; border-right:1px solid #1e5ebc; background:#2f71d2;}
.btn_st3 a.green {color:#fff; border-bottom:1px solid #3e9416; border-right:1px solid #3e9416; background:#52ae27;}
.btn_st3 a.line {padding:7px 30px 8px; color:#222; border:1px solid #9298af; background:#fff;}
.btn_st3 a.blue_l {padding:7px 30px 8px; color:#1e5ebc; border:1px solid #1e5ebc; background:#fff;}

/* 탭스타일 */
.tab_st {overflow:hidden; padding:1px 0 0 1px; margin-bottom:20px;}
.tab_st li {float:left; margin:-1px 0 0 -1px;}
.tab_st li a {display:block; padding:13px 38px 13px 10px; line-height:20px; font-size:14px; font-family:'NanumSquareR'; text-align:center; color:#555; border:1px solid #9298af; background:url("/images/org/web/isptc/sub/tab1_off.png") no-repeat right center #fff;}
.tab_st li.on a, .tab_st li.on a:hover {color:#fff; border:1px solid #2f71d2; background:url("/images/org/web/isptc/sub/tab1_on.png") no-repeat right center #2f71d2;}
.tab_st li a:hover {color:#fff; border:1px solid #45495b; background:url("/images/org/web/isptc/sub/tab1_on.png") no-repeat right center #45495b;}

.tab_st2 {overflow:hidden; margin-bottom:20px;}
.tab_st2 li {float:left; margin:0 0 5px;}
.tab_st2 li a {display:block; padding:10px 38px 10px 10px; margin-right:5px; line-height:20px; font-size:14px; font-family:'NanumSquareR'; text-align:center; color:#555; border-top:1px solid #9298af; border-bottom:1px solid #9298af; background:url("/images/org/web/isptc/sub/tab2_off.png") no-repeat right center #fff;}
.tab_st2 li.on a, .tab_st2 li.on a:hover {color:#2f71d2; border-color:#2f71d2; background:url("/images/org/web/isptc/sub/tab2_on.png") no-repeat right center #fff;}
.tab_st2 li a:hover {color:#45495b; border-color:#45495b; background:url("/images/org/web/isptc/sub/tab2_hover.png") no-repeat right center #fff;}

.tab_st3 {overflow:hidden; margin-bottom:20px;}
.tab_st3 li {float:left; margin:0 0 5px;}
.tab_st3 li a {display:block; padding:5px 10px 5px 10px; margin-right:5px; line-height:20px; font-size:14px; font-family:'NanumSquareR'; text-align:center; color:#555; border:1px solid #9298af; border-radius:5px;}
.tab_st3 li.on a, .tab_st3 li.on a:hover {color:#2f71d2; border-color:#2f71d2; background:#fff;}
.tab_st3 li a:hover {color:#45495b; border-color:#45495b; background:#f9f9f9;}

/* 탭 사이즈별 */
.tab_li2 li {width:50%;}
.tab_li3 li {width:33.3%;}
.tab_li4 li {width:24.9%;}
.tab_li5 li {width:19.9%;}

/* 자료관리자 */
.ff_N {font-family:"Nanum";}
.ff_NB {font-family:"NanumBold";}
.ff_NSR {font-family:"NanumSquareR";}
.ff_NSB {font-family:"NanumSquareB";}

.bu_st1 {padding-left:13px; font-size:14px; line-height:1.5; font-family:"NanumSquareR"; color:#111; background:url("/images/org/web/common/sub/bu1.png") no-repeat left 5px; }
.bu_st2 {padding-left:13px; font-size:14px; line-height:1.5; font-family:"NanumSquareR"; color:#222; background:url("/images/org/web/common/sub/bu2.png") no-repeat left 5px; }
.bu_st3 {padding-left:13px; font-size:14px; line-height:1.5; font-family:"NanumSquareR"; color:#222; background:url("/images/org/web/common/sub/bu3.png") no-repeat left 9px; }
.bu_st4 {padding-left:8px; font-size:14px; line-height:1.5; font-family:"NanumSquareR"; color:#222; background:url("/images/org/web/common/sub/bu4.png") no-repeat left 8px; }

.bu_atte {padding-left:20px; font-size:13px; font-family:"NanumSquareR"; color:#222; background:url("/images/org/web/common/sub/bu_atte.png") no-repeat left 2px;}

/* 만족도조사 */
.satisfaction{ margin:35px 0; border:1px solid #e1e1e1;  background-color:#fff;  font-family:"NanumBold"}
.satisfaction .question{position:relative; color:#fff; font-size:14px; padding:13px 110px 13px 50px; background:#858a92 url('/images/org/web/common/sub/survey_icon1.png') no-repeat 20px 13px}
.satisfaction .question_link{position:absolute; right:20px; top:8px; font-size:14px; line-height:16px; color:#fff; padding:5px 10px 5px 32px; border:1px solid #b2bac0; background:url('/images/org/web/common/sub/survey_icon2.png') no-repeat 10px center}
.satisfaction .satisfaction_list{padding:16px 20px; overflow:hidden; font-family:"Nanum"; font-size:13px}
.satisfaction .satisfaction_list label {vertical-align:middle}
.satisfaction_list input {font-size:inherit; font-family:inherit; color:inherit; line-height:24px; padding:1px 5px; border:solid 1px #dedede; vertical-align:middle}
.satisfaction .satisfaction_list .input_radio{display:block; width:52%; line-height:24px; float:left}
.satisfaction .satisfaction_list .input_radio span{display:inline-block; margin-right:5%}
.satisfaction .satisfaction_list label{display:inline-block; margin-right:15px; :0; color:#535252}
.satisfaction .satisfaction_list .opinion{width:48%; display:block; float:left; text-align:right}
.satisfaction .satisfaction_list .opinion input[type="text"]{width:60%; border:1px solid #e1e1e1}
.satisfaction .satisfaction_list .opinion input[type="button"]{width:20%; border:1px solid #454f5f; background-color:#454f5f; color:#fff; font-family:"NanumBold"}
.satisfaction .admin_info{position:relative; border-top:1px solid #e1e1e1; font-family:"Nanum"; font-size:13px}
.satisfaction .admin_info h3 {position:absolute; top:10px; left:20px; height:25px; color:#333; line-height:20px; background:url('/images/org/web/common/sub/survey_arrow.png') no-repeat 85px 8px; padding-right:10px;}
.satisfaction .admin_info ul{margin-left:120px; line-height:25px; padding:7px 0; border-left:1px solid #e1e1e1}
.satisfaction .admin_info ul li{float:left; margin-left:25px; padding-left:10px; background:url('/images/org/web/common/sub/survey_dot.png') no-repeat left 50%}
.satisfaction .admin_info ul li a{color:#333}
.satisfaction .admin_info ul li span{ float:left;  font-family:"NanumBold"; color:#1c55cc; margin:0 10px 0 0; padding-right:8px; background:url('/images/org/web/common/sub/survey_line.gif') no-repeat right 50% }

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

/* 01. 수련원소개 ***********************************************************************************************************************************************************************************/
/* 연혁 */
.history_box {background-position:150px top;}
.history_list {padding:0 0 0 150px;}
.history_list ol li dl dt {width:18%;}
.history_list ol li dl dd {width:80%;}

/*마산용마고등학교 연혁*/
.history_wrap2 {overflow-x: auto;overflow-y: hidden;width: 100%;}
.history_box2:before{width:1200px;left: 0;transform: translate(0,-50%);}
.history_wrap2 .history_box2 ol {width:1200px;}
}

@media screen and (max-width :1019px) {
	/* 01. 수련원소개 ***********************************************************************************************************************************************************************************/
	/* 연혁 */
	.history_wrap {background:none;}
	.history_list ol li dl dt {width:25%;}
	.history_list ol li dl dd {width:72%;}

	/* 02. 수련원 안내 ***********************************************************************************************************************************************************************************/
	/* 객실배치도 170816 */
	.layout_dra {width:100%; -webkit-box-sizing:border-box; , -moz-box-sizing:border-box; box-sizing:border-box; overflow-x:auto;}
	.layout_dra img {width:721px; padding:0 20px;}
	
	/* 03. 이용안내 ***********************************************************************************************************************************************************************************/
	/* 객실예약 */
	.cal_table {overflow-x:auto;}
	.cal_table table {position:relative; width:800px; border-collapse:collapse; margin-left:-1px;}
	
	/* 예약신청 조회 */
	.rese_check_top {padding:10px 15px; border-top:2px solid #0b4d93; border-bottom:1px solid #b2b7c7;  text-align:right; background:#f7f7f7;}
	.rese_check_list {display:none;}
	.rese_check_list_tm {display:block; width:102%; margin-left:-2%; overflow:hidden;}
	.rese_check_list_tm > ul > li {width:48%; margin:15px 0 0 2%; float:left; padding-bottom:10px; line-height:24px; border:1px solid #b2b7c7; border-radius:10px; overflow:hidden; -webkit-box-sizing:border-box; , -moz-box-sizing:border-box; box-sizing:border-box;}
	.rese_check_list_tm > ul li h4 {padding:10px 15px; font-size:16px; background:#f7f7f7; border-bottom:1px solid #b2b7c7;}
	.rese_check_list_tm ul li ul {padding:10px 15px; }
	.rese_check_list_tm ul li ul li {position:relative; width:100%; float:none;}
	.rese_check_list_tm ul li ul li span {display:inline-block; width:75px; padding-left:15px; margin-right:10px; background:url("/images/org/web/isptc/sub/bu1.png") no-repeat left center; }

	/* 04. 신청하기 170823 ***********************************************************************************************************************************************************************************/
	/* 신청안내 */
	.request li {width:100%; float:none; margin:0 0 15px 0;}
	
	/* 07. 기타 ***********************************************************************************************************************************************************************************/
	/* 로그인 */
	.login_box .tab_st {display:none; }
	.login_box .login_ty1 {width:90%; padding:20px 5% 30px; float:none;}
	.login_box .login_ty2 {display:none; }
	.login_box .login_ty1 input.btn_login {right:5%;}

	/* 회원가입 */
	/* 회원가입단계 */
	.joinCont .memjoin_steps {height:auto; margin-bottom:20px;}
	.joinCont .memjoin_steps ul li {width:49%; margin:0 0 2px 1%;}
	.joinCont .memjoin_steps ul li:nth-child(odd) {width:50%; margin-left:0;}

	/*사이트맵*/
	.sitemap .sm_menu{ float:left; width:47%; margin:20px 0 0 6%; }
	.sitemap .sm_menu.clear_b {clear:none;}
	.sitemap .sm_menu:nth-child(odd) {margin:20px 0 0 0; clear:both;}



}

@media all and (max-width:768px){
	
	/* 만족도조사 */
	.satisfaction {margin:2% 0;}
	.satisfaction .question { padding-right:20px}
	.satisfaction .question_link { position:relative; width:55px; top:0; right:0; display:block; margin-top:10px}
	.satisfaction .satisfaction_list .input_radio,.satisfaction .satisfaction_list .opinion{float:none; width:100%; margin:0 0 5px 0; text-align:left}
	.satisfaction .satisfaction_list .opinion input[type="text"]{width:80%; box-sizing:border-box}
	.satisfaction .satisfaction_list .opinion input[type="button"]{width:100%; box-sizing:border-box; margin-top:5px}
	.satisfaction .admin_info { padding:20px}
	.satisfaction .admin_info h3 { position:relative; top:0; left:0; padding-right:0; border-bottom:1px solid #e1e1e1}
	.satisfaction .admin_info ul{margin-left:0; padding-bottom:0; border-left:0}
	.satisfaction .admin_info ul li{float:none; margin-left:0}
}


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

	/* 01. 수련원소개 ***********************************************************************************************************************************************************************************/

	/* 인사말 */
	.greeting {padding:280px 0 0 0; background:url("/images/org/web/isptc/sub/img_greeting1.jpg") no-repeat center top; background-size:280px auto;}

	/* 연혁 */
	.history_list ol li dl dt {width:30%;}
	.history_list ol li dl dd {width:68%;}

	/* 02. 수련원 안내 ***********************************************************************************************************************************************************************************/
	/* 주변관광안내 */
	.s_tour {min-height:auto; padding:190px 0 20px 0;}
	.s_tour .tour_img {left:50%; top:20px; width:250px; margin-left:-135px; }


	/* 03. 이용안내 ***********************************************************************************************************************************************************************************/
	/* 예약신청 조회 */
	.rese_check_list_tm {width:100%; margin-left:0;}
	.rese_check_list_tm > ul > li {width:100%; float:none; margin:15px 0 0 0;}


	/* 07. 기타 ***********************************************************************************************************************************************************************************/
	/* 회원가입 */
	/* 2:본인확인 */
	.join2 {font-size:14px; text-align:center; overflow:hidden;}
	.join2 .user_iden1 {width:80%; padding:150px 10% 30px; float:none; }
	.join2 .user_iden2 {width:80%; margin-top:20px; padding:150px 10% 30px; float:none;}

	/* 3:정보입력 */
	.join_frm_info {position:relative; right:auto; top:auto; margin-top:5px;}
	.tbl_frm .join_table td .w20 {width:20%;}


	

}



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

	/* 01. 수련원소개 ***********************************************************************************************************************************************************************************/
	/* 연혁 */
	.history_box {background-position:left top;}
	.history_list {padding:0 0 0 0;}
	.history_list h3 {position:relative; left:auto; top:auto; display:inline-block; line-height:40px; font-size:24px; color:#0b4d93; padding:0 15px 7px 15px; color:#fff; background:url("/images/org/web/isptc/sub/bg_history_t.jpg") no-repeat left bottom #0b4d93;}
	.history_list h3 br {display:none;}
	.history_list ol li dl dt {width:28%;}
	.history_list ol li dl dd {width:70%;}
	
	/* 07. 기타 ***********************************************************************************************************************************************************************************/
	/* 로그인 */
	.login_top {height:90px; padding:10px 0 30px 120px;}
	.login_box .login_ty1 dl {width:100%;}
	.login_box .login_ty1 dl dd input {width:90%;}
	.login_box .login_ty1 input.btn_login {position:relative; right:auto; top:auto; width:100%; height:40px; margin-top:5px; font-size:18px;}


}



@media screen and (max-width :490px) {
	/* 01. 수련원소개 ***********************************************************************************************************************************************************************************/
	/* 연혁 */
	.history_list ol li dl dt {width:35%;}
	.history_list ol li dl dd {width:63%;}

	/* 07. 기타 ***********************************************************************************************************************************************************************************/
	/* 회원가입 */
	/* 회원가입단계 */
	.joinCont .memjoin_steps ul li.step1, .joinCont .memjoin_steps ul li.step2, .joinCont .memjoin_steps ul li.step3, .joinCont .memjoin_steps ul li.step4 {background:none;}
	.joinCont .memjoin_steps ul li.step1.on, .joinCont .memjoin_steps ul li.step2.on, .joinCont .memjoin_steps ul li.step3.on, .joinCont .memjoin_steps ul li.step4.on {background-image:none;}
	.joinCont .memjoin_steps ul li span {padding:15px 0 0 0; text-align:center;}

	/* 3:정보입력 */
	.join_frm_info {position:relative; right:auto; top:auto; margin-top:5px;}
	.tbl_frm .join_table td .frm_input {width:95%;}
	.tbl_frm .join_table td .w20 {width:20%;}
	.tbl_frm .join_table td .w50 {width:50%;}
	.tbl_frm .join_table td a.btn_frm {display:inline-block; }
	.tbl_frm .join_table td a.btn_cal {display:inline-block; }




}



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

	

}