@charset "utf-8";


button.button {overflow:visible; border:1px solid #ccc; background-color:#fff;
	-webkit-appearance: none;
	appearance: none;
}

button.button span {display:inline-block;}

textarea,
input[type="email"],
input[type="number"] {
	-webkit-appearance: none;
	appearance: none;
}

/* 0921 */
.ft_fix { position: fixed; bottom: 0; width: 100%; }
/* 0921 끝 */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.dis-txt,
.blind {.visibility:hidden; overflow:hidden; position:absolute; left:0; top:0; width:1px; height:1px; font-size:0; line-height:0;}

#wrap { overflow: hidden; width: 100%;}
#container { overflow: hidden; position: relative; width: 100%; }
#header	{ overflow: hidden; width: 100%; height: 50px; background-color: #fff; }
#header .menu_open { position: absolute; left: 0; top: 0;  width: 50px; height: 50px; cursor: pointer;  }
#header .logo { position: absolute; left: 50%; top: 7px; display: block; width: 68px; margin-left: -34px; }
#header .event_open { position: absolute; right: 0; top: 0; width: 50px; height: 50px; cursor: pointer; }
#header .event_open .eventNum {
	display: block; position: absolute; right: 7px; top: 9px; height: 14px; padding: 0 4px; background-color: #ef5964; text-align: center; font-size: 9px; line-height: 15px; color: #fff;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

.dimBox2 {position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.8);}
.dimBox {position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.1);}
#sidebar { display: none; }
#contents { background-color: #f1f1f1; }
#footer,
#footer_main { padding-bottom: 15px; background-color: #f1f1f1; text-align: center; }
#footer.fix ,
#footer_main.fix { position: fixed; bottom: 0; width: 100%; }
.footNotice {
	overflow: hidden; /* width: 91%; */ padding: 15px; background: #fff url(../images/icon/icon_notice.png) 15px 13px no-repeat; text-align: left;
	-webkit-background-size: 20px;
	background-size: 20px;
}
.footNotice .txt { float: left; display: inline-block; overflow: hidden; width: 80%; margin: 0 0 0 35px; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.footNotice .more { float: right; width: 13px; height: 13px; }
#footer .footCall,
#footer_main .footCall { display:block; padding: 20px 0 15px; font-size: 15px; color: #797979; }
#footer .footTime,
#footer_main .footTime { display: none; }
#footer .footCall span,
#footer_main .footCall span { font-weight: bold; color: #797979; }
#footer .footMenu,
#footer_main .footMenu { display: table; width: 100%; margin-bottom: 10px;  font-size: 0; }
#footer .footMenu li,
#footer_main .footMenu li { display: inline-block; padding: 0 10px; border-right: 1px solid #c6c6c6; }
#footer .footMenu li:last-child,
#footer_main .footMenu li:last-child { border-right: 0 none; }
#footer .footMenu li a,
#footer_main .footMenu li a { display: block; font-size: 13px; color: #797979; }
#footer .copyright,
#footer_main .copyright { font-size: 9px; color: #797979; }

#menuArea {	z-index: 2100; z-index:999; position: fixed; left: -100%; top: 0; bottom: 0; width: 100%; background-color: rgba(0,0,0,0.8); }
.menu_close { position: absolute; z-index:1; right: 0; top: 0; width: 50px; height: 50px; background-color: #84c7e0; cursor: pointer; }
.menu_inner { overflow-y: auto; position: absolute; z-index:1; left: 0; top: 0; bottom: 0; background-color: #ffffff; }
.now_log { position: relative; height: 50px; padding: 0 15px; background-color: #f2f2f2; }
.now_log > p { font-size: 15px; line-height: 50px; color: #797979;}
.now_log > p span { margin-right: 4px; font-size: 15px; color: #222222; }
.now_log input {
	position: absolute; right: 15px; top: 12px; width: 60px; height: 25px; border: 1px solid #454545; background: none; font-size:12px; color: #454545;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

.menu_inner .myWish { border-bottom: 1px solid #dddddd; }
.menu_inner .myWish .mw_inner { overflow: hidden; padding: 20px 0; }
.menu_inner .myWish .mw_l { float: left; width: 145px; padding-top: 4px; text-align: center; }
.menu_inner .myWish .mw_l.no_opic { padding-top: 25px; }
.menu_inner .myWish .mw_l .day { margin-bottom: 10px; font-size: 23px; font-weight: bold; color: #fabf2c; }
.menu_inner .myWish .mw_l button {
	height: 25px; padding: 0 15px; background-color: #fabf2c; border: 0 none;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

.menu_inner .myWish .mw_l button span {
	display: inline-block; padding-right: 20px; background: url(../images/icon/arrow01.png) right center no-repeat; font-size:12px; line-height: 15px;
	-webkit-background-size: 15px;
	background-size: 15px;
}

.menu_inner .myWish .mw_l > span {
	display: inline-block; width: 109px; height: 25px; background-color: #fabf2c; border: 0 none; text-align: center; font-size:12px; line-height: 25px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

.menu_inner .myWish ul { /*float: left; width: 145px;*/
	margin-left:145px; padding-right:10px;
}

.menu_inner .myWish li.title { margin-bottom: 10px; font-size:11px; color: #296ebc; }
.menu_inner .myWish li.date { margin-bottom: 4px; font-size: 13px; font-weight: bold; }
.menu_inner .myWish li.place { font-size: 13px; line-height: 16px; }
.menu_inner .mw_txt {
	position: relative; padding: 15px; background: #f2f2f2 url(../images/icon/my_bg.png) center top no-repeat;
	-webkit-background-size: 14px;
	background-size: 14px;
}

.menu_inner .mw_txt .off { font-size:12px; color: #797979; }
.menu_inner .mw_txt .on p:first-child { margin-bottom: 10px; padding-right: 60px; font-size:13px; line-height: 16px; }
.menu_inner .mw_txt .su_pop_open { position: absolute; right: 15px; top: 15px; width: 46px; height: 17px; border: 1px solid #313d48; background: none; font-size:11px; }
.menu_inner .mw_txt .on p:last-child { font-size:12px; color: #797979; }
.menu_inner .mw_txt .on p:last-child span { font-size:12px; color: #454545; }

.menu_inner .myWish .mw_inner2 {
	width: 138px; margin: 0 auto; padding: 30px 0 30px 66px; background: url(../images/icon/icon_monitor.png) 0 35px no-repeat;
	-webkit-background-size: 50px;
	background-size: 50px;
}
.menu_inner .myWish .mw_inner2 p { margin-bottom: 15px; font-size: 13px; }
.menu_inner .myWish .mw_inner2 button {
	height: 25px; padding: 0 15px; background-color: #fabf2c; border: 0 none;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

.menu_inner .myWish .mw_inner2 button span {
	display: inline-block; padding-right: 20px; background: url(../images/icon/arrow01.png) right center no-repeat; font-size:12px; line-height: 15px;
	-webkit-background-size: 15px;
	background-size: 15px;
}

.menu_quick { overflow: hidden; }
.menu_quick li {
	float: left; width: 25%; height: 75px; border-right: 1px solid #4d84c3;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.menu_quick li:last-child { border-right: 0 none; }
.menu_quick li a { display: block; padding-top: 42px; height:33px; line-height:14px; text-align: center; font-size:11px; color: #ffffff; }
.menu_quick li:nth-of-type(2) {
	background: #296ebc url(../images/icon/menu_quick01.png) center 13px no-repeat;
	-webkit-background-size: 20px;
	background-size: 20px;
}

.menu_quick li:nth-of-type(3) {
	background: #296ebc url(../images/icon/menu_quick02.png) center 13px no-repeat;
	-webkit-background-size: 11px;
	background-size: 11px;
}

.menu_quick li:nth-of-type(4) {
	background: #296ebc url(../images/icon/menu_quick03.png) center 13px no-repeat;
	-webkit-background-size: 22px;
	background-size: 22px;
}

.menu_quick li:nth-of-type(1) {
	background: #296ebc url(../images/icon/menu_quick04.png) center 13px no-repeat;
	-webkit-background-size: 22px;
	background-size: 22px;
}

.oneDepth > li { border-bottom: 1px solid #dddddd; }
.oneDepth > li:nth-of-type(1) > span {
	background: url(../images/icon/icon_menul01.png) 14px -11px no-repeat;
	-webkit-background-size: 21px;
	background-size: 21px;
}

.oneDepth > li:nth-of-type(1).on >span {background-position:14px -71px;}
.oneDepth > li:nth-of-type(2) > a {
	background: url(../images/icon/icon_menul02.png) 17px -10px no-repeat;
	-webkit-background-size: 15px;
	background-size: 15px;
}

.oneDepth > li:nth-of-type(2).on > a {background-position:17px -70px;}
.oneDepth > li:nth-of-type(3) > span {
	background: url(../images/icon/icon_menul03.png) 15px -10px no-repeat;
	-webkit-background-size: 19px;
	background-size: 19px;
}

.oneDepth > li:nth-of-type(3).on > span {background-position:15px -70px;}
.oneDepth > li:nth-of-type(4) > span {
	background: url(../images/icon/icon_menul04.png) 14px -10px no-repeat;
	-webkit-background-size: 21px;
	background-size: 21px;
}

.oneDepth > li:nth-of-type(4).on > span {background-position:14px -70px;}
.oneDepth > li:nth-of-type(5) > span {
	background: url(../images/icon/icon_menul05.png) 15px -10px no-repeat;
	-webkit-background-size: 20px;
	background-size: 20px;
}

.oneDepth > li:nth-of-type(5).on > span {background-position:15px -70px;}
.oneDepth > li > span,
.oneDepth > li > a { display: block; height: 40px; padding: 0 15px 0 45px;  }
.oneDepth > li > span span,
.oneDepth > li > a span {
	display: block; background: url(../images/icon/icon_plus.png) right center no-repeat; font-size: 13px; line-height: 40px; color: #454545;
	-webkit-background-size: 11px;
	background-size: 11px;
}

.oneDepth > li:nth-of-type(2) > a span { background: 0 none; }
.oneDepth > li.on > span span,
.oneDepth > li.on > a span {
	display: block; background: url(../images/icon/icon_minus.png) right center no-repeat; color: #296ebc;
	-webkit-background-size: 11px;
	background-size: 11px;
}

.oneDepth > li.on > span,
.oneDepth > li.on > a { color: #296ebc; }
.twoDepth > li { /*height: 40px;*/ padding: 0 0 0 0; border-bottom: 1px solid #3c4751; background-color: #313d48; }
.twoDepth > li:last-of-type { border-bottom: 0 none; }
.twoDepth > li .sp,
.twoDepth > li a { display: block; padding-left:45px; font-size: 13px; line-height: 40px; color: #ffffff; }
.twoDepth > li .sp {position: relative; cursor:pointer;}
.twoDepth > li .sp i {position: absolute; top: 50%; right: 15px; width: 10px; height: 10px; margin-top: -5px;}
.twoDepth > li .sp i:before,
.twoDepth > li .sp i:after {content:''; position: absolute; top: 50%; left: 0; display: block; width: 100%; font-size: 0; line-height: 0; height: 2px; background-color: #fff;}
.twoDepth > li .sp i:before {}
.twoDepth > li .sp i:after {
	transform:rotate(90deg);
	transition:transform 0.4s;
}
.twoDepth > li .sp.menu-open i:after {
	transform:rotate(0);
}
.recommend_app { padding: 20px 15px; border-bottom: 1px solid #dddddd; background-color: #f2f2f2;}
.recommend_app > p { margin-bottom: 15px; font-size: 15px; color: #454545; }
.recommend_app ul { overflow: hidden; }
.recommend_app li { float: left; width: 60px; margin-right: 20px; width: 50px; margin-right: 10px;}
.recommend_app li:last-child { margin-right: 0; }
.recommend_app li a { display: block; text-align: center; }
.recommend_app li a span { display: block; margin-top: 7px; font-size:11px; color: #454545; line-height:1.2;}
.menu_sns { padding: 20px 15px; border-bottom: 1px solid #dddddd; background-color: #f2f2f2; }
.menu_sns > p { margin-bottom: 15px; font-size: 15px; color: #454545; }
.menu_sns ul { overflow: hidden; }
.menu_sns li {
	float: left; width: 50px; height: 50px; margin-right: 15px;
	background-repeat: no-repeat; background-position: center center;
	-webkit-background-size: 50px;
	background-size: 50px;
}

.menu_sns li:last-child { margin-right: 0; }
.menu_sns li.facebook  {background-image: url('../images/icon/2021/menu-facebook-m.png');}
.menu_sns li.kakao  {background-image: url('../images/icon/2021/menu-kakao-m.png');}
.menu_sns li.youtube  {background-image: url('../images/icon/2021/menu-youtube-m.png');}
.menu_sns li.naver  {background-image: url('../images/icon/2021/menu-naver-m.png');}
.menu_sns li.instagram  {background-image: url('../images/icon/2021/menu-instagram-m.png');}

.menu_sns li a { display: block; width:50px; height: 50px; text-indent: -999px; }
.view_pc { display: block; height: 40px; padding: 0 15px 30px; border-bottom: 1px solid #dddddd; background-color: #ffffff; font-size: 15px; line-height: 40px; color: #454545; }

#eventArea { z-index: 2100; position: fixed; right: -100%; top: 0; bottom: 0; width: 100%; background-color: rgba(0,0,0,0.8); }
.event_close { position: absolute; left: 0; top: 0; width: 50px; height: 50px; background-color: #84c7e0; cursor: pointer; }
.event_inner { overflow-y: auto; position: absolute; right: 0; top: 0; bottom: 0; background-color: #ffffff; }
.event_inner > p { height: 50px; padding: 0 15px; background-color: #296ebc; font-size: 15px; font-weight: bold; line-height: 50px; color: #ffffff; }
.event_inner ul li { padding: 20px 15px; border-bottom: 1px dashed #dddddd; }
.event_inner ul li:last-child { border-bottom: 0 none; }
.event_inner ul li a { display: block; }

/*런쳐*/

#launcherArea {
	display: none; position: fixed; left: 0; right: 0; bottom: 0; width: 100%; padding: 6px 0 7px; background-color: rgba(0,0,0,0.7); text-align: center; font-size: 0; opacity: 0;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
#launcherArea.on { display: table; opacity: 1; }
#launcherArea li { display: inline-block; width: 28px; margin: 0 25px; }

/* 로딩 영역 */
#loadingArea { z-index: 9999; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); }
#loadingArea img { position: absolute; left: 50%; top: 50%; width: 60px; height: 60px; margin: -30px 0 0 -30px; }

span.mbr {display:block;}

.loginCaution {margin:-5px 0 10px; font-size:11px; line-height:15px; text-align:center; white-space:nowrap; color:#797979;}
.longForm {display:block;}
.spanTable {display:table; width:100%; table-layout:fixed;}
.spanTable > span {display:table-cell; vertical-align:middle;}
.spanTable > span.spanTableTd1 {padding-right:2px;}
.spanTable > span.spanTableTd2 {padding-left:2px;}

.longForm textarea,
.longForm select,
.longForm input[type="text"],
.longForm input[type="number"],
.spanTable > span select,
.spanTable > span input[type="text"],
.spanTable > span input[type="number"] {width:100% !important;
	-webkit-box-sizing:border-box; box-sizing:border-box;
}

.poll_select .longForm {padding-bottom:10px;}
.spanTable > span.pr5 {padding-right:5px;}
.spanTable > span.pl5 {padding-left:5px;}

.requestLink {}
.requestLink a {overflow:hidden; display:block; height:35px; line-height:37px; text-align:center; font-size:13px; color:#fff; background-color:#3fa0ee;}
.requestLink a .icon {vertical-align:-3px; margin-left:3px; display:inline-block; width:16px; height:16px; background:url('../images/common/lnb_icon.png') 0 0 no-repeat;
	-webkit-background-size:100%; background-size:100%;
}

.nowrapAll span,
span.nowrap {white-space:nowrap;}

/* opic 게시물 */
.opicMobileCon #bbsContents {width:auto; background-size:100%;}
.opicMobileCon #bbsContents .hbox {background-size:100%;}
.opicMobileCon #bbsContents h1 {padding-top:20px; font-size:15px;}
.opicMobileCon #bbsContents h2 {padding-bottom:30px; font-size:14px; background-size:93.7%;}
.opicMobileCon #bbsContents table {width:100%;}
.opicMobileCon #bbsContents table th.box,
.opicMobileCon #bbsContents table th.box1 {padding-left:10px; vertical-align:middle; font-size:12px; font-weight:normal; width:40%;}
.opicMobileCon #bbsContents table td {vertical-align:middle; font-size:12px; font-weight:normal; padding-left:10px; padding-right:10px;}
.opicMobileCon #bbsContents table td.btn {padding-bottom:5px;}
.opicMobileCon #bbsContents table td.btn img {margin-top:5px; width:70%;}
.opicMobileCon #bbsContents table td.short {width:63px;}
.opicMobileCon #bbsContents img {width:auto;}
.opicMobileCon #bbsContents .content {width:auto; line-height:20px; margin:0; padding:20px;}
.opicMobileCon #bbsContents .content p {margin-left:0;}
.opicMobileCon #bbsContents .content .caution {text-align:left; margin-left:0; text-indent:-8px; padding-left:8px;}
.opicMobileCon #bbsContents .content .dot1,
.opicMobileCon #bbsContents .content .minus {margin-left:16px; text-indent:-8px; padding-left:8px;}
.opicMobileCon #bbsContents .content .dot1 {margin-left:16px; text-indent:-48px; padding-left:48px;}
.opicMobileCon #bbsContents .content .space1 {margin-left:64px}
.opicMobileCon #bbsContents .content span {white-space:nowrap;}

/* opic 채용정보 게시물 */
.bbsNewType.addMobile {}
.bbsNewType.addMobile #bbsContents {width:auto; background-size:100%;}
.bbsNewType.addMobile #bbsContents .hbox {background-size:100%;}
.bbsNewType.addMobile #bbsContents h1 {padding-top:20px; font-size:15px;}
.bbsNewType.addMobile #bbsContents h2 {padding-bottom:30px; font-size:14px; background-size:93.7%;}
.bbsNewType.addMobile #bbsContents .tableWrap {padding:0 15px;}
.bbsNewType.addMobile #bbsContents .tableWrap table {width:100%;}
.bbsNewType.addMobile #bbsContents .btnLine {text-align:center; padding-right:0;}
.bbsNewType.addMobile #bbsContents .btnLine img {width:auto; max-width:100%;}
.bbsNewType.addMobile #bbsContents table td,
.bbsNewType.addMobile #bbsContents table th {vertical-align:middle; padding-left:10px; font-size:12px; font-weight:normal; width:38%;}
.bbsNewType.addMobile #bbsContents table td {width:62%; padding-right:10px;}
.bbsNewType.addMobile #bbsContents .content {width:auto; line-height:20px; margin:0; padding:15px 15px;}
.bbsNewType.addMobile #bbsContents .content .lineBar {text-align:center; margin:0;}
.bbsNewType.addMobile #bbsContents .content p {margin-left:0;}
.bbsNewType.addMobile #bbsContents .content .caution {text-align:left; font-size:12px; padding-left:8px; text-indent:-8px;}
.bbsNewType.addMobile #bbsContents .content p.spade {margin-left:0;}
.bbsNewType.addMobile #bbsContents .content p.minus {margin-left:10px;}
.bbsNewType.addMobile #bbsContents .content p.dot1 {margin-left:10px; padding-left:47px; text-indent:-47px;}
.bbsNewType.addMobile #bbsContents .content p.space1 {margin-left:57px;}
.bbsNewType.addMobile #bbsContents .btnLineMobile {display:block;}
.bbsNewType.addMobile #bbsContents .btnLineWide {display:none;}

.viewContent .bbsNewType.addMobile img {max-width:100%;}

.appDown #wrap {position:relative; width:320px; margin:0 auto;}
.appDown .opic_app {font-size:0;}
.appDown {background: #3d73bb url(http://m.opic.or.kr/resources/images/btn/bg_ap_down.jpg) no-repeat 50% 0; background-size:320px auto; width:100%; height:100%;}
.appDown img {width:240px; }
.appDown .btn_mobile {margin-top:390px; display:block; text-align: center}
.appDown .btn_android {margin-top:9px; display:block; text-align: center}
.appDown .footer {display:none;}
@media (min-width: 360px){
	.recommend_app li { float: left; width: 60px; margin-right: 10px;}
}
@media (min-width: 480px){
	.appDown {background: #3d73bb url(http://m.opic.or.kr/resources/images/btn/bg_ap_down.jpg) no-repeat 50% 0; background-size:480px auto; width:100%; height:100%;}
	.appDown #wrap {width:360px;}
	.appDown img {width:360px; }
	.appDown .btn_mobile {margin-top:590px;}
	.bbsNewType.addMobile #bbsContents h2 {padding-bottom:50px;}
}

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

	br.mbr {display:none;}
	#wrap { position: relative; }
	#container { width: auto; margin-left: 80px; }
	#header { display: none; height: 80px; }
	#header .menu_open { display: none; }
	#header .logo { display: none; }
	#header .event_open { display: none; }

	#sidebar { z-index: 500; display: block; position: fixed; left: 0; top: 0; bottom: 0;  width: 80px; background-color: #32393f; }
	#sidebar ul li { border-bottom: 1px solid #5b6165; }
	#sidebar ul li > span, #sidebar ul li > a { display: block; position: relative; }
	#sidebar ul li > span .eventNum {
		position: absolute; right: 15px; top: 13px; width: 20px; height: 20px; background-color: #ef5964; text-align: center; font-size: 14px; line-height: 20px; color: #fff;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}

	.mapOpen #sidebar {display:none;}

	#sidebar ul li:last-child { position: absolute; bottom: 0; width: 80px; height: 80px; border-top: 1px solid #5b6165; border-bottom: 0 none; }
	#footer {
		position: relative; padding: 30px 40px 30px 142px; text-align: left;
		background: #f1f1f1 url(../images/common/logo.png) 40px 30px no-repeat;
		-webkit-background-size: 89px;
		background-size: 89px;
	}

	#footer_main { position: relative; padding: 35px 40px 30px 142px; text-align: left;
		background: #f1f1f1 url(../images/common/logo.png) 40px 35px no-repeat;
		-webkit-background-size: 89px;
		background-size: 89px;
	}

	.footNotice {
		width: 100%; padding: 20px 40px; background: #fff url(../images/icon/icon_notice.png) 40px 18px no-repeat;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-background-size: 24px;
		background-size: 24px;
	}

	.footNotice .txt { margin: 0 0 0 39px; font-size: 17px; }
	.footNotice .more { width: 20px; height: 20px; }

	#footer .footTime { position: absolute; right: 190px; top: 28px; display: block; }
	#footer_main .footTime { position: absolute; right: 195px; top: 33px; display: block; }
	#footer .footTime dl,
	#footer_main .footTime dl { position: relative; padding-left: 29px; font-size: 12px; color: #797979; }
	#footer .footTime dl:first-child,
	#footer_main .footTime dl:first-child { margin-bottom: 3px; }

	#footer .footTime dt,
	#footer_main .footTime dt { position: absolute; left: 0; top: 1px; font-weight: bold; }
	#footer .footTime dd,
	#footer_main .footTime dd { line-height: 14px; }
	#footer .footCall { position: absolute; right: 40px; top: 28px; padding: 0 0 0 15px; border-left: 1px solid #c6c6c6; font-size: 24px; }
	#footer_main .footCall { position: absolute; right: 40px; top: 33px; padding: 0 0 0 15px; border-left: 1px solid #c6c6c6; font-size: 24px; }
	#footer .footCall span,
	#footer_main .footCall span { display: block; margin-top: 10px; }
	#footer .footMenu,
	#footer_main .footMenu { display: block; overflow: hidden; width: auto; margin-bottom: 20px; }
	#footer .footMenu li,
	#footer_main .footMenu li { display: initial; float: left;  padding: 0 15px; }
	#footer .footMenu li:first-child,
	#footer_main .footMenu li:first-child { padding-left: 0; }
	#footer .footMenu li:last-child,
	#footer_main .footMenu li:last-child { padding-right: 0; }
	#footer .footMenu li a,
	#footer_main .footMenu li a { font-size: 16px; }
	#footer .copyright,
	#footer_main .copyright { font-size: 14px; }

	#menuArea {	z-index: 600; }
	.menu_close { left: 540px; right: initial; width: 80px; height: 80px; }
	.menu_inner { width: 540px !important; }
	.now_log { height: 80px; padding: 0 30px; }
	.now_log > p { font-size: 25px; line-height: 80px; }
	.now_log > p span { margin-right: 6px; font-size: 25px; }
	.now_log input {
		right: 30px; top: 20px; width: 120px; height: 40px; font-size: 17px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
	}

	.menu_inner .myWish .mw_inner { padding: 30px 0; }
	.menu_inner .myWish .mw_l { width: 230px; padding-top: 10px; }
	.menu_inner .myWish .mw_l.no_opic { padding-top: 25px; }
	.menu_inner .myWish .mw_l .day { margin-bottom: 20px; font-size: 31px; }
	.menu_inner .myWish .mw_l button {
		height: 40px; padding: 0 15px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
	}

	.menu_inner .myWish .mw_l button span {
		padding-right: 45px; background: url(../images/icon/arrow01.png) right center no-repeat; font-size: 17px; line-height: 24px;
		-webkit-background-size: 24px;
		background-size: 24px;
	}

	.menu_inner .myWish .mw_l > span {
		width: 160px; height: 40px; font-size: 17px; line-height: 40px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
	}

	.menu_inner .myWish ul { width: auto; }
	.menu_inner .myWish li.title { margin-bottom: 15px; font-size: 16px; }
	.menu_inner .myWish li.date { margin-bottom: 8px; font-size: 18px; }
	.menu_inner .myWish li.place { font-size: 18px; line-height: 22px; }
	.menu_inner .mw_txt {
		padding: 20px;
		-webkit-background-size: 18px;
		background-size: 18px;
	}

	.menu_inner .mw_txt .off { font-size: 16px; }
	.menu_inner .mw_txt .on p:first-child { margin-bottom: 20px; padding-right:80px; font-size: 16px; line-height: 22px; }
	.menu_inner .mw_txt .su_pop_open { right: 20px; top: 20px; width: 60px; height: 25px; font-size:13px; }
	.menu_inner .mw_txt .on p:last-child { font-size: 16px; }
	.menu_inner .mw_txt .on p:last-child span { font-size: 16px; }

	.menu_inner .myWish .mw_inner2 {
		width: 138px; margin: 0 auto; padding: 30px 0 30px 66px; background: url(../images/icon/icon_monitor.png) 0 35px no-repeat;
		-webkit-background-size: 50px;
		background-size: 50px;
	}

	.menu_inner .myWish .mw_inner2 p { margin-bottom: 15px; font-size: 13px; }
	.menu_inner .myWish .mw_inner2 button {
		height: 25px; padding: 0 15px; background-color: #fabf2c; border: 0 none;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
	}

	.menu_inner .myWish .mw_inner2 button span {
		display: inline-block; padding-right: 20px; background: url(../images/icon/arrow01.png) right center no-repeat; font-size:12px; line-height: 15px;
		-webkit-background-size: 15px;
		background-size: 15px;
	}

	.menu_quick li { width: 25%; height: 100px; }
	.menu_quick li a { padding-top: 59px; height:41px; font-size: 15px; line-height:16px;}
	.menu_quick li:nth-of-type(2) {
		background: #296ebc url(../images/icon/menu_quick01.png) center 18px no-repeat;
		-webkit-background-size: 27px;
		background-size: 27px;
	}

	.menu_quick li:nth-of-type(3) {
		background: #296ebc url(../images/icon/menu_quick02.png) center 16px no-repeat;
		-webkit-background-size: 15px;
		background-size: 15px;
	}

	.menu_quick li:nth-of-type(4) {
		background: #296ebc url(../images/icon/menu_quick03.png) center 17px no-repeat;
		-webkit-background-size: 31px;
		background-size: 31px;
	}

	.menu_quick li:nth-of-type(1) {
		background: #296ebc url(../images/icon/menu_quick04.png) center 17px no-repeat;
		-webkit-background-size: 30px;
		background-size: 30px;
	}

	.oneDepth > li:nth-of-type(1) > span {
		background-position:30px -11px;
		-webkit-background-size: 29px;
		background-size: 29px;
	}

	.oneDepth > li:nth-of-type(1).on > span {background-position:30px -93px;}
	.oneDepth > li:nth-of-type(2) > a {
		background-position:34px -9px;
		-webkit-background-size: 20px;
		background-size: 20px;
	}

	.oneDepth > li:nth-of-type(2).on > a {background-position:34px -93px;}
	.oneDepth > li:nth-of-type(3) > span {
		background-position: 32px -8px;
		-webkit-background-size: 24px;
		background-size: 24px;
	}

	.oneDepth > li:nth-of-type(3).on > span {background-position:32px -83px;}
	.oneDepth > li:nth-of-type(4) > span {
		background-position:30px -11px;
		-webkit-background-size: 29px;
		background-size: 29px;
	}

	.oneDepth > li:nth-of-type(4).on > span {background-position:30px -93px;}
	.oneDepth > li:nth-of-type(5) > span {
		background-position:30px -11px;
		-webkit-background-size: 28px;
		background-size: 28px;
	}

	.oneDepth > li:nth-of-type(5).on > span {background-position:30px -95px;}
	.oneDepth > li > span,

	.oneDepth > li > a { height: 60px; padding: 0 30px 0 70px;  }
	.oneDepth > li > span span,
	.oneDepth > li > a span {
		font-size: 18px; line-height: 60px;
		-webkit-background-size: 17px;
		background-size: 17px;
	}

	.oneDepth > li.on > span span,
	.oneDepth > li.on > a span {
		color: #296ebc;
		-webkit-background-size: 17px;
		background-size: 17px;
	}

	.twoDepth > li { /*height: 60px;*/ padding: 0 0 0 0; }
	.twoDepth > li .sp,
	.twoDepth > li a {padding-left:60px; font-size: 16px; line-height: 60px; }
	.recommend_app { padding: 30px; }
	.recommend_app > p { margin-bottom: 20px; font-size: 20px; }
	.recommend_app li { width: 90px; margin-right: 30px; }
	.recommend_app li a span { font-size: 15px; }
	.menu_sns { padding: 30px; }
	.menu_sns > p { margin-bottom: 20px; font-size: 20px; }
	.menu_sns li {
		width: 80px; height: 80px; margin-right: 30px;
		-webkit-background-size: 80px;
		background-size: 80px;
	}

	.menu_sns li.facebook  {background-image: url('../images/icon/2021/menu-facebook.png');}
	.menu_sns li.kakao  {background-image: url('../images/icon/2021/menu-kakao.png');}
	.menu_sns li.youtube  {background-image: url('../images/icon/2021/menu-youtube.png');}
	.menu_sns li.naver  {background-image: url('../images/icon/2021/menu-naver.png');}
	.menu_sns li.instagram  {background-image: url('../images/icon/2021/menu-instagram.png');}

	.view_pc { height: 60px; padding: 0 30px; font-size: 18px; line-height: 60px; }
	#eventArea { z-index: 600; position: fixed; left: -100%; top: 0; bottom: 0; width: 100%; background-color: rgba(0,0,0,0.8); }
	.event_close { position: absolute; left: 540px; right: initial; width: 80px; height: 80px; background-color: #84c7e0; cursor: pointer; }
	.event_inner { overflow-y: auto; position: absolute; left: 0; top: 0; bottom: 0; width: 540px !important; background-color: #ffffff; }
	.event_inner > p { height: 80px; padding: 0 35px; font-size: 25px; line-height: 80px; }
	.event_inner ul { padding: 40px 30px; }
	.event_inner ul li { margin-bottom: 30px; padding: 0 0 30px 0; }
	.event_inner ul li:last-child { margin-bottom: 0; padding-bottom: 0; }

	#launcherArea { display: none !important; }

	/* 로딩 영역 */
	#loadingArea img { position: absolute; left: 50%; top: 50%; width: 80px; height: 80px; margin: -40px 0 0 -40px; }

	.loginCaution {margin:0 0 10px ;font-size:14px;}
	.longForm {display:inline;}
	.spanTable {display:inline; width:auto;}
	.spanTable > span {display:inline;}

	.longForm textarea,
	.longForm select,
	.longForm input[type="text"],
	.longForm input[type="number"],
	.spanTable > span select,
	.spanTable > span input[type="text"],
	.spanTable > span input[type="number"] {width:auto !important;}
	.spanTableLong > span select,
	.spanTableLong > span input[type="text"],
	.spanTableLong > span input[type="number"],
	.longForm.w100 textarea,
	.longForm.w100 select,
	.longForm.w100 input[type="text"],
	.longForm.w100 input[type="number"] {width:100% !important;}

	.spanTableLong {display:table; width:100%;}
	.spanTableLong > span {display:table-cell;}

	.poll_select .longForm {padding-bottom:0;}
	.spanTable > span.pr5 {padding-right:0px;}
	.spanTable > span.pl5 {padding-left:0px;}
	.spanTable > span.spanTableTd1 {padding-right:0px;}
	.spanTable > span.spanTableTd2 {padding-left:0px;}

	span.mbr {display:inline;}

	.requestLink a {height:45px; line-height:47px; font-size:18px;}
	.requestLink a .icon {vertical-align:-6px; margin-left:7px; display:inline-block; width:25px; height:25px;}

	br.tbr {display:block !important;}

	.bbsNewType.addMobile #bbsContents h1 {font-size:30px;}
	.bbsNewType.addMobile #bbsContents h2 {font-size:28px;}
	.bbsNewType.addMobile #bbsContents .tableWrap {padding:0 30px;}
	.bbsNewType.addMobile #bbsContents .content {padding:15px 30px;}
}
@media (max-width: 600px){
	.opicMobileCon .tbl01 span.br {display:block;}
}
@media (max-width: 320px){
	.menu_sns li {margin-right:10px;}
}

/* 20171031 */
#footer_main .footMenu li {margin-bottom: 8px;}

@media (max-width:1180px){
	#footer_main .footTime {top: 60px;}
}

/* 20180412 */
/* opic 채용정보 게시물 기업홈페이지링크 줄바꿈 */
.bbsNewType.addMobile #bbsContents table td a[href]{word-break: break-all;}

/* 20180413 */
/* opic 채용정보 게시물 기업홈페이지링크 줄바꿈 */
.bbsNewType.addMobile #bbsContents table td{word-break: break-all;}

/* 20180515 */
/* 메인 화면에서 공지사항의 위 부분이 잘리는 현상이 있음 */
.footNotice{padding-top:0px;padding-bottom:0px;background-position:15px 50%;position:relative;}
.footNotice .txt{line-height:3.4;}
.footNotice .more{position:absolute;top:50%;right:15px;margin-top:-7px;}

/* 20180517 */
/* 나의 OPIc-Saving 현황 > OPIc-Saving 현황 - 설명글 글씨스타일이 적용되어 있지 않음 */
.p-text{padding:11px 15px;background-color:#f2f2f2;font-size:13px;line-height:19px;}

/*20180530*/
/* 나의 OPIc-Saving 현황 > OPIc-Saving 현황 - 설명글 글씨스타일이 적용되어 있지 않음 */
@media screen and (min-width:1024px){
	.p-text{padding:20px;font-size:16px;}
}

/* 20180813 */
.bbsNewType2.addMobile #bbsContents table th {padding-left: 0;}
.bbsNewType2.addMobile #bbsContents .btnLineMobile {padding-bottom: 20px; text-align: center;}
.bbsNewType2.addMobile #bbsContents .btnLineMobile a {display: block; margin: 0 15px; padding: 0 1em; line-height: 2em; font-size: 1.25em; color: #fff; border-color: #3c77c7; background-color: #3d78c7;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.bbsNewType2.addMobile #bbsContents h1.h1 {font-size: 15px; background-position: 102% 13px;}
@media (min-width:480px) {
	.bbsNewType2.addMobile #bbsContents .btnLineMobile a {max-width:50%; display: inline-block;}
	.bbsNewType2.addMobile #bbsContents h2 {padding-bottom: 25px;}
}

/* 20200615 */
.oneDepth > li.membership-mall > a {background: url('../images/icon/icon_menu_mall.png') 11px center no-repeat;
	-webkit-background-size: 23px auto;
	background-size: 23px auto;
}
.oneDepth > li.opic-solo > a {background: url('../images/sub/2021/icon-solo-s.png') 11px center no-repeat;
	-webkit-background-size: 22px auto;
	background-size: 22px auto;
}
.oneDepth > li.opic-special > a {background: url('../images/sub/2021/icon-special-s.png') 11px center no-repeat;
	-webkit-background-size: 22px auto;
	background-size: 22px auto;
}
.oneDepth > li:nth-of-type(6) > a span,
.oneDepth > li:nth-of-type(7) > a span {background: none;}
.oneDepth > li.membership-mall > a span { background: none; }
@media screen and (min-width: 1024px) {
	.oneDepth > li.opic-solo > a,
	.oneDepth > li.membership-mall > a {
		-webkit-background-size: 30px auto;
		background-size: 30px auto;
	}
	.oneDepth > li.membership-mall > a {background-position: 24px center;}
	.oneDepth > li.opic-solo > a {background-position: 28px center;}
}

.threeDepth {display: none; padding: 15px 0; border-top: 1px solid #527392; border-bottom: 1px solid #527392;}
.threeDepth > li {}
.threeDepth > li > a {position: relative; line-height: 30px; padding-left: 60px;}
.threeDepth > li > a:after {content:''; position: absolute; top: 50%; left: 50px; margin-top: -2px; width: 2px; height: 2px; background-color: #fff;}

.sub_contents .method-box h2.title ~ h2.title {margin-top: 40px;}
.sub_contents .method-box h3 {margin-top: 30px;}
.sub_contents .method-box h2.title + h3 {margin-top: 0;}


@media (min-width:1024px) {
	.threeDepth > li > a {position: relative; line-height: 45px; padding-left: 80px;}
	.threeDepth > li > a:after {left: 65px; margin-top: -3px; width: 4px; height: 4px;}
}

/* 로그인 버튼 추가 */
#header .go-login {position: absolute; top: 0; right: 0; display: block; width: 50px; height: 50px; font-size: 0; background: url('../images/2023/common/go-login.png') 0 0 no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}