@charset "utf-8";
::-moz-selection {
   background-color: #192a3e;
   color: #fff;
}
::selection {
    background-color: #192a3e;
    color: #fff;
}
#bodyall {position: absolute;width: 100%}

@media (max-width:767px) {/* 최소 ~ 최대 720 */
	body {font-size:15px;margin: 0;padding: 0;background:#fff;letter-spacing: -.03em;font-weight: 400;}
	
	header {background: #fff;height:60px;position: fixed;top:0;width: 100%;z-index: 1;border-bottom: 1px solid #eee}
	footer {font-size: .85em;padding: 20px 5px;position: relative;width: 98%;margin: 10px auto;border-top:1px solid #dfdfdf}
	
	#wrap {width:98%;margin: 0 auto;position: relative;}
	#leftarea {display: none}
	#rightarea {margin-top:75px}
	
	.mlogo {width:170px;margin: 13px auto}
	.mlogo img {max-width: 100%}
	.loginbox {border: 1px solid #d7d7d7;padding: 40px 25px;}
	
	#gnb {display: none}
	.moblie_gnb li {padding: 10px 0;cursor: pointer}
	.moblie_gnb li:hover {font-weight: 500}
	.sublist {font-size: .7em;font-weight: 400 !important;}
	.sublist li {padding: 12px !important;border-bottom: 1px solid #dfdfdf}
	.sublist li:hover {background: #2c67c0 !important;color:#fff}
	
	.login_intput {background: #192a3e;font-size:.9em;padding: 10px !important;color: #cccccc;border-radius: 5px}
	.login_btn {width: 100%;border-radius: 0;font-size: .9em;padding: 15px;background: #0463b6;color: #fff}
	.login_btn:hover {background: #0a528f;color: #fff}
	
	.quicklist {border: 1px solid #d7d7d7;margin-top: 15px}
	.quicklist ul li {position: relative;padding: 20px 30px;border-bottom: 1px solid #d7d7d7;cursor: pointer}
	.quicklist ul li:last-child {position: relative;border-bottom: 0}
	.quicklist_title {font-size: 1.1em;line-height: 1.8em;font-weight: 500;margin: 0 !important}
	.quicklist_subtext {font-size:.85em;line-height: 1.5em;margin: 0 !important}
	.quick_icon {position: absolute;right: 20px;top:15px}
	.quick_icon img {width: 60px}
	
	.contact {margin-top: 15px;background: url('../../images/main/contact.jpg') no-repeat;background-size: cover;background-position: center bottom;padding: 40px 30px;color: #fff;height: 240px;}
	
	#recruit {height: 290px;padding: 0 0 15px 0;color: #fff}
	.recruit_box {background: url('../../images/main/recruit.jpg') no-repeat;background-size: cover;height: 100%;padding: 25px 30px}
	#notice {height: 290px;padding: 0;}
	.notice_box {background: url('../../images/main/notice.jpg') no-repeat;background-size: cover;height: 100%;padding: 25px 30px;border: 1px solid #d7d7d7}
	
	#calendar {overflow: hidden;margin-top: 15px;padding: 0;border: 1px solid #d7d7d7;}
	
	.box_subject {font-size: 1.8em;font-weight: 400;letter-spacing: -.05em}
	.box_subtext {font-size: .9em}
	
	.calendar-a {width: 100%;background: #192a3e;color: #fff;height: 280px;padding: 20px;position: relative}
	.calendar-c {width: 100%;padding: 20px}
	.calendar-a:after 
	{
		content: '';
		position: absolute;
		border-style: solid;
		border-width: 14px 25px 0;
		border-color: #192a3e transparent;
		display: block;
		width: 0;
		z-index: 0;
		top: 280px;
		left: 45%;
	}
	
	#banner {margin-top: 15px;padding: 0;border: 1px solid #d7d7d7;}
	#banner img {max-width: 100%}
	#familysite {margin-top: 15px;padding: 10px 5px;border: 1px solid #d7d7d7;}
	#familysite ul li {width: 50%;text-align: center;padding: 5px 0}
	#familysite ul li:nth-child(1) {display: none}
	
	.footer_info {font-size: .9em;line-height: 1.8em}
	.footer_banner {margin-bottom:10px}
	
	.mobile_quick {position: relative;}
	
	#subwrap {padding: 0 10px;overflow: hidden}
	.pagebody_padding {padding: 30px 0px}
	.pagebody_padding2 {padding: 30px 15px}
	
	.subnav {border: 1px solid #d7d7d7;margin-top: 15px}
	.subnav ul li {position: relative;padding: 15px 0;border-bottom: 1px solid #d7d7d7;cursor: pointer;text-align: center;font-weight: 400}
	.subnav ul li:last-child {position: relative;border-bottom: 0}
	.subnav ul li:hover {background: #d7d7d7}
	
	.pagetitle {overflow: hidden;position: relative}
	.pagenav {font-size: .9em;color: #8a8a8a;padding-left: 5px }
	.pagenav ul li {padding: 0 2px}
	.pagenav .active {font-weight: 500}
	.pagebody {overflow: hidden;position: relative;margin-top: 20px}
	
	.board_subject {background: #e1e6eb;font-size: 1.3em;padding: 15px;position: relative}
	.board_date {font-size: .55em;margin-top:10px;color: #8e8e8e}
	.board_date strong {color: #557692}
	.board_contents {padding: 10px;}
	.borard_next {margin-top: 20px}
	.borard_next ul li {padding: 10px;border-bottom: 1px solid #c5c5c5}
	.borard_next ul li strong {margin-right: 10px}
	
	.filelist {font-size: 0;border-bottom: 1px solid #c5c5c5}
	.filelist li {padding: 5px 10px;width:100%;font-size: 14px}
	.filelist li div {border: 1px solid #d6d6d6;padding: 15px;color: #7f7f7f;cursor: pointer;overflow: hidden}
	.filelist li div i {color: #4c83e3;margin-right: 10px}
	
	.cafelist {font-size: 0;border-bottom: 1px solid #c5c5c5}
	.cafelist li {padding: 10px;width:100%;font-size: 14px}
	.cafelist li .cafetext {border: 1px solid #d6d6d6;color: #7f7f7f;overflow: hidden;position: relative;height: 50px;display: table;width: 100%}
	.addcafe {position: absolute;right: 15px;top:9px;border: 0 !important;font-size: 1.5em;cursor: pointer;}
	.addcafe i:hover {color: #efa500}
	.mycafe {position: absolute;right: 15px;top:9px;border: 0 !important;font-size: 1.5em;cursor: pointer;color: #efa500}
	
	.hj02_sub li:hover {font-weight: 500;background: #fff !important;color: #5b5b5b}
	.hj03_sub li:hover {font-weight: 500;background: #fff !important;color: #5b5b5b}
	.hj04_sub li:hover {font-weight: 500;background: #fff !important;color: #5b5b5b}
	
	.faqlist li {padding: 15px 15px;border: 1px solid #e1e1e1;margin: 3px auto;position: relative}
	.faqlist li:hover {background: #ebeff2}
	.faqlist .active {border: 4px solid #3d3d3d;font-size: 1.1em;font-weight: bold}
	.faqlist .active:hover {background: #fff}
	.faqbody {margin-top:20px;font-size: .8em;font-weight: 400 !important;display: none}
	.faqrow i {position: absolute;right: 10px;top:18px}
	
	.ullist01 li {padding-bottom: 25px}
	
	.sh03_inline {font-size: 0}
	.sh03_inline li {font-size: 13px;width: 50%;text-align: center;vertical-align: top;margin-bottom: 30px}
	.sh03_inline li img{width: 60%;}
	
	.hj01_text {text-align: justify;color: #c0e2ff;font-size: 1.25em;line-height: 1.7em;position: absolute;top:180px;right:30px}
	.hj01list li {padding: 0; padding-right: 20px;  font-size: .85em}
	
	.pc_view {display: none}
	.mo_view {display: block}
	
	.notice_cate {font-size: 0;margin: 0 auto;}
	.notice_cate li {font-size: 14px;padding: 10px 10px 0 10px;text-align: left;cursor: pointer;font-weight: 400}
	#notice_list {margin-top: 10px}
	#notice_list ul li {font-size: .9em;cursor: pointer;padding: 4px 0;cursor: pointer;position: relative}
	
	.recruit_cate {font-size: 0;margin: 0 auto;}
	.recruit_cate li {font-size: 14px;padding: 10px 10px 0 10px;text-align: left;cursor: pointer;font-weight: 400}
	#recruit_list {margin-top: 10px}
	#recruit_list ul li {font-size: .9em;cursor: pointer;padding: 4px 0;cursor: pointer;position: relative}

	.wrap2 {
		width: 100%;
		margin: 0 auto;
	}
	.btn-holder {
		text-align: center;
		margin: 10px 0 10px 0;
		font-weight: 500px;
		font-size:1.3em
	}
	.calendar table {
		border-collapse: collapse;
		text-align: center;
	}
	.calendar table thead td {
		height: 20px;
		font-weight: bold;
	}	
	.calendar table td {
		border: 0;
	}
	.calendar table td.date-cell {
		padding: 8px 0;
		font-size:.8em;
	}
	.calendar table td.sun {
		color: red;
	}
	.calendar table td.sat {
		color: blue;
	}
	.calendar table td.not-this-month {
		background: #f1f1f1;
		color: #999;
	}
} 

@media (min-width:768px) and (max-width:1199px) {/* 최소 768 ~ 1199 ---------------------------------------------------------------------- */
	body {font-size:15px;margin: 0;padding: 0;background:#fff;letter-spacing: -.03em;font-weight: 400;}
	
	header {background: #192a3e;height:90px;color: #fff;text-align: right;z-index: 0;position: fixed;width: 100%;z-index: 5}
	footer {font-size: .85em;padding: 20px 0;position: relative;width: 94%;margin: 10px auto;border-top:1px solid #dfdfdf}
	
	#wrap {width:94%;margin: 0 auto;position: relative;}
	#leftarea {width: 240px;top:0px;left:3%;position: fixed;z-index: 99;background: #fff}
	#rightarea {margin-top:90px;margin-left: 240px;padding: 15px 0 0 15px;z-index: 0;min-height: 700px}

	
	.logo img {max-width: 100%}
	.loginbox {border: 1px solid #d7d7d7;padding: 40px 25px;}
	
	#gnb {position: absolute;top:35px;right:0px;font-size: 1em;font-weight: 400}
	#gnb ul li {margin: 0 10px;cursor: pointer}
	
	.login_intput {background: #192a3e;font-size:.9em;padding: 10px !important;color: #cccccc;border-radius: 5px}
	.login_btn {width: 100%;border-radius: 0;font-size: .9em;padding: 10px;background: #0463b6;color: #fff}
	.login_btn:hover {background: #0a528f;color: #fff}
	
	.quicklist {border: 1px solid #d7d7d7;margin-top: 15px}
	.quicklist ul li {position: relative;padding: 20px 30px;border-bottom: 1px solid #d7d7d7;cursor: pointer}
	.quicklist ul li:last-child {position: relative;border-bottom: 0}
	.quicklist_title {font-size: 1.1em;line-height: 1.8em;font-weight: 500;margin: 0 !important}
	.quicklist_subtext {font-size:.85em;line-height: 1.5em;margin: 0 !important}
	.quick_icon {position: absolute;right: 20px;top:15px}
	.quick_icon img {width: 60px}
	
	.contact {margin-top: 15px;background: url('../../images/main/contact.jpg') no-repeat;background-size: cover;padding: 40px 30px;color: #fff;height: 240px}
	
	#recruit {height: 300px;padding: 0 0 15px 0;color: #fff}
	.recruit_box {background: url('../../images/main/recruit.jpg') no-repeat;background-size: cover;height: 100%;padding: 25px 30px}
	#notice {height: 300px;padding: 0;}
	.notice_box {background: url('../../images/main/notice.jpg') no-repeat;background-size: cover;height: 100%;padding: 25px 30px;border: 1px solid #d7d7d7}
	
	#calendar {height: 710px;overflow: hidden;margin-top: 15px;padding: 0;border: 1px solid #d7d7d7;}
	
	.box_subject {font-size: 1.8em;font-weight: 400;letter-spacing: -.05em}
	.box_subtext {font-size: .9em}
	
	.calendar-a {width: 100%;background: #192a3e;color: #fff;height: 300px;padding: 20px;position: relative}
	.calendar-c {width: 100%;padding: 20px}
	.calendar-a:after 
	{
		content: '';
		position: absolute;
		border-style: solid;
		border-width: 14px 25px 0;
		border-color: #192a3e transparent;
		display: block;
		width: 0;
		z-index: 1;
		top: 300PX;
		left: 45%;
	}
	
	#banner {margin-top: 15px;padding: 0;border: 1px solid #d7d7d7;}
	#banner img {max-width: 100%}
	#familysite {margin-top: 15px;padding: 20px 20px;border: 1px solid #d7d7d7;}
	#familysite ul li {width: 20%}
	
	.footer_info {font-size: .9em;line-height: 1.8em}
	.footer_banner {position: absolute;right:10px;top:20px}
	
	.mgnbmask {display: none}
	
	#subwrap {padding: 0 10px;overflow: hidden}
	.pagebody_padding {padding: 30px 5px}
	.pagebody_padding2 {padding: 30px 25px}
	
	.subnav {margin-top: 15px;border-top: 1px solid #d7d7d7;}
	.subnav ul li {position: relative;padding: 20px 0;border-bottom: 1px solid #d7d7d7;cursor: pointer;text-align: center;font-weight: 400}
	.subnav ul li:hover {background: #ebeff2}
	
	.pagetitle {overflow: hidden;position: relative}
	.pagenav {position: absolute;right:0;bottom:0px;font-size: .9em;color: #8a8a8a}
	.pagenav ul li {padding: 0 2px}
	.pagenav .active {font-weight: 500}
	.pagebody {overflow: hidden;position: relative;margin-top: 20px}
	
	.board_subject {background: #e1e6eb;font-size: 1.3em;padding: 15px;position: relative;padding-right: 130px}
	.board_date {font-size: .65em;position: absolute;right: 15px;top:20px;color: #8e8e8e}
	.board_date strong {color: #557692}
	.board_contents {padding: 20px;}
	.borard_next {margin-top: 20px}
	.borard_next ul li {padding: 10px;border-bottom: 1px solid #c5c5c5}
	.borard_next ul li strong {margin-right: 10px}
	
	.filelist {font-size: 0;border-bottom: 1px solid #c5c5c5}
	.filelist li {padding: 10px;width:50%;font-size: 14px}
	.filelist li div {border: 1px solid #d6d6d6;padding: 15px;color: #7f7f7f;cursor: pointer;overflow: hidden}
	.filelist li div i {color: #4c83e3;margin-right: 10px}
	
	.cafelist {font-size: 0;border-bottom: 1px solid #c5c5c5}
	.cafelist li {padding: 10px;width:50%;font-size: 14px}
	.cafelist li .cafetext {border: 1px solid #d6d6d6;color: #7f7f7f;overflow: hidden;position: relative;height: 50px;display: table;width: 100%}
	.addcafe {position: absolute;right: 15px;top:9px;border: 0 !important;font-size: 1.5em;cursor: pointer;}
	.addcafe i:hover {color: #efa500}
	.mycafe {position: absolute;right: 15px;top:9px;border: 0 !important;font-size: 1.5em;cursor: pointer;color: #efa500}
	
	.hj02_sub li:hover {font-weight: 500;background: #fff !important;color: #5b5b5b}
	.hj03_sub li:hover {font-weight: 500;background: #fff !important;color: #5b5b5b}
	.hj04_sub li:hover {font-weight: 500;background: #fff !important;color: #5b5b5b}
	
	.faqlist li {padding: 20px 25px;border: 1px solid #e1e1e1;margin: 3px auto;position: relative}
	.faqlist li:hover {background: #ebeff2}
	.faqlist .active {border: 4px solid #3d3d3d;font-size: 1.1em;font-weight: bold}
	.faqlist .active:hover {background: #fff}
	.faqbody {margin-top:20px;font-size: .8em;font-weight: 400 !important;display: none}
	.faqrow i {position: absolute;right: 25px;top:25px}
	
	.ullist01 li {padding-bottom: 25px}
	
	.pc_view {display: none}
	.mo_view {display: block}
	
	.sh03_inline {font-size: 0}
	.sh03_inline li {font-size: 13px;width: 50%;text-align: center;vertical-align: top;margin-bottom: 30px}
	.sh03_inline li img{width: 60%;}
	
	.hj01_text {text-align: justify;color: #c0e2ff;font-size: 1.25em;line-height: 1.7em;position: absolute;top:180px;right:30px}
	.hj01list li {padding: 0; padding-right: 20px; font-size: .85em}
	
	.notice_cate {font-size: 0;margin: 0 auto;}
	.notice_cate li {font-size: 14px;padding: 10px 10px 0 10px;text-align: left;cursor: pointer;font-weight: 400}
	#notice_list {margin-top: 10px}
	#notice_list ul li {font-size: .9em;cursor: pointer;padding: 4px 0;cursor: pointer;position: relative}
	
	.recruit_cate {font-size: 0;margin: 0 auto;}
	.recruit_cate li {font-size: 14px;padding: 10px 10px 0 10px;text-align: left;cursor: pointer;font-weight: 400}
	#recruit_list {margin-top: 10px}
	#recruit_list ul li {font-size: .9em;cursor: pointer;padding: 4px 0;cursor: pointer;position: relative}

	.wrap2 {
		width: 100%;
		margin: 0 auto;
	}
	.btn-holder {
		text-align: center;
		margin: 10px 0 10px 0;
		font-weight: 500px;
		font-size:1.3em
	}
	.calendar table {
		border-collapse: collapse;
		text-align: center;
	}
	.calendar table thead td {
		height: 20px;
		font-weight: bold;
	}	
	.calendar table td {
		border: 0;
	}
	.calendar table td.date-cell {
		padding: 8px 0;
		font-size:.8em;
	}
	.calendar table td.sun {
		color: red;
	}
	.calendar table td.sat {
		color: blue;
	}
	.calendar table td.not-this-month {
		background: #f1f1f1;
		color: #999;
	}
}

@media (min-width:1200px) {/* 최소 1024 ~ 최대 ------------------------------------------------------------------------------------------------------- */
	body {font-size:15px;margin: 0;padding: 0;background:#fff;letter-spacing: -.03em;font-weight: 400; }
	
	header {background: #192a3e;height:90px;color: #fff;text-align: right;z-index: 0}
	footer {font-size: .85em;padding: 20px 10px;position: relative;width: 1200px;margin: 10px auto;border-top:1px solid #dfdfdf}
	
	#wrap {width:1200px;margin: 0 auto;position: relative;}
	#leftarea {width: 334px;top:-90px;left:0;position: absolute;z-index: 99;background: #fff}
	#rightarea {margin-left: 334px;padding: 15px 0 0 15px;min-height: 800px}
	
	.logo img {max-width: 100%}
	.loginbox {border: 1px solid #d7d7d7;padding: 50px 45px;}
	
	#gnb {position: absolute;top:35px;right:15px;font-size: 1.2em;font-weight: 400}
	#gnb ul li {margin: 0 15px;cursor: pointer}
	
	.login_intput {background: #192a3e;font-size:.9em;padding: 10px !important;color: #cccccc;border-radius: 5px}
	.login_btn {width: 100%;border-radius: 0;font-size: .9em;padding: 10px;background: #0463b6;color: #fff}
	.login_btn:hover {background: #0a528f;color: #fff}
	
	.quicklist {border: 1px solid #d7d7d7;margin-top: 15px}
	.quicklist ul li {position: relative;padding: 34px 30px;border-bottom: 1px solid #d7d7d7;cursor: pointer}
	.quicklist ul li:last-child {position: relative;border-bottom: 0}
	.quicklist_title {font-size: 1.1em;line-height: 1.8em;font-weight: 500;margin: 0 !important}
	.quicklist_subtext {font-size:.85em;line-height: 1.5em;margin: 0 !important}
	.quick_icon {position: absolute;right: 20px;top:15px}
	.quick_icon img {width: 60px;padding: 14px 0px}
	
	.contact {margin-top: 15px;background: url('../../images/main/contact.jpg') no-repeat;background-size: cover;height: 100%;padding: 40px 30px;color: #fff;height: 270px}
	
	#recruit {float:left;height: 280px;padding: 0 7px 0 0;color: #fff;width: 50%}
	.recruit_box {background: url('../../images/main/recruit.jpg') no-repeat;background-size: cover;height: 100%;padding: 25px 30px}
	#notice {float:left;height: 280px;padding: 0 0 0 7px;width: 50%}
	.notice_box {background: url('../../images/main/notice.jpg') no-repeat;background-size: cover;height: 100%;padding: 25px 30px;border: 1px solid #d7d7d7}
	
	#calendar {height: 270px;overflow: hidden;margin-top: 15px;padding: 0;border: 1px solid #d7d7d7;}
	
	.box_subject {font-size: 1.8em;font-weight: 400;letter-spacing: -.05em}
	.box_subtext {font-size: .9em}
	
	.calendar-a {position: relative;width:419px;background: #192a3e;color: #fff;float: left;height: 100%;padding: 10px}
	.calendar-c {width:419px;float: left;padding: 0px 0px 10px 20px}
	.calendar-a:after 
	{
		content: '';
		position: absolute;
		border-style: solid;
		border-width: 25px 0 25px 14px;
		border-color: transparent #192a3e;
		display: block;
		width: 0;
		z-index: 1;
		right: -14px;
		top: 110px;
	}
	
	#banner {margin-top: 15px;padding: 0;border: 1px solid #d7d7d7;}
	#banner img {max-width: 100%}
	#familysite {margin-top: 15px;padding: 20px 20px;border: 1px solid #d7d7d7;}
	#familysite ul li {width: 20%}
	
	.footer_info {font-size: .9em;line-height: 1.8em}
	.footer_banner {position: absolute;right:10px;top:20px}
	
	.mgnbmask {display: none}
	
	#subwrap {padding: 0 30px;overflow: hidden}
	.pagebody_padding {padding: 40px}
	.pagebody_padding2 {padding: 40px}

	
	.subnav {margin-top: 15px;border-top: 1px solid #d7d7d7;}
	.subnav ul li {position: relative;padding: 20px 0;border-bottom: 1px solid #d7d7d7;cursor: pointer;text-align: center;font-weight: 400}
	.subnav ul li:hover {background: #ebeff2}
	
	.pagetitle {overflow: hidden;position: relative}
	.pagenav {position: absolute;right:0;bottom:0px;font-size: .9em;color: #8a8a8a}
	.pagenav ul li {padding: 0 2px}
	.pagenav .active {font-weight: 500}
	.pagebody {overflow: hidden;position: relative;margin-top: 20px}
	
	.board_subject {background: #e1e6eb;font-size: 1.3em;padding: 15px;position: relative;padding-right: 130px}
	.board_date {font-size: .65em;position: absolute;right: 15px;top:20px;color: #8e8e8e}
	.board_date strong {color: #557692}
	.board_contents {padding: 20px;}
	.borard_next {margin-top: 20px}
	.borard_next ul li {padding: 10px;border-bottom: 1px solid #c5c5c5}
	.borard_next ul li strong {margin-right: 10px}
	
	.filelist {font-size: 0;border-bottom: 1px solid #c5c5c5}
	.filelist li {padding: 10px;width:50%;font-size: 14px}
	.filelist li div {border: 1px solid #d6d6d6;padding: 15px;color: #7f7f7f;cursor: pointer;overflow: hidden}
	.filelist li div i {color: #4c83e3;margin-right: 10px}
	
	.cafelist {font-size: 0;border-bottom: 1px solid #c5c5c5}
	.cafelist li {padding: 10px;width:50%;font-size: 14px}
	.cafelist li .cafetext {border: 1px solid #d6d6d6;color: #7f7f7f;overflow: hidden;position: relative;height: 50px;display: table;width: 100%}
	.addcafe {position: absolute;right: 15px;top:9px;border: 0 !important;font-size: 1.5em;cursor: pointer;}
	.addcafe i:hover {color: #efa500}
	.mycafe {position: absolute;right: 15px;top:9px;border: 0 !important;font-size: 1.5em;cursor: pointer;color: #efa500}
	
	.hj02_sub li:hover {font-weight: 500;background: #fff !important;color: #5b5b5b}
	.hj03_sub li:hover {font-weight: 500;background: #fff !important;color: #5b5b5b}
	.hj04_sub li:hover {font-weight: 500;background: #fff !important;color: #5b5b5b}
	
	.faqlist li {padding: 20px 25px;border: 1px solid #e1e1e1;margin: 3px auto;position: relative}
	.faqlist li:hover {background: #ebeff2}
	.faqlist .active {border: 4px solid #3d3d3d;font-size: 1.1em;font-weight: bold}
	.faqlist .active:hover {background: #fff}
	.faqbody {margin-top:20px;font-size: .8em;font-weight: 400 !important;display: none}
	.faqrow i {position: absolute;right: 25px;top:25px}
	
	.ullist01 li {padding-bottom: 25px}
	
	.pc_view {display: block}
	.mo_view {display: none}
	
	.sh03_inline {font-size: 0}
	.sh03_inline li {font-size: 13px;width: 25%;text-align: center;vertical-align: top}
	.sh03_inline li img{width: 60%;}
	
	.hj01_text {text-align: justify;color: #c0e2ff;font-size: 1.25em;line-height: 1.7em;position: absolute;top:180px;right:90px}
	.hj01list li {padding: 0; padding-right: 20px; font-size: .85em}
	
	
	.re01_text {text-align: center; color: #c0e2ff;font-size: 1.25em; line-height: 1.7em;}
	
	.ss01_text {text-align: center;color: #c0e2ff;font-size: 1.25em;line-height: 1.7em;}
	
	.notice_cate {font-size: 0;margin: 0 auto;}
	.notice_cate li {font-size: 14px;padding: 10px 10px 0 10px;text-align: left;cursor: pointer;font-weight: 400}
	#notice_list {margin-top: 10px}
	#notice_list ul li {font-size: .9em;cursor: pointer;padding: 4px 0;cursor: pointer;position: relative}
	
	.recruit_cate {font-size: 0;margin: 0 auto;}
	.recruit_cate li {font-size: 14px;padding: 10px 10px 0 10px;text-align: left;cursor: pointer;font-weight: 400}
	#recruit_list {margin-top: 10px}
	#recruit_list ul li {font-size: .9em;cursor: pointer;padding: 4px 0;cursor: pointer;position: relative}
	
	.wrap2 {
		width: 100%;
		margin: 0 auto;
	}
	.btn-holder {
		text-align: center;
		margin: 5px 0 5px 0;
		font-weight: 500px;
		font-size:1.3em
	}
	.calendar table {
		border-collapse: collapse;
		text-align: center;
	}
	.calendar table thead td {
		padding: 5px 0;
		font-weight: bold;
		font-size:.8em;
	}	
	.calendar table td {
		border: 0;
		height: 33px;
		vertical-align: middle;

	}
	.calendar table td.date-cell {
		height: 33px;
		vertical-align: middle;
		font-size:.8em;
		cursor: pointer;
	}
	.calendar table td.sun {
		color: red;
	}
	.calendar table td.sat {
		color: blue;
	}
	.calendar table td.not-this-month {
		background: #f1f1f1;
		color: #999;
	}
}
.selectedover {display: none}
.subnav .active {background: #ebeff2}
.sublist .active {background: #2c67c0 !important;color:#fff}
.selected {position: relative;}
.selected:after 
{
content: '';
margin: 5px auto 0;
border-style: solid;
border-width: 0 5px 5px;
border-color: #4888c1 transparent;
display: block;
width: 0;
z-index: 1;
top: -5px;
}